myshell-react-lib 0.1.17 → 0.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +173 -160
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +53 -11
- package/dist/index.d.ts +53 -11
- package/dist/index.js +173 -160
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -5418,10 +5418,10 @@ var imageVariants = (0, import_class_variance_authority4.cva)("", {
|
|
|
5418
5418
|
variants: {
|
|
5419
5419
|
rounded: {
|
|
5420
5420
|
none: "rounded-none",
|
|
5421
|
-
sm: "rounded-
|
|
5421
|
+
sm: "rounded-xxs",
|
|
5422
5422
|
default: "rounded",
|
|
5423
|
-
md: "rounded-
|
|
5424
|
-
lg: "rounded-
|
|
5423
|
+
md: "rounded-sm",
|
|
5424
|
+
lg: "rounded-md",
|
|
5425
5425
|
xl: "rounded-xl",
|
|
5426
5426
|
"2xl": "rounded-2xl",
|
|
5427
5427
|
"3xl": "rounded-3xl",
|
|
@@ -5472,7 +5472,7 @@ function Image2(_param) {
|
|
|
5472
5472
|
}
|
|
5473
5473
|
// src/components/button/button.styles.ts
|
|
5474
5474
|
var import_class_variance_authority5 = require("class-variance-authority");
|
|
5475
|
-
var BASE_BUTTON = "relative shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
5475
|
+
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";
|
|
5476
5476
|
var SIZE_CLASSES = {
|
|
5477
5477
|
lg: {
|
|
5478
5478
|
base: "h-11",
|
|
@@ -5517,7 +5517,7 @@ var VARIANT_BASE = {
|
|
|
5517
5517
|
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",
|
|
5518
5518
|
link: "",
|
|
5519
5519
|
plain: "",
|
|
5520
|
-
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",
|
|
5520
|
+
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",
|
|
5521
5521
|
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"
|
|
5522
5522
|
};
|
|
5523
5523
|
var SPECIAL_LAYOUTS = {
|
|
@@ -5696,7 +5696,7 @@ var buttonVariants = (0, import_class_variance_authority5.cva)(BASE_BUTTON, {
|
|
|
5696
5696
|
size: "lg"
|
|
5697
5697
|
}
|
|
5698
5698
|
});
|
|
5699
|
-
var iconVariants2 = (0, import_class_variance_authority5.cva)("relative shrink-0 text-inherit inline-flex items-center justify-center whitespace-nowrap transition-colors
|
|
5699
|
+
var iconVariants2 = (0, import_class_variance_authority5.cva)("relative shrink-0 text-inherit inline-flex items-center justify-center whitespace-nowrap transition-colors", {
|
|
5700
5700
|
variants: {
|
|
5701
5701
|
variant: {
|
|
5702
5702
|
primary: "",
|
|
@@ -5738,8 +5738,9 @@ var iconVariants2 = (0, import_class_variance_authority5.cva)("relative shrink-0
|
|
|
5738
5738
|
});
|
|
5739
5739
|
// src/components/button/button.tsx
|
|
5740
5740
|
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
5741
|
-
|
|
5742
|
-
var
|
|
5741
|
+
function createButtonWithVariant(props, ref) {
|
|
5742
|
+
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
|
|
5743
|
+
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, [
|
|
5743
5744
|
"className",
|
|
5744
5745
|
"iconClassName",
|
|
5745
5746
|
"variant",
|
|
@@ -5758,6 +5759,7 @@ var Button = React6.forwardRef(function(_param, ref) {
|
|
|
5758
5759
|
"asset",
|
|
5759
5760
|
"assetNumber"
|
|
5760
5761
|
]);
|
|
5762
|
+
var color = userProvidedColor || "default";
|
|
5761
5763
|
var Comp = asChild ? import_react_slot.Slot : "button";
|
|
5762
5764
|
var disable = disabled || loading;
|
|
5763
5765
|
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Comp, _object_spread_props(_object_spread({
|
|
@@ -5770,7 +5772,7 @@ var Button = React6.forwardRef(function(_param, ref) {
|
|
|
5770
5772
|
ref: ref,
|
|
5771
5773
|
disabled: disable,
|
|
5772
5774
|
autoFocus: autoFocus
|
|
5773
|
-
},
|
|
5775
|
+
}, passProps), {
|
|
5774
5776
|
children: [
|
|
5775
5777
|
loading && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", {
|
|
5776
5778
|
className: "absolute left-1/2 top-1/2 flex -translate-x-1/2 -translate-y-1/2 items-center justify-center",
|
|
@@ -5841,9 +5843,12 @@ var Button = React6.forwardRef(function(_param, ref) {
|
|
|
5841
5843
|
})
|
|
5842
5844
|
]
|
|
5843
5845
|
}));
|
|
5846
|
+
}
|
|
5847
|
+
var Button = React6.forwardRef(function(props, ref) {
|
|
5848
|
+
return createButtonWithVariant(props, ref);
|
|
5844
5849
|
});
|
|
5845
|
-
var renderIcon = function(icon, direction,
|
|
5846
|
-
var loading =
|
|
5850
|
+
var renderIcon = function(icon, direction, props) {
|
|
5851
|
+
var loading = props.loading, noStyle = props.noStyle, iconClassName = props.iconClassName, variant = props.variant, size = props.size;
|
|
5847
5852
|
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Icon, {
|
|
5848
5853
|
component: icon,
|
|
5849
5854
|
className: noStyle ? iconClassName : cn(iconVariants2({
|
|
@@ -5863,7 +5868,7 @@ var AlertDialogTrigger = React7.forwardRef(function(_param, ref) {
|
|
|
5863
5868
|
]);
|
|
5864
5869
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogPrimitive.Trigger, _object_spread({
|
|
5865
5870
|
ref: ref,
|
|
5866
|
-
className: cn("
|
|
5871
|
+
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)
|
|
5867
5872
|
}, props));
|
|
5868
5873
|
});
|
|
5869
5874
|
AlertDialogTrigger.displayName = AlertDialogPrimitive.Trigger.displayName;
|
|
@@ -5887,7 +5892,7 @@ var AlertDialogContent = React7.forwardRef(function(_param, ref) {
|
|
|
5887
5892
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogOverlay, {}),
|
|
5888
5893
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogPrimitive.Content, _object_spread({
|
|
5889
5894
|
ref: ref,
|
|
5890
|
-
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%]
|
|
5895
|
+
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)
|
|
5891
5896
|
}, props))
|
|
5892
5897
|
]
|
|
5893
5898
|
});
|
|
@@ -6191,7 +6196,7 @@ var PopoverContent = React8.forwardRef(function(_param, ref) {
|
|
|
6191
6196
|
arrowPadding: arrowPadding,
|
|
6192
6197
|
side: side,
|
|
6193
6198
|
forceMount: true,
|
|
6194
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-
|
|
6199
|
+
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)
|
|
6195
6200
|
}, props), {
|
|
6196
6201
|
children: [
|
|
6197
6202
|
children,
|
|
@@ -6370,7 +6375,7 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
6370
6375
|
sideOffset: sideOffset,
|
|
6371
6376
|
alignOffset: alignOffset,
|
|
6372
6377
|
side: side,
|
|
6373
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-
|
|
6378
|
+
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)
|
|
6374
6379
|
}, props), {
|
|
6375
6380
|
children: [
|
|
6376
6381
|
props.children,
|
|
@@ -6386,87 +6391,83 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
6386
6391
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
6387
6392
|
// src/components/button/icon-button.styles.ts
|
|
6388
6393
|
var import_class_variance_authority6 = require("class-variance-authority");
|
|
6389
|
-
var
|
|
6390
|
-
|
|
6391
|
-
|
|
6392
|
-
|
|
6393
|
-
|
|
6394
|
-
|
|
6395
|
-
|
|
6396
|
-
|
|
6397
|
-
|
|
6398
|
-
|
|
6399
|
-
|
|
6400
|
-
|
|
6401
|
-
|
|
6402
|
-
|
|
6403
|
-
|
|
6404
|
-
|
|
6405
|
-
|
|
6406
|
-
|
|
6407
|
-
|
|
6408
|
-
|
|
6409
|
-
|
|
6410
|
-
|
|
6411
|
-
|
|
6412
|
-
|
|
6413
|
-
compoundVariants: [
|
|
6414
|
-
{
|
|
6415
|
-
variant: "primary",
|
|
6416
|
-
color: "default",
|
|
6417
|
-
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"
|
|
6418
|
-
},
|
|
6419
|
-
{
|
|
6420
|
-
variant: "primary",
|
|
6421
|
-
color: "brand",
|
|
6422
|
-
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"
|
|
6423
|
-
},
|
|
6424
|
-
{
|
|
6425
|
-
variant: "primary",
|
|
6426
|
-
color: "error",
|
|
6427
|
-
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"
|
|
6428
|
-
},
|
|
6429
|
-
{
|
|
6430
|
-
variant: "secondary",
|
|
6431
|
-
color: "default",
|
|
6432
|
-
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"
|
|
6433
|
-
},
|
|
6434
|
-
{
|
|
6435
|
-
variant: "tertiary",
|
|
6436
|
-
color: "default",
|
|
6437
|
-
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"
|
|
6438
|
-
},
|
|
6439
|
-
{
|
|
6440
|
-
variant: "secondary",
|
|
6441
|
-
color: "error",
|
|
6442
|
-
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"
|
|
6443
|
-
},
|
|
6444
|
-
{
|
|
6445
|
-
variant: "secondary",
|
|
6446
|
-
color: "gray",
|
|
6447
|
-
className: "text-Colors-Foreground-Subtle hover:bg-Colors-Background-Normal-Primary-Hover"
|
|
6448
|
-
},
|
|
6449
|
-
{
|
|
6450
|
-
variant: "plain",
|
|
6451
|
-
color: "default",
|
|
6452
|
-
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"
|
|
6453
|
-
},
|
|
6454
|
-
{
|
|
6455
|
-
variant: "plain",
|
|
6456
|
-
color: "gray",
|
|
6457
|
-
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"
|
|
6458
|
-
},
|
|
6459
|
-
{
|
|
6460
|
-
variant: "plain",
|
|
6461
|
-
color: "error",
|
|
6462
|
-
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"
|
|
6463
|
-
}
|
|
6464
|
-
],
|
|
6465
|
-
defaultVariants: {
|
|
6394
|
+
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";
|
|
6395
|
+
var VARIANT_STYLES = {
|
|
6396
|
+
primary: "",
|
|
6397
|
+
secondary: "border shadow-none",
|
|
6398
|
+
tertiary: "border shadow-none",
|
|
6399
|
+
plain: "",
|
|
6400
|
+
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",
|
|
6401
|
+
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",
|
|
6402
|
+
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"
|
|
6403
|
+
};
|
|
6404
|
+
var COLOR_STYLES = {
|
|
6405
|
+
default: "",
|
|
6406
|
+
brand: "",
|
|
6407
|
+
error: "",
|
|
6408
|
+
gray: ""
|
|
6409
|
+
};
|
|
6410
|
+
var SIZE_STYLES = {
|
|
6411
|
+
xs: "h-5 w-5 text-xs",
|
|
6412
|
+
sm: "h-7 w-7 text-sm",
|
|
6413
|
+
md: "h-9 w-9 text-sm",
|
|
6414
|
+
lg: "h-11 w-11"
|
|
6415
|
+
};
|
|
6416
|
+
var COMPOUND_VARIANTS = [
|
|
6417
|
+
{
|
|
6466
6418
|
variant: "primary",
|
|
6467
6419
|
color: "brand",
|
|
6468
|
-
|
|
6420
|
+
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"
|
|
6421
|
+
},
|
|
6422
|
+
{
|
|
6423
|
+
variant: "primary",
|
|
6424
|
+
color: "error",
|
|
6425
|
+
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"
|
|
6426
|
+
},
|
|
6427
|
+
{
|
|
6428
|
+
variant: "secondary",
|
|
6429
|
+
color: "default",
|
|
6430
|
+
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"
|
|
6431
|
+
},
|
|
6432
|
+
{
|
|
6433
|
+
variant: "secondary",
|
|
6434
|
+
color: "error",
|
|
6435
|
+
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"
|
|
6436
|
+
},
|
|
6437
|
+
{
|
|
6438
|
+
variant: "tertiary",
|
|
6439
|
+
color: "default",
|
|
6440
|
+
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"
|
|
6441
|
+
},
|
|
6442
|
+
{
|
|
6443
|
+
variant: "plain",
|
|
6444
|
+
color: "default",
|
|
6445
|
+
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"
|
|
6446
|
+
},
|
|
6447
|
+
{
|
|
6448
|
+
variant: "plain",
|
|
6449
|
+
color: "gray",
|
|
6450
|
+
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"
|
|
6451
|
+
},
|
|
6452
|
+
{
|
|
6453
|
+
variant: "plain",
|
|
6454
|
+
color: "error",
|
|
6455
|
+
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"
|
|
6469
6456
|
}
|
|
6457
|
+
];
|
|
6458
|
+
var DEFAULT_VARIANTS = {
|
|
6459
|
+
variant: "primary",
|
|
6460
|
+
color: "default",
|
|
6461
|
+
size: "lg"
|
|
6462
|
+
};
|
|
6463
|
+
var iconButtonVariants = (0, import_class_variance_authority6.cva)(BASE_STYLES, {
|
|
6464
|
+
variants: {
|
|
6465
|
+
variant: VARIANT_STYLES,
|
|
6466
|
+
color: COLOR_STYLES,
|
|
6467
|
+
size: SIZE_STYLES
|
|
6468
|
+
},
|
|
6469
|
+
compoundVariants: COMPOUND_VARIANTS,
|
|
6470
|
+
defaultVariants: DEFAULT_VARIANTS
|
|
6470
6471
|
});
|
|
6471
6472
|
var iconSizeVariants = {
|
|
6472
6473
|
xs: "w-3 h-3",
|
|
@@ -6476,8 +6477,16 @@ var iconSizeVariants = {
|
|
|
6476
6477
|
};
|
|
6477
6478
|
// src/components/button/icon-button.tsx
|
|
6478
6479
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
6479
|
-
|
|
6480
|
-
|
|
6480
|
+
function getDefaultColorForVariant(variant) {
|
|
6481
|
+
switch(variant){
|
|
6482
|
+
case "primary":
|
|
6483
|
+
return "brand";
|
|
6484
|
+
default:
|
|
6485
|
+
return "default";
|
|
6486
|
+
}
|
|
6487
|
+
}
|
|
6488
|
+
function createIconButtonWithVariant(props, ref) {
|
|
6489
|
+
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, [
|
|
6481
6490
|
"iconClassName",
|
|
6482
6491
|
"className",
|
|
6483
6492
|
"variant",
|
|
@@ -6491,6 +6500,7 @@ var IconButton = React10.forwardRef(function(_param, ref) {
|
|
|
6491
6500
|
"hoverText",
|
|
6492
6501
|
"hoverSide"
|
|
6493
6502
|
]);
|
|
6503
|
+
var color = userProvidedColor || getDefaultColorForVariant(variant);
|
|
6494
6504
|
var isMobile2 = (0, import_react_use2.useMedia)("(max-width: 768px)");
|
|
6495
6505
|
var Comp = asChild ? import_react_slot2.Slot : "button";
|
|
6496
6506
|
var iconCls = cn(iconSizeVariants[size], iconClassName);
|
|
@@ -6519,6 +6529,9 @@ var IconButton = React10.forwardRef(function(_param, ref) {
|
|
|
6519
6529
|
}) : null
|
|
6520
6530
|
}))
|
|
6521
6531
|
});
|
|
6532
|
+
}
|
|
6533
|
+
var IconButton = React10.forwardRef(function(props, ref) {
|
|
6534
|
+
return createIconButtonWithVariant(props, ref);
|
|
6522
6535
|
});
|
|
6523
6536
|
// src/components/audio-playing.tsx
|
|
6524
6537
|
var import_lottie_web = __toESM(require("lottie-web"), 1);
|
|
@@ -6653,11 +6666,11 @@ var avatarVariants = (0, import_class_variance_authority7.cva)("relative flex sh
|
|
|
6653
6666
|
size: {
|
|
6654
6667
|
xs: "w-5 h-5 rounded",
|
|
6655
6668
|
// 20 4
|
|
6656
|
-
sm: "w-6 h-6 rounded-
|
|
6669
|
+
sm: "w-6 h-6 rounded-sm",
|
|
6657
6670
|
// 24 6
|
|
6658
|
-
md: "w-8 h-8 rounded-
|
|
6671
|
+
md: "w-8 h-8 rounded-md",
|
|
6659
6672
|
// 32 8
|
|
6660
|
-
lg: "w-9 h-9 rounded-
|
|
6673
|
+
lg: "w-9 h-9 rounded-md",
|
|
6661
6674
|
// 36 8
|
|
6662
6675
|
xl: "w-12 h-12 rounded-xl",
|
|
6663
6676
|
// 48 10 no
|
|
@@ -6802,7 +6815,7 @@ var DropdownMenuSubTrigger = React13.forwardRef(function(_param, ref) {
|
|
|
6802
6815
|
]);
|
|
6803
6816
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
6804
6817
|
ref: ref,
|
|
6805
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
6818
|
+
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)
|
|
6806
6819
|
}, props), {
|
|
6807
6820
|
children: [
|
|
6808
6821
|
children,
|
|
@@ -6842,7 +6855,7 @@ var DropdownMenuItem = React13.forwardRef(function(_param, ref) {
|
|
|
6842
6855
|
]);
|
|
6843
6856
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.Item, _object_spread({
|
|
6844
6857
|
ref: ref,
|
|
6845
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6858
|
+
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)
|
|
6846
6859
|
}, props));
|
|
6847
6860
|
});
|
|
6848
6861
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
@@ -6854,7 +6867,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
|
|
|
6854
6867
|
]);
|
|
6855
6868
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
6856
6869
|
ref: ref,
|
|
6857
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6870
|
+
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),
|
|
6858
6871
|
checked: checked
|
|
6859
6872
|
}, props), {
|
|
6860
6873
|
children: [
|
|
@@ -6878,7 +6891,7 @@ var DropdownMenuRadioItem = React13.forwardRef(function(_param, ref) {
|
|
|
6878
6891
|
]);
|
|
6879
6892
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
6880
6893
|
ref: ref,
|
|
6881
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6894
|
+
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)
|
|
6882
6895
|
}, props), {
|
|
6883
6896
|
children: [
|
|
6884
6897
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", {
|
|
@@ -6948,13 +6961,13 @@ var CheckIcon = function(param) {
|
|
|
6948
6961
|
})
|
|
6949
6962
|
});
|
|
6950
6963
|
};
|
|
6951
|
-
var checkboxVariants = (0, import_class_variance_authority9.cva)("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
|
|
6964
|
+
var checkboxVariants = (0, import_class_variance_authority9.cva)("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", {
|
|
6952
6965
|
variants: {
|
|
6953
6966
|
variant: {
|
|
6954
|
-
checkbox: "rounded-
|
|
6967
|
+
checkbox: "rounded-xxs",
|
|
6955
6968
|
circle: "rounded-full",
|
|
6956
|
-
radio: "rounded-full",
|
|
6957
|
-
|
|
6969
|
+
radio: "rounded-full disabled:data-[state=checked]:border-none disabled:data-[state=checked]:bg-cc-Check-Box-border-disabled",
|
|
6970
|
+
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"
|
|
6958
6971
|
}
|
|
6959
6972
|
},
|
|
6960
6973
|
defaultVariants: {
|
|
@@ -6982,10 +6995,11 @@ var Checkbox = React14.forwardRef(function(_param, ref) {
|
|
|
6982
6995
|
}))
|
|
6983
6996
|
}, props), {
|
|
6984
6997
|
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckboxPrimitive.Indicator, {
|
|
6998
|
+
className: cn(variant === "radio" && "[&>div]:data-[disabled]:bg-cc-Check-Box-bg-disabled"),
|
|
6985
6999
|
children: variant === "radio" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
|
|
6986
|
-
className: "w-2 h-2
|
|
7000
|
+
className: cn("w-2 h-2 rounded-full")
|
|
6987
7001
|
}) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckIcon, {
|
|
6988
|
-
className: "w-3 h-3 stroke-
|
|
7002
|
+
className: "w-3 h-3 stroke-current"
|
|
6989
7003
|
})
|
|
6990
7004
|
})
|
|
6991
7005
|
})),
|
|
@@ -7021,7 +7035,7 @@ var DialogTrigger = React15.forwardRef(function(_param, ref) {
|
|
|
7021
7035
|
]);
|
|
7022
7036
|
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogPrimitive.Trigger, _object_spread({
|
|
7023
7037
|
ref: ref,
|
|
7024
|
-
className: cn("
|
|
7038
|
+
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)
|
|
7025
7039
|
}, props));
|
|
7026
7040
|
});
|
|
7027
7041
|
DialogTrigger.displayName = DialogPrimitive.Trigger.displayName;
|
|
@@ -7056,7 +7070,7 @@ var DialogContent = React15.forwardRef(function(_param, ref) {
|
|
|
7056
7070
|
}),
|
|
7057
7071
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogPrimitive.Content, _object_spread_props(_object_spread({
|
|
7058
7072
|
ref: ref,
|
|
7059
|
-
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%]
|
|
7073
|
+
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)
|
|
7060
7074
|
}, props), {
|
|
7061
7075
|
children: [
|
|
7062
7076
|
children,
|
|
@@ -7127,7 +7141,7 @@ var Command = React16.forwardRef(function(_param, ref) {
|
|
|
7127
7141
|
]);
|
|
7128
7142
|
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_cmdk.Command, _object_spread({
|
|
7129
7143
|
ref: ref,
|
|
7130
|
-
className: cn("flex h-full w-full flex-col overflow-hidden rounded-
|
|
7144
|
+
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)
|
|
7131
7145
|
}, props));
|
|
7132
7146
|
});
|
|
7133
7147
|
Command.displayName = import_cmdk.Command.displayName;
|
|
@@ -7158,7 +7172,7 @@ var CommandInput = React16.forwardRef(function(_param, ref) {
|
|
|
7158
7172
|
}),
|
|
7159
7173
|
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_cmdk.Command.Input, _object_spread({
|
|
7160
7174
|
ref: ref,
|
|
7161
|
-
className: cn("flex h-11 w-full rounded-
|
|
7175
|
+
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)
|
|
7162
7176
|
}, props))
|
|
7163
7177
|
]
|
|
7164
7178
|
});
|
|
@@ -7207,7 +7221,7 @@ var CommandItem = React16.forwardRef(function(_param, ref) {
|
|
|
7207
7221
|
]);
|
|
7208
7222
|
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_cmdk.Command.Item, _object_spread({
|
|
7209
7223
|
ref: ref,
|
|
7210
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7224
|
+
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)
|
|
7211
7225
|
}, props));
|
|
7212
7226
|
});
|
|
7213
7227
|
CommandItem.displayName = import_cmdk.Command.Item.displayName;
|
|
@@ -7239,7 +7253,7 @@ var ContextMenuSubTrigger = React17.forwardRef(function(_param, ref) {
|
|
|
7239
7253
|
]);
|
|
7240
7254
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
7241
7255
|
ref: ref,
|
|
7242
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
7256
|
+
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)
|
|
7243
7257
|
}, props), {
|
|
7244
7258
|
children: [
|
|
7245
7259
|
children,
|
|
@@ -7279,7 +7293,7 @@ var ContextMenuItem = React17.forwardRef(function(_param, ref) {
|
|
|
7279
7293
|
]);
|
|
7280
7294
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.Item, _object_spread({
|
|
7281
7295
|
ref: ref,
|
|
7282
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7296
|
+
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)
|
|
7283
7297
|
}, props));
|
|
7284
7298
|
});
|
|
7285
7299
|
ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
|
|
@@ -7291,7 +7305,7 @@ var ContextMenuCheckboxItem = React17.forwardRef(function(_param, ref) {
|
|
|
7291
7305
|
]);
|
|
7292
7306
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
7293
7307
|
ref: ref,
|
|
7294
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7308
|
+
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),
|
|
7295
7309
|
checked: checked
|
|
7296
7310
|
}, props), {
|
|
7297
7311
|
children: [
|
|
@@ -7315,7 +7329,7 @@ var ContextMenuRadioItem = React17.forwardRef(function(_param, ref) {
|
|
|
7315
7329
|
]);
|
|
7316
7330
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
7317
7331
|
ref: ref,
|
|
7318
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7332
|
+
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)
|
|
7319
7333
|
}, props), {
|
|
7320
7334
|
children: [
|
|
7321
7335
|
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", {
|
|
@@ -7738,10 +7752,10 @@ var Input = React21.forwardRef(function(_param, ref) {
|
|
|
7738
7752
|
variants: {
|
|
7739
7753
|
rounded: {
|
|
7740
7754
|
none: "rounded-none",
|
|
7741
|
-
sm: "rounded-
|
|
7755
|
+
sm: "rounded-xxs",
|
|
7742
7756
|
default: "rounded",
|
|
7743
|
-
md: "rounded-
|
|
7744
|
-
lg: "rounded-
|
|
7757
|
+
md: "rounded-sm",
|
|
7758
|
+
lg: "rounded-md",
|
|
7745
7759
|
xl: "rounded-xl",
|
|
7746
7760
|
"2xl": "rounded-2xl",
|
|
7747
7761
|
"3xl": "rounded-3xl",
|
|
@@ -7780,7 +7794,7 @@ var Input = React21.forwardRef(function(_param, ref) {
|
|
|
7780
7794
|
});
|
|
7781
7795
|
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", _object_spread({
|
|
7782
7796
|
type: type,
|
|
7783
|
-
className: cn("flex space-x-2 p-3 text-base text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest
|
|
7797
|
+
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({
|
|
7784
7798
|
rounded: rounded,
|
|
7785
7799
|
size: size,
|
|
7786
7800
|
border: border,
|
|
@@ -7988,7 +8002,7 @@ var Menubar = React23.forwardRef(function(_param, ref) {
|
|
|
7988
8002
|
]);
|
|
7989
8003
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenubarPrimitive.Root, _object_spread({
|
|
7990
8004
|
ref: ref,
|
|
7991
|
-
className: cn("flex h-10 items-center space-x-1 rounded-
|
|
8005
|
+
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)
|
|
7992
8006
|
}, props));
|
|
7993
8007
|
});
|
|
7994
8008
|
Menubar.displayName = MenubarPrimitive.Root.displayName;
|
|
@@ -7998,7 +8012,7 @@ var MenubarTrigger = React23.forwardRef(function(_param, ref) {
|
|
|
7998
8012
|
]);
|
|
7999
8013
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenubarPrimitive.Trigger, _object_spread({
|
|
8000
8014
|
ref: ref,
|
|
8001
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
8015
|
+
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)
|
|
8002
8016
|
}, props));
|
|
8003
8017
|
});
|
|
8004
8018
|
MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
|
|
@@ -8010,7 +8024,7 @@ var MenubarSubTrigger = React23.forwardRef(function(_param, ref) {
|
|
|
8010
8024
|
]);
|
|
8011
8025
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MenubarPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
8012
8026
|
ref: ref,
|
|
8013
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
8027
|
+
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)
|
|
8014
8028
|
}, props), {
|
|
8015
8029
|
children: [
|
|
8016
8030
|
children,
|
|
@@ -8027,7 +8041,7 @@ var MenubarSubContent = React23.forwardRef(function(_param, ref) {
|
|
|
8027
8041
|
]);
|
|
8028
8042
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenubarPrimitive.SubContent, _object_spread({
|
|
8029
8043
|
ref: ref,
|
|
8030
|
-
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-
|
|
8044
|
+
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)
|
|
8031
8045
|
}, props));
|
|
8032
8046
|
});
|
|
8033
8047
|
MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
|
|
@@ -8044,7 +8058,7 @@ var MenubarContent = React23.forwardRef(function(_param, ref) {
|
|
|
8044
8058
|
align: align,
|
|
8045
8059
|
alignOffset: alignOffset,
|
|
8046
8060
|
sideOffset: sideOffset,
|
|
8047
|
-
className: cn("z-50 min-w-[12rem] overflow-hidden rounded-
|
|
8061
|
+
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)
|
|
8048
8062
|
}, props))
|
|
8049
8063
|
});
|
|
8050
8064
|
});
|
|
@@ -8056,7 +8070,7 @@ var MenubarItem = React23.forwardRef(function(_param, ref) {
|
|
|
8056
8070
|
]);
|
|
8057
8071
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenubarPrimitive.Item, _object_spread({
|
|
8058
8072
|
ref: ref,
|
|
8059
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
8073
|
+
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)
|
|
8060
8074
|
}, props));
|
|
8061
8075
|
});
|
|
8062
8076
|
MenubarItem.displayName = MenubarPrimitive.Item.displayName;
|
|
@@ -8068,7 +8082,7 @@ var MenubarCheckboxItem = React23.forwardRef(function(_param, ref) {
|
|
|
8068
8082
|
]);
|
|
8069
8083
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MenubarPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
8070
8084
|
ref: ref,
|
|
8071
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
8085
|
+
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),
|
|
8072
8086
|
checked: checked
|
|
8073
8087
|
}, props), {
|
|
8074
8088
|
children: [
|
|
@@ -8092,7 +8106,7 @@ var MenubarRadioItem = React23.forwardRef(function(_param, ref) {
|
|
|
8092
8106
|
]);
|
|
8093
8107
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MenubarPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
8094
8108
|
ref: ref,
|
|
8095
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
8109
|
+
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)
|
|
8096
8110
|
}, props), {
|
|
8097
8111
|
children: [
|
|
8098
8112
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", {
|
|
@@ -8583,9 +8597,9 @@ ModalTitle.displayName = DialogPrimitive2.Title.displayName;
|
|
|
8583
8597
|
var modalVariants = (0, import_class_variance_authority13.cva)("", {
|
|
8584
8598
|
variants: {
|
|
8585
8599
|
size: {
|
|
8586
|
-
lg: "w-[
|
|
8587
|
-
md: "w-[620px] max-h-[
|
|
8588
|
-
sm: "w-[380px] max-h-[
|
|
8600
|
+
lg: "w-[720px] max-h-[600px]",
|
|
8601
|
+
md: "w-[620px] max-h-[600px]",
|
|
8602
|
+
sm: "w-[380px] max-h-[600px]"
|
|
8589
8603
|
},
|
|
8590
8604
|
zIndex: {
|
|
8591
8605
|
9: "z-[9]",
|
|
@@ -8875,7 +8889,7 @@ var import_class_variance_authority14 = require("class-variance-authority");
|
|
|
8875
8889
|
var React28 = __toESM(require("react"), 1);
|
|
8876
8890
|
var import_react12 = require("react");
|
|
8877
8891
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
8878
|
-
var searchBarVariants = (0, import_class_variance_authority14.cva)("rounded-
|
|
8892
|
+
var searchBarVariants = (0, import_class_variance_authority14.cva)("rounded-sm", {
|
|
8879
8893
|
variants: {
|
|
8880
8894
|
size: {
|
|
8881
8895
|
md: "h-11",
|
|
@@ -11410,7 +11424,7 @@ var RadioGroupItem = React30.forwardRef(function(_param, ref) {
|
|
|
11410
11424
|
]);
|
|
11411
11425
|
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
|
|
11412
11426
|
ref: ref,
|
|
11413
|
-
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
|
|
11427
|
+
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)
|
|
11414
11428
|
}, props), {
|
|
11415
11429
|
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupPrimitive.Indicator, {
|
|
11416
11430
|
className: "flex items-center justify-center",
|
|
@@ -11691,7 +11705,7 @@ function SecondaryNavigationBar(param) {
|
|
|
11691
11705
|
icons && icons.map(function(icon, index) {
|
|
11692
11706
|
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IconButton, {
|
|
11693
11707
|
variant: !hasBackground ? "tertiary" : "plain",
|
|
11694
|
-
color:
|
|
11708
|
+
color: "default",
|
|
11695
11709
|
size: "md",
|
|
11696
11710
|
icon: icon.icon,
|
|
11697
11711
|
onClick: icon.onClick
|
|
@@ -11744,7 +11758,6 @@ function SecondaryNavigationBar(param) {
|
|
|
11744
11758
|
"aria-label": clearText || "Clear Filters",
|
|
11745
11759
|
size: "md",
|
|
11746
11760
|
variant: "primary",
|
|
11747
|
-
color: "default",
|
|
11748
11761
|
onClick: onClear,
|
|
11749
11762
|
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", {
|
|
11750
11763
|
className: "relative",
|
|
@@ -11813,7 +11826,7 @@ var SelectTrigger = React33.forwardRef(function(_param, ref) {
|
|
|
11813
11826
|
]);
|
|
11814
11827
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
11815
11828
|
ref: ref,
|
|
11816
|
-
className: cn("flex h-10 w-full items-center justify-between rounded-
|
|
11829
|
+
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)
|
|
11817
11830
|
}, props), {
|
|
11818
11831
|
children: [
|
|
11819
11832
|
children,
|
|
@@ -11864,7 +11877,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
|
|
|
11864
11877
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Portal, {
|
|
11865
11878
|
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
11866
11879
|
ref: ref,
|
|
11867
|
-
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-
|
|
11880
|
+
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),
|
|
11868
11881
|
position: position
|
|
11869
11882
|
}, props), {
|
|
11870
11883
|
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Viewport, {
|
|
@@ -11893,7 +11906,7 @@ function SelectIcon(props) {
|
|
|
11893
11906
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Icon, {
|
|
11894
11907
|
children: typeof icon === "string" ? // 如果是字符串URL，作为背景图片显示
|
|
11895
11908
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {
|
|
11896
|
-
className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-
|
|
11909
|
+
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"),
|
|
11897
11910
|
style: {
|
|
11898
11911
|
backgroundImage: "url('".concat(icon, "')")
|
|
11899
11912
|
}
|
|
@@ -11920,7 +11933,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
|
|
|
11920
11933
|
]);
|
|
11921
11934
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SelectPrimitive.Item, _object_spread_props(_object_spread({
|
|
11922
11935
|
ref: ref,
|
|
11923
|
-
className: cn("relative flex justify-between w-full text-sm cursor-pointer select-none items-center rounded-
|
|
11936
|
+
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)
|
|
11924
11937
|
}, props), {
|
|
11925
11938
|
children: [
|
|
11926
11939
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", {
|
|
@@ -12009,7 +12022,7 @@ var SheetContent = React34.forwardRef(function(_param, ref) {
|
|
|
12009
12022
|
children: [
|
|
12010
12023
|
children,
|
|
12011
12024
|
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SheetPrimitive.Close, {
|
|
12012
|
-
className: "absolute right-4 top-4 rounded-
|
|
12025
|
+
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",
|
|
12013
12026
|
children: [
|
|
12014
12027
|
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react12.X, {
|
|
12015
12028
|
className: "h-4 w-4"
|
|
@@ -12072,7 +12085,7 @@ function Skeleton(_param) {
|
|
|
12072
12085
|
"animate"
|
|
12073
12086
|
]);
|
|
12074
12087
|
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", _object_spread({
|
|
12075
|
-
className: cn("rounded-
|
|
12088
|
+
className: cn("rounded-sm bg-Colors-Background-Normal-Secondary-Default", className, animate && "animate-pulse")
|
|
12076
12089
|
}, props));
|
|
12077
12090
|
}
|
|
12078
12091
|
// src/components/slider.tsx
|
|
@@ -12085,7 +12098,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
12085
12098
|
"size"
|
|
12086
12099
|
]);
|
|
12087
12100
|
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
|
|
12088
|
-
className: "w-full p-3 flex justify-center items-center h-10 rounded-
|
|
12101
|
+
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",
|
|
12089
12102
|
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
12090
12103
|
ref: ref,
|
|
12091
12104
|
className: cn("relative flex w-full touch-none select-none items-center", className)
|
|
@@ -12098,7 +12111,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
12098
12111
|
})
|
|
12099
12112
|
}),
|
|
12100
12113
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SliderPrimitive.Thumb, {
|
|
12101
|
-
className: cn("block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default
|
|
12114
|
+
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]")
|
|
12102
12115
|
})
|
|
12103
12116
|
]
|
|
12104
12117
|
}))
|
|
@@ -12123,7 +12136,7 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
12123
12136
|
className: "flex w-full items-center space-x-1.5",
|
|
12124
12137
|
children: [
|
|
12125
12138
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
|
|
12126
|
-
className: cn("w-full p-3 flex justify-center items-center h-10 rounded-
|
|
12139
|
+
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),
|
|
12127
12140
|
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
12128
12141
|
ref: ref,
|
|
12129
12142
|
className: cn("relative flex w-full touch-none select-none items-center", className),
|
|
@@ -12148,13 +12161,13 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
12148
12161
|
})
|
|
12149
12162
|
}),
|
|
12150
12163
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SliderPrimitive.Thumb, {
|
|
12151
|
-
className: cn("cursor-pointer block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default
|
|
12164
|
+
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)
|
|
12152
12165
|
})
|
|
12153
12166
|
]
|
|
12154
12167
|
}))
|
|
12155
12168
|
}),
|
|
12156
12169
|
settable && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
|
|
12157
|
-
className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-
|
|
12170
|
+
className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-md",
|
|
12158
12171
|
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(NumberInput, {
|
|
12159
12172
|
value: value1,
|
|
12160
12173
|
min: props === null || props === void 0 ? void 0 : props.min,
|
|
@@ -12399,12 +12412,12 @@ var tabListVariants = (0, import_class_variance_authority18.cva)("relative inlin
|
|
|
12399
12412
|
{
|
|
12400
12413
|
rounded: "default",
|
|
12401
12414
|
size: "lg",
|
|
12402
|
-
className: "rounded-
|
|
12415
|
+
className: "rounded-sm"
|
|
12403
12416
|
},
|
|
12404
12417
|
{
|
|
12405
12418
|
rounded: "default",
|
|
12406
12419
|
size: "md",
|
|
12407
|
-
className: "rounded-
|
|
12420
|
+
className: "rounded-sm"
|
|
12408
12421
|
},
|
|
12409
12422
|
{
|
|
12410
12423
|
rounded: "default",
|
|
@@ -12449,12 +12462,12 @@ var tabVariants = (0, import_class_variance_authority18.cva)("relative inline-fl
|
|
|
12449
12462
|
{
|
|
12450
12463
|
rounded: "default",
|
|
12451
12464
|
size: "lg",
|
|
12452
|
-
className: "rounded-
|
|
12465
|
+
className: "rounded-sm"
|
|
12453
12466
|
},
|
|
12454
12467
|
{
|
|
12455
12468
|
rounded: "default",
|
|
12456
12469
|
size: "md",
|
|
12457
|
-
className: "rounded-
|
|
12470
|
+
className: "rounded-sm"
|
|
12458
12471
|
},
|
|
12459
12472
|
{
|
|
12460
12473
|
rounded: "default",
|
|
@@ -12640,7 +12653,7 @@ var Textarea = React38.forwardRef(function(_param, ref) {
|
|
|
12640
12653
|
className: "relative",
|
|
12641
12654
|
children: [
|
|
12642
12655
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("textarea", _object_spread({
|
|
12643
|
-
className: cn("w-full min-h-[123px] p-3 pb-10 rounded-
|
|
12656
|
+
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),
|
|
12644
12657
|
ref: ref,
|
|
12645
12658
|
maxLength: maxLength,
|
|
12646
12659
|
value: value1
|
|
@@ -12674,7 +12687,7 @@ var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
|
|
|
12674
12687
|
var import_class_variance_authority19 = require("class-variance-authority");
|
|
12675
12688
|
var React39 = __toESM(require("react"), 1);
|
|
12676
12689
|
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
12677
|
-
var toggleVariants = (0, import_class_variance_authority19.cva)("inline-flex items-center justify-center rounded-
|
|
12690
|
+
var toggleVariants = (0, import_class_variance_authority19.cva)("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", {
|
|
12678
12691
|
variants: {
|
|
12679
12692
|
variant: {
|
|
12680
12693
|
default: "bg-transparent",
|
|
@@ -12725,7 +12738,7 @@ var ToggleGroup = React40.forwardRef(function(_param, ref) {
|
|
|
12725
12738
|
]);
|
|
12726
12739
|
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ToggleGroupPrimitive.Root, _object_spread_props(_object_spread({
|
|
12727
12740
|
ref: ref,
|
|
12728
|
-
className: cn("flex items-center justify-center gap-1 p-0.5 rounded-
|
|
12741
|
+
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)
|
|
12729
12742
|
}, props), {
|
|
12730
12743
|
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ToggleGroupContext.Provider, {
|
|
12731
12744
|
value: {
|
|
@@ -12793,7 +12806,7 @@ var ToastViewport = React41.forwardRef(function(_param, ref) {
|
|
|
12793
12806
|
}, props));
|
|
12794
12807
|
});
|
|
12795
12808
|
ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
|
|
12796
|
-
var toastVariants = (0, import_class_variance_authority20.cva)("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-
|
|
12809
|
+
var toastVariants = (0, import_class_variance_authority20.cva)("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", {
|
|
12797
12810
|
variants: {
|
|
12798
12811
|
variant: {
|
|
12799
12812
|
info: "bg-Colors-Background-Normal-Primary-Default p-4",
|
|
@@ -12839,7 +12852,7 @@ var ToastAction = React41.forwardRef(function(_param, ref) {
|
|
|
12839
12852
|
]);
|
|
12840
12853
|
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ToastPrimitives.Action, _object_spread({
|
|
12841
12854
|
ref: ref,
|
|
12842
|
-
className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-
|
|
12855
|
+
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)
|
|
12843
12856
|
}, props));
|
|
12844
12857
|
});
|
|
12845
12858
|
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
@@ -12849,7 +12862,7 @@ var ToastClose = React41.forwardRef(function(_param, ref) {
|
|
|
12849
12862
|
]);
|
|
12850
12863
|
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ToastPrimitives.Close, _object_spread_props(_object_spread({
|
|
12851
12864
|
ref: ref,
|
|
12852
|
-
className: cn("absolute right-4 top-4 rounded-
|
|
12865
|
+
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),
|
|
12853
12866
|
"toast-close": ""
|
|
12854
12867
|
}, props), {
|
|
12855
12868
|
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_XMarkIcon3.default, {
|
|
@@ -13189,10 +13202,10 @@ var swiperVariants = (0, import_class_variance_authority21.cva)("", {
|
|
|
13189
13202
|
variants: {
|
|
13190
13203
|
rounded: {
|
|
13191
13204
|
none: "rounded-none",
|
|
13192
|
-
sm: "rounded-
|
|
13205
|
+
sm: "rounded-xxs",
|
|
13193
13206
|
default: "rounded",
|
|
13194
|
-
md: "rounded-
|
|
13195
|
-
lg: "rounded-
|
|
13207
|
+
md: "rounded-sm",
|
|
13208
|
+
lg: "rounded-md",
|
|
13196
13209
|
xl: "rounded-xl",
|
|
13197
13210
|
"2xl": "rounded-2xl",
|
|
13198
13211
|
"3xl": "rounded-3xl",
|