myshell-react-lib 0.2.25 → 0.2.27

package/dist/index.d.cts

@@ -1271,7 +1271,7 @@ type TItems = {
     tooltip?: {
         description?: string;
         open?: boolean;
-        variant?: 'default' | 'message';
+        variant?: "default" | "message";
     };
     icon?: React$1.ElementType;
     disabled?: boolean;
@@ -1294,6 +1294,7 @@ declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsPro
     contentClassName?: string;
     contentBoxClassName?: string;
     items?: TItems[];
+    forceMount?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
     variant?: "button" | "underline" | "icon";
@@ -1312,7 +1313,10 @@ declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTrig
     hasUnRead?: boolean;
     onClickCallback?: (value: string) => void;
 } & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    isActive?: boolean;
+    isForceMount?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     maxLengthClassName?: string;

package/dist/index.d.ts

@@ -1271,7 +1271,7 @@ type TItems = {
     tooltip?: {
         description?: string;
         open?: boolean;
-        variant?: 'default' | 'message';
+        variant?: "default" | "message";
     };
     icon?: React$1.ElementType;
     disabled?: boolean;
@@ -1294,6 +1294,7 @@ declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsPro
     contentClassName?: string;
     contentBoxClassName?: string;
     items?: TItems[];
+    forceMount?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
     variant?: "button" | "underline" | "icon";
@@ -1312,7 +1313,10 @@ declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTrig
     hasUnRead?: boolean;
     onClickCallback?: (value: string) => void;
 } & React$1.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    isActive?: boolean;
+    isForceMount?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
 type TextareaProps = React$1.TextareaHTMLAttributes<HTMLTextAreaElement> & {
     maxLengthClassName?: string;

package/dist/index.js

@@ -12941,7 +12941,7 @@ var tabVariants = cva18("relative inline-flex h-full items-center whitespace-now
     }
 });
 var Tabs2 = React45.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, _param_forceMount = _param.forceMount, forceMount = _param_forceMount === void 0 ? false : _param_forceMount, props = _object_without_properties(_param, [
         "className",
         "listClassName",
         "listBoxClassName",
@@ -12951,7 +12951,8 @@ var Tabs2 = React45.forwardRef(function(_param, ref) {
         "size",
         "isLink",
         "rounded",
-        "items"
+        "items",
+        "forceMount"
     ]);
     return /* @__PURE__ */ jsxs38(TabsPrimitive.Root, _object_spread_props(_object_spread({
         ref: ref,
@@ -12984,6 +12985,8 @@ var Tabs2 = React45.forwardRef(function(_param, ref) {
                     return /* @__PURE__ */ jsx58(TabsContent, {
                         value: item.value,
                         className: contentClassName,
+                        isForceMount: forceMount,
+                        isActive: props.value === item.value,
                         children: item.children
                     }, item.value);
                 })
@@ -13064,9 +13067,19 @@ var Tab = React45.forwardRef(function(_param, ref) {
 });
 Tab.displayName = TabsPrimitive.Trigger.displayName;
 var TabsContent = React45.forwardRef(function(_param, ref) {
-    var className = _param.className, props = _object_without_properties(_param, [
-        "className"
+    var className = _param.className, isForceMount = _param.isForceMount, isActive = _param.isActive, props = _object_without_properties(_param, [
+        "className",
+        "isForceMount",
+        "isActive"
     ]);
+    if (isForceMount) {
+        return /* @__PURE__ */ jsx58("div", _object_spread_props(_object_spread({
+            ref: ref,
+            className: cn("mt-2 ring-offset-background focus-visible:!outline-none focus-visible:ring-offset-0", isActive ? "block" : "hidden", className)
+        }, props), {
+            children: props.children
+        }));
+    }
     return /* @__PURE__ */ jsx58(TabsPrimitive.Content, _object_spread({
         ref: ref,
         className: cn("mt-2 ring-offset-background focus-visible:!outline-none focus-visible:ring-offset-0", className)