@sesamehr/react-design-system 3.10.0 → 3.10.1

package/dist/internal/AttachmentMedia/AttachmentMedia.js

@@ -0,0 +1,63 @@
+import { jsxs as x, jsx as s } from "react/jsx-runtime";
+import { IconPhoto as N } from "@sesame/orxata-icons/IconPhoto";
+import { Icon as v } from "@sesame/orxata-icons/react";
+import { forwardRef as M, useState as l } from "react";
+import { moduleClasses as S } from "../../lib/cssModules.js";
+import { cn as b } from "../../lib/utils.js";
+import a from "./AttachmentMedia.module.css.js";
+import { attachmentMediaVariants as j } from "./index.js";
+const k = M(
+  ({
+    className: n,
+    image: t,
+    surface: e = "default",
+    placeholder: d,
+    children: f,
+    dataTestid: r,
+    ...p
+  }, m) => {
+    const [h, c] = l(!1), [i, u] = l(t == null ? void 0 : t.src);
+    (t == null ? void 0 : t.src) !== i && (u(t == null ? void 0 : t.src), c(!1));
+    const o = (t == null ? void 0 : t.alt) || void 0;
+    return /* @__PURE__ */ x(
+      "span",
+      {
+        ref: m,
+        "data-slot": "media",
+        "data-testid": r,
+        className: b(
+          S(a, j({ surface: e })),
+          n
+        ),
+        ...p,
+        children: [
+          t && !h ? /* @__PURE__ */ s(
+            "img",
+            {
+              className: a["ox-attachment-media-image"],
+              src: t.src,
+              alt: t.alt,
+              "data-testid": `${r}-image`,
+              onError: () => c(!0)
+            }
+          ) : /* @__PURE__ */ s(
+            "span",
+            {
+              className: a["ox-attachment-media-placeholder"],
+              role: o ? "img" : void 0,
+              "aria-label": o,
+              "aria-hidden": o ? void 0 : !0,
+              "data-testid": `${r}-placeholder`,
+              children: d ?? /* @__PURE__ */ s(v, { icon: N })
+            }
+          ),
+          f
+        ]
+      }
+    );
+  }
+);
+k.displayName = "AttachmentMedia";
+export {
+  k as AttachmentMedia
+};

package/dist/internal/AttachmentMedia/AttachmentMedia.module.css.js

@@ -0,0 +1,9 @@
+const a = {
+  "ox-attachment-media": "_ox-attachment-media_z1tr6_2",
+  "ox-attachment-media--brand": "_ox-attachment-media--brand_z1tr6_2",
+  "ox-attachment-media-image": "_ox-attachment-media-image_z1tr6_2",
+  "ox-attachment-media-placeholder": "_ox-attachment-media-placeholder_z1tr6_2"
+};
+export {
+  a as default
+};

package/dist/internal/AttachmentMedia/index.js

@@ -0,0 +1,18 @@
+import { cva as a } from "class-variance-authority";
+const e = a("ox-attachment-media", {
+  variants: {
+    surface: {
+      /* No class: the default tint arrives as the fallback inside the
+         `var()` that reads it, which is what leaves the owning component free
+         to declare a different one. See the stylesheet. */
+      default: "",
+      brand: "ox-attachment-media--brand"
+    }
+  },
+  defaultVariants: {
+    surface: "default"
+  }
+});
+export {
+  e as attachmentMediaVariants
+};

package/dist/internal/Listbox/ListboxEmpty.js

@@ -0,0 +1,11 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as p } from "../../lib/utils.js";
+import f from "./ListboxEmpty.module.css.js";
+const x = i(
+  ({ className: o, children: m, ...t }, r) => /* @__PURE__ */ s("div", { ref: r, className: p(f.oxListboxEmpty, o), ...t, children: m })
+);
+x.displayName = "ListboxEmpty";
+export {
+  x as ListboxEmpty
+};

package/dist/internal/Listbox/ListboxEmpty.module.css.js

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

package/dist/internal/Listbox/ListboxItem.js

@@ -0,0 +1,26 @@
+import { jsxs as r, jsx as x } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as d } from "../../lib/utils.js";
+import s from "./ListboxItem.module.css.js";
+const l = a(
+  ({ className: t, indicator: o, children: m, ...e }, i) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: i,
+      className: d(
+        s.oxListboxItem,
+        o !== void 0 && s.oxListboxItemIndicated,
+        t
+      ),
+      ...e,
+      children: [
+        m,
+        o !== void 0 ? /* @__PURE__ */ x("span", { className: s.oxListboxItemIndicator, children: o }) : null
+      ]
+    }
+  )
+);
+l.displayName = "ListboxItem";
+export {
+  l as ListboxItem
+};

package/dist/internal/Listbox/ListboxItem.module.css.js

@@ -0,0 +1,11 @@
+const t = "_oxListboxItem_zcpwt_2", o = "_oxListboxItemIndicated_zcpwt_2", x = "_oxListboxItemIndicator_zcpwt_2", s = {
+  oxListboxItem: t,
+  oxListboxItemIndicated: o,
+  oxListboxItemIndicator: x
+};
+export {
+  s as default,
+  t as oxListboxItem,
+  o as oxListboxItemIndicated,
+  x as oxListboxItemIndicator
+};

