myshell-react-lib 0.1.14 → 0.1.16
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 +61 -67
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +14 -8
- package/dist/index.d.ts +14 -8
- package/dist/index.js +42 -68
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -4480,6 +4480,12 @@ __export(index_exports, {
|
|
|
4480
4480
|
Progress: function() {
|
|
4481
4481
|
return Progress;
|
|
4482
4482
|
},
|
|
4483
|
+
ProgressIndicator: function() {
|
|
4484
|
+
return ProgressIndicator;
|
|
4485
|
+
},
|
|
4486
|
+
ProgressRoot: function() {
|
|
4487
|
+
return ProgressRoot;
|
|
4488
|
+
},
|
|
4483
4489
|
RadioGroup: function() {
|
|
4484
4490
|
return RadioGroup4;
|
|
4485
4491
|
},
|
|
@@ -4573,6 +4579,9 @@ __export(index_exports, {
|
|
|
4573
4579
|
Slider: function() {
|
|
4574
4580
|
return Slider;
|
|
4575
4581
|
},
|
|
4582
|
+
SliderPrimitive: function() {
|
|
4583
|
+
return SliderPrimitive;
|
|
4584
|
+
},
|
|
4576
4585
|
SliderSingle: function() {
|
|
4577
4586
|
return SliderSingle;
|
|
4578
4587
|
},
|
|
@@ -4600,6 +4609,12 @@ __export(index_exports, {
|
|
|
4600
4609
|
TabsContent: function() {
|
|
4601
4610
|
return TabsContent;
|
|
4602
4611
|
},
|
|
4612
|
+
TabsList: function() {
|
|
4613
|
+
return TabsList;
|
|
4614
|
+
},
|
|
4615
|
+
TabsTrigger: function() {
|
|
4616
|
+
return TabsTrigger;
|
|
4617
|
+
},
|
|
4603
4618
|
Text: function() {
|
|
4604
4619
|
return Text;
|
|
4605
4620
|
},
|
|
@@ -5313,9 +5328,9 @@ var alertVariants = (0, import_class_variance_authority3.cva)("relative rounded-
|
|
|
5313
5328
|
variant: {
|
|
5314
5329
|
default: "bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default",
|
|
5315
5330
|
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
|
|
5316
|
-
warning: "bg-
|
|
5317
|
-
info: "bg-
|
|
5318
|
-
error: "bg-
|
|
5331
|
+
warning: "bg-Colors-Utility-Khaki-5 border-Colors-Utility-Khaki-20 text-Colors-Text-Default",
|
|
5332
|
+
info: "bg-Colors-Utility-Cobalt-5 border-Colors-Utility-Cobalt-20 text-Colors-Text-Default",
|
|
5333
|
+
error: "bg-Colors-Utility-Terracotta-5 border-Colors-Utility-Terracotta-20 text-Colors-Text-Default"
|
|
5319
5334
|
}
|
|
5320
5335
|
},
|
|
5321
5336
|
defaultVariants: {
|
|
@@ -5493,9 +5508,6 @@ var COLOR_THEMES = {
|
|
|
5493
5508
|
error: {
|
|
5494
5509
|
primary: "text-cc-Button-Error-Primary-fg-default bg-cc-Button-Error-Primary-bg-default hover:bg-cc-Button-Error-Primary-bg-hover active:bg-cc-Button-Error-Primary-bg-active disabled:bg-cc-Button-Error-Primary-bg-disabled shadow-none",
|
|
5495
5510
|
secondary: "border-cc-Button-Error-Secondary-border-default text-cc-Button-Error-Secondary-fg-default bg-cc-Button-Error-Secondary-bg-default hover:bg-cc-Button-Error-Secondary-bg-hover active:bg-cc-Button-Error-Secondary-bg-active disabled:text-cc-Button-Error-Secondary-fg-alt disabled:border-cc-Button-Error-Secondary-border-disabled"
|
|
5496
|
-
},
|
|
5497
|
-
chat: {
|
|
5498
|
-
primary: "shadow-none text-Colors-Text-Subtle bg-Colors-Background-Normal-Secondary-Default border border-Colors-Border-Default hover:bg-Colors-Background-Neutral-Primary-Hover active:bg-surface-accent-gray-subtler active:shadow-button-pressed disabled:bg-Colors-Background-Normal-Secondary-Default disabled:text-Colors-Text-Disabled disabled:opacity-100"
|
|
5499
5511
|
}
|
|
5500
5512
|
};
|
|
5501
5513
|
var VARIANT_BASE = {
|
|
@@ -5518,9 +5530,7 @@ var buttonVariants = (0, import_class_variance_authority5.cva)(BASE_BUTTON, {
|
|
|
5518
5530
|
color: {
|
|
5519
5531
|
default: "",
|
|
5520
5532
|
brand: "",
|
|
5521
|
-
error: ""
|
|
5522
|
-
gray: "",
|
|
5523
|
-
chat: ""
|
|
5533
|
+
error: ""
|
|
5524
5534
|
},
|
|
5525
5535
|
size: {
|
|
5526
5536
|
lg: "h-11",
|
|
@@ -5606,11 +5616,6 @@ var buttonVariants = (0, import_class_variance_authority5.cva)(BASE_BUTTON, {
|
|
|
5606
5616
|
color: "error",
|
|
5607
5617
|
className: COLOR_THEMES.error.primary
|
|
5608
5618
|
},
|
|
5609
|
-
{
|
|
5610
|
-
variant: "primary",
|
|
5611
|
-
color: "chat",
|
|
5612
|
-
className: COLOR_THEMES.chat.primary
|
|
5613
|
-
},
|
|
5614
5619
|
{
|
|
5615
5620
|
variant: "tertiary",
|
|
5616
5621
|
color: "default",
|
|
@@ -6186,14 +6191,14 @@ var PopoverContent = React8.forwardRef(function(_param, ref) {
|
|
|
6186
6191
|
arrowPadding: arrowPadding,
|
|
6187
6192
|
side: side,
|
|
6188
6193
|
forceMount: true,
|
|
6189
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg border border-
|
|
6194
|
+
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg border border-Colors-Border-Opaque p-3 text-left text-xs shadow-modal-default outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 [&[data-state=open]>span]:animate-none", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-Colors-Text-Static-White", className)
|
|
6190
6195
|
}, props), {
|
|
6191
6196
|
children: [
|
|
6192
6197
|
children,
|
|
6193
6198
|
showArrow && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverPrimitive.Arrow, {
|
|
6194
6199
|
width: 16,
|
|
6195
6200
|
height: 6,
|
|
6196
|
-
className: cn("visible", variant === "default" ? "fill-
|
|
6201
|
+
className: cn("visible", variant === "default" ? "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
|
|
6197
6202
|
})
|
|
6198
6203
|
]
|
|
6199
6204
|
}))
|
|
@@ -6225,7 +6230,7 @@ var Popover = function(_param) {
|
|
|
6225
6230
|
content && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, {
|
|
6226
6231
|
children: [
|
|
6227
6232
|
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {
|
|
6228
|
-
className: cn(hasOpenState && "data-[state=open]:bg-
|
|
6233
|
+
className: cn(hasOpenState && "data-[state=open]:bg-Colors-Background-Normal-Primary-Hover", triggerClassName),
|
|
6229
6234
|
onClick: function(e) {
|
|
6230
6235
|
if (isMTooltip) {
|
|
6231
6236
|
e.preventDefault();
|
|
@@ -6235,7 +6240,7 @@ var Popover = function(_param) {
|
|
|
6235
6240
|
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverTrigger, {
|
|
6236
6241
|
asChild: true,
|
|
6237
6242
|
children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", {
|
|
6238
|
-
className: cn(hasOpenState && "data-[state=open]:bg-
|
|
6243
|
+
className: cn(hasOpenState && "data-[state=open]:bg-Colors-Background-Normal-Primary-Hover", triggerClassName),
|
|
6239
6244
|
children: children
|
|
6240
6245
|
})
|
|
6241
6246
|
})
|
|
@@ -6286,7 +6291,7 @@ var Tooltip = React9.forwardRef(function(_param, ref) {
|
|
|
6286
6291
|
]);
|
|
6287
6292
|
var isDesktop = !(0, import_react_use.useMedia)("(max-width: 768px)");
|
|
6288
6293
|
var defaultTitleColor = props.variant === "message" ? "static" : props.variant === "default" ? "warning-bolder" : "default";
|
|
6289
|
-
var defaultDescColor = props.variant === "message" ? "static" :
|
|
6294
|
+
var defaultDescColor = props.variant === "message" ? "static" : "default";
|
|
6290
6295
|
if (disabled) {
|
|
6291
6296
|
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_jsx_runtime12.Fragment, {
|
|
6292
6297
|
children: children
|
|
@@ -6365,14 +6370,14 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
6365
6370
|
sideOffset: sideOffset,
|
|
6366
6371
|
alignOffset: alignOffset,
|
|
6367
6372
|
side: side,
|
|
6368
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg px-3 py-2 text-left text-xs shadow-modal-
|
|
6373
|
+
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg px-3 py-2 text-left text-xs shadow-modal-default", "outline-none delay-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 [&[data-state=open]>span]:animate-none", "data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 [&[data-state=delayed-open]>span]:animate-none", "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", variant === "default" ? "bg-cc-Tooltip-bg-default text-cc-Tooltip-fg-default border border-cc-Tooltip-border-default" : "bg-Colors-Utility-Lake-Blue-50 text-cc-Tooltip-fg-default", className)
|
|
6369
6374
|
}, props), {
|
|
6370
6375
|
children: [
|
|
6371
6376
|
props.children,
|
|
6372
6377
|
showArrow && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(TooltipArrow, {
|
|
6373
6378
|
width: 12,
|
|
6374
6379
|
height: 6,
|
|
6375
|
-
className: cn(variant === "default" ? "fill-cc-Tooltip-bg-default stroke-cc-Tooltip-border-default -ml-[0.5px]" :
|
|
6380
|
+
className: cn(variant === "default" ? "fill-cc-Tooltip-bg-default stroke-cc-Tooltip-border-default -ml-[0.5px]" : "fill-Colors-Utility-Lake-Blue-50", arrowClassName)
|
|
6376
6381
|
})
|
|
6377
6382
|
]
|
|
6378
6383
|
}))
|
|
@@ -6439,12 +6444,12 @@ var iconButtonVariants = (0, import_class_variance_authority6.cva)("shrink-0 inl
|
|
|
6439
6444
|
{
|
|
6440
6445
|
variant: "secondary",
|
|
6441
6446
|
color: "gray",
|
|
6442
|
-
className: "text-Colors-Foreground-Subtle hover:bg-
|
|
6447
|
+
className: "text-Colors-Foreground-Subtle hover:bg-Colors-Background-Normal-Primary-Hover"
|
|
6443
6448
|
},
|
|
6444
6449
|
{
|
|
6445
6450
|
variant: "plain",
|
|
6446
6451
|
color: "default",
|
|
6447
|
-
className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-
|
|
6452
|
+
className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-rings-brand active:bg-cc-Button-Plain-bg-active disabled:text-cc-Button-Plain-fg-alt"
|
|
6448
6453
|
},
|
|
6449
6454
|
{
|
|
6450
6455
|
variant: "plain",
|
|
@@ -6814,7 +6819,7 @@ var DropdownMenuSubContent = React13.forwardRef(function(_param, ref) {
|
|
|
6814
6819
|
]);
|
|
6815
6820
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.SubContent, _object_spread({
|
|
6816
6821
|
ref: ref,
|
|
6817
|
-
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-xl border border-
|
|
6822
|
+
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-xl border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active p-2 text-Colors-Text-Default shadow-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", className)
|
|
6818
6823
|
}, props));
|
|
6819
6824
|
});
|
|
6820
6825
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
@@ -6826,7 +6831,7 @@ var DropdownMenuContent = React13.forwardRef(function(_param, ref) {
|
|
|
6826
6831
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.Content, _object_spread({
|
|
6827
6832
|
ref: ref,
|
|
6828
6833
|
sideOffset: sideOffset,
|
|
6829
|
-
className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-xl border border-
|
|
6834
|
+
className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-xl border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default p-1 text-Colors-Text-Default shadow-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", className)
|
|
6830
6835
|
}, props));
|
|
6831
6836
|
});
|
|
6832
6837
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
@@ -6906,7 +6911,7 @@ var DropdownMenuSeparator = React13.forwardRef(function(_param, ref) {
|
|
|
6906
6911
|
]);
|
|
6907
6912
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DropdownMenuPrimitive.Separator, _object_spread({
|
|
6908
6913
|
ref: ref,
|
|
6909
|
-
className: cn("my-1 h-px bg-[var(--
|
|
6914
|
+
className: cn("my-1 h-px bg-[var(--Colors-Border-Default)]", className)
|
|
6910
6915
|
}, props));
|
|
6911
6916
|
});
|
|
6912
6917
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
@@ -6943,31 +6948,13 @@ var CheckIcon = function(param) {
|
|
|
6943
6948
|
})
|
|
6944
6949
|
});
|
|
6945
6950
|
};
|
|
6946
|
-
var
|
|
6947
|
-
var className = param.className;
|
|
6948
|
-
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("svg", {
|
|
6949
|
-
className: className,
|
|
6950
|
-
width: "10",
|
|
6951
|
-
height: "10",
|
|
6952
|
-
viewBox: "0 0 10 10",
|
|
6953
|
-
fill: "none",
|
|
6954
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6955
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", {
|
|
6956
|
-
d: "M1.25 5.375L4.25 8.375L8.75 1.625",
|
|
6957
|
-
"stroke-width": "1.5",
|
|
6958
|
-
"stroke-linecap": "round",
|
|
6959
|
-
"stroke-linejoin": "round"
|
|
6960
|
-
})
|
|
6961
|
-
});
|
|
6962
|
-
};
|
|
6963
|
-
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 ring-offset-cc-Focus-Rings-Brand-default focus-visible:border-cc-Check-Box-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:border-pressed disabled:cursor-not-allowed disabled:opacity-30 data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:border-none rounded-sm overflow-hidden flex items-center justify-center text-current", {
|
|
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 ring-offset-cc-Focus-Rings-Brand-default focus-visible:border-cc-Check-Box-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:border-Colors-border disabled:cursor-not-allowed disabled:opacity-30 data-[state=checked]:bg-cc-Check-Box-bg-default data-[state=checked]:text-cc-Check-Box-fg-default hover:data-[state=checked]:bg-cc-Check-Box-bg-hovered disabled:data-[state=checked]:text-cc-Check-Box-fg-alt disabled:data-[state=checked]:border-none rounded-sm overflow-hidden flex items-center justify-center text-current", {
|
|
6964
6952
|
variants: {
|
|
6965
6953
|
variant: {
|
|
6966
6954
|
checkbox: "rounded-sm",
|
|
6967
6955
|
circle: "rounded-full",
|
|
6968
6956
|
radio: "rounded-full",
|
|
6969
|
-
"circle-static": "rounded-full bg-
|
|
6970
|
-
"circle-inverted": "rounded-full data-[state=checked]:border-surface-default focus-visible:border-surface-default data-[state=checked]:bg-surface-default hover:data-[state=checked]:bg-surface-hovered data-[state=checked]:text-icon-brand"
|
|
6957
|
+
"circle-static": "rounded-full bg-Colors-Beta-Black-10 border-Colors-Beta-White-100 hover:border-Colors-Beta-White-100"
|
|
6971
6958
|
}
|
|
6972
6959
|
},
|
|
6973
6960
|
defaultVariants: {
|
|
@@ -6997,8 +6984,6 @@ var Checkbox = React14.forwardRef(function(_param, ref) {
|
|
|
6997
6984
|
children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckboxPrimitive.Indicator, {
|
|
6998
6985
|
children: variant === "radio" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", {
|
|
6999
6986
|
className: "w-2 h-2 bg-cc-Check-Box-fg-default rounded-full"
|
|
7000
|
-
}) : variant === "circle-inverted" ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckIconBrand, {
|
|
7001
|
-
className: "w-3 h-3 stroke-cc-Check-Box-fg-default"
|
|
7002
6987
|
}) : /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckIcon, {
|
|
7003
6988
|
className: "w-3 h-3 stroke-cc-Check-Box-fg-default"
|
|
7004
6989
|
})
|
|
@@ -7076,7 +7061,7 @@ var DialogContent = React15.forwardRef(function(_param, ref) {
|
|
|
7076
7061
|
children: [
|
|
7077
7062
|
children,
|
|
7078
7063
|
!hideClose && /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(DialogPrimitive.Close, {
|
|
7079
|
-
className: cn("w-9 h-9 absolute right-5 top-3 flex justify-center items-center focus-visible:outline-0 rounded-full hover:bg-
|
|
7064
|
+
className: cn("w-9 h-9 absolute right-5 top-3 flex justify-center items-center focus-visible:outline-0 rounded-full hover:bg-Colors-Background-Normal-Primary-Hover", iconClassName),
|
|
7080
7065
|
onClick: function() {
|
|
7081
7066
|
onClose && onClose();
|
|
7082
7067
|
},
|
|
@@ -7254,7 +7239,7 @@ var ContextMenuSubTrigger = React17.forwardRef(function(_param, ref) {
|
|
|
7254
7239
|
]);
|
|
7255
7240
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
7256
7241
|
ref: ref,
|
|
7257
|
-
className: cn("flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-
|
|
7242
|
+
className: cn("flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[state=open]:bg-slate-100 data-[state=open]:text-slate-900 dark:focus:bg-slate-800 dark:focus:text-slate-50 dark:data-[state=open]:bg-slate-800 dark:data-[state=open]:text-slate-50", inset && "pl-8", className)
|
|
7258
7243
|
}, props), {
|
|
7259
7244
|
children: [
|
|
7260
7245
|
children,
|
|
@@ -7271,7 +7256,7 @@ var ContextMenuSubContent = React17.forwardRef(function(_param, ref) {
|
|
|
7271
7256
|
]);
|
|
7272
7257
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.SubContent, _object_spread({
|
|
7273
7258
|
ref: ref,
|
|
7274
|
-
className: cn("flex flex-col gap-y-1 z-50 overflow-hidden rounded-xl border border-
|
|
7259
|
+
className: cn("flex flex-col gap-y-1 z-50 overflow-hidden rounded-xl border border-Colors-Border-Default bg-Colors-Background-Neutral-Primary-Default p-2 text-Colors-Text-Default shadow-modal-default", className)
|
|
7275
7260
|
}, props));
|
|
7276
7261
|
});
|
|
7277
7262
|
ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
|
|
@@ -7282,7 +7267,7 @@ var ContextMenuContent = React17.forwardRef(function(_param, ref) {
|
|
|
7282
7267
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.Portal, {
|
|
7283
7268
|
children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.Content, _object_spread({
|
|
7284
7269
|
ref: ref,
|
|
7285
|
-
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-xl border-none bg-Colors-Background-Normal-Primary-Default p-1 text-Colors-Text-Default shadow-modal-default border border-
|
|
7270
|
+
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-xl border-none bg-Colors-Background-Normal-Primary-Default p-1 text-Colors-Text-Default shadow-modal-default border border-Colors-Border-Opaque", className)
|
|
7286
7271
|
}, props))
|
|
7287
7272
|
});
|
|
7288
7273
|
});
|
|
@@ -7306,7 +7291,7 @@ var ContextMenuCheckboxItem = React17.forwardRef(function(_param, ref) {
|
|
|
7306
7291
|
]);
|
|
7307
7292
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
7308
7293
|
ref: ref,
|
|
7309
|
-
className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-
|
|
7294
|
+
className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-slate-800 dark:focus:text-slate-50", className),
|
|
7310
7295
|
checked: checked
|
|
7311
7296
|
}, props), {
|
|
7312
7297
|
children: [
|
|
@@ -7330,7 +7315,7 @@ var ContextMenuRadioItem = React17.forwardRef(function(_param, ref) {
|
|
|
7330
7315
|
]);
|
|
7331
7316
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(ContextMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
7332
7317
|
ref: ref,
|
|
7333
|
-
className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-
|
|
7318
|
+
className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-Colors-Background-Normal-Primary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
|
|
7334
7319
|
}, props), {
|
|
7335
7320
|
children: [
|
|
7336
7321
|
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", {
|
|
@@ -7363,7 +7348,7 @@ var ContextMenuSeparator = React17.forwardRef(function(_param, ref) {
|
|
|
7363
7348
|
]);
|
|
7364
7349
|
return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(ContextMenuPrimitive.Separator, _object_spread({
|
|
7365
7350
|
ref: ref,
|
|
7366
|
-
className: cn("my-1 h-px bg-[var(--
|
|
7351
|
+
className: cn("my-1 h-px bg-[var(--Colors-Border-Default)]", className)
|
|
7367
7352
|
}, props));
|
|
7368
7353
|
});
|
|
7369
7354
|
ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
|
|
@@ -7406,7 +7391,7 @@ var DrawerOverlay = React18.forwardRef(function(_param, ref) {
|
|
|
7406
7391
|
]);
|
|
7407
7392
|
return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_vaul.Drawer.Overlay, _object_spread({
|
|
7408
7393
|
ref: ref,
|
|
7409
|
-
className: cn("fixed inset-0 z-50 bg-
|
|
7394
|
+
className: cn("fixed inset-0 z-50 bg-Colors-Background-Utilities-Overlay", className)
|
|
7410
7395
|
}, props));
|
|
7411
7396
|
});
|
|
7412
7397
|
DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
|
|
@@ -8974,6 +8959,8 @@ var import_image2 = __toESM(require("next/image"), 1);
|
|
|
8974
8959
|
// src/components/progress.tsx
|
|
8975
8960
|
var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
|
|
8976
8961
|
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
8962
|
+
var ProgressRoot = ProgressPrimitive.Root;
|
|
8963
|
+
var ProgressIndicator = ProgressPrimitive.Indicator;
|
|
8977
8964
|
var Progress = function(param) {
|
|
8978
8965
|
var value1 = param.value, max2 = param.max, className = param.className, indicatorClassName = param.indicatorClassName, label = param.label, _param_height = param.height, height = _param_height === void 0 ? 20 : _param_height, _param_width = param.width, width = _param_width === void 0 ? 75 : _param_width, _param_minWidth = param.minWidth, minWidth = _param_minWidth === void 0 ? 60 : _param_minWidth, _param_maxWidth = param.maxWidth, maxWidth = _param_maxWidth === void 0 ? 220 : _param_maxWidth;
|
|
8979
8966
|
var widthValue = "".concat(clamp(width + (Math.max(max2, value1).toString().length - 3) * 12, minWidth, maxWidth), "px");
|
|
@@ -11364,7 +11351,7 @@ var NumberInput = import_react13.default.forwardRef(function(_param, ref) {
|
|
|
11364
11351
|
className: "absolute top-0 right-3 py-2.5 h-full flex flex-col items-center justify-center space-y-0.5",
|
|
11365
11352
|
children: [
|
|
11366
11353
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {
|
|
11367
|
-
className: "text-Colors-Text-Default bg-
|
|
11354
|
+
className: "text-Colors-Text-Default bg-Colors-Utility-Gray-10 rounded-full w-[22px] h-[14px] cursor-pointer flex justify-center items-center",
|
|
11368
11355
|
onClick: handleIncrement,
|
|
11369
11356
|
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", {
|
|
11370
11357
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11379,7 +11366,7 @@ var NumberInput = import_react13.default.forwardRef(function(_param, ref) {
|
|
|
11379
11366
|
})
|
|
11380
11367
|
}),
|
|
11381
11368
|
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {
|
|
11382
|
-
className: "text-Colors-Text-Default bg-
|
|
11369
|
+
className: "text-Colors-Text-Default bg-Colors-Utility-Gray-10 rounded-full w-[22px] h-[14px] cursor-pointer flex justify-center items-center",
|
|
11383
11370
|
onClick: handleDecrement,
|
|
11384
11371
|
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("svg", {
|
|
11385
11372
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -11423,7 +11410,7 @@ var RadioGroupItem = React30.forwardRef(function(_param, ref) {
|
|
|
11423
11410
|
]);
|
|
11424
11411
|
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
|
|
11425
11412
|
ref: ref,
|
|
11426
|
-
className: cn("aspect-square h-5 w-5 rounded-full border-[1.5px] border-
|
|
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 ring-offset-cc-Focus-Rings-Brand-default focus:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", className)
|
|
11427
11414
|
}, props), {
|
|
11428
11415
|
children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(RadioGroupPrimitive.Indicator, {
|
|
11429
11416
|
className: "flex items-center justify-center",
|
|
@@ -11470,7 +11457,7 @@ var ScrollBar = React31.forwardRef(function(_param, ref) {
|
|
|
11470
11457
|
className: cn("flex touch-none select-none transition-colors", orientation === "vertical" && "h-full w-2 border-l border-l-transparent p-[1px]", orientation === "horizontal" && "h-2 flex-col border-t border-t-transparent p-[1px]", className)
|
|
11471
11458
|
}, props), {
|
|
11472
11459
|
children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, {
|
|
11473
|
-
className: "relative flex-1 rounded-full bg-
|
|
11460
|
+
className: "relative flex-1 rounded-full bg-[var(--Colors-Border-Alt)] hover:bg-[var(--Colors-Border-Active)]"
|
|
11474
11461
|
})
|
|
11475
11462
|
}));
|
|
11476
11463
|
});
|
|
@@ -11636,7 +11623,7 @@ function SecondaryNavigationBar(param) {
|
|
|
11636
11623
|
]);
|
|
11637
11624
|
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", {
|
|
11638
11625
|
ref: navbarRef,
|
|
11639
|
-
className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-
|
|
11626
|
+
className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-Colors-Border-Default", showBackground && "bg-Colors-Background-Normal-Primary-Default"),
|
|
11640
11627
|
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", {
|
|
11641
11628
|
className: cn("relative w-full flex justify-between items-center h-14 md:h-15"),
|
|
11642
11629
|
children: [
|
|
@@ -11877,7 +11864,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
|
|
|
11877
11864
|
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Portal, {
|
|
11878
11865
|
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
11879
11866
|
ref: ref,
|
|
11880
|
-
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-
|
|
11867
|
+
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default shadow-cc-Shadows-Modal-default data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
|
|
11881
11868
|
position: position
|
|
11882
11869
|
}, props), {
|
|
11883
11870
|
children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectPrimitive.Viewport, {
|
|
@@ -12098,7 +12085,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
12098
12085
|
"size"
|
|
12099
12086
|
]);
|
|
12100
12087
|
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
|
|
12101
|
-
className: "w-full p-3 flex justify-center items-center h-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default ring-offset-cc-Focus-Rings-Brand-default hover:border-
|
|
12088
|
+
className: "w-full p-3 flex justify-center items-center h-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default ring-offset-cc-Focus-Rings-Brand-default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30",
|
|
12102
12089
|
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
12103
12090
|
ref: ref,
|
|
12104
12091
|
className: cn("relative flex w-full touch-none select-none items-center", className)
|
|
@@ -12136,7 +12123,7 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
12136
12123
|
className: "flex w-full items-center space-x-1.5",
|
|
12137
12124
|
children: [
|
|
12138
12125
|
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", {
|
|
12139
|
-
className: cn("w-full p-3 flex justify-center items-center h-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default ring-offset-cc-Focus-Rings-Brand-default hover:border-
|
|
12126
|
+
className: cn("w-full p-3 flex justify-center items-center h-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active shadow-background-default text-sm text-Colors-Text-Default ring-offset-cc-Focus-Rings-Brand-default hover:border-Colors-Border-Hover hover:bg-Colors-Foreground-Subtle aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Utility-Terracotta-5 aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", containerClassName),
|
|
12140
12127
|
children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
12141
12128
|
ref: ref,
|
|
12142
12129
|
className: cn("relative flex w-full touch-none select-none items-center", className),
|
|
@@ -12359,6 +12346,8 @@ var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
|
|
|
12359
12346
|
var import_class_variance_authority18 = require("class-variance-authority");
|
|
12360
12347
|
var React37 = __toESM(require("react"), 1);
|
|
12361
12348
|
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
12349
|
+
var TabsList = TabsPrimitive.List;
|
|
12350
|
+
var TabsTrigger = TabsPrimitive.Trigger;
|
|
12362
12351
|
var tabListVariants = (0, import_class_variance_authority18.cva)("relative inline-flex items-center justify-center overflow-hidden", {
|
|
12363
12352
|
variants: {
|
|
12364
12353
|
size: {
|
|
@@ -12651,7 +12640,7 @@ var Textarea = React38.forwardRef(function(_param, ref) {
|
|
|
12651
12640
|
className: "relative",
|
|
12652
12641
|
children: [
|
|
12653
12642
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("textarea", _object_spread({
|
|
12654
|
-
className: cn("w-full min-h-[123px] p-3 pb-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest ring-offset-cc-Focus-Rings-Brand-default", "hover:border-
|
|
12643
|
+
className: cn("w-full min-h-[123px] p-3 pb-10 rounded-lg border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Active ", "text-sm text-Colors-Text-Default placeholder:text-Colors-Text-Subtlest ring-offset-cc-Focus-Rings-Brand-default", "hover:border-Colors-Border-Hover bg-cc-Input-bg-default hover:bg-cc-Input-bg-hover disabled:bg-cc-Input-bg-disabled aria-[invalid=true]:border-Colors-Border-Critical aria-[invalid=true]:hover:bg-Colors-Background-Critical-Subtle", "aria-[invalid=true]:focus-visible:ring-error file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-Colors-Text-Subtler", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:cursor-not-allowed disabled:opacity-30", maxLength && ((value1 === null || value1 === void 0 ? void 0 : (_value_toString = value1.toString()) === null || _value_toString === void 0 ? void 0 : _value_toString.length) || 0) > maxLength || error ? "border-Colors-Border-Critical hover:bg-Colors-Background-Critical-Subtle focus-visible:ring-error" : "", className),
|
|
12655
12644
|
ref: ref,
|
|
12656
12645
|
maxLength: maxLength,
|
|
12657
12646
|
value: value1
|
|
@@ -13193,7 +13182,7 @@ var import_free_mode = require("swiper/css/free-mode");
|
|
|
13193
13182
|
var import_grid = require("swiper/css/grid");
|
|
13194
13183
|
var import_pagination = require("swiper/css/pagination");
|
|
13195
13184
|
// src/components/swiper/index.module.scss
|
|
13196
|
-
var index_module_default = '.swiperBox {\n @apply w-full h-fit;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev) {\n @apply bg-contain bg-no-repeat;\n background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzQxNDM0NSIgY2xhc3M9InNpemUtNSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzggNS4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2TDguMDYgMTBsMy43MiAzLjcyYS43NS43NSAwIDEgMS0xLjA2IDEuMDZsLTQuMjUtNC4yNWEuNzUuNzUgMCAwIDEgMC0xLjA2bDQuMjUtNC4yNWEuNzUuNzUgMCAwIDEgMS4wNiAwWiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4K");\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next) {\n @apply bg-contain bg-no-repeat;\n background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzQxNDM0NSIgY2xhc3M9InNpemUtNSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4yMiA1LjIyYS43NS43NSAwIDAgMSAxLjA2IDBsNC4yNSA0LjI1YS43NS43NSAwIDAgMSAwIDEuMDZsLTQuMjUgNC4yNWEuNzUuNzUgMCAwIDEtMS4wNi0xLjA2TDExLjk0IDEwIDguMjIgNi4yOGEuNzUuNzUgMCAwIDEgMC0xLjA2WiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4KCg==");\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev::after) {\n @apply text-
|
|
13185
|
+
var index_module_default = '.swiperBox {\n @apply w-full h-fit;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev) {\n @apply bg-contain bg-no-repeat;\n background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzQxNDM0NSIgY2xhc3M9InNpemUtNSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTEuNzggNS4yMmEuNzUuNzUgMCAwIDEgMCAxLjA2TDguMDYgMTBsMy43MiAzLjcyYS43NS43NSAwIDEgMS0xLjA2IDEuMDZsLTQuMjUtNC4yNWEuNzUuNzUgMCAwIDEgMC0xLjA2bDQuMjUtNC4yNWEuNzUuNzUgMCAwIDEgMS4wNiAwWiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4K");\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next) {\n @apply bg-contain bg-no-repeat;\n background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iIzQxNDM0NSIgY2xhc3M9InNpemUtNSI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNOC4yMiA1LjIyYS43NS43NSAwIDAgMSAxLjA2IDBsNC4yNSA0LjI1YS43NS43NSAwIDAgMSAwIDEuMDZsLTQuMjUgNC4yNWEuNzUuNzUgMCAwIDEtMS4wNi0xLjA2TDExLjk0IDEwIDguMjIgNi4yOGEuNzUuNzUgMCAwIDEgMC0xLjA2WiIgY2xpcC1ydWxlPSJldmVub2RkIiAvPgo8L3N2Zz4KCg==");\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev::after) {\n @apply text-Colors-Foreground-Default content-none;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next::after) {\n @apply text-Colors-Foreground-Default content-none;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.banner-swiper-slide.swiper-slide-prev) {\n @apply origin-right;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.banner-swiper-slide.swiper-slide-next) {\n @apply origin-left;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-slide-active) {\n @apply opacity-100;\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-button-next) {\n @apply -right-4 md:right-0 3xl:right-[calc((100%-1200px)/2-16px)];\n}\n.swiperBox :global(.swiper.banner-swiper) :global(.swiper-button-prev) {\n @apply -left-4 md:left-0 3xl:left-[calc((100%-1200px)/2-16px)];\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-next) {\n @apply right-0;\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-prev) {\n @apply left-0;\n}\n.swiperBox :global(.swiper.feature-swiper) :global(.swiper-button-disabled) {\n @apply hidden;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-next) {\n @apply right-0;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-prev) {\n @apply left-0;\n}\n.swiperBox :global(.swiper.patron-badge-swiper) :global(.swiper-button-disabled) {\n @apply hidden;\n}\n.swiperBox :global(.swiper.grid-swiper) :global(.swiper-wrapper) {\n @apply w-[100vw] md:w-full flex-wrap flex-col m-0;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next) {\n @apply hidden md:flex justify-center items-center absolute top-[50%] w-8 h-8 font-semibold text-Colors-Foreground-Default border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Default rounded-full cursor-pointer hover:bg-Colors-Background-Normal-Primary-Hover active:bg-Colors-Background-Normal-Primary-Active;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-next)::after {\n @apply text-Colors-Foreground-Default text-xs font-bold;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev) {\n @apply hidden md:flex justify-center items-center absolute top-[50%] w-8 h-8 font-semibold text-Colors-Foreground-Default border border-Colors-Border-Default bg-Colors-Background-Normal-Primary-Default rounded-full cursor-pointer hover:bg-Colors-Background-Normal-Primary-Hover active:bg-Colors-Background-Normal-Primary-Active;\n}\n.swiperBox :global(.swiper) :global(.swiper-button-prev)::after {\n @apply text-Colors-Foreground-Default text-xs font-bold;\n}\n\n.animate :global(.swiper-slide) {\n transition: transform 500ms linear;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3hpYW9ndWFuZy9jb2RlL215c2hlbGwtcmVhY3QtbGliL3NyYy9jb21wb25lbnRzL3N3aXBlciIsInNvdXJjZXMiOlsiaW5kZXgubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTs7QUFHRTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUVFOztBQUVGO0VBRUU7O0FBRUY7RUFDRTs7QUFHRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFLRjtFQUNFOztBQUNFO0VBQ0U7O0FBR047RUFDRTs7QUFDRTtFQUNFOzs7QUFPUjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLnN3aXBlckJveHtcbiAgQGFwcGx5IHctZnVsbCBoLWZpdDtcbiAgXG4gIDpnbG9iYWwoLnN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldil7XG4gICAgICBAYXBwbHkgYmctY29udGFpbiBiZy1uby1yZXBlYXQ7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjRiV3h1Y3owaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1qQXdNQzl6ZG1jaUlIWnBaWGRDYjNnOUlqQWdNQ0F5TUNBeU1DSWdabWxzYkQwaUl6UXhORE0wTlNJZ1kyeGhjM005SW5OcGVtVXROU0krQ2lBZ1BIQmhkR2dnWm1sc2JDMXlkV3hsUFNKbGRtVnViMlJrSWlCa1BTSk5NVEV1TnpnZ05TNHlNbUV1TnpVdU56VWdNQ0F3SURFZ01DQXhMakEyVERndU1EWWdNVEJzTXk0M01pQXpMamN5WVM0M05TNDNOU0F3SURFZ01TMHhMakEySURFdU1EWnNMVFF1TWpVdE5DNHlOV0V1TnpVdU56VWdNQ0F3SURFZ01DMHhMakEyYkRRdU1qVXROQzR5TldFdU56VXVOelVnTUNBd0lERWdNUzR3TmlBd1dpSWdZMnhwY0MxeWRXeGxQU0psZG1WdWIyUmtJaUF2UGdvOEwzTjJaejRLJyk7IFxuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IGJnLWNvbnRhaW4gYmctbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSFpwWlhkQ2IzZzlJakFnTUNBeU1DQXlNQ0lnWm1sc2JEMGlJelF4TkRNME5TSWdZMnhoYzNNOUluTnBlbVV0TlNJK0NpQWdQSEJoZEdnZ1ptbHNiQzF5ZFd4bFBTSmxkbVZ1YjJSa0lpQmtQU0pOT0M0eU1pQTFMakl5WVM0M05TNDNOU0F3SURBZ01TQXhMakEySURCc05DNHlOU0EwTGpJMVlTNDNOUzQzTlNBd0lEQWdNU0F3SURFdU1EWnNMVFF1TWpVZ05DNHlOV0V1TnpVdU56VWdNQ0F3SURFdE1TNHdOaTB4TGpBMlRERXhMamswSURFd0lEZ3VNaklnTmk0eU9HRXVOelV1TnpVZ01DQXdJREVnTUMweExqQTJXaUlnWTJ4cGNDMXlkV3hsUFNKbGRtVnViMlJrSWlBdlBnbzhMM04yWno0S0NnPT0nKTsgXG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldjo6YWZ0ZXIpe1xuICAgICAgQGFwcGx5IHRleHQtQ29sb3JzLUZvcmVncm91bmQtRGVmYXVsdCBjb250ZW50LW5vbmU7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dDo6YWZ0ZXIpe1xuICAgICAgQGFwcGx5IHRleHQtQ29sb3JzLUZvcmVncm91bmQtRGVmYXVsdCBjb250ZW50LW5vbmU7XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5iYW5uZXItc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguYmFubmVyLXN3aXBlci1zbGlkZS5zd2lwZXItc2xpZGUtcHJldikge1xuICAgICAgLy8gdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgQGFwcGx5IG9yaWdpbi1yaWdodDtcbiAgICB9XG4gICAgOmdsb2JhbCguYmFubmVyLXN3aXBlci1zbGlkZS5zd2lwZXItc2xpZGUtbmV4dCkge1xuICAgICAgLy8gdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgQGFwcGx5IG9yaWdpbi1sZWZ0O1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItc2xpZGUtYWN0aXZlKSB7XG4gICAgICBAYXBwbHkgb3BhY2l0eS0xMDA7XG4gICAgICAvLyB0cmFuc2Zvcm06IHNjYWxlKDEpIHRyYW5zbGF0ZVgoMCk7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgLXJpZ2h0LTQgbWQ6cmlnaHQtMCAzeGw6cmlnaHQtW2NhbGMoKDEwMCUtMTIwMHB4KS8yLTE2cHgpXTtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSAtbGVmdC00IG1kOmxlZnQtMCAzeGw6bGVmdC1bY2FsYygoMTAwJS0xMjAwcHgpLzItMTZweCldO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIuZmVhdHVyZS1zd2lwZXIpIHtcbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IHJpZ2h0LTA7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldil7XG4gICAgICBAYXBwbHkgbGVmdC0wO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLWRpc2FibGVkKSB7XG4gICAgICBAYXBwbHkgaGlkZGVuO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIucGF0cm9uLWJhZGdlLXN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgcmlnaHQtMDtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBsZWZ0LTA7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tZGlzYWJsZWQpIHtcbiAgICAgIEBhcHBseSBoaWRkZW47XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5ncmlkLXN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci13cmFwcGVyKSB7XG4gICAgICBAYXBwbHkgdy1bMTAwdnddIG1kOnctZnVsbCBmbGV4LXdyYXAgZmxleC1jb2wgbS0wO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIpIHtcbiAgICBcbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IGhpZGRlbiBtZDpmbGV4IGp1c3RpZnktY2VudGVyIGl0ZW1zLWNlbnRlciBhYnNvbHV0ZSB0b3AtWzUwJV0gdy04IGgtOCBmb250LXNlbWlib2xkIHRleHQtQ29sb3JzLUZvcmVncm91bmQtRGVmYXVsdCBib3JkZXIgYm9yZGVyLUNvbG9ycy1Cb3JkZXItRGVmYXVsdCBiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1EZWZhdWx0IHJvdW5kZWQtZnVsbCBjdXJzb3ItcG9pbnRlciBob3ZlcjpiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1Ib3ZlciBhY3RpdmU6YmctQ29sb3JzLUJhY2tncm91bmQtTm9ybWFsLVByaW1hcnktQWN0aXZlO1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgQGFwcGx5IHRleHQtQ29sb3JzLUZvcmVncm91bmQtRGVmYXVsdCB0ZXh0LXhzIGZvbnQtYm9sZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldil7XG4gICAgICBAYXBwbHkgaGlkZGVuIG1kOmZsZXgganVzdGlmeS1jZW50ZXIgaXRlbXMtY2VudGVyIGFic29sdXRlIHRvcC1bNTAlXSB3LTggaC04IGZvbnQtc2VtaWJvbGQgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IGJvcmRlciBib3JkZXItQ29sb3JzLUJvcmRlci1EZWZhdWx0IGJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LURlZmF1bHQgcm91bmRlZC1mdWxsIGN1cnNvci1wb2ludGVyIGhvdmVyOmJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LUhvdmVyIGFjdGl2ZTpiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1BY3RpdmU7XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBAYXBwbHkgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IHRleHQteHMgZm9udC1ib2xkO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG4uYW5pbWF0ZSB7XG4gIDpnbG9iYWwoLnN3aXBlci1zbGlkZSkge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSA1MDBtcyBsaW5lYXI7XG4gIH1cbn1cbiJdfQ== */';
|
|
13197
13186
|
// src/components/swiper/index.tsx
|
|
13198
13187
|
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
13199
13188
|
var swiperVariants = (0, import_class_variance_authority21.cva)("", {
|
|
@@ -13375,7 +13364,7 @@ function CustomNotification(param) {
|
|
|
13375
13364
|
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {
|
|
13376
13365
|
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", {
|
|
13377
13366
|
id: id,
|
|
13378
|
-
className: "z-[10000000] min-h-10 w-fit max-w-[90vw] rounded-full border border-
|
|
13367
|
+
className: "z-[10000000] min-h-10 w-fit max-w-[90vw] rounded-full border border-Colors-Border-Opaque bg-Colors-Background-Normal-Primary-Default px-3 py-2 shadow-modal-default md:max-w-[560px]",
|
|
13379
13368
|
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", {
|
|
13380
13369
|
className: "flex w-full items-center justify-center gap-2",
|
|
13381
13370
|
children: [
|
|
@@ -13968,6 +13957,8 @@ var RectangleGroupIcon = React54.forwardRef(function(props, ref) {
|
|
|
13968
13957
|
PopoverContent: PopoverContent,
|
|
13969
13958
|
PopoverRoot: PopoverRoot,
|
|
13970
13959
|
Progress: Progress,
|
|
13960
|
+
ProgressIndicator: ProgressIndicator,
|
|
13961
|
+
ProgressRoot: ProgressRoot,
|
|
13971
13962
|
RadioGroup: RadioGroup,
|
|
13972
13963
|
RadioGroupItem: RadioGroupItem,
|
|
13973
13964
|
RectangleGroupIcon: RectangleGroupIcon,
|
|
@@ -13999,6 +13990,7 @@ var RectangleGroupIcon = React54.forwardRef(function(props, ref) {
|
|
|
13999
13990
|
SheetTrigger: SheetTrigger,
|
|
14000
13991
|
Skeleton: Skeleton,
|
|
14001
13992
|
Slider: Slider,
|
|
13993
|
+
SliderPrimitive: SliderPrimitive,
|
|
14002
13994
|
SliderSingle: SliderSingle,
|
|
14003
13995
|
Spinner: Spinner,
|
|
14004
13996
|
SubHeading: SubHeading,
|
|
@@ -14008,6 +14000,8 @@ var RectangleGroupIcon = React54.forwardRef(function(props, ref) {
|
|
|
14008
14000
|
Tab: Tab,
|
|
14009
14001
|
Tabs: Tabs,
|
|
14010
14002
|
TabsContent: TabsContent,
|
|
14003
|
+
TabsList: TabsList,
|
|
14004
|
+
TabsTrigger: TabsTrigger,
|
|
14011
14005
|
Text: Text,
|
|
14012
14006
|
Textarea: Textarea,
|
|
14013
14007
|
Title: Title,
|