@sikka/hawa 0.14.8-next → 0.14.10-next

package/dist/index.css

@@ -3556,10 +3556,18 @@ body {
   --tw-bg-opacity: 1;
   background-color: rgb(248 113 113 / var(--tw-bg-opacity));
 }
+:is(.hawa-dark .dark\:hawa-bg-white) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
+}
 :is(.hawa-dark .dark\:hawa-bg-yellow-400) {
   --tw-bg-opacity: 1;
   background-color: rgb(250 204 21 / var(--tw-bg-opacity));
 }
+:is(.hawa-dark .dark\:hawa-text-black) {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity));
+}
 :is(.hawa-dark .dark\:hawa-text-blue-100) {
   --tw-text-opacity: 1;
   color: rgb(219 234 254 / var(--tw-text-opacity));

package/dist/index.d.mts

@@ -495,6 +495,8 @@ declare const PhoneInput: FC<PhoneInputTypes>;
 interface CarouselProps {
     items: React__default.ReactNode[];
     showArrows?: boolean;
+    autoplay?: boolean;
+    autoplayInterval?: number;
 }
 type Props = CarouselProps & EmblaOptionsType;
 declare const Carousel: (props: PropsWithChildren<Props>) => React__default.JSX.Element;
@@ -764,6 +766,7 @@ type SelectOptionProps = {
 };
 type SelectTypes = {
     label?: string;
+    hideHelperText?: boolean;
     options?: SelectOptionProps[];
     labelKey?: string;
     isCreatable?: boolean;

package/dist/index.d.ts

@@ -495,6 +495,8 @@ declare const PhoneInput: FC<PhoneInputTypes>;
 interface CarouselProps {
     items: React__default.ReactNode[];
     showArrows?: boolean;
+    autoplay?: boolean;
+    autoplayInterval?: number;
 }
 type Props = CarouselProps & EmblaOptionsType;
 declare const Carousel: (props: PropsWithChildren<Props>) => React__default.JSX.Element;
@@ -764,6 +766,7 @@ type SelectOptionProps = {
 };
 type SelectTypes = {
     label?: string;
+    hideHelperText?: boolean;
     options?: SelectOptionProps[];
     labelKey?: string;
     isCreatable?: boolean;

package/dist/index.js

@@ -1583,11 +1583,13 @@ var SplitButton = function(_param) /* @__PURE__ */ {
         "children"
     ]);
     return React11.createElement("div", {
-        className: cn("hawa-h-fit hawa-flex  hawa-justify-center", direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row")
+        dir: "ltr",
+        className: cn("hawa-h-fit hawa-flex hawa-justify-center hawa-row")
     }, /* @__PURE__ */ React11.createElement(Button, {
         variant: variant,
         onClick: props.onClick,
-        className: cn(direction === "rtl" ? "hawa-rounded-r-none" : "hawa-rounded-l-none", props.className)
+        className: cn(// direction === "rtl" ? "hawa-rounded-r-none" : "hawa-rounded-l-none",
+        "hawa-rounded-r-none", props.className)
     }, children), /* @__PURE__ */ React11.createElement(DropdownMenu, {
         size: "sm",
         width: "sm",
@@ -1597,7 +1599,11 @@ var SplitButton = function(_param) /* @__PURE__ */ {
             asChild: true,
             variant: variant,
             size: "icon",
-            className: cn("hawa-h-10 hawa-w-fit hawa-px-1", direction === "rtl" ? "hawa-rounded-l-none hawa-border-rl0" : "hawa-border-r-0 hawa-rounded-r-none", props.className)
+            className: cn("hawa-h-10 hawa-w-fit hawa-px-1", "hawa-rounded-l-none hawa-border-l-0", // : "hawa-border-r-0 hawa-rounded-r-none",
+            // direction === "rtl"
+            //   ? "hawa-rounded-l-none hawa-border-rl0"
+            //   : "hawa-border-r-0 hawa-rounded-r-none",
+            props.className)
         }, /* @__PURE__ */ React11.createElement("svg", {
             xmlns: "http://www.w3.org/2000/svg",
             width: "18",
@@ -1937,7 +1943,7 @@ var CheckboxElement = React16.forwardRef(function(_param, ref) /* @__PURE__ */ {
     ]);
     return React16.createElement(CheckboxPrimitive.Root, _object_spread({
         ref: ref,
-        className: cn("hawa-peer hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground", className)
+        className: cn("hawa-peer hawa-icon hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground", className)
     }, props), /* @__PURE__ */ React16.createElement(CheckboxPrimitive.Indicator, {
         className: cn("hawa-flex hawa-items-center hawa-justify-center hawa-text-current")
     }, /* @__PURE__ */ React16.createElement("svg", {
@@ -2024,7 +2030,7 @@ var ToastClose = React17.forwardRef(function(_param, ref) /* @__PURE__ */ {
     }, props), /* @__PURE__ */ React17.createElement("svg", {
         "aria-label": "Close Icon",
         "aria-hidden": "true",
-        className: "hawa-h-4 hawa-w-4",
+        className: "hawa-icon",
         fill: "currentColor",
         viewBox: "0 0 20 20"
     }, /* @__PURE__ */ React17.createElement("path", {
@@ -4908,7 +4914,7 @@ var Select = function(_param) {
         onInputChange: function(newValue, action) {
             return props.onInputChange(newValue, action);
         }
-    }), /* @__PURE__ */ import_react21.default.createElement("p", {
+    }), !props.hideHelperText && /* @__PURE__ */ import_react21.default.createElement("p", {
         className: cn("hawa-my-0 hawa-text-xs hawa-text-helper-color hawa-transition-all hawa-text-start", props.helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-opacity-0 hawa-h-0")
     }, props.helperText));
 };
@@ -4924,7 +4930,11 @@ var PhoneInput = function(props) {
         }
     }, []);
     var handleInputChange = function(e) {
-        setPhoneNumber(e.target.value);
+        var validChars = /^[0-9-()]+$/;
+        var input = e.target.value;
+        if (input === "" || validChars.test(input)) {
+            setPhoneNumber(input);
+        }
         if (props.handleChange) {
             props.handleChange("".concat(countryCode === null || countryCode === void 0 ? void 0 : countryCode.label, "-").concat(e.target.value));
         } else {
@@ -4932,12 +4942,13 @@ var PhoneInput = function(props) {
         }
     };
     return /* @__PURE__ */ import_react22.default.createElement("div", {
-        className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2"
+        className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2 hawa-h-fit"
     }, props.label && /* @__PURE__ */ import_react22.default.createElement(Label2, null, props.label), /* @__PURE__ */ import_react22.default.createElement("div", {
         dir: "ltr",
         className: "hawa-flex hawa-flex-row hawa-w-full"
     }, /* @__PURE__ */ import_react22.default.createElement(Select, {
         width: "fit",
+        hideHelperText: true,
         phoneCode: true,
         hideIndicator: true,
         placeholder: "Code",
@@ -4949,7 +4960,7 @@ var PhoneInput = function(props) {
         value: countryCode === null || countryCode === void 0 ? void 0 : countryCode.label,
         onChange: setCountryCode
     }), /* @__PURE__ */ import_react22.default.createElement("div", {
-        className: "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-w-full hawa-gap-0"
+        className: "hawa-flex hawa-h-fit hawa-relative hawa-flex-col  hawa-justify-center hawa-w-full hawa-gap-0"
     }, /* @__PURE__ */ import_react22.default.createElement("input", {
         ref: inputRef,
         id: "phone-number",
@@ -4966,13 +4977,15 @@ var PhoneInput = function(props) {
 var import_react23 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 var Carousel = function(props) {
-    var children = props.children, items = props.items, showArrows = props.showArrows, options = _object_without_properties(props, [
+    var children = props.children, items = props.items, showArrows = props.showArrows, _props_autoplay = props.autoplay, autoplay = _props_autoplay === void 0 ? true : _props_autoplay, _props_autoplayInterval = props.autoplayInterval, autoplayInterval = _props_autoplayInterval === void 0 ? 3e3 : _props_autoplayInterval, options = _object_without_properties(props, [
         "children",
         "items",
-        "showArrows"
+        "showArrows",
+        "autoplay",
+        "autoplayInterval"
     ]);
     var _ref = _sliced_to_array((0, import_embla_carousel_react.default)({
-        loop: options.loop || false
+        loop: autoplay ? true : options.loop || false
     }), 2), emblaRef = _ref[0], emblaApi = _ref[1];
     var _ref1 = _sliced_to_array((0, import_react23.useState)(0), 2), selectedIndex = _ref1[0], setSelectedIndex = _ref1[1];
     (0, import_react23.useEffect)(function() {
@@ -4987,6 +5000,21 @@ var Carousel = function(props) {
     }, [
         emblaApi
     ]);
+    (0, import_react23.useEffect)(function() {
+        var autoplayTimer;
+        if (autoplay && emblaApi) {
+            autoplayTimer = setInterval(function() {
+                emblaApi.scrollNext();
+            }, autoplayInterval);
+        }
+        return function() {
+            if (autoplayTimer) clearInterval(autoplayTimer);
+        };
+    }, [
+        emblaApi,
+        autoplay,
+        autoplayInterval
+    ]);
     var length = import_react23.default.Children.count(items);
     var canScrollNext = !!(emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.canScrollNext());
     var canScrollPrev = !!(emblaApi === null || emblaApi === void 0 ? void 0 : emblaApi.canScrollPrev());
@@ -5078,8 +5106,8 @@ var import_react24 = __toESM(require("react"));
 var AppStores = function(props) {
     return /* @__PURE__ */ import_react24.default.createElement("div", {
         className: "hawa-flex hawa-justify-center"
-    }, /* @__PURE__ */ import_react24.default.createElement("div", null, props.store === "apple" ? props.mode === "dark" ? /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white"
+    }, /* @__PURE__ */ import_react24.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react24.default.createElement("div", {
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black dark:hawa-bg-white hawa-text-white dark:hawa-text-black"
     }, /* @__PURE__ */ import_react24.default.createElement("div", {
         className: "hawa-mr-3"
     }, /* @__PURE__ */ import_react24.default.createElement("svg", {
@@ -5093,44 +5121,7 @@ var AppStores = function(props) {
     }, "Download on the"), /* @__PURE__ */ import_react24.default.createElement("div", {
         className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
     }, "App Store"))) : /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-transparent hawa-text-black"
-    }, /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-mr-3"
-    }, /* @__PURE__ */ import_react24.default.createElement("svg", {
-        viewBox: "0 0 384 512",
-        width: "30"
-    }, /* @__PURE__ */ import_react24.default.createElement("path", {
-        fill: "currentColor",
-        d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
-    }))), /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-text-xs"
-    }, "Download on the"), /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold"
-    }, "App Store"))) : props.mode === "dark" ? /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white"
-    }, /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-mr-3"
-    }, /* @__PURE__ */ import_react24.default.createElement("svg", {
-        viewBox: "30 336.7 120.9 129.2",
-        width: "30"
-    }, /* @__PURE__ */ import_react24.default.createElement("path", {
-        fill: "#FFD400",
-        d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
-    }), /* @__PURE__ */ import_react24.default.createElement("path", {
-        fill: "#FF3333",
-        d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
-    }), /* @__PURE__ */ import_react24.default.createElement("path", {
-        fill: "#48FF48",
-        d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
-    }), /* @__PURE__ */ import_react24.default.createElement("path", {
-        fill: "#3BCCFF",
-        d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
-    }))), /* @__PURE__ */ import_react24.default.createElement("div", null, /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-text-xs"
-    }, "GET IT ON"), /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold"
-    }, "Google Play"))) : /* @__PURE__ */ import_react24.default.createElement("div", {
-        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-white hawa-text-black"
+        className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black dark:hawa-bg-white hawa-bg-black dark:hawa-text-black hawa-text-white"
     }, /* @__PURE__ */ import_react24.default.createElement("div", {
         className: "hawa-mr-3"
     }, /* @__PURE__ */ import_react24.default.createElement("svg", {
@@ -5170,7 +5161,7 @@ var SortButton = function(props) {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-h-4 hawa-w-4"
+        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
     }, /* @__PURE__ */ import_react25.default.createElement("path", {
         d: "m21 16-4 4-4-4"
     }), /* @__PURE__ */ import_react25.default.createElement("path", {
@@ -5675,7 +5666,7 @@ var AccordionTrigger = React42.forwardRef(function(_param, ref) /* @__PURE__ */
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-transition-transform hawa-duration-200"
+        className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
     }, /* @__PURE__ */ React42.createElement("path", {
         d: "m6 9 6 6 6-6"
     }))));
@@ -6257,6 +6248,7 @@ var CommandInput = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
         className: "hawa-flex hawa-items-center hawa-border-b hawa-px-3",
         "cmdk-input-wrapper": ""
     }, /* @__PURE__ */ React51.createElement("svg", {
+        "aria-label": "Search Icon",
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -6266,7 +6258,7 @@ var CommandInput = React51.forwardRef(function(_param, ref) /* @__PURE__ */ {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: "hawa-mr-2 hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-opacity-50"
+        className: "hawa-mr-2 hawa-icon hawa-shrink-0 hawa-opacity-50"
     }, /* @__PURE__ */ React51.createElement("circle", {
         cx: "11",
         cy: "11",
@@ -6375,7 +6367,8 @@ var Combobox = function(_param) {
         return item[valueKey] === value;
     }) || {}, labelKey) : props.placeholder || "...", /* @__PURE__ */ React52.createElement("svg", {
         xmlns: "http://www.w3.org/2000/svg",
-        className: cn("hawa-w-4 hawa-h-4 hawa-transition-all", !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"),
+        className: cn("hawa-icon hawa-transition-all", !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"),
+        "aria-label": "Chevron down icon",
         viewBox: "0 0 24 24",
         fill: "none",
         stroke: "currentColor",
@@ -6404,6 +6397,7 @@ var Combobox = function(_param) {
                 setOpen(false);
             }
         }, /* @__PURE__ */ React52.createElement("svg", {
+            "aria-label": "Check Icon",
             xmlns: "http://www.w3.org/2000/svg",
             width: "24",
             height: "24",
@@ -6413,7 +6407,7 @@ var Combobox = function(_param) {
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            className: cn("hawa-mr-2 hawa-h-4 hawa-w-4", value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0")
+            className: cn("hawa-mr-2 hawa-icon", value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0")
         }, /* @__PURE__ */ React52.createElement("polyline", {
             points: "20 6 9 17 4 12"
         })), getProperty(item, labelKey));
@@ -6724,6 +6718,7 @@ var NavigationMenuTrigger = React57.forwardRef(function(_param, ref) /* @__PURE_
         ref: ref,
         className: cn(navigationMenuTriggerStyle(), "hawa-group", className)
     }, props), children, " ", /* @__PURE__ */ React57.createElement("svg", {
+        "aria-label": "Chevron Icon",
         xmlns: "http://www.w3.org/2000/svg",
         width: "24",
         height: "24",
@@ -6734,7 +6729,7 @@ var NavigationMenuTrigger = React57.forwardRef(function(_param, ref) /* @__PURE_
         "stroke-linecap": "round",
         "stroke-linejoin": "round",
         "aria-hidden": "true",
-        className: "hawa-relative hawa-top-[1px] hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+        className: "hawa-relative hawa-top-[1px] hawa-icon hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
     }, /* @__PURE__ */ React57.createElement("path", {
         d: "m6 9 6 6 6-6"
     })));
@@ -6867,7 +6862,7 @@ var AccordionTrigger2 = React59.forwardRef(function(_param, ref) /* @__PURE__ */
         viewBox: "0 0 16 16",
         height: "1em",
         width: "1em",
-        className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
+        className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
     }, /* @__PURE__ */ React59.createElement("path", {
         d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
     }))));
@@ -7554,7 +7549,7 @@ var DocsLayout = function(_param) {
         variant: "ghost",
         size: "smallIcon"
     }, /* @__PURE__ */ import_react41.default.createElement(Logos.github, {
-        className: "hawa-w-4 hawa-h-4"
+        className: "hawa-icon"
     })))), /* @__PURE__ */ import_react41.default.createElement("div", {
         className: cn("hawa-fixed hawa-bg-primary-foreground hawa-z-40 hawa-flex  hawa-flex-col hawa-justify-between hawa-overflow-x-clip hawa-transition-all", isRTL ? "hawa-right-0 hawa-top-0 hawa-h-full" : "hawa-left-0 hawa-top-0 hawa-h-full", "hawa-fixed  hawa-p-0 hawa-py-2 hawa-overflow-x-clip hawa-transition-all", "hawa-top-14", openSideMenu ? "hawa-overflow-auto" : "hawa-overflow-hidden"),
         style: {
@@ -7605,43 +7600,43 @@ var AuthButtons = function(props) {
         variant: "outline",
         onClick: props.handleGoogle
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.google, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithGoogle = (_props_texts = props.texts) === null || _props_texts === void 0 ? void 0 : _props_texts.continueWithGoogle) !== null && _props_texts_continueWithGoogle !== void 0 ? _props_texts_continueWithGoogle : "Continue With Google"), props.viaGithub && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleGithub
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.github, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithGithub = (_props_texts1 = props.texts) === null || _props_texts1 === void 0 ? void 0 : _props_texts1.continueWithGithub) !== null && _props_texts_continueWithGithub !== void 0 ? _props_texts_continueWithGithub : "Continue With Github"), props.viaTwitter && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleTwitter
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.twitter, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithTwitter = (_props_texts2 = props.texts) === null || _props_texts2 === void 0 ? void 0 : _props_texts2.continueWithTwitter) !== null && _props_texts_continueWithTwitter !== void 0 ? _props_texts_continueWithTwitter : "Continue With Twitter"), props.viaApple && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleApple
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.apple, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithApple = (_props_texts3 = props.texts) === null || _props_texts3 === void 0 ? void 0 : _props_texts3.continueWithApple) !== null && _props_texts_continueWithApple !== void 0 ? _props_texts_continueWithApple : "Continue With Apple"), props.viaMicrosoft && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleMicrosoft
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.microsoft, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithMicrosoft = (_props_texts4 = props.texts) === null || _props_texts4 === void 0 ? void 0 : _props_texts4.continueWithMicrosoft) !== null && _props_texts_continueWithMicrosoft !== void 0 ? _props_texts_continueWithMicrosoft : "Continue With Microsoft"), props.viaEmail && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handleEmail
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.mail, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithEmail = (_props_texts5 = props.texts) === null || _props_texts5 === void 0 ? void 0 : _props_texts5.continueWithEmail) !== null && _props_texts_continueWithEmail !== void 0 ? _props_texts_continueWithEmail : "Continue With Email"), props.viaPhone && /* @__PURE__ */ import_react42.default.createElement(Button, {
         className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-2",
         variant: "outline",
         onClick: props.handlePhone
     }, /* @__PURE__ */ import_react42.default.createElement(Logos.phone, {
-        className: "hawa-h-4 hawa-w-4"
+        className: "hawa-icon"
     }), (_props_texts_continueWithPhone = (_props_texts6 = props.texts) === null || _props_texts6 === void 0 ? void 0 : _props_texts6.continueWithPhone) !== null && _props_texts_continueWithPhone !== void 0 ? _props_texts_continueWithPhone : "Continue With Phone"));
 };
 // components/icons/index.tsx

package/dist/index.mjs

@@ -890,10 +890,8 @@ var SplitButton = ({
 }) => /* @__PURE__ */ React11.createElement(
   "div",
   {
-    className: cn(
-      "hawa-h-fit hawa-flex  hawa-justify-center",
-      direction === "rtl" ? "hawa-flex-row-reverse" : "hawa-flex-row"
-    )
+    dir: "ltr",
+    className: cn("hawa-h-fit hawa-flex hawa-justify-center hawa-row")
   },
   /* @__PURE__ */ React11.createElement(
     Button,
@@ -901,7 +899,8 @@ var SplitButton = ({
       variant,
       onClick: props.onClick,
       className: cn(
-        direction === "rtl" ? "hawa-rounded-r-none" : "hawa-rounded-l-none",
+        // direction === "rtl" ? "hawa-rounded-r-none" : "hawa-rounded-l-none",
+        "hawa-rounded-r-none",
         props.className
       )
     },
@@ -922,7 +921,11 @@ var SplitButton = ({
           size: "icon",
           className: cn(
             "hawa-h-10 hawa-w-fit hawa-px-1",
-            direction === "rtl" ? "hawa-rounded-l-none hawa-border-rl0" : "hawa-border-r-0 hawa-rounded-r-none",
+            "hawa-rounded-l-none hawa-border-l-0",
+            // : "hawa-border-r-0 hawa-rounded-r-none",
+            // direction === "rtl"
+            //   ? "hawa-rounded-l-none hawa-border-rl0"
+            //   : "hawa-border-r-0 hawa-rounded-r-none",
             props.className
           )
         },
@@ -1333,7 +1336,7 @@ var CheckboxElement = React16.forwardRef(({ className, ...props }, ref) => /* @_
   {
     ref,
     className: cn(
-      "hawa-peer hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
+      "hawa-peer hawa-icon hawa-shrink-0 hawa-rounded-sm hawa-border hawa-border-primary hawa-ring-offset-background focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-cursor-not-allowed disabled:hawa-opacity-50 data-[state=checked]:hawa-bg-primary data-[state=checked]:hawa-text-primary-foreground",
       className
     ),
     ...props
@@ -1451,7 +1454,7 @@ var ToastClose = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE
     {
       "aria-label": "Close Icon",
       "aria-hidden": "true",
-      className: "hawa-h-4 hawa-w-4",
+      className: "hawa-icon",
       fill: "currentColor",
       viewBox: "0 0 20 20"
     },
@@ -4529,7 +4532,7 @@ var Select = ({ labelKey = "label", ...props }) => {
         onInputChange: (newValue, action) => props.onInputChange(newValue, action)
       }
     ),
-    /* @__PURE__ */ React33.createElement(
+    !props.hideHelperText && /* @__PURE__ */ React33.createElement(
       "p",
       {
         className: cn(
@@ -4553,17 +4556,22 @@ var PhoneInput = (props) => {
     }
   }, []);
   const handleInputChange = (e) => {
-    setPhoneNumber(e.target.value);
+    const validChars = /^[0-9-()]+$/;
+    const input = e.target.value;
+    if (input === "" || validChars.test(input)) {
+      setPhoneNumber(input);
+    }
     if (props.handleChange) {
       props.handleChange(`${countryCode?.label}-${e.target.value}`);
     } else {
       console.log("handleChange prop was not provided in <PhoneInput/>");
     }
   };
-  return /* @__PURE__ */ React34.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, props.label && /* @__PURE__ */ React34.createElement(Label2, null, props.label), /* @__PURE__ */ React34.createElement("div", { dir: "ltr", className: "hawa-flex hawa-flex-row hawa-w-full" }, /* @__PURE__ */ React34.createElement(
+  return /* @__PURE__ */ React34.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2 hawa-h-fit" }, props.label && /* @__PURE__ */ React34.createElement(Label2, null, props.label), /* @__PURE__ */ React34.createElement("div", { dir: "ltr", className: "hawa-flex hawa-flex-row hawa-w-full" }, /* @__PURE__ */ React34.createElement(
     Select,
     {
       width: "fit",
+      hideHelperText: true,
       phoneCode: true,
       hideIndicator: true,
       placeholder: "Code",
@@ -4575,7 +4583,7 @@ var PhoneInput = (props) => {
       value: countryCode?.label,
       onChange: setCountryCode
     }
-  ), /* @__PURE__ */ React34.createElement("div", { className: "hawa-flex hawa-max-h-fit hawa-relative hawa-flex-col hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ React34.createElement(
+  ), /* @__PURE__ */ React34.createElement("div", { className: "hawa-flex hawa-h-fit hawa-relative hawa-flex-col  hawa-justify-center hawa-w-full hawa-gap-0" }, /* @__PURE__ */ React34.createElement(
     "input",
     {
       ref: inputRef,
@@ -4604,9 +4612,16 @@ var PhoneInput = (props) => {
 import React35, { useEffect as useEffect13, useState as useState16 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 var Carousel = (props) => {
-  const { children, items, showArrows, ...options } = props;
+  const {
+    children,
+    items,
+    showArrows,
+    autoplay = true,
+    autoplayInterval = 3e3,
+    ...options
+  } = props;
   const [emblaRef, emblaApi] = useEmblaCarousel({
-    loop: options.loop || false
+    loop: autoplay ? true : options.loop || false
   });
   const [selectedIndex, setSelectedIndex] = useState16(0);
   useEffect13(() => {
@@ -4619,6 +4634,18 @@ var Carousel = (props) => {
       emblaApi?.off("select", selectHandler);
     };
   }, [emblaApi]);
+  useEffect13(() => {
+    let autoplayTimer;
+    if (autoplay && emblaApi) {
+      autoplayTimer = setInterval(() => {
+        emblaApi.scrollNext();
+      }, autoplayInterval);
+    }
+    return () => {
+      if (autoplayTimer)
+        clearInterval(autoplayTimer);
+    };
+  }, [emblaApi, autoplay, autoplayInterval]);
   const length = React35.Children.count(items);
   const canScrollNext = !!emblaApi?.canScrollNext();
   const canScrollPrev = !!emblaApi?.canScrollPrev();
@@ -4715,43 +4742,13 @@ var CarouselControls = (props) => {
 // components/elements/AppStores.tsx
 import React36 from "react";
 var AppStores = (props) => {
-  return /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React36.createElement("div", null, props.store === "apple" ? props.mode === "dark" ? /* @__PURE__ */ React36.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React36.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React36.createElement(
-    "path",
-    {
-      fill: "currentColor",
-      d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
-    }
-  ))), /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React36.createElement("div", { className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React36.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-transparent hawa-text-black" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React36.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React36.createElement(
+  return /* @__PURE__ */ React36.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ React36.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ React36.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black dark:hawa-bg-white hawa-text-white dark:hawa-text-black" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React36.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ React36.createElement(
     "path",
     {
       fill: "currentColor",
       d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
     }
-  ))), /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React36.createElement("div", { className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold" }, "App Store"))) : props.mode === "dark" ? /* @__PURE__ */ React36.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React36.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React36.createElement(
-    "path",
-    {
-      fill: "#FFD400",
-      d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7  c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
-    }
-  ), /* @__PURE__ */ React36.createElement(
-    "path",
-    {
-      fill: "#FF3333",
-      d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3  c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
-    }
-  ), /* @__PURE__ */ React36.createElement(
-    "path",
-    {
-      fill: "#48FF48",
-      d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1  c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
-    }
-  ), /* @__PURE__ */ React36.createElement(
-    "path",
-    {
-      fill: "#3BCCFF",
-      d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6  c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
-    }
-  ))), /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ React36.createElement("div", { className: "hawa-font-sans hawa--mt-1 hawa-text-xl hawa-font-semibold" }, "Google Play"))) : /* @__PURE__ */ React36.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-white hawa-text-black" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React36.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React36.createElement(
+  ))), /* @__PURE__ */ React36.createElement("div", null, /* @__PURE__ */ React36.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ React36.createElement("div", { className: "hawa-font-sans hawa--mt-1 hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ React36.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black dark:hawa-bg-white hawa-bg-black dark:hawa-text-black hawa-text-white" }, /* @__PURE__ */ React36.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ React36.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ React36.createElement(
     "path",
     {
       fill: "#FFD400",
@@ -4803,7 +4800,7 @@ var SortButton = (props) => {
         strokeWidth: "2",
         strokeLinecap: "round",
         strokeLinejoin: "round",
-        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-h-4 hawa-w-4"
+        className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
       },
       /* @__PURE__ */ React37.createElement("path", { d: "m21 16-4 4-4-4" }),
       /* @__PURE__ */ React37.createElement("path", { d: "M17 20V4" }),
@@ -5384,7 +5381,7 @@ var AccordionTrigger = React42.forwardRef(({ className, children, ...props }, re
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-transition-transform hawa-duration-200"
+      className: "hawa-icon hawa-shrink-0 hawa-transition-transform hawa-duration-200"
     },
     /* @__PURE__ */ React42.createElement("path", { d: "m6 9 6 6 6-6" })
   )
@@ -5971,6 +5968,7 @@ var CommandInput = React51.forwardRef(({ className, ...props }, ref) => /* @__PU
   /* @__PURE__ */ React51.createElement(
     "svg",
     {
+      "aria-label": "Search Icon",
       xmlns: "http://www.w3.org/2000/svg",
       width: "24",
       height: "24",
@@ -5980,7 +5978,7 @@ var CommandInput = React51.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-mr-2 hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-mr-2 hawa-icon hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React51.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React51.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -6121,9 +6119,10 @@ var Combobox = ({
         {
           xmlns: "http://www.w3.org/2000/svg",
           className: cn(
-            "hawa-w-4 hawa-h-4 hawa-transition-all",
+            "hawa-icon hawa-transition-all",
             !props.preview ? "hawa-opacity-100 hawa-visible" : "hawa-opacity-0 hawa-invisible"
           ),
+          "aria-label": "Chevron down icon",
           viewBox: "0 0 24 24",
           fill: "none",
           stroke: "currentColor",
@@ -6165,6 +6164,7 @@ var Combobox = ({
         /* @__PURE__ */ React52.createElement(
           "svg",
           {
+            "aria-label": "Check Icon",
             xmlns: "http://www.w3.org/2000/svg",
             width: "24",
             height: "24",
@@ -6175,7 +6175,7 @@ var Combobox = ({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             className: cn(
-              "hawa-mr-2 hawa-h-4 hawa-w-4",
+              "hawa-mr-2 hawa-icon",
               value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
             )
           },
@@ -6547,6 +6547,7 @@ var NavigationMenuTrigger = React57.forwardRef(({ className, children, ...props
   /* @__PURE__ */ React57.createElement(
     "svg",
     {
+      "aria-label": "Chevron Icon",
       xmlns: "http://www.w3.org/2000/svg",
       width: "24",
       height: "24",
@@ -6557,7 +6558,7 @@ var NavigationMenuTrigger = React57.forwardRef(({ className, children, ...props
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       "aria-hidden": "true",
-      className: "hawa-relative hawa-top-[1px] hawa-h-4 hawa-w-4 hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+      className: "hawa-relative hawa-top-[1px] hawa-icon hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
     },
     /* @__PURE__ */ React57.createElement("path", { d: "m6 9 6 6 6-6" })
   )
@@ -6689,7 +6690,7 @@ var AccordionTrigger2 = React59.forwardRef(({ className, showArrow, children, ..
       viewBox: "0 0 16 16",
       height: "1em",
       width: "1em",
-      className: "hawa-h-4 hawa-w-4 hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
+      className: "hawa-icon hawa-shrink-0 hawa-rotate-90 hawa-transition-transform hawa-duration-200"
     },
     /* @__PURE__ */ React59.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
   )
@@ -7616,7 +7617,7 @@ var DocsLayout = ({
           isRTL ? "hawa-flex-row-reverse" : "hawa-flex-row"
         )
       },
-      /* @__PURE__ */ React66.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ React66.createElement(Logos.github, { className: "hawa-w-4 hawa-h-4" }))
+      /* @__PURE__ */ React66.createElement(Button, { variant: "ghost", size: "smallIcon" }, /* @__PURE__ */ React66.createElement(Logos.github, { className: "hawa-icon" }))
     )
   ), /* @__PURE__ */ React66.createElement(
     "div",
@@ -7682,7 +7683,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleGoogle
     },
-    /* @__PURE__ */ React67.createElement(Logos.google, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.google, { className: "hawa-icon" }),
     props.texts?.continueWithGoogle ?? "Continue With Google"
   ), props.viaGithub && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7691,7 +7692,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleGithub
     },
-    /* @__PURE__ */ React67.createElement(Logos.github, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.github, { className: "hawa-icon" }),
     props.texts?.continueWithGithub ?? "Continue With Github"
   ), props.viaTwitter && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7700,7 +7701,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleTwitter
     },
-    /* @__PURE__ */ React67.createElement(Logos.twitter, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.twitter, { className: "hawa-icon" }),
     props.texts?.continueWithTwitter ?? "Continue With Twitter"
   ), props.viaApple && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7709,7 +7710,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleApple
     },
-    /* @__PURE__ */ React67.createElement(Logos.apple, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.apple, { className: "hawa-icon" }),
     props.texts?.continueWithApple ?? "Continue With Apple"
   ), props.viaMicrosoft && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7718,7 +7719,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleMicrosoft
     },
-    /* @__PURE__ */ React67.createElement(Logos.microsoft, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.microsoft, { className: "hawa-icon" }),
     props.texts?.continueWithMicrosoft ?? "Continue With Microsoft"
   ), props.viaEmail && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7727,7 +7728,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handleEmail
     },
-    /* @__PURE__ */ React67.createElement(Logos.mail, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.mail, { className: "hawa-icon" }),
     props.texts?.continueWithEmail ?? "Continue With Email"
   ), props.viaPhone && /* @__PURE__ */ React67.createElement(
     Button,
@@ -7736,7 +7737,7 @@ var AuthButtons = (props) => {
       variant: "outline",
       onClick: props.handlePhone
     },
-    /* @__PURE__ */ React67.createElement(Logos.phone, { className: "hawa-h-4 hawa-w-4" }),
+    /* @__PURE__ */ React67.createElement(Logos.phone, { className: "hawa-icon" }),
     props.texts?.continueWithPhone ?? "Continue With Phone"
   ));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.14.8-next",
+  "version": "0.14.10-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {