myshell-react-lib 0.1.62 → 0.1.64

package/dist/index.cjs

@@ -6659,7 +6659,7 @@ var Primitive = NODES.reduce(function(primitive, node) {
 var import_class_variance_authority6 = require("class-variance-authority");
 var React12 = __toESM(require("react"), 1);
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var avatarVariants = (0, import_class_variance_authority6.cva)("relative flex shrink-0 overflow-hidden bg-Colors-Background-Neutral-Primary-Default", {
+var avatarVariants = (0, import_class_variance_authority6.cva)("relative flex shrink-0 overflow-hidden bg-Colors-Background-Normal-Secondary-Hover", {
     variants: {
         size: {
             xs: "w-5 h-5 rounded-xs",
@@ -6728,7 +6728,7 @@ var AvatarImage = React12.forwardRef(function(_param, ref) {
         onError: handleError
     }, props)) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Primitive.span, _object_spread({
         ref: ref,
-        className: cn("flex h-full w-full items-center justify-center bg-Colors-Background-Neutral-Primary-Default", className)
+        className: cn("flex h-full w-full items-center justify-center bg-Colors-Background-Normal-Secondary-Hover", className)
     }, props));
 });
 AvatarImage.displayName = "AvatarImage";
@@ -7733,7 +7733,7 @@ var import_class_variance_authority11 = require("class-variance-authority");
 var React21 = __toESM(require("react"), 1);
 var import_jsx_runtime29 = require("react/jsx-runtime");
 var Input = React21.forwardRef(function(_param, ref) {
-    var className = _param.className, type = _param.type, _param_autoComplete = _param.autoComplete, autoComplete = _param_autoComplete === void 0 ? "off" : _param_autoComplete, _param_isFull = _param.isFull, isFull = _param_isFull === void 0 ? true : _param_isFull, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "sm" : _param_rounded, _param_size = _param.size, size = _param_size === void 0 ? "sm" : _param_size, _param_border = _param.border, border = _param_border === void 0 ? "default" : _param_border, _param_outline = _param.outline, outline = _param_outline === void 0 ? "default" : _param_outline, _param_background = _param.background, background = _param_background === void 0 ? "default" : _param_background, _param_shadow = _param.shadow, shadow = _param_shadow === void 0 ? "default" : _param_shadow, maxLength = _param.maxLength, value1 = _param.value, showLength = _param.showLength, props = _object_without_properties(_param, [
+    var className = _param.className, type = _param.type, _param_autoComplete = _param.autoComplete, autoComplete = _param_autoComplete === void 0 ? "off" : _param_autoComplete, _param_isFull = _param.isFull, isFull = _param_isFull === void 0 ? true : _param_isFull, _param_rounded = _param.rounded, rounded = _param_rounded === void 0 ? "sm" : _param_rounded, _param_size = _param.size, size = _param_size === void 0 ? "sm" : _param_size, _param_border = _param.border, border = _param_border === void 0 ? "default" : _param_border, _param_outline = _param.outline, outline = _param_outline === void 0 ? "default" : _param_outline, _param_background = _param.background, background = _param_background === void 0 ? "default" : _param_background, _param_shadow = _param.shadow, shadow = _param_shadow === void 0 ? "default" : _param_shadow, maxLength = _param.maxLength, value1 = _param.value, showLength = _param.showLength, rootClassName = _param.rootClassName, props = _object_without_properties(_param, [
         "className",
         "type",
         "autoComplete",
@@ -7746,7 +7746,8 @@ var Input = React21.forwardRef(function(_param, ref) {
         "shadow",
         "maxLength",
         "value",
-        "showLength"
+        "showLength",
+        "rootClassName"
     ]);
     var _value_toString;
     var readOnly = props.readOnly;
@@ -7798,7 +7799,7 @@ var Input = React21.forwardRef(function(_param, ref) {
         }
     });
     return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", {
-        className: "relative",
+        className: cn("relative w-full", rootClassName),
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("input", _object_spread({
                 type: type,
@@ -11613,8 +11614,8 @@ function TopNavigationBar(param) {
                     pageType === 2 && isMob && !(avatar === null || avatar === void 0 ? void 0 : avatar.logo) && !searchElement && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
                         className: "absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10",
                         children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(Display, {
-                            size: "sm",
-                            className: "line-clamp-1 text-xl",
+                            size: "xs",
+                            className: "line-clamp-1 text-lg",
                             children: title
                         })
                     }),
@@ -11766,7 +11767,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
         position: position
     }, props), {
         children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectPrimitive.Viewport, {
-            className: cn("p-1.5 space-y-1.5", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
+            className: cn("p-1.5 space-y-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
             children: children
         })
     }));
@@ -11823,7 +11824,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SelectPrimitive.Item, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex justify-between w-full text-sm cursor-pointer select-none items-center rounded-sm py-1 px-1.5 outline-none", "bg-Colors-Background-Normal-Secondary-Alt hover:bg-Colors-Background-Normal-Primary-Hover focus:bg-Colors-Background-Neutral-Primary-Default data-[disabled]:opacity-30 data-[disabled]:cursor-not-allowed", critical ? "text-Colors-Text-Critical-Default" : "focus:text-Colors-Text-Default", className)
+        className: cn("relative flex justify-between w-full text-sm cursor-pointer select-none items-center rounded-sm py-1 px-1.5 outline-none", "bg-Colors-Background-Normal-Primary-Hover hover:bg-Colors-Background-Utilities-Modal focus:bg-Colors-Background-Neutral-Primary-Default data-[disabled]:opacity-30 data-[disabled]:cursor-not-allowed", critical ? "text-Colors-Text-Critical-Default" : "focus:text-Colors-Text-Default", className)
     }, props), {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", {
@@ -12228,8 +12229,10 @@ var Switch = React36.forwardRef(function(_param, ref) {
         "icon"
     ]);
     var Component = label ? "div" : React36.Fragment;
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Component, {
-        className: cn("flex items-center justify-center space-x-1.5 text-Colors-Text-Default", vertical && "flex-col space-x-0 space-y-1.5"),
+    var componentProps = label ? {
+        className: cn("flex items-center justify-center space-x-1.5 text-Colors-Text-Default", vertical && "flex-col space-x-0 space-y-1.5")
+    } : {};
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Component, _object_spread_props(_object_spread({}, componentProps), {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SwitchPrimitives.Root, _object_spread_props(_object_spread({
                 className: cn(switchRootVariants({
@@ -12256,7 +12259,7 @@ var Switch = React36.forwardRef(function(_param, ref) {
                 children: label
             })
         ]
-    });
+    }));
 });
 Switch.displayName = SwitchPrimitives.Root.displayName;
 // src/components/tabs.tsx
@@ -12288,17 +12291,17 @@ var tabListVariants = (0, import_class_variance_authority17.cva)("w-full relativ
         {
             variant: "button",
             size: "lg",
-            className: "min-w-[320px]"
+            className: "min-w-[320px] h-auto"
         },
         {
             variant: "button",
             size: "md",
-            className: "min-w-[218px]"
+            className: "min-w-[218px] h-auto"
         },
         {
             variant: "button",
             size: "sm",
-            className: "min-w-[180px]"
+            className: "min-w-[180px] h-auto"
         },
         {
             variant: "underline",