@sesamehr/react-design-system 3.10.0 → 3.10.2

package/dist/Forms/Inputs/Calendar/CalendarDay.module.css.js

@@ -0,0 +1,10 @@
+const a = "_oxCalendarDay_agnf8_2", n = {
+  oxCalendarDay: a,
+  "ox-calendar-day--range-start": "_ox-calendar-day--range-start_agnf8_2",
+  "ox-calendar-day--range-end": "_ox-calendar-day--range-end_agnf8_2",
+  "ox-calendar-day--range-middle": "_ox-calendar-day--range-middle_agnf8_2"
+};
+export {
+  n as default,
+  a as oxCalendarDay
+};

package/dist/Forms/Inputs/Calendar/CalendarRange.js

@@ -0,0 +1,248 @@
+import { jsx as n, jsxs as K, Fragment as it } from "react/jsx-runtime";
+import { Slot as ct } from "@radix-ui/react-slot";
+import { useState as Y, useEffect as b, useMemo as P, createContext as M, useRef as lt, useContext as D } from "react";
+import { DayPicker as mt, useDayPicker as ut } from "react-day-picker";
+import { cn as ft } from "../../../lib/utils.js";
+import { CalendarDay as gt } from "./CalendarDay.js";
+import m from "./CalendarRange.module.css.js";
+import { isDrawnByAnotherMonth as vt } from "./date.js";
+import { dayTestid as ht, monthTestid as Dt } from "./testids.js";
+import { useCalendarLocale as yt, WEEKDAY_FORMAT as Tt } from "./useCalendarLocale.js";
+const U = M(""), L = M(""), q = M(void 0), z = M(void 0), H = M(void 0), C = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), J = M(void 0), wt = (e, o, a) => {
+  if (e.range_start) return "start";
+  if (e.range_end) return "end";
+  if (a && o === a.anchor) return "start";
+  if (e.range_middle || a && o >= a.from && o <= a.to) return "middle";
+}, Nt = () => /* @__PURE__ */ n(it, {}), pt = (e) => /* @__PURE__ */ n("div", { ...e, className: m.oxCalendarRangeMonths }), Ct = ({
+  calendarMonth: e,
+  displayIndex: o,
+  ...a
+}) => {
+  const s = D(U);
+  return /* @__PURE__ */ n(L.Provider, { value: Dt(s, e.date), children: /* @__PURE__ */ n(H.Provider, { value: e.date, children: /* @__PURE__ */ n("div", { ...a, className: m.oxCalendarRangeMonthWrapper }) }) });
+}, Mt = ({
+  children: e,
+  ...o
+}) => {
+  const a = D(z), s = D(H);
+  return /* @__PURE__ */ K(
+    "table",
+    {
+      "data-slot": "calendar-month",
+      "data-testid": D(L),
+      ...o,
+      className: m.oxCalendarRangeMonth,
+      children: [
+        s && (a == null ? void 0 : a(s)),
+        e
+      ]
+    }
+  );
+}, xt = (e) => /* @__PURE__ */ n(
+  "th",
+  {
+    "data-slot": "calendar-weekday",
+    ...e,
+    className: m.oxCalendarRangeWeekday
+  }
+), Pt = ({
+  day: e,
+  modifiers: o,
+  ...a
+}) => {
+  const s = ht(D(L), e.date, e.outside), { months: c } = ut();
+  return vt(
+    e.date,
+    e.displayMonth,
+    c.map(({ date: u }) => u)
+  ) ? /* @__PURE__ */ n(
+    "td",
+    {
+      "data-slot": "calendar-cell",
+      role: "gridcell",
+      className: m.oxCalendarRangeCell
+    }
+  ) : /* @__PURE__ */ n(
+    "td",
+    {
+      "data-slot": "calendar-cell",
+      "data-testid": s,
+      ...a,
+      className: m.oxCalendarRangeCell
+    }
+  );
+}, Rt = ({
+  day: e,
+  modifiers: o,
+  children: a,
+  ...s
+}) => {
+  const c = lt(null), u = D(q), l = D(J);
+  b(() => {
+    var T;
+    o.focused && ((T = c.current) == null || T.focus());
+  }, [o.focused]);
+  const i = C(e.date).getTime(), y = {
+    selected: !!o.selected,
+    today: !!o.today,
+    disabled: !!o.disabled,
+    outside: e.outside,
+    focused: !!o.focused,
+    range: wt(o, i, l)
+  }, k = {
+    "data-highlighted-start": l !== void 0 && i === l.from ? !0 : void 0,
+    "data-highlighted-end": l !== void 0 && i === l.to ? !0 : void 0
+  };
+  return u ? /* @__PURE__ */ n(ct, { ref: c, ...s, ...k, className: void 0, children: u({ date: e.date, state: y }) }) : /* @__PURE__ */ n(
+    gt,
+    {
+      ref: c,
+      state: y,
+      ...s,
+      ...k,
+      className: void 0,
+      children: a
+    }
+  );
+}, kt = {
+  MonthCaption: Nt,
+  Months: pt,
+  Month: Ct,
+  MonthGrid: Mt,
+  Weekday: xt,
+  Day: Pt,
+  DayButton: Rt
+}, R = (e) => new Date(e.getFullYear(), e.getMonth(), 1), g = (e) => e.getFullYear() * 12 + e.getMonth(), Ot = ({
+  className: e,
+  value: o,
+  defaultValue: a,
+  onValueChange: s,
+  visibleMonth: c,
+  onVisibleMonthChange: u,
+  onFocusDay: l,
+  months: i = 1,
+  month: y,
+  constraints: k,
+  header: T,
+  day: Q,
+  dataTestid: A
+}) => {
+  const { locale: f, weekStartsOn: X } = yt(), [Z, $] = Y(a), r = o ?? Z, [x, G] = Y(
+    () => R(c ?? (r == null ? void 0 : r.start) ?? /* @__PURE__ */ new Date())
+  ), O = (t) => {
+    g(x) !== g(t) && (G(t), u == null || u(t));
+  }, I = c == null ? void 0 : c.getTime();
+  b(() => {
+    if (I === void 0) return;
+    const t = R(new Date(I));
+    G(
+      (d) => g(d) === g(t) ? d : t
+    );
+  }, [I]);
+  const [E, B] = Y(), w = r != null && r.start ? C(r.start).getTime() : void 0, S = w !== void 0 && !(r != null && r.end), V = (t) => {
+    const d = { start: t == null ? void 0 : t.from, end: t == null ? void 0 : t.to };
+    B(
+      d.start && !d.end ? C(d.start).getTime() : void 0
+    ), o === void 0 && $(d), s == null || s(d);
+  }, j = (t) => {
+    S && B(C(t).getTime());
+  }, tt = (t) => {
+    t.currentTarget.contains(document.activeElement) || B(void 0);
+  }, et = (t) => {
+    t.key === "Escape" && B(void 0);
+  }, ot = r != null && r.start ? { from: r.start, to: r.end } : void 0, { from: v, to: h, isDisabled: N } = k ?? {}, _ = v == null ? void 0 : v.getTime(), W = h == null ? void 0 : h.getTime(), at = P(() => {
+    const t = [];
+    return _ !== void 0 && t.push({ before: C(new Date(_)) }), W !== void 0 && t.push({ after: C(new Date(W)) }), N && t.push((d) => N(d)), t;
+  }, [_, W, N]), nt = P(() => {
+    if (!S || w === void 0 || E === void 0)
+      return;
+    const t = Math.min(w, E), d = Math.max(w, E);
+    if (N) {
+      const p = new Date(t);
+      for (p.setDate(p.getDate() + 1); p.getTime() < d; ) {
+        if (N(new Date(p))) return;
+        p.setDate(p.getDate() + 1);
+      }
+    }
+    return { from: t, to: d, anchor: w };
+  }, [S, w, E, N]), rt = P(
+    () => ({
+      formatDay: (t) => t.getDate().toLocaleString(f),
+      formatWeekdayName: (t) => new Intl.DateTimeFormat(f, { weekday: Tt }).format(
+        t
+      ),
+      formatCaption: (t) => new Intl.DateTimeFormat(f, {
+        month: "long",
+        year: "numeric"
+      }).format(t)
+    }),
+    [f]
+  ), st = P(
+    () => ({
+      labelDayButton: (t) => new Intl.DateTimeFormat(f, {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      }).format(t)
+    }),
+    [f]
+  ), dt = P(
+    () => i > 1 ? (t) => /* @__PURE__ */ n("caption", { className: m.oxCalendarRangeMonthName, children: y ? y({ month: t }) : new Intl.DateTimeFormat(f, {
+      month: "long",
+      year: "numeric"
+    }).format(t) }) : void 0,
+    [i, f, y]
+  ), F = (t) => new Date(x.getFullYear(), x.getMonth() + t, 1);
+  return /* @__PURE__ */ K(
+    "div",
+    {
+      "data-slot": "calendar",
+      "data-testid": A,
+      className: ft(m.oxCalendarRange, e),
+      onMouseLeave: tt,
+      onKeyDown: et,
+      children: [
+        T == null ? void 0 : T({
+          month: x,
+          months: i,
+          goToPrev: () => O(F(-i)),
+          goToNext: () => O(F(i)),
+          goTo: (t) => O(R(t)),
+          canGoPrev: !v || g(F(-i)) >= g(v),
+          canGoNext: !h || g(F(i)) <= g(h)
+        }),
+        /* @__PURE__ */ n(U.Provider, { value: A, children: /* @__PURE__ */ n(z.Provider, { value: dt, children: /* @__PURE__ */ n(q.Provider, { value: Q, children: /* @__PURE__ */ n(J.Provider, { value: nt, children: /* @__PURE__ */ n(
+          mt,
+          {
+            mode: "range",
+            min: 1,
+            selected: ot,
+            onSelect: V,
+            onDayMouseEnter: j,
+            onDayFocus: (t) => {
+              j(t), l == null || l(t);
+            },
+            month: x,
+            onMonthChange: O,
+            numberOfMonths: i,
+            startMonth: v ? R(v) : void 0,
+            endMonth: h ? R(h) : void 0,
+            disabled: at,
+            weekStartsOn: X,
+            showOutsideDays: !0,
+            hideNavigation: !0,
+            components: kt,
+            formatters: rt,
+            labels: st,
+            className: m.oxCalendarRangeRoot
+          }
+        ) }) }) }) })
+      ]
+    }
+  );
+};
+Ot.displayName = "OxCalendarRange";
+export {
+  Ot as CalendarRange
+};

