@sikka/hawa 0.25.0-next → 0.25.2-next

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 (85) hide show
  1. package/dist/blocks/auth/index.js +2 -1
  2. package/dist/blocks/auth/index.mjs +2 -1
  3. package/dist/blocks/index.js +2 -1
  4. package/dist/blocks/index.mjs +2 -2
  5. package/dist/carousel/index.d.mts +5 -5
  6. package/dist/carousel/index.d.ts +5 -5
  7. package/dist/carousel/index.js +11 -10
  8. package/dist/carousel/index.mjs +11 -10
  9. package/dist/chunk-KNHT2UBG.mjs +150 -0
  10. package/dist/{chunk-XE3FLWLT.mjs → chunk-MJMQDUCC.mjs} +1 -0
  11. package/dist/commonTypes-2IGtJ5cq.d.mts +3 -0
  12. package/dist/commonTypes-2IGtJ5cq.d.ts +3 -0
  13. package/dist/commonTypes-2k6FnHw5.d.mts +4 -0
  14. package/dist/commonTypes-2k6FnHw5.d.ts +4 -0
  15. package/dist/commonTypes-3k5cNB1s.d.mts +4 -0
  16. package/dist/commonTypes-3k5cNB1s.d.ts +4 -0
  17. package/dist/{commonTypes-3J1E3b61.d.mts → commonTypes-f_LVO3Sm.d.mts} +1 -2
  18. package/dist/{commonTypes-3J1E3b61.d.ts → commonTypes-f_LVO3Sm.d.ts} +1 -2
  19. package/dist/elements/index.d.mts +5 -5
  20. package/dist/elements/index.d.ts +5 -5
  21. package/dist/elements/index.js +12 -10
  22. package/dist/elements/index.mjs +12 -11
  23. package/dist/glow/index.d.mts +16 -0
  24. package/dist/glow/index.d.ts +16 -0
  25. package/dist/glow/index.js +155 -0
  26. package/dist/glow/index.mjs +117 -0
  27. package/dist/index.css +212 -206
  28. package/dist/index.d.mts +5 -5
  29. package/dist/index.d.ts +5 -5
  30. package/dist/index.js +13 -11
  31. package/dist/index.mjs +13 -11
  32. package/dist/input/index.d.mts +9 -2
  33. package/dist/input/index.d.ts +9 -2
  34. package/dist/input/index.mjs +1 -1
  35. package/dist/interfaceSettings/index.mjs +1 -1
  36. package/dist/label/index.d.mts +2 -1
  37. package/dist/label/index.d.ts +2 -1
  38. package/dist/label/index.mjs +98 -2
  39. package/dist/navigationMenu/index.d.mts +1 -2
  40. package/dist/navigationMenu/index.d.ts +1 -2
  41. package/dist/pagination/index.d.mts +1 -1
  42. package/dist/pagination/index.d.ts +1 -1
  43. package/dist/passwordInput/index.mjs +148 -27
  44. package/dist/phoneInput/index.d.mts +1 -1
  45. package/dist/phoneInput/index.d.ts +1 -1
  46. package/dist/phoneInput/index.mjs +140 -19
  47. package/dist/pinInput/index.js +1 -0
  48. package/dist/pinInput/index.mjs +1 -0
  49. package/dist/popover/index.d.mts +1 -2
  50. package/dist/popover/index.d.ts +1 -2
  51. package/dist/radio/index.d.mts +4 -1
  52. package/dist/radio/index.d.ts +4 -1
  53. package/dist/scrollArea/index.d.mts +1 -1
  54. package/dist/scrollArea/index.d.ts +1 -1
  55. package/dist/separator/index.d.mts +1 -1
  56. package/dist/separator/index.d.ts +1 -1
  57. package/dist/simpleTable/index.d.mts +1 -2
  58. package/dist/simpleTable/index.d.ts +1 -2
  59. package/dist/simpleTable/index.mjs +45 -21
  60. package/dist/skeleton/index.mjs +29 -3
  61. package/dist/sortButton/index.mjs +260 -9
  62. package/dist/splitButton/index.d.mts +3 -4
  63. package/dist/splitButton/index.d.ts +3 -4
  64. package/dist/splitButton/index.mjs +259 -10
  65. package/dist/switch/index.d.mts +1 -2
  66. package/dist/switch/index.d.ts +1 -2
  67. package/dist/tabs/index.d.mts +1 -1
  68. package/dist/tabs/index.d.ts +1 -1
  69. package/dist/textarea/index.d.mts +1 -1
  70. package/dist/textarea/index.d.ts +1 -1
  71. package/dist/toast/index.d.mts +1 -1
  72. package/dist/toast/index.d.ts +1 -1
  73. package/dist/toast/index.mjs +9 -139
  74. package/dist/toaster/index.d.mts +2 -2
  75. package/dist/toaster/index.d.ts +2 -2
  76. package/dist/toaster/index.mjs +17 -146
  77. package/dist/tooltip/index.d.mts +2 -2
  78. package/dist/tooltip/index.d.ts +2 -2
  79. package/package.json +12 -12
  80. package/dist/chunk-53XBVEMK.mjs +0 -131
  81. package/dist/chunk-DGWAHQRX.mjs +0 -259
  82. package/dist/chunk-ND4BWUKH.mjs +0 -34
  83. package/dist/commonTypes-LrR8QrYP.d.mts +0 -5
  84. package/dist/commonTypes-LrR8QrYP.d.ts +0 -5
  85. package/dist/{chunk-ABS2VEET.mjs → chunk-WRZFWCOQ.mjs} +3 -3
@@ -1,14 +1,265 @@
1
- import {
2
- Button
3
- } from "../chunk-DGWAHQRX.mjs";
4
1
  import {
5
2
  cn
6
3
  } from "../chunk-TE3BKEXL.mjs";
7
4
 
8
5
  // components/elements/sortButton/SortButton.tsx
6
+ import React3 from "react";
7
+
8
+ // components/elements/button/Button.tsx
9
+ import * as React2 from "react";
10
+ import { cva } from "class-variance-authority";
11
+
12
+ // components/elements/loading/Loading.tsx
9
13
  import React from "react";
14
+ var Loading = ({
15
+ design = "spinner",
16
+ size = "sm",
17
+ themeMode = "light",
18
+ color,
19
+ ...props
20
+ }) => {
21
+ let sizeStyles = {
22
+ button: "hawa-h-4 hawa-w-4",
23
+ xs: "hawa-h-1 hawa-w-1",
24
+ sm: "hawa-h-6 hawa-w-6",
25
+ normal: "hawa-h-8 hawa-w-8",
26
+ lg: "hawa-h-14 hawa-w-14",
27
+ xl: "hawa-h-24 hawa-w-24"
28
+ };
29
+ let animationStyles = {
30
+ pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
31
+ bounce: "hawa-animate-bounce"
32
+ };
33
+ switch (design.split("-")[0]) {
34
+ case "dots":
35
+ return /* @__PURE__ */ React.createElement(
36
+ "div",
37
+ {
38
+ className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
39
+ },
40
+ /* @__PURE__ */ React.createElement(
41
+ "div",
42
+ {
43
+ className: cn(
44
+ "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
45
+ size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
46
+ animationStyles[design.split("-")[1]],
47
+ color ? color : "hawa-bg-primary"
48
+ )
49
+ }
50
+ ),
51
+ /* @__PURE__ */ React.createElement(
52
+ "div",
53
+ {
54
+ className: cn(
55
+ "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
56
+ size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
57
+ animationStyles[design.split("-")[1]],
58
+ color ? color : "hawa-bg-primary"
59
+ )
60
+ }
61
+ ),
62
+ /* @__PURE__ */ React.createElement(
63
+ "div",
64
+ {
65
+ className: cn(
66
+ "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
67
+ size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
68
+ animationStyles[design.split("-")[1]],
69
+ color ? color : "hawa-bg-primary"
70
+ )
71
+ }
72
+ )
73
+ );
74
+ case "square":
75
+ return /* @__PURE__ */ React.createElement(
76
+ "svg",
77
+ {
78
+ className: cn("squircle-container", sizeStyles[size]),
79
+ viewBox: "0 0 35 35",
80
+ height: "35",
81
+ width: "35"
82
+ },
83
+ /* @__PURE__ */ React.createElement(
84
+ "rect",
85
+ {
86
+ className: "squircle-track",
87
+ x: "2.5",
88
+ y: "2.5",
89
+ fill: "none",
90
+ strokeWidth: "5px",
91
+ width: "32.5",
92
+ height: "32.5"
93
+ }
94
+ ),
95
+ /* @__PURE__ */ React.createElement(
96
+ "rect",
97
+ {
98
+ className: "square-car",
99
+ x: "2.5",
100
+ y: "2.5",
101
+ fill: "none",
102
+ strokeWidth: "5px",
103
+ width: "32.5",
104
+ height: "32.5",
105
+ pathLength: "100"
106
+ }
107
+ )
108
+ );
109
+ case "squircle":
110
+ return /* @__PURE__ */ React.createElement(
111
+ "svg",
112
+ {
113
+ className: cn("squircle-container", sizeStyles[size]),
114
+ x: "0px",
115
+ y: "0px",
116
+ viewBox: "0 0 37 37",
117
+ height: "37",
118
+ width: "37",
119
+ preserveAspectRatio: "xMidYMid meet"
120
+ },
121
+ /* @__PURE__ */ React.createElement(
122
+ "path",
123
+ {
124
+ className: "squircle-track",
125
+ fill: "none",
126
+ strokeWidth: "5",
127
+ pathLength: "100",
128
+ d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
129
+ }
130
+ ),
131
+ /* @__PURE__ */ React.createElement(
132
+ "path",
133
+ {
134
+ className: "squircle-car",
135
+ fill: "none",
136
+ strokeWidth: "5",
137
+ pathLength: "100",
138
+ d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
139
+ }
140
+ )
141
+ );
142
+ case "progress":
143
+ return /* @__PURE__ */ React.createElement("div", { className: "progress-loading" });
144
+ case "orbit":
145
+ return /* @__PURE__ */ React.createElement("div", { className: "orbit-container" });
146
+ default:
147
+ return /* @__PURE__ */ React.createElement(
148
+ "svg",
149
+ {
150
+ className: cn("circle-container", sizeStyles[size]),
151
+ viewBox: "0 0 40 40",
152
+ height: "40",
153
+ width: "40"
154
+ },
155
+ /* @__PURE__ */ React.createElement(
156
+ "circle",
157
+ {
158
+ className: cn("circle-track", {
159
+ "hawa-stroke-primary-foreground": themeMode === "dark",
160
+ "hawa-stroke-primary": themeMode === "light"
161
+ }),
162
+ cx: "20",
163
+ cy: "20",
164
+ r: "17.5",
165
+ pathLength: "100",
166
+ strokeWidth: "5px",
167
+ fill: "none"
168
+ }
169
+ ),
170
+ /* @__PURE__ */ React.createElement(
171
+ "circle",
172
+ {
173
+ className: cn("circle-car", {
174
+ "hawa-stroke-primary-foreground": themeMode === "dark",
175
+ "hawa-stroke-primary": themeMode === "light"
176
+ }),
177
+ cx: "20",
178
+ cy: "20",
179
+ r: "17.5",
180
+ pathLength: "100",
181
+ strokeWidth: "5px",
182
+ fill: "none"
183
+ }
184
+ )
185
+ );
186
+ }
187
+ };
188
+
189
+ // components/elements/button/Button.tsx
190
+ var buttonVariants = cva(
191
+ "hawa-inline-flex hawa-items-center hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
192
+ {
193
+ variants: {
194
+ variant: {
195
+ default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
196
+ light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
197
+ destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
198
+ outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
199
+ secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
200
+ ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
201
+ link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
202
+ combobox: "hawa-bg-background hawa-border",
203
+ neoBrutalism: "neo-brutalism"
204
+ // "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active shadow-color-primary active:shadow-color-primary-active",
205
+ },
206
+ size: {
207
+ default: "hawa-h-10 hawa-px-4 hawa-py-2",
208
+ heightless: "hawa-px-4 hawa-py-4",
209
+ xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
210
+ sm: "hawa-h-9 hawa-text-[11px] hawa-rounded-md hawa-px-3",
211
+ lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
212
+ xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
213
+ icon: "hawa-h-10 hawa-w-10",
214
+ smallIcon: "hawa-h-7 hawa-w-7"
215
+ }
216
+ },
217
+ defaultVariants: {
218
+ variant: "default",
219
+ size: "default"
220
+ }
221
+ }
222
+ );
223
+ var Button = React2.forwardRef(
224
+ ({
225
+ className,
226
+ variant,
227
+ size,
228
+ asChild = false,
229
+ centered = true,
230
+ isLoading,
231
+ children,
232
+ ...props
233
+ }, ref) => {
234
+ const Comp = "button";
235
+ const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
236
+ return /* @__PURE__ */ React2.createElement(
237
+ Comp,
238
+ {
239
+ className: cn(
240
+ buttonVariants({ variant, size, className }),
241
+ centered && "hawa-justify-center"
242
+ ),
243
+ ref,
244
+ ...props
245
+ },
246
+ isLoading ? /* @__PURE__ */ React2.createElement(
247
+ Loading,
248
+ {
249
+ design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
250
+ themeMode: variant === "outline" ? "light" : "dark",
251
+ color: loadingColor,
252
+ size: size === "sm" || size === "xs" ? "xs" : "button"
253
+ }
254
+ ) : children
255
+ );
256
+ }
257
+ );
258
+ Button.displayName = "Button";
259
+
260
+ // components/elements/sortButton/SortButton.tsx
10
261
  var SortButton = (props) => {
11
- return /* @__PURE__ */ React.createElement(
262
+ return /* @__PURE__ */ React3.createElement(
12
263
  Button,
13
264
  {
14
265
  variant: "ghost",
@@ -20,7 +271,7 @@ var SortButton = (props) => {
20
271
  onClick: props.onSort
21
272
  },
22
273
  props.label,
23
- /* @__PURE__ */ React.createElement(
274
+ /* @__PURE__ */ React3.createElement(
24
275
  "svg",
25
276
  {
26
277
  xmlns: "http://www.w3.org/2000/svg",
@@ -32,10 +283,10 @@ var SortButton = (props) => {
32
283
  strokeLinejoin: "round",
33
284
  className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
34
285
  },
35
- /* @__PURE__ */ React.createElement("path", { d: "m21 16-4 4-4-4" }),
36
- /* @__PURE__ */ React.createElement("path", { d: "M17 20V4" }),
37
- /* @__PURE__ */ React.createElement("path", { d: "m3 8 4-4 4 4" }),
38
- /* @__PURE__ */ React.createElement("path", { d: "M7 4v16" })
286
+ /* @__PURE__ */ React3.createElement("path", { d: "m21 16-4 4-4-4" }),
287
+ /* @__PURE__ */ React3.createElement("path", { d: "M17 20V4" }),
288
+ /* @__PURE__ */ React3.createElement("path", { d: "m3 8 4-4 4 4" }),
289
+ /* @__PURE__ */ React3.createElement("path", { d: "M7 4v16" })
39
290
  )
40
291
  );
41
292
  };
@@ -1,9 +1,8 @@
1
1
  import * as React from 'react';
2
+ import { D as DirectionType } from '../commonTypes-2k6FnHw5.mjs';
2
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
4
  import { VariantProps } from 'class-variance-authority';
4
5
 
5
- type DirectionType = "rtl" | "ltr";
6
-
7
6
  type SubItem = {
8
7
  label?: string;
9
8
  value?: any;
@@ -34,8 +33,8 @@ type MenuItemType = {
34
33
  };
35
34
 
36
35
  declare const buttonVariants: (props?: ({
37
- variant?: "light" | "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "combobox" | "neoBrutalism" | null | undefined;
38
- size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
36
+ variant?: "link" | "default" | "combobox" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
37
+ size?: "default" | "sm" | "lg" | "xs" | "xl" | "heightless" | "icon" | "smallIcon" | null | undefined;
39
38
  } & class_variance_authority_types.ClassProp) | undefined) => string;
40
39
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
41
40
  asChild?: boolean;
@@ -1,9 +1,8 @@
1
1
  import * as React from 'react';
2
+ import { D as DirectionType } from '../commonTypes-2k6FnHw5.js';
2
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
3
4
  import { VariantProps } from 'class-variance-authority';
4
5
 
5
- type DirectionType = "rtl" | "ltr";
6
-
7
6
  type SubItem = {
8
7
  label?: string;
9
8
  value?: any;
@@ -34,8 +33,8 @@ type MenuItemType = {
34
33
  };
35
34
 
36
35
  declare const buttonVariants: (props?: ({
37
- variant?: "light" | "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "combobox" | "neoBrutalism" | null | undefined;
38
- size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
36
+ variant?: "link" | "default" | "combobox" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "neoBrutalism" | null | undefined;
37
+ size?: "default" | "sm" | "lg" | "xs" | "xl" | "heightless" | "icon" | "smallIcon" | null | undefined;
39
38
  } & class_variance_authority_types.ClassProp) | undefined) => string;
40
39
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
41
40
  asChild?: boolean;
@@ -1,12 +1,9 @@
1
- import {
2
- Button
3
- } from "../chunk-DGWAHQRX.mjs";
4
1
  import {
5
2
  cn
6
3
  } from "../chunk-TE3BKEXL.mjs";
7
4
 
8
5
  // components/elements/splitButton/SplitButton.tsx
9
- import * as React2 from "react";
6
+ import * as React4 from "react";
10
7
 
11
8
  // components/elements/dropdownMenu/DropdownMenu.tsx
12
9
  import * as React from "react";
@@ -336,6 +333,258 @@ var DropdownMenu = ({
336
333
  );
337
334
  };
338
335
 
336
+ // components/elements/button/Button.tsx
337
+ import * as React3 from "react";
338
+ import { cva } from "class-variance-authority";
339
+
340
+ // components/elements/loading/Loading.tsx
341
+ import React2 from "react";
342
+ var Loading = ({
343
+ design = "spinner",
344
+ size = "sm",
345
+ themeMode = "light",
346
+ color,
347
+ ...props
348
+ }) => {
349
+ let sizeStyles = {
350
+ button: "hawa-h-4 hawa-w-4",
351
+ xs: "hawa-h-1 hawa-w-1",
352
+ sm: "hawa-h-6 hawa-w-6",
353
+ normal: "hawa-h-8 hawa-w-8",
354
+ lg: "hawa-h-14 hawa-w-14",
355
+ xl: "hawa-h-24 hawa-w-24"
356
+ };
357
+ let animationStyles = {
358
+ pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
359
+ bounce: "hawa-animate-bounce"
360
+ };
361
+ switch (design.split("-")[0]) {
362
+ case "dots":
363
+ return /* @__PURE__ */ React2.createElement(
364
+ "div",
365
+ {
366
+ className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
367
+ },
368
+ /* @__PURE__ */ React2.createElement(
369
+ "div",
370
+ {
371
+ className: cn(
372
+ "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
373
+ size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
374
+ animationStyles[design.split("-")[1]],
375
+ color ? color : "hawa-bg-primary"
376
+ )
377
+ }
378
+ ),
379
+ /* @__PURE__ */ React2.createElement(
380
+ "div",
381
+ {
382
+ className: cn(
383
+ "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
384
+ size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
385
+ animationStyles[design.split("-")[1]],
386
+ color ? color : "hawa-bg-primary"
387
+ )
388
+ }
389
+ ),
390
+ /* @__PURE__ */ React2.createElement(
391
+ "div",
392
+ {
393
+ className: cn(
394
+ "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
395
+ size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
396
+ animationStyles[design.split("-")[1]],
397
+ color ? color : "hawa-bg-primary"
398
+ )
399
+ }
400
+ )
401
+ );
402
+ case "square":
403
+ return /* @__PURE__ */ React2.createElement(
404
+ "svg",
405
+ {
406
+ className: cn("squircle-container", sizeStyles[size]),
407
+ viewBox: "0 0 35 35",
408
+ height: "35",
409
+ width: "35"
410
+ },
411
+ /* @__PURE__ */ React2.createElement(
412
+ "rect",
413
+ {
414
+ className: "squircle-track",
415
+ x: "2.5",
416
+ y: "2.5",
417
+ fill: "none",
418
+ strokeWidth: "5px",
419
+ width: "32.5",
420
+ height: "32.5"
421
+ }
422
+ ),
423
+ /* @__PURE__ */ React2.createElement(
424
+ "rect",
425
+ {
426
+ className: "square-car",
427
+ x: "2.5",
428
+ y: "2.5",
429
+ fill: "none",
430
+ strokeWidth: "5px",
431
+ width: "32.5",
432
+ height: "32.5",
433
+ pathLength: "100"
434
+ }
435
+ )
436
+ );
437
+ case "squircle":
438
+ return /* @__PURE__ */ React2.createElement(
439
+ "svg",
440
+ {
441
+ className: cn("squircle-container", sizeStyles[size]),
442
+ x: "0px",
443
+ y: "0px",
444
+ viewBox: "0 0 37 37",
445
+ height: "37",
446
+ width: "37",
447
+ preserveAspectRatio: "xMidYMid meet"
448
+ },
449
+ /* @__PURE__ */ React2.createElement(
450
+ "path",
451
+ {
452
+ className: "squircle-track",
453
+ fill: "none",
454
+ strokeWidth: "5",
455
+ pathLength: "100",
456
+ d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
457
+ }
458
+ ),
459
+ /* @__PURE__ */ React2.createElement(
460
+ "path",
461
+ {
462
+ className: "squircle-car",
463
+ fill: "none",
464
+ strokeWidth: "5",
465
+ pathLength: "100",
466
+ d: "M0.37 18.5 C0.37 5.772 5.772 0.37 18.5 0.37 S36.63 5.772 36.63 18.5 S31.228 36.63 18.5 36.63 S0.37 31.228 0.37 18.5"
467
+ }
468
+ )
469
+ );
470
+ case "progress":
471
+ return /* @__PURE__ */ React2.createElement("div", { className: "progress-loading" });
472
+ case "orbit":
473
+ return /* @__PURE__ */ React2.createElement("div", { className: "orbit-container" });
474
+ default:
475
+ return /* @__PURE__ */ React2.createElement(
476
+ "svg",
477
+ {
478
+ className: cn("circle-container", sizeStyles[size]),
479
+ viewBox: "0 0 40 40",
480
+ height: "40",
481
+ width: "40"
482
+ },
483
+ /* @__PURE__ */ React2.createElement(
484
+ "circle",
485
+ {
486
+ className: cn("circle-track", {
487
+ "hawa-stroke-primary-foreground": themeMode === "dark",
488
+ "hawa-stroke-primary": themeMode === "light"
489
+ }),
490
+ cx: "20",
491
+ cy: "20",
492
+ r: "17.5",
493
+ pathLength: "100",
494
+ strokeWidth: "5px",
495
+ fill: "none"
496
+ }
497
+ ),
498
+ /* @__PURE__ */ React2.createElement(
499
+ "circle",
500
+ {
501
+ className: cn("circle-car", {
502
+ "hawa-stroke-primary-foreground": themeMode === "dark",
503
+ "hawa-stroke-primary": themeMode === "light"
504
+ }),
505
+ cx: "20",
506
+ cy: "20",
507
+ r: "17.5",
508
+ pathLength: "100",
509
+ strokeWidth: "5px",
510
+ fill: "none"
511
+ }
512
+ )
513
+ );
514
+ }
515
+ };
516
+
517
+ // components/elements/button/Button.tsx
518
+ var buttonVariants = cva(
519
+ "hawa-inline-flex hawa-items-center hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium hawa-ring-offset-background hawa-transition-colors focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
520
+ {
521
+ variants: {
522
+ variant: {
523
+ default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
524
+ light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
525
+ destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
526
+ outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
527
+ secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
528
+ ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
529
+ link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
530
+ combobox: "hawa-bg-background hawa-border",
531
+ neoBrutalism: "neo-brutalism"
532
+ // "hawa-cursor-pointer hawa-transition-all hawa-uppercase hawa-font-mono dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active shadow-color-primary active:shadow-color-primary-active",
533
+ },
534
+ size: {
535
+ default: "hawa-h-10 hawa-px-4 hawa-py-2",
536
+ heightless: "hawa-px-4 hawa-py-4",
537
+ xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
538
+ sm: "hawa-h-9 hawa-text-[11px] hawa-rounded-md hawa-px-3",
539
+ lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
540
+ xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
541
+ icon: "hawa-h-10 hawa-w-10",
542
+ smallIcon: "hawa-h-7 hawa-w-7"
543
+ }
544
+ },
545
+ defaultVariants: {
546
+ variant: "default",
547
+ size: "default"
548
+ }
549
+ }
550
+ );
551
+ var Button = React3.forwardRef(
552
+ ({
553
+ className,
554
+ variant,
555
+ size,
556
+ asChild = false,
557
+ centered = true,
558
+ isLoading,
559
+ children,
560
+ ...props
561
+ }, ref) => {
562
+ const Comp = "button";
563
+ const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
564
+ return /* @__PURE__ */ React3.createElement(
565
+ Comp,
566
+ {
567
+ className: cn(
568
+ buttonVariants({ variant, size, className }),
569
+ centered && "hawa-justify-center"
570
+ ),
571
+ ref,
572
+ ...props
573
+ },
574
+ isLoading ? /* @__PURE__ */ React3.createElement(
575
+ Loading,
576
+ {
577
+ design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
578
+ themeMode: variant === "outline" ? "light" : "dark",
579
+ color: loadingColor,
580
+ size: size === "sm" || size === "xs" ? "xs" : "button"
581
+ }
582
+ ) : children
583
+ );
584
+ }
585
+ );
586
+ Button.displayName = "Button";
587
+
339
588
  // components/elements/splitButton/SplitButton.tsx
340
589
  var SplitButton = ({
341
590
  variant,
@@ -343,13 +592,13 @@ var SplitButton = ({
343
592
  menuItems = [],
344
593
  children,
345
594
  ...props
346
- }) => /* @__PURE__ */ React2.createElement(
595
+ }) => /* @__PURE__ */ React4.createElement(
347
596
  "div",
348
597
  {
349
598
  dir: "ltr",
350
599
  className: cn("hawa-row hawa-flex hawa-h-fit hawa-justify-center")
351
600
  },
352
- /* @__PURE__ */ React2.createElement(
601
+ /* @__PURE__ */ React4.createElement(
353
602
  Button,
354
603
  {
355
604
  variant,
@@ -358,7 +607,7 @@ var SplitButton = ({
358
607
  },
359
608
  children
360
609
  ),
361
- /* @__PURE__ */ React2.createElement(
610
+ /* @__PURE__ */ React4.createElement(
362
611
  DropdownMenu,
363
612
  {
364
613
  size: "sm",
@@ -366,7 +615,7 @@ var SplitButton = ({
366
615
  direction,
367
616
  align: direction === "rtl" ? "start" : "end",
368
617
  items: menuItems,
369
- trigger: /* @__PURE__ */ React2.createElement(
618
+ trigger: /* @__PURE__ */ React4.createElement(
370
619
  Button,
371
620
  {
372
621
  asChild: true,
@@ -377,7 +626,7 @@ var SplitButton = ({
377
626
  props.className
378
627
  )
379
628
  },
380
- /* @__PURE__ */ React2.createElement(
629
+ /* @__PURE__ */ React4.createElement(
381
630
  "svg",
382
631
  {
383
632
  xmlns: "http://www.w3.org/2000/svg",
@@ -390,7 +639,7 @@ var SplitButton = ({
390
639
  strokeLinecap: "round",
391
640
  strokeLinejoin: "round"
392
641
  },
393
- /* @__PURE__ */ React2.createElement("path", { d: "m6 9 6 6 6-6" })
642
+ /* @__PURE__ */ React4.createElement("path", { d: "m6 9 6 6 6-6" })
394
643
  )
395
644
  )
396
645
  }
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as SwitchPrimitives from '@radix-ui/react-switch';
3
-
4
- type RadiusType = "full" | "inherit" | "none";
3
+ import { R as RadiusType } from '../commonTypes-2k6FnHw5.mjs';
5
4
 
6
5
  interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
7
6
  size?: "default" | "sm" | "lg";
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as SwitchPrimitives from '@radix-ui/react-switch';
3
-
4
- type RadiusType = "full" | "inherit" | "none";
3
+ import { R as RadiusType } from '../commonTypes-2k6FnHw5.js';
5
4
 
6
5
  interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
7
6
  size?: "default" | "sm" | "lg";
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import React__default from 'react';
3
3
  import * as TabsPrimitive from '@radix-ui/react-tabs';
4
- import { R as RadiusType, O as OrientationType } from '../commonTypes-3J1E3b61.mjs';
4
+ import { R as RadiusType, O as OrientationType } from '../commonTypes-f_LVO3Sm.mjs';
5
5
 
6
6
  type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
7
7
  type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {