@sesamehr/react-design-system 3.10.0 → 3.10.1

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

@@ -0,0 +1,13 @@
+const o = "_oxToggleDescription_18dfq_2", e = "_oxToggleDescriptionXs_18dfq_2", s = "_oxToggleDescriptionSm_18dfq_2", g = "_oxToggleDescriptionBase_18dfq_2", i = {
+  oxToggleDescription: o,
+  oxToggleDescriptionXs: e,
+  oxToggleDescriptionSm: s,
+  oxToggleDescriptionBase: g
+};
+export {
+  i as default,
+  o as oxToggleDescription,
+  g as oxToggleDescriptionBase,
+  s as oxToggleDescriptionSm,
+  e as oxToggleDescriptionXs
+};

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

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { cn as s } from "../../../../lib/utils.js";
+import { useProvideNestedFieldGroup as u, FieldGroupContext as n } from "../../../Field/useFieldGroup.js";
+import o from "./ToggleGroup.module.css.js";
+const a = g(
+  ({ className: t, align: l = "start", gap: r = "md", children: m, ...i }, p) => {
+    const d = u();
+    return /* @__PURE__ */ e(n.Provider, { value: d, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: p,
+        className: s(
+          o.oxToggleGroup,
+          o[`oxToggleGroupAlign${l === "center" ? "Center" : "Start"}`],
+          o[`oxToggleGroupGap${r === "sm" ? "Sm" : r === "lg" ? "Lg" : "Md"}`],
+          t
+        ),
+        ...i,
+        children: m
+      }
+    ) });
+  }
+);
+a.displayName = "OxToggleGroup";
+export {
+  a as ToggleGroup
+};

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

@@ -0,0 +1,17 @@
+const o = "_oxToggleGroup_g360l_2", g = "_oxToggleGroupGapSm_g360l_2", l = "_oxToggleGroupGapMd_g360l_2", p = "_oxToggleGroupGapLg_g360l_2", e = "_oxToggleGroupAlignStart_g360l_2", G = "_oxToggleGroupAlignCenter_g360l_2", r = {
+  oxToggleGroup: o,
+  oxToggleGroupGapSm: g,
+  oxToggleGroupGapMd: l,
+  oxToggleGroupGapLg: p,
+  oxToggleGroupAlignStart: e,
+  oxToggleGroupAlignCenter: G
+};
+export {
+  r as default,
+  o as oxToggleGroup,
+  G as oxToggleGroupAlignCenter,
+  e as oxToggleGroupAlignStart,
+  p as oxToggleGroupGapLg,
+  l as oxToggleGroupGapMd,
+  g as oxToggleGroupGapSm
+};

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

@@ -0,0 +1,24 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as s } from "../../../../lib/utils.js";
+import { useFieldGroup as p } from "../../../Field/useFieldGroup.js";
+import f from "./ToggleLabel.module.css.js";
+const g = a(
+  ({ className: r, htmlFor: l, ...e }, t) => {
+    const o = p();
+    return /* @__PURE__ */ m(
+      "label",
+      {
+        ref: t,
+        htmlFor: l ?? (o == null ? void 0 : o.controlId),
+        "data-slot": "label",
+        className: s(f.oxToggleLabel, r),
+        ...e
+      }
+    );
+  }
+);
+g.displayName = "OxToggleLabel";
+export {
+  g as ToggleLabel
+};

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

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

package/dist/Forms/Inputs/inputSize.js

@@ -0,0 +1,10 @@
+/* empty css              */
+const i = {
+  xs: "ox-input-xs",
+  sm: "ox-input-sm",
+  md: "ox-input-md",
+  lg: "ox-input-lg"
+};
+export {
+  i as inputSizeClass
+};

package/dist/Layout/Card/Card.js