package/dist/Forms/Inputs/Calendar/CalendarRange.module.css.js

@@ -0,0 +1,21 @@
+const a = "_oxCalendarRange_5oh6z_2", n = "_oxCalendarRangeRoot_5oh6z_2", e = "_oxCalendarRangeMonths_5oh6z_2", o = "_oxCalendarRangeMonthWrapper_5oh6z_2", l = "_oxCalendarRangeMonth_5oh6z_2", r = "_oxCalendarRangeMonthName_5oh6z_2", d = "_oxCalendarRangeWeekday_5oh6z_2", t = "_oxCalendarRangeCell_5oh6z_2", C = {
+  oxCalendarRange: a,
+  oxCalendarRangeRoot: n,
+  oxCalendarRangeMonths: e,
+  oxCalendarRangeMonthWrapper: o,
+  oxCalendarRangeMonth: l,
+  oxCalendarRangeMonthName: r,
+  oxCalendarRangeWeekday: d,
+  oxCalendarRangeCell: t
+};
+export {
+  C as default,
+  a as oxCalendarRange,
+  t as oxCalendarRangeCell,
+  l as oxCalendarRangeMonth,
+  r as oxCalendarRangeMonthName,
+  o as oxCalendarRangeMonthWrapper,
+  e as oxCalendarRangeMonths,
+  n as oxCalendarRangeRoot,
+  d as oxCalendarRangeWeekday
+};

package/dist/Forms/Inputs/Calendar/date.js

@@ -0,0 +1,7 @@
+const n = (t, e) => t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth();
+function g(t, e, o) {
+  return !n(t, e) && o.some((r) => n(t, r));
+}
+export {
+  g as isDrawnByAnotherMonth
+};

package/dist/Forms/Inputs/Calendar/index.js

@@ -0,0 +1,13 @@
+import { cva as a } from "class-variance-authority";
+const d = a("", {
+  variants: {
+    range: {
+      start: "ox-calendar-day--range-start",
+      middle: "ox-calendar-day--range-middle",
+      end: "ox-calendar-day--range-end"
+    }
+  }
+});
+export {
+  d as calendarDayVariants
+};

package/dist/Forms/Inputs/Calendar/testids.js

@@ -0,0 +1,5 @@
+const d = (e, t) => `${e}-month-${t.getFullYear()}-${String(t.getMonth() + 1).padStart(2, "0")}`, o = (e, t, a) => a ? void 0 : `${e}-day-${t.getDate()}`;
+export {
+  o as dayTestid,
+  d as monthTestid
+};

package/dist/Forms/Inputs/Calendar/useCalendarLocale.js

@@ -0,0 +1,22 @@
+import { useMemo as s } from "react";
+import { useLocale as c } from "../../../Locale/useLocale.js";
+const r = 1, a = (t) => {
+  var e;
+  try {
+    const o = new Intl.Locale(t), n = ((e = o.getWeekInfo) == null ? void 0 : e.call(o)) ?? o.weekInfo;
+    return n ? n.firstDay % 7 : r;
+  } catch {
+    return r;
+  }
+}, m = "short", f = () => {
+  const e = c() ?? new Intl.DateTimeFormat().resolvedOptions().locale;
+  return {
+    locale: e,
+    weekStartsOn: s(() => a(e), [e])
+  };
+};
+export {
+  m as WEEKDAY_FORMAT,
+  f as useCalendarLocale,
+  a as weekStartsOnFor
+};

package/dist/Forms/Inputs/ChatInput/ChatInput.js

@@ -0,0 +1,142 @@
+import { jsxs as d, jsx as r, Fragment as J } from "react/jsx-runtime";
+import { IconArrowUp as P } from "@sesame/orxata-icons/IconArrowUp";
+import { IconMicrophone as Q } from "@sesame/orxata-icons/IconMicrophone";
+import { IconPlus as W } from "@sesame/orxata-icons/IconPlus";
+import { Icon as k } from "@sesame/orxata-icons/react";
+import { forwardRef as X, useState as Y, useRef as Z } from "react";
+import { cn as y } from "../../../lib/utils.js";
+import { useFieldControl as _ } from "../../Field/useFieldGroup.js";
+import a from "./ChatInput.module.css.js";
+import { useAutoGrow as A } from "../../../hooks/useAutoGrow/useAutoGrow.js";
+import { Scrollbar as K } from "../../../Layout/Scrollbar/Scrollbar.js";
+import { IconButton as w } from "../../../Button/IconButton/IconButton.js";
+const m = (i, s) => typeof i == "function" ? i(s) : i, L = X(
+  ({
+    className: i,
+    actionLabels: s,
+    maxRows: C = 6,
+    value: z,
+    defaultValue: D = "",
+    onValueChange: p,
+    onSubmit: f,
+    onAttach: x,
+    onRecord: h,
+    onChange: v,
+    onKeyDown: N,
+    children: M,
+    toolbar: b,
+    actionsStart: j,
+    actionsEnd: B,
+    dataTestid: o,
+    id: E,
+    ...F
+  }, G) => {
+    const O = _(E), [g, q] = Y(D), e = z ?? g, l = Z(null), n = e.trim().length === 0, c = F.disabled === !0, I = () => {
+      n || c || f == null || f(e);
+    }, u = { empty: n, disabled: c, submit: I };
+    A(l, e, C);
+    const H = (t) => {
+      var U;
+      const $ = t.target;
+      $ != null && $.closest(
+        'button, a, input, textarea, select, [tabindex], [data-slot="scrollbar"]'
+      ) || (t.preventDefault(), (U = l.current) == null || U.focus());
+    };
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: G,
+        className: y(a["ox-chat-input"], i),
+        "data-slot": "chat-input",
+        "data-testid": o,
+        "data-empty": n,
+        onMouseDown: H,
+        children: [
+          b == null ? null : /* @__PURE__ */ r(
+            "div",
+            {
+              className: a["ox-chat-input-toolbar"],
+              "data-slot": "toolbar",
+              "data-testid": `${o}-toolbar`,
+              children: m(b, u)
+            }
+          ),
+          /* @__PURE__ */ d("div", { className: a["ox-chat-input-surface-box"], children: [
+            M === void 0 ? /* @__PURE__ */ r(
+              "textarea",
+              {
+                ref: l,
+                ...O,
+                rows: 1,
+                className: a["ox-chat-input-surface"],
+                "data-slot": "controller",
+                "data-testid": `${o}-surface`,
+                value: e,
+                onChange: (t) => {
+                  z === void 0 && q(t.target.value), p == null || p(t.target.value), v == null || v(t);
+                },
+                onKeyDown: (t) => {
+                  N == null || N(t), !(t.key !== "Enter" || t.shiftKey) && (t.nativeEvent.isComposing || (t.preventDefault(), I()));
+                },
+                ...F
+              }
+            ) : m(M, u),
+            /* @__PURE__ */ r(K, { port: l, dataTestid: `${o}-scrollbar` })
+          ] }),
+          /* @__PURE__ */ d("div", { className: a["ox-chat-input-actions"], "data-slot": "actions", children: [
+            /* @__PURE__ */ r("div", { className: a["ox-chat-input-actions-start"], children: j === void 0 ? /* @__PURE__ */ r(
+              w,
+              {
+                className: y(
+                  a["ox-chat-input-action"],
+                  a["ox-chat-input-action--subtle"]
+                ),
+                variant: "ghost",
+                size: "2xs",
+                "aria-label": s.attach,
+                disabled: c,
+                "data-testid": `${o}-attach`,
+                onClick: () => x == null ? void 0 : x(),
+                children: /* @__PURE__ */ r(k, { icon: W })
+              }
+            ) : m(j, u) }),
+            /* @__PURE__ */ r("div", { className: a["ox-chat-input-actions-end"], children: B === void 0 ? /* @__PURE__ */ d(J, { children: [
+              /* @__PURE__ */ r(
+                w,
+                {
+                  className: y(
+                    a["ox-chat-input-action"],
+                    a["ox-chat-input-action--subtle"]
+                  ),
+                  variant: "ghost",
+                  size: "2xs",
+                  "aria-label": s.record,
+                  disabled: c,
+                  "data-testid": `${o}-record`,
+                  onClick: () => h == null ? void 0 : h(),
+                  children: /* @__PURE__ */ r(k, { icon: Q })
+                }
+              ),
+              /* @__PURE__ */ r(
+                w,
+                {
+                  className: a["ox-chat-input-action"],
+                  size: "2xs",
+                  "aria-label": s.send,
+                  "data-testid": `${o}-send`,
+                  disabled: n || c,
+                  onClick: I,
+                  children: /* @__PURE__ */ r(k, { icon: P })
+                }
+              )
+            ] }) : m(B, u) })
+          ] })
+        ]
+      }
+    );
+  }
+);
+L.displayName = "OxChatInput";
+export {
+  L as ChatInput
+};

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

@@ -0,0 +1,14 @@
+const t = {
+  "ox-chat-input": "_ox-chat-input_1kpir_2",
+  "ox-chat-input-toolbar": "_ox-chat-input-toolbar_1kpir_2",
+  "ox-chat-input-surface-box": "_ox-chat-input-surface-box_1kpir_2",
+  "ox-chat-input-surface": "_ox-chat-input-surface_1kpir_2",
+  "ox-chat-input-actions": "_ox-chat-input-actions_1kpir_2",
+  "ox-chat-input-actions-start": "_ox-chat-input-actions-start_1kpir_2",
+  "ox-chat-input-actions-end": "_ox-chat-input-actions-end_1kpir_2",
+  "ox-chat-input-action": "_ox-chat-input-action_1kpir_2",
+  "ox-chat-input-action--subtle": "_ox-chat-input-action--subtle_1kpir_2"
+};
+export {
+  t as default
+};

package/dist/Forms/Inputs/ColorPicker/ColorPicker.js

@@ -0,0 +1,71 @@
+import { jsx as k } from "react/jsx-runtime";
+import * as I from "@radix-ui/react-popover";
+import { forwardRef as J, useState as e, useCallback as p, useEffect as K, useMemo as L } from "react";
+import { cn as Q } from "../../../lib/utils.js";
+import T from "./ColorPicker.module.css.js";
+import { ColorPickerContextObject as U } from "./useColorPicker.js";
+const W = J(
+  ({
+    className: E,
+    children: M,
+    disabled: f = !1,
+    value: s,
+    defaultValue: b,
+    onValueChange: r,
+    open: t,
+    defaultOpen: n = !1,
+    onOpenChange: c,
+    dataTestid: q
+  }, u) => {
+    const m = s !== void 0 && r !== void 0, l = t !== void 0 && c !== void 0, [y, O] = e(s ?? b), [z, A] = e(s), [B, S] = e(t ?? n), [D, F] = e(t);
+    !m && s !== z && (A(s), O(s)), !l && t !== D && (F(t), t !== void 0 && S(t));
+    const d = m ? s : y, w = l ? t : B, i = p(
+      (o) => {
+        l || S(o), c == null || c(o);
+      },
+      [l, c]
+    ), a = p(
+      (o) => {
+        m || O(o), r == null || r(o), i(!1);
+      },
+      [m, r, i]
+    );
+    K(() => {
+      f && w && i(!1);
+    }, [f, w, i]);
+    const [j, G] = e({}), x = p(
+      (o, P) => {
+        G(
+          (v) => {
+            var N, R;
+            return ((N = v[o]) == null ? void 0 : N.color) === P.color && ((R = v[o]) == null ? void 0 : R.name) === P.name ? v : { ...v, [o]: P };
+          }
+        );
+      },
+      []
+    ), H = L(
+      () => ({
+        value: d,
+        disabled: f,
+        select: a,
+        chosen: d === void 0 ? void 0 : j[d],
+        remember: x
+      }),
+      [d, f, a, j, x]
+    );
+    return /* @__PURE__ */ k(U.Provider, { value: H, children: /* @__PURE__ */ k(I.Root, { open: w, onOpenChange: i, children: /* @__PURE__ */ k(
+      "div",
+      {
+        ref: u,
+        "data-slot": "color-picker",
+        "data-testid": q,
+        className: Q(T.oxColorPicker, E),
+        children: M
+      }
+    ) }) });
+  }
+);
+W.displayName = "OxColorPicker";
+export {
+  W as ColorPicker
+};

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

