@sesamehr/react-design-system 3.9.0 → 3.10.1

package/dist/Forms/Inputs/Combobox/useComboboxLabels.js

@@ -0,0 +1,13 @@
+import { useState as c, useCallback as b, useMemo as m } from "react";
+const p = /* @__PURE__ */ new Map();
+function M() {
+  const [o, l] = c(p), t = b((e, n) => {
+    l(
+      (s) => s.get(e) === n ? s : new Map(s).set(e, n)
+    );
+  }, []), a = b((e) => o.get(e), [o]);
+  return m(() => ({ register: t, labelFor: a }), [t, a]);
+}
+export {
+  M as useComboboxLabels
+};

package/dist/Forms/Inputs/Combobox/useComboboxSearch.js

@@ -0,0 +1,20 @@
+import { useMemo as s } from "react";
+import { useSearchDebounce as o } from "../../../hooks/useSearchDebounce/useSearchDebounce.js";
+function b(u, e) {
+  const { schedule: m, immediately: t } = o(
+    u,
+    (i) => e == null ? void 0 : e(i)
+  );
+  return s(
+    () => ({
+      schedule: e ? m : () => {
+      },
+      immediately: e ? t : () => {
+      }
+    }),
+    [e, m, t]
+  );
+}
+export {
+  b as useComboboxSearch
+};

package/dist/Forms/Inputs/DatePicker/DatePicker.js

