@sikka/hawa 0.24.4-next → 0.24.5-next

package/dist/stats/index.mjs

@@ -0,0 +1,154 @@
+// components/layout/stats/Stats.tsx
+import React3 from "react";
+
+// components/elements/card/Card.tsx
+import * as React from "react";
+
+// components/util.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// components/elements/card/Card.tsx
+var Card = React.forwardRef(
+  ({ className, variant = "default", clickable = false, ...props }, ref) => {
+    let variantStyles = {
+      default: cn(
+        "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
+        clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
+      ),
+      neoBrutalism: cn(
+        "neo-brutalism",
+        // "hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
+        clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
+      )
+    };
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: cn(className, variantStyles[variant]),
+        ...props
+      }
+    );
+  }
+);
+var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn(
+      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
+      className
+    ),
+    ...props
+  }
+));
+var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "h3",
+  {
+    ref,
+    className: cn("hawa-text-2xl hawa-font-semibold ", className),
+    ...props
+  }
+));
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "p",
+  {
+    ref,
+    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
+    ...props
+  }
+));
+var CardContent = React.forwardRef(
+  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        noPadding ? "hawa-p-0" : "hawa-p-6",
+        headless ? "hawa-pt-6" : "hawa-pt-0",
+        className
+      ),
+      ...props
+    }
+  )
+);
+var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    ref,
+    className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+CardContent.displayName = "CardContent";
+CardHeader.displayName = "CardHeader";
+CardFooter.displayName = "CardFooter";
+CardTitle.displayName = "CardTitle";
+Card.displayName = "Card";
+
+// components/elements/skeleton/Skeleton.tsx
+import React2 from "react";
+function Skeleton({
+  className,
+  content,
+  animation = "pulse",
+  ...props
+}) {
+  const animationStyles = {
+    none: "hawa-rounded hawa-bg-muted",
+    pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
+    shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
+  };
+  return /* @__PURE__ */ React2.createElement(
+    "div",
+    {
+      className: cn(
+        animationStyles[animation],
+        content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        className
+      ),
+      ...props
+    },
+    content && content
+  );
+}
+
+// components/layout/stats/Stats.tsx
+var Stats = ({
+  label,
+  icon,
+  isLoading,
+  number,
+  helperText,
+  helperTextColor = "default",
+  chart,
+  clickable,
+  variant = "default",
+  ...props
+}) => {
+  let helperTextColorStyles = {
+    default: "",
+    positive: "hawa-text-green-600 dark:hawa-text-green-500",
+    negative: "hawa-text-red-600 dark:hawa-text-red-500",
+    muted: "hawa-text-muted-foreground"
+  };
+  return /* @__PURE__ */ React3.createElement(Card, { ...props, clickable }, /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4" }, /* @__PURE__ */ React3.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ React3.createElement("span", null, icon)), /* @__PURE__ */ React3.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ React3.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ React3.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      className: cn(
+        "hawa-my-0 hawa-text-start  hawa-text-xs hawa-transition-all",
+        helperTextColorStyles[helperTextColor],
+        helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
+      )
+    },
+    isLoading ? /* @__PURE__ */ React3.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
+  ), chart && (isLoading ? /* @__PURE__ */ React3.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
+};
+export {
+  Stats
+};

package/dist/stopPropagationWrapper/index.d.mts

@@ -1,5 +1,5 @@
-import React from 'react';
+import React__default from 'react';
 
-declare const StopPropagationWrapper: (props: any) => React.JSX.Element;
+declare const StopPropagationWrapper: (props: any) => React__default.JSX.Element;
 
 export { StopPropagationWrapper };

package/dist/stopPropagationWrapper/index.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
+import React__default from 'react';
 
-declare const StopPropagationWrapper: (props: any) => React.JSX.Element;
+declare const StopPropagationWrapper: (props: any) => React__default.JSX.Element;
 
 export { StopPropagationWrapper };

