@sesamehr/react-design-system 3.9.0 → 3.10.1

package/dist/Forms/Inputs/TimePicker/useTimeField.js

@@ -0,0 +1,180 @@
+import { Time as R } from "@internationalized/date";
+import { useMemo as g, useState as F, useRef as A, useCallback as h, useEffect as I } from "react";
+import { partsOf as B, pad as Z, PART_MAX as S } from "./time.js";
+const _ = "--", j = ":", U = /* @__PURE__ */ new Set([
+  "Enter",
+  "ArrowUp",
+  "ArrowDown",
+  "ArrowLeft",
+  "ArrowRight",
+  "Backspace",
+  " ",
+  "a",
+  "A",
+  "p",
+  "P"
+]), C = (s) => !Number.isNaN(Number.parseInt(s, 10)), Y = (s) => U.has(s) || C(s), T = (s) => s === "ArrowLeft" || s === "ArrowRight", G = {
+  hour: 24,
+  minute: 59,
+  second: 59
+}, V = {
+  hour: "hour, ",
+  minute: "minute, ",
+  second: "second, "
+}, L = (s) => Object.fromEntries(s.map((t) => [t, null])), O = (s, t) => Object.fromEntries(t.map((a) => [a, s[a]])), X = (s, t) => s === t || s !== void 0 && t !== void 0 && s.compare(t) === 0;
+function $(s, t, a, l) {
+  const r = Math.floor(s / 10);
+  let c = a, f = !1;
+  if (l.hasLeftFocus && (l.hasLeftFocus = !1, c = null), c === null)
+    return t === 0 ? (l.lastKeyZero = !0, { value: 0, moveToNext: f }) : ((l.lastKeyZero || t > r) && (f = !0), l.lastKeyZero = !1, { value: t, moveToNext: f });
+  const m = c.toString().length, w = Number.parseInt(c.toString() + t.toString(), 10);
+  return m === 2 || w > s ? (t > r && (f = !0), { value: t, moveToNext: f }) : { value: w, moveToNext: !0 };
+}
+function z({
+  format: s,
+  time: t,
+  setTime: a,
+  disabled: l
+}) {
+  const r = g(() => B(s), [s]), [c, f] = F(
+    () => t ? O(t, r) : L(r)
+  ), m = A({}), w = A({}), D = A({}), d = (e) => {
+    var o;
+    return (o = D.current)[e] ?? (o[e] = { hasLeftFocus: !0, lastKeyZero: !1 });
+  }, E = h(
+    (e) => {
+      var o;
+      return (o = w.current)[e] ?? (o[e] = (n) => {
+        m.current[e] = n;
+      });
+    },
+    []
+  ), y = g(() => t ?? new R(0, 0, 0), [t]), k = A(t);
+  I(() => {
+    const e = !X(k.current, t);
+    if (k.current = t, t) {
+      f(O(t, r));
+      return;
+    }
+    f(
+      (o) => e && r.every((n) => o[n] !== null) ? L(r) : Object.fromEntries(r.map((n) => [n, o[n] ?? null]))
+    );
+  }, [t, r]);
+  const M = g(
+    () => r.flatMap((e, o) => {
+      const n = c[e], u = {
+        part: e,
+        key: e,
+        value: n == null ? _ : Z(n)
+      };
+      return o === 0 ? [u] : [
+        { part: "literal", key: `literal-${e}`, value: j },
+        u
+      ];
+    }),
+    [r, c]
+  ), N = h(
+    (e) => {
+      var n;
+      const o = r[r.indexOf(e) + 1];
+      o && ((n = m.current[o]) == null || n.focus());
+    },
+    [r]
+  ), v = h(
+    (e, o, n) => {
+      const u = { ...c, [e]: o };
+      if (f(u), r.every((i) => u[i] !== null)) {
+        let i = y;
+        for (const K of r) i = i.set({ [K]: u[K] });
+        a(i);
+      } else n && a(void 0);
+    },
+    [r, y, a, c]
+  ), x = h(
+    (e, o) => {
+      const n = c[e] ?? null;
+      return n === null ? e === "hour" ? y.hour : o ? 0 : S[e] : y.set({ [e]: n }).cycle(
+        e,
+        o ? 1 : -1,
+        e === "hour" ? { hourCycle: 24 } : void 0
+      )[e];
+    },
+    [y, c]
+  ), b = h(
+    (e, o) => {
+      if (o.key !== "Tab" && o.preventDefault(), l || !Y(o.key) || T(o.key)) return;
+      const n = c[e] ?? null;
+      if (o.key === "ArrowUp" || o.key === "ArrowDown") {
+        v(e, x(e, o.key === "ArrowUp"), !1);
+        return;
+      }
+      if (C(o.key)) {
+        const { value: u, moveToNext: i } = $(
+          G[e],
+          Number.parseInt(o.key, 10),
+          n,
+          d(e)
+        );
+        v(e, u, !1), i && N(e);
+        return;
+      }
+      if (o.key === "Backspace") {
+        if (d(e).hasLeftFocus = !1, n === null) return;
+        const u = n.toString();
+        u.length === 1 ? v(e, null, !0) : v(e, Number.parseInt(u.slice(0, -1), 10), !1);
+      }
+    },
+    [v, l, N, x, c]
+  ), p = h(
+    (e) => {
+      var u;
+      if (!T(e.key)) return;
+      const o = r.find(
+        (i) => m.current[i] === e.target
+      );
+      if (o === void 0) return;
+      const n = e.key === "ArrowRight" ? 1 : -1;
+      (u = m.current[r[r.indexOf(o) + n]]) == null || u.focus();
+    },
+    [r]
+  ), P = h(
+    (e) => {
+      const o = c[e] ?? null, n = o === null, u = n ? y[e] : o;
+      return {
+        ref: E(e),
+        role: "spinbutton",
+        contentEditable: !l,
+        suppressContentEditableWarning: !0,
+        tabIndex: l ? void 0 : 0,
+        spellCheck: !1,
+        inputMode: "numeric",
+        autoCorrect: "off",
+        enterKeyHint: "next",
+        /* reka's own, and the reason it is there: the segment is editable so a
+           phone offers a numeric keyboard, but the text is rendered from state,
+           so a blinking caret would sit in content nobody can type into. */
+        style: { caretColor: "transparent" },
+        "aria-label": V[e],
+        "aria-valuemin": 0,
+        "aria-valuemax": S[e],
+        "aria-valuenow": u,
+        "aria-valuetext": n ? "Empty" : `${u}`,
+        "aria-disabled": l ? !0 : void 0,
+        "data-placeholder": n ? "" : void 0,
+        "data-part": e,
+        onKeyDown: (i) => b(e, i),
+        onMouseDown: (i) => {
+          l && i.preventDefault();
+        },
+        onBlur: () => {
+          d(e).hasLeftFocus = !0;
+        }
+      };
+    },
+    [l, b, y, E, c]
+  );
+  return { segments: M, segmentProps: P, onKeyDown: p };
+}
+export {
+  z as useTimeField
+};

package/dist/Forms/Inputs/TimePicker/useTimeList.js

@@ -0,0 +1,94 @@
+import { useId as E, useCallback as s, useState as C, useRef as m, useEffect as l } from "react";
+const H = 1e3;
+function O({
+  options: n,
+  selected: i,
+  onSelect: a,
+  disabled: c
+}) {
+  const v = E(), h = s(
+    (r) => `${v}-${r.replace(/:/g, "-")}`,
+    [v]
+  ), [e, f] = C(i), g = m(/* @__PURE__ */ new Map()), k = m(
+    /* @__PURE__ */ new Map()
+  ), d = m(""), u = m(
+    void 0
+  );
+  l(() => f(i), [i]), l(() => {
+    if (e === void 0) return;
+    const r = requestAnimationFrame(
+      () => {
+        var t;
+        return (t = g.current.get(e)) == null ? void 0 : t.scrollIntoView({ block: "nearest" });
+      }
+    );
+    return () => cancelAnimationFrame(r);
+  }, [e]), l(
+    () => () => {
+      u.current && clearTimeout(u.current);
+    },
+    []
+  );
+  const o = s(
+    (r) => {
+      const t = n[Math.max(0, Math.min(n.length - 1, r))];
+      t !== void 0 && f(t);
+    },
+    [n]
+  ), A = s(
+    (r) => {
+      if (c) return;
+      const t = e === void 0 ? -1 : n.indexOf(e), M = {
+        ArrowDown: () => o(t + 1),
+        ArrowUp: () => o(t < 0 ? 0 : t - 1),
+        Home: () => o(0),
+        End: () => o(n.length - 1),
+        Enter: () => e !== void 0 && a(e),
+        " ": () => e !== void 0 && a(e)
+      }[r.key];
+      if (M) {
+        r.preventDefault(), M();
+        return;
+      }
+      if (r.key.length !== 1 || !/[\d:]/.test(r.key)) return;
+      r.preventDefault(), d.current += r.key, u.current && clearTimeout(u.current), u.current = setTimeout(() => {
+        d.current = "";
+      }, H);
+      const x = n.find(
+        (D) => D.startsWith(d.current)
+      );
+      x !== void 0 && f(x);
+    },
+    [c, e, o, a, n]
+  ), w = s((r) => {
+    let t = k.current.get(r);
+    return t || (t = (y) => g.current.set(r, y), k.current.set(r, t)), t;
+  }, []), T = s(
+    (r) => ({
+      id: h(r),
+      role: "option",
+      "aria-selected": r === i,
+      "aria-disabled": c ? !0 : void 0,
+      "data-highlighted": r === e ? "" : void 0,
+      ref: w(r),
+      onClick: () => {
+        c || a(r);
+      },
+      onMouseMove: () => {
+        c || f(r);
+      }
+    }),
+    [c, e, h, a, w, i]
+  );
+  return {
+    listProps: {
+      tabIndex: c ? -1 : 0,
+      "aria-activedescendant": e === void 0 ? void 0 : h(e),
+      onKeyDown: A
+    },
+    optionProps: T
+  };
+}
+export {
+  O as useTimeList
+};

package/dist/Forms/Inputs/TimePicker/useTimePicker.js

@@ -0,0 +1,16 @@
+import { createContext as t, useContext as r } from "react";
+const i = t(
+  null
+);
+function o() {
+  const e = r(i);
+  if (!e)
+    throw new Error(
+      "[OxTimePicker] This part must be used inside <OxTimePicker>."
+    );
+  return e;
+}
+export {
+  i as TimePickerContext,
+  o as useTimePicker
+};

package/dist/Forms/Inputs/TimePicker/useWheelColumn.js

@@ -0,0 +1,126 @@
+import { useRef as m, useState as z, useMemo as K, useCallback as n, useEffect as k } from "react";
+const M = 40, C = 1, X = 140, j = 3;
+function J(h) {
+  const p = m(null), a = m(0), [I, P] = z(0), f = m(
+    void 0
+  ), b = m(!1), E = m(!1), o = m(h);
+  o.current = h;
+  const D = K(() => {
+    const e = [];
+    for (let t = 0; t < C * 2 + 1; t++)
+      e.push(...h.values);
+    return e;
+  }, [h.values]), g = m(D);
+  g.current = D;
+  const L = n(
+    () => C * o.current.values.length,
+    []
+  ), l = n(
+    () => Math.round(a.current / M),
+    []
+  ), W = n(
+    (e) => Math.abs(e - I / M),
+    [I]
+  ), s = n(
+    (e) => Math.max(0, Math.min(g.current.length - 1, e)),
+    []
+  ), u = n((e, t) => {
+    const r = p.current, c = e * M;
+    a.current = c, P(c), r && (t && r.setAttribute("data-instant", ""), r.scrollTop = c, t && requestAnimationFrame(() => r.removeAttribute("data-instant")));
+  }, []), w = n(() => {
+    const e = o.current.values.length, t = L(), r = l();
+    if (r >= t && r < t + e) return;
+    const c = r < t ? e : -e;
+    u(r + c, !0);
+  }, [l, L, u]), x = n(
+    (e) => {
+      const t = g.current[s(e)];
+      t !== void 0 && t !== o.current.value && o.current.onPick(t);
+    },
+    [s]
+  ), v = n(() => {
+    if (b.current) return;
+    const e = s(l());
+    u(e, !1), x(e), w();
+  }, [l, s, x, w, u]), O = n((e) => {
+    f.current && clearTimeout(f.current), f.current = setTimeout(e, X);
+  }, []), y = n(
+    (e) => {
+      o.current.disabled || E.current || (u(s(e), !1), x(e), w());
+    },
+    [s, x, w, u]
+  ), U = n(() => {
+    const { value: e, values: t } = o.current;
+    if (g.current[s(l())] === e) return;
+    const r = e === void 0 ? 0 : t.indexOf(e);
+    u(L() + Math.max(0, r), !0);
+  }, [l, s, L, u]), Y = n(() => {
+    p.current && (a.current = p.current.scrollTop, P(a.current), !(b.current || a.current % M === 0) && O(v));
+  }, [O, v]);
+  k(() => {
+    const e = p.current;
+    if (!e) return;
+    const t = (r) => {
+      if (o.current.disabled) return;
+      r.preventDefault();
+      const c = r.deltaY > 0 ? 1 : -1;
+      u(s(l() + c), !1), O(v);
+    };
+    return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
+  }, [l, s, O, u, v]);
+  const q = n(
+    (e) => {
+      var T;
+      if (o.current.disabled || e.button !== 0) return;
+      const t = p.current;
+      if (!t) return;
+      b.current = !0, E.current = !1;
+      const r = e.clientY, c = a.current;
+      f.current && clearTimeout(f.current), t.setAttribute("data-instant", ""), (T = t.setPointerCapture) == null || T.call(t, e.pointerId);
+      const A = (S) => {
+        const d = r - S.clientY;
+        Math.abs(d) > j && (E.current = !0), a.current = c + d, P(a.current), t.scrollTop = a.current;
+      }, i = () => {
+        t.removeEventListener("pointermove", A), t.removeEventListener("pointerup", i), t.removeEventListener("pointercancel", i), t.removeAttribute("data-instant"), b.current = !1, E.current && v(), requestAnimationFrame(() => {
+          E.current = !1;
+        });
+      };
+      t.addEventListener("pointermove", A), t.addEventListener("pointerup", i), t.addEventListener("pointercancel", i);
+    },
+    [v]
+  ), F = n((e) => {
+    var _;
+    const { disabled: t, values: r, value: c, onPick: A } = o.current;
+    if (t) return;
+    const i = r.length;
+    if (!i) return;
+    const T = r.indexOf(c ?? r[0]), S = T < 0 ? 0 : T, d = (G) => ((S + G) % i + i) % i, H = {
+      ArrowUp: () => d(1),
+      ArrowDown: () => d(-1),
+      PageUp: () => d(5),
+      PageDown: () => d(-5),
+      Home: () => 0,
+      End: () => i - 1
+    }, R = (_ = H[e.key]) == null ? void 0 : _.call(H);
+    R !== void 0 && (e.preventDefault(), A(r[R]));
+  }, []);
+  return k(
+    () => () => {
+      f.current && clearTimeout(f.current);
+    },
+    []
+  ), {
+    viewport: p,
+    rows: D,
+    distanceOf: W,
+    pick: y,
+    recentre: U,
+    onScroll: Y,
+    onPointerDown: q,
+    onKeyDown: F
+  };
+}
+export {
+  M as WHEEL_ROW_HEIGHT,
+  J as useWheelColumn
+};

