@sesamehr/react-design-system 3.9.0 → 3.10.1

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
+};

package/dist/Navigation/Accordion/Accordion.js

@@ -0,0 +1,18 @@
+import { jsx as c } from "react/jsx-runtime";
+import * as m from "@radix-ui/react-accordion";
+import { forwardRef as t } from "react";
+import { cn as a } from "../../lib/utils.js";
+import s from "./Accordion.module.css.js";
+const d = t(({ className: o, ...r }, i) => /* @__PURE__ */ c(
+  m.Root,
+  {
+    ref: i,
+    "data-slot": "accordion",
+    className: a(s.oxAccordion, o),
+    ...r
+  }
+));
+d.displayName = "OxAccordion";
+export {
+  d as Accordion
+};

package/dist/Navigation/Accordion/Accordion.module.css.js

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

package/dist/Navigation/Accordion/AccordionContent.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-accordion";
+import { forwardRef as m } from "react";
+import { cn as a } from "../../lib/utils.js";
+import n from "./AccordionContent.module.css.js";
+const d = m(({ className: t, children: r, ...c }, i) => /* @__PURE__ */ o(
+  e.Content,
+  {
+    ref: i,
+    "data-slot": "accordion-content",
+    className: a(n.oxAccordionContent, t),
+    ...c,
+    children: /* @__PURE__ */ o("div", { className: n.oxAccordionContentInner, children: r })
+  }
+));
+d.displayName = "OxAccordionContent";
+export {
+  d as AccordionContent
+};

package/dist/Navigation/Accordion/AccordionContent.module.css.js

@@ -0,0 +1,9 @@
+const o = "_oxAccordionContent_e3t2z_2", n = "_oxAccordionContentInner_e3t2z_2", t = {
+  oxAccordionContent: o,
+  oxAccordionContentInner: n
+};
+export {
+  t as default,
+  o as oxAccordionContent,
+  n as oxAccordionContentInner
+};

package/dist/Navigation/Accordion/AccordionItem.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-accordion";
+import { forwardRef as c } from "react";
+import { cn as e } from "../../lib/utils.js";
+import a from "./AccordionItem.module.css.js";
+const s = c(({ className: o, ...r }, m) => /* @__PURE__ */ t(
+  i.Item,
+  {
+    ref: m,
+    "data-slot": "accordion-item",
+    className: e(a.oxAccordionItem, o),
+    ...r
+  }
+));
+s.displayName = "OxAccordionItem";
+export {
+  s as AccordionItem
+};

package/dist/Navigation/Accordion/AccordionItem.module.css.js

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

package/dist/Navigation/Accordion/AccordionTrigger.js

@@ -0,0 +1,24 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-accordion";
+import { IconChevronDown as s } from "@sesame/orxata-icons/IconChevronDown";
+import { Icon as d } from "@sesame/orxata-icons/react";
+import { forwardRef as t } from "react";
+import { cn as g } from "../../lib/utils.js";
+import o from "./AccordionTrigger.module.css.js";
+const f = t(({ className: c, children: e, ...m }, n) => /* @__PURE__ */ r(i.Header, { className: o.oxAccordionHeader, children: /* @__PURE__ */ a(
+  i.Trigger,
+  {
+    ref: n,
+    "data-slot": "accordion-trigger",
+    className: g(o.oxAccordionTrigger, c),
+    ...m,
+    children: [
+      e,
+      /* @__PURE__ */ r(d, { icon: s, className: o.oxAccordionChevron })
+    ]
+  }
+) }));
+f.displayName = "OxAccordionTrigger";
+export {
+  f as AccordionTrigger
+};

package/dist/Navigation/Accordion/AccordionTrigger.module.css.js

@@ -0,0 +1,11 @@
+const o = "_oxAccordionHeader_h83ur_2", r = "_oxAccordionTrigger_h83ur_2", c = "_oxAccordionChevron_h83ur_2", n = {
+  oxAccordionHeader: o,
+  oxAccordionTrigger: r,
+  oxAccordionChevron: c
+};
+export {
+  n as default,
+  c as oxAccordionChevron,
+  o as oxAccordionHeader,
+  r as oxAccordionTrigger
+};

package/dist/Navigation/Breadcrumb/Breadcrumb.js

@@ -0,0 +1,24 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { cn as s } from "../../lib/utils.js";
+import b from "./Breadcrumb.module.css.js";
+import { useTranslate as c } from "../../Locale/useTranslate.js";
+const l = t(
+  ({ className: r, ...a }, m) => {
+    const o = c();
+    return /* @__PURE__ */ e(
+      "nav",
+      {
+        ref: m,
+        "data-slot": "breadcrumb",
+        "aria-label": o("orxata.breadcrumb.label"),
+        className: s(b.oxBreadcrumb, r),
+        ...a
+      }
+    );
+  }
+);
+l.displayName = "OxBreadcrumb";
+export {
+  l as Breadcrumb
+};