package/dist/switch/index.d.mts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.mjs';
+
+type RadiusType = "full" | "inherit" | "none";
 
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "default" | "sm" | "lg";

package/dist/switch/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as SwitchPrimitives from '@radix-ui/react-switch';
-import { R as RadiusType } from '../commonTypes-PBumfOBg.js';
+
+type RadiusType = "full" | "inherit" | "none";
 
 interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
     size?: "default" | "sm" | "lg";

package/dist/tabs/index.d.mts

@@ -1,6 +1,24 @@
 import * as React from 'react';
+import React__default from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { O as OrientationType, C as ChipTypes } from '../index-DUZFcPRO.mjs';
+import { R as RadiusType, O as OrientationType } from '../commonTypes-3J1E3b61.mjs';
+
+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 Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     orientation?: OrientationType | undefined;

package/dist/tabs/index.d.ts

@@ -1,6 +1,24 @@
 import * as React from 'react';
+import React__default from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { O as OrientationType, C as ChipTypes } from '../index-DUZFcPRO.js';
+import { R as RadiusType, O as OrientationType } from '../commonTypes-3J1E3b61.js';
+
+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 Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     orientation?: OrientationType | undefined;

package/dist/tabs/index.mjs

@@ -1,15 +1,95 @@
-import {
-  Chip
-} from "../chunk-72HYR6WB.mjs";
 import {
   cn
 } from "../chunk-TE3BKEXL.mjs";
 
 // components/elements/tabs/Tabs.tsx
