@sikka/hawa 0.14.9-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;

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;

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",
@@ -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 {
@@ -4967,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() {
@@ -4988,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());
@@ -5079,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", {
@@ -5094,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", {

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
           )
         },
@@ -4553,7 +4556,11 @@ 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 {
@@ -4605,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(() => {
@@ -4620,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();
@@ -4716,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",

package/package.json

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