@@ -0,0 +1,35 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Slot as i } from "@radix-ui/react-slot";
+import { forwardRef as l } from "react";
+import { moduleClasses as p } from "../../lib/cssModules.js";
+import { cn as c } from "../../lib/utils.js";
+import r from "./Card.module.css.js";
+import { cardVariants as C } from "./index.js";
+const n = l(
+  ({
+    className: o,
+    asChild: a = !1,
+    tone: t = "default",
+    flat: m = !1,
+    dataTestid: s,
+    ...d
+  }, f) => /* @__PURE__ */ e(
+    a ? i : "div",
+    {
+      ref: f,
+      "data-slot": "card",
+      "data-testid": s,
+      "data-flat": m,
+      className: c(
+        r.oxCard,
+        p(r, C({ tone: t })),
+        o
+      ),
+      ...d
+    }
+  )
+);
+n.displayName = "OxCard";
+export {
+  n as Card
+};

package/dist/Layout/Card/Card.module.css.js

@@ -0,0 +1,10 @@
+const d = "_oxCard_163r9_2", r = {
+  oxCard: d,
+  "ox-card--default": "_ox-card--default_163r9_2",
+  "ox-card--muted": "_ox-card--muted_163r9_2",
+  "ox-card--highlighted": "_ox-card--highlighted_163r9_2"
+};
+export {
+  r as default,
+  d as oxCard
+};

package/dist/Layout/Card/index.js

@@ -0,0 +1,16 @@
+import { cva as t } from "class-variance-authority";
+const d = t("", {
+  variants: {
+    tone: {
+      default: "ox-card--default",
+      muted: "ox-card--muted",
+      highlighted: "ox-card--highlighted"
+    }
+  },
+  defaultVariants: {
+    tone: "default"
+  }
+});
+export {
+  d as cardVariants
+};

package/dist/Layout/CardStack/CardStack.js

@@ -0,0 +1,82 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as C, Children as A, isValidElement as y, useRef as i } from "react";
+import { TransitionGroup as E, CSSTransition as N } from "react-transition-group";
+import { cn as h } from "../../lib/utils.js";
+import t from "./CardStack.module.css.js";
+import { cardStackDeck as g, cardStackDirection as D, cardStackDepthTransform as R, CARD_STACK_DECK as T } from "./index.js";
+const w = C(
+  ({ className: k, index: r = 0, dataTestid: s, children: u, ...f }, v) => {
+    const d = A.toArray(u).filter(y).map((a, e) => ({ key: a.key ?? String(e), node: a })), l = g(d, r), n = i(r), x = i("next");
+    n.current !== r && (x.current = D(
+      n.current,
+      r,
+      d.length
+    ), n.current = r);
+    const m = i(/* @__PURE__ */ new Map()), S = x.current === "next" ? {
+      enter: t.oxNextEnter,
+      enterActive: t.oxEnterActive,
+      exit: t.oxExit,
+      exitActive: t.oxNextExitActive
+    } : {
+      enter: t.oxPrevEnter,
+      enterActive: t.oxEnterActive,
+      exit: t.oxExit,
+      exitActive: t.oxPrevExitActive
+    };
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: v,
+        "data-slot": "card-stack",
+        "data-testid": s,
+        className: h(t.oxCardStack, k),
+        style: {
+          "--ox-card-stack-behind": l.length - 1
+        },
+        ...f,
+        children: /* @__PURE__ */ c(E, { className: t.oxCardStackInner, children: l.map((a, e) => {
+          const o = String(a.key);
+          return /* @__PURE__ */ c(
+            N,
+            {
+              timeout: 460,
+              classNames: S,
+              nodeRef: {
+                get current() {
+                  return m.current.get(o) ?? null;
+                }
+              },
+              children: /* @__PURE__ */ c(
+                "div",
+                {
+                  ref: (p) => {
+                    m.current.set(o, p);
+                  },
+                  className: t.oxCardStackSlot,
+                  style: { zIndex: T - e },
+                  children: /* @__PURE__ */ c(
+                    "div",
+                    {
+                      className: t.oxCardStackCard,
+                      "data-slot": "card-stack-card",
+                      "data-depth": e,
+                      "aria-hidden": e > 0 ? "true" : void 0,
+                      "data-testid": `${s}-card-${e}`,
+                      style: { transform: R(e) },
+                      children: a.node
+                    }
+                  )
+                }
+              )
+            },
+            o
+          );
+        }) })
+      }
+    );
+  }
+);
+w.displayName = "OxCardStack";
+export {
+  w as CardStack
+};

