@sikka/hawa 0.24.3-next → 0.24.5-next

package/dist/stats/index.d.ts

@@ -0,0 +1,19 @@
+import React, { FC } from 'react';
+
+interface StatTypes extends React.HTMLAttributes<HTMLDivElement> {
+    label?: string;
+    color?: string;
+    number?: string;
+    helperText?: string;
+    helperTextColor?: "default" | "positive" | "negative" | "muted";
+    chart?: any;
+    icon?: React.ReactNode;
+    variant?: "default" | "plain" | "contained" | "outlined" | "brutalist" | "dropshadow";
+    width?: "full" | "min" | "normal";
+    isLoading?: boolean;
+    className?: string;
+    clickable?: boolean;
+}
+declare const Stats: FC<StatTypes>;
+
+export { Stats };

package/dist/stats/index.js

@@ -0,0 +1,191 @@
+"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/layout/stats/index.ts
+var stats_exports = {};
+__export(stats_exports, {
+  Stats: () => Stats
+});
+module.exports = __toCommonJS(stats_exports);
+
+// components/layout/stats/Stats.tsx
+var import_react2 = __toESM(require("react"));
+
+// components/elements/card/Card.tsx
+var React = __toESM(require("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/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
+var import_react = __toESM(require("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__ */ import_react.default.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__ */ import_react2.default.createElement(Card, { ...props, clickable }, /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-between hawa-p-4" }, /* @__PURE__ */ import_react2.default.createElement(CardTitle, { className: "hawa-text-sm hawa-font-medium" }, label), icon && /* @__PURE__ */ import_react2.default.createElement("span", null, icon)), /* @__PURE__ */ import_react2.default.createElement(CardContent, { className: "hawa-transition-all" }, isLoading ? /* @__PURE__ */ import_react2.default.createElement(Skeleton, { className: "hawa-h-8 hawa-w-3/4" }) : /* @__PURE__ */ import_react2.default.createElement("div", { className: "hawa-text-2xl hawa-font-bold" }, number), helperText && /* @__PURE__ */ import_react2.default.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__ */ import_react2.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : helperText
+  ), chart && (isLoading ? /* @__PURE__ */ import_react2.default.createElement(Skeleton, { className: "hawa-mt-2 hawa-h-4 hawa-w-1/2" }) : chart)));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Stats
+});

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;