myshell-react-lib 0.2.43 → 0.2.45
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 +170 -13
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +9 -5
- package/dist/index.d.ts +9 -5
- package/dist/index.js +215 -62
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -4305,6 +4305,9 @@ __export(index_exports, {
|
|
|
4305
4305
|
DropdownMenuGroup: function() {
|
|
4306
4306
|
return DropdownMenuGroup;
|
|
4307
4307
|
},
|
|
4308
|
+
DropdownMenuHover: function() {
|
|
4309
|
+
return DropdownMenuHover;
|
|
4310
|
+
},
|
|
4308
4311
|
DropdownMenuItem: function() {
|
|
4309
4312
|
return DropdownMenuItem;
|
|
4310
4313
|
},
|
|
@@ -11293,7 +11296,107 @@ var import_lucide_react5 = require("lucide-react");
|
|
|
11293
11296
|
var React21 = __toESM(require("react"), 1);
|
|
11294
11297
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
11295
11298
|
var DropdownMenu = DropdownMenuPrimitive.Root;
|
|
11296
|
-
var
|
|
11299
|
+
var DropdownMenuHoverContext = React21.createContext(null);
|
|
11300
|
+
var DropdownMenuHover = function(_param) {
|
|
11301
|
+
var children = _param.children, _param_openDelay = _param.openDelay, openDelay = _param_openDelay === void 0 ? 200 : _param_openDelay, _param_closeDelay = _param.closeDelay, closeDelay = _param_closeDelay === void 0 ? 300 : _param_closeDelay, _param_modal = _param.modal, modal = _param_modal === void 0 ? false : _param_modal, props = _object_without_properties(_param, [
|
|
11302
|
+
"children",
|
|
11303
|
+
"openDelay",
|
|
11304
|
+
"closeDelay",
|
|
11305
|
+
"modal"
|
|
11306
|
+
]);
|
|
11307
|
+
var _React21_useState = _sliced_to_array(React21.useState(false), 2), open = _React21_useState[0], setOpen = _React21_useState[1];
|
|
11308
|
+
var openTimeoutRef = React21.useRef();
|
|
11309
|
+
var closeTimeoutRef = React21.useRef();
|
|
11310
|
+
var openStateRef = React21.useRef(false);
|
|
11311
|
+
React21.useEffect(function() {
|
|
11312
|
+
openStateRef.current = open;
|
|
11313
|
+
}, [
|
|
11314
|
+
open
|
|
11315
|
+
]);
|
|
11316
|
+
var clearAllTimeouts = React21.useCallback(function() {
|
|
11317
|
+
if (openTimeoutRef.current) {
|
|
11318
|
+
clearTimeout(openTimeoutRef.current);
|
|
11319
|
+
openTimeoutRef.current = void 0;
|
|
11320
|
+
}
|
|
11321
|
+
if (closeTimeoutRef.current) {
|
|
11322
|
+
clearTimeout(closeTimeoutRef.current);
|
|
11323
|
+
closeTimeoutRef.current = void 0;
|
|
11324
|
+
}
|
|
11325
|
+
}, []);
|
|
11326
|
+
var handleMouseEnter = React21.useCallback(function() {
|
|
11327
|
+
if (closeTimeoutRef.current) {
|
|
11328
|
+
clearTimeout(closeTimeoutRef.current);
|
|
11329
|
+
closeTimeoutRef.current = void 0;
|
|
11330
|
+
}
|
|
11331
|
+
if (openTimeoutRef.current || openStateRef.current) {
|
|
11332
|
+
return;
|
|
11333
|
+
}
|
|
11334
|
+
openTimeoutRef.current = setTimeout(function() {
|
|
11335
|
+
setOpen(true);
|
|
11336
|
+
openTimeoutRef.current = void 0;
|
|
11337
|
+
}, openDelay);
|
|
11338
|
+
}, [
|
|
11339
|
+
openDelay
|
|
11340
|
+
]);
|
|
11341
|
+
var handleMouseLeave = React21.useCallback(function() {
|
|
11342
|
+
if (openTimeoutRef.current) {
|
|
11343
|
+
clearTimeout(openTimeoutRef.current);
|
|
11344
|
+
openTimeoutRef.current = void 0;
|
|
11345
|
+
}
|
|
11346
|
+
if (closeTimeoutRef.current || !openStateRef.current) {
|
|
11347
|
+
return;
|
|
11348
|
+
}
|
|
11349
|
+
closeTimeoutRef.current = setTimeout(function() {
|
|
11350
|
+
setOpen(false);
|
|
11351
|
+
closeTimeoutRef.current = void 0;
|
|
11352
|
+
}, closeDelay);
|
|
11353
|
+
}, [
|
|
11354
|
+
closeDelay
|
|
11355
|
+
]);
|
|
11356
|
+
React21.useEffect(function() {
|
|
11357
|
+
return function() {
|
|
11358
|
+
clearAllTimeouts();
|
|
11359
|
+
};
|
|
11360
|
+
}, [
|
|
11361
|
+
clearAllTimeouts
|
|
11362
|
+
]);
|
|
11363
|
+
var contextValue = React21.useMemo(function() {
|
|
11364
|
+
return {
|
|
11365
|
+
handleMouseEnter: handleMouseEnter,
|
|
11366
|
+
handleMouseLeave: handleMouseLeave
|
|
11367
|
+
};
|
|
11368
|
+
}, [
|
|
11369
|
+
handleMouseEnter,
|
|
11370
|
+
handleMouseLeave
|
|
11371
|
+
]);
|
|
11372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuHoverContext.Provider, {
|
|
11373
|
+
value: contextValue,
|
|
11374
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.Root, _object_spread_props(_object_spread({
|
|
11375
|
+
open: open,
|
|
11376
|
+
modal: modal,
|
|
11377
|
+
onOpenChange: function(newOpen) {
|
|
11378
|
+
if (!newOpen) {
|
|
11379
|
+
setOpen(false);
|
|
11380
|
+
clearAllTimeouts();
|
|
11381
|
+
} else {
|
|
11382
|
+
setOpen(true);
|
|
11383
|
+
}
|
|
11384
|
+
}
|
|
11385
|
+
}, props), {
|
|
11386
|
+
children: children
|
|
11387
|
+
}))
|
|
11388
|
+
});
|
|
11389
|
+
};
|
|
11390
|
+
var DropdownMenuTriggerPrimitive = DropdownMenuPrimitive.Trigger;
|
|
11391
|
+
var DropdownMenuTrigger = React21.forwardRef(function(props, ref) {
|
|
11392
|
+
var hoverContext = React21.useContext(DropdownMenuHoverContext);
|
|
11393
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuTriggerPrimitive, _object_spread({
|
|
11394
|
+
ref: ref,
|
|
11395
|
+
onMouseEnter: hoverContext === null || hoverContext === void 0 ? void 0 : hoverContext.handleMouseEnter,
|
|
11396
|
+
onMouseLeave: hoverContext === null || hoverContext === void 0 ? void 0 : hoverContext.handleMouseLeave
|
|
11397
|
+
}, props));
|
|
11398
|
+
});
|
|
11399
|
+
DropdownMenuTrigger.displayName = DropdownMenuPrimitive.Trigger.displayName;
|
|
11297
11400
|
var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
11298
11401
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
|
11299
11402
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
@@ -11306,7 +11409,7 @@ var DropdownMenuSubTrigger = React21.forwardRef(function(_param, ref) {
|
|
|
11306
11409
|
]);
|
|
11307
11410
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuPrimitive.SubTrigger, _object_spread_props(_object_spread({
|
|
11308
11411
|
ref: ref,
|
|
11309
|
-
className: cn("flex cursor-
|
|
11412
|
+
className: cn("flex cursor-pointer select-none items-center rounded-sm px-3 py-2 outline-none focus:bg-Colors-Background-Neutral-Secondary-Hover data-[state=open]:bg-Colors-Background-Neutral-Secondary-Active", inset && "pl-8", className)
|
|
11310
11413
|
}, props), {
|
|
11311
11414
|
children: [
|
|
11312
11415
|
children,
|
|
@@ -11318,24 +11421,77 @@ var DropdownMenuSubTrigger = React21.forwardRef(function(_param, ref) {
|
|
|
11318
11421
|
});
|
|
11319
11422
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
11320
11423
|
var DropdownMenuSubContent = React21.forwardRef(function(_param, ref) {
|
|
11321
|
-
var className = _param.className, props = _object_without_properties(_param, [
|
|
11322
|
-
"className"
|
|
11424
|
+
var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, onMouseEnter = _param.onMouseEnter, onMouseLeave = _param.onMouseLeave, props = _object_without_properties(_param, [
|
|
11425
|
+
"className",
|
|
11426
|
+
"sideOffset",
|
|
11427
|
+
"onMouseEnter",
|
|
11428
|
+
"onMouseLeave"
|
|
11429
|
+
]);
|
|
11430
|
+
var hoverContext = React21.useContext(DropdownMenuHoverContext);
|
|
11431
|
+
var handleMouseEnter = React21.useCallback(function(event) {
|
|
11432
|
+
onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(event);
|
|
11433
|
+
if (hoverContext) {
|
|
11434
|
+
hoverContext.handleMouseEnter();
|
|
11435
|
+
}
|
|
11436
|
+
}, [
|
|
11437
|
+
hoverContext,
|
|
11438
|
+
onMouseEnter
|
|
11439
|
+
]);
|
|
11440
|
+
var handleMouseLeave = React21.useCallback(function(event) {
|
|
11441
|
+
onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(event);
|
|
11442
|
+
if (hoverContext) {
|
|
11443
|
+
hoverContext.handleMouseLeave();
|
|
11444
|
+
}
|
|
11445
|
+
}, [
|
|
11446
|
+
hoverContext,
|
|
11447
|
+
onMouseLeave
|
|
11323
11448
|
]);
|
|
11324
11449
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.SubContent, _object_spread({
|
|
11325
11450
|
ref: ref,
|
|
11326
|
-
|
|
11451
|
+
sideOffset: sideOffset,
|
|
11452
|
+
className: cn("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Default bg-Colors-Background-Utilities-Modal 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
|
+
onMouseEnter: hoverContext ? handleMouseEnter : onMouseEnter,
|
|
11454
|
+
onMouseLeave: hoverContext ? handleMouseLeave : onMouseLeave
|
|
11327
11455
|
}, props));
|
|
11328
11456
|
});
|
|
11329
11457
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
11330
11458
|
var DropdownMenuContent = React21.forwardRef(function(_param, ref) {
|
|
11331
|
-
var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
|
|
11459
|
+
var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, onMouseEnter = _param.onMouseEnter, onMouseLeave = _param.onMouseLeave, props = _object_without_properties(_param, [
|
|
11332
11460
|
"className",
|
|
11333
|
-
"sideOffset"
|
|
11461
|
+
"sideOffset",
|
|
11462
|
+
"onMouseEnter",
|
|
11463
|
+
"onMouseLeave"
|
|
11464
|
+
]);
|
|
11465
|
+
var hoverContext = React21.useContext(DropdownMenuHoverContext);
|
|
11466
|
+
var handleMouseEnter = React21.useCallback(function(event) {
|
|
11467
|
+
onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(event);
|
|
11468
|
+
if (hoverContext) {
|
|
11469
|
+
hoverContext.handleMouseEnter();
|
|
11470
|
+
}
|
|
11471
|
+
}, [
|
|
11472
|
+
hoverContext,
|
|
11473
|
+
onMouseEnter
|
|
11474
|
+
]);
|
|
11475
|
+
var handleMouseLeave = React21.useCallback(function(event) {
|
|
11476
|
+
onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(event);
|
|
11477
|
+
var relatedTarget = event.relatedTarget;
|
|
11478
|
+
var currentTarget = event.currentTarget;
|
|
11479
|
+
if (relatedTarget && currentTarget.contains(relatedTarget)) {
|
|
11480
|
+
return;
|
|
11481
|
+
}
|
|
11482
|
+
if (hoverContext) {
|
|
11483
|
+
hoverContext.handleMouseLeave();
|
|
11484
|
+
}
|
|
11485
|
+
}, [
|
|
11486
|
+
hoverContext,
|
|
11487
|
+
onMouseLeave
|
|
11334
11488
|
]);
|
|
11335
11489
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.Content, _object_spread({
|
|
11336
11490
|
ref: ref,
|
|
11337
11491
|
sideOffset: sideOffset,
|
|
11338
|
-
className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Opaque bg-Colors-Background-
|
|
11492
|
+
className: cn("z-[100] min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Opaque bg-Colors-Background-Utilities-Modal 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
|
+
onMouseEnter: hoverContext ? handleMouseEnter : onMouseEnter,
|
|
11494
|
+
onMouseLeave: hoverContext ? handleMouseLeave : onMouseLeave
|
|
11339
11495
|
}, props));
|
|
11340
11496
|
});
|
|
11341
11497
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
@@ -11346,7 +11502,7 @@ var DropdownMenuItem = React21.forwardRef(function(_param, ref) {
|
|
|
11346
11502
|
]);
|
|
11347
11503
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DropdownMenuPrimitive.Item, _object_spread({
|
|
11348
11504
|
ref: ref,
|
|
11349
|
-
className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1 outline-none transition-colors focus:bg-Colors-Background-Neutral-
|
|
11505
|
+
className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1 outline-none transition-colors focus:bg-Colors-Background-Neutral-Secondary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-30", inset && "pl-8", className)
|
|
11350
11506
|
}, props));
|
|
11351
11507
|
});
|
|
11352
11508
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
@@ -11358,7 +11514,7 @@ var DropdownMenuCheckboxItem = React21.forwardRef(function(_param, ref) {
|
|
|
11358
11514
|
]);
|
|
11359
11515
|
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(DropdownMenuPrimitive.CheckboxItem, _object_spread_props(_object_spread({
|
|
11360
11516
|
ref: ref,
|
|
11361
|
-
className: cn("relative flex cursor-
|
|
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-Colors-Background-Neutral-Secondary-Hover data-[disabled]:pointer-events-none data-[disabled]:opacity-30", className),
|
|
11362
11518
|
checked: checked
|
|
11363
11519
|
}, props), {
|
|
11364
11520
|
children: [
|
|
@@ -14403,7 +14559,7 @@ var SelectContent = React42.forwardRef(function(_param, ref) {
|
|
|
14403
14559
|
]);
|
|
14404
14560
|
var Content13 = /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive.Content, _object_spread_props(_object_spread({
|
|
14405
14561
|
ref: ref,
|
|
14406
|
-
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm bg-Colors-Background-Utilities-Modal 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),
|
|
14562
|
+
className: cn("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-sm border border-Colors-Border-Default bg-Colors-Background-Utilities-Modal 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),
|
|
14407
14563
|
position: position
|
|
14408
14564
|
}, props), {
|
|
14409
14565
|
children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectPrimitive.Viewport, {
|
|
@@ -14464,7 +14620,7 @@ var SelectItem = React42.forwardRef(function(_param, ref) {
|
|
|
14464
14620
|
]);
|
|
14465
14621
|
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(SelectPrimitive.Item, _object_spread_props(_object_spread({
|
|
14466
14622
|
ref: ref,
|
|
14467
|
-
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-Colors-Background-
|
|
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-Colors-Background-Neutral-Secondary-Hover focus:bg-Colors-Background-Neutral-Secondary-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)
|
|
14468
14624
|
}, props), {
|
|
14469
14625
|
children: [
|
|
14470
14626
|
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", {
|
|
@@ -26108,7 +26264,7 @@ var import_free_mode = require("swiper/css/free-mode");
|
|
|
26108
26264
|
var import_grid = require("swiper/css/grid");
|
|
26109
26265
|
var import_pagination = require("swiper/css/pagination");
|
|
26110
26266
|
// src/components/swiper/index.module.scss
|
|
26111
|
-
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,
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL1VzZXJzL3hpYW9ndWFuZy9jb2RlL215c2hlbGwtcmVhY3QtbGliL3NyYy9jb21wb25lbnRzL3N3aXBlciIsInNvdXJjZXMiOlsiaW5kZXgubW9kdWxlLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRTs7QUFHRTtFQUNFO0VBQ0E7O0FBRUY7RUFDRTtFQUNBOztBQUVGO0VBQ0U7O0FBRUY7RUFDRTs7QUFJRjtFQUVFOztBQUVGO0VBRUU7O0FBRUY7RUFDRTs7QUFHRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFFRjtFQUNFOztBQUVGO0VBQ0U7O0FBSUY7RUFDRTs7QUFLRjtFQUNFOztBQUNFO0VBQ0U7O0FBR047RUFDRTs7QUFDRTtFQUNFOzs7QUFPUjtFQUNFIiwic291cmNlc0NvbnRlbnQiOlsiLnN3aXBlckJveHtcbiAgQGFwcGx5IHctZnVsbCBoLWZpdDtcbiAgXG4gIDpnbG9iYWwoLnN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldil7XG4gICAgICBAYXBwbHkgYmctY29udGFpbiBiZy1uby1yZXBlYXQ7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoJ2RhdGE6aW1hZ2Uvc3ZnK3htbDtiYXNlNjQsUEhOMlp5QjRiV3h1Y3owaWFIUjBjRG92TDNkM2R5NTNNeTV2Y21jdk1qQXdNQzl6ZG1jaUlIWnBaWGRDYjNnOUlqQWdNQ0F5TUNBeU1DSWdabWxzYkQwaUl6UXhORE0wTlNJZ1kyeGhjM005SW5OcGVtVXROU0krQ2lBZ1BIQmhkR2dnWm1sc2JDMXlkV3hsUFNKbGRtVnViMlJrSWlCa1BTSk5NVEV1TnpnZ05TNHlNbUV1TnpVdU56VWdNQ0F3SURFZ01DQXhMakEyVERndU1EWWdNVEJzTXk0M01pQXpMamN5WVM0M05TNDNOU0F3SURFZ01TMHhMakEySURFdU1EWnNMVFF1TWpVdE5DNHlOV0V1TnpVdU56VWdNQ0F3SURFZ01DMHhMakEyYkRRdU1qVXROQzR5TldFdU56VXVOelVnTUNBd0lERWdNUzR3TmlBd1dpSWdZMnhwY0MxeWRXeGxQU0psZG1WdWIyUmtJaUF2UGdvOEwzTjJaejRLJyk7IFxuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IGJnLWNvbnRhaW4gYmctbm8tcmVwZWF0O1xuICAgICAgYmFja2dyb3VuZC1pbWFnZTogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWw7YmFzZTY0LFBITjJaeUI0Yld4dWN6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNakF3TUM5emRtY2lJSFpwWlhkQ2IzZzlJakFnTUNBeU1DQXlNQ0lnWm1sc2JEMGlJelF4TkRNME5TSWdZMnhoYzNNOUluTnBlbVV0TlNJK0NpQWdQSEJoZEdnZ1ptbHNiQzF5ZFd4bFBTSmxkbVZ1YjJSa0lpQmtQU0pOT0M0eU1pQTFMakl5WVM0M05TNDNOU0F3SURBZ01TQXhMakEySURCc05DNHlOU0EwTGpJMVlTNDNOUzQzTlNBd0lEQWdNU0F3SURFdU1EWnNMVFF1TWpVZ05DNHlOV0V1TnpVdU56VWdNQ0F3SURFdE1TNHdOaTB4TGpBMlRERXhMamswSURFd0lEZ3VNaklnTmk0eU9HRXVOelV1TnpVZ01DQXdJREVnTUMweExqQTJXaUlnWTJ4cGNDMXlkV3hsUFNKbGRtVnViMlJrSWlBdlBnbzhMM04yWno0S0NnPT0nKTsgXG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldjo6YWZ0ZXIpe1xuICAgICAgQGFwcGx5IHRleHQtQ29sb3JzLUZvcmVncm91bmQtRGVmYXVsdCBjb250ZW50LW5vbmU7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dDo6YWZ0ZXIpe1xuICAgICAgQGFwcGx5IHRleHQtQ29sb3JzLUZvcmVncm91bmQtRGVmYXVsdCBjb250ZW50LW5vbmU7XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5iYW5uZXItc3dpcGVyKSB7XG4gICAgOmdsb2JhbCguYmFubmVyLXN3aXBlci1zbGlkZS5zd2lwZXItc2xpZGUtcHJldikge1xuICAgICAgLy8gdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgQGFwcGx5IG9yaWdpbi1yaWdodDtcbiAgICB9XG4gICAgOmdsb2JhbCguYmFubmVyLXN3aXBlci1zbGlkZS5zd2lwZXItc2xpZGUtbmV4dCkge1xuICAgICAgLy8gdHJhbnNmb3JtOiBzY2FsZSgwLjgpO1xuICAgICAgQGFwcGx5IG9yaWdpbi1sZWZ0O1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItc2xpZGUtYWN0aXZlKSB7XG4gICAgICBAYXBwbHkgb3BhY2l0eS0xMDA7XG4gICAgICAvLyB0cmFuc2Zvcm06IHNjYWxlKDEpIHRyYW5zbGF0ZVgoMCk7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgLXJpZ2h0LTQgbWQ6cmlnaHQtMCAzeGw6cmlnaHQtW2NhbGMoKDEwMCUtMTIwMHB4KS8yLTE2cHgpXTtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSAtbGVmdC00IG1kOmxlZnQtMCAzeGw6bGVmdC1bY2FsYygoMTAwJS0xMjAwcHgpLzItMTZweCldO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIuZmVhdHVyZS1zd2lwZXIpIHtcbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IHJpZ2h0LTA7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldil7XG4gICAgICBAYXBwbHkgbGVmdC0wO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLWRpc2FibGVkKSB7XG4gICAgICBAYXBwbHkgaGlkZGVuO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIucGF0cm9uLWJhZGdlLXN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tbmV4dCl7XG4gICAgICBAYXBwbHkgcmlnaHQtMDtcbiAgICB9XG4gICAgOmdsb2JhbCguc3dpcGVyLWJ1dHRvbi1wcmV2KXtcbiAgICAgIEBhcHBseSBsZWZ0LTA7XG4gICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tZGlzYWJsZWQpIHtcbiAgICAgIEBhcHBseSBoaWRkZW47XG4gICAgfVxuICB9XG4gIDpnbG9iYWwoLnN3aXBlci5ncmlkLXN3aXBlcikge1xuICAgIDpnbG9iYWwoLnN3aXBlci13cmFwcGVyKSB7XG4gICAgICBAYXBwbHkgdy1bMTAwdnddIG1kOnctZnVsbCBmbGV4LXdyYXAgZmxleC1jb2wgbS0wO1xuICAgIH1cbiAgfVxuICA6Z2xvYmFsKC5zd2lwZXIpIHtcbiAgICBcbiAgICA6Z2xvYmFsKC5zd2lwZXItYnV0dG9uLW5leHQpe1xuICAgICAgQGFwcGx5IGhpZGRlbiBtZDpmbGV4IGp1c3RpZnktY2VudGVyIGl0ZW1zLWNlbnRlciBhYnNvbHV0ZSB0b3AtWzUwJV0gdy04IGgtOCBmb250LXNlbWlib2xkIHRleHQtQ29sb3JzLUZvcmVncm91bmQtRGVmYXVsdCBib3JkZXIgYm9yZGVyLUNvbG9ycy1Cb3JkZXItRGVmYXVsdCBiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1EZWZhdWx0IHJvdW5kZWQtZnVsbCBjdXJzb3ItcG9pbnRlciBob3ZlcjpiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1Ib3ZlciBhY3RpdmU6YmctQ29sb3JzLUJhY2tncm91bmQtTm9ybWFsLVByaW1hcnktQWN0aXZlO1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgQGFwcGx5IHRleHQtQ29sb3JzLUZvcmVncm91bmQtRGVmYXVsdCB0ZXh0LXhzIGZvbnQtYm9sZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIDpnbG9iYWwoLnN3aXBlci1idXR0b24tcHJldil7XG4gICAgICBAYXBwbHkgaGlkZGVuIG1kOmZsZXgganVzdGlmeS1jZW50ZXIgaXRlbXMtY2VudGVyIGFic29sdXRlIHRvcC1bNTAlXSB3LTggaC04IGZvbnQtc2VtaWJvbGQgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IGJvcmRlciBib3JkZXItQ29sb3JzLUJvcmRlci1EZWZhdWx0IGJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LURlZmF1bHQgcm91bmRlZC1mdWxsIGN1cnNvci1wb2ludGVyIGhvdmVyOmJnLUNvbG9ycy1CYWNrZ3JvdW5kLU5vcm1hbC1QcmltYXJ5LUhvdmVyIGFjdGl2ZTpiZy1Db2xvcnMtQmFja2dyb3VuZC1Ob3JtYWwtUHJpbWFyeS1BY3RpdmU7XG4gICAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgICBAYXBwbHkgdGV4dC1Db2xvcnMtRm9yZWdyb3VuZC1EZWZhdWx0IHRleHQteHMgZm9udC1ib2xkO1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuXG4uYW5pbWF0ZSB7XG4gIDpnbG9iYWwoLnN3aXBlci1zbGlkZSkge1xuICAgIHRyYW5zaXRpb246IHRyYW5zZm9ybSA1MDBtcyBsaW5lYXI7XG4gIH1cbn1cbiJdfQ== */';
|
|
26112
26268
|
// src/components/swiper/index.tsx
|
|
26113
26269
|
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
26114
26270
|
var swiperVariants = (0, import_class_variance_authority22.cva)("", {
|
|
@@ -26568,6 +26724,7 @@ var Message = /*#__PURE__*/ function() {
|
|
|
26568
26724
|
DropdownMenuCheckboxItem: DropdownMenuCheckboxItem,
|
|
26569
26725
|
DropdownMenuContent: DropdownMenuContent,
|
|
26570
26726
|
DropdownMenuGroup: DropdownMenuGroup,
|
|
26727
|
+
DropdownMenuHover: DropdownMenuHover,
|
|
26571
26728
|
DropdownMenuItem: DropdownMenuItem,
|
|
26572
26729
|
DropdownMenuLabel: DropdownMenuLabel,
|
|
26573
26730
|
DropdownMenuPortal: DropdownMenuPortal,
|