package/dist/Layout/CardStack/CardStack.module.css.js

@@ -0,0 +1,25 @@
+const t = "_oxCardStack_6ml0j_2", x = "_oxCardStackInner_6ml0j_2", o = "_oxCardStackSlot_6ml0j_2", e = "_oxCardStackCard_6ml0j_2", r = "_oxNextEnter_6ml0j_2", c = "_oxNextExitActive_6ml0j_2", _ = "_oxPrevEnter_6ml0j_2", a = "_oxPrevExitActive_6ml0j_2", n = "_oxEnterActive_6ml0j_2", i = "_oxExit_6ml0j_2", E = {
+  oxCardStack: t,
+  oxCardStackInner: x,
+  oxCardStackSlot: o,
+  oxCardStackCard: e,
+  oxNextEnter: r,
+  oxNextExitActive: c,
+  oxPrevEnter: _,
+  oxPrevExitActive: a,
+  oxEnterActive: n,
+  oxExit: i
+};
+export {
+  E as default,
+  t as oxCardStack,
+  e as oxCardStackCard,
+  x as oxCardStackInner,
+  o as oxCardStackSlot,
+  n as oxEnterActive,
+  i as oxExit,
+  r as oxNextEnter,
+  c as oxNextExitActive,
+  _ as oxPrevEnter,
+  a as oxPrevExitActive
+};

package/dist/Layout/CardStack/index.js

@@ -0,0 +1,17 @@
+const _ = 3, o = 10, s = 0.055, K = (n) => `translateY(${n * 10}px) scale(${1 - n * 0.055})`, D = (n, r) => {
+  const t = n.length;
+  if (t === 0) return [];
+  const c = Math.min(3, t), e = (Math.trunc(r) % t + t) % t;
+  return Array.from(
+    { length: c },
+    (A, C) => n[(e + C) % t]
+  );
+}, S = (n, r, t) => t < 2 ? "next" : (r - n + t) % t === t - 1 ? "prev" : "next";
+export {
+  _ as CARD_STACK_DECK,
+  o as CARD_STACK_PEEK,
+  s as CARD_STACK_SHRINK,
+  D as cardStackDeck,
+  K as cardStackDepthTransform,
+  S as cardStackDirection
+};

package/dist/Layout/Divider/Divider.js

@@ -0,0 +1,31 @@
+import { jsx as s } from "react/jsx-runtime";
+import { Slot as d } from "@radix-ui/react-slot";
+import { forwardRef as l } from "react";
+import { cn as n } from "../../lib/utils.js";
+import p from "./Divider.module.css.js";
+const f = l(
+  ({
+    className: i,
+    orientation: o = "horizontal",
+    decorative: r = !1,
+    asChild: t = !1,
+    dataTestid: a,
+    ...e
+  }, m) => /* @__PURE__ */ s(
+    t ? d : "div",
+    {
+      ref: m,
+      "data-slot": "divider",
+      "data-testid": a,
+      "data-orientation": o,
+      role: r ? "none" : "separator",
+      "aria-orientation": r || o === "horizontal" ? void 0 : "vertical",
+      className: n(p.oxDivider, i),
+      ...e
+    }
+  )
+);
+f.displayName = "OxDivider";
+export {
+  f as Divider
+};

package/dist/Layout/Divider/Divider.module.css.js

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

package/dist/Layout/Resizable/Resizable.js

@@ -0,0 +1,30 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { PanelGroup as l } from "react-resizable-panels";
+import { cn as p } from "../../lib/utils.js";
+import f from "./Resizable.module.css.js";
+const d = m(
+  ({
+    className: a,
+    direction: o = "horizontal",
+    keyboardResizeBy: r = 10,
+    dataTestid: t,
+    ...e
+  }, s) => /* @__PURE__ */ i(
+    l,
+    {
+      ref: s,
+      direction: o,
+      keyboardResizeBy: r,
+      "data-slot": "resizable",
+      "data-testid": t,
+      "data-orientation": o,
+      className: p(f.oxResizable, a),
+      ...e
+    }
+  )
+);
+d.displayName = "OxResizable";
+export {
+  d as Resizable
+};

