@sikka/hawa 0.25.2-next → 0.26.0-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.
@@ -1,265 +1,12 @@
1
1
  import {
2
+ Button,
2
3
  cn
3
- } from "../chunk-TE3BKEXL.mjs";
4
+ } from "../chunk-3N6JJKMN.mjs";
4
5
 
5
6
  // 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
13
7
  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
261
8
  var SortButton = (props) => {
262
- return /* @__PURE__ */ React3.createElement(
9
+ return /* @__PURE__ */ React.createElement(
263
10
  Button,
264
11
  {
265
12
  variant: "ghost",
@@ -271,7 +18,7 @@ var SortButton = (props) => {
271
18
  onClick: props.onSort
272
19
  },
273
20
  props.label,
274
- /* @__PURE__ */ React3.createElement(
21
+ /* @__PURE__ */ React.createElement(
275
22
  "svg",
276
23
  {
277
24
  xmlns: "http://www.w3.org/2000/svg",
@@ -283,10 +30,10 @@ var SortButton = (props) => {
283
30
  strokeLinejoin: "round",
284
31
  className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
285
32
  },
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" })
33
+ /* @__PURE__ */ React.createElement("path", { d: "m21 16-4 4-4-4" }),
34
+ /* @__PURE__ */ React.createElement("path", { d: "M17 20V4" }),
35
+ /* @__PURE__ */ React.createElement("path", { d: "m3 8 4-4 4 4" }),
36
+ /* @__PURE__ */ React.createElement("path", { d: "M7 4v16" })
290
37
  )
291
38
  );
292
39
  };
@@ -1,8 +1,9 @@
1
1
  import * as React from 'react';
2
- import { D as DirectionType } from '../commonTypes-2k6FnHw5.mjs';
3
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
3
  import { VariantProps } from 'class-variance-authority';
5
4
 
5
+ type DirectionType = "rtl" | "ltr";
6
+
6
7
  type SubItem = {
7
8
  label?: string;
8
9
  value?: any;
@@ -33,8 +34,8 @@ type MenuItemType = {
33
34
  };
34
35
 
35
36
  declare const buttonVariants: (props?: ({
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;
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;
38
39
  } & class_variance_authority_types.ClassProp) | undefined) => string;
39
40
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
40
41
  asChild?: boolean;
@@ -1,8 +1,9 @@
1
1
  import * as React from 'react';
2
- import { D as DirectionType } from '../commonTypes-2k6FnHw5.js';
3
2
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
3
  import { VariantProps } from 'class-variance-authority';
5
4
 
5
+ type DirectionType = "rtl" | "ltr";
6
+
6
7
  type SubItem = {
7
8
  label?: string;
8
9
  value?: any;
@@ -33,8 +34,8 @@ type MenuItemType = {
33
34
  };
34
35
 
35
36
  declare const buttonVariants: (props?: ({
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;
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;
38
39
  } & class_variance_authority_types.ClassProp) | undefined) => string;
39
40
  interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
40
41
  asChild?: boolean;
@@ -1,9 +1,10 @@
1
1
  import {
2
+ Button,
2
3
  cn
3
- } from "../chunk-TE3BKEXL.mjs";
4
+ } from "../chunk-3N6JJKMN.mjs";
4
5
 
5
6
  // components/elements/splitButton/SplitButton.tsx
6
- import * as React4 from "react";
7
+ import * as React2 from "react";
7
8
 
8
9
  // components/elements/dropdownMenu/DropdownMenu.tsx
9
10
  import * as React from "react";
@@ -333,258 +334,6 @@ var DropdownMenu = ({
333
334
  );
334
335
  };
335
336
 
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
-
588
337
  // components/elements/splitButton/SplitButton.tsx
589
338
  var SplitButton = ({
590
339
  variant,
@@ -592,13 +341,13 @@ var SplitButton = ({
592
341
  menuItems = [],
593
342
  children,
594
343
  ...props
595
- }) => /* @__PURE__ */ React4.createElement(
344
+ }) => /* @__PURE__ */ React2.createElement(
596
345
  "div",
597
346
  {
598
347
  dir: "ltr",
599
348
  className: cn("hawa-row hawa-flex hawa-h-fit hawa-justify-center")
600
349
  },
601
- /* @__PURE__ */ React4.createElement(
350
+ /* @__PURE__ */ React2.createElement(
602
351
  Button,
603
352
  {
604
353
  variant,
@@ -607,7 +356,7 @@ var SplitButton = ({
607
356
  },
608
357
  children
609
358
  ),
610
- /* @__PURE__ */ React4.createElement(
359
+ /* @__PURE__ */ React2.createElement(
611
360
  DropdownMenu,
612
361
  {
613
362
  size: "sm",
@@ -615,7 +364,7 @@ var SplitButton = ({
615
364
  direction,
616
365
  align: direction === "rtl" ? "start" : "end",
617
366
  items: menuItems,
618
- trigger: /* @__PURE__ */ React4.createElement(
367
+ trigger: /* @__PURE__ */ React2.createElement(
619
368
  Button,
620
369
  {
621
370
  asChild: true,
@@ -626,7 +375,7 @@ var SplitButton = ({
626
375
  props.className
627
376
  )
628
377
  },
629
- /* @__PURE__ */ React4.createElement(
378
+ /* @__PURE__ */ React2.createElement(
630
379
  "svg",
631
380
  {
632
381
  xmlns: "http://www.w3.org/2000/svg",
@@ -639,7 +388,7 @@ var SplitButton = ({
639
388
  strokeLinecap: "round",
640
389
  strokeLinejoin: "round"
641
390
  },
642
- /* @__PURE__ */ React4.createElement("path", { d: "m6 9 6 6 6-6" })
391
+ /* @__PURE__ */ React2.createElement("path", { d: "m6 9 6 6 6-6" })
643
392
  )
644
393
  )
645
394
  }
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as SwitchPrimitives from '@radix-ui/react-switch';
3
- import { R as RadiusType } from '../commonTypes-2k6FnHw5.mjs';
3
+ import { R as RadiusType } from '../commonTypes-cyhMPvmz.mjs';
4
4
 
5
5
  interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
6
6
  size?: "default" | "sm" | "lg";
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import * as SwitchPrimitives from '@radix-ui/react-switch';
3
- import { R as RadiusType } from '../commonTypes-2k6FnHw5.js';
3
+ import { R as RadiusType } from '../commonTypes-cyhMPvmz.js';
4
4
 
5
5
  interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
6
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-f_LVO3Sm.mjs';
4
+ import { R as RadiusType, O as OrientationType } from '../commonTypes-cyhMPvmz.mjs';
5
5
 
6
6
  type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
7
7
  type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {