@sikka/hawa 0.24.10-next → 0.24.12-next

package/dist/blocks/auth/index.js

@@ -3314,7 +3314,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -3324,8 +3324,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React17.createElement(
@@ -3338,16 +3337,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React17.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React17.createElement(
+    (label || helperText) && /* @__PURE__ */ React17.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React17.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label

package/dist/blocks/auth/index.mjs

@@ -2527,7 +2527,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -2537,8 +2537,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React6.createElement(
@@ -2551,16 +2550,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React6.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React6.createElement(
+    (label || helperText) && /* @__PURE__ */ React6.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React6.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label

package/dist/blocks/feedback/index.js

@@ -561,7 +561,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react3.default.createElement(
           "div",
@@ -588,7 +588,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/dist/blocks/feedback/index.mjs

@@ -6,7 +6,7 @@ import {
 } from "../../chunk-UTGVG66T.mjs";
 import {
   Radio
-} from "../../chunk-4Y2FCYFW.mjs";
+} from "../../chunk-N26RJDIG.mjs";
 import {
   BadEmoji,
   GoodEmoji,

package/dist/blocks/index.js

@@ -3471,7 +3471,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -3481,8 +3481,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React17.createElement(
@@ -3495,16 +3494,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React17.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React17.createElement(
+    (label || helperText) && /* @__PURE__ */ React17.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React17.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label
@@ -4425,7 +4425,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react22.default.createElement(
           "div",
@@ -4452,7 +4452,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/dist/blocks/index.mjs

@@ -25,7 +25,7 @@ import {
   UncheckMark,
   VeryBadEmoji,
   VeryGoodEmoji
-} from "../chunk-2VDIM3CP.mjs";
+} from "../chunk-XOEHA3H6.mjs";
 import {
   Button,
   Card,

package/dist/blocks/pricing/index.js

@@ -988,7 +988,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react11.default.createElement(
           "div",
@@ -1015,7 +1015,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/dist/blocks/pricing/index.mjs

@@ -5,7 +5,7 @@ import {
 import "../../chunk-ZCZ3WARS.mjs";
 import {
   Radio
-} from "../../chunk-4Y2FCYFW.mjs";
+} from "../../chunk-N26RJDIG.mjs";
 import {
   CheckMark,
   UncheckMark

package/dist/checkbox/index.js

@@ -59,7 +59,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -69,8 +69,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React.createElement(
@@ -83,16 +82,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React.createElement(
+    (label || helperText) && /* @__PURE__ */ React.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label

package/dist/checkbox/index.mjs

@@ -18,7 +18,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -28,8 +28,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React.createElement(
@@ -42,16 +41,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React.createElement(
+    (label || helperText) && /* @__PURE__ */ React.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label

package/dist/{chunk-62GI5F2P.mjs → chunk-EYUG3GRC.mjs}

@@ -339,7 +339,7 @@ var CommandInput = React2.forwardRef(({ className, ...props }, ref) => /* @__PUR
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React2.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React2.createElement("path", { d: "m21 21-4.3-4.3" })

package/dist/{chunk-4Y2FCYFW.mjs → chunk-N26RJDIG.mjs}

@@ -94,7 +94,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ React.createElement(
           "div",
@@ -121,7 +121,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/dist/{chunk-2VDIM3CP.mjs → chunk-XOEHA3H6.mjs}

@@ -2231,7 +2231,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -2241,8 +2241,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React6.createElement(
@@ -2255,16 +2254,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React6.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React6.createElement(
+    (label || helperText) && /* @__PURE__ */ React6.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React6.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label
@@ -2533,7 +2533,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ React9.createElement(
           "div",
@@ -2560,7 +2560,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/dist/codeBlock/index.js

@@ -1720,7 +1720,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React25.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React25.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -1835,6 +1835,7 @@ var Combobox = React27.forwardRef(
     valueKey = "value",
     defaultValue = "",
     popoverClassName,
+    direction,
     labelProps,
     data,
     ...props
@@ -1913,7 +1914,8 @@ var Combobox = React27.forwardRef(
         PopoverContent,
         {
           sideOffset: 0,
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
         },
         /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
           CommandInput,
@@ -1949,7 +1951,7 @@ var Combobox = React27.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-mr-2",
+                "hawa-icon hawa-me-2",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },

package/dist/codeBlock/index.mjs

@@ -1604,7 +1604,7 @@ var CommandInput = React23.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React23.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React23.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -1719,6 +1719,7 @@ var Combobox = React25.forwardRef(
     valueKey = "value",
     defaultValue = "",
     popoverClassName,
+    direction,
     labelProps,
     data,
     ...props
@@ -1797,7 +1798,8 @@ var Combobox = React25.forwardRef(
         PopoverContent,
         {
           sideOffset: 0,
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
         },
         /* @__PURE__ */ React25.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React25.createElement(
           CommandInput,
@@ -1833,7 +1835,7 @@ var Combobox = React25.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-mr-2",
+                "hawa-icon hawa-me-2",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },

package/dist/combobox/index.d.mts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 
+type DirectionType = "rtl" | "ltr";
 type PositionType = "top" | "bottom" | "right" | "left";
 
 type LabelProps = {
@@ -26,6 +27,7 @@ type ComboboxTypes<T> = {
     defaultValue?: string;
     preview?: boolean;
     hideInput?: boolean;
+    direction?: DirectionType;
     id?: string;
     /** The label of the input field   */
     label?: any;

package/dist/combobox/index.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 
+type DirectionType = "rtl" | "ltr";
 type PositionType = "top" | "bottom" | "right" | "left";
 
 type LabelProps = {
@@ -26,6 +27,7 @@ type ComboboxTypes<T> = {
     defaultValue?: string;
     preview?: boolean;
     hideInput?: boolean;
+    direction?: DirectionType;
     id?: string;
     /** The label of the input field   */
     label?: any;

package/dist/combobox/index.js

@@ -375,7 +375,7 @@ var CommandInput = React2.forwardRef(({ className, ...props }, ref) => /* @__PUR
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React2.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React2.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -602,6 +602,7 @@ var Combobox = React7.forwardRef(
     valueKey = "value",
     defaultValue = "",
     popoverClassName,
+    direction,
     labelProps,
     data,
     ...props
@@ -680,7 +681,8 @@ var Combobox = React7.forwardRef(
         PopoverContent,
         {
           sideOffset: 0,
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
         },
         /* @__PURE__ */ React7.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React7.createElement(
           CommandInput,
@@ -716,7 +718,7 @@ var Combobox = React7.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-mr-2",
+                "hawa-icon hawa-me-2",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },

package/dist/combobox/index.mjs

@@ -5,7 +5,7 @@ import {
   CommandInput,
   CommandItem,
   cn
-} from "../chunk-62GI5F2P.mjs";
+} from "../chunk-EYUG3GRC.mjs";
 
 // components/elements/combobox/Combobox.tsx
 import * as React5 from "react";
@@ -149,6 +149,7 @@ var Combobox = React5.forwardRef(
     valueKey = "value",
     defaultValue = "",
     popoverClassName,
+    direction,
     labelProps,
     data,
     ...props
@@ -227,7 +228,8 @@ var Combobox = React5.forwardRef(
         PopoverContent,
         {
           sideOffset: 0,
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
         },
         /* @__PURE__ */ React5.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React5.createElement(
           CommandInput,
@@ -263,7 +265,7 @@ var Combobox = React5.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-mr-2",
+                "hawa-icon hawa-me-2",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },

package/dist/command/index.js

@@ -383,7 +383,7 @@ var CommandInput = React2.forwardRef(({ className, ...props }, ref) => /* @__PUR
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React2.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React2.createElement("path", { d: "m21 21-4.3-4.3" })

package/dist/command/index.mjs

@@ -8,7 +8,7 @@ import {
   CommandList,
   CommandSeparator,
   CommandShortcut
-} from "../chunk-62GI5F2P.mjs";
+} from "../chunk-EYUG3GRC.mjs";
 export {
   Command,
   CommandDialog,

package/dist/elements/index.d.mts

@@ -368,6 +368,7 @@ type ComboboxTypes<T> = {
     defaultValue?: string;
     preview?: boolean;
     hideInput?: boolean;
+    direction?: DirectionType;
     id?: string;
     /** The label of the input field   */
     label?: any;

package/dist/elements/index.d.ts

@@ -368,6 +368,7 @@ type ComboboxTypes<T> = {
     defaultValue?: string;
     preview?: boolean;
     hideInput?: boolean;
+    direction?: DirectionType;
     id?: string;
     /** The label of the input field   */
     label?: any;

package/dist/elements/index.js

@@ -2973,7 +2973,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react11.default.createElement(
           "div",
@@ -3000,7 +3000,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },
@@ -3117,7 +3117,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React25.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React25.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -3273,6 +3273,7 @@ var Combobox = React27.forwardRef(
     valueKey = "value",
     defaultValue = "",
     popoverClassName,
+    direction,
     labelProps,
     data,
     ...props
@@ -3351,7 +3352,8 @@ var Combobox = React27.forwardRef(
         PopoverContent,
         {
           sideOffset: 0,
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
         },
         /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
           CommandInput,
@@ -3387,7 +3389,7 @@ var Combobox = React27.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-mr-2",
+                "hawa-icon hawa-me-2",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
@@ -4015,7 +4017,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -4025,8 +4027,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React34.createElement(
@@ -4039,16 +4040,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React34.createElement(
+    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React34.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label

package/dist/elements/index.mjs

@@ -28,7 +28,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-2VDIM3CP.mjs";
+} from "../chunk-XOEHA3H6.mjs";
 import {
   Sheet,
   SheetClose,
@@ -1355,7 +1355,7 @@ var CommandInput = React12.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React12.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React12.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -1451,6 +1451,7 @@ var Combobox = React13.forwardRef(
     valueKey = "value",
     defaultValue = "",
     popoverClassName,
+    direction,
     labelProps,
     data,
     ...props
@@ -1529,7 +1530,8 @@ var Combobox = React13.forwardRef(
         PopoverContent,
         {
           sideOffset: 0,
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
         },
         /* @__PURE__ */ React13.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React13.createElement(
           CommandInput,
@@ -1565,7 +1567,7 @@ var Combobox = React13.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-mr-2",
+                "hawa-icon hawa-me-2",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },

package/dist/index.css

@@ -1216,6 +1216,9 @@ input[type="number"]::-webkit-inner-spin-button,
 .hawa-mb-5 {
   margin-bottom: 1.25rem;
 }
+.hawa-me-2 {
+  margin-inline-end: 0.5rem;
+}
 .hawa-ml-0 {
   margin-left: 0px;
 }

package/dist/index.d.mts

@@ -527,6 +527,7 @@ type ComboboxTypes<T> = {
     defaultValue?: string;
     preview?: boolean;
     hideInput?: boolean;
+    direction?: DirectionType;
     id?: string;
     /** The label of the input field   */
     label?: any;

package/dist/index.d.ts

@@ -527,6 +527,7 @@ type ComboboxTypes<T> = {
     defaultValue?: string;
     preview?: boolean;
     hideInput?: boolean;
+    direction?: DirectionType;
     id?: string;
     /** The label of the input field   */
     label?: any;

package/dist/index.js

@@ -3039,7 +3039,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react11.default.createElement(
           "div",
@@ -3066,7 +3066,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },
@@ -3183,7 +3183,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React25.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React25.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -3339,6 +3339,7 @@ var Combobox = React27.forwardRef(
     valueKey = "value",
     defaultValue = "",
     popoverClassName,
+    direction,
     labelProps,
     data,
     ...props
@@ -3417,7 +3418,8 @@ var Combobox = React27.forwardRef(
         PopoverContent,
         {
           sideOffset: 0,
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
         },
         /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
           CommandInput,
@@ -3453,7 +3455,7 @@ var Combobox = React27.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-mr-2",
+                "hawa-icon hawa-me-2",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
@@ -4081,7 +4083,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -4091,8 +4093,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React34.createElement(
@@ -4105,16 +4106,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React34.createElement(
+    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React34.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label

package/dist/index.mjs

@@ -2806,7 +2806,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ React24.createElement(
           "div",
@@ -2833,7 +2833,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },
@@ -2950,7 +2950,7 @@ var CommandInput = React25.forwardRef(({ className, ...props }, ref) => /* @__PU
       strokeWidth: "2",
       strokeLinecap: "round",
       strokeLinejoin: "round",
-      className: "hawa-icon hawa-mr-2 hawa-shrink-0 hawa-opacity-50"
+      className: "hawa-icon hawa-me-2 hawa-shrink-0 hawa-opacity-50"
     },
     /* @__PURE__ */ React25.createElement("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ React25.createElement("path", { d: "m21 21-4.3-4.3" })
@@ -3106,6 +3106,7 @@ var Combobox = React27.forwardRef(
     valueKey = "value",
     defaultValue = "",
     popoverClassName,
+    direction,
     labelProps,
     data,
     ...props
@@ -3184,7 +3185,8 @@ var Combobox = React27.forwardRef(
         PopoverContent,
         {
           sideOffset: 0,
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
+          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4"),
+          dir: direction
         },
         /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
           CommandInput,
@@ -3220,7 +3222,7 @@ var Combobox = React27.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-mr-2",
+                "hawa-icon hawa-me-2",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
               )
             },
@@ -3848,7 +3850,7 @@ var Checkbox = ({
   let labelLineHeightStyles = {
     xs: sublabel || helperText ? 0.5 : 0.1,
     sm: 0.6,
-    default: 0.7,
+    default: 1,
     md: 0.8,
     lg: 0.9,
     xl: 1
@@ -3858,8 +3860,7 @@ var Checkbox = ({
     {
       className: cn(
         "hawa-flex hawa-gap-2",
-        "hawa-items-top",
-        sublabel || helperText ? "hawa-items-top" : "hawa-items-center"
+        size === "default" ? "hawa-items-top" : "hawa-items-center"
       )
     },
     /* @__PURE__ */ React34.createElement(
@@ -3872,16 +3873,17 @@ var Checkbox = ({
         id
       }
     ),
-    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5 hawa-leading-none" }, label && /* @__PURE__ */ React34.createElement(
+    (label || helperText) && /* @__PURE__ */ React34.createElement("div", { className: "hawa-grid hawa-gap-1.5" }, label && /* @__PURE__ */ React34.createElement(
       "label",
       {
         htmlFor: id,
         className: cn(
-          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium hawa-leading-none",
+          "hawa-w-fit hawa-select-none hawa-pt-0.5 hawa-text-sm hawa-font-medium",
           disabled ? "hawa-cursor-not-allowed  hawa-text-muted-foreground hawa-opacity-70 " : "hawa-cursor-pointer"
         ),
         style: {
-          lineHeight: labelLineHeightStyles[size]
+          // lineHeight: labelLineHeightStyles[size]
+          lineHeight: 1
         }
       },
       label

package/dist/interfaceSettings/index.js

@@ -222,7 +222,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react2.default.createElement(
           "div",
@@ -249,7 +249,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/dist/interfaceSettings/index.mjs

@@ -97,7 +97,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ React.createElement(
           "div",
@@ -124,7 +124,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/dist/radio/index.js

@@ -219,7 +219,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ import_react2.default.createElement(
           "div",
@@ -246,7 +246,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/dist/radio/index.mjs

@@ -180,7 +180,7 @@ var Radio = ({
         "div",
         {
           key: i,
-          className: "hawa-rounded hawa-border hawa-border-gray-200 "
+          className: "hawa-w-full hawa-rounded hawa-border hawa-border-gray-200"
         },
         /* @__PURE__ */ React3.createElement(
           "div",
@@ -207,7 +207,7 @@ var Radio = ({
             {
               htmlFor: opt.value.toString(),
               className: cn(
-                "hawa-ml-2 hawa-w-full  hawa-p-4 hawa-pl-3  hawa-text-sm hawa-font-medium dark:hawa-text-white",
+                "hawa-ml-2 hawa-w-full  hawa-select-none hawa-p-4 hawa-pl-3 hawa-text-sm hawa-font-medium dark:hawa-text-white",
                 opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hawa-text-gray-900"
               )
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.24.10-next",
+  "version": "0.24.12-next",
   "description": "Modern UI Kit made with Tailwind",
   "author": {
     "name": "Sikka Software",