package/dist/internal/Listbox/ListboxLabel.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as a } from "../../lib/utils.js";
+import e from "./ListboxLabel.module.css.js";
+const b = i(
+  ({ className: o, children: r, ...m }, s) => /* @__PURE__ */ t("div", { ref: s, className: a(e.oxListboxLabel, o), ...m, children: r })
+);
+b.displayName = "ListboxLabel";
+export {
+  b as ListboxLabel
+};

package/dist/internal/Listbox/ListboxLabel.module.css.js

@@ -0,0 +1,7 @@
+const o = "_oxListboxLabel_q1mu9_2", s = {
+  oxListboxLabel: o
+};
+export {
+  s as default,
+  o as oxListboxLabel
+};

package/dist/internal/Listbox/ListboxSeparator.js

@@ -0,0 +1,16 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { cn as s } from "../../lib/utils.js";
+import i from "./ListboxSeparator.module.css.js";
+const p = m(({ className: o, ...r }, t) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: t,
+    className: s(i.oxListboxSeparator, o),
+    ...r
+  }
+));
+p.displayName = "ListboxSeparator";
+export {
+  p as ListboxSeparator
+};

package/dist/internal/Listbox/ListboxSeparator.module.css.js

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

package/dist/internal/Listbox/ListboxViewport.js

@@ -0,0 +1,19 @@
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { cn as p } from "../../lib/utils.js";
+import e from "./ListboxViewport.module.css.js";
+const f = s(
+  ({ className: o, children: r, ...t }, i) => /* @__PURE__ */ m(
+    "div",
+    {
+      ref: i,
+      className: p(e.oxListboxViewport, o),
+      ...t,
+      children: r
+    }
+  )
+);
+f.displayName = "ListboxViewport";
+export {
+  f as ListboxViewport
+};

package/dist/internal/Listbox/ListboxViewport.module.css.js

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

package/dist/internal/Menu/MenuItem.js

@@ -0,0 +1,27 @@
+import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { cn as a } from "../../lib/utils.js";
+import e from "./MenuItem.module.css.js";
+const l = u(
+  ({ className: m, indicator: t, variant: o = "default", children: r, ...s }, n) => /* @__PURE__ */ d(
+    "div",
+    {
+      ref: n,
+      className: a(
+        e.oxMenuItem,
+        t !== void 0 && e.oxMenuItemIndicated,
+        o === "destructive" && e.oxMenuItemDestructive,
+        m
+      ),
+      ...s,
+      children: [
+        t !== void 0 ? /* @__PURE__ */ i("span", { className: e.oxMenuItemIndicator, children: t }) : null,
+        r
+      ]
+    }
+  )
+);
+l.displayName = "MenuItem";
+export {
+  l as MenuItem
+};

package/dist/internal/Menu/MenuItem.module.css.js

@@ -0,0 +1,13 @@
+const e = "_oxMenuItem_13akk_2", t = "_oxMenuItemIndicated_13akk_2", n = "_oxMenuItemIndicator_13akk_2", o = "_oxMenuItemDestructive_13akk_2", I = {
+  oxMenuItem: e,
+  oxMenuItemIndicated: t,
+  oxMenuItemIndicator: n,
+  oxMenuItemDestructive: o
+};
+export {
+  I as default,
+  e as oxMenuItem,
+  o as oxMenuItemDestructive,
+  t as oxMenuItemIndicated,
+  n as oxMenuItemIndicator
+};

package/dist/internal/Surface/Surface.js

@@ -0,0 +1,24 @@
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { cn as i } from "../../lib/utils.js";
+import r from "./Surface.module.css.js";
+const l = s(
+  ({ className: o, floating: a = !1, attached: e = !1, children: f, ...m }, t) => /* @__PURE__ */ c(
+    "div",
+    {
+      ref: t,
+      className: i(
+        r.oxSurface,
+        a && r.oxSurfaceFloating,
+        e && r.oxSurfaceAttached,
+        o
+      ),
+      ...m,
+      children: f
+    }
+  )
+);
+l.displayName = "Surface";
+export {
+  l as Surface
+};

package/dist/internal/Surface/Surface.module.css.js

@@ -0,0 +1,11 @@
+const c = "_oxSurface_1i17c_2", a = "_oxSurfaceFloating_1i17c_2", o = "_oxSurfaceAttached_1i17c_2", t = {
+  oxSurface: c,
+  oxSurfaceFloating: a,
+  oxSurfaceAttached: o
+};
+export {
+  t as default,
+  c as oxSurface,
+  o as oxSurfaceAttached,
+  a as oxSurfaceFloating
+};

package/dist/lib/cssModules.js

@@ -0,0 +1,4 @@
+const e = (s, l) => (l ?? "").split(/\s+/).filter(Boolean).map((o) => s[o] ?? o).join(" ");
+export {
+  e as moduleClasses
+};

package/dist/lib/utils.js

@@ -0,0 +1,8 @@
+import { clsx as o } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+function n(...r) {
+  return t(o(r));
+}
+export {
+  n as cn
+};