myshell-react-lib 0.1.17 → 0.1.20

package/dist/index.js

@@ -4689,10 +4689,10 @@ var imageVariants = cva4("", {
     variants: {
         rounded: {
             none: "rounded-none",
-            sm: "rounded-sm",
+            sm: "rounded-xxs",
             default: "rounded",
-            md: "rounded-md",
-            lg: "rounded-lg",
+            md: "rounded-sm",
+            lg: "rounded-md",
             xl: "rounded-xl",
             "2xl": "rounded-2xl",
             "3xl": "rounded-3xl",
@@ -4743,7 +4743,7 @@ function Image2(_param) {
 }
 // src/components/button/button.styles.ts
 import { cva as cva5 } from "class-variance-authority";
-var BASE_BUTTON = "relative shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:secondary-none focus-visible:shadow-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-30 disabled:shadow-none [&>span>svg]:text-inherit [&>span>span>svg]:text-inherit";
+var BASE_BUTTON = "relative shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-sm font-medium transition-colors focus-visible:secondary-none focus-visible:shadow-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-30 disabled:shadow-none [&>span>svg]:text-inherit [&>span>span>svg]:text-inherit";
 var SIZE_CLASSES = {
     lg: {
         base: "h-11",
@@ -4788,7 +4788,7 @@ var VARIANT_BASE = {
     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",
     link: "",
     plain: "",
-    opacity: "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",
+    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"
 };
 var SPECIAL_LAYOUTS = {
@@ -4967,7 +4967,7 @@ var buttonVariants = cva5(BASE_BUTTON, {
         size: "lg"
     }
 });
-var iconVariants2 = cva5("relative shrink-0 text-inherit inline-flex items-center justify-center whitespace-nowrap transition-colors ring-offset-cc-Focus-Rings-Brand-default", {
+var iconVariants2 = cva5("relative shrink-0 text-inherit inline-flex items-center justify-center whitespace-nowrap transition-colors", {
     variants: {
         variant: {
             primary: "",
@@ -5009,8 +5009,9 @@ var iconVariants2 = cva5("relative shrink-0 text-inherit inline-flex items-cente
 });
 // src/components/button/button.tsx
 import { Fragment, jsx as jsx8, jsxs as jsxs2 } from "react/jsx-runtime";
-var Button = React6.forwardRef(function(_param, ref) {
-    var _param_className = _param.className, className = _param_className === void 0 ? "" : _param_className, iconClassName = _param.iconClassName, _param_variant = _param.variant, variant = _param_variant === void 0 ? "primary" : _param_variant, _param_color = _param.color, color = _param_color === void 0 ? "default" : _param_color, icon = _param.icon, _param_iconDirection = _param.iconDirection, iconDirection = _param_iconDirection === void 0 ? "left" : _param_iconDirection, size = _param.size, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_loading = _param.loading, loading = _param_loading === void 0 ? false : _param_loading, _param_noStyle = _param.noStyle, noStyle = _param_noStyle === void 0 ? false : _param_noStyle, _param_iconOutBox = _param.iconOutBox, iconOutBox = _param_iconOutBox === void 0 ? false : _param_iconOutBox, _param_isBlock = _param.isBlock, isBlock = _param_isBlock === void 0 ? false : _param_isBlock, disabled = _param.disabled, children = _param.children, autoFocus = _param.autoFocus, asset = _param.asset, _param_assetNumber = _param.assetNumber, assetNumber = _param_assetNumber === void 0 ? 0 : _param_assetNumber, props = _object_without_properties(_param, [
+function createButtonWithVariant(props, ref) {
+    var _props_className = props.className, className = _props_className === void 0 ? "" : _props_className, iconClassName = props.iconClassName, _props_variant = props.variant, variant = _props_variant === void 0 ? "primary" : _props_variant, // 设置默认值为primary
+    userProvidedColor = props.color, icon = props.icon, _props_iconDirection = props.iconDirection, iconDirection = _props_iconDirection === void 0 ? "left" : _props_iconDirection, _props_size = props.size, size = _props_size === void 0 ? "lg" : _props_size, _props_asChild = props.asChild, asChild = _props_asChild === void 0 ? false : _props_asChild, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading, _props_noStyle = props.noStyle, noStyle = _props_noStyle === void 0 ? false : _props_noStyle, _props_iconOutBox = props.iconOutBox, iconOutBox = _props_iconOutBox === void 0 ? false : _props_iconOutBox, _props_isBlock = props.isBlock, isBlock = _props_isBlock === void 0 ? false : _props_isBlock, disabled = props.disabled, children = props.children, autoFocus = props.autoFocus, asset = props.asset, _props_assetNumber = props.assetNumber, assetNumber = _props_assetNumber === void 0 ? 0 : _props_assetNumber, passProps = _object_without_properties(props, [
         "className",
         "iconClassName",
         "variant",
@@ -5029,6 +5030,7 @@ var Button = React6.forwardRef(function(_param, ref) {
         "asset",
         "assetNumber"
     ]);
+    var color = userProvidedColor || "default";
     var Comp = asChild ? Slot : "button";
     var disable = disabled || loading;
     return /* @__PURE__ */ jsxs2(Comp, _object_spread_props(_object_spread({
@@ -5041,7 +5043,7 @@ var Button = React6.forwardRef(function(_param, ref) {
         ref: ref,
         disabled: disable,
         autoFocus: autoFocus
-    }, props), {
+    }, passProps), {
         children: [
             loading && /* @__PURE__ */ jsx8("span", {
                 className: "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center",
@@ -5112,9 +5114,12 @@ var Button = React6.forwardRef(function(_param, ref) {
             })
         ]
     }));
+}
+var Button = React6.forwardRef(function(props, ref) {
+    return createButtonWithVariant(props, ref);
 });
-var renderIcon = function(icon, direction, param) {
-    var loading = param.loading, noStyle = param.noStyle, iconClassName = param.iconClassName, _param_variant = param.variant, variant = _param_variant === void 0 ? "primary" : _param_variant, _param_color = param.color, color = _param_color === void 0 ? "brand" : _param_color, _param_size = param.size, size = _param_size === void 0 ? "lg" : _param_size;
+var renderIcon = function(icon, direction, props) {
+    var loading = props.loading, noStyle = props.noStyle, iconClassName = props.iconClassName, variant = props.variant, size = props.size;
     return /* @__PURE__ */ jsx8(Icon, {
         component: icon,
         className: noStyle ? iconClassName : cn(iconVariants2({
@@ -5134,7 +5139,7 @@ var AlertDialogTrigger = React7.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Trigger, _object_spread({
         ref: ref,
-        className: cn("ring-offset-cc-Focus-Rings-Brand-default focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
+        className: cn("focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
     }, props));
 });
 AlertDialogTrigger.displayName = AlertDialogPrimitive.Trigger.displayName;
@@ -5158,7 +5163,7 @@ var AlertDialogContent = React7.forwardRef(function(_param, ref) {
             /* @__PURE__ */ jsx9(AlertDialogOverlay, {}),
             /* @__PURE__ */ jsx9(AlertDialogPrimitive.Content, _object_spread({
                 ref: ref,
-                className: cn("fixed left-[50%] top-[50%] z-50 grid w-full rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] ring-offset-cc-Focus-Rings-Brand-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
+                className: cn("fixed left-[50%] top-[50%] z-50 grid w-full rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
             }, props))
         ]
     });
@@ -5462,7 +5467,7 @@ var PopoverContent = React8.forwardRef(function(_param, ref) {
             arrowPadding: arrowPadding,
             side: side,
             forceMount: true,
-            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none 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 [&[data-state=open]>span]:animate-none", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
+            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none 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 [&[data-state=open]>span]:animate-none", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
         }, props), {
             children: [
                 children,
@@ -5641,7 +5646,7 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
             sideOffset: sideOffset,
             alignOffset: alignOffset,
             side: side,
-            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg px-3 py-2 text-left text-xs shadow-modal-default", "outline-none delay-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 [&[data-state=open]>span]:animate-none", "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 [&[data-state=delayed-open]>span]:animate-none", "data-[state=closed]:animate-out data-[state=closed]:fade-out-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", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-cc-Tooltip-fg-default", className)
+            className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-md px-3 py-2 text-left text-xs shadow-modal-default", "outline-none delay-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 [&[data-state=open]>span]:animate-none", "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 [&[data-state=delayed-open]>span]:animate-none", "data-[state=closed]:animate-out data-[state=closed]:fade-out-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", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-cc-Tooltip-fg-default", className)
         }, props), {
             children: [
                 props.children,
@@ -5657,87 +5662,83 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // src/components/button/icon-button.styles.ts
 import { cva as cva6 } from "class-variance-authority";
-var iconButtonVariants = cva6("shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-colors focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-30 disabled:shadow-none", {
-    variants: {
-        variant: {
-            primary: "",
-            secondary: "border shadow-none",
-            tertiary: "border shadow-none",
-            plain: "",
-            opacity: "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",
-            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"
-        },
-        color: {
-            default: "",
-            brand: "",
-            error: "",
-            gray: ""
-        },
-        size: {
-            xs: "h-5 w-5 text-xs",
-            sm: "h-7 w-7 text-sm",
-            md: "h-9 w-9 text-sm",
-            lg: "h-11 w-11"
-        }
-    },
-    compoundVariants: [
-        {
-            variant: "primary",
-            color: "default",
-            className: "bg-cc-Button-Primary-bg-default text-cc-Button-Primary-fg-default hover:bg-cc-Button-Primary-bg-hover active:bg-cc-Button-Primary-bg-active disabled:bg-cc-Button-Primary-bg-disabled"
-        },
-        {
-            variant: "primary",
-            color: "brand",
-            className: "text-cc-Icon-Button-Brand-fg-default bg-cc-Icon-Button-Brand-bg-default hover:bg-cc-Icon-Button-Brand-bg-hover active:bg-cc-Icon-Button-Brand-bg-active disabled:bg-cc-Icon-Button-Brand-bg-disabled disabled:text-cc-Icon-Button-Brand-fg-alt"
-        },
-        {
-            variant: "primary",
-            color: "error",
-            className: "text-cc-Button-Error-Primary-fg-default bg-cc-Button-Error-Primary-bg-default hover:bg-cc-Button-Error-Primary-bg-hover active:bg-cc-Button-Error-Primary-bg-active disabled:bg-cc-Button-Error-Primary-bg-disabled"
-        },
-        {
-            variant: "secondary",
-            color: "default",
-            className: "border-cc-Button-Secondary-border-default text-cc-Button-Secondary-fg-default bg-cc-Button-Secondary-bg-default hover:bg-cc-Button-Secondary-bg-hover active:bg-cc-Button-Secondary-bg-active disabled:text-cc-Button-Secondary-fg-alt  disabled:border-cc-Button-Secondary-border-disabled"
-        },
-        {
-            variant: "tertiary",
-            color: "default",
-            className: "border-cc-Button-Tertiary-border-default text-cc-Button-Tertiary-fg-default  bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover hover:border-cc-Button-Tertiary-border-alt focus:shadow-button-tertiary-shadow active:bg-cc-Button-Tertiary-bg-active disabled:text-cc-Button-Tertiary-fg-alt"
-        },
-        {
-            variant: "secondary",
-            color: "error",
-            className: "border-cc-Button-Error-Secondary-border-default text-cc-Button-Error-Secondary-fg-default bg-cc-Button-Error-Secondary-bg-default hover:bg-cc-Button-Error-Secondary-bg-hover active:bg-cc-Button-Error-Secondary-bg-active disabled:text-cc-Button-Error-Secondary-fg-alt disabled:border-cc-Button-Error-Secondary-border-disabled"
-        },
-        {
-            variant: "secondary",
-            color: "gray",
-            className: "text-Colors-Foreground-Subtle hover:bg-Colors-Background-Normal-Primary-Hover"
-        },
-        {
-            variant: "plain",
-            color: "default",
-            className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-rings-brand active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt"
-        },
-        {
-            variant: "plain",
-            color: "gray",
-            className: "text-cc-Icon-Button-Plain-Gray-fg-default bg-cc-Button-Plain-Brand-bg-default hover:bg-cc-Button-Plain-Brand-bg-hover active:bg-cc-Button-Plain-Brand-bg-active disabled:text-cc-Button-Plain-Gray-fg-alt"
-        },
-        {
-            variant: "plain",
-            color: "error",
-            className: "text-cc-Button-Error-Secondary-fg-default bg-cc-Button-Plain-bg-default hover:bg-cc-Button-Error-Secondary-bg-hover active:bg-cc-Button-Error-Secondary-bg-active disabled:text-cc-Button-Plain-fg-default"
-        }
-    ],
-    defaultVariants: {
+var BASE_STYLES = "shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-sm font-medium transition-colors focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-30 disabled:shadow-none";
+var VARIANT_STYLES = {
+    primary: "",
+    secondary: "border shadow-none",
+    tertiary: "border 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",
+    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 = {
+    default: "",
+    brand: "",
+    error: "",
+    gray: ""
+};
+var SIZE_STYLES = {
+    xs: "h-5 w-5 text-xs",
+    sm: "h-7 w-7 text-sm",
+    md: "h-9 w-9 text-sm",
+    lg: "h-11 w-11"
+};
+var COMPOUND_VARIANTS = [
+    {
         variant: "primary",
         color: "brand",
-        size: "lg"
+        className: "text-cc-Icon-Button-Brand-fg-default bg-cc-Icon-Button-Brand-bg-default hover:bg-cc-Icon-Button-Brand-bg-hover active:bg-cc-Icon-Button-Brand-bg-active disabled:bg-cc-Icon-Button-Brand-bg-disabled disabled:text-cc-Icon-Button-Brand-fg-alt"
+    },
+    {
+        variant: "primary",
+        color: "error",
+        className: "text-cc-Button-Error-Primary-fg-default bg-cc-Button-Error-Primary-bg-default hover:bg-cc-Button-Error-Primary-bg-hover active:bg-cc-Button-Error-Primary-bg-active disabled:bg-cc-Button-Error-Primary-bg-disabled"
+    },
+    {
+        variant: "secondary",
+        color: "default",
+        className: "border-cc-Button-Secondary-border-default text-cc-Button-Secondary-fg-default bg-cc-Button-Secondary-bg-default hover:bg-cc-Button-Secondary-bg-hover active:bg-cc-Button-Secondary-bg-active disabled:text-cc-Button-Secondary-fg-alt  disabled:border-cc-Button-Secondary-border-disabled"
+    },
+    {
+        variant: "secondary",
+        color: "error",
+        className: "border-cc-Button-Error-Secondary-border-default text-cc-Button-Error-Secondary-fg-default bg-cc-Button-Error-Secondary-bg-default hover:bg-cc-Button-Error-Secondary-bg-hover active:bg-cc-Button-Error-Secondary-bg-active disabled:text-cc-Button-Error-Secondary-fg-alt disabled:border-cc-Button-Error-Secondary-border-disabled"
+    },
+    {
+        variant: "tertiary",
+        color: "default",
+        className: "border-cc-Button-Tertiary-border-default text-cc-Button-Tertiary-fg-default  bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover hover:border-cc-Button-Tertiary-border-alt focus:shadow-button-tertiary-shadow active:bg-cc-Button-Tertiary-bg-active disabled:text-cc-Button-Tertiary-fg-alt"
+    },
+    {
+        variant: "plain",
+        color: "default",
+        className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-rings-brand active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt"
+    },
+    {
+        variant: "plain",
+        color: "gray",
+        className: "text-cc-Icon-Button-Plain-Gray-fg-default bg-cc-Button-Plain-Brand-bg-default hover:bg-cc-Button-Plain-Brand-bg-hover active:bg-cc-Button-Plain-Brand-bg-active disabled:text-cc-Button-Plain-Gray-fg-alt"
+    },
+    {
+        variant: "plain",
+        color: "error",
+        className: "text-cc-Button-Error-Secondary-fg-default bg-cc-Button-Plain-bg-default hover:bg-cc-Button-Error-Secondary-bg-hover active:bg-cc-Button-Error-Secondary-bg-active disabled:text-cc-Button-Plain-fg-default"
     }
+];
+var DEFAULT_VARIANTS = {
+    variant: "primary",
+    color: "default",
+    size: "lg"
+};
+var iconButtonVariants = cva6(BASE_STYLES, {
+    variants: {
+        variant: VARIANT_STYLES,
+        color: COLOR_STYLES,
+        size: SIZE_STYLES
+    },
+    compoundVariants: COMPOUND_VARIANTS,
+    defaultVariants: DEFAULT_VARIANTS
 });
 var iconSizeVariants = {
     xs: "w-3 h-3",
@@ -5747,8 +5748,16 @@ var iconSizeVariants = {
 };
 // src/components/button/icon-button.tsx
 import { jsx as jsx13 } from "react/jsx-runtime";
-var IconButton = React10.forwardRef(function(_param, ref) {
-    var iconClassName = _param.iconClassName, className = _param.className, variant = _param.variant, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, color = _param.color, _param_asChild = _param.asChild, asChild = _param_asChild === void 0 ? false : _param_asChild, _param_loading = _param.loading, loading = _param_loading === void 0 ? false : _param_loading, children = _param.children, IconEle = _param.icon, disabled = _param.disabled, hoverText = _param.hoverText, hoverSide = _param.hoverSide, passProps = _object_without_properties(_param, [
+function getDefaultColorForVariant(variant) {
+    switch(variant){
+        case "primary":
+            return "brand";
+        default:
+            return "default";
+    }
+}
+function createIconButtonWithVariant(props, ref) {
+    var iconClassName = props.iconClassName, className = props.className, _props_variant = props.variant, variant = _props_variant === void 0 ? "primary" : _props_variant, _props_size = props.size, size = _props_size === void 0 ? "lg" : _props_size, userProvidedColor = props.color, _props_asChild = props.asChild, asChild = _props_asChild === void 0 ? false : _props_asChild, _props_loading = props.loading, loading = _props_loading === void 0 ? false : _props_loading, children = props.children, IconEle = props.icon, disabled = props.disabled, hoverText = props.hoverText, hoverSide = props.hoverSide, passProps = _object_without_properties(props, [
         "iconClassName",
         "className",
         "variant",
@@ -5762,6 +5771,7 @@ var IconButton = React10.forwardRef(function(_param, ref) {
         "hoverText",
         "hoverSide"
     ]);
+    var color = userProvidedColor || getDefaultColorForVariant(variant);
     var isMobile2 = useMedia2("(max-width: 768px)");
     var Comp = asChild ? Slot2 : "button";
     var iconCls = cn(iconSizeVariants[size], iconClassName);
@@ -5790,6 +5800,9 @@ var IconButton = React10.forwardRef(function(_param, ref) {
             }) : null
         }))
     });
+}
+var IconButton = React10.forwardRef(function(props, ref) {
+    return createIconButtonWithVariant(props, ref);
 });
 // src/components/audio-playing.tsx
 import Lottie from "lottie-web";
@@ -5924,11 +5937,11 @@ var avatarVariants = cva7("relative flex shrink-0 overflow-hidden bg-Colors-Back
         size: {
             xs: "w-5 h-5 rounded",
             // 20 4
-            sm: "w-6 h-6 rounded-md",
+            sm: "w-6 h-6 rounded-sm",
             // 24 6
-            md: "w-8 h-8 rounded-lg",
+            md: "w-8 h-8 rounded-md",
             // 32 8
-            lg: "w-9 h-9 rounded-lg",
+            lg: "w-9 h-9 rounded-md",
             // 36 8
             xl: "w-12 h-12 rounded-xl",
             // 48 10 no
@@ -6073,7 +6086,7 @@ var DropdownMenuSubTrigger = React13.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs7(DropdownMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex cursor-default select-none items-center rounded-lg px-3 py-2 outline-none focus:bg-Colors-Background-Neutral-Primary-Default data-[state=open]:bg-Colors-Background-Neutral-Primary-Default", inset && "pl-8", className)
+        className: cn("flex cursor-default select-none items-center rounded-md px-3 py-2 outline-none focus:bg-Colors-Background-Neutral-Primary-Default data-[state=open]:bg-Colors-Background-Neutral-Primary-Default", inset && "pl-8", className)
     }, props), {
         children: [
             children,
@@ -6113,7 +6126,7 @@ var DropdownMenuItem = React13.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Item, _object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-lg px-2 py-1 outline-none transition-colors focus:bg-Colors-Background-Neutral-Primary-Default data-[disabled]:pointer-events-none data-[disabled]:opacity-30", inset && "pl-8", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-md px-2 py-1 outline-none transition-colors focus:bg-Colors-Background-Neutral-Primary-Default data-[disabled]:pointer-events-none data-[disabled]:opacity-30", inset && "pl-8", className)
     }, props));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
@@ -6125,7 +6138,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs7(DropdownMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", className),
+        className: cn("relative flex cursor-default select-none items-center rounded-xxs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", className),
         checked: checked
     }, props), {
         children: [
@@ -6149,7 +6162,7 @@ var DropdownMenuRadioItem = React13.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs7(DropdownMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-xxs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className)
     }, props), {
         children: [
             /* @__PURE__ */ jsx19("span", {
@@ -6219,13 +6232,13 @@ var CheckIcon = function(param) {
         })
     });
 };
-var checkboxVariants = cva9("peer w-5 h-5 shrink-0 border-[1.5px] border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover data-[state=checked]:border-cc-Check-Box-bg-default ring-offset-cc-Focus-Rings-Brand-default focus-visible:border-cc-Check-Box-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:border-Colors-border disabled:cursor-not-allowed disabled:opacity-30 data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:border-none rounded-sm overflow-hidden flex items-center justify-center text-current", {
+var checkboxVariants = cva9("peer w-5 h-5 shrink-0 border-[1.5px] border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover data-[state=checked]:border-cc-Check-Box-bg-default hover:disabled:border-cc-Check-Box-border-disabled disabled:data-[state=checked]:border-cc-Check-Box-border-default focus-visible:border-cc-Check-Box-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:bg-cc-Check-Box-bg-disabled disabled:cursor-not-allowed data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:bg-cc-Check-Box-bg-disabled rounded-xxs overflow-hidden flex items-center justify-center text-current", {
     variants: {
         variant: {
-            checkbox: "rounded-sm",
+            checkbox: "rounded-xxs",
             circle: "rounded-full",
-            radio: "rounded-full",
-            "circle-static": "rounded-full bg-Colors-Beta-Black-10 border-Colors-Beta-White-100 hover:border-Colors-Beta-White-100"
+            radio: "rounded-full disabled:data-[state=checked]:border-none disabled:data-[state=checked]:bg-cc-Check-Box-border-disabled",
+            static: "rounded-full hover:border-none hover:disabled:border-none !bg-Colors-Beta-Black-12 border-Colors-Beta-White-100 hover:bg-Colors-Beta-Black-20 hover:!border-none hover:disabled:!border-none disabled:border-Colors-Beta-White-80 disabled:data-[state=checked]:border-none disabled:data-[state=checked]:text-cc-Colors-Beta-White-80 disabled:data-[state=checked]:backdrop-blur-2xl"
         }
     },
     defaultVariants: {
@@ -6253,10 +6266,11 @@ var Checkbox = React14.forwardRef(function(_param, ref) {
                 }))
             }, props), {
                 children: /* @__PURE__ */ jsx21(CheckboxPrimitive.Indicator, {
+                    className: cn(variant === "radio" && "[&>div]:data-[disabled]:bg-cc-Check-Box-bg-disabled"),
                     children: variant === "radio" ? /* @__PURE__ */ jsx21("div", {
-                        className: "w-2 h-2 bg-cc-Check-Box-fg-default rounded-full"
+                        className: cn("w-2 h-2 rounded-full")
                     }) : /* @__PURE__ */ jsx21(CheckIcon, {
-                        className: "w-3 h-3 stroke-cc-Check-Box-fg-default"
+                        className: "w-3 h-3 stroke-current"
                     })
                 })
             })),
@@ -6292,7 +6306,7 @@ var DialogTrigger = React15.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx22(DialogPrimitive.Trigger, _object_spread({
         ref: ref,
-        className: cn("ring-offset-cc-Focus-Rings-Brand-default focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
+        className: cn("focus-visible:outline-none focus-visible:shadow-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
     }, props));
 });
 DialogTrigger.displayName = DialogPrimitive.Trigger.displayName;
@@ -6327,7 +6341,7 @@ var DialogContent = React15.forwardRef(function(_param, ref) {
             }),
             /* @__PURE__ */ jsxs10(DialogPrimitive.Content, _object_spread_props(_object_spread({
                 ref: ref,
-                className: cn("fixed left-[50%] top-[50%] z-50 grid w-[90%] rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] ring-offset-cc-Focus-Rings-Brand-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 focus-visible:outline-0", className)
+                className: cn("fixed left-[50%] top-[50%] z-50 grid w-[90%] rounded-4xl max-w-lg translate-x-[-50%] translate-y-[-50%] bg-Colors-Background-Normal-Primary-Default shadow-modal-default duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 focus-visible:outline-0", className)
             }, props), {
                 children: [
                     children,
@@ -6398,7 +6412,7 @@ var Command = React16.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx23(CommandPrimitive, _object_spread({
         ref: ref,
-        className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-white text-slate-950 dark:bg-slate-950 dark:text-slate-50", className)
+        className: cn("flex h-full w-full flex-col overflow-hidden rounded-sm bg-white text-slate-950 dark:bg-slate-950 dark:text-slate-50", className)
     }, props));
 });
 Command.displayName = CommandPrimitive.displayName;
@@ -6429,7 +6443,7 @@ var CommandInput = React16.forwardRef(function(_param, ref) {
             }),
             /* @__PURE__ */ jsx23(CommandPrimitive.Input, _object_spread({
                 ref: ref,
-                className: cn("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-slate-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-slate-400", className)
+                className: cn("flex h-11 w-full rounded-sm bg-transparent py-3 text-sm outline-none placeholder:text-slate-500 disabled:cursor-not-allowed disabled:opacity-50 dark:placeholder:text-slate-400", className)
             }, props))
         ]
     });
@@ -6478,7 +6492,7 @@ var CommandItem = React16.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx23(CommandPrimitive.Item, _object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-slate-100 aria-selected:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:aria-selected:bg-slate-800 dark:aria-selected:text-slate-50", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-xxs px-2 py-1.5 text-sm outline-none aria-selected:bg-slate-100 aria-selected:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:aria-selected:bg-slate-800 dark:aria-selected:text-slate-50", className)
     }, props));
 });
 CommandItem.displayName = CommandPrimitive.Item.displayName;
@@ -6510,7 +6524,7 @@ var ContextMenuSubTrigger = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[state=open]:bg-slate-100 data-[state=open]:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-50 dark:data-[state=open]:bg-slate-800 dark:data-[state=open]:text-slate-50", inset && "pl-8", className)
+        className: cn("flex cursor-default select-none items-center rounded-md py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[state=open]:bg-slate-100 data-[state=open]:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-50 dark:data-[state=open]:bg-slate-800 dark:data-[state=open]:text-slate-50", inset && "pl-8", className)
     }, props), {
         children: [
             children,
@@ -6550,7 +6564,7 @@ var ContextMenuItem = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Item, _object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-30 focus:bg-Colors-Background-Neutral-Primary-Default", inset && "pl-8", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-md py-1 px-2 text-sm outline-none data-[disabled]:pointer-events-none data-[disabled]:opacity-30 focus:bg-Colors-Background-Neutral-Primary-Default", inset && "pl-8", className)
     }, props));
 });
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
@@ -6562,7 +6576,7 @@ var ContextMenuCheckboxItem = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className),
+        className: cn("relative flex cursor-default select-none items-center rounded-md py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className),
         checked: checked
     }, props), {
         children: [
@@ -6586,7 +6600,7 @@ var ContextMenuRadioItem = React17.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-md py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
     }, props), {
         children: [
             /* @__PURE__ */ jsx24("span", {
@@ -7009,10 +7023,10 @@ var Input = React21.forwardRef(function(_param, ref) {
         variants: {
             rounded: {
                 none: "rounded-none",
-                sm: "rounded-sm",
+                sm: "rounded-xxs",
                 default: "rounded",
-                md: "rounded-md",
-                lg: "rounded-lg",
+                md: "rounded-sm",
+                lg: "rounded-md",
                 xl: "rounded-xl",
                 "2xl": "rounded-2xl",
                 "3xl": "rounded-3xl",
@@ -7051,7 +7065,7 @@ var Input = React21.forwardRef(function(_param, ref) {
     });
     return /* @__PURE__ */ jsx30("input", _object_spread({
         type: type,
-        className: cn("flex space-x-2 p-3 text-base text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest ring-offset-cc-Focus-Rings-Brand-default", "aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Background-Critical-Subtle", "file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-30", inputVariants({
+        className: cn("flex space-x-2 p-3 text-base text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest", "aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Background-Critical-Subtle", "file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:cursor-not-allowed disabled:opacity-30", inputVariants({
             rounded: rounded,
             size: size,
             border: border,
@@ -7259,7 +7273,7 @@ var Menubar = React23.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx33(MenubarPrimitive.Root, _object_spread({
         ref: ref,
-        className: cn("flex h-10 items-center space-x-1 rounded-md border border-slate-200 bg-white p-1 dark:border-slate-800 dark:bg-slate-950", className)
+        className: cn("flex h-10 items-center space-x-1 rounded-sm border border-slate-200 bg-white p-1 dark:border-slate-800 dark:bg-slate-950", className)
     }, props));
 });
 Menubar.displayName = MenubarPrimitive.Root.displayName;
@@ -7269,7 +7283,7 @@ var MenubarTrigger = React23.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx33(MenubarPrimitive.Trigger, _object_spread({
         ref: ref,
-        className: cn("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-slate-100 focus:text-slate-900 data-[state=open]:bg-slate-100 data-[state=open]:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-50 dark:data-[state=open]:bg-slate-800 dark:data-[state=open]:text-slate-50", className)
+        className: cn("flex cursor-default select-none items-center rounded-xxs px-3 py-1.5 text-sm font-medium outline-none focus:bg-slate-100 focus:text-slate-900 data-[state=open]:bg-slate-100 data-[state=open]:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-50 dark:data-[state=open]:bg-slate-800 dark:data-[state=open]:text-slate-50", className)
     }, props));
 });
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
@@ -7281,7 +7295,7 @@ var MenubarSubTrigger = React23.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs16(MenubarPrimitive.SubTrigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-slate-100 focus:text-slate-900 data-[state=open]:bg-slate-100 data-[state=open]:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-50 dark:data-[state=open]:bg-slate-800 dark:data-[state=open]:text-slate-50", inset && "pl-8", className)
+        className: cn("flex cursor-default select-none items-center rounded-xxs px-2 py-1.5 text-sm outline-none focus:bg-slate-100 focus:text-slate-900 data-[state=open]:bg-slate-100 data-[state=open]:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-50 dark:data-[state=open]:bg-slate-800 dark:data-[state=open]:text-slate-50", inset && "pl-8", className)
     }, props), {
         children: [
             children,
@@ -7298,7 +7312,7 @@ var MenubarSubContent = React23.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx33(MenubarPrimitive.SubContent, _object_spread({
         ref: ref,
-        className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-slate-200 bg-white p-1 text-slate-950 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 dark:border-slate-800 dark:bg-slate-950 dark:text-slate-50", className)
+        className: cn("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-slate-200 bg-white p-1 text-slate-950 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 dark:border-slate-800 dark:bg-slate-950 dark:text-slate-50", className)
     }, props));
 });
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
@@ -7315,7 +7329,7 @@ var MenubarContent = React23.forwardRef(function(_param, ref) {
             align: align,
             alignOffset: alignOffset,
             sideOffset: sideOffset,
-            className: cn("z-50 min-w-[12rem] overflow-hidden rounded-md border border-slate-200 bg-white p-1 text-slate-950 shadow-md data-[state=open]:animate-in 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 dark:border-slate-800 dark:bg-slate-950 dark:text-slate-50", className)
+            className: cn("z-50 min-w-[12rem] overflow-hidden rounded-sm border border-slate-200 bg-white p-1 text-slate-950 shadow-md data-[state=open]:animate-in 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 dark:border-slate-800 dark:bg-slate-950 dark:text-slate-50", className)
         }, props))
     });
 });
@@ -7327,7 +7341,7 @@ var MenubarItem = React23.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx33(MenubarPrimitive.Item, _object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", inset && "pl-8", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-xxs px-2 py-1.5 text-sm outline-none focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", inset && "pl-8", className)
     }, props));
 });
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
@@ -7339,7 +7353,7 @@ var MenubarCheckboxItem = React23.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs16(MenubarPrimitive.CheckboxItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className),
+        className: cn("relative flex cursor-default select-none items-center rounded-xxs py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className),
         checked: checked
     }, props), {
         children: [
@@ -7363,7 +7377,7 @@ var MenubarRadioItem = React23.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs16(MenubarPrimitive.RadioItem, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className)
+        className: cn("relative flex cursor-default select-none items-center rounded-xxs py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-slate-100 focus:text-slate-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className)
     }, props), {
         children: [
             /* @__PURE__ */ jsx33("span", {
@@ -7854,9 +7868,9 @@ ModalTitle.displayName = DialogPrimitive2.Title.displayName;
 var modalVariants = cva13("", {
     variants: {
         size: {
-            lg: "w-[750px] max-h-[640px]",
-            md: "w-[620px] max-h-[640px]",
-            sm: "w-[380px] max-h-[640px]"
+            lg: "w-[720px] max-h-[600px]",
+            md: "w-[620px] max-h-[600px]",
+            sm: "w-[380px] max-h-[600px]"
         },
         zIndex: {
             9: "z-[9]",
@@ -8146,7 +8160,7 @@ import { cva as cva14 } from "class-variance-authority";
 import * as React28 from "react";
 import { useEffect as useEffect9 } from "react";
 import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
-var searchBarVariants = cva14("rounded-md", {
+var searchBarVariants = cva14("rounded-sm", {
     variants: {
         size: {
             md: "h-11",
@@ -10681,7 +10695,7 @@ var RadioGroupItem = React30.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx42(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("aspect-square h-5 w-5 rounded-full border-[1.5px] border-Colors-Border-Active text-transparent aria-checked:border-[6px] aria-checked:border-Colors-Utility-Lake-Blue-40 ring-offset-cc-Focus-Rings-Brand-default focus:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", className)
+        className: cn("aspect-square h-5 w-5 rounded-full border-[1.5px] border-Colors-Border-Active text-transparent aria-checked:border-[6px] aria-checked:border-Colors-Utility-Lake-Blue-40 focus:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", className)
     }, props), {
         children: /* @__PURE__ */ jsx42(RadioGroupPrimitive.Indicator, {
             className: "flex items-center justify-center",
@@ -10962,7 +10976,7 @@ function SecondaryNavigationBar(param) {
                                 icons && icons.map(function(icon, index) {
                                     return /* @__PURE__ */ jsx46(IconButton, {
                                         variant: !hasBackground ? "tertiary" : "plain",
-                                        color: !hasBackground ? "default" : "brand",
+                                        color: "default",
                                         size: "md",
                                         icon: icon.icon,
                                         onClick: icon.onClick
@@ -11015,7 +11029,6 @@ function SecondaryNavigationBar(param) {
                                     "aria-label": clearText || "Clear Filters",
                                     size: "md",
                                     variant: "primary",
-                                    color: "default",
                                     onClick: onClear,
                                     children: /* @__PURE__ */ jsx46("div", {
                                         className: "relative",
@@ -11084,7 +11097,7 @@ var SelectTrigger = React33.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs26(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex h-10 w-full items-center justify-between rounded-md border border-Colors-Border-Default bg-Colors-Background-Neutral-On-Surface-Default text-Colors-Text-Default text-sm p-3 ring-offset-cc-Focus-Rings-Brand-default 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", className)
+        className: cn("flex h-10 w-full items-center justify-between rounded-sm border border-Colors-Border-Default bg-Colors-Background-Neutral-On-Surface-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", className)
     }, props), {
         children: [
             children,
@@ -11135,7 +11148,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
     return /* @__PURE__ */ jsx47(SelectPrimitive.Portal, {
         children: /* @__PURE__ */ jsx47(SelectPrimitive.Content, _object_spread_props(_object_spread({
             ref: ref,
-            className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md	border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default shadow-cc-Shadows-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),
+            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-cc-Shadows-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__ */ jsx47(SelectPrimitive.Viewport, {
@@ -11164,7 +11177,7 @@ function SelectIcon(props) {
     return /* @__PURE__ */ jsx47(SelectPrimitive.Icon, {
         children: typeof icon === "string" ? // 如果是字符串URL，作为背景图片显示
         /* @__PURE__ */ jsx47("div", {
-            className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-md 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 mr-1.5", critical && "text-Colors-Text-Critical-Default"),
             style: {
                 backgroundImage: "url('".concat(icon, "')")
             }
@@ -11191,7 +11204,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsxs26(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-md 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-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)
     }, props), {
         children: [
             /* @__PURE__ */ jsxs26("span", {
@@ -11280,7 +11293,7 @@ var SheetContent = React34.forwardRef(function(_param, ref) {
                 children: [
                     children,
                     /* @__PURE__ */ jsxs27(SheetPrimitive.Close, {
-                        className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-slate-100 dark:ring-offset-slate-950 dark:focus:ring-slate-300 dark:data-[state=open]:bg-slate-800",
+                        className: "absolute right-4 top-4 rounded-xxs opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-slate-100 dark:ring-offset-slate-950 dark:focus:ring-slate-300 dark:data-[state=open]:bg-slate-800",
                         children: [
                             /* @__PURE__ */ jsx48(X2, {
                                 className: "h-4 w-4"
@@ -11343,7 +11356,7 @@ function Skeleton(_param) {
         "animate"
     ]);
     return /* @__PURE__ */ jsx49("div", _object_spread({
-        className: cn("rounded-md bg-Colors-Background-Normal-Secondary-Default", className, animate && "animate-pulse")
+        className: cn("rounded-sm bg-Colors-Background-Normal-Secondary-Default", className, animate && "animate-pulse")
     }, props));
 }
 // src/components/slider.tsx
@@ -11356,7 +11369,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
         "size"
     ]);
     return /* @__PURE__ */ jsx50("div", {
-        className: "w-full p-3 flex justify-center items-center h-10 rounded-lg	border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default ring-offset-cc-Focus-Rings-Brand-default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30",
+        className: "w-full p-3 flex justify-center items-center h-10 rounded-md	border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30",
         children: /* @__PURE__ */ jsxs28(SliderPrimitive.Root, _object_spread_props(_object_spread({
             ref: ref,
             className: cn("relative flex w-full touch-none select-none items-center", className)
@@ -11369,7 +11382,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
                     })
                 }),
                 /* @__PURE__ */ jsx50(SliderPrimitive.Thumb, {
-                    className: cn("block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default ring-offset-cc-Focus-Rings-Brand-default transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", size === "sm" ? "w-2 h-2 border-[1.5px]" : "w-5 h-5 border-[3px]")
+                    className: cn("block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", size === "sm" ? "w-2 h-2 border-[1.5px]" : "w-5 h-5 border-[3px]")
                 })
             ]
         }))
@@ -11394,7 +11407,7 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
         className: "flex w-full items-center space-x-1.5",
         children: [
             /* @__PURE__ */ jsx50("div", {
-                className: cn("w-full p-3 flex justify-center items-center h-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default ring-offset-cc-Focus-Rings-Brand-default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", containerClassName),
+                className: cn("w-full p-3 flex justify-center items-center h-10 rounded-md border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", containerClassName),
                 children: /* @__PURE__ */ jsxs28(SliderPrimitive.Root, _object_spread_props(_object_spread({
                     ref: ref,
                     className: cn("relative flex w-full touch-none select-none items-center", className),
@@ -11419,13 +11432,13 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
                             })
                         }),
                         /* @__PURE__ */ jsx50(SliderPrimitive.Thumb, {
-                            className: cn("cursor-pointer block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default ring-offset-cc-Focus-Rings-Brand-default transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", size === "sm" ? "w-2 h-2 border-[1.5px]" : "w-5 h-5 border-[3px]", thumbClassName)
+                            className: cn("cursor-pointer block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 data-[disabled]:pointer-events-none data-[disabled]:opacity-30", size === "sm" ? "w-2 h-2 border-[1.5px]" : "w-5 h-5 border-[3px]", thumbClassName)
                         })
                     ]
                 }))
             }),
             settable && /* @__PURE__ */ jsx50("div", {
-                className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-lg",
+                className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-md",
                 children: /* @__PURE__ */ jsx50(NumberInput, {
                     value: value1,
                     min: props === null || props === void 0 ? void 0 : props.min,
@@ -11670,12 +11683,12 @@ var tabListVariants = cva18("relative inline-flex items-center justify-center ov
         {
             rounded: "default",
             size: "lg",
-            className: "rounded-md"
+            className: "rounded-sm"
         },
         {
             rounded: "default",
             size: "md",
-            className: "rounded-md"
+            className: "rounded-sm"
         },
         {
             rounded: "default",
@@ -11720,12 +11733,12 @@ var tabVariants = cva18("relative inline-flex w-full h-full items-center justify
         {
             rounded: "default",
             size: "lg",
-            className: "rounded-md"
+            className: "rounded-sm"
         },
         {
             rounded: "default",
             size: "md",
-            className: "rounded-md"
+            className: "rounded-sm"
         },
         {
             rounded: "default",
@@ -11911,7 +11924,7 @@ var Textarea = React38.forwardRef(function(_param, ref) {
                 className: "relative",
                 children: [
                     /* @__PURE__ */ jsx54("textarea", _object_spread({
-                        className: cn("w-full min-h-[123px] p-3 pb-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest ring-offset-cc-Focus-Rings-Brand-default", "hover:border-Colors-Border-Hover bg-cc-Input-bg-default hover:bg-cc-Input-bg-hover disabled:bg-cc-Input-bg-disabled aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Background-Critical-Subtle", "aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", maxLength && ((value1 === null || value1 === void 0 ? void 0 : (_value_toString = value1.toString()) === null || _value_toString === void 0 ? void 0 : _value_toString.length) || 0) > maxLength || error ? "border-Colors-Border-Critical hover:bg-Colors-Background-Critical-Subtle focus-visible:ring-error" : "", className),
+                        className: cn("w-full min-h-[123px] p-3 pb-10 rounded-md border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest", "hover:border-Colors-Border-Hover bg-cc-Input-bg-default hover:bg-cc-Input-bg-hover disabled:bg-cc-Input-bg-disabled aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Background-Critical-Subtle", "aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", maxLength && ((value1 === null || value1 === void 0 ? void 0 : (_value_toString = value1.toString()) === null || _value_toString === void 0 ? void 0 : _value_toString.length) || 0) > maxLength || error ? "border-Colors-Border-Critical hover:bg-Colors-Background-Critical-Subtle focus-visible:ring-error" : "", className),
                         ref: ref,
                         maxLength: maxLength,
                         value: value1
@@ -11945,7 +11958,7 @@ import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva19 } from "class-variance-authority";
 import * as React39 from "react";
 import { jsx as jsx55 } from "react/jsx-runtime";
-var toggleVariants = cva19("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-white text-Colors-Text-Subtlest hover:bg-slate-100 hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-Colors-Background-Normal-Primary-Active data-[state=on]:text-Colors-Text-Brand-Default [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-Colors-Text-Brand-Default dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-Colors-Background-Normal-Primary-Active dark:data-[state=on]:text-Colors-Text-Brand-Default", {
+var toggleVariants = cva19("inline-flex items-center justify-center rounded-sm text-sm font-medium ring-offset-white text-Colors-Text-Subtlest hover:bg-slate-100 hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-Colors-Background-Normal-Primary-Active data-[state=on]:text-Colors-Text-Brand-Default [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-Colors-Text-Brand-Default dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-Colors-Background-Normal-Primary-Active dark:data-[state=on]:text-Colors-Text-Brand-Default", {
     variants: {
         variant: {
             default: "bg-transparent",
@@ -11996,7 +12009,7 @@ var ToggleGroup = React40.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx56(ToggleGroupPrimitive.Root, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("flex items-center justify-center gap-1 p-0.5 rounded-md border border-Colors-Border-Default bg-Colors-Background-Neutral-Primary-Default", className)
+        className: cn("flex items-center justify-center gap-1 p-0.5 rounded-sm border border-Colors-Border-Default bg-Colors-Background-Neutral-Primary-Default", className)
     }, props), {
         children: /* @__PURE__ */ jsx56(ToggleGroupContext.Provider, {
             value: {
@@ -12064,7 +12077,7 @@ var ToastViewport = React41.forwardRef(function(_param, ref) {
     }, props));
 });
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = cva20("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border border-Colors-Border-Opaque p-6 pr-8 shadow-modal-default transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 max-w-md", {
+var toastVariants = cva20("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-sm border border-Colors-Border-Opaque p-6 pr-8 shadow-modal-default transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 max-w-md", {
     variants: {
         variant: {
             info: "bg-Colors-Background-Normal-Primary-Default p-4",
@@ -12110,7 +12123,7 @@ var ToastAction = React41.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx57(ToastPrimitives.Action, _object_spread({
         ref: ref,
-        className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-md border border-slate-200 bg-transparent px-3 text-sm font-medium ring-offset-white transition-colors hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-slate-100/40 group-[.destructive]:hover:border-red-500/30 group-[.destructive]:hover:bg-red-500 group-[.destructive]:hover:text-slate-50 group-[.destructive]:focus:ring-red-500 dark:border-slate-800 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:focus:ring-slate-300 dark:group-[.destructive]:border-slate-800/40 dark:group-[.destructive]:hover:border-red-900/30 dark:group-[.destructive]:hover:bg-red-900 dark:group-[.destructive]:hover:text-slate-50 dark:group-[.destructive]:focus:ring-red-900", className)
+        className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-sm border border-slate-200 bg-transparent px-3 text-sm font-medium ring-offset-white transition-colors hover:bg-slate-100 focus:outline-none focus:ring-2 focus:ring-slate-950 focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-slate-100/40 group-[.destructive]:hover:border-red-500/30 group-[.destructive]:hover:bg-red-500 group-[.destructive]:hover:text-slate-50 group-[.destructive]:focus:ring-red-500 dark:border-slate-800 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:focus:ring-slate-300 dark:group-[.destructive]:border-slate-800/40 dark:group-[.destructive]:hover:border-red-900/30 dark:group-[.destructive]:hover:bg-red-900 dark:group-[.destructive]:hover:text-slate-50 dark:group-[.destructive]:focus:ring-red-900", className)
     }, props));
 });
 ToastAction.displayName = ToastPrimitives.Action.displayName;
@@ -12120,7 +12133,7 @@ var ToastClose = React41.forwardRef(function(_param, ref) {
     ]);
     return /* @__PURE__ */ jsx57(ToastPrimitives.Close, _object_spread_props(_object_spread({
         ref: ref,
-        className: cn("absolute right-4 top-4 rounded-md p-1 text-slate-950/50 transition-opacity hover:text-slate-950 outline-none focus:outline-none focus:ring-2 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 dark:text-slate-50/50 dark:hover:text-slate-50", className),
+        className: cn("absolute right-4 top-4 rounded-sm p-1 text-slate-950/50 transition-opacity hover:text-slate-950 outline-none focus:outline-none focus:ring-2 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 dark:text-slate-50/50 dark:hover:text-slate-50", className),
         "toast-close": ""
     }, props), {
         children: /* @__PURE__ */ jsx57(XMarkIcon3, {
@@ -12460,10 +12473,10 @@ var swiperVariants = cva21("", {
     variants: {
         rounded: {
             none: "rounded-none",
-            sm: "rounded-sm",
+            sm: "rounded-xxs",
             default: "rounded",
-            md: "rounded-md",
-            lg: "rounded-lg",
+            md: "rounded-sm",
+            lg: "rounded-md",
             xl: "rounded-xl",
             "2xl": "rounded-2xl",
             "3xl": "rounded-3xl",