@utk09/finra-ui 0.0.2 → 0.0.4

package/dist/index.js

@@ -1,7 +1,7 @@
-import { jsxs as V, jsx as i } from "react/jsx-runtime";
-import { forwardRef as B, useRef as O, useCallback as P, useState as nt, useEffect as z, useId as at, Children as it, isValidElement as st, cloneElement as ot } from "react";
-import { B as ct, I as lt, C as ut, S as dt } from "./Switch-BgWsJGsh.js";
-const d = "data-finra-ui", _ = {
+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";
+const f = "data-finra-ui", y = {
   // Button family
   button: "button",
   iconButton: "icon-button",
@@ -27,255 +27,263 @@ const d = "data-finra-ui", _ = {
   checkbox: "checkbox",
   // Switch
   switch: "switch",
+  // RadioButton
+  radioButton: "radio-button",
+  // Slider
+  slider: "slider",
+  // PillInput
+  pillInput: "pill-input",
+  // FileDropZone
+  fileDropZone: "file-drop-zone",
   // Badge
   badge: "badge",
   // Divider
   divider: "divider"
 };
-function rt(r) {
-  var e, t, n = "";
-  if (typeof r == "string" || typeof r == "number") n += r;
+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 (e = 0; e < a; e++) r[e] && (t = rt(r[e])) && (n && (n += " "), n += t);
-  } else for (t in r) r[t] && (n && (n += " "), n += t);
-  return n;
+    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 $() {
-  for (var r, e, t = 0, n = "", a = arguments.length; t < a; t++) (r = arguments[t]) && (e = rt(r)) && (n && (n += " "), n += e);
-  return n;
+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;
 }
-const X = (r) => typeof r == "boolean" ? `${r}` : r === 0 ? "0" : r, Z = $, A = (r, e) => (t) => {
-  var n;
-  if (e?.variants == null) return Z(r, t?.class, t?.className);
-  const { variants: a, defaultVariants: o } = e, c = Object.keys(a).map((s) => {
-    const p = t?.[s], v = o?.[s];
-    if (p === null) return null;
-    const u = X(p) || X(v);
-    return a[s][u];
-  }), y = t && Object.entries(t).reduce((s, p) => {
-    let [v, u] = p;
-    return u === void 0 || (s[v] = u), s;
-  }, {}), m = e == null || (n = e.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((s, p) => {
-    let { class: v, className: u, ...k } = p;
-    return Object.entries(k).every((x) => {
-      let [I, f] = x;
-      return Array.isArray(f) ? f.includes({
+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,
-        ...y
-      }[I]) : {
+        ...p
+      }[w]) : {
         ...o,
-        ...y
-      }[I] === f;
+        ...p
+      }[w] === h;
     }) ? [
       ...s,
-      v,
-      u
+      d,
+      _
     ] : s;
   }, []);
-  return Z(r, c, m, t?.class, t?.className);
-}, _t = "_button_nw9o1_1", mt = "_variantPrimary_nw9o1_40", vt = "_variantSecondary_nw9o1_53", ft = "_variantTertiary_nw9o1_66", yt = "_sentimentDanger_nw9o1_78", pt = "_sentimentSuccess_nw9o1_84", ht = "_sentimentWarning_nw9o1_90", bt = "_sentimentInfo_nw9o1_96", gt = "_fullWidth_nw9o1_102", wt = "_icon_nw9o1_106", C = {
-  button: _t,
-  variantPrimary: mt,
-  variantSecondary: vt,
-  variantTertiary: ft,
-  sentimentDanger: yt,
-  sentimentSuccess: pt,
-  sentimentWarning: ht,
-  sentimentInfo: bt,
-  fullWidth: gt,
-  icon: wt
-}, $t = {
-  danger: C.sentimentDanger,
-  success: C.sentimentSuccess,
-  warning: C.sentimentWarning,
-  info: C.sentimentInfo
-}, kt = A(C.button, {
+  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 = {
+  danger: E.sentimentDanger,
+  success: E.sentimentSuccess,
+  warning: E.sentimentWarning,
+  info: E.sentimentInfo
+}, Ct = G(E.button, {
   variants: {
     variant: {
-      primary: C.variantPrimary,
-      secondary: C.variantSecondary,
-      tertiary: C.variantTertiary
+      primary: E.variantPrimary,
+      secondary: E.variantSecondary,
+      tertiary: E.variantTertiary
     },
     fullWidth: {
-      true: C.fullWidth
+      true: E.fullWidth
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), Nt = B(
-  ({ className: r, variant: e, fullWidth: t, sentiment: n, startIcon: a, endIcon: o, children: c, ...y }, m) => /* @__PURE__ */ V(
-    ct,
+}), Bt = B(
+  ({ className: r, variant: n, fullWidth: t, sentiment: e, startIcon: a, endIcon: o, children: l, ...p }, v) => /* @__PURE__ */ C(
+    _t,
     {
-      ref: m,
+      ref: v,
       type: "button",
-      [d]: _.button,
-      className: $(
-        kt({ variant: e, fullWidth: t }),
-        n && $t[n],
+      [f]: y.button,
+      className: x(
+        Ct({ variant: n, fullWidth: t }),
+        e && Wt[e],
         r
       ),
-      ...y,
+      ...p,
       children: [
-        a ? /* @__PURE__ */ i("span", { className: C.icon, children: a }) : null,
-        c,
-        o ? /* @__PURE__ */ i("span", { className: C.icon, children: o }) : null
+        a ? /* @__PURE__ */ i("span", { className: E.icon, children: a }) : null,
+        l,
+        o ? /* @__PURE__ */ i("span", { className: E.icon, children: o }) : null
       ]
     }
   )
 );
-Nt.displayName = "Button";
-const Wt = "_iconButton_wgr1d_1", St = "_variantPrimary_wgr1d_37", xt = "_variantSecondary_wgr1d_50", It = "_variantTertiary_wgr1d_63", Ct = "_sentimentDanger_wgr1d_75", Bt = "_sentimentSuccess_wgr1d_81", Ft = "_sentimentWarning_wgr1d_87", Tt = "_sentimentInfo_wgr1d_93", E = {
-  iconButton: Wt,
-  variantPrimary: St,
-  variantSecondary: xt,
-  variantTertiary: It,
-  sentimentDanger: Ct,
-  sentimentSuccess: Bt,
-  sentimentWarning: Ft,
-  sentimentInfo: Tt
-}, Pt = {
-  danger: E.sentimentDanger,
-  success: E.sentimentSuccess,
-  warning: E.sentimentWarning,
-  info: E.sentimentInfo
-}, Et = A(E.iconButton, {
+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, {
   variants: {
     variant: {
-      primary: E.variantPrimary,
-      secondary: E.variantSecondary,
-      tertiary: E.variantTertiary
+      primary: q.variantPrimary,
+      secondary: q.variantSecondary,
+      tertiary: q.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), Dt = B(
-  ({ className: r, variant: e, sentiment: t, ...n }, a) => /* @__PURE__ */ i(
-    lt,
+}), Ot = B(
+  ({ className: r, variant: n, sentiment: t, ...e }, a) => /* @__PURE__ */ i(
+    mt,
     {
       ref: a,
       type: "button",
-      [d]: _.iconButton,
-      className: $(
-        Et({ variant: e }),
-        t && Pt[t],
+      [f]: y.iconButton,
+      className: x(
+        Mt({ variant: n }),
+        t && Rt[t],
         r
       ),
-      ...n
+      ...e
     }
   )
 );
-Dt.displayName = "IconButton";
-const Vt = "_buttonGroup_vy66t_1", jt = "_vertical_vy66t_22", tt = {
-  buttonGroup: Vt,
-  vertical: jt
-}, qt = B(
-  ({ className: r, orientation: e = "horizontal", children: t, ...n }, a) => /* @__PURE__ */ i(
+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(
     "div",
     {
       ref: a,
       role: "group",
-      [d]: _.buttonGroup,
-      className: $(
-        tt.buttonGroup,
-        e === "vertical" && tt.vertical,
+      [f]: y.buttonGroup,
+      className: x(
+        it.buttonGroup,
+        n === "vertical" && it.vertical,
         r
       ),
-      ...n,
+      ...e,
       children: t
     }
   )
 );
-qt.displayName = "ButtonGroup";
-const Mt = "_wrapper_qx7i5_1", Ht = "_disabled_qx7i5_25", At = "_fullWidth_qx7i5_30", Gt = "_variantPrimary_qx7i5_33", Lt = "_variantSecondary_qx7i5_36", Rt = "_variantTertiary_qx7i5_40", zt = "_statusError_qx7i5_49", Ot = "_statusWarning_qx7i5_52", Kt = "_statusSuccess_qx7i5_55", Ut = "_field_qx7i5_59", Yt = "_adornment_qx7i5_76", Jt = "_clearButton_qx7i5_88", N = {
-  wrapper: Mt,
-  disabled: Ht,
-  fullWidth: At,
-  variantPrimary: Gt,
-  variantSecondary: Lt,
-  variantTertiary: Rt,
-  statusError: zt,
-  statusWarning: Ot,
-  statusSuccess: Kt,
-  field: Ut,
-  adornment: Yt,
-  clearButton: Jt
-}, Qt = A(N.wrapper, {
+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, {
   variants: {
     variant: {
-      primary: N.variantPrimary,
-      secondary: N.variantSecondary,
-      tertiary: N.variantTertiary
+      primary: T.variantPrimary,
+      secondary: T.variantSecondary,
+      tertiary: T.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), Xt = {
-  error: N.statusError,
-  warning: N.statusWarning,
-  success: N.statusSuccess
-}, Zt = B(
+}), an = {
+  error: T.statusError,
+  warning: T.statusWarning,
+  success: T.statusSuccess
+}, sn = B(
   ({
     className: r,
-    variant: e,
+    variant: n,
     validationStatus: t,
-    startAdornment: n,
+    startAdornment: e,
     endAdornment: a,
     clearable: o,
-    onClear: c,
-    fullWidth: y,
-    disabled: m,
+    onClear: l,
+    fullWidth: p,
+    disabled: v,
     readOnly: s,
-    value: p,
-    defaultValue: v,
-    onChange: u,
-    ...k
-  }, x) => {
-    const I = O(null), f = x || I, h = P(
-      (g) => {
-        g.preventDefault(), c ? c() : f.current && (Object.getOwnPropertyDescriptor(
+    value: g,
+    defaultValue: d,
+    onChange: _,
+    ...N
+  }, m) => {
+    const w = K(null), h = m || w, k = $(
+      (I) => {
+        I.preventDefault(), l ? l() : h.current && (Object.getOwnPropertyDescriptor(
           HTMLInputElement.prototype,
           "value"
-        )?.set?.call(f.current, ""), f.current.dispatchEvent(new Event("input", { bubbles: !0 }))), f.current?.focus();
+        )?.set?.call(h.current, ""), h.current.dispatchEvent(new Event("input", { bubbles: !0 }))), h.current?.focus();
       },
-      [c, f]
-    ), F = o && !m && !s && (p ?? v ?? "") !== "";
-    return /* @__PURE__ */ V(
+      [l, h]
+    ), u = o && !v && !s && (g ?? d ?? "") !== "";
+    return /* @__PURE__ */ C(
       "div",
       {
-        [d]: _.input,
-        className: $(
-          Qt({ variant: e }),
-          t && Xt[t],
-          m && N.disabled,
-          y && N.fullWidth,
+        [f]: y.input,
+        className: x(
+          rn({ variant: n }),
+          t && an[t],
+          v && T.disabled,
+          p && T.fullWidth,
           r
         ),
         children: [
-          n ? /* @__PURE__ */ i("span", { className: N.adornment, children: n }) : null,
+          e ? /* @__PURE__ */ i("span", { className: T.adornment, children: e }) : null,
           /* @__PURE__ */ i(
             "input",
             {
-              ref: f,
-              [d]: _.inputField,
-              className: N.field,
-              disabled: m,
+              ref: h,
+              [f]: y.inputField,
+              className: T.field,
+              disabled: v,
               readOnly: s,
-              value: p,
-              defaultValue: v,
-              onChange: u,
-              ...k
+              value: g,
+              defaultValue: d,
+              onChange: _,
+              ...N
             }
           ),
-          F ? /* @__PURE__ */ i(
+          u ? /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              className: N.clearButton,
-              onClick: h,
+              className: T.clearButton,
+              onClick: k,
               "aria-label": "Clear input",
               tabIndex: -1,
               children: /* @__PURE__ */ i(
@@ -292,120 +300,120 @@ const Mt = "_wrapper_qx7i5_1", Ht = "_disabled_qx7i5_25", At = "_fullWidth_qx7i5
               )
             }
           ) : null,
-          a ? /* @__PURE__ */ i("span", { className: N.adornment, children: a }) : null
+          a ? /* @__PURE__ */ i("span", { className: T.adornment, children: a }) : null
         ]
       }
     );
   }
 );
-Zt.displayName = "Input";
-const tn = "_wrapper_16m4i_1", nn = "_disabled_16m4i_21", rn = "_fullWidth_16m4i_26", en = "_variantPrimary_16m4i_29", an = "_variantSecondary_16m4i_32", sn = "_variantTertiary_16m4i_36", on = "_statusError_16m4i_45", cn = "_statusWarning_16m4i_48", ln = "_statusSuccess_16m4i_51", un = "_field_16m4i_55", dn = "_charCount_16m4i_74", _n = "_charCountWarning_16m4i_84", mn = "_charCountError_16m4i_88", W = {
-  wrapper: tn,
-  disabled: nn,
-  fullWidth: rn,
-  variantPrimary: en,
-  variantSecondary: an,
-  variantTertiary: sn,
-  statusError: on,
-  statusWarning: cn,
-  statusSuccess: ln,
-  field: un,
-  charCount: dn,
-  charCountWarning: _n,
-  charCountError: mn
-}, vn = A(W.wrapper, {
+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, {
   variants: {
     variant: {
-      primary: W.variantPrimary,
-      secondary: W.variantSecondary,
-      tertiary: W.variantTertiary
+      primary: F.variantPrimary,
+      secondary: F.variantSecondary,
+      tertiary: F.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), fn = {
-  error: W.statusError,
-  warning: W.statusWarning,
-  success: W.statusSuccess
-}, yn = B(
+}), kn = {
+  error: F.statusError,
+  warning: F.statusWarning,
+  success: F.statusSuccess
+}, $n = B(
   ({
     className: r,
-    variant: e,
+    variant: n,
     validationStatus: t,
-    showCharCount: n,
+    showCharCount: e,
     warningThreshold: a,
     autoResize: o,
-    minRows: c = 3,
-    maxRows: y,
-    fullWidth: m,
+    minRows: l = 3,
+    maxRows: p,
+    fullWidth: v,
     maxLength: s,
-    disabled: p,
-    readOnly: v,
-    value: u,
-    defaultValue: k,
-    onChange: x,
-    ...I
-  }, f) => {
-    const h = O(null), F = f || h, [g, w] = nt(() => (u ?? k ?? "").length);
-    z(() => {
-      u !== void 0 && w(u.length);
-    }, [u]);
-    const T = P(() => {
-      const l = F.current;
-      if (!l || !o) return;
-      l.style.height = "auto";
-      const q = parseFloat(getComputedStyle(l).lineHeight), et = q * c, J = y ? q * y : 1 / 0, Q = l.scrollHeight;
-      l.style.height = `${Math.min(Math.max(Q, et), J)}px`, l.style.overflowY = Q > J ? "auto" : "hidden";
-    }, [o, c, y, F]);
-    z(() => {
-      T();
-    }, [u, T]);
-    const j = P(
-      (l) => {
-        w(l.target.value.length), T(), x?.(l);
+    disabled: g,
+    readOnly: d,
+    value: _,
+    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);
       },
-      [x, T]
-    ), K = a !== void 0 && s !== void 0 && g >= a, G = s !== void 0 && g >= s ? "error" : K ? "warning" : void 0, b = t ?? G;
-    return /* @__PURE__ */ V(
+      [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;
+    return /* @__PURE__ */ C(
       "div",
       {
-        [d]: _.textarea,
-        className: $(
-          vn({ variant: e }),
-          b && fn[b],
-          p && W.disabled,
-          m && W.fullWidth,
+        [f]: y.textarea,
+        className: x(
+          gn({ variant: n }),
+          W && kn[W],
+          g && F.disabled,
+          v && F.fullWidth,
           r
         ),
         children: [
           /* @__PURE__ */ i(
             "textarea",
             {
-              ref: F,
-              [d]: _.textareaField,
-              className: W.field,
-              rows: c,
+              ref: u,
+              [f]: y.textareaField,
+              className: F.field,
+              rows: l,
               maxLength: s,
-              disabled: p,
-              readOnly: v,
-              value: u,
-              defaultValue: k,
-              onChange: j,
-              ...I
+              disabled: g,
+              readOnly: d,
+              value: _,
+              defaultValue: N,
+              onChange: D,
+              ...w
             }
           ),
-          n && s !== void 0 ? /* @__PURE__ */ V(
+          e && s !== void 0 ? /* @__PURE__ */ C(
             "span",
             {
-              [d]: _.textareaCount,
-              className: $(
-                W.charCount,
-                G === "warning" && W.charCountWarning,
-                G === "error" && W.charCountError
+              [f]: y.textareaCount,
+              className: x(
+                F.charCount,
+                z === "warning" && F.charCountWarning,
+                z === "error" && F.charCountError
               ),
               children: [
-                g,
+                I,
                 "/",
                 s
               ]
@@ -416,106 +424,106 @@ const tn = "_wrapper_16m4i_1", nn = "_disabled_16m4i_21", rn = "_fullWidth_16m4i
     );
   }
 );
-yn.displayName = "Textarea";
-const pn = "_wrapper_1k2cc_1", hn = "_disabled_1k2cc_22", bn = "_fullWidth_1k2cc_27", gn = "_variantPrimary_1k2cc_30", wn = "_variantSecondary_1k2cc_33", $n = "_variantTertiary_1k2cc_37", kn = "_statusError_1k2cc_46", Nn = "_statusWarning_1k2cc_49", Wn = "_statusSuccess_1k2cc_52", Sn = "_field_1k2cc_56", xn = "_stepButton_1k2cc_79", S = {
-  wrapper: pn,
-  disabled: hn,
-  fullWidth: bn,
-  variantPrimary: gn,
-  variantSecondary: wn,
-  variantTertiary: $n,
-  statusError: kn,
-  statusWarning: Nn,
-  statusSuccess: Wn,
-  field: Sn,
-  stepButton: xn
-}, In = A(S.wrapper, {
+$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, {
   variants: {
     variant: {
-      primary: S.variantPrimary,
-      secondary: S.variantSecondary,
-      tertiary: S.variantTertiary
+      primary: P.variantPrimary,
+      secondary: P.variantSecondary,
+      tertiary: P.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), Cn = {
-  error: S.statusError,
-  warning: S.statusWarning,
-  success: S.statusSuccess
+}), En = {
+  error: P.statusError,
+  warning: P.statusWarning,
+  success: P.statusSuccess
 };
-function Bn(r, e, t) {
-  let n = r;
-  return e !== void 0 && (n = Math.max(n, e)), t !== void 0 && (n = Math.min(n, t)), n;
+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 R(r, e) {
-  return e !== void 0 ? r.toFixed(e) : String(r);
+function J(r, n) {
+  return n !== void 0 ? r.toFixed(n) : String(r);
 }
-const Fn = B(
+const jn = B(
   ({
     className: r,
-    variant: e,
+    variant: n,
     validationStatus: t,
-    value: n,
+    value: e,
     defaultValue: a,
     min: o,
-    max: c,
-    step: y = 1,
-    precision: m,
+    max: l,
+    step: p = 1,
+    precision: v,
     onChange: s,
-    fullWidth: p,
-    disabled: v,
-    readOnly: u,
-    ...k
-  }, x) => {
-    const I = O(null), f = x || I, h = n !== void 0, [F, g] = nt(
-      () => a !== void 0 ? R(a, m) : ""
-    ), w = h ? n === "" ? "" : R(n, m) : F;
-    z(() => {
-      h && n !== "" && g(R(n, m));
-    }, [n, m, h]);
-    const T = P(
-      (b) => {
-        const l = Bn(b, o, c), q = R(l, m);
-        h || g(q), s?.(l);
+    fullWidth: g,
+    disabled: d,
+    readOnly: _,
+    ...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);
       },
-      [o, c, m, h, s]
-    ), j = P(
-      (b) => {
-        const l = parseFloat(w) || 0;
-        T(l + y * b);
+      [o, l, v, k, s]
+    ), D = $(
+      (W) => {
+        const b = parseFloat(S) || 0;
+        c(b + p * W);
       },
-      [w, y, T]
-    ), K = P(
-      (b) => {
-        const l = b.target.value;
-        if (l === "" || l === "-" || l === ".") {
-          h || g(l), l === "" && s?.(void 0);
+      [S, p, c]
+    ), Z = $(
+      (W) => {
+        const b = W.target.value;
+        if (b === "" || b === "-" || b === ".") {
+          k || I(b), b === "" && s?.(void 0);
           return;
         }
-        const q = parseFloat(l);
-        isNaN(q) || (h || g(l), s?.(q));
+        const V = parseFloat(b);
+        isNaN(V) || (k || I(b), s?.(V));
       },
-      [h, s]
-    ), Y = P(() => {
-      const b = parseFloat(w);
-      isNaN(b) ? (h || g(""), s?.(void 0)) : T(b);
-    }, [w, h, s, T]), G = P(
-      (b) => {
-        b.key === "ArrowUp" ? (b.preventDefault(), j(1)) : b.key === "ArrowDown" && (b.preventDefault(), j(-1));
+      [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));
       },
-      [j]
+      [D]
     );
-    return /* @__PURE__ */ V(
+    return /* @__PURE__ */ C(
       "div",
       {
-        [d]: _.numberInput,
-        className: $(
-          In({ variant: e }),
-          t && Cn[t],
-          v && S.disabled,
-          p && S.fullWidth,
+        [f]: y.numberInput,
+        className: x(
+          Pn({ variant: n }),
+          t && En[t],
+          d && P.disabled,
+          g && P.fullWidth,
           r
         ),
         children: [
@@ -523,10 +531,10 @@ const Fn = B(
             "button",
             {
               type: "button",
-              [d]: _.numberInputDecrement,
-              className: S.stepButton,
-              onClick: () => j(-1),
-              disabled: v || u || o !== void 0 && (parseFloat(w) || 0) <= o,
+              [f]: y.numberInputDecrement,
+              className: P.stepButton,
+              onClick: () => D(-1),
+              disabled: d || _ || o !== void 0 && (parseFloat(S) || 0) <= o,
               "aria-label": "Decrement",
               tabIndex: -1,
               children: /* @__PURE__ */ i(
@@ -545,31 +553,31 @@ const Fn = B(
           /* @__PURE__ */ i(
             "input",
             {
-              ref: f,
-              [d]: _.numberInputField,
-              className: S.field,
+              ref: h,
+              [f]: y.numberInputField,
+              className: P.field,
               inputMode: "decimal",
-              value: w,
-              onChange: K,
-              onBlur: Y,
-              onKeyDown: G,
-              disabled: v,
-              readOnly: u,
+              value: S,
+              onChange: Z,
+              onBlur: tt,
+              onKeyDown: z,
+              disabled: d,
+              readOnly: _,
               role: "spinbutton",
               "aria-valuemin": o,
-              "aria-valuemax": c,
-              "aria-valuenow": typeof w == "string" ? parseFloat(w) || void 0 : w,
-              ...k
+              "aria-valuemax": l,
+              "aria-valuenow": typeof S == "string" ? parseFloat(S) || void 0 : S,
+              ...N
             }
           ),
           /* @__PURE__ */ i(
             "button",
             {
               type: "button",
-              [d]: _.numberInputIncrement,
-              className: S.stepButton,
-              onClick: () => j(1),
-              disabled: v || u || c !== void 0 && (parseFloat(w) || 0) >= c,
+              [f]: y.numberInputIncrement,
+              className: P.stepButton,
+              onClick: () => D(1),
+              disabled: d || _ || l !== void 0 && (parseFloat(S) || 0) >= l,
               "aria-label": "Increment",
               tabIndex: -1,
               children: /* @__PURE__ */ i(
@@ -590,75 +598,74 @@ const Fn = B(
     );
   }
 );
-Fn.displayName = "NumberInput";
-const Tn = "_formField_bdanr_1", Pn = "_fullWidth_bdanr_6", En = "_disabled_bdanr_12", Dn = "_label_bdanr_17", Vn = "_required_bdanr_24", jn = "_helperText_bdanr_29", qn = "_errorMessage_bdanr_37", M = {
-  formField: Tn,
-  fullWidth: Pn,
-  disabled: En,
-  label: Dn,
-  required: Vn,
-  helperText: jn,
-  errorMessage: qn
-}, Mn = 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(
   ({
     className: r,
-    label: e,
+    label: n,
     helperText: t,
-    errorMessage: n,
+    errorMessage: e,
     validationStatus: a,
     required: o,
-    fullWidth: c,
-    disabled: y,
-    htmlFor: m,
+    fullWidth: l,
+    disabled: p,
+    htmlFor: v,
     children: s,
-    ...p
-  }, v) => {
-    const u = at(), k = m ?? u, x = `${k}-helper`, I = `${k}-error`, f = a === "error" && n, h = [f ? I : void 0, t ? x : void 0].filter(Boolean).join(" ") || void 0, F = it.map(s, (g) => st(g) ? ot(g, {
-      id: k,
-      "aria-describedby": h,
+    ...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, {
+      id: N,
+      "aria-describedby": k,
       "aria-invalid": a === "error" ? !0 : void 0,
-      disabled: y || void 0,
-      validationStatus: a
-    }) : g);
-    return /* @__PURE__ */ V(
+      disabled: p || void 0
+    }) : I);
+    return /* @__PURE__ */ C(
       "div",
       {
-        ref: v,
-        [d]: _.formField,
-        className: $(
-          M.formField,
-          c && M.fullWidth,
-          y && M.disabled,
+        ref: d,
+        [f]: y.formField,
+        className: x(
+          R.formField,
+          l && R.fullWidth,
+          p && R.disabled,
           r
         ),
-        ...p,
+        ...g,
         children: [
           /* @__PURE__ */ i(
             "label",
             {
-              [d]: _.formFieldLabel,
-              htmlFor: k,
-              className: $(M.label, o && M.required),
-              children: e
+              [f]: y.formFieldLabel,
+              htmlFor: N,
+              className: x(R.label, o && R.required),
+              children: n
             }
           ),
-          F,
-          f ? /* @__PURE__ */ i(
+          u,
+          h ? /* @__PURE__ */ i(
             "p",
             {
-              [d]: _.formFieldError,
-              id: I,
-              className: M.errorMessage,
+              [f]: y.formFieldError,
+              id: w,
+              className: R.errorMessage,
               role: "alert",
-              children: n
+              children: e
             }
           ) : null,
           t ? /* @__PURE__ */ i(
             "p",
             {
-              [d]: _.formFieldHelper,
-              id: x,
-              className: M.helperText,
+              [f]: y.formFieldHelper,
+              id: m,
+              className: R.helperText,
               children: t
             }
           ) : null
@@ -667,42 +674,42 @@ const Tn = "_formField_bdanr_1", Pn = "_fullWidth_bdanr_6", En = "_disabled_bdan
     );
   }
 );
-Mn.displayName = "FormField";
-const Hn = "_checkbox_q1fn9_1", An = "_disabled_q1fn9_11", Gn = "_input_q1fn9_16", Ln = "_indicator_q1fn9_25", Rn = "_label_q1fn9_70", L = {
-  checkbox: Hn,
-  disabled: An,
-  input: Gn,
-  indicator: Ln,
-  label: Rn
+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 zn(...r) {
-  return (e) => {
+function Jn(...r) {
+  return (n) => {
     for (const t of r)
-      typeof t == "function" ? t(e) : t && typeof t == "object" && (t.current = e);
+      typeof t == "function" ? t(n) : t && typeof t == "object" && (t.current = n);
   };
 }
-const On = B(
-  ({ className: r, label: e, indeterminate: t, disabled: n, ...a }, o) => {
-    const c = O(null);
-    return z(() => {
-      c.current && (c.current.indeterminate = t ?? !1);
-    }, [t]), /* @__PURE__ */ V(
+const Qn = B(
+  ({ className: r, label: n, indeterminate: t, disabled: e, ...a }, o) => {
+    const l = K(null);
+    return Q(() => {
+      l.current && (l.current.indeterminate = t ?? !1);
+    }, [t]), /* @__PURE__ */ C(
       "label",
       {
-        [d]: _.checkbox,
-        className: $(L.checkbox, n && L.disabled, r),
+        [f]: y.checkbox,
+        className: x(U.checkbox, e && U.disabled, r),
         children: [
           /* @__PURE__ */ i(
-            ut,
+            pt,
             {
-              ref: zn(o, c),
-              className: L.input,
-              disabled: n,
+              ref: Jn(o, l),
+              className: U.input,
+              disabled: e,
               "data-indeterminate": t || void 0,
               ...a
             }
           ),
-          /* @__PURE__ */ i("span", { className: L.indicator, "aria-hidden": "true", children: t ? /* @__PURE__ */ i(
+          /* @__PURE__ */ i("span", { className: U.indicator, "aria-hidden": "true", children: t ? /* @__PURE__ */ i(
             "svg",
             {
               viewBox: "0 0 12 12",
@@ -724,111 +731,401 @@ const On = B(
               children: /* @__PURE__ */ i("path", { d: "M2.5 6l2.5 2.5 4.5-5" })
             }
           ) }),
-          e ? /* @__PURE__ */ i("span", { className: L.label, children: e }) : null
+          n ? /* @__PURE__ */ i("span", { className: U.label, children: n }) : null
         ]
       }
     );
   }
 );
-On.displayName = "Checkbox";
-const Kn = "_disabled_19daj_11", Un = "_input_19daj_16", Yn = "_track_19daj_25", Jn = "_thumb_19daj_29", Qn = "_label_19daj_71", H = {
+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 = {
   switch: "_switch_19daj_1",
-  disabled: Kn,
-  input: Un,
-  track: Yn,
-  thumb: Jn,
-  label: Qn
-}, Xn = B(
-  ({ className: r, label: e, disabled: t, ...n }, a) => /* @__PURE__ */ V(
+  disabled: Xn,
+  input: te,
+  track: ne,
+  thumb: ee,
+  label: re
+}, ae = B(
+  ({ className: r, label: n, disabled: t, ...e }, a) => /* @__PURE__ */ C(
+    "label",
+    {
+      [f]: y.switch,
+      className: x(O.switch, t && O.disabled, r),
+      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
+      ]
+    }
+  )
+);
+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(
     "label",
     {
-      [d]: _.switch,
-      className: $(H.switch, t && H.disabled, r),
+      [f]: y.radioButton,
+      className: x(H.radio, t && H.disabled, r),
       children: [
-        /* @__PURE__ */ i(dt, { ref: a, className: H.input, disabled: t, ...n }),
-        /* @__PURE__ */ i("span", { className: H.track, "aria-hidden": "true", children: /* @__PURE__ */ i("span", { className: H.thumb }) }),
-        e ? /* @__PURE__ */ i("span", { className: H.label, children: e }) : null
+        /* @__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
       ]
     }
   )
 );
-Xn.displayName = "Switch";
-const Zn = "_badge_1ehok_1", tr = "_variantPrimary_1ehok_17", nr = "_variantSecondary_1ehok_22", rr = "_variantTertiary_1ehok_27", er = "_sentimentDanger_1ehok_32", ar = "_sentimentSuccess_1ehok_36", ir = "_sentimentWarning_1ehok_40", sr = "_sentimentInfo_1ehok_44", D = {
-  badge: Zn,
-  variantPrimary: tr,
-  variantSecondary: nr,
-  variantTertiary: rr,
-  sentimentDanger: er,
-  sentimentSuccess: ar,
-  sentimentWarning: ir,
-  sentimentInfo: sr
-}, or = {
-  danger: D.sentimentDanger,
-  success: D.sentimentSuccess,
-  warning: D.sentimentWarning,
-  info: D.sentimentInfo
-}, cr = A(D.badge, {
+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 ?? "";
+    return /* @__PURE__ */ C(
+      "label",
+      {
+        [f]: y.slider,
+        className: x(L.slider, e && L.disabled, r),
+        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
+          ] }) : null,
+          /* @__PURE__ */ i(
+            yt,
+            {
+              ref: p,
+              className: L.input,
+              disabled: e,
+              value: a,
+              defaultValue: o,
+              ...l
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+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(
+  ({
+    className: r,
+    values: n,
+    onChange: t,
+    placeholder: e,
+    disabled: a,
+    maxPills: o,
+    delimiters: l = [],
+    ...p
+  }, v) => {
+    const [s, g] = Y([]), [d, _] = Y(""), N = K(null), m = n ?? s, w = $(
+      (c) => {
+        n || g(c), t?.(c);
+      },
+      [n, t]
+    ), h = $(
+      (c) => {
+        const D = c.trim();
+        D && (m.includes(D) || o != null && m.length >= o || (w([...m, D]), _("")));
+      },
+      [m, o, w]
+    ), k = $(
+      (c) => {
+        w(m.filter((D, Z) => Z !== c)), N.current?.focus();
+      },
+      [m, w]
+    ), u = $(
+      (c) => {
+        if (c.key === "Enter") {
+          c.preventDefault(), h(d);
+          return;
+        }
+        if (c.key === "Backspace" && d === "" && m.length > 0) {
+          k(m.length - 1);
+          return;
+        }
+        l.includes(c.key) && (c.preventDefault(), h(d));
+      },
+      [d, m, l, h, k]
+    ), I = $(() => {
+      a || N.current?.focus();
+    }, [a]), S = $(
+      (c) => {
+        !a && (c.key === "Enter" || c.key === " ") && N.current?.focus();
+      },
+      [a]
+    );
+    return /* @__PURE__ */ C(
+      "div",
+      {
+        [f]: y.pillInput,
+        role: "toolbar",
+        className: x(A.pillInput, a && A.disabled, r),
+        onClick: I,
+        onKeyDown: S,
+        ...p,
+        children: [
+          m.map((c) => /* @__PURE__ */ C("span", { className: A.pill, children: [
+            /* @__PURE__ */ i("span", { className: A.pillText, children: c }),
+            a ? null : /* @__PURE__ */ i(
+              "button",
+              {
+                type: "button",
+                className: A.pillRemove,
+                onClick: (D) => {
+                  D.stopPropagation(), k(m.indexOf(c));
+                },
+                "aria-label": `Remove ${c}`,
+                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" })
+                  }
+                )
+              }
+            )
+          ] }, c)),
+          /* @__PURE__ */ i(
+            "input",
+            {
+              ref: xe(v, N),
+              className: A.input,
+              type: "text",
+              value: d,
+              onChange: (c) => _(c.target.value),
+              onKeyDown: u,
+              placeholder: m.length === 0 ? e : void 0,
+              disabled: a,
+              "aria-label": p["aria-label"],
+              "aria-labelledby": p["aria-labelledby"]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+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);
+      },
+      [a]
+    ), N = $((u) => {
+      u.preventDefault(), s(!1);
+    }, []), m = $(
+      (u) => {
+        u.preventDefault(), s(!1), a || d(u.dataTransfer.files);
+      },
+      [a, d]
+    ), w = $(
+      (u) => {
+        d(u.target.files), u.target.value = "";
+      },
+      [d]
+    ), h = $(() => {
+      a || g.current?.click();
+    }, [a]), k = $(
+      (u) => {
+        !a && (u.key === "Enter" || u.key === " ") && (u.preventDefault(), g.current?.click());
+      },
+      [a]
+    );
+    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"
+            }
+          ),
+          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" })
+          ] })
+        ]
+      }
+    );
+  }
+);
+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, {
   variants: {
     variant: {
-      primary: D.variantPrimary,
-      secondary: D.variantSecondary,
-      tertiary: D.variantTertiary
+      primary: j.variantPrimary,
+      secondary: j.variantSecondary,
+      tertiary: j.variantTertiary
     }
   },
   defaultVariants: {
     variant: "primary"
   }
-}), lr = B(
-  ({ className: r, variant: e, sentiment: t, children: n, ...a }, o) => /* @__PURE__ */ i(
+}), Ge = B(
+  ({ className: r, variant: n, sentiment: t, children: e, ...a }, o) => /* @__PURE__ */ i(
     "span",
     {
       ref: o,
-      [d]: _.badge,
-      className: $(
-        cr({ variant: e }),
-        t && or[t],
+      [f]: y.badge,
+      className: x(
+        Ke({ variant: n }),
+        t && Ae[t],
         r
       ),
       ...a,
-      children: n
+      children: e
     }
   )
 );
-lr.displayName = "Badge";
-const ur = "_divider_1kyjw_1", dr = "_horizontal_1kyjw_7", _r = "_vertical_1kyjw_11", U = {
-  divider: ur,
-  horizontal: dr,
-  vertical: _r
-}, mr = B(
-  ({ className: r, orientation: e = "horizontal", decorative: t = !1, ...n }, a) => /* @__PURE__ */ i(
+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(
     "hr",
     {
       ref: a,
-      [d]: _.divider,
-      className: $(
-        U.divider,
-        e === "vertical" ? U.vertical : U.horizontal,
+      [f]: y.divider,
+      className: x(
+        X.divider,
+        n === "vertical" ? X.vertical : X.horizontal,
         r
       ),
-      ...t ? { "aria-hidden": !0 } : { role: "separator", "aria-orientation": e },
-      ...n
+      ...t ? { "aria-hidden": !0 } : { role: "separator", "aria-orientation": n },
+      ...e
     }
   )
 );
-mr.displayName = "Divider";
+Ye.displayName = "Divider";
 export {
-  lr as Badge,
-  Nt as Button,
-  qt as ButtonGroup,
-  On as Checkbox,
-  mr as Divider,
-  d as FINRA_UI_ATTR,
-  Mn as FormField,
-  Dt as IconButton,
-  Zt as Input,
-  Fn as NumberInput,
-  Xn as Switch,
-  yn as Textarea,
-  _ as componentIds
+  Ge as Badge,
+  Bt as Button,
+  At as ButtonGroup,
+  Qn as Checkbox,
+  Ye 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,
+  y as componentIds
 };
 //# sourceMappingURL=index.js.map