myshell-react-lib 0.1.42 → 0.1.44

package/dist/index.cjs

@@ -8860,7 +8860,7 @@ function ModalFooter(_param) {
         "children"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", _object_spread_props(_object_spread({
-        className: cn("border-t border-Colors-Border-Default flex justify-end p-4", className)
+        className: cn("border-t border-Colors-Border-Default flex justify-end px-4 pt-3 pb-1.5", className)
     }, props), {
         children: children
     }));
@@ -12177,7 +12177,7 @@ var tabListVariants = (0, import_class_variance_authority17.cva)("w-full relativ
         },
         variant: {
             button: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
-            underline: "justify-start border-b border-Colors-Border-Default space-x-6 rounded-none",
+            underline: 'justify-start space-x-6 rounded-none relative before:absolute before:content-[""] before:bottom-0 before:left-0 before:right-0 before:h-[1px] before:bg-[var(--Colors-Border-Default)]',
             icon: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
         },
         rounded: {
@@ -12248,7 +12248,7 @@ var tabListVariants = (0, import_class_variance_authority17.cva)("w-full relativ
         rounded: "default"
     }
 });
-var tabVariants = (0, import_class_variance_authority17.cva)("relative inline-flex h-full items-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", {
+var tabVariants = (0, import_class_variance_authority17.cva)("relative inline-flex h-full items-center 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 h-4.5",
@@ -12257,7 +12257,7 @@ var tabVariants = (0, import_class_variance_authority17.cva)("relative inline-fl
         },
         variant: {
             button: "w-full px-3 py-2.5 justify-center aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default",
-            underline: "w-fit justify-start shadow-none aria-[selected=true]:border-cc-Tabbar-border-default aria-[selected=true]:border-b-2 rounded-none",
+            underline: 'w-fit justify-start shadow-none rounded-none relative aria-[selected=true]:before:absolute aria-[selected=true]:before:content-[""] aria-[selected=true]:before:bottom-0 aria-[selected=true]:before:left-0 aria-[selected=true]:before:right-0 aria-[selected=true]:before:h-0.5 aria-[selected=true]:before:bg-cc-Tabbar-border-default aria-[selected=true]:before:z-20',
             icon: "w-full px-4 justify-center aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default"
         },
         rounded: {
@@ -12304,7 +12304,7 @@ var tabVariants = (0, import_class_variance_authority17.cva)("relative inline-fl
         {
             variant: "underline",
             size: "lg",
-            className: "h-[31px]"
+            className: "h-8"
         }
     ],
     defaultVariants: {
@@ -12410,7 +12410,7 @@ var Tab = React35.forwardRef(function(_param, ref) {
                     })
                 ]
             }) : /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", {
-                className: "relative flex justify-center items-center",
+                className: cn("relative flex justify-center items-center", variant === "underline" && "pb-2"),
                 children: [
                     label && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", {
                         className: cn("text-inherit"),
@@ -12737,7 +12737,7 @@ var stateIconUrls = {
     "network-error": "https://myshellstatic.com/image/website/20250425/network-error.png"
 };
 var State2 = function(param) {
-    var variant = param.variant, title = param.title, description = param.description, className = param.className, icon = param.icon, logo = param.logo, backBtnText = param.backBtnText, _param_hideLogo = param.hideLogo, hideLogo = _param_hideLogo === void 0 ? false : _param_hideLogo, onBack = param.onBack;
+    var variant = param.variant, title = param.title, description = param.description, className = param.className, icon = param.icon, logo = param.logo, backBtnText = param.backBtnText, iconClassName = param.iconClassName, logoClassName = param.logoClassName, titleClassName = param.titleClassName, descriptionClassName = param.descriptionClassName, _param_hideLogo = param.hideLogo, hideLogo = _param_hideLogo === void 0 ? false : _param_hideLogo, onBack = param.onBack;
     var router = (0, import_navigation.useRouter)();
     var handleBack = function() {
         if (onBack) {
@@ -12749,7 +12749,8 @@ var State2 = function(param) {
     var IconComponent2 = icon ? function() {
         return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Icon, {
             component: icon,
-            size: "4xl"
+            size: "4xl",
+            className: iconClassName
         });
     } : function() {
         return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", {
@@ -12757,7 +12758,7 @@ var State2 = function(param) {
             children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Image2, {
                 src: logo || stateIconUrls[variant],
                 alt: "state icon",
-                className: "w-full h-full rounded-full object-cover"
+                className: cn("w-full h-full rounded-full object-cover", logoClassName)
             })
         });
     };
@@ -12776,11 +12777,13 @@ var State2 = function(param) {
                         children: [
                             title && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Display, {
                                 size: "sm",
+                                className: titleClassName,
                                 children: title
                             }),
                             /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Text, {
                                 size: "sm",
                                 color: "subtle",
+                                className: descriptionClassName,
                                 children: description
                             })
                         ]