@sesamehr/react-design-system 3.10.0 → 3.10.1

package/dist/Forms/Inputs/AiSearch/AiSearch.js

@@ -0,0 +1,109 @@
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { IconSesameIa as F } from "@sesame/orxata-icons/IconSesameIa";
+import { Icon as j } from "@sesame/orxata-icons/react";
+import { Command as w, CommandInput as E } from "cmdk";
+import { forwardRef as L, useState as M, useEffect as $, useMemo as b } from "react";
+import { cn as g } from "../../../lib/utils.js";
+import { useFieldControl as q } from "../../Field/useFieldGroup.js";
+import i from "./AiSearch.module.css.js";
+import { AiSearchContext as D } from "./useAiSearch.js";
+import { useTranslate as G } from "../../../Locale/useTranslate.js";
+import { Loader as K } from "../../../Feedback/Loader/Loader.js";
+const O = L(
+  ({
+    thinking: d = !1,
+    value: o,
+    onValueChange: a,
+    onSelect: e,
+    onClose: m,
+    trailing: x,
+    className: u,
+    children: A,
+    id: S,
+    dataTestid: l,
+    ...N
+  }, k) => {
+    const p = G(), y = q(S), s = o !== void 0 && a !== void 0, [v, f] = M(o ?? ""), c = s ? o : v;
+    $(() => {
+      !s && o !== void 0 && f(o);
+    }, [s, o]);
+    const I = (t) => {
+      s || f(t), a == null || a(t);
+    }, n = c.length > 0, T = b(
+      () => ({
+        query: c,
+        thinking: d,
+        open: n,
+        select: (t) => e == null ? void 0 : e(t)
+      }),
+      [e, n, c, d]
+    );
+    return /* @__PURE__ */ r(D.Provider, { value: T, children: /* @__PURE__ */ r(
+      w,
+      {
+        shouldFilter: !1,
+        onKeyDown: (t) => {
+          t.key === "Escape" && (m == null || m());
+        },
+        children: /* @__PURE__ */ h(
+          "div",
+          {
+            "data-slot": "ai-search",
+            "data-testid": l,
+            "data-open": n || void 0,
+            className: g(i.oxAiSearch, u),
+            children: [
+              /* @__PURE__ */ h("div", { className: i.oxAiSearchField, children: [
+                /* @__PURE__ */ r(
+                  j,
+                  {
+                    icon: F,
+                    className: i.oxAiSearchGlyph,
+                    "data-slot": "icon"
+                  }
+                ),
+                /* @__PURE__ */ r(E, { asChild: !0, value: c, onValueChange: I, children: /* @__PURE__ */ r(
+                  "input",
+                  {
+                    ref: k,
+                    ...y,
+                    ...N,
+                    className: i.oxAiSearchInput,
+                    "data-slot": "controller",
+                    "data-testid": `${l}-input`,
+                    "aria-expanded": n,
+                    "cmdk-input": void 0
+                  }
+                ) }),
+                d ? /* @__PURE__ */ h("span", { className: i.oxAiSearchThinking, children: [
+                  /* @__PURE__ */ r(
+                    K,
+                    {
+                      className: i.oxAiSearchThinkingMark,
+                      dataTestid: `${l}-thinking`,
+                      children: p("orxata.aiSearch.thinking")
+                    }
+                  ),
+                  /* @__PURE__ */ r(
+                    "span",
+                    {
+                      className: i.oxAiSearchThinkingLabel,
+                      "aria-hidden": "true",
+                      children: p("orxata.aiSearch.thinking")
+                    }
+                  )
+                ] }) : null,
+                x
+              ] }),
+              A
+            ]
+          }
+        )
+      }
+    ) });
+  }
+);
+O.displayName = "OxAiSearch";
+export {
+  O as AiSearch
+};

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

@@ -0,0 +1,19 @@
+const i = "_oxAiSearch_1049e_2", e = "_oxAiSearchField_1049e_2", h = "_oxAiSearchInput_1049e_2", o = "_oxAiSearchGlyph_1049e_2", a = "_oxAiSearchThinking_1049e_2", c = "_oxAiSearchThinkingMark_1049e_2", n = "_oxAiSearchThinkingLabel_1049e_2", r = {
+  oxAiSearch: i,
+  oxAiSearchField: e,
+  oxAiSearchInput: h,
+  oxAiSearchGlyph: o,
+  oxAiSearchThinking: a,
+  oxAiSearchThinkingMark: c,
+  oxAiSearchThinkingLabel: n
+};
+export {
+  r as default,
+  i as oxAiSearch,
+  e as oxAiSearchField,
+  o as oxAiSearchGlyph,
+  h as oxAiSearchInput,
+  a as oxAiSearchThinking,
+  n as oxAiSearchThinkingLabel,
+  c as oxAiSearchThinkingMark
+};

package/dist/Forms/Inputs/AiSearch/AiSearchAsk.js

@@ -0,0 +1,45 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { IconCornerDownLeft as A } from "@sesame/orxata-icons/IconCornerDownLeft";
+import { IconSesameIa as d } from "@sesame/orxata-icons/IconSesameIa";
+import { Icon as s } from "@sesame/orxata-icons/react";
+import { CommandItem as p } from "cmdk";
+import { forwardRef as f } from "react";
+import { cn as k } from "../../../lib/utils.js";
+import r from "./AiSearchAsk.module.css.js";
+import { useAiSearch as x } from "./useAiSearch.js";
+import { useTranslate as S } from "../../../Locale/useTranslate.js";
+const N = f(
+  ({ className: o, value: c = "ask", dataTestid: i, ...t }, m) => {
+    const n = S(), { query: l, select: h } = x();
+    return /* @__PURE__ */ e(p, { ref: m, asChild: !0, value: c, onSelect: h, ...t, children: /* @__PURE__ */ a(
+      "div",
+      {
+        "data-slot": "ai-search-ask",
+        "data-testid": i,
+        className: k(r.oxAiSearchAsk, o),
+        children: [
+          /* @__PURE__ */ e(s, { icon: d, className: r.oxAiSearchAskGlyph }),
+          /* @__PURE__ */ a("span", { className: r.oxAiSearchAskText, children: [
+            /* @__PURE__ */ e("span", { className: r.oxAiSearchAskTitle, children: n("orxata.aiSearch.ask") }),
+            /* @__PURE__ */ a("span", { className: r.oxAiSearchAskQuery, children: [
+              "«",
+              l,
+              "»"
+            ] })
+          ] }),
+          /* @__PURE__ */ e("kbd", { className: r.oxAiSearchAskEnter, "aria-hidden": "true", children: /* @__PURE__ */ e(
+            s,
+            {
+              icon: A,
+              className: r.oxAiSearchAskEnterIcon
+            }
+          ) })
+        ]
+      }
+    ) });
+  }
+);
+N.displayName = "OxAiSearchAsk";
+export {
+  N as AiSearchAsk
+};

package/dist/Forms/Inputs/AiSearch/AiSearchAsk.module.css.js

@@ -0,0 +1,19 @@
+const A = "_oxAiSearchAsk_sxxdk_2", e = "_oxAiSearchAskGlyph_sxxdk_2", s = "_oxAiSearchAskText_sxxdk_2", x = "_oxAiSearchAskTitle_sxxdk_2", o = "_oxAiSearchAskQuery_sxxdk_2", c = "_oxAiSearchAskEnter_sxxdk_2", r = "_oxAiSearchAskEnterIcon_sxxdk_2", k = {
+  oxAiSearchAsk: A,
+  oxAiSearchAskGlyph: e,
+  oxAiSearchAskText: s,
+  oxAiSearchAskTitle: x,
+  oxAiSearchAskQuery: o,
+  oxAiSearchAskEnter: c,
+  oxAiSearchAskEnterIcon: r
+};
+export {
+  k as default,
+  A as oxAiSearchAsk,
+  c as oxAiSearchAskEnter,
+  r as oxAiSearchAskEnterIcon,
+  e as oxAiSearchAskGlyph,
+  o as oxAiSearchAskQuery,
+  s as oxAiSearchAskText,
+  x as oxAiSearchAskTitle
+};

package/dist/Forms/Inputs/AiSearch/AiSearchPanel.js

@@ -0,0 +1,50 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { CommandList as l } from "cmdk";
+import { forwardRef as h } from "react";
+import { cn as d } from "../../../lib/utils.js";
+import a from "./AiSearchPanel.module.css.js";
+import { useAiSearch as m } from "./useAiSearch.js";
+import { useTranslate as p } from "../../../Locale/useTranslate.js";
+const x = h(
+  ({ className: n, children: s, dataTestid: t, ...o }, c) => {
+    const i = p();
+    return m().open ? /* @__PURE__ */ e(
+      "div",
+      {
+        ref: c,
+        "data-slot": "ai-search-panel",
+        "data-testid": t,
+        className: d(a.oxAiSearchPanel, n),
+        ...o,
+        children: [
+          /* @__PURE__ */ r(
+            l,
+            {
+              "data-slot": "ai-search-rows",
+              className: a.oxAiSearchRows,
+              children: s
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: a.oxAiSearchPanelHints, children: [
+            /* @__PURE__ */ e("span", { className: a.oxAiSearchPanelHint, children: [
+              /* @__PURE__ */ r("span", { "aria-hidden": "true", children: "↑↓" }),
+              i("orxata.aiSearch.hintNavigate")
+            ] }),
+            /* @__PURE__ */ e("span", { className: a.oxAiSearchPanelHint, children: [
+              /* @__PURE__ */ r("span", { "aria-hidden": "true", children: "↵" }),
+              i("orxata.aiSearch.hintAsk")
+            ] }),
+            /* @__PURE__ */ e("span", { className: a.oxAiSearchPanelHint, children: [
+              /* @__PURE__ */ r("span", { "aria-hidden": "true", children: "Esc" }),
+              i("orxata.aiSearch.hintClose")
+            ] })
+          ] })
+        ]
+      }
+    ) : null;
+  }
+);
+x.displayName = "OxAiSearchPanel";
+export {
+  x as AiSearchPanel
+};

package/dist/Forms/Inputs/AiSearch/AiSearchPanel.module.css.js

@@ -0,0 +1,13 @@
+const e = "_oxAiSearchPanel_1mjfl_2", a = "_oxAiSearchRows_1mjfl_2", o = "_oxAiSearchPanelHints_1mjfl_2", n = "_oxAiSearchPanelHint_1mjfl_2", i = {
+  oxAiSearchPanel: e,
+  oxAiSearchRows: a,
+  oxAiSearchPanelHints: o,
+  oxAiSearchPanelHint: n
+};
+export {
+  i as default,
+  e as oxAiSearchPanel,
+  n as oxAiSearchPanelHint,
+  o as oxAiSearchPanelHints,
+  a as oxAiSearchRows
+};

package/dist/Forms/Inputs/AiSearch/AiSearchSend.js

@@ -0,0 +1,42 @@
+import { jsx as s } from "react/jsx-runtime";
+import { IconArrowUp as d } from "@sesame/orxata-icons/IconArrowUp";
+import { IconStop as l } from "@sesame/orxata-icons/IconStop";
+import { Icon as x } from "@sesame/orxata-icons/react";
+import { forwardRef as y } from "react";
+import { cn as u } from "../../../lib/utils.js";
+import m from "./AiSearchSend.module.css.js";
+import { useAiSearch as A } from "./useAiSearch.js";
+import { useTranslate as g } from "../../../Locale/useTranslate.js";
+const b = y(
+  ({ className: c, onSend: r, onStop: a, onClick: e, dataTestid: n, ...h }, p) => {
+    const o = g(), i = A(), t = i.thinking ? "thinking" : i.query ? "ready" : "empty";
+    return /* @__PURE__ */ s(
+      "button",
+      {
+        ref: p,
+        type: "button",
+        className: u(m.oxAiSearchSend, c),
+        "data-slot": "send",
+        "data-testid": n,
+        "data-state": t,
+        disabled: t === "empty",
+        "aria-label": o(t === "thinking" ? "orxata.aiSearch.stop" : "orxata.aiSearch.ask"),
+        onClick: (f) => {
+          t === "thinking" ? a == null || a() : r == null || r(i.query), e == null || e(f);
+        },
+        ...h,
+        children: /* @__PURE__ */ s(
+          x,
+          {
+            icon: t === "thinking" ? l : d,
+            className: m.oxAiSearchSendIcon
+          }
+        )
+      }
+    );
+  }
+);
+b.displayName = "OxAiSearchSend";
+export {
+  b as AiSearchSend
+};

package/dist/Forms/Inputs/AiSearch/AiSearchSend.module.css.js

@@ -0,0 +1,9 @@
+const e = "_oxAiSearchSend_17ewd_2", o = "_oxAiSearchSendIcon_17ewd_2", c = {
+  oxAiSearchSend: e,
+  oxAiSearchSendIcon: o
+};
+export {
+  c as default,
+  e as oxAiSearchSend,
+  o as oxAiSearchSendIcon
+};

package/dist/Forms/Inputs/AiSearch/AiSearchShortcut.js

@@ -0,0 +1,21 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { cn as a } from "../../../lib/utils.js";
+import s from "./AiSearchShortcut.module.css.js";
+import { useAiSearch as n } from "./useAiSearch.js";
+const f = m(
+  ({ className: r, children: t, dataTestid: o, ...e }, c) => n().query ? null : /* @__PURE__ */ i(
+    "kbd",
+    {
+      ref: c,
+      className: a(s.oxAiSearchShortcut, r),
+      "data-testid": o,
+      ...e,
+      children: t ?? "⌘K"
+    }
+  )
+);
+f.displayName = "OxAiSearchShortcut";
+export {
+  f as AiSearchShortcut
+};

package/dist/Forms/Inputs/AiSearch/AiSearchShortcut.module.css.js

@@ -0,0 +1,7 @@
+const t = "_oxAiSearchShortcut_10jvd_2", o = {
+  oxAiSearchShortcut: t
+};
+export {
+  o as default,
+  t as oxAiSearchShortcut
+};

package/dist/Forms/Inputs/AiSearch/AiSearchSuggestion.js

@@ -0,0 +1,24 @@
+import { jsx as t } from "react/jsx-runtime";
+import { CommandItem as n } from "cmdk";
+import { forwardRef as c } from "react";
+import { cn as p } from "../../../lib/utils.js";
+import u from "./AiSearchSuggestion.module.css.js";
+import { useAiSearch as d } from "./useAiSearch.js";
+const f = c(({ className: o, value: e, children: r, dataTestid: i, ...s }, a) => {
+  const { select: m } = d();
+  return /* @__PURE__ */ t(n, { asChild: !0, value: e, onSelect: m, ...s, children: /* @__PURE__ */ t(
+    "button",
+    {
+      ref: a,
+      type: "button",
+      "data-slot": "ai-search-suggestion",
+      "data-testid": i,
+      className: p(u.oxAiSearchSuggestion, o),
+      children: r
+    }
+  ) });
+});
+f.displayName = "OxAiSearchSuggestion";
+export {
+  f as AiSearchSuggestion
+};

package/dist/Forms/Inputs/AiSearch/AiSearchSuggestion.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxAiSearchSuggestion_hbgkb_2", o = {
+  oxAiSearchSuggestion: e
+};
+export {
+  o as default,
+  e as oxAiSearchSuggestion
+};

package/dist/Forms/Inputs/AiSearch/useAiSearch.js

@@ -0,0 +1,13 @@
+import { createContext as e, useContext as r } from "react";
+const n = e(null), i = () => {
+  const t = r(n);
+  if (!t)
+    throw new Error(
+      "[orxata] This part must be used inside <OxAiSearch>. It reads the query and the thinking state from it."
+    );
+  return t;
+};
+export {
+  n as AiSearchContext,
+  i as useAiSearch
+};

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

@@ -0,0 +1,230 @@
+import { jsx as o, jsxs as Y, Fragment as et } from "react/jsx-runtime";
+import { Slot as ot } from "@radix-ui/react-slot";
+import { useMemo as T, useState as E, useEffect as A, createContext as v, useRef as _, useContext as x, createRef as at } from "react";
+import { DayPicker as nt, useDayPicker as rt } from "react-day-picker";
+import { TransitionGroup as st, CSSTransition as dt } from "react-transition-group";
+/* empty css                                   */
+import { cn as ct } from "../../../lib/utils.js";
+import i from "./Calendar.module.css.js";
+import { CalendarDay as lt } from "./CalendarDay.js";
+import { isDrawnByAnotherMonth as it } from "./date.js";
+import { dayTestid as mt, monthTestid as ut } from "./testids.js";
+import { useCalendarLocale as ft, WEEKDAY_FORMAT as yt } from "./useCalendarLocale.js";
+const G = v(""), F = v(""), L = v(void 0), U = v(void 0), j = v(void 0), K = 600, b = v(K), pt = () => /* @__PURE__ */ o(et, {}), xt = (e) => /* @__PURE__ */ o("div", { ...e, className: i.oxCalendarMonths }), vt = ({
+  calendarMonth: e,
+  displayIndex: s,
+  ...l
+}) => {
+  const n = x(G);
+  return /* @__PURE__ */ o(F.Provider, { value: ut(n, e.date), children: /* @__PURE__ */ o(j.Provider, { value: e.date, children: /* @__PURE__ */ o("div", { ...l, className: i.oxCalendarMonthWrapper }) }) });
+}, ht = ({
+  children: e,
+  style: s,
+  ...l
+}) => {
+  const n = x(U), a = x(j), d = x(F), c = x(b), r = (a == null ? void 0 : a.getTime()) ?? 0, f = T(
+    () => ({ month: r, ref: at() }),
+    [r]
+  ), g = _(!1);
+  A(() => {
+    g.current = !0;
+  }, []);
+  const h = {
+    "--ox-slide-y-distance": "4px",
+    "--ox-slide-y-enter-direction": "1",
+    "--ox-slide-y-enter-duration": `${c}ms`,
+    "--ox-slide-y-leave-duration": "0ms"
+  };
+  return /* @__PURE__ */ o(st, { component: null, children: /* @__PURE__ */ o(
+    dt,
+    {
+      nodeRef: f.ref,
+      appear: g.current,
+      classNames: "ox-slide-y",
+      timeout: { enter: c, appear: c, exit: 0 },
+      children: /* @__PURE__ */ Y(
+        "table",
+        {
+          ref: f.ref,
+          "data-slot": "calendar-month",
+          "data-testid": d,
+          ...l,
+          className: i.oxCalendarMonth,
+          style: { ...s, ...h },
+          children: [
+            a && (n == null ? void 0 : n(a)),
+            e
+          ]
+        }
+      )
+    },
+    f.month
+  ) });
+}, Dt = (e) => /* @__PURE__ */ o(
+  "th",
+  {
+    "data-slot": "calendar-weekday",
+    ...e,
+    className: i.oxCalendarWeekday
+  }
+), Nt = ({
+  day: e,
+  modifiers: s,
+  ...l
+}) => {
+  const n = mt(x(F), e.date, e.outside), { months: a } = rt();
+  return it(
+    e.date,
+    e.displayMonth,
+    a.map(({ date: d }) => d)
+  ) ? /* @__PURE__ */ o(
+    "td",
+    {
+      "data-slot": "calendar-cell",
+      role: "gridcell",
+      className: i.oxCalendarCell
+    }
+  ) : /* @__PURE__ */ o(
+    "td",
+    {
+      "data-slot": "calendar-cell",
+      "data-testid": n,
+      ...l,
+      className: i.oxCalendarCell
+    }
+  );
+}, Tt = ({
+  day: e,
+  modifiers: s,
+  children: l,
+  ...n
+}) => {
+  const a = _(null), d = x(L);
+  A(() => {
+    var r;
+    s.focused && ((r = a.current) == null || r.focus());
+  }, [s.focused]);
+  const c = {
+    selected: !!s.selected,
+    today: !!s.today,
+    disabled: !!s.disabled,
+    outside: e.outside,
+    focused: !!s.focused
+  };
+  return d ? /* @__PURE__ */ o(ot, { ref: a, ...n, className: void 0, children: d({ date: e.date, state: c }) }) : /* @__PURE__ */ o(lt, { ref: a, state: c, ...n, className: void 0, children: l });
+}, gt = {
+  MonthCaption: pt,
+  Months: xt,
+  Month: vt,
+  MonthGrid: ht,
+  Weekday: Dt,
+  Day: Nt,
+  DayButton: Tt
+}, W = (e) => new Date(e.getFullYear(), e.getMonth(), e.getDate()), N = (e) => new Date(e.getFullYear(), e.getMonth(), 1), u = (e) => e.getFullYear() * 12 + e.getMonth(), Ct = ({
+  className: e,
+  value: s,
+  defaultValue: l,
+  onValueChange: n,
+  visibleMonth: a,
+  onVisibleMonthChange: d,
+  onFocusDay: c,
+  months: r = 1,
+  month: f,
+  constraints: g,
+  header: h,
+  day: $,
+  animationDuration: q = K,
+  dataTestid: S
+}) => {
+  const { locale: m, weekStartsOn: z } = ft(), H = T(
+    () => r > 1 ? (t) => /* @__PURE__ */ o("caption", { className: i.oxCalendarMonthName, children: f ? f({ month: t }) : new Intl.DateTimeFormat(m, {
+      month: "long",
+      year: "numeric"
+    }).format(t) }) : void 0,
+    [r, m, f]
+  ), [J, Q] = E(l), B = s ?? J, [D, R] = E(
+    () => N(a ?? B ?? /* @__PURE__ */ new Date())
+  ), C = (t) => {
+    u(D) !== u(t) && (R(t), d == null || d(t));
+  }, O = a == null ? void 0 : a.getTime();
+  A(() => {
+    if (O === void 0) return;
+    const t = N(new Date(O));
+    R(
+      (M) => u(M) === u(t) ? M : t
+    );
+  }, [O]);
+  const X = (t) => {
+    s === void 0 && Q(t), n == null || n(t);
+  }, { from: y, to: p, isDisabled: P } = g ?? {}, I = y == null ? void 0 : y.getTime(), k = p == null ? void 0 : p.getTime(), Z = T(() => {
+    const t = [];
+    return I !== void 0 && t.push({ before: W(new Date(I)) }), k !== void 0 && t.push({ after: W(new Date(k)) }), P && t.push((M) => P(M)), t;
+  }, [I, k, P]), V = T(
+    () => ({
+      formatDay: (t) => t.getDate().toLocaleString(m),
+      formatWeekdayName: (t) => new Intl.DateTimeFormat(m, { weekday: yt }).format(
+        t
+      ),
+      formatCaption: (t) => new Intl.DateTimeFormat(m, {
+        month: "long",
+        year: "numeric"
+      }).format(t)
+    }),
+    [m]
+  ), tt = T(
+    () => ({
+      labelDayButton: (t) => new Intl.DateTimeFormat(m, {
+        weekday: "long",
+        month: "long",
+        day: "numeric",
+        year: "numeric"
+      }).format(t)
+    }),
+    [m]
+  ), w = (t) => new Date(D.getFullYear(), D.getMonth() + t, 1);
+  return /* @__PURE__ */ Y(
+    "div",
+    {
+      "data-slot": "calendar",
+      "data-testid": S,
+      className: ct(i.oxCalendar, e),
+      children: [
+        h == null ? void 0 : h({
+          month: D,
+          months: r,
+          goToPrev: () => C(w(-r)),
+          goToNext: () => C(w(r)),
+          goTo: (t) => C(N(t)),
+          canGoPrev: !y || u(w(-r)) >= u(y),
+          canGoNext: !p || u(w(r)) <= u(p)
+        }),
+        /* @__PURE__ */ o(G.Provider, { value: S, children: /* @__PURE__ */ o(U.Provider, { value: H, children: /* @__PURE__ */ o(b.Provider, { value: q, children: /* @__PURE__ */ o(L.Provider, { value: $, children: /* @__PURE__ */ o(
+          nt,
+          {
+            mode: "single",
+            selected: B,
+            onSelect: X,
+            month: D,
+            onMonthChange: C,
+            onDayFocus: (t) => c == null ? void 0 : c(t),
+            numberOfMonths: r,
+            startMonth: y ? N(y) : void 0,
+            endMonth: p ? N(p) : void 0,
+            disabled: Z,
+            weekStartsOn: z,
+            showOutsideDays: !0,
+            hideNavigation: !0,
+            components: gt,
+            formatters: V,
+            labels: tt,
+            className: i.oxCalendarRoot
+          }
+        ) }) }) }) })
+      ]
+    }
+  );
+};
+Ct.displayName = "OxCalendar";
+export {
+  Ct as Calendar
+};

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

@@ -0,0 +1,21 @@
+const a = "_oxCalendar_javzi_2", o = "_oxCalendarRoot_javzi_2", n = "_oxCalendarMonths_javzi_2", e = "_oxCalendarMonthWrapper_javzi_2", l = "_oxCalendarMonthName_javzi_2", r = "_oxCalendarMonth_javzi_2", d = "_oxCalendarWeekday_javzi_2", t = "_oxCalendarCell_javzi_2", C = {
+  oxCalendar: a,
+  oxCalendarRoot: o,
+  oxCalendarMonths: n,
+  oxCalendarMonthWrapper: e,
+  oxCalendarMonthName: l,
+  oxCalendarMonth: r,
+  oxCalendarWeekday: d,
+  oxCalendarCell: t
+};
+export {
+  C as default,
+  a as oxCalendar,
+  t as oxCalendarCell,
+  r as oxCalendarMonth,
+  l as oxCalendarMonthName,
+  e as oxCalendarMonthWrapper,
+  n as oxCalendarMonths,
+  o as oxCalendarRoot,
+  d as oxCalendarWeekday
+};

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

@@ -0,0 +1,33 @@
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { moduleClasses as t } from "../../../lib/cssModules.js";
+import { cn as m } from "../../../lib/utils.js";
+import d from "./CalendarDay.module.css.js";
+import { calendarDayVariants as n } from "./index.js";
+const f = s(
+  ({ className: o, state: a = {}, children: e, ...r }, i) => /* @__PURE__ */ l(
+    "button",
+    {
+      ref: i,
+      type: "button",
+      "data-slot": "calendar-day",
+      disabled: a.disabled || void 0,
+      "data-selected": a.selected || void 0,
+      "data-today": a.today || void 0,
+      "data-disabled": a.disabled || void 0,
+      "data-focused": a.focused || void 0,
+      "data-outside": a.outside || void 0,
+      className: m(
+        d.oxCalendarDay,
+        t(d, n({ range: a.range })),
+        o
+      ),
+      ...r,
+      children: e
+    }
+  )
+);
+f.displayName = "OxCalendarDay";
+export {
+  f as CalendarDay
+};