myshell-react-lib 0.1.58 → 0.1.60

package/dist/index.cjs

@@ -4879,7 +4879,7 @@ var lineClampMap = {
     5: "line-clamp-5",
     6: "line-clamp-6"
 };
-var displayVariants = (0, import_class_variance_authority2.cva)("font-semibold font-ABCDiatype", {
+var displayVariants = (0, import_class_variance_authority2.cva)("font-medium font-ABCDiatype", {
     variants: {
         size: {
             "2xl": "text-7xl",
@@ -11661,11 +11661,12 @@ var import_lucide_react10 = require("lucide-react");
 var React33 = __toESM(require("react"), 1);
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var Select = React33.forwardRef(function(_param, ref) {
-    var children = _param.children, placeholder = _param.placeholder, options = _param.options, triggerClassName = _param.triggerClassName, props = _object_without_properties(_param, [
+    var children = _param.children, placeholder = _param.placeholder, options = _param.options, triggerClassName = _param.triggerClassName, side = _param.side, props = _object_without_properties(_param, [
         "children",
         "placeholder",
         "options",
-        "triggerClassName"
+        "triggerClassName",
+        "side"
     ]);
     var _options_find;
     var icon = options === null || options === void 0 ? void 0 : (_options_find = options.find(function(item) {
@@ -11689,6 +11690,8 @@ var Select = React33.forwardRef(function(_param, ref) {
                     })
                 }),
                 /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectContent, {
+                    side: side,
+                    noPortal: true,
                     children: options.map(function(item, i) {
                         return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectItem, _object_spread_props(_object_spread({}, item), {
                             children: item.label
@@ -11751,22 +11754,27 @@ var SelectScrollDownButton = React33.forwardRef(function(_param, ref) {
 });
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
 var SelectContent = React33.forwardRef(function(_param, ref) {
-    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, props = _object_without_properties(_param, [
+    var className = _param.className, children = _param.children, _param_position = _param.position, position = _param_position === void 0 ? "popper" : _param_position, noPortal = _param.noPortal, props = _object_without_properties(_param, [
         "className",
         "children",
-        "position"
+        "position",
+        "noPortal"
     ]);
+    var Content13 = /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectPrimitive.Content, _object_spread_props(_object_spread({
+        ref: ref,
+        className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm	border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default shadow-modal-default 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", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+        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)]"),
+            children: children
+        })
+    }));
+    if (noPortal) {
+        return Content13;
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectPrimitive.Portal, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectPrimitive.Content, _object_spread_props(_object_spread({
-            ref: ref,
-            className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm	border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default shadow-modal-default 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", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
-            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)]"),
-                children: children
-            })
-        }))
+        children: Content13
     });
 });
 SelectContent.displayName = SelectPrimitive.Content.displayName;
@@ -12210,11 +12218,12 @@ var switchThumbIconVariants = (0, import_class_variance_authority16.cva)("flex i
     }
 });
 var Switch = React36.forwardRef(function(_param, ref) {
-    var className = _param.className, size = _param.size, label = _param.label, labelClassName = _param.labelClassName, vertical = _param.vertical, icon = _param.icon, props = _object_without_properties(_param, [
+    var className = _param.className, size = _param.size, label = _param.label, labelClassName = _param.labelClassName, iconClassName = _param.iconClassName, vertical = _param.vertical, icon = _param.icon, props = _object_without_properties(_param, [
         "className",
         "size",
         "label",
         "labelClassName",
+        "iconClassName",
         "vertical",
         "icon"
     ]);
@@ -12236,9 +12245,9 @@ var Switch = React36.forwardRef(function(_param, ref) {
                     }), "flex items-center justify-center"),
                     children: icon && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, {
                         component: icon,
-                        className: switchThumbIconVariants({
+                        className: cn("text-Colors-Foreground-Static-Black", switchThumbIconVariants({
                             size: size
-                        })
+                        }), iconClassName)
                     })
                 })
             })),