myshell-react-lib 0.1.15 → 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 +37 -67
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +7 -7
- package/dist/index.d.ts +7 -7
- package/dist/index.js +37 -67
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -138,7 +138,7 @@ declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
|
138
138
|
|
|
139
139
|
declare const buttonVariants: (props?: ({
|
|
140
140
|
variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "plain" | "solid" | null | undefined;
|
|
141
|
-
color?: "default" | "brand" | "error" |
|
|
141
|
+
color?: "default" | "brand" | "error" | null | undefined;
|
|
142
142
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
143
143
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
144
144
|
|
|
@@ -147,7 +147,7 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
|
|
|
147
147
|
loading?: boolean;
|
|
148
148
|
icon?: React$1.ElementType;
|
|
149
149
|
iconDirection?: 'left' | 'right';
|
|
150
|
-
color?: 'default' | 'brand' | 'error'
|
|
150
|
+
color?: 'default' | 'brand' | 'error';
|
|
151
151
|
noStyle?: boolean;
|
|
152
152
|
iconClassName?: string;
|
|
153
153
|
iconOutBox?: boolean;
|
|
@@ -164,7 +164,7 @@ interface CascaderOption {
|
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
167
|
-
variant?: "circle" | "checkbox" | "radio" | "circle-static" |
|
|
167
|
+
variant?: "circle" | "checkbox" | "radio" | "circle-static" | null | undefined;
|
|
168
168
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
|
|
169
169
|
label?: string;
|
|
170
170
|
caption?: string;
|
|
@@ -760,7 +760,7 @@ interface PopoverContentExs {
|
|
|
760
760
|
/**
|
|
761
761
|
* 消息类型
|
|
762
762
|
*/
|
|
763
|
-
variant?: 'default' | '
|
|
763
|
+
variant?: 'default' | 'message';
|
|
764
764
|
/**
|
|
765
765
|
* 气泡方向
|
|
766
766
|
*/
|
|
@@ -1088,7 +1088,7 @@ type TItems = {
|
|
|
1088
1088
|
tooltip?: {
|
|
1089
1089
|
description?: string;
|
|
1090
1090
|
open?: boolean;
|
|
1091
|
-
variant?: 'default' | '
|
|
1091
|
+
variant?: 'default' | 'message';
|
|
1092
1092
|
};
|
|
1093
1093
|
icon?: React$1.ElementType;
|
|
1094
1094
|
disabled?: boolean;
|
|
@@ -1121,7 +1121,7 @@ declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTrig
|
|
|
1121
1121
|
tooltip?: {
|
|
1122
1122
|
description?: string;
|
|
1123
1123
|
open?: boolean;
|
|
1124
|
-
variant?: "default" | "
|
|
1124
|
+
variant?: "default" | "message";
|
|
1125
1125
|
};
|
|
1126
1126
|
hasUnRead?: boolean;
|
|
1127
1127
|
onClickCallback?: (value: string) => void;
|
|
@@ -1195,7 +1195,7 @@ declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipPrimitive.Toolti
|
|
|
1195
1195
|
*
|
|
1196
1196
|
* @default 'default'
|
|
1197
1197
|
*/
|
|
1198
|
-
variant?: "default" | "
|
|
1198
|
+
variant?: "default" | "message";
|
|
1199
1199
|
/**
|
|
1200
1200
|
* 气泡方向
|
|
1201
1201
|
*
|
package/dist/index.d.ts
CHANGED
|
@@ -138,7 +138,7 @@ declare function Badge(props: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
|
138
138
|
|
|
139
139
|
declare const buttonVariants: (props?: ({
|
|
140
140
|
variant?: "link" | "opacity" | "static" | "primary" | "secondary" | "tertiary" | "plain" | "solid" | null | undefined;
|
|
141
|
-
color?: "default" | "brand" | "error" |
|
|
141
|
+
color?: "default" | "brand" | "error" | null | undefined;
|
|
142
142
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
143
143
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
144
144
|
|
|
@@ -147,7 +147,7 @@ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, V
|
|
|
147
147
|
loading?: boolean;
|
|
148
148
|
icon?: React$1.ElementType;
|
|
149
149
|
iconDirection?: 'left' | 'right';
|
|
150
|
-
color?: 'default' | 'brand' | 'error'
|
|
150
|
+
color?: 'default' | 'brand' | 'error';
|
|
151
151
|
noStyle?: boolean;
|
|
152
152
|
iconClassName?: string;
|
|
153
153
|
iconOutBox?: boolean;
|
|
@@ -164,7 +164,7 @@ interface CascaderOption {
|
|
|
164
164
|
}
|
|
165
165
|
|
|
166
166
|
declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
|
|
167
|
-
variant?: "circle" | "checkbox" | "radio" | "circle-static" |
|
|
167
|
+
variant?: "circle" | "checkbox" | "radio" | "circle-static" | null | undefined;
|
|
168
168
|
} & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
|
|
169
169
|
label?: string;
|
|
170
170
|
caption?: string;
|
|
@@ -760,7 +760,7 @@ interface PopoverContentExs {
|
|
|
760
760
|
/**
|
|
761
761
|
* 消息类型
|
|
762
762
|
*/
|
|
763
|
-
variant?: 'default' | '
|
|
763
|
+
variant?: 'default' | 'message';
|
|
764
764
|
/**
|
|
765
765
|
* 气泡方向
|
|
766
766
|
*/
|
|
@@ -1088,7 +1088,7 @@ type TItems = {
|
|
|
1088
1088
|
tooltip?: {
|
|
1089
1089
|
description?: string;
|
|
1090
1090
|
open?: boolean;
|
|
1091
|
-
variant?: 'default' | '
|
|
1091
|
+
variant?: 'default' | 'message';
|
|
1092
1092
|
};
|
|
1093
1093
|
icon?: React$1.ElementType;
|
|
1094
1094
|
disabled?: boolean;
|
|
@@ -1121,7 +1121,7 @@ declare const Tab: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTrig
|
|
|
1121
1121
|
tooltip?: {
|
|
1122
1122
|
description?: string;
|
|
1123
1123
|
open?: boolean;
|
|
1124
|
-
variant?: "default" | "
|
|
1124
|
+
variant?: "default" | "message";
|
|
1125
1125
|
};
|
|
1126
1126
|
hasUnRead?: boolean;
|
|
1127
1127
|
onClickCallback?: (value: string) => void;
|
|
@@ -1195,7 +1195,7 @@ declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipPrimitive.Toolti
|
|
|
1195
1195
|
*
|
|
1196
1196
|
* @default 'default'
|
|
1197
1197
|
*/
|
|
1198
|
-
variant?: "default" | "
|
|
1198
|
+
variant?: "default" | "message";
|
|
1199
1199
|
/**
|
|
1200
1200
|
* 气泡方向
|
|
1201
1201
|
*
|
package/dist/index.js
CHANGED
|
@@ -4599,9 +4599,9 @@ var alertVariants = cva3("relative rounded-xl border flex justify-center flex-co
|
|
|
4599
4599
|
variant: {
|
|
4600
4600
|
default: "bg-Colors-Background-Normal-Primary-Default text-Colors-Text-Default",
|
|
4601
4601
|
destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",
|
|
4602
|
-
warning: "bg-
|
|
4603
|
-
info: "bg-
|
|
4604
|
-
error: "bg-
|
|
4602
|
+
warning: "bg-Colors-Utility-Khaki-5 border-Colors-Utility-Khaki-20 text-Colors-Text-Default",
|
|
4603
|
+
info: "bg-Colors-Utility-Cobalt-5 border-Colors-Utility-Cobalt-20 text-Colors-Text-Default",
|
|
4604
|
+
error: "bg-Colors-Utility-Terracotta-5 border-Colors-Utility-Terracotta-20 text-Colors-Text-Default"
|
|
4605
4605
|
}
|
|
4606
4606
|
},
|
|
4607
4607
|
defaultVariants: {
|
|
@@ -4779,9 +4779,6 @@ var COLOR_THEMES = {
|
|
|
4779
4779
|
error: {
|
|
4780
4780
|
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",
|
|
4781
4781
|
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"
|
|
4782
|
-
},
|
|
4783
|
-
chat: {
|
|
4784
|
-
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"
|
|
4785
4782
|
}
|
|
4786
4783
|
};
|
|
4787
4784
|
var VARIANT_BASE = {
|
|
@@ -4804,9 +4801,7 @@ var buttonVariants = cva5(BASE_BUTTON, {
|
|
|
4804
4801
|
color: {
|
|
4805
4802
|
default: "",
|
|
4806
4803
|
brand: "",
|
|
4807
|
-
error: ""
|
|
4808
|
-
gray: "",
|
|
4809
|
-
chat: ""
|
|
4804
|
+
error: ""
|
|
4810
4805
|
},
|
|
4811
4806
|
size: {
|
|
4812
4807
|
lg: "h-11",
|
|
@@ -4892,11 +4887,6 @@ var buttonVariants = cva5(BASE_BUTTON, {
|
|
|
4892
4887
|
color: "error",
|
|
4893
4888
|
className: COLOR_THEMES.error.primary
|
|
4894
4889
|
},
|
|
4895
|
-
{
|
|
4896
|
-
variant: "primary",
|
|
4897
|
-
color: "chat",
|
|
4898
|
-
className: COLOR_THEMES.chat.primary
|
|
4899
|
-
},
|
|
4900
4890
|
{
|
|
4901
4891
|
variant: "tertiary",
|
|
4902
4892
|
color: "default",
|
|
@@ -5472,14 +5462,14 @@ var PopoverContent = React8.forwardRef(function(_param, ref) {
|
|
|
5472
5462
|
arrowPadding: arrowPadding,
|
|
5473
5463
|
side: side,
|
|
5474
5464
|
forceMount: true,
|
|
5475
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg border border-
|
|
5465
|
+
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)
|
|
5476
5466
|
}, props), {
|
|
5477
5467
|
children: [
|
|
5478
5468
|
children,
|
|
5479
5469
|
showArrow && /* @__PURE__ */ jsx11(PopoverPrimitive.Arrow, {
|
|
5480
5470
|
width: 16,
|
|
5481
5471
|
height: 6,
|
|
5482
|
-
className: cn("visible", variant === "default" ? "fill-
|
|
5472
|
+
className: cn("visible", variant === "default" ? "fill-cc-Tooltip-bg-default" : "fill-Colors-Utility-Lake-Blue-50")
|
|
5483
5473
|
})
|
|
5484
5474
|
]
|
|
5485
5475
|
}))
|
|
@@ -5511,7 +5501,7 @@ var Popover = function(_param) {
|
|
|
5511
5501
|
content && /* @__PURE__ */ jsxs4(Fragment2, {
|
|
5512
5502
|
children: [
|
|
5513
5503
|
/* @__PURE__ */ jsx11("div", {
|
|
5514
|
-
className: cn(hasOpenState && "data-[state=open]:bg-
|
|
5504
|
+
className: cn(hasOpenState && "data-[state=open]:bg-Colors-Background-Normal-Primary-Hover", triggerClassName),
|
|
5515
5505
|
onClick: function(e) {
|
|
5516
5506
|
if (isMTooltip) {
|
|
5517
5507
|
e.preventDefault();
|
|
@@ -5521,7 +5511,7 @@ var Popover = function(_param) {
|
|
|
5521
5511
|
children: /* @__PURE__ */ jsx11(PopoverTrigger, {
|
|
5522
5512
|
asChild: true,
|
|
5523
5513
|
children: /* @__PURE__ */ jsx11("div", {
|
|
5524
|
-
className: cn(hasOpenState && "data-[state=open]:bg-
|
|
5514
|
+
className: cn(hasOpenState && "data-[state=open]:bg-Colors-Background-Normal-Primary-Hover", triggerClassName),
|
|
5525
5515
|
children: children
|
|
5526
5516
|
})
|
|
5527
5517
|
})
|
|
@@ -5572,7 +5562,7 @@ var Tooltip = React9.forwardRef(function(_param, ref) {
|
|
|
5572
5562
|
]);
|
|
5573
5563
|
var isDesktop = !useMedia("(max-width: 768px)");
|
|
5574
5564
|
var defaultTitleColor = props.variant === "message" ? "static" : props.variant === "default" ? "warning-bolder" : "default";
|
|
5575
|
-
var defaultDescColor = props.variant === "message" ? "static" :
|
|
5565
|
+
var defaultDescColor = props.variant === "message" ? "static" : "default";
|
|
5576
5566
|
if (disabled) {
|
|
5577
5567
|
return /* @__PURE__ */ jsx12(Fragment3, {
|
|
5578
5568
|
children: children
|
|
@@ -5651,14 +5641,14 @@ var TooltipContent = React9.forwardRef(function(_param, ref) {
|
|
|
5651
5641
|
sideOffset: sideOffset,
|
|
5652
5642
|
alignOffset: alignOffset,
|
|
5653
5643
|
side: side,
|
|
5654
|
-
className: cn("relative z-[49] mx-4 w-fit max-w-72 rounded-lg px-3 py-2 text-left text-xs shadow-modal-
|
|
5644
|
+
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)
|
|
5655
5645
|
}, props), {
|
|
5656
5646
|
children: [
|
|
5657
5647
|
props.children,
|
|
5658
5648
|
showArrow && /* @__PURE__ */ jsx12(TooltipArrow, {
|
|
5659
5649
|
width: 12,
|
|
5660
5650
|
height: 6,
|
|
5661
|
-
className: cn(variant === "default" ? "fill-cc-Tooltip-bg-default stroke-cc-Tooltip-border-default -ml-[0.5px]" :
|
|
5651
|
+
className: cn(variant === "default" ? "fill-cc-Tooltip-bg-default stroke-cc-Tooltip-border-default -ml-[0.5px]" : "fill-Colors-Utility-Lake-Blue-50", arrowClassName)
|
|
5662
5652
|
})
|
|
5663
5653
|
]
|
|
5664
5654
|
}))
|
|
@@ -5725,12 +5715,12 @@ var iconButtonVariants = cva6("shrink-0 inline-flex items-center justify-center
|
|
|
5725
5715
|
{
|
|
5726
5716
|
variant: "secondary",
|
|
5727
5717
|
color: "gray",
|
|
5728
|
-
className: "text-Colors-Foreground-Subtle hover:bg-
|
|
5718
|
+
className: "text-Colors-Foreground-Subtle hover:bg-Colors-Background-Normal-Primary-Hover"
|
|
5729
5719
|
},
|
|
5730
5720
|
{
|
|
5731
5721
|
variant: "plain",
|
|
5732
5722
|
color: "default",
|
|
5733
|
-
className: "text-cc-Button-Plain-fg-default hover:bg-cc-Button-Plain-bg-hover focus:shadow-
|
|
5723
|
+
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"
|
|
5734
5724
|
},
|
|
5735
5725
|
{
|
|
5736
5726
|
variant: "plain",
|
|
@@ -6100,7 +6090,7 @@ var DropdownMenuSubContent = React13.forwardRef(function(_param, ref) {
|
|
|
6100
6090
|
]);
|
|
6101
6091
|
return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.SubContent, _object_spread({
|
|
6102
6092
|
ref: ref,
|
|
6103
|
-
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-xl border border-
|
|
6093
|
+
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)
|
|
6104
6094
|
}, props));
|
|
6105
6095
|
});
|
|
6106
6096
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
@@ -6112,7 +6102,7 @@ var DropdownMenuContent = React13.forwardRef(function(_param, ref) {
|
|
|
6112
6102
|
return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Content, _object_spread({
|
|
6113
6103
|
ref: ref,
|
|
6114
6104
|
sideOffset: sideOffset,
|
|
6115
|
-
className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-xl border border-
|
|
6105
|
+
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)
|
|
6116
6106
|
}, props));
|
|
6117
6107
|
});
|
|
6118
6108
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
@@ -6192,7 +6182,7 @@ var DropdownMenuSeparator = React13.forwardRef(function(_param, ref) {
|
|
|
6192
6182
|
]);
|
|
6193
6183
|
return /* @__PURE__ */ jsx19(DropdownMenuPrimitive.Separator, _object_spread({
|
|
6194
6184
|
ref: ref,
|
|
6195
|
-
className: cn("my-1 h-px bg-[var(--
|
|
6185
|
+
className: cn("my-1 h-px bg-[var(--Colors-Border-Default)]", className)
|
|
6196
6186
|
}, props));
|
|
6197
6187
|
});
|
|
6198
6188
|
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
@@ -6229,31 +6219,13 @@ var CheckIcon = function(param) {
|
|
|
6229
6219
|
})
|
|
6230
6220
|
});
|
|
6231
6221
|
};
|
|
6232
|
-
var
|
|
6233
|
-
var className = param.className;
|
|
6234
|
-
return /* @__PURE__ */ jsx21("svg", {
|
|
6235
|
-
className: className,
|
|
6236
|
-
width: "10",
|
|
6237
|
-
height: "10",
|
|
6238
|
-
viewBox: "0 0 10 10",
|
|
6239
|
-
fill: "none",
|
|
6240
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
6241
|
-
children: /* @__PURE__ */ jsx21("path", {
|
|
6242
|
-
d: "M1.25 5.375L4.25 8.375L8.75 1.625",
|
|
6243
|
-
"stroke-width": "1.5",
|
|
6244
|
-
"stroke-linecap": "round",
|
|
6245
|
-
"stroke-linejoin": "round"
|
|
6246
|
-
})
|
|
6247
|
-
});
|
|
6248
|
-
};
|
|
6249
|
-
var checkboxVariants = cva9("peer w-5 h-5 shrink-0 border-[1.5px] border-cc-Check-Box-border-default hover:border-cc-Check-Box-border-hover data-[state=checked]:border-cc-Check-Box-bg-default ring-offset-cc-Focus-Rings-Brand-default focus-visible:border-cc-Check-Box-border-default focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-cc-Focus-Rings-Brand-default focus-visible:ring-offset-1 disabled:border-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", {
|
|
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 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", {
|
|
6250
6223
|
variants: {
|
|
6251
6224
|
variant: {
|
|
6252
6225
|
checkbox: "rounded-sm",
|
|
6253
6226
|
circle: "rounded-full",
|
|
6254
6227
|
radio: "rounded-full",
|
|
6255
|
-
"circle-static": "rounded-full bg-
|
|
6256
|
-
"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"
|
|
6228
|
+
"circle-static": "rounded-full bg-Colors-Beta-Black-10 border-Colors-Beta-White-100 hover:border-Colors-Beta-White-100"
|
|
6257
6229
|
}
|
|
6258
6230
|
},
|
|
6259
6231
|
defaultVariants: {
|
|
@@ -6283,8 +6255,6 @@ var Checkbox = React14.forwardRef(function(_param, ref) {
|
|
|
6283
6255
|
children: /* @__PURE__ */ jsx21(CheckboxPrimitive.Indicator, {
|
|
6284
6256
|
children: variant === "radio" ? /* @__PURE__ */ jsx21("div", {
|
|
6285
6257
|
className: "w-2 h-2 bg-cc-Check-Box-fg-default rounded-full"
|
|
6286
|
-
}) : variant === "circle-inverted" ? /* @__PURE__ */ jsx21(CheckIconBrand, {
|
|
6287
|
-
className: "w-3 h-3 stroke-cc-Check-Box-fg-default"
|
|
6288
6258
|
}) : /* @__PURE__ */ jsx21(CheckIcon, {
|
|
6289
6259
|
className: "w-3 h-3 stroke-cc-Check-Box-fg-default"
|
|
6290
6260
|
})
|
|
@@ -6362,7 +6332,7 @@ var DialogContent = React15.forwardRef(function(_param, ref) {
|
|
|
6362
6332
|
children: [
|
|
6363
6333
|
children,
|
|
6364
6334
|
!hideClose && /* @__PURE__ */ jsxs10(DialogPrimitive.Close, {
|
|
6365
|
-
className: cn("w-9 h-9 absolute right-5 top-3 flex justify-center items-center focus-visible:outline-0 rounded-full hover:bg-
|
|
6335
|
+
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),
|
|
6366
6336
|
onClick: function() {
|
|
6367
6337
|
onClose && onClose();
|
|
6368
6338
|
},
|
|
@@ -6540,7 +6510,7 @@ var ContextMenuSubTrigger = React17.forwardRef(function(_param, ref) {
|
|
|
6540
6510
|
]);
|
|
6541
6511
|
return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
6542
6512
|
ref: ref,
|
|
6543
|
-
className: cn("flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-
|
|
6513
|
+
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)
|
|
6544
6514
|
}, props), {
|
|
6545
6515
|
children: [
|
|
6546
6516
|
children,
|
|
@@ -6557,7 +6527,7 @@ var ContextMenuSubContent = React17.forwardRef(function(_param, ref) {
|
|
|
6557
6527
|
]);
|
|
6558
6528
|
return /* @__PURE__ */ jsx24(ContextMenuPrimitive.SubContent, _object_spread({
|
|
6559
6529
|
ref: ref,
|
|
6560
|
-
className: cn("flex flex-col gap-y-1 z-50 overflow-hidden rounded-xl border border-
|
|
6530
|
+
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)
|
|
6561
6531
|
}, props));
|
|
6562
6532
|
});
|
|
6563
6533
|
ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
|
|
@@ -6568,7 +6538,7 @@ var ContextMenuContent = React17.forwardRef(function(_param, ref) {
|
|
|
6568
6538
|
return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Portal, {
|
|
6569
6539
|
children: /* @__PURE__ */ jsx24(ContextMenuPrimitive.Content, _object_spread({
|
|
6570
6540
|
ref: ref,
|
|
6571
|
-
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-
|
|
6541
|
+
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)
|
|
6572
6542
|
}, props))
|
|
6573
6543
|
});
|
|
6574
6544
|
});
|
|
@@ -6592,7 +6562,7 @@ var ContextMenuCheckboxItem = React17.forwardRef(function(_param, ref) {
|
|
|
6592
6562
|
]);
|
|
6593
6563
|
return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
6594
6564
|
ref: ref,
|
|
6595
|
-
className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-
|
|
6565
|
+
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),
|
|
6596
6566
|
checked: checked
|
|
6597
6567
|
}, props), {
|
|
6598
6568
|
children: [
|
|
@@ -6616,7 +6586,7 @@ var ContextMenuRadioItem = React17.forwardRef(function(_param, ref) {
|
|
|
6616
6586
|
]);
|
|
6617
6587
|
return /* @__PURE__ */ jsxs12(ContextMenuPrimitive.RadioItem, _object_spread_props(_object_spread({
|
|
6618
6588
|
ref: ref,
|
|
6619
|
-
className: cn("relative flex cursor-default select-none items-center rounded-lg py-1 px-2 text-sm outline-none hover:bg-
|
|
6589
|
+
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)
|
|
6620
6590
|
}, props), {
|
|
6621
6591
|
children: [
|
|
6622
6592
|
/* @__PURE__ */ jsx24("span", {
|
|
@@ -6649,7 +6619,7 @@ var ContextMenuSeparator = React17.forwardRef(function(_param, ref) {
|
|
|
6649
6619
|
]);
|
|
6650
6620
|
return /* @__PURE__ */ jsx24(ContextMenuPrimitive.Separator, _object_spread({
|
|
6651
6621
|
ref: ref,
|
|
6652
|
-
className: cn("my-1 h-px bg-[var(--
|
|
6622
|
+
className: cn("my-1 h-px bg-[var(--Colors-Border-Default)]", className)
|
|
6653
6623
|
}, props));
|
|
6654
6624
|
});
|
|
6655
6625
|
ContextMenuSeparator.displayName = ContextMenuPrimitive.Separator.displayName;
|
|
@@ -6692,7 +6662,7 @@ var DrawerOverlay = React18.forwardRef(function(_param, ref) {
|
|
|
6692
6662
|
]);
|
|
6693
6663
|
return /* @__PURE__ */ jsx26(DrawerPrimitive.Overlay, _object_spread({
|
|
6694
6664
|
ref: ref,
|
|
6695
|
-
className: cn("fixed inset-0 z-50 bg-
|
|
6665
|
+
className: cn("fixed inset-0 z-50 bg-Colors-Background-Utilities-Overlay", className)
|
|
6696
6666
|
}, props));
|
|
6697
6667
|
});
|
|
6698
6668
|
DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
|
|
@@ -10652,7 +10622,7 @@ var NumberInput = React29.forwardRef(function(_param, ref) {
|
|
|
10652
10622
|
className: "absolute top-0 right-3 py-2.5 h-full flex flex-col items-center justify-center space-y-0.5",
|
|
10653
10623
|
children: [
|
|
10654
10624
|
/* @__PURE__ */ jsx40("div", {
|
|
10655
|
-
className: "text-Colors-Text-Default bg-
|
|
10625
|
+
className: "text-Colors-Text-Default bg-Colors-Utility-Gray-10 rounded-full w-[22px] h-[14px] cursor-pointer flex justify-center items-center",
|
|
10656
10626
|
onClick: handleIncrement,
|
|
10657
10627
|
children: /* @__PURE__ */ jsx40("svg", {
|
|
10658
10628
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10667,7 +10637,7 @@ var NumberInput = React29.forwardRef(function(_param, ref) {
|
|
|
10667
10637
|
})
|
|
10668
10638
|
}),
|
|
10669
10639
|
/* @__PURE__ */ jsx40("div", {
|
|
10670
|
-
className: "text-Colors-Text-Default bg-
|
|
10640
|
+
className: "text-Colors-Text-Default bg-Colors-Utility-Gray-10 rounded-full w-[22px] h-[14px] cursor-pointer flex justify-center items-center",
|
|
10671
10641
|
onClick: handleDecrement,
|
|
10672
10642
|
children: /* @__PURE__ */ jsx40("svg", {
|
|
10673
10643
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -10711,7 +10681,7 @@ var RadioGroupItem = React30.forwardRef(function(_param, ref) {
|
|
|
10711
10681
|
]);
|
|
10712
10682
|
return /* @__PURE__ */ jsx42(RadioGroupPrimitive.Item, _object_spread_props(_object_spread({
|
|
10713
10683
|
ref: ref,
|
|
10714
|
-
className: cn("aspect-square h-5 w-5 rounded-full border-[1.5px] border-
|
|
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 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)
|
|
10715
10685
|
}, props), {
|
|
10716
10686
|
children: /* @__PURE__ */ jsx42(RadioGroupPrimitive.Indicator, {
|
|
10717
10687
|
className: "flex items-center justify-center",
|
|
@@ -10758,7 +10728,7 @@ var ScrollBar = React31.forwardRef(function(_param, ref) {
|
|
|
10758
10728
|
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)
|
|
10759
10729
|
}, props), {
|
|
10760
10730
|
children: /* @__PURE__ */ jsx43(ScrollAreaPrimitive.ScrollAreaThumb, {
|
|
10761
|
-
className: "relative flex-1 rounded-full bg-
|
|
10731
|
+
className: "relative flex-1 rounded-full bg-[var(--Colors-Border-Alt)] hover:bg-[var(--Colors-Border-Active)]"
|
|
10762
10732
|
})
|
|
10763
10733
|
}));
|
|
10764
10734
|
});
|
|
@@ -10924,7 +10894,7 @@ function SecondaryNavigationBar(param) {
|
|
|
10924
10894
|
]);
|
|
10925
10895
|
return /* @__PURE__ */ jsx46("div", {
|
|
10926
10896
|
ref: navbarRef,
|
|
10927
|
-
className: cn("w-full flex flex-col md:flex-row justify-center items-center px-4 md:px-6", !isMobile2 && border && "border-b border-
|
|
10897
|
+
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"),
|
|
10928
10898
|
children: /* @__PURE__ */ jsxs25("div", {
|
|
10929
10899
|
className: cn("relative w-full flex justify-between items-center h-14 md:h-15"),
|
|
10930
10900
|
children: [
|
|
@@ -11165,7 +11135,7 @@ var SelectContent = React33.forwardRef(function(_param, ref) {
|
|
|
11165
11135
|
return /* @__PURE__ */ jsx47(SelectPrimitive.Portal, {
|
|
11166
11136
|
children: /* @__PURE__ */ jsx47(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
11167
11137
|
ref: ref,
|
|
11168
|
-
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border border-
|
|
11138
|
+
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),
|
|
11169
11139
|
position: position
|
|
11170
11140
|
}, props), {
|
|
11171
11141
|
children: /* @__PURE__ */ jsx47(SelectPrimitive.Viewport, {
|
|
@@ -11386,7 +11356,7 @@ var Slider = React35.forwardRef(function(_param, ref) {
|
|
|
11386
11356
|
"size"
|
|
11387
11357
|
]);
|
|
11388
11358
|
return /* @__PURE__ */ jsx50("div", {
|
|
11389
|
-
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-
|
|
11359
|
+
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",
|
|
11390
11360
|
children: /* @__PURE__ */ jsxs28(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
11391
11361
|
ref: ref,
|
|
11392
11362
|
className: cn("relative flex w-full touch-none select-none items-center", className)
|
|
@@ -11424,7 +11394,7 @@ var SliderSingle = React35.forwardRef(function(_param, ref) {
|
|
|
11424
11394
|
className: "flex w-full items-center space-x-1.5",
|
|
11425
11395
|
children: [
|
|
11426
11396
|
/* @__PURE__ */ jsx50("div", {
|
|
11427
|
-
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-
|
|
11397
|
+
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),
|
|
11428
11398
|
children: /* @__PURE__ */ jsxs28(SliderPrimitive.Root, _object_spread_props(_object_spread({
|
|
11429
11399
|
ref: ref,
|
|
11430
11400
|
className: cn("relative flex w-full touch-none select-none items-center", className),
|
|
@@ -11941,7 +11911,7 @@ var Textarea = React38.forwardRef(function(_param, ref) {
|
|
|
11941
11911
|
className: "relative",
|
|
11942
11912
|
children: [
|
|
11943
11913
|
/* @__PURE__ */ jsx54("textarea", _object_spread({
|
|
11944
|
-
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-
|
|
11914
|
+
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),
|
|
11945
11915
|
ref: ref,
|
|
11946
11916
|
maxLength: maxLength,
|
|
11947
11917
|
value: value1
|
|
@@ -12483,7 +12453,7 @@ import "swiper/css/free-mode";
|
|
|
12483
12453
|
import "swiper/css/grid";
|
|
12484
12454
|
import "swiper/css/pagination";
|
|
12485
12455
|
// src/components/swiper/index.module.scss
|
|
12486
|
-
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-
|
|
12456
|
+
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== */';
|
|
12487
12457
|
// src/components/swiper/index.tsx
|
|
12488
12458
|
import { jsx as jsx60 } from "react/jsx-runtime";
|
|
12489
12459
|
var swiperVariants = cva21("", {
|
|
@@ -12665,7 +12635,7 @@ function CustomNotification(param) {
|
|
|
12665
12635
|
return /* @__PURE__ */ jsx61("div", {
|
|
12666
12636
|
children: /* @__PURE__ */ jsx61("div", {
|
|
12667
12637
|
id: id,
|
|
12668
|
-
className: "z-[10000000] min-h-10 w-fit max-w-[90vw] rounded-full border border-
|
|
12638
|
+
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]",
|
|
12669
12639
|
children: /* @__PURE__ */ jsxs34("div", {
|
|
12670
12640
|
className: "flex w-full items-center justify-center gap-2",
|
|
12671
12641
|
children: [
|