@@ -0,0 +1,7 @@
+const o = "_oxColorPicker_zgsr0_2", r = {
+  oxColorPicker: o
+};
+export {
+  r as default,
+  o as oxColorPicker
+};

package/dist/Forms/Inputs/ColorPicker/ColorPickerContent.js

@@ -0,0 +1,48 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-popover";
+import * as f from "@radix-ui/react-radio-group";
+import { forwardRef as C } from "react";
+import P from "./ColorPickerContent.module.css.js";
+import { useColorPicker as u } from "./useColorPicker.js";
+import { useTranslate as h } from "../../../Locale/useTranslate.js";
+import { Surface as k } from "../../../internal/Surface/Surface.js";
+const v = 16, x = C(
+  ({
+    children: e,
+    side: i = "bottom",
+    sideOffset: a = 4,
+    align: l = "start",
+    dataTestid: n,
+    ...c
+  }, s) => {
+    const m = h(), r = u(), d = (p) => r.select(p);
+    return /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
+      t.Content,
+      {
+        ref: s,
+        asChild: !0,
+        "data-slot": "color-picker-content",
+        "data-testid": n,
+        side: i,
+        sideOffset: a,
+        collisionPadding: v,
+        align: l,
+        ...c,
+        children: /* @__PURE__ */ o(k, { children: /* @__PURE__ */ o(
+          f.Root,
+          {
+            value: r.value ?? "",
+            "aria-label": m("orxata.colorPicker.label"),
+            className: P.oxColorPickerGrid,
+            onValueChange: d,
+            children: e
+          }
+        ) })
+      }
+    ) });
+  }
+);
+x.displayName = "OxColorPickerContent";
+export {
+  x as ColorPickerContent
+};