package/dist/Layout/Resizable/Resizable.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxResizable_v00cx_2", s = {
+  oxResizable: e
+};
+export {
+  s as default,
+  e as oxResizable
+};

package/dist/Layout/Resizable/ResizableHandle.js

@@ -0,0 +1,33 @@
+import { jsx as e } from "react/jsx-runtime";
+import { IconGripVertical as n } from "@sesame/orxata-icons/IconGripVertical";
+import { Icon as t } from "@sesame/orxata-icons/react";
+import { PanelResizeHandle as m } from "react-resizable-panels";
+import { cn as d } from "../../lib/utils.js";
+import a from "./ResizableHandle.module.css.js";
+const c = ({
+  className: o,
+  orientation: i = "horizontal",
+  children: l,
+  dataTestid: r,
+  ...s
+}) => /* @__PURE__ */ e(
+  m,
+  {
+    "data-slot": "resizable-handle",
+    "data-testid": r,
+    "data-orientation": i,
+    className: d(a.oxResizableHandle, o),
+    ...s,
+    children: /* @__PURE__ */ e("div", { className: a.oxResizableHandleBar, children: l ?? /* @__PURE__ */ e(
+      t,
+      {
+        icon: n,
+        className: a.oxResizableHandleIcon
+      }
+    ) })
+  }
+);
+c.displayName = "OxResizableHandle";
+export {
+  c as ResizableHandle
+};

package/dist/Layout/Resizable/ResizableHandle.module.css.js

@@ -0,0 +1,11 @@
+const e = "_oxResizableHandle_m3hkz_2", a = "_oxResizableHandleBar_m3hkz_2", l = "_oxResizableHandleIcon_m3hkz_2", o = {
+  oxResizableHandle: e,
+  oxResizableHandleBar: a,
+  oxResizableHandleIcon: l
+};
+export {
+  o as default,
+  e as oxResizableHandle,
+  a as oxResizableHandleBar,
+  l as oxResizableHandleIcon
+};

package/dist/Layout/Resizable/ResizablePanel.js

@@ -0,0 +1,20 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { Panel as m } from "react-resizable-panels";
+import { cn as i } from "../../lib/utils.js";
+import f from "./ResizablePanel.module.css.js";
+const p = t(({ className: e, collapsible: a = !1, dataTestid: o, ...l }, r) => /* @__PURE__ */ s(
+  m,
+  {
+    ref: r,
+    collapsible: a,
+    "data-slot": "resizable-panel",
+    "data-testid": o,
+    className: i(f.oxResizablePanel, e),
+    ...l
+  }
+));
+p.displayName = "OxResizablePanel";
+export {
+  p as ResizablePanel
+};

package/dist/Layout/Resizable/ResizablePanel.module.css.js

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

package/dist/Layout/Scrollbar/Scrollbar.js

@@ -0,0 +1,46 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as f, useRef as g } from "react";
+import { cn as i } from "../../lib/utils.js";
+import r from "./Scrollbar.module.css.js";
+import { useScrollbar as x } from "./useScrollbar.js";
+const v = f(
+  ({ className: n, port: m, dataTestid: s, ...b }, t) => {
+    const e = g(null), { visible: h, dragging: o, near: u, thumb: a, startDrag: p, approach: d } = x(m, e);
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ...b,
+        ref: (l) => {
+          e.current = l, typeof t == "function" ? t(l) : t && (t.current = l);
+        },
+        className: i(
+          r["ox-scrollbar"],
+          (h || o) && r["ox-scrollbar--visible"],
+          (u || o) && r["ox-scrollbar--near"],
+          n
+        ),
+        "data-slot": "scrollbar",
+        "data-testid": s,
+        "aria-hidden": "true",
+        children: a.height > 0 && /* @__PURE__ */ c(
+          "div",
+          {
+            className: i(
+              r["ox-scrollbar-thumb"],
+              o && r["ox-scrollbar-thumb--dragging"]
+            ),
+            style: { top: `${a.top}px`, height: `${a.height}px` },
+            "data-slot": "thumb",
+            "data-testid": `${s}-thumb`,
+            onMouseDown: p,
+            onMouseEnter: d
+          }
+        )
+      }
+    );
+  }
+);
+v.displayName = "OxScrollbar";
+export {
+  v as Scrollbar
+};

