@sikka/hawa 0.27.22-next → 0.27.24-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/avatar/index.d.mts +1 -0
- package/dist/avatar/index.d.ts +1 -0
- package/dist/avatar/index.js +2 -1
- package/dist/avatar/index.js.map +1 -1
- package/dist/avatar/index.mjs +2 -1
- package/dist/avatar/index.mjs.map +1 -1
- package/dist/blocks/auth/index.d.mts +29 -3
- package/dist/blocks/auth/index.d.ts +29 -3
- package/dist/blocks/auth/index.js +386 -383
- package/dist/blocks/auth/index.mjs +315 -309
- package/dist/blocks/feedback/index.d.mts +1 -1
- package/dist/blocks/feedback/index.d.ts +1 -1
- package/dist/blocks/feedback/index.mjs +5 -5
- package/dist/blocks/index.d.mts +28 -2
- package/dist/blocks/index.d.ts +28 -2
- package/dist/blocks/index.js +401 -398
- package/dist/blocks/index.mjs +19 -15
- package/dist/blocks/misc/index.d.mts +1 -1
- package/dist/blocks/misc/index.d.ts +1 -1
- package/dist/blocks/misc/index.mjs +5 -5
- package/dist/blocks/pricing/index.d.mts +1 -1
- package/dist/blocks/pricing/index.d.ts +1 -1
- package/dist/blocks/pricing/index.mjs +4 -4
- package/dist/{chunk-V42WPIDL.mjs → chunk-3ZURZ4TW.mjs} +2 -2
- package/dist/{chunk-W5I4VB5Z.mjs → chunk-4F7LNY2V.mjs} +1 -1
- package/dist/{chunk-MMOEFJSP.mjs → chunk-6HOSGMTV.mjs} +1 -1
- package/dist/{chunk-M6XGGAPQ.mjs → chunk-KZCOE6V3.mjs} +1 -1
- package/dist/{chunk-EFWL3FFK.mjs → chunk-N5J4XNGU.mjs} +1 -1
- package/dist/{chunk-DUL6C2S2.mjs → chunk-NK7TELIV.mjs} +1 -1
- package/dist/{chunk-ZOWDRDAM.mjs → chunk-R2NAPFAZ.mjs} +221 -221
- package/dist/{chunk-7QEBDFLT.mjs → chunk-SYZ5JMYJ.mjs} +2 -4
- package/dist/{chunk-7CYXEZDV.mjs → chunk-TIQERSM3.mjs} +1 -1
- package/dist/{chunk-DQHPOUHR.mjs → chunk-ZV3KYZ5G.mjs} +1 -1
- package/dist/elements/index.d.mts +5 -3
- package/dist/elements/index.d.ts +5 -3
- package/dist/elements/index.js +3 -2
- package/dist/elements/index.mjs +5 -4
- package/dist/index.css +3 -0
- package/dist/index.d.mts +54 -26
- package/dist/index.d.ts +54 -26
- package/dist/index.js +21 -15
- package/dist/index.mjs +20 -15
- package/dist/layout/index.mjs +2 -2
- package/dist/phoneInput/index.d.mts +1 -0
- package/dist/phoneInput/index.d.ts +1 -0
- package/dist/phoneInput/index.js +8 -8
- package/dist/phoneInput/index.js.map +1 -1
- package/dist/phoneInput/index.mjs +8 -8
- package/dist/phoneInput/index.mjs.map +1 -1
- package/dist/{textTypes-u4OSE-rn.d.mts → textTypes-ah2JJr8v.d.mts} +1 -1
- package/dist/{textTypes-u4OSE-rn.d.ts → textTypes-ah2JJr8v.d.ts} +1 -1
- package/package.json +6 -6
@@ -320,197 +320,10 @@ var Button = React2.forwardRef(
|
|
320
320
|
);
|
321
321
|
Button.displayName = "Button";
|
322
322
|
|
323
|
-
// elements/card/Card.tsx
|
324
|
-
import * as React3 from "react";
|
325
|
-
var Card = React3.forwardRef(
|
326
|
-
({ className, variant = "default", clickable = false, ...props }, ref) => {
|
327
|
-
let variantStyles = {
|
328
|
-
default: cn(
|
329
|
-
"hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
|
330
|
-
clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
|
331
|
-
),
|
332
|
-
neoBrutalism: cn(
|
333
|
-
"neo-brutalism",
|
334
|
-
// "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] transition-all uppercase font-mono dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
|
335
|
-
clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
|
336
|
-
)
|
337
|
-
};
|
338
|
-
return /* @__PURE__ */ React3.createElement(
|
339
|
-
"div",
|
340
|
-
{
|
341
|
-
ref,
|
342
|
-
className: cn(className, variantStyles[variant]),
|
343
|
-
...props
|
344
|
-
}
|
345
|
-
);
|
346
|
-
}
|
347
|
-
);
|
348
|
-
var CardHeader = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
|
349
|
-
"div",
|
350
|
-
{
|
351
|
-
ref,
|
352
|
-
className: cn(
|
353
|
-
"hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
|
354
|
-
className
|
355
|
-
),
|
356
|
-
...props
|
357
|
-
}
|
358
|
-
));
|
359
|
-
var CardTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
|
360
|
-
"h3",
|
361
|
-
{
|
362
|
-
ref,
|
363
|
-
className: cn("hawa-text-2xl hawa-font-semibold ", className),
|
364
|
-
...props
|
365
|
-
}
|
366
|
-
));
|
367
|
-
var CardDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
|
368
|
-
"p",
|
369
|
-
{
|
370
|
-
ref,
|
371
|
-
className: cn("hawa-text-sm hawa-text-muted-foreground", className),
|
372
|
-
...props
|
373
|
-
}
|
374
|
-
));
|
375
|
-
var CardContent = React3.forwardRef(
|
376
|
-
({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
|
377
|
-
"div",
|
378
|
-
{
|
379
|
-
ref,
|
380
|
-
className: cn(
|
381
|
-
noPadding ? "hawa-p-0" : "hawa-p-6",
|
382
|
-
headless ? "hawa-pt-6" : "hawa-pt-0",
|
383
|
-
className
|
384
|
-
),
|
385
|
-
...props
|
386
|
-
}
|
387
|
-
)
|
388
|
-
);
|
389
|
-
var CardFooter = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(
|
390
|
-
"div",
|
391
|
-
{
|
392
|
-
ref,
|
393
|
-
className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
|
394
|
-
...props
|
395
|
-
}
|
396
|
-
));
|
397
|
-
CardDescription.displayName = "CardDescription";
|
398
|
-
CardContent.displayName = "CardContent";
|
399
|
-
CardHeader.displayName = "CardHeader";
|
400
|
-
CardFooter.displayName = "CardFooter";
|
401
|
-
CardTitle.displayName = "CardTitle";
|
402
|
-
Card.displayName = "Card";
|
403
|
-
|
404
|
-
// elements/tooltip/Tooltip.tsx
|
405
|
-
import React4 from "react";
|
406
|
-
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
407
|
-
var TooltipContent = React4.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
408
|
-
TooltipPrimitive.Content,
|
409
|
-
{
|
410
|
-
ref,
|
411
|
-
sideOffset,
|
412
|
-
className: cn(
|
413
|
-
"hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
|
414
|
-
{
|
415
|
-
"hawa-text-xs": size === "small",
|
416
|
-
"hawa-text-xl": size === "large"
|
417
|
-
},
|
418
|
-
className
|
419
|
-
),
|
420
|
-
...props
|
421
|
-
}
|
422
|
-
));
|
423
|
-
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
424
|
-
var TooltipArrow = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
425
|
-
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
426
|
-
var Tooltip = ({
|
427
|
-
side,
|
428
|
-
size,
|
429
|
-
open,
|
430
|
-
content,
|
431
|
-
children,
|
432
|
-
disabled,
|
433
|
-
defaultOpen,
|
434
|
-
onOpenChange,
|
435
|
-
triggerProps,
|
436
|
-
contentProps,
|
437
|
-
providerProps,
|
438
|
-
delayDuration = 300,
|
439
|
-
...props
|
440
|
-
}) => {
|
441
|
-
return /* @__PURE__ */ React4.createElement(
|
442
|
-
TooltipPrimitive.TooltipProvider,
|
443
|
-
{
|
444
|
-
delayDuration,
|
445
|
-
...providerProps
|
446
|
-
},
|
447
|
-
/* @__PURE__ */ React4.createElement(
|
448
|
-
TooltipPrimitive.Root,
|
449
|
-
{
|
450
|
-
open: !disabled && open,
|
451
|
-
defaultOpen,
|
452
|
-
onOpenChange,
|
453
|
-
...props
|
454
|
-
},
|
455
|
-
/* @__PURE__ */ React4.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
456
|
-
/* @__PURE__ */ React4.createElement(
|
457
|
-
TooltipContent,
|
458
|
-
{
|
459
|
-
size,
|
460
|
-
side,
|
461
|
-
align: "center",
|
462
|
-
...contentProps,
|
463
|
-
style: {
|
464
|
-
...contentProps == null ? void 0 : contentProps.style,
|
465
|
-
maxWidth: "var(--radix-tooltip-content-available-width)",
|
466
|
-
maxHeight: "var(--radix-tooltip-content-available-height)"
|
467
|
-
}
|
468
|
-
},
|
469
|
-
content
|
470
|
-
)
|
471
|
-
)
|
472
|
-
);
|
473
|
-
};
|
474
|
-
|
475
|
-
// elements/skeleton/Skeleton.tsx
|
476
|
-
import React5 from "react";
|
477
|
-
function Skeleton({
|
478
|
-
className,
|
479
|
-
content,
|
480
|
-
animation = "pulse",
|
481
|
-
fade,
|
482
|
-
...props
|
483
|
-
}) {
|
484
|
-
const animationStyles = {
|
485
|
-
none: "hawa-rounded hawa-bg-muted",
|
486
|
-
pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
|
487
|
-
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"
|
488
|
-
};
|
489
|
-
const fadeStyle = {
|
490
|
-
bottom: "hawa-mask-fade-bottom",
|
491
|
-
top: "hawa-mask-fade-top",
|
492
|
-
right: "hawa-mask-fade-right",
|
493
|
-
left: "hawa-mask-fade-left "
|
494
|
-
};
|
495
|
-
return /* @__PURE__ */ React5.createElement(
|
496
|
-
"div",
|
497
|
-
{
|
498
|
-
className: cn(
|
499
|
-
animationStyles[animation],
|
500
|
-
content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
|
501
|
-
fade && fadeStyle[fade],
|
502
|
-
className
|
503
|
-
),
|
504
|
-
...props
|
505
|
-
},
|
506
|
-
content && content
|
507
|
-
);
|
508
|
-
}
|
509
|
-
|
510
323
|
// elements/logos/Logos.tsx
|
511
|
-
import
|
324
|
+
import React3 from "react";
|
512
325
|
var Logos = {
|
513
|
-
hawa: (props) => /* @__PURE__ */
|
326
|
+
hawa: (props) => /* @__PURE__ */ React3.createElement(
|
514
327
|
"svg",
|
515
328
|
{
|
516
329
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -518,7 +331,7 @@ var Logos = {
|
|
518
331
|
viewBox: "0 0 765 765",
|
519
332
|
...props
|
520
333
|
},
|
521
|
-
/* @__PURE__ */
|
334
|
+
/* @__PURE__ */ React3.createElement(
|
522
335
|
"path",
|
523
336
|
{
|
524
337
|
d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
|
@@ -526,7 +339,7 @@ var Logos = {
|
|
526
339
|
}
|
527
340
|
)
|
528
341
|
),
|
529
|
-
sikka: (props) => /* @__PURE__ */
|
342
|
+
sikka: (props) => /* @__PURE__ */ React3.createElement(
|
530
343
|
"svg",
|
531
344
|
{
|
532
345
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -536,11 +349,11 @@ var Logos = {
|
|
536
349
|
fill: "currentColor",
|
537
350
|
...props
|
538
351
|
},
|
539
|
-
/* @__PURE__ */
|
540
|
-
/* @__PURE__ */
|
541
|
-
/* @__PURE__ */
|
352
|
+
/* @__PURE__ */ React3.createElement("defs", null, /* @__PURE__ */ React3.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
|
353
|
+
/* @__PURE__ */ React3.createElement("clipPath", { id: "b" }, /* @__PURE__ */ React3.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
|
354
|
+
/* @__PURE__ */ React3.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ React3.createElement("defs", null, /* @__PURE__ */ React3.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ React3.createElement("clipPath", { id: "d" }, /* @__PURE__ */ React3.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ React3.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ React3.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
|
542
355
|
),
|
543
|
-
mail: (props) => /* @__PURE__ */
|
356
|
+
mail: (props) => /* @__PURE__ */ React3.createElement(
|
544
357
|
"svg",
|
545
358
|
{
|
546
359
|
stroke: "currentColor",
|
@@ -552,10 +365,10 @@ var Logos = {
|
|
552
365
|
xmlns: "http://www.w3.org/2000/svg",
|
553
366
|
...props
|
554
367
|
},
|
555
|
-
/* @__PURE__ */
|
556
|
-
/* @__PURE__ */
|
368
|
+
/* @__PURE__ */ React3.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
|
369
|
+
/* @__PURE__ */ React3.createElement("polyline", { points: "22,6 12,13 2,6" })
|
557
370
|
),
|
558
|
-
phone: (props) => /* @__PURE__ */
|
371
|
+
phone: (props) => /* @__PURE__ */ React3.createElement(
|
559
372
|
"svg",
|
560
373
|
{
|
561
374
|
stroke: "currentColor",
|
@@ -566,7 +379,7 @@ var Logos = {
|
|
566
379
|
xmlns: "http://www.w3.org/2000/svg",
|
567
380
|
...props
|
568
381
|
},
|
569
|
-
/* @__PURE__ */
|
382
|
+
/* @__PURE__ */ React3.createElement(
|
570
383
|
"path",
|
571
384
|
{
|
572
385
|
strokeLinecap: "round",
|
@@ -575,14 +388,14 @@ var Logos = {
|
|
575
388
|
}
|
576
389
|
)
|
577
390
|
),
|
578
|
-
twitter: (props) => /* @__PURE__ */
|
391
|
+
twitter: (props) => /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
579
392
|
"path",
|
580
393
|
{
|
581
394
|
fill: "currentColor",
|
582
395
|
d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
|
583
396
|
}
|
584
397
|
)),
|
585
|
-
instagram: (props) => /* @__PURE__ */
|
398
|
+
instagram: (props) => /* @__PURE__ */ React3.createElement(
|
586
399
|
"svg",
|
587
400
|
{
|
588
401
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -590,23 +403,23 @@ var Logos = {
|
|
590
403
|
viewBox: "0 0 16 16",
|
591
404
|
...props
|
592
405
|
},
|
593
|
-
/* @__PURE__ */
|
406
|
+
/* @__PURE__ */ React3.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" })
|
594
407
|
),
|
595
|
-
microsoft: (props) => /* @__PURE__ */
|
408
|
+
microsoft: (props) => /* @__PURE__ */ React3.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ React3.createElement(
|
596
409
|
"path",
|
597
410
|
{
|
598
411
|
fill: "currentColor",
|
599
412
|
d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
|
600
413
|
}
|
601
414
|
)),
|
602
|
-
github: (props) => /* @__PURE__ */
|
415
|
+
github: (props) => /* @__PURE__ */ React3.createElement(
|
603
416
|
"svg",
|
604
417
|
{
|
605
418
|
xmlns: "http://www.w3.org/2000/svg",
|
606
419
|
viewBox: "0 0 438.549 438.549",
|
607
420
|
...props
|
608
421
|
},
|
609
|
-
/* @__PURE__ */
|
422
|
+
/* @__PURE__ */ React3.createElement(
|
610
423
|
"path",
|
611
424
|
{
|
612
425
|
fill: "currentColor",
|
@@ -614,77 +427,77 @@ var Logos = {
|
|
614
427
|
}
|
615
428
|
)
|
616
429
|
),
|
617
|
-
radix: (props) => /* @__PURE__ */
|
430
|
+
radix: (props) => /* @__PURE__ */ React3.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ React3.createElement(
|
618
431
|
"path",
|
619
432
|
{
|
620
433
|
d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
|
621
434
|
fill: "currentcolor"
|
622
435
|
}
|
623
|
-
), /* @__PURE__ */
|
436
|
+
), /* @__PURE__ */ React3.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ React3.createElement(
|
624
437
|
"path",
|
625
438
|
{
|
626
439
|
d: "M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",
|
627
440
|
fill: "currentcolor"
|
628
441
|
}
|
629
442
|
)),
|
630
|
-
aria: (props) => /* @__PURE__ */
|
631
|
-
npm: (props) => /* @__PURE__ */
|
443
|
+
aria: (props) => /* @__PURE__ */ React3.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ React3.createElement("path", { d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" })),
|
444
|
+
npm: (props) => /* @__PURE__ */ React3.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
632
445
|
"path",
|
633
446
|
{
|
634
447
|
d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",
|
635
448
|
fill: "currentColor"
|
636
449
|
}
|
637
450
|
)),
|
638
|
-
yarn: (props) => /* @__PURE__ */
|
451
|
+
yarn: (props) => /* @__PURE__ */ React3.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
639
452
|
"path",
|
640
453
|
{
|
641
454
|
d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",
|
642
455
|
fill: "currentColor"
|
643
456
|
}
|
644
457
|
)),
|
645
|
-
pnpm: (props) => /* @__PURE__ */
|
458
|
+
pnpm: (props) => /* @__PURE__ */ React3.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
646
459
|
"path",
|
647
460
|
{
|
648
461
|
d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",
|
649
462
|
fill: "currentColor"
|
650
463
|
}
|
651
464
|
)),
|
652
|
-
react: (props) => /* @__PURE__ */
|
465
|
+
react: (props) => /* @__PURE__ */ React3.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
653
466
|
"path",
|
654
467
|
{
|
655
468
|
d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",
|
656
469
|
fill: "currentColor"
|
657
470
|
}
|
658
471
|
)),
|
659
|
-
tailwind: (props) => /* @__PURE__ */
|
472
|
+
tailwind: (props) => /* @__PURE__ */ React3.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
660
473
|
"path",
|
661
474
|
{
|
662
475
|
d: "M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",
|
663
476
|
fill: "currentColor"
|
664
477
|
}
|
665
478
|
)),
|
666
|
-
google: (props) => /* @__PURE__ */
|
479
|
+
google: (props) => /* @__PURE__ */ React3.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
667
480
|
"path",
|
668
481
|
{
|
669
482
|
fill: "currentColor",
|
670
483
|
d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
|
671
484
|
}
|
672
485
|
)),
|
673
|
-
apple: (props) => /* @__PURE__ */
|
486
|
+
apple: (props) => /* @__PURE__ */ React3.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
674
487
|
"path",
|
675
488
|
{
|
676
489
|
d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
|
677
490
|
fill: "currentColor"
|
678
491
|
}
|
679
492
|
)),
|
680
|
-
paypal: (props) => /* @__PURE__ */
|
493
|
+
paypal: (props) => /* @__PURE__ */ React3.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React3.createElement(
|
681
494
|
"path",
|
682
495
|
{
|
683
496
|
d: "M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",
|
684
497
|
fill: "currentColor"
|
685
498
|
}
|
686
499
|
)),
|
687
|
-
spinner: (props) => /* @__PURE__ */
|
500
|
+
spinner: (props) => /* @__PURE__ */ React3.createElement(
|
688
501
|
"svg",
|
689
502
|
{
|
690
503
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -698,9 +511,9 @@ var Logos = {
|
|
698
511
|
strokeLinejoin: "round",
|
699
512
|
...props
|
700
513
|
},
|
701
|
-
/* @__PURE__ */
|
514
|
+
/* @__PURE__ */ React3.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
702
515
|
),
|
703
|
-
whatsapp: (props) => /* @__PURE__ */
|
516
|
+
whatsapp: (props) => /* @__PURE__ */ React3.createElement(
|
704
517
|
"svg",
|
705
518
|
{
|
706
519
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -708,10 +521,197 @@ var Logos = {
|
|
708
521
|
fill: "currentColor",
|
709
522
|
...props
|
710
523
|
},
|
711
|
-
/* @__PURE__ */
|
524
|
+
/* @__PURE__ */ React3.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
|
525
|
+
)
|
526
|
+
};
|
527
|
+
|
528
|
+
// elements/card/Card.tsx
|
529
|
+
import * as React4 from "react";
|
530
|
+
var Card = React4.forwardRef(
|
531
|
+
({ className, variant = "default", clickable = false, ...props }, ref) => {
|
532
|
+
let variantStyles = {
|
533
|
+
default: cn(
|
534
|
+
"hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
|
535
|
+
clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
|
536
|
+
),
|
537
|
+
neoBrutalism: cn(
|
538
|
+
"neo-brutalism",
|
539
|
+
// "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] transition-all uppercase font-mono dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
|
540
|
+
clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
|
541
|
+
)
|
542
|
+
};
|
543
|
+
return /* @__PURE__ */ React4.createElement(
|
544
|
+
"div",
|
545
|
+
{
|
546
|
+
ref,
|
547
|
+
className: cn(className, variantStyles[variant]),
|
548
|
+
...props
|
549
|
+
}
|
550
|
+
);
|
551
|
+
}
|
552
|
+
);
|
553
|
+
var CardHeader = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
554
|
+
"div",
|
555
|
+
{
|
556
|
+
ref,
|
557
|
+
className: cn(
|
558
|
+
"hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
|
559
|
+
className
|
560
|
+
),
|
561
|
+
...props
|
562
|
+
}
|
563
|
+
));
|
564
|
+
var CardTitle = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
565
|
+
"h3",
|
566
|
+
{
|
567
|
+
ref,
|
568
|
+
className: cn("hawa-text-2xl hawa-font-semibold ", className),
|
569
|
+
...props
|
570
|
+
}
|
571
|
+
));
|
572
|
+
var CardDescription = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
573
|
+
"p",
|
574
|
+
{
|
575
|
+
ref,
|
576
|
+
className: cn("hawa-text-sm hawa-text-muted-foreground", className),
|
577
|
+
...props
|
578
|
+
}
|
579
|
+
));
|
580
|
+
var CardContent = React4.forwardRef(
|
581
|
+
({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
582
|
+
"div",
|
583
|
+
{
|
584
|
+
ref,
|
585
|
+
className: cn(
|
586
|
+
noPadding ? "hawa-p-0" : "hawa-p-6",
|
587
|
+
headless ? "hawa-pt-6" : "hawa-pt-0",
|
588
|
+
className
|
589
|
+
),
|
590
|
+
...props
|
591
|
+
}
|
712
592
|
)
|
593
|
+
);
|
594
|
+
var CardFooter = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React4.createElement(
|
595
|
+
"div",
|
596
|
+
{
|
597
|
+
ref,
|
598
|
+
className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
|
599
|
+
...props
|
600
|
+
}
|
601
|
+
));
|
602
|
+
CardDescription.displayName = "CardDescription";
|
603
|
+
CardContent.displayName = "CardContent";
|
604
|
+
CardHeader.displayName = "CardHeader";
|
605
|
+
CardFooter.displayName = "CardFooter";
|
606
|
+
CardTitle.displayName = "CardTitle";
|
607
|
+
Card.displayName = "Card";
|
608
|
+
|
609
|
+
// elements/tooltip/Tooltip.tsx
|
610
|
+
import React5 from "react";
|
611
|
+
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
612
|
+
var TooltipContent = React5.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ React5.createElement(
|
613
|
+
TooltipPrimitive.Content,
|
614
|
+
{
|
615
|
+
ref,
|
616
|
+
sideOffset,
|
617
|
+
className: cn(
|
618
|
+
"hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
|
619
|
+
{
|
620
|
+
"hawa-text-xs": size === "small",
|
621
|
+
"hawa-text-xl": size === "large"
|
622
|
+
},
|
623
|
+
className
|
624
|
+
),
|
625
|
+
...props
|
626
|
+
}
|
627
|
+
));
|
628
|
+
TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
629
|
+
var TooltipArrow = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React5.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
|
630
|
+
TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
|
631
|
+
var Tooltip = ({
|
632
|
+
side,
|
633
|
+
size,
|
634
|
+
open,
|
635
|
+
content,
|
636
|
+
children,
|
637
|
+
disabled,
|
638
|
+
defaultOpen,
|
639
|
+
onOpenChange,
|
640
|
+
triggerProps,
|
641
|
+
contentProps,
|
642
|
+
providerProps,
|
643
|
+
delayDuration = 300,
|
644
|
+
...props
|
645
|
+
}) => {
|
646
|
+
return /* @__PURE__ */ React5.createElement(
|
647
|
+
TooltipPrimitive.TooltipProvider,
|
648
|
+
{
|
649
|
+
delayDuration,
|
650
|
+
...providerProps
|
651
|
+
},
|
652
|
+
/* @__PURE__ */ React5.createElement(
|
653
|
+
TooltipPrimitive.Root,
|
654
|
+
{
|
655
|
+
open: !disabled && open,
|
656
|
+
defaultOpen,
|
657
|
+
onOpenChange,
|
658
|
+
...props
|
659
|
+
},
|
660
|
+
/* @__PURE__ */ React5.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
|
661
|
+
/* @__PURE__ */ React5.createElement(
|
662
|
+
TooltipContent,
|
663
|
+
{
|
664
|
+
size,
|
665
|
+
side,
|
666
|
+
align: "center",
|
667
|
+
...contentProps,
|
668
|
+
style: {
|
669
|
+
...contentProps == null ? void 0 : contentProps.style,
|
670
|
+
maxWidth: "var(--radix-tooltip-content-available-width)",
|
671
|
+
maxHeight: "var(--radix-tooltip-content-available-height)"
|
672
|
+
}
|
673
|
+
},
|
674
|
+
content
|
675
|
+
)
|
676
|
+
)
|
677
|
+
);
|
713
678
|
};
|
714
679
|
|
680
|
+
// elements/skeleton/Skeleton.tsx
|
681
|
+
import React6 from "react";
|
682
|
+
function Skeleton({
|
683
|
+
className,
|
684
|
+
content,
|
685
|
+
animation = "pulse",
|
686
|
+
fade,
|
687
|
+
...props
|
688
|
+
}) {
|
689
|
+
const animationStyles = {
|
690
|
+
none: "hawa-rounded hawa-bg-muted",
|
691
|
+
pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
|
692
|
+
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"
|
693
|
+
};
|
694
|
+
const fadeStyle = {
|
695
|
+
bottom: "hawa-mask-fade-bottom",
|
696
|
+
top: "hawa-mask-fade-top",
|
697
|
+
right: "hawa-mask-fade-right",
|
698
|
+
left: "hawa-mask-fade-left "
|
699
|
+
};
|
700
|
+
return /* @__PURE__ */ React6.createElement(
|
701
|
+
"div",
|
702
|
+
{
|
703
|
+
className: cn(
|
704
|
+
animationStyles[animation],
|
705
|
+
content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
|
706
|
+
fade && fadeStyle[fade],
|
707
|
+
className
|
708
|
+
),
|
709
|
+
...props
|
710
|
+
},
|
711
|
+
content && content
|
712
|
+
);
|
713
|
+
}
|
714
|
+
|
715
715
|
// elements/chip/Chip.tsx
|
716
716
|
import React7 from "react";
|
717
717
|
var Chip = React7.forwardRef(
|
@@ -1142,6 +1142,7 @@ export {
|
|
1142
1142
|
Loading,
|
1143
1143
|
buttonVariants,
|
1144
1144
|
Button,
|
1145
|
+
Logos,
|
1145
1146
|
Card,
|
1146
1147
|
CardHeader,
|
1147
1148
|
CardTitle,
|
@@ -1150,7 +1151,6 @@ export {
|
|
1150
1151
|
CardFooter,
|
1151
1152
|
Tooltip,
|
1152
1153
|
Skeleton,
|
1153
|
-
Logos,
|
1154
1154
|
Chip,
|
1155
1155
|
DropdownMenuRoot,
|
1156
1156
|
DropdownMenuTrigger,
|
@@ -7,10 +7,6 @@ function cn(...inputs) {
|
|
7
7
|
return twMerge(clsx(inputs));
|
8
8
|
}
|
9
9
|
|
10
|
-
// elements/button/Button.tsx
|
11
|
-
import * as React2 from "react";
|
12
|
-
import { cva } from "class-variance-authority";
|
13
|
-
|
14
10
|
// elements/loading/Loading.tsx
|
15
11
|
import React from "react";
|
16
12
|
var Loading = ({
|
@@ -230,6 +226,8 @@ var Loading = ({
|
|
230
226
|
};
|
231
227
|
|
232
228
|
// elements/button/Button.tsx
|
229
|
+
import * as React2 from "react";
|
230
|
+
import { cva } from "class-variance-authority";
|
233
231
|
var buttonVariants = cva(
|
234
232
|
"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",
|
235
233
|
{
|