myshell-react-lib 0.2.0 → 0.2.2

package/dist/index.cjs

@@ -6876,6 +6876,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
         checked: checked
     }, props), {
         children: [
+            children,
             /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", {
                 className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DropdownMenuPrimitive.ItemIndicator, {
@@ -6883,8 +6884,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
                         className: "h-4 w-4"
                     })
                 })
-            }),
-            children
+            })
         ]
     }));
 });
@@ -11667,12 +11667,14 @@ var import_lucide_react12 = 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, side = _param.side, props = _object_without_properties(_param, [
+    var children = _param.children, placeholder = _param.placeholder, options = _param.options, triggerClassName = _param.triggerClassName, contentClassName = _param.contentClassName, side = _param.side, _param_variant = _param.variant, variant = _param_variant === void 0 ? "input" : _param_variant, props = _object_without_properties(_param, [
         "children",
         "placeholder",
         "options",
         "triggerClassName",
-        "side"
+        "contentClassName",
+        "side",
+        "variant"
     ]);
     var _options_find;
     var icon = options === null || options === void 0 ? void 0 : (_options_find = options.find(function(item) {
@@ -11682,9 +11684,10 @@ var Select = React33.forwardRef(function(_param, ref) {
         children: Array.isArray(options) && options.length ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, {
             children: [
                 /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectTrigger, {
-                    className: cn(triggerClassName),
+                    className: triggerClassName,
+                    isButtonVariant: variant === "button",
                     children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", {
-                        className: "flex items-center space-x-1.5",
+                        className: "flex items-center space-x-2",
                         children: [
                             /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectIcon, {
                                 icon: icon
@@ -11697,11 +11700,16 @@ var Select = React33.forwardRef(function(_param, ref) {
                 }),
                 /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectContent, {
                     side: side,
+                    sideOffset: variant === "button" ? 4 : 0,
+                    align: "center",
                     noPortal: true,
+                    className: contentClassName,
                     children: options.map(function(item, i) {
-                        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectItem, _object_spread_props(_object_spread({}, item), {
-                            children: item.label
-                        }), "".concat(item.value, "_").concat(i));
+                        return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, {
+                            children: item.label ? /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectItem, _object_spread_props(_object_spread({}, item), {
+                                children: item.label
+                            }), "".concat(item.value, "_").concat(i)) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectSeparator, {}, "".concat(item.value, "_").concat(i))
+                        });
                     })
                 })
             ]
@@ -11711,13 +11719,17 @@ var Select = React33.forwardRef(function(_param, ref) {
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
 var SelectTrigger = React33.forwardRef(function(_param, ref) {
-    var className = _param.className, children = _param.children, props = _object_without_properties(_param, [
+    var className = _param.className, children = _param.children, isButtonVariant = _param.isButtonVariant, props = _object_without_properties(_param, [
         "className",
-        "children"
+        "children",
+        "isButtonVariant"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex h-7 md:h-10 w-full items-center justify-between rounded-sm border border-transparent hover:border-cc-Input-border-default bg-cc-Input-bg-default text-Colors-Text-Default text-sm p-3 focus:shadow-cc-Focus-Rings-Brand-default placeholder:text-Colors-Text-Subtlest focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-30 [&>span]:line-clamp-1 [&>.select-chevron]:aria-expanded:rotate-180 space-x-1.5", className)
+        className: cn("flex h-7 md:h-10 w-full items-center justify-between rounded-sm border border-transparent hover:border-cc-Input-border-default bg-cc-Input-bg-default text-Colors-Text-Default text-sm p-3 focus:shadow-cc-Focus-Rings-Brand-default placeholder:text-Colors-Text-Subtlest focus:outline-none focus:ring-0 focus:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-30 [&>span]:line-clamp-1 [&>.select-chevron]:aria-expanded:rotate-180 space-x-1.5", isButtonVariant && buttonVariants({
+            variant: "solid",
+            size: "lg"
+        }), isButtonVariant && "w-auto min-w-max inline-flex", className)
     }, props), {
         children: [
             children,
@@ -11802,17 +11814,17 @@ function SelectIcon(props) {
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectPrimitive.Icon, {
         children: typeof icon === "string" ? // 如果是字符串URL，作为背景图片显示
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {
-            className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-sm overflow-hidden mr-1.5", critical && "text-Colors-Text-Critical-Default"),
+            className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-sm overflow-hidden", critical && "text-Colors-Text-Critical-Default"),
             style: {
                 backgroundImage: "url('".concat(icon, "')")
             }
         }) : React33.isValidElement(icon) ? // 如果是React元素，直接渲染
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {
-            className: cn("mr-1.5 w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default"),
+            className: cn("w-5 h-5 text-Colors-Foreground-Default flex items-center justify-center", critical && "text-Colors-Foreground-Critical-Default"),
             children: icon
         }) : // 如果是组件类型，创建元素
         /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", {
-            className: cn("mr-1.5 w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default"),
+            className: cn("w-5 h-5 text-Colors-Foreground-Default  flex items-center justify-center", critical && "text-Colors-Foreground-Critical-Default"),
             children: React33.createElement(icon, {
                 className: cn("w-5 h-5 text-Colors-Foreground-Default", critical && "text-Colors-Foreground-Critical-Default")
             })
@@ -11833,7 +11845,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
     }, props), {
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", {
-                className: "flex items-center grow",
+                className: "flex items-center grow space-x-1.5",
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectIcon, {
                         icon: icon,
@@ -11862,7 +11874,7 @@ var SelectSeparator = React33.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectPrimitive.Separator, _object_spread({
         ref: ref,
-        className: cn("-mx-1 my-1 h-px bg-border-default", className)
+        className: cn("mx-1.5 my-1 h-px bg-[var(--Colors-Border-Default)]", className)
     }, props));
 });
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;