gemini-uis 0.7.0 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.d.ts +107 -0
  2. package/dist/index.js +789 -547
  3. package/dist/style.css +1 -1
  4. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
- import { cloneElement, forwardRef, isValidElement, startTransition, useCallback, useEffect, useMemo, useState } from "react";
1
+ import { cloneElement, forwardRef, isValidElement, startTransition, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
2
2
  import { Fragment, jsx, jsxs } from "react/jsx-runtime";
3
- const getVariantStyles = (r) => {
4
- let i = {
3
+ const getVariantStyles = (e) => {
4
+ let t = {
5
5
  primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",
6
6
  default: "bg-white text-gray-700 hover:bg-gray-50 focus:ring-gray-500 border border-gray-300",
7
7
  secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200 focus:ring-gray-500 border border-gray-300",
@@ -10,36 +10,36 @@ const getVariantStyles = (r) => {
10
10
  text: "bg-transparent text-gray-700 focus:ring-gray-500",
11
11
  danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500"
12
12
  };
13
- return i[r] || i.primary;
14
- }, getSizeStyles = (r) => {
15
- let i = {
13
+ return t[e] || t.primary;
14
+ }, getSizeStyles = (e) => {
15
+ let t = {
16
16
  xs: "px-2 py-1 text-xs min-h-[1.5rem]",
17
17
  sm: "px-3 py-1.5 text-sm min-h-[2rem]",
18
18
  md: "px-4 py-2 text-sm min-h-[2.5rem]",
19
19
  lg: "px-6 py-3 text-base min-h-[3rem]",
20
20
  xl: "px-8 py-4 text-lg min-h-[3.5rem]"
21
21
  };
22
- return i[r] || i.md;
23
- }, getRoundedStyles$2 = (r) => r ? "rounded-lg" : "rounded-none", getButtonStyles = (r = "primary", i = "md", a = !1, o = !1, s = !1, c) => [
22
+ return t[e] || t.md;
23
+ }, getRoundedStyles$2 = (e) => e ? "rounded-lg" : "rounded-none", getButtonStyles = (e = "primary", t = "md", n = !1, r = !1, i = !1, a) => [
24
24
  "inline-flex gap-1 items-center justify-center font-medium text-center transition-all duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-offset-2 cursor-pointer disabled:opacity-50 disabled:cursor-not-allowed",
25
- getVariantStyles(r),
26
- getSizeStyles(i),
27
- getRoundedStyles$2(a),
28
- o ? "opacity-50 cursor-not-allowed" : "",
29
- s ? "cursor-wait" : "",
30
- c
25
+ getVariantStyles(e),
26
+ getSizeStyles(t),
27
+ getRoundedStyles$2(n),
28
+ r ? "opacity-50 cursor-not-allowed" : "",
29
+ i ? "cursor-wait" : "",
30
+ a
31
31
  ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
32
- function cn(...r) {
33
- return r.filter(Boolean).join(" ");
32
+ function cn(...e) {
33
+ return e.filter(Boolean).join(" ");
34
34
  }
35
- var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, className: a = "animate-spin", ...o }) => /* @__PURE__ */ jsxs("svg", {
36
- width: r,
37
- height: i,
35
+ var cn_default = cn, LoadingIcon_default = ({ width: e = 16, height: t = 16, className: n = "animate-spin", ...r }) => /* @__PURE__ */ jsxs("svg", {
36
+ width: e,
37
+ height: t,
38
38
  xmlns: "http://www.w3.org/2000/svg",
39
39
  fill: "none",
40
40
  viewBox: "0 0 24 24",
41
- className: a,
42
- ...o,
41
+ className: n,
42
+ ...r,
43
43
  children: [/* @__PURE__ */ jsx("circle", {
44
44
  className: "opacity-25",
45
45
  cx: "12",
@@ -52,54 +52,54 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
52
52
  fill: "currentColor",
53
53
  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
54
54
  })]
55
- }), CloseIcon_default = ({ width: r = 6, height: i = 6, fill: a = "none", strokeWidth: o = 2, stroke: s = "currentColor", ...c }) => /* @__PURE__ */ jsx("svg", {
56
- width: r,
57
- height: i,
58
- fill: a,
59
- stroke: s,
55
+ }), CloseIcon_default = ({ width: e = 6, height: t = 6, fill: n = "none", strokeWidth: r = 2, stroke: i = "currentColor", ...a }) => /* @__PURE__ */ jsx("svg", {
56
+ width: e,
57
+ height: t,
58
+ fill: n,
59
+ stroke: i,
60
60
  viewBox: "0 0 24 24",
61
- ...c,
61
+ ...a,
62
62
  children: /* @__PURE__ */ jsx("path", {
63
63
  strokeLinecap: "round",
64
64
  strokeLinejoin: "round",
65
- strokeWidth: o,
65
+ strokeWidth: r,
66
66
  d: "M6 18L18 6M6 6l12 12"
67
67
  })
68
- }), ArrowIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", ...o }) => /* @__PURE__ */ jsx("svg", {
69
- fill: i,
70
- stroke: a,
71
- viewBox: r,
72
- ...o,
68
+ }), ArrowIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", ...r }) => /* @__PURE__ */ jsx("svg", {
69
+ fill: t,
70
+ stroke: n,
71
+ viewBox: e,
72
+ ...r,
73
73
  children: /* @__PURE__ */ jsx("path", {
74
74
  strokeLinecap: "round",
75
75
  strokeLinejoin: "round",
76
76
  strokeWidth: 2,
77
77
  d: "M19 9l-7 7-7-7"
78
78
  })
79
- }), SearchIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsxs("svg", {
80
- viewBox: r,
81
- fill: i,
82
- stroke: a,
83
- strokeWidth: o,
84
- ...s,
79
+ }), SearchIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsxs("svg", {
80
+ viewBox: e,
81
+ fill: t,
82
+ stroke: n,
83
+ strokeWidth: r,
84
+ ...i,
85
85
  children: [/* @__PURE__ */ jsx("circle", {
86
86
  cx: "11",
87
87
  cy: "11",
88
88
  r: "8"
89
89
  }), /* @__PURE__ */ jsx("path", { d: "m21 21-4.35-4.35" })]
90
- }), FolderIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsx("svg", {
91
- viewBox: r,
92
- fill: i,
93
- stroke: a,
94
- strokeWidth: o,
95
- ...s,
90
+ }), FolderIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsx("svg", {
91
+ viewBox: e,
92
+ fill: t,
93
+ stroke: n,
94
+ strokeWidth: r,
95
+ ...i,
96
96
  children: /* @__PURE__ */ jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" })
97
- }), DocumentIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsxs("svg", {
98
- viewBox: r,
99
- fill: i,
100
- stroke: a,
101
- strokeWidth: o,
102
- ...s,
97
+ }), DocumentIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsxs("svg", {
98
+ viewBox: e,
99
+ fill: t,
100
+ stroke: n,
101
+ strokeWidth: r,
102
+ ...i,
103
103
  children: [
104
104
  /* @__PURE__ */ jsx("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
105
105
  /* @__PURE__ */ jsx("polyline", { points: "14,2 14,8 20,8" }),
@@ -117,12 +117,12 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
117
117
  }),
118
118
  /* @__PURE__ */ jsx("polyline", { points: "10,9 9,9 8,9" })
119
119
  ]
120
- }), UsersIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsxs("svg", {
121
- viewBox: r,
122
- fill: i,
123
- stroke: a,
124
- strokeWidth: o,
125
- ...s,
120
+ }), UsersIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsxs("svg", {
121
+ viewBox: e,
122
+ fill: t,
123
+ stroke: n,
124
+ strokeWidth: r,
125
+ ...i,
126
126
  children: [
127
127
  /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
128
128
  /* @__PURE__ */ jsx("circle", {
@@ -133,34 +133,34 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
133
133
  /* @__PURE__ */ jsx("path", { d: "m22 21-2-2" }),
134
134
  /* @__PURE__ */ jsx("path", { d: "m16 16 2 2" })
135
135
  ]
136
- }), SettingsIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsxs("svg", {
137
- viewBox: r,
138
- fill: i,
139
- stroke: a,
140
- strokeWidth: o,
141
- ...s,
136
+ }), SettingsIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsxs("svg", {
137
+ viewBox: e,
138
+ fill: t,
139
+ stroke: n,
140
+ strokeWidth: r,
141
+ ...i,
142
142
  children: [/* @__PURE__ */ jsx("circle", {
143
143
  cx: "12",
144
144
  cy: "12",
145
145
  r: "3"
146
146
  }), /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })]
147
- }), WarningIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsxs("svg", {
148
- viewBox: r,
149
- fill: i,
150
- stroke: a,
151
- strokeWidth: o,
152
- ...s,
147
+ }), WarningIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsxs("svg", {
148
+ viewBox: e,
149
+ fill: t,
150
+ stroke: n,
151
+ strokeWidth: r,
152
+ ...i,
153
153
  children: [/* @__PURE__ */ jsx("circle", {
154
154
  cx: "12",
155
155
  cy: "12",
156
156
  r: "3"
157
157
  }), /* @__PURE__ */ jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1 1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })]
158
- }), InfoIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsxs("svg", {
159
- viewBox: r,
160
- fill: i,
161
- stroke: a,
162
- strokeWidth: o,
163
- ...s,
158
+ }), InfoIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsxs("svg", {
159
+ viewBox: e,
160
+ fill: t,
161
+ stroke: n,
162
+ strokeWidth: r,
163
+ ...i,
164
164
  children: [
165
165
  /* @__PURE__ */ jsx("circle", {
166
166
  cx: "12",
@@ -180,19 +180,19 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
180
180
  y2: "8"
181
181
  })
182
182
  ]
183
- }), SuccessIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsxs("svg", {
184
- viewBox: r,
185
- fill: i,
186
- stroke: a,
187
- strokeWidth: o,
188
- ...s,
183
+ }), SuccessIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsxs("svg", {
184
+ viewBox: e,
185
+ fill: t,
186
+ stroke: n,
187
+ strokeWidth: r,
188
+ ...i,
189
189
  children: [/* @__PURE__ */ jsx("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ jsx("polyline", { points: "22,4 12,14.01 9,11.01" })]
190
- }), ErrorIcon_default = ({ viewBox: r = "0 0 24 24", fill: i = "none", stroke: a = "currentColor", strokeWidth: o = "1.5", ...s }) => /* @__PURE__ */ jsxs("svg", {
191
- viewBox: r,
192
- fill: i,
193
- stroke: a,
194
- strokeWidth: o,
195
- ...s,
190
+ }), ErrorIcon_default = ({ viewBox: e = "0 0 24 24", fill: t = "none", stroke: n = "currentColor", strokeWidth: r = "1.5", ...i }) => /* @__PURE__ */ jsxs("svg", {
191
+ viewBox: e,
192
+ fill: t,
193
+ stroke: n,
194
+ strokeWidth: r,
195
+ ...i,
196
196
  children: [
197
197
  /* @__PURE__ */ jsx("circle", {
198
198
  cx: "12",
@@ -212,12 +212,12 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
212
212
  y2: "15"
213
213
  })
214
214
  ]
215
- }), PrevIcon_default = ({ width: r = 12, height: i = 12, viewBox: a = "0 0 12 12", fill: o = "currentColor", ...s }) => /* @__PURE__ */ jsx("svg", {
216
- width: r,
217
- height: i,
218
- viewBox: a,
219
- fill: o,
220
- ...s,
215
+ }), PrevIcon_default = ({ width: e = 12, height: t = 12, viewBox: n = "0 0 12 12", fill: r = "currentColor", ...i }) => /* @__PURE__ */ jsx("svg", {
216
+ width: e,
217
+ height: t,
218
+ viewBox: n,
219
+ fill: r,
220
+ ...i,
221
221
  children: /* @__PURE__ */ jsx("path", {
222
222
  d: "M7.5 9L4.5 6L7.5 3",
223
223
  stroke: "currentColor",
@@ -226,12 +226,12 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
226
226
  strokeLinejoin: "round",
227
227
  fill: "none"
228
228
  })
229
- }), NextIcon_default = ({ width: r = 12, height: i = 12, viewBox: a = "0 0 12 12", fill: o = "currentColor", ...s }) => /* @__PURE__ */ jsx("svg", {
230
- width: r,
231
- height: i,
232
- viewBox: a,
233
- fill: o,
234
- ...s,
229
+ }), NextIcon_default = ({ width: e = 12, height: t = 12, viewBox: n = "0 0 12 12", fill: r = "currentColor", ...i }) => /* @__PURE__ */ jsx("svg", {
230
+ width: e,
231
+ height: t,
232
+ viewBox: n,
233
+ fill: r,
234
+ ...i,
235
235
  children: /* @__PURE__ */ jsx("path", {
236
236
  d: "M4.5 3L7.5 6L4.5 9",
237
237
  stroke: "currentColor",
@@ -240,12 +240,12 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
240
240
  strokeLinejoin: "round",
241
241
  fill: "none"
242
242
  })
243
- }), FirstIcon_default = ({ viewBox: r = "0 0 12 12", fill: i = "currentColor", width: a = 12, height: o = 12, ...s }) => /* @__PURE__ */ jsx("svg", {
244
- width: a,
245
- height: o,
246
- viewBox: r,
247
- fill: i,
248
- ...s,
243
+ }), FirstIcon_default = ({ viewBox: e = "0 0 12 12", fill: t = "currentColor", width: n = 12, height: r = 12, ...i }) => /* @__PURE__ */ jsx("svg", {
244
+ width: n,
245
+ height: r,
246
+ viewBox: e,
247
+ fill: t,
248
+ ...i,
249
249
  children: /* @__PURE__ */ jsx("path", {
250
250
  d: "M3 3L3 9M6 3L6 9M9 3L9 9",
251
251
  stroke: "currentColor",
@@ -254,12 +254,12 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
254
254
  strokeLinejoin: "round",
255
255
  fill: "none"
256
256
  })
257
- }), LastIcon_default = ({ viewBox: r = "0 0 12 12", fill: i = "currentColor", width: a = 12, height: o = 12, ...s }) => /* @__PURE__ */ jsx("svg", {
258
- width: a,
259
- height: o,
260
- viewBox: r,
261
- fill: i,
262
- ...s,
257
+ }), LastIcon_default = ({ viewBox: e = "0 0 12 12", fill: t = "currentColor", width: n = 12, height: r = 12, ...i }) => /* @__PURE__ */ jsx("svg", {
258
+ width: n,
259
+ height: r,
260
+ viewBox: e,
261
+ fill: t,
262
+ ...i,
263
263
  children: /* @__PURE__ */ jsx("path", {
264
264
  d: "M3 3L3 9M6 3L6 9M9 3L9 9",
265
265
  stroke: "currentColor",
@@ -268,12 +268,12 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
268
268
  strokeLinejoin: "round",
269
269
  fill: "none"
270
270
  })
271
- }), JumpPrevIcon_default = ({ viewBox: r = "0 0 12 12", fill: i = "currentColor", width: a = 12, height: o = 12, ...s }) => /* @__PURE__ */ jsx("svg", {
272
- width: a,
273
- height: o,
274
- viewBox: r,
275
- fill: i,
276
- ...s,
271
+ }), JumpPrevIcon_default = ({ viewBox: e = "0 0 12 12", fill: t = "currentColor", width: n = 12, height: r = 12, ...i }) => /* @__PURE__ */ jsx("svg", {
272
+ width: n,
273
+ height: r,
274
+ viewBox: e,
275
+ fill: t,
276
+ ...i,
277
277
  children: /* @__PURE__ */ jsx("path", {
278
278
  d: "M3 3L3 9M6 3L6 9M9 3L9 9",
279
279
  stroke: "currentColor",
@@ -282,12 +282,12 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
282
282
  strokeLinejoin: "round",
283
283
  fill: "none"
284
284
  })
285
- }), JumpNextIcon_default = ({ viewBox: r = "0 0 12 12", fill: i = "currentColor", width: a = 12, height: o = 12, ...s }) => /* @__PURE__ */ jsx("svg", {
286
- width: a,
287
- height: o,
288
- viewBox: r,
289
- fill: i,
290
- ...s,
285
+ }), JumpNextIcon_default = ({ viewBox: e = "0 0 12 12", fill: t = "currentColor", width: n = 12, height: r = 12, ...i }) => /* @__PURE__ */ jsx("svg", {
286
+ width: n,
287
+ height: r,
288
+ viewBox: e,
289
+ fill: t,
290
+ ...i,
291
291
  children: /* @__PURE__ */ jsx("path", {
292
292
  d: "M3 3L3 9M6 3L6 9M9 3L9 9",
293
293
  stroke: "currentColor",
@@ -296,26 +296,52 @@ var cn_default = cn, LoadingIcon_default = ({ width: r = 16, height: i = 16, cla
296
296
  strokeLinejoin: "round",
297
297
  fill: "none"
298
298
  })
299
- }), Button_default = forwardRef(({ type: r = "primary", size: i = "md", rounded: a = !1, disabled: o = !1, loading: s = !1, className: c, children: l, htmlType: u = "button", onClick: d, ...p }, m) => {
300
- let h = o || s;
299
+ }), ChevronLeftIcon_default = ({ width: e = 20, height: t = 20, viewBox: n = "0 0 24 24", fill: r = "none", stroke: i = "currentColor", ...a }) => /* @__PURE__ */ jsx("svg", {
300
+ width: e,
301
+ height: t,
302
+ fill: r,
303
+ stroke: i,
304
+ viewBox: n,
305
+ ...a,
306
+ children: /* @__PURE__ */ jsx("path", {
307
+ strokeLinecap: "round",
308
+ strokeLinejoin: "round",
309
+ strokeWidth: 2,
310
+ d: "M15 19l-7-7 7-7"
311
+ })
312
+ }), ChevronRightIcon_default = ({ width: e = 20, height: t = 20, viewBox: n = "0 0 24 24", fill: r = "none", stroke: i = "currentColor", ...a }) => /* @__PURE__ */ jsx("svg", {
313
+ width: e,
314
+ height: t,
315
+ fill: r,
316
+ stroke: i,
317
+ viewBox: n,
318
+ ...a,
319
+ children: /* @__PURE__ */ jsx("path", {
320
+ strokeLinecap: "round",
321
+ strokeLinejoin: "round",
322
+ strokeWidth: 2,
323
+ d: "M9 5l7 7-7 7"
324
+ })
325
+ }), Button_default = forwardRef(({ type: e = "primary", size: t = "md", rounded: n = !1, disabled: r = !1, loading: i = !1, className: a, children: o, htmlType: s = "button", onClick: c, ...l }, u) => {
326
+ let d = r || i;
301
327
  return /* @__PURE__ */ jsxs("button", {
302
- ref: m,
303
- type: u,
304
- disabled: h,
305
- onClick: (r) => {
306
- if (h) {
307
- r.preventDefault();
328
+ ref: u,
329
+ type: s,
330
+ disabled: d,
331
+ onClick: (e) => {
332
+ if (d) {
333
+ e.preventDefault();
308
334
  return;
309
335
  }
310
- d?.(r);
336
+ c?.(e);
311
337
  },
312
- className: cn_default(getButtonStyles(r, i, a, h, s, c)),
313
- ...p,
314
- children: [s && /* @__PURE__ */ jsx(LoadingIcon_default, { className: "animate-spin" }), l]
338
+ className: cn_default(getButtonStyles(e, t, n, d, i, a)),
339
+ ...l,
340
+ children: [i && /* @__PURE__ */ jsx(LoadingIcon_default, { className: "animate-spin" }), o]
315
341
  });
316
342
  });
317
- const getShadowStyles = (r) => {
318
- let i = {
343
+ const getShadowStyles = (e) => {
344
+ let t = {
319
345
  none: "",
320
346
  sm: "shadow-sm",
321
347
  md: "shadow-md",
@@ -323,9 +349,9 @@ const getShadowStyles = (r) => {
323
349
  xl: "shadow-xl",
324
350
  "2xl": "shadow-2xl"
325
351
  };
326
- return i[r] || i.none;
327
- }, getBorderStyles = (r) => {
328
- let i = {
352
+ return t[e] || t.none;
353
+ }, getBorderStyles = (e) => {
354
+ let t = {
329
355
  none: "",
330
356
  sm: "border border-gray-200",
331
357
  md: "border-2 border-gray-200",
@@ -333,354 +359,354 @@ const getShadowStyles = (r) => {
333
359
  xl: "border-8 border-gray-200",
334
360
  "2xl": "border-16 border-gray-200"
335
361
  };
336
- return i[r] || i.none;
337
- }, getRoundedStyles$1 = (r) => r ? "rounded-lg" : "rounded-none", getHoverStyles = (r = !1) => r ? "" : "hover:shadow-xl hover:scale-101 hover:-translate-y-1 hover:translate-x-1 origin-bottom-left", getCardStyles = (r = "none", i = "none", a = !1, o = !1, s) => {
338
- let c = getShadowStyles(r), l = getBorderStyles(i), u = getRoundedStyles$1(a), d = getHoverStyles(o);
362
+ return t[e] || t.none;
363
+ }, getRoundedStyles$1 = (e) => e ? "rounded-lg" : "rounded-none", getHoverStyles = (e = !1) => e ? "" : "hover:shadow-xl hover:scale-101 hover:-translate-y-1 hover:translate-x-1 origin-bottom-left", getCardStyles = (e = "none", t = "none", n = !1, r = !1, i) => {
364
+ let a = getShadowStyles(e), o = getBorderStyles(t), s = getRoundedStyles$1(n), c = getHoverStyles(r);
339
365
  return [
340
366
  "block p-4 bg-white transition-all duration-300 ease-in-out cursor-pointer",
341
- s && /\bw-\w+/.test(s) ? "" : "w-full",
367
+ i && /\bw-\w+/.test(i) ? "" : "w-full",
368
+ a,
369
+ o,
370
+ s,
342
371
  c,
343
- l,
344
- u,
345
- d,
346
- s
372
+ i
347
373
  ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
348
374
  };
349
- var Card_default = forwardRef(({ shadow: r = "md", border: i = "sm", rounded: a = !1, disabledHover: o = !1, className: s, children: c, ...l }, u) => /* @__PURE__ */ jsx("div", {
350
- ref: u,
351
- className: cn_default(getCardStyles(r, i, a, o, s)),
352
- ...l,
353
- children: c
375
+ var Card_default = forwardRef(({ shadow: e = "md", border: t = "sm", rounded: n = !1, disabledHover: r = !1, className: i, children: a, ...o }, s) => /* @__PURE__ */ jsx("div", {
376
+ ref: s,
377
+ className: cn_default(getCardStyles(e, t, n, r, i)),
378
+ ...o,
379
+ children: a
354
380
  }));
355
- const getCollapseSizeStyles = (r) => {
356
- let i = {
381
+ const getCollapseSizeStyles = (e) => {
382
+ let t = {
357
383
  sm: "text-sm",
358
384
  md: "text-base",
359
385
  lg: "text-lg"
360
386
  };
361
- return i[r] || i.md;
362
- }, getCollapseVariantStyles = (r, i, a) => a ? "bg-transparent" : i || r === "bordered" ? "border border-gray-200 rounded-lg overflow-hidden" : "bg-white rounded-lg", getCollapseStyles = (r = "md", i = "default", a = !1, o = !1, s) => [
387
+ return t[e] || t.md;
388
+ }, getCollapseVariantStyles = (e, t, n) => n ? "bg-transparent" : t || e === "bordered" ? "border border-gray-200 rounded-lg overflow-hidden" : "bg-white rounded-lg", getCollapseStyles = (e = "md", t = "default", n = !1, r = !1, i) => [
363
389
  "w-full",
364
- getCollapseSizeStyles(r),
365
- getCollapseVariantStyles(i, a, o),
366
- s
390
+ getCollapseSizeStyles(e),
391
+ getCollapseVariantStyles(t, n, r),
392
+ i
367
393
  ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
368
- var DefaultArrowIcon = ({ isActive: r, disabled: i }) => /* @__PURE__ */ jsx(ArrowIcon_default, { className: cn_default("shrink-0 size-4 transition-transform duration-200 ease-in-out", r ? "rotate-180" : "rotate-0", i ? "opacity-50" : "") }), CollapseCore = forwardRef(({ activeKey: i, defaultActiveKey: o, collapsible: c = "header", accordion: d = !1, bordered: f = !1, ghost: p = !1, size: m = "md", variant: h = "default", className: g, children: _, onChange: y, onExpand: b, onCollapse: x, ...S }, C) => {
369
- let [w, T] = useState(() => {
370
- let r = i || o;
371
- return Array.isArray(r) ? r : r ? [r] : [];
372
- }), E = useMemo(() => i === void 0 ? w : Array.isArray(i) ? i : [i], [i, w]), D = useCallback((r) => {
373
- if (c === "disabled") return;
374
- let a;
375
- a = d ? E.includes(r) ? [] : [r] : E.includes(r) ? E.filter((i) => i !== r) : [...E, r], i === void 0 && T(a), y?.(d ? a[0] || "" : a), a.includes(r) ? b?.(r) : x?.(r);
394
+ var DefaultArrowIcon = ({ isActive: e, disabled: t }) => /* @__PURE__ */ jsx(ArrowIcon_default, { className: cn_default("shrink-0 size-4 transition-transform duration-200 ease-in-out", e ? "rotate-180" : "rotate-0", t ? "opacity-50" : "") }), CollapseCore = forwardRef(({ activeKey: t, defaultActiveKey: r, collapsible: a = "header", accordion: o = !1, bordered: c = !1, ghost: u = !1, size: Re = "md", variant: d = "default", className: f, children: p, onChange: m, onExpand: h, onCollapse: _, ...v }, y) => {
395
+ let [b, x] = useState(() => {
396
+ let e = t || r;
397
+ return Array.isArray(e) ? e : e ? [e] : [];
398
+ }), S = useMemo(() => t === void 0 ? b : Array.isArray(t) ? t : [t], [t, b]), C = useCallback((e) => {
399
+ if (a === "disabled") return;
400
+ let n;
401
+ n = o ? S.includes(e) ? [] : [e] : S.includes(e) ? S.filter((t) => t !== e) : [...S, e], t === void 0 && x(n), m?.(o ? n[0] || "" : n), n.includes(e) ? h?.(e) : _?.(e);
376
402
  }, [
377
- i,
378
- E,
379
- d,
380
- c,
381
- y,
382
- b,
383
- x
384
- ]), O = getCollapseStyles(m, h, f, p, g), k = useMemo(() => _ ? Array.isArray(_) ? _.map((i, o) => {
385
- if (!isValidElement(i)) return i;
386
- let { ...s } = i.props, l = i.key || String(o), u = E.includes(l);
387
- return cloneElement(i, {
388
- ...s,
389
- isActive: u,
390
- onToggle: () => D(l),
391
- collapsible: c
403
+ t,
404
+ S,
405
+ o,
406
+ a,
407
+ m,
408
+ h,
409
+ _
410
+ ]), w = getCollapseStyles(Re, d, c, u, f), T = useMemo(() => p ? Array.isArray(p) ? p.map((t, r) => {
411
+ if (!isValidElement(t)) return t;
412
+ let { ...i } = t.props, o = t.key || String(r), s = S.includes(o);
413
+ return cloneElement(t, {
414
+ ...i,
415
+ isActive: s,
416
+ onToggle: () => C(o),
417
+ collapsible: a
392
418
  });
393
- }) : isValidElement(_) ? cloneElement(_, {
394
- ..._.props,
395
- isActive: E.includes(_.key || "filter"),
396
- onToggle: () => D(_.key || "filter"),
397
- collapsible: c
398
- }) : _ : null, [
399
- _,
400
- E,
401
- D,
402
- c
419
+ }) : isValidElement(p) ? cloneElement(p, {
420
+ ...p.props,
421
+ isActive: S.includes(p.key || "filter"),
422
+ onToggle: () => C(p.key || "filter"),
423
+ collapsible: a
424
+ }) : p : null, [
425
+ p,
426
+ S,
427
+ C,
428
+ a
403
429
  ]);
404
430
  return /* @__PURE__ */ jsx("div", {
405
- ref: C,
406
- className: cn_default(O),
407
- ...S,
408
- children: k
431
+ ref: y,
432
+ className: cn_default(w),
433
+ ...v,
434
+ children: T
409
435
  });
410
- }), CollapsePanel = forwardRef(({ key: r, header: i, children: a, disabled: o = !1, showArrow: s = !0, arrow: c, className: l, headerContainerClassName: u, headerContentClassName: d, contentClassName: p, onHeaderClick: m, isActive: h = !1, onToggle: g, collapsible: _ = "header", ...y }, b) => {
411
- let x = () => {
412
- o || _ === "disabled" || (m?.(r), g?.());
413
- }, S = (r) => {
414
- _ !== "header" && (r.stopPropagation(), o || g?.());
415
- }, C = () => s ? c ? /* @__PURE__ */ jsx("span", {
416
- className: cn_default("shrink-0 transition-transform duration-200 ease-in-out", h ? "rotate-180" : "rotate-0", o ? "opacity-50" : "", _ === "icon" ? "cursor-pointer" : ""),
417
- onClick: S,
418
- children: c
436
+ }), 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) => {
437
+ let _ = () => {
438
+ r || p === "disabled" || (u?.(e), f?.());
439
+ }, v = (e) => {
440
+ p !== "header" && (e.stopPropagation(), r || f?.());
441
+ }, y = () => i ? a ? /* @__PURE__ */ jsx("span", {
442
+ className: cn_default("shrink-0 transition-transform duration-200 ease-in-out", d ? "rotate-180" : "rotate-0", r ? "opacity-50" : "", p === "icon" ? "cursor-pointer" : ""),
443
+ onClick: v,
444
+ children: a
419
445
  }) : /* @__PURE__ */ jsx(DefaultArrowIcon, {
420
- isActive: h,
421
- disabled: o
446
+ isActive: d,
447
+ disabled: r
422
448
  }) : null;
423
449
  return /* @__PURE__ */ jsxs("div", {
424
- ref: b,
425
- className: cn_default("border-b border-gray-200 last:border-b-0", l),
426
- ...y,
450
+ ref: h,
451
+ className: cn_default("border-b border-gray-200 last:border-b-0", o),
452
+ ...m,
427
453
  children: [/* @__PURE__ */ jsxs("div", {
428
- className: cn_default("flex items-center justify-between w-full text-left font-medium transition-colors duration-200", "px-4 py-3", o ? "opacity-50 cursor-not-allowed" : "cursor-pointer hover:bg-gray-50", "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-inset", u),
429
- onClick: x,
430
- tabIndex: o ? -1 : 0,
454
+ 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),
455
+ onClick: _,
456
+ tabIndex: r ? -1 : 0,
431
457
  role: "button",
432
- "aria-expanded": h,
433
- "aria-disabled": o,
458
+ "aria-expanded": d,
459
+ "aria-disabled": r,
434
460
  children: [/* @__PURE__ */ jsx("div", {
435
- className: cn_default("flex-1 pr-2", d),
436
- children: i
437
- }), C()]
461
+ className: cn_default("flex-1 pr-2", c),
462
+ children: t
463
+ }), y()]
438
464
  }), /* @__PURE__ */ jsx("div", {
439
- className: cn_default("overflow-hidden transition-all duration-300 ease-in-out", h ? "max-h-none opacity-100" : "max-h-0 opacity-0"),
465
+ className: cn_default("overflow-hidden transition-all duration-300 ease-in-out", d ? "max-h-none opacity-100" : "max-h-0 opacity-0"),
440
466
  children: /* @__PURE__ */ jsx("div", {
441
- className: cn_default("px-4 pb-4 text-gray-700", p),
442
- children: a
467
+ className: cn_default("px-4 pb-4 text-gray-700", l),
468
+ children: n
443
469
  })
444
470
  })]
445
471
  });
446
472
  });
447
473
  CollapsePanel.displayName = "CollapsePanel";
448
474
  var Collapse_default = Object.assign(CollapseCore, { Panel: CollapsePanel });
449
- const getOrientationStyles = (r) => ({
475
+ const getOrientationStyles = (e) => ({
450
476
  horizontal: "w-full h-0",
451
477
  vertical: "h-full w-0"
452
- })[r], getThicknessStyles = (r, i) => ({
453
- thin: i === "horizontal" ? "h-px" : "w-px",
454
- medium: i === "horizontal" ? "h-0.5" : "w-0.5",
455
- thick: i === "horizontal" ? "h-1" : "w-1",
456
- "extra-thick": i === "horizontal" ? "h-1.5" : "w-1.5"
457
- })[r], getRoundedStyles = (r) => r ? "rounded-full" : "rounded-none", getColorStyles = (r) => r ? `bg-[${r}]` : "bg-gray-200", getDashedStyles = (r) => r ? "border-dashed" : "border-solid", getLengthStyles = (r, i = "horizontal") => r && i === "horizontal" ? `w-[${r}%]` : "", getDividerStyles = (r = "horizontal", i = "medium", a = !1, o, s = !1, c, l) => l ? ["block", l].filter(Boolean).join(" ").trim() : [
458
- r === "vertical" ? "bg-gray-200" : "border-0",
459
- getOrientationStyles(r),
460
- getThicknessStyles(i, r),
461
- getRoundedStyles(a),
462
- getColorStyles(o),
463
- getDashedStyles(s),
464
- getLengthStyles(c, r)
478
+ })[e], getThicknessStyles = (e, t) => ({
479
+ thin: t === "horizontal" ? "h-px" : "w-px",
480
+ medium: t === "horizontal" ? "h-0.5" : "w-0.5",
481
+ thick: t === "horizontal" ? "h-1" : "w-1",
482
+ "extra-thick": t === "horizontal" ? "h-1.5" : "w-1.5"
483
+ })[e], getRoundedStyles = (e) => e ? "rounded-full" : "rounded-none", getColorStyles = (e) => e ? `bg-[${e}]` : "bg-gray-200", getDashedStyles = (e) => e ? "border-dashed" : "border-solid", getLengthStyles = (e, t = "horizontal") => e && t === "horizontal" ? `w-[${e}%]` : "", getDividerStyles = (e = "horizontal", t = "medium", n = !1, r, i = !1, a, o) => o ? ["block", o].filter(Boolean).join(" ").trim() : [
484
+ e === "vertical" ? "bg-gray-200" : "border-0",
485
+ getOrientationStyles(e),
486
+ getThicknessStyles(t, e),
487
+ getRoundedStyles(n),
488
+ getColorStyles(r),
489
+ getDashedStyles(i),
490
+ getLengthStyles(a, e)
465
491
  ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
466
- var Divider_default = forwardRef(({ orientation: r = "horizontal", thickness: i = "medium", rounded: a = !1, color: o, dashed: s = !1, length: c, className: l, ...u }, d) => /* @__PURE__ */ jsx("div", {
467
- ref: d,
468
- className: cn_default(getDividerStyles(r, i, a ?? !1, o, s, c, l), l),
469
- ...u
492
+ var Divider_default = forwardRef(({ orientation: e = "horizontal", thickness: t = "medium", rounded: n = !1, color: r, dashed: i = !1, length: a, className: o, ...s }, c) => /* @__PURE__ */ jsx("div", {
493
+ ref: c,
494
+ className: cn_default(getDividerStyles(e, t, n ?? !1, r, i, a, o), o),
495
+ ...s
470
496
  }));
471
- const getDrawerPlacementStyles = (r) => {
472
- let i = {
497
+ const getDrawerPlacementStyles = (e) => {
498
+ let t = {
473
499
  top: "top-0 left-0 right-0",
474
500
  right: "top-0 right-0 bottom-0",
475
501
  bottom: "bottom-0 left-0 right-0",
476
502
  left: "top-0 left-0 bottom-0"
477
503
  };
478
- return i[r] || i.right;
479
- }, getDrawerSizeStyles = (r, i) => {
480
- let a = i === "left" || i === "right";
481
- if (r === "full") return "w-screen h-screen";
482
- let o = {
483
- sm: a ? "w-64" : "h-64",
484
- md: a ? "w-96" : "h-96",
485
- lg: a ? "w-[46rem]" : "h-[46rem]"
504
+ return t[e] || t.right;
505
+ }, getDrawerSizeStyles = (e, t) => {
506
+ let n = t === "left" || t === "right";
507
+ if (e === "full") return "w-screen h-screen";
508
+ let r = {
509
+ sm: n ? "w-64" : "h-64",
510
+ md: n ? "w-96" : "h-96",
511
+ lg: n ? "w-[46rem]" : "h-[46rem]"
486
512
  };
487
- return o[r] || o.md;
488
- }, getDrawerTransformStyles = (r, i) => {
489
- if (i) return "translate-x-0 translate-y-0";
490
- let a = {
513
+ return r[e] || r.md;
514
+ }, getDrawerTransformStyles = (e, t) => {
515
+ if (t) return "translate-x-0 translate-y-0";
516
+ let n = {
491
517
  top: "-translate-y-full",
492
518
  right: "translate-x-full",
493
519
  bottom: "translate-y-full",
494
520
  left: "-translate-x-full"
495
521
  };
496
- return a[r] || a.right;
497
- }, getDrawerStyles = (r, i, a, o) => [
522
+ return n[e] || n.right;
523
+ }, getDrawerStyles = (e, t, n, r) => [
498
524
  "fixed bg-white shadow-xl transition-transform duration-300 ease-out z-50 flex flex-col will-change-transform",
499
- getDrawerPlacementStyles(r),
500
- getDrawerSizeStyles(i, r),
501
- getDrawerTransformStyles(r, a),
502
- a ? "pointer-events-auto" : "pointer-events-none",
503
- o
504
- ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), getMaskStyles = (r, i) => [
525
+ getDrawerPlacementStyles(e),
526
+ getDrawerSizeStyles(t, e),
527
+ getDrawerTransformStyles(e, n),
528
+ n ? "pointer-events-auto" : "pointer-events-none",
529
+ r
530
+ ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), getMaskStyles = (e, t) => [
505
531
  "fixed inset-0 h-screen bg-black/50 transition-opacity duration-300 ease-out z-40",
506
- r ? "opacity-100" : "opacity-0",
507
- r ? "pointer-events-auto" : "pointer-events-none",
508
- i
509
- ].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), getHeaderStyles = (r) => ["flex items-center justify-between px-6 py-4 border-b border-gray-200 flex-shrink-0", r].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), getBodyStyles = (r) => ["min-h-0 flex-1 overflow-y-auto", r].filter(Boolean).join(" ").replace(/\s+/g, " ").trim(), getFooterStyles = (r) => ["flex items-center justify-end px-6 py-4 border-t border-gray-200 flex-shrink-0 gap-2", r].filter(Boolean).join(" ").replace(/\s+/g, " ").trim();
510
- var DefaultCloseIcon = () => /* @__PURE__ */ jsx(CloseIcon_default, { className: "w-5 h-5" }), Drawer_default = forwardRef(({ open: r = !1, title: i, placement: a = "right", size: l = "md", mask: p = !0, maskClosable: m = !0, closable: h = !0, closeIcon: g, destroyOnClose: _ = !1, className: y, maskClassName: b, bodyClassName: x, headerClassName: S, footerClassName: C, children: w, footer: T, extra: E, onClose: D, afterOpenChange: O, zIndex: k = 1e3, ...A }, j) => {
511
- let [M, N] = useState(r), [P, F] = useState(!1);
532
+ e ? "opacity-100" : "opacity-0",
533
+ e ? "pointer-events-auto" : "pointer-events-none",
534
+ t
535
+ ].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();
536
+ var DefaultCloseIcon = () => /* @__PURE__ */ jsx(CloseIcon_default, { className: "w-5 h-5" }), Drawer_default = forwardRef(({ open: e = !1, title: t, placement: n = "right", size: o = "md", mask: s = !0, maskClosable: c = !0, closable: d = !0, closeIcon: f, destroyOnClose: p = !1, className: m, maskClassName: h, bodyClassName: _, headerClassName: v, footerClassName: y, children: b, footer: x, extra: S, onClose: C, afterOpenChange: w, zIndex: T = 1e3, ...E }, D) => {
537
+ let [O, k] = useState(e), [A, j] = useState(!1);
512
538
  useEffect(() => {
513
- if (r) startTransition(() => {
514
- N(!0);
539
+ if (e) startTransition(() => {
540
+ k(!0);
515
541
  }), requestAnimationFrame(() => {
516
542
  requestAnimationFrame(() => {
517
- F(!0);
543
+ j(!0);
518
544
  });
519
545
  });
520
546
  else {
521
547
  startTransition(() => {
522
- F(!1);
548
+ j(!1);
523
549
  });
524
- let r = setTimeout(() => {
525
- N(!1);
550
+ let e = setTimeout(() => {
551
+ k(!1);
526
552
  }, 300);
527
- return () => clearTimeout(r);
553
+ return () => clearTimeout(e);
528
554
  }
529
- }, [r]), useEffect(() => {
530
- if (!r) return;
531
- let i = (r) => {
532
- r.key === "Escape" && D && D();
555
+ }, [e]), useEffect(() => {
556
+ if (!e) return;
557
+ let t = (e) => {
558
+ e.key === "Escape" && C && C();
533
559
  };
534
- return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
535
- }, [r, D]);
536
- let I = useCallback(() => {
537
- m && D && D();
538
- }, [m, D]), L = useCallback(() => {
539
- D && D();
540
- }, [D]);
560
+ return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
561
+ }, [e, C]);
562
+ let M = useCallback(() => {
563
+ c && C && C();
564
+ }, [c, C]), N = useCallback(() => {
565
+ C && C();
566
+ }, [C]);
541
567
  return useEffect(() => {
542
- O && O(r);
543
- }, [r, O]), useEffect(() => {
544
- if (!r) return;
545
- let i = window.scrollY || 0, { style: a } = document.body, { style: o } = document.documentElement;
546
- a.position = "fixed", a.top = `-${i}px`, a.left = "0", a.right = "0", a.width = "100%", a.overflow = "hidden", o.overflow = "hidden", o.overscrollBehavior = "none";
547
- let s = (r) => r.preventDefault();
548
- return window.addEventListener("touchmove", s, { passive: !1 }), window.addEventListener("wheel", s, { passive: !1 }), () => {
549
- window.removeEventListener("touchmove", s), window.removeEventListener("wheel", s), a.position = "", a.top = "", a.left = "", a.right = "", a.width = "", a.overflow = "", o.overflow = "", o.overscrollBehavior = "", window.scrollTo(0, i);
568
+ w && w(e);
569
+ }, [e, w]), useEffect(() => {
570
+ if (!e) return;
571
+ let t = window.scrollY || 0, { style: n } = document.body, { style: r } = document.documentElement;
572
+ n.position = "fixed", n.top = `-${t}px`, n.left = "0", n.right = "0", n.width = "100%", n.overflow = "hidden", r.overflow = "hidden", r.overscrollBehavior = "none";
573
+ let i = (e) => e.preventDefault();
574
+ return window.addEventListener("touchmove", i, { passive: !1 }), window.addEventListener("wheel", i, { passive: !1 }), () => {
575
+ window.removeEventListener("touchmove", i), window.removeEventListener("wheel", i), n.position = "", n.top = "", n.left = "", n.right = "", n.width = "", n.overflow = "", r.overflow = "", r.overscrollBehavior = "", window.scrollTo(0, t);
550
576
  };
551
- }, [r]), !M && _ || !M ? null : /* @__PURE__ */ jsxs(Fragment, { children: [p && /* @__PURE__ */ jsx("div", {
552
- className: cn_default(getMaskStyles(P, b)),
553
- style: { zIndex: k - 1 },
554
- onClick: I,
577
+ }, [e]), !O && p || !O ? null : /* @__PURE__ */ jsxs(Fragment, { children: [s && /* @__PURE__ */ jsx("div", {
578
+ className: cn_default(getMaskStyles(A, h)),
579
+ style: { zIndex: T - 1 },
580
+ onClick: M,
555
581
  "aria-hidden": "true"
556
582
  }), /* @__PURE__ */ jsxs("div", {
557
- ref: j,
558
- className: cn_default(getDrawerStyles(a, l, P, y)),
583
+ ref: D,
584
+ className: cn_default(getDrawerStyles(n, o, A, m)),
559
585
  style: {
560
- zIndex: k,
561
- height: l === "full" && (a === "left" || a === "right") ? "100vh" : void 0
586
+ zIndex: T,
587
+ height: o === "full" && (n === "left" || n === "right") ? "100vh" : void 0
562
588
  },
563
589
  role: "dialog",
564
590
  "aria-modal": "true",
565
- "aria-labelledby": i ? "drawer-title" : void 0,
566
- ...A,
591
+ "aria-labelledby": t ? "drawer-title" : void 0,
592
+ ...E,
567
593
  children: [
568
- (i || h || E) && /* @__PURE__ */ jsxs("div", {
569
- className: cn_default(getHeaderStyles(S)),
594
+ (t || d || S) && /* @__PURE__ */ jsxs("div", {
595
+ className: cn_default(getHeaderStyles(v)),
570
596
  children: [/* @__PURE__ */ jsxs("div", {
571
597
  className: "flex items-center gap-4 flex-1",
572
- children: [i && /* @__PURE__ */ jsx("h2", {
598
+ children: [t && /* @__PURE__ */ jsx("h2", {
573
599
  id: "drawer-title",
574
600
  className: "text-lg font-semibold text-gray-900 flex-1",
575
- children: i
576
- }), E && /* @__PURE__ */ jsx("div", {
601
+ children: t
602
+ }), S && /* @__PURE__ */ jsx("div", {
577
603
  className: "flex items-center gap-2",
578
- children: E
604
+ children: S
579
605
  })]
580
- }), h && /* @__PURE__ */ jsx("button", {
606
+ }), d && /* @__PURE__ */ jsx("button", {
581
607
  type: "button",
582
- onClick: L,
608
+ onClick: N,
583
609
  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",
584
610
  "aria-label": "关闭抽屉",
585
- children: g || /* @__PURE__ */ jsx(DefaultCloseIcon, {})
611
+ children: f || /* @__PURE__ */ jsx(DefaultCloseIcon, {})
586
612
  })]
587
613
  }),
588
614
  /* @__PURE__ */ jsx("div", {
589
- className: cn_default(getBodyStyles(x), "min-h-0 flex-1 overflow-y-auto"),
615
+ className: cn_default(getBodyStyles(_), "min-h-0 flex-1 overflow-y-auto"),
590
616
  style: { overscrollBehavior: "contain" },
591
- onWheel: (r) => {
592
- r.stopPropagation();
617
+ onWheel: (e) => {
618
+ e.stopPropagation();
593
619
  },
594
- onTouchMove: (r) => {
595
- r.stopPropagation();
620
+ onTouchMove: (e) => {
621
+ e.stopPropagation();
596
622
  },
597
- children: w
623
+ children: b
598
624
  }),
599
- T && /* @__PURE__ */ jsx("div", {
600
- className: cn_default(getFooterStyles(C)),
601
- children: T
625
+ x && /* @__PURE__ */ jsx("div", {
626
+ className: cn_default(getFooterStyles(y)),
627
+ children: x
602
628
  })
603
629
  ]
604
630
  })] });
605
631
  });
606
- function getEmptyStateStyles(r = "md", i = "default", a) {
632
+ function getEmptyStateStyles(e = "md", t = "default", n) {
607
633
  return cn_default("flex flex-col items-center justify-center text-center", {
608
634
  sm: "py-8 px-4",
609
635
  md: "py-12 px-6",
610
636
  lg: "py-16 px-8"
611
- }[r], {
637
+ }[e], {
612
638
  default: "bg-gray-50 rounded-lg",
613
639
  minimal: "bg-transparent",
614
640
  card: "bg-white border border-gray-200 rounded-lg shadow-sm"
615
- }[i], a);
641
+ }[t], n);
616
642
  }
617
- function getIconContainerStyles(r = "md") {
643
+ function getIconContainerStyles(e = "md") {
618
644
  return cn_default("flex items-center justify-center text-gray-400", {
619
645
  sm: "w-12 h-12 mb-3",
620
646
  md: "w-16 h-16 mb-4",
621
647
  lg: "w-20 h-20 mb-6"
622
- }[r]);
648
+ }[e]);
623
649
  }
624
- function getTitleStyles(r = "md") {
650
+ function getTitleStyles(e = "md") {
625
651
  return cn_default("text-gray-900 mb-2", {
626
652
  sm: "text-lg font-semibold",
627
653
  md: "text-xl font-semibold",
628
654
  lg: "text-2xl font-semibold"
629
- }[r]);
655
+ }[e]);
630
656
  }
631
- function getDescriptionStyles(r = "md") {
657
+ function getDescriptionStyles(e = "md") {
632
658
  return cn_default("text-gray-600 mb-4 max-w-md", {
633
659
  sm: "text-sm",
634
660
  md: "text-base",
635
661
  lg: "text-lg"
636
- }[r]);
662
+ }[e]);
637
663
  }
638
664
  function getActionStyles() {
639
665
  return "mt-2";
640
666
  }
641
- function EmptyStateIcon({ type: r, className: i }) {
642
- let a = {
643
- search: /* @__PURE__ */ jsx(SearchIcon_default, { className: i }),
644
- folder: /* @__PURE__ */ jsx(FolderIcon_default, { className: i }),
645
- document: /* @__PURE__ */ jsx(DocumentIcon_default, { className: i }),
646
- users: /* @__PURE__ */ jsx(UsersIcon_default, { className: i }),
647
- settings: /* @__PURE__ */ jsx(SettingsIcon_default, { className: i }),
648
- warning: /* @__PURE__ */ jsx(WarningIcon_default, { className: i }),
649
- info: /* @__PURE__ */ jsx(InfoIcon_default, { className: i }),
650
- success: /* @__PURE__ */ jsx(SuccessIcon_default, { className: i }),
651
- error: /* @__PURE__ */ jsx(ErrorIcon_default, { className: i })
667
+ function EmptyStateIcon({ type: e, className: t }) {
668
+ let n = {
669
+ search: /* @__PURE__ */ jsx(SearchIcon_default, { className: t }),
670
+ folder: /* @__PURE__ */ jsx(FolderIcon_default, { className: t }),
671
+ document: /* @__PURE__ */ jsx(DocumentIcon_default, { className: t }),
672
+ users: /* @__PURE__ */ jsx(UsersIcon_default, { className: t }),
673
+ settings: /* @__PURE__ */ jsx(SettingsIcon_default, { className: t }),
674
+ warning: /* @__PURE__ */ jsx(WarningIcon_default, { className: t }),
675
+ info: /* @__PURE__ */ jsx(InfoIcon_default, { className: t }),
676
+ success: /* @__PURE__ */ jsx(SuccessIcon_default, { className: t }),
677
+ error: /* @__PURE__ */ jsx(ErrorIcon_default, { className: t })
652
678
  };
653
- return a[r] || a.search;
679
+ return n[e] || n.search;
654
680
  }
655
- var EmptyState_default = forwardRef(({ icon: r = "search", title: i, description: a, action: o, size: s = "md", variant: c = "default", className: l, showIcon: u = !0, style: d, ...p }, m) => {
656
- let h = getEmptyStateStyles(s, c, l), g = getIconContainerStyles(s), _ = getTitleStyles(s), v = getDescriptionStyles(s), y = getActionStyles(), b = () => u ? typeof r == "string" ? /* @__PURE__ */ jsx("div", {
657
- className: g,
681
+ var EmptyState_default = forwardRef(({ icon: e = "search", title: t, description: n, action: r, size: i = "md", variant: a = "default", className: o, showIcon: s = !0, style: c, ...l }, u) => {
682
+ let d = getEmptyStateStyles(i, a, o), f = getIconContainerStyles(i), p = getTitleStyles(i), m = getDescriptionStyles(i), h = getActionStyles(), g = () => s ? typeof e == "string" ? /* @__PURE__ */ jsx("div", {
683
+ className: f,
658
684
  children: /* @__PURE__ */ jsx(EmptyStateIcon, {
659
- type: r,
685
+ type: e,
660
686
  className: "w-full h-full"
661
687
  })
662
688
  }) : /* @__PURE__ */ jsx("div", {
663
- className: g,
664
- children: r
689
+ className: f,
690
+ children: e
665
691
  }) : null;
666
692
  return /* @__PURE__ */ jsxs("div", {
667
- ref: m,
668
- className: h,
669
- style: d,
670
- ...p,
693
+ ref: u,
694
+ className: d,
695
+ style: c,
696
+ ...l,
671
697
  children: [
672
- b(),
673
- i && /* @__PURE__ */ jsx("h3", {
674
- className: _,
675
- children: i
698
+ g(),
699
+ t && /* @__PURE__ */ jsx("h3", {
700
+ className: p,
701
+ children: t
676
702
  }),
677
- a && /* @__PURE__ */ jsx("p", {
678
- className: v,
679
- children: a
703
+ n && /* @__PURE__ */ jsx("p", {
704
+ className: m,
705
+ children: n
680
706
  }),
681
- o && /* @__PURE__ */ jsx("div", {
682
- className: y,
683
- children: o
707
+ r && /* @__PURE__ */ jsx("div", {
708
+ className: h,
709
+ children: r
684
710
  })
685
711
  ]
686
712
  });
@@ -698,29 +724,29 @@ const SIZE_MAP = {
698
724
  lg: "text-lg",
699
725
  xl: "text-xl"
700
726
  };
701
- function getLoaderSize(r) {
702
- return SIZE_MAP[r];
727
+ function getLoaderSize(e) {
728
+ return SIZE_MAP[e];
703
729
  }
704
- function getTextSize(r) {
705
- return TEXT_SIZE_MAP[r];
730
+ function getTextSize(e) {
731
+ return TEXT_SIZE_MAP[e];
706
732
  }
707
- var Loading_default = ({ size: r = "md", variant: i = "spinner", text: a, showText: o = !1, fullscreen: s = !1, className: l }) => {
733
+ var Loading_default = ({ size: e = "md", variant: t = "spinner", text: n, showText: r = !1, fullscreen: i = !1, className: o }) => {
708
734
  useEffect(() => {
709
- if (!s) return;
710
- let r = document.body.style.overflow, i = document.body.style.paddingRight, a = window.innerWidth - document.documentElement.clientWidth;
711
- return document.body.style.overflow = "hidden", a > 0 && (document.body.style.paddingRight = `${a}px`), () => {
712
- document.body.style.overflow = r, document.body.style.paddingRight = i;
735
+ if (!i) return;
736
+ let e = document.body.style.overflow, t = document.body.style.paddingRight, n = window.innerWidth - document.documentElement.clientWidth;
737
+ return document.body.style.overflow = "hidden", n > 0 && (document.body.style.paddingRight = `${n}px`), () => {
738
+ document.body.style.overflow = e, document.body.style.paddingRight = t;
713
739
  };
714
- }, [s]);
715
- let u = /* @__PURE__ */ jsxs("div", {
716
- className: cn_default("flex flex-col items-center justify-center gap-4", s ? "min-h-screen" : "py-8", l),
740
+ }, [i]);
741
+ let s = /* @__PURE__ */ jsxs("div", {
742
+ className: cn_default("flex flex-col items-center justify-center gap-4", i ? "min-h-screen" : "py-8", o),
717
743
  children: [(() => {
718
- let a = getLoaderSize(r);
719
- switch (i) {
744
+ let n = getLoaderSize(e);
745
+ switch (t) {
720
746
  case "spinner": return /* @__PURE__ */ jsxs("div", {
721
747
  className: "relative",
722
- children: [/* @__PURE__ */ jsx("div", { className: cn_default("rounded-full border-4 border-gray-200", a) }), /* @__PURE__ */ jsx("div", {
723
- className: cn_default("absolute inset-0 rounded-full border-4 border-transparent border-t-blue-600 animate-spin", a),
748
+ children: [/* @__PURE__ */ jsx("div", { className: cn_default("rounded-full border-4 border-gray-200", n) }), /* @__PURE__ */ jsx("div", {
749
+ className: cn_default("absolute inset-0 rounded-full border-4 border-transparent border-t-blue-600 animate-spin", n),
724
750
  style: { animationDuration: "0.8s" }
725
751
  })]
726
752
  });
@@ -728,21 +754,21 @@ var Loading_default = ({ size: r = "md", variant: i = "spinner", text: a, showTe
728
754
  className: "flex items-center gap-2",
729
755
  children: [
730
756
  /* @__PURE__ */ jsx("span", {
731
- className: cn_default("rounded-full bg-blue-600 animate-bounce", a),
757
+ className: cn_default("rounded-full bg-blue-600 animate-bounce", n),
732
758
  style: {
733
759
  animationDelay: "0ms",
734
760
  animationDuration: "1s"
735
761
  }
736
762
  }),
737
763
  /* @__PURE__ */ jsx("span", {
738
- className: cn_default("rounded-full bg-blue-600 animate-bounce", a),
764
+ className: cn_default("rounded-full bg-blue-600 animate-bounce", n),
739
765
  style: {
740
766
  animationDelay: "150ms",
741
767
  animationDuration: "1s"
742
768
  }
743
769
  }),
744
770
  /* @__PURE__ */ jsx("span", {
745
- className: cn_default("rounded-full bg-blue-600 animate-bounce", a),
771
+ className: cn_default("rounded-full bg-blue-600 animate-bounce", n),
746
772
  style: {
747
773
  animationDelay: "300ms",
748
774
  animationDuration: "1s"
@@ -750,7 +776,7 @@ var Loading_default = ({ size: r = "md", variant: i = "spinner", text: a, showTe
750
776
  })
751
777
  ]
752
778
  });
753
- case "pulse": return /* @__PURE__ */ jsx("div", { className: cn_default("rounded-full bg-blue-600 animate-pulse", a) });
779
+ case "pulse": return /* @__PURE__ */ jsx("div", { className: cn_default("rounded-full bg-blue-600 animate-pulse", n) });
754
780
  case "skeleton": return /* @__PURE__ */ jsxs("div", {
755
781
  className: "space-y-3 w-full",
756
782
  children: [
@@ -761,15 +787,15 @@ var Loading_default = ({ size: r = "md", variant: i = "spinner", text: a, showTe
761
787
  });
762
788
  default: return null;
763
789
  }
764
- })(), o && a && /* @__PURE__ */ jsx("p", {
765
- className: cn_default("text-gray-700 font-medium", getTextSize(r)),
766
- children: a
790
+ })(), r && n && /* @__PURE__ */ jsx("p", {
791
+ className: cn_default("text-gray-700 font-medium", getTextSize(e)),
792
+ children: n
767
793
  })]
768
794
  });
769
- return s ? /* @__PURE__ */ jsx("div", {
795
+ return i ? /* @__PURE__ */ jsx("div", {
770
796
  className: "fixed inset-0 bg-white/70 backdrop-blur-[2px] z-50 flex items-center justify-center transition-all duration-300",
771
- children: u
772
- }) : u;
797
+ children: s
798
+ }) : s;
773
799
  };
774
800
  const paginationStyles = {
775
801
  base: "flex items-center gap-1 text-sm",
@@ -810,118 +836,118 @@ const paginationStyles = {
810
836
  separator: "text-gray-500"
811
837
  }
812
838
  };
813
- function getPaginationStyles(r = "middle", i = "left", a) {
814
- let o = [
839
+ function getPaginationStyles(e = "middle", t = "left", n) {
840
+ let r = [
815
841
  paginationStyles.base,
816
- paginationStyles.sizes[r],
817
- paginationStyles.alignments[i]
842
+ paginationStyles.sizes[e],
843
+ paginationStyles.alignments[t]
818
844
  ].filter(Boolean).join(" ");
819
- return a ? `${o} ${a}` : o;
845
+ return n ? `${r} ${n}` : r;
820
846
  }
821
- function getPaginationItemStyles(r, i, a, o) {
822
- let s = [
847
+ function getPaginationItemStyles(e, t, n, r) {
848
+ let i = [
823
849
  paginationStyles.item.base,
824
- r && paginationStyles.item.active,
825
- i && paginationStyles.item.disabled,
826
- a && paginationStyles.item.ellipsis
850
+ e && paginationStyles.item.active,
851
+ t && paginationStyles.item.disabled,
852
+ n && paginationStyles.item.ellipsis
827
853
  ].filter(Boolean).join(" ");
828
- return o ? `${s} ${o}` : s;
854
+ return r ? `${i} ${r}` : i;
829
855
  }
830
- function getPaginationJumpStyles(r, i) {
831
- let a = [paginationStyles.jump.base, r && paginationStyles.jump.disabled].filter(Boolean).join(" ");
832
- return i ? `${a} ${i}` : a;
856
+ function getPaginationJumpStyles(e, t) {
857
+ let n = [paginationStyles.jump.base, e && paginationStyles.jump.disabled].filter(Boolean).join(" ");
858
+ return t ? `${n} ${t}` : n;
833
859
  }
834
- function getPaginationSizeChangerStyles(r) {
835
- return r ? `${paginationStyles.sizeChanger.base} ${r}` : paginationStyles.sizeChanger.base;
860
+ function getPaginationSizeChangerStyles(e) {
861
+ return e ? `${paginationStyles.sizeChanger.base} ${e}` : paginationStyles.sizeChanger.base;
836
862
  }
837
- function getPaginationQuickJumperStyles(r) {
838
- return r ? `${paginationStyles.quickJumper.base} ${r}` : paginationStyles.quickJumper.base;
863
+ function getPaginationQuickJumperStyles(e) {
864
+ return e ? `${paginationStyles.quickJumper.base} ${e}` : paginationStyles.quickJumper.base;
839
865
  }
840
- function getPaginationTotalStyles(r) {
841
- return r ? `${paginationStyles.total.base} ${r}` : paginationStyles.total.base;
866
+ function getPaginationTotalStyles(e) {
867
+ return e ? `${paginationStyles.total.base} ${e}` : paginationStyles.total.base;
842
868
  }
843
- function getPaginationSimpleStyles(r) {
844
- return r ? `${paginationStyles.simple.base} ${r}` : paginationStyles.simple.base;
869
+ function getPaginationSimpleStyles(e) {
870
+ return e ? `${paginationStyles.simple.base} ${e}` : paginationStyles.simple.base;
845
871
  }
846
- var PaginationItem = ({ page: r, active: i = !1, disabled: a = !1, onClick: o, className: s, ellipsis: c = !1, children: l }) => /* @__PURE__ */ jsx("button", {
847
- className: getPaginationItemStyles(i, a, c, s),
872
+ var PaginationItem = ({ page: e, active: t = !1, disabled: n = !1, onClick: r, className: i, ellipsis: a = !1, children: o }) => /* @__PURE__ */ jsx("button", {
873
+ className: getPaginationItemStyles(t, n, a, i),
848
874
  onClick: () => {
849
- !a && !c && o && o(r);
875
+ !n && !a && r && r(e);
850
876
  },
851
- disabled: a,
877
+ disabled: n,
852
878
  type: "button",
853
- children: l || r
854
- }), PaginationJump = ({ onClick: r, disabled: i = !1, className: a, icon: o, title: s }) => /* @__PURE__ */ jsx("button", {
855
- className: getPaginationJumpStyles(i, a),
879
+ children: o || e
880
+ }), PaginationJump = ({ onClick: e, disabled: t = !1, className: n, icon: r, title: i }) => /* @__PURE__ */ jsx("button", {
881
+ className: getPaginationJumpStyles(t, n),
856
882
  onClick: () => {
857
- !i && r && r();
883
+ !t && e && e();
858
884
  },
859
- disabled: i,
885
+ disabled: t,
860
886
  type: "button",
861
- title: s,
862
- children: o
863
- }), PaginationSizeChanger = ({ current: r, pageSize: i, pageSizeOptions: a, onChange: o, disabled: s = !1, className: c, itemsPerPageText: l = "每页条数" }) => /* @__PURE__ */ jsxs("div", {
864
- className: getPaginationSizeChangerStyles(c),
887
+ title: i,
888
+ children: r
889
+ }), PaginationSizeChanger = ({ current: e, pageSize: t, pageSizeOptions: n, onChange: r, disabled: i = !1, className: a, itemsPerPageText: o = "每页条数" }) => /* @__PURE__ */ jsxs("div", {
890
+ className: getPaginationSizeChangerStyles(a),
865
891
  children: [
866
892
  /* @__PURE__ */ jsx("span", {
867
893
  className: "text-gray-600",
868
- children: l
894
+ children: o
869
895
  }),
870
896
  /* @__PURE__ */ jsx("select", {
871
- value: i,
872
- onChange: (i) => {
873
- o(r, parseInt(i.target.value));
897
+ value: t,
898
+ onChange: (t) => {
899
+ r(e, parseInt(t.target.value));
874
900
  },
875
- disabled: s,
901
+ disabled: i,
876
902
  className: "px-2 py-1 border border-gray-300 rounded-md bg-white text-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 focus:border-blue-500",
877
- children: a.map((r) => /* @__PURE__ */ jsx("option", {
878
- value: r,
879
- children: r
880
- }, r))
903
+ children: n.map((e) => /* @__PURE__ */ jsx("option", {
904
+ value: e,
905
+ children: e
906
+ }, e))
881
907
  }),
882
908
  /* @__PURE__ */ jsx("span", {
883
909
  className: "text-gray-600",
884
- children: l
910
+ children: o
885
911
  })
886
912
  ]
887
- }), PaginationQuickJumper = ({ totalPages: r, onJump: i, disabled: a = !1, className: o, jumpToText: s = "跳转到", pageText: c = "页" }) => {
888
- let [l, d] = useState(""), p = () => {
889
- let a = parseInt(l);
890
- a >= 1 && a <= r && (i(a), d(""));
913
+ }), PaginationQuickJumper = ({ totalPages: e, onJump: t, disabled: n = !1, className: r, jumpToText: i = "跳转到", pageText: a = "页" }) => {
914
+ let [o, s] = useState(""), c = () => {
915
+ let n = parseInt(o);
916
+ n >= 1 && n <= e && (t(n), s(""));
891
917
  };
892
918
  return /* @__PURE__ */ jsxs("div", {
893
- className: getPaginationQuickJumperStyles(o),
919
+ className: getPaginationQuickJumperStyles(r),
894
920
  children: [
895
921
  /* @__PURE__ */ jsx("span", {
896
922
  className: "text-gray-600",
897
- children: s
923
+ children: i
898
924
  }),
899
925
  /* @__PURE__ */ jsx("input", {
900
926
  type: "number",
901
- value: l,
902
- onChange: (r) => d(r.target.value),
903
- onKeyUp: (r) => {
904
- r.key === "Enter" && p();
927
+ value: o,
928
+ onChange: (e) => s(e.target.value),
929
+ onKeyUp: (e) => {
930
+ e.key === "Enter" && c();
905
931
  },
906
- disabled: a,
932
+ disabled: n,
907
933
  className: "w-16 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",
908
- placeholder: c,
934
+ placeholder: a,
909
935
  min: "1",
910
- max: r
936
+ max: e
911
937
  }),
912
938
  /* @__PURE__ */ jsx("span", {
913
939
  className: "text-gray-600",
914
- children: c
940
+ children: a
915
941
  })
916
942
  ]
917
943
  });
918
- }, Pagination_default = ({ current: r, defaultCurrent: i = 1, pageSize: a, defaultPageSize: s = 10, total: d = 0, onChange: p, onShowSizeChange: m, showQuickJumper: h = !1, showSizeChanger: g = !1, pageSizeOptions: _ = [
944
+ }, Pagination_default = ({ current: e, defaultCurrent: t = 1, pageSize: n, defaultPageSize: i = 10, total: o = 0, onChange: c, onShowSizeChange: u, showQuickJumper: d = !1, showSizeChanger: f = !1, pageSizeOptions: p = [
919
945
  "10",
920
946
  "20",
921
947
  "50",
922
948
  "100"
923
- ], showTotal: v = !1, showPrevNextJumpers: y = !0, showFirstLastJumpers: b = !1, disabled: x = !1, hideOnSinglePage: S = !1, size: C = "middle", align: w = "left", className: T, style: E, simple: D = !1, prevIcon: O, nextIcon: k, firstIcon: A, lastIcon: L, jumpPrevIcon: R, jumpNextIcon: z, texts: B = {} }) => {
924
- let V = {
949
+ ], 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: ze, texts: Be = {} }) => {
950
+ let F = {
925
951
  itemsPerPage: "每页条数",
926
952
  items: "条",
927
953
  jumpTo: "跳转到",
@@ -933,32 +959,32 @@ var PaginationItem = ({ page: r, active: i = !1, disabled: a = !1, onClick: o, c
933
959
  last: "末页",
934
960
  jumpPrev: "向前5页",
935
961
  jumpNext: "向后5页",
936
- ...B
937
- }, [H, U] = useState(r ?? i), [W, G] = useState(a ?? s), K = useMemo(() => Math.ceil(d / W), [d, W]);
962
+ ...Be
963
+ }, [I, L] = useState(e ?? t), [R, z] = useState(n ?? i), B = useMemo(() => Math.ceil(o / R), [o, R]);
938
964
  if (useEffect(() => {
939
- r !== void 0 && startTransition(() => {
940
- U(r);
965
+ e !== void 0 && startTransition(() => {
966
+ L(e);
941
967
  });
942
- }, [r]), useEffect(() => {
943
- a !== void 0 && startTransition(() => {
944
- G(a);
968
+ }, [e]), useEffect(() => {
969
+ n !== void 0 && startTransition(() => {
970
+ z(n);
945
971
  });
946
- }, [a]), S && K <= 1) return null;
947
- if (D) return /* @__PURE__ */ jsxs("div", {
948
- className: getPaginationSimpleStyles(T),
949
- style: E,
972
+ }, [n]), v && B <= 1) return null;
973
+ if (C) return /* @__PURE__ */ jsxs("div", {
974
+ className: getPaginationSimpleStyles(x),
975
+ style: S,
950
976
  children: [
951
977
  /* @__PURE__ */ jsx("input", {
952
978
  type: "number",
953
- value: H,
954
- onChange: (r) => {
955
- let i = parseInt(r.target.value);
956
- i >= 1 && i <= K && (U(i), p?.(i, W));
979
+ value: I,
980
+ onChange: (e) => {
981
+ let t = parseInt(e.target.value);
982
+ t >= 1 && t <= B && (L(t), c?.(t, R));
957
983
  },
958
- disabled: x,
984
+ disabled: _,
959
985
  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",
960
986
  min: "1",
961
- max: K
987
+ max: B
962
988
  }),
963
989
  /* @__PURE__ */ jsx("span", {
964
990
  className: "text-gray-500",
@@ -966,110 +992,326 @@ var PaginationItem = ({ page: r, active: i = !1, disabled: a = !1, onClick: o, c
966
992
  }),
967
993
  /* @__PURE__ */ jsx("span", {
968
994
  className: "text-gray-600",
969
- children: K
995
+ children: B
970
996
  })
971
997
  ]
972
998
  });
973
- let q = () => {
974
- let r = [], i = H > 4, a = H < K - 3;
975
- i && (r.push(1), H > 5 && r.push("prev-ellipsis"));
976
- let o = Math.max(1, H - 2), s = Math.min(K, H + 2);
977
- for (let i = o; i <= s; i++) r.push(i);
978
- return a && (H < K - 4 && r.push("next-ellipsis"), r.push(K)), r;
979
- }, J = (r) => {
980
- r !== H && r >= 1 && r <= K && (U(r), p?.(r, W));
981
- }, Y = (r) => {
982
- let i = Math.ceil(d / r), a = Math.min(H, i);
983
- G(r), U(a), m?.(a, r), p?.(a, r);
984
- }, X = () => {
985
- J(Math.max(1, H - 5));
986
- }, Z = () => {
987
- J(Math.min(K, H + 5));
988
- }, Q = (r) => {
989
- J(r);
990
- }, $ = q();
999
+ let V = () => {
1000
+ let e = [], t = I > 4, n = I < B - 3;
1001
+ t && (e.push(1), I > 5 && e.push("prev-ellipsis"));
1002
+ let r = Math.max(1, I - 2), i = Math.min(B, I + 2);
1003
+ for (let t = r; t <= i; t++) e.push(t);
1004
+ return n && (I < B - 4 && e.push("next-ellipsis"), e.push(B)), e;
1005
+ }, H = (e) => {
1006
+ e !== I && e >= 1 && e <= B && (L(e), c?.(e, R));
1007
+ }, U = (e) => {
1008
+ let t = Math.ceil(o / e), n = Math.min(I, t);
1009
+ z(e), L(n), u?.(n, e), c?.(n, e);
1010
+ }, W = () => {
1011
+ H(Math.max(1, I - 5));
1012
+ }, G = () => {
1013
+ H(Math.min(B, I + 5));
1014
+ }, K = (e) => {
1015
+ H(e);
1016
+ }, q = V();
991
1017
  return /* @__PURE__ */ jsxs("div", {
992
- className: getPaginationStyles(C, w, T),
993
- style: E,
1018
+ className: getPaginationStyles(y, b, x),
1019
+ style: S,
994
1020
  children: [
995
- v && /* @__PURE__ */ jsx("div", {
1021
+ m && /* @__PURE__ */ jsx("div", {
996
1022
  className: getPaginationTotalStyles(),
997
- children: typeof v == "function" ? v(d, [(H - 1) * W + 1, Math.min(H * W, d)]) : V.total.replace("{total}", d.toString())
1023
+ children: typeof m == "function" ? m(o, [(I - 1) * R + 1, Math.min(I * R, o)]) : F.total.replace("{total}", o.toString())
998
1024
  }),
999
- b && H > 1 && /* @__PURE__ */ jsx("button", {
1000
- className: getPaginationJumpStyles(x),
1001
- onClick: () => J(1),
1002
- disabled: x,
1025
+ g && I > 1 && /* @__PURE__ */ jsx("button", {
1026
+ className: getPaginationJumpStyles(_),
1027
+ onClick: () => H(1),
1028
+ disabled: _,
1003
1029
  type: "button",
1004
- title: V.first,
1005
- children: A || /* @__PURE__ */ jsx(FirstIcon_default, {})
1030
+ title: F.first,
1031
+ children: E || /* @__PURE__ */ jsx(FirstIcon_default, {})
1006
1032
  }),
1007
- H > 1 && /* @__PURE__ */ jsx("button", {
1008
- className: getPaginationJumpStyles(x),
1009
- onClick: () => J(H - 1),
1010
- disabled: x,
1033
+ I > 1 && /* @__PURE__ */ jsx("button", {
1034
+ className: getPaginationJumpStyles(_),
1035
+ onClick: () => H(I - 1),
1036
+ disabled: _,
1011
1037
  type: "button",
1012
- title: V.previous,
1013
- children: O || /* @__PURE__ */ jsx(PrevIcon_default, {})
1038
+ title: F.previous,
1039
+ children: w || /* @__PURE__ */ jsx(PrevIcon_default, {})
1014
1040
  }),
1015
- y && H > 4 && /* @__PURE__ */ jsx(PaginationJump, {
1041
+ h && I > 4 && /* @__PURE__ */ jsx(PaginationJump, {
1016
1042
  direction: "prev",
1017
- onClick: X,
1018
- disabled: x,
1019
- icon: R || /* @__PURE__ */ jsx(JumpPrevIcon_default, {}),
1020
- title: V.jumpPrev
1043
+ onClick: W,
1044
+ disabled: _,
1045
+ icon: O || /* @__PURE__ */ jsx(JumpPrevIcon_default, {}),
1046
+ title: F.jumpPrev
1021
1047
  }),
1022
- $.map((r, i) => typeof r == "string" ? /* @__PURE__ */ jsx(PaginationItem, {
1048
+ q.map((e, t) => typeof e == "string" ? /* @__PURE__ */ jsx(PaginationItem, {
1023
1049
  page: 0,
1024
1050
  ellipsis: !0,
1025
1051
  className: "cursor-default",
1026
1052
  children: "..."
1027
- }, `${r}-${i}`) : /* @__PURE__ */ jsx(PaginationItem, {
1028
- page: r,
1029
- active: r === H,
1030
- disabled: x,
1031
- onClick: J
1032
- }, r)),
1033
- y && H < K - 3 && /* @__PURE__ */ jsx(PaginationJump, {
1053
+ }, `${e}-${t}`) : /* @__PURE__ */ jsx(PaginationItem, {
1054
+ page: e,
1055
+ active: e === I,
1056
+ disabled: _,
1057
+ onClick: H
1058
+ }, e)),
1059
+ h && I < B - 3 && /* @__PURE__ */ jsx(PaginationJump, {
1034
1060
  direction: "next",
1035
- onClick: Z,
1036
- disabled: x,
1037
- icon: z || /* @__PURE__ */ jsx(JumpNextIcon_default, {}),
1038
- title: V.jumpNext
1061
+ onClick: G,
1062
+ disabled: _,
1063
+ icon: ze || /* @__PURE__ */ jsx(JumpNextIcon_default, {}),
1064
+ title: F.jumpNext
1039
1065
  }),
1040
- H < K && /* @__PURE__ */ jsx("button", {
1041
- className: getPaginationJumpStyles(x),
1042
- onClick: () => J(H + 1),
1043
- disabled: x,
1066
+ I < B && /* @__PURE__ */ jsx("button", {
1067
+ className: getPaginationJumpStyles(_),
1068
+ onClick: () => H(I + 1),
1069
+ disabled: _,
1044
1070
  type: "button",
1045
- title: V.next,
1046
- children: k || /* @__PURE__ */ jsx(NextIcon_default, {})
1071
+ title: F.next,
1072
+ children: T || /* @__PURE__ */ jsx(NextIcon_default, {})
1047
1073
  }),
1048
- b && H < K && /* @__PURE__ */ jsx("button", {
1049
- className: getPaginationJumpStyles(x),
1050
- onClick: () => J(K),
1051
- disabled: x,
1074
+ g && I < B && /* @__PURE__ */ jsx("button", {
1075
+ className: getPaginationJumpStyles(_),
1076
+ onClick: () => H(B),
1077
+ disabled: _,
1052
1078
  type: "button",
1053
- title: V.last,
1054
- children: L || /* @__PURE__ */ jsx(LastIcon_default, {})
1079
+ title: F.last,
1080
+ children: D || /* @__PURE__ */ jsx(LastIcon_default, {})
1055
1081
  }),
1056
- g && /* @__PURE__ */ jsx(PaginationSizeChanger, {
1057
- current: H,
1058
- pageSize: W,
1059
- pageSizeOptions: _,
1060
- onChange: Y,
1061
- disabled: x,
1062
- itemsPerPageText: V.itemsPerPage
1082
+ f && /* @__PURE__ */ jsx(PaginationSizeChanger, {
1083
+ current: I,
1084
+ pageSize: R,
1085
+ pageSizeOptions: p,
1086
+ onChange: U,
1087
+ disabled: _,
1088
+ itemsPerPageText: F.itemsPerPage
1089
+ }),
1090
+ d && /* @__PURE__ */ jsx(PaginationQuickJumper, {
1091
+ current: I,
1092
+ totalPages: B,
1093
+ onJump: K,
1094
+ disabled: _,
1095
+ jumpToText: F.jumpTo,
1096
+ pageText: F.page
1097
+ })
1098
+ ]
1099
+ });
1100
+ };
1101
+ const getSliderStyles = (e) => cn_default("relative w-full overflow-hidden", e), getSliderTrackStyles = (e) => cn_default("flex transition-transform duration-300 ease-in-out", e), getSliderItemStyles = (e) => cn_default("flex-shrink-0", e), getNavigationButtonStyles = (e, t = "default", n = !1, r) => cn_default(cn_default("absolute top-1/2 -translate-y-1/2 z-10", "w-10 h-10 rounded-full", "flex items-center justify-center", "transition-all duration-200", "focus:outline-none focus:ring-2 focus:ring-offset-2", n && "hidden", !n && "cursor-pointer hover:scale-110 active:scale-95"), e === "left" ? "left-4" : "right-4", {
1102
+ default: cn_default("bg-white text-gray-800 shadow-lg", "hover:bg-gray-50", "focus:ring-gray-300"),
1103
+ outline: cn_default("bg-transparent border-2 border-white text-white", "hover:bg-white hover:text-gray-800", "focus:ring-white"),
1104
+ ghost: cn_default("bg-transparent text-white", "hover:bg-white/20", "focus:ring-white")
1105
+ }[t], r), getIndicatorStyles = (e = "dot", t = !1, n) => cn_default(cn_default("transition-all duration-200 cursor-pointer", "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-300"), {
1106
+ dot: cn_default("w-2 h-2 rounded-full", t ? "bg-white scale-125" : "bg-white/50 hover:bg-white/75"),
1107
+ 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"),
1108
+ line: cn_default("h-1 rounded-full", t ? "bg-white" : "bg-white/50 hover:bg-white/75")
1109
+ }[e], n), getIndicatorContainerStyles = (e = "dot", t) => cn_default("flex items-center justify-center gap-2 mt-4", e === "line" && "w-full", t);
1110
+ var Slider_default = forwardRef(({ items: e, itemsPerPage: t, slidePerPage: n, draggable: r = !1, paddingLeft: s = 0, gap: d = 0, showNavigation: f = !0, leftArrowClassName: p, rightArrowClassName: m, showIndicators: h = !1, autoPlay: _ = !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) => {
1111
+ let [k, A] = useState(0), [j, M] = useState(!1), [N, P] = useState(!1), [F, I] = useState(0), [L, R] = useState(!1), z = useRef(null), B = useRef(null), V = useRef(null), H = t ?? 4, U = n ?? 1, W = Math.ceil(e.length / U), G = Math.max(0, W - 1), K = H >= e.length, q = useCallback((e) => {
1112
+ if (j) return;
1113
+ let t = Math.max(0, Math.min(e, G));
1114
+ t !== k && (M(!0), A(t), C?.(t), setTimeout(() => {
1115
+ M(!1);
1116
+ }, 300));
1117
+ }, [
1118
+ k,
1119
+ G,
1120
+ j,
1121
+ C
1122
+ ]), J = useCallback(() => {
1123
+ k < G ? q(k + 1) : y && q(0);
1124
+ }, [
1125
+ k,
1126
+ G,
1127
+ y,
1128
+ q
1129
+ ]), Y = useCallback(() => {
1130
+ k > 0 ? q(k - 1) : y && q(G);
1131
+ }, [
1132
+ k,
1133
+ y,
1134
+ G,
1135
+ q
1136
+ ]), X = useCallback(() => k, [k]), Z = useCallback(() => W, [W]);
1137
+ useImperativeHandle(O, () => ({
1138
+ slideTo: q,
1139
+ slideNext: J,
1140
+ slidePrev: Y,
1141
+ getCurrentIndex: X,
1142
+ getTotalPages: Z
1143
+ }), [
1144
+ q,
1145
+ J,
1146
+ Y,
1147
+ X,
1148
+ Z
1149
+ ]), useEffect(() => {
1150
+ if (_ && W > 1) return z.current = setInterval(() => {
1151
+ J();
1152
+ }, v), () => {
1153
+ z.current && clearInterval(z.current);
1154
+ };
1155
+ }, [
1156
+ _,
1157
+ v,
1158
+ J,
1159
+ W
1160
+ ]);
1161
+ let Ve = {
1162
+ transform: (() => `translateX(${-(k * U * (100 / H))}%)`)(),
1163
+ paddingLeft: `${s}px`,
1164
+ gap: `${d}px`,
1165
+ cursor: r ? N ? "grabbing" : "grab" : "default",
1166
+ userSelect: r ? "none" : "auto",
1167
+ ...S
1168
+ }, He = {
1169
+ width: (() => d === 0 ? `${100 / H}%` : `calc((100% - ${d * (H - 1)}px) / ${H})`)(),
1170
+ flexShrink: 0
1171
+ }, Ue = (e) => {
1172
+ e === "left" ? Y() : J();
1173
+ }, We = (e) => {
1174
+ q(e);
1175
+ }, Ge = (e) => {
1176
+ r && (e.preventDefault(), P(!0), R(!1), I(e.clientX));
1177
+ }, Q = useCallback((e) => {
1178
+ if (!N || !r) return;
1179
+ P(!1);
1180
+ let t = e.clientX - F;
1181
+ Math.abs(t) > 50 && (t > 0 ? Y() : J(), R(!0)), setTimeout(() => {
1182
+ R(!1);
1183
+ }, 100);
1184
+ }, [
1185
+ N,
1186
+ r,
1187
+ F,
1188
+ Y,
1189
+ J
1190
+ ]), Ke = (e) => {
1191
+ if (!r) return;
1192
+ let t = e.touches[0];
1193
+ P(!0), R(!1), I(t.clientX);
1194
+ }, $ = useCallback((e) => {
1195
+ if (!N || !r) return;
1196
+ P(!1);
1197
+ let t = e.changedTouches[0].clientX - F;
1198
+ Math.abs(t) > 50 && (t > 0 ? Y() : J(), R(!0)), setTimeout(() => {
1199
+ R(!1);
1200
+ }, 100);
1201
+ }, [
1202
+ N,
1203
+ r,
1204
+ F,
1205
+ Y,
1206
+ J
1207
+ ]);
1208
+ useEffect(() => (N && (document.addEventListener("mouseup", Q), document.addEventListener("touchend", $)), () => {
1209
+ document.removeEventListener("mouseup", Q), document.removeEventListener("touchend", $);
1210
+ }), [
1211
+ N,
1212
+ Q,
1213
+ $
1214
+ ]);
1215
+ let qe = (e) => {
1216
+ L && (e.preventDefault(), e.stopPropagation());
1217
+ }, Je = y || k > 0, Ye = y || k < G;
1218
+ return /* @__PURE__ */ jsxs("div", {
1219
+ ref: B,
1220
+ className: getSliderStyles(b),
1221
+ ...D,
1222
+ children: [
1223
+ /* @__PURE__ */ jsx("div", {
1224
+ ref: V,
1225
+ className: getSliderTrackStyles(),
1226
+ style: Ve,
1227
+ onMouseDown: Ge,
1228
+ onTouchStart: Ke,
1229
+ onClick: qe,
1230
+ draggable: !1,
1231
+ children: e.map((e, t) => /* @__PURE__ */ jsx("div", {
1232
+ className: cn_default(getSliderItemStyles(), x),
1233
+ style: He,
1234
+ onClick: qe,
1235
+ draggable: !1,
1236
+ children: e
1237
+ }, t))
1063
1238
  }),
1064
- h && /* @__PURE__ */ jsx(PaginationQuickJumper, {
1065
- current: H,
1066
- totalPages: K,
1067
- onJump: Q,
1068
- disabled: x,
1069
- jumpToText: V.jumpTo,
1070
- pageText: V.page
1239
+ f && W > 1 && !K && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
1240
+ type: "button",
1241
+ className: cn_default(getNavigationButtonStyles("left", "default", !Je), p),
1242
+ onClick: () => Ue("left"),
1243
+ disabled: !Je,
1244
+ "aria-label": w,
1245
+ children: /* @__PURE__ */ jsx(ChevronLeftIcon_default, { className: "w-5 h-5" })
1246
+ }), /* @__PURE__ */ jsx("button", {
1247
+ type: "button",
1248
+ className: cn_default(getNavigationButtonStyles("right", "default", !Ye), m),
1249
+ onClick: () => Ue("right"),
1250
+ disabled: !Ye,
1251
+ "aria-label": T,
1252
+ children: /* @__PURE__ */ jsx(ChevronRightIcon_default, { className: "w-5 h-5" })
1253
+ })] }),
1254
+ h && W > 1 && /* @__PURE__ */ jsx("div", {
1255
+ className: getIndicatorContainerStyles(),
1256
+ children: Array.from({ length: W }, (e, t) => /* @__PURE__ */ jsx("button", {
1257
+ type: "button",
1258
+ className: getIndicatorStyles("dot", t === k),
1259
+ onClick: () => We(t),
1260
+ "aria-label": E.replace("{page}", (t + 1).toString())
1261
+ }, t))
1071
1262
  })
1072
1263
  ]
1073
1264
  });
1265
+ }), Tab_default = ({ items: e, defaultActiveKey: t, activeKey: n, onChange: r, className: i, tabBarClassName: a, tabContentClassName: o, size: s = "medium", type: c = "line" }) => {
1266
+ let [u, d] = useState(n || t || e[0]?.key || ""), f = n || u, p = (e, t) => {
1267
+ t || (n || d(e), r?.(e));
1268
+ }, m = e.find((e) => e.key === f), h = {
1269
+ small: {
1270
+ tabBar: "h-8",
1271
+ tab: "px-3 py-1 text-sm",
1272
+ content: "pt-3"
1273
+ },
1274
+ medium: {
1275
+ tabBar: "h-10",
1276
+ tab: "px-4 py-2 text-sm",
1277
+ content: "pt-4"
1278
+ },
1279
+ large: {
1280
+ tabBar: "h-12",
1281
+ tab: "px-6 py-3 text-base",
1282
+ content: "pt-6"
1283
+ }
1284
+ }, _ = {
1285
+ line: {
1286
+ tabBar: "border-b border-gray-200",
1287
+ tab: "border-b-2 border-transparent hover:text-blue-600 hover:border-blue-300",
1288
+ activeTab: "text-blue-600 border-blue-500",
1289
+ content: ""
1290
+ },
1291
+ card: {
1292
+ tabBar: "bg-gray-50 rounded-lg p-1",
1293
+ tab: "rounded-md hover:bg-white hover:text-blue-600",
1294
+ activeTab: "bg-white text-blue-600 shadow-sm",
1295
+ content: "bg-white rounded-lg border border-gray-200 mt-2"
1296
+ }
1297
+ };
1298
+ return /* @__PURE__ */ jsxs("div", {
1299
+ className: cn_default("w-full", i),
1300
+ children: [/* @__PURE__ */ jsx("div", {
1301
+ className: cn_default("flex items-center justify-end", h[s].tabBar, _[c].tabBar, a),
1302
+ children: e.map((e) => {
1303
+ let t = e.key === f, n = e.disabled;
1304
+ return /* @__PURE__ */ jsx("button", {
1305
+ onClick: () => p(e.key, n),
1306
+ disabled: n,
1307
+ className: cn_default("flex items-center justify-center font-medium transition-all duration-200 focus:outline-none cursor-pointer", h[s].tab, t ? _[c].activeTab : _[c].tab, n && "opacity-50 cursor-not-allowed hover:text-gray-500 hover:border-transparent"),
1308
+ children: e.label
1309
+ }, e.key);
1310
+ })
1311
+ }), /* @__PURE__ */ jsx("div", {
1312
+ className: cn_default(h[s].content, _[c].content, o),
1313
+ children: m?.children
1314
+ })]
1315
+ });
1074
1316
  };
1075
- export { ArrowIcon_default as ArrowIcon, Button_default as Button, Card_default as Card, 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, SuccessIcon_default as SuccessIcon, UsersIcon_default as UsersIcon, WarningIcon_default as WarningIcon, cn_default as cn };
1317
+ 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, UsersIcon_default as UsersIcon, WarningIcon_default as WarningIcon, cn_default as cn };