@oxymormon/chg-unified-ds 0.2.11 → 0.2.13

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as h, Fragment as h2 } from "react/jsx-runtime";
-import { DisclosureGroup as O0, Disclosure as _0, Heading as U0, Button as I2, DisclosurePanel as q0, Link as K0, Radio as X0, RadioGroup as Y0, Slider as J0, SliderTrack as Q0, SliderThumb as n0, SliderOutput as a0, Tabs as e1, TabList as t1, Tab as o1, TabPanel as r1, Switch as n1, Tooltip as a1, OverlayArrow as i1, TooltipTrigger as l1 } from "react-aria-components";
+import { DisclosureGroup as O0, Disclosure as _0, Heading as U0, Button as B2, DisclosurePanel as q0, Link as K0, Radio as X0, RadioGroup as Y0, Slider as J0, SliderTrack as Q0, SliderThumb as n0, SliderOutput as a0, Tabs as e1, TabList as t1, Tab as o1, TabPanel as r1, Switch as n1, Tooltip as a1, OverlayArrow as i1, TooltipTrigger as l1 } from "react-aria-components";
 import * as n from "react";
 import { isValidElement as t2, useRef as s1, useState as x0, useCallback as J, createContext as $2, forwardRef as U2, Children as i0, cloneElement as c1, useContext as b2 } from "react";
 const d1 = (e, t) => {
@@ -273,21 +273,21 @@ const d1 = (e, t) => {
     return i(C, g), g;
   };
   return l = s, (...C) => l(N1(...C));
-}, A1 = [], L = (e) => {
-  const t = (o) => o[e] || A1;
+}, z1 = [], L = (e) => {
+  const t = (o) => o[e] || z1;
   return t.isThemeGetter = !0, t;
-}, H0 = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, M0 = /^\((?:(\w[\w-]*):)?(.+)\)$/i, z1 = /^\d+\/\d+$/, E1 = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, S1 = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, j1 = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, B1 = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, I1 = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, r2 = (e) => z1.test(e), y = (e) => !!e && !Number.isNaN(Number(e)), _ = (e) => !!e && Number.isInteger(Number(e)), G2 = (e) => e.endsWith("%") && y(e.slice(0, -1)), W = (e) => E1.test(e), $1 = () => !0, R1 = (e) => (
+}, H0 = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, M0 = /^\((?:(\w[\w-]*):)?(.+)\)$/i, A1 = /^\d+\/\d+$/, E1 = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, S1 = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, j1 = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, I1 = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, B1 = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, r2 = (e) => A1.test(e), y = (e) => !!e && !Number.isNaN(Number(e)), _ = (e) => !!e && Number.isInteger(Number(e)), G2 = (e) => e.endsWith("%") && y(e.slice(0, -1)), W = (e) => E1.test(e), $1 = () => !0, R1 = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   S1.test(e) && !j1.test(e)
-), Z0 = () => !1, F1 = (e) => B1.test(e), T1 = (e) => I1.test(e), P1 = (e) => !p(e) && !u(e), G1 = (e) => l2(e, N0, Z0), p = (e) => H0.test(e), Q = (e) => l2(e, A0, R1), D2 = (e) => l2(e, U1, y), C0 = (e) => l2(e, k0, Z0), D1 = (e) => l2(e, L0, T1), M2 = (e) => l2(e, z0, F1), u = (e) => M0.test(e), d2 = (e) => s2(e, A0), W1 = (e) => s2(e, q1), m0 = (e) => s2(e, k0), O1 = (e) => s2(e, N0), _1 = (e) => s2(e, L0), Z2 = (e) => s2(e, z0, !0), l2 = (e, t, o) => {
+), Z0 = () => !1, F1 = (e) => I1.test(e), T1 = (e) => B1.test(e), P1 = (e) => !p(e) && !u(e), G1 = (e) => l2(e, N0, Z0), p = (e) => H0.test(e), Q = (e) => l2(e, z0, R1), D2 = (e) => l2(e, U1, y), C0 = (e) => l2(e, k0, Z0), D1 = (e) => l2(e, L0, T1), M2 = (e) => l2(e, A0, F1), u = (e) => M0.test(e), d2 = (e) => s2(e, z0), W1 = (e) => s2(e, q1), m0 = (e) => s2(e, k0), O1 = (e) => s2(e, N0), _1 = (e) => s2(e, L0), Z2 = (e) => s2(e, A0, !0), l2 = (e, t, o) => {
   const r = H0.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
 }, s2 = (e, t, o = !1) => {
   const r = M0.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
-}, k0 = (e) => e === "position" || e === "percentage", L0 = (e) => e === "image" || e === "url", N0 = (e) => e === "length" || e === "size" || e === "bg-size", A0 = (e) => e === "length", U1 = (e) => e === "number", q1 = (e) => e === "family-name", z0 = (e) => e === "shadow", p0 = () => {
+}, k0 = (e) => e === "position" || e === "percentage", L0 = (e) => e === "image" || e === "url", N0 = (e) => e === "length" || e === "size" || e === "bg-size", z0 = (e) => e === "length", U1 = (e) => e === "number", q1 = (e) => e === "family-name", A0 = (e) => e === "shadow", p0 = () => {
   const e = L("color"), t = L("font"), o = L("text"), r = L("font-weight"), i = L("tracking"), l = L("leading"), s = L("breakpoint"), c = L("container"), C = L("spacing"), m = L("radius"), g = L("shadow"), b = L("inset-shadow"), w = L("text-shadow"), M = L("drop-shadow"), Z = L("blur"), N = L("perspective"), k = L("aspect"), S = L("ease"), $ = L("animate"), P = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], V = () => [
     "center",
     "top",
@@ -322,7 +322,7 @@ const d1 = (e, t) => {
     m,
     u,
     p
-  ], I = () => ["", y, d2, Q], v2 = () => ["solid", "dashed", "dotted", "double"], o0 = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], A = () => [y, G2, m0, C0], r0 = () => [
+  ], B = () => ["", y, d2, Q], v2 = () => ["solid", "dashed", "dotted", "double"], o0 = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], z = () => [y, G2, m0, C0], r0 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1472,70 +1472,70 @@ const d1 = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: I()
+        border: B()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": I()
+        "border-x": B()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": I()
+        "border-y": B()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": I()
+        "border-s": B()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": I()
+        "border-e": B()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": I()
+        "border-t": B()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": I()
+        "border-r": B()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": I()
+        "border-b": B()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": I()
+        "border-l": B()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": I()
+        "divide-x": B()
       }],
       /**
        * Divide Width X Reverse
@@ -1547,7 +1547,7 @@ const d1 = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": I()
+        "divide-y": B()
       }],
       /**
        * Divide Width Y Reverse
@@ -1709,7 +1709,7 @@ const d1 = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: I()
+        ring: B()
       }],
       /**
        * Ring Width Inset
@@ -1748,7 +1748,7 @@ const d1 = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": I()
+        "inset-ring": B()
       }],
       /**
        * Inset Ring Color
@@ -1814,10 +1814,10 @@ const d1 = (e, t) => {
         "mask-linear": [y]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": A()
+        "mask-linear-from": z()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": A()
+        "mask-linear-to": z()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": f()
@@ -1826,10 +1826,10 @@ const d1 = (e, t) => {
         "mask-linear-to": f()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": A()
+        "mask-t-from": z()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": A()
+        "mask-t-to": z()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": f()
@@ -1838,10 +1838,10 @@ const d1 = (e, t) => {
         "mask-t-to": f()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": A()
+        "mask-r-from": z()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": A()
+        "mask-r-to": z()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": f()
@@ -1850,10 +1850,10 @@ const d1 = (e, t) => {
         "mask-r-to": f()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": A()
+        "mask-b-from": z()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": A()
+        "mask-b-to": z()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": f()
@@ -1862,10 +1862,10 @@ const d1 = (e, t) => {
         "mask-b-to": f()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": A()
+        "mask-l-from": z()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": A()
+        "mask-l-to": z()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": f()
@@ -1874,10 +1874,10 @@ const d1 = (e, t) => {
         "mask-l-to": f()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": A()
+        "mask-x-from": z()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": A()
+        "mask-x-to": z()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": f()
@@ -1886,10 +1886,10 @@ const d1 = (e, t) => {
         "mask-x-to": f()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": A()
+        "mask-y-from": z()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": A()
+        "mask-y-to": z()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": f()
@@ -1901,10 +1901,10 @@ const d1 = (e, t) => {
         "mask-radial": [u, p]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": A()
+        "mask-radial-from": z()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": A()
+        "mask-radial-to": z()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": f()
@@ -1928,10 +1928,10 @@ const d1 = (e, t) => {
         "mask-conic": [y]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": A()
+        "mask-conic-from": z()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": A()
+        "mask-conic-to": z()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": f()
@@ -2786,7 +2786,7 @@ const d1 = (e, t) => {
 function d(...e) {
   return Y1(e.filter(Boolean).join(" "));
 }
-function n8(e) {
+function a8(e) {
   return e;
 }
 const J1 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, children: /* @__PURE__ */ a("path", { d: "M6 9l6 6 6-6" }) }), f2 = {
@@ -2809,7 +2809,7 @@ const J1 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, viewBo
     panel: "pb-24"
   }
 };
