@code-sherpas/pharos-react 0.16.0 → 0.18.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Checkbox.d.ts +30 -0
- package/dist/components/Checkbox.d.ts.map +1 -0
- package/dist/components/Switch.d.ts +31 -0
- package/dist/components/Switch.d.ts.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +345 -282
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -7,34 +7,36 @@ import { Popover as u } from "@base-ui/react/popover";
|
|
|
7
7
|
import { Select as d } from "@base-ui/react/select";
|
|
8
8
|
import { Combobox as f } from "@base-ui/react/combobox";
|
|
9
9
|
import { Dialog as p } from "@base-ui/react/dialog";
|
|
10
|
+
import { Checkbox as m } from "@base-ui/react/checkbox";
|
|
11
|
+
import { Switch as h } from "@base-ui/react/switch";
|
|
10
12
|
//#region node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
|
|
11
|
-
function
|
|
13
|
+
function g(e) {
|
|
12
14
|
var t, n, r = "";
|
|
13
15
|
if (typeof e == "string" || typeof e == "number") r += e;
|
|
14
16
|
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
15
17
|
var i = e.length;
|
|
16
|
-
for (t = 0; t < i; t++) e[t] && (n =
|
|
18
|
+
for (t = 0; t < i; t++) e[t] && (n = g(e[t])) && (r && (r += " "), r += n);
|
|
17
19
|
} else for (n in e) e[n] && (r && (r += " "), r += n);
|
|
18
20
|
return r;
|
|
19
21
|
}
|
|
20
|
-
function
|
|
21
|
-
for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t =
|
|
22
|
+
function _() {
|
|
23
|
+
for (var e, t, n = 0, r = "", i = arguments.length; n < i; n++) (e = arguments[n]) && (t = g(e)) && (r && (r += " "), r += t);
|
|
22
24
|
return r;
|
|
23
25
|
}
|
|
24
26
|
//#endregion
|
|
25
27
|
//#region node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
|
|
26
|
-
var
|
|
27
|
-
if (t?.variants == null) return
|
|
28
|
+
var v = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = _, b = (e, t) => (n) => {
|
|
29
|
+
if (t?.variants == null) return y(e, n?.class, n?.className);
|
|
28
30
|
let { variants: r, defaultVariants: i } = t, a = Object.keys(r).map((e) => {
|
|
29
31
|
let t = n?.[e], a = i?.[e];
|
|
30
32
|
if (t === null) return null;
|
|
31
|
-
let o =
|
|
33
|
+
let o = v(t) || v(a);
|
|
32
34
|
return r[e][o];
|
|
33
35
|
}), o = n && Object.entries(n).reduce((e, t) => {
|
|
34
36
|
let [n, r] = t;
|
|
35
37
|
return r === void 0 || (e[n] = r), e;
|
|
36
38
|
}, {});
|
|
37
|
-
return
|
|
39
|
+
return y(e, a, t?.compoundVariants?.reduce((e, t) => {
|
|
38
40
|
let { class: n, className: r, ...a } = t;
|
|
39
41
|
return Object.entries(a).every((e) => {
|
|
40
42
|
let [t, n] = e;
|
|
@@ -54,10 +56,10 @@ var g = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _ = h, v = (e
|
|
|
54
56
|
};
|
|
55
57
|
//#endregion
|
|
56
58
|
//#region src/lib/cn.ts
|
|
57
|
-
function
|
|
58
|
-
return
|
|
59
|
+
function x(...e) {
|
|
60
|
+
return _(e);
|
|
59
61
|
}
|
|
60
|
-
var
|
|
62
|
+
var S = {
|
|
61
63
|
button: "_button_iu0wg_18",
|
|
62
64
|
primary: "_primary_iu0wg_127",
|
|
63
65
|
secondary: "_secondary_iu0wg_141",
|
|
@@ -66,18 +68,18 @@ var b = {
|
|
|
66
68
|
sizeSm: "_sizeSm_iu0wg_197",
|
|
67
69
|
sizeMd: "_sizeMd_iu0wg_205",
|
|
68
70
|
sizeLg: "_sizeLg_iu0wg_213"
|
|
69
|
-
},
|
|
71
|
+
}, C = b(S.button, {
|
|
70
72
|
variants: {
|
|
71
73
|
intent: {
|
|
72
|
-
primary:
|
|
73
|
-
secondary:
|
|
74
|
-
ghost:
|
|
75
|
-
destructive:
|
|
74
|
+
primary: S.primary,
|
|
75
|
+
secondary: S.secondary,
|
|
76
|
+
ghost: S.ghost,
|
|
77
|
+
destructive: S.destructive
|
|
76
78
|
},
|
|
77
79
|
size: {
|
|
78
|
-
sm:
|
|
79
|
-
md:
|
|
80
|
-
lg:
|
|
80
|
+
sm: S.sizeSm,
|
|
81
|
+
md: S.sizeMd,
|
|
82
|
+
lg: S.sizeLg
|
|
81
83
|
}
|
|
82
84
|
},
|
|
83
85
|
defaultVariants: {
|
|
@@ -85,7 +87,7 @@ var b = {
|
|
|
85
87
|
size: "md"
|
|
86
88
|
}
|
|
87
89
|
});
|
|
88
|
-
function
|
|
90
|
+
function w({ render: n, className: r, intent: i, size: a, type: o = "button", ref: s, ...c }) {
|
|
89
91
|
let l = i ?? "primary", u = a ?? "md";
|
|
90
92
|
return e({
|
|
91
93
|
render: n ?? /* @__PURE__ */ t("button", {}),
|
|
@@ -95,7 +97,7 @@ function S({ render: n, className: r, intent: i, size: a, type: o = "button", re
|
|
|
95
97
|
type: o,
|
|
96
98
|
"data-pharos-intent": l,
|
|
97
99
|
"data-pharos-size": u,
|
|
98
|
-
className:
|
|
100
|
+
className: x(C({
|
|
99
101
|
intent: l,
|
|
100
102
|
size: u
|
|
101
103
|
}), r),
|
|
@@ -103,8 +105,8 @@ function S({ render: n, className: r, intent: i, size: a, type: o = "button", re
|
|
|
103
105
|
}
|
|
104
106
|
});
|
|
105
107
|
}
|
|
106
|
-
|
|
107
|
-
var
|
|
108
|
+
w.displayName = "Button";
|
|
109
|
+
var T = {
|
|
108
110
|
spinner: "_spinner_gg970_28",
|
|
109
111
|
icon: "_icon_gg970_46",
|
|
110
112
|
"pharos-spinner-spin": "_pharos-spinner-spin_gg970_1",
|
|
@@ -112,25 +114,25 @@ var C = {
|
|
|
112
114
|
sizeMd: "_sizeMd_gg970_74",
|
|
113
115
|
sizeLg: "_sizeLg_gg970_79",
|
|
114
116
|
srOnly: "_srOnly_gg970_87"
|
|
115
|
-
}, ee =
|
|
117
|
+
}, ee = b(T.spinner, {
|
|
116
118
|
variants: { size: {
|
|
117
|
-
sm:
|
|
118
|
-
md:
|
|
119
|
-
lg:
|
|
119
|
+
sm: T.sizeSm,
|
|
120
|
+
md: T.sizeMd,
|
|
121
|
+
lg: T.sizeLg
|
|
120
122
|
} },
|
|
121
123
|
defaultVariants: { size: "md" }
|
|
122
124
|
});
|
|
123
|
-
function
|
|
125
|
+
function E({ size: e, className: r, srLabel: i = "Loading…", children: a, ref: o, ...s }) {
|
|
124
126
|
let c = e ?? "md";
|
|
125
127
|
return /* @__PURE__ */ n("span", {
|
|
126
128
|
ref: o,
|
|
127
129
|
role: "status",
|
|
128
130
|
"data-pharos-size": c,
|
|
129
|
-
className:
|
|
131
|
+
className: x(ee({ size: c }), r),
|
|
130
132
|
...s,
|
|
131
133
|
children: [
|
|
132
134
|
/* @__PURE__ */ t("svg", {
|
|
133
|
-
className:
|
|
135
|
+
className: T.icon,
|
|
134
136
|
viewBox: "0 0 24 24",
|
|
135
137
|
fill: "none",
|
|
136
138
|
stroke: "currentColor",
|
|
@@ -146,15 +148,15 @@ function w({ size: e, className: r, srLabel: i = "Loading…", children: a, ref:
|
|
|
146
148
|
})
|
|
147
149
|
}),
|
|
148
150
|
/* @__PURE__ */ t("span", {
|
|
149
|
-
className:
|
|
151
|
+
className: T.srOnly,
|
|
150
152
|
children: i
|
|
151
153
|
}),
|
|
152
154
|
a
|
|
153
155
|
]
|
|
154
156
|
});
|
|
155
157
|
}
|
|
156
|
-
|
|
157
|
-
var
|
|
158
|
+
E.displayName = "Spinner";
|
|
159
|
+
var D = {
|
|
158
160
|
button: "_button_ltuh2_14",
|
|
159
161
|
primary: "_primary_ltuh2_74",
|
|
160
162
|
secondary: "_secondary_ltuh2_88",
|
|
@@ -163,18 +165,18 @@ var T = {
|
|
|
163
165
|
sizeSm: "_sizeSm_ltuh2_150",
|
|
164
166
|
sizeMd: "_sizeMd_ltuh2_160",
|
|
165
167
|
sizeLg: "_sizeLg_ltuh2_170"
|
|
166
|
-
},
|
|
168
|
+
}, te = b(D.button, {
|
|
167
169
|
variants: {
|
|
168
170
|
intent: {
|
|
169
|
-
primary:
|
|
170
|
-
secondary:
|
|
171
|
-
ghost:
|
|
172
|
-
destructive:
|
|
171
|
+
primary: D.primary,
|
|
172
|
+
secondary: D.secondary,
|
|
173
|
+
ghost: D.ghost,
|
|
174
|
+
destructive: D.destructive
|
|
173
175
|
},
|
|
174
176
|
size: {
|
|
175
|
-
sm:
|
|
176
|
-
md:
|
|
177
|
-
lg:
|
|
177
|
+
sm: D.sizeSm,
|
|
178
|
+
md: D.sizeMd,
|
|
179
|
+
lg: D.sizeLg
|
|
178
180
|
}
|
|
179
181
|
},
|
|
180
182
|
defaultVariants: {
|
|
@@ -182,7 +184,7 @@ var T = {
|
|
|
182
184
|
size: "md"
|
|
183
185
|
}
|
|
184
186
|
});
|
|
185
|
-
function
|
|
187
|
+
function ne({ render: n, className: r, intent: i, size: a, isLoading: o, disabled: s, type: c = "button", children: l, ref: u, ...d }) {
|
|
186
188
|
let f = i ?? "ghost", p = a ?? "md";
|
|
187
189
|
return e({
|
|
188
190
|
render: n ?? /* @__PURE__ */ t("button", {}),
|
|
@@ -194,17 +196,17 @@ function te({ render: n, className: r, intent: i, size: a, isLoading: o, disable
|
|
|
194
196
|
"data-pharos-size": p,
|
|
195
197
|
"aria-busy": o ? !0 : void 0,
|
|
196
198
|
disabled: !!s || !!o,
|
|
197
|
-
className:
|
|
199
|
+
className: x(te({
|
|
198
200
|
intent: f,
|
|
199
201
|
size: p
|
|
200
202
|
}), r),
|
|
201
203
|
...d,
|
|
202
|
-
children: o ? /* @__PURE__ */ t(
|
|
204
|
+
children: o ? /* @__PURE__ */ t(E, { size: p }) : l
|
|
203
205
|
}
|
|
204
206
|
});
|
|
205
207
|
}
|
|
206
|
-
|
|
207
|
-
var
|
|
208
|
+
ne.displayName = "IconButton";
|
|
209
|
+
var O = {
|
|
208
210
|
badge: "_badge_zrawy_5",
|
|
209
211
|
default: "_default_zrawy_30",
|
|
210
212
|
secondary: "_secondary_zrawy_35",
|
|
@@ -213,57 +215,57 @@ var D = {
|
|
|
213
215
|
success: "_success_zrawy_55",
|
|
214
216
|
warning: "_warning_zrawy_60",
|
|
215
217
|
info: "_info_zrawy_65"
|
|
216
|
-
},
|
|
218
|
+
}, k = b(O.badge, {
|
|
217
219
|
variants: { variant: {
|
|
218
|
-
default:
|
|
219
|
-
secondary:
|
|
220
|
-
destructive:
|
|
221
|
-
outline:
|
|
222
|
-
success:
|
|
223
|
-
warning:
|
|
224
|
-
info:
|
|
220
|
+
default: O.default,
|
|
221
|
+
secondary: O.secondary,
|
|
222
|
+
destructive: O.destructive,
|
|
223
|
+
outline: O.outline,
|
|
224
|
+
success: O.success,
|
|
225
|
+
warning: O.warning,
|
|
226
|
+
info: O.info
|
|
225
227
|
} },
|
|
226
228
|
defaultVariants: { variant: "default" }
|
|
227
229
|
});
|
|
228
|
-
function
|
|
230
|
+
function A({ variant: e, className: n, ...r }) {
|
|
229
231
|
let i = e ?? "default";
|
|
230
232
|
return /* @__PURE__ */ t("span", {
|
|
231
233
|
"data-pharos-variant": i,
|
|
232
|
-
className:
|
|
234
|
+
className: x(k({ variant: i }), n),
|
|
233
235
|
...r
|
|
234
236
|
});
|
|
235
237
|
}
|
|
236
|
-
|
|
237
|
-
var
|
|
238
|
+
A.displayName = "Badge";
|
|
239
|
+
var j = {
|
|
238
240
|
input: "_input_11emo_14",
|
|
239
241
|
sizeSm: "_sizeSm_11emo_97",
|
|
240
242
|
sizeMd: "_sizeMd_11emo_103",
|
|
241
243
|
sizeLg: "_sizeLg_11emo_109"
|
|
242
|
-
},
|
|
244
|
+
}, re = b(j.input, {
|
|
243
245
|
variants: { size: {
|
|
244
|
-
sm:
|
|
245
|
-
md:
|
|
246
|
-
lg:
|
|
246
|
+
sm: j.sizeSm,
|
|
247
|
+
md: j.sizeMd,
|
|
248
|
+
lg: j.sizeLg
|
|
247
249
|
} },
|
|
248
250
|
defaultVariants: { size: "md" }
|
|
249
251
|
});
|
|
250
|
-
function
|
|
252
|
+
function ie({ size: e, className: n, type: r = "text", ref: i, ...a }) {
|
|
251
253
|
let o = e ?? "md";
|
|
252
254
|
return /* @__PURE__ */ t("input", {
|
|
253
255
|
ref: i,
|
|
254
256
|
type: r,
|
|
255
257
|
"data-pharos-size": o,
|
|
256
|
-
className:
|
|
258
|
+
className: x(re({ size: o }), n),
|
|
257
259
|
...a
|
|
258
260
|
});
|
|
259
261
|
}
|
|
260
|
-
|
|
262
|
+
ie.displayName = "Input";
|
|
261
263
|
var M = {
|
|
262
264
|
textarea: "_textarea_1mec8_21",
|
|
263
265
|
sizeSm: "_sizeSm_1mec8_113",
|
|
264
266
|
sizeMd: "_sizeMd_1mec8_119",
|
|
265
267
|
sizeLg: "_sizeLg_1mec8_125"
|
|
266
|
-
},
|
|
268
|
+
}, ae = b(M.textarea, {
|
|
267
269
|
variants: { size: {
|
|
268
270
|
sm: M.sizeSm,
|
|
269
271
|
md: M.sizeMd,
|
|
@@ -271,33 +273,33 @@ var M = {
|
|
|
271
273
|
} },
|
|
272
274
|
defaultVariants: { size: "md" }
|
|
273
275
|
});
|
|
274
|
-
function
|
|
276
|
+
function oe({ size: e, className: n, ref: r, ...i }) {
|
|
275
277
|
let a = e ?? "md";
|
|
276
278
|
return /* @__PURE__ */ t("textarea", {
|
|
277
279
|
ref: r,
|
|
278
280
|
"data-pharos-size": a,
|
|
279
|
-
className:
|
|
281
|
+
className: x(ae({ size: a }), n),
|
|
280
282
|
...i
|
|
281
283
|
});
|
|
282
284
|
}
|
|
283
|
-
|
|
284
|
-
var
|
|
285
|
+
oe.displayName = "Textarea";
|
|
286
|
+
var se = {
|
|
285
287
|
separator: "_separator_da90p_13",
|
|
286
288
|
horizontal: "_horizontal_da90p_29",
|
|
287
289
|
vertical: "_vertical_da90p_34"
|
|
288
290
|
};
|
|
289
291
|
//#endregion
|
|
290
292
|
//#region src/components/Separator.tsx
|
|
291
|
-
function
|
|
293
|
+
function ce({ orientation: e = "horizontal", decorative: n = !0, className: r, ...i }) {
|
|
292
294
|
return /* @__PURE__ */ t("div", {
|
|
293
295
|
role: n ? "none" : "separator",
|
|
294
296
|
"aria-orientation": !n && e === "vertical" ? "vertical" : void 0,
|
|
295
297
|
"data-pharos-orientation": e,
|
|
296
|
-
className:
|
|
298
|
+
className: x(se.separator, se[e], r),
|
|
297
299
|
...i
|
|
298
300
|
});
|
|
299
301
|
}
|
|
300
|
-
|
|
302
|
+
ce.displayName = "Separator";
|
|
301
303
|
var N = {
|
|
302
304
|
card: "_card_yxgwa_10",
|
|
303
305
|
default: "_default_yxgwa_42",
|
|
@@ -308,7 +310,7 @@ var N = {
|
|
|
308
310
|
description: "_description_yxgwa_77",
|
|
309
311
|
content: "_content_yxgwa_85",
|
|
310
312
|
footer: "_footer_yxgwa_95"
|
|
311
|
-
},
|
|
313
|
+
}, le = b(N.card, {
|
|
312
314
|
variants: { variant: {
|
|
313
315
|
default: N.default,
|
|
314
316
|
elevated: N.elevated,
|
|
@@ -316,19 +318,19 @@ var N = {
|
|
|
316
318
|
} },
|
|
317
319
|
defaultVariants: { variant: "default" }
|
|
318
320
|
});
|
|
319
|
-
function
|
|
321
|
+
function ue({ variant: e, className: n, ...r }) {
|
|
320
322
|
let i = e ?? "default";
|
|
321
323
|
return /* @__PURE__ */ t("div", {
|
|
322
324
|
"data-pharos-variant": i,
|
|
323
|
-
className:
|
|
325
|
+
className: x(le({ variant: i }), n),
|
|
324
326
|
...r
|
|
325
327
|
});
|
|
326
328
|
}
|
|
327
|
-
|
|
329
|
+
ue.displayName = "Card";
|
|
328
330
|
function P({ className: e, ...n }) {
|
|
329
331
|
return /* @__PURE__ */ t("div", {
|
|
330
332
|
"data-pharos-slot": "card-header",
|
|
331
|
-
className:
|
|
333
|
+
className: x(N.header, e),
|
|
332
334
|
...n
|
|
333
335
|
});
|
|
334
336
|
}
|
|
@@ -336,7 +338,7 @@ P.displayName = "CardHeader";
|
|
|
336
338
|
function F({ className: e, ...n }) {
|
|
337
339
|
return /* @__PURE__ */ t("div", {
|
|
338
340
|
"data-pharos-slot": "card-title",
|
|
339
|
-
className:
|
|
341
|
+
className: x(N.title, e),
|
|
340
342
|
...n
|
|
341
343
|
});
|
|
342
344
|
}
|
|
@@ -344,7 +346,7 @@ F.displayName = "CardTitle";
|
|
|
344
346
|
function I({ className: e, ...n }) {
|
|
345
347
|
return /* @__PURE__ */ t("p", {
|
|
346
348
|
"data-pharos-slot": "card-description",
|
|
347
|
-
className:
|
|
349
|
+
className: x(N.description, e),
|
|
348
350
|
...n
|
|
349
351
|
});
|
|
350
352
|
}
|
|
@@ -352,7 +354,7 @@ I.displayName = "CardDescription";
|
|
|
352
354
|
function L({ className: e, ...n }) {
|
|
353
355
|
return /* @__PURE__ */ t("div", {
|
|
354
356
|
"data-pharos-slot": "card-content",
|
|
355
|
-
className:
|
|
357
|
+
className: x(N.content, e),
|
|
356
358
|
...n
|
|
357
359
|
});
|
|
358
360
|
}
|
|
@@ -360,7 +362,7 @@ L.displayName = "CardContent";
|
|
|
360
362
|
function R({ className: e, ...n }) {
|
|
361
363
|
return /* @__PURE__ */ t("div", {
|
|
362
364
|
"data-pharos-slot": "card-footer",
|
|
363
|
-
className:
|
|
365
|
+
className: x(N.footer, e),
|
|
364
366
|
...n
|
|
365
367
|
});
|
|
366
368
|
}
|
|
@@ -375,36 +377,36 @@ var z = {
|
|
|
375
377
|
image: "_image_1xx27_118",
|
|
376
378
|
fallback: "_fallback_1xx27_134",
|
|
377
379
|
group: "_group_1xx27_175"
|
|
378
|
-
},
|
|
380
|
+
}, de = r(null), B = r(null), V = r(null), fe = {
|
|
379
381
|
sm: z.sizeSm,
|
|
380
382
|
md: z.sizeMd,
|
|
381
383
|
lg: z.sizeLg
|
|
382
|
-
},
|
|
384
|
+
}, pe = {
|
|
383
385
|
circle: z.shapeCircle,
|
|
384
386
|
square: z.shapeSquare
|
|
385
387
|
};
|
|
386
|
-
function
|
|
388
|
+
function me(e) {
|
|
387
389
|
if (typeof e == "number") return {
|
|
388
390
|
width: e,
|
|
389
391
|
height: e,
|
|
390
392
|
fontSize: `${Math.round(e * .4)}px`
|
|
391
393
|
};
|
|
392
394
|
}
|
|
393
|
-
function
|
|
394
|
-
if (typeof e != "number") return
|
|
395
|
+
function he(e) {
|
|
396
|
+
if (typeof e != "number") return fe[e];
|
|
395
397
|
}
|
|
396
398
|
function H({ size: n, shape: r, className: i, style: o, render: l, ref: u, children: d, ...f }) {
|
|
397
399
|
let p = a(V), m = n ?? p?.size ?? "md", h = r ?? p?.shape ?? "circle", [g, _] = c("idle"), v = s(() => ({
|
|
398
400
|
size: m,
|
|
399
401
|
shape: h
|
|
400
|
-
}), [m, h]),
|
|
402
|
+
}), [m, h]), y = s(() => ({
|
|
401
403
|
status: g,
|
|
402
404
|
setStatus: _
|
|
403
|
-
}), [g]),
|
|
404
|
-
return /* @__PURE__ */ t(
|
|
405
|
+
}), [g]), b = he(m), S = me(m), C = typeof m == "number" ? String(m) : m;
|
|
406
|
+
return /* @__PURE__ */ t(de.Provider, {
|
|
405
407
|
value: v,
|
|
406
408
|
children: /* @__PURE__ */ t(B.Provider, {
|
|
407
|
-
value:
|
|
409
|
+
value: y,
|
|
408
410
|
children: e({
|
|
409
411
|
render: l ?? /* @__PURE__ */ t("span", {}),
|
|
410
412
|
ref: u,
|
|
@@ -413,7 +415,7 @@ function H({ size: n, shape: r, className: i, style: o, render: l, ref: u, child
|
|
|
413
415
|
"data-pharos-size": C,
|
|
414
416
|
"data-pharos-shape": h,
|
|
415
417
|
"data-pharos-loading": g,
|
|
416
|
-
className:
|
|
418
|
+
className: x(z.root, b, pe[h], i),
|
|
417
419
|
style: S ? {
|
|
418
420
|
...S,
|
|
419
421
|
...o
|
|
@@ -450,7 +452,7 @@ function U({ className: e, src: n, onLoad: r, onError: s, onLoadingStatusChange:
|
|
|
450
452
|
onLoad: p,
|
|
451
453
|
onError: m,
|
|
452
454
|
"data-pharos-loading": d?.status,
|
|
453
|
-
className:
|
|
455
|
+
className: x(z.image, e),
|
|
454
456
|
...u
|
|
455
457
|
});
|
|
456
458
|
}
|
|
@@ -468,13 +470,13 @@ function W({ className: e, delayMs: n = 0, children: r, ref: i, ...s }) {
|
|
|
468
470
|
ref: i,
|
|
469
471
|
"data-pharos-slot": "avatar-fallback",
|
|
470
472
|
"data-pharos-loading": l?.status,
|
|
471
|
-
className:
|
|
473
|
+
className: x(z.fallback, e),
|
|
472
474
|
...s,
|
|
473
475
|
children: r
|
|
474
476
|
});
|
|
475
477
|
}
|
|
476
478
|
W.displayName = "AvatarFallback";
|
|
477
|
-
function
|
|
479
|
+
function ge({ size: e, shape: r, max: i, renderOverflow: a, className: o, children: c, ref: l, ...u }) {
|
|
478
480
|
let d = e ?? "md", f = r ?? "circle", p = s(() => {
|
|
479
481
|
let e = [], t = 0, n = [], r = (e) => {
|
|
480
482
|
n.push(e), t += 1;
|
|
@@ -491,7 +493,7 @@ function G({ size: e, shape: r, max: i, renderOverflow: a, className: o, childre
|
|
|
491
493
|
"data-pharos-slot": "avatar-group",
|
|
492
494
|
"data-pharos-size": typeof d == "number" ? String(d) : d,
|
|
493
495
|
"data-pharos-shape": f,
|
|
494
|
-
className:
|
|
496
|
+
className: x(z.group, o),
|
|
495
497
|
...u,
|
|
496
498
|
children: [m, h > 0 ? /* @__PURE__ */ t(H, {
|
|
497
499
|
"aria-label": `${h} more`,
|
|
@@ -501,8 +503,8 @@ function G({ size: e, shape: r, max: i, renderOverflow: a, className: o, childre
|
|
|
501
503
|
})
|
|
502
504
|
});
|
|
503
505
|
}
|
|
504
|
-
|
|
505
|
-
var
|
|
506
|
+
ge.displayName = "AvatarGroup";
|
|
507
|
+
var G = {
|
|
506
508
|
positioner: "_positioner_ua6x3_9",
|
|
507
509
|
content: "_content_ua6x3_4",
|
|
508
510
|
item: "_item_ua6x3_5",
|
|
@@ -512,61 +514,61 @@ var K = {
|
|
|
512
514
|
};
|
|
513
515
|
//#endregion
|
|
514
516
|
//#region src/components/DropdownMenu.tsx
|
|
515
|
-
function
|
|
517
|
+
function _e(e) {
|
|
516
518
|
return /* @__PURE__ */ t(l.Root, { ...e });
|
|
517
519
|
}
|
|
518
|
-
|
|
519
|
-
function
|
|
520
|
+
_e.displayName = "DropdownMenu";
|
|
521
|
+
function ve(e) {
|
|
520
522
|
return /* @__PURE__ */ t(l.Trigger, { ...e });
|
|
521
523
|
}
|
|
522
|
-
|
|
523
|
-
function
|
|
524
|
+
ve.displayName = "DropdownMenuTrigger";
|
|
525
|
+
function ye({ side: e = "bottom", align: n = "start", sideOffset: r = 8, className: i, children: a, ...o }) {
|
|
524
526
|
return /* @__PURE__ */ t(l.Portal, { children: /* @__PURE__ */ t(l.Positioner, {
|
|
525
|
-
className:
|
|
527
|
+
className: G.positioner,
|
|
526
528
|
side: e,
|
|
527
529
|
align: n,
|
|
528
530
|
sideOffset: r,
|
|
529
531
|
children: /* @__PURE__ */ t(l.Popup, {
|
|
530
532
|
"data-pharos-slot": "dropdown-menu-content",
|
|
531
|
-
className:
|
|
533
|
+
className: x(G.content, i),
|
|
532
534
|
...o,
|
|
533
535
|
children: a
|
|
534
536
|
})
|
|
535
537
|
}) });
|
|
536
538
|
}
|
|
537
|
-
|
|
538
|
-
function
|
|
539
|
+
ye.displayName = "DropdownMenuContent";
|
|
540
|
+
function be({ variant: e = "default", className: n, ...r }) {
|
|
539
541
|
return /* @__PURE__ */ t(l.Item, {
|
|
540
542
|
"data-pharos-variant": e,
|
|
541
|
-
className:
|
|
543
|
+
className: x(G.item, e === "destructive" && G.itemDestructive, n),
|
|
542
544
|
...r
|
|
543
545
|
});
|
|
544
546
|
}
|
|
545
|
-
|
|
546
|
-
function
|
|
547
|
+
be.displayName = "DropdownMenuItem";
|
|
548
|
+
function xe({ className: e, ...n }) {
|
|
547
549
|
return /* @__PURE__ */ t(l.Separator, {
|
|
548
550
|
"data-pharos-slot": "dropdown-menu-separator",
|
|
549
|
-
className:
|
|
551
|
+
className: x(G.separator, e),
|
|
550
552
|
...n
|
|
551
553
|
});
|
|
552
554
|
}
|
|
553
|
-
|
|
554
|
-
function
|
|
555
|
+
xe.displayName = "DropdownMenuSeparator";
|
|
556
|
+
function Se({ className: e, ...n }) {
|
|
555
557
|
return /* @__PURE__ */ t(l.GroupLabel, {
|
|
556
558
|
"data-pharos-slot": "dropdown-menu-label",
|
|
557
|
-
className:
|
|
559
|
+
className: x(G.label, e),
|
|
558
560
|
...n
|
|
559
561
|
});
|
|
560
562
|
}
|
|
561
|
-
|
|
562
|
-
function
|
|
563
|
+
Se.displayName = "DropdownMenuLabel";
|
|
564
|
+
function Ce(e) {
|
|
563
565
|
return /* @__PURE__ */ t(l.Group, {
|
|
564
566
|
"data-pharos-slot": "dropdown-menu-group",
|
|
565
567
|
...e
|
|
566
568
|
});
|
|
567
569
|
}
|
|
568
|
-
|
|
569
|
-
var
|
|
570
|
+
Ce.displayName = "DropdownMenuGroup";
|
|
571
|
+
var K = {
|
|
570
572
|
positioner: "_positioner_ga28p_15",
|
|
571
573
|
content: "_content_ga28p_4",
|
|
572
574
|
title: "_title_ga28p_5",
|
|
@@ -574,54 +576,54 @@ var q = {
|
|
|
574
576
|
};
|
|
575
577
|
//#endregion
|
|
576
578
|
//#region src/components/Popover.tsx
|
|
577
|
-
function
|
|
579
|
+
function we(e) {
|
|
578
580
|
return /* @__PURE__ */ t(u.Root, { ...e });
|
|
579
581
|
}
|
|
580
|
-
|
|
581
|
-
function
|
|
582
|
+
we.displayName = "Popover";
|
|
583
|
+
function Te(e) {
|
|
582
584
|
return /* @__PURE__ */ t(u.Trigger, { ...e });
|
|
583
585
|
}
|
|
584
|
-
|
|
585
|
-
function
|
|
586
|
+
Te.displayName = "PopoverTrigger";
|
|
587
|
+
function Ee({ side: e = "bottom", align: n = "center", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
|
|
586
588
|
return /* @__PURE__ */ t(u.Portal, { children: /* @__PURE__ */ t(u.Positioner, {
|
|
587
|
-
className:
|
|
589
|
+
className: K.positioner,
|
|
588
590
|
side: e,
|
|
589
591
|
align: n,
|
|
590
592
|
sideOffset: r,
|
|
591
593
|
alignOffset: i,
|
|
592
594
|
children: /* @__PURE__ */ t(u.Popup, {
|
|
593
595
|
"data-pharos-slot": "popover-content",
|
|
594
|
-
className:
|
|
596
|
+
className: x(K.content, a),
|
|
595
597
|
...s,
|
|
596
598
|
children: o
|
|
597
599
|
})
|
|
598
600
|
}) });
|
|
599
601
|
}
|
|
600
|
-
|
|
601
|
-
function
|
|
602
|
+
Ee.displayName = "PopoverContent";
|
|
603
|
+
function De({ className: e, ...n }) {
|
|
602
604
|
return /* @__PURE__ */ t(u.Title, {
|
|
603
605
|
"data-pharos-slot": "popover-title",
|
|
604
|
-
className:
|
|
606
|
+
className: x(K.title, e),
|
|
605
607
|
...n
|
|
606
608
|
});
|
|
607
609
|
}
|
|
608
|
-
|
|
609
|
-
function
|
|
610
|
+
De.displayName = "PopoverTitle";
|
|
611
|
+
function Oe({ className: e, ...n }) {
|
|
610
612
|
return /* @__PURE__ */ t(u.Description, {
|
|
611
613
|
"data-pharos-slot": "popover-description",
|
|
612
|
-
className:
|
|
614
|
+
className: x(K.description, e),
|
|
613
615
|
...n
|
|
614
616
|
});
|
|
615
617
|
}
|
|
616
|
-
|
|
617
|
-
function
|
|
618
|
+
Oe.displayName = "PopoverDescription";
|
|
619
|
+
function ke(e) {
|
|
618
620
|
return /* @__PURE__ */ t(u.Close, {
|
|
619
621
|
"data-pharos-slot": "popover-close",
|
|
620
622
|
...e
|
|
621
623
|
});
|
|
622
624
|
}
|
|
623
|
-
|
|
624
|
-
var
|
|
625
|
+
ke.displayName = "PopoverClose";
|
|
626
|
+
var q = {
|
|
625
627
|
trigger: "_trigger_1w6j6_35",
|
|
626
628
|
sizeSm: "_sizeSm_1w6j6_92",
|
|
627
629
|
sizeMd: "_sizeMd_1w6j6_98",
|
|
@@ -638,11 +640,11 @@ var J = {
|
|
|
638
640
|
};
|
|
639
641
|
//#endregion
|
|
640
642
|
//#region src/components/Select.tsx
|
|
641
|
-
function
|
|
643
|
+
function Ae(e) {
|
|
642
644
|
return /* @__PURE__ */ t(d.Root, { ...e });
|
|
643
645
|
}
|
|
644
|
-
|
|
645
|
-
function
|
|
646
|
+
Ae.displayName = "Select";
|
|
647
|
+
function je() {
|
|
646
648
|
return /* @__PURE__ */ t("svg", {
|
|
647
649
|
viewBox: "0 0 24 24",
|
|
648
650
|
fill: "none",
|
|
@@ -656,7 +658,7 @@ function Oe() {
|
|
|
656
658
|
})
|
|
657
659
|
});
|
|
658
660
|
}
|
|
659
|
-
function
|
|
661
|
+
function Me() {
|
|
660
662
|
return /* @__PURE__ */ t("svg", {
|
|
661
663
|
viewBox: "0 0 24 24",
|
|
662
664
|
fill: "none",
|
|
@@ -670,39 +672,39 @@ function ke() {
|
|
|
670
672
|
})
|
|
671
673
|
});
|
|
672
674
|
}
|
|
673
|
-
var
|
|
675
|
+
var Ne = b(q.trigger, {
|
|
674
676
|
variants: { size: {
|
|
675
|
-
sm:
|
|
676
|
-
md:
|
|
677
|
-
lg:
|
|
677
|
+
sm: q.sizeSm,
|
|
678
|
+
md: q.sizeMd,
|
|
679
|
+
lg: q.sizeLg
|
|
678
680
|
} },
|
|
679
681
|
defaultVariants: { size: "md" }
|
|
680
682
|
});
|
|
681
|
-
function
|
|
683
|
+
function Pe({ size: e, className: r, children: i, ...a }) {
|
|
682
684
|
let o = e ?? "md";
|
|
683
685
|
return /* @__PURE__ */ n(d.Trigger, {
|
|
684
686
|
"data-pharos-slot": "select-trigger",
|
|
685
687
|
"data-pharos-size": o,
|
|
686
|
-
className:
|
|
688
|
+
className: x(Ne({ size: o }), r),
|
|
687
689
|
...a,
|
|
688
690
|
children: [i, /* @__PURE__ */ t(d.Icon, {
|
|
689
|
-
className:
|
|
690
|
-
children: /* @__PURE__ */ t(
|
|
691
|
+
className: q.icon,
|
|
692
|
+
children: /* @__PURE__ */ t(je, {})
|
|
691
693
|
})]
|
|
692
694
|
});
|
|
693
695
|
}
|
|
694
|
-
|
|
695
|
-
function
|
|
696
|
+
Pe.displayName = "SelectTrigger";
|
|
697
|
+
function Fe({ className: e, ...n }) {
|
|
696
698
|
return /* @__PURE__ */ t(d.Value, {
|
|
697
699
|
"data-pharos-slot": "select-value",
|
|
698
|
-
className:
|
|
700
|
+
className: x(q.value, e),
|
|
699
701
|
...n
|
|
700
702
|
});
|
|
701
703
|
}
|
|
702
|
-
|
|
703
|
-
function
|
|
704
|
+
Fe.displayName = "SelectValue";
|
|
705
|
+
function Ie({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: a, children: o, ...s }) {
|
|
704
706
|
return /* @__PURE__ */ t(d.Portal, { children: /* @__PURE__ */ t(d.Positioner, {
|
|
705
|
-
className:
|
|
707
|
+
className: q.positioner,
|
|
706
708
|
alignItemWithTrigger: !1,
|
|
707
709
|
side: e,
|
|
708
710
|
align: n,
|
|
@@ -710,54 +712,54 @@ function Ne({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOf
|
|
|
710
712
|
alignOffset: i,
|
|
711
713
|
children: /* @__PURE__ */ t(d.Popup, {
|
|
712
714
|
"data-pharos-slot": "select-content",
|
|
713
|
-
className:
|
|
715
|
+
className: x(q.content, a),
|
|
714
716
|
...s,
|
|
715
717
|
children: /* @__PURE__ */ t(d.List, { children: o })
|
|
716
718
|
})
|
|
717
719
|
}) });
|
|
718
720
|
}
|
|
719
|
-
|
|
720
|
-
function
|
|
721
|
+
Ie.displayName = "SelectContent";
|
|
722
|
+
function Le({ className: e, children: r, ...i }) {
|
|
721
723
|
return /* @__PURE__ */ n(d.Item, {
|
|
722
724
|
"data-pharos-slot": "select-item",
|
|
723
|
-
className:
|
|
725
|
+
className: x(q.item, e),
|
|
724
726
|
...i,
|
|
725
727
|
children: [/* @__PURE__ */ t(d.ItemText, {
|
|
726
|
-
className:
|
|
728
|
+
className: q.itemText,
|
|
727
729
|
children: r
|
|
728
730
|
}), /* @__PURE__ */ t(d.ItemIndicator, {
|
|
729
|
-
className:
|
|
730
|
-
children: /* @__PURE__ */ t(
|
|
731
|
+
className: q.itemIndicator,
|
|
732
|
+
children: /* @__PURE__ */ t(Me, {})
|
|
731
733
|
})]
|
|
732
734
|
});
|
|
733
735
|
}
|
|
734
|
-
|
|
735
|
-
function
|
|
736
|
+
Le.displayName = "SelectItem";
|
|
737
|
+
function Re(e) {
|
|
736
738
|
return /* @__PURE__ */ t(d.Group, {
|
|
737
739
|
"data-pharos-slot": "select-group",
|
|
738
740
|
...e
|
|
739
741
|
});
|
|
740
742
|
}
|
|
741
|
-
|
|
742
|
-
function
|
|
743
|
+
Re.displayName = "SelectGroup";
|
|
744
|
+
function ze({ className: e, ...n }) {
|
|
743
745
|
return /* @__PURE__ */ t(d.GroupLabel, {
|
|
744
746
|
"data-pharos-slot": "select-label",
|
|
745
|
-
className:
|
|
747
|
+
className: x(q.label, e),
|
|
746
748
|
...n
|
|
747
749
|
});
|
|
748
750
|
}
|
|
749
|
-
|
|
750
|
-
function
|
|
751
|
+
ze.displayName = "SelectLabel";
|
|
752
|
+
function Be({ className: e, ...n }) {
|
|
751
753
|
return /* @__PURE__ */ t(d.Separator, {
|
|
752
754
|
"data-pharos-slot": "select-separator",
|
|
753
755
|
role: "none",
|
|
754
756
|
"aria-hidden": !0,
|
|
755
|
-
className:
|
|
757
|
+
className: x(q.separator, e),
|
|
756
758
|
...n
|
|
757
759
|
});
|
|
758
760
|
}
|
|
759
|
-
|
|
760
|
-
var
|
|
761
|
+
Be.displayName = "SelectSeparator";
|
|
762
|
+
var J = {
|
|
761
763
|
control: "_control_1dd5w_5",
|
|
762
764
|
chips: "_chips_1dd5w_61",
|
|
763
765
|
input: "_input_1dd5w_70",
|
|
@@ -777,19 +779,19 @@ var Y = {
|
|
|
777
779
|
empty: "_empty_1dd5w_294",
|
|
778
780
|
label: "_label_1dd5w_304",
|
|
779
781
|
separator: "_separator_1dd5w_311"
|
|
780
|
-
},
|
|
781
|
-
function
|
|
782
|
+
}, Y = r(null);
|
|
783
|
+
function Ve(e) {
|
|
782
784
|
let [n, r] = c(null), i = s(() => ({
|
|
783
785
|
anchorElement: n,
|
|
784
786
|
setAnchorElement: r
|
|
785
787
|
}), [n]);
|
|
786
|
-
return /* @__PURE__ */ t(
|
|
788
|
+
return /* @__PURE__ */ t(Y.Provider, {
|
|
787
789
|
value: i,
|
|
788
790
|
children: /* @__PURE__ */ t(f.Root, { ...e })
|
|
789
791
|
});
|
|
790
792
|
}
|
|
791
|
-
|
|
792
|
-
function
|
|
793
|
+
Ve.displayName = "Combobox";
|
|
794
|
+
function He() {
|
|
793
795
|
return /* @__PURE__ */ t("svg", {
|
|
794
796
|
viewBox: "0 0 24 24",
|
|
795
797
|
fill: "none",
|
|
@@ -803,7 +805,7 @@ function ze() {
|
|
|
803
805
|
})
|
|
804
806
|
});
|
|
805
807
|
}
|
|
806
|
-
function
|
|
808
|
+
function Ue() {
|
|
807
809
|
return /* @__PURE__ */ t("svg", {
|
|
808
810
|
viewBox: "0 0 24 24",
|
|
809
811
|
fill: "none",
|
|
@@ -817,7 +819,7 @@ function Be() {
|
|
|
817
819
|
})
|
|
818
820
|
});
|
|
819
821
|
}
|
|
820
|
-
function
|
|
822
|
+
function We() {
|
|
821
823
|
return /* @__PURE__ */ t("svg", {
|
|
822
824
|
viewBox: "0 0 24 24",
|
|
823
825
|
fill: "none",
|
|
@@ -831,84 +833,84 @@ function Ve() {
|
|
|
831
833
|
})
|
|
832
834
|
});
|
|
833
835
|
}
|
|
834
|
-
function
|
|
836
|
+
function Ge({ className: e, ...n }) {
|
|
835
837
|
return /* @__PURE__ */ t(f.InputGroup, {
|
|
836
838
|
"data-pharos-slot": "combobox-control",
|
|
837
|
-
className:
|
|
839
|
+
className: x(J.control, e),
|
|
838
840
|
...n
|
|
839
841
|
});
|
|
840
842
|
}
|
|
841
|
-
|
|
842
|
-
function
|
|
843
|
-
let o = a(
|
|
843
|
+
Ge.displayName = "ComboboxControl";
|
|
844
|
+
function Ke({ className: e, ref: n, ...r }) {
|
|
845
|
+
let o = a(Y), s = i((e) => {
|
|
844
846
|
o?.setAnchorElement(e), typeof n == "function" ? n(e) : n && (n.current = e);
|
|
845
847
|
}, [o, n]);
|
|
846
848
|
return /* @__PURE__ */ t(f.Chips, {
|
|
847
849
|
"data-pharos-slot": "combobox-chips",
|
|
848
|
-
className:
|
|
850
|
+
className: x(J.control, J.chips, e),
|
|
849
851
|
ref: s,
|
|
850
852
|
...r
|
|
851
853
|
});
|
|
852
854
|
}
|
|
853
|
-
|
|
854
|
-
var
|
|
855
|
+
Ke.displayName = "ComboboxChips";
|
|
856
|
+
var qe = b(J.input, {
|
|
855
857
|
variants: { size: {
|
|
856
|
-
sm:
|
|
857
|
-
md:
|
|
858
|
-
lg:
|
|
858
|
+
sm: J.inputSizeSm,
|
|
859
|
+
md: J.inputSizeMd,
|
|
860
|
+
lg: J.inputSizeLg
|
|
859
861
|
} },
|
|
860
862
|
defaultVariants: { size: "md" }
|
|
861
863
|
});
|
|
862
|
-
function
|
|
864
|
+
function Je({ size: e, inset: n = !1, className: r, ...i }) {
|
|
863
865
|
let a = e ?? "md";
|
|
864
866
|
return /* @__PURE__ */ t(f.Input, {
|
|
865
867
|
"data-pharos-slot": "combobox-input",
|
|
866
868
|
"data-pharos-size": a,
|
|
867
|
-
className:
|
|
869
|
+
className: x(n ? x(J.input, J.chipsInput) : qe({ size: a }), r),
|
|
868
870
|
...i
|
|
869
871
|
});
|
|
870
872
|
}
|
|
871
|
-
|
|
872
|
-
function
|
|
873
|
+
Je.displayName = "ComboboxInput";
|
|
874
|
+
function Ye({ className: e, children: n, ...r }) {
|
|
873
875
|
return /* @__PURE__ */ t(f.Trigger, {
|
|
874
876
|
"data-pharos-slot": "combobox-trigger",
|
|
875
|
-
className:
|
|
877
|
+
className: x(J.trigger, e),
|
|
876
878
|
...r,
|
|
877
|
-
children: n ?? /* @__PURE__ */ t(
|
|
879
|
+
children: n ?? /* @__PURE__ */ t(He, {})
|
|
878
880
|
});
|
|
879
881
|
}
|
|
880
|
-
|
|
881
|
-
function
|
|
882
|
+
Ye.displayName = "ComboboxTrigger";
|
|
883
|
+
function Xe({ className: e, children: n, ...r }) {
|
|
882
884
|
return /* @__PURE__ */ t(f.Clear, {
|
|
883
885
|
"data-pharos-slot": "combobox-clear",
|
|
884
|
-
className:
|
|
886
|
+
className: x(J.clear, e),
|
|
885
887
|
...r,
|
|
886
|
-
children: n ?? /* @__PURE__ */ t(
|
|
888
|
+
children: n ?? /* @__PURE__ */ t(We, {})
|
|
887
889
|
});
|
|
888
890
|
}
|
|
889
|
-
|
|
890
|
-
function
|
|
891
|
+
Xe.displayName = "ComboboxClear";
|
|
892
|
+
function Ze({ className: e, ...n }) {
|
|
891
893
|
return /* @__PURE__ */ t(f.Chip, {
|
|
892
894
|
"data-pharos-slot": "combobox-chip",
|
|
893
|
-
className:
|
|
895
|
+
className: x(J.chip, e),
|
|
894
896
|
...n
|
|
895
897
|
});
|
|
896
898
|
}
|
|
897
|
-
|
|
898
|
-
function
|
|
899
|
+
Ze.displayName = "ComboboxChip";
|
|
900
|
+
function Qe({ className: e, children: n, "aria-label": r = "Remove", ...i }) {
|
|
899
901
|
return /* @__PURE__ */ t(f.ChipRemove, {
|
|
900
902
|
"data-pharos-slot": "combobox-chip-remove",
|
|
901
903
|
"aria-label": r,
|
|
902
|
-
className:
|
|
904
|
+
className: x(J.chipRemove, e),
|
|
903
905
|
...i,
|
|
904
|
-
children: n ?? /* @__PURE__ */ t(
|
|
906
|
+
children: n ?? /* @__PURE__ */ t(We, {})
|
|
905
907
|
});
|
|
906
908
|
}
|
|
907
|
-
|
|
908
|
-
function
|
|
909
|
-
let l = a(
|
|
909
|
+
Qe.displayName = "ComboboxChipRemove";
|
|
910
|
+
function $e({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOffset: i = 0, className: o, children: s, ...c }) {
|
|
911
|
+
let l = a(Y)?.anchorElement ?? void 0;
|
|
910
912
|
return /* @__PURE__ */ t(f.Portal, { children: /* @__PURE__ */ t(f.Positioner, {
|
|
911
|
-
className:
|
|
913
|
+
className: J.positioner,
|
|
912
914
|
anchor: l,
|
|
913
915
|
side: e,
|
|
914
916
|
align: n,
|
|
@@ -916,68 +918,68 @@ function Xe({ side: e = "bottom", align: n = "start", sideOffset: r = 8, alignOf
|
|
|
916
918
|
alignOffset: i,
|
|
917
919
|
children: /* @__PURE__ */ t(f.Popup, {
|
|
918
920
|
"data-pharos-slot": "combobox-content",
|
|
919
|
-
className:
|
|
921
|
+
className: x(J.content, o),
|
|
920
922
|
...c,
|
|
921
923
|
children: s
|
|
922
924
|
})
|
|
923
925
|
}) });
|
|
924
926
|
}
|
|
925
|
-
|
|
926
|
-
function
|
|
927
|
+
$e.displayName = "ComboboxContent";
|
|
928
|
+
function et({ className: e, ...n }) {
|
|
927
929
|
return /* @__PURE__ */ t(f.List, {
|
|
928
930
|
"data-pharos-slot": "combobox-list",
|
|
929
931
|
className: e,
|
|
930
932
|
...n
|
|
931
933
|
});
|
|
932
934
|
}
|
|
933
|
-
|
|
934
|
-
function
|
|
935
|
+
et.displayName = "ComboboxList";
|
|
936
|
+
function tt({ className: e, children: r, ...i }) {
|
|
935
937
|
return /* @__PURE__ */ n(f.Item, {
|
|
936
938
|
"data-pharos-slot": "combobox-item",
|
|
937
|
-
className:
|
|
939
|
+
className: x(J.item, e),
|
|
938
940
|
...i,
|
|
939
941
|
children: [/* @__PURE__ */ t("span", {
|
|
940
|
-
className:
|
|
942
|
+
className: J.itemText,
|
|
941
943
|
children: r
|
|
942
944
|
}), /* @__PURE__ */ t(f.ItemIndicator, {
|
|
943
|
-
className:
|
|
944
|
-
children: /* @__PURE__ */ t(
|
|
945
|
+
className: J.itemIndicator,
|
|
946
|
+
children: /* @__PURE__ */ t(Ue, {})
|
|
945
947
|
})]
|
|
946
948
|
});
|
|
947
949
|
}
|
|
948
|
-
|
|
949
|
-
function
|
|
950
|
+
tt.displayName = "ComboboxItem";
|
|
951
|
+
function nt({ className: e, ...n }) {
|
|
950
952
|
return /* @__PURE__ */ t(f.Empty, {
|
|
951
953
|
"data-pharos-slot": "combobox-empty",
|
|
952
|
-
className:
|
|
954
|
+
className: x(J.empty, e),
|
|
953
955
|
...n
|
|
954
956
|
});
|
|
955
957
|
}
|
|
956
|
-
|
|
957
|
-
function
|
|
958
|
+
nt.displayName = "ComboboxEmpty";
|
|
959
|
+
function rt(e) {
|
|
958
960
|
return /* @__PURE__ */ t(f.Group, {
|
|
959
961
|
"data-pharos-slot": "combobox-group",
|
|
960
962
|
...e
|
|
961
963
|
});
|
|
962
964
|
}
|
|
963
|
-
|
|
964
|
-
function
|
|
965
|
+
rt.displayName = "ComboboxGroup";
|
|
966
|
+
function it({ className: e, ...n }) {
|
|
965
967
|
return /* @__PURE__ */ t(f.GroupLabel, {
|
|
966
968
|
"data-pharos-slot": "combobox-group-label",
|
|
967
|
-
className:
|
|
969
|
+
className: x(J.label, e),
|
|
968
970
|
...n
|
|
969
971
|
});
|
|
970
972
|
}
|
|
971
|
-
|
|
972
|
-
function
|
|
973
|
+
it.displayName = "ComboboxGroupLabel";
|
|
974
|
+
function at({ className: e, ...n }) {
|
|
973
975
|
return /* @__PURE__ */ t(f.Separator, {
|
|
974
976
|
"data-pharos-slot": "combobox-separator",
|
|
975
|
-
className:
|
|
977
|
+
className: x(J.separator, e),
|
|
976
978
|
...n
|
|
977
979
|
});
|
|
978
980
|
}
|
|
979
|
-
|
|
980
|
-
var
|
|
981
|
+
at.displayName = "ComboboxSeparator";
|
|
982
|
+
var X = {
|
|
981
983
|
backdrop: "_backdrop_1pbfd_21",
|
|
982
984
|
content: "_content_1pbfd_37",
|
|
983
985
|
sideRight: "_sideRight_1pbfd_60",
|
|
@@ -991,73 +993,73 @@ var Z = {
|
|
|
991
993
|
};
|
|
992
994
|
//#endregion
|
|
993
995
|
//#region src/components/Sheet.tsx
|
|
994
|
-
function
|
|
996
|
+
function ot(e) {
|
|
995
997
|
return /* @__PURE__ */ t(p.Root, { ...e });
|
|
996
998
|
}
|
|
997
|
-
|
|
998
|
-
function
|
|
999
|
+
ot.displayName = "Sheet";
|
|
1000
|
+
function st(e) {
|
|
999
1001
|
return /* @__PURE__ */ t(p.Trigger, { ...e });
|
|
1000
1002
|
}
|
|
1001
|
-
|
|
1002
|
-
var
|
|
1003
|
+
st.displayName = "SheetTrigger";
|
|
1004
|
+
var ct = b(X.content, {
|
|
1003
1005
|
variants: { side: {
|
|
1004
|
-
top:
|
|
1005
|
-
right:
|
|
1006
|
-
bottom:
|
|
1007
|
-
left:
|
|
1006
|
+
top: X.sideTop,
|
|
1007
|
+
right: X.sideRight,
|
|
1008
|
+
bottom: X.sideBottom,
|
|
1009
|
+
left: X.sideLeft
|
|
1008
1010
|
} },
|
|
1009
1011
|
defaultVariants: { side: "right" }
|
|
1010
1012
|
});
|
|
1011
|
-
function
|
|
1012
|
-
return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className:
|
|
1013
|
+
function lt({ side: e = "right", className: r, children: i, ...a }) {
|
|
1014
|
+
return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className: X.backdrop }), /* @__PURE__ */ t(p.Popup, {
|
|
1013
1015
|
"data-pharos-slot": "sheet-content",
|
|
1014
1016
|
"data-pharos-side": e ?? "right",
|
|
1015
|
-
className:
|
|
1017
|
+
className: x(ct({ side: e }), r),
|
|
1016
1018
|
...a,
|
|
1017
1019
|
children: i
|
|
1018
1020
|
})] });
|
|
1019
1021
|
}
|
|
1020
|
-
|
|
1021
|
-
function
|
|
1022
|
+
lt.displayName = "SheetContent";
|
|
1023
|
+
function ut({ className: e, ...n }) {
|
|
1022
1024
|
return /* @__PURE__ */ t("div", {
|
|
1023
1025
|
"data-pharos-slot": "sheet-header",
|
|
1024
|
-
className:
|
|
1026
|
+
className: x(X.header, e),
|
|
1025
1027
|
...n
|
|
1026
1028
|
});
|
|
1027
1029
|
}
|
|
1028
|
-
|
|
1029
|
-
function
|
|
1030
|
+
ut.displayName = "SheetHeader";
|
|
1031
|
+
function dt({ className: e, ...n }) {
|
|
1030
1032
|
return /* @__PURE__ */ t(p.Title, {
|
|
1031
1033
|
"data-pharos-slot": "sheet-title",
|
|
1032
|
-
className:
|
|
1034
|
+
className: x(X.title, e),
|
|
1033
1035
|
...n
|
|
1034
1036
|
});
|
|
1035
1037
|
}
|
|
1036
|
-
|
|
1037
|
-
function
|
|
1038
|
+
dt.displayName = "SheetTitle";
|
|
1039
|
+
function ft({ className: e, ...n }) {
|
|
1038
1040
|
return /* @__PURE__ */ t(p.Description, {
|
|
1039
1041
|
"data-pharos-slot": "sheet-description",
|
|
1040
|
-
className:
|
|
1042
|
+
className: x(X.description, e),
|
|
1041
1043
|
...n
|
|
1042
1044
|
});
|
|
1043
1045
|
}
|
|
1044
|
-
|
|
1045
|
-
function
|
|
1046
|
+
ft.displayName = "SheetDescription";
|
|
1047
|
+
function pt({ className: e, ...n }) {
|
|
1046
1048
|
return /* @__PURE__ */ t("div", {
|
|
1047
1049
|
"data-pharos-slot": "sheet-footer",
|
|
1048
|
-
className:
|
|
1050
|
+
className: x(X.footer, e),
|
|
1049
1051
|
...n
|
|
1050
1052
|
});
|
|
1051
1053
|
}
|
|
1052
|
-
|
|
1053
|
-
function
|
|
1054
|
+
pt.displayName = "SheetFooter";
|
|
1055
|
+
function mt(e) {
|
|
1054
1056
|
return /* @__PURE__ */ t(p.Close, {
|
|
1055
1057
|
"data-pharos-slot": "sheet-close",
|
|
1056
1058
|
...e
|
|
1057
1059
|
});
|
|
1058
1060
|
}
|
|
1059
|
-
|
|
1060
|
-
var
|
|
1061
|
+
mt.displayName = "SheetClose";
|
|
1062
|
+
var Z = {
|
|
1061
1063
|
backdrop: "_backdrop_mozml_18",
|
|
1062
1064
|
content: "_content_mozml_32",
|
|
1063
1065
|
header: "_header_mozml_75",
|
|
@@ -1067,63 +1069,124 @@ var $ = {
|
|
|
1067
1069
|
};
|
|
1068
1070
|
//#endregion
|
|
1069
1071
|
//#region src/components/Dialog.tsx
|
|
1070
|
-
function
|
|
1072
|
+
function ht(e) {
|
|
1071
1073
|
return /* @__PURE__ */ t(p.Root, { ...e });
|
|
1072
1074
|
}
|
|
1073
|
-
|
|
1074
|
-
function
|
|
1075
|
+
ht.displayName = "Dialog";
|
|
1076
|
+
function gt(e) {
|
|
1075
1077
|
return /* @__PURE__ */ t(p.Trigger, { ...e });
|
|
1076
1078
|
}
|
|
1077
|
-
|
|
1078
|
-
function
|
|
1079
|
-
return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className:
|
|
1079
|
+
gt.displayName = "DialogTrigger";
|
|
1080
|
+
function _t({ className: e, children: r, ...i }) {
|
|
1081
|
+
return /* @__PURE__ */ n(p.Portal, { children: [/* @__PURE__ */ t(p.Backdrop, { className: Z.backdrop }), /* @__PURE__ */ t(p.Popup, {
|
|
1080
1082
|
"data-pharos-slot": "dialog-content",
|
|
1081
|
-
className:
|
|
1083
|
+
className: x(Z.content, e),
|
|
1082
1084
|
...i,
|
|
1083
1085
|
children: r
|
|
1084
1086
|
})] });
|
|
1085
1087
|
}
|
|
1086
|
-
|
|
1087
|
-
function
|
|
1088
|
+
_t.displayName = "DialogContent";
|
|
1089
|
+
function vt({ className: e, ...n }) {
|
|
1088
1090
|
return /* @__PURE__ */ t("div", {
|
|
1089
1091
|
"data-pharos-slot": "dialog-header",
|
|
1090
|
-
className:
|
|
1092
|
+
className: x(Z.header, e),
|
|
1091
1093
|
...n
|
|
1092
1094
|
});
|
|
1093
1095
|
}
|
|
1094
|
-
|
|
1095
|
-
function
|
|
1096
|
+
vt.displayName = "DialogHeader";
|
|
1097
|
+
function yt({ className: e, ...n }) {
|
|
1096
1098
|
return /* @__PURE__ */ t(p.Title, {
|
|
1097
1099
|
"data-pharos-slot": "dialog-title",
|
|
1098
|
-
className:
|
|
1100
|
+
className: x(Z.title, e),
|
|
1099
1101
|
...n
|
|
1100
1102
|
});
|
|
1101
1103
|
}
|
|
1102
|
-
|
|
1103
|
-
function
|
|
1104
|
+
yt.displayName = "DialogTitle";
|
|
1105
|
+
function Q({ className: e, ...n }) {
|
|
1104
1106
|
return /* @__PURE__ */ t(p.Description, {
|
|
1105
1107
|
"data-pharos-slot": "dialog-description",
|
|
1106
|
-
className:
|
|
1108
|
+
className: x(Z.description, e),
|
|
1107
1109
|
...n
|
|
1108
1110
|
});
|
|
1109
1111
|
}
|
|
1110
|
-
|
|
1111
|
-
function
|
|
1112
|
+
Q.displayName = "DialogDescription";
|
|
1113
|
+
function bt({ className: e, ...n }) {
|
|
1112
1114
|
return /* @__PURE__ */ t("div", {
|
|
1113
1115
|
"data-pharos-slot": "dialog-footer",
|
|
1114
|
-
className:
|
|
1116
|
+
className: x(Z.footer, e),
|
|
1115
1117
|
...n
|
|
1116
1118
|
});
|
|
1117
1119
|
}
|
|
1118
|
-
|
|
1119
|
-
function
|
|
1120
|
+
bt.displayName = "DialogFooter";
|
|
1121
|
+
function xt(e) {
|
|
1120
1122
|
return /* @__PURE__ */ t(p.Close, {
|
|
1121
1123
|
"data-pharos-slot": "dialog-close",
|
|
1122
1124
|
...e
|
|
1123
1125
|
});
|
|
1124
1126
|
}
|
|
1125
|
-
|
|
1127
|
+
xt.displayName = "DialogClose";
|
|
1128
|
+
var $ = {
|
|
1129
|
+
root: "_root_1v9tz_14",
|
|
1130
|
+
indicator: "_indicator_1v9tz_65",
|
|
1131
|
+
icon: "_icon_1v9tz_72",
|
|
1132
|
+
iconIndeterminate: "_iconIndeterminate_1v9tz_79",
|
|
1133
|
+
iconCheck: "_iconCheck_1v9tz_83"
|
|
1134
|
+
};
|
|
1135
|
+
//#endregion
|
|
1136
|
+
//#region src/components/Checkbox.tsx
|
|
1137
|
+
function St() {
|
|
1138
|
+
return /* @__PURE__ */ t("svg", {
|
|
1139
|
+
className: x($.icon, $.iconCheck),
|
|
1140
|
+
viewBox: "0 0 24 24",
|
|
1141
|
+
fill: "none",
|
|
1142
|
+
stroke: "currentColor",
|
|
1143
|
+
strokeWidth: "3",
|
|
1144
|
+
strokeLinecap: "round",
|
|
1145
|
+
strokeLinejoin: "round",
|
|
1146
|
+
"aria-hidden": "true",
|
|
1147
|
+
children: /* @__PURE__ */ t("path", { d: "M20 6 9 17l-5-5" })
|
|
1148
|
+
});
|
|
1149
|
+
}
|
|
1150
|
+
function Ct() {
|
|
1151
|
+
return /* @__PURE__ */ t("svg", {
|
|
1152
|
+
className: x($.icon, $.iconIndeterminate),
|
|
1153
|
+
viewBox: "0 0 24 24",
|
|
1154
|
+
fill: "none",
|
|
1155
|
+
stroke: "currentColor",
|
|
1156
|
+
strokeWidth: "3",
|
|
1157
|
+
strokeLinecap: "round",
|
|
1158
|
+
"aria-hidden": "true",
|
|
1159
|
+
children: /* @__PURE__ */ t("path", { d: "M5 12h14" })
|
|
1160
|
+
});
|
|
1161
|
+
}
|
|
1162
|
+
function wt({ className: e, ...r }) {
|
|
1163
|
+
return /* @__PURE__ */ t(m.Root, {
|
|
1164
|
+
"data-pharos-slot": "checkbox",
|
|
1165
|
+
className: x($.root, e),
|
|
1166
|
+
...r,
|
|
1167
|
+
children: /* @__PURE__ */ n(m.Indicator, {
|
|
1168
|
+
className: $.indicator,
|
|
1169
|
+
children: [/* @__PURE__ */ t(St, {}), /* @__PURE__ */ t(Ct, {})]
|
|
1170
|
+
})
|
|
1171
|
+
});
|
|
1172
|
+
}
|
|
1173
|
+
wt.displayName = "Checkbox";
|
|
1174
|
+
var Tt = {
|
|
1175
|
+
root: "_root_5v2er_17",
|
|
1176
|
+
thumb: "_thumb_5v2er_72"
|
|
1177
|
+
};
|
|
1178
|
+
//#endregion
|
|
1179
|
+
//#region src/components/Switch.tsx
|
|
1180
|
+
function Et({ className: e, ...n }) {
|
|
1181
|
+
return /* @__PURE__ */ t(h.Root, {
|
|
1182
|
+
"data-pharos-slot": "switch",
|
|
1183
|
+
className: x(Tt.root, e),
|
|
1184
|
+
...n,
|
|
1185
|
+
children: /* @__PURE__ */ t(h.Thumb, { className: Tt.thumb })
|
|
1186
|
+
});
|
|
1187
|
+
}
|
|
1188
|
+
Et.displayName = "Switch";
|
|
1126
1189
|
//#endregion
|
|
1127
|
-
export { H as Avatar, W as AvatarFallback,
|
|
1190
|
+
export { H as Avatar, W as AvatarFallback, ge as AvatarGroup, U as AvatarImage, A as Badge, w as Button, ue as Card, L as CardContent, I as CardDescription, R as CardFooter, P as CardHeader, F as CardTitle, wt as Checkbox, Ve as Combobox, Ze as ComboboxChip, Qe as ComboboxChipRemove, Ke as ComboboxChips, Xe as ComboboxClear, $e as ComboboxContent, Ge as ComboboxControl, nt as ComboboxEmpty, rt as ComboboxGroup, it as ComboboxGroupLabel, Je as ComboboxInput, tt as ComboboxItem, et as ComboboxList, at as ComboboxSeparator, Ye as ComboboxTrigger, ht as Dialog, xt as DialogClose, _t as DialogContent, Q as DialogDescription, bt as DialogFooter, vt as DialogHeader, yt as DialogTitle, gt as DialogTrigger, _e as DropdownMenu, ye as DropdownMenuContent, Ce as DropdownMenuGroup, be as DropdownMenuItem, Se as DropdownMenuLabel, xe as DropdownMenuSeparator, ve as DropdownMenuTrigger, ne as IconButton, ie as Input, we as Popover, ke as PopoverClose, Ee as PopoverContent, Oe as PopoverDescription, De as PopoverTitle, Te as PopoverTrigger, Ae as Select, Ie as SelectContent, Re as SelectGroup, Le as SelectItem, ze as SelectLabel, Be as SelectSeparator, Pe as SelectTrigger, Fe as SelectValue, ce as Separator, ot as Sheet, mt as SheetClose, lt as SheetContent, ft as SheetDescription, pt as SheetFooter, ut as SheetHeader, dt as SheetTitle, st as SheetTrigger, E as Spinner, Et as Switch, oe as Textarea, k as badgeVariants, C as buttonVariants, le as cardVariants, x as cn, te as iconButtonVariants, re as inputVariants, ct as sheetVariants, ee as spinnerVariants, ae as textareaVariants };
|
|
1128
1191
|
|
|
1129
1192
|
//# sourceMappingURL=index.js.map
|