@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,259 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-TE3BKEXL.mjs";
4
-
5
- // components/elements/button/Button.tsx
6
- import * as React2 from "react";
7
- import { cva } from "class-variance-authority";
8
-
9
- // components/elements/loading/Loading.tsx
10
- import React from "react";
11
- var Loading = ({
12
- design = "spinner",
13
- size = "sm",
14
- themeMode = "light",
15
- color,
16
- ...props
17
- }) => {
18
- let sizeStyles = {
19
- button: "hawa-h-4 hawa-w-4",
20
- xs: "hawa-h-1 hawa-w-1",
21
- sm: "hawa-h-6 hawa-w-6",
22
- normal: "hawa-h-8 hawa-w-8",
23
- lg: "hawa-h-14 hawa-w-14",
24
- xl: "hawa-h-24 hawa-w-24"
25
- };
26
- let animationStyles = {
27
- pulse: "hawa-animate-in hawa-fade-in hawa-duration-1000",
28
- bounce: "hawa-animate-bounce"
29
- };
30
- switch (design.split("-")[0]) {
31
- case "dots":
32
- return /* @__PURE__ */ React.createElement(
33
- "div",
34
- {
35
- className: cn("hawa-flex hawa-flex-row hawa-gap-2", props.className)
36
- },
37
- /* @__PURE__ */ React.createElement(
38
- "div",
39
- {
40
- className: cn(
41
- "hawa-animate-bounce hawa-rounded-full hawa-delay-100 hawa-repeat-infinite",
42
- size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
43
- animationStyles[design.split("-")[1]],
44
- color ? color : "hawa-bg-primary"
45
- )
46
- }
47
- ),
48
- /* @__PURE__ */ React.createElement(
49
- "div",
50
- {
51
- className: cn(
52
- "hawa-animate-bounce hawa-rounded-full hawa-delay-200 hawa-repeat-infinite",
53
- size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
54
- animationStyles[design.split("-")[1]],
55
- color ? color : "hawa-bg-primary"
56
- )
57
- }
58
- ),
59
- /* @__PURE__ */ React.createElement(
60
- "div",
61
- {
62
- className: cn(
63
- "hawa-animate-bounce hawa-rounded-full hawa-delay-300 hawa-repeat-infinite",
64
- size === "button" ? "hawa-h-2 hawa-w-2" : sizeStyles[size],
65
- animationStyles[design.split("-")[1]],
66
- color ? color : "hawa-bg-primary"
67
- )
68
- }
69
- )
70
- );
71
- case "square":
72
- return /* @__PURE__ */ React.createElement(
73
- "svg",
74
- {
75
- className: cn("squircle-container", sizeStyles[size]),
76
- viewBox: "0 0 35 35",
77
- height: "35",
78
- width: "35"
79
- },
80
- /* @__PURE__ */ React.createElement(
81
- "rect",
82
- {
83
- className: "squircle-track",
84
- x: "2.5",
85
- y: "2.5",
86
- fill: "none",
87
- strokeWidth: "5px",
88
- width: "32.5",
89
- height: "32.5"
90
- }
91
- ),
92
- /* @__PURE__ */ React.createElement(
93
- "rect",
94
- {
95
- className: "square-car",
96
- x: "2.5",
97
- y: "2.5",
98
- fill: "none",
99
- strokeWidth: "5px",
100
- width: "32.5",
101
- height: "32.5",
102
- pathLength: "100"
103
- }
104
- )
105
- );
106
- case "squircle":
107
- return /* @__PURE__ */ React.createElement(
108
- "svg",
109
- {
110
- className: cn("squircle-container", sizeStyles[size]),
111
- x: "0px",
112
- y: "0px",
113
- viewBox: "0 0 37 37",
114
- height: "37",
115
- width: "37",
116
- preserveAspectRatio: "xMidYMid meet"
117
- },
118
- /* @__PURE__ */ React.createElement(
119
- "path",
120
- {
121
- className: "squircle-track",
122
- fill: "none",
123
- strokeWidth: "5",
124
- pathLength: "100",
125
- 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"
126
- }
127
- ),
128
- /* @__PURE__ */ React.createElement(
129
- "path",
130
- {
131
- className: "squircle-car",
132
- fill: "none",
133
- strokeWidth: "5",
134
- pathLength: "100",
135
- 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"
136
- }
137
- )
138
- );
139
- case "progress":
140
- return /* @__PURE__ */ React.createElement("div", { className: "progress-loading" });
141
- case "orbit":
142
- return /* @__PURE__ */ React.createElement("div", { className: "orbit-container" });
143
- default:
144
- return /* @__PURE__ */ React.createElement(
145
- "svg",
146
- {
147
- className: cn("circle-container", sizeStyles[size]),
148
- viewBox: "0 0 40 40",
149
- height: "40",
150
- width: "40"
151
- },
152
- /* @__PURE__ */ React.createElement(
153
- "circle",
154
- {
155
- className: cn("circle-track", {
156
- "hawa-stroke-primary-foreground": themeMode === "dark",
157
- "hawa-stroke-primary": themeMode === "light"
158
- }),
159
- cx: "20",
160
- cy: "20",
161
- r: "17.5",
162
- pathLength: "100",
163
- strokeWidth: "5px",
164
- fill: "none"
165
- }
166
- ),
167
- /* @__PURE__ */ React.createElement(
168
- "circle",
169
- {
170
- className: cn("circle-car", {
171
- "hawa-stroke-primary-foreground": themeMode === "dark",
172
- "hawa-stroke-primary": themeMode === "light"
173
- }),
174
- cx: "20",
175
- cy: "20",
176
- r: "17.5",
177
- pathLength: "100",
178
- strokeWidth: "5px",
179
- fill: "none"
180
- }
181
- )
182
- );
183
- }
184
- };
185
-
186
- // components/elements/button/Button.tsx
187
- var buttonVariants = cva(
188
- "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",
189
- {
190
- variants: {
191
- variant: {
192
- default: "hawa-bg-primary hawa-text-primary-foreground hover:hawa-bg-primary/90",
193
- light: "hawa-bg-primary/20 hawa-text-primary hover:hawa-bg-primary/40",
194
- destructive: "hawa-bg-destructive hawa-text-destructive-foreground hover:hawa-bg-destructive/90",
195
- outline: "hawa-border hawa-border-input hawa-bg-transparent hover:hawa-bg-accent hover:hawa-text-accent-foreground",
196
- secondary: "hawa-bg-secondary hawa-text-secondary-foreground hover:hawa-bg-secondary/80",
197
- ghost: "hover:hawa-bg-accent hover:hawa-text-accent-foreground",
198
- link: "hawa-text-primary hawa-underline-offset-4 hover:hawa-underline",
199
- combobox: "hawa-bg-background hawa-border",
200
- neoBrutalism: "neo-brutalism"
201
- // "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",
202
- },
203
- size: {
204
- default: "hawa-h-10 hawa-px-4 hawa-py-2",
205
- heightless: "hawa-px-4 hawa-py-4",
206
- xs: "hawa-h-fit hawa-min-h-[25px] hawa-py-1 hawa-text-[10px] hawa-px-2 ",
207
- sm: "hawa-h-9 hawa-text-[11px] hawa-rounded-md hawa-px-3",
208
- lg: "hawa-h-11 hawa-rounded-md hawa-px-8",
209
- xl: "hawa-h-14 hawa-rounded-md hawa-px-10",
210
- icon: "hawa-h-10 hawa-w-10",
211
- smallIcon: "hawa-h-7 hawa-w-7"
212
- }
213
- },
214
- defaultVariants: {
215
- variant: "default",
216
- size: "default"
217
- }
218
- }
219
- );
220
- var Button = React2.forwardRef(
221
- ({
222
- className,
223
- variant,
224
- size,
225
- asChild = false,
226
- centered = true,
227
- isLoading,
228
- children,
229
- ...props
230
- }, ref) => {
231
- const Comp = "button";
232
- const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
233
- return /* @__PURE__ */ React2.createElement(
234
- Comp,
235
- {
236
- className: cn(
237
- buttonVariants({ variant, size, className }),
238
- centered && "hawa-justify-center"
239
- ),
240
- ref,
241
- ...props
242
- },
243
- isLoading ? /* @__PURE__ */ React2.createElement(
244
- Loading,
245
- {
246
- design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
247
- themeMode: variant === "outline" ? "light" : "dark",
248
- color: loadingColor,
249
- size: size === "sm" || size === "xs" ? "xs" : "button"
250
- }
251
- ) : children
252
- );
253
- }
254
- );
255
- Button.displayName = "Button";
256
-
257
- export {
258
- Button
259
- };
@@ -1,34 +0,0 @@
1
- import {
2
- cn
3
- } from "./chunk-TE3BKEXL.mjs";
4
-
5
- // components/elements/skeleton/Skeleton.tsx
6
- import React from "react";
7
- function Skeleton({
8
- className,
9
- content,
10
- animation = "pulse",
11
- ...props
12
- }) {
13
- const animationStyles = {
14
- none: "hawa-rounded hawa-bg-muted",
15
- pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
16
- shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted hawa-p-4 hawa-relative before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden before:hawa-border-t before:hawa-border-rose-100/10"
17
- };
18
- return /* @__PURE__ */ React.createElement(
19
- "div",
20
- {
21
- className: cn(
22
- animationStyles[animation],
23
- content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
24
- className
25
- ),
26
- ...props
27
- },
28
- content && content
29
- );
30
- }
31
-
32
- export {
33
- Skeleton
34
- };
@@ -1,5 +0,0 @@
1
- type DirectionType = "rtl" | "ltr";
2
- type PositionType = "top" | "bottom" | "right" | "left";
3
- type OrientationType = "vertical" | "horizontal";
4
-
5
- export type { DirectionType as D, OrientationType as O, PositionType as P };
@@ -1,5 +0,0 @@
1
- type DirectionType = "rtl" | "ltr";
2
- type PositionType = "top" | "bottom" | "right" | "left";
3
- type OrientationType = "vertical" | "horizontal";
4
-
5
- export type { DirectionType as D, OrientationType as O, PositionType as P };
@@ -1,6 +1,3 @@
1
- // components/elements/label/Label.tsx
2
- import * as React2 from "react";
3
-
4
1
  // components/util.ts
5
2
  import { clsx } from "clsx";
6
3
  import { twMerge } from "tailwind-merge";
@@ -8,6 +5,9 @@ function cn(...inputs) {
8
5
  return twMerge(clsx(inputs));
9
6
  }
10
7
 
8
+ // components/elements/label/Label.tsx
9
+ import * as React2 from "react";
10
+
11
11
  // components/elements/tooltip/Tooltip.tsx
12
12
  import React from "react";
13
13
  import * as TooltipPrimitive from "@radix-ui/react-tooltip";