package/dist/Forms/Inputs/Toggle/Checkbox/Checkbox.d.ts

@@ -1,6 +1,7 @@
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
     variant?: 'default' | 'rounded';
+    size?: 'sm' | 'md' | 'lg';
 }
 /**
  * Checkbox — built on `@radix-ui/react-checkbox`. `checked` is

package/dist/Forms/Inputs/Toggle/Checkbox/Checkbox.js

@@ -0,0 +1,46 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as c from "@radix-ui/react-checkbox";
+import { IconCheck as f } from "@sesame/orxata-icons/IconCheck";
+import { IconMinus as C } from "@sesame/orxata-icons/IconMinus";
+import { Icon as m } from "@sesame/orxata-icons/react";
+import { forwardRef as h } from "react";
+import { cn as b } from "../../../../lib/utils.js";
+import { useFieldControl as k } from "../../../Field/useFieldGroup.js";
+import o from "./Checkbox.module.css.js";
+const p = {
+  sm: o.oxCheckboxSm,
+  md: o.oxCheckboxMd,
+  lg: o.oxCheckboxLg
+}, u = h(
+  ({ className: i, variant: n = "default", size: s = "md", checked: r, id: x, ...a }, d) => {
+    const t = r === "indeterminate", l = k(x);
+    return /* @__PURE__ */ e(
+      c.Root,
+      {
+        ref: d,
+        ...l,
+        "data-slot": "controller",
+        checked: r,
+        className: b(
+          o.oxCheckboxRoot,
+          p[s],
+          n === "rounded" && o.oxCheckboxRounded,
+          i
+        ),
+        ...a,
+        children: /* @__PURE__ */ e(
+          c.Indicator,
+          {
+            forceMount: t ? !0 : void 0,
+            className: o.oxCheckboxIndicator,
+            children: t ? /* @__PURE__ */ e(m, { icon: C, className: o.oxCheckboxIcon }) : /* @__PURE__ */ e(m, { icon: f, className: o.oxCheckboxIcon })
+          }
+        )
+      }
+    );
+  }
+);
+u.displayName = "OxCheckbox";
+export {
+  u as Checkbox
+};

package/dist/Forms/Inputs/Toggle/Checkbox/Checkbox.module.css.js

@@ -0,0 +1,19 @@
+const o = "_oxCheckboxRoot_18i3x_2", x = "_oxCheckboxIcon_18i3x_2", c = "_oxCheckboxIndicator_18i3x_2", e = "_oxCheckboxRounded_18i3x_2", b = "_oxCheckboxSm_18i3x_2", h = "_oxCheckboxMd_18i3x_2", k = "_oxCheckboxLg_18i3x_2", C = {
+  oxCheckboxRoot: o,
+  oxCheckboxIcon: x,
+  oxCheckboxIndicator: c,
+  oxCheckboxRounded: e,
+  oxCheckboxSm: b,
+  oxCheckboxMd: h,
+  oxCheckboxLg: k
+};
+export {
+  C as default,
+  x as oxCheckboxIcon,
+  c as oxCheckboxIndicator,
+  k as oxCheckboxLg,
+  h as oxCheckboxMd,
+  o as oxCheckboxRoot,
+  e as oxCheckboxRounded,
+  b as oxCheckboxSm
+};

package/dist/Forms/Inputs/Toggle/RadioButton/RadioButton.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-radio-group";
+import { forwardRef as s } from "react";
+import { cn as d } from "../../../../lib/utils.js";
+import a from "./RadioButton.module.css.js";
+const e = s(({ className: t, ...i }, m) => /* @__PURE__ */ o(
+  r.Item,
+  {
+    ref: m,
+    "data-slot": "controller",
+    className: d(a.oxRadioRoot, t),
+    ...i,
+    children: /* @__PURE__ */ o(r.Indicator, { className: a.oxRadioIndicator, children: /* @__PURE__ */ o("span", { className: a.oxRadioDot }) })
+  }
+));
+e.displayName = "OxRadioButton";
+export {
+  e as RadioButton
+};

package/dist/Forms/Inputs/Toggle/RadioButton/RadioButton.module.css.js

@@ -0,0 +1,11 @@
+const o = "_oxRadioRoot_1hxb4_2", t = "_oxRadioDot_1hxb4_2", a = "_oxRadioIndicator_1hxb4_2", d = {
+  oxRadioRoot: o,
+  oxRadioDot: t,
+  oxRadioIndicator: a
+};
+export {
+  d as default,
+  t as oxRadioDot,
+  a as oxRadioIndicator,
+  o as oxRadioRoot
+};

package/dist/Forms/Inputs/Toggle/RadioButton/RadioGroup.js

@@ -0,0 +1,28 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as l from "@radix-ui/react-radio-group";
+import { forwardRef as e } from "react";
+import { cn as d } from "../../../../lib/utils.js";
+import { useFieldControlGroup as s } from "../../../Field/useFieldGroup.js";
+import o from "./RadioGroup.module.css.js";
+const u = e(({ className: i, orientation: r = "vertical", ...t }, a) => {
+  const p = s();
+  return /* @__PURE__ */ m(
+    l.Root,
+    {
+      ref: a,
+      ...p,
+      "data-slot": "controller",
+      orientation: r,
+      className: d(
+        o.oxRadioGroup,
+        r === "horizontal" ? o.oxRadioGroupHorizontal : o.oxRadioGroupVertical,
+        i
+      ),
+      ...t
+    }
+  );
+});
+u.displayName = "OxRadioGroup";
+export {
+  u as RadioGroup
+};

package/dist/Forms/Inputs/Toggle/RadioButton/RadioGroup.module.css.js

@@ -0,0 +1,11 @@
+const o = "_oxRadioGroup_1tk27_2", a = "_oxRadioGroupVertical_1tk27_2", r = "_oxRadioGroupHorizontal_1tk27_2", t = {
+  oxRadioGroup: o,
+  oxRadioGroupVertical: a,
+  oxRadioGroupHorizontal: r
+};
+export {
+  t as default,
+  o as oxRadioGroup,
+  r as oxRadioGroupHorizontal,
+  a as oxRadioGroupVertical
+};

