@sikka/hawa 0.24.13-next → 0.24.15-next

package/dist/{chunk-XOEHA3H6.mjs → chunk-XE3FLWLT.mjs}

@@ -161,22 +161,33 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
   },
   children,
   required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React2.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React2.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label.displayName = "Label";
 
 // components/elements/input/Input.tsx

package/dist/codeBlock/index.js

@@ -1427,22 +1427,33 @@ var Label2 = React19.forwardRef(({ className, hint, hintSide, required, children
   },
   children,
   required && /* @__PURE__ */ React19.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React19.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React19.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React19.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React19.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React19.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React19.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React19.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label2.displayName = "Label";
 
 // components/elements/input/Input.tsx
@@ -1920,6 +1931,7 @@ var Combobox = React27.forwardRef(
         /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
           CommandInput,
           {
+            dir: direction,
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
         ), /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React27.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React27.createElement(
@@ -1951,9 +1963,10 @@ var Combobox = React27.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-me-2",
+                "hawa-icon",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
+              ),
+              style: { marginInlineEnd: "0.5rem" }
             },
             /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),

package/dist/codeBlock/index.mjs

@@ -2,7 +2,7 @@ import {
   Label,
   Tooltip,
   cn
-} from "../chunk-LRLLDOQZ.mjs";
+} from "../chunk-S36W2LDN.mjs";
 
 // components/elements/codeBlock/CodeBlock.tsx
 import React58, { useState as useState19 } from "react";
@@ -1804,6 +1804,7 @@ var Combobox = React25.forwardRef(
         /* @__PURE__ */ React25.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React25.createElement(
           CommandInput,
           {
+            dir: direction,
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
         ), /* @__PURE__ */ React25.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React25.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React25.createElement(
@@ -1835,9 +1836,10 @@ var Combobox = React25.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-me-2",
+                "hawa-icon",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
+              ),
+              style: { marginInlineEnd: "0.5rem" }
             },
             /* @__PURE__ */ React25.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),

package/dist/colorPicker/index.js

@@ -111,22 +111,33 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
   },
   children,
   required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React2.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React2.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label.displayName = "Label";
 
 // components/elements/colorPicker/ColorPicker.tsx

package/dist/colorPicker/index.mjs

@@ -1,6 +1,6 @@
 import {
   ColorPicker
-} from "../chunk-LRLLDOQZ.mjs";
+} from "../chunk-S36W2LDN.mjs";
 export {
   ColorPicker
 };

package/dist/combobox/index.js

