@utk09/finra-ui 0.0.4 → 0.0.6

package/dist/finance.js

@@ -0,0 +1,486 @@
+import { jsx as d, jsxs as E } from "react/jsx-runtime";
+import { c as q, C as ge, a as H, F as z, b as p, d as he, e as Se, f as Ie, g as Ne, h as Te } from "./Calendar.module-D02DGwqf.js";
+import { forwardRef as U, useMemo as P, useCallback as y, useRef as F, useState as V, useEffect as ee } from "react";
+import { parseTenor as re, STANDARD_TENORS as J, resolveTenor as Be, dateToTenor as te } from "./utils.js";
+import { C as De, a as be } from "./Calendar-EtS0i3_l.js";
+import { g as Ce, a as we, f as L, p as ne, v as Oe, b as Ae, m as Re } from "./dateFormat-CGZCSpqw.js";
+function ke(r, n) {
+  let t;
+  if (r)
+    t = r;
+  else if (t = [...J], n)
+    for (const o of n)
+      t.includes(o) || t.push(o);
+  return t.map((o) => ({ value: o, label: o }));
+}
+function xe(r, n) {
+  const t = n.toUpperCase();
+  return r.label.toUpperCase().includes(t);
+}
+const Ee = U(
+  ({
+    value: r,
+    onChange: n,
+    extraTenors: t,
+    allowedTenors: o,
+    allowCustom: i = !1,
+    placeholder: a = "Select tenor...",
+    className: u,
+    noOptionsMessage: f = "No matching tenors",
+    ...N
+  }, T) => {
+    const B = P(
+      () => ke(o, t),
+      [o, t]
+    ), _ = y(
+      (v) => {
+        const g = Array.isArray(v) ? v[0] ?? null : v;
+        n?.(g);
+      },
+      [n]
+    ), m = y(
+      (v) => {
+        const g = re(v);
+        g.valid && g.tenor && n?.(g.tenor);
+      },
+      [n]
+    );
+    return /* @__PURE__ */ d("div", { [z]: q.tenorInput, children: /* @__PURE__ */ d(
+      ge,
+      {
+        ref: T,
+        options: B,
+        value: r,
+        onChange: _,
+        filterFn: xe,
+        creatable: i,
+        onCreateOption: i ? m : void 0,
+        formatCreateLabel: i ? (v) => `Use "${v.toUpperCase()}"` : void 0,
+        placeholder: a,
+        className: H(u),
+        noOptionsMessage: f,
+        ...N
+      }
+    ) });
+  }
+);
+Ee.displayName = "TenorInput";
+function Le(r, n) {
+  let t;
+  if (r)
+    t = r;
+  else if (t = [...J], n)
+    for (const o of n)
+      t.includes(o) || t.push(o);
+  return t.map((o) => ({ value: o, label: o }));
+}
+function Ue(r, n) {
+  const t = n.toUpperCase();
+  return r.label.toUpperCase().includes(t);
+}
+const Pe = U(
+  ({
+    value: r,
+    onChange: n,
+    extraTenors: t,
+    allowedTenors: o,
+    allowCustom: i = !1,
+    placeholder: a = "Select tenor...",
+    disabled: u,
+    open: f,
+    onOpenChange: N,
+    classNames: T,
+    dataAttributes: B,
+    renderCheckIcon: _,
+    renderIndicator: m,
+    renderPillRemoveIcon: v,
+    renderLoading: g,
+    ...M
+  }, l) => {
+    const W = P(
+      () => Le(o, t),
+      [o, t]
+    ), R = y(
+      (h) => {
+        const D = Array.isArray(h) ? h[0] ?? null : h;
+        n?.(D);
+      },
+      [n]
+    ), k = y(
+      (h) => {
+        const D = re(h);
+        D.valid && D.tenor && n?.(D.tenor);
+      },
+      [n]
+    );
+    return /* @__PURE__ */ d(
+      De,
+      {
+        ref: l,
+        options: W,
+        value: r,
+        onChange: R,
+        filterFn: Ue,
+        creatable: i,
+        onCreateOption: i ? k : void 0,
+        formatCreateLabel: i ? (h) => `Use "${h.toUpperCase()}"` : void 0,
+        placeholder: a,
+        disabled: u,
+        open: f,
+        onOpenChange: N,
+        classNames: T,
+        dataAttributes: B,
+        renderCheckIcon: _,
+        renderIndicator: m,
+        renderPillRemoveIcon: v,
+        renderLoading: g,
+        noOptionsMessage: "No matching tenors",
+        ...M
+      }
+    );
+  }
+);
+Pe.displayName = "TenorInputBase";
+function Me(r, n, t) {
+  const o = r.replace(/\D/g, "");
+  let i = "", a = 0;
+  for (let u = 0; u < n.length && a < o.length; u++) {
+    u > 0 && (i += t);
+    const f = n[u];
+    i += o.slice(a, a + f), a += f;
+  }
+  return i;
+}
+function We(r, n) {
+  const t = r.reduce((i, a) => i + a, 0), o = r.length - 1;
+  return t + o * n.length;
+}
+function Y(...r) {
+  return r.filter(Boolean).join(" ") || void 0;
+}
+const oe = U(
+  ({
+    dateValue: r,
+    tenorValue: n,
+    onChange: t,
+    referenceDate: o,
+    tenorResolver: i,
+    dateFormat: a = "YYYY-MM-DD",
+    minDate: u,
+    maxDate: f,
+    disabledDates: N,
+    extraTenors: T,
+    allowedTenors: B,
+    disabled: _,
+    readOnly: m,
+    datePlaceholder: v,
+    tenorSectionTitle: g = "Tenor",
+    weekStartsOn: M,
+    classNames: l,
+    dataAttributes: W,
+    renderCalendarIcon: R,
+    renderIndicator: k,
+    renderCalendarNavPrev: h,
+    renderCalendarNavNext: D,
+    dateId: ae,
+    dateAriaLabel: se,
+    tenorAriaLabel: ie,
+    ...ce
+  }, le) => {
+    const G = F(null), K = F(null), b = Ce(a), $ = we(a), j = We($, b), [S, C] = V(!1), [w, x] = V(() => r ? L(r, a) : "");
+    ee(() => {
+      r !== void 0 && x(r === null ? "" : L(r, a));
+    }, [r, a]);
+    const de = P(() => {
+      if (B) return B;
+      const e = [...J];
+      if (T)
+        for (const c of T)
+          e.includes(c) || e.push(c);
+      return e;
+    }, [B, T]), O = y(() => o ?? /* @__PURE__ */ new Date(), [o]), Q = y(
+      (e, c) => i ? i(e, c) : Be(e, c),
+      [i]
+    );
+    ee(() => {
+      if (!S) return;
+      const e = (c) => {
+        G.current && !G.current.contains(c.target) && C(!1);
+      };
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [S]);
+    const X = y(() => {
+      _ || m || C((e) => !e);
+    }, [_, m]), ue = y(
+      (e) => {
+        if (_ || m) return;
+        const I = e.target.value.split("").filter((Z) => /\d/.test(Z) || Z === b).join(""), me = Me(I, $, b).slice(0, j);
+        x(me);
+      },
+      [_, m, b, $, j]
+    ), pe = y(() => {
+      if (w.trim() === "") {
+        t?.({ date: null, tenor: null });
+        return;
+      }
+      const e = ne(w, a);
+      if (!e.valid || !e.date) return;
+      const c = Oe(e.date, {
+        min: u,
+        max: f,
+        disabledDates: N
+      });
+      if (!c.valid || !c.date) return;
+      const I = O(), A = te(c.date, I);
+      t?.({ date: c.date, tenor: A });
+    }, [w, a, t, u, f, N, O]), fe = y(
+      (e) => {
+        if (e.key === "Escape" && S) {
+          C(!1);
+          return;
+        }
+        [
+          "Backspace",
+          "Delete",
+          "Tab",
+          "ArrowLeft",
+          "ArrowRight",
+          "ArrowUp",
+          "ArrowDown",
+          "Home",
+          "End",
+          "Escape"
+        ].includes(e.key) || e.ctrlKey || e.metaKey || /^\d$/.test(e.key) || e.key !== b && e.preventDefault();
+      },
+      [b, S]
+    ), ye = y(
+      (e) => {
+        const c = L(e, a);
+        x(c);
+        const I = O(), A = te(e, I);
+        t?.({ date: e, tenor: A }), C(!1), K.current?.focus();
+      },
+      [a, t, O]
+    ), _e = y(
+      (e) => {
+        const c = O(), I = Q(e, c);
+        if (I) {
+          const A = L(I, a);
+          x(A);
+        }
+        t?.(e === n ? { date: null, tenor: null } : { date: I, tenor: e }), C(!1), K.current?.focus();
+      },
+      [O, Q, a, t, n]
+    ), ve = r !== void 0 ? r : (() => {
+      if (!w) return null;
+      const e = ne(w, a);
+      return e.valid ? e.date : null;
+    })();
+    return /* @__PURE__ */ E("div", { ref: Re(le, G), className: l?.root, ...W, ...ce, children: [
+      /* @__PURE__ */ E("div", { className: Y(l?.trigger, S && l?.triggerOpen), children: [
+        /* @__PURE__ */ d(
+          "input",
+          {
+            ref: K,
+            className: l?.dateInput,
+            type: "text",
+            inputMode: "numeric",
+            id: ae,
+            value: w,
+            placeholder: v ?? Ae(a),
+            disabled: _,
+            readOnly: m,
+            maxLength: j,
+            "aria-label": se,
+            onChange: ue,
+            onBlur: pe,
+            onKeyDown: fe,
+            onClick: () => {
+              !_ && !m && !S && C(!0);
+            }
+          }
+        ),
+        n ? /* @__PURE__ */ d("span", { className: l?.tenorBadge, children: n }) : null,
+        R ? /* @__PURE__ */ d(
+          "button",
+          {
+            type: "button",
+            className: l?.calendarButton,
+            onClick: X,
+            tabIndex: -1,
+            "aria-label": "Toggle date and tenor picker",
+            disabled: _,
+            children: R()
+          }
+        ) : null,
+        k ? /* @__PURE__ */ d(
+          "span",
+          {
+            className: Y(l?.indicator, S && l?.indicatorOpen),
+            "aria-hidden": "true",
+            onMouseDown: (e) => {
+              e.preventDefault(), X();
+            },
+            children: k(S)
+          }
+        ) : null
+      ] }),
+      S ? /* @__PURE__ */ E("div", { className: l?.popup, children: [
+        /* @__PURE__ */ d("div", { className: l?.calendarSection, children: /* @__PURE__ */ d(
+          be,
+          {
+            value: ve,
+            onSelect: ye,
+            min: u,
+            max: f,
+            disabledDates: N,
+            weekStartsOn: M,
+            classNames: l?.calendar,
+            renderNavPrev: h,
+            renderNavNext: D
+          }
+        ) }),
+        /* @__PURE__ */ E("div", { className: l?.tenorSection, role: "listbox", "aria-label": ie ?? "Tenor", children: [
+          g ? /* @__PURE__ */ d("div", { className: l?.tenorTitle, "aria-hidden": "true", children: g }) : null,
+          /* @__PURE__ */ d("div", { className: l?.tenorGrid, children: de.map((e) => /* @__PURE__ */ d(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": e === n || void 0,
+              className: Y(l?.tenor, e === n && l?.tenorSelected),
+              onMouseDown: (c) => {
+                c.preventDefault(), _e(e);
+              },
+              children: e
+            },
+            e
+          )) })
+        ] })
+      ] }) : null
+    ] });
+  }
+);
+oe.displayName = "DateTenorInputBase";
+const Ge = "_root_s79ry_1", Ke = "_fullWidth_s79ry_6", $e = "_trigger_s79ry_10", je = "_variantPrimary_s79ry_34", Ye = "_variantSecondary_s79ry_37", He = "_variantTertiary_s79ry_41", qe = "_statusError_s79ry_49", ze = "_statusWarning_s79ry_52", Je = "_statusSuccess_s79ry_55", Qe = "_open_s79ry_58", Xe = "_disabled_s79ry_63", Ze = "_dateInput_s79ry_72", Fe = "_tenorBadge_s79ry_75", Ve = "_calendarButton_s79ry_80", et = "_indicator_s79ry_81", tt = "_indicatorOpen_s79ry_166", nt = "_popup_s79ry_170", rt = "_calendarSection_s79ry_185", ot = "_tenorSection_s79ry_190", at = "_tenorTitle_s79ry_200", st = "_tenorGrid_s79ry_216", it = "_tenor_s79ry_75", ct = "_tenorSelected_s79ry_245", s = {
+  root: Ge,
+  fullWidth: Ke,
+  trigger: $e,
+  variantPrimary: je,
+  variantSecondary: Ye,
+  variantTertiary: He,
+  statusError: qe,
+  statusWarning: ze,
+  statusSuccess: Je,
+  open: Qe,
+  disabled: Xe,
+  dateInput: Ze,
+  tenorBadge: Fe,
+  calendarButton: Ve,
+  indicator: et,
+  indicatorOpen: tt,
+  popup: nt,
+  calendarSection: rt,
+  tenorSection: ot,
+  tenorTitle: at,
+  tenorGrid: st,
+  tenor: it,
+  tenorSelected: ct
+}, lt = he(s.trigger, {
+  variants: {
+    variant: {
+      primary: s.variantPrimary,
+      secondary: s.variantSecondary,
+      tertiary: s.variantTertiary
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+}), dt = {
+  error: s.statusError,
+  warning: s.statusWarning,
+  success: s.statusSuccess
+}, ut = { [z]: q.dateTenorInput };
+function pt() {
+  return /* @__PURE__ */ d(Te, { "aria-hidden": "true", [z]: q.calendarIcon });
+}
+function ft(r) {
+  return /* @__PURE__ */ d(Ne, {});
+}
+function yt() {
+  return /* @__PURE__ */ d(Ie, { "aria-hidden": "true" });
+}
+function _t() {
+  return /* @__PURE__ */ d(Se, { "aria-hidden": "true" });
+}
+const vt = U(
+  ({ className: r, variant: n, validationStatus: t, fullWidth: o, disabled: i, ...a }, u) => {
+    const f = P(
+      () => ({
+        root: H(
+          s.root,
+          o && s.fullWidth,
+          i && s.disabled,
+          r
+        ),
+        trigger: H(
+          lt({ variant: n }),
+          t && dt[t]
+        ),
+        triggerOpen: s.open,
+        dateInput: s.dateInput,
+        tenorBadge: s.tenorBadge,
+        calendarButton: s.calendarButton,
+        indicator: s.indicator,
+        indicatorOpen: s.indicatorOpen,
+        popup: s.popup,
+        calendarSection: s.calendarSection,
+        tenorSection: s.tenorSection,
+        tenorTitle: s.tenorTitle,
+        tenorGrid: s.tenorGrid,
+        tenor: s.tenor,
+        tenorSelected: s.tenorSelected,
+        calendar: {
+          root: p.root,
+          header: p.header,
+          navButton: p.navButton,
+          title: p.title,
+          weekdayRow: p.weekdayRow,
+          weekday: p.weekday,
+          grid: p.grid,
+          row: p.row,
+          day: p.day,
+          dayToday: p.dayToday,
+          daySelected: p.daySelected,
+          dayDisabled: p.dayDisabled,
+          dayOutside: p.dayOutside,
+          footer: p.footer
+        }
+      }),
+      [r, n, t, o, i]
+    );
+    return /* @__PURE__ */ d(
+      oe,
+      {
+        ref: u,
+        disabled: i,
+        classNames: f,
+        dataAttributes: ut,
+        renderCalendarIcon: pt,
+        renderIndicator: ft,
+        renderCalendarNavPrev: yt,
+        renderCalendarNavNext: _t,
+        ...a
+      }
+    );
+  }
+);
+vt.displayName = "DateTenorInput";
+export {
+  vt as DateTenorInput,
+  oe as DateTenorInputBase,
+  Ee as TenorInput,
+  Pe as TenorInputBase
+};
+//# sourceMappingURL=finance.js.map

package/dist/finance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"finance.js","sources":["../src/components/TenorInput/TenorInput.tsx","../src/unstyled/TenorInput/TenorInput.tsx","../src/unstyled/DateTenorInput/DateTenorInput.tsx","../src/components/DateTenorInput/DateTenorInput.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { forwardRef, useCallback, useMemo } from \"react\";\n\nimport { parseTenor, STANDARD_TENORS } from \"../../utils/tenor\";\nimport { ComboBox, type ComboBoxOption, type ComboBoxProps } from \"../ComboBox/ComboBox\";\nimport { componentIds, FINRA_UI_ATTR } from \"../componentIds\";\n\nexport interface TenorInputProps extends Omit<\n  ComboBoxProps<string>,\n  | \"options\"\n  | \"multiple\"\n  | \"creatable\"\n  | \"onCreateOption\"\n  | \"formatCreateLabel\"\n  | \"value\"\n  | \"onChange\"\n> {\n  /** Selected tenor value. */\n  value?: string | null;\n  /** Called when tenor changes. */\n  onChange?: (tenor: string | null) => void;\n  /** Additional tenors beyond the standard set. */\n  extraTenors?: string[];\n  /** Restrict to only these tenors. */\n  allowedTenors?: string[];\n  /** Allow free-text tenor input (e.g. \"4M\"). */\n  allowCustom?: boolean;\n}\n\nfunction buildTenorOptions(\n  allowedTenors?: string[],\n  extraTenors?: string[],\n): ComboBoxOption<string>[] {\n  let tenors: string[];\n\n  if (allowedTenors) {\n    tenors = allowedTenors;\n  } else {\n    tenors = [...STANDARD_TENORS];\n    if (extraTenors) {\n      for (const t of extraTenors) {\n        if (!tenors.includes(t)) {\n          tenors.push(t);\n        }\n      }\n    }\n  }\n\n  return tenors.map((t) => ({ value: t, label: t }));\n}\n\nfunction tenorFilterFn(option: ComboBoxOption<string>, inputValue: string): boolean {\n  const needle = inputValue.toUpperCase();\n  return option.label.toUpperCase().includes(needle);\n}\n\nexport const TenorInput = forwardRef<HTMLInputElement, TenorInputProps>(\n  (\n    {\n      value,\n      onChange,\n      extraTenors,\n      allowedTenors,\n      allowCustom = false,\n      placeholder = \"Select tenor...\",\n      className,\n      noOptionsMessage = \"No matching tenors\",\n      ...props\n    },\n    ref,\n  ) => {\n    const options = useMemo(\n      () => buildTenorOptions(allowedTenors, extraTenors),\n      [allowedTenors, extraTenors],\n    );\n\n    const handleChange = useCallback(\n      (val: string | string[] | null) => {\n        const tenor = Array.isArray(val) ? (val[0] ?? null) : val;\n        onChange?.(tenor);\n      },\n      [onChange],\n    );\n\n    const handleCreateOption = useCallback(\n      (inputValue: string) => {\n        const parsed = parseTenor(inputValue);\n        if (parsed.valid && parsed.tenor) {\n          onChange?.(parsed.tenor);\n        }\n      },\n      [onChange],\n    );\n\n    return (\n      <div {...{ [FINRA_UI_ATTR]: componentIds.tenorInput }}>\n        <ComboBox<string>\n          ref={ref}\n          options={options}\n          value={value}\n          onChange={handleChange}\n          filterFn={tenorFilterFn}\n          creatable={allowCustom}\n          onCreateOption={allowCustom ? handleCreateOption : undefined}\n          formatCreateLabel={allowCustom ? (v) => `Use \"${v.toUpperCase()}\"` : undefined}\n          placeholder={placeholder}\n          className={clsx(className)}\n          noOptionsMessage={noOptionsMessage}\n          {...props}\n        />\n      </div>\n    );\n  },\n);\n\nTenorInput.displayName = \"TenorInput\";\n","import { forwardRef, type HTMLAttributes, type ReactNode, useCallback, useMemo } from \"react\";\n\nimport { parseTenor, STANDARD_TENORS } from \"../../utils/tenor\";\nimport { ComboBoxBase, type ComboBoxClassNames, type ComboBoxOption } from \"../ComboBox/ComboBox\";\n\nexport interface TenorInputClassNames extends ComboBoxClassNames {}\n\nexport interface TenorInputBaseProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** Selected tenor value. */\n  value?: string | null;\n  /** Called when tenor changes. */\n  onChange?: (tenor: string | null) => void;\n  /** Additional tenors beyond the standard set. */\n  extraTenors?: string[];\n  /** Restrict to only these tenors. */\n  allowedTenors?: string[];\n  /** Allow free-text tenor input (e.g. \"4M\"). */\n  allowCustom?: boolean;\n  placeholder?: string;\n  disabled?: boolean;\n\n  // Open state\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n\n  // Style injection (same pattern as ComboBox)\n  classNames?: TenorInputClassNames;\n  dataAttributes?: Record<string, string>;\n  renderCheckIcon?: () => ReactNode;\n  renderIndicator?: (isOpen: boolean) => ReactNode;\n  renderPillRemoveIcon?: () => ReactNode;\n  renderLoading?: () => ReactNode;\n}\n\nfunction buildTenorOptions(\n  allowedTenors?: string[],\n  extraTenors?: string[],\n): ComboBoxOption<string>[] {\n  let tenors: string[];\n\n  if (allowedTenors) {\n    tenors = allowedTenors;\n  } else {\n    tenors = [...STANDARD_TENORS];\n    if (extraTenors) {\n      for (const t of extraTenors) {\n        if (!tenors.includes(t)) {\n          tenors.push(t);\n        }\n      }\n    }\n  }\n\n  return tenors.map((t) => ({ value: t, label: t }));\n}\n\nfunction tenorFilterFn(option: ComboBoxOption<string>, inputValue: string): boolean {\n  const needle = inputValue.toUpperCase();\n  return option.label.toUpperCase().includes(needle);\n}\n\nexport const TenorInputBase = forwardRef<HTMLInputElement, TenorInputBaseProps>(\n  (\n    {\n      value,\n      onChange,\n      extraTenors,\n      allowedTenors,\n      allowCustom = false,\n      placeholder = \"Select tenor...\",\n      disabled,\n      open,\n      onOpenChange,\n      classNames,\n      dataAttributes,\n      renderCheckIcon,\n      renderIndicator,\n      renderPillRemoveIcon,\n      renderLoading,\n      ...props\n    },\n    ref,\n  ) => {\n    const options = useMemo(\n      () => buildTenorOptions(allowedTenors, extraTenors),\n      [allowedTenors, extraTenors],\n    );\n\n    const handleChange = useCallback(\n      (val: string | string[] | null) => {\n        // TenorInput is always single-select\n        const tenor = Array.isArray(val) ? (val[0] ?? null) : val;\n        onChange?.(tenor);\n      },\n      [onChange],\n    );\n\n    const handleCreateOption = useCallback(\n      (inputValue: string) => {\n        const parsed = parseTenor(inputValue);\n        if (parsed.valid && parsed.tenor) {\n          onChange?.(parsed.tenor);\n        }\n      },\n      [onChange],\n    );\n\n    return (\n      <ComboBoxBase<string>\n        ref={ref}\n        options={options}\n        value={value}\n        onChange={handleChange}\n        filterFn={tenorFilterFn}\n        creatable={allowCustom}\n        onCreateOption={allowCustom ? handleCreateOption : undefined}\n        formatCreateLabel={allowCustom ? (v) => `Use \"${v.toUpperCase()}\"` : undefined}\n        placeholder={placeholder}\n        disabled={disabled}\n        open={open}\n        onOpenChange={onOpenChange}\n        classNames={classNames}\n        dataAttributes={dataAttributes}\n        renderCheckIcon={renderCheckIcon}\n        renderIndicator={renderIndicator}\n        renderPillRemoveIcon={renderPillRemoveIcon}\n        renderLoading={renderLoading}\n        noOptionsMessage=\"No matching tenors\"\n        {...props}\n      />\n    );\n  },\n);\n\nTenorInputBase.displayName = \"TenorInputBase\";\n","import {\n  type ChangeEvent,\n  forwardRef,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport type { DateFormat } from \"../../utils/dateFormat\";\nimport {\n  formatDate,\n  getFormatPlaceholder,\n  getFormatSegmentLengths,\n  getFormatSeparator,\n  parseDate,\n  validateDate,\n} from \"../../utils/dateFormat\";\nimport { mergeRefs } from \"../../utils/mergeRefs\";\nimport type { TenorResolver } from \"../../utils/tenor\";\nimport { dateToTenor, resolveTenor, STANDARD_TENORS } from \"../../utils/tenor\";\nimport type { CalendarClassNames } from \"../Calendar/Calendar\";\nimport { CalendarBase } from \"../Calendar/Calendar\";\n\n//  Types\n\nexport interface DateTenorInputClassNames {\n  root?: string;\n  trigger?: string;\n  triggerOpen?: string;\n  dateInput?: string;\n  tenorBadge?: string;\n  calendarButton?: string;\n  indicator?: string;\n  indicatorOpen?: string;\n  popup?: string;\n  calendarSection?: string;\n  tenorSection?: string;\n  tenorTitle?: string;\n  tenorGrid?: string;\n  tenor?: string;\n  tenorSelected?: string;\n  calendar?: CalendarClassNames;\n}\n\nexport interface DateTenorInputBaseProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"onChange\" | \"defaultValue\"\n> {\n  /** Current date value. */\n  dateValue?: Date | null;\n  /** Current tenor value. */\n  tenorValue?: string | null;\n  /** Called when either field changes. */\n  onChange?: (values: { date: Date | null; tenor: string | null }) => void;\n  /** Reference date for tenor resolution (defaults to today). */\n  referenceDate?: Date;\n  /** Custom tenor-to-date resolver (for business day logic, holidays). */\n  tenorResolver?: TenorResolver;\n  /** Date format pattern. */\n  dateFormat?: DateFormat;\n  /** Minimum allowed date. */\n  minDate?: Date;\n  /** Maximum allowed date. */\n  maxDate?: Date;\n  /** Dates that cannot be selected. */\n  disabledDates?: Date[] | ((date: Date) => boolean);\n  /** Additional tenors beyond the standard set. */\n  extraTenors?: string[];\n  /** Restrict to only these tenors. */\n  allowedTenors?: string[];\n  /** Disable both fields. */\n  disabled?: boolean;\n  /** Make both fields read-only. */\n  readOnly?: boolean;\n  /** Placeholder for the date input. */\n  datePlaceholder?: string;\n  /** Placeholder for the tenor section title. */\n  tenorSectionTitle?: string;\n  /** 0 = Sunday, 1 = Monday. Default: 1. */\n  weekStartsOn?: 0 | 1;\n  /** CSS class names injected by the styled layer. */\n  classNames?: DateTenorInputClassNames;\n  /** data-* attributes injected by the styled layer. */\n  dataAttributes?: Record<string, string>;\n  /** Render the calendar icon for the trigger. */\n  renderCalendarIcon?: () => ReactNode;\n  /** Render the dropdown indicator. */\n  renderIndicator?: (isOpen: boolean) => ReactNode;\n  /** Render the calendar prev month nav icon. */\n  renderCalendarNavPrev?: () => ReactNode;\n  /** Render the calendar next month nav icon. */\n  renderCalendarNavNext?: () => ReactNode;\n  /** id for the date input element. */\n  dateId?: string;\n  /** aria-label for the date input. */\n  dateAriaLabel?: string;\n  /** aria-label for the tenor section. */\n  tenorAriaLabel?: string;\n}\n\n//  Helpers\n\nfunction autoInsertSeparators(raw: string, segmentLengths: readonly number[], sep: string): string {\n  const digitsOnly = raw.replace(/\\D/g, \"\");\n  let result = \"\";\n  let digitIndex = 0;\n  for (let i = 0; i < segmentLengths.length && digitIndex < digitsOnly.length; i++) {\n    if (i > 0) result += sep;\n    const segLen = segmentLengths[i];\n    result += digitsOnly.slice(digitIndex, digitIndex + segLen);\n    digitIndex += segLen;\n  }\n  return result;\n}\n\nfunction getMaxLength(segmentLengths: readonly number[], sep: string): number {\n  const digitCount = segmentLengths.reduce((sum, len) => sum + len, 0);\n  const separatorCount = segmentLengths.length - 1;\n  return digitCount + separatorCount * sep.length;\n}\n\nfunction cx(...classes: (string | false | undefined | null)[]): string | undefined {\n  const result = classes.filter(Boolean).join(\" \");\n  return result || undefined;\n}\n\n//  Component\n\nexport const DateTenorInputBase = forwardRef<HTMLDivElement, DateTenorInputBaseProps>(\n  (\n    {\n      dateValue,\n      tenorValue,\n      onChange,\n      referenceDate,\n      tenorResolver,\n      dateFormat = \"YYYY-MM-DD\",\n      minDate,\n      maxDate,\n      disabledDates,\n      extraTenors,\n      allowedTenors,\n      disabled,\n      readOnly,\n      datePlaceholder,\n      tenorSectionTitle = \"Tenor\",\n      weekStartsOn,\n      classNames: cn,\n      dataAttributes,\n      renderCalendarIcon,\n      renderIndicator,\n      renderCalendarNavPrev,\n      renderCalendarNavNext,\n      dateId,\n      dateAriaLabel,\n      tenorAriaLabel,\n      ...props\n    },\n    ref,\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    // Format helpers\n    const separator = getFormatSeparator(dateFormat);\n    const segmentLengths = getFormatSegmentLengths(dateFormat);\n    const maxLen = getMaxLength(segmentLengths, separator);\n\n    // Open state\n    const [isOpen, setIsOpen] = useState(false);\n\n    // Input text\n    const [inputText, setInputText] = useState(() => {\n      if (dateValue) return formatDate(dateValue, dateFormat);\n      return \"\";\n    });\n\n    // Sync controlled dateValue → input text\n    useEffect(() => {\n      if (dateValue === undefined) return;\n      setInputText(dateValue === null ? \"\" : formatDate(dateValue, dateFormat));\n    }, [dateValue, dateFormat]);\n\n    // Build tenor list\n    const tenors = useMemo(() => {\n      if (allowedTenors) return allowedTenors;\n      const list = [...STANDARD_TENORS] as string[];\n      if (extraTenors) {\n        for (const t of extraTenors) {\n          if (!list.includes(t)) list.push(t);\n        }\n      }\n      return list;\n    }, [allowedTenors, extraTenors]);\n\n    // Resolve helpers\n    const getRefDate = useCallback(() => referenceDate ?? new Date(), [referenceDate]);\n\n    const resolve = useCallback(\n      (tenor: string, refDate: Date): Date | null => {\n        return tenorResolver ? tenorResolver(tenor, refDate) : resolveTenor(tenor, refDate);\n      },\n      [tenorResolver],\n    );\n\n    // Close on outside click\n    useEffect(() => {\n      if (!isOpen) return;\n      const handler = (e: MouseEvent) => {\n        if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n          setIsOpen(false);\n        }\n      };\n      document.addEventListener(\"mousedown\", handler);\n      return () => document.removeEventListener(\"mousedown\", handler);\n    }, [isOpen]);\n\n    const togglePopup = useCallback(() => {\n      if (disabled || readOnly) return;\n      setIsOpen((prev) => !prev);\n    }, [disabled, readOnly]);\n\n    //  Date input handlers (same auto-separator logic)\n\n    const handleInputChange = useCallback(\n      (e: ChangeEvent<HTMLInputElement>) => {\n        if (disabled || readOnly) return;\n        const raw = e.target.value;\n        const filtered = raw\n          .split(\"\")\n          .filter((ch) => /\\d/.test(ch) || ch === separator)\n          .join(\"\");\n        const formatted = autoInsertSeparators(filtered, segmentLengths, separator);\n        const clamped = formatted.slice(0, maxLen);\n        setInputText(clamped);\n      },\n      [disabled, readOnly, separator, segmentLengths, maxLen],\n    );\n\n    const handleInputBlur = useCallback(() => {\n      // Don't validate/fire on blur if popup is open (user is clicking calendar/tenor)\n      // The mousedown on calendar/tenor buttons prevents default, so blur doesn't fire\n      // But if they click outside, the outside-click handler closes the popup\n\n      if (inputText.trim() === \"\") {\n        onChange?.({ date: null, tenor: null });\n        return;\n      }\n      const parseResult = parseDate(inputText, dateFormat);\n      if (!parseResult.valid || !parseResult.date) return;\n\n      const validationResult = validateDate(parseResult.date, {\n        min: minDate,\n        max: maxDate,\n        disabledDates,\n      });\n      if (!validationResult.valid || !validationResult.date) return;\n\n      const refDate = getRefDate();\n      const matchedTenor = dateToTenor(validationResult.date, refDate);\n      onChange?.({ date: validationResult.date, tenor: matchedTenor });\n    }, [inputText, dateFormat, onChange, minDate, maxDate, disabledDates, getRefDate]);\n\n    const handleInputKeyDown = useCallback(\n      (e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === \"Escape\" && isOpen) {\n          setIsOpen(false);\n          return;\n        }\n        const allowedKeys = [\n          \"Backspace\",\n          \"Delete\",\n          \"Tab\",\n          \"ArrowLeft\",\n          \"ArrowRight\",\n          \"ArrowUp\",\n          \"ArrowDown\",\n          \"Home\",\n          \"End\",\n          \"Escape\",\n        ];\n        if (allowedKeys.includes(e.key)) return;\n        if (e.ctrlKey || e.metaKey) return;\n        if (/^\\d$/.test(e.key)) return;\n        if (e.key === separator) return;\n        e.preventDefault();\n      },\n      [separator, isOpen],\n    );\n\n    //  Calendar selection\n\n    const handleCalendarSelect = useCallback(\n      (date: Date) => {\n        const formatted = formatDate(date, dateFormat);\n        setInputText(formatted);\n        const refDate = getRefDate();\n        const matchedTenor = dateToTenor(date, refDate);\n        onChange?.({ date, tenor: matchedTenor });\n        setIsOpen(false);\n        inputRef.current?.focus();\n      },\n      [dateFormat, onChange, getRefDate],\n    );\n\n    //  Tenor selection\n\n    const handleTenorSelect = useCallback(\n      (tenor: string) => {\n        const refDate = getRefDate();\n        const resolvedDate = resolve(tenor, refDate);\n        if (resolvedDate) {\n          const formatted = formatDate(resolvedDate, dateFormat);\n          setInputText(formatted);\n        }\n        // If the clicked tenor is the same as the current, deselect\n        if (tenor === tenorValue) {\n          onChange?.({ date: null, tenor: null });\n        } else {\n          onChange?.({ date: resolvedDate, tenor });\n        }\n        setIsOpen(false);\n        inputRef.current?.focus();\n      },\n      [getRefDate, resolve, dateFormat, onChange, tenorValue],\n    );\n\n    // Calendar display value\n    const calendarDisplayValue: Date | null | undefined =\n      dateValue !== undefined\n        ? dateValue\n        : (() => {\n            if (!inputText) return null;\n            const result = parseDate(inputText, dateFormat);\n            return result.valid ? result.date : null;\n          })();\n\n    return (\n      <div ref={mergeRefs(ref, containerRef)} className={cn?.root} {...dataAttributes} {...props}>\n        {/* Trigger */}\n        <div className={cx(cn?.trigger, isOpen && cn?.triggerOpen)}>\n          <input\n            ref={inputRef}\n            className={cn?.dateInput}\n            type=\"text\"\n            inputMode=\"numeric\"\n            id={dateId}\n            value={inputText}\n            placeholder={datePlaceholder ?? getFormatPlaceholder(dateFormat)}\n            disabled={disabled}\n            readOnly={readOnly}\n            maxLength={maxLen}\n            aria-label={dateAriaLabel}\n            onChange={handleInputChange}\n            onBlur={handleInputBlur}\n            onKeyDown={handleInputKeyDown}\n            onClick={() => {\n              if (!disabled && !readOnly && !isOpen) setIsOpen(true);\n            }}\n          />\n\n          {tenorValue ? <span className={cn?.tenorBadge}>{tenorValue}</span> : null}\n\n          {renderCalendarIcon ? (\n            <button\n              type=\"button\"\n              className={cn?.calendarButton}\n              onClick={togglePopup}\n              tabIndex={-1}\n              aria-label=\"Toggle date and tenor picker\"\n              disabled={disabled}>\n              {renderCalendarIcon()}\n            </button>\n          ) : null}\n\n          {renderIndicator ? (\n            <span\n              className={cx(cn?.indicator, isOpen && cn?.indicatorOpen)}\n              aria-hidden=\"true\"\n              onMouseDown={(e) => {\n                e.preventDefault();\n                togglePopup();\n              }}>\n              {renderIndicator(isOpen)}\n            </span>\n          ) : null}\n        </div>\n\n        {/* Popup: calendar + tenor list */}\n        {isOpen ? (\n          <div className={cn?.popup}>\n            <div className={cn?.calendarSection}>\n              <CalendarBase\n                value={calendarDisplayValue}\n                onSelect={handleCalendarSelect}\n                min={minDate}\n                max={maxDate}\n                disabledDates={disabledDates}\n                weekStartsOn={weekStartsOn}\n                classNames={cn?.calendar}\n                renderNavPrev={renderCalendarNavPrev}\n                renderNavNext={renderCalendarNavNext}\n              />\n            </div>\n            <div className={cn?.tenorSection} role=\"listbox\" aria-label={tenorAriaLabel ?? \"Tenor\"}>\n              {tenorSectionTitle ? (\n                <div className={cn?.tenorTitle} aria-hidden=\"true\">\n                  {tenorSectionTitle}\n                </div>\n              ) : null}\n              <div className={cn?.tenorGrid}>\n                {tenors.map((t) => (\n                  <button\n                    key={t}\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={t === tenorValue || undefined}\n                    className={cx(cn?.tenor, t === tenorValue && cn?.tenorSelected)}\n                    onMouseDown={(e) => {\n                      e.preventDefault();\n                      handleTenorSelect(t);\n                    }}>\n                    {t}\n                  </button>\n                ))}\n              </div>\n            </div>\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nDateTenorInputBase.displayName = \"DateTenorInputBase\";\n","import { cva, type VariantProps } from \"class-variance-authority\";\nimport { clsx } from \"clsx\";\nimport { forwardRef, useMemo } from \"react\";\n\nimport {\n  CalendarIcon,\n  ChevronDownIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n} from \"../../assets/icons\";\nimport type {\n  DateTenorInputBaseProps,\n  DateTenorInputClassNames,\n} from \"../../unstyled/DateTenorInput/DateTenorInput\";\nimport { DateTenorInputBase } from \"../../unstyled/DateTenorInput/DateTenorInput\";\nimport calendarStyles from \"../Calendar/Calendar.module.scss\";\nimport { componentIds, FINRA_UI_ATTR } from \"../componentIds\";\nimport type { ValidationStatus } from \"../Input/Input\";\nimport styles from \"./DateTenorInput.module.scss\";\n\n//  Variant CVA (for the trigger)\n\nconst triggerVariants = cva(styles.trigger, {\n  variants: {\n    variant: {\n      primary: styles.variantPrimary,\n      secondary: styles.variantSecondary,\n      tertiary: styles.variantTertiary,\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n  },\n});\n\n//  Validation classes\n\nconst validationClasses: Record<ValidationStatus, string> = {\n  error: styles.statusError,\n  warning: styles.statusWarning,\n  success: styles.statusSuccess,\n};\n\n//  Props\n\nexport interface DateTenorInputProps\n  extends\n    Omit<\n      DateTenorInputBaseProps,\n      | \"classNames\"\n      | \"dataAttributes\"\n      | \"renderCalendarIcon\"\n      | \"renderIndicator\"\n      | \"renderCalendarNavPrev\"\n      | \"renderCalendarNavNext\"\n    >,\n    VariantProps<typeof triggerVariants> {\n  /** Visual validation status. */\n  validationStatus?: ValidationStatus;\n  /** Stretch to fill container width. */\n  fullWidth?: boolean;\n  /** Additional CSS class for the root wrapper. */\n  className?: string;\n}\n\n//  Static data attributes\n\nconst dateTenorDataAttributes = { [FINRA_UI_ATTR]: componentIds.dateTenorInput } as const;\n\n//  Styled render callbacks\n\nfunction styledCalendarIcon() {\n  return <CalendarIcon aria-hidden=\"true\" {...{ [FINRA_UI_ATTR]: componentIds.calendarIcon }} />;\n}\n\nfunction styledIndicator(_isOpen: boolean) {\n  return <ChevronDownIcon />;\n}\n\nfunction styledNavPrev() {\n  return <ChevronLeftIcon aria-hidden=\"true\" />;\n}\n\nfunction styledNavNext() {\n  return <ChevronRightIcon aria-hidden=\"true\" />;\n}\n\n//  Component\n\nexport const DateTenorInput = forwardRef<HTMLDivElement, DateTenorInputProps>(\n  ({ className, variant, validationStatus, fullWidth, disabled, ...props }, ref) => {\n    const classNames = useMemo<DateTenorInputClassNames>(\n      () => ({\n        root: clsx(\n          styles.root,\n          fullWidth && styles.fullWidth,\n          disabled && styles.disabled,\n          className,\n        ),\n        trigger: clsx(\n          triggerVariants({ variant }),\n          validationStatus && validationClasses[validationStatus],\n        ),\n        triggerOpen: styles.open,\n        dateInput: styles.dateInput,\n        tenorBadge: styles.tenorBadge,\n        calendarButton: styles.calendarButton,\n        indicator: styles.indicator,\n        indicatorOpen: styles.indicatorOpen,\n        popup: styles.popup,\n        calendarSection: styles.calendarSection,\n        tenorSection: styles.tenorSection,\n        tenorTitle: styles.tenorTitle,\n        tenorGrid: styles.tenorGrid,\n        tenor: styles.tenor,\n        tenorSelected: styles.tenorSelected,\n        calendar: {\n          root: calendarStyles.root,\n          header: calendarStyles.header,\n          navButton: calendarStyles.navButton,\n          title: calendarStyles.title,\n          weekdayRow: calendarStyles.weekdayRow,\n          weekday: calendarStyles.weekday,\n          grid: calendarStyles.grid,\n          row: calendarStyles.row,\n          day: calendarStyles.day,\n          dayToday: calendarStyles.dayToday,\n          daySelected: calendarStyles.daySelected,\n          dayDisabled: calendarStyles.dayDisabled,\n          dayOutside: calendarStyles.dayOutside,\n          footer: calendarStyles.footer,\n        },\n      }),\n      [className, variant, validationStatus, fullWidth, disabled],\n    );\n\n    return (\n      <DateTenorInputBase\n        ref={ref}\n        disabled={disabled}\n        classNames={classNames}\n        dataAttributes={dateTenorDataAttributes}\n        renderCalendarIcon={styledCalendarIcon}\n        renderIndicator={styledIndicator}\n        renderCalendarNavPrev={styledNavPrev}\n        renderCalendarNavNext={styledNavNext}\n        {...props}\n      />\n    );\n  },\n);\n\nDateTenorInput.displayName = \"DateTenorInput\";\n"],"names":["buildTenorOptions","allowedTenors","extraTenors","tenors","STANDARD_TENORS","t","tenorFilterFn","option","inputValue","needle","TenorInput","forwardRef","value","onChange","allowCustom","placeholder","className","noOptionsMessage","props","ref","options","useMemo","handleChange","useCallback","val","tenor","handleCreateOption","parsed","parseTenor","jsx","FINRA_UI_ATTR","componentIds","ComboBox","clsx","TenorInputBase","disabled","open","onOpenChange","classNames","dataAttributes","renderCheckIcon","renderIndicator","renderPillRemoveIcon","renderLoading","ComboBoxBase","v","autoInsertSeparators","raw","segmentLengths","sep","digitsOnly","result","digitIndex","i","segLen","getMaxLength","digitCount","sum","len","separatorCount","cx","classes","DateTenorInputBase","dateValue","tenorValue","referenceDate","tenorResolver","dateFormat","minDate","maxDate","disabledDates","readOnly","datePlaceholder","tenorSectionTitle","weekStartsOn","cn","renderCalendarIcon","renderCalendarNavPrev","renderCalendarNavNext","dateId","dateAriaLabel","tenorAriaLabel","containerRef","useRef","inputRef","separator","getFormatSeparator","getFormatSegmentLengths","maxLen","isOpen","setIsOpen","useState","inputText","setInputText","formatDate","useEffect","list","getRefDate","resolve","refDate","resolveTenor","handler","e","togglePopup","prev","handleInputChange","filtered","ch","clamped","handleInputBlur","parseResult","parseDate","validationResult","validateDate","matchedTenor","dateToTenor","handleInputKeyDown","handleCalendarSelect","date","formatted","handleTenorSelect","resolvedDate","calendarDisplayValue","jsxs","mergeRefs","getFormatPlaceholder","CalendarBase","triggerVariants","cva","styles","validationClasses","dateTenorDataAttributes","styledCalendarIcon","CalendarIcon","styledIndicator","_isOpen","ChevronDownIcon","styledNavPrev","ChevronLeftIcon","styledNavNext","ChevronRightIcon","DateTenorInput","variant","validationStatus","fullWidth","calendarStyles"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,32 +1,36 @@
-export { FINRA_UI_ATTR, componentIds } from './components/componentIds';
 export type { ComponentId } from './components/componentIds';
-export { Button } from './components/Button/Button';
+export { componentIds, FINRA_UI_ATTR } from './components/componentIds';
 export type { ButtonProps, ButtonSentiment } from './components/Button/Button';
-export { IconButton } from './components/IconButton/IconButton';
+export { Button } from './components/Button/Button';
 export type { IconButtonProps, IconButtonSentiment } from './components/IconButton/IconButton';
-export { ButtonGroup } from './components/ButtonGroup/ButtonGroup';
+export { IconButton } from './components/IconButton/IconButton';
 export type { ButtonGroupProps } from './components/ButtonGroup/ButtonGroup';
-export { Input } from './components/Input/Input';
+export { ButtonGroup } from './components/ButtonGroup/ButtonGroup';
 export type { InputProps, ValidationStatus } from './components/Input/Input';
-export { Textarea } from './components/Textarea/Textarea';
+export { Input } from './components/Input/Input';
 export type { TextareaProps } from './components/Textarea/Textarea';
-export { NumberInput } from './components/NumberInput/NumberInput';
+export { Textarea } from './components/Textarea/Textarea';
 export type { NumberInputProps } from './components/NumberInput/NumberInput';
-export { FormField } from './components/FormField/FormField';
+export { NumberInput } from './components/NumberInput/NumberInput';
 export type { FormFieldProps } from './components/FormField/FormField';
-export { Checkbox } from './components/Checkbox/Checkbox';
+export { FormField } from './components/FormField/FormField';
 export type { CheckboxProps } from './components/Checkbox/Checkbox';
-export { Switch } from './components/Switch/Switch';
+export { Checkbox } from './components/Checkbox/Checkbox';
 export type { SwitchProps } from './components/Switch/Switch';
-export { RadioButton } from './components/RadioButton/RadioButton';
+export { Switch } from './components/Switch/Switch';
 export type { RadioButtonProps } from './components/RadioButton/RadioButton';
-export { Slider } from './components/Slider/Slider';
+export { RadioButton } from './components/RadioButton/RadioButton';
 export type { SliderProps } from './components/Slider/Slider';
-export { PillInput } from './components/PillInput/PillInput';
+export { Slider } from './components/Slider/Slider';
 export type { PillInputProps } from './components/PillInput/PillInput';
-export { FileDropZone } from './components/FileDropZone/FileDropZone';
+export { PillInput } from './components/PillInput/PillInput';
 export type { FileDropZoneProps } from './components/FileDropZone/FileDropZone';
-export { Badge } from './components/Badge/Badge';
+export { FileDropZone } from './components/FileDropZone/FileDropZone';
+export type { ComboBoxGroup, ComboBoxOption, ComboBoxProps, ComboBoxRenderOptionState, } from './components/ComboBox/ComboBox';
+export { ComboBox } from './components/ComboBox/ComboBox';
+export type { DateInputProps } from './components/DateInput/DateInput';
+export { DateInput } from './components/DateInput/DateInput';
 export type { BadgeProps, BadgeSentiment } from './components/Badge/Badge';
-export { Divider } from './components/Divider/Divider';
+export { Badge } from './components/Badge/Badge';
 export type { DividerProps } from './components/Divider/Divider';
+export { Divider } from './components/Divider/Divider';