package/dist/Navigation/Breadcrumb/Breadcrumb.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxBreadcrumb_1baee_2", r = {
+  oxBreadcrumb: e
+};
+export {
+  r as default,
+  e as oxBreadcrumb
+};

package/dist/Navigation/Breadcrumb/BreadcrumbEllipsis.js

@@ -0,0 +1,48 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as m } from "../../lib/utils.js";
+import e from "./BreadcrumbEllipsis.module.css.js";
+import { useTranslate as d } from "../../Locale/useTranslate.js";
+const p = n(({ className: i, children: t, dataTestid: s, ...c }, a) => {
+  const l = d();
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      ref: a,
+      role: "presentation",
+      "aria-hidden": "true",
+      "data-slot": "breadcrumb-ellipsis",
+      "data-testid": s,
+      className: m(e.oxBreadcrumbEllipsis, i),
+      ...c,
+      children: [
+        t ?? /* @__PURE__ */ o(
+          "svg",
+          {
+            "data-testid": `${s}-icon`,
+            className: e.oxBreadcrumbEllipsisIcon,
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "24",
+            height: "24",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "1" }),
+              /* @__PURE__ */ r("circle", { cx: "19", cy: "12", r: "1" }),
+              /* @__PURE__ */ r("circle", { cx: "5", cy: "12", r: "1" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r("span", { className: e.oxSrOnly, children: l("orxata.breadcrumb.more") })
+      ]
+    }
+  );
+});
+p.displayName = "OxBreadcrumbEllipsis";
+export {
+  p as BreadcrumbEllipsis
+};

package/dist/Navigation/Breadcrumb/BreadcrumbEllipsis.module.css.js

@@ -0,0 +1,11 @@
+const s = "_oxBreadcrumbEllipsis_cg9sx_2", l = "_oxBreadcrumbEllipsisIcon_cg9sx_2", o = "_oxSrOnly_cg9sx_2", c = {
+  oxBreadcrumbEllipsis: s,
+  oxBreadcrumbEllipsisIcon: l,
+  oxSrOnly: o
+};
+export {
+  c as default,
+  s as oxBreadcrumbEllipsis,
+  l as oxBreadcrumbEllipsisIcon,
+  o as oxSrOnly
+};

package/dist/Navigation/Breadcrumb/BreadcrumbItem.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { cn as a } from "../../lib/utils.js";
+import s from "./BreadcrumbItem.module.css.js";
+const c = t(
+  ({ className: r, ...m }, e) => /* @__PURE__ */ o(
+    "li",
+    {
+      ref: e,
+      "data-slot": "breadcrumb-item",
+      className: a(s.oxBreadcrumbItem, r),
+      ...m
+    }
+  )
+);
+c.displayName = "OxBreadcrumbItem";
+export {
+  c as BreadcrumbItem
+};

package/dist/Navigation/Breadcrumb/BreadcrumbItem.module.css.js

@@ -0,0 +1,7 @@
+const e = "_oxBreadcrumbItem_67rk1_2", r = {
+  oxBreadcrumbItem: e
+};
+export {
+  r as default,
+  e as oxBreadcrumbItem
+};

package/dist/Navigation/Breadcrumb/BreadcrumbLink.js

@@ -0,0 +1,23 @@
+import { jsx as f } from "react/jsx-runtime";
+import { Slot as n } from "@radix-ui/react-slot";
+import { forwardRef as s } from "react";
+import { cn as c } from "../../lib/utils.js";
+import o from "./BreadcrumbLink.module.css.js";
+const p = s(({ className: m, asChild: r = !1, current: e = !1, href: a, ...t }, i) => /* @__PURE__ */ f(
+  r ? n : "a",
+  {
+    ref: i,
+    href: r ? void 0 : a,
+    "data-slot": "breadcrumb-link",
+    className: c(
+      o.oxBreadcrumbLink,
+      e && o.oxBreadcrumbLinkCurrent,
+      m
+    ),
+    ...t
+  }
+));
+p.displayName = "OxBreadcrumbLink";
+export {
+  p as BreadcrumbLink
+};

package/dist/Navigation/Breadcrumb/BreadcrumbLink.module.css.js

@@ -0,0 +1,9 @@
+const r = "_oxBreadcrumbLink_sjo2m_2", e = "_oxBreadcrumbLinkCurrent_sjo2m_2", n = {
+  oxBreadcrumbLink: r,
+  oxBreadcrumbLinkCurrent: e
+};
+export {
+  n as default,
+  r as oxBreadcrumbLink,
+  e as oxBreadcrumbLinkCurrent
+};

