@sikka/hawa 0.43.5-next → 0.44.0-next

package/dist/elements/index.js

@@ -164,10 +164,10 @@ __export(elements_exports, {
   TableHead: () => TableHead,
   TableHeader: () => TableHeader,
   TableRow: () => TableRow,
-  Tabs: () => Tabs,
+  Tabs: () => Tabs2,
   TabsContent: () => TabsContent,
-  TabsList: () => TabsList,
-  TabsTrigger: () => TabsTrigger,
+  TabsList: () => TabsList2,
+  TabsTrigger: () => TabsTrigger2,
   Textarea: () => Textarea,
   Toast: () => Toast,
   ToastAction: () => ToastAction,
@@ -2404,28 +2404,17 @@ var import_class_variance_authority3 = require("class-variance-authority");
 // elements/helperText/HelperText.tsx
 var import_react7 = __toESM(require("react"));
 var HelperText = ({
-  helperText,
-  size = "xs"
-}) => {
-  let sizes = {
-    xs: "hawa-text-xs hawa-h-4",
-    sm: "hawa-text-sm",
-    md: "hawa-text-md",
-    lg: "hawa-text-lg",
-    xl: "hawa-text-xl"
-  };
-  return /* @__PURE__ */ import_react7.default.createElement(
-    "p",
-    {
-      className: cn(
-        "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all",
-        helperText ? "hawa-opacity-100" : "hawa-h-0 hawa-opacity-0",
-        sizes[size]
-      )
-    },
-    helperText
-  );
-};
+  helperText
+}) => /* @__PURE__ */ import_react7.default.createElement(
+  "p",
+  {
+    className: cn(
+      "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all hawa-text-xs",
+      helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-h-0 hawa-opacity-0"
+    )
+  },
+  helperText
+);
 
 // elements/label/Label.tsx
 var React16 = __toESM(require("react"));
