myshell-react-lib 0.1.9 → 0.1.11

package/dist/index.js

@@ -4673,7 +4673,7 @@ function clamp(value1, min3, max2) {
     return Math.min(Math.max(value1, min3), max2);
 }
 function isClient() {
-    return typeof window !== "undefined";
+    return typeof window !== "undefined" && typeof document !== "undefined";
 }
 function isIosApp() {
     return isClient() && typeof navigator !== "undefined" && /iPhone|iPad|iPod/i.test(navigator.userAgent) && !!window.webkit;
@@ -5644,23 +5644,25 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
         "showArrow",
         "arrowClassName"
     ]);
-    return /* @__PURE__ */ jsxs5(TooltipPrimitive.Content, _object_spread_props(_object_spread({
-        ref: ref,
-        align: align,
-        sideOffset: sideOffset,
-        alignOffset: alignOffset,
-        side: side,
-        className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg px-3 py-2 text-left text-xs shadow-modal-bolder", "outline-none delay-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 [&[data-state=open]>span]:animate-none", "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 [&[data-state=delayed-open]>span]:animate-none", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : variant === "info" ? "bg-surface-accent-yellow-subtle text-Colors-Text-Warning-Bolder" : "bg-Colors-Utility-Lake-Blue-50 text-cc-Tooltip-fg-default", className)
-    }, props), {
-        children: [
-            props.children,
-            showArrow && /* @__PURE__ */ jsx12(TooltipArrow, {
-                width: 12,
-                height: 6,
-                className: cn(variant === "default" ? "fill-cc-Tooltip-bg-default stroke-cc-Tooltip-border-default -ml-[0.5px]" : variant === "info" ? "fill-surface-accent-yellow-subtle" : "fill-Colors-Utility-Lake-Blue-50", arrowClassName)
-            })
-        ]
-    }));
+    return /* @__PURE__ */ jsx12(TooltipPrimitive.Portal, {
+        children: /* @__PURE__ */ jsxs5(TooltipPrimitive.Content, _object_spread_props(_object_spread({
+            ref: ref,
+            align: align,
+            sideOffset: sideOffset,
+            alignOffset: alignOffset,
+            side: side,
+            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg px-3 py-2 text-left text-xs shadow-modal-bolder", "outline-none delay-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 [&[data-state=open]>span]:animate-none", "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 [&[data-state=delayed-open]>span]:animate-none", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : variant === "info" ? "bg-surface-accent-yellow-subtle text-Colors-Text-Warning-Bolder" : "bg-Colors-Utility-Lake-Blue-50 text-cc-Tooltip-fg-default", className)
+        }, props), {
+            children: [
+                props.children,
+                showArrow && /* @__PURE__ */ jsx12(TooltipArrow, {
+                    width: 12,
+                    height: 6,
+                    className: cn(variant === "default" ? "fill-cc-Tooltip-bg-default stroke-cc-Tooltip-border-default -ml-[0.5px]" : variant === "info" ? "fill-surface-accent-yellow-subtle" : "fill-Colors-Utility-Lake-Blue-50", arrowClassName)
+                })
+            ]
+        }))
+    });
 });
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/button/icon-button.styles.ts
@@ -5690,6 +5692,11 @@ var iconButtonVariants = cva6("shrink-0 inline-flex items-center justify-center
         }
     },
     compoundVariants: [
+        {
+            variant: "primary",
+            color: "default",
+            className: "bg-cc-Button-Primary-bg-default text-cc-Button-Primary-fg-default hover:bg-cc-Button-Primary-bg-hover active:bg-cc-Button-Primary-bg-active disabled:bg-cc-Button-Primary-bg-disabled"
+        },
         {
             variant: "primary",
             color: "brand",
@@ -5738,7 +5745,7 @@ var iconButtonVariants = cva6("shrink-0 inline-flex items-center justify-center
     ],
     defaultVariants: {
         variant: "primary",
-        color: "default",
+        color: "brand",
         size: "lg"
     }
 });