package/dist/Navigation/Breadcrumb/BreadcrumbList.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { cn as a } from "../../lib/utils.js";
+import e from "./BreadcrumbList.module.css.js";
+const i = s(
+  ({ className: r, ...m }, o) => /* @__PURE__ */ t(
+    "ol",
+    {
+      ref: o,
+      "data-slot": "breadcrumb-list",
+      className: a(e.oxBreadcrumbList, r),
+      ...m
+    }
+  )
+);
+i.displayName = "OxBreadcrumbList";
+export {
+  i as BreadcrumbList
+};

package/dist/Navigation/Breadcrumb/BreadcrumbList.module.css.js

@@ -0,0 +1,7 @@
+const s = "_oxBreadcrumbList_1tsca_2", t = {
+  oxBreadcrumbList: s
+};
+export {
+  t as default,
+  s as oxBreadcrumbList
+};

package/dist/Navigation/Breadcrumb/BreadcrumbPage.js

@@ -0,0 +1,22 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import { cn as t } from "../../lib/utils.js";
+import s from "./BreadcrumbPage.module.css.js";
+const d = o(
+  ({ className: r, ...a }, e) => /* @__PURE__ */ m(
+    "span",
+    {
+      ref: e,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      "data-slot": "breadcrumb-page",
+      className: t(s.oxBreadcrumbPage, r),
+      ...a
+    }
+  )
+);
+d.displayName = "OxBreadcrumbPage";
+export {
+  d as BreadcrumbPage
+};

package/dist/Navigation/Breadcrumb/BreadcrumbPage.module.css.js

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

package/dist/Navigation/Breadcrumb/BreadcrumbSeparator.js

@@ -0,0 +1,37 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { cn as m } from "../../lib/utils.js";
+import e from "./BreadcrumbSeparator.module.css.js";
+const n = d(({ className: t, children: a, dataTestid: o, ...i }, s) => /* @__PURE__ */ r(
+  "li",
+  {
+    ref: s,
+    role: "presentation",
+    "aria-hidden": "true",
+    "data-slot": "breadcrumb-separator",
+    "data-testid": o,
+    className: m(e.oxBreadcrumbSeparator, t),
+    ...i,
+    children: a ?? /* @__PURE__ */ r(
+      "svg",
+      {
+        "data-testid": `${o}-icon`,
+        className: e.oxBreadcrumbSeparatorIcon,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ r("path", { d: "m9 18 6-6-6-6" })
+      }
+    )
+  }
+));
+n.displayName = "OxBreadcrumbSeparator";
+export {
+  n as BreadcrumbSeparator
+};

package/dist/Navigation/Breadcrumb/BreadcrumbSeparator.module.css.js

@@ -0,0 +1,9 @@
+const r = "_oxBreadcrumbSeparator_10ov8_2", o = "_oxBreadcrumbSeparatorIcon_10ov8_2", a = {
+  oxBreadcrumbSeparator: r,
+  oxBreadcrumbSeparatorIcon: o
+};
+export {
+  a as default,
+  r as oxBreadcrumbSeparator,
+  o as oxBreadcrumbSeparatorIcon
+};

package/dist/Navigation/DropdownMenu/DropdownMenu.js

@@ -0,0 +1,22 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-dropdown-menu";
+const m = ({
+  children: o,
+  defaultOpen: r = !1,
+  open: e,
+  onOpenChange: n,
+  modal: p = !0
+}) => /* @__PURE__ */ t(
+  i.Root,
+  {
+    defaultOpen: r,
+    open: e,
+    onOpenChange: n,
+    modal: p,
+    children: o
+  }
+);
+m.displayName = "OxDropdownMenu";
+export {
+  m as DropdownMenu
+};

package/dist/Navigation/DropdownMenu/DropdownMenuCheckboxItem.js

@@ -0,0 +1,49 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-dropdown-menu";
+import { IconCheck as M } from "@sesame/orxata-icons/IconCheck";
+import { Icon as b } from "@sesame/orxata-icons/react";
+import { forwardRef as D, useState as n } from "react";
+import v from "./DropdownMenuCheckboxItem.module.css.js";
+import { MenuItem as y } from "../../internal/Menu/MenuItem.js";
+const C = D(
+  ({
+    className: d,
+    children: f,
+    checked: o,
+    onCheckedChange: t,
+    disabled: p = !1,
+    dataTestid: a,
+    ...c
+  }, l) => {
+    const [u, i] = n(o ?? !1), [w, I] = n(o), e = o !== void 0 && t !== void 0;
+    !e && o !== w && (I(o), i(o ?? !1));
+    const x = e ? o : u;
+    return /* @__PURE__ */ r(
+      s.CheckboxItem,
+      {
+        ref: l,
+        asChild: !0,
+        "data-slot": "dropdown-menu-checkbox-item",
+        "data-testid": a,
+        checked: x,
+        onCheckedChange: (m) => {
+          e || i(m), t == null || t(m);
+        },
+        disabled: p,
+        ...c,
+        children: /* @__PURE__ */ r(
+          y,
+          {
+            className: d,
+            indicator: /* @__PURE__ */ r(s.ItemIndicator, { children: /* @__PURE__ */ r(b, { icon: M, className: v.oxDropdownMenuCheck }) }),
+            children: f
+          }
+        )
+      }
+    );
+  }
+);
+C.displayName = "OxDropdownMenuCheckboxItem";
+export {
+  C as DropdownMenuCheckboxItem
+};