@@ -2571,7 +2560,7 @@ var Alert = ({
   severity = "none",
   duration,
   icon,
-  className,
+  classNames,
   ...props
 }) => {
   const alertRef = (0, import_react8.useRef)(null);
@@ -2622,21 +2611,25 @@ var Alert = ({
         "hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all",
         styleVariant[severity],
         closed ? "hawa-opacity-0" : "hawa-opacity-100",
-        className
+        classNames == null ? void 0 : classNames.root
       )
     },
     /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react8.default.createElement(
       "div",
       {
-        className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
+        className: cn(
+          direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1",
+          classNames == null ? void 0 : classNames.icon
+        )
       },
       icon
-    ), /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react8.default.createElement(
+    ), /* @__PURE__ */ import_react8.default.createElement("div", { className: cn("hawa-flex hawa-flex-col", classNames == null ? void 0 : classNames.content) }, /* @__PURE__ */ import_react8.default.createElement(
       "span",
       {
         className: cn(
           "hawa-font-bold",
-          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
+          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
+          classNames == null ? void 0 : classNames.title
         )
       },
       props.title
@@ -2645,19 +2638,29 @@ var Alert = ({
       {
         className: cn(
           direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
-          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
+          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]",
+          classNames == null ? void 0 : classNames.text
         )
       },
       props.text
-    ), props.actions && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react8.default.createElement(
-      Button,
+    ), props.actions && /* @__PURE__ */ import_react8.default.createElement(
+      "div",
       {
-        key: index,
-        variant: act.variant,
-        onClick: act.onClick()
+        className: cn(
+          "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2",
+          classNames == null ? void 0 : classNames.actions
+        )
       },
-      act.label
-    ))))),
+      props.actions.map((act, index) => /* @__PURE__ */ import_react8.default.createElement(
+        Button,
+        {
+          key: index,
+          variant: act.variant,
+          onClick: act.onClick()
+        },
+        act.label
+      ))
+    ))),
     !props.persistent && /* @__PURE__ */ import_react8.default.createElement(
       "button",
       {
@@ -2667,7 +2670,8 @@ var Alert = ({
         className: cn(
           "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900",
           closeButtonStyle[severity],
-          direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
+          direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
+          classNames == null ? void 0 : classNames.closeButton
         ),
         onClick: () => {
           if (props.onAlertClosed) {
@@ -3834,6 +3838,7 @@ var BackToTop = ({ ...props }) => {
 
 // elements/radio/Radio.tsx
 var import_react13 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
 // elements/popover/Popover.tsx
 var React26 = __toESM(require("react"));
@@ -3978,9 +3983,10 @@ var Radio = (0, import_react13.forwardRef)(
             )
           },
           props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react13.default.createElement(
-            "ul",
+          /* @__PURE__ */ import_react13.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react13.default.createElement(
+            import_react_tabs.TabsList,
             {
+              role: "tablist",
               ref: parentRef,
               className: cn(
                 props.options && ((_a = props.options) == null ? void 0 : _a.length) > 2 ? "hawa-flex-wrap xs:hawa-max-w-full xs:hawa-flex-nowrap" : "",
@@ -4006,9 +4012,12 @@ var Radio = (0, import_react13.forwardRef)(
                     asChild: true
                   },
                   /* @__PURE__ */ import_react13.default.createElement(
-                    "li",
+                    import_react_tabs.TabsTrigger,
                     {
-                      "aria-current": "page",
+                      "aria-current": selectedOption === opt.value ? "page" : void 0,
+                      value: opt.value,
+                      role: "tab",
+                      tabIndex: 0,
                       onClick: () => {
                         if (props.disabled || opt.disabled) return;
                         handleChange(opt);
@@ -4024,10 +4033,12 @@ var Radio = (0, import_react13.forwardRef)(
                 ),
                 /* @__PURE__ */ import_react13.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ import_react13.default.createElement(
-                "li",
+                import_react_tabs.TabsTrigger,
                 {
                   key: o,
-                  "aria-current": "page",
+                  role: "tab",
+                  tabIndex: 0,
+                  "aria-current": selectedOption === opt.value ? "page" : void 0,
                   onClick: () => {
                     if (props.disabled || opt.disabled) return;
                     handleChange(opt);
@@ -4035,13 +4046,14 @@ var Radio = (0, import_react13.forwardRef)(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ import_react13.default.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":
@@ -5118,7 +5130,7 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var TabsContext = React42.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
-var Tabs = React42.forwardRef(
+var Tabs2 = React42.forwardRef(
   ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React42.createElement(
     TabsPrimitive.Root,
     {
@@ -5133,7 +5145,7 @@ var Tabs = React42.forwardRef(
     /* @__PURE__ */ React42.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
   )
 );
-var TabsList = React42.forwardRef(({ className, classNames, ...props }, ref) => {
+var TabsList2 = React42.forwardRef(({ className, classNames, ...props }, ref) => {
   const { orientation, variant, scrollable } = React42.useContext(TabsContext);
   const { width } = useViewportSize();
   if (scrollable && width < 768 && orientation === "horizontal") {
@@ -5165,7 +5177,7 @@ var TabsList = React42.forwardRef(({ className, classNames, ...props }, ref) =>
     );
   }
 });
-var TabsTrigger = React42.forwardRef(
+var TabsTrigger2 = React42.forwardRef(
   ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
     const { orientation, variant } = React42.useContext(TabsContext);
     if (withPopover) {
@@ -5221,9 +5233,9 @@ var TabsContent = React42.forwardRef(({ className, ...props }, ref) => /* @__PUR
     ...props
   }
 ));
-Tabs.displayName = TabsPrimitive.Root.displayName;
-TabsList.displayName = TabsPrimitive.List.displayName;
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+Tabs2.displayName = TabsPrimitive.Root.displayName;
+TabsList2.displayName = TabsPrimitive.List.displayName;
+TabsTrigger2.displayName = TabsPrimitive.Trigger.displayName;
 TabsContent.displayName = TabsPrimitive.Content.displayName;
 
 // elements/select/Select.tsx

package/dist/elements/index.mjs

@@ -26,7 +26,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-3MJGVWY2.mjs";
+} from "../chunk-MEXJAHQV.mjs";
 import {
   useClipboard
 } from "../chunk-WL7C2A5D.mjs";
@@ -41,7 +41,7 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-ZWQWYHT4.mjs";
+} from "../chunk-XC6FSDW7.mjs";
 import {
   Button,
   Card,
@@ -81,7 +81,7 @@ import {
   buttonVariants,
   calculateLuminance,
   cn
-} from "../chunk-RPJYSE6Y.mjs";
+} from "../chunk-3B7UZCET.mjs";
 import {
   __require
 } from "../chunk-2LUXOXAL.mjs";

package/dist/fileDropzone/index.js

@@ -57,28 +57,17 @@ var import_class_variance_authority = require("class-variance-authority");
 // elements/helperText/HelperText.tsx
 var import_react = __toESM(require("react"));
 var HelperText = ({
-  helperText,
-  size = "xs"
-}) => {
-  let sizes = {
-    xs: "hawa-text-xs hawa-h-4",
-    sm: "hawa-text-sm",
-    md: "hawa-text-md",
-    lg: "hawa-text-lg",
-    xl: "hawa-text-xl"
-  };
-  return /* @__PURE__ */ import_react.default.createElement(
-    "p",
-    {
-      className: cn(
-        "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all",
-        helperText ? "hawa-opacity-100" : "hawa-h-0 hawa-opacity-0",
-        sizes[size]
-      )
-    },
-    helperText
-  );
-};
+  helperText
+}) => /* @__PURE__ */ import_react.default.createElement(
+  "p",
+  {
+    className: cn(
+      "hawa-my-0 hawa-text-start hawa-text-helper-color hawa-transition-all hawa-text-xs",
+      helperText ? "hawa-opacity-100 hawa-h-4" : "hawa-h-0 hawa-opacity-0"
+    )
+  },
+  helperText
+);
 
 // elements/label/Label.tsx
 var React3 = __toESM(require("react"));
@@ -515,7 +504,7 @@ var Alert = ({
   severity = "none",
   duration,
   icon,
-  className,
+  classNames,
   ...props
 }) => {
   const alertRef = (0, import_react4.useRef)(null);
@@ -566,21 +555,25 @@ var Alert = ({
         "hawa-relative hawa-mb-4 hawa-flex hawa-flex-col hawa-rounded hawa-p-4 hawa-text-sm hawa-transition-all",
         styleVariant[severity],
         closed ? "hawa-opacity-0" : "hawa-opacity-100",
-        className
+        classNames == null ? void 0 : classNames.root
       )
     },
     /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react4.default.createElement(
       "div",
       {
-        className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
+        className: cn(
+          direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1",
+          classNames == null ? void 0 : classNames.icon
+        )
       },
       icon
-    ), /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react4.default.createElement(
+    ), /* @__PURE__ */ import_react4.default.createElement("div", { className: cn("hawa-flex hawa-flex-col", classNames == null ? void 0 : classNames.content) }, /* @__PURE__ */ import_react4.default.createElement(
       "span",
       {
         className: cn(
           "hawa-font-bold",
-          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8"
+          direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
+          classNames == null ? void 0 : classNames.title
         )
       },
       props.title
@@ -589,19 +582,29 @@ var Alert = ({
       {
         className: cn(
           direction === "rtl" ? "hawa-ml-8" : "hawa-mr-8",
-          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]"
+          props.persistent ? "hawa-w-full" : "hawa-w-[calc(100% - 40px)]",
+          classNames == null ? void 0 : classNames.text
         )
       },
       props.text
-    ), props.actions && /* @__PURE__ */ import_react4.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react4.default.createElement(
-      Button,
+    ), props.actions && /* @__PURE__ */ import_react4.default.createElement(
+      "div",
       {
-        key: index,
-        variant: act.variant,
-        onClick: act.onClick()
+        className: cn(
+          "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2",
+          classNames == null ? void 0 : classNames.actions
+        )
       },
-      act.label
-    ))))),
+      props.actions.map((act, index) => /* @__PURE__ */ import_react4.default.createElement(
+        Button,
+        {
+          key: index,
+          variant: act.variant,
+          onClick: act.onClick()
+        },
+        act.label
+      ))
+    ))),
     !props.persistent && /* @__PURE__ */ import_react4.default.createElement(
       "button",
       {
@@ -611,7 +614,8 @@ var Alert = ({
         className: cn(
           "hawa-absolute hawa-top-2 hawa-inline-flex hawa-h-9 hawa-w-9 hawa-items-center hawa-justify-center hawa-rounded-inner hawa-p-1.5 hawa-transition-all hover:hawa-text-gray-900",
           closeButtonStyle[severity],
-          direction === "rtl" ? "hawa-left-2" : "hawa-right-2"
+          direction === "rtl" ? "hawa-left-2" : "hawa-right-2",
+          classNames == null ? void 0 : classNames.closeButton
         ),
         onClick: () => {
           if (props.onAlertClosed) {