myshell-react-lib 0.2.29 → 0.2.31

package/dist/index.d.cts

@@ -1295,6 +1295,10 @@ declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsPro
     contentClassName?: string;
     contentBoxClassName?: string;
     items?: TItems[];
+    tabBarExtraContent?: {
+        left?: React$1.ReactNode;
+        right?: React$1.ReactNode;
+    };
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
     variant?: "button" | "underline" | "icon";

package/dist/index.d.ts

@@ -1295,6 +1295,10 @@ declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsPro
     contentClassName?: string;
     contentBoxClassName?: string;
     items?: TItems[];
+    tabBarExtraContent?: {
+        left?: React$1.ReactNode;
+        right?: React$1.ReactNode;
+    };
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
     variant?: "button" | "underline" | "icon";

package/dist/index.js

@@ -9032,7 +9032,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",
@@ -9951,7 +9951,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 = {
@@ -14857,7 +14857,7 @@ var tabVariants = cva18("relative inline-flex h-full items-center whitespace-now
     }
 });
 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",
@@ -14867,7 +14867,8 @@ var Tabs2 = React47.forwardRef(function(_param, ref) {
         "size",
         "isLink",
         "rounded",
-        "items"
+        "items",
+        "tabBarExtraContent"
     ]);
     return /* @__PURE__ */ jsxs41(TabsPrimitive.Root, _object_spread_props(_object_spread({
         ref: ref,
@@ -14876,7 +14877,7 @@ var Tabs2 = React47.forwardRef(function(_param, ref) {
         children: [
             /* @__PURE__ */ jsx61("div", {
                 className: cn("w-full flex justify-start items-center", listBoxClassName),
-                children: /* @__PURE__ */ jsx61(TabsPrimitive.List, _object_spread_props(_object_spread({
+                children: /* @__PURE__ */ jsxs41(TabsPrimitive.List, _object_spread_props(_object_spread({
                     ref: ref,
                     className: cn(tabListVariants({
                         variant: variant,
@@ -14884,14 +14885,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__ */ jsx61(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__ */ jsx61("div", {
+                            className: "flex justify-start items-center",
+                            children: tabBarExtraContent.left
+                        }),
+                        items === null || items === void 0 ? void 0 : items.map(function(item) {
+                            return /* @__PURE__ */ jsx61(Tab, _object_spread({
+                                isLink: isLink,
+                                variant: variant,
+                                size: size,
+                                rounded: rounded
+                            }, item), item.value);
+                        }),
+                        (tabBarExtraContent === null || tabBarExtraContent === void 0 ? void 0 : tabBarExtraContent.right) && /* @__PURE__ */ jsx61("div", {
+                            className: "flex-1 flex justify-end items-center",
+                            children: tabBarExtraContent.right
+                        })
+                    ]
                 }))
             }),
             !isLink && /* @__PURE__ */ jsx61("div", {