package/dist/Navigation/DropdownMenu/DropdownMenuCheckboxItem.module.css.js

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

package/dist/Navigation/DropdownMenu/DropdownMenuContent.js

@@ -0,0 +1,35 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-dropdown-menu";
+import { forwardRef as p } from "react";
+import { cn as l } from "../../lib/utils.js";
+import c from "./DropdownMenuContent.module.css.js";
+import { Surface as f } from "../../internal/Surface/Surface.js";
+const u = 16, w = p(
+  ({
+    className: n,
+    children: r,
+    side: e = "bottom",
+    sideOffset: i = 4,
+    align: m = "start",
+    dataTestid: d,
+    ...a
+  }, s) => /* @__PURE__ */ o(t.Portal, { children: /* @__PURE__ */ o(
+    t.Content,
+    {
+      ref: s,
+      asChild: !0,
+      "data-slot": "dropdown-menu-content",
+      "data-testid": d,
+      side: e,
+      sideOffset: i,
+      align: m,
+      collisionPadding: u,
+      ...a,
+      children: /* @__PURE__ */ o(f, { className: l(c.oxDropdownMenuContent, n), children: r })
+    }
+  ) })
+);
+w.displayName = "OxDropdownMenuContent";
+export {
+  w as DropdownMenuContent
+};

package/dist/Navigation/DropdownMenu/DropdownMenuContent.module.css.js

@@ -0,0 +1,7 @@
+const o = "_oxDropdownMenuContent_3hmxs_2", n = {
+  oxDropdownMenuContent: o
+};
+export {
+  n as default,
+  o as oxDropdownMenuContent
+};

package/dist/Navigation/DropdownMenu/DropdownMenuGroup.js

@@ -0,0 +1,16 @@
+import { jsx as m } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-dropdown-menu";
+import { forwardRef as d } from "react";
+const e = d(({ children: o, ...r }, p) => /* @__PURE__ */ m(
+  n.Group,
+  {
+    ref: p,
+    "data-slot": "dropdown-menu-group",
+    ...r,
+    children: o
+  }
+));
+e.displayName = "OxDropdownMenuGroup";
+export {
+  e as DropdownMenuGroup
+};

package/dist/Navigation/DropdownMenu/DropdownMenuItem.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as p from "@radix-ui/react-dropdown-menu";
+import { forwardRef as f } from "react";
+import { MenuItem as s } from "../../internal/Menu/MenuItem.js";
+const u = f(
+  ({
+    className: t,
+    children: e,
+    disabled: r = !1,
+    variant: m = "default",
+    icon: d,
+    dataTestid: i,
+    ...a
+  }, n) => /* @__PURE__ */ o(
+    p.Item,
+    {
+      ref: n,
+      asChild: !0,
+      "data-slot": "dropdown-menu-item",
+      "data-testid": i,
+      disabled: r,
+      ...a,
+      children: /* @__PURE__ */ o(s, { className: t, variant: m, indicator: d, children: e })
+    }
+  )
+);
+u.displayName = "OxDropdownMenuItem";
+export {
+  u as DropdownMenuItem
+};

package/dist/Navigation/DropdownMenu/DropdownMenuLabel.js

@@ -0,0 +1,23 @@
+import { jsx as l } from "react/jsx-runtime";
+import * as p from "@radix-ui/react-dropdown-menu";
+import { forwardRef as t } from "react";
+import { cn as s } from "../../lib/utils.js";
+import o from "./DropdownMenuLabel.module.css.js";
+const i = t(({ className: e, children: r, inset: a = !1, ...m }, n) => /* @__PURE__ */ l(
+  p.Label,
+  {
+    ref: n,
+    "data-slot": "label",
+    className: s(
+      o.oxDropdownMenuLabel,
+      a && o.oxDropdownMenuLabelInset,
+      e
+    ),
+    ...m,
+    children: r
+  }
+));
+i.displayName = "OxDropdownMenuLabel";
+export {
+  i as DropdownMenuLabel
+};