gemini-uis 0.9.1 → 0.11.1
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.d.ts +107 -0
- package/dist/index.js +355 -162
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { FC } from 'react';
|
|
|
3
3
|
import { ForwardRefExoticComponent } from 'react';
|
|
4
4
|
import { HTMLAttributes } from 'react';
|
|
5
5
|
import { JSX } from 'react/jsx-runtime';
|
|
6
|
+
import { MouseEvent as MouseEvent_2 } from 'react';
|
|
6
7
|
import { ReactNode } from 'react';
|
|
7
8
|
import { RefAttributes } from 'react';
|
|
8
9
|
import { SVGProps } from 'react';
|
|
@@ -388,6 +389,15 @@ export declare type EmptyStateVariant = 'default' | 'minimal' | 'card';
|
|
|
388
389
|
|
|
389
390
|
export declare const ErrorIcon: FC<IconProps>;
|
|
390
391
|
|
|
392
|
+
/**
|
|
393
|
+
* TimelineItem 组件的扩展属性(内部使用)
|
|
394
|
+
*/
|
|
395
|
+
declare interface ExtendedTimelineItemProps extends TimelineItemProps {
|
|
396
|
+
mode?: TimelineMode;
|
|
397
|
+
size?: TimelineSize;
|
|
398
|
+
isLast?: boolean;
|
|
399
|
+
}
|
|
400
|
+
|
|
391
401
|
export declare const FirstIcon: FC<IconProps>;
|
|
392
402
|
|
|
393
403
|
export declare const FolderIcon: FC<IconProps>;
|
|
@@ -703,6 +713,103 @@ export declare interface TabProps {
|
|
|
703
713
|
type?: 'line' | 'card';
|
|
704
714
|
}
|
|
705
715
|
|
|
716
|
+
export declare const Tag: FC<TagProps>;
|
|
717
|
+
|
|
718
|
+
export declare type TagColor = 'default' | 'primary' | 'success' | 'warning' | 'error' | 'info' | 'magenta' | 'red' | 'volcano' | 'orange' | 'gold' | 'lime' | 'green' | 'cyan' | 'blue' | 'geekblue' | 'purple';
|
|
719
|
+
|
|
720
|
+
export declare interface TagProps {
|
|
721
|
+
children: ReactNode;
|
|
722
|
+
color?: TagColor | string;
|
|
723
|
+
size?: TagSize;
|
|
724
|
+
closable?: boolean;
|
|
725
|
+
closeIcon?: ReactNode;
|
|
726
|
+
onClose?: (e: MouseEvent_2<HTMLSpanElement>) => void;
|
|
727
|
+
className?: string;
|
|
728
|
+
style?: React.CSSProperties;
|
|
729
|
+
icon?: ReactNode;
|
|
730
|
+
bordered?: boolean;
|
|
731
|
+
}
|
|
732
|
+
|
|
733
|
+
export declare type TagSize = 'small' | 'middle' | 'large';
|
|
734
|
+
|
|
735
|
+
export declare const Timeline: typeof TimelineCore & {
|
|
736
|
+
Item: typeof TimelineItem;
|
|
737
|
+
};
|
|
738
|
+
|
|
739
|
+
/**
|
|
740
|
+
* Timeline 组件的颜色类型
|
|
741
|
+
*/
|
|
742
|
+
export declare type TimelineColor = 'blue' | 'green' | 'red' | 'orange' | 'purple' | 'gray';
|
|
743
|
+
|
|
744
|
+
declare const TimelineCore: ForwardRefExoticComponent<TimelineProps & RefAttributes<HTMLDivElement>>;
|
|
745
|
+
|
|
746
|
+
declare const TimelineItem: ForwardRefExoticComponent<ExtendedTimelineItemProps & RefAttributes<HTMLDivElement>>;
|
|
747
|
+
|
|
748
|
+
/**
|
|
749
|
+
* TimelineItem 组件的属性接口
|
|
750
|
+
*/
|
|
751
|
+
export declare interface TimelineItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
752
|
+
/** 时间标签 */
|
|
753
|
+
label?: ReactNode;
|
|
754
|
+
/** 时间轴点的颜色 */
|
|
755
|
+
color?: TimelineColor;
|
|
756
|
+
/** 时间轴点的状态 */
|
|
757
|
+
status?: TimelineStatus;
|
|
758
|
+
/** 自定义时间轴点 */
|
|
759
|
+
dot?: ReactNode;
|
|
760
|
+
/** 是否显示连接线 */
|
|
761
|
+
showLine?: boolean;
|
|
762
|
+
/** 连接线颜色 */
|
|
763
|
+
lineColor?: string;
|
|
764
|
+
/** 自定义类名 */
|
|
765
|
+
className?: string;
|
|
766
|
+
/** 子元素 */
|
|
767
|
+
children?: ReactNode;
|
|
768
|
+
}
|
|
769
|
+
|
|
770
|
+
/**
|
|
771
|
+
* TimelineItem 组件的 ref 类型
|
|
772
|
+
*/
|
|
773
|
+
export declare type TimelineItemRef = HTMLDivElement;
|
|
774
|
+
|
|
775
|
+
/**
|
|
776
|
+
* Timeline 组件的模式类型
|
|
777
|
+
*/
|
|
778
|
+
export declare type TimelineMode = 'left' | 'right' | 'alternate';
|
|
779
|
+
|
|
780
|
+
/**
|
|
781
|
+
* Timeline 组件的基础属性接口
|
|
782
|
+
*/
|
|
783
|
+
export declare interface TimelineProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
|
|
784
|
+
/** 时间轴模式 */
|
|
785
|
+
mode?: TimelineMode;
|
|
786
|
+
/** 时间轴尺寸 */
|
|
787
|
+
size?: TimelineSize;
|
|
788
|
+
/** 是否显示连接线 */
|
|
789
|
+
showLine?: boolean;
|
|
790
|
+
/** 连接线颜色 */
|
|
791
|
+
lineColor?: string;
|
|
792
|
+
/** 自定义类名 */
|
|
793
|
+
className?: string;
|
|
794
|
+
/** 子元素 */
|
|
795
|
+
children?: ReactNode;
|
|
796
|
+
}
|
|
797
|
+
|
|
798
|
+
/**
|
|
799
|
+
* Timeline 组件的 ref 类型
|
|
800
|
+
*/
|
|
801
|
+
export declare type TimelineRef = HTMLDivElement;
|
|
802
|
+
|
|
803
|
+
/**
|
|
804
|
+
* Timeline 组件的尺寸类型
|
|
805
|
+
*/
|
|
806
|
+
export declare type TimelineSize = 'sm' | 'md' | 'lg';
|
|
807
|
+
|
|
808
|
+
/**
|
|
809
|
+
* Timeline 组件的状态类型
|
|
810
|
+
*/
|
|
811
|
+
export declare type TimelineStatus = 'pending' | 'process' | 'finish' | 'error';
|
|
812
|
+
|
|
706
813
|
export declare const UsersIcon: FC<IconProps>;
|
|
707
814
|
|
|
708
815
|
export declare const WarningIcon: ({ viewBox, fill, stroke, strokeWidth, ...props }: {
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { cloneElement, forwardRef, isValidElement, startTransition, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
|
|
1
|
+
import { Children, cloneElement, forwardRef, isValidElement, startTransition, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
|
|
2
2
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
const getVariantStyles = (e) => {
|
|
4
4
|
let t = {
|
|
@@ -393,41 +393,41 @@ const getCollapseSizeStyles = (e) => {
|
|
|
393
393
|
getCollapseVariantStyles(t, n, r),
|
|
394
394
|
i
|
|
395
395
|
].filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
|
|
396
|
-
var DefaultArrowIcon = ({ isActive: e, disabled: t }) => /* @__PURE__ */ jsx(ArrowIcon_default, { className: cn_default("shrink-0 transition-transform duration-200 ease-in-out", e ? "rotate-180" : "rotate-0", t ? "opacity-50" : "") }), CollapseCore = forwardRef(({ activeKey:
|
|
396
|
+
var DefaultArrowIcon = ({ isActive: e, disabled: t }) => /* @__PURE__ */ jsx(ArrowIcon_default, { className: cn_default("shrink-0 transition-transform duration-200 ease-in-out", e ? "rotate-180" : "rotate-0", t ? "opacity-50" : "") }), CollapseCore = forwardRef(({ activeKey: e, defaultActiveKey: n, collapsible: i = "header", accordion: o = !1, bordered: s = !1, ghost: l = !1, size: d = "md", variant: Qe = "default", className: f, children: p, onChange: m, onExpand: h, onCollapse: g, ...v }, y) => {
|
|
397
397
|
let [b, x] = useState(() => {
|
|
398
|
-
let
|
|
399
|
-
return Array.isArray(
|
|
400
|
-
}), S = useMemo(() =>
|
|
401
|
-
if (
|
|
398
|
+
let t = e || n;
|
|
399
|
+
return Array.isArray(t) ? t : t ? [t] : [];
|
|
400
|
+
}), S = useMemo(() => e === void 0 ? b : Array.isArray(e) ? e : [e], [e, b]), C = useCallback((t) => {
|
|
401
|
+
if (i === "disabled") return;
|
|
402
402
|
let n;
|
|
403
|
-
n = o ? S.includes(
|
|
403
|
+
n = o ? S.includes(t) ? [] : [t] : S.includes(t) ? S.filter((e) => e !== t) : [...S, t], e === void 0 && x(n), m?.(o ? n[0] || "" : n), n.includes(t) ? h?.(t) : g?.(t);
|
|
404
404
|
}, [
|
|
405
|
-
|
|
405
|
+
e,
|
|
406
406
|
S,
|
|
407
407
|
o,
|
|
408
|
-
|
|
408
|
+
i,
|
|
409
409
|
m,
|
|
410
410
|
h,
|
|
411
|
-
|
|
412
|
-
]), w = getCollapseStyles(
|
|
413
|
-
if (!isValidElement(
|
|
414
|
-
let { ...
|
|
415
|
-
return cloneElement(
|
|
416
|
-
...
|
|
411
|
+
g
|
|
412
|
+
]), w = getCollapseStyles(d, Qe, s, l, f), T = useMemo(() => p ? Array.isArray(p) ? p.map((e, n) => {
|
|
413
|
+
if (!isValidElement(e)) return e;
|
|
414
|
+
let { ...a } = e.props, o = e.key || String(n), s = S.includes(o);
|
|
415
|
+
return cloneElement(e, {
|
|
416
|
+
...a,
|
|
417
417
|
isActive: s,
|
|
418
418
|
onToggle: () => C(o),
|
|
419
|
-
collapsible:
|
|
419
|
+
collapsible: i
|
|
420
420
|
});
|
|
421
421
|
}) : isValidElement(p) ? cloneElement(p, {
|
|
422
422
|
...p.props,
|
|
423
423
|
isActive: S.includes(p.key || "filter"),
|
|
424
424
|
onToggle: () => C(p.key || "filter"),
|
|
425
|
-
collapsible:
|
|
425
|
+
collapsible: i
|
|
426
426
|
}) : p : null, [
|
|
427
427
|
p,
|
|
428
428
|
S,
|
|
429
429
|
C,
|
|
430
|
-
|
|
430
|
+
i
|
|
431
431
|
]);
|
|
432
432
|
return /* @__PURE__ */ jsx("div", {
|
|
433
433
|
ref: y,
|
|
@@ -436,7 +436,7 @@ var DefaultArrowIcon = ({ isActive: e, disabled: t }) => /* @__PURE__ */ jsx(Arr
|
|
|
436
436
|
children: T
|
|
437
437
|
});
|
|
438
438
|
}), CollapsePanel = forwardRef(({ key: e, header: t, children: n, disabled: r = !1, showArrow: i = !0, arrow: a, className: o, headerContainerClassName: s, headerContentClassName: c, contentClassName: l, onHeaderClick: u, isActive: d = !1, onToggle: f, collapsible: p = "header", ...m }, h) => {
|
|
439
|
-
let
|
|
439
|
+
let g = () => {
|
|
440
440
|
r || p === "disabled" || (u?.(e), f?.());
|
|
441
441
|
}, v = (e) => {
|
|
442
442
|
p !== "header" && (e.stopPropagation(), r || f?.());
|
|
@@ -454,7 +454,7 @@ var DefaultArrowIcon = ({ isActive: e, disabled: t }) => /* @__PURE__ */ jsx(Arr
|
|
|
454
454
|
...m,
|
|
455
455
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
456
456
|
className: cn_default("flex items-center justify-between w-full text-left font-medium transition-colors duration-200", "px-4 py-3", r ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-gray-50", "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset", s),
|
|
457
|
-
onClick:
|
|
457
|
+
onClick: g,
|
|
458
458
|
tabIndex: r ? -1 : 0,
|
|
459
459
|
role: "button",
|
|
460
460
|
"aria-expanded": d,
|
|
@@ -535,7 +535,7 @@ const getDrawerPlacementStyles = (e) => {
|
|
|
535
535
|
e ? "pointer-events-auto" : "pointer-events-none",
|
|
536
536
|
t
|
|
537
537
|
].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), getHeaderStyles = (e) => ["flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0", e].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), getBodyStyles = (e) => ["min-h-0 flex-1 overflow-y-auto", e].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), getFooterStyles = (e) => ["flex items-center justify-end px-6 py-4 border-t border-gray-200 flex-shrink-0 gap-2", e].filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
|
|
538
|
-
var DefaultCloseIcon = () => /* @__PURE__ */ jsx(CloseIcon_default, { className: "w-5 h-5" }), Drawer_default = forwardRef(({ open: e = !1, title: t, placement: n = "right", size:
|
|
538
|
+
var DefaultCloseIcon = () => /* @__PURE__ */ jsx(CloseIcon_default, { className: "w-5 h-5" }), Drawer_default = forwardRef(({ open: e = !1, title: t, placement: n = "right", size: r = "md", mask: s = !0, maskClosable: c = !0, closable: l = !0, closeIcon: f, destroyOnClose: p = !1, className: m, maskClassName: h, bodyClassName: g, headerClassName: v, footerClassName: y, children: b, footer: x, extra: S, onClose: C, afterOpenChange: w, zIndex: T = 1e3, ...E }, D) => {
|
|
539
539
|
let [O, k] = useState(e), [A, j] = useState(!1);
|
|
540
540
|
useEffect(() => {
|
|
541
541
|
if (e) startTransition(() => {
|
|
@@ -583,17 +583,17 @@ var DefaultCloseIcon = () => /* @__PURE__ */ jsx(CloseIcon_default, { className:
|
|
|
583
583
|
"aria-hidden": "true"
|
|
584
584
|
}), /* @__PURE__ */ jsxs("div", {
|
|
585
585
|
ref: D,
|
|
586
|
-
className: cn_default(getDrawerStyles(n,
|
|
586
|
+
className: cn_default(getDrawerStyles(n, r, A, m)),
|
|
587
587
|
style: {
|
|
588
588
|
zIndex: T,
|
|
589
|
-
height:
|
|
589
|
+
height: r === "full" && (n === "left" || n === "right") ? "100vh" : void 0
|
|
590
590
|
},
|
|
591
591
|
role: "dialog",
|
|
592
592
|
"aria-modal": "true",
|
|
593
593
|
"aria-labelledby": t ? "drawer-title" : void 0,
|
|
594
594
|
...E,
|
|
595
595
|
children: [
|
|
596
|
-
(t ||
|
|
596
|
+
(t || l || S) && /* @__PURE__ */ jsxs("div", {
|
|
597
597
|
className: cn_default(getHeaderStyles(v)),
|
|
598
598
|
children: [/* @__PURE__ */ jsxs("div", {
|
|
599
599
|
className: "flex items-center gap-4 flex-1",
|
|
@@ -605,7 +605,7 @@ var DefaultCloseIcon = () => /* @__PURE__ */ jsx(CloseIcon_default, { className:
|
|
|
605
605
|
className: "flex items-center gap-2",
|
|
606
606
|
children: S
|
|
607
607
|
})]
|
|
608
|
-
}),
|
|
608
|
+
}), l && /* @__PURE__ */ jsx("button", {
|
|
609
609
|
type: "button",
|
|
610
610
|
onClick: N,
|
|
611
611
|
className: "p-2 rounded-lg text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2",
|
|
@@ -614,7 +614,7 @@ var DefaultCloseIcon = () => /* @__PURE__ */ jsx(CloseIcon_default, { className:
|
|
|
614
614
|
})]
|
|
615
615
|
}),
|
|
616
616
|
/* @__PURE__ */ jsx("div", {
|
|
617
|
-
className: cn_default(getBodyStyles(
|
|
617
|
+
className: cn_default(getBodyStyles(g), "min-h-0 flex-1 overflow-y-auto"),
|
|
618
618
|
style: { overscrollBehavior: "contain" },
|
|
619
619
|
onWheel: (e) => {
|
|
620
620
|
e.stopPropagation();
|
|
@@ -732,7 +732,7 @@ function getLoaderSize(e) {
|
|
|
732
732
|
function getTextSize(e) {
|
|
733
733
|
return TEXT_SIZE_MAP[e];
|
|
734
734
|
}
|
|
735
|
-
var Loading_default = ({ size: e = "md", variant: t = "spinner", text: n, showText: r = !1, fullscreen: i = !1, className:
|
|
735
|
+
var Loading_default = ({ size: e = "md", variant: t = "spinner", text: n, showText: r = !1, fullscreen: i = !1, className: a }) => {
|
|
736
736
|
useEffect(() => {
|
|
737
737
|
if (!i) return;
|
|
738
738
|
let e = document.body.style.overflow, t = document.body.style.paddingRight, n = window.innerWidth - document.documentElement.clientWidth;
|
|
@@ -741,7 +741,7 @@ var Loading_default = ({ size: e = "md", variant: t = "spinner", text: n, showTe
|
|
|
741
741
|
};
|
|
742
742
|
}, [i]);
|
|
743
743
|
let s = /* @__PURE__ */ jsxs("div", {
|
|
744
|
-
className: cn_default("flex flex-col items-center justify-center gap-4", i ? "min-h-screen" : "py-8",
|
|
744
|
+
className: cn_default("flex flex-col items-center justify-center gap-4", i ? "min-h-screen" : "py-8", a),
|
|
745
745
|
children: [(() => {
|
|
746
746
|
let n = getLoaderSize(e);
|
|
747
747
|
switch (t) {
|
|
@@ -943,13 +943,13 @@ var PaginationItem = ({ page: e, active: t = !1, disabled: n = !1, onClick: r, c
|
|
|
943
943
|
})
|
|
944
944
|
]
|
|
945
945
|
});
|
|
946
|
-
}, Pagination_default = ({ current: e, defaultCurrent: t = 1, pageSize: n, defaultPageSize:
|
|
946
|
+
}, Pagination_default = ({ current: e, defaultCurrent: t = 1, pageSize: n, defaultPageSize: r = 10, total: a = 0, onChange: s, onShowSizeChange: l, showQuickJumper: d = !1, showSizeChanger: f = !1, pageSizeOptions: p = [
|
|
947
947
|
"10",
|
|
948
948
|
"20",
|
|
949
949
|
"50",
|
|
950
950
|
"100"
|
|
951
|
-
], showTotal: m = !1, showPrevNextJumpers: h = !0, showFirstLastJumpers: g = !1, disabled: _ = !1, hideOnSinglePage: v = !1, size: y = "middle", align: b = "left", className: x, style: S, simple: C = !1, prevIcon: w, nextIcon: T, firstIcon: E, lastIcon: D, jumpPrevIcon: O, jumpNextIcon:
|
|
952
|
-
let
|
|
951
|
+
], showTotal: m = !1, showPrevNextJumpers: h = !0, showFirstLastJumpers: g = !1, disabled: _ = !1, hideOnSinglePage: v = !1, size: y = "middle", align: b = "left", className: x, style: S, simple: C = !1, prevIcon: w, nextIcon: T, firstIcon: E, lastIcon: D, jumpPrevIcon: O, jumpNextIcon: k, texts: $e = {} }) => {
|
|
952
|
+
let I = {
|
|
953
953
|
itemsPerPage: "每页条数",
|
|
954
954
|
items: "条",
|
|
955
955
|
jumpTo: "跳转到",
|
|
@@ -961,32 +961,32 @@ var PaginationItem = ({ page: e, active: t = !1, disabled: n = !1, onClick: r, c
|
|
|
961
961
|
last: "末页",
|
|
962
962
|
jumpPrev: "向前5页",
|
|
963
963
|
jumpNext: "向后5页",
|
|
964
|
-
|
|
965
|
-
}, [
|
|
964
|
+
...$e
|
|
965
|
+
}, [L, R] = useState(e ?? t), [z, B] = useState(n ?? r), V = useMemo(() => Math.ceil(a / z), [a, z]);
|
|
966
966
|
if (useEffect(() => {
|
|
967
967
|
e !== void 0 && startTransition(() => {
|
|
968
|
-
|
|
968
|
+
R(e);
|
|
969
969
|
});
|
|
970
970
|
}, [e]), useEffect(() => {
|
|
971
971
|
n !== void 0 && startTransition(() => {
|
|
972
|
-
|
|
972
|
+
B(n);
|
|
973
973
|
});
|
|
974
|
-
}, [n]), v &&
|
|
974
|
+
}, [n]), v && V <= 1) return null;
|
|
975
975
|
if (C) return /* @__PURE__ */ jsxs("div", {
|
|
976
976
|
className: getPaginationSimpleStyles(x),
|
|
977
977
|
style: S,
|
|
978
978
|
children: [
|
|
979
979
|
/* @__PURE__ */ jsx("input", {
|
|
980
980
|
type: "number",
|
|
981
|
-
value:
|
|
981
|
+
value: L,
|
|
982
982
|
onChange: (e) => {
|
|
983
983
|
let t = parseInt(e.target.value);
|
|
984
|
-
t >= 1 && t <=
|
|
984
|
+
t >= 1 && t <= V && (R(t), s?.(t, z));
|
|
985
985
|
},
|
|
986
986
|
disabled: _,
|
|
987
987
|
className: "w-12 px-2 py-1 border border-gray-300 rounded-md bg-white text-gray-700 text-center focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 focus:border-blue-500",
|
|
988
988
|
min: "1",
|
|
989
|
-
max:
|
|
989
|
+
max: V
|
|
990
990
|
}),
|
|
991
991
|
/* @__PURE__ */ jsx("span", {
|
|
992
992
|
className: "text-gray-500",
|
|
@@ -994,108 +994,108 @@ var PaginationItem = ({ page: e, active: t = !1, disabled: n = !1, onClick: r, c
|
|
|
994
994
|
}),
|
|
995
995
|
/* @__PURE__ */ jsx("span", {
|
|
996
996
|
className: "text-gray-600",
|
|
997
|
-
children:
|
|
997
|
+
children: V
|
|
998
998
|
})
|
|
999
999
|
]
|
|
1000
1000
|
});
|
|
1001
|
-
let
|
|
1002
|
-
let e = [], t =
|
|
1003
|
-
t && (e.push(1),
|
|
1004
|
-
let r = Math.max(1,
|
|
1001
|
+
let H = () => {
|
|
1002
|
+
let e = [], t = L > 4, n = L < V - 3;
|
|
1003
|
+
t && (e.push(1), L > 5 && e.push("prev-ellipsis"));
|
|
1004
|
+
let r = Math.max(1, L - 2), i = Math.min(V, L + 2);
|
|
1005
1005
|
for (let t = r; t <= i; t++) e.push(t);
|
|
1006
|
-
return n && (
|
|
1007
|
-
}, H = (e) => {
|
|
1008
|
-
e !== I && e >= 1 && e <= B && (L(e), c?.(e, R));
|
|
1006
|
+
return n && (L < V - 4 && e.push("next-ellipsis"), e.push(V)), e;
|
|
1009
1007
|
}, U = (e) => {
|
|
1010
|
-
|
|
1011
|
-
|
|
1012
|
-
|
|
1013
|
-
|
|
1008
|
+
e !== L && e >= 1 && e <= V && (R(e), s?.(e, z));
|
|
1009
|
+
}, W = (e) => {
|
|
1010
|
+
let t = Math.ceil(a / e), n = Math.min(L, t);
|
|
1011
|
+
B(e), R(n), l?.(n, e), s?.(n, e);
|
|
1014
1012
|
}, G = () => {
|
|
1015
|
-
|
|
1016
|
-
}, K = (
|
|
1017
|
-
|
|
1018
|
-
}, q =
|
|
1013
|
+
U(Math.max(1, L - 5));
|
|
1014
|
+
}, K = () => {
|
|
1015
|
+
U(Math.min(V, L + 5));
|
|
1016
|
+
}, q = (e) => {
|
|
1017
|
+
U(e);
|
|
1018
|
+
}, J = H();
|
|
1019
1019
|
return /* @__PURE__ */ jsxs("div", {
|
|
1020
1020
|
className: getPaginationStyles(y, b, x),
|
|
1021
1021
|
style: S,
|
|
1022
1022
|
children: [
|
|
1023
1023
|
m && /* @__PURE__ */ jsx("div", {
|
|
1024
1024
|
className: getPaginationTotalStyles(),
|
|
1025
|
-
children: typeof m == "function" ? m(
|
|
1025
|
+
children: typeof m == "function" ? m(a, [(L - 1) * z + 1, Math.min(L * z, a)]) : I.total.replace("{total}", a.toString())
|
|
1026
1026
|
}),
|
|
1027
|
-
g &&
|
|
1027
|
+
g && L > 1 && /* @__PURE__ */ jsx("button", {
|
|
1028
1028
|
className: getPaginationJumpStyles(_),
|
|
1029
|
-
onClick: () =>
|
|
1029
|
+
onClick: () => U(1),
|
|
1030
1030
|
disabled: _,
|
|
1031
1031
|
type: "button",
|
|
1032
|
-
title:
|
|
1032
|
+
title: I.first,
|
|
1033
1033
|
children: E || /* @__PURE__ */ jsx(FirstIcon_default, {})
|
|
1034
1034
|
}),
|
|
1035
|
-
|
|
1035
|
+
L > 1 && /* @__PURE__ */ jsx("button", {
|
|
1036
1036
|
className: getPaginationJumpStyles(_),
|
|
1037
|
-
onClick: () =>
|
|
1037
|
+
onClick: () => U(L - 1),
|
|
1038
1038
|
disabled: _,
|
|
1039
1039
|
type: "button",
|
|
1040
|
-
title:
|
|
1040
|
+
title: I.previous,
|
|
1041
1041
|
children: w || /* @__PURE__ */ jsx(PrevIcon_default, {})
|
|
1042
1042
|
}),
|
|
1043
|
-
h &&
|
|
1043
|
+
h && L > 4 && /* @__PURE__ */ jsx(PaginationJump, {
|
|
1044
1044
|
direction: "prev",
|
|
1045
|
-
onClick:
|
|
1045
|
+
onClick: G,
|
|
1046
1046
|
disabled: _,
|
|
1047
1047
|
icon: O || /* @__PURE__ */ jsx(JumpPrevIcon_default, {}),
|
|
1048
|
-
title:
|
|
1048
|
+
title: I.jumpPrev
|
|
1049
1049
|
}),
|
|
1050
|
-
|
|
1050
|
+
J.map((e, t) => typeof e == "string" ? /* @__PURE__ */ jsx(PaginationItem, {
|
|
1051
1051
|
page: 0,
|
|
1052
1052
|
ellipsis: !0,
|
|
1053
1053
|
className: "cursor-default",
|
|
1054
1054
|
children: "..."
|
|
1055
1055
|
}, `${e}-${t}`) : /* @__PURE__ */ jsx(PaginationItem, {
|
|
1056
1056
|
page: e,
|
|
1057
|
-
active: e ===
|
|
1057
|
+
active: e === L,
|
|
1058
1058
|
disabled: _,
|
|
1059
|
-
onClick:
|
|
1059
|
+
onClick: U
|
|
1060
1060
|
}, e)),
|
|
1061
|
-
h &&
|
|
1061
|
+
h && L < V - 3 && /* @__PURE__ */ jsx(PaginationJump, {
|
|
1062
1062
|
direction: "next",
|
|
1063
|
-
onClick:
|
|
1063
|
+
onClick: K,
|
|
1064
1064
|
disabled: _,
|
|
1065
|
-
icon:
|
|
1066
|
-
title:
|
|
1065
|
+
icon: k || /* @__PURE__ */ jsx(JumpNextIcon_default, {}),
|
|
1066
|
+
title: I.jumpNext
|
|
1067
1067
|
}),
|
|
1068
|
-
|
|
1068
|
+
L < V && /* @__PURE__ */ jsx("button", {
|
|
1069
1069
|
className: getPaginationJumpStyles(_),
|
|
1070
|
-
onClick: () =>
|
|
1070
|
+
onClick: () => U(L + 1),
|
|
1071
1071
|
disabled: _,
|
|
1072
1072
|
type: "button",
|
|
1073
|
-
title:
|
|
1073
|
+
title: I.next,
|
|
1074
1074
|
children: T || /* @__PURE__ */ jsx(NextIcon_default, {})
|
|
1075
1075
|
}),
|
|
1076
|
-
g &&
|
|
1076
|
+
g && L < V && /* @__PURE__ */ jsx("button", {
|
|
1077
1077
|
className: getPaginationJumpStyles(_),
|
|
1078
|
-
onClick: () =>
|
|
1078
|
+
onClick: () => U(V),
|
|
1079
1079
|
disabled: _,
|
|
1080
1080
|
type: "button",
|
|
1081
|
-
title:
|
|
1081
|
+
title: I.last,
|
|
1082
1082
|
children: D || /* @__PURE__ */ jsx(LastIcon_default, {})
|
|
1083
1083
|
}),
|
|
1084
1084
|
f && /* @__PURE__ */ jsx(PaginationSizeChanger, {
|
|
1085
|
-
current:
|
|
1086
|
-
pageSize:
|
|
1085
|
+
current: L,
|
|
1086
|
+
pageSize: z,
|
|
1087
1087
|
pageSizeOptions: p,
|
|
1088
|
-
onChange:
|
|
1088
|
+
onChange: W,
|
|
1089
1089
|
disabled: _,
|
|
1090
|
-
itemsPerPageText:
|
|
1090
|
+
itemsPerPageText: I.itemsPerPage
|
|
1091
1091
|
}),
|
|
1092
1092
|
d && /* @__PURE__ */ jsx(PaginationQuickJumper, {
|
|
1093
|
-
current:
|
|
1094
|
-
totalPages:
|
|
1095
|
-
onJump:
|
|
1093
|
+
current: L,
|
|
1094
|
+
totalPages: V,
|
|
1095
|
+
onJump: q,
|
|
1096
1096
|
disabled: _,
|
|
1097
|
-
jumpToText:
|
|
1098
|
-
pageText:
|
|
1097
|
+
jumpToText: I.jumpTo,
|
|
1098
|
+
pageText: I.page
|
|
1099
1099
|
})
|
|
1100
1100
|
]
|
|
1101
1101
|
});
|
|
@@ -1109,103 +1109,103 @@ const getSliderStyles = (e) => cn_default("relative w-full overflow-hidden", e),
|
|
|
1109
1109
|
number: cn_default("w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium", t ? "bg-white text-gray-800" : "bg-white/50 text-white hover:bg-white/75"),
|
|
1110
1110
|
line: cn_default("h-1 rounded-full", t ? "bg-white" : "bg-white/50 hover:bg-white/75")
|
|
1111
1111
|
}[e], n), getIndicatorContainerStyles = (e = "dot", t) => cn_default("flex items-center justify-center gap-2 mt-4", e === "line" && "w-full", t);
|
|
1112
|
-
var Slider_default = forwardRef(({ items: e, itemsPerPage: t, slidePerPage: n, draggable: r = !1, paddingLeft:
|
|
1113
|
-
let [k, A] = useState(0), [j, M] = useState(!1), [N, P] = useState(!1), [F,
|
|
1112
|
+
var Slider_default = forwardRef(({ items: e, itemsPerPage: t, slidePerPage: n, draggable: r = !1, paddingLeft: i = 0, gap: c = 0, showNavigation: f = !0, leftArrowClassName: p, rightArrowClassName: m, showIndicators: h = !1, autoPlay: g = !1, autoPlayInterval: v = 3e3, loop: y = !1, className: b, itemContainerClassName: x, style: S, onSlideChange: C, previousPageLabel: w = "Previous page", nextPageLabel: T = "Next page", goToPageLabel: E = "Go to page {page}", ...D }, O) => {
|
|
1113
|
+
let [k, A] = useState(0), [j, M] = useState(!1), [N, P] = useState(!1), [F, L] = useState(0), [R, z] = useState(!1), B = useRef(null), V = useRef(null), H = useRef(null), U = t ?? 4, W = n ?? 1, G = Math.ceil(e.length / W), K = Math.max(0, G - 1), q = U >= e.length, J = useCallback((e) => {
|
|
1114
1114
|
if (j) return;
|
|
1115
|
-
let t = Math.max(0, Math.min(e,
|
|
1115
|
+
let t = Math.max(0, Math.min(e, K));
|
|
1116
1116
|
t !== k && (M(!0), A(t), C?.(t), setTimeout(() => {
|
|
1117
1117
|
M(!1);
|
|
1118
1118
|
}, 300));
|
|
1119
1119
|
}, [
|
|
1120
1120
|
k,
|
|
1121
|
-
|
|
1121
|
+
K,
|
|
1122
1122
|
j,
|
|
1123
1123
|
C
|
|
1124
|
-
]),
|
|
1125
|
-
k <
|
|
1124
|
+
]), Y = useCallback(() => {
|
|
1125
|
+
k < K ? J(k + 1) : y && J(0);
|
|
1126
1126
|
}, [
|
|
1127
1127
|
k,
|
|
1128
|
-
|
|
1128
|
+
K,
|
|
1129
1129
|
y,
|
|
1130
|
-
|
|
1131
|
-
]),
|
|
1132
|
-
k > 0 ?
|
|
1130
|
+
J
|
|
1131
|
+
]), X = useCallback(() => {
|
|
1132
|
+
k > 0 ? J(k - 1) : y && J(K);
|
|
1133
1133
|
}, [
|
|
1134
1134
|
k,
|
|
1135
1135
|
y,
|
|
1136
|
-
|
|
1137
|
-
|
|
1138
|
-
]),
|
|
1136
|
+
K,
|
|
1137
|
+
J
|
|
1138
|
+
]), Z = useCallback(() => k, [k]), et = useCallback(() => G, [G]);
|
|
1139
1139
|
useImperativeHandle(O, () => ({
|
|
1140
|
-
slideTo:
|
|
1141
|
-
slideNext:
|
|
1142
|
-
slidePrev:
|
|
1143
|
-
getCurrentIndex:
|
|
1144
|
-
getTotalPages:
|
|
1140
|
+
slideTo: J,
|
|
1141
|
+
slideNext: Y,
|
|
1142
|
+
slidePrev: X,
|
|
1143
|
+
getCurrentIndex: Z,
|
|
1144
|
+
getTotalPages: et
|
|
1145
1145
|
}), [
|
|
1146
|
-
q,
|
|
1147
1146
|
J,
|
|
1148
1147
|
Y,
|
|
1149
1148
|
X,
|
|
1150
|
-
Z
|
|
1149
|
+
Z,
|
|
1150
|
+
et
|
|
1151
1151
|
]), useEffect(() => {
|
|
1152
|
-
if (
|
|
1153
|
-
|
|
1152
|
+
if (g && G > 1) return B.current = setInterval(() => {
|
|
1153
|
+
Y();
|
|
1154
1154
|
}, v), () => {
|
|
1155
|
-
|
|
1155
|
+
B.current && clearInterval(B.current);
|
|
1156
1156
|
};
|
|
1157
1157
|
}, [
|
|
1158
|
-
|
|
1158
|
+
g,
|
|
1159
1159
|
v,
|
|
1160
|
-
|
|
1161
|
-
|
|
1160
|
+
Y,
|
|
1161
|
+
G
|
|
1162
1162
|
]);
|
|
1163
|
-
let
|
|
1164
|
-
transform: (() => `translateX(${-(k *
|
|
1165
|
-
paddingLeft: `${
|
|
1166
|
-
gap: `${
|
|
1163
|
+
let tt = {
|
|
1164
|
+
transform: (() => `translateX(${-(k * W * (100 / U))}%)`)(),
|
|
1165
|
+
paddingLeft: `${i}px`,
|
|
1166
|
+
gap: `${c}px`,
|
|
1167
1167
|
cursor: r ? N ? "grabbing" : "grab" : "default",
|
|
1168
1168
|
userSelect: r ? "none" : "auto",
|
|
1169
1169
|
...S
|
|
1170
|
-
},
|
|
1171
|
-
width: (() =>
|
|
1170
|
+
}, nt = {
|
|
1171
|
+
width: (() => c === 0 ? `${100 / U}%` : `calc((100% - ${c * (U - 1)}px) / ${U})`)(),
|
|
1172
1172
|
flexShrink: 0
|
|
1173
|
-
},
|
|
1174
|
-
e === "left" ?
|
|
1175
|
-
},
|
|
1176
|
-
|
|
1177
|
-
},
|
|
1178
|
-
r && (e.preventDefault(), P(!0),
|
|
1173
|
+
}, rt = (e) => {
|
|
1174
|
+
e === "left" ? X() : Y();
|
|
1175
|
+
}, it = (e) => {
|
|
1176
|
+
J(e);
|
|
1177
|
+
}, at = (e) => {
|
|
1178
|
+
r && (e.preventDefault(), P(!0), z(!1), L(e.clientX));
|
|
1179
1179
|
}, Q = useCallback((e) => {
|
|
1180
1180
|
if (!N || !r) return;
|
|
1181
1181
|
P(!1);
|
|
1182
1182
|
let t = e.clientX - F;
|
|
1183
|
-
Math.abs(t) > 50 && (t > 0 ?
|
|
1184
|
-
|
|
1183
|
+
Math.abs(t) > 50 && (t > 0 ? X() : Y(), z(!0)), setTimeout(() => {
|
|
1184
|
+
z(!1);
|
|
1185
1185
|
}, 100);
|
|
1186
1186
|
}, [
|
|
1187
1187
|
N,
|
|
1188
1188
|
r,
|
|
1189
1189
|
F,
|
|
1190
|
-
|
|
1191
|
-
|
|
1192
|
-
]),
|
|
1190
|
+
X,
|
|
1191
|
+
Y
|
|
1192
|
+
]), ot = (e) => {
|
|
1193
1193
|
if (!r) return;
|
|
1194
1194
|
let t = e.touches[0];
|
|
1195
|
-
P(!0),
|
|
1195
|
+
P(!0), z(!1), L(t.clientX);
|
|
1196
1196
|
}, $ = useCallback((e) => {
|
|
1197
1197
|
if (!N || !r) return;
|
|
1198
1198
|
P(!1);
|
|
1199
1199
|
let t = e.changedTouches[0].clientX - F;
|
|
1200
|
-
Math.abs(t) > 50 && (t > 0 ?
|
|
1201
|
-
|
|
1200
|
+
Math.abs(t) > 50 && (t > 0 ? X() : Y(), z(!0)), setTimeout(() => {
|
|
1201
|
+
z(!1);
|
|
1202
1202
|
}, 100);
|
|
1203
1203
|
}, [
|
|
1204
1204
|
N,
|
|
1205
1205
|
r,
|
|
1206
1206
|
F,
|
|
1207
|
-
|
|
1208
|
-
|
|
1207
|
+
X,
|
|
1208
|
+
Y
|
|
1209
1209
|
]);
|
|
1210
1210
|
useEffect(() => (N && (document.addEventListener("mouseup", Q), document.addEventListener("touchend", $)), () => {
|
|
1211
1211
|
document.removeEventListener("mouseup", Q), document.removeEventListener("touchend", $);
|
|
@@ -1214,58 +1214,58 @@ var Slider_default = forwardRef(({ items: e, itemsPerPage: t, slidePerPage: n, d
|
|
|
1214
1214
|
Q,
|
|
1215
1215
|
$
|
|
1216
1216
|
]);
|
|
1217
|
-
let
|
|
1218
|
-
|
|
1219
|
-
},
|
|
1217
|
+
let st = (e) => {
|
|
1218
|
+
R && (e.preventDefault(), e.stopPropagation());
|
|
1219
|
+
}, ct = y || k > 0, lt = y || k < K;
|
|
1220
1220
|
return /* @__PURE__ */ jsxs("div", {
|
|
1221
|
-
ref:
|
|
1221
|
+
ref: V,
|
|
1222
1222
|
className: getSliderStyles(b),
|
|
1223
1223
|
...D,
|
|
1224
1224
|
children: [
|
|
1225
1225
|
/* @__PURE__ */ jsx("div", {
|
|
1226
|
-
ref:
|
|
1226
|
+
ref: H,
|
|
1227
1227
|
className: getSliderTrackStyles(),
|
|
1228
|
-
style:
|
|
1229
|
-
onMouseDown:
|
|
1230
|
-
onTouchStart:
|
|
1231
|
-
onClick:
|
|
1228
|
+
style: tt,
|
|
1229
|
+
onMouseDown: at,
|
|
1230
|
+
onTouchStart: ot,
|
|
1231
|
+
onClick: st,
|
|
1232
1232
|
draggable: !1,
|
|
1233
1233
|
children: e.map((e, t) => /* @__PURE__ */ jsx("div", {
|
|
1234
1234
|
className: cn_default(getSliderItemStyles(), x),
|
|
1235
|
-
style:
|
|
1236
|
-
onClick:
|
|
1235
|
+
style: nt,
|
|
1236
|
+
onClick: st,
|
|
1237
1237
|
draggable: !1,
|
|
1238
1238
|
children: e
|
|
1239
1239
|
}, t))
|
|
1240
1240
|
}),
|
|
1241
|
-
f &&
|
|
1241
|
+
f && G > 1 && !q && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
|
|
1242
1242
|
type: "button",
|
|
1243
|
-
className: cn_default(getNavigationButtonStyles("left", "default", !
|
|
1244
|
-
onClick: () =>
|
|
1245
|
-
disabled: !
|
|
1243
|
+
className: cn_default(getNavigationButtonStyles("left", "default", !ct), p),
|
|
1244
|
+
onClick: () => rt("left"),
|
|
1245
|
+
disabled: !ct,
|
|
1246
1246
|
"aria-label": w,
|
|
1247
1247
|
children: /* @__PURE__ */ jsx(ChevronLeftIcon_default, { className: "w-5 h-5" })
|
|
1248
1248
|
}), /* @__PURE__ */ jsx("button", {
|
|
1249
1249
|
type: "button",
|
|
1250
|
-
className: cn_default(getNavigationButtonStyles("right", "default", !
|
|
1251
|
-
onClick: () =>
|
|
1252
|
-
disabled: !
|
|
1250
|
+
className: cn_default(getNavigationButtonStyles("right", "default", !lt), m),
|
|
1251
|
+
onClick: () => rt("right"),
|
|
1252
|
+
disabled: !lt,
|
|
1253
1253
|
"aria-label": T,
|
|
1254
1254
|
children: /* @__PURE__ */ jsx(ChevronRightIcon_default, { className: "w-5 h-5" })
|
|
1255
1255
|
})] }),
|
|
1256
|
-
h &&
|
|
1256
|
+
h && G > 1 && /* @__PURE__ */ jsx("div", {
|
|
1257
1257
|
className: getIndicatorContainerStyles(),
|
|
1258
|
-
children: Array.from({ length:
|
|
1258
|
+
children: Array.from({ length: G }, (e, t) => /* @__PURE__ */ jsx("button", {
|
|
1259
1259
|
type: "button",
|
|
1260
1260
|
className: getIndicatorStyles("dot", t === k),
|
|
1261
|
-
onClick: () =>
|
|
1261
|
+
onClick: () => it(t),
|
|
1262
1262
|
"aria-label": E.replace("{page}", (t + 1).toString())
|
|
1263
1263
|
}, t))
|
|
1264
1264
|
})
|
|
1265
1265
|
]
|
|
1266
1266
|
});
|
|
1267
1267
|
}), Tab_default = ({ items: e, defaultActiveKey: t, activeKey: n, onChange: r, className: i, tabBarClassName: a, tabContentClassName: o, size: s = "medium", type: c = "line" }) => {
|
|
1268
|
-
let [
|
|
1268
|
+
let [l, d] = useState(n || t || e[0]?.key || ""), f = n || l, p = (e, t) => {
|
|
1269
1269
|
t || (n || d(e), r?.(e));
|
|
1270
1270
|
}, m = e.find((e) => e.key === f), h = {
|
|
1271
1271
|
small: {
|
|
@@ -1283,7 +1283,7 @@ var Slider_default = forwardRef(({ items: e, itemsPerPage: t, slidePerPage: n, d
|
|
|
1283
1283
|
tab: "px-6 py-3 text-base",
|
|
1284
1284
|
content: "pt-6"
|
|
1285
1285
|
}
|
|
1286
|
-
},
|
|
1286
|
+
}, g = {
|
|
1287
1287
|
line: {
|
|
1288
1288
|
tabBar: "border-b border-gray-200",
|
|
1289
1289
|
tab: "border-b-2 border-transparent hover:text-blue-600 hover:border-blue-300",
|
|
@@ -1300,20 +1300,213 @@ var Slider_default = forwardRef(({ items: e, itemsPerPage: t, slidePerPage: n, d
|
|
|
1300
1300
|
return /* @__PURE__ */ jsxs("div", {
|
|
1301
1301
|
className: cn_default("w-full", i),
|
|
1302
1302
|
children: [/* @__PURE__ */ jsx("div", {
|
|
1303
|
-
className: cn_default("flex items-center justify-end", h[s].tabBar,
|
|
1303
|
+
className: cn_default("flex items-center justify-end", h[s].tabBar, g[c].tabBar, a),
|
|
1304
1304
|
children: e.map((e) => {
|
|
1305
1305
|
let t = e.key === f, n = e.disabled;
|
|
1306
1306
|
return /* @__PURE__ */ jsx("button", {
|
|
1307
1307
|
onClick: () => p(e.key, n),
|
|
1308
1308
|
disabled: n,
|
|
1309
|
-
className: cn_default("flex items-center justify-center font-medium transition-all duration-200 focus:outline-none cursor-pointer", h[s].tab, t ?
|
|
1309
|
+
className: cn_default("flex items-center justify-center font-medium transition-all duration-200 focus:outline-none cursor-pointer", h[s].tab, t ? g[c].activeTab : g[c].tab, n && "opacity-50 cursor-not-allowed hover:text-gray-500 hover:border-transparent"),
|
|
1310
1310
|
children: e.label
|
|
1311
1311
|
}, e.key);
|
|
1312
1312
|
})
|
|
1313
1313
|
}), /* @__PURE__ */ jsx("div", {
|
|
1314
|
-
className: cn_default(h[s].content,
|
|
1314
|
+
className: cn_default(h[s].content, g[c].content, o),
|
|
1315
1315
|
children: m?.children
|
|
1316
1316
|
})]
|
|
1317
1317
|
});
|
|
1318
1318
|
};
|
|
1319
|
-
|
|
1319
|
+
const tagStyles = {
|
|
1320
|
+
base: "inline-flex items-center font-medium rounded-md border border-solid transition-all duration-200",
|
|
1321
|
+
colors: {
|
|
1322
|
+
default: "bg-gray-100 text-gray-700 border-gray-200",
|
|
1323
|
+
primary: "bg-blue-100 text-blue-700 border-blue-200",
|
|
1324
|
+
success: "bg-green-100 text-green-700 border-green-200",
|
|
1325
|
+
warning: "bg-yellow-100 text-yellow-700 border-yellow-200",
|
|
1326
|
+
error: "bg-red-100 text-red-700 border-red-200",
|
|
1327
|
+
info: "bg-cyan-100 text-cyan-700 border-cyan-200",
|
|
1328
|
+
magenta: "bg-pink-100 text-pink-700 border-pink-200",
|
|
1329
|
+
red: "bg-red-100 text-red-700 border-red-200",
|
|
1330
|
+
volcano: "bg-orange-100 text-orange-700 border-orange-200",
|
|
1331
|
+
orange: "bg-orange-100 text-orange-700 border-orange-200",
|
|
1332
|
+
gold: "bg-yellow-100 text-yellow-700 border-yellow-200",
|
|
1333
|
+
lime: "bg-lime-100 text-lime-700 border-lime-200",
|
|
1334
|
+
green: "bg-green-100 text-green-700 border-green-200",
|
|
1335
|
+
cyan: "bg-cyan-100 text-cyan-700 border-cyan-200",
|
|
1336
|
+
blue: "bg-blue-100 text-blue-700 border-blue-200",
|
|
1337
|
+
geekblue: "bg-indigo-100 text-indigo-700 border-indigo-200",
|
|
1338
|
+
purple: "bg-purple-100 text-purple-700 border-purple-200"
|
|
1339
|
+
},
|
|
1340
|
+
sizes: {
|
|
1341
|
+
small: "px-2 py-0.5 text-xs h-5",
|
|
1342
|
+
middle: "px-2.5 py-1 text-sm h-6",
|
|
1343
|
+
large: "px-3 py-1.5 text-base h-8"
|
|
1344
|
+
},
|
|
1345
|
+
states: {
|
|
1346
|
+
hover: "hover:opacity-80",
|
|
1347
|
+
closable: "cursor-pointer hover:bg-opacity-80"
|
|
1348
|
+
}
|
|
1349
|
+
};
|
|
1350
|
+
function getTagStyles(e = "default", t = "middle", n, r, i) {
|
|
1351
|
+
let a = typeof e == "string" && !Object.keys(tagStyles.colors).includes(e);
|
|
1352
|
+
return cn_default(tagStyles.base, !a && tagStyles.colors[e], tagStyles.sizes[t], n && tagStyles.states.closable, !n && tagStyles.states.hover, !r && "border-transparent", i);
|
|
1353
|
+
}
|
|
1354
|
+
function getCloseIconStyles() {
|
|
1355
|
+
return "ml-1 cursor-pointer hover:opacity-70 transition-opacity duration-200";
|
|
1356
|
+
}
|
|
1357
|
+
var Tag_default = ({ children: e, color: t = "default", size: n = "middle", closable: r = !1, closeIcon: i, onClose: a, className: o, style: s, icon: c, bordered: l = !0 }) => {
|
|
1358
|
+
let [d, f] = useState(!0), p = (e) => {
|
|
1359
|
+
e.preventDefault(), e.stopPropagation(), a ? a(e) : f(!1);
|
|
1360
|
+
}, m = (e) => {
|
|
1361
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), a ? a({
|
|
1362
|
+
...e,
|
|
1363
|
+
type: "click",
|
|
1364
|
+
button: 0,
|
|
1365
|
+
buttons: 1,
|
|
1366
|
+
clientX: 0,
|
|
1367
|
+
clientY: 0,
|
|
1368
|
+
pageX: 0,
|
|
1369
|
+
pageY: 0,
|
|
1370
|
+
screenX: 0,
|
|
1371
|
+
screenY: 0,
|
|
1372
|
+
movementX: 0,
|
|
1373
|
+
movementY: 0,
|
|
1374
|
+
relatedTarget: null
|
|
1375
|
+
}) : f(!1));
|
|
1376
|
+
};
|
|
1377
|
+
if (!d) return null;
|
|
1378
|
+
let h = /* @__PURE__ */ jsx(CloseIcon_default, { className: getCloseIconStyles() });
|
|
1379
|
+
return /* @__PURE__ */ jsxs("span", {
|
|
1380
|
+
className: getTagStyles(t, n, r, l, o),
|
|
1381
|
+
style: s,
|
|
1382
|
+
children: [
|
|
1383
|
+
c && /* @__PURE__ */ jsx("span", {
|
|
1384
|
+
className: "mr-1",
|
|
1385
|
+
children: c
|
|
1386
|
+
}),
|
|
1387
|
+
/* @__PURE__ */ jsx("span", { children: e }),
|
|
1388
|
+
r && /* @__PURE__ */ jsx("span", {
|
|
1389
|
+
onClick: p,
|
|
1390
|
+
className: "ml-1 cursor-pointer",
|
|
1391
|
+
role: "button",
|
|
1392
|
+
tabIndex: 0,
|
|
1393
|
+
onKeyDown: m,
|
|
1394
|
+
children: i || h
|
|
1395
|
+
})
|
|
1396
|
+
]
|
|
1397
|
+
});
|
|
1398
|
+
};
|
|
1399
|
+
const getTimelineStyles = (e = "left", t = "md", n = !0, r) => {
|
|
1400
|
+
let i = {
|
|
1401
|
+
left: "pl-6",
|
|
1402
|
+
right: "pr-6",
|
|
1403
|
+
alternate: "px-6"
|
|
1404
|
+
}, a = {
|
|
1405
|
+
sm: "space-y-4",
|
|
1406
|
+
md: "space-y-6",
|
|
1407
|
+
lg: "space-y-8"
|
|
1408
|
+
}, o = n ? "before:absolute before:left-6 before:top-0 before:bottom-0 before:w-0.5 before:bg-gray-300 before:rounded-full" : "";
|
|
1409
|
+
return `relative ${i[e]} ${a[t]} ${o} ${r || ""}`;
|
|
1410
|
+
}, getTimelineItemStyles = (e = "left", t = "md", n = "process", r = "blue", i = !0, a) => `relative flex items-start ${{
|
|
1411
|
+
left: "space-x-4",
|
|
1412
|
+
right: "flex-row-reverse space-x-reverse space-x-4",
|
|
1413
|
+
alternate: "space-x-4"
|
|
1414
|
+
}[e]} ${{
|
|
1415
|
+
sm: "text-sm",
|
|
1416
|
+
md: "text-base",
|
|
1417
|
+
lg: "text-lg"
|
|
1418
|
+
}[t]} ${a || ""}`, getTimelineDotStyles = (e = "md", t = "blue", n = "process") => {
|
|
1419
|
+
let r = {
|
|
1420
|
+
sm: "w-6 h-6 text-xs",
|
|
1421
|
+
md: "w-8 h-8 text-sm",
|
|
1422
|
+
lg: "w-10 h-10 text-base"
|
|
1423
|
+
}, i = {
|
|
1424
|
+
pending: "bg-gray-100 border-2 border-gray-300",
|
|
1425
|
+
process: "bg-blue-500 text-white",
|
|
1426
|
+
finish: "bg-green-500 text-white",
|
|
1427
|
+
error: "bg-red-500 text-white"
|
|
1428
|
+
}, a = {
|
|
1429
|
+
blue: n === "process" ? "bg-blue-500" : n === "finish" ? "bg-green-500" : "bg-gray-500",
|
|
1430
|
+
green: n === "process" || n === "finish" ? "bg-green-500" : "bg-gray-500",
|
|
1431
|
+
red: n === "process" ? "bg-red-500" : n === "finish" ? "bg-green-500" : "bg-gray-500",
|
|
1432
|
+
orange: n === "process" ? "bg-orange-500" : n === "finish" ? "bg-green-500" : "bg-gray-500",
|
|
1433
|
+
purple: n === "process" ? "bg-purple-500" : n === "finish" ? "bg-green-500" : "bg-gray-500",
|
|
1434
|
+
gray: n === "process" ? "bg-gray-500" : n === "finish" ? "bg-green-500" : "bg-gray-500"
|
|
1435
|
+
};
|
|
1436
|
+
return `flex-shrink-0 rounded-full flex items-center justify-center shadow-lg ${r[e]} ${i[n]} ${a[t]}`;
|
|
1437
|
+
}, getTimelineContentStyles = (e = "left", t = "md", n) => `flex-1 bg-white rounded-lg shadow-sm border border-gray-200 ${{
|
|
1438
|
+
sm: "p-4",
|
|
1439
|
+
md: "p-6",
|
|
1440
|
+
lg: "p-8"
|
|
1441
|
+
}[t]} ${n || ""}`, getTimelineLabelStyles = (e = "left", t = "md", n) => `text-gray-600 font-medium ${{
|
|
1442
|
+
sm: "text-xs",
|
|
1443
|
+
md: "text-sm",
|
|
1444
|
+
lg: "text-base"
|
|
1445
|
+
}[t]} ${{
|
|
1446
|
+
left: "mb-2",
|
|
1447
|
+
right: "mb-2 text-right",
|
|
1448
|
+
alternate: "mb-2"
|
|
1449
|
+
}[e]} ${n || ""}`;
|
|
1450
|
+
var TimelineItem = forwardRef(({ label: e, color: t = "blue", status: n = "process", dot: r, showLine: i = !0, lineColor: a, mode: o = "left", size: s = "md", isLast: c = !1, className: l, children: u, ...d }, f) => {
|
|
1451
|
+
let p = getTimelineItemStyles(o, s, n, t, i, l), m = getTimelineDotStyles(s, t, n), h = getTimelineContentStyles(o, s), g = getTimelineLabelStyles(o, s), v = () => r ? /* @__PURE__ */ jsx("div", {
|
|
1452
|
+
className: cn_default("shrink-0", m),
|
|
1453
|
+
children: r
|
|
1454
|
+
}) : /* @__PURE__ */ jsx("div", {
|
|
1455
|
+
className: cn_default(m),
|
|
1456
|
+
children: (() => {
|
|
1457
|
+
switch (n) {
|
|
1458
|
+
case "finish": return "✓";
|
|
1459
|
+
case "error": return "✕";
|
|
1460
|
+
case "process": return "●";
|
|
1461
|
+
default: return "○";
|
|
1462
|
+
}
|
|
1463
|
+
})()
|
|
1464
|
+
}), y = () => !i || c ? null : /* @__PURE__ */ jsx("div", {
|
|
1465
|
+
className: cn_default("absolute left-6 top-0 bottom-0 w-0.5 rounded-full", a ? `bg-[${a}]` : t === "blue" ? "bg-blue-300" : t === "green" ? "bg-green-300" : t === "red" ? "bg-red-300" : t === "orange" ? "bg-orange-300" : t === "purple" ? "bg-purple-300" : "bg-gray-300"),
|
|
1466
|
+
style: a ? { backgroundColor: a } : void 0
|
|
1467
|
+
});
|
|
1468
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
1469
|
+
ref: f,
|
|
1470
|
+
className: cn_default(p),
|
|
1471
|
+
...d,
|
|
1472
|
+
children: [
|
|
1473
|
+
y(),
|
|
1474
|
+
v(),
|
|
1475
|
+
/* @__PURE__ */ jsxs("div", {
|
|
1476
|
+
className: "flex-1",
|
|
1477
|
+
children: [e && /* @__PURE__ */ jsx("div", {
|
|
1478
|
+
className: cn_default(g),
|
|
1479
|
+
children: e
|
|
1480
|
+
}), /* @__PURE__ */ jsx("div", {
|
|
1481
|
+
className: cn_default(h),
|
|
1482
|
+
children: u
|
|
1483
|
+
})]
|
|
1484
|
+
})
|
|
1485
|
+
]
|
|
1486
|
+
});
|
|
1487
|
+
});
|
|
1488
|
+
TimelineItem.displayName = "TimelineItem";
|
|
1489
|
+
var TimelineItem_default = TimelineItem, TimelineCore = forwardRef(({ mode: n = "left", size: r = "md", showLine: i = !0, lineColor: a, className: o, children: s, ...c }, l) => {
|
|
1490
|
+
let u = Children.map(s, (o, c) => {
|
|
1491
|
+
if (o && typeof o == "object" && "type" in o) {
|
|
1492
|
+
let l = o;
|
|
1493
|
+
return cloneElement(l, {
|
|
1494
|
+
key: l.key || c,
|
|
1495
|
+
mode: n,
|
|
1496
|
+
size: r,
|
|
1497
|
+
showLine: i,
|
|
1498
|
+
lineColor: a,
|
|
1499
|
+
isLast: c === Children.count(s) - 1
|
|
1500
|
+
});
|
|
1501
|
+
}
|
|
1502
|
+
return o;
|
|
1503
|
+
});
|
|
1504
|
+
return /* @__PURE__ */ jsx("div", {
|
|
1505
|
+
ref: l,
|
|
1506
|
+
className: cn_default(getTimelineStyles(n, r, i, o)),
|
|
1507
|
+
style: a ? { "--timeline-line-color": a } : void 0,
|
|
1508
|
+
...c,
|
|
1509
|
+
children: u
|
|
1510
|
+
});
|
|
1511
|
+
}), Timeline_default = Object.assign(TimelineCore, { Item: TimelineItem_default });
|
|
1512
|
+
export { ArrowIcon_default as ArrowIcon, Button_default as Button, Card_default as Card, ChevronLeftIcon_default as ChevronLeftIcon, ChevronRightIcon_default as ChevronRightIcon, CloseIcon_default as CloseIcon, Collapse_default as Collapse, Divider_default as Divider, DocumentIcon_default as DocumentIcon, Drawer_default as Drawer, EmptyState_default as EmptyState, EmptyStateIcon, ErrorIcon_default as ErrorIcon, FirstIcon_default as FirstIcon, FolderIcon_default as FolderIcon, InfoIcon_default as InfoIcon, JumpNextIcon_default as JumpNextIcon, JumpPrevIcon_default as JumpPrevIcon, LastIcon_default as LastIcon, Loading_default as Loading, LoadingIcon_default as LoadingIcon, NextIcon_default as NextIcon, Pagination_default as Pagination, PrevIcon_default as PrevIcon, SearchIcon_default as SearchIcon, SettingsIcon_default as SettingsIcon, Slider_default as Slider, SuccessIcon_default as SuccessIcon, Tab_default as Tab, Tag_default as Tag, Timeline_default as Timeline, UsersIcon_default as UsersIcon, WarningIcon_default as WarningIcon, cn_default as cn };
|
package/dist/style.css
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-yellow-500:#edb200;--color-green-500:#00c758;--color-blue-50:#eff6ff;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-purple-500:#ac4bff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-64{height:calc(var(--spacing)*64)}.h-96{height:calc(var(--spacing)*96)}.h-\[46rem\]{height:46rem}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[1\.5rem\]{min-height:1.5rem}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[2rem\]{min-height:2rem}.min-h-\[3\.5rem\]{min-height:3.5rem}.min-h-\[3rem\]{min-height:3rem}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-5\/6{width:83.3333%}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-40{width:calc(var(--spacing)*40)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-\[46rem\]{width:46rem}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-md{max-width:var(--container-md)}.min-w-\[32px\]{min-width:32px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-bottom-left{transform-origin:0 100%}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-16{border-style:var(--tw-border-style);border-width:16px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-t-blue-600{border-top-color:var(--color-blue-600)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-500{background-color:var(--color-green-500)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.bg-yellow-500{background-color:var(--color-yellow-500)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:translate-x-1:hover{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-101:hover{--tw-scale-x:101%;--tw-scale-y:101%;--tw-scale-z:101%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-blue-600:hover{border-color:var(--color-blue-600)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/75:hover{background-color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/75:hover{background-color:color-mix(in oklab,var(--color-white)75%,transparent)}}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-gray-500:hover{color:var(--color-gray-500)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-gray-300:focus{--tw-ring-color:var(--color-gray-300)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-white:focus{--tw-ring-color:var(--color-white)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-orange-100:#ffedd5;--color-orange-200:#ffd7a8;--color-orange-300:#ffb96d;--color-orange-500:#fe6e00;--color-orange-700:#c53c00;--color-yellow-100:#fef9c2;--color-yellow-200:#fff085;--color-yellow-500:#edb200;--color-yellow-700:#a36100;--color-lime-100:#ecfcca;--color-lime-200:#d8f999;--color-lime-700:#4b7d00;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-300:#7bf1a8;--color-green-500:#00c758;--color-green-700:#008138;--color-cyan-100:#cefafe;--color-cyan-200:#a2f4fd;--color-cyan-700:#007492;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bedbff;--color-blue-300:#90c5ff;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-blue-700:#1447e6;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2ff;--color-indigo-700:#432dd7;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d9b3ff;--color-purple-500:#ac4bff;--color-purple-700:#8200da;--color-pink-100:#fce7f3;--color-pink-200:#fccee8;--color-pink-700:#c4005c;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-orange-100:lab(94.7127% 3.58394 14.3151);--color-orange-200:lab(88.4871% 9.94918 28.8378);--color-orange-300:lab(80.8059% 21.7313 50.4455);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-orange-700:lab(46.4615% 57.7275 70.8507);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-200:lab(94.3433% -5.00429 52.9663);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-700:lab(47.8202% 25.2426 66.5015);--color-lime-100:lab(96.8662% -11.7133 22.0854);--color-lime-200:lab(94.0718% -22.5338 42.5238);--color-lime-700:lab(47.246% -32.2589 55.8249);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-300:lab(86.9953% -47.2691 25.0054);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-cyan-100:lab(95.3146% -13.8285 -6.84732);--color-cyan-200:lab(91.0821% -24.0435 -12.8306);--color-cyan-700:lab(44.7267% -21.5987 -26.118);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-200:lab(86.15% -4.04379 -21.0797);--color-blue-300:lab(77.5052% -6.4629 -36.42);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-blue-700:lab(36.9089% 35.0961 -85.6872);--color-indigo-100:lab(91.6577% 1.04591 -12.7199);--color-indigo-200:lab(84.4329% 3.18977 -23.9688);--color-indigo-700:lab(32.4486% 49.2217 -84.6695);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-200:lab(87.8405% 13.4282 -18.7159);--color-purple-300:lab(78.3298% 26.2195 -34.9499);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-700:lab(36.1758% 69.8525 -80.0381);--color-pink-100:lab(93.5864% 9.01193 -3.15079);--color-pink-200:lab(87.4504% 19.6 -6.46662);--color-pink-700:lab(42.1737% 71.8009 7.42233);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-4{left:calc(var(--spacing)*4)}.left-6{left:calc(var(--spacing)*6)}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.h-0{height:calc(var(--spacing)*0)}.h-0\.5{height:calc(var(--spacing)*.5)}.h-1{height:calc(var(--spacing)*1)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-64{height:calc(var(--spacing)*64)}.h-96{height:calc(var(--spacing)*96)}.h-\[46rem\]{height:46rem}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:calc(var(--spacing)*0)}.max-h-none{max-height:none}.max-h-screen{max-height:100vh}.min-h-0{min-height:calc(var(--spacing)*0)}.min-h-\[1\.5rem\]{min-height:1.5rem}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[2rem\]{min-height:2rem}.min-h-\[3\.5rem\]{min-height:3.5rem}.min-h-\[3rem\]{min-height:3rem}.min-h-screen{min-height:100vh}.w-0{width:calc(var(--spacing)*0)}.w-0\.5{width:calc(var(--spacing)*.5)}.w-1{width:calc(var(--spacing)*1)}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-5\/6{width:83.3333%}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-40{width:calc(var(--spacing)*40)}.w-64{width:calc(var(--spacing)*64)}.w-96{width:calc(var(--spacing)*96)}.w-\[46rem\]{width:46rem}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-md{max-width:var(--container-md)}.min-w-\[32px\]{min-width:32px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.origin-bottom-left{transform-origin:0 100%}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-125{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-0{rotate:none}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-8{border-style:var(--tw-border-style);border-width:8px}.border-16{border-style:var(--tw-border-style);border-width:16px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-solid{--tw-border-style:solid;border-style:solid}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-cyan-200{border-color:var(--color-cyan-200)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-lime-200{border-color:var(--color-lime-200)}.border-orange-200{border-color:var(--color-orange-200)}.border-pink-200{border-color:var(--color-pink-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-red-200{border-color:var(--color-red-200)}.border-transparent{border-color:#0000}.border-white{border-color:var(--color-white)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-t-blue-600{border-top-color:var(--color-blue-600)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab, red, red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-300{background-color:var(--color-green-300)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-lime-100{background-color:var(--color-lime-100)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-300{background-color:var(--color-orange-300)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-300{background-color:var(--color-purple-300)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab,var(--color-white)70%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.object-cover{object-fit:cover}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-6{padding-right:calc(var(--spacing)*6)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-6{padding-left:calc(var(--spacing)*6)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-700{color:var(--color-cyan-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-700{color:var(--color-green-700)}.text-indigo-700{color:var(--color-indigo-700)}.text-lime-700{color:var(--color-lime-700)}.text-orange-700{color:var(--color-orange-700)}.text-pink-700{color:var(--color-pink-700)}.text-purple-700{color:var(--color-purple-700)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-700{color:var(--color-yellow-700)}.capitalize{text-transform:capitalize}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.will-change-transform{will-change:transform}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:calc(var(--spacing)*0)}.before\:bottom-0:before{content:var(--tw-content);bottom:calc(var(--spacing)*0)}.before\:left-6:before{content:var(--tw-content);left:calc(var(--spacing)*6)}.before\:w-0\.5:before{content:var(--tw-content);width:calc(var(--spacing)*.5)}.before\:rounded-full:before{content:var(--tw-content);border-radius:3.40282e38px}.before\:bg-gray-300:before{content:var(--tw-content);background-color:var(--color-gray-300)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:translate-x-1:hover{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-101:hover{--tw-scale-x:101%;--tw-scale-y:101%;--tw-scale-z:101%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-blue-600:hover{border-color:var(--color-blue-600)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:border-transparent:hover{border-color:#0000}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/75:hover{background-color:#ffffffbf}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/75:hover{background-color:color-mix(in oklab,var(--color-white)75%,transparent)}}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-gray-500:hover{color:var(--color-gray-500)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-gray-300:focus{--tw-ring-color:var(--color-gray-300)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-white:focus{--tw-ring-color:var(--color-white)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
|
|
3
3
|
/*$vite$:1*/
|