myshell-react-lib 0.1.28 → 0.1.30

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;
     },
@@ -6146,7 +6149,7 @@ var PopoverRoot = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
 var PopoverContent = React7.forwardRef(function(_param, ref) {
-    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_variant = _param.variant, variant = _param_variant === void 0 ? "default" : _param_variant, _param_side = _param.side, side = _param_side === void 0 ? "top" : _param_side, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, _param_alignOffset = _param.alignOffset, alignOffset = _param_alignOffset === void 0 ? 0 : _param_alignOffset, _param_arrowPadding = _param.arrowPadding, arrowPadding = _param_arrowPadding === void 0 ? 0 : _param_arrowPadding, _param_showArrow = _param.showArrow, showArrow = _param_showArrow === void 0 ? true : _param_showArrow, children = _param.children, container = _param.container, props = _object_without_properties(_param, [
+    var className = _param.className, _param_align = _param.align, align = _param_align === void 0 ? "center" : _param_align, _param_variant = _param.variant, variant = _param_variant === void 0 ? "default" : _param_variant, _param_side = _param.side, side = _param_side === void 0 ? "top" : _param_side, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, _param_alignOffset = _param.alignOffset, alignOffset = _param_alignOffset === void 0 ? 0 : _param_alignOffset, _param_arrowPadding = _param.arrowPadding, arrowPadding = _param_arrowPadding === void 0 ? 0 : _param_arrowPadding, _param_showArrow = _param.showArrow, showArrow = _param_showArrow === void 0 ? true : _param_showArrow, _param_mode = _param.mode, mode = _param_mode === void 0 ? "popover" : _param_mode, children = _param.children, container = _param.container, props = _object_without_properties(_param, [
         "className",
         "align",
         "variant",
@@ -6155,6 +6158,7 @@ var PopoverContent = React7.forwardRef(function(_param, ref) {
         "alignOffset",
         "arrowPadding",
         "showArrow",
+        "mode",
         "children",
         "container"
     ]);
@@ -6168,14 +6172,14 @@ var PopoverContent = React7.forwardRef(function(_param, ref) {
             arrowPadding: arrowPadding,
             side: side,
             forceMount: true,
-            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 [&[data-state=open]>span]:animate-none", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
+            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 [&[data-state=open]>span]:animate-none", variant === "default" ? mode === "popover" ? "bg-Colors-Background-Normal-Primary-Alt border-Colors-Border-Opaque text-Colors-Text-Default" : "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
         }, props), {
             children: [
                 children,
                 showArrow && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(PopoverPrimitive.Arrow, {
                     width: 16,
                     height: 6,
-                    className: cn("visible", variant === "default" ? "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
+                    className: cn("visible", variant === "default" ? mode === "popover" ? "fill-[var(--Colors-Background-Normal-Primary-Alt)]" : "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
                 })
             ]
         }))
@@ -6316,6 +6320,7 @@ var Tooltip = React8.forwardRef(function(_param, ref) {
                 ]
             })
         }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Popover, _object_spread_props(_object_spread({
+            mode: "tooltip",
             open: open,
             title: title,
             content: description,
@@ -12331,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",
@@ -12413,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",
@@ -12421,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: "",
@@ -12478,7 +12484,7 @@ var tabVariants = (0, import_class_variance_authority17.cva)("relative inline-fl
         rounded: "default"
     }
 });
-var Tabs = React36.forwardRef(function(_param, ref) {
+var Tabs2 = 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, [
         "className",
         "listClassName",
@@ -12494,14 +12500,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({
@@ -12525,7 +12531,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",
@@ -12542,7 +12548,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,
@@ -12756,7 +12762,8 @@ var chipsVariants = (0, import_class_variance_authority19.cva)('min-w-10 flex it
         }
     },
     defaultVariants: {
-        variant: "primary"
+        variant: "primary",
+        size: "sm"
     }
 });
 function Chips(props) {
@@ -14020,6 +14027,7 @@ var RectangleGroupIcon = React53.forwardRef(function(props, ref) {
     Tabs: Tabs,
     TabsContent: TabsContent,
     TabsList: TabsList,
+    TabsRoot: TabsRoot,
     TabsTrigger: TabsTrigger,
     Text: Text,
     Textarea: Textarea,