@sikka/hawa 0.30.26-next → 0.30.28-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/index.js +319 -205
- package/dist/blocks/index.mjs +3 -2
- package/dist/blocks/misc/index.js +263 -149
- package/dist/blocks/misc/index.mjs +184 -70
- package/dist/{chunk-QDRFTC7W.mjs → chunk-MNK7PSNG.mjs} +48 -14
- package/dist/chunk-R2SKHHDK.mjs +411 -0
- package/dist/{chunk-H7ZADF2Z.mjs → chunk-UDCDD66A.mjs} +8 -0
- package/dist/elements/index.js +398 -289
- package/dist/elements/index.mjs +5 -5
- package/dist/floatBox/index.d.mts +3 -0
- package/dist/floatBox/index.d.ts +3 -0
- package/dist/floatBox/index.js +32 -12
- package/dist/floatBox/index.js.map +1 -1
- package/dist/floatBox/index.mjs +32 -12
- package/dist/floatBox/index.mjs.map +1 -1
- package/dist/hooks/index.d.mts +12 -2
- package/dist/hooks/index.d.ts +12 -2
- package/dist/hooks/index.js +36 -0
- package/dist/hooks/index.mjs +16 -340
- package/dist/index.css +68 -0
- package/dist/index.d.mts +11 -1
- package/dist/index.d.ts +11 -1
- package/dist/index.js +4243 -4176
- package/dist/index.mjs +1490 -1424
- package/dist/layout/index.mjs +3 -4
- package/dist/tabs/index.js +146 -32
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs +146 -32
- package/dist/tabs/index.mjs.map +1 -1
- package/package.json +1 -1
- package/dist/chunk-4OOSUQZG.mjs +0 -12
- package/dist/chunk-57SB6MBG.mjs +0 -31
package/dist/blocks/index.js
CHANGED
@@ -5503,7 +5503,7 @@ var FeedbackForm = (props) => {
|
|
5503
5503
|
};
|
5504
5504
|
|
5505
5505
|
// blocks/misc/LegalTexts.tsx
|
5506
|
-
var
|
5506
|
+
var import_react43 = __toESM(require("react"));
|
5507
5507
|
|
5508
5508
|
// elements/scrollArea/ScrollArea.tsx
|
5509
5509
|
var React33 = __toESM(require("react"));
|
@@ -5546,13 +5546,96 @@ var ScrollBar = React33.forwardRef(({ className, orientation = "vertical", ...pr
|
|
5546
5546
|
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
5547
5547
|
|
5548
5548
|
// elements/tabs/Tabs.tsx
|
5549
|
+
var React44 = __toESM(require("react"));
|
5550
|
+
|
5551
|
+
// hooks/useIsomorphicEffect.ts
|
5552
|
+
var import_react27 = require("react");
|
5553
|
+
|
5554
|
+
// hooks/useDiscloser.ts
|
5555
|
+
var import_react28 = require("react");
|
5556
|
+
|
5557
|
+
// hooks/useHover.ts
|
5558
|
+
var import_react29 = require("react");
|
5559
|
+
|
5560
|
+
// hooks/useToast.ts
|
5549
5561
|
var React36 = __toESM(require("react"));
|
5562
|
+
|
5563
|
+
// hooks/useCarousel.ts
|
5564
|
+
var import_react30 = require("react");
|
5565
|
+
|
5566
|
+
// hooks/useDialogCarousel.ts
|
5567
|
+
var import_react31 = require("react");
|
5568
|
+
var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
|
5569
|
+
var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
|
5570
|
+
|
5571
|
+
// hooks/useDialogSteps.ts
|
5572
|
+
var import_react32 = require("react");
|
5573
|
+
|
5574
|
+
// hooks/useClipboard.ts
|
5575
|
+
var import_react33 = require("react");
|
5576
|
+
|
5577
|
+
// hooks/useBreakpoint.ts
|
5578
|
+
var import_react34 = require("react");
|
5579
|
+
|
5580
|
+
// hooks/useWindowSize.ts
|
5581
|
+
var import_react35 = require("react");
|
5582
|
+
|
5583
|
+
// hooks/useFocusWithin.ts
|
5584
|
+
var import_react36 = require("react");
|
5585
|
+
|
5586
|
+
// hooks/useMediaQuery.ts
|
5587
|
+
var import_react37 = require("react");
|
5588
|
+
|
5589
|
+
// hooks/useScrollPosition.ts
|
5590
|
+
var import_react38 = require("react");
|
5591
|
+
|
5592
|
+
// hooks/useTable.ts
|
5593
|
+
var import_react39 = require("react");
|
5594
|
+
|
5595
|
+
// hooks/useTabs.ts
|
5596
|
+
var import_react40 = require("react");
|
5597
|
+
|
5598
|
+
// hooks/useMeasureDirty.ts
|
5599
|
+
var import_react41 = require("react");
|
5600
|
+
var useMeasureDirty = (ref) => {
|
5601
|
+
const frame = (0, import_react41.useRef)(0);
|
5602
|
+
const [rect, set] = (0, import_react41.useState)({
|
5603
|
+
width: 0,
|
5604
|
+
height: 0,
|
5605
|
+
top: 0,
|
5606
|
+
left: 0,
|
5607
|
+
bottom: 0,
|
5608
|
+
right: 0
|
5609
|
+
});
|
5610
|
+
const [observer] = (0, import_react41.useState)(
|
5611
|
+
() => new ResizeObserver((entries) => {
|
5612
|
+
const entry = entries[0];
|
5613
|
+
if (entry) {
|
5614
|
+
cancelAnimationFrame(frame.current);
|
5615
|
+
frame.current = requestAnimationFrame(() => {
|
5616
|
+
if (ref.current) {
|
5617
|
+
set(entry.contentRect);
|
5618
|
+
}
|
5619
|
+
});
|
5620
|
+
}
|
5621
|
+
})
|
5622
|
+
);
|
5623
|
+
(0, import_react41.useEffect)(() => {
|
5624
|
+
observer.disconnect();
|
5625
|
+
if (ref.current) {
|
5626
|
+
observer.observe(ref.current);
|
5627
|
+
}
|
5628
|
+
}, [ref]);
|
5629
|
+
return rect;
|
5630
|
+
};
|
5631
|
+
|
5632
|
+
// elements/tabs/Tabs.tsx
|
5550
5633
|
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
5551
5634
|
var import_tailwind_variants = require("tailwind-variants");
|
5552
5635
|
|
5553
5636
|
// elements/chip/Chip.tsx
|
5554
|
-
var
|
5555
|
-
var Chip =
|
5637
|
+
var import_react42 = __toESM(require("react"));
|
5638
|
+
var Chip = import_react42.default.forwardRef(
|
5556
5639
|
({
|
5557
5640
|
label,
|
5558
5641
|
size = "normal",
|
@@ -5594,7 +5677,7 @@ var Chip = import_react27.default.forwardRef(
|
|
5594
5677
|
oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
|
5595
5678
|
};
|
5596
5679
|
if (label) {
|
5597
|
-
return /* @__PURE__ */
|
5680
|
+
return /* @__PURE__ */ import_react42.default.createElement(
|
5598
5681
|
"span",
|
5599
5682
|
{
|
5600
5683
|
...rest,
|
@@ -5606,7 +5689,7 @@ var Chip = import_react27.default.forwardRef(
|
|
5606
5689
|
color ? colorStyles[color] : "hawa-border hawa-bg-none"
|
5607
5690
|
)
|
5608
5691
|
},
|
5609
|
-
dotType && /* @__PURE__ */
|
5692
|
+
dotType && /* @__PURE__ */ import_react42.default.createElement(
|
5610
5693
|
"span",
|
5611
5694
|
{
|
5612
5695
|
className: cn(dotStyles[size], dotTypeStyles[dotType])
|
@@ -5616,7 +5699,7 @@ var Chip = import_react27.default.forwardRef(
|
|
5616
5699
|
label
|
5617
5700
|
);
|
5618
5701
|
} else {
|
5619
|
-
return /* @__PURE__ */
|
5702
|
+
return /* @__PURE__ */ import_react42.default.createElement(
|
5620
5703
|
"span",
|
5621
5704
|
{
|
5622
5705
|
...rest,
|
@@ -5632,37 +5715,57 @@ var Chip = import_react27.default.forwardRef(
|
|
5632
5715
|
);
|
5633
5716
|
|
5634
5717
|
// elements/floatBox/FloatBox.tsx
|
5635
|
-
var
|
5718
|
+
var React43 = __toESM(require("react"));
|
5636
5719
|
var FloatBox = ({
|
5637
5720
|
className,
|
5638
5721
|
open,
|
5639
5722
|
side = "bottom",
|
5640
5723
|
sideOffset = 40,
|
5724
|
+
align = "center",
|
5725
|
+
arrow = true,
|
5641
5726
|
...props
|
5642
5727
|
}) => {
|
5643
|
-
let
|
5644
|
-
|
5645
|
-
|
5728
|
+
let stylesMap = {
|
5729
|
+
bottom: {
|
5730
|
+
start: { top: sideOffset, insetInlineStart: 0 },
|
5731
|
+
center: { top: sideOffset },
|
5732
|
+
end: { top: sideOffset, insetInlineEnd: 0 }
|
5733
|
+
},
|
5734
|
+
top: {
|
5735
|
+
start: { bottom: sideOffset, insetInlineStart: 0 },
|
5736
|
+
center: { bottom: sideOffset },
|
5737
|
+
end: { bottom: sideOffset, insetInlineEnd: 0 }
|
5738
|
+
},
|
5739
|
+
right: {
|
5740
|
+
start: { left: sideOffset, top: -5 },
|
5741
|
+
center: { left: sideOffset },
|
5742
|
+
end: { left: sideOffset, bottom: 0 }
|
5743
|
+
},
|
5744
|
+
left: {
|
5745
|
+
start: { right: sideOffset, top: 0 },
|
5746
|
+
center: { right: sideOffset },
|
5747
|
+
end: { right: sideOffset, bottom: 0 }
|
5748
|
+
}
|
5646
5749
|
};
|
5647
|
-
|
5648
|
-
|
5649
|
-
|
5650
|
-
right:
|
5651
|
-
left:
|
5750
|
+
const arrowDirection = {
|
5751
|
+
top: "hawa-arrow-default-bottom",
|
5752
|
+
bottom: "hawa-arrow-default-top",
|
5753
|
+
right: "hawa-arrow-default-left",
|
5754
|
+
left: "hawa-arrow-default-right"
|
5652
5755
|
};
|
5653
|
-
return /* @__PURE__ */
|
5756
|
+
return /* @__PURE__ */ React43.createElement(
|
5654
5757
|
"div",
|
5655
5758
|
{
|
5656
5759
|
className: cn(
|
5657
|
-
"data-[floatbox-state=closed]:hawa-invisible data-[floatbox-state=open]:hawa-visible hawa-absolute dark:dark-shadow hawa-z-50 hawa-rounded hawa-border
|
5658
|
-
sideOffsetStyles[side],
|
5760
|
+
"data-[floatbox-state=closed]:hawa-invisible data-[floatbox-state=open]:hawa-visible hawa-absolute dark:dark-shadow hawa-z-50 hawa-rounded hawa-border hawa-text-popover-foreground hawa-shadow-md hawa-outline-none data-[floatbox-state=open]:hawa-animate-in data-[floatbox-state=closed]:hawa-animate-out data-[floatbox-state=closed]:hawa-fade-out-0 data-[floatbox-state=open]:hawa-fade-in-0 data-[floatbox-state=closed]:hawa-zoom-out-95 data-[floatbox-state=open]:hawa-zoom-in-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 hawa-bg-popover",
|
5659
5761
|
className
|
5660
5762
|
),
|
5661
|
-
style: { ...
|
5763
|
+
style: { ...stylesMap[side][align] },
|
5662
5764
|
"data-side": side,
|
5663
5765
|
"data-floatbox-state": open ? "open" : "closed"
|
5664
5766
|
},
|
5665
|
-
|
5767
|
+
arrow && /* @__PURE__ */ React43.createElement("div", { className: cn("hawa-bg-red-500", arrowDirection[side]) }),
|
5768
|
+
/* @__PURE__ */ React43.createElement("span", null, props.children)
|
5666
5769
|
);
|
5667
5770
|
};
|
5668
5771
|
|
@@ -5725,8 +5828,8 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
|
|
5725
5828
|
],
|
5726
5829
|
defaultVariants: { variant: "default", orientation: "horizontal" }
|
5727
5830
|
});
|
5728
|
-
var TabsContext =
|
5729
|
-
var Tabs =
|
5831
|
+
var TabsContext = React44.createContext({ orientation: "horizontal", variant: "default" });
|
5832
|
+
var Tabs = React44.forwardRef(({ className, orientation, variant = "default", ...props }, ref) => /* @__PURE__ */ React44.createElement(
|
5730
5833
|
TabsPrimitive.Root,
|
5731
5834
|
{
|
5732
5835
|
ref,
|
@@ -5737,11 +5840,11 @@ var Tabs = React36.forwardRef(({ className, orientation, variant = "default", ..
|
|
5737
5840
|
),
|
5738
5841
|
...props
|
5739
5842
|
},
|
5740
|
-
/* @__PURE__ */
|
5843
|
+
/* @__PURE__ */ React44.createElement(TabsContext.Provider, { value: { orientation, variant } }, props.children)
|
5741
5844
|
));
|
5742
|
-
var TabsList =
|
5743
|
-
const { orientation, variant } =
|
5744
|
-
return /* @__PURE__ */
|
5845
|
+
var TabsList = React44.forwardRef(({ className, ...props }, ref) => {
|
5846
|
+
const { orientation, variant } = React44.useContext(TabsContext);
|
5847
|
+
return /* @__PURE__ */ React44.createElement(
|
5745
5848
|
TabsPrimitive.List,
|
5746
5849
|
{
|
5747
5850
|
ref,
|
@@ -5754,12 +5857,14 @@ var TabsList = React36.forwardRef(({ className, ...props }, ref) => {
|
|
5754
5857
|
}
|
5755
5858
|
);
|
5756
5859
|
});
|
5757
|
-
var TabsTrigger =
|
5758
|
-
const { orientation, variant } =
|
5759
|
-
|
5860
|
+
var TabsTrigger = React44.forwardRef(({ className, chipProps, ...props }, ref) => {
|
5861
|
+
const { orientation, variant } = React44.useContext(TabsContext);
|
5862
|
+
const tabTriggerRef = React44.useRef(null);
|
5863
|
+
const { width } = useMeasureDirty(tabTriggerRef);
|
5864
|
+
return /* @__PURE__ */ React44.createElement(
|
5760
5865
|
TabsPrimitive.Trigger,
|
5761
5866
|
{
|
5762
|
-
ref,
|
5867
|
+
ref: tabTriggerRef,
|
5763
5868
|
className: cn(
|
5764
5869
|
tabsTriggerVariant({ variant, orientation }),
|
5765
5870
|
"hawa-relative",
|
@@ -5768,11 +5873,20 @@ var TabsTrigger = React36.forwardRef(({ className, chipProps, ...props }, ref) =
|
|
5768
5873
|
...props
|
5769
5874
|
},
|
5770
5875
|
props.children,
|
5771
|
-
chipProps && /* @__PURE__ */
|
5772
|
-
/* @__PURE__ */
|
5876
|
+
chipProps && /* @__PURE__ */ React44.createElement(Chip, { ...chipProps }),
|
5877
|
+
/* @__PURE__ */ React44.createElement(
|
5878
|
+
FloatBox,
|
5879
|
+
{
|
5880
|
+
align: orientation === "vertical" ? "start" : "start",
|
5881
|
+
side: orientation === "vertical" ? "right" : "bottom",
|
5882
|
+
sideOffset: orientation === "vertical" ? width + 30 : 45,
|
5883
|
+
open: props.showPopover
|
5884
|
+
},
|
5885
|
+
props.popoverContent
|
5886
|
+
)
|
5773
5887
|
);
|
5774
5888
|
});
|
5775
|
-
var TabsContent =
|
5889
|
+
var TabsContent = React44.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React44.createElement(
|
5776
5890
|
TabsPrimitive.Content,
|
5777
5891
|
{
|
5778
5892
|
ref,
|
@@ -5790,7 +5904,7 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
5790
5904
|
|
5791
5905
|
// blocks/misc/LegalTexts.tsx
|
5792
5906
|
var LegalTexts = ({ tabs, ...props }) => {
|
5793
|
-
return /* @__PURE__ */
|
5907
|
+
return /* @__PURE__ */ import_react43.default.createElement(
|
5794
5908
|
Tabs,
|
5795
5909
|
{
|
5796
5910
|
value: props.activeTab,
|
@@ -5798,8 +5912,8 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
5798
5912
|
defaultValue: props.defaultTab || tabs[0].value,
|
5799
5913
|
dir: props.direction
|
5800
5914
|
},
|
5801
|
-
/* @__PURE__ */
|
5802
|
-
tabs.map((tab, index) => /* @__PURE__ */
|
5915
|
+
/* @__PURE__ */ import_react43.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react43.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
|
5916
|
+
tabs.map((tab, index) => /* @__PURE__ */ import_react43.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react43.default.createElement(
|
5803
5917
|
ScrollArea,
|
5804
5918
|
{
|
5805
5919
|
className: cn(
|
@@ -5813,9 +5927,9 @@ var LegalTexts = ({ tabs, ...props }) => {
|
|
5813
5927
|
};
|
5814
5928
|
|
5815
5929
|
// blocks/misc/EmptyState.tsx
|
5816
|
-
var
|
5930
|
+
var import_react44 = __toESM(require("react"));
|
5817
5931
|
var EmptyState = ({ texts, onActionClick }) => {
|
5818
|
-
return /* @__PURE__ */
|
5932
|
+
return /* @__PURE__ */ import_react44.default.createElement(Card, null, /* @__PURE__ */ import_react44.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react44.default.createElement(
|
5819
5933
|
"svg",
|
5820
5934
|
{
|
5821
5935
|
stroke: "currentColor",
|
@@ -5825,30 +5939,30 @@ var EmptyState = ({ texts, onActionClick }) => {
|
|
5825
5939
|
height: "0.35em",
|
5826
5940
|
width: "0.35em"
|
5827
5941
|
},
|
5828
|
-
/* @__PURE__ */
|
5829
|
-
)), /* @__PURE__ */
|
5942
|
+
/* @__PURE__ */ import_react44.default.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
|
5943
|
+
)), /* @__PURE__ */ import_react44.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.youreCaughtUp) || "You're all caught up"))), /* @__PURE__ */ import_react44.default.createElement(CardFooter, null, /* @__PURE__ */ import_react44.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
|
5830
5944
|
};
|
5831
5945
|
|
5832
5946
|
// blocks/misc/Testimonial.tsx
|
5833
|
-
var
|
5947
|
+
var import_react45 = __toESM(require("react"));
|
5834
5948
|
var Testimonial = () => {
|
5835
|
-
return /* @__PURE__ */
|
5949
|
+
return /* @__PURE__ */ import_react45.default.createElement(Card, null, /* @__PURE__ */ import_react45.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react45.default.createElement("div", null, /* @__PURE__ */ import_react45.default.createElement("p", { className: "mb-4 max-w-sm" }, "The team at Sikka Software is simply amazing. The tech is easy to follow, easy to work with, and infinitely flexible. The solution opportunities created by Tines are endless.")), /* @__PURE__ */ import_react45.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react45.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react45.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react45.default.createElement(
|
5836
5950
|
"path",
|
5837
5951
|
{
|
5838
5952
|
d: "M14.1412 22.4427L17.5803 16.5199C17.7671 16.1981 18.1112 16 18.4834 16H20.8581C21.653 16 22.1565 16.8528 21.7725 17.5488L19.3042 22.0225C19.2202 22.1747 19.1762 22.3458 19.1762 22.5196C19.1762 23.0879 19.6369 23.5486 20.2052 23.5486H21.5827C22.1594 23.5486 22.627 24.0162 22.627 24.5929V31.347C22.627 31.9237 22.1594 32.3913 21.5827 32.3913H15.0443C14.4676 32.3913 14 31.9237 14 31.347V22.9671C14 22.7829 14.0487 22.602 14.1412 22.4427Z",
|
5839
5953
|
fill: "#FFFFFF"
|
5840
5954
|
}
|
5841
|
-
), /* @__PURE__ */
|
5955
|
+
), /* @__PURE__ */ import_react45.default.createElement(
|
5842
5956
|
"path",
|
5843
5957
|
{
|
5844
5958
|
d: "M25.356 22.4427L28.7951 16.5199C28.982 16.1981 29.326 16 29.6982 16H32.0729C32.8679 16 33.3713 16.8528 32.9873 17.5488L30.5191 22.0225C30.4351 22.1747 30.391 22.3458 30.391 22.5196C30.391 23.0879 30.8518 23.5486 31.4201 23.5486H32.7975C33.3743 23.5486 33.8418 24.0162 33.8418 24.5929V31.347C33.8418 31.9237 33.3743 32.3913 32.7975 32.3913H26.2592C25.6824 32.3913 25.2148 31.9237 25.2148 31.347V22.9671C25.2148 22.7829 25.2636 22.602 25.356 22.4427Z",
|
5845
5959
|
fill: "#FFFFFF"
|
5846
5960
|
}
|
5847
|
-
)), /* @__PURE__ */
|
5961
|
+
)), /* @__PURE__ */ import_react45.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react45.default.createElement("div", null, /* @__PURE__ */ import_react45.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react45.default.createElement("div", null, " Chief Information Security Officer")))));
|
5848
5962
|
};
|
5849
5963
|
|
5850
5964
|
// blocks/misc/LeadGenerator.tsx
|
5851
|
-
var
|
5965
|
+
var import_react46 = __toESM(require("react"));
|
5852
5966
|
var import_react_hook_form8 = require("react-hook-form");
|
5853
5967
|
var LeadGenerator = ({ texts, submitHandler }) => {
|
5854
5968
|
var _a;
|
@@ -5860,14 +5974,14 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
5860
5974
|
console.log("handleNewsletterSub props was not provided");
|
5861
5975
|
}
|
5862
5976
|
};
|
5863
|
-
return /* @__PURE__ */
|
5977
|
+
return /* @__PURE__ */ import_react46.default.createElement(Card, null, /* @__PURE__ */ import_react46.default.createElement(CardHeader, null, /* @__PURE__ */ import_react46.default.createElement(CardTitle, null, texts == null ? void 0 : texts.title), /* @__PURE__ */ import_react46.default.createElement(CardDescription, null, texts == null ? void 0 : texts.subtitle)), /* @__PURE__ */ import_react46.default.createElement(CardContent, null, /* @__PURE__ */ import_react46.default.createElement(
|
5864
5978
|
"form",
|
5865
5979
|
{
|
5866
5980
|
noValidate: true,
|
5867
5981
|
className: "hawa-flex hawa-flex-row hawa-gap-2",
|
5868
5982
|
onSubmit: handleSubmit(onSubmit)
|
5869
5983
|
},
|
5870
|
-
/* @__PURE__ */
|
5984
|
+
/* @__PURE__ */ import_react46.default.createElement(
|
5871
5985
|
import_react_hook_form8.Controller,
|
5872
5986
|
{
|
5873
5987
|
name: "email",
|
@@ -5880,27 +5994,27 @@ var LeadGenerator = ({ texts, submitHandler }) => {
|
|
5880
5994
|
}
|
5881
5995
|
},
|
5882
5996
|
defaultValue: "",
|
5883
|
-
render: ({ field }) => /* @__PURE__ */
|
5997
|
+
render: ({ field }) => /* @__PURE__ */ import_react46.default.createElement(Input, { ...field, type: "email", placeholder: "example@sikka.io" })
|
5884
5998
|
}
|
5885
5999
|
),
|
5886
|
-
/* @__PURE__ */
|
6000
|
+
/* @__PURE__ */ import_react46.default.createElement(Button, { type: "submit", disabled: !formState.isValid }, (_a = texts == null ? void 0 : texts.submit) != null ? _a : "Submit")
|
5887
6001
|
)));
|
5888
6002
|
};
|
5889
6003
|
|
5890
6004
|
// blocks/misc/Announcement.tsx
|
5891
|
-
var
|
6005
|
+
var import_react47 = __toESM(require("react"));
|
5892
6006
|
var Announcement = ({
|
5893
6007
|
onActionClick,
|
5894
6008
|
...props
|
5895
6009
|
}) => {
|
5896
|
-
return /* @__PURE__ */
|
6010
|
+
return /* @__PURE__ */ import_react47.default.createElement(Card, null, /* @__PURE__ */ import_react47.default.createElement(
|
5897
6011
|
CardContent,
|
5898
6012
|
{
|
5899
6013
|
headless: true,
|
5900
6014
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between"
|
5901
6015
|
},
|
5902
|
-
/* @__PURE__ */
|
5903
|
-
/* @__PURE__ */
|
6016
|
+
/* @__PURE__ */ import_react47.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-justify-center " }, /* @__PURE__ */ import_react47.default.createElement("span", { className: "hawa-text-lg hawa-font-bold" }, props.title), /* @__PURE__ */ import_react47.default.createElement("span", { className: "hawa-text-sm" }, props.subtitle)),
|
6017
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
5904
6018
|
Button,
|
5905
6019
|
{
|
5906
6020
|
onClick: () => onActionClick(),
|
@@ -5912,15 +6026,15 @@ var Announcement = ({
|
|
5912
6026
|
};
|
5913
6027
|
|
5914
6028
|
// blocks/misc/NotFound.tsx
|
5915
|
-
var
|
6029
|
+
var import_react48 = __toESM(require("react"));
|
5916
6030
|
var NotFound = ({ texts }) => {
|
5917
|
-
return /* @__PURE__ */
|
6031
|
+
return /* @__PURE__ */ import_react48.default.createElement(Card, null, /* @__PURE__ */ import_react48.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-m-2 hawa-text-center hawa-text-xl hawa-font-bold " }, (texts == null ? void 0 : texts.pageNotFound) || "Page Not Found"), /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react48.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react48.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
|
5918
6032
|
};
|
5919
6033
|
|
5920
6034
|
// blocks/misc/NoPermission.tsx
|
5921
|
-
var
|
6035
|
+
var import_react49 = __toESM(require("react"));
|
5922
6036
|
var NoPermission = ({ texts }) => {
|
5923
|
-
return /* @__PURE__ */
|
6037
|
+
return /* @__PURE__ */ import_react49.default.createElement(Card, null, /* @__PURE__ */ import_react49.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-h-10 hawa-w-10 hawa-flex-col hawa-items-center hawa-justify-center hawa-rounded-3xl hawa-bg-primary hawa-text-6xl hawa-font-bold hawa-text-primary-foreground" }, /* @__PURE__ */ import_react49.default.createElement(
|
5924
6038
|
"svg",
|
5925
6039
|
{
|
5926
6040
|
stroke: "currentColor",
|
@@ -5930,12 +6044,12 @@ var NoPermission = ({ texts }) => {
|
|
5930
6044
|
height: "0.35em",
|
5931
6045
|
width: "0.35em"
|
5932
6046
|
},
|
5933
|
-
/* @__PURE__ */
|
5934
|
-
)), /* @__PURE__ */
|
6047
|
+
/* @__PURE__ */ import_react49.default.createElement("path", { d: "M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z" })
|
6048
|
+
)), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.title) || "You don't have permission"), /* @__PURE__ */ import_react49.default.createElement("div", null, (texts == null ? void 0 : texts.subtitle) || "If you think this is a problem please contact your administrator or our customer support"))));
|
5935
6049
|
};
|
5936
6050
|
|
5937
6051
|
// blocks/misc/ContactForm.tsx
|
5938
|
-
var
|
6052
|
+
var import_react50 = __toESM(require("react"));
|
5939
6053
|
var import_react_hook_form9 = require("react-hook-form");
|
5940
6054
|
var import_zod8 = require("@hookform/resolvers/zod");
|
5941
6055
|
var z8 = __toESM(require("zod"));
|
@@ -6007,7 +6121,7 @@ var ContactForm = ({
|
|
6007
6121
|
console.log("Form is submitted but onSubmit prop is missing");
|
6008
6122
|
}
|
6009
6123
|
};
|
6010
|
-
return /* @__PURE__ */
|
6124
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
6011
6125
|
Card,
|
6012
6126
|
{
|
6013
6127
|
className: cn(
|
@@ -6016,7 +6130,7 @@ var ContactForm = ({
|
|
6016
6130
|
),
|
6017
6131
|
style: cardless ? { boxShadow: "none" } : void 0
|
6018
6132
|
},
|
6019
|
-
/* @__PURE__ */
|
6133
|
+
/* @__PURE__ */ import_react50.default.createElement(CardContent, { headless: true, className: cardless ? "!hawa-p-0" : "" }, /* @__PURE__ */ import_react50.default.createElement(
|
6020
6134
|
"form",
|
6021
6135
|
{
|
6022
6136
|
noValidate: true,
|
@@ -6025,7 +6139,7 @@ var ContactForm = ({
|
|
6025
6139
|
id: formId,
|
6026
6140
|
autoComplete: formAutoComplete
|
6027
6141
|
},
|
6028
|
-
/* @__PURE__ */
|
6142
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
6029
6143
|
"div",
|
6030
6144
|
{
|
6031
6145
|
className: cn(
|
@@ -6036,14 +6150,14 @@ var ContactForm = ({
|
|
6036
6150
|
}
|
6037
6151
|
)
|
6038
6152
|
},
|
6039
|
-
/* @__PURE__ */
|
6153
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
6040
6154
|
import_react_hook_form9.Controller,
|
6041
6155
|
{
|
6042
6156
|
control,
|
6043
6157
|
name: "name",
|
6044
6158
|
render: ({ field }) => {
|
6045
6159
|
var _a2;
|
6046
|
-
return /* @__PURE__ */
|
6160
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
6047
6161
|
Input,
|
6048
6162
|
{
|
6049
6163
|
label: (texts == null ? void 0 : texts.name.label) || "Name",
|
@@ -6056,14 +6170,14 @@ var ContactForm = ({
|
|
6056
6170
|
}
|
6057
6171
|
}
|
6058
6172
|
),
|
6059
|
-
/* @__PURE__ */
|
6173
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
6060
6174
|
import_react_hook_form9.Controller,
|
6061
6175
|
{
|
6062
6176
|
control,
|
6063
6177
|
name: "email",
|
6064
6178
|
render: ({ field }) => {
|
6065
6179
|
var _a2;
|
6066
|
-
return /* @__PURE__ */
|
6180
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
6067
6181
|
Input,
|
6068
6182
|
{
|
6069
6183
|
label: (texts == null ? void 0 : texts.email.label) || "Email",
|
@@ -6079,7 +6193,7 @@ var ContactForm = ({
|
|
6079
6193
|
),
|
6080
6194
|
customFields && customFields.map((customField) => {
|
6081
6195
|
console.log("custom", customField);
|
6082
|
-
return /* @__PURE__ */
|
6196
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
6083
6197
|
import_react_hook_form9.Controller,
|
6084
6198
|
{
|
6085
6199
|
control,
|
@@ -6089,7 +6203,7 @@ var ContactForm = ({
|
|
6089
6203
|
switch (type) {
|
6090
6204
|
case "text":
|
6091
6205
|
case "number":
|
6092
|
-
return /* @__PURE__ */
|
6206
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
6093
6207
|
Input,
|
6094
6208
|
{
|
6095
6209
|
id: customField.name,
|
@@ -6100,7 +6214,7 @@ var ContactForm = ({
|
|
6100
6214
|
}
|
6101
6215
|
);
|
6102
6216
|
case "select":
|
6103
|
-
return /* @__PURE__ */
|
6217
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
6104
6218
|
Select,
|
6105
6219
|
{
|
6106
6220
|
label,
|
@@ -6110,20 +6224,20 @@ var ContactForm = ({
|
|
6110
6224
|
}
|
6111
6225
|
);
|
6112
6226
|
default:
|
6113
|
-
return /* @__PURE__ */
|
6227
|
+
return /* @__PURE__ */ import_react50.default.createElement("div", null, "Unknown type");
|
6114
6228
|
}
|
6115
6229
|
}
|
6116
6230
|
}
|
6117
6231
|
);
|
6118
6232
|
}),
|
6119
|
-
/* @__PURE__ */
|
6233
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
6120
6234
|
import_react_hook_form9.Controller,
|
6121
6235
|
{
|
6122
6236
|
control,
|
6123
6237
|
name: "message",
|
6124
6238
|
render: ({ field }) => {
|
6125
6239
|
var _a2;
|
6126
|
-
return /* @__PURE__ */
|
6240
|
+
return /* @__PURE__ */ import_react50.default.createElement(
|
6127
6241
|
Textarea,
|
6128
6242
|
{
|
6129
6243
|
label: (texts == null ? void 0 : texts.message.label) || "Message",
|
@@ -6140,19 +6254,19 @@ var ContactForm = ({
|
|
6140
6254
|
}
|
6141
6255
|
}
|
6142
6256
|
),
|
6143
|
-
/* @__PURE__ */
|
6257
|
+
/* @__PURE__ */ import_react50.default.createElement(Button, { type: "submit", className: "hawa-w-full" }, (texts == null ? void 0 : texts.submit) || "Submit")
|
6144
6258
|
))
|
6145
6259
|
);
|
6146
6260
|
};
|
6147
6261
|
|
6148
6262
|
// blocks/pricing/PricingPlans.tsx
|
6149
|
-
var
|
6263
|
+
var import_react56 = __toESM(require("react"));
|
6150
6264
|
|
6151
6265
|
// blocks/cards/ActionCard.tsx
|
6152
|
-
var
|
6266
|
+
var import_react51 = __toESM(require("react"));
|
6153
6267
|
var ActionCard = (props) => {
|
6154
|
-
const [hovered, setHovered] = (0,
|
6155
|
-
return /* @__PURE__ */
|
6268
|
+
const [hovered, setHovered] = (0, import_react51.useState)(false);
|
6269
|
+
return /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-1" }, /* @__PURE__ */ import_react51.default.createElement(
|
6156
6270
|
"div",
|
6157
6271
|
{
|
6158
6272
|
className: "hawa-group hawa-relative hawa-h-full hawa-w-full hawa-rounded hawa-border hawa-bg-background hawa-bg-cover hawa-bg-center hawa-transition-all hawa-duration-500 hover:hawa-drop-shadow-2xl",
|
@@ -6162,7 +6276,7 @@ var ActionCard = (props) => {
|
|
6162
6276
|
onMouseEnter: () => setHovered(true),
|
6163
6277
|
onMouseLeave: () => setHovered(false)
|
6164
6278
|
},
|
6165
|
-
props.blank ? /* @__PURE__ */
|
6279
|
+
props.blank ? /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-items-center hawa-justify-center " }, /* @__PURE__ */ import_react51.default.createElement(
|
6166
6280
|
"svg",
|
6167
6281
|
{
|
6168
6282
|
className: "hawa-h-10 hawa-w-10 hawa-text-foreground",
|
@@ -6174,11 +6288,11 @@ var ActionCard = (props) => {
|
|
6174
6288
|
width: "1em",
|
6175
6289
|
xmlns: "http://www.w3.org/2000/svg"
|
6176
6290
|
},
|
6177
|
-
/* @__PURE__ */
|
6178
|
-
)) : /* @__PURE__ */
|
6179
|
-
/* @__PURE__ */
|
6180
|
-
!props.blank && /* @__PURE__ */
|
6181
|
-
), /* @__PURE__ */
|
6291
|
+
/* @__PURE__ */ import_react51.default.createElement("path", { d: "M19 11h-6V5h-2v6H5v2h6v6h2v-6h6z" })
|
6292
|
+
)) : /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-absolute hawa-inset-0 hawa-rounded hawa-bg-black hawa-opacity-50" }),
|
6293
|
+
/* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-absolute hawa-bottom-2 hawa-right-2 hawa-z-10 hawa-opacity-0 hawa-transition-all hawa-duration-200 group-hover:hawa-opacity-100" }, props.inCardActions),
|
6294
|
+
!props.blank && /* @__PURE__ */ import_react51.default.createElement("div", { className: "hawa-relative hawa-p-4" }, /* @__PURE__ */ import_react51.default.createElement("h1", { className: "hawa-text-white" }, props.title), /* @__PURE__ */ import_react51.default.createElement("p", { className: "hawa-text-white" }, props.subtitle))
|
6295
|
+
), /* @__PURE__ */ import_react51.default.createElement(
|
6182
6296
|
"div",
|
6183
6297
|
{
|
6184
6298
|
className: `hawa-flex hawa-flex-row hawa-justify-between hawa-text-sm hawa-transition-all hawa-duration-200 ${hovered ? "hawa-opacity-100" : "hawa-opacity-0"}`
|
@@ -6188,15 +6302,15 @@ var ActionCard = (props) => {
|
|
6188
6302
|
};
|
6189
6303
|
|
6190
6304
|
// blocks/cards/AdCard.tsx
|
6191
|
-
var
|
6305
|
+
var import_react52 = __toESM(require("react"));
|
6192
6306
|
var AdCard = ({
|
6193
6307
|
orientation = "vertical",
|
6194
6308
|
...props
|
6195
6309
|
}) => {
|
6196
|
-
const adRef = (0,
|
6197
|
-
const [closed, setClosed] = (0,
|
6310
|
+
const adRef = (0, import_react52.useRef)(null);
|
6311
|
+
const [closed, setClosed] = (0, import_react52.useState)(false);
|
6198
6312
|
let duration = 0;
|
6199
|
-
(0,
|
6313
|
+
(0, import_react52.useEffect)(() => {
|
6200
6314
|
if (duration) {
|
6201
6315
|
const timeoutHide = setTimeout(() => {
|
6202
6316
|
setClosed(true);
|
@@ -6221,21 +6335,21 @@ var AdCard = ({
|
|
6221
6335
|
horizontal: "hawa-w-auto hawa-h-full hawa-bg-blue-500 hawa-rounded-inner",
|
6222
6336
|
vertical: "hawa-bg-blue-500 hawa-rounded-inner hawa-w-auto "
|
6223
6337
|
};
|
6224
|
-
return /* @__PURE__ */
|
6338
|
+
return /* @__PURE__ */ import_react52.default.createElement("div", { ref: adRef }, /* @__PURE__ */ import_react52.default.createElement(
|
6225
6339
|
"div",
|
6226
6340
|
{
|
6227
6341
|
className: cn(cardStyles[orientation], props.className),
|
6228
6342
|
onClick: props.handleClick
|
6229
6343
|
},
|
6230
|
-
/* @__PURE__ */
|
6344
|
+
/* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-flex hawa-aspect-square hawa-w-full hawa-max-w-fit hawa-items-start " }, /* @__PURE__ */ import_react52.default.createElement(
|
6231
6345
|
"img",
|
6232
6346
|
{
|
6233
6347
|
src: props.imageURL ? props.imageURL : "https://via.placeholder.com/50",
|
6234
6348
|
className: imageStyles[orientation]
|
6235
6349
|
}
|
6236
6350
|
)),
|
6237
|
-
/* @__PURE__ */
|
6238
|
-
props.canHide && /* @__PURE__ */
|
6351
|
+
/* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-w-full hawa-text-xs" }, /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-font-bold" }, props.title), /* @__PURE__ */ import_react52.default.createElement("div", { className: "hawa-text-[12px]" }, props.description)),
|
6352
|
+
props.canHide && /* @__PURE__ */ import_react52.default.createElement(
|
6239
6353
|
"span",
|
6240
6354
|
{
|
6241
6355
|
onClick: (e) => {
|
@@ -6261,15 +6375,15 @@ var AdCard = ({
|
|
6261
6375
|
};
|
6262
6376
|
|
6263
6377
|
// blocks/cards/PricingCard.tsx
|
6264
|
-
var
|
6378
|
+
var import_react53 = __toESM(require("react"));
|
6265
6379
|
|
6266
6380
|
// elements/separator/Separator.tsx
|
6267
|
-
var
|
6381
|
+
var React55 = __toESM(require("react"));
|
6268
6382
|
var Separator = ({
|
6269
6383
|
className,
|
6270
6384
|
orientation = "horizontal",
|
6271
6385
|
...props
|
6272
|
-
}) => /* @__PURE__ */
|
6386
|
+
}) => /* @__PURE__ */ React55.createElement(
|
6273
6387
|
"div",
|
6274
6388
|
{
|
6275
6389
|
className: cn(
|
@@ -6296,13 +6410,13 @@ var PricingCard = ({
|
|
6296
6410
|
medium: "hawa-w-full hawa-rounded hawa-min-w-fit hawa-border dark:hawa-border-gray-700 hawa-bg-background ",
|
6297
6411
|
large: "hawa-w-full hawa-max-w-lg hawa-rounded hawa-border dark:hawa-border-gray-700 hawa-bg-background "
|
6298
6412
|
};
|
6299
|
-
return /* @__PURE__ */
|
6413
|
+
return /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, props.isLoadingCard ? /* @__PURE__ */ import_react53.default.createElement(
|
6300
6414
|
Skeleton,
|
6301
6415
|
{
|
6302
6416
|
className: cn(cardSizes[size], "hawa-h-[200px]"),
|
6303
6417
|
fade: "bottom"
|
6304
6418
|
}
|
6305
|
-
) : /* @__PURE__ */
|
6419
|
+
) : /* @__PURE__ */ import_react53.default.createElement(
|
6306
6420
|
Card,
|
6307
6421
|
{
|
6308
6422
|
dir: direction,
|
@@ -6313,7 +6427,7 @@ var PricingCard = ({
|
|
6313
6427
|
recommended ? "hawa-rounded hawa-rounded-t-none" : "hawa-rounded"
|
6314
6428
|
)
|
6315
6429
|
},
|
6316
|
-
recommended && /* @__PURE__ */
|
6430
|
+
recommended && /* @__PURE__ */ import_react53.default.createElement(
|
6317
6431
|
"div",
|
6318
6432
|
{
|
6319
6433
|
className: "hawa-absolute -hawa-left-[1px] hawa-top-0 -hawa-translate-y-full hawa-rounded-t hawa-border hawa-bg-primary hawa-p-2 hawa-text-center hawa-text-primary-foreground",
|
@@ -6321,7 +6435,7 @@ var PricingCard = ({
|
|
6321
6435
|
},
|
6322
6436
|
((_a = props.texts) == null ? void 0 : _a.recommended) || "RECOMMENDED"
|
6323
6437
|
),
|
6324
|
-
/* @__PURE__ */
|
6438
|
+
/* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-gap-4" }, /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-text-md hawa-relative hawa-flex hawa-flex-col hawa-justify-between hawa-font-bold hawa-text-primary/70" }, /* @__PURE__ */ import_react53.default.createElement("span", null, (_b = props.texts) == null ? void 0 : _b.title), /* @__PURE__ */ import_react53.default.createElement("h5", { className: "hawa-text-sm hawa-font-normal hawa-text-primary/70" }, (_c = props.texts) == null ? void 0 : _c.subtitle), props.discount && /* @__PURE__ */ import_react53.default.createElement("span", { className: "hawa-absolute hawa-end-0" }, /* @__PURE__ */ import_react53.default.createElement(Chip, { label: props.discount, size: "large", color: "hyper" }))), /* @__PURE__ */ import_react53.default.createElement("div", { className: " hawa-flex hawa-items-baseline hawa-text-primary" }, props.isLoadingPrice ? /* @__PURE__ */ import_react53.default.createElement(Skeleton, { className: "hawa-h-[48px] hawa-w-full hawa-max-w-[200px] hawa-p-0 " }) : /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, props.noPrice ? /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, ((_d = props.texts) == null ? void 0 : _d.priceless) || "Contact Us") : /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-end hawa-gap-2" }, props.oldPrice && props.oldPrice > 0 && /* @__PURE__ */ import_react53.default.createElement("span", { className: "hawa-line-through hawa-opacity-70" }, props.oldPrice + " " + ((_e = props.texts) == null ? void 0 : _e.currencyText)), /* @__PURE__ */ import_react53.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, props.price)), /* @__PURE__ */ import_react53.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, (_f = props.texts) == null ? void 0 : _f.currencyText)), /* @__PURE__ */ import_react53.default.createElement("span", { className: "hawa-ml-1 hawa-whitespace-nowrap hawa-text-xl hawa-font-normal hawa-text-primary/70" }, "/ ", (_g = props.texts) == null ? void 0 : _g.cycleText)))), endButton && /* @__PURE__ */ import_react53.default.createElement(Separator, null), /* @__PURE__ */ import_react53.default.createElement(
|
6325
6439
|
"div",
|
6326
6440
|
{
|
6327
6441
|
className: cn(
|
@@ -6329,9 +6443,9 @@ var PricingCard = ({
|
|
6329
6443
|
endButton ? "hawa-flex-col" : "hawa-flex-col-reverse"
|
6330
6444
|
)
|
6331
6445
|
},
|
6332
|
-
props.features && /* @__PURE__ */
|
6446
|
+
props.features && /* @__PURE__ */ import_react53.default.createElement("ul", { role: "list", className: "hawa-space-y-0 hawa-overflow-x-auto" }, (_h = props.features) == null ? void 0 : _h.map((feature, o) => {
|
6333
6447
|
var _a2;
|
6334
|
-
return /* @__PURE__ */
|
6448
|
+
return /* @__PURE__ */ import_react53.default.createElement(
|
6335
6449
|
"li",
|
6336
6450
|
{
|
6337
6451
|
key: o,
|
@@ -6340,7 +6454,7 @@ var PricingCard = ({
|
|
6340
6454
|
!feature.included && "hawa-line-through"
|
6341
6455
|
)
|
6342
6456
|
},
|
6343
|
-
/* @__PURE__ */
|
6457
|
+
/* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center" }, feature.included ? /* @__PURE__ */ import_react53.default.createElement(
|
6344
6458
|
"svg",
|
6345
6459
|
{
|
6346
6460
|
"aria-label": "Check Icon",
|
@@ -6349,7 +6463,7 @@ var PricingCard = ({
|
|
6349
6463
|
fill: "currentColor",
|
6350
6464
|
viewBox: "0 0 20 20"
|
6351
6465
|
},
|
6352
|
-
/* @__PURE__ */
|
6466
|
+
/* @__PURE__ */ import_react53.default.createElement(
|
6353
6467
|
"path",
|
6354
6468
|
{
|
6355
6469
|
fillRule: "evenodd",
|
@@ -6357,7 +6471,7 @@ var PricingCard = ({
|
|
6357
6471
|
clipRule: "evenodd"
|
6358
6472
|
}
|
6359
6473
|
)
|
6360
|
-
) : /* @__PURE__ */
|
6474
|
+
) : /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-m-2 hawa-mx-2.5 hawa-h-4 hawa-w-4 hawa-rounded-full hawa-bg-primary/10" }), /* @__PURE__ */ import_react53.default.createElement("span", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-whitespace-nowrap hawa-text-start hawa-font-normal hawa-leading-tight hawa-text-primary/70 " }, feature.text, " ", feature.soon && feature.included && /* @__PURE__ */ import_react53.default.createElement(
|
6361
6475
|
Chip,
|
6362
6476
|
{
|
6363
6477
|
label: ((_a2 = props.texts) == null ? void 0 : _a2.soon) || "",
|
@@ -6365,13 +6479,13 @@ var PricingCard = ({
|
|
6365
6479
|
size: "small"
|
6366
6480
|
}
|
6367
6481
|
))),
|
6368
|
-
feature.hint && /* @__PURE__ */
|
6482
|
+
feature.hint && /* @__PURE__ */ import_react53.default.createElement(
|
6369
6483
|
Tooltip,
|
6370
6484
|
{
|
6371
6485
|
content: feature.hint,
|
6372
6486
|
side: feature.hintSide
|
6373
6487
|
},
|
6374
|
-
/* @__PURE__ */
|
6488
|
+
/* @__PURE__ */ import_react53.default.createElement(
|
6375
6489
|
"svg",
|
6376
6490
|
{
|
6377
6491
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -6383,14 +6497,14 @@ var PricingCard = ({
|
|
6383
6497
|
strokeLinecap: "round",
|
6384
6498
|
strokeLinejoin: "round"
|
6385
6499
|
},
|
6386
|
-
/* @__PURE__ */
|
6387
|
-
/* @__PURE__ */
|
6388
|
-
/* @__PURE__ */
|
6500
|
+
/* @__PURE__ */ import_react53.default.createElement("circle", { cx: "12", cy: "12", r: "10" }),
|
6501
|
+
/* @__PURE__ */ import_react53.default.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
6502
|
+
/* @__PURE__ */ import_react53.default.createElement("path", { d: "M12 17h.01" })
|
6389
6503
|
)
|
6390
6504
|
)
|
6391
6505
|
);
|
6392
6506
|
})),
|
6393
|
-
/* @__PURE__ */
|
6507
|
+
/* @__PURE__ */ import_react53.default.createElement(
|
6394
6508
|
Button,
|
6395
6509
|
{
|
6396
6510
|
onClick: props.onPlanClicked,
|
@@ -6404,17 +6518,17 @@ var PricingCard = ({
|
|
6404
6518
|
};
|
6405
6519
|
|
6406
6520
|
// blocks/cards/ItemCard.tsx
|
6407
|
-
var
|
6521
|
+
var import_react54 = __toESM(require("react"));
|
6408
6522
|
|
6409
6523
|
// elements/dropdownMenu/DropdownMenu.tsx
|
6410
|
-
var
|
6524
|
+
var React57 = __toESM(require("react"));
|
6411
6525
|
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
6412
6526
|
var DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
6413
6527
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
6414
6528
|
var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
|
6415
6529
|
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
6416
6530
|
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
6417
|
-
var DropdownMenuSubTrigger =
|
6531
|
+
var DropdownMenuSubTrigger = React57.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ React57.createElement(
|
6418
6532
|
DropdownMenuPrimitive.SubTrigger,
|
6419
6533
|
{
|
6420
6534
|
ref,
|
@@ -6425,9 +6539,9 @@ var DropdownMenuSubTrigger = React49.forwardRef(({ className, inset, children, .
|
|
6425
6539
|
),
|
6426
6540
|
...props
|
6427
6541
|
},
|
6428
|
-
/* @__PURE__ */
|
6542
|
+
/* @__PURE__ */ React57.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, children),
|
6429
6543
|
" ",
|
6430
|
-
/* @__PURE__ */
|
6544
|
+
/* @__PURE__ */ React57.createElement(
|
6431
6545
|
"svg",
|
6432
6546
|
{
|
6433
6547
|
"aria-label": "Chevron Right Icon",
|
@@ -6439,7 +6553,7 @@ var DropdownMenuSubTrigger = React49.forwardRef(({ className, inset, children, .
|
|
6439
6553
|
width: "1em",
|
6440
6554
|
className: cn(props.dir === "rtl" ? "hawa-rotate-180" : "")
|
6441
6555
|
},
|
6442
|
-
/* @__PURE__ */
|
6556
|
+
/* @__PURE__ */ React57.createElement(
|
6443
6557
|
"path",
|
6444
6558
|
{
|
6445
6559
|
fillRule: "evenodd",
|
@@ -6449,7 +6563,7 @@ var DropdownMenuSubTrigger = React49.forwardRef(({ className, inset, children, .
|
|
6449
6563
|
)
|
6450
6564
|
));
|
6451
6565
|
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
6452
|
-
var DropdownMenuSubContent =
|
6566
|
+
var DropdownMenuSubContent = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
|
6453
6567
|
DropdownMenuPrimitive.SubContent,
|
6454
6568
|
{
|
6455
6569
|
ref,
|
@@ -6461,7 +6575,7 @@ var DropdownMenuSubContent = React49.forwardRef(({ className, ...props }, ref) =
|
|
6461
6575
|
}
|
6462
6576
|
));
|
6463
6577
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
6464
|
-
var DropdownMenuContent =
|
6578
|
+
var DropdownMenuContent = React57.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React57.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React57.createElement(
|
6465
6579
|
DropdownMenuPrimitive.Content,
|
6466
6580
|
{
|
6467
6581
|
ref,
|
@@ -6474,8 +6588,8 @@ var DropdownMenuContent = React49.forwardRef(({ className, sideOffset = 4, ...pr
|
|
6474
6588
|
}
|
6475
6589
|
)));
|
6476
6590
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
6477
|
-
var DropdownMenuItem =
|
6478
|
-
return /* @__PURE__ */
|
6591
|
+
var DropdownMenuItem = React57.forwardRef(({ className, inset, badged, slug, LinkComponent, ...props }, ref) => {
|
6592
|
+
return /* @__PURE__ */ React57.createElement(LinkComponent, { href: slug }, /* @__PURE__ */ React57.createElement(
|
6479
6593
|
DropdownMenuPrimitive.Item,
|
6480
6594
|
{
|
6481
6595
|
disabled: props.disabled,
|
@@ -6488,14 +6602,14 @@ var DropdownMenuItem = React49.forwardRef(({ className, inset, badged, slug, Lin
|
|
6488
6602
|
),
|
6489
6603
|
...props
|
6490
6604
|
},
|
6491
|
-
/* @__PURE__ */
|
6605
|
+
/* @__PURE__ */ React57.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 " }, props.children),
|
6492
6606
|
props.end && props.end,
|
6493
|
-
!props.end && props.shortcut && /* @__PURE__ */
|
6494
|
-
!props.end && badged && /* @__PURE__ */
|
6607
|
+
!props.end && props.shortcut && /* @__PURE__ */ React57.createElement(DropdownMenuShortcut, null, props.shortcut),
|
6608
|
+
!props.end && badged && /* @__PURE__ */ React57.createElement("div", { className: "hawa-h-3 hawa-w-3 hawa-rounded-full hawa-bg-red-500" })
|
6495
6609
|
));
|
6496
6610
|
});
|
6497
6611
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
6498
|
-
var DropdownMenuCheckboxItem =
|
6612
|
+
var DropdownMenuCheckboxItem = React57.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ React57.createElement(
|
6499
6613
|
DropdownMenuPrimitive.CheckboxItem,
|
6500
6614
|
{
|
6501
6615
|
ref,
|
@@ -6506,7 +6620,7 @@ var DropdownMenuCheckboxItem = React49.forwardRef(({ className, children, checke
|
|
6506
6620
|
checked,
|
6507
6621
|
...props
|
6508
6622
|
},
|
6509
|
-
/* @__PURE__ */
|
6623
|
+
/* @__PURE__ */ React57.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React57.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React57.createElement(
|
6510
6624
|
"svg",
|
6511
6625
|
{
|
6512
6626
|
"aria-label": "Check Mark",
|
@@ -6517,12 +6631,12 @@ var DropdownMenuCheckboxItem = React49.forwardRef(({ className, children, checke
|
|
6517
6631
|
height: "0.60em",
|
6518
6632
|
width: "0.60em"
|
6519
6633
|
},
|
6520
|
-
/* @__PURE__ */
|
6634
|
+
/* @__PURE__ */ React57.createElement("path", { d: "M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z" })
|
6521
6635
|
), " ")),
|
6522
6636
|
children
|
6523
6637
|
));
|
6524
6638
|
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
6525
|
-
var DropdownMenuRadioItem =
|
6639
|
+
var DropdownMenuRadioItem = React57.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React57.createElement(
|
6526
6640
|
DropdownMenuPrimitive.RadioItem,
|
6527
6641
|
{
|
6528
6642
|
ref,
|
@@ -6532,7 +6646,7 @@ var DropdownMenuRadioItem = React49.forwardRef(({ className, children, ...props
|
|
6532
6646
|
),
|
6533
6647
|
...props
|
6534
6648
|
},
|
6535
|
-
/* @__PURE__ */
|
6649
|
+
/* @__PURE__ */ React57.createElement("span", { className: "hawa-absolute hawa-left-2 hawa-flex hawa-h-3.5 hawa-w-3.5 hawa-items-center hawa-justify-center" }, /* @__PURE__ */ React57.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React57.createElement(
|
6536
6650
|
"svg",
|
6537
6651
|
{
|
6538
6652
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -6547,12 +6661,12 @@ var DropdownMenuRadioItem = React49.forwardRef(({ className, children, ...props
|
|
6547
6661
|
strokeLinejoin: "round",
|
6548
6662
|
className: "hawa-h-2 hawa-w-2 hawa-fill-current"
|
6549
6663
|
},
|
6550
|
-
/* @__PURE__ */
|
6664
|
+
/* @__PURE__ */ React57.createElement("circle", { cx: "12", cy: "12", r: "10" })
|
6551
6665
|
))),
|
6552
6666
|
children
|
6553
6667
|
));
|
6554
6668
|
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
6555
|
-
var DropdownMenuLabel =
|
6669
|
+
var DropdownMenuLabel = React57.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ React57.createElement(
|
6556
6670
|
DropdownMenuPrimitive.Label,
|
6557
6671
|
{
|
6558
6672
|
ref,
|
@@ -6565,7 +6679,7 @@ var DropdownMenuLabel = React49.forwardRef(({ className, inset, ...props }, ref)
|
|
6565
6679
|
}
|
6566
6680
|
));
|
6567
6681
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
6568
|
-
var DropdownMenuSeparator =
|
6682
|
+
var DropdownMenuSeparator = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React57.createElement(
|
6569
6683
|
DropdownMenuPrimitive.Separator,
|
6570
6684
|
{
|
6571
6685
|
ref,
|
@@ -6578,7 +6692,7 @@ var DropdownMenuShortcut = ({
|
|
6578
6692
|
className,
|
6579
6693
|
...props
|
6580
6694
|
}) => {
|
6581
|
-
return /* @__PURE__ */
|
6695
|
+
return /* @__PURE__ */ React57.createElement(
|
6582
6696
|
"span",
|
6583
6697
|
{
|
6584
6698
|
className: cn(
|
@@ -6618,10 +6732,10 @@ var DropdownMenu = ({
|
|
6618
6732
|
default: "hawa-px-2 hawa-py-3 ",
|
6619
6733
|
sm: "hawa-text-xs hawa-px-1.5 hawa-py-1.5 "
|
6620
6734
|
};
|
6621
|
-
let [values, setValues] =
|
6735
|
+
let [values, setValues] = React57.useState(
|
6622
6736
|
items.map((item) => item.currentOption)
|
6623
6737
|
);
|
6624
|
-
return /* @__PURE__ */
|
6738
|
+
return /* @__PURE__ */ React57.createElement(
|
6625
6739
|
DropdownMenuRoot,
|
6626
6740
|
{
|
6627
6741
|
onOpenChange,
|
@@ -6629,8 +6743,8 @@ var DropdownMenu = ({
|
|
6629
6743
|
modal: false,
|
6630
6744
|
dir: direction
|
6631
6745
|
},
|
6632
|
-
/* @__PURE__ */
|
6633
|
-
/* @__PURE__ */
|
6746
|
+
/* @__PURE__ */ React57.createElement(DropdownMenuTrigger, { asChild: true, className: triggerClassname }, trigger),
|
6747
|
+
/* @__PURE__ */ React57.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React57.createElement(
|
6634
6748
|
DropdownMenuContent,
|
6635
6749
|
{
|
6636
6750
|
side,
|
@@ -6651,12 +6765,12 @@ var DropdownMenu = ({
|
|
6651
6765
|
var _a;
|
6652
6766
|
const ItemLinkComponent = item.slug ? LinkComponent : "a";
|
6653
6767
|
if (item.itemType === "separator") {
|
6654
|
-
return /* @__PURE__ */
|
6768
|
+
return /* @__PURE__ */ React57.createElement(DropdownMenuSeparator, { key: index });
|
6655
6769
|
} else if (item.itemType === "label") {
|
6656
|
-
return /* @__PURE__ */
|
6770
|
+
return /* @__PURE__ */ React57.createElement(DropdownMenuLabel, { key: index }, item.label);
|
6657
6771
|
} else if (item.itemType === "radio") {
|
6658
6772
|
let dd = item.currentOption;
|
6659
|
-
return /* @__PURE__ */
|
6773
|
+
return /* @__PURE__ */ React57.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React57.createElement(
|
6660
6774
|
DropdownMenuSubTrigger,
|
6661
6775
|
{
|
6662
6776
|
dir: direction,
|
@@ -6664,7 +6778,7 @@ var DropdownMenu = ({
|
|
6664
6778
|
},
|
6665
6779
|
item.icon && item.icon,
|
6666
6780
|
item.label && item.label
|
6667
|
-
), /* @__PURE__ */
|
6781
|
+
), /* @__PURE__ */ React57.createElement(DropdownMenuSubContent, null, /* @__PURE__ */ React57.createElement(
|
6668
6782
|
DropdownMenuRadioGroup,
|
6669
6783
|
{
|
6670
6784
|
value: values[index],
|
@@ -6678,12 +6792,12 @@ var DropdownMenu = ({
|
|
6678
6792
|
}
|
6679
6793
|
}
|
6680
6794
|
},
|
6681
|
-
(_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */
|
6795
|
+
(_a = item.options) == null ? void 0 : _a.map((opt, i) => /* @__PURE__ */ React57.createElement(DropdownMenuRadioItem, { key: i, value: opt.value }, opt.label))
|
6682
6796
|
)));
|
6683
6797
|
} else if (item.itemType === "custom") {
|
6684
|
-
return /* @__PURE__ */
|
6798
|
+
return /* @__PURE__ */ React57.createElement("div", { key: index }, item.content);
|
6685
6799
|
} else {
|
6686
|
-
return item.subitems ? /* @__PURE__ */
|
6800
|
+
return item.subitems ? /* @__PURE__ */ React57.createElement(DropdownMenuSub, { key: index }, /* @__PURE__ */ React57.createElement(
|
6687
6801
|
DropdownMenuSubTrigger,
|
6688
6802
|
{
|
6689
6803
|
dir: direction,
|
@@ -6691,9 +6805,9 @@ var DropdownMenu = ({
|
|
6691
6805
|
},
|
6692
6806
|
item.icon && item.icon,
|
6693
6807
|
item.label && item.label
|
6694
|
-
), /* @__PURE__ */
|
6808
|
+
), /* @__PURE__ */ React57.createElement(DropdownMenuPortal, null, /* @__PURE__ */ React57.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
6695
6809
|
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
6696
|
-
return /* @__PURE__ */
|
6810
|
+
return /* @__PURE__ */ React57.createElement(
|
6697
6811
|
DropdownMenuItem,
|
6698
6812
|
{
|
6699
6813
|
key: subIndex,
|
@@ -6722,7 +6836,7 @@ var DropdownMenu = ({
|
|
6722
6836
|
subitem.icon && subitem.icon,
|
6723
6837
|
subitem.label && subitem.label
|
6724
6838
|
);
|
6725
|
-
})))) : /* @__PURE__ */
|
6839
|
+
})))) : /* @__PURE__ */ React57.createElement(
|
6726
6840
|
DropdownMenuItem,
|
6727
6841
|
{
|
6728
6842
|
LinkComponent: ItemLinkComponent,
|
@@ -6804,12 +6918,12 @@ var ItemCard = ({
|
|
6804
6918
|
)
|
6805
6919
|
};
|
6806
6920
|
let headerActionsButtonStyle = "hawa-inline-block hawa-rounded hawa-p-1 hawa-text-sm hawa-text-gray-500 hover:hawa-bg-gray-100 focus:hawa-outline-none focus:hawa-ring-4 focus:hawa-ring-gray-200 dark:hawa-text-gray-400 dark:hover:hawa-bg-gray-700 dark:focus:hawa-ring-gray-700";
|
6807
|
-
const [openActionHeader, setOpenActionHeader] = (0,
|
6921
|
+
const [openActionHeader, setOpenActionHeader] = (0, import_react54.useState)(false);
|
6808
6922
|
function handleOpenActionHeader(e) {
|
6809
6923
|
e.stopPropagation();
|
6810
6924
|
setOpenActionHeader(!openActionHeader);
|
6811
6925
|
}
|
6812
|
-
(0,
|
6926
|
+
(0, import_react54.useEffect)(() => {
|
6813
6927
|
window.onclick = () => {
|
6814
6928
|
if (openActionHeader) {
|
6815
6929
|
setOpenActionHeader(false);
|
@@ -6817,7 +6931,7 @@ var ItemCard = ({
|
|
6817
6931
|
};
|
6818
6932
|
return () => window.onclick = null;
|
6819
6933
|
}, [openActionHeader]);
|
6820
|
-
return /* @__PURE__ */
|
6934
|
+
return /* @__PURE__ */ import_react54.default.createElement(
|
6821
6935
|
"div",
|
6822
6936
|
{
|
6823
6937
|
className: cn(
|
@@ -6833,7 +6947,7 @@ var ItemCard = ({
|
|
6833
6947
|
}
|
6834
6948
|
}
|
6835
6949
|
},
|
6836
|
-
cardImage && /* @__PURE__ */
|
6950
|
+
cardImage && /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-group hawa-relative hawa-overflow-clip" }, /* @__PURE__ */ import_react54.default.createElement(
|
6837
6951
|
"img",
|
6838
6952
|
{
|
6839
6953
|
src: cardImage,
|
@@ -6842,7 +6956,7 @@ var ItemCard = ({
|
|
6842
6956
|
clickableImage ? "hawa-overflow-clip hawa-transition-all group-hover:hawa-blur-lg" : ""
|
6843
6957
|
)
|
6844
6958
|
}
|
6845
|
-
), clickableImage && /* @__PURE__ */
|
6959
|
+
), clickableImage && /* @__PURE__ */ import_react54.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-absolute hawa-left-0 hawa-top-0 hawa-flex hawa-h-full hawa-w-full hawa-items-center hawa-justify-center hawa-opacity-0 hawa-transition-all group-hover:hawa-opacity-100 " }, /* @__PURE__ */ import_react54.default.createElement(
|
6846
6960
|
Button,
|
6847
6961
|
{
|
6848
6962
|
variant: "secondary",
|
@@ -6852,19 +6966,19 @@ var ItemCard = ({
|
|
6852
6966
|
clickableImageActionIcon,
|
6853
6967
|
clickableImageActionText || "Click"
|
6854
6968
|
)))),
|
6855
|
-
/* @__PURE__ */
|
6969
|
+
/* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react54.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react54.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react54.default.createElement(
|
6856
6970
|
DropdownMenu,
|
6857
6971
|
{
|
6858
6972
|
items: headerActions,
|
6859
|
-
trigger: /* @__PURE__ */
|
6973
|
+
trigger: /* @__PURE__ */ import_react54.default.createElement(
|
6860
6974
|
Button,
|
6861
6975
|
{
|
6862
6976
|
variant: "ghost",
|
6863
6977
|
size: "smallIcon",
|
6864
6978
|
onClick: handleOpenActionHeader
|
6865
6979
|
},
|
6866
|
-
/* @__PURE__ */
|
6867
|
-
/* @__PURE__ */
|
6980
|
+
/* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-sr-only" }, "Open dropdown"),
|
6981
|
+
/* @__PURE__ */ import_react54.default.createElement(
|
6868
6982
|
"svg",
|
6869
6983
|
{
|
6870
6984
|
className: "hawa-h-5 hawa-w-5",
|
@@ -6872,11 +6986,11 @@ var ItemCard = ({
|
|
6872
6986
|
fill: "currentColor",
|
6873
6987
|
viewBox: "0 0 20 20"
|
6874
6988
|
},
|
6875
|
-
/* @__PURE__ */
|
6989
|
+
/* @__PURE__ */ import_react54.default.createElement("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" })
|
6876
6990
|
)
|
6877
6991
|
)
|
6878
6992
|
}
|
6879
|
-
))), /* @__PURE__ */
|
6993
|
+
))), /* @__PURE__ */ import_react54.default.createElement("div", { className: " hawa-mx-2" }, header && /* @__PURE__ */ import_react54.default.createElement("h5", { className: "hawa-mb-2 hawa-text-2xl hawa-font-bold hawa-tracking-tight " }, header), content && /* @__PURE__ */ import_react54.default.createElement("span", { className: "hawa-w-full hawa-font-normal " }, content)), actions || counts ? /* @__PURE__ */ import_react54.default.createElement(
|
6880
6994
|
"div",
|
6881
6995
|
{
|
6882
6996
|
className: cn(
|
@@ -6886,15 +7000,15 @@ var ItemCard = ({
|
|
6886
7000
|
)
|
6887
7001
|
},
|
6888
7002
|
counts,
|
6889
|
-
/* @__PURE__ */
|
7003
|
+
/* @__PURE__ */ import_react54.default.createElement(StopPropagationWrapper, null, actions)
|
6890
7004
|
) : null)
|
6891
7005
|
);
|
6892
7006
|
};
|
6893
7007
|
|
6894
7008
|
// blocks/cards/LandingCard.tsx
|
6895
|
-
var
|
7009
|
+
var import_react55 = __toESM(require("react"));
|
6896
7010
|
var LandingCard = (props) => {
|
6897
|
-
return /* @__PURE__ */
|
7011
|
+
return /* @__PURE__ */ import_react55.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react55.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react55.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react55.default.createElement(CardDescription, null, props.subtitle)));
|
6898
7012
|
};
|
6899
7013
|
|
6900
7014
|
// blocks/pricing/PricingPlans.tsx
|
@@ -6903,7 +7017,7 @@ var PricingPlans = ({
|
|
6903
7017
|
cardsContainerProps,
|
6904
7018
|
...props
|
6905
7019
|
}) => {
|
6906
|
-
return /* @__PURE__ */
|
7020
|
+
return /* @__PURE__ */ import_react56.default.createElement("div", { ...mainContainerProps }, /* @__PURE__ */ import_react56.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-justify-between" }, /* @__PURE__ */ import_react56.default.createElement(
|
6907
7021
|
Radio,
|
6908
7022
|
{
|
6909
7023
|
name: "cycle",
|
@@ -6916,7 +7030,7 @@ var PricingPlans = ({
|
|
6916
7030
|
}
|
6917
7031
|
}
|
6918
7032
|
}
|
6919
|
-
), /* @__PURE__ */
|
7033
|
+
), /* @__PURE__ */ import_react56.default.createElement(
|
6920
7034
|
Radio,
|
6921
7035
|
{
|
6922
7036
|
name: "currency",
|
@@ -6929,7 +7043,7 @@ var PricingPlans = ({
|
|
6929
7043
|
}
|
6930
7044
|
}
|
6931
7045
|
}
|
6932
|
-
)), /* @__PURE__ */
|
7046
|
+
)), /* @__PURE__ */ import_react56.default.createElement(
|
6933
7047
|
"div",
|
6934
7048
|
{
|
6935
7049
|
className: "hawa-inline-grid hawa-w-full hawa-grid-cols-[repeat(auto-fit,_minmax(300px,_1fr))] hawa-gap-4",
|
@@ -6937,7 +7051,7 @@ var PricingPlans = ({
|
|
6937
7051
|
},
|
6938
7052
|
props.plans.map((plan, index) => {
|
6939
7053
|
var _a, _b;
|
6940
|
-
return /* @__PURE__ */
|
7054
|
+
return /* @__PURE__ */ import_react56.default.createElement(
|
6941
7055
|
PricingCard,
|
6942
7056
|
{
|
6943
7057
|
key: index,
|
@@ -6968,7 +7082,7 @@ var PricingPlans = ({
|
|
6968
7082
|
};
|
6969
7083
|
|
6970
7084
|
// blocks/pricing/ComparingPlans.tsx
|
6971
|
-
var
|
7085
|
+
var import_react57 = __toESM(require("react"));
|
6972
7086
|
var ComparingPlans = (props) => {
|
6973
7087
|
const uniqueFeatures = Array.from(
|
6974
7088
|
new Set(
|
@@ -6977,7 +7091,7 @@ var ComparingPlans = (props) => {
|
|
6977
7091
|
)
|
6978
7092
|
)
|
6979
7093
|
);
|
6980
|
-
return /* @__PURE__ */
|
7094
|
+
return /* @__PURE__ */ import_react57.default.createElement("div", { id: "detailed-pricing", className: "hawa-w-full" }, /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-mb-2 hawa-flex hawa-w-full hawa-flex-col hawa-justify-between hawa-gap-2 sm:hawa-flex-row" }, /* @__PURE__ */ import_react57.default.createElement(
|
6981
7095
|
Radio,
|
6982
7096
|
{
|
6983
7097
|
name: "cycle",
|
@@ -6992,7 +7106,7 @@ var ComparingPlans = (props) => {
|
|
6992
7106
|
}
|
6993
7107
|
}
|
6994
7108
|
}
|
6995
|
-
), /* @__PURE__ */
|
7109
|
+
), /* @__PURE__ */ import_react57.default.createElement(
|
6996
7110
|
Radio,
|
6997
7111
|
{
|
6998
7112
|
name: "currency",
|
@@ -7007,7 +7121,7 @@ var ComparingPlans = (props) => {
|
|
7007
7121
|
}
|
7008
7122
|
}
|
7009
7123
|
}
|
7010
|
-
)), /* @__PURE__ */
|
7124
|
+
)), /* @__PURE__ */ import_react57.default.createElement(
|
7011
7125
|
"div",
|
7012
7126
|
{
|
7013
7127
|
className: cn(
|
@@ -7018,16 +7132,16 @@ var ComparingPlans = (props) => {
|
|
7018
7132
|
top: props.topPosition || 0
|
7019
7133
|
}
|
7020
7134
|
},
|
7021
|
-
/* @__PURE__ */
|
7022
|
-
props.plans.map((plan, i) => /* @__PURE__ */
|
7135
|
+
/* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-flex hawa-items-center" }),
|
7136
|
+
props.plans.map((plan, i) => /* @__PURE__ */ import_react57.default.createElement(
|
7023
7137
|
"div",
|
7024
7138
|
{
|
7025
7139
|
key: i,
|
7026
7140
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2"
|
7027
7141
|
},
|
7028
|
-
/* @__PURE__ */
|
7142
|
+
/* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-text-md hawa-font-bold " }, plan.texts.title), /* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-text-md hawa-font-normal hawa-text-muted-foreground " }, plan.texts.subtitle)), /* @__PURE__ */ import_react57.default.createElement("div", { className: " hawa-flex hawa-items-baseline " }, /* @__PURE__ */ import_react57.default.createElement(import_react57.default.Fragment, null, /* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-text-5xl hawa-font-extrabold hawa-tracking-tight" }, plan.price), /* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-mx-1 hawa-text-sm hawa-font-semibold" }, plan.texts.currencyText)), /* @__PURE__ */ import_react57.default.createElement("span", { className: "hawa-ml-1 hawa-text-xl hawa-font-normal " }, "/ ", plan.texts.cycleText)))
|
7029
7143
|
))
|
7030
|
-
), /* @__PURE__ */
|
7144
|
+
), /* @__PURE__ */ import_react57.default.createElement(
|
7031
7145
|
ScrollArea,
|
7032
7146
|
{
|
7033
7147
|
className: "hawa-h-fit hawa-rounded hawa-rounded-t-none hawa-border hawa-border-t-0 hawa-bg-background",
|
@@ -7035,7 +7149,7 @@ var ComparingPlans = (props) => {
|
|
7035
7149
|
},
|
7036
7150
|
uniqueFeatures.map((featureText, featureIndex) => {
|
7037
7151
|
var _a, _b, _c, _d;
|
7038
|
-
return /* @__PURE__ */
|
7152
|
+
return /* @__PURE__ */ import_react57.default.createElement(
|
7039
7153
|
"div",
|
7040
7154
|
{
|
7041
7155
|
key: featureIndex,
|
@@ -7044,11 +7158,11 @@ var ComparingPlans = (props) => {
|
|
7044
7158
|
featureIndex === 0 ? "" : "hawa-border-t"
|
7045
7159
|
)
|
7046
7160
|
},
|
7047
|
-
/* @__PURE__ */
|
7161
|
+
/* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-foreground" }, featureText, props.plans.some(
|
7048
7162
|
(plan) => plan.features.some(
|
7049
7163
|
(feature) => feature.text === featureText && feature.hint
|
7050
7164
|
)
|
7051
|
-
) && /* @__PURE__ */
|
7165
|
+
) && /* @__PURE__ */ import_react57.default.createElement(
|
7052
7166
|
Tooltip,
|
7053
7167
|
{
|
7054
7168
|
side: "right",
|
@@ -7063,7 +7177,7 @@ var ComparingPlans = (props) => {
|
|
7063
7177
|
(feature) => feature.text === featureText
|
7064
7178
|
)) == null ? void 0 : _b.hint
|
7065
7179
|
},
|
7066
|
-
/* @__PURE__ */
|
7180
|
+
/* @__PURE__ */ import_react57.default.createElement(
|
7067
7181
|
"svg",
|
7068
7182
|
{
|
7069
7183
|
stroke: "currentColor",
|
@@ -7073,13 +7187,13 @@ var ComparingPlans = (props) => {
|
|
7073
7187
|
height: "1em",
|
7074
7188
|
width: "1em"
|
7075
7189
|
},
|
7076
|
-
/* @__PURE__ */
|
7190
|
+
/* @__PURE__ */ import_react57.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
|
7077
7191
|
)
|
7078
7192
|
), props.plans.some(
|
7079
7193
|
(plan) => plan.features.some(
|
7080
7194
|
(feature) => feature.text === featureText && feature.soon
|
7081
7195
|
)
|
7082
|
-
) && /* @__PURE__ */
|
7196
|
+
) && /* @__PURE__ */ import_react57.default.createElement(
|
7083
7197
|
Chip,
|
7084
7198
|
{
|
7085
7199
|
label: ((_d = (_c = props.plans.find(
|
@@ -7093,26 +7207,26 @@ var ComparingPlans = (props) => {
|
|
7093
7207
|
const feature = plan.features.find(
|
7094
7208
|
(f) => f.text === featureText
|
7095
7209
|
);
|
7096
|
-
return /* @__PURE__ */
|
7210
|
+
return /* @__PURE__ */ import_react57.default.createElement(
|
7097
7211
|
"div",
|
7098
7212
|
{
|
7099
7213
|
key: planIndex,
|
7100
7214
|
className: "hawa-flex hawa-flex-col hawa-items-center hawa-text-center"
|
7101
7215
|
},
|
7102
|
-
(feature == null ? void 0 : feature.included) ? /* @__PURE__ */
|
7216
|
+
(feature == null ? void 0 : feature.included) ? /* @__PURE__ */ import_react57.default.createElement(CheckMark, { className: "hawa-text-foreground" }) : /* @__PURE__ */ import_react57.default.createElement(UncheckMark, { className: "hawa-text-foreground" })
|
7103
7217
|
);
|
7104
7218
|
})
|
7105
7219
|
);
|
7106
7220
|
})
|
7107
|
-
), props.showButtons && /* @__PURE__ */
|
7221
|
+
), props.showButtons && /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5" }, /* @__PURE__ */ import_react57.default.createElement("div", { className: "hawa-flex hawa-items-center" }), props.plans.map((plan, i) => {
|
7108
7222
|
var _a;
|
7109
|
-
return /* @__PURE__ */
|
7223
|
+
return /* @__PURE__ */ import_react57.default.createElement(
|
7110
7224
|
"div",
|
7111
7225
|
{
|
7112
7226
|
key: i,
|
7113
7227
|
className: "hawa-flex hawa-items-center hawa-justify-center"
|
7114
7228
|
},
|
7115
|
-
/* @__PURE__ */
|
7229
|
+
/* @__PURE__ */ import_react57.default.createElement(
|
7116
7230
|
Button,
|
7117
7231
|
{
|
7118
7232
|
className: "hawa-w-full hawa-max-w-xs",
|
@@ -7136,15 +7250,15 @@ var ComparingPlans = (props) => {
|
|
7136
7250
|
};
|
7137
7251
|
|
7138
7252
|
// blocks/pricing/HorizontalPricing.tsx
|
7139
|
-
var
|
7253
|
+
var import_react58 = __toESM(require("react"));
|
7140
7254
|
var HorizontalPricing = (props) => {
|
7141
|
-
const [selectedCard, setSelectedCard] = (0,
|
7255
|
+
const [selectedCard, setSelectedCard] = (0, import_react58.useState)("");
|
7142
7256
|
let data = [
|
7143
7257
|
{ title: "basic", price: "$49", cycle: "/mo" },
|
7144
7258
|
{ title: "business", price: "$99", cycle: "/mo" },
|
7145
7259
|
{ title: "enterprise", price: "$149", cycle: "/mo" }
|
7146
7260
|
];
|
7147
|
-
return /* @__PURE__ */
|
7261
|
+
return /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-z-10 hawa-w-full hawa-max-w-screen-sm" }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-max-w-2xl " }, /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, /* @__PURE__ */ import_react58.default.createElement(
|
7148
7262
|
Radio,
|
7149
7263
|
{
|
7150
7264
|
name: "currency",
|
@@ -7152,7 +7266,7 @@ var HorizontalPricing = (props) => {
|
|
7152
7266
|
options: props.currencies,
|
7153
7267
|
defaultValue: props.currentCurrency
|
7154
7268
|
}
|
7155
|
-
), /* @__PURE__ */
|
7269
|
+
), /* @__PURE__ */ import_react58.default.createElement(
|
7156
7270
|
Radio,
|
7157
7271
|
{
|
7158
7272
|
name: "cycle",
|
@@ -7160,7 +7274,7 @@ var HorizontalPricing = (props) => {
|
|
7160
7274
|
options: props.billingCycles,
|
7161
7275
|
defaultValue: props.currentCycle
|
7162
7276
|
}
|
7163
|
-
)), data.map((d, i) => /* @__PURE__ */
|
7277
|
+
)), data.map((d, i) => /* @__PURE__ */ import_react58.default.createElement(
|
7164
7278
|
"label",
|
7165
7279
|
{
|
7166
7280
|
key: i,
|
@@ -7168,7 +7282,7 @@ var HorizontalPricing = (props) => {
|
|
7168
7282
|
className: "",
|
7169
7283
|
onClick: () => setSelectedCard(d.title)
|
7170
7284
|
},
|
7171
|
-
/* @__PURE__ */
|
7285
|
+
/* @__PURE__ */ import_react58.default.createElement(
|
7172
7286
|
"input",
|
7173
7287
|
{
|
7174
7288
|
type: "radio",
|
@@ -7177,7 +7291,7 @@ var HorizontalPricing = (props) => {
|
|
7177
7291
|
className: "hawa-peer hawa-appearance-none"
|
7178
7292
|
}
|
7179
7293
|
),
|
7180
|
-
/* @__PURE__ */
|
7294
|
+
/* @__PURE__ */ import_react58.default.createElement(
|
7181
7295
|
"div",
|
7182
7296
|
{
|
7183
7297
|
className: cn(
|
@@ -7185,18 +7299,18 @@ var HorizontalPricing = (props) => {
|
|
7185
7299
|
"hawa-peer hawa-flex hawa-cursor-pointer hawa-items-center hawa-justify-between hawa-rounded-xl hawa-border hawa-bg-background hawa-px-5 hawa-py-4 hawa-shadow dark:hawa-text-white peer-checked:[&_.active]:hawa-block peer-checked:[&_.default]:hawa-hidden"
|
7186
7300
|
)
|
7187
7301
|
},
|
7188
|
-
/* @__PURE__ */
|
7302
|
+
/* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-peer hawa-flex hawa-items-center hawa-gap-4" }, /* @__PURE__ */ import_react58.default.createElement(CheckIcons, null), /* @__PURE__ */ import_react58.default.createElement(
|
7189
7303
|
CardText,
|
7190
7304
|
{
|
7191
7305
|
title: "Enterprise",
|
7192
7306
|
subtitle: "For startups and new businesses"
|
7193
7307
|
}
|
7194
7308
|
)),
|
7195
|
-
/* @__PURE__ */
|
7309
|
+
/* @__PURE__ */ import_react58.default.createElement(CardPrice, { amount: d.price, cycle: d.cycle })
|
7196
7310
|
)
|
7197
7311
|
))));
|
7198
7312
|
};
|
7199
|
-
var CheckIcons = () => /* @__PURE__ */
|
7313
|
+
var CheckIcons = () => /* @__PURE__ */ import_react58.default.createElement(import_react58.default.Fragment, null, /* @__PURE__ */ import_react58.default.createElement(
|
7200
7314
|
"svg",
|
7201
7315
|
{
|
7202
7316
|
fill: "none",
|
@@ -7205,7 +7319,7 @@ var CheckIcons = () => /* @__PURE__ */ import_react43.default.createElement(impo
|
|
7205
7319
|
stroke: "currentColor",
|
7206
7320
|
className: "hawa-default hawa-h-8 hawa-w-8 hawa-text-neutral-500"
|
7207
7321
|
},
|
7208
|
-
/* @__PURE__ */
|
7322
|
+
/* @__PURE__ */ import_react58.default.createElement(
|
7209
7323
|
"path",
|
7210
7324
|
{
|
7211
7325
|
strokeLinecap: "round",
|
@@ -7213,14 +7327,14 @@ var CheckIcons = () => /* @__PURE__ */ import_react43.default.createElement(impo
|
|
7213
7327
|
d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
|
7214
7328
|
}
|
7215
7329
|
)
|
7216
|
-
), /* @__PURE__ */
|
7330
|
+
), /* @__PURE__ */ import_react58.default.createElement(
|
7217
7331
|
"svg",
|
7218
7332
|
{
|
7219
7333
|
viewBox: "0 0 24 24",
|
7220
7334
|
fill: "currentColor",
|
7221
7335
|
className: "hawa-active hawa-hidden hawa-h-8 hawa-w-8 hawa-text-blue-500"
|
7222
7336
|
},
|
7223
|
-
/* @__PURE__ */
|
7337
|
+
/* @__PURE__ */ import_react58.default.createElement(
|
7224
7338
|
"path",
|
7225
7339
|
{
|
7226
7340
|
fillRule: "evenodd",
|
@@ -7229,16 +7343,16 @@ var CheckIcons = () => /* @__PURE__ */ import_react43.default.createElement(impo
|
|
7229
7343
|
}
|
7230
7344
|
)
|
7231
7345
|
));
|
7232
|
-
var CardText = (props) => /* @__PURE__ */
|
7233
|
-
var CardPrice = (props) => /* @__PURE__ */
|
7346
|
+
var CardText = (props) => /* @__PURE__ */ import_react58.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react58.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react58.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
|
7347
|
+
var CardPrice = (props) => /* @__PURE__ */ import_react58.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react58.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
|
7234
7348
|
|
7235
7349
|
// blocks/Usage.tsx
|
7236
|
-
var
|
7350
|
+
var import_react59 = __toESM(require("react"));
|
7237
7351
|
|
7238
7352
|
// elements/progress/Progress.tsx
|
7239
|
-
var
|
7353
|
+
var React63 = __toESM(require("react"));
|
7240
7354
|
var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
|
7241
|
-
var Progress =
|
7355
|
+
var Progress = React63.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React63.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React63.createElement(Label, { ...props.labelProps }, props.label), /* @__PURE__ */ React63.createElement(
|
7242
7356
|
ProgressPrimitive.Root,
|
7243
7357
|
{
|
7244
7358
|
ref,
|
@@ -7248,7 +7362,7 @@ var Progress = React55.forwardRef(({ className, value, ...props }, ref) => /* @_
|
|
7248
7362
|
),
|
7249
7363
|
...props
|
7250
7364
|
},
|
7251
|
-
/* @__PURE__ */
|
7365
|
+
/* @__PURE__ */ React63.createElement(
|
7252
7366
|
ProgressPrimitive.Indicator,
|
7253
7367
|
{
|
7254
7368
|
className: "hawa-h-full hawa-w-full hawa-flex-1 hawa-bg-primary hawa-transition-all",
|
@@ -7261,7 +7375,7 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
7261
7375
|
// blocks/Usage.tsx
|
7262
7376
|
var Usage = (props) => {
|
7263
7377
|
var _a;
|
7264
|
-
return /* @__PURE__ */
|
7378
|
+
return /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-flex hawa-w-full hawa-flex-col hawa-gap-1 hawa-rounded hawa-border hawa-bg-card hawa-p-4" }, /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react59.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react59.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react59.default.createElement(
|
7265
7379
|
"svg",
|
7266
7380
|
{
|
7267
7381
|
stroke: "currentColor",
|
@@ -7272,8 +7386,8 @@ var Usage = (props) => {
|
|
7272
7386
|
height: "1em",
|
7273
7387
|
width: "1em"
|
7274
7388
|
},
|
7275
|
-
/* @__PURE__ */
|
7276
|
-
))), /* @__PURE__ */
|
7389
|
+
/* @__PURE__ */ import_react59.default.createElement("path", { d: "M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z" })
|
7390
|
+
))), /* @__PURE__ */ import_react59.default.createElement("div", { className: "hawa-bg-white-100 hawa-flex hawa-flex-row" }, /* @__PURE__ */ import_react59.default.createElement("div", null, props.currentUsage), /* @__PURE__ */ import_react59.default.createElement("div", null, " (", props.percent, "%)")), /* @__PURE__ */ import_react59.default.createElement(Progress, { value: (_a = props.percent) != null ? _a : 0 }));
|
7277
7391
|
};
|
7278
7392
|
// Annotate the CommonJS export names for ESM import in node:
|
7279
7393
|
0 && (module.exports = {
|