@utk09/finra-ui 0.0.1

package/dist/index.js

@@ -0,0 +1,834 @@
+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", _ = {
+  // Button family
+  button: "button",
+  iconButton: "icon-button",
+  buttonGroup: "button-group",
+  // Input
+  input: "input",
+  inputField: "input-field",
+  // Textarea
+  textarea: "textarea",
+  textareaField: "textarea-field",
+  textareaCount: "textarea-count",
+  // NumberInput
+  numberInput: "number-input",
+  numberInputField: "number-input-field",
+  numberInputIncrement: "number-input-increment",
+  numberInputDecrement: "number-input-decrement",
+  // FormField
+  formField: "form-field",
+  formFieldLabel: "form-field-label",
+  formFieldHelper: "form-field-helper",
+  formFieldError: "form-field-error",
+  // Checkbox
+  checkbox: "checkbox",
+  // Switch
+  switch: "switch",
+  // Badge
+  badge: "badge",
+  // Divider
+  divider: "divider"
+};
+function rt(r) {
+  var e, t, n = "";
+  if (typeof r == "string" || typeof r == "number") n += 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;
+}
+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;
+}
+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({
+        ...o,
+        ...y
+      }[I]) : {
+        ...o,
+        ...y
+      }[I] === f;
+    }) ? [
+      ...s,
+      v,
+      u
+    ] : 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, {
+  variants: {
+    variant: {
+      primary: C.variantPrimary,
+      secondary: C.variantSecondary,
+      tertiary: C.variantTertiary
+    },
+    fullWidth: {
+      true: C.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,
+    {
+      ref: m,
+      type: "button",
+      [d]: _.button,
+      className: $(
+        kt({ variant: e, fullWidth: t }),
+        n && $t[n],
+        r
+      ),
+      ...y,
+      children: [
+        a ? /* @__PURE__ */ i("span", { className: C.icon, children: a }) : null,
+        c,
+        o ? /* @__PURE__ */ i("span", { className: C.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, {
+  variants: {
+    variant: {
+      primary: E.variantPrimary,
+      secondary: E.variantSecondary,
+      tertiary: E.variantTertiary
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+}), Dt = B(
+  ({ className: r, variant: e, sentiment: t, ...n }, a) => /* @__PURE__ */ i(
+    lt,
+    {
+      ref: a,
+      type: "button",
+      [d]: _.iconButton,
+      className: $(
+        Et({ variant: e }),
+        t && Pt[t],
+        r
+      ),
+      ...n
+    }
+  )
+);
+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(
+    "div",
+    {
+      ref: a,
+      role: "group",
+      [d]: _.buttonGroup,
+      className: $(
+        tt.buttonGroup,
+        e === "vertical" && tt.vertical,
+        r
+      ),
+      ...n,
+      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, {
+  variants: {
+    variant: {
+      primary: N.variantPrimary,
+      secondary: N.variantSecondary,
+      tertiary: N.variantTertiary
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+}), Xt = {
+  error: N.statusError,
+  warning: N.statusWarning,
+  success: N.statusSuccess
+}, Zt = B(
+  ({
+    className: r,
+    variant: e,
+    validationStatus: t,
+    startAdornment: n,
+    endAdornment: a,
+    clearable: o,
+    onClear: c,
+    fullWidth: y,
+    disabled: m,
+    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(
+          HTMLInputElement.prototype,
+          "value"
+        )?.set?.call(f.current, ""), f.current.dispatchEvent(new Event("input", { bubbles: !0 }))), f.current?.focus();
+      },
+      [c, f]
+    ), F = o && !m && !s && (p ?? v ?? "") !== "";
+    return /* @__PURE__ */ V(
+      "div",
+      {
+        [d]: _.input,
+        className: $(
+          Qt({ variant: e }),
+          t && Xt[t],
+          m && N.disabled,
+          y && N.fullWidth,
+          r
+        ),
+        children: [
+          n ? /* @__PURE__ */ i("span", { className: N.adornment, children: n }) : null,
+          /* @__PURE__ */ i(
+            "input",
+            {
+              ref: f,
+              [d]: _.inputField,
+              className: N.field,
+              disabled: m,
+              readOnly: s,
+              value: p,
+              defaultValue: v,
+              onChange: u,
+              ...k
+            }
+          ),
+          F ? /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              className: N.clearButton,
+              onClick: h,
+              "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" })
+                }
+              )
+            }
+          ) : null,
+          a ? /* @__PURE__ */ i("span", { className: N.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, {
+  variants: {
+    variant: {
+      primary: W.variantPrimary,
+      secondary: W.variantSecondary,
+      tertiary: W.variantTertiary
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+}), fn = {
+  error: W.statusError,
+  warning: W.statusWarning,
+  success: W.statusSuccess
+}, yn = B(
+  ({
+    className: r,
+    variant: e,
+    validationStatus: t,
+    showCharCount: n,
+    warningThreshold: a,
+    autoResize: o,
+    minRows: c = 3,
+    maxRows: y,
+    fullWidth: m,
+    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);
+      },
+      [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(
+      "div",
+      {
+        [d]: _.textarea,
+        className: $(
+          vn({ variant: e }),
+          b && fn[b],
+          p && W.disabled,
+          m && W.fullWidth,
+          r
+        ),
+        children: [
+          /* @__PURE__ */ i(
+            "textarea",
+            {
+              ref: F,
+              [d]: _.textareaField,
+              className: W.field,
+              rows: c,
+              maxLength: s,
+              disabled: p,
+              readOnly: v,
+              value: u,
+              defaultValue: k,
+              onChange: j,
+              ...I
+            }
+          ),
+          n && s !== void 0 ? /* @__PURE__ */ V(
+            "span",
+            {
+              [d]: _.textareaCount,
+              className: $(
+                W.charCount,
+                G === "warning" && W.charCountWarning,
+                G === "error" && W.charCountError
+              ),
+              children: [
+                g,
+                "/",
+                s
+              ]
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+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, {
+  variants: {
+    variant: {
+      primary: S.variantPrimary,
+      secondary: S.variantSecondary,
+      tertiary: S.variantTertiary
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+}), Cn = {
+  error: S.statusError,
+  warning: S.statusWarning,
+  success: S.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 R(r, e) {
+  return e !== void 0 ? r.toFixed(e) : String(r);
+}
+const Fn = B(
+  ({
+    className: r,
+    variant: e,
+    validationStatus: t,
+    value: n,
+    defaultValue: a,
+    min: o,
+    max: c,
+    step: y = 1,
+    precision: m,
+    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);
+      },
+      [o, c, m, h, s]
+    ), j = P(
+      (b) => {
+        const l = parseFloat(w) || 0;
+        T(l + y * b);
+      },
+      [w, y, T]
+    ), K = P(
+      (b) => {
+        const l = b.target.value;
+        if (l === "" || l === "-" || l === ".") {
+          h || g(l), l === "" && s?.(void 0);
+          return;
+        }
+        const q = parseFloat(l);
+        isNaN(q) || (h || g(l), s?.(q));
+      },
+      [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));
+      },
+      [j]
+    );
+    return /* @__PURE__ */ V(
+      "div",
+      {
+        [d]: _.numberInput,
+        className: $(
+          In({ variant: e }),
+          t && Cn[t],
+          v && S.disabled,
+          p && S.fullWidth,
+          r
+        ),
+        children: [
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              [d]: _.numberInputDecrement,
+              className: S.stepButton,
+              onClick: () => j(-1),
+              disabled: v || u || o !== void 0 && (parseFloat(w) || 0) <= o,
+              "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" })
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ i(
+            "input",
+            {
+              ref: f,
+              [d]: _.numberInputField,
+              className: S.field,
+              inputMode: "decimal",
+              value: w,
+              onChange: K,
+              onBlur: Y,
+              onKeyDown: G,
+              disabled: v,
+              readOnly: u,
+              role: "spinbutton",
+              "aria-valuemin": o,
+              "aria-valuemax": c,
+              "aria-valuenow": typeof w == "string" ? parseFloat(w) || void 0 : w,
+              ...k
+            }
+          ),
+          /* @__PURE__ */ i(
+            "button",
+            {
+              type: "button",
+              [d]: _.numberInputIncrement,
+              className: S.stepButton,
+              onClick: () => j(1),
+              disabled: v || u || c !== void 0 && (parseFloat(w) || 0) >= c,
+              "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" })
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+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(
+  ({
+    className: r,
+    label: e,
+    helperText: t,
+    errorMessage: n,
+    validationStatus: a,
+    required: o,
+    fullWidth: c,
+    disabled: y,
+    htmlFor: m,
+    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,
+      "aria-invalid": a === "error" ? !0 : void 0,
+      disabled: y || void 0,
+      validationStatus: a
+    }) : g);
+    return /* @__PURE__ */ V(
+      "div",
+      {
+        ref: v,
+        [d]: _.formField,
+        className: $(
+          M.formField,
+          c && M.fullWidth,
+          y && M.disabled,
+          r
+        ),
+        ...p,
+        children: [
+          /* @__PURE__ */ i(
+            "label",
+            {
+              [d]: _.formFieldLabel,
+              htmlFor: k,
+              className: $(M.label, o && M.required),
+              children: e
+            }
+          ),
+          F,
+          f ? /* @__PURE__ */ i(
+            "p",
+            {
+              [d]: _.formFieldError,
+              id: I,
+              className: M.errorMessage,
+              role: "alert",
+              children: n
+            }
+          ) : null,
+          t ? /* @__PURE__ */ i(
+            "p",
+            {
+              [d]: _.formFieldHelper,
+              id: x,
+              className: M.helperText,
+              children: t
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
+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
+};
+function zn(...r) {
+  return (e) => {
+    for (const t of r)
+      typeof t == "function" ? t(e) : t && typeof t == "object" && (t.current = e);
+  };
+}
+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(
+      "label",
+      {
+        [d]: _.checkbox,
+        className: $(L.checkbox, n && L.disabled, r),
+        children: [
+          /* @__PURE__ */ i(
+            ut,
+            {
+              ref: zn(o, c),
+              className: L.input,
+              disabled: n,
+              "data-indeterminate": t || void 0,
+              ...a
+            }
+          ),
+          /* @__PURE__ */ i("span", { className: L.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" })
+            }
+          ) }),
+          e ? /* @__PURE__ */ i("span", { className: L.label, children: e }) : 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 = {
+  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(
+    "label",
+    {
+      [d]: _.switch,
+      className: $(H.switch, 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
+      ]
+    }
+  )
+);
+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, {
+  variants: {
+    variant: {
+      primary: D.variantPrimary,
+      secondary: D.variantSecondary,
+      tertiary: D.variantTertiary
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+}), lr = B(
+  ({ className: r, variant: e, sentiment: t, children: n, ...a }, o) => /* @__PURE__ */ i(
+    "span",
+    {
+      ref: o,
+      [d]: _.badge,
+      className: $(
+        cr({ variant: e }),
+        t && or[t],
+        r
+      ),
+      ...a,
+      children: n
+    }
+  )
+);
+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(
+    "hr",
+    {
+      ref: a,
+      [d]: _.divider,
+      className: $(
+        U.divider,
+        e === "vertical" ? U.vertical : U.horizontal,
+        r
+      ),
+      ...t ? { "aria-hidden": !0 } : { role: "separator", "aria-orientation": e },
+      ...n
+    }
+  )
+);
+mr.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
+};
+//# sourceMappingURL=index.js.map