@sikka/hawa 0.40.0-next → 0.41.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/blocks/auth/index.js +100 -15
- package/dist/blocks/auth/index.mjs +104 -19
- package/dist/blocks/feedback/index.js +1 -2
- package/dist/blocks/feedback/index.mjs +6 -8
- package/dist/blocks/index.js +101 -17
- package/dist/blocks/index.mjs +3 -5
- package/dist/blocks/misc/index.mjs +5 -5
- package/dist/blocks/pricing/index.mjs +4 -4
- package/dist/checkbox/index.js +2 -2
- package/dist/checkbox/index.js.map +1 -1
- package/dist/checkbox/index.mjs +2 -2
- package/dist/checkbox/index.mjs.map +1 -1
- package/dist/{chunk-AJTYKC5R.mjs → chunk-4ZELUQQ7.mjs} +1 -1
- package/dist/{chunk-GN7EIDTE.mjs → chunk-55TPME67.mjs} +1 -1
- package/dist/{chunk-CTZRVSTI.mjs → chunk-F6SLF6DS.mjs} +1 -1
- package/dist/{chunk-UBUVHGW4.mjs → chunk-FJXDCBMQ.mjs} +16 -16
- package/dist/{chunk-CTNKKP2O.mjs → chunk-FK2C6C3B.mjs} +61 -61
- package/dist/{chunk-27G5FKOP.mjs → chunk-IS73LH5Y.mjs} +1 -1
- package/dist/{chunk-GU2DOJ7Q.mjs → chunk-JGP3PSJL.mjs} +85 -0
- package/dist/{chunk-QZIENYTE.mjs → chunk-NSMJTT6Y.mjs} +1 -1
- package/dist/{chunk-RT2Q3SH7.mjs → chunk-UHUOBAEP.mjs} +1 -1
- package/dist/{chunk-DYPGZ2IP.mjs → chunk-ZSX2KZ2D.mjs} +1 -1
- package/dist/dataTable/index.d.mts +6 -1
- package/dist/dataTable/index.d.ts +6 -1
- package/dist/dataTable/index.js +454 -240
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +472 -258
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/docsLayout/index.js +85 -0
- package/dist/docsLayout/index.js.map +1 -1
- package/dist/docsLayout/index.mjs +85 -0
- package/dist/docsLayout/index.mjs.map +1 -1
- package/dist/elements/index.d.mts +11 -1
- package/dist/elements/index.d.ts +11 -1
- package/dist/elements/index.js +616 -453
- package/dist/elements/index.mjs +252 -174
- package/dist/index.css +27 -127
- package/dist/index.d.mts +11 -1
- package/dist/index.d.ts +11 -1
- package/dist/index.js +619 -457
- package/dist/index.mjs +713 -551
- package/dist/layout/index.js +85 -0
- package/dist/layout/index.mjs +2 -2
- package/dist/logos/index.d.mts +5 -0
- package/dist/logos/index.d.ts +5 -0
- package/dist/logos/index.js +85 -0
- package/dist/logos/index.js.map +1 -1
- package/dist/logos/index.mjs +85 -0
- package/dist/logos/index.mjs.map +1 -1
- package/dist/pinInput/index.js +13 -13
- package/dist/pinInput/index.js.map +1 -1
- package/dist/pinInput/index.mjs +13 -13
- package/dist/pinInput/index.mjs.map +1 -1
- package/dist/simpleTable/index.js +4 -4
- package/dist/simpleTable/index.js.map +1 -1
- package/dist/simpleTable/index.mjs +4 -4
- package/dist/simpleTable/index.mjs.map +1 -1
- package/dist/table/index.js +4 -4
- package/dist/table/index.js.map +1 -1
- package/dist/table/index.mjs +4 -4
- package/dist/table/index.mjs.map +1 -1
- package/package.json +3 -5
@@ -9,7 +9,7 @@ import {
|
|
9
9
|
Label,
|
10
10
|
Skeleton,
|
11
11
|
cn
|
12
|
-
} from "./chunk-
|
12
|
+
} from "./chunk-JGP3PSJL.mjs";
|
13
13
|
|
14
14
|
// elements/alert/Alert.tsx
|
15
15
|
import React, { useRef, useState, useEffect } from "react";
|
@@ -2290,7 +2290,7 @@ var Checkbox = ({
|
|
2290
2290
|
htmlFor: id,
|
2291
2291
|
className: cn(
|
2292
2292
|
"hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
|
2293
|
-
disabled ? "hawa-cursor-not-allowed
|
2293
|
+
disabled ? "hawa-cursor-not-allowed hawa-text-muted-foreground hawa-opacity-70" : "hawa-cursor-pointer"
|
2294
2294
|
),
|
2295
2295
|
style: {
|
2296
2296
|
// lineHeight: labelLineHeightStyles[size]
|
@@ -2348,7 +2348,7 @@ var CheckboxElement = React5.forwardRef(({ radius = "inherit", size = "default",
|
|
2348
2348
|
{
|
2349
2349
|
ref,
|
2350
2350
|
className: cn(
|
2351
|
-
"hawa-peer hawa-shrink-0
|
2351
|
+
"hawa-peer hawa-shrink-0 hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
|
2352
2352
|
checkboxSizes[size],
|
2353
2353
|
checkboxRadius[radius],
|
2354
2354
|
className
|
@@ -2394,19 +2394,19 @@ var StopPropagationWrapper = (props) => {
|
|
2394
2394
|
import * as React7 from "react";
|
2395
2395
|
import { OTPInput, OTPInputContext } from "input-otp";
|
2396
2396
|
|
2397
|
-
// ../../node_modules/.pnpm/lucide-react@0.
|
2397
|
+
// ../../node_modules/.pnpm/lucide-react@0.381.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
2398
2398
|
import { forwardRef as forwardRef4, createElement as createElement3 } from "react";
|
2399
2399
|
|
2400
|
-
// ../../node_modules/.pnpm/lucide-react@0.
|
2400
|
+
// ../../node_modules/.pnpm/lucide-react@0.381.0_react@18.3.1/node_modules/lucide-react/dist/esm/shared/src/utils.js
|
2401
2401
|
var toKebabCase = (string) => string.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
|
2402
2402
|
var mergeClasses = (...classes) => classes.filter((className, index, array) => {
|
2403
2403
|
return Boolean(className) && array.indexOf(className) === index;
|
2404
2404
|
}).join(" ");
|
2405
2405
|
|
2406
|
-
// ../../node_modules/.pnpm/lucide-react@0.
|
2406
|
+
// ../../node_modules/.pnpm/lucide-react@0.381.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
|
2407
2407
|
import { forwardRef as forwardRef3, createElement as createElement2 } from "react";
|
2408
2408
|
|
2409
|
-
// ../../node_modules/.pnpm/lucide-react@0.
|
2409
|
+
// ../../node_modules/.pnpm/lucide-react@0.381.0_react@18.3.1/node_modules/lucide-react/dist/esm/defaultAttributes.js
|
2410
2410
|
var defaultAttributes = {
|
2411
2411
|
xmlns: "http://www.w3.org/2000/svg",
|
2412
2412
|
width: 24,
|
@@ -2419,7 +2419,7 @@ var defaultAttributes = {
|
|
2419
2419
|
strokeLinejoin: "round"
|
2420
2420
|
};
|
2421
2421
|
|
2422
|
-
// ../../node_modules/.pnpm/lucide-react@0.
|
2422
|
+
// ../../node_modules/.pnpm/lucide-react@0.381.0_react@18.3.1/node_modules/lucide-react/dist/esm/Icon.js
|
2423
2423
|
var Icon = forwardRef3(
|
2424
2424
|
({
|
2425
2425
|
color = "currentColor",
|
@@ -2451,7 +2451,7 @@ var Icon = forwardRef3(
|
|
2451
2451
|
}
|
2452
2452
|
);
|
2453
2453
|
|
2454
|
-
// ../../node_modules/.pnpm/lucide-react@0.
|
2454
|
+
// ../../node_modules/.pnpm/lucide-react@0.381.0_react@18.3.1/node_modules/lucide-react/dist/esm/createLucideIcon.js
|
2455
2455
|
var createLucideIcon = (iconName, iconNode) => {
|
2456
2456
|
const Component = forwardRef4(
|
2457
2457
|
({ className, ...props }, ref) => createElement3(Icon, {
|
@@ -2465,7 +2465,7 @@ var createLucideIcon = (iconName, iconNode) => {
|
|
2465
2465
|
return Component;
|
2466
2466
|
};
|
2467
2467
|
|
2468
|
-
// ../../node_modules/.pnpm/lucide-react@0.
|
2468
|
+
// ../../node_modules/.pnpm/lucide-react@0.381.0_react@18.3.1/node_modules/lucide-react/dist/esm/icons/dot.js
|
2469
2469
|
var Dot = createLucideIcon("Dot", [
|
2470
2470
|
["circle", { cx: "12.1", cy: "12.1", r: "1", key: "18d7e5" }]
|
2471
2471
|
]);
|
@@ -3285,7 +3285,7 @@ export {
|
|
3285
3285
|
|
3286
3286
|
lucide-react/dist/esm/shared/src/utils.js:
|
3287
3287
|
(**
|
3288
|
-
* @license lucide-react v0.
|
3288
|
+
* @license lucide-react v0.381.0 - ISC
|
3289
3289
|
*
|
3290
3290
|
* This source code is licensed under the ISC license.
|
3291
3291
|
* See the LICENSE file in the root directory of this source tree.
|
@@ -3293,7 +3293,7 @@ lucide-react/dist/esm/shared/src/utils.js:
|
|
3293
3293
|
|
3294
3294
|
lucide-react/dist/esm/defaultAttributes.js:
|
3295
3295
|
(**
|
3296
|
-
* @license lucide-react v0.
|
3296
|
+
* @license lucide-react v0.381.0 - ISC
|
3297
3297
|
*
|
3298
3298
|
* This source code is licensed under the ISC license.
|
3299
3299
|
* See the LICENSE file in the root directory of this source tree.
|
@@ -3301,7 +3301,7 @@ lucide-react/dist/esm/defaultAttributes.js:
|
|
3301
3301
|
|
3302
3302
|
lucide-react/dist/esm/Icon.js:
|
3303
3303
|
(**
|
3304
|
-
* @license lucide-react v0.
|
3304
|
+
* @license lucide-react v0.381.0 - ISC
|
3305
3305
|
*
|
3306
3306
|
* This source code is licensed under the ISC license.
|
3307
3307
|
* See the LICENSE file in the root directory of this source tree.
|
@@ -3309,7 +3309,7 @@ lucide-react/dist/esm/Icon.js:
|
|
3309
3309
|
|
3310
3310
|
lucide-react/dist/esm/createLucideIcon.js:
|
3311
3311
|
(**
|
3312
|
-
* @license lucide-react v0.
|
3312
|
+
* @license lucide-react v0.381.0 - ISC
|
3313
3313
|
*
|
3314
3314
|
* This source code is licensed under the ISC license.
|
3315
3315
|
* See the LICENSE file in the root directory of this source tree.
|
@@ -3317,7 +3317,7 @@ lucide-react/dist/esm/createLucideIcon.js:
|
|
3317
3317
|
|
3318
3318
|
lucide-react/dist/esm/icons/dot.js:
|
3319
3319
|
(**
|
3320
|
-
* @license lucide-react v0.
|
3320
|
+
* @license lucide-react v0.381.0 - ISC
|
3321
3321
|
*
|
3322
3322
|
* This source code is licensed under the ISC license.
|
3323
3323
|
* See the LICENSE file in the root directory of this source tree.
|
@@ -3325,7 +3325,7 @@ lucide-react/dist/esm/icons/dot.js:
|
|
3325
3325
|
|
3326
3326
|
lucide-react/dist/esm/lucide-react.js:
|
3327
3327
|
(**
|
3328
|
-
* @license lucide-react v0.
|
3328
|
+
* @license lucide-react v0.381.0 - ISC
|
3329
3329
|
*
|
3330
3330
|
* This source code is licensed under the ISC license.
|
3331
3331
|
* See the LICENSE file in the root directory of this source tree.
|
@@ -78,51 +78,8 @@ var Tooltip = ({
|
|
78
78
|
);
|
79
79
|
};
|
80
80
|
|
81
|
-
// elements/label/Label.tsx
|
82
|
-
import * as React2 from "react";
|
83
|
-
var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
|
84
|
-
"label",
|
85
|
-
{
|
86
|
-
ref,
|
87
|
-
className: cn(
|
88
|
-
"hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
|
89
|
-
className
|
90
|
-
),
|
91
|
-
...props
|
92
|
-
},
|
93
|
-
children,
|
94
|
-
required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
|
95
|
-
), hint && /* @__PURE__ */ React2.createElement(
|
96
|
-
Tooltip,
|
97
|
-
{
|
98
|
-
content: hint,
|
99
|
-
side: hintSide,
|
100
|
-
triggerProps: {
|
101
|
-
tabIndex: -1,
|
102
|
-
onClick: (event) => event.preventDefault()
|
103
|
-
}
|
104
|
-
},
|
105
|
-
/* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
|
106
|
-
"svg",
|
107
|
-
{
|
108
|
-
xmlns: "http://www.w3.org/2000/svg",
|
109
|
-
className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
|
110
|
-
viewBox: "0 0 24 24",
|
111
|
-
fill: "none",
|
112
|
-
stroke: "currentColor",
|
113
|
-
strokeWidth: "2",
|
114
|
-
strokeLinecap: "round",
|
115
|
-
strokeLinejoin: "round"
|
116
|
-
},
|
117
|
-
/* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
118
|
-
/* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
119
|
-
/* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
|
120
|
-
))
|
121
|
-
)));
|
122
|
-
Label.displayName = "Label";
|
123
|
-
|
124
81
|
// elements/loading/Loading.tsx
|
125
|
-
import
|
82
|
+
import React2 from "react";
|
126
83
|
var Loading = ({
|
127
84
|
design = "spinner",
|
128
85
|
size = "normal",
|
@@ -153,7 +110,7 @@ var Loading = ({
|
|
153
110
|
};
|
154
111
|
switch (design.split("-")[0]) {
|
155
112
|
case "dots":
|
156
|
-
return /* @__PURE__ */
|
113
|
+
return /* @__PURE__ */ React2.createElement(
|
157
114
|
"div",
|
158
115
|
{
|
159
116
|
className: cn(
|
@@ -161,7 +118,7 @@ var Loading = ({
|
|
161
118
|
classNames == null ? void 0 : classNames.container
|
162
119
|
)
|
163
120
|
},
|
164
|
-
/* @__PURE__ */
|
121
|
+
/* @__PURE__ */ React2.createElement(
|
165
122
|
"div",
|
166
123
|
{
|
167
124
|
className: cn(
|
@@ -172,7 +129,7 @@ var Loading = ({
|
|
172
129
|
)
|
173
130
|
}
|
174
131
|
),
|
175
|
-
/* @__PURE__ */
|
132
|
+
/* @__PURE__ */ React2.createElement(
|
176
133
|
"div",
|
177
134
|
{
|
178
135
|
className: cn(
|
@@ -183,7 +140,7 @@ var Loading = ({
|
|
183
140
|
)
|
184
141
|
}
|
185
142
|
),
|
186
|
-
/* @__PURE__ */
|
143
|
+
/* @__PURE__ */ React2.createElement(
|
187
144
|
"div",
|
188
145
|
{
|
189
146
|
className: cn(
|
@@ -196,7 +153,7 @@ var Loading = ({
|
|
196
153
|
)
|
197
154
|
);
|
198
155
|
case "square":
|
199
|
-
return /* @__PURE__ */
|
156
|
+
return /* @__PURE__ */ React2.createElement(
|
200
157
|
"svg",
|
201
158
|
{
|
202
159
|
className: cn(
|
@@ -208,7 +165,7 @@ var Loading = ({
|
|
208
165
|
height: "35",
|
209
166
|
width: "35"
|
210
167
|
},
|
211
|
-
/* @__PURE__ */
|
168
|
+
/* @__PURE__ */ React2.createElement(
|
212
169
|
"rect",
|
213
170
|
{
|
214
171
|
className: "squircle-track",
|
@@ -220,7 +177,7 @@ var Loading = ({
|
|
220
177
|
height: "32.5"
|
221
178
|
}
|
222
179
|
),
|
223
|
-
/* @__PURE__ */
|
180
|
+
/* @__PURE__ */ React2.createElement(
|
224
181
|
"rect",
|
225
182
|
{
|
226
183
|
className: "square-car",
|
@@ -235,7 +192,7 @@ var Loading = ({
|
|
235
192
|
)
|
236
193
|
);
|
237
194
|
case "squircle":
|
238
|
-
return /* @__PURE__ */
|
195
|
+
return /* @__PURE__ */ React2.createElement(
|
239
196
|
"svg",
|
240
197
|
{
|
241
198
|
x: "0px",
|
@@ -250,7 +207,7 @@ var Loading = ({
|
|
250
207
|
classNames == null ? void 0 : classNames.container
|
251
208
|
)
|
252
209
|
},
|
253
|
-
/* @__PURE__ */
|
210
|
+
/* @__PURE__ */ React2.createElement(
|
254
211
|
"path",
|
255
212
|
{
|
256
213
|
className: cn("squircle-track", classNames == null ? void 0 : classNames.track),
|
@@ -260,7 +217,7 @@ var Loading = ({
|
|
260
217
|
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"
|
261
218
|
}
|
262
219
|
),
|
263
|
-
/* @__PURE__ */
|
220
|
+
/* @__PURE__ */ React2.createElement(
|
264
221
|
"path",
|
265
222
|
{
|
266
223
|
className: cn("squircle-car", classNames == null ? void 0 : classNames.car),
|
@@ -272,7 +229,7 @@ var Loading = ({
|
|
272
229
|
)
|
273
230
|
);
|
274
231
|
case "progress":
|
275
|
-
return /* @__PURE__ */
|
232
|
+
return /* @__PURE__ */ React2.createElement(
|
276
233
|
"div",
|
277
234
|
{
|
278
235
|
className: cn(
|
@@ -283,9 +240,9 @@ var Loading = ({
|
|
283
240
|
}
|
284
241
|
);
|
285
242
|
case "orbit":
|
286
|
-
return /* @__PURE__ */
|
243
|
+
return /* @__PURE__ */ React2.createElement("div", { className: cn("orbit-container", classNames == null ? void 0 : classNames.container) });
|
287
244
|
default:
|
288
|
-
return /* @__PURE__ */
|
245
|
+
return /* @__PURE__ */ React2.createElement(
|
289
246
|
"svg",
|
290
247
|
{
|
291
248
|
viewBox: "0 0 40 40",
|
@@ -297,7 +254,7 @@ var Loading = ({
|
|
297
254
|
classNames == null ? void 0 : classNames.container
|
298
255
|
)
|
299
256
|
},
|
300
|
-
/* @__PURE__ */
|
257
|
+
/* @__PURE__ */ React2.createElement(
|
301
258
|
"circle",
|
302
259
|
{
|
303
260
|
className: cn(
|
@@ -316,7 +273,7 @@ var Loading = ({
|
|
316
273
|
pathLength: "100"
|
317
274
|
}
|
318
275
|
),
|
319
|
-
/* @__PURE__ */
|
276
|
+
/* @__PURE__ */ React2.createElement(
|
320
277
|
"circle",
|
321
278
|
{
|
322
279
|
className: cn(
|
@@ -344,8 +301,8 @@ import * as React5 from "react";
|
|
344
301
|
import { cva } from "class-variance-authority";
|
345
302
|
|
346
303
|
// elements/helperText/HelperText.tsx
|
347
|
-
import
|
348
|
-
var HelperText = ({ helperText }) => /* @__PURE__ */
|
304
|
+
import React3 from "react";
|
305
|
+
var HelperText = ({ helperText }) => /* @__PURE__ */ React3.createElement(
|
349
306
|
"p",
|
350
307
|
{
|
351
308
|
className: cn(
|
@@ -356,6 +313,49 @@ var HelperText = ({ helperText }) => /* @__PURE__ */ React4.createElement(
|
|
356
313
|
helperText
|
357
314
|
);
|
358
315
|
|
316
|
+
// elements/label/Label.tsx
|
317
|
+
import * as React4 from "react";
|
318
|
+
var Label = React4.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React4.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React4.createElement(
|
319
|
+
"label",
|
320
|
+
{
|
321
|
+
ref,
|
322
|
+
className: cn(
|
323
|
+
"hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
|
324
|
+
className
|
325
|
+
),
|
326
|
+
...props
|
327
|
+
},
|
328
|
+
children,
|
329
|
+
required && /* @__PURE__ */ React4.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
|
330
|
+
), hint && /* @__PURE__ */ React4.createElement(
|
331
|
+
Tooltip,
|
332
|
+
{
|
333
|
+
content: hint,
|
334
|
+
side: hintSide,
|
335
|
+
triggerProps: {
|
336
|
+
tabIndex: -1,
|
337
|
+
onClick: (event) => event.preventDefault()
|
338
|
+
}
|
339
|
+
},
|
340
|
+
/* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement(
|
341
|
+
"svg",
|
342
|
+
{
|
343
|
+
xmlns: "http://www.w3.org/2000/svg",
|
344
|
+
className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
|
345
|
+
viewBox: "0 0 24 24",
|
346
|
+
fill: "none",
|
347
|
+
stroke: "currentColor",
|
348
|
+
strokeWidth: "2",
|
349
|
+
strokeLinecap: "round",
|
350
|
+
strokeLinejoin: "round"
|
351
|
+
},
|
352
|
+
/* @__PURE__ */ React4.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
353
|
+
/* @__PURE__ */ React4.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
354
|
+
/* @__PURE__ */ React4.createElement("path", { d: "M12 17h.01" })
|
355
|
+
))
|
356
|
+
)));
|
357
|
+
Label.displayName = "Label";
|
358
|
+
|
359
359
|
// elements/button/Button.tsx
|
360
360
|
var buttonVariants = cva(
|
361
361
|
"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",
|
@@ -712,6 +712,91 @@ var Logos = {
|
|
712
712
|
},
|
713
713
|
/* @__PURE__ */ React6.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
|
714
714
|
),
|
715
|
+
telegram: (props) => /* @__PURE__ */ React6.createElement(
|
716
|
+
"svg",
|
717
|
+
{
|
718
|
+
role: "img",
|
719
|
+
viewBox: "0 0 24 24",
|
720
|
+
xmlns: "http://www.w3.org/2000/svg",
|
721
|
+
...props
|
722
|
+
},
|
723
|
+
/* @__PURE__ */ React6.createElement("title", null, "Telegram"),
|
724
|
+
/* @__PURE__ */ React6.createElement(
|
725
|
+
"path",
|
726
|
+
{
|
727
|
+
fill: "currentColor",
|
728
|
+
d: "M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12 12 12 0 0 0 12-12A12 12 0 0 0 12 0a12 12 0 0 0-.056 0zm4.962 7.224c.1-.002.321.023.465.14a.506.506 0 0 1 .171.325c.016.093.036.306.02.472-.18 1.898-.962 6.502-1.36 8.627-.168.9-.499 1.201-.82 1.23-.696.065-1.225-.46-1.9-.902-1.056-.693-1.653-1.124-2.678-1.8-1.185-.78-.417-1.21.258-1.91.177-.184 3.247-2.977 3.307-3.23.007-.032.014-.15-.056-.212s-.174-.041-.249-.024c-.106.024-1.793 1.14-5.061 3.345-.48.33-.913.49-1.302.48-.428-.008-1.252-.241-1.865-.44-.752-.245-1.349-.374-1.297-.789.027-.216.325-.437.893-.663 3.498-1.524 5.83-2.529 6.998-3.014 3.332-1.386 4.025-1.627 4.476-1.635z"
|
729
|
+
}
|
730
|
+
)
|
731
|
+
),
|
732
|
+
youtube: (props) => /* @__PURE__ */ React6.createElement(
|
733
|
+
"svg",
|
734
|
+
{
|
735
|
+
role: "img",
|
736
|
+
viewBox: "0 0 24 24",
|
737
|
+
xmlns: "http://www.w3.org/2000/svg",
|
738
|
+
...props
|
739
|
+
},
|
740
|
+
/* @__PURE__ */ React6.createElement("title", null, "YouTube"),
|
741
|
+
/* @__PURE__ */ React6.createElement(
|
742
|
+
"path",
|
743
|
+
{
|
744
|
+
fill: "currentColor",
|
745
|
+
d: "M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
|
746
|
+
}
|
747
|
+
)
|
748
|
+
),
|
749
|
+
tiktok: (props) => /* @__PURE__ */ React6.createElement(
|
750
|
+
"svg",
|
751
|
+
{
|
752
|
+
role: "img",
|
753
|
+
viewBox: "0 0 24 24",
|
754
|
+
xmlns: "http://www.w3.org/2000/svg",
|
755
|
+
...props
|
756
|
+
},
|
757
|
+
/* @__PURE__ */ React6.createElement("title", null, "TikTok"),
|
758
|
+
/* @__PURE__ */ React6.createElement(
|
759
|
+
"path",
|
760
|
+
{
|
761
|
+
fill: "currentColor",
|
762
|
+
d: "M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"
|
763
|
+
}
|
764
|
+
)
|
765
|
+
),
|
766
|
+
linkedin: (props) => /* @__PURE__ */ React6.createElement(
|
767
|
+
"svg",
|
768
|
+
{
|
769
|
+
role: "img",
|
770
|
+
viewBox: "0 0 24 24",
|
771
|
+
xmlns: "http://www.w3.org/2000/svg",
|
772
|
+
...props
|
773
|
+
},
|
774
|
+
/* @__PURE__ */ React6.createElement("title", null, "LinkedIn"),
|
775
|
+
/* @__PURE__ */ React6.createElement(
|
776
|
+
"path",
|
777
|
+
{
|
778
|
+
fill: "currentColor",
|
779
|
+
d: "M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"
|
780
|
+
}
|
781
|
+
)
|
782
|
+
),
|
783
|
+
behance: (props) => /* @__PURE__ */ React6.createElement(
|
784
|
+
"svg",
|
785
|
+
{
|
786
|
+
role: "img",
|
787
|
+
viewBox: "0 0 24 24",
|
788
|
+
xmlns: "http://www.w3.org/2000/svg",
|
789
|
+
...props
|
790
|
+
},
|
791
|
+
/* @__PURE__ */ React6.createElement("title", null, "Behance"),
|
792
|
+
/* @__PURE__ */ React6.createElement(
|
793
|
+
"path",
|
794
|
+
{
|
795
|
+
fill: "currentColor",
|
796
|
+
d: "M16.969 16.927a2.561 2.561 0 0 0 1.901.677 2.501 2.501 0 0 0 1.531-.475c.362-.235.636-.584.779-.99h2.585a5.091 5.091 0 0 1-1.9 2.896 5.292 5.292 0 0 1-3.091.88 5.839 5.839 0 0 1-2.284-.433 4.871 4.871 0 0 1-1.723-1.211 5.657 5.657 0 0 1-1.08-1.874 7.057 7.057 0 0 1-.383-2.393c-.005-.8.129-1.595.396-2.349a5.313 5.313 0 0 1 5.088-3.604 4.87 4.87 0 0 1 2.376.563c.661.362 1.231.87 1.668 1.485a6.2 6.2 0 0 1 .943 2.133c.194.821.263 1.666.205 2.508h-7.699c-.063.79.184 1.574.688 2.187ZM6.947 4.084a8.065 8.065 0 0 1 1.928.198 4.29 4.29 0 0 1 1.49.638c.418.303.748.711.958 1.182.241.579.357 1.203.341 1.83a3.506 3.506 0 0 1-.506 1.961 3.726 3.726 0 0 1-1.503 1.287 3.588 3.588 0 0 1 2.027 1.437c.464.747.697 1.615.67 2.494a4.593 4.593 0 0 1-.423 2.032 3.945 3.945 0 0 1-1.163 1.413 5.114 5.114 0 0 1-1.683.807 7.135 7.135 0 0 1-1.928.259H0V4.084h6.947Zm-.235 12.9c.308.004.616-.029.916-.099a2.18 2.18 0 0 0 .766-.332c.228-.158.411-.371.534-.619.142-.317.208-.663.191-1.009a2.08 2.08 0 0 0-.642-1.715 2.618 2.618 0 0 0-1.696-.505h-3.54v4.279h3.471Zm13.635-5.967a2.13 2.13 0 0 0-1.654-.619 2.336 2.336 0 0 0-1.163.259 2.474 2.474 0 0 0-.738.62 2.359 2.359 0 0 0-.396.792c-.074.239-.12.485-.137.734h4.769a3.239 3.239 0 0 0-.679-1.785l-.002-.001Zm-13.813-.648a2.254 2.254 0 0 0 1.423-.433c.399-.355.607-.88.56-1.413a1.916 1.916 0 0 0-.178-.891 1.298 1.298 0 0 0-.495-.533 1.851 1.851 0 0 0-.711-.274 3.966 3.966 0 0 0-.835-.073H3.241v3.631h3.293v-.014ZM21.62 5.122h-5.976v1.527h5.976V5.122Z"
|
797
|
+
}
|
798
|
+
)
|
799
|
+
),
|
715
800
|
microsoft: (props) => /* @__PURE__ */ React6.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ React6.createElement(
|
716
801
|
"path",
|
717
802
|
{
|
@@ -9,15 +9,18 @@ type DataTableProps<DataProps = {}> = {
|
|
9
9
|
enableSearch?: boolean;
|
10
10
|
enableHideColumns?: boolean;
|
11
11
|
enableGoTo?: boolean;
|
12
|
+
enableSelection?: boolean;
|
12
13
|
hideHeader?: boolean;
|
13
14
|
data: DataProps[];
|
14
15
|
itemsPerPage?: any[];
|
15
16
|
showCount?: boolean;
|
17
|
+
showSelectionCount?: boolean;
|
16
18
|
paginationPosition?: "top" | "bottom";
|
17
19
|
condensed?: boolean;
|
18
20
|
isLoading?: boolean;
|
19
21
|
defaultSort?: string;
|
20
22
|
translateFn?: any;
|
23
|
+
bulkActions?: any[];
|
21
24
|
texts?: {
|
22
25
|
columns?: string;
|
23
26
|
searchPlaceholder?: string;
|
@@ -28,6 +31,8 @@ type DataTableProps<DataProps = {}> = {
|
|
28
31
|
of?: string;
|
29
32
|
total?: string;
|
30
33
|
goTo?: string;
|
34
|
+
selectedRows?: string;
|
35
|
+
bulkAction?: string;
|
31
36
|
};
|
32
37
|
};
|
33
38
|
declare module "@tanstack/table-core" {
|
@@ -38,6 +43,6 @@ declare module "@tanstack/table-core" {
|
|
38
43
|
i18nKey?: string;
|
39
44
|
}
|
40
45
|
}
|
41
|
-
declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
|
46
|
+
declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
|
42
47
|
|
43
48
|
export { DataTable };
|
@@ -9,15 +9,18 @@ type DataTableProps<DataProps = {}> = {
|
|
9
9
|
enableSearch?: boolean;
|
10
10
|
enableHideColumns?: boolean;
|
11
11
|
enableGoTo?: boolean;
|
12
|
+
enableSelection?: boolean;
|
12
13
|
hideHeader?: boolean;
|
13
14
|
data: DataProps[];
|
14
15
|
itemsPerPage?: any[];
|
15
16
|
showCount?: boolean;
|
17
|
+
showSelectionCount?: boolean;
|
16
18
|
paginationPosition?: "top" | "bottom";
|
17
19
|
condensed?: boolean;
|
18
20
|
isLoading?: boolean;
|
19
21
|
defaultSort?: string;
|
20
22
|
translateFn?: any;
|
23
|
+
bulkActions?: any[];
|
21
24
|
texts?: {
|
22
25
|
columns?: string;
|
23
26
|
searchPlaceholder?: string;
|
@@ -28,6 +31,8 @@ type DataTableProps<DataProps = {}> = {
|
|
28
31
|
of?: string;
|
29
32
|
total?: string;
|
30
33
|
goTo?: string;
|
34
|
+
selectedRows?: string;
|
35
|
+
bulkAction?: string;
|
31
36
|
};
|
32
37
|
};
|
33
38
|
declare module "@tanstack/table-core" {
|
@@ -38,6 +43,6 @@ declare module "@tanstack/table-core" {
|
|
38
43
|
i18nKey?: string;
|
39
44
|
}
|
40
45
|
}
|
41
|
-
declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
|
46
|
+
declare const DataTable: <DataProps extends {}>({ columns, data, paginationPosition, translateFn, enableHideColumns, enableSelection, enableSearch, enableGoTo, ...props }: DataTableProps<DataProps>) => React.JSX.Element;
|
42
47
|
|
43
48
|
export { DataTable };
|