@handamade/psi-react 0.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/README.md +43 -0
  2. package/dist/AspectRatio/AspectRatio.d.ts +9 -0
  3. package/dist/AspectRatio/AspectRatio.d.ts.map +1 -0
  4. package/dist/Button/Button.d.ts +21 -0
  5. package/dist/Button/Button.d.ts.map +1 -0
  6. package/dist/Card/Card.d.ts +13 -0
  7. package/dist/Card/Card.d.ts.map +1 -0
  8. package/dist/Checkbox/Checkbox.d.ts +9 -0
  9. package/dist/Checkbox/Checkbox.d.ts.map +1 -0
  10. package/dist/IconButton/IconButton.d.ts +21 -0
  11. package/dist/IconButton/IconButton.d.ts.map +1 -0
  12. package/dist/Input/Input.d.ts +13 -0
  13. package/dist/Input/Input.d.ts.map +1 -0
  14. package/dist/NavBar/NavBar.d.ts +13 -0
  15. package/dist/NavBar/NavBar.d.ts.map +1 -0
  16. package/dist/Select/Select.d.ts +18 -0
  17. package/dist/Select/Select.d.ts.map +1 -0
  18. package/dist/Switch/Switch.d.ts +9 -0
  19. package/dist/Switch/Switch.d.ts.map +1 -0
  20. package/dist/Tag/Tag.d.ts +15 -0
  21. package/dist/Tag/Tag.d.ts.map +1 -0
  22. package/dist/Tooltip/Tooltip.d.ts +13 -0
  23. package/dist/Tooltip/Tooltip.d.ts.map +1 -0
  24. package/dist/a11y-meta.d.ts +15 -0
  25. package/dist/a11y-meta.d.ts.map +1 -0
  26. package/dist/icons/IconArrowDown.d.ts +7 -0
  27. package/dist/icons/IconArrowDown.d.ts.map +1 -0
  28. package/dist/icons/IconArrowUpRight.d.ts +7 -0
  29. package/dist/icons/IconArrowUpRight.d.ts.map +1 -0
  30. package/dist/icons/IconCheck.d.ts +7 -0
  31. package/dist/icons/IconCheck.d.ts.map +1 -0
  32. package/dist/icons/IconChevronDown.d.ts +7 -0
  33. package/dist/icons/IconChevronDown.d.ts.map +1 -0
  34. package/dist/icons/IconChevronRight.d.ts +7 -0
  35. package/dist/icons/IconChevronRight.d.ts.map +1 -0
  36. package/dist/icons/IconClose.d.ts +7 -0
  37. package/dist/icons/IconClose.d.ts.map +1 -0
  38. package/dist/icons/IconCopy.d.ts +7 -0
  39. package/dist/icons/IconCopy.d.ts.map +1 -0
  40. package/dist/icons/IconEdit.d.ts +7 -0
  41. package/dist/icons/IconEdit.d.ts.map +1 -0
  42. package/dist/icons/IconExternalLink.d.ts +7 -0
  43. package/dist/icons/IconExternalLink.d.ts.map +1 -0
  44. package/dist/icons/IconEye.d.ts +7 -0
  45. package/dist/icons/IconEye.d.ts.map +1 -0
  46. package/dist/icons/IconEyeOff.d.ts +7 -0
  47. package/dist/icons/IconEyeOff.d.ts.map +1 -0
  48. package/dist/icons/IconGitHub.d.ts +7 -0
  49. package/dist/icons/IconGitHub.d.ts.map +1 -0
  50. package/dist/icons/IconInstagram.d.ts +7 -0
  51. package/dist/icons/IconInstagram.d.ts.map +1 -0
  52. package/dist/icons/IconLinkedIn.d.ts +7 -0
  53. package/dist/icons/IconLinkedIn.d.ts.map +1 -0
  54. package/dist/icons/IconLoader.d.ts +7 -0
  55. package/dist/icons/IconLoader.d.ts.map +1 -0
  56. package/dist/icons/IconMinus.d.ts +7 -0
  57. package/dist/icons/IconMinus.d.ts.map +1 -0
  58. package/dist/icons/IconPlus.d.ts +7 -0
  59. package/dist/icons/IconPlus.d.ts.map +1 -0
  60. package/dist/icons/IconSearch.d.ts +7 -0
  61. package/dist/icons/IconSearch.d.ts.map +1 -0
  62. package/dist/icons/IconSettings.d.ts +7 -0
  63. package/dist/icons/IconSettings.d.ts.map +1 -0
  64. package/dist/icons/IconTrash.d.ts +7 -0
  65. package/dist/icons/IconTrash.d.ts.map +1 -0
  66. package/dist/icons/IconUser.d.ts +7 -0
  67. package/dist/icons/IconUser.d.ts.map +1 -0
  68. package/dist/icons/IconX.d.ts +7 -0
  69. package/dist/icons/IconX.d.ts.map +1 -0
  70. package/dist/icons/index.d.ts +23 -0
  71. package/dist/icons/index.d.ts.map +1 -0
  72. package/dist/index.d.ts +24 -0
  73. package/dist/index.d.ts.map +1 -0
  74. package/dist/index.js +594 -0
  75. package/dist/manifest.json +413 -0
  76. package/dist/styles.css +1 -0
  77. package/docs/AspectRatio.md +27 -0
  78. package/docs/Button.md +50 -0
  79. package/docs/Card.md +39 -0
  80. package/docs/Checkbox.md +34 -0
  81. package/docs/IconButton.md +49 -0
  82. package/docs/Input.md +36 -0
  83. package/docs/NavBar.md +29 -0
  84. package/docs/Select.md +37 -0
  85. package/docs/Switch.md +34 -0
  86. package/docs/Tag.md +47 -0
  87. package/docs/Tooltip.md +36 -0
  88. package/llms.txt +43 -0
  89. package/package.json +46 -0