@@ -531,22 +531,33 @@ var Label = React4.forwardRef(({ className, hint, hintSide, required, children,
   },
   children,
   required && /* @__PURE__ */ React4.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React4.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React4.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React4.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React4.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React4.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React4.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React4.createElement("div", null, /* @__PURE__ */ React4.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React4.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React4.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React4.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label.displayName = "Label";
 
 // components/elements/popover/Popover.tsx
@@ -687,6 +698,7 @@ var Combobox = React7.forwardRef(
         /* @__PURE__ */ React7.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React7.createElement(
           CommandInput,
           {
+            dir: direction,
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
         ), /* @__PURE__ */ React7.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React7.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React7.createElement(
@@ -718,9 +730,10 @@ var Combobox = React7.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-me-2",
+                "hawa-icon",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
+              ),
+              style: { marginInlineEnd: "0.5rem" }
             },
             /* @__PURE__ */ React7.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),

package/dist/combobox/index.mjs

@@ -78,22 +78,33 @@ var Label = React2.forwardRef(({ className, hint, hintSide, required, children,
   },
   children,
   required && /* @__PURE__ */ React2.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React2.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React2.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React2.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React2.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label.displayName = "Label";
 
 // components/elements/popover/Popover.tsx
@@ -234,6 +245,7 @@ var Combobox = React5.forwardRef(
         /* @__PURE__ */ React5.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React5.createElement(
           CommandInput,
           {
+            dir: direction,
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
         ), /* @__PURE__ */ React5.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React5.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React5.createElement(
@@ -265,9 +277,10 @@ var Combobox = React5.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-me-2",
+                "hawa-icon",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
+              ),
+              style: { marginInlineEnd: "0.5rem" }
             },
             /* @__PURE__ */ React5.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),

package/dist/dataTable/index.js

@@ -695,22 +695,33 @@ var Label2 = React5.forwardRef(({ className, hint, hintSide, required, children,
   },
   children,
   required && /* @__PURE__ */ React5.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React5.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React5.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React5.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React5.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React5.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React5.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React5.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label2.displayName = "Label";
 
 // components/elements/skeleton/Skeleton.tsx

package/dist/dataTable/index.mjs

@@ -664,22 +664,33 @@ var Label2 = React5.forwardRef(({ className, hint, hintSide, required, children,
   },
   children,
   required && /* @__PURE__ */ React5.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React5.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React5.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React5.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React5.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React5.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React5.createElement("div", null, /* @__PURE__ */ React5.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React5.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React5.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React5.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label2.displayName = "Label";
 
 // components/elements/skeleton/Skeleton.tsx

package/dist/elements/index.js

@@ -2217,22 +2217,33 @@ var Label2 = React19.forwardRef(({ className, hint, hintSide, required, children
   },
   children,
   required && /* @__PURE__ */ React19.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React19.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React19.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React19.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React19.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React19.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React19.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React19.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label2.displayName = "Label";
 
 // components/elements/input/Input.tsx
@@ -3358,6 +3369,7 @@ var Combobox = React27.forwardRef(
         /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
           CommandInput,
           {
+            dir: direction,
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
         ), /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React27.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React27.createElement(
@@ -3389,9 +3401,10 @@ var Combobox = React27.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-me-2",
+                "hawa-icon",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
+              ),
+              style: { marginInlineEnd: "0.5rem" }
             },
             /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),

package/dist/elements/index.mjs

@@ -28,7 +28,7 @@ import {
   TabsTrigger,
   Textarea,
   UncheckMark
-} from "../chunk-XOEHA3H6.mjs";
+} from "../chunk-XE3FLWLT.mjs";
 import {
   Sheet,
   SheetClose,
@@ -1536,6 +1536,7 @@ var Combobox = React13.forwardRef(
         /* @__PURE__ */ React13.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React13.createElement(
           CommandInput,
           {
+            dir: direction,
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
         ), /* @__PURE__ */ React13.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React13.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React13.createElement(
@@ -1567,9 +1568,10 @@ var Combobox = React13.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-me-2",
+                "hawa-icon",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
+              ),
+              style: { marginInlineEnd: "0.5rem" }
             },
             /* @__PURE__ */ React13.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),

package/dist/index.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.3.6 | MIT License | https://tailwindcss.com
+! tailwindcss v3.3.7 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)

package/dist/index.js

@@ -2283,22 +2283,33 @@ var Label2 = React19.forwardRef(({ className, hint, hintSide, required, children
   },
   children,
   required && /* @__PURE__ */ React19.createElement("span", { className: "hawa-mx-0.5 hawa-text-red-500" }, "*")
-), hint && /* @__PURE__ */ React19.createElement(Tooltip, { content: hint, side: hintSide }, /* @__PURE__ */ React19.createElement(
-  "svg",
+), hint && /* @__PURE__ */ React19.createElement(
+  Tooltip,
   {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    stroke: "currentColor",
-    strokeWidth: "2",
-    strokeLinecap: "round",
-    strokeLinejoin: "round"
+    content: hint,
+    side: hintSide,
+    triggerProps: {
+      tabIndex: -1,
+      onClick: (event) => event.preventDefault()
+    }
   },
-  /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ React19.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
-  /* @__PURE__ */ React19.createElement("path", { d: "M12 17h.01" })
-))));
+  /* @__PURE__ */ React19.createElement("div", null, /* @__PURE__ */ React19.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "hawa-h-[14px] hawa-w-[14px] hawa-cursor-help",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    /* @__PURE__ */ React19.createElement("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ React19.createElement("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
+    /* @__PURE__ */ React19.createElement("path", { d: "M12 17h.01" })
+  ))
+)));
 Label2.displayName = "Label";
 
 // components/elements/input/Input.tsx
@@ -3424,6 +3435,7 @@ var Combobox = React27.forwardRef(
         /* @__PURE__ */ React27.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React27.createElement(
           CommandInput,
           {
+            dir: direction,
             placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
           }
         ), /* @__PURE__ */ React27.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React27.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React27.createElement(
@@ -3455,9 +3467,10 @@ var Combobox = React27.forwardRef(
               strokeLinecap: "round",
               strokeLinejoin: "round",
               className: cn(
-                "hawa-icon hawa-me-2",
+                "hawa-icon",
                 value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
+              ),
+              style: { marginInlineEnd: "0.5rem" }
             },
             /* @__PURE__ */ React27.createElement("polyline", { points: "20 6 9 17 4 12" })
           ),