myshell-react-lib 0.2.29 → 0.2.31

package/dist/index.cjs

@@ -9824,7 +9824,7 @@ var VARIANT_BASE = {
     link: "",
     plain: "",
     opacity: "backdrop-blur-2xl text-Colors-Text-Static-White bg-Colors-Beta-White-30 border border-Colors-Beta-White-12 shadow-none hover:bg-Colors-Beta-White-40 focus:shadow-cc-Focus-Rings-Brand-default active:bg-Colors-Beta-White-50 disabled:bg-Colors-Beta-White-60 disabled:text-Colors-Beta-White-80",
-    ghost: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Ghost-bg-default border border-cc-Button-Ghost-border-default hover:bg-cc-Button-Ghost-bg-hover hover:border-cc-Button-Ghost-border-alt active:bg-cc-Button-Ghost-bg-active disabled:text-cc-Button-Ghost-fg-alt"
+    ghost: "shadow-none text-Colors-Text-Default bg-cc-Button-Ghost-bg-default border border-cc-Button-Ghost-border-default hover:bg-cc-Button-Ghost-bg-hover hover:border-cc-Button-Ghost-border-alt active:bg-cc-Button-Ghost-bg-active disabled:text-cc-Button-Ghost-fg-alt"
 };
 var SPECIAL_LAYOUTS = {
     link: "h-fit w-fit min-w-auto px-0.5 py-0.5",
@@ -10743,7 +10743,7 @@ var VARIANT_STYLES = {
     tertiary: "shadow-none",
     plain: "",
     opacity: "backdrop-blur-2xl text-Colors-Text-Static-White bg-Colors-Beta-White-30 border border-Colors-Beta-White-12 shadow-none hover:bg-Colors-Beta-White-40 focus:shadow-cc-Focus-Rings-Brand-default active:bg-Colors-Beta-White-50 disabled:bg-Colors-Beta-White-60 disabled:text-Colors-Beta-White-80",
-    ghost: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Ghost-bg-default border border-cc-Button-Ghost-border-default hover:bg-cc-Button-Ghost-bg-hover hover:border-cc-Button-Ghost-border-alt active:bg-cc-Button-Ghost-bg-active disabled:text-cc-Button-Ghost-fg-alt",
+    ghost: "shadow-none text-Colors-Text-Default bg-cc-Button-Ghost-bg-default border border-cc-Button-Ghost-border-default hover:bg-cc-Button-Ghost-bg-hover hover:border-cc-Button-Ghost-border-alt active:bg-cc-Button-Ghost-bg-active disabled:text-cc-Button-Ghost-fg-alt",
     static: "text-cc-Button-Static-fg-default border-cc-Button-Static-border-default bg-cc-Button-Static-bg-default hover:bg-cc-Button-Static-bg-hover active:bg-cc-Button-Static-bg-active disabled:bg-cc-Button-Static-bg-disabled disabled:text-cc-Button-Static-fg-alt"
 };
 var COLOR_STYLES = {
@@ -15649,7 +15649,7 @@ var tabVariants = (0, import_class_variance_authority18.cva)("relative inline-fl
     }
 });
 var Tabs2 = React47.forwardRef(function(_param, ref) {
-    var className = _param.className, listClassName = _param.listClassName, listBoxClassName = _param.listBoxClassName, contentClassName = _param.contentClassName, contentBoxClassName = _param.contentBoxClassName, _param_variant = _param.variant, variant = _param_variant === void 0 ? "button" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, _param_isLink = _param.isLink, isLink = _param_isLink === void 0 ? false : _param_isLink, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "default" : _param_rounded, items = _param.items, props = _object_without_properties(_param, [
+    var className = _param.className, listClassName = _param.listClassName, listBoxClassName = _param.listBoxClassName, contentClassName = _param.contentClassName, contentBoxClassName = _param.contentBoxClassName, _param_variant = _param.variant, variant = _param_variant === void 0 ? "button" : _param_variant, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, _param_isLink = _param.isLink, isLink = _param_isLink === void 0 ? false : _param_isLink, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "default" : _param_rounded, items = _param.items, tabBarExtraContent = _param.tabBarExtraContent, props = _object_without_properties(_param, [
         "className",
         "listClassName",
         "listBoxClassName",
@@ -15659,7 +15659,8 @@ var Tabs2 = React47.forwardRef(function(_param, ref) {
         "size",
         "isLink",
         "rounded",
-        "items"
+        "items",
+        "tabBarExtraContent"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(TabsPrimitive.Root, _object_spread_props(_object_spread({
         ref: ref,
@@ -15668,7 +15669,7 @@ var Tabs2 = React47.forwardRef(function(_param, ref) {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {
                 className: cn("w-full flex justify-start items-center", listBoxClassName),
-                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(TabsPrimitive.List, _object_spread_props(_object_spread({
+                children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(TabsPrimitive.List, _object_spread_props(_object_spread({
                     ref: ref,
                     className: cn(tabListVariants({
                         variant: variant,
@@ -15676,14 +15677,24 @@ var Tabs2 = React47.forwardRef(function(_param, ref) {
                         rounded: rounded
                     }), listClassName)
                 }, props), {
-                    children: items === null || items === void 0 ? void 0 : items.map(function(item) {
-                        return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Tab, _object_spread({
-                            isLink: isLink,
-                            variant: variant,
-                            size: size,
-                            rounded: rounded
-                        }, item), item.value);
-                    })
+                    children: [
+                        (tabBarExtraContent === null || tabBarExtraContent === void 0 ? void 0 : tabBarExtraContent.left) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {
+                            className: "flex justify-start items-center",
+                            children: tabBarExtraContent.left
+                        }),
+                        items === null || items === void 0 ? void 0 : items.map(function(item) {
+                            return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Tab, _object_spread({
+                                isLink: isLink,
+                                variant: variant,
+                                size: size,
+                                rounded: rounded
+                            }, item), item.value);
+                        }),
+                        (tabBarExtraContent === null || tabBarExtraContent === void 0 ? void 0 : tabBarExtraContent.right) && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {
+                            className: "flex-1 flex justify-end items-center",
+                            children: tabBarExtraContent.right
+                        })
+                    ]
                 }))
             }),
             !isLink && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {