feat: test new version of tooltip

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikonintegration/ui",
-  "version": "1.0.114",
+  "version": "1.0.117-alpha1",
   "type": "module",
   "license": "MIT",
   "publishConfig": {

src/components/Tooltip.tsx

@@ -15,7 +15,7 @@ export function Tooltip({
   asChild = true,
   delay,
   position,
-  arrow = false,
+  arrow = true,
 }: ITooltipProps) {
   const delayTime = delay || 400;
 
@@ -29,7 +29,7 @@ export function Tooltip({
         <TooltipPrimitive.Content side={position}>
           {title}
           {arrow && (
-            <TooltipPrimitive.Arrow className="ikui-z-40 ikui-fill-popover" />
+            <TooltipPrimitive.Arrow className="w-3 h-3 fill-gray-600 ikui-z-40" />
           )}
         </TooltipPrimitive.Content>
       </TooltipPrimitive.Root>

src/components/TooltipPrimitive.tsx

@@ -13,7 +13,7 @@ const Content = React.forwardRef<
     ref={ref}
     sideOffset={sideOffset}
     className={cn(
-      'ikui-z-50 ikui-overflow-hidden ikui-rounded-md ikui-border ikui-bg-popover ikui-px-3 ikui-py-1.5 ikui-text-sm ikui-text-popover-foreground ikui-shadow-md ikui-animate-in ikui-fade-in-0 ikui-zoom-in-95 data-[state=closed]:ikui-animate-out data-[state=closed]:ikui-fade-out-0 data-[state=closed]:ikui-zoom-out-95 data-[side=bottom]:ikui-slide-in-from-top-2 data-[side=left]:ikui-slide-in-from-right-2 data-[side=right]:ikui-slide-in-from-left-2 data-[side=top]:ikui-slide-in-from-bottom-2',
+      'ikui-z-50 ikui-max-w-sm ikui-overflow-hidden ikui-rounded-md ikui-border ikui-border-gray-600 ikui-bg-gray-800 ikui-px-3 ikui-py-1.5 ikui-text-sm ikui-text-white ikui-shadow-2xl ikui-animate-in ikui-fade-in-0 ikui-zoom-in-95 data-[state=closed]:ikui-animate-out data-[state=closed]:ikui-fade-out-0 data-[state=closed]:ikui-zoom-out-95 data-[side=bottom]:ikui-slide-in-from-top-2 data-[side=left]:ikui-slide-in-from-right-2 data-[side=right]:ikui-slide-in-from-left-2 data-[side=top]:ikui-slide-in-from-bottom-2',
       className,
     )}
     {...props}

src/stories/components/Tooltip.stories.tsx

@@ -16,7 +16,7 @@ export default meta;
 
 function Template() {
   return (
-    <Tooltip title="This is a Tooltip">
+    <Tooltip position="top" title="This is a Tooltip">
       <Button>Tooltip</Button>
     </Tooltip>
   );