myshell-react-lib 0.1.17 → 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/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4689,10 +4689,10 @@ var imageVariants = cva4("", {
|
|
|
4689
4689
|
variants: {
|
|
4690
4690
|
rounded: {
|
|
4691
4691
|
none: "rounded-none",
|
|
4692
|
-
sm: "rounded-
|
|
4692
|
+
sm: "rounded-xxs",
|
|
4693
4693
|
default: "rounded",
|
|
4694
|
-
md: "rounded-
|
|
4695
|
-
lg: "rounded-
|
|
4694
|
+
md: "rounded-sm",
|
|
4695
|
+
lg: "rounded-md",
|
|
4696
4696
|
xl: "rounded-xl",
|
|
4697
4697
|
"2xl": "rounded-2xl",
|
|
4698
4698
|
"3xl": "rounded-3xl",
|
|
@@ -4743,7 +4743,7 @@ function Image2(_param) {
|
|
|
4743
4743
|
}
|
|
4744
4744
|
// src/components/button/button.styles.ts
|
|
4745
4745
|
import { cva as cva5 } from "class-variance-authority";
|
|
4746
|
-
var BASE_BUTTON = "relative shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
4746
|
+
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";
|
|
4747
4747
|
var SIZE_CLASSES = {
|
|
4748
4748
|
lg: {
|
|
4749
4749
|
base: "h-11",
|
|
@@ -4788,7 +4788,7 @@ var VARIANT_BASE = {
|
|
|
4788
4788
|
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",
|
|
4789
4789
|
link: "",
|
|
4790
4790
|
plain: "",
|
|
4791
|
-
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",
|
|
4791
|
+
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",
|
|
4792
4792
|
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"
|
|
4793
4793
|
};
|
|
4794
4794
|
var SPECIAL_LAYOUTS = {
|
|
@@ -4967,7 +4967,7 @@ var buttonVariants = cva5(BASE_BUTTON, {
|
|
|
4967
4967
|
size: "lg"
|
|
4968
4968
|
}
|
|
4969
4969
|
});
|
|
4970
|
-
var iconVariants2 = cva5("relative shrink-0 text-inherit inline-flex items-center justify-center whitespace-nowrap transition-colors
|
|
4970
|
+
var iconVariants2 = cva5("relative shrink-0 text-inherit inline-flex items-center justify-center whitespace-nowrap transition-colors", {
|
|
4971
4971
|
variants: {
|
|
4972
4972
|
variant: {
|
|
4973
4973
|
primary: "",
|
|
@@ -5134,7 +5134,7 @@ var AlertDialogTrigger = React7.forwardRef(function(_param, ref) {
|
|
|
5134
5134
|
]);
|
|
5135
5135
|
return /* @__PURE__ */ jsx9(AlertDialogPrimitive.Trigger, _object_spread({
|
|
5136
5136
|
ref: ref,
|
|
5137
|
-
className: cn("
|
|
5137
|
+
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)
|
|
5138
5138
|
}, props));
|
|
5139
5139
|
});
|
|
5140
5140
|
AlertDialogTrigger.displayName = AlertDialogPrimitive.Trigger.displayName;
|
|
@@ -5158,7 +5158,7 @@ var AlertDialogContent = React7.forwardRef(function(_param, ref) {
|
|
|
5158
5158
|
/* @__PURE__ */ jsx9(AlertDialogOverlay, {}),
|
|
5159
5159
|
/* @__PURE__ */ jsx9(AlertDialogPrimitive.Content, _object_spread({
|
|
5160
5160
|
ref: ref,
|
|
5161
|
-
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%]
|
|
5161
|
+
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)
|
|
5162
5162
|
}, props))
|
|
5163
5163
|
]
|
|
5164
5164
|
});
|
|
@@ -5462,7 +5462,7 @@ var PopoverContent = React8.forwardRef(function(_param, ref) {
|
|
|
5462
5462
|
arrowPadding: arrowPadding,
|
|
5463
5463
|
side: side,
|
|
5464
5464
|
forceMount: true,
|
|
5465
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-
|
|
5465
|
+
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)
|
|
5466
5466
|
}, props), {
|
|
5467
5467
|
children: [
|
|
5468
5468
|
children,
|
|
@@ -5641,7 +5641,7 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
5641
5641
|
sideOffset: sideOffset,
|
|
5642
5642
|
alignOffset: alignOffset,
|
|
5643
5643
|
side: side,
|
|
5644
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-
|
|
5644
|
+
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)
|
|
5645
5645
|
}, props), {
|
|
5646
5646
|
children: [
|
|
5647
5647
|
props.children,
|
|
@@ -5657,14 +5657,14 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
5657
5657
|
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
5658
5658
|
// src/components/button/icon-button.styles.ts
|
|
5659
5659
|
import { cva as cva6 } from "class-variance-authority";
|
|
5660
|
-
var iconButtonVariants = cva6("shrink-0 inline-flex items-center justify-center whitespace-nowrap rounded-
|
|
5660
|
+
var iconButtonVariants = cva6("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", {
|
|
5661
5661
|
variants: {
|
|
5662
5662
|
variant: {
|
|
5663
5663
|
primary: "",
|
|
5664
5664
|
secondary: "border shadow-none",
|
|
5665
5665
|
tertiary: "border shadow-none",
|
|
5666
5666
|
plain: "",
|
|
5667
|
-
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",
|
|
5667
|
+
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",
|
|
5668
5668
|
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",
|
|
5669
5669
|
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"
|
|
5670
5670
|
},
|
|
@@ -5924,11 +5924,11 @@ var avatarVariants = cva7("relative flex shrink-0 overflow-hidden bg-Colors-Back
|
|
|
5924
5924
|
size: {
|
|
5925
5925
|
xs: "w-5 h-5 rounded",
|
|
5926
5926
|
// 20 4
|
|
5927
|
-
sm: "w-6 h-6 rounded-
|
|
5927
|
+
sm: "w-6 h-6 rounded-sm",
|
|
5928
5928
|
// 24 6
|
|
5929
|
-
md: "w-8 h-8 rounded-
|
|
5929
|
+
md: "w-8 h-8 rounded-md",
|
|
5930
5930
|
// 32 8
|
|
5931
|
-
lg: "w-9 h-9 rounded-
|
|
5931
|
+
lg: "w-9 h-9 rounded-md",
|
|
5932
5932
|
// 36 8
|
|
5933
5933
|
xl: "w-12 h-12 rounded-xl",
|
|
5934
5934
|
// 48 10 no
|
|
@@ -6073,7 +6073,7 @@ var DropdownMenuSubTrigger = React13.forwardRef(function(_param, ref) {
|
|
|
6073
6073
|
]);
|
|
6074
6074
|
return /* @__PURE__ */ jsxs7(DropdownMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
6075
6075
|
ref: ref,
|
|
6076
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
6076
|
+
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)
|
|
6077
6077
|
}, props), {
|
|
6078
6078
|
children: [
|
|
6079
6079
|
children,
|
|
@@ -6113,7 +6113,7 @@ var DropdownMenuItem = React13.forwardRef(function(_param, ref) {
|
|
|
6113
6113
|
]);
|
|
6114
6114
|
return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Item, _object_spread({
|
|
6115
6115
|
ref: ref,
|
|
6116
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6116
|
+
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)
|
|
6117
6117
|
}, props));
|
|
6118
6118
|
});
|
|
6119
6119
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
@@ -6125,7 +6125,7 @@ var DropdownMenuCheckboxItem = React13.forwardRef(function(_param, ref) {
|
|
|
6125
6125
|
]);
|
|
6126
6126
|
return /* @__PURE__ */ jsxs7(DropdownMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
6127
6127
|
ref: ref,
|
|
6128
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6128
|
+
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),
|
|
6129
6129
|
checked: checked
|
|
6130
6130
|
}, props), {
|
|
6131
6131
|
children: [
|
|
@@ -6149,7 +6149,7 @@ var DropdownMenuRadioItem = React13.forwardRef(function(_param, ref) {
|
|
|
6149
6149
|
]);
|
|
6150
6150
|
return /* @__PURE__ */ jsxs7(DropdownMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
6151
6151
|
ref: ref,
|
|
6152
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6152
|
+
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)
|
|
6153
6153
|
}, props), {
|
|
6154
6154
|
children: [
|
|
6155
6155
|
/* @__PURE__ */ jsx19("span", {
|
|
@@ -6219,13 +6219,13 @@ var CheckIcon = function(param) {
|
|
|
6219
6219
|
})
|
|
6220
6220
|
});
|
|
6221
6221
|
};
|
|
6222
|
-
var checkboxVariants = cva9("peer w-5 h-5 shrink-0 border-[1.5px] border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover data-[state=checked]:border-cc-Check-Box-bg-default
|
|
6222
|
+
var checkboxVariants = cva9("peer w-5 h-5 shrink-0 border-[1.5px] border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover data-[state=checked]:border-cc-Check-Box-bg-default hover:disabled:border-cc-Check-Box-border-disabled disabled:data-[state=checked]:border-cc-Check-Box-border-default focus-visible:border-cc-Check-Box-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:bg-cc-Check-Box-bg-disabled disabled:cursor-not-allowed data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:bg-cc-Check-Box-bg-disabled rounded-xxs overflow-hidden flex items-center justify-center text-current", {
|
|
6223
6223
|
variants: {
|
|
6224
6224
|
variant: {
|
|
6225
|
-
checkbox: "rounded-
|
|
6225
|
+
checkbox: "rounded-xxs",
|
|
6226
6226
|
circle: "rounded-full",
|
|
6227
|
-
radio: "rounded-full",
|
|
6228
|
-
|
|
6227
|
+
radio: "rounded-full disabled:data-[state=checked]:border-none disabled:data-[state=checked]:bg-cc-Check-Box-border-disabled",
|
|
6228
|
+
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"
|
|
6229
6229
|
}
|
|
6230
6230
|
},
|
|
6231
6231
|
defaultVariants: {
|
|
@@ -6253,10 +6253,11 @@ var Checkbox = React14.forwardRef(function(_param, ref) {
|
|
|
6253
6253
|
}))
|
|
6254
6254
|
}, props), {
|
|
6255
6255
|
children: /* @__PURE__ */ jsx21(CheckboxPrimitive.Indicator, {
|
|
6256
|
+
className: cn(variant === "radio" && "[&>div]:data-[disabled]:bg-cc-Check-Box-bg-disabled"),
|
|
6256
6257
|
children: variant === "radio" ? /* @__PURE__ */ jsx21("div", {
|
|
6257
|
-
className: "w-2 h-2
|
|
6258
|
+
className: cn("w-2 h-2 rounded-full")
|
|
6258
6259
|
}) : /* @__PURE__ */ jsx21(CheckIcon, {
|
|
6259
|
-
className: "w-3 h-3 stroke-
|
|
6260
|
+
className: "w-3 h-3 stroke-current"
|
|
6260
6261
|
})
|
|
6261
6262
|
})
|
|
6262
6263
|
})),
|
|
@@ -6292,7 +6293,7 @@ var DialogTrigger = React15.forwardRef(function(_param, ref) {
|
|
|
6292
6293
|
]);
|
|
6293
6294
|
return /* @__PURE__ */ jsx22(DialogPrimitive.Trigger, _object_spread({
|
|
6294
6295
|
ref: ref,
|
|
6295
|
-
className: cn("
|
|
6296
|
+
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)
|
|
6296
6297
|
}, props));
|
|
6297
6298
|
});
|
|
6298
6299
|
DialogTrigger.displayName = DialogPrimitive.Trigger.displayName;
|
|
@@ -6327,7 +6328,7 @@ var DialogContent = React15.forwardRef(function(_param, ref) {
|
|
|
6327
6328
|
}),
|
|
6328
6329
|
/* @__PURE__ */ jsxs10(DialogPrimitive.Content, _object_spread_props(_object_spread({
|
|
6329
6330
|
ref: ref,
|
|
6330
|
-
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%]
|
|
6331
|
+
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)
|
|
6331
6332
|
}, props), {
|
|
6332
6333
|
children: [
|
|
6333
6334
|
children,
|
|
@@ -6398,7 +6399,7 @@ var Command = React16.forwardRef(function(_param, ref) {
|
|
|
6398
6399
|
]);
|
|
6399
6400
|
return /* @__PURE__ */ jsx23(CommandPrimitive, _object_spread({
|
|
6400
6401
|
ref: ref,
|
|
6401
|
-
className: cn("flex h-full w-full flex-col overflow-hidden rounded-
|
|
6402
|
+
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)
|
|
6402
6403
|
}, props));
|
|
6403
6404
|
});
|
|
6404
6405
|
Command.displayName = CommandPrimitive.displayName;
|
|
@@ -6429,7 +6430,7 @@ var CommandInput = React16.forwardRef(function(_param, ref) {
|
|
|
6429
6430
|
}),
|
|
6430
6431
|
/* @__PURE__ */ jsx23(CommandPrimitive.Input, _object_spread({
|
|
6431
6432
|
ref: ref,
|
|
6432
|
-
className: cn("flex h-11 w-full rounded-
|
|
6433
|
+
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)
|
|
6433
6434
|
}, props))
|
|
6434
6435
|
]
|
|
6435
6436
|
});
|
|
@@ -6478,7 +6479,7 @@ var CommandItem = React16.forwardRef(function(_param, ref) {
|
|
|
6478
6479
|
]);
|
|
6479
6480
|
return /* @__PURE__ */ jsx23(CommandPrimitive.Item, _object_spread({
|
|
6480
6481
|
ref: ref,
|
|
6481
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6482
|
+
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)
|
|
6482
6483
|
}, props));
|
|
6483
6484
|
});
|
|
6484
6485
|
CommandItem.displayName = CommandPrimitive.Item.displayName;
|
|
@@ -6510,7 +6511,7 @@ var ContextMenuSubTrigger = React17.forwardRef(function(_param, ref) {
|
|
|
6510
6511
|
]);
|
|
6511
6512
|
return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
6512
6513
|
ref: ref,
|
|
6513
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
6514
|
+
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)
|
|
6514
6515
|
}, props), {
|
|
6515
6516
|
children: [
|
|
6516
6517
|
children,
|
|
@@ -6550,7 +6551,7 @@ var ContextMenuItem = React17.forwardRef(function(_param, ref) {
|
|
|
6550
6551
|
]);
|
|
6551
6552
|
return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Item, _object_spread({
|
|
6552
6553
|
ref: ref,
|
|
6553
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6554
|
+
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)
|
|
6554
6555
|
}, props));
|
|
6555
6556
|
});
|
|
6556
6557
|
ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
|
|
@@ -6562,7 +6563,7 @@ var ContextMenuCheckboxItem = React17.forwardRef(function(_param, ref) {
|
|
|
6562
6563
|
]);
|
|
6563
6564
|
return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
6564
6565
|
ref: ref,
|
|
6565
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6566
|
+
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),
|
|
6566
6567
|
checked: checked
|
|
6567
6568
|
}, props), {
|
|
6568
6569
|
children: [
|
|
@@ -6586,7 +6587,7 @@ var ContextMenuRadioItem = React17.forwardRef(function(_param, ref) {
|
|
|
6586
6587
|
]);
|
|
6587
6588
|
return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
6588
6589
|
ref: ref,
|
|
6589
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
6590
|
+
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)
|
|
6590
6591
|
}, props), {
|
|
6591
6592
|
children: [
|
|
6592
6593
|
/* @__PURE__ */ jsx24("span", {
|
|
@@ -7009,10 +7010,10 @@ var Input = React21.forwardRef(function(_param, ref) {
|
|
|
7009
7010
|
variants: {
|
|
7010
7011
|
rounded: {
|
|
7011
7012
|
none: "rounded-none",
|
|
7012
|
-
sm: "rounded-
|
|
7013
|
+
sm: "rounded-xxs",
|
|
7013
7014
|
default: "rounded",
|
|
7014
|
-
md: "rounded-
|
|
7015
|
-
lg: "rounded-
|
|
7015
|
+
md: "rounded-sm",
|
|
7016
|
+
lg: "rounded-md",
|
|
7016
7017
|
xl: "rounded-xl",
|
|
7017
7018
|
"2xl": "rounded-2xl",
|
|
7018
7019
|
"3xl": "rounded-3xl",
|
|
@@ -7051,7 +7052,7 @@ var Input = React21.forwardRef(function(_param, ref) {
|
|
|
7051
7052
|
});
|
|
7052
7053
|
return /* @__PURE__ */ jsx30("input", _object_spread({
|
|
7053
7054
|
type: type,
|
|
7054
|
-
className: cn("flex space-x-2 p-3 text-base text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest
|
|
7055
|
+
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({
|
|
7055
7056
|
rounded: rounded,
|
|
7056
7057
|
size: size,
|
|
7057
7058
|
border: border,
|
|
@@ -7259,7 +7260,7 @@ var Menubar = React23.forwardRef(function(_param, ref) {
|
|
|
7259
7260
|
]);
|
|
7260
7261
|
return /* @__PURE__ */ jsx33(MenubarPrimitive.Root, _object_spread({
|
|
7261
7262
|
ref: ref,
|
|
7262
|
-
className: cn("flex h-10 items-center space-x-1 rounded-
|
|
7263
|
+
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)
|
|
7263
7264
|
}, props));
|
|
7264
7265
|
});
|
|
7265
7266
|
Menubar.displayName = MenubarPrimitive.Root.displayName;
|
|
@@ -7269,7 +7270,7 @@ var MenubarTrigger = React23.forwardRef(function(_param, ref) {
|
|
|
7269
7270
|
]);
|
|
7270
7271
|
return /* @__PURE__ */ jsx33(MenubarPrimitive.Trigger, _object_spread({
|
|
7271
7272
|
ref: ref,
|
|
7272
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
7273
|
+
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)
|
|
7273
7274
|
}, props));
|
|
7274
7275
|
});
|
|
7275
7276
|
MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
|
|
@@ -7281,7 +7282,7 @@ var MenubarSubTrigger = React23.forwardRef(function(_param, ref) {
|
|
|
7281
7282
|
]);
|
|
7282
7283
|
return /* @__PURE__ */ jsxs16(MenubarPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
7283
7284
|
ref: ref,
|
|
7284
|
-
className: cn("flex cursor-default select-none items-center rounded-
|
|
7285
|
+
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)
|
|
7285
7286
|
}, props), {
|
|
7286
7287
|
children: [
|
|
7287
7288
|
children,
|
|
@@ -7298,7 +7299,7 @@ var MenubarSubContent = React23.forwardRef(function(_param, ref) {
|
|
|
7298
7299
|
]);
|
|
7299
7300
|
return /* @__PURE__ */ jsx33(MenubarPrimitive.SubContent, _object_spread({
|
|
7300
7301
|
ref: ref,
|
|
7301
|
-
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-
|
|
7302
|
+
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)
|
|
7302
7303
|
}, props));
|
|
7303
7304
|
});
|
|
7304
7305
|
MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
|
|
@@ -7315,7 +7316,7 @@ var MenubarContent = React23.forwardRef(function(_param, ref) {
|
|
|
7315
7316
|
align: align,
|
|
7316
7317
|
alignOffset: alignOffset,
|
|
7317
7318
|
sideOffset: sideOffset,
|
|
7318
|
-
className: cn("z-50 min-w-[12rem] overflow-hidden rounded-
|
|
7319
|
+
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)
|
|
7319
7320
|
}, props))
|
|
7320
7321
|
});
|
|
7321
7322
|
});
|
|
@@ -7327,7 +7328,7 @@ var MenubarItem = React23.forwardRef(function(_param, ref) {
|
|
|
7327
7328
|
]);
|
|
7328
7329
|
return /* @__PURE__ */ jsx33(MenubarPrimitive.Item, _object_spread({
|
|
7329
7330
|
ref: ref,
|
|
7330
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7331
|
+
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)
|
|
7331
7332
|
}, props));
|
|
7332
7333
|
});
|
|
7333
7334
|
MenubarItem.displayName = MenubarPrimitive.Item.displayName;
|
|
@@ -7339,7 +7340,7 @@ var MenubarCheckboxItem = React23.forwardRef(function(_param, ref) {
|
|
|
7339
7340
|
]);
|
|
7340
7341
|
return /* @__PURE__ */ jsxs16(MenubarPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
7341
7342
|
ref: ref,
|
|
7342
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7343
|
+
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),
|
|
7343
7344
|
checked: checked
|
|
7344
7345
|
}, props), {
|
|
7345
7346
|
children: [
|
|
@@ -7363,7 +7364,7 @@ var MenubarRadioItem = React23.forwardRef(function(_param, ref) {
|
|
|
7363
7364
|
]);
|
|
7364
7365
|
return /* @__PURE__ */ jsxs16(MenubarPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
7365
7366
|
ref: ref,
|
|
7366
|
-
className: cn("relative flex cursor-default select-none items-center rounded-
|
|
7367
|
+
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)
|
|
7367
7368
|
}, props), {
|
|
7368
7369
|
children: [
|
|
7369
7370
|
/* @__PURE__ */ jsx33("span", {
|
|
@@ -7854,9 +7855,9 @@ ModalTitle.displayName = DialogPrimitive2.Title.displayName;
|
|
|
7854
7855
|
var modalVariants = cva13("", {
|
|
7855
7856
|
variants: {
|
|
7856
7857
|
size: {
|
|
7857
|
-
lg: "w-[
|
|
7858
|
-
md: "w-[620px] max-h-[
|
|
7859
|
-
sm: "w-[380px] max-h-[
|
|
7858
|
+
lg: "w-[720px] max-h-[600px]",
|
|
7859
|
+
md: "w-[620px] max-h-[600px]",
|
|
7860
|
+
sm: "w-[380px] max-h-[600px]"
|
|
7860
7861
|
},
|
|
7861
7862
|
zIndex: {
|
|
7862
7863
|
9: "z-[9]",
|
|
@@ -8146,7 +8147,7 @@ import { cva as cva14 } from "class-variance-authority";
|
|
|
8146
8147
|
import * as React28 from "react";
|
|
8147
8148
|
import { useEffect as useEffect9 } from "react";
|
|
8148
8149
|
import { jsx as jsx36, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
8149
|
-
var searchBarVariants = cva14("rounded-
|
|
8150
|
+
var searchBarVariants = cva14("rounded-sm", {
|
|
8150
8151
|
variants: {
|
|
8151
8152
|
size: {
|
|
8152
8153
|
md: "h-11",
|
|
@@ -10681,7 +10682,7 @@ var RadioGroupItem = React30.forwardRef(function(_param, ref) {
|
|
|
10681
10682
|
]);
|
|
10682
10683
|
return /* @__PURE__ */ jsx42(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
|
|
10683
10684
|
ref: ref,
|
|
10684
|
-
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
|
|
10685
|
+
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)
|
|
10685
10686
|
}, props), {
|
|
10686
10687
|
children: /* @__PURE__ */ jsx42(RadioGroupPrimitive.Indicator, {
|
|
10687
10688
|
className: "flex items-center justify-center",
|
|
@@ -11084,7 +11085,7 @@ var SelectTrigger = React33.forwardRef(function(_param, ref) {
|
|
|
11084
11085
|
]);
|
|
11085
11086
|
return /* @__PURE__ */ jsxs26(SelectPrimitive.Trigger, _object_spread_props(_object_spread({
|
|
11086
11087
|
ref: ref,
|
|
11087
|
-
className: cn("flex h-10 w-full items-center justify-between rounded-
|
|
11088
|
+
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)
|
|
11088
11089
|
}, props), {
|
|
11089
11090
|
children: [
|
|
11090
11091
|
children,
|
|
@@ -11135,7 +11136,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
|
|
|
11135
11136
|
return /* @__PURE__ */ jsx47(SelectPrimitive.Portal, {
|
|
11136
11137
|
children: /* @__PURE__ */ jsx47(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
11137
11138
|
ref: ref,
|
|
11138
|
-
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-
|
|
11139
|
+
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),
|
|
11139
11140
|
position: position
|
|
11140
11141
|
}, props), {
|
|
11141
11142
|
children: /* @__PURE__ */ jsx47(SelectPrimitive.Viewport, {
|
|
@@ -11164,7 +11165,7 @@ function SelectIcon(props) {
|
|
|
11164
11165
|
return /* @__PURE__ */ jsx47(SelectPrimitive.Icon, {
|
|
11165
11166
|
children: typeof icon === "string" ? // 如果是字符串URL，作为背景图片显示
|
|
11166
11167
|
/* @__PURE__ */ jsx47("div", {
|
|
11167
|
-
className: cn("aspect-[20/20] w-5 h-5 relative bg-cover bg-no-repeat rounded-
|
|
11168
|
+
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"),
|
|
11168
11169
|
style: {
|
|
11169
11170
|
backgroundImage: "url('".concat(icon, "')")
|
|
11170
11171
|
}
|
|
@@ -11191,7 +11192,7 @@ var SelectItem = React33.forwardRef(function(_param, ref) {
|
|
|
11191
11192
|
]);
|
|
11192
11193
|
return /* @__PURE__ */ jsxs26(SelectPrimitive.Item, _object_spread_props(_object_spread({
|
|
11193
11194
|
ref: ref,
|
|
11194
|
-
className: cn("relative flex justify-between w-full text-sm cursor-pointer select-none items-center rounded-
|
|
11195
|
+
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)
|
|
11195
11196
|
}, props), {
|
|
11196
11197
|
children: [
|
|
11197
11198
|
/* @__PURE__ */ jsxs26("span", {
|
|
@@ -11280,7 +11281,7 @@ var SheetContent = React34.forwardRef(function(_param, ref) {
|
|
|
11280
11281
|
children: [
|
|
11281
11282
|
children,
|
|
11282
11283
|
/* @__PURE__ */ jsxs27(SheetPrimitive.Close, {
|
|
11283
|
-
className: "absolute right-4 top-4 rounded-
|
|
11284
|
+
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",
|
|
11284
11285
|
children: [
|
|
11285
11286
|
/* @__PURE__ */ jsx48(X2, {
|
|
11286
11287
|
className: "h-4 w-4"
|
|
@@ -11343,7 +11344,7 @@ function Skeleton(_param) {
|
|
|
11343
11344
|
"animate"
|
|
11344
11345
|
]);
|
|
11345
11346
|
return /* @__PURE__ */ jsx49("div", _object_spread({
|
|
11346
|
-
className: cn("rounded-
|
|
11347
|
+
className: cn("rounded-sm bg-Colors-Background-Normal-Secondary-Default", className, animate && "animate-pulse")
|
|
11347
11348
|
}, props));
|
|
11348
11349
|
}
|
|
11349
11350
|
// src/components/slider.tsx
|
|
@@ -11356,7 +11357,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
11356
11357
|
"size"
|
|
11357
11358
|
]);
|
|
11358
11359
|
return /* @__PURE__ */ jsx50("div", {
|
|
11359
|
-
className: "w-full p-3 flex justify-center items-center h-10 rounded-
|
|
11360
|
+
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",
|
|
11360
11361
|
children: /* @__PURE__ */ jsxs28(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
11361
11362
|
ref: ref,
|
|
11362
11363
|
className: cn("relative flex w-full touch-none select-none items-center", className)
|
|
@@ -11369,7 +11370,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
11369
11370
|
})
|
|
11370
11371
|
}),
|
|
11371
11372
|
/* @__PURE__ */ jsx50(SliderPrimitive.Thumb, {
|
|
11372
|
-
className: cn("block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default
|
|
11373
|
+
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]")
|
|
11373
11374
|
})
|
|
11374
11375
|
]
|
|
11375
11376
|
}))
|
|
@@ -11394,7 +11395,7 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
11394
11395
|
className: "flex w-full items-center space-x-1.5",
|
|
11395
11396
|
children: [
|
|
11396
11397
|
/* @__PURE__ */ jsx50("div", {
|
|
11397
|
-
className: cn("w-full p-3 flex justify-center items-center h-10 rounded-
|
|
11398
|
+
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),
|
|
11398
11399
|
children: /* @__PURE__ */ jsxs28(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
11399
11400
|
ref: ref,
|
|
11400
11401
|
className: cn("relative flex w-full touch-none select-none items-center", className),
|
|
@@ -11419,13 +11420,13 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
11419
11420
|
})
|
|
11420
11421
|
}),
|
|
11421
11422
|
/* @__PURE__ */ jsx50(SliderPrimitive.Thumb, {
|
|
11422
|
-
className: cn("cursor-pointer block rounded-full border-Colors-Utility-Lake-Blue-40 bg-Colors-Background-Normal-Primary-Default
|
|
11423
|
+
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)
|
|
11423
11424
|
})
|
|
11424
11425
|
]
|
|
11425
11426
|
}))
|
|
11426
11427
|
}),
|
|
11427
11428
|
settable && /* @__PURE__ */ jsx50("div", {
|
|
11428
|
-
className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-
|
|
11429
|
+
className: "flex-shrink-0 w-14 h-9 flex justify-center items-center rounded-md",
|
|
11429
11430
|
children: /* @__PURE__ */ jsx50(NumberInput, {
|
|
11430
11431
|
value: value1,
|
|
11431
11432
|
min: props === null || props === void 0 ? void 0 : props.min,
|
|
@@ -11670,12 +11671,12 @@ var tabListVariants = cva18("relative inline-flex items-center justify-center ov
|
|
|
11670
11671
|
{
|
|
11671
11672
|
rounded: "default",
|
|
11672
11673
|
size: "lg",
|
|
11673
|
-
className: "rounded-
|
|
11674
|
+
className: "rounded-sm"
|
|
11674
11675
|
},
|
|
11675
11676
|
{
|
|
11676
11677
|
rounded: "default",
|
|
11677
11678
|
size: "md",
|
|
11678
|
-
className: "rounded-
|
|
11679
|
+
className: "rounded-sm"
|
|
11679
11680
|
},
|
|
11680
11681
|
{
|
|
11681
11682
|
rounded: "default",
|
|
@@ -11720,12 +11721,12 @@ var tabVariants = cva18("relative inline-flex w-full h-full items-center justify
|
|
|
11720
11721
|
{
|
|
11721
11722
|
rounded: "default",
|
|
11722
11723
|
size: "lg",
|
|
11723
|
-
className: "rounded-
|
|
11724
|
+
className: "rounded-sm"
|
|
11724
11725
|
},
|
|
11725
11726
|
{
|
|
11726
11727
|
rounded: "default",
|
|
11727
11728
|
size: "md",
|
|
11728
|
-
className: "rounded-
|
|
11729
|
+
className: "rounded-sm"
|
|
11729
11730
|
},
|
|
11730
11731
|
{
|
|
11731
11732
|
rounded: "default",
|
|
@@ -11911,7 +11912,7 @@ var Textarea = React38.forwardRef(function(_param, ref) {
|
|
|
11911
11912
|
className: "relative",
|
|
11912
11913
|
children: [
|
|
11913
11914
|
/* @__PURE__ */ jsx54("textarea", _object_spread({
|
|
11914
|
-
className: cn("w-full min-h-[123px] p-3 pb-10 rounded-
|
|
11915
|
+
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),
|
|
11915
11916
|
ref: ref,
|
|
11916
11917
|
maxLength: maxLength,
|
|
11917
11918
|
value: value1
|
|
@@ -11945,7 +11946,7 @@ import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
|
11945
11946
|
import { cva as cva19 } from "class-variance-authority";
|
|
11946
11947
|
import * as React39 from "react";
|
|
11947
11948
|
import { jsx as jsx55 } from "react/jsx-runtime";
|
|
11948
|
-
var toggleVariants = cva19("inline-flex items-center justify-center rounded-
|
|
11949
|
+
var toggleVariants = cva19("inline-flex items-center justify-center rounded-sm text-sm font-medium ring-offset-white text-Colors-Text-Subtlest hover:bg-slate-100 hover:text-slate-500 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-Colors-Background-Normal-Primary-Active data-[state=on]:text-Colors-Text-Brand-Default [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2 dark:ring-offset-slate-950 dark:hover:bg-slate-800 dark:hover:text-Colors-Text-Brand-Default dark:focus-visible:ring-slate-300 dark:data-[state=on]:bg-Colors-Background-Normal-Primary-Active dark:data-[state=on]:text-Colors-Text-Brand-Default", {
|
|
11949
11950
|
variants: {
|
|
11950
11951
|
variant: {
|
|
11951
11952
|
default: "bg-transparent",
|
|
@@ -11996,7 +11997,7 @@ var ToggleGroup = React40.forwardRef(function(_param, ref) {
|
|
|
11996
11997
|
]);
|
|
11997
11998
|
return /* @__PURE__ */ jsx56(ToggleGroupPrimitive.Root, _object_spread_props(_object_spread({
|
|
11998
11999
|
ref: ref,
|
|
11999
|
-
className: cn("flex items-center justify-center gap-1 p-0.5 rounded-
|
|
12000
|
+
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)
|
|
12000
12001
|
}, props), {
|
|
12001
12002
|
children: /* @__PURE__ */ jsx56(ToggleGroupContext.Provider, {
|
|
12002
12003
|
value: {
|
|
@@ -12064,7 +12065,7 @@ var ToastViewport = React41.forwardRef(function(_param, ref) {
|
|
|
12064
12065
|
}, props));
|
|
12065
12066
|
});
|
|
12066
12067
|
ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
|
|
12067
|
-
var toastVariants = cva20("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-
|
|
12068
|
+
var toastVariants = cva20("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-sm border border-Colors-Border-Opaque p-6 pr-8 shadow-modal-default transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 max-w-md", {
|
|
12068
12069
|
variants: {
|
|
12069
12070
|
variant: {
|
|
12070
12071
|
info: "bg-Colors-Background-Normal-Primary-Default p-4",
|
|
@@ -12110,7 +12111,7 @@ var ToastAction = React41.forwardRef(function(_param, ref) {
|
|
|
12110
12111
|
]);
|
|
12111
12112
|
return /* @__PURE__ */ jsx57(ToastPrimitives.Action, _object_spread({
|
|
12112
12113
|
ref: ref,
|
|
12113
|
-
className: cn("inline-flex h-8 shrink-0 items-center justify-center rounded-
|
|
12114
|
+
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)
|
|
12114
12115
|
}, props));
|
|
12115
12116
|
});
|
|
12116
12117
|
ToastAction.displayName = ToastPrimitives.Action.displayName;
|
|
@@ -12120,7 +12121,7 @@ var ToastClose = React41.forwardRef(function(_param, ref) {
|
|
|
12120
12121
|
]);
|
|
12121
12122
|
return /* @__PURE__ */ jsx57(ToastPrimitives.Close, _object_spread_props(_object_spread({
|
|
12122
12123
|
ref: ref,
|
|
12123
|
-
className: cn("absolute right-4 top-4 rounded-
|
|
12124
|
+
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),
|
|
12124
12125
|
"toast-close": ""
|
|
12125
12126
|
}, props), {
|
|
12126
12127
|
children: /* @__PURE__ */ jsx57(XMarkIcon3, {
|
|
@@ -12460,10 +12461,10 @@ var swiperVariants = cva21("", {
|
|
|
12460
12461
|
variants: {
|
|
12461
12462
|
rounded: {
|
|
12462
12463
|
none: "rounded-none",
|
|
12463
|
-
sm: "rounded-
|
|
12464
|
+
sm: "rounded-xxs",
|
|
12464
12465
|
default: "rounded",
|
|
12465
|
-
md: "rounded-
|
|
12466
|
-
lg: "rounded-
|
|
12466
|
+
md: "rounded-sm",
|
|
12467
|
+
lg: "rounded-md",
|
|
12467
12468
|
xl: "rounded-xl",
|
|
12468
12469
|
"2xl": "rounded-2xl",
|
|
12469
12470
|
"3xl": "rounded-3xl",
|