@@ -11577,12 +11584,12 @@ var tabListVariants = cva18("relative inline-flex items-center justify-center ov
         size: {
             sm: "h-6",
             md: "h-9",
-            lg: "h-12"
+            lg: "h-11"
         },
         variant: {
-            button: "w-full border border-Colors-Border-Default bg-Colors-Background-Neutral-Primary-Default p-0.5",
-            underline: "border-b border-Colors-Border-Default space-x-6",
-            icon: "border border-Colors-Border-Default bg-Colors-Background-Neutral-Primary-Default p-0.5"
+            button: "border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
+            underline: "border-b border-Colors-Border-Default space-x-6 rounded-none",
+            icon: "border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
         },
         rounded: {
             default: "",
@@ -11623,17 +11630,27 @@ var tabListVariants = cva18("relative inline-flex items-center justify-center ov
         {
             rounded: "default",
             size: "lg",
-            className: "rounded-xl"
+            className: "rounded-md"
         },
         {
             rounded: "default",
             size: "md",
-            className: "rounded-lg"
+            className: "rounded-md"
         },
         {
             rounded: "default",
             size: "sm",
-            className: "rounded-md"
+            className: "rounded"
+        },
+        {
+            variant: "underline",
+            rounded: "default",
+            className: "rounded-none"
+        },
+        {
+            variant: "underline",
+            rounded: "full",
+            className: "rounded-none"
         }
     ],
     defaultVariants: {
@@ -11642,17 +11659,17 @@ var tabListVariants = cva18("relative inline-flex items-center justify-center ov
         rounded: "default"
     }
 });
-var tabVariants = cva18("relative inline-flex w-full h-full items-center justify-center overflow-hidden whitespace-nowrap font-medium text-Colors-Text-Subtler aria-[selected=true]:text-Colors-Text-Brand-Default aria-[selected=true]:bg-Colors-Background-Normal-Primary-Active aria-[selected=true]:shadow-background-default [&>div>span]:hover:text-Colors-Text-Brand-Default disabled:pointer-events-none disabled:text-Colors-Text-Disabled [&>div>span]:disabled:text-Colors-Text-Disabled data-[state=active]:text-Colors-Text-Brand-Default", {
+var tabVariants = cva18("relative inline-flex w-full h-full items-center justify-center overflow-hidden whitespace-nowrap font-medium text-cc-Tabbar-fg-default aria-[selected=true]:text-cc-Tabbar-fg-bolder [&>div>span]:hover:text-cc-Tabbar-fg-bolder disabled:cursor-not-allowed disabled:text-cc-Tabbar-fg-disabled [&>div>span]:disabled:text-cc-Tabbar-fg-disabled data-[state=active]:text-cc-Tabbar-fg-bolder", {
     variants: {
         size: {
-            sm: "text-xs",
-            md: "text-sm",
-            lg: "text-base"
+            sm: "text-xs h-4.5",
+            md: "text-sm h-7.5",
+            lg: "text-base h-9.5"
         },
         variant: {
-            button: "px-3 py-2.5 flex-1 rounded-full transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-Colors-Background-Normal-Primary-Active data-[state=active]:shadow-background-default ",
-            underline: "flex items-baseline pb-2 rounded-none data-[state=active]:border-b-2 data-[state=active]:border-b-brand",
-            icon: "px-4"
+            button: "aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default",
+            underline: "shadow-none aria-[selected=true]:border-cc-Tabbar-border-default aria-[selected=true]:border-b-2 rounded-none",
+            icon: "aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default px-4"
         },
         rounded: {
             default: "",
@@ -11663,17 +11680,42 @@ var tabVariants = cva18("relative inline-flex w-full h-full items-center justify
         {
             rounded: "default",
             size: "lg",
-            className: "rounded-xl"
+            className: "rounded-md"
         },
         {
             rounded: "default",
             size: "md",
-            className: "rounded-lg"
+            className: "rounded-md"
         },
         {
             rounded: "default",
             size: "sm",
-            className: "rounded-md"
+            className: "rounded"
+        },
+        {
+            variant: "underline",
+            rounded: "default",
+            className: "rounded-none"
+        },
+        {
+            variant: "underline",
+            rounded: "full",
+            className: "rounded-none"
+        },
+        {
+            variant: "underline",
+            size: "sm",
+            className: "h-4"
+        },
+        {
+            variant: "underline",
+            size: "md",
+            className: "h-6.5"
+        },
+        {
+            variant: "underline",
+            size: "lg",
+            className: "h-[31px]"
         }
     ],
     defaultVariants: {
@@ -11701,11 +11743,11 @@ var Tabs = React37.forwardRef(function(_param, ref) {
                 className: "w-full flex justify-center items-center",
                 children: /* @__PURE__ */ jsx53(TabsPrimitive.List, _object_spread_props(_object_spread({
                     ref: ref,
-                    className: cn("", tabListVariants({
+                    className: cn(tabListVariants({
                         variant: variant,
                         size: size,
                         rounded: rounded
-                    }), listClassName)
+                    }), "", listClassName)
                 }, props), {
                     children: items === null || items === void 0 ? void 0 : items.map(function(item) {
                         return /* @__PURE__ */ jsx53(Tab, _object_spread({
@@ -11746,7 +11788,7 @@ var Tab = React37.forwardRef(function(_param, ref) {
         "onClickCallback"
     ]);
     return /* @__PURE__ */ jsx53(Tooltip, _object_spread_props(_object_spread({
-        triggerClassName: "w-full h-full flex-1"
+        triggerClassName: cn("w-full h-full flex-1 flex justify-center items-center", variant === "underline" && "justify-center items-end")
     }, tooltip), {
         children: /* @__PURE__ */ jsx53(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
             ref: ref,
@@ -11778,8 +11820,8 @@ var Tab = React37.forwardRef(function(_param, ref) {
             }) : /* @__PURE__ */ jsxs30("div", {
                 className: "relative flex justify-center items-center",
                 children: [
-                    label && /* @__PURE__ */ jsx53(Text, {
-                        className: "text-inherit",
+                    label && /* @__PURE__ */ jsx53("span", {
+                        className: cn("text-inherit"),
                         children: label
                     }),
                     icon && /* @__PURE__ */ jsx53(Icon, {