package/dist/Layout/Scrollbar/Scrollbar.module.css.js

@@ -0,0 +1,10 @@
+const r = {
+  "ox-scrollbar": "_ox-scrollbar_khghb_2",
+  "ox-scrollbar--visible": "_ox-scrollbar--visible_khghb_2",
+  "ox-scrollbar-thumb": "_ox-scrollbar-thumb_khghb_2",
+  "ox-scrollbar--near": "_ox-scrollbar--near_khghb_2",
+  "ox-scrollbar-thumb--dragging": "_ox-scrollbar-thumb--dragging_khghb_2"
+};
+export {
+  r as default
+};

package/dist/Layout/Scrollbar/useScrollbar.js

@@ -0,0 +1,62 @@
+import { useRef as M, useState as h, useCallback as H, useEffect as R } from "react";
+const S = 900, B = 40, O = 24, N = 12, E = (t) => t ? "current" in t ? t.current : t : null, T = (t, r) => {
+  t(
+    (l) => Object.keys(r).every((m) => l[m] === r[m]) ? l : r
+  );
+}, P = (t, r) => {
+  const l = M(0), [m, v] = h(!1), [D, d] = h(!1), [y, f] = h(!1), [p, L] = h({ top: 0, height: 0 }), b = H(() => {
+    v(!0), window.clearTimeout(l.current), l.current = window.setTimeout(() => {
+      d((e) => (e || v(!1), e));
+    }, S);
+  }, []), u = H(() => {
+    const e = E(t), s = r.current;
+    if (!e || !s) return;
+    const n = s.clientHeight, c = e.scrollHeight - e.clientHeight;
+    if (c <= 0 || n <= 0) {
+      T(L, { top: 0, height: 0 });
+      return;
+    }
+    const i = Math.max(
+      O,
+      n * (e.clientHeight / e.scrollHeight)
+    );
+    T(L, {
+      height: i,
+      top: e.scrollTop / c * (n - i)
+    });
+  }, [t, r]);
+  return R(() => {
+    const e = E(t), s = r.current;
+    if (!e) return;
+    const n = () => {
+      u(), b();
+    }, c = (g) => {
+      const a = e.getBoundingClientRect(), w = a.left + e.clientLeft + e.clientWidth - N;
+      f(g.clientX >= w), g.clientX > a.right - B && (u(), b());
+    }, i = () => f(!1);
+    e.addEventListener("scroll", n, { passive: !0 }), e.addEventListener("mousemove", c, { passive: !0 }), e.addEventListener("mouseleave", i, { passive: !0 }), e.style.setProperty("scrollbar-width", "none");
+    let o = null;
+    return typeof ResizeObserver < "u" && (o = new ResizeObserver(u), o.observe(e), s && o.observe(s)), u(), () => {
+      e.removeEventListener("scroll", n), e.removeEventListener("mousemove", c), e.removeEventListener("mouseleave", i), e.style.removeProperty("scrollbar-width"), o == null || o.disconnect();
+    };
+  }), R(() => () => window.clearTimeout(l.current), []), { visible: m, dragging: D, near: y, thumb: p, measure: u, startDrag: (e) => {
+    const s = E(t), n = r.current;
+    if (!s || !n) return;
+    e.preventDefault();
+    const c = e.clientY - n.getBoundingClientRect().top - p.top;
+    d(!0), v(!0);
+    const i = (g) => {
+      const a = n.clientHeight - p.height;
+      if (a <= 0) return;
+      const w = g.clientY - n.getBoundingClientRect().top - c, C = Math.min(1, Math.max(0, w / a));
+      s.scrollTop = C * (s.scrollHeight - s.clientHeight);
+    }, o = () => {
+      d(!1), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", o), b();
+    };
+    window.addEventListener("mousemove", i), window.addEventListener("mouseup", o);
+  }, approach: () => f(!0) };
+};
+export {
+  N as SCROLLBAR_THICKNESS,
+  P as useScrollbar
+};