package/dist/Forms/Inputs/Toggle/Switch/Switch.js

@@ -0,0 +1,67 @@
+import { jsxs as u, jsx as t } from "react/jsx-runtime";
+import { IconCheck as w } from "@sesame/orxata-icons/IconCheck";
+import { IconClose as y } from "@sesame/orxata-icons/IconClose";
+import { Icon as N } from "@sesame/orxata-icons/react";
+import { forwardRef as S } from "react";
+import { cn as I } from "../../../../lib/utils.js";
+import { useFieldControl as O } from "../../../Field/useFieldGroup.js";
+import o from "./Switch.module.css.js";
+const d = S(
+  ({
+    className: n,
+    checked: r = !1,
+    size: i = "regular",
+    disabled: s = !1,
+    icon: m = !1,
+    onCheckedChange: l,
+    children: a,
+    id: f,
+    ...p
+  }, x) => {
+    const c = O(f);
+    function P() {
+      s || l == null || l(!r);
+    }
+    return /* @__PURE__ */ u(
+      "div",
+      {
+        ref: x,
+        "data-slot": "controller",
+        className: I(
+          o.oxPsnSwitch,
+          r ? o.oxPsnOn : o.oxPsnOff,
+          s ? o.oxPsnDisabled : o.oxPsnEnabled,
+          i === "small" ? o.oxPsnSmall : o.oxPsnRegular,
+          n
+        ),
+        ...p,
+        children: [
+          /* @__PURE__ */ t("div", { className: o.oxPsnHandler, children: a ?? (m ? /* @__PURE__ */ t(
+            N,
+            {
+              icon: r ? w : y,
+              className: o.oxPsnGlyph,
+              "data-slot": "icon"
+            }
+          ) : null) }),
+          /* @__PURE__ */ t(
+            "input",
+            {
+              ...c,
+              type: "checkbox",
+              checked: r,
+              disabled: s,
+              onChange: (e) => {
+                e.stopPropagation(), P();
+              }
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+d.displayName = "OxSwitch";
+export {
+  d as Switch
+};

package/dist/Forms/Inputs/Toggle/Switch/Switch.module.css.js

@@ -0,0 +1,23 @@
+const n = "_oxPsnSwitch_s4nop_2", s = "_oxPsnHandler_s4nop_2", o = "_oxPsnRegular_s4nop_2", x = "_oxPsnGlyph_s4nop_2", P = "_oxPsnSmall_s4nop_2", _ = "_oxPsnOn_s4nop_2", l = "_oxPsnOff_s4nop_2", a = "_oxPsnEnabled_s4nop_2", t = "_oxPsnDisabled_s4nop_2", e = {
+  oxPsnSwitch: n,
+  oxPsnHandler: s,
+  oxPsnRegular: o,
+  oxPsnGlyph: x,
+  oxPsnSmall: P,
+  oxPsnOn: _,
+  oxPsnOff: l,
+  oxPsnEnabled: a,
+  oxPsnDisabled: t
+};
+export {
+  e as default,
+  t as oxPsnDisabled,
+  a as oxPsnEnabled,
+  x as oxPsnGlyph,
+  s as oxPsnHandler,
+  l as oxPsnOff,
+  _ as oxPsnOn,
+  o as oxPsnRegular,
+  P as oxPsnSmall,
+  n as oxPsnSwitch
+};

package/dist/Forms/Inputs/Toggle/Switch/constants.js

@@ -0,0 +1,4 @@
+const l = ["regular", "small"];
+export {
+  l as SWITCH_SIZES
+};

package/dist/Forms/Inputs/Toggle/ToggleDescription/ToggleDescription.d.ts

@@ -1,5 +1,9 @@
 export interface ToggleDescriptionProps extends React.HTMLAttributes<HTMLSpanElement> {
     size?: 'xs' | 'sm' | 'base';
 }
-/** ToggleDescription — mirrors `@sesame/orxata-core` ToggleDescription. */
+/**
+ * ToggleDescription — mirrors `@sesame/orxata-core` ToggleDescription. `id`
+ * comes from the surrounding group so the toggle can point `aria-describedby`
+ * at it; without one, only a sighted user ever got this sentence.
+ */
 export declare const ToggleDescription: import('react').ForwardRefExoticComponent<ToggleDescriptionProps & import('react').RefAttributes<HTMLSpanElement>>;