@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.
- package/dist/chunk-3N6JJKMN.mjs +263 -0
- package/dist/commonTypes-cyhMPvmz.d.mts +4 -0
- package/dist/commonTypes-cyhMPvmz.d.ts +4 -0
- package/dist/index.css +3 -0
- package/dist/signature/index.d.mts +11 -0
- package/dist/signature/index.d.ts +11 -0
- package/dist/signature/index.js +151 -0
- package/dist/signature/index.mjs +109 -0
- package/dist/sortButton/index.mjs +8 -261
- package/dist/splitButton/index.d.mts +4 -3
- package/dist/splitButton/index.d.ts +4 -3
- package/dist/splitButton/index.mjs +9 -260
- package/dist/switch/index.d.mts +1 -1
- package/dist/switch/index.d.ts +1 -1
- 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/tooltip/index.d.mts +4 -3
- package/dist/tooltip/index.d.ts +4 -3
- package/dist/tooltip/index.mjs +9 -4
- package/package.json +3 -1
- package/dist/commonTypes-2k6FnHw5.d.mts +0 -4
- package/dist/commonTypes-2k6FnHw5.d.ts +0 -4
- package/dist/commonTypes-f_LVO3Sm.d.mts +0 -5
- package/dist/commonTypes-f_LVO3Sm.d.ts +0 -5
|
@@ -1,265 +1,12 @@
|
|
|
1
1
|
import {
|
|
2
|
+
Button,
|
|
2
3
|
cn
|
|
3
|
-
} from "../chunk-
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
287
|
-
/* @__PURE__ */
|
|
288
|
-
/* @__PURE__ */
|
|
289
|
-
/* @__PURE__ */
|
|
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?: "
|
|
37
|
-
size?: "
|
|
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?: "
|
|
37
|
-
size?: "
|
|
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-
|
|
4
|
+
} from "../chunk-3N6JJKMN.mjs";
|
|
4
5
|
|
|
5
6
|
// components/elements/splitButton/SplitButton.tsx
|
|
6
|
-
import * as
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
391
|
+
/* @__PURE__ */ React2.createElement("path", { d: "m6 9 6 6 6-6" })
|
|
643
392
|
)
|
|
644
393
|
)
|
|
645
394
|
}
|
package/dist/switch/index.d.mts
CHANGED
|
@@ -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-
|
|
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";
|
package/dist/switch/index.d.ts
CHANGED
|
@@ -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-
|
|
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";
|
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-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> & {
|