@sikka/hawa 0.43.6-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,
@@ -3838,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"));
@@ -3982,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" : "",
@@ -4010,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);
@@ -4028,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);
@@ -4039,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":
@@ -5122,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,
     {
@@ -5137,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") {
@@ -5169,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) {
@@ -5225,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-VVUNGE7V.mjs";
+} from "../chunk-MEXJAHQV.mjs";
 import {
   useClipboard
 } from "../chunk-WL7C2A5D.mjs";

package/dist/index.js

@@ -216,10 +216,10 @@ __export(components_exports, {
   TableHead: () => TableHead,
   TableHeader: () => TableHeader,
   TableRow: () => TableRow,
-  Tabs: () => Tabs,
+  Tabs: () => Tabs2,
   TabsContent: () => TabsContent,
-  TabsList: () => TabsList,
-  TabsTrigger: () => TabsTrigger,
+  TabsList: () => TabsList2,
+  TabsTrigger: () => TabsTrigger2,
   Testimonial: () => Testimonial,
   Textarea: () => Textarea,
   Toast: () => Toast,
@@ -3913,6 +3913,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"));
@@ -4057,9 +4058,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" : "",
@@ -4085,9 +4087,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);
@@ -4103,10 +4108,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);
@@ -4114,13 +4121,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":
@@ -5649,7 +5657,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,
     {
@@ -5664,7 +5672,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") {
@@ -5696,7 +5704,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) {
@@ -5752,9 +5760,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
@@ -12535,14 +12543,14 @@ var FeedbackForm = (props) => {
 var import_react79 = __toESM(require("react"));
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ import_react79.default.createElement(
-    Tabs,
+    Tabs2,
     {
       value: props.activeTab,
       onValueChange: props.handleTabChange,
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ import_react79.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react79.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    /* @__PURE__ */ import_react79.default.createElement(TabsList2, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react79.default.createElement(TabsTrigger2, { key: index, value: tab.value }, tab.title))),
     tabs.map((tab, index) => /* @__PURE__ */ import_react79.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react79.default.createElement(
       ScrollArea,
       {

package/dist/index.mjs

@@ -3669,6 +3669,7 @@ var BackToTop = ({ ...props }) => {
 
 // elements/radio/Radio.tsx
 import React27, { useState as useState6, useRef as useRef4, useEffect as useEffect5, forwardRef as forwardRef16 } from "react";
+import { TabsList, TabsTrigger, Tabs } from "@radix-ui/react-tabs";
 
 // elements/popover/Popover.tsx
 import * as React26 from "react";
@@ -3813,9 +3814,10 @@ var Radio = forwardRef16(
             )
           },
           props.label && /* @__PURE__ */ React27.createElement(Label2, { ...labelProps }, props.label),
-          /* @__PURE__ */ React27.createElement(
-            "ul",
+          /* @__PURE__ */ React27.createElement(Tabs, null, /* @__PURE__ */ React27.createElement(
+            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" : "",
@@ -3841,9 +3843,12 @@ var Radio = forwardRef16(
                     asChild: true
                   },
                   /* @__PURE__ */ React27.createElement(
-                    "li",
+                    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);
@@ -3859,10 +3864,12 @@ var Radio = forwardRef16(
                 ),
                 /* @__PURE__ */ React27.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ React27.createElement(
-                "li",
+                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);
@@ -3870,13 +3877,14 @@ var Radio = forwardRef16(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ React27.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":
@@ -5405,7 +5413,7 @@ var tabsTriggerVariant = 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,
     {
@@ -5420,7 +5428,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") {
@@ -5452,7 +5460,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) {
@@ -5508,9 +5516,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
@@ -12303,14 +12311,14 @@ var FeedbackForm = (props) => {
 import React93 from "react";
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ React93.createElement(
-    Tabs,
+    Tabs2,
     {
       value: props.activeTab,
       onValueChange: props.handleTabChange,
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ React93.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React93.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    /* @__PURE__ */ React93.createElement(TabsList2, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ React93.createElement(TabsTrigger2, { key: index, value: tab.value }, tab.title))),
     tabs.map((tab, index) => /* @__PURE__ */ React93.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ React93.createElement(
       ScrollArea,
       {
@@ -13566,10 +13574,10 @@ export {
   TableHead,
   TableHeader,
   TableRow,
-  Tabs,
+  Tabs2 as Tabs,
   TabsContent,
-  TabsList,
-  TabsTrigger,
+  TabsList2 as TabsList,
+  TabsTrigger2 as TabsTrigger,
   Testimonial,
   Textarea,
   Toast,

package/dist/interfaceSettings/index.js

@@ -47,6 +47,7 @@ function cn(...inputs) {
 
 // elements/radio/Radio.tsx
 var import_react3 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
 // elements/helperText/HelperText.tsx
 var import_react = __toESM(require("react"));
@@ -278,9 +279,10 @@ var Radio = (0, import_react3.forwardRef)(
             )
           },
           props.label && /* @__PURE__ */ import_react3.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react3.default.createElement(
-            "ul",
+          /* @__PURE__ */ import_react3.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react3.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" : "",
@@ -306,9 +308,12 @@ var Radio = (0, import_react3.forwardRef)(
                     asChild: true
                   },
                   /* @__PURE__ */ import_react3.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);
@@ -324,10 +329,12 @@ var Radio = (0, import_react3.forwardRef)(
                 ),
                 /* @__PURE__ */ import_react3.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ import_react3.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);
@@ -335,13 +342,14 @@ var Radio = (0, import_react3.forwardRef)(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ import_react3.default.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":