myshell-react-lib 0.1.29 → 0.1.31

package/dist/index.cjs

@@ -4598,7 +4598,7 @@ __export(index_exports, {
         return Tab;
     },
     Tabs: function() {
-        return Tabs;
+        return Tabs2;
     },
     TabsContent: function() {
         return TabsContent;
@@ -4606,6 +4606,9 @@ __export(index_exports, {
     TabsList: function() {
         return TabsList;
     },
+    TabsRoot: function() {
+        return TabsRoot;
+    },
     TabsTrigger: function() {
         return TabsTrigger;
     },
@@ -12333,9 +12336,10 @@ var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
 var import_class_variance_authority17 = require("class-variance-authority");
 var React36 = __toESM(require("react"), 1);
 var import_jsx_runtime52 = require("react/jsx-runtime");
+var TabsRoot = TabsPrimitive.Tabs;
 var TabsList = TabsPrimitive.List;
 var TabsTrigger = TabsPrimitive.Trigger;
-var tabListVariants = (0, import_class_variance_authority17.cva)("relative inline-flex items-center justify-center overflow-hidden", {
+var tabListVariants = (0, import_class_variance_authority17.cva)("w-full relative inline-flex items-center justify-center overflow-hidden", {
     variants: {
         size: {
             sm: "h-6",
@@ -12415,7 +12419,7 @@ var tabListVariants = (0, import_class_variance_authority17.cva)("relative inlin
         rounded: "default"
     }
 });
-var tabVariants = (0, import_class_variance_authority17.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", {
+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", {
     variants: {
         size: {
             sm: "text-xs h-4.5",
@@ -12423,9 +12427,9 @@ var tabVariants = (0, import_class_variance_authority17.cva)("relative inline-fl
             lg: "text-base h-9.5"
         },
         variant: {
-            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"
+            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",
+            icon: "w-full px-4 justify-center aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default"
         },
         rounded: {
             default: "",
@@ -12480,10 +12484,11 @@ var tabVariants = (0, import_class_variance_authority17.cva)("relative inline-fl
         rounded: "default"
     }
 });
-var Tabs = React36.forwardRef(function(_param, ref) {
-    var className = _param.className, listClassName = _param.listClassName, _param_variant = _param.variant, variant = _param_variant === void 0 ? "button" : _param_variant, size = _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 Tabs2 = React36.forwardRef(function(_param, ref) {
+    var className = _param.className, listClassName = _param.listClassName, contentClassName = _param.contentClassName, _param_variant = _param.variant, variant = _param_variant === void 0 ? "button" : _param_variant, size = _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, [
         "className",
         "listClassName",
+        "contentClassName",
         "variant",
         "size",
         "isLink",
@@ -12496,14 +12501,14 @@ var Tabs = React36.forwardRef(function(_param, ref) {
     }, props), {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", {
-                className: "w-full flex justify-center items-center",
+                className: "w-full flex justify-start items-center",
                 children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TabsPrimitive.List, _object_spread_props(_object_spread({
                     ref: ref,
                     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_runtime52.jsx)(Tab, _object_spread({
@@ -12520,6 +12525,7 @@ var Tabs = React36.forwardRef(function(_param, ref) {
                 children: items === null || items === void 0 ? void 0 : items.map(function(item) {
                     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TabsContent, {
                         value: item.value,
+                        className: contentClassName,
                         children: item.children
                     });
                 })
@@ -12527,7 +12533,7 @@ var Tabs = React36.forwardRef(function(_param, ref) {
         ]
     }));
 });
-Tabs.displayName = TabsPrimitive.Root.displayName;
+Tabs2.displayName = TabsPrimitive.Root.displayName;
 var Tab = React36.forwardRef(function(_param, ref) {
     var className = _param.className, variant = _param.variant, size = _param.size, isLink = _param.isLink, link = _param.link, count2 = _param.count, label = _param.label, icon = _param.icon, tooltip = _param.tooltip, hasUnRead = _param.hasUnRead, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "default" : _param_rounded, onClickCallback = _param.onClickCallback, props = _object_without_properties(_param, [
         "className",
@@ -12544,7 +12550,7 @@ var Tab = React36.forwardRef(function(_param, ref) {
         "onClickCallback"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Tooltip, _object_spread_props(_object_spread({
-        triggerClassName: cn("w-full h-full flex-1 flex justify-center items-center", variant === "underline" && "justify-center items-end")
+        triggerClassName: cn("w-full h-full flex-1 flex justify-center items-center", variant === "underline" && "justify-start items-end")
     }, tooltip), {
         children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(TabsPrimitive.Trigger, _object_spread_props(_object_spread({
             ref: ref,
@@ -12758,7 +12764,8 @@ var chipsVariants = (0, import_class_variance_authority19.cva)('min-w-10 flex it
         }
     },
     defaultVariants: {
-        variant: "primary"
+        variant: "primary",
+        size: "sm"
     }
 });
 function Chips(props) {
@@ -14022,6 +14029,7 @@ var RectangleGroupIcon = React53.forwardRef(function(props, ref) {
     Tabs: Tabs,
     TabsContent: TabsContent,
     TabsList: TabsList,
+    TabsRoot: TabsRoot,
     TabsTrigger: TabsTrigger,
     Text: Text,
     Textarea: Textarea,