@sikka/hawa 0.23.10-next → 0.23.11-next

package/dist/blocks/pricing/index.mjs

@@ -895,7 +895,7 @@ DialogDescription.displayName = DialogPrimitive.Description.displayName;
 // components/elements/avatar/Avatar.tsx
 import React12 from "react";
 
-// components/elements/FileUploader.tsx
+// components/elements/fileUploader/FileUploader.tsx
 import React11, { useRef as useRef2 } from "react";
 
 // components/elements/dataTable/DataTable.tsx
@@ -1399,8 +1399,14 @@ import React23 from "react";
 // components/elements/badge/Badge.tsx
 import React24, { useEffect as useEffect6, useState as useState9, useRef as useRef5 } from "react";
 
-// components/elements/ProgressCircle.tsx
-import React25 from "react";
+// components/elements/colorPicker/ColorPicker.tsx
+import React25, {
+  useState as useState10,
+  useEffect as useEffect7
+} from "react";
+
+// components/elements/progressCircle/ProgressCircle.tsx
+import React26 from "react";
 var size2config = {
   xs: {
     radius: 15,
@@ -1432,7 +1438,7 @@ function getLimitedValue(input) {
     return input;
   }
 }
-var ProgressCircle = React25.forwardRef((props, ref) => {
+var ProgressCircle = React26.forwardRef((props, ref) => {
   const {
     value: inputValue,
     size = "md",
@@ -1452,7 +1458,7 @@ var ProgressCircle = React25.forwardRef((props, ref) => {
   const circumference = normalizedRadius * 2 * Math.PI;
   const strokeDashoffset = value / 100 * circumference;
   const offset = circumference - strokeDashoffset;
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(
     "div",
     {
       ref,
@@ -1461,7 +1467,7 @@ var ProgressCircle = React25.forwardRef((props, ref) => {
         className
       )
     },
-    /* @__PURE__ */ React25.createElement(
+    /* @__PURE__ */ React26.createElement(
       "svg",
       {
         width: radius * 2,
@@ -1469,7 +1475,7 @@ var ProgressCircle = React25.forwardRef((props, ref) => {
         viewBox: `0 0 ${radius * 2} ${radius * 2}`,
         className: "hawa-rotate-180 hawa-transform"
       },
-      /* @__PURE__ */ React25.createElement(
+      /* @__PURE__ */ React26.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -1485,7 +1491,7 @@ var ProgressCircle = React25.forwardRef((props, ref) => {
           )
         }
       ),
-      value > 0 ? /* @__PURE__ */ React25.createElement(
+      value > 0 ? /* @__PURE__ */ React26.createElement(
         "circle",
         {
           r: normalizedRadius,
@@ -1505,22 +1511,22 @@ var ProgressCircle = React25.forwardRef((props, ref) => {
         }
       ) : null
     ),
-    /* @__PURE__ */ React25.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
+    /* @__PURE__ */ React26.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
   ));
 });
 ProgressCircle.displayName = "ProgressCircle";
 
-// components/elements/Pagination.tsx
-import React26 from "react";
+// components/elements/pagination/Pagination.tsx
+import React27 from "react";
 import { Pagination as PaginationPrimitive } from "react-headless-pagination";
 
-// components/elements/PasswordInput.tsx
-import React27, { useEffect as useEffect7, useState as useState10 } from "react";
+// components/elements/passwordInput/PasswordInput.tsx
+import React28, { useEffect as useEffect8, useState as useState11 } from "react";
 
-// components/elements/Slider.tsx
-import * as React28 from "react";
+// components/elements/slider/Slider.tsx
+import * as React29 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React28.createElement(
+var Slider = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React29.createElement(
   SliderPrimitive.Root,
   {
     ref,
@@ -1530,26 +1536,26 @@ var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props
   },
-  /* @__PURE__ */ React28.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React28.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
-  /* @__PURE__ */ React28.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background 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" })
+  /* @__PURE__ */ React29.createElement(SliderPrimitive.Track, { className: "hawa-relative hawa-h-2 hawa-w-full hawa-grow hawa-overflow-hidden hawa-rounded-full hawa-border hawa-bg-background" }, /* @__PURE__ */ React29.createElement(SliderPrimitive.Range, { className: "hawa-absolute hawa-h-full hawa-bg-primary" })),
+  /* @__PURE__ */ React29.createElement(SliderPrimitive.Thumb, { className: "hawa-block hawa-h-5 hawa-w-5 hawa-rounded-full hawa-border-2 hawa-border-primary hawa-bg-background 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" })
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
-// components/elements/SimpleTable.tsx
-import * as React29 from "react";
+// components/elements/simpleTable/SimpleTable.tsx
+import * as React30 from "react";
 import {
   flexRender as flexRender2,
   getCoreRowModel as getCoreRowModel2,
   useReactTable as useReactTable2
 } from "@tanstack/react-table";
 
-// components/elements/Separator.tsx
-import * as React30 from "react";
+// components/elements/separator/Separator.tsx
+import * as React31 from "react";
 var Separator2 = ({
   className,
   orientation = "horizontal",
   ...props
-}) => /* @__PURE__ */ React30.createElement(
+}) => /* @__PURE__ */ React31.createElement(
   "div",
   {
     className: cn(
@@ -1561,30 +1567,24 @@ var Separator2 = ({
   }
 );
 
-// components/elements/ScrollIndicator.tsx
-import React31, { useState as useState11, useEffect as useEffect8 } from "react";
-
-// components/elements/ColorPicker.tsx
-import React32, {
-  useState as useState12,
-  useEffect as useEffect9
-} from "react";
+// components/elements/scrollIndicator/ScrollIndicator.tsx
+import React32, { useState as useState12, useEffect as useEffect9 } from "react";
 
-// components/elements/CodeBlock.tsx
+// components/elements/codeBlock/CodeBlock.tsx
 import React33, { useState as useState14 } from "react";
 import { Highlight, themes } from "prism-react-renderer";
 
 // components/hooks/useClipboard.ts
 import { useState as useState13 } from "react";
 
-// components/elements/Carousel.tsx
+// components/elements/carousel/Carousel.tsx
 import React34, { useEffect as useEffect11, useState as useState15 } from "react";
 import useEmblaCarousel from "embla-carousel-react";
 
-// components/elements/Count.tsx
+// components/elements/count/Count.tsx
 import React35 from "react";
 
-// components/elements/Toast.tsx
+// components/elements/toast/Toast.tsx
 import * as React36 from "react";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva as cva3 } from "class-variance-authority";
@@ -1708,16 +1708,16 @@ var ToastDescription = React36.forwardRef(({ className, ...props }, ref) => /* @
 ));
 ToastDescription.displayName = ToastPrimitives.Description.displayName;
 
-// components/elements/Toaster.tsx
+// components/elements/toaster/Toaster.tsx
 import React38 from "react";
 
 // components/hooks/useToast.ts
 import * as React37 from "react";
 
-// components/elements/DestroyableCard.tsx
+// components/elements/destroyableCard/DestroyableCard.tsx
 import React39, { useRef as useRef6, useState as useState17 } from "react";
 
-// components/elements/InterfaceSettings.tsx
+// components/elements/interfaceSettings/InterfaceSettings.tsx
 import React40, { useState as useState18 } from "react";
 
 // components/blocks/cards/PricingCard.tsx

package/dist/carousel/index.d.mts

@@ -0,0 +1,13 @@
+import React__default, { PropsWithChildren } from 'react';
+import { EmblaOptionsType } from 'embla-carousel-react';
+
+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;
+
+export { Carousel };

package/dist/carousel/index.d.ts

@@ -0,0 +1,13 @@
+import React__default, { PropsWithChildren } from 'react';
+import { EmblaOptionsType } from 'embla-carousel-react';
+
+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;
+
+export { Carousel };

package/dist/carousel/index.js

@@ -0,0 +1,186 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// components/elements/carousel/index.ts
+var carousel_exports = {};
+__export(carousel_exports, {
+  Carousel: () => Carousel
+});
+module.exports = __toCommonJS(carousel_exports);
+
+// components/elements/carousel/Carousel.tsx
+var import_react = __toESM(require("react"));
+var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
+
+// components/util.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/carousel/Carousel.tsx
+var Carousel = (props) => {
+  const {
+    children,
+    items,
+    showArrows,
+    autoplay,
+    autoplayInterval = 3e3,
+    ...options
+  } = props;
+  const [emblaRef, emblaApi] = (0, import_embla_carousel_react.default)({
+    loop: autoplay ? true : options.loop || false
+  });
+  const [selectedIndex, setSelectedIndex] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    function selectHandler() {
+      const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
+      setSelectedIndex(index || 0);
+    }
+    emblaApi == null ? void 0 : emblaApi.on("select", selectHandler);
+    return () => {
+      emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
+    };
+  }, [emblaApi]);
+  (0, import_react.useEffect)(() => {
+    let autoplayTimer;
+    if (autoplay && emblaApi) {
+      autoplayTimer = setInterval(() => {
+        emblaApi.scrollNext();
+      }, autoplayInterval);
+    }
+    return () => {
+      if (autoplayTimer)
+        clearInterval(autoplayTimer);
+    };
+  }, [emblaApi, autoplay, autoplayInterval]);
+  const length = import_react.default.Children.count(items);
+  const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
+  const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      key: i,
+      className: "hawa-flex hawa-h-full hawa-min-w-0  hawa-flex-[0_0_100%]  hawa-items-center hawa-justify-center"
+    },
+    item
+  ))))), /* @__PURE__ */ import_react.default.createElement(
+    Dots,
+    {
+      itemsLength: length,
+      selectedIndex,
+      onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
+    }
+  ), showArrows && /* @__PURE__ */ import_react.default.createElement(
+    CarouselControls,
+    {
+      canScrollNext,
+      canScrollPrev,
+      onNext: () => emblaApi == null ? void 0 : emblaApi.scrollNext(),
+      onPrev: () => emblaApi == null ? void 0 : emblaApi.scrollPrev()
+    }
+  ));
+};
+var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
+  const arr = new Array(itemsLength).fill(0);
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1" }, arr.map((_, index) => {
+    const selected = index === selectedIndex;
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        onClick: () => onDotClick(index),
+        className: cn(
+          "hawa-h-2 hawa-rounded-full hawa-bg-primary hawa-transition-all hawa-duration-300 hover:hawa-cursor-pointer",
+          !selected ? "hawa-w-2 hawa-opacity-50" : "hawa-w-6 hawa-opacity-100"
+        ),
+        key: index
+      }
+    );
+  }));
+};
+var CarouselControls = (props) => {
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      onClick: () => {
+        if (props.canScrollPrev) {
+          props.onPrev();
+        }
+      },
+      disabled: !props.canScrollPrev,
+      className: cn(
+        "hawa-absolute hawa-start-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
+        !props.canScrollPrev && "hawa-bg-primary/50",
+        props.canScrollPrev && "hawa-bg-primary"
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "svg",
+      {
+        "aria-label": "Chevron Right Icon",
+        stroke: "currentColor",
+        fill: "currentColor",
+        viewBox: "0 0 16 16",
+        className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
+      },
+      /* @__PURE__ */ import_react.default.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" })
+    )
+  ), /* @__PURE__ */ import_react.default.createElement(
+    "button",
+    {
+      onClick: () => {
+        if (props.canScrollNext) {
+          props.onNext();
+        }
+      },
+      disabled: !props.canScrollNext,
+      className: cn(
+        "hawa-absolute hawa-end-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
+        !props.canScrollNext && "hawa-bg-primary/50",
+        props.canScrollNext && "hawa-bg-primary"
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "svg",
+      {
+        "aria-label": "Chevron Right Icon",
+        stroke: "currentColor",
+        fill: "currentColor",
+        viewBox: "0 0 16 16",
+        className: "hawa-h-2 hawa-w-2  hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
+      },
+      /* @__PURE__ */ import_react.default.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" })
+    )
+  ));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Carousel
+});

package/dist/carousel/index.mjs

@@ -0,0 +1,144 @@
+import {
+  cn
+} from "../chunk-TE3BKEXL.mjs";
+
+// components/elements/carousel/Carousel.tsx
+import React, { useEffect, useState } from "react";
+import useEmblaCarousel from "embla-carousel-react";
+var Carousel = (props) => {
+  const {
+    children,
+    items,
+    showArrows,
+    autoplay,
+    autoplayInterval = 3e3,
+    ...options
+  } = props;
+  const [emblaRef, emblaApi] = useEmblaCarousel({
+    loop: autoplay ? true : options.loop || false
+  });
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  useEffect(() => {
+    function selectHandler() {
+      const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
+      setSelectedIndex(index || 0);
+    }
+    emblaApi == null ? void 0 : emblaApi.on("select", selectHandler);
+    return () => {
+      emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
+    };
+  }, [emblaApi]);
+  useEffect(() => {
+    let autoplayTimer;
+    if (autoplay && emblaApi) {
+      autoplayTimer = setInterval(() => {
+        emblaApi.scrollNext();
+      }, autoplayInterval);
+    }
+    return () => {
+      if (autoplayTimer)
+        clearInterval(autoplayTimer);
+    };
+  }, [emblaApi, autoplay, autoplayInterval]);
+  const length = React.Children.count(items);
+  const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
+  const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
+  return /* @__PURE__ */ React.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ React.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ React.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      key: i,
+      className: "hawa-flex hawa-h-full hawa-min-w-0  hawa-flex-[0_0_100%]  hawa-items-center hawa-justify-center"
+    },
+    item
+  ))))), /* @__PURE__ */ React.createElement(
+    Dots,
+    {
+      itemsLength: length,
+      selectedIndex,
+      onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
+    }
+  ), showArrows && /* @__PURE__ */ React.createElement(
+    CarouselControls,
+    {
+      canScrollNext,
+      canScrollPrev,
+      onNext: () => emblaApi == null ? void 0 : emblaApi.scrollNext(),
+      onPrev: () => emblaApi == null ? void 0 : emblaApi.scrollPrev()
+    }
+  ));
+};
+var Dots = ({ onDotClick, itemsLength, selectedIndex }) => {
+  const arr = new Array(itemsLength).fill(0);
+  return /* @__PURE__ */ React.createElement("div", { className: "hawa-z-50 hawa-my-2 hawa-flex hawa-justify-center hawa-gap-1" }, arr.map((_, index) => {
+    const selected = index === selectedIndex;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        onClick: () => onDotClick(index),
+        className: cn(
+          "hawa-h-2 hawa-rounded-full hawa-bg-primary hawa-transition-all hawa-duration-300 hover:hawa-cursor-pointer",
+          !selected ? "hawa-w-2 hawa-opacity-50" : "hawa-w-6 hawa-opacity-100"
+        ),
+        key: index
+      }
+    );
+  }));
+};
+var CarouselControls = (props) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: () => {
+        if (props.canScrollPrev) {
+          props.onPrev();
+        }
+      },
+      disabled: !props.canScrollPrev,
+      className: cn(
+        "hawa-absolute hawa-start-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
+        !props.canScrollPrev && "hawa-bg-primary/50",
+        props.canScrollPrev && "hawa-bg-primary"
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        "aria-label": "Chevron Right Icon",
+        stroke: "currentColor",
+        fill: "currentColor",
+        viewBox: "0 0 16 16",
+        className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
+      },
+      /* @__PURE__ */ React.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" })
+    )
+  ), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: () => {
+        if (props.canScrollNext) {
+          props.onNext();
+        }
+      },
+      disabled: !props.canScrollNext,
+      className: cn(
+        "hawa-absolute hawa-end-0 hawa-top-1/2 -hawa-translate-y-2 hawa-rounded-full hawa-p-2 hawa-text-white ",
+        !props.canScrollNext && "hawa-bg-primary/50",
+        props.canScrollNext && "hawa-bg-primary"
+      )
+    },
+    /* @__PURE__ */ React.createElement(
+      "svg",
+      {
+        "aria-label": "Chevron Right Icon",
+        stroke: "currentColor",
+        fill: "currentColor",
+        viewBox: "0 0 16 16",
+        className: "hawa-h-2 hawa-w-2  hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
+      },
+      /* @__PURE__ */ React.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" })
+    )
+  ));
+};
+export {
+  Carousel
+};

