@sikka/hawa 0.32.2-next → 0.33.0-next

package/dist/index.mjs

@@ -1985,11 +1985,56 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
 // elements/alert/Alert.tsx
-import React16, { useRef, useState as useState3, useEffect as useEffect2 } from "react";
+import React17, { useRef, useState as useState3, useEffect as useEffect2 } from "react";
 
 // elements/button/Button.tsx
-import * as React15 from "react";
+import * as React16 from "react";
 import { cva as cva3 } from "class-variance-authority";
+
+// elements/label/Label.tsx
+import * as React15 from "react";
+var Label2 = React15.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React15.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React15.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__ */ React15.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
+), hint && /* @__PURE__ */ React15.createElement(
+  Tooltip,
+  {
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
+  },
+  /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.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__ */ React15.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React15.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React15.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
+Label2.displayName = "Label";
+
+// elements/button/Button.tsx
 var buttonVariants = cva3(
   "hawa-inline-flex hawa-items-center  hawa-select-none hawa-rounded-md hawa-text-sm hawa-font-medium 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",
   {
@@ -2023,9 +2068,10 @@ var buttonVariants = cva3(
     }
   }
 );
-var Button = React15.forwardRef(
+var Button = React16.forwardRef(
   ({
     className,
+    label,
     variant,
     size,
     asChild = false,
@@ -2036,7 +2082,7 @@ var Button = React15.forwardRef(
   }, ref) => {
     const Comp = "button";
     const loadingColor = variant === "outline" || variant === "ghost" || variant === "neoBrutalism" ? "hawa-bg-primary" : "hawa-bg-primary-foreground";
-    return /* @__PURE__ */ React15.createElement(
+    return /* @__PURE__ */ React16.createElement("div", { className: "flex flex-col" }, label && /* @__PURE__ */ React16.createElement(Label2, { className: "hawa-mb-2" }, label), /* @__PURE__ */ React16.createElement(
       Comp,
       {
         className: cn(
@@ -2046,7 +2092,7 @@ var Button = React15.forwardRef(
         ref,
         ...props
       },
-      isLoading ? /* @__PURE__ */ React15.createElement(
+      isLoading ? /* @__PURE__ */ React16.createElement(
         Loading,
         {
           design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
@@ -2055,7 +2101,7 @@ var Button = React15.forwardRef(
           size: size === "sm" || size === "xs" ? "xs" : "button"
         }
       ) : children
-    );
+    ));
   }
 );
 Button.displayName = "Button";
@@ -2106,7 +2152,7 @@ var Alert = ({
     hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
     oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
   };
-  return /* @__PURE__ */ React16.createElement("div", { ref: alertRef }, /* @__PURE__ */ React16.createElement(
+  return /* @__PURE__ */ React17.createElement("div", { ref: alertRef }, /* @__PURE__ */ React17.createElement(
     "div",
     {
       "data-testid": "alert",
@@ -2120,13 +2166,13 @@ var Alert = ({
         className
       )
     },
-    /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ React16.createElement(
+    /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ React17.createElement(
       "div",
       {
         className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
       },
       icon
-    ), /* @__PURE__ */ React16.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React16.createElement(
+    ), /* @__PURE__ */ React17.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React17.createElement(
       "span",
       {
         className: cn(
@@ -2135,7 +2181,7 @@ var Alert = ({
         )
       },
       props.title
-    ), /* @__PURE__ */ React16.createElement(
+    ), /* @__PURE__ */ React17.createElement(
       "span",
       {
         className: cn(
@@ -2144,7 +2190,7 @@ var Alert = ({
         )
       },
       props.text
-    ), props.actions && /* @__PURE__ */ React16.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React16.createElement(
+    ), props.actions && /* @__PURE__ */ React17.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ React17.createElement(
       Button,
       {
         key: index,
@@ -2153,7 +2199,7 @@ var Alert = ({
       },
       act.label
     ))))),
-    !props.persistent && /* @__PURE__ */ React16.createElement(
+    !props.persistent && /* @__PURE__ */ React17.createElement(
       "button",
       {
         type: "button",
@@ -2180,8 +2226,8 @@ var Alert = ({
           }
         }
       },
-      /* @__PURE__ */ React16.createElement("span", { className: "hawa-sr-only" }, "Close"),
-      /* @__PURE__ */ React16.createElement(
+      /* @__PURE__ */ React17.createElement("span", { className: "hawa-sr-only" }, "Close"),
+      /* @__PURE__ */ React17.createElement(
         "svg",
         {
           "aria-label": "Close Icon",
@@ -2190,7 +2236,7 @@ var Alert = ({
           fill: "currentColor",
           viewBox: "0 0 20 20"
         },
-        /* @__PURE__ */ React16.createElement(
+        /* @__PURE__ */ React17.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -2204,10 +2250,10 @@ var Alert = ({
 };
 
 // elements/avatar/Avatar.tsx
-import React18 from "react";
+import React19 from "react";
 
 // elements/fileUploader/FileUploader.tsx
-import React17, { useRef as useRef2 } from "react";
+import React18, { useRef as useRef2 } from "react";
 var FileUploader = ({ handleFile, className }) => {
   const hiddenFileInput = useRef2(null);
   const handleClick = () => {
@@ -2218,7 +2264,7 @@ var FileUploader = ({ handleFile, className }) => {
     const fileUploaded = event.target.files[0];
     handleFile(fileUploaded);
   };
-  return /* @__PURE__ */ React17.createElement("div", { className }, /* @__PURE__ */ React17.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ React17.createElement(
+  return /* @__PURE__ */ React18.createElement("div", { className }, /* @__PURE__ */ React18.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ React18.createElement(
     "input",
     {
       type: "file",
@@ -2259,7 +2305,7 @@ var Avatar = ({
     inherit: "hawa-rounded",
     none: "hawa-rounded-none"
   };
-  return /* @__PURE__ */ React18.createElement(
+  return /* @__PURE__ */ React19.createElement(
     "div",
     {
       className: cn(
@@ -2269,7 +2315,7 @@ var Avatar = ({
         className
       )
     },
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       FileUploader,
       {
         className: cn(
@@ -2280,7 +2326,7 @@ var Avatar = ({
         )
       }
     ),
-    /* @__PURE__ */ React18.createElement(
+    /* @__PURE__ */ React19.createElement(
       "img",
       {
         className: cn(
@@ -2293,7 +2339,7 @@ var Avatar = ({
         alt
       }
     ),
-    !src && !hideIcon && /* @__PURE__ */ React18.createElement(
+    !src && !hideIcon && /* @__PURE__ */ React19.createElement(
       "div",
       {
         className: cn(
@@ -2301,7 +2347,7 @@ var Avatar = ({
           "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
         )
       },
-      icon ? icon : /* @__PURE__ */ React18.createElement(
+      icon ? icon : /* @__PURE__ */ React19.createElement(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2313,8 +2359,8 @@ var Avatar = ({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         },
-        /* @__PURE__ */ React18.createElement("circle", { cx: "12", cy: "8", r: "5" }),
-        /* @__PURE__ */ React18.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
+        /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "8", r: "5" }),
+        /* @__PURE__ */ React19.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
       )
     )
   );
@@ -2334,51 +2380,6 @@ import {
 
 // elements/input/Input.tsx
 import React20, { forwardRef as forwardRef12 } from "react";
-
-// elements/label/Label.tsx
-import * as React19 from "react";
-var Label2 = React19.forwardRef(({ className, hint, hintSide, required, children, ...props }, ref) => /* @__PURE__ */ React19.createElement("div", { className: "hawa-flex hawa-flex-row hawa-items-center hawa-gap-1 hawa-transition-all" }, /* @__PURE__ */ React19.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__ */ React19.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React19.createElement(
-  Tooltip,
-  {
-    content: hint,
-    side: hintSide,
-    triggerProps: {
-      tabIndex: -1,
-      onClick: (event) => event.preventDefault()
-    }
-  },
-  /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.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__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-    /* @__PURE__ */ React19.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-    /* @__PURE__ */ React19.createElement("path", { d: "M12 17h.01" })
-  ))
-)));
-Label2.displayName = "Label";
-
-// elements/input/Input.tsx
 var Input = forwardRef12(
   ({
     margin = "none",
@@ -2743,7 +2744,9 @@ var DataTable = ({
           checked: column.getIsVisible(),
           onCheckedChange: (value) => column.toggleVisibility(!!value)
         },
-        ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.i18nKey) ? (_b2 = column.columnDef.meta) == null ? void 0 : _b2.i18nKey : translateFn ? translateFn(column.id) : column.id
+        translateFn ? translateFn(
+          ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.i18nKey) ? (_b2 = column.columnDef.meta) == null ? void 0 : _b2.i18nKey : column.id
+        ) : column.id
       );
     })
   ))), props.isLoading ? /* @__PURE__ */ React22.createElement(Skeleton, { className: "hawa-h-[130px] hawa-w-full" }) : /* @__PURE__ */ React22.createElement(

package/dist/input/index.d.mts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import React__default from 'react';
-
-type PositionType = "top" | "bottom" | "right" | "left";
+import { P as PositionType } from '../commonTypes-DinbCdmt.mjs';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/input/index.d.ts

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import React__default from 'react';
-
-type PositionType = "top" | "bottom" | "right" | "left";
+import { P as PositionType } from '../commonTypes-DinbCdmt.js';
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/label/index.d.mts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-DinbCdmt.mjs';
+
+type PositionType = "top" | "bottom" | "right" | "left";
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/label/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { P as PositionType } from '../commonTypes-DinbCdmt.js';
+
+type PositionType = "top" | "bottom" | "right" | "left";
 
 type LabelProps = {
     hint?: React.ReactNode;

package/dist/layout/index.d.mts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
 import { D as DirectionType } from '../commonTypes-C-g8nFFC.mjs';
-import { C as ChipColors } from '../Chip-BT2hUlGJ.mjs';
+import { C as ChipColors } from '../Chip-BtgTAs8x.mjs';
 import { M as MenuItemType } from '../DropdownMenu-K3ztliYc.mjs';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';

package/dist/layout/index.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import React__default, { FC } from 'react';
 import { D as DirectionType } from '../commonTypes-C-g8nFFC.js';
-import { C as ChipColors } from '../Chip-Dt7zJ-jZ.js';
+import { C as ChipColors } from '../Chip-DQsP5hFS.js';
 import { M as MenuItemType } from '../DropdownMenu-CJblb-9q.js';
 import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import '@radix-ui/react-dropdown-menu';