@sikka/hawa 0.26.18-next → 0.26.20

package/dist/blocks/index.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// components/blocks/index.ts
+// blocks/index.ts
 var blocks_exports = {};
 __export(blocks_exports, {
   ActionCard: () => ActionCard,
@@ -61,28 +61,28 @@ __export(blocks_exports, {
 });
 module.exports = __toCommonJS(blocks_exports);
 
-// components/blocks/auth/LoginForm.tsx
+// blocks/auth/LoginForm.tsx
 var import_react13 = __toESM(require("react"));
 var import_react_hook_form = require("react-hook-form");
 var import_zod = require("@hookform/resolvers/zod");
 var import_libphonenumber_js = require("libphonenumber-js");
 var z = __toESM(require("zod"));
 
-// components/elements/alert/Alert.tsx
+// elements/alert/Alert.tsx
 var import_react2 = __toESM(require("react"));
 
-// components/util.ts
+// util/index.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
 function cn(...inputs) {
   return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
 }
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var React2 = __toESM(require("react"));
 var import_class_variance_authority = require("class-variance-authority");
 
-// components/elements/loading/Loading.tsx
+// elements/loading/Loading.tsx
 var import_react = __toESM(require("react"));
 var Loading = ({
   design = "spinner",
@@ -259,7 +259,7 @@ var Loading = ({
   }
 };
 
-// components/elements/button/Button.tsx
+// elements/button/Button.tsx
 var buttonVariants = (0, import_class_variance_authority.cva)(
   "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",
   {
@@ -312,6 +312,7 @@ var Button = React2.forwardRef(
         className: cn(
           buttonVariants({ variant, size, className }),
           centered && "hawa-justify-center"
+          // "hawa-bg-red-500"
         ),
         ref,
         ...props
@@ -330,7 +331,7 @@ var Button = React2.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/elements/alert/Alert.tsx
+// elements/alert/Alert.tsx
 var Alert = ({
   variant = "normal",
   direction = "ltr",
@@ -470,7 +471,7 @@ var Alert = ({
   ));
 };
 
-// components/elements/card/Card.tsx
+// elements/card/Card.tsx
 var React4 = __toESM(require("react"));
 var Card = React4.forwardRef(
   ({ className, variant = "default", clickable = false, ...props }, ref) => {
@@ -551,13 +552,13 @@ CardFooter.displayName = "CardFooter";
 CardTitle.displayName = "CardTitle";
 Card.displayName = "Card";
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 var import_react5 = __toESM(require("react"));
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var React6 = __toESM(require("react"));
 
-// components/elements/tooltip/Tooltip.tsx
+// elements/tooltip/Tooltip.tsx
 var import_react3 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
 var TooltipContent = import_react3.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react3.default.createElement(
@@ -608,7 +609,7 @@ var Tooltip = ({
   );
 };
 
-// components/elements/label/Label.tsx
+// elements/label/Label.tsx
 var Label = React6.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React6.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React6.createElement(
   "label",
   {
@@ -650,7 +651,7 @@ var Label = React6.forwardRef(({ className, hint, hintSide, required, children,
 )));
 Label.displayName = "Label";
 
-// components/elements/skeleton/Skeleton.tsx
+// elements/skeleton/Skeleton.tsx
 var import_react4 = __toESM(require("react"));
 function Skeleton({
   className,
@@ -677,7 +678,7 @@ function Skeleton({
   );
 }
 
-// components/elements/input/Input.tsx
+// elements/input/Input.tsx
 var Input = (0, import_react5.forwardRef)(
   ({
     margin = "none",
@@ -798,10 +799,10 @@ var Input = (0, import_react5.forwardRef)(
   }
 );
 
-// components/elements/phoneInput/PhoneInput.tsx
+// elements/phoneInput/PhoneInput.tsx
 var import_react7 = __toESM(require("react"));
 
-// components/countries.ts
+// countries.ts
 var countries = [
   {
     country_label: "Saudi Arabia",
@@ -2494,7 +2495,7 @@ var countries = [
 ];
 var countries_default = countries;
 
-// components/elements/select/Select.tsx
+// elements/select/Select.tsx
 var import_react6 = __toESM(require("react"));
 var import_react_select = __toESM(require("react-select"));
 var import_creatable = __toESM(require("react-select/creatable"));
@@ -2648,7 +2649,7 @@ var Select = ({
   );
 };
 
-// components/elements/phoneInput/PhoneInput.tsx
+// elements/phoneInput/PhoneInput.tsx
 var PhoneInput = ({ labelProps, ...props }) => {
   const [phoneNumber, setPhoneNumber] = (0, import_react7.useState)("");
   const [countryCode, setCountryCode] = (0, import_react7.useState)(props.preferredCountry);
@@ -2712,7 +2713,7 @@ var PhoneInput = ({ labelProps, ...props }) => {
   ));
 };
 
-// components/icons/Emojis.tsx
+// icons/Emojis.tsx
 var import_react8 = __toESM(require("react"));
 var VeryGoodEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
   "svg",
@@ -2805,7 +2806,7 @@ var VeryBadEmoji = () => /* @__PURE__ */ import_react8.default.createElement(
   ))
 );
 
-// components/icons/InputIcons.tsx
+// icons/InputIcons.tsx
 var import_react9 = __toESM(require("react"));
 var EyeIcon = (props) => /* @__PURE__ */ import_react9.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react9.default.createElement(
   "svg",
@@ -2838,7 +2839,7 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react9.default.createEleme
   /* @__PURE__ */ import_react9.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
 ));
 
-// components/icons/CommonIcons.tsx
+// icons/CommonIcons.tsx
 var import_react10 = __toESM(require("react"));
 var CheckMark = ({ size = "default", className }) => {
   let sizeStyles = {
@@ -2887,10 +2888,10 @@ var UncheckMark = ({ size = "default", className }) => {
   );
 };
 
-// components/blocks/auth/AuthButtons.tsx
+// blocks/auth/AuthButtons.tsx
 var import_react12 = __toESM(require("react"));
 
-// components/elements/logos/Logos.tsx
+// elements/logos/Logos.tsx
 var import_react11 = __toESM(require("react"));
 var Logos = {
   hawa: (props) => /* @__PURE__ */ import_react11.default.createElement(
@@ -3095,7 +3096,7 @@ var Logos = {
   )
 };
 
-// components/blocks/auth/AuthButtons.tsx
+// blocks/auth/AuthButtons.tsx
 var AuthButtons = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
   return /* @__PURE__ */ import_react12.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, props.viaGoogle && /* @__PURE__ */ import_react12.default.createElement(
@@ -3171,7 +3172,7 @@ var AuthButtons = (props) => {
   ));
 };
 
-// components/blocks/auth/LoginForm.tsx
+// blocks/auth/LoginForm.tsx
 var LoginForm = ({
   loginType,
   texts,
@@ -3460,13 +3461,13 @@ var LoginForm = ({
   ) : null));
 };
 
-// components/blocks/auth/RegisterForm.tsx
+// blocks/auth/RegisterForm.tsx
 var import_react15 = __toESM(require("react"));
 var import_react_hook_form2 = require("react-hook-form");
 var import_zod2 = require("@hookform/resolvers/zod");
 var z2 = __toESM(require("zod"));
 
-// components/elements/checkbox/Checkbox.tsx
+// elements/checkbox/Checkbox.tsx
 var React17 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 var Checkbox = ({
@@ -3602,7 +3603,7 @@ var CheckboxElement = React17.forwardRef(({ radius = "inherit", size = "default"
 });
 CheckboxElement.displayName = CheckboxPrimitive.Root.displayName;
 
-// components/elements/stopPropagationWrapper/StopPropagationWrapper.tsx
+// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
 var import_react14 = __toESM(require("react"));
 var StopPropagationWrapper = (props) => {
   const handleClick = (e) => {
@@ -3611,7 +3612,7 @@ var StopPropagationWrapper = (props) => {
   return /* @__PURE__ */ import_react14.default.createElement("div", { onClick: handleClick }, props.children);
 };
 
-// components/blocks/auth/RegisterForm.tsx
+// blocks/auth/RegisterForm.tsx
 var RegisterForm = ({
   texts,
   registerFields = ["email"],
@@ -3943,7 +3944,7 @@ var RegisterForm = ({
   ) : null));
 };
 
-// components/blocks/auth/AppLanding.tsx
+// blocks/auth/AppLanding.tsx
 var import_react16 = __toESM(require("react"));
 var AppLanding = ({ texts, ...props }) => {
   const thirdPartyAuthTexts = {
@@ -3984,7 +3985,7 @@ var AppLanding = ({ texts, ...props }) => {
   )))));
 };
 
-// components/blocks/auth/CheckEmail.tsx
+// blocks/auth/CheckEmail.tsx
 var import_react17 = __toESM(require("react"));
 var CheckEmail = ({ texts, handleResend }) => {
   return /* @__PURE__ */ import_react17.default.createElement(Card, null, /* @__PURE__ */ import_react17.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-flex hawa-h-16 hawa-w-16 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_react17.default.createElement(
@@ -4005,7 +4006,7 @@ var CheckEmail = ({ texts, handleResend }) => {
   )), /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-m-2 hawa-text-xl hawa-font-bold" }, (texts == null ? void 0 : texts.checkEmail) || "Check your Email"), /* @__PURE__ */ import_react17.default.createElement("div", { className: "hawa-text-sm" }, (texts == null ? void 0 : texts.pleaseVerify) || "Thank you for signing up! To complete your registration, we've sent a verification email to the address you provided. Please check your inbox and follow the instructions in the email to activate your account."))), /* @__PURE__ */ import_react17.default.createElement(CardFooter, { className: "hawa-flex hawa-flex-col hawa-justify-center " }, /* @__PURE__ */ import_react17.default.createElement("span", { className: "clickable-link hawa-text-sm", onClick: handleResend }, (texts == null ? void 0 : texts.resendEmail) || "Resend Email")));
 };
 
-// components/blocks/auth/NewPassword.tsx
+// blocks/auth/NewPassword.tsx
 var import_react18 = __toESM(require("react"));
 var import_react_hook_form3 = require("react-hook-form");
 var import_zod3 = require("@hookform/resolvers/zod");
@@ -4102,7 +4103,7 @@ var NewPasswordForm = ({ texts, ...props }) => {
   ));
 };
 
-// components/blocks/auth/ResetPassword.tsx
+// blocks/auth/ResetPassword.tsx
 var import_react19 = __toESM(require("react"));
 var import_react_hook_form4 = require("react-hook-form");
 var import_zod4 = require("@hookform/resolvers/zod");
@@ -4158,13 +4159,13 @@ var ResetPasswordForm = (props) => {
   )) : /* @__PURE__ */ import_react19.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react19.default.createElement("div", { className: "hawa-text-center" }, (_n = props.texts) == null ? void 0 : _n.emailSentText)));
 };
 
-// components/blocks/auth/CodeConfirmation.tsx
+// blocks/auth/CodeConfirmation.tsx
 var import_react21 = __toESM(require("react"));
 var import_react_hook_form5 = require("react-hook-form");
 var import_zod5 = require("@hookform/resolvers/zod");
 var z5 = __toESM(require("zod"));
 
-// components/elements/pinInput/PinInput.tsx
+// elements/pinInput/PinInput.tsx
 var import_react20 = __toESM(require("react"));
 var PinInput = ({
   label,
@@ -4247,7 +4248,7 @@ var PinInput = ({
   ));
 };
 
-// components/blocks/auth/CodeConfirmation.tsx
+// blocks/auth/CodeConfirmation.tsx
 var CodeConfirmation = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   const formSchema = z5.object({
@@ -4342,13 +4343,13 @@ var CodeConfirmation = (props) => {
   )));
 };
 
-// components/blocks/feedback/UserReferralSource.tsx
+// blocks/feedback/UserReferralSource.tsx
 var import_react23 = __toESM(require("react"));
 var import_react_hook_form6 = require("react-hook-form");
 var import_zod6 = require("@hookform/resolvers/zod");
 var z6 = __toESM(require("zod"));
 
-// components/elements/radio/Radio.tsx
+// elements/radio/Radio.tsx
 var import_react22 = __toESM(require("react"));
 var Radio = ({
   design = "default",
@@ -4535,7 +4536,7 @@ var Radio = ({
   }
 };
 
-// components/elements/textarea/Textarea.tsx
+// elements/textarea/Textarea.tsx
 var React27 = __toESM(require("react"));
 var Textarea = React27.forwardRef(
   ({
@@ -4597,7 +4598,7 @@ var Textarea = React27.forwardRef(
 );
 Textarea.displayName = "Textarea";
 
-// components/blocks/feedback/UserReferralSource.tsx
+// blocks/feedback/UserReferralSource.tsx
 var UserReferralSource = ({
   position = "bottom-right",
   options = [],
@@ -4750,7 +4751,7 @@ var UserReferralSource = ({
   );
 };
 
-// components/blocks/feedback/FeedbackRating.tsx
+// blocks/feedback/FeedbackRating.tsx
 var import_react24 = __toESM(require("react"));
 var FeedbackRating = ({
   position = "bottom-right",
@@ -4864,10 +4865,10 @@ var FeedbackRating = ({
   );
 };
 
-// components/blocks/feedback/FeedbackEmoji.tsx
+// blocks/feedback/FeedbackEmoji.tsx
 var import_react25 = __toESM(require("react"));
 
-// components/elements/popover/Popover.tsx
+// elements/popover/Popover.tsx
 var React30 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 var PopoverContent = React30.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React30.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React30.createElement(
@@ -4926,7 +4927,7 @@ var Popover = ({
   ));
 };
 
-// components/blocks/feedback/FeedbackEmoji.tsx
+// blocks/feedback/FeedbackEmoji.tsx
 var FeedbackEmoji = (props) => {
   const [selectedEmoji, setSelectedEmoji] = (0, import_react25.useState)(null);
   const [loadingSubmit, setLoadingSubmit] = (0, import_react25.useState)(false);
@@ -5038,7 +5039,7 @@ var FeedbackEmoji = (props) => {
   );
 };
 
-// components/blocks/feedback/FeedbackForm.tsx
+// blocks/feedback/FeedbackForm.tsx
 var import_react26 = __toESM(require("react"));
 var import_react_hook_form7 = require("react-hook-form");
 var import_zod7 = require("@hookform/resolvers/zod");
@@ -5122,10 +5123,10 @@ var FeedbackForm = (props) => {
   );
 };
 
-// components/blocks/misc/LegalTexts.tsx
+// blocks/misc/LegalTexts.tsx
 var import_react28 = __toESM(require("react"));
 
-// components/elements/scrollArea/ScrollArea.tsx
+// elements/scrollArea/ScrollArea.tsx
 var React33 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
 var ScrollArea = React33.forwardRef(({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ React33.createElement(
@@ -5165,11 +5166,11 @@ var ScrollBar = React33.forwardRef(({ className, orientation = "vertical", ...pr
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
-// components/elements/tabs/Tabs.tsx
+// elements/tabs/Tabs.tsx
 var React35 = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
 
-// components/elements/chip/Chip.tsx
+// elements/chip/Chip.tsx
 var import_react27 = __toESM(require("react"));
 var Chip = import_react27.default.forwardRef(
   ({
@@ -5250,7 +5251,7 @@ var Chip = import_react27.default.forwardRef(
   }
 );
 
-// components/elements/tabs/Tabs.tsx
+// elements/tabs/Tabs.tsx
 var TabsContext = React35.createContext({ orientation: "vertical" });
 var Tabs = React35.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React35.createElement(
   TabsPrimitive.Root,
@@ -5311,7 +5312,7 @@ var TabsContent = React35.forwardRef(({ className, ...props }, ref) => /* @__PUR
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
-// components/blocks/misc/LegalTexts.tsx
+// blocks/misc/LegalTexts.tsx
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ import_react28.default.createElement(
     Tabs,
@@ -5335,7 +5336,7 @@ var LegalTexts = ({ tabs, ...props }) => {
   );
 };
 
-// components/blocks/misc/EmptyState.tsx
+// blocks/misc/EmptyState.tsx
 var import_react29 = __toESM(require("react"));
 var EmptyState = ({ texts, onActionClick }) => {
   return /* @__PURE__ */ import_react29.default.createElement(Card, null, /* @__PURE__ */ import_react29.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center " }, /* @__PURE__ */ import_react29.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_react29.default.createElement(
@@ -5352,7 +5353,7 @@ var EmptyState = ({ texts, onActionClick }) => {
   )), /* @__PURE__ */ import_react29.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_react29.default.createElement(CardFooter, null, /* @__PURE__ */ import_react29.default.createElement(Button, { className: "hawa-w-full", onClick: () => onActionClick() }, (texts == null ? void 0 : texts.actionText) || "Go Home")));
 };
 
-// components/blocks/misc/Testimonial.tsx
+// blocks/misc/Testimonial.tsx
 var import_react30 = __toESM(require("react"));
 var Testimonial = () => {
   return /* @__PURE__ */ import_react30.default.createElement(Card, null, /* @__PURE__ */ import_react30.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react30.default.createElement("div", null, /* @__PURE__ */ import_react30.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_react30.default.createElement("div", { className: "flex flex-row gap-4" }, /* @__PURE__ */ import_react30.default.createElement("svg", { width: "48", height: "48", viewBox: "0 0 48 48", fill: "none" }, /* @__PURE__ */ import_react30.default.createElement("rect", { width: "48", height: "48", rx: "24", fill: "#45BE8B" }), /* @__PURE__ */ import_react30.default.createElement(
@@ -5370,7 +5371,7 @@ var Testimonial = () => {
   )), /* @__PURE__ */ import_react30.default.createElement("span", { className: "border border-l " }), " ", /* @__PURE__ */ import_react30.default.createElement("div", null, /* @__PURE__ */ import_react30.default.createElement("strong", null, "Brent Lassi"), /* @__PURE__ */ import_react30.default.createElement("div", null, " Chief Information Security Officer")))));
 };
 
-// components/blocks/misc/LeadGenerator.tsx
+// blocks/misc/LeadGenerator.tsx
 var import_react31 = __toESM(require("react"));
 var import_react_hook_form8 = require("react-hook-form");
 var LeadGenerator = ({ texts, submitHandler }) => {
@@ -5410,7 +5411,7 @@ var LeadGenerator = ({ texts, submitHandler }) => {
   )));
 };
 
-// components/blocks/misc/Announcement.tsx
+// blocks/misc/Announcement.tsx
 var import_react32 = __toESM(require("react"));
 var Announcement = ({
   onActionClick,
@@ -5434,13 +5435,13 @@ var Announcement = ({
   ));
 };
 
-// components/blocks/misc/NotFound.tsx
+// blocks/misc/NotFound.tsx
 var import_react33 = __toESM(require("react"));
 var NotFound = ({ texts }) => {
   return /* @__PURE__ */ import_react33.default.createElement(Card, null, /* @__PURE__ */ import_react33.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center dark:hawa-text-white" }, /* @__PURE__ */ import_react33.default.createElement("div", { className: "hawa-text-center hawa-text-6xl hawa-font-bold " }, "404"), /* @__PURE__ */ import_react33.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_react33.default.createElement("div", { className: "hawa-mb-4 hawa-text-center" }, (texts == null ? void 0 : texts.ifLost) || /* @__PURE__ */ import_react33.default.createElement(import_react33.default.Fragment, null, "If you're lost please contact us ", /* @__PURE__ */ import_react33.default.createElement("span", { className: "clickable-link" }, "help@sikka.io"))), /* @__PURE__ */ import_react33.default.createElement(Button, { className: "hawa-w-full" }, (texts == null ? void 0 : texts.home) || "Home"))));
 };
 
-// components/blocks/misc/NoPermission.tsx
+// blocks/misc/NoPermission.tsx
 var import_react34 = __toESM(require("react"));
 var NoPermission = ({ texts }) => {
   return /* @__PURE__ */ import_react34.default.createElement(Card, null, /* @__PURE__ */ import_react34.default.createElement(CardContent, { headless: true }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-text-center" }, /* @__PURE__ */ import_react34.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_react34.default.createElement(
@@ -5457,7 +5458,7 @@ var NoPermission = ({ texts }) => {
   )), /* @__PURE__ */ import_react34.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_react34.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"))));
 };
 
-// components/blocks/misc/ContactForm.tsx
+// blocks/misc/ContactForm.tsx
 var import_react35 = __toESM(require("react"));
 var import_react_hook_form9 = require("react-hook-form");
 var import_zod8 = require("@hookform/resolvers/zod");
@@ -5599,10 +5600,10 @@ var ContactForm = ({
   );
 };
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 var import_react41 = __toESM(require("react"));
 
-// components/blocks/cards/ActionCard.tsx
+// blocks/cards/ActionCard.tsx
 var import_react36 = __toESM(require("react"));
 var ActionCard = (props) => {
   const [hovered, setHovered] = (0, import_react36.useState)(false);
@@ -5641,7 +5642,7 @@ var ActionCard = (props) => {
   ));
 };
 
-// components/blocks/cards/AdCard.tsx
+// blocks/cards/AdCard.tsx
 var import_react37 = __toESM(require("react"));
 var AdCard = ({
   orientation = "vertical",
@@ -5714,10 +5715,10 @@ var AdCard = ({
   ));
 };
 
-// components/blocks/cards/PricingCard.tsx
+// blocks/cards/PricingCard.tsx
 var import_react38 = __toESM(require("react"));
 
-// components/elements/separator/Separator.tsx
+// elements/separator/Separator.tsx
 var React46 = __toESM(require("react"));
 var Separator = ({
   className,
@@ -5735,7 +5736,7 @@ var Separator = ({
   }
 );
 
-// components/blocks/cards/PricingCard.tsx
+// blocks/cards/PricingCard.tsx
 var PricingCard = ({
   size = "medium",
   direction = "ltr",
@@ -5844,10 +5845,10 @@ var PricingCard = ({
   );
 };
 
-// components/blocks/cards/ItemCard.tsx
+// blocks/cards/ItemCard.tsx
 var import_react39 = __toESM(require("react"));
 
-// components/elements/dropdownMenu/DropdownMenu.tsx
+// elements/dropdownMenu/DropdownMenu.tsx
 var React48 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
 var DropdownMenuRoot = DropdownMenuPrimitive.Root;
@@ -6175,7 +6176,7 @@ var DropdownMenu = ({
   );
 };
 
-// components/blocks/cards/ItemCard.tsx
+// blocks/cards/ItemCard.tsx
 var ItemCard = ({
   actions,
   counts,
@@ -6291,13 +6292,13 @@ var ItemCard = ({
   );
 };
 
-// components/blocks/cards/LandingCard.tsx
+// blocks/cards/LandingCard.tsx
 var import_react40 = __toESM(require("react"));
 var LandingCard = (props) => {
   return /* @__PURE__ */ import_react40.default.createElement(Card, { className: props.className }, /* @__PURE__ */ import_react40.default.createElement(CardHeader, null, props.icon, /* @__PURE__ */ import_react40.default.createElement(CardTitle, null, props.title), /* @__PURE__ */ import_react40.default.createElement(CardDescription, null, props.subtitle)));
 };
 
-// components/blocks/pricing/PricingPlans.tsx
+// blocks/pricing/PricingPlans.tsx
 var PricingPlans = ({
   mainContainerProps,
   cardsContainerProps,
@@ -6364,7 +6365,7 @@ var PricingPlans = ({
   ));
 };
 
-// components/blocks/pricing/ComparingPlans.tsx
+// blocks/pricing/ComparingPlans.tsx
 var import_react42 = __toESM(require("react"));
 var ComparingPlans = (props) => {
   const uniqueFeatures = Array.from(
@@ -6435,7 +6436,7 @@ var ComparingPlans = (props) => {
         {
           key: featureIndex,
           className: cn(
-            "hawa-border-foreground-muted  dark:text-white hawa-grid  hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))] hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700",
+            "hawa-border-foreground-muted  hawa-grid hawa-grid-cols-[1fr_repeat(3,_minmax(0,_1fr))]  hawa-gap-x-16 hawa-px-4 hawa-py-5 hawa-text-sm hawa-text-gray-700 dark:text-white",
             featureIndex === 0 ? "" : "hawa-border-t"
           )
         },
@@ -6530,7 +6531,7 @@ var ComparingPlans = (props) => {
   })));
 };
 
-// components/blocks/pricing/HorizontalPricing.tsx
+// blocks/pricing/HorizontalPricing.tsx
 var import_react43 = __toESM(require("react"));
 var HorizontalPricing = (props) => {
   const [selectedCard, setSelectedCard] = (0, import_react43.useState)("");
@@ -6625,10 +6626,10 @@ var CheckIcons = () => /* @__PURE__ */ import_react43.default.createElement(impo
 var CardText = (props) => /* @__PURE__ */ import_react43.default.createElement("div", { className: "hawa-peer hawa-flex hawa-flex-col hawa-items-start " }, /* @__PURE__ */ import_react43.default.createElement("h2", { className: "hawa-font-medium hawa-text-primary/90 sm:hawa-text-xl" }, props.title), /* @__PURE__ */ import_react43.default.createElement("p", { className: "hawa-text-sm hawa-text-primary/60" }, props.subtitle, " "));
 var CardPrice = (props) => /* @__PURE__ */ import_react43.default.createElement("h2", { className: "hawa-peer hawa-text-xl hawa-font-semibold hawa-text-primary sm:hawa-text-2xl" }, props.amount, /* @__PURE__ */ import_react43.default.createElement("span", { className: "hawa-text-base hawa-font-medium hawa-text-neutral-400" }, props.cycle));
 
-// components/blocks/Usage.tsx
+// blocks/Usage.tsx
 var import_react44 = __toESM(require("react"));
 
-// components/elements/progress/Progress.tsx
+// elements/progress/Progress.tsx
 var React54 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
 var Progress = React54.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ React54.createElement(
@@ -6651,7 +6652,7 @@ var Progress = React54.forwardRef(({ className, value, ...props }, ref) => /* @_
 ));
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
-// components/blocks/Usage.tsx
+// blocks/Usage.tsx
 var Usage = (props) => {
   var _a;
   return /* @__PURE__ */ import_react44.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_react44.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2" }, /* @__PURE__ */ import_react44.default.createElement("span", { className: "hawa-bg-white-200" }, props.title), props.tooltip && /* @__PURE__ */ import_react44.default.createElement(Tooltip, { content: props.tooltip }, /* @__PURE__ */ import_react44.default.createElement(