@@ -0,0 +1,89 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useState as l } from "react";
+import { Popover as u } from "../../../Feedback/Popover/Popover.js";
+import { PopoverContent as N } from "../../../Feedback/Popover/PopoverContent.js";
+import { Calendar as j } from "../Calendar/Calendar.js";
+import { useCalendarLocale as C } from "../Calendar/useCalendarLocale.js";
+import H from "./DatePicker.module.css.js";
+import { DatePickerHeader as L } from "./DatePickerHeader.js";
+import { DatePickerTrigger as S } from "./DatePickerTrigger.js";
+import { formatDay as T } from "./format.js";
+const U = ({
+  className: f,
+  value: a,
+  defaultValue: d,
+  onValueChange: i,
+  visibleMonth: n,
+  onVisibleMonthChange: P,
+  onFocusDay: k,
+  months: m = 1,
+  constraints: c,
+  disabled: v = !1,
+  children: p,
+  icon: D,
+  day: y,
+  dataTestid: t
+}) => {
+  const { locale: O } = C(), [g, h] = l(d), r = a ?? g, [x, s] = l(!1), $ = (o) => {
+    a === void 0 && h(o), i == null || i(o), o && s(!1);
+  };
+  return /* @__PURE__ */ e(
+    u,
+    {
+      open: x,
+      onOpenChange: s,
+      trigger: /* @__PURE__ */ e(
+        S,
+        {
+          className: f,
+          empty: !r,
+          disabled: v,
+          icon: D,
+          dataTestid: t,
+          children: p ? p({ value: r }) : r && T(O, r)
+        }
+      ),
+      children: /* @__PURE__ */ e(
+        N,
+        {
+          align: "start",
+          sideOffset: 4,
+          dataTestid: `${t}-popover`,
+          children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: H.oxDatePickerPanel,
+              style: { "--ox-date-picker-months": m },
+              children: /* @__PURE__ */ e(
+                j,
+                {
+                  value: r,
+                  onValueChange: $,
+                  visibleMonth: n,
+                  onVisibleMonthChange: P,
+                  onFocusDay: k,
+                  months: m,
+                  constraints: c,
+                  day: y,
+                  header: (o) => /* @__PURE__ */ e(
+                    L,
+                    {
+                      nav: o,
+                      constraints: c,
+                      dataTestid: `${t}-header`
+                    }
+                  ),
+                  dataTestid: `${t}-calendar`
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+};
+U.displayName = "OxDatePicker";
+export {
+  U as DatePicker
+};

package/dist/Forms/Inputs/DatePicker/DatePicker.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxDatePickerPanel_vunr9_2", a = {
+  oxDatePickerPanel: e
+};
+export {
+  a as default,
+  e as oxDatePickerPanel
+};

package/dist/Forms/Inputs/DatePicker/DatePickerHeader.js

@@ -0,0 +1,67 @@
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { IconChevronLeft as x } from "@sesame/orxata-icons/IconChevronLeft";
+import { IconChevronRight as f } from "@sesame/orxata-icons/IconChevronRight";
+import { Icon as n } from "@sesame/orxata-icons/react";
+import { useMemo as P } from "react";
+import { IconButton as s } from "../../../Button/IconButton/IconButton.js";
+import { useCalendarLocale as k } from "../Calendar/useCalendarLocale.js";
+import r from "./DatePickerHeader.module.css.js";
+import { formatMonthYearRange as N, formatMonthYear as i } from "./format.js";
+import { monthOf as a } from "./month.js";
+import { DatePickerHeaderContext as u } from "./useDatePickerHeader.js";
+const D = ({
+  nav: e,
+  constraints: c,
+  children: h,
+  dataTestid: m
+}) => {
+  const { locale: t } = k(), l = e.months > 1 ? N(
+    t,
+    e.month,
+    a(e.month, e.months - 1)
+  ) : i(t, e.month), d = P(() => ({ nav: e, constraints: c }), [e, c]);
+  return /* @__PURE__ */ o(u.Provider, { value: d, children: /* @__PURE__ */ p(
+    "div",
+    {
+      className: r.oxDatePickerHeader,
+      "data-slot": "date-picker-header",
+      "data-testid": m,
+      children: [
+        e.canGoPrev && /* @__PURE__ */ o(
+          s,
+          {
+            className: r.oxDatePickerHeaderPrev,
+            type: "button",
+            variant: "ghost",
+            size: "2xs",
+            "aria-label": i(
+              t,
+              a(e.month, -e.months)
+            ),
+            "data-testid": `${m}-prev-month`,
+            onClick: () => e.goToPrev(),
+            children: /* @__PURE__ */ o(n, { icon: x })
+          }
+        ),
+        h ?? /* @__PURE__ */ o("span", { className: r.oxDatePickerHeaderTitle, children: l }),
+        e.canGoNext && /* @__PURE__ */ o(
+          s,
+          {
+            className: r.oxDatePickerHeaderNext,
+            type: "button",
+            variant: "ghost",
+            size: "2xs",
+            "aria-label": i(t, a(e.month, e.months)),
+            "data-testid": `${m}-next-month`,
+            onClick: () => e.goToNext(),
+            children: /* @__PURE__ */ o(n, { icon: f })
+          }
+        )
+      ]
+    }
+  ) });
+};
+D.displayName = "OxDatePickerHeader";
+export {
+  D as DatePickerHeader
+};

package/dist/Forms/Inputs/DatePicker/DatePickerHeader.module.css.js

@@ -0,0 +1,13 @@
+const e = "_oxDatePickerHeader_1o3rk_2", r = "_oxDatePickerHeaderPrev_1o3rk_2", a = "_oxDatePickerHeaderNext_1o3rk_2", t = "_oxDatePickerHeaderTitle_1o3rk_2", o = {
+  oxDatePickerHeader: e,
+  oxDatePickerHeaderPrev: r,
+  oxDatePickerHeaderNext: a,
+  oxDatePickerHeaderTitle: t
+};
+export {
+  o as default,
+  e as oxDatePickerHeader,
+  a as oxDatePickerHeaderNext,
+  r as oxDatePickerHeaderPrev,
+  t as oxDatePickerHeaderTitle
+};

package/dist/Forms/Inputs/DatePicker/DatePickerMonthSelect.js

@@ -0,0 +1,49 @@
+import { jsxs as g, jsx as a } from "react/jsx-runtime";
+import { useCalendarLocale as S } from "../Calendar/useCalendarLocale.js";
+import { Select as v } from "../Select/Select.js";
+import { SelectContent as x } from "../Select/SelectContent.js";
+import { SelectItem as D } from "../Select/SelectItem.js";
+import { SelectTrigger as b } from "../Select/SelectTrigger.js";
+import i from "./DatePickerMonthSelect.module.css.js";
+import { formatMonthShort as s } from "./format.js";
+import { monthIndex as o } from "./month.js";
+import { useDatePickerHeader as M } from "./useDatePickerHeader.js";
+const k = ({
+  dataTestid: d
+}) => {
+  const { nav: t, constraints: h } = M(), { locale: l } = S(), { from: n, to: m } = h ?? {}, f = t.month.getFullYear(), u = Array.from({ length: 12 }, (e, c) => {
+    const r = new Date(f, c, 1);
+    return {
+      value: String(c),
+      label: s(l, r),
+      /* Read by month, the way `Calendar` reads them, so a `from` set mid-month
+         does not disable the month it sits in. */
+      disabled: n !== void 0 && o(r) < o(n) || m !== void 0 && o(r) > o(m)
+    };
+  }), p = (e) => t.goTo(new Date(t.month.getFullYear(), Number(e), 1));
+  return /* @__PURE__ */ g(
+    v,
+    {
+      className: i.oxDatePickerMonthSelect,
+      value: String(t.month.getMonth()),
+      onValueChange: p,
+      dataTestid: d,
+      children: [
+        /* @__PURE__ */ a(b, { children: () => s(l, t.month) }),
+        /* @__PURE__ */ a(x, { className: i.oxDatePickerMonthOptions, children: u.map((e) => /* @__PURE__ */ a(
+          D,
+          {
+            value: e.value,
+            disabled: e.disabled,
+            children: e.label
+          },
+          e.value
+        )) })
+      ]
+    }
+  );
+};
+k.displayName = "OxDatePickerMonthSelect";
+export {
+  k as DatePickerMonthSelect
+};

package/dist/Forms/Inputs/DatePicker/DatePickerMonthSelect.module.css.js

@@ -0,0 +1,9 @@
+const t = "_oxDatePickerMonthSelect_5o40a_2", e = "_oxDatePickerMonthOptions_5o40a_2", o = {
+  oxDatePickerMonthSelect: t,
+  oxDatePickerMonthOptions: e
+};
+export {
+  o as default,
+  e as oxDatePickerMonthOptions,
+  t as oxDatePickerMonthSelect
+};

package/dist/Forms/Inputs/DatePicker/DatePickerTrigger.js

@@ -0,0 +1,26 @@
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import { IconCalendar as n } from "@sesame/orxata-icons/IconCalendar";
+import { Icon as p } from "@sesame/orxata-icons/react";
+import { forwardRef as d } from "react";
+import { cn as g } from "../../../lib/utils.js";
+import r from "./DatePickerTrigger.module.css.js";
+const f = d(({ className: a, empty: o = !1, icon: t, children: i, dataTestid: c, ...s }, l) => /* @__PURE__ */ m(
+  "button",
+  {
+    ref: l,
+    type: "button",
+    "data-slot": "controller",
+    "data-testid": c,
+    "data-placeholder": o || void 0,
+    className: g(r.oxDatePickerTrigger, a),
+    ...s,
+    children: [
+      /* @__PURE__ */ e("span", { className: r.oxDatePickerTriggerValue, children: i }),
+      /* @__PURE__ */ e("span", { "data-slot": "icon", className: r.oxDatePickerTriggerIcon, children: t ?? /* @__PURE__ */ e(p, { icon: n, className: r.oxDatePickerTriggerGlyph }) })
+    ]
+  }
+));
+f.displayName = "OxDatePickerTrigger";
+export {
+  f as DatePickerTrigger
+};

package/dist/Forms/Inputs/DatePicker/DatePickerTrigger.module.css.js

@@ -0,0 +1,13 @@
+const e = "_oxDatePickerTrigger_1teyt_2", r = "_oxDatePickerTriggerValue_1teyt_2", t = "_oxDatePickerTriggerIcon_1teyt_2", g = "_oxDatePickerTriggerGlyph_1teyt_2", i = {
+  oxDatePickerTrigger: e,
+  oxDatePickerTriggerValue: r,
+  oxDatePickerTriggerIcon: t,
+  oxDatePickerTriggerGlyph: g
+};
+export {
+  i as default,
+  e as oxDatePickerTrigger,
+  g as oxDatePickerTriggerGlyph,
+  t as oxDatePickerTriggerIcon,
+  r as oxDatePickerTriggerValue
+};

package/dist/Forms/Inputs/DatePicker/DatePickerYearSelect.js

@@ -0,0 +1,41 @@
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { useCalendarLocale as D } from "../Calendar/useCalendarLocale.js";
+import { Select as Y } from "../Select/Select.js";
+import { SelectContent as k } from "../Select/SelectContent.js";
+import { SelectItem as y } from "../Select/SelectItem.js";
+import { SelectTrigger as P } from "../Select/SelectTrigger.js";
+import m from "./DatePickerYearSelect.module.css.js";
+import { formatYear as c } from "./format.js";
+import { yearRange as b } from "./month.js";
+import { useDatePickerHeader as N } from "./useDatePickerHeader.js";
+const C = ({
+  dataTestid: s
+}) => {
+  const { nav: t, constraints: i } = N(), { locale: a } = D(), { from: f, to: h } = i ?? {}, { first: p, last: u } = b(t.month, f, h), r = t.month.getFullYear(), n = Math.min(p, r), g = Math.max(u, r), S = Array.from({ length: g - n + 1 }, (e, v) => {
+    const l = n + v;
+    return {
+      value: String(l),
+      /* `Intl` and not `String(year)`: a locale with its own numerals writes
+         the year in them, and `toLocaleString` on a *number* would put a
+         thousands separator in it — `2,025`. */
+      label: c(a, new Date(l, 0, 1))
+    };
+  }), d = (e) => t.goTo(new Date(Number(e), t.month.getMonth(), 1));
+  return /* @__PURE__ */ x(
+    Y,
+    {
+      className: m.oxDatePickerYearSelect,
+      value: String(r),
+      onValueChange: d,
+      dataTestid: s,
+      children: [
+        /* @__PURE__ */ o(P, { children: () => c(a, t.month) }),
+        /* @__PURE__ */ o(k, { className: m.oxDatePickerYearOptions, children: S.map((e) => /* @__PURE__ */ o(y, { value: e.value, children: e.label }, e.value)) })
+      ]
+    }
+  );
+};
+C.displayName = "OxDatePickerYearSelect";
+export {
+  C as DatePickerYearSelect
+};

package/dist/Forms/Inputs/DatePicker/DatePickerYearSelect.module.css.js

@@ -0,0 +1,9 @@
+const e = "_oxDatePickerYearSelect_5f5ah_2", t = "_oxDatePickerYearOptions_5f5ah_2", a = {
+  oxDatePickerYearSelect: e,
+  oxDatePickerYearOptions: t
+};
+export {
+  a as default,
+  t as oxDatePickerYearOptions,
+  e as oxDatePickerYearSelect
+};

package/dist/Forms/Inputs/DatePicker/DateRangePicker.js

@@ -0,0 +1,104 @@
+import { jsx as o, jsxs as A } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { Popover as S } from "../../../Feedback/Popover/Popover.js";
+import { PopoverContent as C } from "../../../Feedback/Popover/PopoverContent.js";
+import { CalendarRange as H } from "../Calendar/CalendarRange.js";
+import { useCalendarLocale as L } from "../Calendar/useCalendarLocale.js";
+import { DatePickerHeader as M } from "./DatePickerHeader.js";
+import { DatePickerTrigger as U } from "./DatePickerTrigger.js";
+import c from "./DateRangePicker.module.css.js";
+import { formatDayRange as b } from "./format.js";
+const q = ({
+  className: P,
+  value: s,
+  defaultValue: g,
+  onValueChange: i,
+  visibleMonth: k,
+  onVisibleMonthChange: D,
+  onFocusDay: v,
+  months: m = 2,
+  constraints: l,
+  disabled: R = !1,
+  children: d,
+  icon: h,
+  aside: n,
+  day: x,
+  dataTestid: t
+}) => {
+  const { locale: y } = L(), [N, O] = p(g), e = s ?? N, [$, a] = p(!1), f = (r) => {
+    s === void 0 && O(r), i == null || i(r);
+  }, j = (r) => {
+    f(r), r.start && r.end && a(!1);
+  }, u = (r) => {
+    f(r), a(!1);
+  };
+  return /* @__PURE__ */ o(
+    S,
+    {
+      open: $,
+      onOpenChange: a,
+      trigger: /* @__PURE__ */ o(
+        U,
+        {
+          className: P,
+          empty: !(e != null && e.start) && !(e != null && e.end),
+          disabled: R,
+          icon: h,
+          dataTestid: t,
+          children: d ? d({ value: e }) : b(y, e == null ? void 0 : e.start, e == null ? void 0 : e.end)
+        }
+      ),
+      children: /* @__PURE__ */ o(
+        C,
+        {
+          align: "start",
+          sideOffset: 4,
+          dataTestid: `${t}-popover`,
+          children: /* @__PURE__ */ A("div", { className: c.oxDateRangePickerPanel, children: [
+            n && /* @__PURE__ */ o(
+              "aside",
+              {
+                className: c.oxDateRangePickerAside,
+                "data-testid": `${t}-aside`,
+                children: n({ select: u })
+              }
+            ),
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: c.oxDateRangePickerMonths,
+                style: { "--ox-date-picker-months": m },
+                children: /* @__PURE__ */ o(
+                  H,
+                  {
+                    value: e,
+                    onValueChange: j,
+                    visibleMonth: k,
+                    onVisibleMonthChange: D,
+                    onFocusDay: v,
+                    months: m,
+                    constraints: l,
+                    day: x,
+                    header: (r) => /* @__PURE__ */ o(
+                      M,
+                      {
+                        nav: r,
+                        constraints: l,
+                        dataTestid: `${t}-header`
+                      }
+                    ),
+                    dataTestid: `${t}-calendar`
+                  }
+                )
+              }
+            )
+          ] })
+        }
+      )
+    }
+  );
+};
+q.displayName = "OxDateRangePicker";
+export {
+  q as DateRangePicker
+};

package/dist/Forms/Inputs/DatePicker/DateRangePicker.module.css.js

@@ -0,0 +1,11 @@
+const e = "_oxDateRangePickerPanel_i62hi_2", a = "_oxDateRangePickerAside_i62hi_2", n = "_oxDateRangePickerMonths_i62hi_2", t = {
+  oxDateRangePickerPanel: e,
+  oxDateRangePickerAside: a,
+  oxDateRangePickerMonths: n
+};
+export {
+  t as default,
+  a as oxDateRangePickerAside,
+  n as oxDateRangePickerMonths,
+  e as oxDateRangePickerPanel
+};

package/dist/Forms/Inputs/DatePicker/format.d.ts

@@ -42,3 +42,14 @@ export declare const formatYear: (locale: string, month: Date) => string;
  * have to carry.
  */
 export declare const formatMonthShort: (locale: string, month: Date) => string;
+/**
+ * A month and its year, abbreviated — `oct 2026`, `Oct 2026`.
+ *
+ * What `OxMonthPicker`'s trigger shows, and deliberately not `formatMonthYear`:
+ * the board writes the chosen month the same length as `OxDatePicker` writes a
+ * day (`12 mar 2026`), so two pickers in one form read as one family rather
+ * than one of them spelling `octubre de 2026` out in full.
+ */
+export declare const formatMonthYearShort: (locale: string, month: Date) => string;
+/** The span a year page covers — `2020 – 2031` — for the panel's own header. */
+export declare const formatYearRange: (locale: string, first: Date, last: Date) => string;

package/dist/Forms/Inputs/DatePicker/format.js

@@ -0,0 +1,20 @@
+const a = (t, o, r) => {
+  const n = t;
+  return n.formatRange ? n.formatRange(o, r) : `${t.format(o)} – ${t.format(r)}`;
+}, m = (t) => new Intl.DateTimeFormat(t, { dateStyle: "medium" }), f = (t) => new Intl.DateTimeFormat(t, { month: "long", year: "numeric" }), e = (t, o) => m(t).format(o), c = (t, o, r) => o ? r ? a(m(t), o, r) : e(t, o) : r ? e(t, r) : "", i = (t, o) => f(t).format(o), h = (t, o, r) => a(f(t), o, r), s = (t, o) => new Intl.DateTimeFormat(t, { year: "numeric" }).format(o), F = (t, o) => new Intl.DateTimeFormat(t, { month: "short" }).format(o), R = (t, o) => new Intl.DateTimeFormat(t, { month: "short", year: "numeric" }).format(
+  o
+), u = (t, o, r) => a(
+  new Intl.DateTimeFormat(t, { year: "numeric" }),
+  o,
+  r
+);
+export {
+  e as formatDay,
+  c as formatDayRange,
+  F as formatMonthShort,
+  i as formatMonthYear,
+  h as formatMonthYearRange,
+  R as formatMonthYearShort,
+  s as formatYear,
+  u as formatYearRange
+};

package/dist/Forms/Inputs/DatePicker/month.js

@@ -0,0 +1,11 @@
+const n = (t) => t.getFullYear() * 12 + t.getMonth(), Y = (t, e = 0) => new Date(t.getFullYear(), t.getMonth() + e, 1), g = 100, R = 10, a = (t, e, l) => ({
+  first: e ? e.getFullYear() : t.getFullYear() - 100,
+  last: l ? l.getFullYear() : t.getFullYear() + 10
+});
+export {
+  g as YEARS_BACK,
+  R as YEARS_FORWARD,
+  n as monthIndex,
+  Y as monthOf,
+  a as yearRange
+};

package/dist/Forms/Inputs/DatePicker/useDatePickerHeader.js

@@ -0,0 +1,11 @@
+import { createContext as t, useContext as r } from "react";
+const n = t(null), o = "OxDatePickerMonthSelect and OxDatePickerYearSelect must be rendered inside OxDatePickerHeader.", a = () => {
+  const e = r(n);
+  if (!e) throw new Error(o);
+  return e;
+};
+export {
+  o as DATE_PICKER_HEADER_MISSING,
+  n as DatePickerHeaderContext,
+  a as useDatePickerHeader
+};

package/dist/Forms/Inputs/IconPicker/IconPicker.js

@@ -0,0 +1,80 @@
+import { jsx as v } from "react/jsx-runtime";
+import * as Q from "@radix-ui/react-popover";
+import { forwardRef as U, useState as r, useCallback as P, useEffect as W, useMemo as N } from "react";
+import { cn as X } from "../../../lib/utils.js";
+import Y from "./IconPicker.module.css.js";
+import { matchesTerm as Z, IconPickerContextObject as _ } from "./useIconPicker.js";
+const $ = U(
+  ({
+    className: R,
+    children: T,
+    disabled: m = !1,
+    value: e,
+    defaultValue: q,
+    onValueChange: o,
+    open: s,
+    defaultOpen: z = !1,
+    onOpenChange: c,
+    dataTestid: A
+  }, B) => {
+    const d = e !== void 0 && o !== void 0, l = s !== void 0 && c !== void 0, [D, a] = r(e ?? q), [F, G] = r(e), [H, M] = r(s ?? z), [J, K] = r(s), [p, O] = r(""), [x, I] = r(
+      () => /* @__PURE__ */ new Map()
+    );
+    !d && e !== F && (G(e), a(e)), !l && s !== J && (K(s), s !== void 0 && M(s));
+    const S = d ? e : D, k = l ? s : H, i = P(
+      (t) => {
+        l || M(t), c == null || c(t), t || O("");
+      },
+      [l, c]
+    ), j = P(
+      (t) => {
+        d || a(t), o == null || o(t), i(!1);
+      },
+      [d, o, i]
+    );
+    W(() => {
+      m && k && i(!1);
+    }, [m, k, i]);
+    const y = P((t, n) => (I((u) => {
+      const f = new Map(u);
+      return f.set(t, n), f;
+    }), () => I((u) => {
+      const f = new Map(u);
+      return f.delete(t), f;
+    })), []), w = P(
+      (t, n) => Z(p, [t, ...n ?? []]),
+      [p]
+    ), E = N(
+      () => [...x].some(
+        ([t, n]) => w(t, n)
+      ),
+      [x, w]
+    ), L = N(
+      () => ({
+        value: S,
+        disabled: m,
+        select: j,
+        term: p,
+        setTerm: O,
+        matches: w,
+        register: y,
+        hasMatches: E
+      }),
+      [S, m, j, p, w, y, E]
+    );
+    return /* @__PURE__ */ v(_.Provider, { value: L, children: /* @__PURE__ */ v(Q.Root, { open: k, onOpenChange: i, children: /* @__PURE__ */ v(
+      "div",
+      {
+        ref: B,
+        "data-slot": "icon-picker",
+        "data-testid": A,
+        className: X(Y.oxIconPicker, R),
+        children: T
+      }
+    ) }) });
+  }
+);
+$.displayName = "OxIconPicker";
+export {
+  $ as IconPicker
+};

package/dist/Forms/Inputs/IconPicker/IconPicker.module.css.js

@@ -0,0 +1,7 @@
+const o = "_oxIconPicker_42unp_2", c = {
+  oxIconPicker: o
+};
+export {
+  c as default,
+  o as oxIconPicker
+};