@@ -0,0 +1,24 @@
1
+ export { Button } from "./Button/Button.js";
2
+ export type { ButtonProps } from "./Button/Button.js";
3
+ export { IconButton } from "./IconButton/IconButton.js";
4
+ export type { IconButtonProps } from "./IconButton/IconButton.js";
5
+ export { Card } from "./Card/Card.js";
6
+ export type { CardProps } from "./Card/Card.js";
7
+ export { NavBar } from "./NavBar/NavBar.js";
8
+ export type { NavBarProps } from "./NavBar/NavBar.js";
9
+ export { AspectRatio } from "./AspectRatio/AspectRatio.js";
10
+ export type { AspectRatioProps } from "./AspectRatio/AspectRatio.js";
11
+ export { Input } from "./Input/Input.js";
12
+ export type { InputProps } from "./Input/Input.js";
13
+ export { Select } from "./Select/Select.js";
14
+ export type { SelectProps } from "./Select/Select.js";
15
+ export { Checkbox } from "./Checkbox/Checkbox.js";
16
+ export type { CheckboxProps } from "./Checkbox/Checkbox.js";
17
+ export { Switch } from "./Switch/Switch.js";
18
+ export type { SwitchProps } from "./Switch/Switch.js";
19
+ export { Tag } from "./Tag/Tag.js";
20
+ export type { TagProps } from "./Tag/Tag.js";
21
+ export { Tooltip } from "./Tooltip/Tooltip.js";
22
+ export type { TooltipProps } from "./Tooltip/Tooltip.js";
23
+ export { IconPlus, IconMinus, IconClose, IconCheck, IconChevronDown, IconChevronRight, IconSearch, IconSettings, IconUser, IconEdit, IconTrash, IconCopy, IconExternalLink, IconEye, IconEyeOff, IconLoader, IconArrowDown, IconArrowUpRight, IconLinkedIn, IconGitHub, IconX, IconInstagram, } from "./icons/index.js";
24
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,YAAY,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,cAAc,CAAC;AACnC,YAAY,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,EACL,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,KAAK,EACL,aAAa,GACd,MAAM,kBAAkB,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,594 @@
1
+ import { jsx as n, jsxs as c } from "react/jsx-runtime";
2
+ import { useState as $, useId as B, useRef as j, useCallback as L, useEffect as C, cloneElement as S } from "react";
3
+ const N = "_button_m8fis_3", I = "_disabled_m8fis_31", M = "_size24_m8fis_39", W = "_size32_m8fis_45", H = "_size40_m8fis_51", A = "_size48_m8fis_57", E = "_accent_m8fis_66", V = "_accentSubtle_m8fis_78", R = "_neutral_m8fis_90", q = "_neutralSubtle_m8fis_102", T = "_ghost_m8fis_114", D = "_danger_m8fis_126", U = "_dangerSubtle_m8fis_138", Z = "_outline_m8fis_150", d = {
4
+ button: N,
5
+ disabled: I,
6
+ size24: M,
7
+ size32: W,
8
+ size40: H,
9
+ size48: A,
10
+ accent: E,
11
+ accentSubtle: V,
12
+ neutral: R,
13
+ neutralSubtle: q,
14
+ ghost: T,
15
+ danger: D,
16
+ dangerSubtle: U,
17
+ outline: Z
18
+ }, F = {
19
+ accent: d.accent,
20
+ "accent-subtle": d.accentSubtle,
21
+ neutral: d.neutral,
22
+ "neutral-subtle": d.neutralSubtle,
23
+ ghost: d.ghost,
24
+ danger: d.danger,
25
+ "danger-subtle": d.dangerSubtle,
26
+ outline: d.outline
27
+ }, G = {
28
+ 24: d.size24,
29
+ 32: d.size32,
30
+ 40: d.size40,
31
+ 48: d.size48
32
+ };
33
+ function fn({
34
+ variant: e = "neutral",
35
+ size: t = 32,
36
+ href: i,
37
+ target: r,
38
+ rel: s,
39
+ disabled: o,
40
+ className: a,
41
+ onClick: u,
42
+ ref: h,
43
+ ...f
44
+ }) {
45
+ const p = [
46
+ d.button,
47
+ F[e],
48
+ G[t],
49
+ i !== void 0 && o ? d.disabled : void 0,
50
+ a
51
+ ].filter(Boolean).join(" ");
52
+ return i !== void 0 ? /* @__PURE__ */ n(
53
+ "a",
54
+ {
55
+ ref: h,
56
+ className: p,
57
+ href: o ? void 0 : i,
58
+ target: r,
59
+ rel: s,
60
+ "aria-disabled": o || void 0,
61
+ onClick: o ? void 0 : u,
62
+ ...f
63
+ }
64
+ ) : /* @__PURE__ */ n(
65
+ "button",
66
+ {
67
+ ref: h,
68
+ className: p,
69
+ disabled: o,
70
+ onClick: u,
71
+ ...f
72
+ }
73
+ );
74
+ }
75
+ const K = "_iconButton_1dldx_3", P = "_disabled_1dldx_29", X = "_size24_1dldx_37", Y = "_size32_1dldx_42", J = "_size40_1dldx_47", Q = "_size48_1dldx_52", O = "_accent_1dldx_60", ee = "_neutral_1dldx_72", ne = "_ghost_1dldx_84", te = "_danger_1dldx_96", k = {
76
+ iconButton: K,
77
+ disabled: P,
78
+ size24: X,
79
+ size32: Y,
80
+ size40: J,
81
+ size48: Q,
82
+ accent: O,
83
+ neutral: ee,
84
+ ghost: ne,
85
+ danger: te
86
+ }, oe = {
87
+ accent: k.accent,
88
+ neutral: k.neutral,
89
+ ghost: k.ghost,
90
+ danger: k.danger
91
+ }, ie = {
92
+ 24: k.size24,
93
+ 32: k.size32,
94
+ 40: k.size40,
95
+ 48: k.size48
96
+ };
97
+ function gn({
98
+ variant: e = "neutral",
99
+ size: t = 32,
100
+ href: i,
101
+ target: r,
102
+ rel: s,
103
+ disabled: o,
104
+ className: a,
105
+ onClick: u,
106
+ ref: h,
107
+ ...f
108
+ }) {
109
+ const p = [
110
+ k.iconButton,
111
+ oe[e],
112
+ ie[t],
113
+ i !== void 0 && o ? k.disabled : void 0,
114
+ a
115
+ ].filter(Boolean).join(" ");
116
+ return i !== void 0 ? /* @__PURE__ */ n(
117
+ "a",
118
+ {
119
+ ref: h,
120
+ className: p,
121
+ href: o ? void 0 : i,
122
+ target: r,
123
+ rel: s,
124
+ "aria-disabled": o || void 0,
125
+ onClick: o ? void 0 : u,
126
+ ...f
127
+ }
128
+ ) : /* @__PURE__ */ n(
129
+ "button",
130
+ {
131
+ ref: h,
132
+ className: p,
133
+ disabled: o,
134
+ onClick: u,
135
+ ...f
136
+ }
137
+ );
138
+ }
139
+ const re = "_card_1btb3_1", se = "_stacked_1btb3_8", ce = "_featured_1btb3_10", ae = "_media_1btb3_22", le = "_body_1btb3_23", ue = "_hoverLift_1btb3_31", v = {
140
+ card: re,
141
+ stacked: se,
142
+ featured: ce,
143
+ media: ae,
144
+ body: le,
145
+ hoverLift: ue
146
+ };
147
+ function kn({
148
+ variant: e = "stacked",
149
+ media: t,
150
+ hoverLift: i = !1,
151
+ className: r,
152
+ children: s,
153
+ ref: o,
154
+ ...a
155
+ }) {
156
+ const u = [
157
+ v.card,
158
+ e === "featured" ? v.featured : v.stacked,
159
+ i ? v.hoverLift : void 0,
160
+ r
161
+ ].filter(Boolean).join(" ");
162
+ return /* @__PURE__ */ c("div", { ref: o, className: u, ...a, children: [
163
+ t != null && /* @__PURE__ */ n("div", { className: v.media, children: t }),
164
+ /* @__PURE__ */ n("div", { className: v.body, children: s })
165
+ ] });
166
+ }
167
+ const de = "_navbar_1auk1_1", _e = "_inner_1auk1_11", he = "_brand_1auk1_18", fe = "_links_1auk1_19", ge = "_actions_1auk1_25", w = {
168
+ navbar: de,
169
+ inner: _e,
170
+ brand: he,
171
+ links: fe,
172
+ actions: ge
173
+ };
174
+ function pn({ brand: e, actions: t, children: i, className: r, ref: s, ...o }) {
175
+ const a = [w.navbar, r].filter(Boolean).join(" ");
176
+ return /* @__PURE__ */ n("header", { ref: s, className: a, ...o, children: /* @__PURE__ */ c("div", { className: `ds-container ${w.inner}`, children: [
177
+ e != null && /* @__PURE__ */ n("div", { className: w.brand, children: e }),
178
+ /* @__PURE__ */ n("nav", { className: w.links, children: i }),
179
+ t != null && /* @__PURE__ */ n("div", { className: w.actions, children: t })
180
+ ] }) });
181
+ }
182
+ const ke = "_frame_et4fc_1", pe = {
183
+ frame: ke
184
+ };
185
+ function vn({ ratio: e, className: t, style: i, children: r, ref: s, ...o }) {
186
+ const a = [pe.frame, t].filter(Boolean).join(" ");
187
+ return /* @__PURE__ */ n("div", { ref: s, className: a, style: { aspectRatio: String(e), ...i }, ...o, children: r });
188
+ }
189
+ const ve = "_input_8tzcf_3", be = "_size24_8tzcf_38", xe = "_size32_8tzcf_43", ye = "_size40_8tzcf_48", me = "_size48_8tzcf_53", we = "_error_8tzcf_60", x = {
190
+ input: ve,
191
+ size24: be,
192
+ size32: xe,
193
+ size40: ye,
194
+ size48: me,
195
+ error: we
196
+ }, ze = {
197
+ 24: x.size24,
198
+ 32: x.size32,
199
+ 40: x.size40,
200
+ 48: x.size48
201
+ };
202
+ function bn({
203
+ size: e = 32,
204
+ error: t = !1,
205
+ className: i,
206
+ ref: r,
207
+ ...s
208
+ }) {
209
+ const o = [
210
+ x.input,
211
+ ze[e],
212
+ t && x.error,
213
+ i
214
+ ].filter(Boolean).join(" ");
215
+ return /* @__PURE__ */ n("input", { ref: r, className: o, ...s });
216
+ }
217
+ const Le = "_select_140kg_3", Ce = "_size24_140kg_40", $e = "_size32_140kg_45", Be = "_size40_140kg_50", je = "_size48_140kg_55", Se = "_error_140kg_62", y = {
218
+ select: Le,
219
+ size24: Ce,
220
+ size32: $e,
221
+ size40: Be,
222
+ size48: je,
223
+ error: Se
224
+ }, Ne = {
225
+ 24: y.size24,
226
+ 32: y.size32,
227
+ 40: y.size40,
228
+ 48: y.size48
229
+ };
230
+ function xn({
231
+ size: e = 32,
232
+ error: t = !1,
233
+ className: i,
234
+ ref: r,
235
+ children: s,
236
+ ...o
237
+ }) {
238
+ const a = [
239
+ y.select,
240
+ Ne[e],
241
+ t && y.error,
242
+ i
243
+ ].filter(Boolean).join(" ");
244
+ return /* @__PURE__ */ n("select", { ref: r, className: a, ...o, children: s });
245
+ }
246
+ const Ie = "_label_n457n_3", Me = "_disabled_n457n_13", We = "_input_n457n_20", He = "_indicator_n457n_34", Ae = "_text_n457n_74", z = {
247
+ label: Ie,
248
+ disabled: Me,
249
+ input: We,
250
+ indicator: He,
251
+ text: Ae
252
+ };
253
+ function yn({
254
+ children: e,
255
+ className: t,
256
+ disabled: i,
257
+ ref: r,
258
+ ...s
259
+ }) {
260
+ const o = [z.label, i && z.disabled, t].filter(Boolean).join(" ");
261
+ return /* @__PURE__ */ c("label", { className: o, children: [
262
+ /* @__PURE__ */ n(
263
+ "input",
264
+ {
265
+ ref: r,
266
+ type: "checkbox",
267
+ className: z.input,
268
+ disabled: i,
269
+ ...s
270
+ }
271
+ ),
272
+ /* @__PURE__ */ n("span", { className: z.indicator, "aria-hidden": "true" }),
273
+ e && /* @__PURE__ */ n("span", { className: z.text, children: e })
274
+ ] });
275
+ }
276
+ const Ee = "_label_jru2c_3", Ve = "_disabled_jru2c_13", Re = "_input_jru2c_20", qe = "_track_jru2c_34", Te = "_thumb_jru2c_58", De = "_text_jru2c_75", b = {
277
+ label: Ee,
278
+ disabled: Ve,
279
+ input: Re,
280
+ track: qe,
281
+ thumb: Te,
282
+ text: De
283
+ };
284
+ function mn({
285
+ children: e,
286
+ className: t,
287
+ disabled: i,
288
+ ref: r,
289
+ ...s
290
+ }) {
291
+ const o = [b.label, i && b.disabled, t].filter(Boolean).join(" ");
292
+ return /* @__PURE__ */ c("label", { className: o, children: [
293
+ /* @__PURE__ */ n(
294
+ "input",
295
+ {
296
+ ref: r,
297
+ type: "checkbox",
298
+ role: "switch",
299
+ className: b.input,
300
+ disabled: i,
301
+ ...s
302
+ }
303
+ ),
304
+ /* @__PURE__ */ n("span", { className: b.track, "aria-hidden": "true", children: /* @__PURE__ */ n("span", { className: b.thumb }) }),
305
+ e && /* @__PURE__ */ n("span", { className: b.text, children: e })
306
+ ] });
307
+ }
308
+ const Ue = "_tag_3oysa_3", Ze = "_dismiss_3oysa_17", Fe = "_neutral_3oysa_43", Ge = "_accent_3oysa_48", Ke = "_success_3oysa_53", Pe = "_warning_3oysa_58", Xe = "_danger_3oysa_63", Ye = "_neutralSubtle_3oysa_70", Je = "_accentSubtle_3oysa_75", Qe = "_successSubtle_3oysa_80", Oe = "_warningSubtle_3oysa_85", en = "_dangerSubtle_3oysa_90", _ = {
309
+ tag: Ue,
310
+ dismiss: Ze,
311
+ neutral: Fe,
312
+ accent: Ge,
313
+ success: Ke,
314
+ warning: Pe,
315
+ danger: Xe,
316
+ neutralSubtle: Ye,
317
+ accentSubtle: Je,
318
+ successSubtle: Qe,
319
+ warningSubtle: Oe,
320
+ dangerSubtle: en
321
+ }, nn = {
322
+ neutral: _.neutral,
323
+ accent: _.accent,
324
+ success: _.success,
325
+ warning: _.warning,
326
+ danger: _.danger
327
+ }, tn = {
328
+ neutral: _.neutralSubtle,
329
+ accent: _.accentSubtle,
330
+ success: _.successSubtle,
331
+ warning: _.warningSubtle,
332
+ danger: _.dangerSubtle
333
+ };
334
+ function wn({
335
+ variant: e = "neutral",
336
+ subtle: t = !1,
337
+ onDismiss: i,
338
+ className: r,
339
+ children: s,
340
+ ref: o,
341
+ ...a
342
+ }) {
343
+ const u = t ? tn : nn, h = [_.tag, u[e], r].filter(Boolean).join(" ");
344
+ return /* @__PURE__ */ c("span", { ref: o, className: h, ...a, children: [
345
+ s,
346
+ i && /* @__PURE__ */ n(
347
+ "button",
348
+ {
349
+ type: "button",
350
+ className: _.dismiss,
351
+ onClick: i,
352
+ "aria-label": "Dismiss",
353
+ children: /* @__PURE__ */ c(
354
+ "svg",
355
+ {
356
+ width: "12",
357
+ height: "12",
358
+ viewBox: "0 0 24 24",
359
+ fill: "none",
360
+ stroke: "currentColor",
361
+ strokeWidth: 2,
362
+ strokeLinecap: "round",
363
+ strokeLinejoin: "round",
364
+ "aria-hidden": "true",
365
+ children: [
366
+ /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
367
+ /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
368
+ ]
369
+ }
370
+ )
371
+ }
372
+ )
373
+ ] });
374
+ }
375
+ const on = "_wrapper_17qua_3", rn = "_tooltip_17qua_10", sn = "_top_17qua_24", cn = "_bottom_17qua_31", an = "_left_17qua_38", ln = "_right_17qua_45", m = {
376
+ wrapper: on,
377
+ tooltip: rn,
378
+ top: sn,
379
+ bottom: cn,
380
+ left: an,
381
+ right: ln
382
+ }, un = {
383
+ top: m.top,
384
+ bottom: m.bottom,
385
+ left: m.left,
386
+ right: m.right
387
+ }, dn = 150;
388
+ function zn({
389
+ content: e,
390
+ children: t,
391
+ placement: i = "top"
392
+ }) {
393
+ const [r, s] = $(!1), o = B(), a = j(void 0), u = L(() => {
394
+ a.current !== void 0 && (window.clearTimeout(a.current), a.current = void 0);
395
+ }, []), h = L(() => s(!0), []), f = L(() => s(!1), []);
396
+ C(() => u, [u]), C(() => {
397
+ if (!r) return;
398
+ const g = (l) => {
399
+ l.key === "Escape" && f();
400
+ };
401
+ return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
402
+ }, [r, f]);
403
+ const p = S(t, {
404
+ "aria-describedby": r ? o : void 0,
405
+ onMouseEnter: (g) => {
406
+ u(), a.current = window.setTimeout(h, dn);
407
+ const l = t.props.onMouseEnter;
408
+ l == null || l(g);
409
+ },
410
+ onMouseLeave: (g) => {
411
+ u(), f();
412
+ const l = t.props.onMouseLeave;
413
+ l == null || l(g);
414
+ },
415
+ onFocus: (g) => {
416
+ h();
417
+ const l = t.props.onFocus;
418
+ l == null || l(g);
419
+ },
420
+ onBlur: (g) => {
421
+ u(), f();
422
+ const l = t.props.onBlur;
423
+ l == null || l(g);
424
+ }
425
+ });
426
+ return /* @__PURE__ */ c("span", { className: m.wrapper, children: [
427
+ p,
428
+ r && /* @__PURE__ */ n(
429
+ "span",
430
+ {
431
+ id: o,
432
+ role: "tooltip",
433
+ className: [m.tooltip, un[i]].filter(Boolean).join(" "),
434
+ children: e
435
+ }
436
+ )
437
+ ] });
438
+ }
439
+ function Ln({ size: e = 20, ...t }) {
440
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
441
+ /* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
442
+ /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
443
+ ] });
444
+ }
445
+ function Cn({ size: e = 20, ...t }) {
446
+ return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
447
+ }
448
+ function $n({ size: e = 20, ...t }) {
449
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
450
+ /* @__PURE__ */ n("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
451
+ /* @__PURE__ */ n("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
452
+ ] });
453
+ }
454
+ function Bn({ size: e = 20, ...t }) {
455
+ return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "20 6 9 17 4 12" }) });
456
+ }
457
+ function jn({ size: e = 20, ...t }) {
458
+ return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "6 9 12 15 18 9" }) });
459
+ }
460
+ function Sn({ size: e = 20, ...t }) {
461
+ return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("polyline", { points: "9 18 15 12 9 6" }) });
462
+ }
463
+ function Nn({ size: e = 20, ...t }) {
464
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
465
+ /* @__PURE__ */ n("circle", { cx: "11", cy: "11", r: "8" }),
466
+ /* @__PURE__ */ n("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
467
+ ] });
468
+ }
469
+ function In({ size: e = 20, ...t }) {
470
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
471
+ /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" }),
472
+ /* @__PURE__ */ n("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.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-4 0v-.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-2.83l.06-.06A1.65 1.65 0 0 0 4.68 15a1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.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 2.83-2.83l.06.06A1.65 1.65 0 0 0 9 4.68a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.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 2.83l-.06.06A1.65 1.65 0 0 0 19.4 9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })
473
+ ] });
474
+ }
475
+ function Mn({ size: e = 20, ...t }) {
476
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
477
+ /* @__PURE__ */ n("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }),
478
+ /* @__PURE__ */ n("circle", { cx: "12", cy: "7", r: "4" })
479
+ ] });
480
+ }
481
+ function Wn({ size: e = 20, ...t }) {
482
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
483
+ /* @__PURE__ */ n("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }),
484
+ /* @__PURE__ */ n("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })
485
+ ] });
486
+ }
487
+ function Hn({ size: e = 20, ...t }) {
488
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
489
+ /* @__PURE__ */ n("polyline", { points: "3 6 5 6 21 6" }),
490
+ /* @__PURE__ */ n("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
491
+ ] });
492
+ }
493
+ function An({ size: e = 20, ...t }) {
494
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
495
+ /* @__PURE__ */ n("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
496
+ /* @__PURE__ */ n("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
497
+ ] });
498
+ }
499
+ function En({ size: e = 20, ...t }) {
500
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
501
+ /* @__PURE__ */ n("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" }),
502
+ /* @__PURE__ */ n("polyline", { points: "15 3 21 3 21 9" }),
503
+ /* @__PURE__ */ n("line", { x1: "10", y1: "14", x2: "21", y2: "3" })
504
+ ] });
505
+ }
506
+ function Vn({ size: e = 20, ...t }) {
507
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
508
+ /* @__PURE__ */ n("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
509
+ /* @__PURE__ */ n("circle", { cx: "12", cy: "12", r: "3" })
510
+ ] });
511
+ }
512
+ function Rn({ size: e = 20, ...t }) {
513
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
514
+ /* @__PURE__ */ n("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94" }),
515
+ /* @__PURE__ */ n("path", { d: "M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19" }),
516
+ /* @__PURE__ */ n("path", { d: "M14.12 14.12a3 3 0 1 1-4.24-4.24" }),
517
+ /* @__PURE__ */ n("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
518
+ ] });
519
+ }
520
+ function qn({ size: e = 20, ...t }) {
521
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
522
+ /* @__PURE__ */ n("line", { x1: "12", y1: "2", x2: "12", y2: "6" }),
523
+ /* @__PURE__ */ n("line", { x1: "12", y1: "18", x2: "12", y2: "22" }),
524
+ /* @__PURE__ */ n("line", { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }),
525
+ /* @__PURE__ */ n("line", { x1: "16.24", y1: "16.24", x2: "19.07", y2: "19.07" }),
526
+ /* @__PURE__ */ n("line", { x1: "2", y1: "12", x2: "6", y2: "12" }),
527
+ /* @__PURE__ */ n("line", { x1: "18", y1: "12", x2: "22", y2: "12" }),
528
+ /* @__PURE__ */ n("line", { x1: "4.93", y1: "19.07", x2: "7.76", y2: "16.24" }),
529
+ /* @__PURE__ */ n("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })
530
+ ] });
531
+ }
532
+ function Tn({ size: e = 20, ...t }) {
533
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
534
+ /* @__PURE__ */ n("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
535
+ /* @__PURE__ */ n("polyline", { points: "19 12 12 19 5 12" })
536
+ ] });
537
+ }
538
+ function Dn({ size: e = 20, ...t }) {
539
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
540
+ /* @__PURE__ */ n("line", { x1: "7", y1: "17", x2: "17", y2: "7" }),
541
+ /* @__PURE__ */ n("polyline", { points: "7 7 17 7 17 17" })
542
+ ] });
543
+ }
544
+ function Un({ size: e = 20, ...t }) {
545
+ return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("path", { d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z" }) });
546
+ }
547
+ function Zn({ size: e = 20, ...t }) {
548
+ return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("path", { d: "M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" }) });
549
+ }
550
+ function Fn({ size: e = 20, ...t }) {
551
+ return /* @__PURE__ */ n("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...t, children: /* @__PURE__ */ n("path", { d: "M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z" }) });
552
+ }
553
+ function Gn({ size: e = 20, ...t }) {
554
+ return /* @__PURE__ */ c("svg", { width: e, height: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", ...t, children: [
555
+ /* @__PURE__ */ n("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }),
556
+ /* @__PURE__ */ n("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
557
+ /* @__PURE__ */ n("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" })
558
+ ] });
559
+ }
560
+ export {
561
+ vn as AspectRatio,
562
+ fn as Button,
563
+ kn as Card,
564
+ yn as Checkbox,
565
+ Tn as IconArrowDown,
566
+ Dn as IconArrowUpRight,
567
+ gn as IconButton,
568
+ Bn as IconCheck,
569
+ jn as IconChevronDown,
570
+ Sn as IconChevronRight,
571
+ $n as IconClose,
572
+ An as IconCopy,
573
+ Wn as IconEdit,
574
+ En as IconExternalLink,
575
+ Vn as IconEye,
576
+ Rn as IconEyeOff,
577
+ Zn as IconGitHub,
578
+ Gn as IconInstagram,
579
+ Un as IconLinkedIn,
580
+ qn as IconLoader,
581
+ Cn as IconMinus,
582
+ Ln as IconPlus,
583
+ Nn as IconSearch,
584
+ In as IconSettings,
585
+ Hn as IconTrash,
586
+ Mn as IconUser,
587
+ Fn as IconX,
588
+ bn as Input,
589
+ pn as NavBar,
590
+ xn as Select,
591
+ mn as Switch,
592
+ wn as Tag,
593
+ zn as Tooltip
594
+ };