-import * as React from "react";
+import * as React2 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-var TabsContext = React.createContext({ orientation: "vertical" });
-var Tabs = React.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React.createElement(
+
+// components/elements/chip/Chip.tsx
+import React from "react";
+var Chip = React.forwardRef(
+  ({
+    label,
+    size = "normal",
+    icon,
+    color,
+    radius = "inherit",
+    dotType,
+    ...rest
+  }, ref) => {
+    let defaultStyles = "hawa-flex hawa-flex-row hawa-w-fit hawa-gap-1 hawa-items-center  hawa-px-2.5 hawa-py-1  hawa-font-bold ";
+    let radiusStyles = {
+      inherit: " hawa-rounded",
+      full: "hawa-rounded-full",
+      none: "hawa-rounded-none"
+    };
+    let sizeStyles = {
+      small: "hawa-h-[15px] hawa-leading-4 hawa-px-0 hawa-py-0 hawa-text-[9px] hawa-gap-0.5 ",
+      normal: "hawa-h-fit hawa-text-xs",
+      large: "hawa-text-base"
+    };
+    let dotStyles = {
+      small: "hawa-flex hawa-h-1 hawa-w-1 hawa-rounded-full",
+      normal: "hawa-flex hawa-h-2 hawa-w-2 hawa-rounded-full",
+      large: "hawa-flex hawa-h-3 hawa-w-3 hawa-rounded-full"
+    };
+    let dotTypeStyles = {
+      available: "hawa-bg-green-500",
+      unavailable: "hawa-bg-red-500"
+    };
+    let colorStyles = {
+      green: "hawa-bg-green-100 hawa-text-green-500 dark:hawa-bg-green-400 dark:hawa-text-green-800",
+      blue: "hawa-bg-blue-100 hawa-text-blue-500 dark:hawa-bg-blue-400 dark:hawa-text-blue-100",
+      red: "hawa-bg-red-100 hawa-text-red-500 dark:hawa-bg-red-400 dark:hawa-text-red-100",
+      yellow: "hawa-bg-yellow-100 hawa-text-yellow-600 dark:hawa-bg-yellow-400 dark:hawa-text-yellow-800",
+      orange: "hawa-bg-orange-100 hawa-text-orange-500 dark:hawa-bg-orange-400 dark:hawa-text-orange-100",
+      purple: "hawa-bg-purple-100 hawa-text-purple-500 dark:hawa-bg-purple-400 dark:hawa-text-purple-100",
+      cyan: "hawa-bg-cyan-100 hawa-text-cyan-800 dark:hawa-bg-cyan-400 dark:hawa-text-cyan-800",
+      hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-500 hawa-via-red-500 hawa-to-yellow-500 ",
+      oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
+    };
+    if (label) {
+      return /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            defaultStyles,
+            sizeStyles[size],
+            radiusStyles[radius],
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        },
+        dotType && /* @__PURE__ */ React.createElement(
+          "span",
+          {
+            className: cn(dotStyles[size], dotTypeStyles[dotType])
+          }
+        ),
+        icon && icon,
+        label
+      );
+    } else {
+      return /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          ...rest,
+          ref,
+          className: cn(
+            "hawa-h-2 hawa-w-2 hawa-rounded-full",
+            color ? colorStyles[color] : "hawa-border hawa-bg-none"
+          )
+        }
+      );
+    }
+  }
+);
+
+// components/elements/tabs/Tabs.tsx
+var TabsContext = React2.createContext({ orientation: "vertical" });
+var Tabs = React2.forwardRef(({ className, orientation, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   TabsPrimitive.Root,
   {
     ref,
@@ -20,12 +100,12 @@ var Tabs = React.forwardRef(({ className, orientation, ...props }, ref) => /* @_
     ),
     ...props
   },
-  /* @__PURE__ */ React.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
+  /* @__PURE__ */ React2.createElement(TabsContext.Provider, { value: { orientation } }, props.children)
 ));
 Tabs.displayName = TabsPrimitive.Root.displayName;
-var TabsList = React.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = React.useContext(TabsContext);
-  return /* @__PURE__ */ React.createElement(
+var TabsList = React2.forwardRef(({ className, ...props }, ref) => {
+  const { orientation } = React2.useContext(TabsContext);
+  return /* @__PURE__ */ React2.createElement(
     TabsPrimitive.List,
     {
       ref,
@@ -39,8 +119,8 @@ var TabsList = React.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React.forwardRef(({ className, chipProps, ...props }, ref) => {
-  return /* @__PURE__ */ React.createElement(
+var TabsTrigger = React2.forwardRef(({ className, chipProps, ...props }, ref) => {
+  return /* @__PURE__ */ React2.createElement(
     TabsPrimitive.Trigger,
     {
       ref,
@@ -51,11 +131,11 @@ var TabsTrigger = React.forwardRef(({ className, chipProps, ...props }, ref) =>
       ...props
     },
     props.children,
-    chipProps && /* @__PURE__ */ React.createElement(Chip, { ...chipProps })
+    chipProps && /* @__PURE__ */ React2.createElement(Chip, { ...chipProps })
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+var TabsContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React2.createElement(
   TabsPrimitive.Content,
   {
     ref,

package/dist/textarea/index.d.mts

@@ -1,5 +1,12 @@
 import * as React from 'react';
-import { L as LabelProps } from '../Label-fkQ4ebuH.mjs';
+import { P as PositionType } from '../commonTypes-3J1E3b61.mjs';
+
+type LabelProps = {
+    hint?: React.ReactNode;
+    hintSide?: PositionType;
+    htmlFor?: string;
+    required?: boolean;
+};
 
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     helperText?: string;

package/dist/textarea/index.d.ts

@@ -1,5 +1,12 @@
 import * as React from 'react';
-import { L as LabelProps } from '../Label-fkQ4ebuH.js';
+import { P as PositionType } from '../commonTypes-3J1E3b61.js';
+
+type LabelProps = {
+    hint?: React.ReactNode;
+    hintSide?: PositionType;
+    htmlFor?: string;
+    required?: boolean;
+};
 
 interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
     helperText?: string;

package/dist/textarea/index.mjs

@@ -1,13 +1,97 @@
-import {
-  Label
-} from "../chunk-TNAHW35O.mjs";
 import {
   cn
 } from "../chunk-TE3BKEXL.mjs";
 
 // components/elements/textarea/Textarea.tsx
-import * as React from "react";
-var Textarea = React.forwardRef(
+import * as React3 from "react";
+
+// components/elements/label/Label.tsx
+import * as React2 from "react";
+
+// components/elements/tooltip/Tooltip.tsx
+import React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = ({
+  side,
+  open,
+  content,
+  children,
+  defaultOpen,
+  onOpenChange,
+  triggerProps,
+  contentProps,
+  providerProps,
+  delayDuration = 300,
+  ...props
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    TooltipPrimitive.TooltipProvider,
+    {
+      delayDuration,
+      ...providerProps
+    },
+    /* @__PURE__ */ React.createElement(
+      TooltipPrimitive.Root,
+      {
+        open,
+        defaultOpen,
+        onOpenChange,
+        ...props
+      },
+      /* @__PURE__ */ React.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ React.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+    )
+  );
+};
+
+// components/elements/label/Label.tsx
+var Label = React2.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React2.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React2.createElement(
+  "label",
+  {
+    ref,
+    className: cn(
+      "hawa-text-sm hawa-font-medium hawa-leading-none peer-disabled:hawa-cursor-not-allowed peer-disabled:hawa-opacity-70",
+      className
+    ),
+    ...props
+  },
+  children,
+  required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React2.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React2.createElement(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  },
+  /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+  /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
+))));
+Label.displayName = "Label";
+
+// components/elements/textarea/Textarea.tsx
+var Textarea = React3.forwardRef(
   ({
     className,
     labelProps,
@@ -17,7 +101,7 @@ var Textarea = React.forwardRef(
     countPosition = "bottom",
     ...props
   }, ref) => {
-    return /* @__PURE__ */ React.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ React3.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ React3.createElement(Label, { ...labelProps }, props.label), /* @__PURE__ */ React3.createElement(
       "textarea",
       {
         className: cn(
@@ -27,7 +111,7 @@ var Textarea = React.forwardRef(
         ref,
         ...textareaProps
       }
-    ), /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React.createElement(
+    ), /* @__PURE__ */ React3.createElement("div", { className: "hawa-flex hawa-flex-row hawa-justify-between" }, !forceHideHelperText && /* @__PURE__ */ React3.createElement(
       "p",
       {
         className: cn(
@@ -36,7 +120,7 @@ var Textarea = React.forwardRef(
         )
       },
       props.helperText
-    ), showCount && /* @__PURE__ */ React.createElement(
+    ), showCount && /* @__PURE__ */ React3.createElement(
       "div",
       {
         className: cn(

package/dist/toast/index.d.mts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { D as DirectionType } from '../commonTypes-_11epZYh.mjs';
+import { D as DirectionType } from '../commonTypes-3J1E3b61.mjs';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/dist/toast/index.d.ts

@@ -2,7 +2,7 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import * as React from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
 import { VariantProps } from 'class-variance-authority';
-import { D as DirectionType } from '../commonTypes-_11epZYh.js';
+import { D as DirectionType } from '../commonTypes-3J1E3b61.js';
 
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.24.4-next",
+  "version": "0.24.5-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",

package/dist/Label-fkQ4ebuH.d.mts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-type PositionType = "top" | "bottom" | "right" | "left";
-
-type LabelProps = {
-    hint?: React.ReactNode;
-    hintSide?: PositionType;
-    htmlFor?: string;
-    required?: boolean;
-};
-
-export type { LabelProps as L };

package/dist/Label-fkQ4ebuH.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-
-type PositionType = "top" | "bottom" | "right" | "left";
-
-type LabelProps = {
-    hint?: React.ReactNode;
-    hintSide?: PositionType;
-    htmlFor?: string;
-    required?: boolean;
-};
-
-export type { LabelProps as L };