package/dist/Forms/Inputs/ColorPicker/ColorPickerContent.module.css.js

@@ -0,0 +1,7 @@
+const o = "_oxColorPickerGrid_1794j_2", r = {
+  oxColorPickerGrid: o
+};
+export {
+  r as default,
+  o as oxColorPickerGrid
+};

package/dist/Forms/Inputs/ColorPicker/ColorPickerSwatch.js

@@ -0,0 +1,30 @@
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import * as f from "@radix-ui/react-radio-group";
+import { forwardRef as l, useEffect as w } from "react";
+import { cn as x } from "../../../lib/utils.js";
+import e from "./ColorPickerSwatch.module.css.js";
+import { useColorPicker as k } from "./useColorPicker.js";
+const P = l(({ className: m, value: o, color: r, children: t, ...c }, i) => {
+  const { remember: s } = k();
+  return w(() => {
+    s(o, { color: r, name: t });
+  }, [s, o, r, t]), /* @__PURE__ */ p(
+    f.Item,
+    {
+      ref: i,
+      value: o,
+      "data-slot": "color-picker-swatch",
+      className: x(e.oxColorPickerSwatch, m),
+      style: { "--ox-swatch-color": r },
+      ...c,
+      children: [
+        /* @__PURE__ */ a("span", { className: e.oxColorPickerSwatchDot }),
+        /* @__PURE__ */ a("span", { className: e.oxColorPickerSwatchName, children: t })
+      ]
+    }
+  );
+});
+P.displayName = "OxColorPickerSwatch";
+export {
+  P as ColorPickerSwatch
+};

package/dist/Forms/Inputs/ColorPicker/ColorPickerSwatch.module.css.js

@@ -0,0 +1,11 @@
+const o = "_oxColorPickerSwatch_2nv2z_2", c = "_oxColorPickerSwatchDot_2nv2z_2", r = "_oxColorPickerSwatchName_2nv2z_2", t = {
+  oxColorPickerSwatch: o,
+  oxColorPickerSwatchDot: c,
+  oxColorPickerSwatchName: r
+};
+export {
+  t as default,
+  o as oxColorPickerSwatch,
+  c as oxColorPickerSwatchDot,
+  r as oxColorPickerSwatchName
+};