myshell-react-lib 0.1.9 → 0.1.10

package/dist/index.cjs

@@ -5387,7 +5387,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;
@@ -6404,6 +6404,11 @@ var iconButtonVariants = (0, import_class_variance_authority6.cva)("shrink-0 inl
         }
     },
     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",
@@ -6452,7 +6457,7 @@ var iconButtonVariants = (0, import_class_variance_authority6.cva)("shrink-0 inl
     ],
     defaultVariants: {
         variant: "primary",
-        color: "default",
+        color: "brand",
         size: "lg"
     }
 });
@@ -12291,12 +12296,12 @@ var tabListVariants = (0, import_class_variance_authority18.cva)("relative inlin
         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: "",
@@ -12337,17 +12342,27 @@ var tabListVariants = (0, import_class_variance_authority18.cva)("relative inlin
         {
             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: {
@@ -12356,17 +12371,17 @@ var tabListVariants = (0, import_class_variance_authority18.cva)("relative inlin
         rounded: "default"
     }
 });
-var tabVariants = (0, import_class_variance_authority18.cva)("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 = (0, import_class_variance_authority18.cva)("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: "",
@@ -12377,17 +12392,42 @@ var tabVariants = (0, import_class_variance_authority18.cva)("relative inline-fl
         {
             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: {
@@ -12415,11 +12455,11 @@ var Tabs = React37.forwardRef(function(_param, ref) {
                 className: "w-full flex justify-center items-center",
                 children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime53.jsx)(Tab, _object_spread({
@@ -12460,7 +12500,7 @@ var Tab = React37.forwardRef(function(_param, ref) {
         "onClickCallback"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(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__ */ (0, import_jsx_runtime53.jsx)(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
             ref: ref,
@@ -12492,8 +12532,8 @@ var Tab = React37.forwardRef(function(_param, ref) {
             }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", {
                 className: "relative flex justify-center items-center",
                 children: [
-                    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, {
-                        className: "text-inherit",
+                    label && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", {
+                        className: cn("text-inherit"),
                         children: label
                     }),
                     icon && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon, {