@utk09/finra-ui 0.0.4 → 0.0.5

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsxs as C, jsx as i } from "react/jsx-runtime";
-import { forwardRef as B, useRef as K, useCallback as $, useState as Y, useEffect as Q, useId as ct, Children as lt, isValidElement as ut, cloneElement as dt } from "react";
-import { B as _t, I as mt, C as pt, S as vt, R as ft, a as yt } from "./Slider-BXQjDfhb.js";
+import { jsxs as C, jsx as e, Fragment as ln } from "react/jsx-runtime";
+import { forwardRef as D, useRef as Z, useCallback as k, useState as J, useEffect as X, useId as mn, Children as vn, isValidElement as hn, cloneElement as fn, useMemo as yn } from "react";
+import { B as bn, I as gn, C as $n, m as tn, S as xn, R as kn, a as wn, b as Nn } from "./ComboBox-CbLG-Ss1.js";
 const f = "data-finra-ui", y = {
   // Button family
   button: "button",
@@ -37,68 +37,70 @@ const f = "data-finra-ui", y = {
   fileDropZone: "file-drop-zone",
   // Badge
   badge: "badge",
+  // ComboBox
+  comboBox: "combo-box",
   // Divider
   divider: "divider"
 };
-function st(r) {
-  var n, t, e = "";
-  if (typeof r == "string" || typeof r == "number") e += r;
-  else if (typeof r == "object") if (Array.isArray(r)) {
-    var a = r.length;
-    for (n = 0; n < a; n++) r[n] && (t = st(r[n])) && (e && (e += " "), e += t);
-  } else for (t in r) r[t] && (e && (e += " "), e += t);
-  return e;
+function un(n) {
+  var a, t, r = "";
+  if (typeof n == "string" || typeof n == "number") r += n;
+  else if (typeof n == "object") if (Array.isArray(n)) {
+    var i = n.length;
+    for (a = 0; a < i; a++) n[a] && (t = un(n[a])) && (r && (r += " "), r += t);
+  } else for (t in n) n[t] && (r && (r += " "), r += t);
+  return r;
 }
-function x() {
-  for (var r, n, t = 0, e = "", a = arguments.length; t < a; t++) (r = arguments[t]) && (n = st(r)) && (e && (e += " "), e += n);
-  return e;
+function w() {
+  for (var n, a, t = 0, r = "", i = arguments.length; t < i; t++) (n = arguments[t]) && (a = un(n)) && (r && (r += " "), r += a);
+  return r;
 }
-const rt = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, at = x, G = (r, n) => (t) => {
-  var e;
-  if (n?.variants == null) return at(r, t?.class, t?.className);
-  const { variants: a, defaultVariants: o } = n, l = Object.keys(a).map((s) => {
-    const g = t?.[s], d = o?.[s];
-    if (g === null) return null;
-    const _ = rt(g) || rt(d);
-    return a[s][_];
-  }), p = t && Object.entries(t).reduce((s, g) => {
-    let [d, _] = g;
-    return _ === void 0 || (s[d] = _), s;
-  }, {}), v = n == null || (e = n.compoundVariants) === null || e === void 0 ? void 0 : e.reduce((s, g) => {
-    let { class: d, className: _, ...N } = g;
-    return Object.entries(N).every((m) => {
-      let [w, h] = m;
-      return Array.isArray(h) ? h.includes({
-        ...o,
+const on = (n) => typeof n == "boolean" ? `${n}` : n === 0 ? "0" : n, sn = w, H = (n, a) => (t) => {
+  var r;
+  if (a?.variants == null) return sn(n, t?.class, t?.className);
+  const { variants: i, defaultVariants: s } = a, l = Object.keys(i).map((c) => {
+    const $ = t?.[c], _ = s?.[c];
+    if ($ === null) return null;
+    const v = on($) || on(_);
+    return i[c][v];
+  }), p = t && Object.entries(t).reduce((c, $) => {
+    let [_, v] = $;
+    return v === void 0 || (c[_] = v), c;
+  }, {}), m = a == null || (r = a.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((c, $) => {
+    let { class: _, className: v, ...N } = $;
+    return Object.entries(N).every((h) => {
+      let [I, b] = h;
+      return Array.isArray(b) ? b.includes({
+        ...s,
         ...p
-      }[w]) : {
-        ...o,
+      }[I]) : {
+        ...s,
         ...p
-      }[w] === h;
+      }[I] === b;
     }) ? [
-      ...s,
-      d,
-      _
-    ] : s;
+      ...c,
+      _,
+      v
+    ] : c;
   }, []);
-  return at(r, l, v, t?.class, t?.className);
-}, ht = "_button_nw9o1_1", bt = "_variantPrimary_nw9o1_40", gt = "_variantSecondary_nw9o1_53", kt = "_variantTertiary_nw9o1_66", $t = "_sentimentDanger_nw9o1_78", Nt = "_sentimentSuccess_nw9o1_84", wt = "_sentimentWarning_nw9o1_90", xt = "_sentimentInfo_nw9o1_96", It = "_fullWidth_nw9o1_102", St = "_icon_nw9o1_106", E = {
-  button: ht,
-  variantPrimary: bt,
-  variantSecondary: gt,
-  variantTertiary: kt,
-  sentimentDanger: $t,
-  sentimentSuccess: Nt,
-  sentimentWarning: wt,
-  sentimentInfo: xt,
-  fullWidth: It,
-  icon: St
-}, Wt = {
+  return sn(n, l, m, t?.class, t?.className);
+}, In = "_button_nw9o1_1", Cn = "_variantPrimary_nw9o1_40", Sn = "_variantSecondary_nw9o1_53", Wn = "_variantTertiary_nw9o1_66", Bn = "_sentimentDanger_nw9o1_78", Dn = "_sentimentSuccess_nw9o1_84", Tn = "_sentimentWarning_nw9o1_90", Pn = "_sentimentInfo_nw9o1_96", Fn = "_fullWidth_nw9o1_102", Vn = "_icon_nw9o1_106", E = {
+  button: In,
+  variantPrimary: Cn,
+  variantSecondary: Sn,
+  variantTertiary: Wn,
+  sentimentDanger: Bn,
+  sentimentSuccess: Dn,
+  sentimentWarning: Tn,
+  sentimentInfo: Pn,
+  fullWidth: Fn,
+  icon: Vn
+}, En = {
   danger: E.sentimentDanger,
   success: E.sentimentSuccess,
   warning: E.sentimentWarning,
   info: E.sentimentInfo
-}, Ct = G(E.button, {
+}, Rn = H(E.button, {
   variants: {
     variant: {
       primary: E.variantPrimary,
@@ -112,216 +114,331 @@ const rt = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, at = x, G
   defaultVariants: {
     variant: "primary"
   }
-}), Bt = B(
-  ({ className: r, variant: n, fullWidth: t, sentiment: e, startIcon: a, endIcon: o, children: l, ...p }, v) => /* @__PURE__ */ C(
-    _t,
+}), qn = D(
+  ({ className: n, variant: a, fullWidth: t, sentiment: r, startIcon: i, endIcon: s, children: l, ...p }, m) => /* @__PURE__ */ C(
+    bn,
     {
-      ref: v,
+      ref: m,
       type: "button",
       [f]: y.button,
-      className: x(
-        Ct({ variant: n, fullWidth: t }),
-        e && Wt[e],
-        r
+      className: w(
+        Rn({ variant: a, fullWidth: t }),
+        r && En[r],
+        n
       ),
       ...p,
       children: [
-        a ? /* @__PURE__ */ i("span", { className: E.icon, children: a }) : null,
+        i ? /* @__PURE__ */ e("span", { className: E.icon, children: i }) : null,
         l,
-        o ? /* @__PURE__ */ i("span", { className: E.icon, children: o }) : null
+        s ? /* @__PURE__ */ e("span", { className: E.icon, children: s }) : null
       ]
     }
   )
 );
-Bt.displayName = "Button";
-const Dt = "_iconButton_wgr1d_1", Tt = "_variantPrimary_wgr1d_37", Ft = "_variantSecondary_wgr1d_50", Pt = "_variantTertiary_wgr1d_63", Et = "_sentimentDanger_wgr1d_75", qt = "_sentimentSuccess_wgr1d_81", jt = "_sentimentWarning_wgr1d_87", Vt = "_sentimentInfo_wgr1d_93", q = {
-  iconButton: Dt,
-  variantPrimary: Tt,
-  variantSecondary: Ft,
-  variantTertiary: Pt,
-  sentimentDanger: Et,
-  sentimentSuccess: qt,
-  sentimentWarning: jt,
-  sentimentInfo: Vt
-}, Rt = {
-  danger: q.sentimentDanger,
-  success: q.sentimentSuccess,
-  warning: q.sentimentWarning,
-  info: q.sentimentInfo
-}, Mt = G(q.iconButton, {
+qn.displayName = "Button";
+const Ln = "_iconButton_wgr1d_1", Mn = "_variantPrimary_wgr1d_37", jn = "_variantSecondary_wgr1d_50", Hn = "_variantTertiary_wgr1d_63", On = "_sentimentDanger_wgr1d_75", An = "_sentimentSuccess_wgr1d_81", Kn = "_sentimentWarning_wgr1d_87", Gn = "_sentimentInfo_wgr1d_93", R = {
+  iconButton: Ln,
+  variantPrimary: Mn,
+  variantSecondary: jn,
+  variantTertiary: Hn,
+  sentimentDanger: On,
+  sentimentSuccess: An,
+  sentimentWarning: Kn,
+  sentimentInfo: Gn
+}, Zn = {
+  danger: R.sentimentDanger,
+  success: R.sentimentSuccess,
+  warning: R.sentimentWarning,
+  info: R.sentimentInfo
+}, zn = H(R.iconButton, {
   variants: {
     variant: {
-      primary: q.variantPrimary,
-      secondary: q.variantSecondary,
-      tertiary: q.variantTertiary
+      primary: R.variantPrimary,
+      secondary: R.variantSecondary,
+      tertiary: R.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), Ot = B(
-  ({ className: r, variant: n, sentiment: t, ...e }, a) => /* @__PURE__ */ i(
-    mt,
+}), Un = D(
+  ({ className: n, variant: a, sentiment: t, ...r }, i) => /* @__PURE__ */ e(
+    gn,
     {
-      ref: a,
+      ref: i,
       type: "button",
       [f]: y.iconButton,
-      className: x(
-        Mt({ variant: n }),
-        t && Rt[t],
-        r
+      className: w(
+        zn({ variant: a }),
+        t && Zn[t],
+        n
       ),
-      ...e
+      ...r
     }
   )
 );
-Ot.displayName = "IconButton";
-const Ht = "_buttonGroup_vy66t_1", Lt = "_vertical_vy66t_22", it = {
-  buttonGroup: Ht,
-  vertical: Lt
-}, At = B(
-  ({ className: r, orientation: n = "horizontal", children: t, ...e }, a) => /* @__PURE__ */ i(
+Un.displayName = "IconButton";
+const Yn = "_buttonGroup_vy66t_1", Jn = "_vertical_vy66t_22", cn = {
+  buttonGroup: Yn,
+  vertical: Jn
+}, Qn = D(
+  ({ className: n, orientation: a = "horizontal", children: t, ...r }, i) => /* @__PURE__ */ e(
     "div",
     {
-      ref: a,
+      ref: i,
       role: "group",
       [f]: y.buttonGroup,
-      className: x(
-        it.buttonGroup,
-        n === "vertical" && it.vertical,
-        r
+      className: w(
+        cn.buttonGroup,
+        a === "vertical" && cn.vertical,
+        n
       ),
-      ...e,
+      ...r,
       children: t
     }
   )
 );
-At.displayName = "ButtonGroup";
-const Kt = "_wrapper_qx7i5_1", Gt = "_disabled_qx7i5_25", Zt = "_fullWidth_qx7i5_30", zt = "_variantPrimary_qx7i5_33", Ut = "_variantSecondary_qx7i5_36", Yt = "_variantTertiary_qx7i5_40", Jt = "_statusError_qx7i5_49", Qt = "_statusWarning_qx7i5_52", Xt = "_statusSuccess_qx7i5_55", tn = "_field_qx7i5_59", nn = "_adornment_qx7i5_76", en = "_clearButton_qx7i5_88", T = {
-  wrapper: Kt,
-  disabled: Gt,
-  fullWidth: Zt,
-  variantPrimary: zt,
-  variantSecondary: Ut,
-  variantTertiary: Yt,
-  statusError: Jt,
-  statusWarning: Qt,
-  statusSuccess: Xt,
-  field: tn,
-  adornment: nn,
-  clearButton: en
-}, rn = G(T.wrapper, {
+Qn.displayName = "ButtonGroup";
+function dn(n) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 12 12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...n,
+      children: /* @__PURE__ */ e("path", { d: "M2.5 6l2.5 2.5 4.5-5" })
+    }
+  );
+}
+function Xn(n) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 12 12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      ...n,
+      children: /* @__PURE__ */ e("path", { d: "M2.5 6h7" })
+    }
+  );
+}
+function _n(n) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 12 12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      ...n,
+      children: /* @__PURE__ */ e("path", { d: "M3 3l6 6M9 3l-6 6" })
+    }
+  );
+}
+function nt(n) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...n,
+      children: /* @__PURE__ */ e("path", { d: "M18 6 6 18M6 6l12 12" })
+    }
+  );
+}
+function tt(n) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 12 12",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...n,
+      children: /* @__PURE__ */ e("path", { d: "M3 4.5l3 3 3-3" })
+    }
+  );
+}
+function et(n) {
+  return /* @__PURE__ */ C(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...n,
+      children: [
+        /* @__PURE__ */ e("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ e("polyline", { points: "17 8 12 3 7 8" }),
+        /* @__PURE__ */ e("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+      ]
+    }
+  );
+}
+function rt(n) {
+  return /* @__PURE__ */ C("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", ...n, children: [
+    /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10", opacity: "0.25" }),
+    /* @__PURE__ */ e("path", { d: "M12 2a10 10 0 0 1 10 10" })
+  ] });
+}
+function at(n) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      ...n,
+      children: /* @__PURE__ */ e("path", { d: "M5 12h14" })
+    }
+  );
+}
+function it(n) {
+  return /* @__PURE__ */ e(
+    "svg",
+    {
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      ...n,
+      children: /* @__PURE__ */ e("path", { d: "M12 5v14M5 12h14" })
+    }
+  );
+}
+const ot = "_wrapper_qx7i5_1", st = "_disabled_qx7i5_25", ct = "_fullWidth_qx7i5_30", lt = "_variantPrimary_qx7i5_33", ut = "_variantSecondary_qx7i5_36", dt = "_variantTertiary_qx7i5_40", _t = "_statusError_qx7i5_49", pt = "_statusWarning_qx7i5_52", mt = "_statusSuccess_qx7i5_55", vt = "_field_qx7i5_59", ht = "_adornment_qx7i5_76", ft = "_clearButton_qx7i5_88", P = {
+  wrapper: ot,
+  disabled: st,
+  fullWidth: ct,
+  variantPrimary: lt,
+  variantSecondary: ut,
+  variantTertiary: dt,
+  statusError: _t,
+  statusWarning: pt,
+  statusSuccess: mt,
+  field: vt,
+  adornment: ht,
+  clearButton: ft
+}, yt = H(P.wrapper, {
   variants: {
     variant: {
-      primary: T.variantPrimary,
-      secondary: T.variantSecondary,
-      tertiary: T.variantTertiary
+      primary: P.variantPrimary,
+      secondary: P.variantSecondary,
+      tertiary: P.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), an = {
-  error: T.statusError,
-  warning: T.statusWarning,
-  success: T.statusSuccess
-}, sn = B(
+}), bt = {
+  error: P.statusError,
+  warning: P.statusWarning,
+  success: P.statusSuccess
+}, gt = D(
   ({
-    className: r,
-    variant: n,
+    className: n,
+    variant: a,
     validationStatus: t,
-    startAdornment: e,
-    endAdornment: a,
-    clearable: o,
+    startAdornment: r,
+    endAdornment: i,
+    clearable: s,
     onClear: l,
     fullWidth: p,
-    disabled: v,
-    readOnly: s,
-    value: g,
-    defaultValue: d,
-    onChange: _,
+    disabled: m,
+    readOnly: c,
+    value: $,
+    defaultValue: _,
+    onChange: v,
     ...N
-  }, m) => {
-    const w = K(null), h = m || w, k = $(
-      (I) => {
-        I.preventDefault(), l ? l() : h.current && (Object.getOwnPropertyDescriptor(
+  }, h) => {
+    const I = Z(null), b = h || I, x = k(
+      (S) => {
+        S.preventDefault(), l ? l() : b.current && (Object.getOwnPropertyDescriptor(
           HTMLInputElement.prototype,
           "value"
-        )?.set?.call(h.current, ""), h.current.dispatchEvent(new Event("input", { bubbles: !0 }))), h.current?.focus();
+        )?.set?.call(b.current, ""), b.current.dispatchEvent(new Event("input", { bubbles: !0 }))), b.current?.focus();
       },
-      [l, h]
-    ), u = o && !v && !s && (g ?? d ?? "") !== "";
+      [l, b]
+    ), d = s && !m && !c && ($ ?? _ ?? "") !== "";
     return /* @__PURE__ */ C(
       "div",
       {
         [f]: y.input,
-        className: x(
-          rn({ variant: n }),
-          t && an[t],
-          v && T.disabled,
-          p && T.fullWidth,
-          r
+        className: w(
+          yt({ variant: a }),
+          t && bt[t],
+          m && P.disabled,
+          p && P.fullWidth,
+          n
         ),
         children: [
-          e ? /* @__PURE__ */ i("span", { className: T.adornment, children: e }) : null,
-          /* @__PURE__ */ i(
+          r ? /* @__PURE__ */ e("span", { className: P.adornment, children: r }) : null,
+          /* @__PURE__ */ e(
             "input",
             {
-              ref: h,
+              ref: b,
               [f]: y.inputField,
-              className: T.field,
-              disabled: v,
-              readOnly: s,
-              value: g,
-              defaultValue: d,
-              onChange: _,
+              className: P.field,
+              disabled: m,
+              readOnly: c,
+              value: $,
+              defaultValue: _,
+              onChange: v,
               ...N
             }
           ),
-          u ? /* @__PURE__ */ i(
+          d ? /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              className: T.clearButton,
-              onClick: k,
+              className: P.clearButton,
+              onClick: x,
               "aria-label": "Clear input",
               tabIndex: -1,
-              children: /* @__PURE__ */ i(
-                "svg",
-                {
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  children: /* @__PURE__ */ i("path", { d: "M18 6 6 18M6 6l12 12" })
-                }
-              )
+              children: /* @__PURE__ */ e(nt, {})
             }
           ) : null,
-          a ? /* @__PURE__ */ i("span", { className: T.adornment, children: a }) : null
+          i ? /* @__PURE__ */ e("span", { className: P.adornment, children: i }) : null
         ]
       }
     );
   }
 );
-sn.displayName = "Input";
-const on = "_wrapper_16m4i_1", cn = "_disabled_16m4i_21", ln = "_fullWidth_16m4i_26", un = "_variantPrimary_16m4i_29", dn = "_variantSecondary_16m4i_32", _n = "_variantTertiary_16m4i_36", mn = "_statusError_16m4i_45", pn = "_statusWarning_16m4i_48", vn = "_statusSuccess_16m4i_51", fn = "_field_16m4i_55", yn = "_charCount_16m4i_74", hn = "_charCountWarning_16m4i_84", bn = "_charCountError_16m4i_88", F = {
-  wrapper: on,
-  disabled: cn,
-  fullWidth: ln,
-  variantPrimary: un,
-  variantSecondary: dn,
-  variantTertiary: _n,
-  statusError: mn,
-  statusWarning: pn,
-  statusSuccess: vn,
-  field: fn,
-  charCount: yn,
-  charCountWarning: hn,
-  charCountError: bn
-}, gn = G(F.wrapper, {
+gt.displayName = "Input";
+const $t = "_wrapper_16m4i_1", xt = "_disabled_16m4i_21", kt = "_fullWidth_16m4i_26", wt = "_variantPrimary_16m4i_29", Nt = "_variantSecondary_16m4i_32", It = "_variantTertiary_16m4i_36", Ct = "_statusError_16m4i_45", St = "_statusWarning_16m4i_48", Wt = "_statusSuccess_16m4i_51", Bt = "_field_16m4i_55", Dt = "_charCount_16m4i_74", Tt = "_charCountWarning_16m4i_84", Pt = "_charCountError_16m4i_88", F = {
+  wrapper: $t,
+  disabled: xt,
+  fullWidth: kt,
+  variantPrimary: wt,
+  variantSecondary: Nt,
+  variantTertiary: It,
+  statusError: Ct,
+  statusWarning: St,
+  statusSuccess: Wt,
+  field: Bt,
+  charCount: Dt,
+  charCountWarning: Tt,
+  charCountError: Pt
+}, Ft = H(F.wrapper, {
   variants: {
     variant: {
       primary: F.variantPrimary,
@@ -332,90 +449,90 @@ const on = "_wrapper_16m4i_1", cn = "_disabled_16m4i_21", ln = "_fullWidth_16m4i
   defaultVariants: {
     variant: "primary"
   }
-}), kn = {
+}), Vt = {
   error: F.statusError,
   warning: F.statusWarning,
   success: F.statusSuccess
-}, $n = B(
+}, Et = D(
   ({
-    className: r,
-    variant: n,
+    className: n,
+    variant: a,
     validationStatus: t,
-    showCharCount: e,
-    warningThreshold: a,
-    autoResize: o,
+    showCharCount: r,
+    warningThreshold: i,
+    autoResize: s,
     minRows: l = 3,
     maxRows: p,
-    fullWidth: v,
-    maxLength: s,
-    disabled: g,
-    readOnly: d,
-    value: _,
+    fullWidth: m,
+    maxLength: c,
+    disabled: $,
+    readOnly: _,
+    value: v,
     defaultValue: N,
-    onChange: m,
-    ...w
-  }, h) => {
-    const k = K(null), u = h || k, [I, S] = Y(() => (_ ?? N ?? "").length);
-    Q(() => {
-      _ !== void 0 && S(_.length);
-    }, [_]);
-    const c = $(() => {
-      const b = u.current;
-      if (!b || !o) return;
-      b.style.height = "auto";
-      const V = parseFloat(getComputedStyle(b).lineHeight), ot = V * l, nt = p ? V * p : 1 / 0, et = b.scrollHeight;
-      b.style.height = `${Math.min(Math.max(et, ot), nt)}px`, b.style.overflowY = et > nt ? "auto" : "hidden";
-    }, [o, l, p, u]);
-    Q(() => {
-      c();
-    }, [_, c]);
-    const D = $(
-      (b) => {
-        S(b.target.value.length), c(), m?.(b);
+    onChange: h,
+    ...I
+  }, b) => {
+    const x = Z(null), d = b || x, [S, W] = J(() => (v ?? N ?? "").length);
+    X(() => {
+      v !== void 0 && W(v.length);
+    }, [v]);
+    const u = k(() => {
+      const g = d.current;
+      if (!g || !s) return;
+      g.style.height = "auto";
+      const L = parseFloat(getComputedStyle(g).lineHeight), pn = L * l, rn = p ? L * p : 1 / 0, an = g.scrollHeight;
+      g.style.height = `${Math.min(Math.max(an, pn), rn)}px`, g.style.overflowY = an > rn ? "auto" : "hidden";
+    }, [s, l, p, d]);
+    X(() => {
+      u();
+    }, [v, u]);
+    const T = k(
+      (g) => {
+        W(g.target.value.length), u(), h?.(g);
       },
-      [m, c]
-    ), Z = a !== void 0 && s !== void 0 && I >= a, z = s !== void 0 && I >= s ? "error" : Z ? "warning" : void 0, W = t ?? z;
+      [h, u]
+    ), z = i !== void 0 && c !== void 0 && S >= i, U = c !== void 0 && S >= c ? "error" : z ? "warning" : void 0, B = t ?? U;
     return /* @__PURE__ */ C(
       "div",
       {
         [f]: y.textarea,
-        className: x(
-          gn({ variant: n }),
-          W && kn[W],
-          g && F.disabled,
-          v && F.fullWidth,
-          r
+        className: w(
+          Ft({ variant: a }),
+          B && Vt[B],
+          $ && F.disabled,
+          m && F.fullWidth,
+          n
         ),
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ e(
             "textarea",
             {
-              ref: u,
+              ref: d,
               [f]: y.textareaField,
               className: F.field,
               rows: l,
-              maxLength: s,
-              disabled: g,
-              readOnly: d,
-              value: _,
+              maxLength: c,
+              disabled: $,
+              readOnly: _,
+              value: v,
               defaultValue: N,
-              onChange: D,
-              ...w
+              onChange: T,
+              ...I
             }
           ),
-          e && s !== void 0 ? /* @__PURE__ */ C(
+          r && c !== void 0 ? /* @__PURE__ */ C(
             "span",
             {
               [f]: y.textareaCount,
-              className: x(
+              className: w(
                 F.charCount,
-                z === "warning" && F.charCountWarning,
-                z === "error" && F.charCountError
+                U === "warning" && F.charCountWarning,
+                U === "error" && F.charCountError
               ),
               children: [
-                I,
+                S,
                 "/",
-                s
+                c
               ]
             }
           ) : null
@@ -424,173 +541,153 @@ const on = "_wrapper_16m4i_1", cn = "_disabled_16m4i_21", ln = "_fullWidth_16m4i
     );
   }
 );
-$n.displayName = "Textarea";
-const Nn = "_wrapper_1k2cc_1", wn = "_disabled_1k2cc_22", xn = "_fullWidth_1k2cc_27", In = "_variantPrimary_1k2cc_30", Sn = "_variantSecondary_1k2cc_33", Wn = "_variantTertiary_1k2cc_37", Cn = "_statusError_1k2cc_46", Bn = "_statusWarning_1k2cc_49", Dn = "_statusSuccess_1k2cc_52", Tn = "_field_1k2cc_56", Fn = "_stepButton_1k2cc_79", P = {
-  wrapper: Nn,
-  disabled: wn,
-  fullWidth: xn,
-  variantPrimary: In,
-  variantSecondary: Sn,
-  variantTertiary: Wn,
-  statusError: Cn,
-  statusWarning: Bn,
-  statusSuccess: Dn,
-  field: Tn,
-  stepButton: Fn
-}, Pn = G(P.wrapper, {
+Et.displayName = "Textarea";
+const Rt = "_wrapper_1k2cc_1", qt = "_disabled_1k2cc_22", Lt = "_fullWidth_1k2cc_27", Mt = "_variantPrimary_1k2cc_30", jt = "_variantSecondary_1k2cc_33", Ht = "_variantTertiary_1k2cc_37", Ot = "_statusError_1k2cc_46", At = "_statusWarning_1k2cc_49", Kt = "_statusSuccess_1k2cc_52", Gt = "_field_1k2cc_56", Zt = "_stepButton_1k2cc_79", V = {
+  wrapper: Rt,
+  disabled: qt,
+  fullWidth: Lt,
+  variantPrimary: Mt,
+  variantSecondary: jt,
+  variantTertiary: Ht,
+  statusError: Ot,
+  statusWarning: At,
+  statusSuccess: Kt,
+  field: Gt,
+  stepButton: Zt
+}, zt = H(V.wrapper, {
   variants: {
     variant: {
-      primary: P.variantPrimary,
-      secondary: P.variantSecondary,
-      tertiary: P.variantTertiary
+      primary: V.variantPrimary,
+      secondary: V.variantSecondary,
+      tertiary: V.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), En = {
-  error: P.statusError,
-  warning: P.statusWarning,
-  success: P.statusSuccess
+}), Ut = {
+  error: V.statusError,
+  warning: V.statusWarning,
+  success: V.statusSuccess
 };
-function qn(r, n, t) {
-  let e = r;
-  return n !== void 0 && (e = Math.max(e, n)), t !== void 0 && (e = Math.min(e, t)), e;
+function Yt(n, a, t) {
+  let r = n;
+  return a !== void 0 && (r = Math.max(r, a)), t !== void 0 && (r = Math.min(r, t)), r;
 }
-function J(r, n) {
-  return n !== void 0 ? r.toFixed(n) : String(r);
+function Q(n, a) {
+  return a !== void 0 ? n.toFixed(a) : String(n);
 }
-const jn = B(
+const Jt = D(
   ({
-    className: r,
-    variant: n,
+    className: n,
+    variant: a,
     validationStatus: t,
-    value: e,
-    defaultValue: a,
-    min: o,
+    value: r,
+    defaultValue: i,
+    min: s,
     max: l,
     step: p = 1,
-    precision: v,
-    onChange: s,
-    fullWidth: g,
-    disabled: d,
-    readOnly: _,
+    precision: m,
+    onChange: c,
+    fullWidth: $,
+    disabled: _,
+    readOnly: v,
     ...N
-  }, m) => {
-    const w = K(null), h = m || w, k = e !== void 0, [u, I] = Y(
-      () => a !== void 0 ? J(a, v) : ""
-    ), S = k ? e === "" ? "" : J(e, v) : u;
-    Q(() => {
-      k && e !== "" && I(J(e, v));
-    }, [e, v, k]);
-    const c = $(
-      (W) => {
-        const b = qn(W, o, l), V = J(b, v);
-        k || I(V), s?.(b);
+  }, h) => {
+    const I = Z(null), b = h || I, x = r !== void 0, [d, S] = J(
+      () => i !== void 0 ? Q(i, m) : ""
+    ), W = x ? r === "" ? "" : Q(r, m) : d;
+    X(() => {
+      x && r !== "" && S(Q(r, m));
+    }, [r, m, x]);
+    const u = k(
+      (B) => {
+        const g = Yt(B, s, l), L = Q(g, m);
+        x || S(L), c?.(g);
       },
-      [o, l, v, k, s]
-    ), D = $(
-      (W) => {
-        const b = parseFloat(S) || 0;
-        c(b + p * W);
+      [s, l, m, x, c]
+    ), T = k(
+      (B) => {
+        const g = parseFloat(W) || 0;
+        u(g + p * B);
       },
-      [S, p, c]
-    ), Z = $(
-      (W) => {
-        const b = W.target.value;
-        if (b === "" || b === "-" || b === ".") {
-          k || I(b), b === "" && s?.(void 0);
+      [W, p, u]
+    ), z = k(
+      (B) => {
+        const g = B.target.value;
+        if (g === "" || g === "-" || g === ".") {
+          x || S(g), g === "" && c?.(void 0);
           return;
         }
-        const V = parseFloat(b);
-        isNaN(V) || (k || I(b), s?.(V));
+        const L = parseFloat(g);
+        isNaN(L) || (x || S(g), c?.(L));
       },
-      [k, s]
-    ), tt = $(() => {
-      const W = parseFloat(S);
-      isNaN(W) ? (k || I(""), s?.(void 0)) : c(W);
-    }, [S, k, s, c]), z = $(
-      (W) => {
-        W.key === "ArrowUp" ? (W.preventDefault(), D(1)) : W.key === "ArrowDown" && (W.preventDefault(), D(-1));
+      [x, c]
+    ), en = k(() => {
+      const B = parseFloat(W);
+      isNaN(B) ? (x || S(""), c?.(void 0)) : u(B);
+    }, [W, x, c, u]), U = k(
+      (B) => {
+        B.key === "ArrowUp" ? (B.preventDefault(), T(1)) : B.key === "ArrowDown" && (B.preventDefault(), T(-1));
       },
-      [D]
+      [T]
     );
     return /* @__PURE__ */ C(
       "div",
       {
         [f]: y.numberInput,
-        className: x(
-          Pn({ variant: n }),
-          t && En[t],
-          d && P.disabled,
-          g && P.fullWidth,
-          r
+        className: w(
+          zt({ variant: a }),
+          t && Ut[t],
+          _ && V.disabled,
+          $ && V.fullWidth,
+          n
         ),
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               [f]: y.numberInputDecrement,
-              className: P.stepButton,
-              onClick: () => D(-1),
-              disabled: d || _ || o !== void 0 && (parseFloat(S) || 0) <= o,
+              className: V.stepButton,
+              onClick: () => T(-1),
+              disabled: _ || v || s !== void 0 && (parseFloat(W) || 0) <= s,
               "aria-label": "Decrement",
               tabIndex: -1,
-              children: /* @__PURE__ */ i(
-                "svg",
-                {
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  children: /* @__PURE__ */ i("path", { d: "M5 12h14" })
-                }
-              )
+              children: /* @__PURE__ */ e(at, {})
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ e(
             "input",
             {
-              ref: h,
+              ref: b,
               [f]: y.numberInputField,
-              className: P.field,
+              className: V.field,
               inputMode: "decimal",
-              value: S,
-              onChange: Z,
-              onBlur: tt,
-              onKeyDown: z,
-              disabled: d,
-              readOnly: _,
+              value: W,
+              onChange: z,
+              onBlur: en,
+              onKeyDown: U,
+              disabled: _,
+              readOnly: v,
               role: "spinbutton",
-              "aria-valuemin": o,
+              "aria-valuemin": s,
               "aria-valuemax": l,
-              "aria-valuenow": typeof S == "string" ? parseFloat(S) || void 0 : S,
+              "aria-valuenow": typeof W == "string" ? parseFloat(W) || void 0 : W,
               ...N
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ e(
             "button",
             {
               type: "button",
               [f]: y.numberInputIncrement,
-              className: P.stepButton,
-              onClick: () => D(1),
-              disabled: d || _ || l !== void 0 && (parseFloat(S) || 0) >= l,
+              className: V.stepButton,
+              onClick: () => T(1),
+              disabled: _ || v || l !== void 0 && (parseFloat(W) || 0) >= l,
               "aria-label": "Increment",
               tabIndex: -1,
-              children: /* @__PURE__ */ i(
-                "svg",
-                {
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  children: /* @__PURE__ */ i("path", { d: "M12 5v14M5 12h14" })
-                }
-              )
+              children: /* @__PURE__ */ e(it, {})
             }
           )
         ]
@@ -598,74 +695,74 @@ const jn = B(
     );
   }
 );
-jn.displayName = "NumberInput";
-const Vn = "_formField_bdanr_1", Rn = "_fullWidth_bdanr_6", Mn = "_disabled_bdanr_12", On = "_label_bdanr_17", Hn = "_required_bdanr_24", Ln = "_helperText_bdanr_29", An = "_errorMessage_bdanr_37", R = {
-  formField: Vn,
-  fullWidth: Rn,
-  disabled: Mn,
-  label: On,
-  required: Hn,
-  helperText: Ln,
-  errorMessage: An
-}, Kn = B(
+Jt.displayName = "NumberInput";
+const Qt = "_formField_bdanr_1", Xt = "_fullWidth_bdanr_6", ne = "_disabled_bdanr_12", te = "_label_bdanr_17", ee = "_required_bdanr_24", re = "_helperText_bdanr_29", ae = "_errorMessage_bdanr_37", M = {
+  formField: Qt,
+  fullWidth: Xt,
+  disabled: ne,
+  label: te,
+  required: ee,
+  helperText: re,
+  errorMessage: ae
+}, ie = D(
   ({
-    className: r,
-    label: n,
+    className: n,
+    label: a,
     helperText: t,
-    errorMessage: e,
-    validationStatus: a,
-    required: o,
+    errorMessage: r,
+    validationStatus: i,
+    required: s,
     fullWidth: l,
     disabled: p,
-    htmlFor: v,
-    children: s,
-    ...g
-  }, d) => {
-    const _ = ct(), N = v ?? _, m = `${N}-helper`, w = `${N}-error`, h = a === "error" && e, k = [h ? w : void 0, t ? m : void 0].filter(Boolean).join(" ") || void 0, u = lt.map(s, (I) => ut(I) ? dt(I, {
+    htmlFor: m,
+    children: c,
+    ...$
+  }, _) => {
+    const v = mn(), N = m ?? v, h = `${N}-helper`, I = `${N}-error`, b = i === "error" && r, x = [b ? I : void 0, t ? h : void 0].filter(Boolean).join(" ") || void 0, d = vn.map(c, (S) => hn(S) ? fn(S, {
       id: N,
-      "aria-describedby": k,
-      "aria-invalid": a === "error" ? !0 : void 0,
+      "aria-describedby": x,
+      "aria-invalid": i === "error" ? !0 : void 0,
       disabled: p || void 0
-    }) : I);
+    }) : S);
     return /* @__PURE__ */ C(
       "div",
       {
-        ref: d,
+        ref: _,
         [f]: y.formField,
-        className: x(
-          R.formField,
-          l && R.fullWidth,
-          p && R.disabled,
-          r
+        className: w(
+          M.formField,
+          l && M.fullWidth,
+          p && M.disabled,
+          n
         ),
-        ...g,
+        ...$,
         children: [
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ e(
             "label",
             {
               [f]: y.formFieldLabel,
               htmlFor: N,
-              className: x(R.label, o && R.required),
-              children: n
+              className: w(M.label, s && M.required),
+              children: a
             }
           ),
-          u,
-          h ? /* @__PURE__ */ i(
+          d,
+          b ? /* @__PURE__ */ e(
             "p",
             {
               [f]: y.formFieldError,
-              id: w,
-              className: R.errorMessage,
+              id: I,
+              className: M.errorMessage,
               role: "alert",
-              children: e
+              children: r
             }
           ) : null,
-          t ? /* @__PURE__ */ i(
+          t ? /* @__PURE__ */ e(
             "p",
             {
               [f]: y.formFieldHelper,
-              id: m,
-              className: R.helperText,
+              id: h,
+              className: M.helperText,
               children: t
             }
           ) : null
@@ -674,142 +771,114 @@ const Vn = "_formField_bdanr_1", Rn = "_fullWidth_bdanr_6", Mn = "_disabled_bdan
     );
   }
 );
-Kn.displayName = "FormField";
-const Gn = "_checkbox_q1fn9_1", Zn = "_disabled_q1fn9_11", zn = "_input_q1fn9_16", Un = "_indicator_q1fn9_25", Yn = "_label_q1fn9_70", U = {
-  checkbox: Gn,
-  disabled: Zn,
-  input: zn,
-  indicator: Un,
-  label: Yn
-};
-function Jn(...r) {
-  return (n) => {
-    for (const t of r)
-      typeof t == "function" ? t(n) : t && typeof t == "object" && (t.current = n);
-  };
-}
-const Qn = B(
-  ({ className: r, label: n, indeterminate: t, disabled: e, ...a }, o) => {
-    const l = K(null);
-    return Q(() => {
+ie.displayName = "FormField";
+const oe = "_checkbox_q1fn9_1", se = "_disabled_q1fn9_11", ce = "_input_q1fn9_16", le = "_indicator_q1fn9_25", ue = "_label_q1fn9_70", Y = {
+  checkbox: oe,
+  disabled: se,
+  input: ce,
+  indicator: le,
+  label: ue
+}, de = D(
+  ({ className: n, label: a, indeterminate: t, disabled: r, ...i }, s) => {
+    const l = Z(null);
+    return X(() => {
       l.current && (l.current.indeterminate = t ?? !1);
     }, [t]), /* @__PURE__ */ C(
       "label",
       {
         [f]: y.checkbox,
-        className: x(U.checkbox, e && U.disabled, r),
+        className: w(Y.checkbox, r && Y.disabled, n),
         children: [
-          /* @__PURE__ */ i(
-            pt,
+          /* @__PURE__ */ e(
+            $n,
             {
-              ref: Jn(o, l),
-              className: U.input,
-              disabled: e,
+              ref: tn(s, l),
+              className: Y.input,
+              disabled: r,
               "data-indeterminate": t || void 0,
-              ...a
+              ...i
             }
           ),
-          /* @__PURE__ */ i("span", { className: U.indicator, "aria-hidden": "true", children: t ? /* @__PURE__ */ i(
-            "svg",
-            {
-              viewBox: "0 0 12 12",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              children: /* @__PURE__ */ i("path", { d: "M2.5 6h7" })
-            }
-          ) : /* @__PURE__ */ i(
-            "svg",
-            {
-              viewBox: "0 0 12 12",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "2",
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              children: /* @__PURE__ */ i("path", { d: "M2.5 6l2.5 2.5 4.5-5" })
-            }
-          ) }),
-          n ? /* @__PURE__ */ i("span", { className: U.label, children: n }) : null
+          /* @__PURE__ */ e("span", { className: Y.indicator, "aria-hidden": "true", children: t ? /* @__PURE__ */ e(Xn, {}) : /* @__PURE__ */ e(dn, {}) }),
+          a ? /* @__PURE__ */ e("span", { className: Y.label, children: a }) : null
         ]
       }
     );
   }
 );
-Qn.displayName = "Checkbox";
-const Xn = "_disabled_19daj_11", te = "_input_19daj_16", ne = "_track_19daj_25", ee = "_thumb_19daj_29", re = "_label_19daj_71", O = {
+de.displayName = "Checkbox";
+const _e = "_disabled_19daj_11", pe = "_input_19daj_16", me = "_track_19daj_25", ve = "_thumb_19daj_29", he = "_label_19daj_71", O = {
   switch: "_switch_19daj_1",
-  disabled: Xn,
-  input: te,
-  track: ne,
-  thumb: ee,
-  label: re
-}, ae = B(
-  ({ className: r, label: n, disabled: t, ...e }, a) => /* @__PURE__ */ C(
+  disabled: _e,
+  input: pe,
+  track: me,
+  thumb: ve,
+  label: he
+}, fe = D(
+  ({ className: n, label: a, disabled: t, ...r }, i) => /* @__PURE__ */ C(
     "label",
     {
       [f]: y.switch,
-      className: x(O.switch, t && O.disabled, r),
+      className: w(O.switch, t && O.disabled, n),
       children: [
-        /* @__PURE__ */ i(vt, { ref: a, className: O.input, disabled: t, ...e }),
-        /* @__PURE__ */ i("span", { className: O.track, "aria-hidden": "true", children: /* @__PURE__ */ i("span", { className: O.thumb }) }),
-        n ? /* @__PURE__ */ i("span", { className: O.label, children: n }) : null
+        /* @__PURE__ */ e(xn, { ref: i, className: O.input, disabled: t, ...r }),
+        /* @__PURE__ */ e("span", { className: O.track, "aria-hidden": "true", children: /* @__PURE__ */ e("span", { className: O.thumb }) }),
+        a ? /* @__PURE__ */ e("span", { className: O.label, children: a }) : null
       ]
     }
   )
 );
-ae.displayName = "Switch";
-const ie = "_radio_1ra61_1", se = "_disabled_1ra61_11", oe = "_input_1ra61_16", ce = "_indicator_1ra61_25", le = "_dot_1ra61_28", ue = "_label_1ra61_68", H = {
-  radio: ie,
-  disabled: se,
-  input: oe,
-  indicator: ce,
-  dot: le,
-  label: ue
-}, de = B(
-  ({ className: r, label: n, disabled: t, ...e }, a) => /* @__PURE__ */ C(
+fe.displayName = "Switch";
+const ye = "_radio_1ra61_1", be = "_disabled_1ra61_11", ge = "_input_1ra61_16", $e = "_indicator_1ra61_25", xe = "_dot_1ra61_28", ke = "_label_1ra61_68", A = {
+  radio: ye,
+  disabled: be,
+  input: ge,
+  indicator: $e,
+  dot: xe,
+  label: ke
+}, we = D(
+  ({ className: n, label: a, disabled: t, ...r }, i) => /* @__PURE__ */ C(
     "label",
     {
       [f]: y.radioButton,
-      className: x(H.radio, t && H.disabled, r),
+      className: w(A.radio, t && A.disabled, n),
       children: [
-        /* @__PURE__ */ i(ft, { ref: a, className: H.input, disabled: t, ...e }),
-        /* @__PURE__ */ i("span", { className: H.indicator, "aria-hidden": "true", children: /* @__PURE__ */ i("span", { className: H.dot }) }),
-        n ? /* @__PURE__ */ i("span", { className: H.label, children: n }) : null
+        /* @__PURE__ */ e(kn, { ref: i, className: A.input, disabled: t, ...r }),
+        /* @__PURE__ */ e("span", { className: A.indicator, "aria-hidden": "true", children: /* @__PURE__ */ e("span", { className: A.dot }) }),
+        a ? /* @__PURE__ */ e("span", { className: A.label, children: a }) : null
       ]
     }
   )
 );
-de.displayName = "RadioButton";
-const _e = "_slider_q8xxv_1", me = "_disabled_q8xxv_11", pe = "_header_q8xxv_16", ve = "_label_q8xxv_23", fe = "_value_q8xxv_27", ye = "_input_q8xxv_33", L = {
-  slider: _e,
-  disabled: me,
-  header: pe,
-  label: ve,
-  value: fe,
-  input: ye
-}, he = B(
-  ({ className: r, label: n, showValue: t, disabled: e, value: a, defaultValue: o, ...l }, p) => {
-    const v = a ?? o ?? "";
+we.displayName = "RadioButton";
+const Ne = "_slider_q8xxv_1", Ie = "_disabled_q8xxv_11", Ce = "_header_q8xxv_16", Se = "_label_q8xxv_23", We = "_value_q8xxv_27", Be = "_input_q8xxv_33", K = {
+  slider: Ne,
+  disabled: Ie,
+  header: Ce,
+  label: Se,
+  value: We,
+  input: Be
+}, De = D(
+  ({ className: n, label: a, showValue: t, disabled: r, value: i, defaultValue: s, ...l }, p) => {
+    const m = i ?? s ?? "";
     return /* @__PURE__ */ C(
       "label",
       {
         [f]: y.slider,
-        className: x(L.slider, e && L.disabled, r),
+        className: w(K.slider, r && K.disabled, n),
         children: [
-          n || t ? /* @__PURE__ */ C("span", { className: L.header, children: [
-            n ? /* @__PURE__ */ i("span", { className: L.label, children: n }) : null,
-            t ? /* @__PURE__ */ i("span", { className: L.value, children: v }) : null
+          a || t ? /* @__PURE__ */ C("span", { className: K.header, children: [
+            a ? /* @__PURE__ */ e("span", { className: K.label, children: a }) : null,
+            t ? /* @__PURE__ */ e("span", { className: K.value, children: m }) : null
           ] }) : null,
-          /* @__PURE__ */ i(
-            yt,
+          /* @__PURE__ */ e(
+            wn,
             {
               ref: p,
-              className: L.input,
-              disabled: e,
-              value: a,
-              defaultValue: o,
+              className: K.input,
+              disabled: r,
+              value: i,
+              defaultValue: s,
               ...l
             }
           )
@@ -818,116 +887,99 @@ const _e = "_slider_q8xxv_1", me = "_disabled_q8xxv_11", pe = "_header_q8xxv_16"
     );
   }
 );
-he.displayName = "Slider";
-const be = "_pillInput_1on4g_1", ge = "_disabled_1on4g_26", ke = "_pill_1on4g_1", $e = "_pillText_1on4g_47", Ne = "_pillRemove_1on4g_54", we = "_input_1on4g_74", A = {
-  pillInput: be,
-  disabled: ge,
-  pill: ke,
-  pillText: $e,
-  pillRemove: Ne,
-  input: we
-};
-function xe(...r) {
-  return (n) => {
-    for (const t of r)
-      typeof t == "function" ? t(n) : t && typeof t == "object" && (t.current = n);
-  };
-}
-const Ie = B(
+De.displayName = "Slider";
+const Te = "_pillInput_1tv9n_1", Pe = "_disabled_1tv9n_26", Fe = "_pill_1tv9n_1", Ve = "_pillText_1tv9n_48", Ee = "_pillRemove_1tv9n_55", Re = "_input_1tv9n_75", G = {
+  pillInput: Te,
+  disabled: Pe,
+  pill: Fe,
+  pillText: Ve,
+  pillRemove: Ee,
+  input: Re
+}, qe = D(
   ({
-    className: r,
-    values: n,
+    className: n,
+    values: a,
     onChange: t,
-    placeholder: e,
-    disabled: a,
-    maxPills: o,
+    placeholder: r,
+    disabled: i,
+    maxPills: s,
     delimiters: l = [],
     ...p
-  }, v) => {
-    const [s, g] = Y([]), [d, _] = Y(""), N = K(null), m = n ?? s, w = $(
-      (c) => {
-        n || g(c), t?.(c);
+  }, m) => {
+    const [c, $] = J([]), [_, v] = J(""), N = Z(null), h = a ?? c, I = k(
+      (u) => {
+        a || $(u), t?.(u);
       },
-      [n, t]
-    ), h = $(
-      (c) => {
-        const D = c.trim();
-        D && (m.includes(D) || o != null && m.length >= o || (w([...m, D]), _("")));
+      [a, t]
+    ), b = k(
+      (u) => {
+        const T = u.trim();
+        T && (h.includes(T) || s != null && h.length >= s || (I([...h, T]), v("")));
       },
-      [m, o, w]
-    ), k = $(
-      (c) => {
-        w(m.filter((D, Z) => Z !== c)), N.current?.focus();
+      [h, s, I]
+    ), x = k(
+      (u) => {
+        I(h.filter((T, z) => z !== u)), N.current?.focus();
       },
-      [m, w]
-    ), u = $(
-      (c) => {
-        if (c.key === "Enter") {
-          c.preventDefault(), h(d);
+      [h, I]
+    ), d = k(
+      (u) => {
+        if (u.key === "Enter") {
+          u.preventDefault(), b(_);
           return;
         }
-        if (c.key === "Backspace" && d === "" && m.length > 0) {
-          k(m.length - 1);
+        if (u.key === "Backspace" && _ === "" && h.length > 0) {
+          x(h.length - 1);
           return;
         }
-        l.includes(c.key) && (c.preventDefault(), h(d));
+        l.includes(u.key) && (u.preventDefault(), b(_));
       },
-      [d, m, l, h, k]
-    ), I = $(() => {
-      a || N.current?.focus();
-    }, [a]), S = $(
-      (c) => {
-        !a && (c.key === "Enter" || c.key === " ") && N.current?.focus();
+      [_, h, l, b, x]
+    ), S = k(() => {
+      i || N.current?.focus();
+    }, [i]), W = k(
+      (u) => {
+        !i && (u.key === "Enter" || u.key === " ") && N.current?.focus();
       },
-      [a]
+      [i]
     );
     return /* @__PURE__ */ C(
       "div",
       {
         [f]: y.pillInput,
         role: "toolbar",
-        className: x(A.pillInput, a && A.disabled, r),
-        onClick: I,
-        onKeyDown: S,
+        className: w(G.pillInput, i && G.disabled, n),
+        onClick: S,
+        onKeyDown: W,
         ...p,
         children: [
-          m.map((c) => /* @__PURE__ */ C("span", { className: A.pill, children: [
-            /* @__PURE__ */ i("span", { className: A.pillText, children: c }),
-            a ? null : /* @__PURE__ */ i(
+          h.map((u) => /* @__PURE__ */ C("span", { className: G.pill, children: [
+            /* @__PURE__ */ e("span", { className: G.pillText, children: u }),
+            i ? null : /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                className: A.pillRemove,
-                onClick: (D) => {
-                  D.stopPropagation(), k(m.indexOf(c));
+                className: G.pillRemove,
+                onClick: (T) => {
+                  T.stopPropagation(), x(h.indexOf(u));
                 },
-                "aria-label": `Remove ${c}`,
+                "aria-label": `Remove ${u}`,
                 tabIndex: -1,
-                children: /* @__PURE__ */ i(
-                  "svg",
-                  {
-                    viewBox: "0 0 12 12",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    strokeLinecap: "round",
-                    children: /* @__PURE__ */ i("path", { d: "M3 3l6 6M9 3l-6 6" })
-                  }
-                )
+                children: /* @__PURE__ */ e(_n, {})
               }
             )
-          ] }, c)),
-          /* @__PURE__ */ i(
+          ] }, u)),
+          /* @__PURE__ */ e(
             "input",
             {
-              ref: xe(v, N),
-              className: A.input,
+              ref: tn(m, N),
+              className: G.input,
               type: "text",
-              value: d,
-              onChange: (c) => _(c.target.value),
-              onKeyDown: u,
-              placeholder: m.length === 0 ? e : void 0,
-              disabled: a,
+              value: _,
+              onChange: (u) => v(u.target.value),
+              onKeyDown: d,
+              placeholder: h.length === 0 ? r : void 0,
+              disabled: i,
               "aria-label": p["aria-label"],
               "aria-labelledby": p["aria-labelledby"]
             }
@@ -937,195 +989,312 @@ const Ie = B(
     );
   }
 );
-Ie.displayName = "PillInput";
-const Se = "_dropZone_7sw02_1", We = "_dragOver_7sw02_31", Ce = "_disabled_7sw02_35", Be = "_input_7sw02_44", De = "_content_7sw02_53", Te = "_icon_7sw02_61", Fe = "_text_7sw02_67", M = {
-  dropZone: Se,
-  dragOver: We,
-  disabled: Ce,
-  input: Be,
-  content: De,
-  icon: Te,
-  text: Fe
-};
-function Pe(...r) {
-  return (n) => {
-    for (const t of r)
-      typeof t == "function" ? t(n) : t && typeof t == "object" && (t.current = n);
-  };
-}
-const Ee = B(
-  ({ className: r, onChange: n, accept: t, multiple: e, disabled: a, children: o, ...l }, p) => {
-    const [v, s] = Y(!1), g = K(null), d = $(
-      (u) => {
-        !u || u.length === 0 || n?.(Array.from(u));
-      },
-      [n]
-    ), _ = $(
-      (u) => {
-        u.preventDefault(), a || s(!0);
+qe.displayName = "PillInput";
+const Le = "_dropZone_7sw02_1", Me = "_dragOver_7sw02_31", je = "_disabled_7sw02_35", He = "_input_7sw02_44", Oe = "_content_7sw02_53", Ae = "_icon_7sw02_61", Ke = "_text_7sw02_67", j = {
+  dropZone: Le,
+  dragOver: Me,
+  disabled: je,
+  input: He,
+  content: Oe,
+  icon: Ae,
+  text: Ke
+}, Ge = D(
+  ({ className: n, onChange: a, accept: t, multiple: r, disabled: i, children: s, ...l }, p) => {
+    const [m, c] = J(!1), $ = Z(null), _ = k(
+      (d) => {
+        !d || d.length === 0 || a?.(Array.from(d));
       },
       [a]
-    ), N = $((u) => {
-      u.preventDefault(), s(!1);
-    }, []), m = $(
-      (u) => {
-        u.preventDefault(), s(!1), a || d(u.dataTransfer.files);
+    ), v = k(
+      (d) => {
+        d.preventDefault(), i || c(!0);
       },
-      [a, d]
-    ), w = $(
-      (u) => {
-        d(u.target.files), u.target.value = "";
+      [i]
+    ), N = k((d) => {
+      d.preventDefault(), c(!1);
+    }, []), h = k(
+      (d) => {
+        d.preventDefault(), c(!1), i || _(d.dataTransfer.files);
       },
-      [d]
-    ), h = $(() => {
-      a || g.current?.click();
-    }, [a]), k = $(
-      (u) => {
-        !a && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), g.current?.click());
+      [i, _]
+    ), I = k(
+      (d) => {
+        _(d.target.files), d.target.value = "";
       },
-      [a]
+      [_]
+    ), b = k(() => {
+      i || $.current?.click();
+    }, [i]), x = k(
+      (d) => {
+        !i && (d.key === "Enter" || d.key === " ") && (d.preventDefault(), $.current?.click());
+      },
+      [i]
     );
-    return /* @__PURE__ */ C(
-      "div",
-      {
-        [f]: y.fileDropZone,
-        role: "button",
-        tabIndex: a ? -1 : 0,
-        "aria-disabled": a || void 0,
-        className: x(
-          M.dropZone,
-          v && M.dragOver,
-          a && M.disabled,
-          r
-        ),
-        onClick: h,
-        onKeyDown: k,
-        onDragOver: _,
-        onDragLeave: N,
-        onDrop: m,
-        ...l,
-        children: [
-          /* @__PURE__ */ i(
-            "input",
-            {
-              ref: Pe(p, g),
-              type: "file",
-              className: M.input,
-              accept: t,
-              multiple: e,
-              disabled: a,
-              onChange: w,
-              tabIndex: -1,
-              "aria-hidden": "true"
-            }
+    return /* @__PURE__ */ C(ln, { children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: tn(p, $),
+          type: "file",
+          className: j.input,
+          accept: t,
+          multiple: r,
+          disabled: i,
+          onChange: I,
+          tabIndex: -1,
+          "aria-hidden": "true"
+        }
+      ),
+      /* @__PURE__ */ e(
+        "div",
+        {
+          [f]: y.fileDropZone,
+          role: "button",
+          tabIndex: i ? -1 : 0,
+          "aria-disabled": i || void 0,
+          className: w(
+            j.dropZone,
+            m && j.dragOver,
+            i && j.disabled,
+            n
           ),
-          o ?? /* @__PURE__ */ C("div", { className: M.content, children: [
-            /* @__PURE__ */ C(
-              "svg",
-              {
-                className: M.icon,
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "1.5",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ i("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
-                  /* @__PURE__ */ i("polyline", { points: "17 8 12 3 7 8" }),
-                  /* @__PURE__ */ i("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
-                ]
-              }
-            ),
-            /* @__PURE__ */ i("span", { className: M.text, children: "Drop files here or click to browse" })
+          onClick: b,
+          onKeyDown: x,
+          onDragOver: v,
+          onDragLeave: N,
+          onDrop: h,
+          ...l,
+          children: s ?? /* @__PURE__ */ C("div", { className: j.content, children: [
+            /* @__PURE__ */ e(et, { className: j.icon, "aria-hidden": "true" }),
+            /* @__PURE__ */ e("span", { className: j.text, children: "Drop files here or click to browse" })
           ] })
-        ]
-      }
-    );
+        }
+      )
+    ] });
   }
 );
-Ee.displayName = "FileDropZone";
-const qe = "_badge_1ehok_1", je = "_variantPrimary_1ehok_17", Ve = "_variantSecondary_1ehok_22", Re = "_variantTertiary_1ehok_27", Me = "_sentimentDanger_1ehok_32", Oe = "_sentimentSuccess_1ehok_36", He = "_sentimentWarning_1ehok_40", Le = "_sentimentInfo_1ehok_44", j = {
-  badge: qe,
-  variantPrimary: je,
-  variantSecondary: Ve,
-  variantTertiary: Re,
-  sentimentDanger: Me,
-  sentimentSuccess: Oe,
-  sentimentWarning: He,
-  sentimentInfo: Le
-}, Ae = {
-  danger: j.sentimentDanger,
-  success: j.sentimentSuccess,
-  warning: j.sentimentWarning,
-  info: j.sentimentInfo
-}, Ke = G(j.badge, {
+Ge.displayName = "FileDropZone";
+const Ze = "_comboBox_1en1h_1", ze = "_fullWidth_1en1h_6", Ue = "_wrapper_1en1h_10", Ye = "_disabled_1en1h_34", Je = "_open_1en1h_39", Qe = "_variantPrimary_1en1h_43", Xe = "_variantSecondary_1en1h_46", nr = "_variantTertiary_1en1h_50", tr = "_statusError_1en1h_58", er = "_statusWarning_1en1h_61", rr = "_statusSuccess_1en1h_64", ar = "_input_1en1h_68", ir = "_inputHidden_1en1h_84", or = "_singleValue_1en1h_91", sr = "_multiValueContainer_1en1h_100", cr = "_pill_1en1h_109", lr = "_pillText_1en1h_124", ur = "_pillRemove_1en1h_131", dr = "_indicator_1en1h_151", _r = "_indicatorOpen_1en1h_168", pr = "_listbox_1en1h_172", mr = "_options_1en1h_189", vr = "_option_1en1h_189", hr = "_optionHighlighted_1en1h_215", fr = "_optionSelected_1en1h_218", yr = "_optionDisabled_1en1h_221", br = "_optionCreate_1en1h_225", gr = "_optionLabel_1en1h_230", $r = "_checkIcon_1en1h_238", xr = "_group_1en1h_245", kr = "_groupLabel_1en1h_249", wr = "_header_1en1h_261", Nr = "_footer_1en1h_262", Ir = "_loading_1en1h_276", Cr = "_spinner_1en1h_287", Sr = "_empty_1en1h_306", o = {
+  comboBox: Ze,
+  fullWidth: ze,
+  wrapper: Ue,
+  disabled: Ye,
+  open: Je,
+  variantPrimary: Qe,
+  variantSecondary: Xe,
+  variantTertiary: nr,
+  statusError: tr,
+  statusWarning: er,
+  statusSuccess: rr,
+  input: ar,
+  inputHidden: ir,
+  singleValue: or,
+  multiValueContainer: sr,
+  pill: cr,
+  pillText: lr,
+  pillRemove: ur,
+  indicator: dr,
+  indicatorOpen: _r,
+  listbox: pr,
+  options: mr,
+  option: vr,
+  optionHighlighted: hr,
+  optionSelected: fr,
+  optionDisabled: yr,
+  optionCreate: br,
+  optionLabel: gr,
+  checkIcon: $r,
+  group: xr,
+  groupLabel: kr,
+  header: wr,
+  footer: Nr,
+  loading: Ir,
+  spinner: Cr,
+  empty: Sr
+}, Wr = H(o.wrapper, {
   variants: {
     variant: {
-      primary: j.variantPrimary,
-      secondary: j.variantSecondary,
-      tertiary: j.variantTertiary
+      primary: o.variantPrimary,
+      secondary: o.variantSecondary,
+      tertiary: o.variantTertiary
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+}), Br = {
+  error: o.statusError,
+  warning: o.statusWarning,
+  success: o.statusSuccess
+};
+function Dr() {
+  return /* @__PURE__ */ e(dn, { className: o.checkIcon, "aria-hidden": "true" });
+}
+function Tr(n) {
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: w(o.indicator, n && o.indicatorOpen),
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e(tt, {})
+    }
+  );
+}
+function Pr() {
+  return /* @__PURE__ */ e(_n, {});
+}
+function Fr() {
+  return /* @__PURE__ */ C(ln, { children: [
+    /* @__PURE__ */ e(rt, { className: o.spinner, "aria-hidden": "true" }),
+    "Loading..."
+  ] });
+}
+const Vr = { [f]: y.comboBox };
+function Er({
+  className: n,
+  variant: a,
+  validationStatus: t,
+  fullWidth: r,
+  disabled: i = !1,
+  open: s,
+  ...l
+}, p) {
+  const m = yn(
+    () => ({
+      root: w(o.comboBox, r && o.fullWidth, n),
+      wrapper: w(
+        Wr({ variant: a }),
+        i && o.disabled,
+        t && Br[t],
+        s && o.open
+      ),
+      multiValueContainer: o.multiValueContainer,
+      pill: o.pill,
+      pillText: o.pillText,
+      pillRemove: o.pillRemove,
+      singleValue: o.singleValue,
+      input: o.input,
+      inputHidden: o.inputHidden,
+      indicator: o.indicator,
+      indicatorOpen: o.indicatorOpen,
+      listbox: o.listbox,
+      header: o.header,
+      footer: o.footer,
+      options: o.options,
+      option: o.option,
+      optionHighlighted: o.optionHighlighted,
+      optionSelected: o.optionSelected,
+      optionDisabled: o.optionDisabled,
+      optionCreate: o.optionCreate,
+      optionLabel: o.optionLabel,
+      checkIcon: o.checkIcon,
+      group: o.group,
+      groupLabel: o.groupLabel,
+      loading: o.loading,
+      spinner: o.spinner,
+      empty: o.empty
+    }),
+    [n, a, t, r, i, s]
+  );
+  return /* @__PURE__ */ e(
+    Nn,
+    {
+      ref: p,
+      disabled: i,
+      open: s,
+      classNames: m,
+      dataAttributes: Vr,
+      renderCheckIcon: Dr,
+      renderIndicator: Tr,
+      renderPillRemoveIcon: Pr,
+      renderLoading: Fr,
+      ...l
+    }
+  );
+}
+const Rr = D(Er);
+Rr.displayName = "ComboBox";
+const qr = "_badge_11y0a_1", Lr = "_variantPrimary_11y0a_17", Mr = "_variantSecondary_11y0a_22", jr = "_variantTertiary_11y0a_27", Hr = "_sentimentDanger_11y0a_32", Or = "_sentimentSuccess_11y0a_37", Ar = "_sentimentWarning_11y0a_41", Kr = "_sentimentInfo_11y0a_45", q = {
+  badge: qr,
+  variantPrimary: Lr,
+  variantSecondary: Mr,
+  variantTertiary: jr,
+  sentimentDanger: Hr,
+  sentimentSuccess: Or,
+  sentimentWarning: Ar,
+  sentimentInfo: Kr
+}, Gr = {
+  danger: q.sentimentDanger,
+  success: q.sentimentSuccess,
+  warning: q.sentimentWarning,
+  info: q.sentimentInfo
+}, Zr = H(q.badge, {
+  variants: {
+    variant: {
+      primary: q.variantPrimary,
+      secondary: q.variantSecondary,
+      tertiary: q.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), Ge = B(
-  ({ className: r, variant: n, sentiment: t, children: e, ...a }, o) => /* @__PURE__ */ i(
+}), zr = D(
+  ({ className: n, variant: a, sentiment: t, children: r, ...i }, s) => /* @__PURE__ */ e(
     "span",
     {
-      ref: o,
+      ref: s,
       [f]: y.badge,
-      className: x(
-        Ke({ variant: n }),
-        t && Ae[t],
-        r
+      className: w(
+        Zr({ variant: a }),
+        t && Gr[t],
+        n
       ),
-      ...a,
-      children: e
+      ...i,
+      children: r
     }
   )
 );
-Ge.displayName = "Badge";
-const Ze = "_divider_1kyjw_1", ze = "_horizontal_1kyjw_7", Ue = "_vertical_1kyjw_11", X = {
-  divider: Ze,
-  horizontal: ze,
-  vertical: Ue
-}, Ye = B(
-  ({ className: r, orientation: n = "horizontal", decorative: t = !1, ...e }, a) => /* @__PURE__ */ i(
+zr.displayName = "Badge";
+const Ur = "_divider_1kyjw_1", Yr = "_horizontal_1kyjw_7", Jr = "_vertical_1kyjw_11", nn = {
+  divider: Ur,
+  horizontal: Yr,
+  vertical: Jr
+}, Qr = D(
+  ({ className: n, orientation: a = "horizontal", decorative: t = !1, ...r }, i) => /* @__PURE__ */ e(
     "hr",
     {
-      ref: a,
+      ref: i,
       [f]: y.divider,
-      className: x(
-        X.divider,
-        n === "vertical" ? X.vertical : X.horizontal,
-        r
+      className: w(
+        nn.divider,
+        a === "vertical" ? nn.vertical : nn.horizontal,
+        n
       ),
-      ...t ? { "aria-hidden": !0 } : { role: "separator", "aria-orientation": n },
-      ...e
+      ...t ? { "aria-hidden": !0 } : { role: "separator", "aria-orientation": a },
+      ...r
     }
   )
 );
-Ye.displayName = "Divider";
+Qr.displayName = "Divider";
 export {
-  Ge as Badge,
-  Bt as Button,
-  At as ButtonGroup,
-  Qn as Checkbox,
-  Ye as Divider,
+  zr as Badge,
+  qn as Button,
+  Qn as ButtonGroup,
+  de as Checkbox,
+  Rr as ComboBox,
+  Qr as Divider,
   f as FINRA_UI_ATTR,
-  Ee as FileDropZone,
-  Kn as FormField,
-  Ot as IconButton,
-  sn as Input,
-  jn as NumberInput,
-  Ie as PillInput,
-  de as RadioButton,
-  he as Slider,
-  ae as Switch,
-  $n as Textarea,
+  Ge as FileDropZone,
+  ie as FormField,
+  Un as IconButton,
+  gt as Input,
+  Jt as NumberInput,
+  qe as PillInput,
+  we as RadioButton,
+  De as Slider,
+  fe as Switch,
+  Et as Textarea,
   y as componentIds
 };
 //# sourceMappingURL=index.js.map