-function a8({
+function i8({
   allowsMultipleExpanded: e = !0,
   className: t,
   children: o,
@@ -2825,14 +2825,14 @@ function a8({
     }
   );
 }
-function i8({
+function l8({
   title: e,
   className: t,
   children: o,
   ...r
 }) {
   return /* @__PURE__ */ h(_0, { className: d(f2.item.root, t), ...r, children: [
-    /* @__PURE__ */ a(U0, { children: /* @__PURE__ */ h(I2, { slot: "trigger", className: f2.item.trigger, children: [
+    /* @__PURE__ */ a(U0, { children: /* @__PURE__ */ h(B2, { slot: "trigger", className: f2.item.trigger, children: [
       /* @__PURE__ */ a("span", { children: e }),
       /* @__PURE__ */ a(J1, { className: f2.item.icon })
     ] }) }),
@@ -2899,7 +2899,7 @@ const Q1 = {
   sm: "compact",
   md: "default",
   lg: "lg"
-}, A2 = {
+}, z2 = {
   root: "relative inline-block",
   sizes: {
     sm: {
@@ -2934,19 +2934,19 @@ function S0({
   size: i = "md",
   className: l
 }) {
-  const s = o || t3(e), c = A2.sizes[i];
-  return /* @__PURE__ */ h("div", { className: d(A2.root, l), children: [
+  const s = o || t3(e), c = z2.sizes[i];
+  return /* @__PURE__ */ h("div", { className: d(z2.root, l), children: [
     t ? /* @__PURE__ */ a(
       "img",
       {
         src: t,
         alt: e,
-        className: d(A2.image, c.avatar)
+        className: d(z2.image, c.avatar)
       }
     ) : /* @__PURE__ */ a(
       "div",
       {
-        className: d(A2.fallback, c.avatar, c.text),
+        className: d(z2.fallback, c.avatar, c.text),
         role: "img",
         "aria-label": e,
         children: s
@@ -3115,7 +3115,7 @@ function u0({
       children: Z
     }
   ) : /* @__PURE__ */ a(
-    I2,
+    B2,
     {
       type: "button",
       "data-icon-only": b ? !0 : void 0,
@@ -3166,7 +3166,7 @@ const u3 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, viewBo
     true: { root: "rounded-9999" }
   }
 };
-function l8({
+function s8({
   size: e = "default",
   isSelected: t = !1,
   isRounded: o = !1,
@@ -3185,7 +3185,7 @@ function l8({
     c
   );
   return /* @__PURE__ */ h(
-    I2,
+    B2,
     {
       className: w,
       ...C,
@@ -3209,7 +3209,7 @@ function l8({
     }
   );
 }
-const z2 = {
+const A2 = {
   common: {
     root: "inline-flex items-center justify-center p-2 text-xs font-semibold",
     label: "px-4"
@@ -3277,7 +3277,7 @@ const z2 = {
     }
   }
 };
-function s8({
+function c8({
   color: e = "neutral",
   isSolid: t = !1,
   isRounded: o = !0,
@@ -3289,16 +3289,16 @@ function s8({
     "span",
     {
       className: d(
-        z2.common.root,
-        z2.rounded[o ? "true" : "false"].root,
-        z2.colors[e][l].root,
+        A2.common.root,
+        A2.rounded[o ? "true" : "false"].root,
+        A2.colors[e][l].root,
         i
       ),
-      children: /* @__PURE__ */ a("span", { className: z2.common.label, children: r })
+      children: /* @__PURE__ */ a("span", { className: A2.common.label, children: r })
     }
   );
 }
-const B = {
+const I = {
   common: {
     root: "flex w-full items-center",
     line: "h-px flex-1 bg-gray-200",
@@ -3330,7 +3330,7 @@ const B = {
     }
   }
 };
-function c8({
+function d8({
   appearance: e = "solid",
   alignment: t = "none",
   type: o = "label",
@@ -3339,12 +3339,12 @@ function c8({
   className: l
 }) {
   if (t === "none")
-    return /* @__PURE__ */ a("div", { className: d(B.common.root, l), role: "separator", children: /* @__PURE__ */ a("div", { className: B.common.line }) });
+    return /* @__PURE__ */ a("div", { className: d(I.common.root, l), role: "separator", children: /* @__PURE__ */ a("div", { className: I.common.line }) });
   const s = d(
-    B.common.content,
-    B.appearances[e].content,
-    B.types[o].content
-  ), c = "icon" in B.types[o] ? B.types[o].icon : void 0, m = o === "icon" ? /* @__PURE__ */ h(h2, { children: [
+    I.common.content,
+    I.appearances[e].content,
+    I.types[o].content
+  ), c = "icon" in I.types[o] ? I.types[o].icon : void 0, m = o === "icon" ? /* @__PURE__ */ h(h2, { children: [
     t2(i) && i,
     i2(i) && /* @__PURE__ */ a(i, { className: c })
   ] }) : o === "action" ? /* @__PURE__ */ h(h2, { children: [
@@ -3352,12 +3352,12 @@ function c8({
     i2(i) && /* @__PURE__ */ a(i, { className: c }),
     r && /* @__PURE__ */ a("span", { children: r })
   ] }) : r ? /* @__PURE__ */ a("span", { children: r }) : null;
-  return !m || o !== "icon" && !r || (o === "icon" || o === "action") && !i && !r ? /* @__PURE__ */ a("div", { className: d(B.common.root, l), role: "separator", children: /* @__PURE__ */ a("div", { className: B.common.line }) }) : /* @__PURE__ */ h("div", { className: d(B.common.root, l), role: "separator", children: [
-    t === "left" && /* @__PURE__ */ a("div", { className: B.common.lineShort }),
-    (t === "center" || t === "right") && /* @__PURE__ */ a("div", { className: B.common.line }),
+  return !m || o !== "icon" && !r || (o === "icon" || o === "action") && !i && !r ? /* @__PURE__ */ a("div", { className: d(I.common.root, l), role: "separator", children: /* @__PURE__ */ a("div", { className: I.common.line }) }) : /* @__PURE__ */ h("div", { className: d(I.common.root, l), role: "separator", children: [
+    t === "left" && /* @__PURE__ */ a("div", { className: I.common.lineShort }),
+    (t === "center" || t === "right") && /* @__PURE__ */ a("div", { className: I.common.line }),
     /* @__PURE__ */ a("div", { className: s, children: m }),
-    t === "right" && /* @__PURE__ */ a("div", { className: B.common.lineShort }),
-    (t === "center" || t === "left") && /* @__PURE__ */ a("div", { className: B.common.line })
+    t === "right" && /* @__PURE__ */ a("div", { className: I.common.lineShort }),
+    (t === "center" || t === "left") && /* @__PURE__ */ a("div", { className: I.common.line })
   ] });
 }
 const g3 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ a(
@@ -3399,7 +3399,7 @@ const g3 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, viewBo
     }
   }
 };
-function d8({
+function C8({
   size: e = "default",
   state: t = "default",
   placeholder: o = "Select an option",
@@ -3415,7 +3415,7 @@ function d8({
     i
   );
   return /* @__PURE__ */ h(
-    I2,
+    B2,
     {
       className: C,
       isDisabled: l,
@@ -3427,7 +3427,7 @@ function d8({
     }
   );
 }
-const z = {
+const A = {
   common: {
     root: "flex",
     head: "flex",
@@ -3469,7 +3469,7 @@ function f3({ className: e }) {
     }
   ) });
 }
-function C8({
+function m8({
   orientation: e = "vertical",
   label: t,
   isRequired: o = !1,
@@ -3487,8 +3487,8 @@ function C8({
     "div",
     {
       className: d(
-        z.common.root,
-        z.orientation[e].root,
+        A.common.root,
+        A.orientation[e].root,
         g
       ),
       children: [
@@ -3496,19 +3496,19 @@ function C8({
           "div",
           {
             className: d(
-              z.common.head,
-              z.orientation[e].head
+              A.common.head,
+              A.orientation[e].head
             ),
             children: /* @__PURE__ */ h(
               "div",
               {
                 className: d(
-                  z.common.labelWrapper,
-                  z.orientation[e].labelWrapper
+                  A.common.labelWrapper,
+                  A.orientation[e].labelWrapper
                 ),
                 children: [
-                  t && /* @__PURE__ */ a("span", { className: z.common.label, children: t }),
-                  o && /* @__PURE__ */ a("span", { className: z.common.requiredIndicator, children: "*" })
+                  t && /* @__PURE__ */ a("span", { className: A.common.label, children: t }),
+                  o && /* @__PURE__ */ a("span", { className: A.common.requiredIndicator, children: "*" })
                 ]
               }
             )
@@ -3518,25 +3518,25 @@ function C8({
           "div",
           {
             className: d(
-              z.common.body,
-              z.orientation[e].body
+              A.common.body,
+              A.orientation[e].body
             ),
             children: [
-              b && e === "horizontal" && /* @__PURE__ */ h("div", { className: z.common.infoWrapper, children: [
-                r && /* @__PURE__ */ a("span", { className: z.common.infoText, children: r }),
-                i && /* @__PURE__ */ a(f3, { className: z.common.infoIcon })
+              b && e === "horizontal" && /* @__PURE__ */ h("div", { className: A.common.infoWrapper, children: [
+                r && /* @__PURE__ */ a("span", { className: A.common.infoText, children: r }),
+                i && /* @__PURE__ */ a(f3, { className: A.common.infoIcon })
               ] }),
               m,
               w && /* @__PURE__ */ h(
                 "div",
                 {
                   className: d(
-                    z.common.foot,
-                    z.orientation[e].foot
+                    A.common.foot,
+                    A.orientation[e].foot
                   ),
                   children: [
-                    l && /* @__PURE__ */ a("span", { className: z.common.helperText, children: l }),
-                    C && /* @__PURE__ */ h("span", { className: z.common.counter, children: [
+                    l && /* @__PURE__ */ a("span", { className: A.common.helperText, children: l }),
+                    C && /* @__PURE__ */ h("span", { className: A.common.counter, children: [
                       s ?? 0,
                       "/",
                       c ?? 0
@@ -3572,7 +3572,7 @@ const m2 = {
   /* @__PURE__ */ a("path", { d: "M11.833 5.333 8.5 2l-3.333 3.333" }),
   /* @__PURE__ */ a("path", { d: "M8.5 2v8" })
 ] });
-function m8({
+function p8({
   instructions: e = "Drop files here or click to upload",
   fileTypesHint: t = "PNG, JPG up to 10MB",
   icon: o,
@@ -3908,17 +3908,17 @@ const b3 = /* @__PURE__ */ new Map([
 O.displayName = "IconBase";
 const j0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: b3 }));
 j0.displayName = "CaretDownIcon";
-const g0 = j0, B0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: x3 }));
-B0.displayName = "CheckIcon";
-const k3 = B0, I0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: y3 }));
-I0.displayName = "ClockCounterClockwiseIcon";
-const L3 = I0, $0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: v3 }));
+const g0 = j0, I0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: x3 }));
+I0.displayName = "CheckIcon";
+const k3 = I0, B0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: y3 }));
+B0.displayName = "ClockCounterClockwiseIcon";
+const L3 = B0, $0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: v3 }));
 $0.displayName = "CopyIcon";
 const N3 = $0, R0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: w3 }));
 R0.displayName = "PlusIcon";
-const A3 = R0, F0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: V3 }));
+const z3 = R0, F0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: V3 }));
 F0.displayName = "SignOutIcon";
-const z3 = F0, T0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: H3 }));
+const A3 = F0, T0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: H3 }));
 T0.displayName = "SlidersIcon";
 const E3 = T0, P0 = n.forwardRef((e, t) => /* @__PURE__ */ n.createElement(O, { ref: t, ...e, weights: M3 }));
 P0.displayName = "TrashIcon";
@@ -3928,17 +3928,41 @@ const S3 = P0, j3 = {
   "chevron-down": g0,
   // Using CaretDown as chevron alternative
   "caret-down": g0,
-  "sign-out": z3,
+  "sign-out": A3,
   trash: S3,
-  plus: A3,
+  plus: z3,
   "clock-counter-clockwise": L3,
   sliders: E3
-}, B3 = U2(
-  function({ name: t, color: o = "currentColor", weight: r = "regular", ...i }, l) {
-    const s = j3[t];
-    return /* @__PURE__ */ a(s, { ref: l, color: o, weight: r, ...i });
+};
+function I3(e) {
+  if (!e) return;
+  const t = Array.isArray(e) ? e.join(" ") : e, o = t.match(/(?:size|w|h)-\[(\d+)px\]/);
+  if (o) {
+    const i = parseInt(o[1], 10);
+    return i > 0 ? i : void 0;
   }
-), p8 = (e) => ({ className: t }) => /* @__PURE__ */ a(B3, { name: e, className: t }), O2 = {
+  const r = t.match(/\b(?:size|w|h)-(\d+)\b/);
+  if (r) {
+    const l = parseInt(r[1], 10) * 4;
+    return l > 0 ? l : void 0;
+  }
+}
+const B3 = U2(
+  function({ name: t, color: o = "currentColor", weight: r = "regular", size: i, className: l, ...s }, c) {
+    const C = j3[t], m = i ?? I3(l) ?? 24;
+    return /* @__PURE__ */ a(
+      C,
+      {
+        ref: c,
+        color: o,
+        weight: r,
+        size: m,
+        className: l,
+        ...s
+      }
+    );
+  }
+), u8 = (e) => ({ className: t }) => /* @__PURE__ */ a(B3, { name: e, className: t }), O2 = {
   common: {
     root: "inline-flex items-center justify-center rounded-2 text-sm font-semibold"
   },
@@ -3959,7 +3983,7 @@ const S3 = P0, j3 = {
     }
   }
 };
-function u8({
+function g8({
   appearance: e = "light",
   type: t = "flex",
   children: o,
@@ -3991,7 +4015,7 @@ const f0 = {
     }
   }
 };
-function g8({
+function f8({
   isSelected: e = !1,
   onPress: t,
   children: o,
@@ -4037,7 +4061,7 @@ const F = {
     bottom: "absolute -bottom-32 transition-all duration-300"
   }
 };
-function f8({
+function h8({
   value: e,
   label: t = !1,
   className: o
@@ -4100,7 +4124,7 @@ const S2 = {
     ].join(" ")
   }
 };
-function h8({
+function b8({
   className: e,
   children: t,
   ...o
@@ -4114,7 +4138,7 @@ function h8({
     }
   );
 }
-function b8({
+function x8({
   showLabel: e = !0,
   className: t,
   children: o,
@@ -4147,7 +4171,7 @@ const q = {
     output: "absolute top-full left-1/2 mt-8 -translate-x-1/2 text-xs font-semibold text-gray-500"
   }
 };
-function x8({
+function y8({
   showLabels: e = !1,
   className: t,
   formatValue: o = (i) => `${i}%`,
@@ -4187,7 +4211,7 @@ const h0 = {
     thin: "py-2"
   }
 };
-function y8({
+function v8({
   appearance: e = "default",
   children: t = "Instance Slot",
   className: o
@@ -4218,7 +4242,7 @@ const a2 = {
     }
   }
 };
-function v8({
+function w8({
   isSolid: e = !1,
   isRounded: t = !0,
   size: o = "default",
@@ -4303,13 +4327,13 @@ const v = {
     error: "text-gray-500"
   }
 }, G0 = $2(null);
-function I3() {
+function $3() {
   const e = b2(G0);
   if (!e)
     throw new Error("StepIndicator.Item must be used within a StepIndicator");
   return e;
 }
-function $3({ className: e }) {
+function R3({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a(
     "path",
     {
@@ -4319,7 +4343,7 @@ function $3({ className: e }) {
     }
   ) });
 }
-function R3({ className: e }) {
+function F3({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a(
     "path",
     {
@@ -4327,7 +4351,7 @@ function R3({ className: e }) {
     }
   ) });
 }
-function F3({
+function T3({
   status: e = "incomplete",
   label: t,
   description: o,
@@ -4335,9 +4359,9 @@ function F3({
   className: i,
   _index: l = 0
 }) {
-  const { orientation: s, size: c, showLabels: C, totalItems: m } = I3(), g = l, b = m === 1 ? "only" : g === 0 ? "start" : g === m - 1 ? "end" : "middle", w = b === "middle" || b === "end", M = b === "middle" || b === "start", N = e === "complete" || e === "active" || e === "error" ? "complete" : "incomplete", k = e === "complete" ? "complete" : "incomplete", S = () => {
+  const { orientation: s, size: c, showLabels: C, totalItems: m } = $3(), g = l, b = m === 1 ? "only" : g === 0 ? "start" : g === m - 1 ? "end" : "middle", w = b === "middle" || b === "end", M = b === "middle" || b === "start", N = e === "complete" || e === "active" || e === "error" ? "complete" : "incomplete", k = e === "complete" ? "complete" : "incomplete", S = () => {
     const $ = c === "compact" ? "size-12" : "size-16";
-    return e === "complete" ? /* @__PURE__ */ a($3, { className: $ }) : e === "error" ? /* @__PURE__ */ a(R3, { className: $ }) : /* @__PURE__ */ a("span", { className: d("text-xs font-semibold", c === "compact" && "text-[10px]"), children: g + 1 });
+    return e === "complete" ? /* @__PURE__ */ a(R3, { className: $ }) : e === "error" ? /* @__PURE__ */ a(F3, { className: $ }) : /* @__PURE__ */ a("span", { className: d("text-xs font-semibold", c === "compact" && "text-[10px]"), children: g + 1 });
   };
   return s === "vertical" ? /* @__PURE__ */ h("div", { className: d(v.item.common, v.item.vertical, i), children: [
     /* @__PURE__ */ h("div", { className: "flex flex-col items-center", children: [
@@ -4408,7 +4432,7 @@ function F3({
     }
   );
 }
-function T3({
+function P3({
   orientation: e = "horizontal",
   size: t = "default",
   showLabels: o = !0,
@@ -4424,8 +4448,8 @@ function T3({
     }
   );
 }
-const w8 = Object.assign(T3, {
-  Item: F3
+const V8 = Object.assign(P3, {
+  Item: T3
 }), K = {
   root: "w-full",
   tabList: {
@@ -4459,7 +4483,7 @@ const w8 = Object.assign(T3, {
   },
   tabPanel: "mt-16 outline-none"
 };
-function V8({
+function H8({
   appearance: e = "underline",
   fill: t = !1,
   items: o,
@@ -4576,7 +4600,7 @@ const e2 = {
     }
   }
 };
-function H8({
+function M8({
   color: e = "neutral",
   size: t = "default",
   isSolid: o = !1,
@@ -4627,7 +4651,7 @@ const E2 = {
     true: { root: "resize-y" },
     false: { root: "resize-none" }
   }
-}, M8 = U2(
+}, Z8 = U2(
   function({
     size: t = "default",
     state: o = "default",
@@ -4685,8 +4709,8 @@ const E2 = {
       icon: "size-[36px]"
     }
   }
-}, P3 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "M18 6L6 18M6 6l12 12" }) }), G3 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 36 36", fill: "currentColor", children: /* @__PURE__ */ a("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM25.2803 14.7803C25.5732 14.4874 25.5732 14.0126 25.2803 13.7197C24.9874 13.4268 24.5126 13.4268 24.2197 13.7197L15.75 22.1893L11.7803 18.2197C11.4874 17.9268 11.0126 17.9268 10.7197 18.2197C10.4268 18.5126 10.4268 18.9874 10.7197 19.2803L15.2197 23.7803C15.5126 24.0732 15.9874 24.0732 16.2803 23.7803L25.2803 14.7803Z" }) });
-function Z8({
+}, G3 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ a("path", { d: "M18 6L6 18M6 6l12 12" }) }), D3 = ({ className: e }) => /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 36 36", fill: "currentColor", children: /* @__PURE__ */ a("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 33C26.2843 33 33 26.2843 33 18C33 9.71573 26.2843 3 18 3C9.71573 3 3 9.71573 3 18C3 26.2843 9.71573 33 18 33ZM25.2803 14.7803C25.5732 14.4874 25.5732 14.0126 25.2803 13.7197C24.9874 13.4268 24.5126 13.4268 24.2197 13.7197L15.75 22.1893L11.7803 18.2197C11.4874 17.9268 11.0126 17.9268 10.7197 18.2197C10.4268 18.5126 10.4268 18.9874 10.7197 19.2803L15.2197 23.7803C15.5126 24.0732 15.9874 24.0732 16.2803 23.7803L25.2803 14.7803Z" }) });
+function k8({
   title: e,
   description: t,
   appearance: o = "icon",
@@ -4706,7 +4730,7 @@ function Z8({
     switch (o) {
       case "icon":
         const P = d(E.common.icon, Z.icon);
-        return t2(l) ? l : i2(l) ? /* @__PURE__ */ a(l, { className: P }) : /* @__PURE__ */ a(G3, { className: P });
+        return t2(l) ? l : i2(l) ? /* @__PURE__ */ a(l, { className: P }) : /* @__PURE__ */ a(D3, { className: P });
       case "dot":
         return /* @__PURE__ */ a("div", { className: E.common.dotWrapper, children: /* @__PURE__ */ a(K2, { appearance: s, size: "default" }) });
       case "avatar":
@@ -4751,7 +4775,7 @@ function Z8({
       onClick: w,
       className: E.common.closeButton,
       "aria-label": "Close",
-      children: /* @__PURE__ */ a(P3, {})
+      children: /* @__PURE__ */ a(G3, {})
     }
   );
   return i === "condensed" ? /* @__PURE__ */ h(
@@ -4813,7 +4837,7 @@ const p2 = {
     indeterminate: { track: "bg-brand-600 justify-center" }
   }
 };
-function k8({
+function L8({
   size: e = "default",
   isIndeterminate: t = !1,
   isSelected: o,
@@ -4892,7 +4916,7 @@ const u2 = {
     }
   }
 };
-function D3({
+function W3({
   appearance: e = "plain",
   children: t,
   showArrow: o = !0,
@@ -4925,7 +4949,7 @@ function D3({
     }
   );
 }
-function L8({
+function N8({
   children: e,
   tooltip: t,
   appearance: o = "plain",
@@ -4937,7 +4961,7 @@ function L8({
   return /* @__PURE__ */ h(l1, { delay: l, children: [
     e,
     /* @__PURE__ */ a(
-      D3,
+      W3,
       {
         appearance: o,
         placement: r,
@@ -4948,7 +4972,7 @@ function L8({
     )
   ] });
 }
-const B2 = {
+const I2 = {
   menu: {
     root: "flex flex-col rounded-4 border border-gray-300 bg-base-white py-8 shadow-lg"
   },
@@ -4975,13 +4999,13 @@ function W0({
     "div",
     {
       role: "menu",
-      className: d(B2.menu.root, o),
+      className: d(I2.menu.root, o),
       ...r,
       children: t
     }
   ) });
 }
-function W3({
+function O3({
   value: e,
   icon: t,
   children: o,
@@ -5000,26 +5024,26 @@ function W3({
       onClick: (m) => {
         l || (i == null || i(m), c == null || c(e));
       },
-      className: d(B2.item.root, r),
+      className: d(I2.item.root, r),
       ...s,
       children: [
-        t && /* @__PURE__ */ a("span", { className: B2.item.icon, children: t }),
+        t && /* @__PURE__ */ a("span", { className: I2.item.icon, children: t }),
         o
       ]
     }
   );
 }
-function O3({ className: e }) {
+function _3({ className: e }) {
   return /* @__PURE__ */ a(
     "div",
     {
       role: "separator",
-      className: d(B2.divider.root, e)
+      className: d(I2.divider.root, e)
     }
   );
 }
-W0.Item = W3;
-W0.Divider = O3;
+W0.Item = O3;
+W0.Divider = _3;
 const T = {
   common: {
     wrapper: "relative flex items-center",
@@ -5059,7 +5083,7 @@ const T = {
     time: {},
     currency: { prefix: "$", prefixPadding: "pl-[24px]" }
   }
-}, _3 = U2(
+}, U3 = U2(
   function({
     variant: t = "text",
     size: o = "default",
@@ -5195,7 +5219,7 @@ function x2({
                 onClick: g,
                 className: "text-base-white",
                 "aria-label": "Expand navigation",
-                children: /* @__PURE__ */ a(Q3, { className: "size-24" })
+                children: /* @__PURE__ */ a(e8, { className: "size-24" })
               }
             )
           }
@@ -5205,7 +5229,7 @@ function x2({
     }
   ) });
 }
-function U3({
+function q3({
   placeholder: e = "Search...",
   value: t,
   onChange: o,
@@ -5213,7 +5237,7 @@ function U3({
 }) {
   const { isExpanded: i, toggleExpanded: l } = b2(R2);
   return i ? /* @__PURE__ */ a("div", { className: d(H.search.root, r), children: /* @__PURE__ */ a(
-    _3,
+    U3,
     {
       variant: "search",
       size: "compact",
@@ -5234,13 +5258,13 @@ function U3({
     }
   ) });
 }
-function q3({
+function K3({
   children: e,
   className: t
 }) {
   return /* @__PURE__ */ a("div", { className: d(H.section.root, t), children: e });
 }
-function K3({
+function X3({
   icon: e,
   label: t,
   isActive: o = !1,
@@ -5273,7 +5297,7 @@ function K3({
           m && /* @__PURE__ */ h(h2, { children: [
             /* @__PURE__ */ a("span", { className: H.item.label, children: t }),
             g && /* @__PURE__ */ a(
-              J3,
+              Q3,
               {
                 className: d(
                   H.item.chevron,
@@ -5288,7 +5312,7 @@ function K3({
     m && g && r && /* @__PURE__ */ a("div", { className: H.children.root, children: l })
   ] });
 }
-function X3({
+function Y3({
   label: e,
   isActive: t = !1,
   className: o,
@@ -5308,7 +5332,7 @@ function X3({
     }
   );
 }
-function Y3({
+function J3({
   name: e,
   avatarSrc: t,
   initials: o,
@@ -5343,7 +5367,7 @@ function Y3({
               onClick: r,
               className: H.account.button,
               "aria-label": "Settings",
-              children: /* @__PURE__ */ a(e8, { className: H.account.buttonIcon })
+              children: /* @__PURE__ */ a(t8, { className: H.account.buttonIcon })
             }
           )
         ] })
@@ -5361,7 +5385,7 @@ function b0({ className: e }) {
     }
   ) });
 }
-function J3({ className: e }) {
+function Q3({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a(
     "path",
     {
@@ -5371,7 +5395,7 @@ function J3({ className: e }) {
     }
   ) });
 }
-function Q3({ className: e }) {
+function e8({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ a(
     "path",
     {
@@ -5381,55 +5405,55 @@ function Q3({ className: e }) {
     }
   ) });
 }
-function e8({ className: e }) {
+function t8({ className: e }) {
   return /* @__PURE__ */ a("svg", { className: e, viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ a("path", { d: "M8 2a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM8 6.5a1.5 1.5 0 110 3 1.5 1.5 0 010-3zM9.5 12.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z" }) });
 }
-x2.Search = U3;
-x2.Section = q3;
-x2.Item = K3;
-x2.SubItem = X3;
-x2.Account = Y3;
+x2.Search = q3;
+x2.Section = K3;
+x2.Item = X3;
+x2.SubItem = Y3;
+x2.Account = J3;
 export {
-  a8 as Accordion,
-  i8 as AccordionItem,
+  i8 as Accordion,
+  l8 as AccordionItem,
   W0 as ActionMenu,
-  O3 as ActionMenuDivider,
-  W3 as ActionMenuItem,
+  _3 as ActionMenuDivider,
+  O3 as ActionMenuItem,
   S0 as Avatar,
   d3 as Branding,
   u0 as Button,
-  l8 as Chip,
-  s8 as CounterBadge,
-  c8 as Divider,
+  s8 as Chip,
+  c8 as CounterBadge,
+  d8 as Divider,
   K2 as DotStatus,
-  d8 as Dropdown,
-  C8 as Field,
-  m8 as FileUpload,
+  C8 as Dropdown,
+  m8 as Field,
+  p8 as FileUpload,
   B3 as Icon,
-  u8 as Keys,
-  g8 as PillToggle,
-  f8 as ProgressBar,
-  b8 as Radio,
-  h8 as RadioGroup,
+  g8 as Keys,
+  f8 as PillToggle,
+  h8 as ProgressBar,
+  x8 as Radio,
+  b8 as RadioGroup,
   x2 as SideNavigation,
-  Y3 as SideNavigationAccount,
-  K3 as SideNavigationItem,
-  U3 as SideNavigationSearch,
-  q3 as SideNavigationSection,
-  X3 as SideNavigationSubItem,
-  x8 as Slider,
-  y8 as Slot,
-  v8 as Status,
-  w8 as StepIndicator,
-  V8 as Tabs,
-  H8 as Tag,
-  M8 as Textarea,
-  Z8 as Toast,
-  k8 as Toggle,
-  D3 as Tooltip,
-  L8 as TooltipTrigger,
-  p8 as createIcon,
+  J3 as SideNavigationAccount,
+  X3 as SideNavigationItem,
+  q3 as SideNavigationSearch,
+  K3 as SideNavigationSection,
+  Y3 as SideNavigationSubItem,
+  y8 as Slider,
+  v8 as Slot,
+  w8 as Status,
+  V8 as StepIndicator,
+  H8 as Tabs,
+  M8 as Tag,
+  Z8 as Textarea,
+  k8 as Toast,
+  L8 as Toggle,
+  W3 as Tooltip,
+  N8 as TooltipTrigger,
+  u8 as createIcon,
   d as cx,
   i2 as isReactComponent,
-  n8 as sortCx
+  a8 as sortCx
 };