@sikka/hawa 0.43.6-next → 0.44.0-next

package/dist/blocks/feedback/index.js

@@ -596,6 +596,7 @@ Card.displayName = "Card";
 
 // elements/radio/Radio.tsx
 var import_react4 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
 // elements/popover/Popover.tsx
 var React7 = __toESM(require("react"));
@@ -739,9 +740,10 @@ var Radio = (0, import_react4.forwardRef)(
             )
           },
           props.label && /* @__PURE__ */ import_react4.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react4.default.createElement(
-            "ul",
+          /* @__PURE__ */ import_react4.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react4.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" : "",
@@ -767,9 +769,12 @@ var Radio = (0, import_react4.forwardRef)(
                     asChild: true
                   },
                   /* @__PURE__ */ import_react4.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);
@@ -785,10 +790,12 @@ var Radio = (0, import_react4.forwardRef)(
                 ),
                 /* @__PURE__ */ import_react4.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ import_react4.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);
@@ -796,13 +803,14 @@ var Radio = (0, import_react4.forwardRef)(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ import_react4.default.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":

package/dist/blocks/feedback/index.mjs

@@ -8,7 +8,7 @@ import {
 import {
   Popover,
   Radio
-} from "../../chunk-A6PONMZ6.mjs";
+} from "../../chunk-OE6XZ6LW.mjs";
 import {
   BadEmoji,
   GoodEmoji,

package/dist/blocks/index.js

@@ -5066,6 +5066,7 @@ var z6 = __toESM(require("zod"));
 
 // elements/radio/Radio.tsx
 var import_react25 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
 // elements/popover/Popover.tsx
 var React27 = __toESM(require("react"));
@@ -5209,9 +5210,10 @@ var Radio = (0, import_react25.forwardRef)(
             )
           },
           props.label && /* @__PURE__ */ import_react25.default.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ import_react25.default.createElement(
-            "ul",
+          /* @__PURE__ */ import_react25.default.createElement(import_react_tabs.Tabs, null, /* @__PURE__ */ import_react25.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" : "",
@@ -5237,9 +5239,12 @@ var Radio = (0, import_react25.forwardRef)(
                     asChild: true
                   },
                   /* @__PURE__ */ import_react25.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);
@@ -5255,10 +5260,12 @@ var Radio = (0, import_react25.forwardRef)(
                 ),
                 /* @__PURE__ */ import_react25.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ import_react25.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);
@@ -5266,13 +5273,14 @@ var Radio = (0, import_react25.forwardRef)(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ import_react25.default.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":
@@ -6286,7 +6294,7 @@ var tabsTriggerVariant = (0, import_tailwind_variants.tv)({
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var TabsContext = React44.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
-var Tabs = React44.forwardRef(
+var Tabs2 = React44.forwardRef(
   ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React44.createElement(
     TabsPrimitive.Root,
     {
@@ -6301,7 +6309,7 @@ var Tabs = React44.forwardRef(
     /* @__PURE__ */ React44.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
   )
 );
-var TabsList = React44.forwardRef(({ className, classNames, ...props }, ref) => {
+var TabsList2 = React44.forwardRef(({ className, classNames, ...props }, ref) => {
   const { orientation, variant, scrollable } = React44.useContext(TabsContext);
   const { width } = useViewportSize();
   if (scrollable && width < 768 && orientation === "horizontal") {
@@ -6333,7 +6341,7 @@ var TabsList = React44.forwardRef(({ className, classNames, ...props }, ref) =>
     );
   }
 });
-var TabsTrigger = React44.forwardRef(
+var TabsTrigger2 = React44.forwardRef(
   ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
     const { orientation, variant } = React44.useContext(TabsContext);
     if (withPopover) {
@@ -6389,22 +6397,22 @@ var TabsContent = React44.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;
 
 // blocks/misc/LegalTexts.tsx
 var LegalTexts = ({ tabs, ...props }) => {
   return /* @__PURE__ */ import_react50.default.createElement(
-    Tabs,
+    Tabs2,
     {
       value: props.activeTab,
       onValueChange: props.handleTabChange,
       defaultValue: props.defaultTab || tabs[0].value,
       dir: props.direction
     },
-    /* @__PURE__ */ import_react50.default.createElement(TabsList, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsTrigger, { key: index, value: tab.value }, tab.title))),
+    /* @__PURE__ */ import_react50.default.createElement(TabsList2, { className: "hawa-w-full" }, tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsTrigger2, { key: index, value: tab.value }, tab.title))),
     tabs.map((tab, index) => /* @__PURE__ */ import_react50.default.createElement(TabsContent, { key: index, value: tab.value }, /* @__PURE__ */ import_react50.default.createElement(
       ScrollArea,
       {

package/dist/blocks/index.mjs

@@ -17,7 +17,7 @@ import {
   TabsList,
   TabsTrigger,
   Textarea
-} from "../chunk-VVUNGE7V.mjs";
+} from "../chunk-MEXJAHQV.mjs";
 import "../chunk-WL7C2A5D.mjs";
 import {
   BadEmoji,

package/dist/blocks/pricing/index.js

@@ -1048,6 +1048,7 @@ var import_react12 = __toESM(require("react"));
 
 // elements/radio/Radio.tsx
 var import_react13 = __toESM(require("react"));
+var import_react_tabs = require("@radix-ui/react-tabs");
 
 // elements/popover/Popover.tsx
 var React17 = __toESM(require("react"));
@@ -1148,9 +1149,10 @@ var Radio = (0, import_react13.forwardRef)(
             )
           },
           props.label && /* @__PURE__ */ import_react13.default.createElement(Label, { ...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" : "",
@@ -1176,9 +1178,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);
@@ -1194,10 +1199,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);
@@ -1205,13 +1212,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":

package/dist/blocks/pricing/index.mjs

@@ -6,7 +6,7 @@ import {
 import "../../chunk-47APBDKK.mjs";
 import {
   Radio
-} from "../../chunk-A6PONMZ6.mjs";
+} from "../../chunk-OE6XZ6LW.mjs";
 import {
   CheckMark,
   UncheckMark

package/dist/{chunk-VVUNGE7V.mjs → chunk-MEXJAHQV.mjs}

@@ -2615,6 +2615,7 @@ var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/radio/Radio.tsx
 import React9, { useState as useState3, useRef as useRef3, useEffect as useEffect3, forwardRef as forwardRef7 } from "react";
+import { TabsList, TabsTrigger, Tabs } from "@radix-ui/react-tabs";
 var Radio = forwardRef7(
   ({
     design = "default",
@@ -2691,9 +2692,10 @@ var Radio = forwardRef7(
             )
           },
           props.label && /* @__PURE__ */ React9.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ React9.createElement(
-            "ul",
+          /* @__PURE__ */ React9.createElement(Tabs, null, /* @__PURE__ */ React9.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" : "",
@@ -2719,9 +2721,12 @@ var Radio = forwardRef7(
                     asChild: true
                   },
                   /* @__PURE__ */ React9.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);
@@ -2737,10 +2742,12 @@ var Radio = forwardRef7(
                 ),
                 /* @__PURE__ */ React9.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ React9.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);
@@ -2748,13 +2755,14 @@ var Radio = forwardRef7(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ React9.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":
@@ -3116,7 +3124,7 @@ var tabsTriggerVariant = tv({
   defaultVariants: { variant: "default", orientation: "horizontal" }
 });
 var TabsContext = React12.createContext({ orientation: "horizontal", variant: "default", scrollable: false });
-var Tabs = React12.forwardRef(
+var Tabs2 = React12.forwardRef(
   ({ className, orientation, scrollable, variant = "default", ...props }, ref) => /* @__PURE__ */ React12.createElement(
     TabsPrimitive.Root,
     {
@@ -3131,7 +3139,7 @@ var Tabs = React12.forwardRef(
     /* @__PURE__ */ React12.createElement(TabsContext.Provider, { value: { orientation, variant, scrollable } }, props.children)
   )
 );
-var TabsList = React12.forwardRef(({ className, classNames, ...props }, ref) => {
+var TabsList2 = React12.forwardRef(({ className, classNames, ...props }, ref) => {
   const { orientation, variant, scrollable } = React12.useContext(TabsContext);
   const { width } = useViewportSize();
   if (scrollable && width < 768 && orientation === "horizontal") {
@@ -3163,7 +3171,7 @@ var TabsList = React12.forwardRef(({ className, classNames, ...props }, ref) =>
     );
   }
 });
-var TabsTrigger = React12.forwardRef(
+var TabsTrigger2 = React12.forwardRef(
   ({ className, chipProps, withPopover = false, onPopoverClick, ...props }, ref) => {
     const { orientation, variant } = React12.useContext(TabsContext);
     if (withPopover) {
@@ -3219,9 +3227,9 @@ var TabsContent = React12.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/separator/Separator.tsx
@@ -3286,9 +3294,9 @@ export {
   Textarea,
   ScrollArea,
   ScrollBar,
-  Tabs,
-  TabsList,
-  TabsTrigger,
+  Tabs2 as Tabs,
+  TabsList2 as TabsList,
+  TabsTrigger2 as TabsTrigger,
   TabsContent,
   Separator,
   Progress

package/dist/{chunk-A6PONMZ6.mjs → chunk-OE6XZ6LW.mjs}

@@ -72,6 +72,7 @@ var PopoverRoot = PopoverPrimitive.Root;
 
 // elements/radio/Radio.tsx
 import React2, { useState, useRef, useEffect, forwardRef as forwardRef2 } from "react";
+import { TabsList, TabsTrigger, Tabs } from "@radix-ui/react-tabs";
 var Radio = forwardRef2(
   ({
     design = "default",
@@ -148,9 +149,10 @@ var Radio = forwardRef2(
             )
           },
           props.label && /* @__PURE__ */ React2.createElement(Label, { ...labelProps }, props.label),
-          /* @__PURE__ */ React2.createElement(
-            "ul",
+          /* @__PURE__ */ React2.createElement(Tabs, null, /* @__PURE__ */ React2.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" : "",
@@ -176,9 +178,12 @@ var Radio = forwardRef2(
                     asChild: true
                   },
                   /* @__PURE__ */ React2.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);
@@ -194,10 +199,12 @@ var Radio = forwardRef2(
                 ),
                 /* @__PURE__ */ React2.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
               ) : /* @__PURE__ */ React2.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);
@@ -205,13 +212,14 @@ var Radio = forwardRef2(
                   className: cn(
                     ...radio_option_tabs_styling,
                     selectedOption === opt.value ? activeTabStyle : inactiveTabStyle
-                  )
+                  ),
+                  value: opt.value
                 },
                 opt.icon && opt.icon,
                 opt.label
               );
             })
-          ),
+          )),
           !forceHideHelperText && /* @__PURE__ */ React2.createElement(HelperText, { helperText: props.helperText })
         );
       case "bordered":

package/dist/datePicker/index.js

@@ -619,7 +619,16 @@ var DatePicker = ({
   popoverContentProps,
   ...props
 }) => {
-  return /* @__PURE__ */ React8.createElement(PopoverRoot, null, /* @__PURE__ */ React8.createElement(PopoverTrigger, { ...popoverTriggerProps }, trigger), /* @__PURE__ */ React8.createElement(
+  return /* @__PURE__ */ React8.createElement(PopoverRoot, null, /* @__PURE__ */ React8.createElement(
+    PopoverTrigger,
+    {
+      ...popoverTriggerProps,
+      tabIndex: -1,
+      autoFocus: false,
+      className: "focus:hawa-outline-none"
+    },
+    trigger
+  ), /* @__PURE__ */ React8.createElement(
     PopoverContent,
     {
       align: props.dir === "rtl" ? "end" : "start",