myshell-react-lib 0.2.1 → 0.2.3

package/dist/index.d.cts

@@ -132,11 +132,11 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "solid" | "plain" | null | undefined;
+    variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "ghost" | "plain" | null | undefined;
     color?: "default" | "brand" | "error" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'solid' | 'static';
+type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ButtonBaseProps = VariantProps<typeof buttonVariants>;
 type VariantColorMap$1 = {
     primary: 'default' | 'brand' | 'error';
@@ -145,7 +145,7 @@ type VariantColorMap$1 = {
     link: 'default';
     plain: 'default' | 'brand';
     opacity: never;
-    solid: never;
+    ghost: never;
     static: never;
 };
 type ButtonProps$1<V extends VariantType$1 = VariantType$1> = Omit<ButtonBaseProps, 'color'> & {
@@ -403,7 +403,7 @@ declare const Icon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTM
 } & React$1.RefAttributes<HTMLSpanElement>>;
 type IconComponent = React$1.ForwardRefExoticComponent<IconProps>;
 
-type VariantType = 'primary' | 'secondary' | 'tertiary' | 'plain' | 'opacity' | 'solid' | 'static';
+type VariantType = 'primary' | 'secondary' | 'tertiary' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ColorType = 'default' | 'brand' | 'error' | 'gray';
 type SizeType = 'xs' | 'sm' | 'md' | 'lg';
 declare const iconButtonVariants: (props?: ({
@@ -419,7 +419,7 @@ type VariantColorMap = {
     tertiary: 'default';
     plain: 'default' | 'error' | 'gray';
     opacity: never;
-    solid: never;
+    ghost: never;
     static: never;
 };
 type IconButtonProps<V extends VariantType = VariantType> = Omit<IconButtonBaseProps, 'color'> & {
@@ -1026,13 +1026,17 @@ interface ISelectProps extends SelectPrimitive.SelectProps {
     }>;
     placeholder?: React$1.ReactNode;
     triggerClassName?: string;
+    contentClassName?: string;
+    variant?: 'input' | 'button';
     noPortal?: boolean;
     side?: SelectPrimitive.SelectContentProps['side'];
 }
 declare const Select: React$1.ForwardRefExoticComponent<ISelectProps & React$1.RefAttributes<never>>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    isButtonVariant?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {

package/dist/index.d.ts

@@ -132,11 +132,11 @@ interface BadgeProps extends VariantProps<typeof badgeVariants> {
 declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "solid" | "plain" | null | undefined;
+    variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "ghost" | "plain" | null | undefined;
     color?: "default" | "brand" | "error" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
-type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'solid' | 'static';
+type VariantType$1 = 'primary' | 'secondary' | 'tertiary' | 'link' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ButtonBaseProps = VariantProps<typeof buttonVariants>;
 type VariantColorMap$1 = {
     primary: 'default' | 'brand' | 'error';
@@ -145,7 +145,7 @@ type VariantColorMap$1 = {
     link: 'default';
     plain: 'default' | 'brand';
     opacity: never;
-    solid: never;
+    ghost: never;
     static: never;
 };
 type ButtonProps$1<V extends VariantType$1 = VariantType$1> = Omit<ButtonBaseProps, 'color'> & {
@@ -403,7 +403,7 @@ declare const Icon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTM
 } & React$1.RefAttributes<HTMLSpanElement>>;
 type IconComponent = React$1.ForwardRefExoticComponent<IconProps>;
 
-type VariantType = 'primary' | 'secondary' | 'tertiary' | 'plain' | 'opacity' | 'solid' | 'static';
+type VariantType = 'primary' | 'secondary' | 'tertiary' | 'plain' | 'opacity' | 'ghost' | 'static';
 type ColorType = 'default' | 'brand' | 'error' | 'gray';
 type SizeType = 'xs' | 'sm' | 'md' | 'lg';
 declare const iconButtonVariants: (props?: ({
@@ -419,7 +419,7 @@ type VariantColorMap = {
     tertiary: 'default';
     plain: 'default' | 'error' | 'gray';
     opacity: never;
-    solid: never;
+    ghost: never;
     static: never;
 };
 type IconButtonProps<V extends VariantType = VariantType> = Omit<IconButtonBaseProps, 'color'> & {
@@ -1026,13 +1026,17 @@ interface ISelectProps extends SelectPrimitive.SelectProps {
     }>;
     placeholder?: React$1.ReactNode;
     triggerClassName?: string;
+    contentClassName?: string;
+    variant?: 'input' | 'button';
     noPortal?: boolean;
     side?: SelectPrimitive.SelectContentProps['side'];
 }
 declare const Select: React$1.ForwardRefExoticComponent<ISelectProps & React$1.RefAttributes<never>>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
-declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+    isButtonVariant?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {

package/dist/index.js

@@ -4740,7 +4740,7 @@ var VARIANT_BASE = {
     link: "",
     plain: "",
     opacity: "backdrop-blur-2xl text-Colors-Text-Static-White bg-Colors-Beta-White-30 border border-Colors-Beta-White-12 shadow-none hover:bg-Colors-Beta-White-40 focus:shadow-cc-Focus-Rings-Brand-default active:bg-Colors-Beta-White-50 disabled:bg-Colors-Beta-White-60 disabled:text-Colors-Beta-White-80",
-    solid: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Solid-bg-default border border-cc-Button-Solid-border-default hover:bg-cc-Button-Solid-bg-hover hover:border-cc-Button-Solid-border-alt active:bg-cc-Button-Solid-bg-active disabled:text-cc-Button-Solid-fg-alt"
+    ghost: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Ghost-bg-default border border-cc-Button-Ghost-border-default hover:bg-cc-Button-Ghost-bg-hover hover:border-cc-Button-Ghost-border-alt active:bg-cc-Button-Ghost-bg-active disabled:text-cc-Button-Ghost-fg-alt"
 };
 var SPECIAL_LAYOUTS = {
     link: "h-fit w-fit min-w-auto px-0.5 py-0.5",
@@ -4838,17 +4838,17 @@ var buttonVariants = cva4(BASE_BUTTON, {
             className: SIZE_CLASSES.sm.withPadding
         },
         {
-            variant: "solid",
+            variant: "ghost",
             size: "lg",
             className: SIZE_CLASSES.lg.withPadding
         },
         {
-            variant: "solid",
+            variant: "ghost",
             size: "md",
             className: SIZE_CLASSES.md.withPadding
         },
         {
-            variant: "solid",
+            variant: "ghost",
             size: "sm",
             className: SIZE_CLASSES.sm.withPadding
         },
@@ -4957,7 +4957,7 @@ var iconVariants2 = cva4("relative shrink-0 text-inherit inline-flex items-cente
             link: "font-normal",
             plain: "font-medium",
             static: "",
-            solid: "",
+            ghost: "",
             opacity: ""
         },
         size: {
@@ -5653,7 +5653,7 @@ var VARIANT_STYLES = {
     tertiary: "shadow-none",
     plain: "",
     opacity: "backdrop-blur-2xl text-Colors-Text-Static-White bg-Colors-Beta-White-30 border border-Colors-Beta-White-12 shadow-none hover:bg-Colors-Beta-White-40 focus:shadow-cc-Focus-Rings-Brand-default active:bg-Colors-Beta-White-50 disabled:bg-Colors-Beta-White-60 disabled:text-Colors-Beta-White-80",
-    solid: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Solid-bg-default border border-cc-Button-Solid-border-default hover:bg-cc-Button-Solid-bg-hover hover:border-cc-Button-Solid-border-alt active:bg-cc-Button-Solid-bg-active disabled:text-cc-Button-Solid-fg-alt",
+    ghost: "shadow-none text-Colors-Text-Subtle bg-cc-Button-Ghost-bg-default border border-cc-Button-Ghost-border-default hover:bg-cc-Button-Ghost-bg-hover hover:border-cc-Button-Ghost-border-alt active:bg-cc-Button-Ghost-bg-active disabled:text-cc-Button-Ghost-fg-alt",
     static: "text-cc-Button-Static-fg-default border-cc-Button-Static-border-default bg-cc-Button-Static-bg-default hover:bg-cc-Button-Static-bg-hover active:bg-cc-Button-Static-bg-active disabled:bg-cc-Button-Static-bg-disabled disabled:text-cc-Button-Static-fg-alt"
 };
 var COLOR_STYLES = {
@@ -6132,6 +6132,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
         checked: checked
     }, props), {
         children: [
+            children,
             /* @__PURE__ */ jsx18("span", {
                 className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /* @__PURE__ */ jsx18(DropdownMenuPrimitive.ItemIndicator, {
@@ -6139,8 +6140,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
                         className: "h-4 w-4"
                     })
                 })
-            }),
-            children
+            })
         ]
     }));
 });
@@ -10923,12 +10923,14 @@ import { ChevronDown as ChevronDown2, ChevronUp, CheckIcon as CheckIcon2 } from
 import * as React33 from "react";
 import { Fragment as Fragment8, jsx as jsx45, jsxs as jsxs27 } from "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) {
@@ -10938,9 +10940,10 @@ var Select = React33.forwardRef(function(_param, ref) {
         children: Array.isArray(options) && options.length ? /* @__PURE__ */ jsxs27(Fragment8, {
             children: [
                 /* @__PURE__ */ jsx45(SelectTrigger, {
-                    className: cn(triggerClassName),
+                    className: triggerClassName,
+                    isButtonVariant: variant === "button",
                     children: /* @__PURE__ */ jsxs27("div", {
-                        className: "flex items-center space-x-1.5",
+                        className: "flex items-center space-x-2",
                         children: [
                             /* @__PURE__ */ jsx45(SelectIcon, {
                                 icon: icon
@@ -10953,11 +10956,16 @@ var Select = React33.forwardRef(function(_param, ref) {
                 }),
                 /* @__PURE__ */ jsx45(SelectContent, {
                     side: side,
+                    sideOffset: variant === "button" ? 4 : 0,
+                    align: "center",
                     noPortal: true,
+                    className: contentClassName,
                     children: options.map(function(item, i) {
-                        return /* @__PURE__ */ jsx45(SelectItem, _object_spread_props(_object_spread({}, item), {
-                            children: item.label
-                        }), "".concat(item.value, "_").concat(i));
+                        return /* @__PURE__ */ jsx45(Fragment8, {
+                            children: item.label ? /* @__PURE__ */ jsx45(SelectItem, _object_spread_props(_object_spread({}, item), {
+                                children: item.label
+                            }), "".concat(item.value, "_").concat(i)) : /* @__PURE__ */ jsx45(SelectSeparator, {}, "".concat(item.value, "_").concat(i))
+                        });
                     })
                 })
             ]
@@ -10967,13 +10975,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__ */ jsxs27(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: "ghost",
+            size: "lg"
+        }), isButtonVariant && "w-auto min-w-max inline-flex", className)
     }, props), {
         children: [
             children,
@@ -11058,17 +11070,17 @@ function SelectIcon(props) {
     return /* @__PURE__ */ jsx45(SelectPrimitive.Icon, {
         children: typeof icon === "string" ? // 如果是字符串URL，作为背景图片显示
         /* @__PURE__ */ jsx45("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__ */ jsx45("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__ */ jsx45("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")
             })
@@ -11089,7 +11101,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
     }, props), {
         children: [
             /* @__PURE__ */ jsxs27("span", {
-                className: "flex items-center grow",
+                className: "flex items-center grow space-x-1.5",
                 children: [
                     /* @__PURE__ */ jsx45(SelectIcon, {
                         icon: icon,
@@ -11118,7 +11130,7 @@ var SelectSeparator = React33.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx45(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;