@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.
- package/dist/blocks/auth/index.js +2 -1
- package/dist/blocks/auth/index.mjs +2 -1
- package/dist/blocks/index.js +2 -1
- package/dist/blocks/index.mjs +2 -2
- package/dist/carousel/index.d.mts +5 -5
- package/dist/carousel/index.d.ts +5 -5
- package/dist/carousel/index.js +11 -10
- package/dist/carousel/index.mjs +11 -10
- package/dist/chunk-KNHT2UBG.mjs +150 -0
- package/dist/{chunk-XE3FLWLT.mjs → chunk-MJMQDUCC.mjs} +1 -0
- package/dist/commonTypes-2IGtJ5cq.d.mts +3 -0
- package/dist/commonTypes-2IGtJ5cq.d.ts +3 -0
- package/dist/commonTypes-2k6FnHw5.d.mts +4 -0
- package/dist/commonTypes-2k6FnHw5.d.ts +4 -0
- package/dist/commonTypes-3k5cNB1s.d.mts +4 -0
- package/dist/commonTypes-3k5cNB1s.d.ts +4 -0
- package/dist/{commonTypes-3J1E3b61.d.mts → commonTypes-f_LVO3Sm.d.mts} +1 -2
- package/dist/{commonTypes-3J1E3b61.d.ts → commonTypes-f_LVO3Sm.d.ts} +1 -2
- package/dist/elements/index.d.mts +5 -5
- package/dist/elements/index.d.ts +5 -5
- package/dist/elements/index.js +12 -10
- package/dist/elements/index.mjs +12 -11
- package/dist/glow/index.d.mts +16 -0
- package/dist/glow/index.d.ts +16 -0
- package/dist/glow/index.js +155 -0
- package/dist/glow/index.mjs +117 -0
- package/dist/index.css +212 -206
- package/dist/index.d.mts +5 -5
- package/dist/index.d.ts +5 -5
- package/dist/index.js +13 -11
- package/dist/index.mjs +13 -11
- package/dist/input/index.d.mts +9 -2
- package/dist/input/index.d.ts +9 -2
- package/dist/input/index.mjs +1 -1
- package/dist/interfaceSettings/index.mjs +1 -1
- package/dist/label/index.d.mts +2 -1
- package/dist/label/index.d.ts +2 -1
- package/dist/label/index.mjs +98 -2
- package/dist/navigationMenu/index.d.mts +1 -2
- package/dist/navigationMenu/index.d.ts +1 -2
- package/dist/pagination/index.d.mts +1 -1
- package/dist/pagination/index.d.ts +1 -1
- package/dist/passwordInput/index.mjs +148 -27
- package/dist/phoneInput/index.d.mts +1 -1
- package/dist/phoneInput/index.d.ts +1 -1
- package/dist/phoneInput/index.mjs +140 -19
- package/dist/pinInput/index.js +1 -0
- package/dist/pinInput/index.mjs +1 -0
- package/dist/popover/index.d.mts +1 -2
- package/dist/popover/index.d.ts +1 -2
- package/dist/radio/index.d.mts +4 -1
- package/dist/radio/index.d.ts +4 -1
- package/dist/scrollArea/index.d.mts +1 -1
- package/dist/scrollArea/index.d.ts +1 -1
- package/dist/separator/index.d.mts +1 -1
- package/dist/separator/index.d.ts +1 -1
- package/dist/simpleTable/index.d.mts +1 -2
- package/dist/simpleTable/index.d.ts +1 -2
- package/dist/simpleTable/index.mjs +45 -21
- package/dist/skeleton/index.mjs +29 -3
- package/dist/sortButton/index.mjs +260 -9
- package/dist/splitButton/index.d.mts +3 -4
- package/dist/splitButton/index.d.ts +3 -4
- package/dist/splitButton/index.mjs +259 -10
- package/dist/switch/index.d.mts +1 -2
- package/dist/switch/index.d.ts +1 -2
- package/dist/tabs/index.d.mts +1 -1
- package/dist/tabs/index.d.ts +1 -1
- package/dist/textarea/index.d.mts +1 -1
- package/dist/textarea/index.d.ts +1 -1
- package/dist/toast/index.d.mts +1 -1
- package/dist/toast/index.d.ts +1 -1
- package/dist/toast/index.mjs +9 -139
- package/dist/toaster/index.d.mts +2 -2
- package/dist/toaster/index.d.ts +2 -2
- package/dist/toaster/index.mjs +17 -146
- package/dist/tooltip/index.d.mts +2 -2
- package/dist/tooltip/index.d.ts +2 -2
- package/package.json +12 -12
- package/dist/chunk-53XBVEMK.mjs +0 -131
- package/dist/chunk-DGWAHQRX.mjs +0 -259
- package/dist/chunk-ND4BWUKH.mjs +0 -34
- package/dist/commonTypes-LrR8QrYP.d.mts +0 -5
- package/dist/commonTypes-LrR8QrYP.d.ts +0 -5
- 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__ */
|
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__ */
|
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__ */
|
36
|
-
/* @__PURE__ */
|
37
|
-
/* @__PURE__ */
|
38
|
-
/* @__PURE__ */
|
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?: "
|
38
|
-
size?: "
|
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?: "
|
38
|
-
size?: "
|
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
|
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__ */
|
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__ */
|
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__ */
|
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__ */
|
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__ */
|
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__ */
|
642
|
+
/* @__PURE__ */ React4.createElement("path", { d: "m6 9 6 6 6-6" })
|
394
643
|
)
|
395
644
|
)
|
396
645
|
}
|
package/dist/switch/index.d.mts
CHANGED
@@ -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";
|
package/dist/switch/index.d.ts
CHANGED
@@ -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";
|
package/dist/tabs/index.d.mts
CHANGED
@@ -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-
|
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> & {
|