myshell-react-lib 0.2.45 → 0.3.0
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 +114 -87
- 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 +115 -88
- package/dist/index.js.map +1 -1
- package/dist/styles/components-dark-v2.scss +220 -0
- package/dist/styles/components-light-v2.scss +220 -0
- package/dist/styles/design2-dark-v2.scss +443 -0
- package/dist/styles/design2-light-v2.scss +443 -0
- package/dist/styles/global.scss +5 -5
- package/dist/styles/new-tokens-v2.scss +518 -0
- package/package.json +2 -2
- package/dist/styles/components-dark.scss +0 -210
- package/dist/styles/components-light.scss +0 -208
- package/dist/styles/design2-dark.scss +0 -332
- package/dist/styles/design2-light.scss +0 -366
- package/dist/styles/new-tokens.scss +0 -264
package/dist/index.cjs
CHANGED
|
@@ -7096,6 +7096,13 @@ var iconVariants = (0, import_class_variance_authority.cva)("inline-flex shrink-
|
|
|
7096
7096
|
color: "default"
|
|
7097
7097
|
}
|
|
7098
7098
|
});
|
|
7099
|
+
var SMALL_ICON_SIZES = /* @__PURE__ */ new Set([
|
|
7100
|
+
"2xs",
|
|
7101
|
+
"xs",
|
|
7102
|
+
"sm",
|
|
7103
|
+
"md",
|
|
7104
|
+
"lg"
|
|
7105
|
+
]);
|
|
7099
7106
|
var Icon = React.forwardRef(function(props, ref) {
|
|
7100
7107
|
var children = props.children, component = props.component, size = props.size, color = props.color, rotate = props.rotate, className = props.className, passProps = _object_without_properties(props, [
|
|
7101
7108
|
"children",
|
|
@@ -7106,10 +7113,11 @@ var Icon = React.forwardRef(function(props, ref) {
|
|
|
7106
7113
|
"className"
|
|
7107
7114
|
]);
|
|
7108
7115
|
var Com = component || "span";
|
|
7116
|
+
var strokeWidth = SMALL_ICON_SIZES.has(size) ? 1.25 : 1.5;
|
|
7109
7117
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Com, _object_spread_props(_object_spread({
|
|
7110
7118
|
ref: ref
|
|
7111
7119
|
}, passProps), {
|
|
7112
|
-
strokeWidth:
|
|
7120
|
+
strokeWidth: strokeWidth,
|
|
7113
7121
|
className: cn(iconVariants({
|
|
7114
7122
|
size: size,
|
|
7115
7123
|
color: color,
|
|
@@ -7149,21 +7157,27 @@ var lineClampMap = {
|
|
|
7149
7157
|
5: "line-clamp-5",
|
|
7150
7158
|
6: "line-clamp-6"
|
|
7151
7159
|
};
|
|
7152
|
-
var displayVariants = (0, import_class_variance_authority2.cva)("
|
|
7160
|
+
var displayVariants = (0, import_class_variance_authority2.cva)("display-font-style font-ABCDiatype", {
|
|
7153
7161
|
variants: {
|
|
7154
7162
|
size: {
|
|
7155
|
-
"
|
|
7163
|
+
"3xl": "text-7xl",
|
|
7164
|
+
"2xl": "text-6xl",
|
|
7156
7165
|
xl: "text-5xl",
|
|
7157
7166
|
lg: "text-3xl",
|
|
7158
7167
|
md: "text-2xl",
|
|
7159
7168
|
sm: "text-xl",
|
|
7160
7169
|
xs: "text-lg"
|
|
7161
7170
|
},
|
|
7171
|
+
weight: {
|
|
7172
|
+
medium: "font-medium",
|
|
7173
|
+
semibold: "font-semibold"
|
|
7174
|
+
},
|
|
7162
7175
|
color: colorMap,
|
|
7163
7176
|
lineClamp: lineClampMap
|
|
7164
7177
|
},
|
|
7165
7178
|
defaultVariants: {
|
|
7166
7179
|
size: "lg",
|
|
7180
|
+
weight: "medium",
|
|
7167
7181
|
color: "default"
|
|
7168
7182
|
}
|
|
7169
7183
|
});
|
|
@@ -7325,9 +7339,10 @@ var Heading = React2.forwardRef(function(props, ref) {
|
|
|
7325
7339
|
}));
|
|
7326
7340
|
});
|
|
7327
7341
|
var Display = React2.forwardRef(function(props, ref) {
|
|
7328
|
-
var className = props.className, size = props.size, color = props.color, lineClamp = props.lineClamp, underline = props.underline, strikethrough = props.strikethrough, strong = props.strong, italic = props.italic, children = props.children, dangerous = props.dangerous, passProps = _object_without_properties(props, [
|
|
7342
|
+
var className = props.className, size = props.size, weight = props.weight, color = props.color, lineClamp = props.lineClamp, underline = props.underline, strikethrough = props.strikethrough, strong = props.strong, italic = props.italic, children = props.children, dangerous = props.dangerous, passProps = _object_without_properties(props, [
|
|
7329
7343
|
"className",
|
|
7330
7344
|
"size",
|
|
7345
|
+
"weight",
|
|
7331
7346
|
"color",
|
|
7332
7347
|
"lineClamp",
|
|
7333
7348
|
"underline",
|
|
@@ -7348,6 +7363,7 @@ var Display = React2.forwardRef(function(props, ref) {
|
|
|
7348
7363
|
ref: ref,
|
|
7349
7364
|
className: cn(displayVariants({
|
|
7350
7365
|
size: size,
|
|
7366
|
+
weight: weight,
|
|
7351
7367
|
color: color,
|
|
7352
7368
|
lineClamp: lineClamp
|
|
7353
7369
|
}), className)
|
|
@@ -7515,23 +7531,24 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
|
7515
7531
|
var CircleErrorIcon = React4.forwardRef(function(props, ref) {
|
|
7516
7532
|
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Icon, _object_spread_props(_object_spread({}, props), {
|
|
7517
7533
|
children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("svg", {
|
|
7518
|
-
className: "w-full h-full",
|
|
7519
|
-
viewBox: "0 0 20 20",
|
|
7520
|
-
fill: "currentColor",
|
|
7521
7534
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7535
|
+
width: "20",
|
|
7536
|
+
height: "20",
|
|
7537
|
+
viewBox: "0 0 20 20",
|
|
7538
|
+
fill: "none",
|
|
7522
7539
|
children: [
|
|
7523
7540
|
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("circle", {
|
|
7524
7541
|
cx: "10",
|
|
7525
7542
|
cy: "10",
|
|
7526
7543
|
r: "8",
|
|
7527
|
-
fill: "#
|
|
7544
|
+
fill: "#EF3B2E"
|
|
7528
7545
|
}),
|
|
7529
7546
|
/* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", {
|
|
7530
|
-
d: "M12
|
|
7531
|
-
stroke: "
|
|
7532
|
-
|
|
7533
|
-
|
|
7534
|
-
|
|
7547
|
+
d: "M12.5 7.5L7.5 12.5M7.5 7.5L12.5 12.5",
|
|
7548
|
+
stroke: "white",
|
|
7549
|
+
"stroke-width": "1.04167",
|
|
7550
|
+
"stroke-linecap": "round",
|
|
7551
|
+
"stroke-linejoin": "round"
|
|
7535
7552
|
})
|
|
7536
7553
|
]
|
|
7537
7554
|
})
|
|
@@ -7543,23 +7560,24 @@ var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
|
7543
7560
|
var CircleInfoIcon = React5.forwardRef(function(props, ref) {
|
|
7544
7561
|
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, _object_spread_props(_object_spread({}, props), {
|
|
7545
7562
|
children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("svg", {
|
|
7546
|
-
className: "w-full h-full",
|
|
7547
|
-
viewBox: "0 0 20 20",
|
|
7548
|
-
fill: "currentColor",
|
|
7549
7563
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7564
|
+
width: "20",
|
|
7565
|
+
height: "20",
|
|
7566
|
+
viewBox: "0 0 20 20",
|
|
7567
|
+
fill: "none",
|
|
7550
7568
|
children: [
|
|
7551
7569
|
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", {
|
|
7552
7570
|
cx: "10",
|
|
7553
7571
|
cy: "10",
|
|
7554
7572
|
r: "8",
|
|
7555
|
-
fill: "#
|
|
7573
|
+
fill: "#357FE9"
|
|
7556
7574
|
}),
|
|
7557
7575
|
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", {
|
|
7558
|
-
d: "M10
|
|
7559
|
-
stroke: "
|
|
7560
|
-
|
|
7561
|
-
|
|
7562
|
-
|
|
7576
|
+
d: "M10.01 13.3333L10.01 9.66666M10.01 6.99999L10.0033 6.99999",
|
|
7577
|
+
stroke: "white",
|
|
7578
|
+
"stroke-width": "1.25",
|
|
7579
|
+
"stroke-linecap": "round",
|
|
7580
|
+
"stroke-linejoin": "round"
|
|
7563
7581
|
})
|
|
7564
7582
|
]
|
|
7565
7583
|
})
|
|
@@ -7571,23 +7589,24 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
|
7571
7589
|
var CircleWarningIcon = React6.forwardRef(function(props, ref) {
|
|
7572
7590
|
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, _object_spread_props(_object_spread({}, props), {
|
|
7573
7591
|
children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("svg", {
|
|
7574
|
-
className: "w-full h-full",
|
|
7575
|
-
viewBox: "0 0 20 20",
|
|
7576
|
-
fill: "currentColor",
|
|
7577
7592
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7593
|
+
width: "20",
|
|
7594
|
+
height: "20",
|
|
7595
|
+
viewBox: "0 0 20 20",
|
|
7596
|
+
fill: "none",
|
|
7578
7597
|
children: [
|
|
7579
7598
|
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("circle", {
|
|
7580
7599
|
cx: "10",
|
|
7581
7600
|
cy: "10",
|
|
7582
7601
|
r: "8",
|
|
7583
|
-
fill: "#
|
|
7602
|
+
fill: "#ED9908"
|
|
7584
7603
|
}),
|
|
7585
7604
|
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", {
|
|
7586
|
-
d: "M9.99994
|
|
7587
|
-
stroke: "
|
|
7588
|
-
|
|
7589
|
-
|
|
7590
|
-
|
|
7605
|
+
d: "M9.99994 7V10.6667M9.99994 13.3333H10.0066",
|
|
7606
|
+
stroke: "white",
|
|
7607
|
+
"stroke-width": "1.25",
|
|
7608
|
+
"stroke-linecap": "round",
|
|
7609
|
+
"stroke-linejoin": "round"
|
|
7591
7610
|
})
|
|
7592
7611
|
]
|
|
7593
7612
|
})
|
|
@@ -7599,23 +7618,24 @@ var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
|
7599
7618
|
var CircleSuccessIcon = React7.forwardRef(function(props, ref) {
|
|
7600
7619
|
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Icon, _object_spread_props(_object_spread({}, props), {
|
|
7601
7620
|
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("svg", {
|
|
7602
|
-
className: "w-full h-full",
|
|
7603
|
-
viewBox: "0 0 20 20",
|
|
7604
|
-
fill: "currentColor",
|
|
7605
7621
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7622
|
+
width: "20",
|
|
7623
|
+
height: "20",
|
|
7624
|
+
viewBox: "0 0 20 20",
|
|
7625
|
+
fill: "none",
|
|
7606
7626
|
children: [
|
|
7607
7627
|
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", {
|
|
7608
7628
|
cx: "10",
|
|
7609
7629
|
cy: "10",
|
|
7610
7630
|
r: "8",
|
|
7611
|
-
fill: "#
|
|
7631
|
+
fill: "#17A966"
|
|
7612
7632
|
}),
|
|
7613
7633
|
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", {
|
|
7614
|
-
d: "
|
|
7615
|
-
stroke: "
|
|
7616
|
-
|
|
7617
|
-
|
|
7618
|
-
|
|
7634
|
+
d: "M7 10.3333L9 12.3333L13 8.33334",
|
|
7635
|
+
stroke: "white",
|
|
7636
|
+
"stroke-width": "1.25",
|
|
7637
|
+
"stroke-linecap": "round",
|
|
7638
|
+
"stroke-linejoin": "round"
|
|
7619
7639
|
})
|
|
7620
7640
|
]
|
|
7621
7641
|
})
|
|
@@ -11409,7 +11429,7 @@ var DropdownMenuSubTrigger = React21.forwardRef(function(_param, ref) {
|
|
|
11409
11429
|
]);
|
|
11410
11430
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
11411
11431
|
ref: ref,
|
|
11412
|
-
className: cn("flex cursor-pointer select-none items-center rounded-sm px-3 py-2 outline-none focus:bg-
|
|
11432
|
+
className: cn("flex cursor-pointer select-none items-center rounded-sm px-3 py-2 outline-none focus:bg-cc-Dropdown-bg-hover data-[state=open]:bg-cc-Dropdown-bg-hover", inset && "pl-8", className)
|
|
11413
11433
|
}, props), {
|
|
11414
11434
|
children: [
|
|
11415
11435
|
children,
|
|
@@ -11449,7 +11469,7 @@ var DropdownMenuSubContent = React21.forwardRef(function(_param, ref) {
|
|
|
11449
11469
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.SubContent, _object_spread({
|
|
11450
11470
|
ref: ref,
|
|
11451
11471
|
sideOffset: sideOffset,
|
|
11452
|
-
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Default bg-
|
|
11472
|
+
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Default bg-cc-Dropdown-bg-default 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),
|
|
11453
11473
|
onMouseEnter: hoverContext ? handleMouseEnter : onMouseEnter,
|
|
11454
11474
|
onMouseLeave: hoverContext ? handleMouseLeave : onMouseLeave
|
|
11455
11475
|
}, props));
|
|
@@ -11489,7 +11509,7 @@ var DropdownMenuContent = React21.forwardRef(function(_param, ref) {
|
|
|
11489
11509
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.Content, _object_spread({
|
|
11490
11510
|
ref: ref,
|
|
11491
11511
|
sideOffset: sideOffset,
|
|
11492
|
-
className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Opaque bg-
|
|
11512
|
+
className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Opaque bg-cc-Dropdown-bg-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),
|
|
11493
11513
|
onMouseEnter: hoverContext ? handleMouseEnter : onMouseEnter,
|
|
11494
11514
|
onMouseLeave: hoverContext ? handleMouseLeave : onMouseLeave
|
|
11495
11515
|
}, props));
|
|
@@ -11502,7 +11522,7 @@ var DropdownMenuItem = React21.forwardRef(function(_param, ref) {
|
|
|
11502
11522
|
]);
|
|
11503
11523
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.Item, _object_spread({
|
|
11504
11524
|
ref: ref,
|
|
11505
|
-
className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1 outline-none transition-colors focus:bg-
|
|
11525
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1 outline-none transition-colors focus:bg-cc-Dropdown-bg-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-30", inset && "pl-8", className)
|
|
11506
11526
|
}, props));
|
|
11507
11527
|
});
|
|
11508
11528
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
@@ -11514,7 +11534,7 @@ var DropdownMenuCheckboxItem = React21.forwardRef(function(_param, ref) {
|
|
|
11514
11534
|
]);
|
|
11515
11535
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
11516
11536
|
ref: ref,
|
|
11517
|
-
className: cn("relative flex cursor-pointer select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-
|
|
11537
|
+
className: cn("relative flex cursor-pointer select-none items-center rounded-xs py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-cc-Dropdown-bg-hover data-[disabled]:pointer-events-none data-[disabled]:opacity-30", className),
|
|
11518
11538
|
checked: checked
|
|
11519
11539
|
}, props), {
|
|
11520
11540
|
children: [
|
|
@@ -12188,7 +12208,7 @@ var CommandItem = React26.forwardRef(function(_param, ref) {
|
|
|
12188
12208
|
]);
|
|
12189
12209
|
return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_cmdk.Command.Item, _object_spread({
|
|
12190
12210
|
ref: ref,
|
|
12191
|
-
className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-
|
|
12211
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-cc-Dropdown-bg-hover aria-selected:text-Colors-Text-Default data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className)
|
|
12192
12212
|
}, props));
|
|
12193
12213
|
});
|
|
12194
12214
|
CommandItem.displayName = import_cmdk.Command.Item.displayName;
|
|
@@ -12650,7 +12670,7 @@ var Guide = function(param) {
|
|
|
12650
12670
|
}
|
|
12651
12671
|
var content = popover.wrapper;
|
|
12652
12672
|
if (content) {
|
|
12653
|
-
content.className = cn("!bg-Colors-
|
|
12673
|
+
content.className = cn("!bg-Colors-Background-Info-Alt !p-3 !shadow-modal-default", content.className);
|
|
12654
12674
|
var arrow = popover.arrow;
|
|
12655
12675
|
if (arrow) {
|
|
12656
12676
|
arrow.className = cn("border-t-Colors-Utility-Lake-Blue-50", arrow.className);
|
|
@@ -13648,7 +13668,7 @@ var modalVariants = (0, import_class_variance_authority13.cva)("focus-visible:ou
|
|
|
13648
13668
|
}
|
|
13649
13669
|
});
|
|
13650
13670
|
var Modal = function(_param) {
|
|
13651
|
-
var title = _param.title, description = _param.description, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 99 : _param_zIndex, _param_hideClose = _param.hideClose, hideClose = _param_hideClose === void 0 ? false : _param_hideClose, _param_overlayClose = _param.overlayClose, overlayClose = _param_overlayClose === void 0 ? true : _param_overlayClose, _param_modalOnly = _param.modalOnly, modalOnly = _param_modalOnly === void 0 ? true : _param_modalOnly, contentClassName = _param.contentClassName, overlayClassName = _param.overlayClassName, iconClassName = _param.iconClassName, closeClassName = _param.closeClassName, _param_fullScreen = _param.fullScreen, fullScreen = _param_fullScreen === void 0 ? false : _param_fullScreen, focusScopeOptions = _param.focusScopeOptions, _param_isLogin = _param.isLogin, isLogin = _param_isLogin === void 0 ? false : _param_isLogin, _param_isNotification = _param.isNotification, isNotification = _param_isNotification === void 0 ? false : _param_isNotification, _param_isHorizontal = _param.isHorizontal, isHorizontal = _param_isHorizontal === void 0 ? false : _param_isHorizontal, state = _param.state, _param_showCancel = _param.showCancel, showCancel = _param_showCancel === void 0 ? true : _param_showCancel, _param_confirmLoading = _param.confirmLoading, confirmLoading = _param_confirmLoading === void 0 ? false : _param_confirmLoading, cancelText = _param.cancelText, confirmText = _param.confirmText, children = _param.children, _param_autoFocus = _param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus, onClose = _param.onClose, onConfirm = _param.onConfirm, props = _object_without_properties(_param, [
|
|
13671
|
+
var title = _param.title, description = _param.description, _param_size = _param.size, size = _param_size === void 0 ? "lg" : _param_size, _param_zIndex = _param.zIndex, zIndex = _param_zIndex === void 0 ? 99 : _param_zIndex, _param_hideClose = _param.hideClose, hideClose = _param_hideClose === void 0 ? false : _param_hideClose, _param_overlayClose = _param.overlayClose, overlayClose = _param_overlayClose === void 0 ? true : _param_overlayClose, _param_modalOnly = _param.modalOnly, modalOnly = _param_modalOnly === void 0 ? true : _param_modalOnly, contentClassName = _param.contentClassName, overlayClassName = _param.overlayClassName, iconClassName = _param.iconClassName, closeClassName = _param.closeClassName, _param_fullScreen = _param.fullScreen, fullScreen = _param_fullScreen === void 0 ? false : _param_fullScreen, focusScopeOptions = _param.focusScopeOptions, _param_isLogin = _param.isLogin, isLogin = _param_isLogin === void 0 ? false : _param_isLogin, _param_isNotification = _param.isNotification, isNotification = _param_isNotification === void 0 ? false : _param_isNotification, _param_isHorizontal = _param.isHorizontal, isHorizontal = _param_isHorizontal === void 0 ? false : _param_isHorizontal, state = _param.state, icon = _param.icon, _param_showCancel = _param.showCancel, showCancel = _param_showCancel === void 0 ? true : _param_showCancel, _param_confirmLoading = _param.confirmLoading, confirmLoading = _param_confirmLoading === void 0 ? false : _param_confirmLoading, cancelText = _param.cancelText, confirmText = _param.confirmText, children = _param.children, _param_autoFocus = _param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus, onClose = _param.onClose, onConfirm = _param.onConfirm, props = _object_without_properties(_param, [
|
|
13652
13672
|
"title",
|
|
13653
13673
|
"description",
|
|
13654
13674
|
"size",
|
|
@@ -13666,6 +13686,7 @@ var Modal = function(_param) {
|
|
|
13666
13686
|
"isNotification",
|
|
13667
13687
|
"isHorizontal",
|
|
13668
13688
|
"state",
|
|
13689
|
+
"icon",
|
|
13669
13690
|
"showCancel",
|
|
13670
13691
|
"confirmLoading",
|
|
13671
13692
|
"cancelText",
|
|
@@ -13678,7 +13699,7 @@ var Modal = function(_param) {
|
|
|
13678
13699
|
var isMobile2 = (0, import_react_use5.useMedia)("(max-width: 768px)");
|
|
13679
13700
|
if (isMobile2 && !modalOnly && !isNotification) {
|
|
13680
13701
|
var drawerContent = /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(import_vaul2.Drawer.Content, {
|
|
13681
|
-
className: cn("fixed inset-x-0 bottom-0 z-50 h-auto overflow-hidden no-scrollbar border-Colors-Border-Opaque bg-Colors-Background-Utilities-Modal shadow-modal-default focus:outline-none", fullScreen ? "rounded-t-none max-h-full" : "rounded-t-md max-h-[85vh]", contentClassName),
|
|
13702
|
+
className: cn("fixed inset-x-0 bottom-0 z-50 h-auto overflow-hidden no-scrollbar border-Colors-Border-Opaque bg-Colors-Background-Utilities-Modal shadow-modal-default backdrop-blur-xl focus:outline-none", fullScreen ? "rounded-t-none max-h-full" : "rounded-t-md max-h-[85vh]", contentClassName),
|
|
13682
13703
|
onOpenAutoFocus: function(e) {
|
|
13683
13704
|
!autoFocus && e.preventDefault();
|
|
13684
13705
|
},
|
|
@@ -13742,6 +13763,10 @@ var Modal = function(_param) {
|
|
|
13742
13763
|
}
|
|
13743
13764
|
var renderIcon3 = function(state2) {
|
|
13744
13765
|
switch(state2){
|
|
13766
|
+
case "basic":
|
|
13767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.UserPenIcon, {
|
|
13768
|
+
className: "text-Colors-Foreground-Default w-6 h-6"
|
|
13769
|
+
});
|
|
13745
13770
|
case "info":
|
|
13746
13771
|
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react12.InfoIcon, {
|
|
13747
13772
|
className: "text-cc-Icon-Featured-icon-fg-Info w-6 h-6"
|
|
@@ -13762,18 +13787,20 @@ var Modal = function(_param) {
|
|
|
13762
13787
|
};
|
|
13763
13788
|
var getBackgroundColor = function(state2) {
|
|
13764
13789
|
switch(state2){
|
|
13790
|
+
case "basic":
|
|
13791
|
+
return "bg-Colors-Background-Surface-Subtle";
|
|
13765
13792
|
case "info":
|
|
13766
|
-
return "bg-
|
|
13793
|
+
return "bg-cc-Icon-Featured-icon-bg-Info";
|
|
13767
13794
|
case "success":
|
|
13768
|
-
return "bg-
|
|
13795
|
+
return "bg-cc-Icon-Featured-icon-bg-Success";
|
|
13769
13796
|
case "warning":
|
|
13770
|
-
return "bg-
|
|
13797
|
+
return "bg-cc-Icon-Featured-icon-bg-Warning";
|
|
13771
13798
|
case "error":
|
|
13772
|
-
return "bg-
|
|
13799
|
+
return "bg-cc-Icon-Featured-icon-bg-Error";
|
|
13773
13800
|
}
|
|
13774
13801
|
};
|
|
13775
13802
|
var dialogContent = /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(ModalContent, {
|
|
13776
|
-
className: cn("rounded-md border-Colors-Border-Opaque bg-Colors-Background-Utilities-Modal shadow-modal-default overflow-hidden", !isMobile2 ? modalVariants({
|
|
13803
|
+
className: cn("rounded-md border-Colors-Border-Opaque bg-Colors-Background-Utilities-Modal shadow-modal-default backdrop-blur-xl overflow-hidden", !isMobile2 ? modalVariants({
|
|
13777
13804
|
size: size,
|
|
13778
13805
|
zIndex: zIndex
|
|
13779
13806
|
}) : isLogin ? "w-[90%]" : "w-[80%]", isNotification && "w-[312px] md:w-[380px]", contentClassName),
|
|
@@ -13791,7 +13818,7 @@ var Modal = function(_param) {
|
|
|
13791
13818
|
className: cn(isNotification && "border-none !pb-3"),
|
|
13792
13819
|
children: state && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", {
|
|
13793
13820
|
className: cn("flex items-center justify-center w-10 h-10 rounded-full flex-shrink-0 flex-grow-0", getBackgroundColor(state)),
|
|
13794
|
-
children: renderIcon3(state)
|
|
13821
|
+
children: icon || renderIcon3(state)
|
|
13795
13822
|
})
|
|
13796
13823
|
}),
|
|
13797
13824
|
/* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", {
|
|
@@ -13977,7 +14004,7 @@ function SearchBar(_param) {
|
|
|
13977
14004
|
hasEnter: true,
|
|
13978
14005
|
rounded: roundedFill ? "full" : "sm",
|
|
13979
14006
|
size: size,
|
|
13980
|
-
className: cn("relative w-full px-9 flex space-x-2 text-base shadow-none placeholder:text-Colors-Text-Subtlest", "
|
|
14007
|
+
className: cn("relative w-full px-9 flex space-x-2 text-base shadow-none placeholder:text-Colors-Text-Subtlest", "focus-visible-style", {
|
|
13981
14008
|
"focus-visible:ring-transparent": readOnly
|
|
13982
14009
|
}, inputClassName),
|
|
13983
14010
|
value: value1,
|
|
@@ -14559,7 +14586,7 @@ var SelectContent = React42.forwardRef(function(_param, ref) {
|
|
|
14559
14586
|
]);
|
|
14560
14587
|
var Content13 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
14561
14588
|
ref: ref,
|
|
14562
|
-
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Default bg-
|
|
14589
|
+
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Default bg-cc-Dropdown-bg-default 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", 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),
|
|
14563
14590
|
position: position
|
|
14564
14591
|
}, props), {
|
|
14565
14592
|
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive.Viewport, {
|
|
@@ -14620,7 +14647,7 @@ var SelectItem = React42.forwardRef(function(_param, ref) {
|
|
|
14620
14647
|
]);
|
|
14621
14648
|
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(SelectPrimitive.Item, _object_spread_props(_object_spread({
|
|
14622
14649
|
ref: ref,
|
|
14623
|
-
className: cn("relative flex justify-between w-full cursor-pointer select-none items-center rounded-sm py-1 px-1.5 outline-none text-base", "hover:bg-
|
|
14650
|
+
className: cn("relative flex justify-between w-full cursor-pointer select-none items-center rounded-sm py-1 px-1.5 outline-none text-base", "hover:bg-cc-Dropdown-bg-hover focus:bg-cc-Dropdown-bg-hover data-[disabled]:opacity-30 data-[disabled]:cursor-not-allowed space-x-1.5", critical ? "text-Colors-Text-Critical-Default" : "focus:text-Colors-Text-Default", className)
|
|
14624
14651
|
}, props), {
|
|
14625
14652
|
children: [
|
|
14626
14653
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", {
|
|
@@ -15195,7 +15222,7 @@ var MultipleSelector = React43.forwardRef(function(param, ref) {
|
|
|
15195
15222
|
return e.stopPropagation();
|
|
15196
15223
|
},
|
|
15197
15224
|
children: open && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CommandList, {
|
|
15198
|
-
className: "no-scrollbar text-Colors-Text-Default absolute top-1 z-10 max-h-60 w-full min-w-[8rem] rounded-sm border border-cc-Input-bg-default bg-
|
|
15225
|
+
className: "no-scrollbar text-Colors-Text-Default absolute top-1 z-10 max-h-60 w-full min-w-[8rem] rounded-sm border border-cc-Input-bg-default bg-cc-Dropdown-bg-default shadow-modal-default",
|
|
15199
15226
|
onMouseLeave: function() {
|
|
15200
15227
|
setOnScrollbar(false);
|
|
15201
15228
|
},
|
|
@@ -15393,7 +15420,7 @@ function Skeleton(_param) {
|
|
|
15393
15420
|
"animate"
|
|
15394
15421
|
]);
|
|
15395
15422
|
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", _object_spread({
|
|
15396
|
-
className: cn("rounded-sm bg-Colors-Background-
|
|
15423
|
+
className: cn("rounded-sm bg-Colors-Background-Surface-Muted", className, animate && "animate-pulse")
|
|
15397
15424
|
}, props));
|
|
15398
15425
|
}
|
|
15399
15426
|
// src/components/slider.tsx
|
|
@@ -25879,13 +25906,13 @@ var ToastViewport = React51.forwardRef(function(_param, ref) {
|
|
|
25879
25906
|
}, props));
|
|
25880
25907
|
});
|
|
25881
25908
|
ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
|
|
25882
|
-
var toastVariants = (0, import_class_variance_authority21.cva)("group pointer-events-auto relative flex w-
|
|
25909
|
+
var toastVariants = (0, import_class_variance_authority21.cva)("group pointer-events-auto relative flex w-[286px] min-w-[286px] max-w-[286px] items-start gap-3 overflow-hidden rounded-lg border border-cc-Toast-border bg-cc-Toast-bg-default p-3 backdrop-blur-[20px] shadow-modal-default transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80", {
|
|
25883
25910
|
variants: {
|
|
25884
25911
|
variant: {
|
|
25885
|
-
info: "
|
|
25886
|
-
warning: "
|
|
25887
|
-
error: "
|
|
25888
|
-
success: "
|
|
25912
|
+
info: "",
|
|
25913
|
+
warning: "",
|
|
25914
|
+
error: "",
|
|
25915
|
+
success: ""
|
|
25889
25916
|
},
|
|
25890
25917
|
position: {
|
|
25891
25918
|
"top-left": "data-[state=open]:slide-in-from-left-full data-[state=closed]:slide-out-to-left-full",
|
|
@@ -25935,11 +25962,11 @@ var ToastClose = React51.forwardRef(function(_param, ref) {
|
|
|
25935
25962
|
]);
|
|
25936
25963
|
return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ToastPrimitives.Close, _object_spread_props(_object_spread({
|
|
25937
25964
|
ref: ref,
|
|
25938
|
-
className: cn("absolute right-
|
|
25965
|
+
className: cn("absolute size-5 right-3 top-3 rounded-full p-1 text-cc-Button-Tertiary-fg-default hover:text-cc-Button-Tertiary-fg-alt bg-cc-Button-Tertiary-bg-default hover:bg-cc-Button-Tertiary-bg-hover transition-opacity outline-none focus:outline-none focus:ring-2 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600 ", className),
|
|
25939
25966
|
"toast-close": ""
|
|
25940
25967
|
}, props), {
|
|
25941
25968
|
children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react19.XIcon, {
|
|
25942
|
-
className: "h-
|
|
25969
|
+
className: "h-3 w-3 text-cc-Button-Tertiary-fg-default"
|
|
25943
25970
|
})
|
|
25944
25971
|
}));
|
|
25945
25972
|
});
|
|
@@ -26172,37 +26199,37 @@ function Toaster() {
|
|
|
26172
26199
|
position
|
|
26173
26200
|
]);
|
|
26174
26201
|
var renderToast = function(toast4) {
|
|
26175
|
-
var id = toast4.id, title = toast4.title, description = toast4.description, action = toast4.action, variant = toast4.variant, toastPosition = toast4.position;
|
|
26202
|
+
var id = toast4.id, title = toast4.title, description = toast4.description, action = toast4.action, variant = toast4.variant, icon = toast4.icon, toastPosition = toast4.position;
|
|
26176
26203
|
var renderIcon3 = function(variant2) {
|
|
26177
26204
|
switch(variant2){
|
|
26178
26205
|
case "info":
|
|
26179
26206
|
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react20.InfoIcon, {
|
|
26180
|
-
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Info"
|
|
26207
|
+
className: "h-6 w-6 sm:h-4.5 sm:w-4.5 text-cc-Icon-Featured-icon-fg-Info"
|
|
26181
26208
|
});
|
|
26182
26209
|
case "success":
|
|
26183
26210
|
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react20.CircleCheckIcon, {
|
|
26184
|
-
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Success"
|
|
26211
|
+
className: "h-6 w-6 sm:h-4.5 sm:w-4.5 text-cc-Icon-Featured-icon-fg-Success"
|
|
26185
26212
|
});
|
|
26186
26213
|
case "warning":
|
|
26187
26214
|
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react20.TriangleAlertIcon, {
|
|
26188
|
-
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Warning"
|
|
26215
|
+
className: "h-6 w-6 sm:h-4.5 sm:w-4.5 text-cc-Icon-Featured-icon-fg-Warning"
|
|
26189
26216
|
});
|
|
26190
26217
|
case "error":
|
|
26191
26218
|
return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react20.CircleXIcon, {
|
|
26192
|
-
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Error"
|
|
26219
|
+
className: "h-6 w-6 sm:h-4.5 sm:w-4.5 text-cc-Icon-Featured-icon-fg-Error"
|
|
26193
26220
|
});
|
|
26194
26221
|
}
|
|
26195
26222
|
};
|
|
26196
26223
|
var getBackgroundColor = function(variant2) {
|
|
26197
26224
|
switch(variant2){
|
|
26198
26225
|
case "info":
|
|
26199
|
-
return "bg-
|
|
26226
|
+
return "bg-cc-Icon-Featured-icon-bg-Info";
|
|
26200
26227
|
case "success":
|
|
26201
|
-
return "bg-
|
|
26228
|
+
return "bg-cc-Icon-Featured-icon-bg-Success";
|
|
26202
26229
|
case "warning":
|
|
26203
|
-
return "bg-
|
|
26230
|
+
return "bg-cc-Icon-Featured-icon-bg-Warning";
|
|
26204
26231
|
case "error":
|
|
26205
|
-
return "bg-
|
|
26232
|
+
return "bg-cc-Icon-Featured-icon-bg-Error";
|
|
26206
26233
|
}
|
|
26207
26234
|
};
|
|
26208
26235
|
return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Toast, _object_spread_props(_object_spread({}, toast4), {
|
|
@@ -26214,18 +26241,18 @@ function Toaster() {
|
|
|
26214
26241
|
className: "flex items-start gap-3",
|
|
26215
26242
|
children: [
|
|
26216
26243
|
/* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", {
|
|
26217
|
-
className: cn("flex h-10 w-10 flex-shrink-0 flex-grow-0 items-center justify-center rounded-full", getBackgroundColor(variant)),
|
|
26218
|
-
children: renderIcon3(variant)
|
|
26244
|
+
className: cn("flex h-10 w-10 sm:h-8 sm:w-8 flex-shrink-0 flex-grow-0 items-center justify-center rounded-full", getBackgroundColor(variant)),
|
|
26245
|
+
children: icon || renderIcon3(variant)
|
|
26219
26246
|
}),
|
|
26220
26247
|
/* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", {
|
|
26221
26248
|
className: "grid gap-1",
|
|
26222
26249
|
children: [
|
|
26223
26250
|
title && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ToastTitle, {
|
|
26224
|
-
className: "text-base text-
|
|
26251
|
+
className: "text-base text-cc-Toast-fg-default",
|
|
26225
26252
|
children: title
|
|
26226
26253
|
}),
|
|
26227
26254
|
description && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ToastDescription, {
|
|
26228
|
-
className: "text-sm text-
|
|
26255
|
+
className: "text-sm text-cc-Toast-fg-subtle",
|
|
26229
26256
|
children: description
|
|
26230
26257
|
}),
|
|
26231
26258
|
action
|
|
@@ -26264,7 +26291,7 @@ var import_free_mode = require("swiper/css/free-mode");
|
|
|
26264
26291
|
var import_grid = require("swiper/css/grid");
|
|
26265
26292
|
var import_pagination = require("swiper/css/pagination");
|
|
26266
26293
|
// src/components/swiper/index.module.scss
|
|
26267
|
-
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,
|
|
26294
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL21vbmljYS9EZXNrdG9wL215c2hlbGwvbXlzaGVsbC1yZWFjdC1saWIvc3JjL2NvbXBvbmVudHMvc3dpcGVyIiwic291cmNlcyI6WyJpbmRleC5tb2R1bGUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFOztBQUdFO0VBQ0U7RUFDQTs7QUFFRjtFQUNFO0VBQ0E7O0FBRUY7RUFDRTs7QUFFRjtFQUNFOztBQUlGO0VBRUU7O0FBRUY7RUFFRTs7QUFFRjtFQUNFOztBQUdGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUNFOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUNFOztBQUtGO0VBQ0U7O0FBQ0U7RUFDRTs7QUFHTjtFQUNFOztBQUNFO0VBQ0U7OztBQU9SO0VBQ0UiLCJzb3VyY2VzQ29udGVudCI6WyIuc3dpcGVyQm94e1xuICBAYXBwbHkgdy1mdWxsIGgtZml0O1xuICBcbiAgOmdsb2JhbCguc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBiZy1jb250YWluIGJnLW5vLXJlcGVhdDtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IHVybCgnZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQSE4yWnlCNGJXeHVjejBpYUhSMGNEb3ZMM2QzZHk1M015NXZjbWN2TWpBd01DOXpkbWNpSUhacFpYZENiM2c5SWpBZ01DQXlNQ0F5TUNJZ1ptbHNiRDBpSXpReE5ETTBOU0lnWTJ4aGMzTTlJbk5wZW1VdE5TSStDaUFnUEhCaGRHZ2dabWxzYkMxeWRXeGxQU0psZG1WdWIyUmtJaUJrUFNKTk1URXVOemdnTlM0eU1tRXVOelV1TnpVZ01DQXdJREVnTUNBeExqQTJURGd1TURZZ01UQnNNeTQzTWlBekxqY3lZUzQzTlM0M05TQXdJREVnTVMweExqQTJJREV1TURac0xUUXVNalV0TkM0eU5XRXVOelV1TnpVZ01DQXdJREVnTUMweExqQTJiRFF1TWpVdE5DNHlOV0V1TnpVdU56VWdNQ0F3SURFZ01TNHdOaUF3V2lJZ1kyeHBjQzF5ZFd4bFBTSmxkbVZ1YjJSa0lpQXZQZ284TDNOMlp6NEsnKTsgXG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgYmctY29udGFpbiBiZy1uby1yZXBlYXQ7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjRiV3h1Y3owaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1qQXdNQzl6ZG1jaUlIWnBaWGRDYjNnOUlqQWdNQ0F5TUNBeU1DSWdabWxzYkQwaUl6UXhORE0wTlNJZ1kyeGhjM005SW5OcGVtVXROU0krQ2lBZ1BIQmhkR2dnWm1sc2JDMXlkV3hsUFNKbGRtVnViMlJrSWlCa1BTSk5PQzR5TWlBMUxqSXlZUzQzTlM0M05TQXdJREFnTVNBeExqQTJJREJzTkM0eU5TQTBMakkxWVM0M05TNDNOU0F3SURBZ01TQXdJREV1TURac0xUUXVNalVnTkM0eU5XRXVOelV1TnpVZ01DQXdJREV0TVM0d05pMHhMakEyVERFeExqazBJREV3SURndU1qSWdOaTR5T0dFdU56VXVOelVnTUNBd0lERWdNQzB4TGpBMldpSWdZMnhwY0MxeWRXeGxQU0psZG1WdWIyUmtJaUF2UGdvOEwzTjJaejRLQ2c9PScpOyBcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2OjphZnRlcil7XG4gICAgICBAYXBwbHkgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IGNvbnRlbnQtbm9uZTtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1uZXh0OjphZnRlcil7XG4gICAgICBAYXBwbHkgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IGNvbnRlbnQtbm9uZTtcbiAgICB9XG4gIH1cbiAgOmdsb2JhbCguc3dpcGVyLmJhbm5lci1zd2lwZXIpIHtcbiAgICA6Z2xvYmFsKC5iYW5uZXItc3dpcGVyLXNsaWRlLnN3aXBlci1zbGlkZS1wcmV2KSB7XG4gICAgICAvLyB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7XG4gICAgICBAYXBwbHkgb3JpZ2luLXJpZ2h0O1xuICAgIH1cbiAgICA6Z2xvYmFsKC5iYW5uZXItc3dpcGVyLXNsaWRlLnN3aXBlci1zbGlkZS1uZXh0KSB7XG4gICAgICAvLyB0cmFuc2Zvcm06IHNjYWxlKDAuOCk7XG4gICAgICBAYXBwbHkgb3JpZ2luLWxlZnQ7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1zbGlkZS1hY3RpdmUpIHtcbiAgICAgIEBhcHBseSBvcGFjaXR5LTEwMDtcbiAgICAgIC8vIHRyYW5zZm9ybTogc2NhbGUoMSkgdHJhbnNsYXRlWCgwKTtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1uZXh0KXtcbiAgICAgIEBhcHBseSAtcmlnaHQtNCBtZDpyaWdodC0wIDN4bDpyaWdodC1bY2FsYygoMTAwJS0xMjAwcHgpLzItMTZweCldO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLXByZXYpe1xuICAgICAgQGFwcGx5IC1sZWZ0LTQgbWQ6bGVmdC0wIDN4bDpsZWZ0LVtjYWxjKCgxMDAlLTEyMDBweCkvMi0xNnB4KV07XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5mZWF0dXJlLXN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgcmlnaHQtMDtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBsZWZ0LTA7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tZGlzYWJsZWQpIHtcbiAgICAgIEBhcHBseSBoaWRkZW47XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5wYXRyb24tYmFkZ2Utc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1uZXh0KXtcbiAgICAgIEBhcHBseSByaWdodC0wO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLXByZXYpe1xuICAgICAgQGFwcGx5IGxlZnQtMDtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1kaXNhYmxlZCkge1xuICAgICAgQGFwcGx5IGhpZGRlbjtcbiAgICB9XG4gIH1cbiAgOmdsb2JhbCguc3dpcGVyLmdyaWQtc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguc3dpcGVyLXdyYXBwZXIpIHtcbiAgICAgIEBhcHBseSB3LVsxMDB2d10gbWQ6dy1mdWxsIGZsZXgtd3JhcCBmbGV4LWNvbCBtLTA7XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlcikge1xuICAgIFxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgaGlkZGVuIG1kOmZsZXgganVzdGlmeS1jZW50ZXIgaXRlbXMtY2VudGVyIGFic29sdXRlIHRvcC1bNTAlXSB3LTggaC04IGZvbnQtc2VtaWJvbGQgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IGJvcmRlciBib3JkZXItQ29sb3JzLUJvcmRlci1EZWZhdWx0IGJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LURlZmF1bHQgcm91bmRlZC1mdWxsIGN1cnNvci1wb2ludGVyIGhvdmVyOmJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LUhvdmVyIGFjdGl2ZTpiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1BY3RpdmU7XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBAYXBwbHkgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IHRleHQteHMgZm9udC1ib2xkO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBoaWRkZW4gbWQ6ZmxleCBqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXIgYWJzb2x1dGUgdG9wLVs1MCVdIHctOCBoLTggZm9udC1zZW1pYm9sZCB0ZXh0LUNvbG9ycy1Gb3JlZ3JvdW5kLURlZmF1bHQgYm9yZGVyIGJvcmRlci1Db2xvcnMtQm9yZGVyLURlZmF1bHQgYmctQ29sb3JzLUJhY2tncm91bmQtTm9ybWFsLVByaW1hcnktRGVmYXVsdCByb3VuZGVkLWZ1bGwgY3Vyc29yLXBvaW50ZXIgaG92ZXI6YmctQ29sb3JzLUJhY2tncm91bmQtTm9ybWFsLVByaW1hcnktSG92ZXIgYWN0aXZlOmJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LUFjdGl2ZTtcbiAgICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICAgIEBhcHBseSB0ZXh0LUNvbG9ycy1Gb3JlZ3JvdW5kLURlZmF1bHQgdGV4dC14cyBmb250LWJvbGQ7XG4gICAgICB9XG4gICAgfVxuICB9XG59XG5cbi5hbmltYXRlIHtcbiAgOmdsb2JhbCguc3dpcGVyLXNsaWRlKSB7XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDUwMG1zIGxpbmVhcjtcbiAgfVxufVxuIl19 */';
|
|
26268
26295
|
// src/components/swiper/index.tsx
|
|
26269
26296
|
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
26270
26297
|
var swiperVariants = (0, import_class_variance_authority22.cva)("", {
|
|
@@ -26442,25 +26469,25 @@ function CustomNotification(param) {
|
|
|
26442
26469
|
return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", {
|
|
26443
26470
|
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", {
|
|
26444
26471
|
id: id,
|
|
26445
|
-
className: "z-[10000000] min-h-10 w-fit max-w-[90vw] rounded-full border border-
|
|
26472
|
+
className: "z-[10000000] min-h-10 w-fit max-w-[90vw] rounded-full border border-cc-Popover-border bg-Colors-Background-Utilities-Modal px-3 py-2 shadow-modal-default md:max-w-[560px]",
|
|
26446
26473
|
children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", {
|
|
26447
26474
|
className: "flex w-full items-center justify-center gap-2",
|
|
26448
26475
|
children: [
|
|
26449
26476
|
loading && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Spinner, {}),
|
|
26450
26477
|
!loading && type && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", {
|
|
26451
|
-
className: "flex flex-shrink-0 items-center",
|
|
26478
|
+
className: "flex flex-shrink-0 items-center justify-center",
|
|
26452
26479
|
children: [
|
|
26453
26480
|
type === "info" && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CircleInfoIcon, {
|
|
26454
|
-
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Info"
|
|
26481
|
+
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Info items-center justify-center"
|
|
26455
26482
|
}),
|
|
26456
26483
|
type === "success" && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CircleSuccessIcon, {
|
|
26457
|
-
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Success"
|
|
26484
|
+
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Success items-center justify-center"
|
|
26458
26485
|
}),
|
|
26459
26486
|
type === "warning" && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CircleWarningIcon, {
|
|
26460
|
-
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Warning"
|
|
26487
|
+
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Warning items-center justify-center"
|
|
26461
26488
|
}),
|
|
26462
26489
|
type === "error" && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CircleErrorIcon, {
|
|
26463
|
-
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Error"
|
|
26490
|
+
className: "h-6 w-6 text-cc-Icon-Featured-icon-fg-Error items-center justify-center"
|
|
26464
26491
|
})
|
|
26465
26492
|
]
|
|
26466
26493
|
}),
|