package/dist/Locale/LocaleProvider/LocaleProvider.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import { normalizeLocale as a, LocaleContext as l } from "../useLocale.js";
+import { TranslateContext as n } from "../useTranslate.js";
+const c = ({
+  locale: o,
+  t: e,
+  children: t
+}) => {
+  const i = m(() => a(o), [o]);
+  return /* @__PURE__ */ r(l.Provider, { value: i, children: /* @__PURE__ */ r(n.Provider, { value: e, children: t }) });
+};
+c.displayName = "OxLocaleProvider";
+export {
+  c as LocaleProvider
+};

package/dist/Locale/messages.js

@@ -0,0 +1,37 @@
+import * as r from "../translations/ca.json.js";
+import * as a from "../translations/de.json.js";
+import * as e from "../translations/en.json.js";
+import * as i from "../translations/es-MX.json.js";
+import * as m from "../translations/es.json.js";
+import * as p from "../translations/fr.json.js";
+import * as l from "../translations/it.json.js";
+import * as f from "../translations/nl.json.js";
+import * as j from "../translations/pl.json.js";
+import * as c from "../translations/pt-BR.json.js";
+import * as O from "../translations/pt.json.js";
+const b = /* @__PURE__ */ Object.assign({
+  "../../../../translations/ca.json": r,
+  "../../../../translations/de.json": a,
+  "../../../../translations/en.json": e,
+  "../../../../translations/es-MX.json": i,
+  "../../../../translations/es.json": m,
+  "../../../../translations/fr.json": p,
+  "../../../../translations/it.json": l,
+  "../../../../translations/nl.json": f,
+  "../../../../translations/pl.json": j,
+  "../../../../translations/pt-BR.json": c,
+  "../../../../translations/pt.json": O
+}), g = (s) => s.slice(s.lastIndexOf("/") + 1, -5), d = (s) => Object.fromEntries(
+  Object.entries(s).map(([t, o]) => [
+    t,
+    (o == null ? void 0 : o.replace(/\{(\w+)\}/g, "{{$1}}")) ?? ""
+  ])
+), n = Object.fromEntries(
+  Object.entries(b).map(([s, t]) => [g(s), t.default])
+), x = Object.fromEntries(
+  Object.entries(n).map(([s, t]) => [s, d(t)])
+), E = n.en ?? {};
+export {
+  E as english,
+  x as orxataMessages
+};

package/dist/Locale/useLocale.js

@@ -0,0 +1,14 @@
+import { useContext as e, createContext as o } from "react";
+const c = (t) => {
+  if (t)
+    try {
+      return Intl.getCanonicalLocales(t.replace(/_/g, "-"))[0];
+    } catch {
+      return;
+    }
+}, n = o(void 0), a = () => e(n);
+export {
+  n as LocaleContext,
+  c as normalizeLocale,
+  a as useLocale
+};

package/dist/Locale/useTranslate.js

@@ -0,0 +1,19 @@
+import { createContext as e, useContext as l, useCallback as c } from "react";
+import { english as i } from "./messages.js";
+const s = e(void 0), u = (o, t) => t ? o.replace(
+  /\{(\w+)\}/g,
+  (r, n) => n in t ? String(t[n]) : r
+) : o, C = () => {
+  const o = l(s);
+  return c(
+    (t, r) => {
+      const n = o == null ? void 0 : o(t, r);
+      return n !== void 0 && n !== t ? n : u(i[t] ?? t, r);
+    },
+    [o]
+  );
+};
+export {
+  s as TranslateContext,
+  C as useTranslate
+};