myshell-react-lib 0.1.16 → 0.1.19
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 +76 -75
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +76 -75
- package/dist/index.js.map +1 -1
- package/dist/styles/components-dark.scss +212 -0
- package/dist/styles/components-light.scss +210 -0
- package/dist/styles/design2-dark.scss +333 -0
- package/dist/styles/design2-light.scss +364 -0
- package/dist/styles/font.css +19 -0
- package/dist/styles/global.scss +247 -0
- package/dist/styles/md-viewer.scss +155 -0
- package/dist/styles/new-tokens.scss +255 -0
- 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: "",
|
|
@@ -5863,7 +5863,7 @@ var AlertDialogTrigger = React7.forwardRef(function(_param, ref) {
|
|
|
5863
5863
|
]);
|
|
5864
5864
|
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogPrimitive.Trigger, _object_spread({
|
|
5865
5865
|
ref: ref,
|
|
5866
|
-
className: cn("
|
|
5866
|
+
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
5867
|
}, props));
|
|
5868
5868
|
});
|
|
5869
5869
|
AlertDialogTrigger.displayName = AlertDialogPrimitive.Trigger.displayName;
|
|
@@ -5887,7 +5887,7 @@ var AlertDialogContent = React7.forwardRef(function(_param, ref) {
|
|
|
5887
5887
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogOverlay, {}),
|
|
5888
5888
|
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(AlertDialogPrimitive.Content, _object_spread({
|
|
5889
5889
|
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%]
|
|
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%] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1", className)
|
|
5891
5891
|
}, props))
|
|
5892
5892
|
]
|
|
5893
5893
|
});
|
|
@@ -6191,7 +6191,7 @@ var PopoverContent = React8.forwardRef(function(_param, ref) {
|
|
|
6191
6191
|
arrowPadding: arrowPadding,
|
|
6192
6192
|
side: side,
|
|
6193
6193
|
forceMount: true,
|
|
6194
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-
|
|
6194
|
+
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
6195
|
}, props), {
|
|
6196
6196
|
children: [
|
|
6197
6197
|
children,
|
|
@@ -6370,7 +6370,7 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
6370
6370
|
sideOffset: sideOffset,
|
|
6371
6371
|
alignOffset: alignOffset,
|
|
6372
6372
|
side: side,
|
|
6373
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-
|
|
6373
|
+
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
6374
|
}, props), {
|
|
6375
6375
|
children: [
|
|
6376
6376
|
props.children,
|
|
@@ -6386,14 +6386,14 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
6386
6386
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
6387
6387
|
// src/components/button/icon-button.styles.ts
|
|
6388
6388
|
var import_class_variance_authority6 = require("class-variance-authority");
|
|
6389
|
-
var iconButtonVariants = (0, import_class_variance_authority6.cva)("shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
6389
|
+
var iconButtonVariants = (0, import_class_variance_authority6.cva)("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", {
|
|
6390
6390
|
variants: {
|
|
6391
6391
|
variant: {
|
|
6392
6392
|
primary: "",
|
|
6393
6393
|
secondary: "border shadow-none",
|
|
6394
6394
|
tertiary: "border shadow-none",
|
|
6395
6395
|
plain: "",
|
|
6396
|
-
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",
|
|
6396
|
+
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",
|
|
6397
6397
|
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",
|
|
6398
6398
|
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"
|
|
6399
6399
|
},
|
|
@@ -6653,11 +6653,11 @@ var avatarVariants = (0, import_class_variance_authority7.cva)("relative flex sh
|
|
|
6653
6653
|
size: {
|
|
6654
6654
|
xs: "w-5 h-5 rounded",
|
|
6655
6655
|
// 20 4
|
|
6656
|
-
sm: "w-6 h-6 rounded-
|
|
6656
|
+
sm: "w-6 h-6 rounded-sm",
|
|
6657
6657
|
// 24 6
|
|
6658
|
-
md: "w-8 h-8 rounded-
|
|
6658
|
+
md: "w-8 h-8 rounded-md",
|
|
6659
6659
|
// 32 8
|
|
6660
|
-
lg: "w-9 h-9 rounded-
|
|
6660
|
+
lg: "w-9 h-9 rounded-md",
|
|
6661
6661
|
// 36 8
|
|
6662
6662
|
xl: "w-12 h-12 rounded-xl",
|
|
6663
6663
|
// 48 10 no
|
|
@@ -6802,7 +6802,7 @@ var DropdownMenuSubTrigger = React13.forwardRef(function(_param, ref) {
|
|
|
6802
6802
|
]);
|
|
6803
6803
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
6804
6804
|
ref: ref,
|
|
6805
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
6805
|
+
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
6806
|
}, props), {
|
|
6807
6807
|
children: [
|
|
6808
6808
|
children,
|
|
@@ -6842,7 +6842,7 @@ var DropdownMenuItem = React13.forwardRef(function(_param, ref) {
|
|
|
6842
6842
|
]);
|
|
6843
6843
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.Item, _object_spread({
|
|
6844
6844
|
ref: ref,
|
|
6845
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6845
|
+
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
6846
|
}, props));
|
|
6847
6847
|
});
|
|
6848
6848
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
@@ -6854,7 +6854,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
|
|
|
6854
6854
|
]);
|
|
6855
6855
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
6856
6856
|
ref: ref,
|
|
6857
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6857
|
+
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
6858
|
checked: checked
|
|
6859
6859
|
}, props), {
|
|
6860
6860
|
children: [
|
|
@@ -6878,7 +6878,7 @@ var DropdownMenuRadioItem = React13.forwardRef(function(_param, ref) {
|
|
|
6878
6878
|
]);
|
|
6879
6879
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DropdownMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
6880
6880
|
ref: ref,
|
|
6881
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6881
|
+
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
6882
|
}, props), {
|
|
6883
6883
|
children: [
|
|
6884
6884
|
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", {
|
|
@@ -6948,13 +6948,13 @@ var CheckIcon = function(param) {
|
|
|
6948
6948
|
})
|
|
6949
6949
|
});
|
|
6950
6950
|
};
|
|
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
|
|
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 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
6952
|
variants: {
|
|
6953
6953
|
variant: {
|
|
6954
|
-
checkbox: "rounded-
|
|
6954
|
+
checkbox: "rounded-xxs",
|
|
6955
6955
|
circle: "rounded-full",
|
|
6956
|
-
radio: "rounded-full",
|
|
6957
|
-
|
|
6956
|
+
radio: "rounded-full disabled:data-[state=checked]:border-none disabled:data-[state=checked]:bg-cc-Check-Box-border-disabled",
|
|
6957
|
+
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
6958
|
}
|
|
6959
6959
|
},
|
|
6960
6960
|
defaultVariants: {
|
|
@@ -6982,10 +6982,11 @@ var Checkbox = React14.forwardRef(function(_param, ref) {
|
|
|
6982
6982
|
}))
|
|
6983
6983
|
}, props), {
|
|
6984
6984
|
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckboxPrimitive.Indicator, {
|
|
6985
|
+
className: cn(variant === "radio" && "[&>div]:data-[disabled]:bg-cc-Check-Box-bg-disabled"),
|
|
6985
6986
|
children: variant === "radio" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
|
|
6986
|
-
className: "w-2 h-2
|
|
6987
|
+
className: cn("w-2 h-2 rounded-full")
|
|
6987
6988
|
}) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckIcon, {
|
|
6988
|
-
className: "w-3 h-3 stroke-
|
|
6989
|
+
className: "w-3 h-3 stroke-current"
|
|
6989
6990
|
})
|
|
6990
6991
|
})
|
|
6991
6992
|
})),
|
|
@@ -7021,7 +7022,7 @@ var DialogTrigger = React15.forwardRef(function(_param, ref) {
|
|
|
7021
7022
|
]);
|
|
7022
7023
|
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(DialogPrimitive.Trigger, _object_spread({
|
|
7023
7024
|
ref: ref,
|
|
7024
|
-
className: cn("
|
|
7025
|
+
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
7026
|
}, props));
|
|
7026
7027
|
});
|
|
7027
7028
|
DialogTrigger.displayName = DialogPrimitive.Trigger.displayName;
|
|
@@ -7056,7 +7057,7 @@ var DialogContent = React15.forwardRef(function(_param, ref) {
|
|
|
7056
7057
|
}),
|
|
7057
7058
|
/* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogPrimitive.Content, _object_spread_props(_object_spread({
|
|
7058
7059
|
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%]
|
|
7060
|
+
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
7061
|
}, props), {
|
|
7061
7062
|
children: [
|
|
7062
7063
|
children,
|
|
@@ -7127,7 +7128,7 @@ var Command = React16.forwardRef(function(_param, ref) {
|
|
|
7127
7128
|
]);
|
|
7128
7129
|
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_cmdk.Command, _object_spread({
|
|
7129
7130
|
ref: ref,
|
|
7130
|
-
className: cn("flex h-full w-full flex-col overflow-hidden rounded-
|
|
7131
|
+
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
7132
|
}, props));
|
|
7132
7133
|
});
|
|
7133
7134
|
Command.displayName = import_cmdk.Command.displayName;
|
|
@@ -7158,7 +7159,7 @@ var CommandInput = React16.forwardRef(function(_param, ref) {
|
|
|
7158
7159
|
}),
|
|
7159
7160
|
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_cmdk.Command.Input, _object_spread({
|
|
7160
7161
|
ref: ref,
|
|
7161
|
-
className: cn("flex h-11 w-full rounded-
|
|
7162
|
+
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
7163
|
}, props))
|
|
7163
7164
|
]
|
|
7164
7165
|
});
|
|
@@ -7207,7 +7208,7 @@ var CommandItem = React16.forwardRef(function(_param, ref) {
|
|
|
7207
7208
|
]);
|
|
7208
7209
|
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_cmdk.Command.Item, _object_spread({
|
|
7209
7210
|
ref: ref,
|
|
7210
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7211
|
+
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
7212
|
}, props));
|
|
7212
7213
|
});
|
|
7213
7214
|
CommandItem.displayName = import_cmdk.Command.Item.displayName;
|
|
@@ -7239,7 +7240,7 @@ var ContextMenuSubTrigger = React17.forwardRef(function(_param, ref) {
|
|
|
7239
7240
|
]);
|
|
7240
7241
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
7241
7242
|
ref: ref,
|
|
7242
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
7243
|
+
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
7244
|
}, props), {
|
|
7244
7245
|
children: [
|
|
7245
7246
|
children,
|
|
@@ -7279,7 +7280,7 @@ var ContextMenuItem = React17.forwardRef(function(_param, ref) {
|
|
|
7279
7280
|
]);
|
|
7280
7281
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.Item, _object_spread({
|
|
7281
7282
|
ref: ref,
|
|
7282
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7283
|
+
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
7284
|
}, props));
|
|
7284
7285
|
});
|
|
7285
7286
|
ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
|
|
@@ -7291,7 +7292,7 @@ var ContextMenuCheckboxItem = React17.forwardRef(function(_param, ref) {
|
|
|
7291
7292
|
]);
|
|
7292
7293
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
7293
7294
|
ref: ref,
|
|
7294
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7295
|
+
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
7296
|
checked: checked
|
|
7296
7297
|
}, props), {
|
|
7297
7298
|
children: [
|
|
@@ -7315,7 +7316,7 @@ var ContextMenuRadioItem = React17.forwardRef(function(_param, ref) {
|
|
|
7315
7316
|
]);
|
|
7316
7317
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
7317
7318
|
ref: ref,
|
|
7318
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7319
|
+
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
7320
|
}, props), {
|
|
7320
7321
|
children: [
|
|
7321
7322
|
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", {
|
|
@@ -7738,10 +7739,10 @@ var Input = React21.forwardRef(function(_param, ref) {
|
|
|
7738
7739
|
variants: {
|
|
7739
7740
|
rounded: {
|
|
7740
7741
|
none: "rounded-none",
|
|
7741
|
-
sm: "rounded-
|
|
7742
|
+
sm: "rounded-xxs",
|
|
7742
7743
|
default: "rounded",
|
|
7743
|
-
md: "rounded-
|
|
7744
|
-
lg: "rounded-
|
|
7744
|
+
md: "rounded-sm",
|
|
7745
|
+
lg: "rounded-md",
|
|
7745
7746
|
xl: "rounded-xl",
|
|
7746
7747
|
"2xl": "rounded-2xl",
|
|
7747
7748
|
"3xl": "rounded-3xl",
|
|
@@ -7780,7 +7781,7 @@ var Input = React21.forwardRef(function(_param, ref) {
|
|
|
7780
7781
|
});
|
|
7781
7782
|
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("input", _object_spread({
|
|
7782
7783
|
type: type,
|
|
7783
|
-
className: cn("flex space-x-2 p-3 text-base text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest
|
|
7784
|
+
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
7785
|
rounded: rounded,
|
|
7785
7786
|
size: size,
|
|
7786
7787
|
border: border,
|
|
@@ -7988,7 +7989,7 @@ var Menubar = React23.forwardRef(function(_param, ref) {
|
|
|
7988
7989
|
]);
|
|
7989
7990
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenubarPrimitive.Root, _object_spread({
|
|
7990
7991
|
ref: ref,
|
|
7991
|
-
className: cn("flex h-10 items-center space-x-1 rounded-
|
|
7992
|
+
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
7993
|
}, props));
|
|
7993
7994
|
});
|
|
7994
7995
|
Menubar.displayName = MenubarPrimitive.Root.displayName;
|
|
@@ -7998,7 +7999,7 @@ var MenubarTrigger = React23.forwardRef(function(_param, ref) {
|
|
|
7998
7999
|
]);
|
|
7999
8000
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenubarPrimitive.Trigger, _object_spread({
|
|
8000
8001
|
ref: ref,
|
|
8001
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
8002
|
+
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
8003
|
}, props));
|
|
8003
8004
|
});
|
|
8004
8005
|
MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
|
|
@@ -8010,7 +8011,7 @@ var MenubarSubTrigger = React23.forwardRef(function(_param, ref) {
|
|
|
8010
8011
|
]);
|
|
8011
8012
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MenubarPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
8012
8013
|
ref: ref,
|
|
8013
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
8014
|
+
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
8015
|
}, props), {
|
|
8015
8016
|
children: [
|
|
8016
8017
|
children,
|
|
@@ -8027,7 +8028,7 @@ var MenubarSubContent = React23.forwardRef(function(_param, ref) {
|
|
|
8027
8028
|
]);
|
|
8028
8029
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenubarPrimitive.SubContent, _object_spread({
|
|
8029
8030
|
ref: ref,
|
|
8030
|
-
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-
|
|
8031
|
+
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
8032
|
}, props));
|
|
8032
8033
|
});
|
|
8033
8034
|
MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
|
|
@@ -8044,7 +8045,7 @@ var MenubarContent = React23.forwardRef(function(_param, ref) {
|
|
|
8044
8045
|
align: align,
|
|
8045
8046
|
alignOffset: alignOffset,
|
|
8046
8047
|
sideOffset: sideOffset,
|
|
8047
|
-
className: cn("z-50 min-w-[12rem] overflow-hidden rounded-
|
|
8048
|
+
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
8049
|
}, props))
|
|
8049
8050
|
});
|
|
8050
8051
|
});
|
|
@@ -8056,7 +8057,7 @@ var MenubarItem = React23.forwardRef(function(_param, ref) {
|
|
|
8056
8057
|
]);
|
|
8057
8058
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(MenubarPrimitive.Item, _object_spread({
|
|
8058
8059
|
ref: ref,
|
|
8059
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
8060
|
+
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
8061
|
}, props));
|
|
8061
8062
|
});
|
|
8062
8063
|
MenubarItem.displayName = MenubarPrimitive.Item.displayName;
|
|
@@ -8068,7 +8069,7 @@ var MenubarCheckboxItem = React23.forwardRef(function(_param, ref) {
|
|
|
8068
8069
|
]);
|
|
8069
8070
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MenubarPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
8070
8071
|
ref: ref,
|
|
8071
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
8072
|
+
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
8073
|
checked: checked
|
|
8073
8074
|
}, props), {
|
|
8074
8075
|
children: [
|
|
@@ -8092,7 +8093,7 @@ var MenubarRadioItem = React23.forwardRef(function(_param, ref) {
|
|
|
8092
8093
|
]);
|
|
8093
8094
|
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(MenubarPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
8094
8095
|
ref: ref,
|
|
8095
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
8096
|
+
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
8097
|
}, props), {
|
|
8097
8098
|
children: [
|
|
8098
8099
|
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", {
|
|
@@ -8583,9 +8584,9 @@ ModalTitle.displayName = DialogPrimitive2.Title.displayName;
|
|
|
8583
8584
|
var modalVariants = (0, import_class_variance_authority13.cva)("", {
|
|
8584
8585
|
variants: {
|
|
8585
8586
|
size: {
|
|
8586
|
-
lg: "w-[
|
|
8587
|
-
md: "w-[620px] max-h-[
|
|
8588
|
-
sm: "w-[380px] max-h-[
|
|
8587
|
+
lg: "w-[720px] max-h-[600px]",
|
|
8588
|
+
md: "w-[620px] max-h-[600px]",
|
|
8589
|
+
sm: "w-[380px] max-h-[600px]"
|
|
8589
8590
|
},
|
|
8590
8591
|
zIndex: {
|
|
8591
8592
|
9: "z-[9]",
|
|
@@ -8875,7 +8876,7 @@ var import_class_variance_authority14 = require("class-variance-authority");
|
|
|
8875
8876
|
var React28 = __toESM(require("react"), 1);
|
|
8876
8877
|
var import_react12 = require("react");
|
|
8877
8878
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
8878
|
-
var searchBarVariants = (0, import_class_variance_authority14.cva)("rounded-
|
|
8879
|
+
var searchBarVariants = (0, import_class_variance_authority14.cva)("rounded-sm", {
|
|
8879
8880
|
variants: {
|
|
8880
8881
|
size: {
|
|
8881
8882
|
md: "h-11",
|
|
@@ -11410,7 +11411,7 @@ var RadioGroupItem = React30.forwardRef(function(_param, ref) {
|
|
|
11410
11411
|
]);
|
|
11411
11412
|
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
|
|
11412
11413
|
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
|
|
11414
|
+
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
11415
|
}, props), {
|
|
11415
11416
|
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupPrimitive.Indicator, {
|
|
11416
11417
|
className: "flex items-center justify-center",
|
|
@@ -11813,7 +11814,7 @@ var SelectTrigger = React33.forwardRef(function(_param, ref) {
|
|
|
11813
11814
|
]);
|
|
11814
11815
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
11815
11816
|
ref: ref,
|
|
11816
|
-
className: cn("flex h-10 w-full items-center justify-between rounded-
|
|
11817
|
+
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
11818
|
}, props), {
|
|
11818
11819
|
children: [
|
|
11819
11820
|
children,
|
|
@@ -11864,7 +11865,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
|
|
|
11864
11865
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Portal, {
|
|
11865
11866
|
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
11866
11867
|
ref: ref,
|
|
11867
|
-
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-
|
|
11868
|
+
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
11869
|
position: position
|
|
11869
11870
|
}, props), {
|
|
11870
11871
|
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Viewport, {
|
|
@@ -11893,7 +11894,7 @@ function SelectIcon(props) {
|
|
|
11893
11894
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Icon, {
|
|
11894
11895
|
children: typeof icon === "string" ? // 如果是字符串URL，作为背景图片显示
|
|
11895
11896
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", {
|
|
11896
|
-
className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-
|
|
11897
|
+
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
11898
|
style: {
|
|
11898
11899
|
backgroundImage: "url('".concat(icon, "')")
|
|
11899
11900
|
}
|
|
@@ -11920,7 +11921,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
|
|
|
11920
11921
|
]);
|
|
11921
11922
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(SelectPrimitive.Item, _object_spread_props(_object_spread({
|
|
11922
11923
|
ref: ref,
|
|
11923
|
-
className: cn("relative flex justify-between w-full text-sm cursor-pointer select-none items-center rounded-
|
|
11924
|
+
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
11925
|
}, props), {
|
|
11925
11926
|
children: [
|
|
11926
11927
|
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", {
|
|
@@ -12009,7 +12010,7 @@ var SheetContent = React34.forwardRef(function(_param, ref) {
|
|
|
12009
12010
|
children: [
|
|
12010
12011
|
children,
|
|
12011
12012
|
/* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SheetPrimitive.Close, {
|
|
12012
|
-
className: "absolute right-4 top-4 rounded-
|
|
12013
|
+
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
12014
|
children: [
|
|
12014
12015
|
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react12.X, {
|
|
12015
12016
|
className: "h-4 w-4"
|
|
@@ -12072,7 +12073,7 @@ function Skeleton(_param) {
|
|
|
12072
12073
|
"animate"
|
|
12073
12074
|
]);
|
|
12074
12075
|
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", _object_spread({
|
|
12075
|
-
className: cn("rounded-
|
|
12076
|
+
className: cn("rounded-sm bg-Colors-Background-Normal-Secondary-Default", className, animate && "animate-pulse")
|
|
12076
12077
|
}, props));
|
|
12077
12078
|
}
|
|
12078
12079
|
// src/components/slider.tsx
|
|
@@ -12085,7 +12086,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
12085
12086
|
"size"
|
|
12086
12087
|
]);
|
|
12087
12088
|
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
|
|
12088
|
-
className: "w-full p-3 flex justify-center items-center h-10 rounded-
|
|
12089
|
+
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
12090
|
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
12090
12091
|
ref: ref,
|
|
12091
12092
|
className: cn("relative flex w-full touch-none select-none items-center", className)
|
|
@@ -12098,7 +12099,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
12098
12099
|
})
|
|
12099
12100
|
}),
|
|
12100
12101
|
/* @__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
|
|
12102
|
+
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
12103
|
})
|
|
12103
12104
|
]
|
|
12104
12105
|
}))
|
|
@@ -12123,7 +12124,7 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
12123
12124
|
className: "flex w-full items-center space-x-1.5",
|
|
12124
12125
|
children: [
|
|
12125
12126
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
|
|
12126
|
-
className: cn("w-full p-3 flex justify-center items-center h-10 rounded-
|
|
12127
|
+
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
12128
|
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
12128
12129
|
ref: ref,
|
|
12129
12130
|
className: cn("relative flex w-full touch-none select-none items-center", className),
|
|
@@ -12148,13 +12149,13 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
12148
12149
|
})
|
|
12149
12150
|
}),
|
|
12150
12151
|
/* @__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
|
|
12152
|
+
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
12153
|
})
|
|
12153
12154
|
]
|
|
12154
12155
|
}))
|
|
12155
12156
|
}),
|
|
12156
12157
|
settable && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
|
|
12157
|
-
className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-
|
|
12158
|
+
className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-md",
|
|
12158
12159
|
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(NumberInput, {
|
|
12159
12160
|
value: value1,
|
|
12160
12161
|
min: props === null || props === void 0 ? void 0 : props.min,
|
|
@@ -12399,12 +12400,12 @@ var tabListVariants = (0, import_class_variance_authority18.cva)("relative inlin
|
|
|
12399
12400
|
{
|
|
12400
12401
|
rounded: "default",
|
|
12401
12402
|
size: "lg",
|
|
12402
|
-
className: "rounded-
|
|
12403
|
+
className: "rounded-sm"
|
|
12403
12404
|
},
|
|
12404
12405
|
{
|
|
12405
12406
|
rounded: "default",
|
|
12406
12407
|
size: "md",
|
|
12407
|
-
className: "rounded-
|
|
12408
|
+
className: "rounded-sm"
|
|
12408
12409
|
},
|
|
12409
12410
|
{
|
|
12410
12411
|
rounded: "default",
|
|
@@ -12449,12 +12450,12 @@ var tabVariants = (0, import_class_variance_authority18.cva)("relative inline-fl
|
|
|
12449
12450
|
{
|
|
12450
12451
|
rounded: "default",
|
|
12451
12452
|
size: "lg",
|
|
12452
|
-
className: "rounded-
|
|
12453
|
+
className: "rounded-sm"
|
|
12453
12454
|
},
|
|
12454
12455
|
{
|
|
12455
12456
|
rounded: "default",
|
|
12456
12457
|
size: "md",
|
|
12457
|
-
className: "rounded-
|
|
12458
|
+
className: "rounded-sm"
|
|
12458
12459
|
},
|
|
12459
12460
|
{
|
|
12460
12461
|
rounded: "default",
|
|
@@ -12640,7 +12641,7 @@ var Textarea = React38.forwardRef(function(_param, ref) {
|
|
|
12640
12641
|
className: "relative",
|
|
12641
12642
|
children: [
|
|
12642
12643
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("textarea", _object_spread({
|
|
12643
|
-
className: cn("w-full min-h-[123px] p-3 pb-10 rounded-
|
|
12644
|
+
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
12645
|
ref: ref,
|
|
12645
12646
|
maxLength: maxLength,
|
|
12646
12647
|
value: value1
|
|
@@ -12674,7 +12675,7 @@ var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
|
|
|
12674
12675
|
var import_class_variance_authority19 = require("class-variance-authority");
|
|
12675
12676
|
var React39 = __toESM(require("react"), 1);
|
|
12676
12677
|
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
12677
|
-
var toggleVariants = (0, import_class_variance_authority19.cva)("inline-flex items-center justify-center rounded-
|
|
12678
|
+
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
12679
|
variants: {
|
|
12679
12680
|
variant: {
|
|
12680
12681
|
default: "bg-transparent",
|
|
@@ -12725,7 +12726,7 @@ var ToggleGroup = React40.forwardRef(function(_param, ref) {
|
|
|
12725
12726
|
]);
|
|
12726
12727
|
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ToggleGroupPrimitive.Root, _object_spread_props(_object_spread({
|
|
12727
12728
|
ref: ref,
|
|
12728
|
-
className: cn("flex items-center justify-center gap-1 p-0.5 rounded-
|
|
12729
|
+
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
12730
|
}, props), {
|
|
12730
12731
|
children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(ToggleGroupContext.Provider, {
|
|
12731
12732
|
value: {
|
|
@@ -12793,7 +12794,7 @@ var ToastViewport = React41.forwardRef(function(_param, ref) {
|
|
|
12793
12794
|
}, props));
|
|
12794
12795
|
});
|
|
12795
12796
|
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-
|
|
12797
|
+
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
12798
|
variants: {
|
|
12798
12799
|
variant: {
|
|
12799
12800
|
info: "bg-Colors-Background-Normal-Primary-Default p-4",
|
|
@@ -12839,7 +12840,7 @@ var ToastAction = React41.forwardRef(function(_param, ref) {
|
|
|
12839
12840
|
]);
|
|
12840
12841
|
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ToastPrimitives.Action, _object_spread({
|
|
12841
12842
|
ref: ref,
|
|
12842
|
-
className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-
|
|
12843
|
+
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
12844
|
}, props));
|
|
12844
12845
|
});
|
|
12845
12846
|
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
@@ -12849,7 +12850,7 @@ var ToastClose = React41.forwardRef(function(_param, ref) {
|
|
|
12849
12850
|
]);
|
|
12850
12851
|
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(ToastPrimitives.Close, _object_spread_props(_object_spread({
|
|
12851
12852
|
ref: ref,
|
|
12852
|
-
className: cn("absolute right-4 top-4 rounded-
|
|
12853
|
+
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
12854
|
"toast-close": ""
|
|
12854
12855
|
}, props), {
|
|
12855
12856
|
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_XMarkIcon3.default, {
|
|
@@ -13189,10 +13190,10 @@ var swiperVariants = (0, import_class_variance_authority21.cva)("", {
|
|
|
13189
13190
|
variants: {
|
|
13190
13191
|
rounded: {
|
|
13191
13192
|
none: "rounded-none",
|
|
13192
|
-
sm: "rounded-
|
|
13193
|
+
sm: "rounded-xxs",
|
|
13193
13194
|
default: "rounded",
|
|
13194
|
-
md: "rounded-
|
|
13195
|
-
lg: "rounded-
|
|
13195
|
+
md: "rounded-sm",
|
|
13196
|
+
lg: "rounded-md",
|
|
13196
13197
|
xl: "rounded-xl",
|
|
13197
13198
|
"2xl": "rounded-2xl",
|
|
13198
13199
|
"3xl": "rounded-3xl",
|