package/dist/checkbox/index.d.mts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.mjs';
+
+type RadiusType = "full" | "inherit" | "none";
 
 type CheckBoxTypes = {
     id: string;

package/dist/checkbox/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.js';
+
+type RadiusType = "full" | "inherit" | "none";
 
 type CheckBoxTypes = {
     id: string;

package/dist/chip/index.d.mts

@@ -1,2 +1,37 @@
-export { b as Chip, a as ChipColors, C as ChipTypes } from '../index-DUZFcPRO.mjs';
-import 'react';
+import React__default from 'react';
+
+type RadiusType = "full" | "inherit" | "none";
+
+type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
+type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large";
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable";
+    radius?: RadiusType;
+};
+declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element | undefined;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors | undefined;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large" | undefined;
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean | undefined;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable" | undefined;
+    radius?: RadiusType | undefined;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
+export { Chip, type ChipColors, type ChipTypes };

package/dist/chip/index.d.ts

@@ -1,2 +1,37 @@
-export { b as Chip, a as ChipColors, C as ChipTypes } from '../index-DUZFcPRO.js';
-import 'react';
+import React__default from 'react';
+
+type RadiusType = "full" | "inherit" | "none";
+
+type ChipColors = "green" | "blue" | "red" | "yellow" | "orange" | "purple" | "cyan" | "hyper" | "oceanic";
+type ChipTypes = React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large";
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable";
+    radius?: RadiusType;
+};
+declare const Chip: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
+    /** The text inside the chip */
+    label: string;
+    /** The small icon before the chip label  */
+    icon?: JSX.Element | undefined;
+    /** The color of the chip, must be a tailwind color */
+    color?: ChipColors | undefined;
+    /** The size of the chip */
+    size?: "small" | "normal" | "large" | undefined;
+    /** Enable/Disable the dot before the label of the chip */
+    dot?: boolean | undefined;
+    /** Red/Green dot next to the label of the chip indicating online/offline or available/unavailable */
+    dotType?: "available" | "unavailable" | undefined;
+    radius?: RadiusType | undefined;
+} & React__default.RefAttributes<HTMLSpanElement>>;
+
+export { Chip, type ChipColors, type ChipTypes };