@monospaced/set-react 0.0.0

package/dist/index.js

@@ -0,0 +1,875 @@
+import { serializeSetNode as ae, defineSetAlert as ue, SET_ALERT_EVENT_BEFORE_DISMISS as b, SET_ALERT_EVENT_DISMISS as v, buildSetAlert as de, buildSetAvatar as Se, buildSetBadge as Ee, defineSetBanner as fe, SET_BANNER_EVENT_BEFORE_DISMISS as g, SET_BANNER_EVENT_DISMISS as A, buildSetBanner as Te, buildSetBlockquote as Le, buildSetBox as Re, buildSetButton as he, buildSetCard as Oe, buildSetCheckbox as Ie, buildSetContainer as Ne, buildSetDetails as Ce, buildSetDivider as me, buildSetExpander as De, buildSetFieldset as be, buildSetFigure as ve, buildSetGrid as ge, buildSetGridItem as Ae, buildSetHeading as He, buildSetIcon as pe, buildSetImage as Pe, buildSetInline as Be, buildSetInput as ke, buildSetLink as Fe, buildSetLogo as xe, defineSetMenu as ye, SET_MENU_EVENT_CHOOSE as H, buildSetMenu as we, defineSetNav as Ge, buildSetNav as Me, buildSetPage as Ue, buildSetPanel as ze, buildSetPattern as je, buildSetPoster as Ke, buildSetProse as We, buildSetRadios as Ve, defineSetRange as Qe, buildSetRange as qe, buildSetRoot as Xe, buildSetSidebar as $e, defineSetSidebar as Ye, buildSetSpinner as Je, buildSetStack as Ze, buildSetSurface as en, buildSetSwitch as nn, buildSetText as tn, buildSetTextarea as rn } from "@monospaced/set-core";
+import { defineSetComponents as ot } from "@monospaced/set-core";
+import { createElement as T, Fragment as O, useEffect as f, useRef as C, useCallback as m } from "react";
+const on = {
+  autocomplete: "autoComplete",
+  class: "className",
+  for: "htmlFor",
+  readonly: "readOnly",
+  spellcheck: "spellCheck",
+  srcset: "srcSet",
+  "stroke-linecap": "strokeLinecap",
+  "stroke-linejoin": "strokeLinejoin",
+  "stroke-width": "strokeWidth",
+  tabindex: "tabIndex"
+}, sn = /* @__PURE__ */ new Set(["input", "textarea", "select"]);
+function cn(e) {
+  const n = {};
+  for (const [t, r] of Object.entries(e)) {
+    if (r == null || r === !1 && (t.startsWith("data-") || t.startsWith("aria-")))
+      continue;
+    const c = on[t] ?? t;
+    n[c] = r === !0 && t.startsWith("data-") ? "" : r;
+  }
+  return n;
+}
+function ln(e) {
+  const n = [], t = (r) => {
+    if (r.kind === "element") {
+      sn.has(r.tag) && n.push(r);
+      for (const c of r.children) t(c);
+    }
+  };
+  return t(e), n;
+}
+function _n(e) {
+  const n = {}, t = {};
+  let r;
+  for (const [s, i] of Object.entries(e))
+    i !== void 0 && (s === "ref" ? n[s] = i : s === "autoFocus" ? r = i : t[s] = i);
+  const c = r !== void 0 ? { autoFocus: r, ...t } : { ...t };
+  return { rootExtras: n, primaryFirstExtras: c, primaryRestExtras: t };
+}
+function an(e, n) {
+  if (n.primaries.length === 0) return {};
+  const t = n.primaries.indexOf(e);
+  return t === 0 ? n.primaryFirstExtras : t > 0 ? n.primaryRestExtras : {};
+}
+function ce(e, n, t) {
+  const r = {
+    ...cn(e.attrs),
+    ...n
+  };
+  if (e.tag === "textarea" && e.children.length > 0) {
+    const i = e.children.map((o) => o.kind === "text" ? o.value : "").join("");
+    return !("value" in r) && i.length > 0 && (r.defaultValue = i), { props: r, children: null };
+  }
+  if (e.children.some(
+    (i) => i.kind === "raw" && !(i.html in t.slots)
+  ))
+    return r.dangerouslySetInnerHTML = {
+      __html: e.children.map(ae).join("")
+    }, { props: r, children: null };
+  const s = e.children.map((i, o) => i.kind === "raw" && i.html in t.slots ? T(O, { key: o }, t.slots[i.html]) : le(i, o, t));
+  return { props: r, children: s };
+}
+function le(e, n, t) {
+  if (e.kind === "text")
+    return e.value in t.slots ? T(O, { key: n }, t.slots[e.value]) : e.value;
+  if (e.kind === "raw")
+    return e.html in t.slots ? T(O, { key: n }, t.slots[e.html]) : T("span", {
+      key: n,
+      dangerouslySetInnerHTML: { __html: e.html }
+    });
+  const { props: r, children: c } = ce(
+    e,
+    an(e, t),
+    t
+  );
+  return n !== void 0 && (r.key = n), c === null ? T(e.tag, r) : T(e.tag, r, ...c);
+}
+function l(e, n = {}, t = {}) {
+  if (e.kind !== "element")
+    return T(O, null, le(e, void 0, {
+      slots: t,
+      primaries: [],
+      primaryFirstExtras: {},
+      primaryRestExtras: {}
+    }));
+  const r = ln(e), c = r.length > 0 ? _n(n) : {
+    rootExtras: n,
+    primaryFirstExtras: {},
+    primaryRestExtras: {}
+  }, s = {
+    slots: t,
+    primaries: r,
+    primaryFirstExtras: c.primaryFirstExtras,
+    primaryRestExtras: c.primaryRestExtras
+  }, { props: i, children: o } = ce(e, c.rootExtras, s);
+  return o === null ? T(e.tag, i) : T(e.tag, i, ...o);
+}
+function _(e) {
+  const n = {};
+  for (const [t, r] of Object.entries(e))
+    r !== void 0 && (t === "ref" || t === "autoFocus" || t === "value" || t.startsWith("on")) && (n[t] = r);
+  return n;
+}
+function un(e, n) {
+  typeof e == "function" ? e(n) : e && (e.current = n);
+}
+function Tn(e) {
+  const { onBeforeDismiss: n, onDismiss: t, ref: r, ...c } = e;
+  f(() => {
+    ue();
+  }, []);
+  const s = C(null);
+  f(() => {
+    const o = s.current;
+    if (!(!o || !n))
+      return o.addEventListener(
+        b,
+        n
+      ), () => o.removeEventListener(
+        b,
+        n
+      );
+  }, [n]), f(() => {
+    const o = s.current;
+    if (!(!o || !t))
+      return o.addEventListener(v, t), () => o.removeEventListener(
+        v,
+        t
+      );
+  }, [t]);
+  const i = m(
+    (o) => {
+      s.current = o, un(r, o);
+    },
+    [r]
+  );
+  return l(de(e), {
+    ..._(c),
+    ref: i
+  });
+}
+function Ln(e) {
+  return l(
+    Se(e),
+    _(e)
+  );
+}
+function Rn(e) {
+  return l(
+    Ee(e),
+    _(e)
+  );
+}
+function dn(e, n) {
+  typeof e == "function" ? e(n) : e && (e.current = n);
+}
+function hn(e) {
+  const { onBeforeDismiss: n, onDismiss: t, ref: r, ...c } = e;
+  f(() => {
+    fe();
+  }, []);
+  const s = C(null);
+  f(() => {
+    const o = s.current;
+    if (!(!o || !n))
+      return o.addEventListener(
+        g,
+        n
+      ), () => o.removeEventListener(
+        g,
+        n
+      );
+  }, [n]), f(() => {
+    const o = s.current;
+    if (!(!o || !t))
+      return o.addEventListener(A, t), () => o.removeEventListener(
+        A,
+        t
+      );
+  }, [t]);
+  const i = m(
+    (o) => {
+      s.current = o, dn(r, o);
+    },
+    [r]
+  );
+  return l(Te(e), {
+    ..._(c),
+    ref: i
+  });
+}
+const p = "__SET_SLOT_BLOCKQUOTE_QUOTE__", P = "__SET_SLOT_BLOCKQUOTE_ATTRIBUTION__";
+function On(e) {
+  const { align: n, attribution: t, id: r, measured: c, quote: s, responsive: i, size: o, ...a } = e, u = Le({
+    align: n,
+    attribution: P,
+    id: r,
+    measured: c,
+    quote: p,
+    responsive: i,
+    size: o
+  });
+  return l(
+    u,
+    _(a),
+    {
+      [p]: s,
+      [P]: t
+    }
+  );
+}
+const B = "__SET_SLOT_BOX_CHILDREN__";
+function In(e) {
+  const {
+    background: n,
+    border: t,
+    children: r,
+    id: c,
+    paddingBlock: s,
+    paddingInline: i,
+    radius: o,
+    responsive: a,
+    surface: u,
+    ...d
+  } = e, S = r != null && r !== !1, E = Re({
+    background: n,
+    border: t,
+    children: S ? B : void 0,
+    id: c,
+    paddingBlock: s,
+    paddingInline: i,
+    radius: o,
+    responsive: a,
+    surface: u
+  });
+  return l(
+    E,
+    _(d),
+    {
+      ...S ? { [B]: r } : {}
+    }
+  );
+}
+function Nn(e) {
+  return l(
+    he(e),
+    _(e)
+  );
+}
+const k = "__SET_SLOT_CARD_DESCRIPTION__", F = "__SET_SLOT_CARD_NOTE__";
+function Cn(e) {
+  const { description: n, headingLevel: t, href: r, id: c, note: s, surface: i, title: o, ...a } = e, u = s != null && s !== !1, d = Oe({
+    description: k,
+    headingLevel: t,
+    href: r,
+    id: c,
+    note: u ? F : void 0,
+    surface: i,
+    title: o
+  });
+  return l(
+    d,
+    _(a),
+    {
+      [k]: n,
+      ...u ? { [F]: s } : {}
+    }
+  );
+}
+function mn(e) {
+  return l(
+    Ie(e),
+    _(e)
+  );
+}
+const x = "__SET_SLOT_CONTAINER_CHILDREN__";
+function Dn(e) {
+  const { children: n, gutter: t, id: r, maxInlineSize: c, ...s } = e, i = n != null && n !== !1, o = Ne({
+    children: i ? x : void 0,
+    gutter: t,
+    id: r,
+    maxInlineSize: c
+  });
+  return l(
+    o,
+    _(s),
+    {
+      ...i ? { [x]: n } : {}
+    }
+  );
+}
+const y = "__SET_SLOT_DETAILS_CHILDREN__";
+function bn(e) {
+  const { children: n, id: t, inlineSize: r, open: c, summary: s, ...i } = e, o = n != null && n !== !1, a = Ce({
+    children: o ? y : void 0,
+    id: t,
+    inlineSize: r,
+    open: c,
+    summary: s
+  });
+  return l(
+    a,
+    _(i),
+    {
+      ...o ? { [y]: n } : {}
+    }
+  );
+}
+function vn(e) {
+  return l(
+    me(e),
+    _(e)
+  );
+}
+function gn(e) {
+  return l(
+    De(e),
+    _(e)
+  );
+}
+const w = "__SET_SLOT_FIELDSET_CHILDREN__";
+function An(e) {
+  const {
+    children: n,
+    description: t,
+    disabled: r,
+    id: c,
+    invalid: s,
+    legend: i,
+    inlineSize: o,
+    ...a
+  } = e, u = n != null && n !== !1, d = be({
+    children: u ? w : void 0,
+    description: t,
+    disabled: r,
+    id: c,
+    invalid: s,
+    legend: i,
+    inlineSize: o
+  });
+  return l(
+    d,
+    _(a),
+    {
+      ...u ? { [w]: n } : {}
+    }
+  );
+}
+const G = "__SET_SLOT_FIGURE_CHILDREN__", M = "__SET_SLOT_FIGURE_CAPTION__";
+function Hn(e) {
+  const { align: n, caption: t, children: r, id: c, responsive: s, ...i } = e, o = ve({
+    align: n,
+    caption: M,
+    children: G,
+    id: c,
+    responsive: s
+  });
+  return l(
+    o,
+    _(i),
+    {
+      [G]: r,
+      [M]: t
+    }
+  );
+}
+const U = "__SET_SLOT_GRID_CHILDREN__";
+function pn(e) {
+  const { children: n, gap: t, id: r, ...c } = e, s = n != null && n !== !1, i = ge({
+    children: s ? U : void 0,
+    gap: t,
+    id: r
+  });
+  return l(
+    i,
+    _(c),
+    {
+      ...s ? { [U]: n } : {}
+    }
+  );
+}
+const z = "__SET_SLOT_GRID_ITEM_CHILDREN__";
+function Pn(e) {
+  const {
+    children: n,
+    align: t,
+    justify: r,
+    colSpan: c,
+    colStart: s,
+    id: i,
+    rowSpan: o,
+    rowSpanNarrow: a,
+    rowSpanWide: u,
+    rowStart: d,
+    rowStartNarrow: S,
+    rowStartWide: E,
+    colSpanNarrow: L,
+    colStartNarrow: R,
+    colSpanWide: I,
+    colStartWide: h,
+    ...N
+  } = e, D = n != null && n !== !1, _e = Ae({
+    children: D ? z : void 0,
+    align: t,
+    justify: r,
+    colSpan: c,
+    colStart: s,
+    id: i,
+    rowSpan: o,
+    rowSpanNarrow: a,
+    rowSpanWide: u,
+    rowStart: d,
+    rowStartNarrow: S,
+    rowStartWide: E,
+    colSpanNarrow: L,
+    colStartNarrow: R,
+    colSpanWide: I,
+    colStartWide: h
+  });
+  return l(
+    _e,
+    _(N),
+    {
+      ...D ? { [z]: n } : {}
+    }
+  );
+}
+function Bn(e) {
+  return l(
+    He(e),
+    _(e)
+  );
+}
+function kn(e) {
+  return l(
+    pe(e),
+    _(e)
+  );
+}
+function Fn(e) {
+  return l(
+    Pe(e),
+    _(e)
+  );
+}
+const j = "__SET_SLOT_INLINE_CHILDREN__";
+function xn(e) {
+  const { as: n, align: t, children: r, gap: c, id: s, justify: i, nowrap: o, ...a } = e, u = r != null && r !== !1, d = Be({
+    as: n,
+    align: t,
+    children: u ? j : void 0,
+    gap: c,
+    id: s,
+    justify: i,
+    nowrap: o
+  });
+  return l(
+    d,
+    _(a),
+    {
+      ...u ? { [j]: r } : {}
+    }
+  );
+}
+function yn(e) {
+  return l(
+    ke(e),
+    _(e)
+  );
+}
+const K = "__SET_SLOT_LINK_ICON__";
+function wn(e) {
+  const {
+    appearance: n,
+    current: t,
+    download: r,
+    href: c,
+    id: s,
+    icon: i,
+    iconPlacement: o,
+    label: a,
+    labelVisibility: u,
+    rel: d,
+    size: S,
+    target: E,
+    tone: L,
+    underline: R,
+    ...I
+  } = e, h = i != null && i !== !1, N = Fe({
+    appearance: n,
+    current: t,
+    download: r,
+    href: c,
+    id: s,
+    icon: h ? K : void 0,
+    iconPlacement: o,
+    label: a,
+    labelVisibility: u,
+    rel: d,
+    size: S,
+    target: E,
+    tone: L,
+    underline: R
+  });
+  return l(
+    N,
+    _(I),
+    {
+      ...h ? { [K]: i } : {}
+    }
+  );
+}
+function Gn(e) {
+  return l(
+    xe(e),
+    _(e)
+  );
+}
+function Sn(e, n) {
+  typeof e == "function" ? e(n) : e && (e.current = n);
+}
+function Mn(e) {
+  const { onChoose: n, ref: t, ...r } = e;
+  f(() => {
+    ye();
+  }, []);
+  const c = C(null);
+  f(() => {
+    const i = c.current;
+    if (!(!i || !n))
+      return i.addEventListener(H, n), () => i.removeEventListener(H, n);
+  }, [n]);
+  const s = m(
+    (i) => {
+      c.current = i, Sn(t, i);
+    },
+    [t]
+  );
+  return l(we(e), {
+    ..._(r),
+    ref: s
+  });
+}
+function Un(e) {
+  return f(() => {
+    Ge();
+  }, []), l(
+    Me(e),
+    _(e)
+  );
+}
+const W = "__SET_SLOT_PAGE_BANNER__", V = "__SET_SLOT_PAGE_HEADER__", Q = "__SET_SLOT_PAGE_CHILDREN__", q = "__SET_SLOT_PAGE_FOOTER__";
+function zn(e) {
+  const {
+    banner: n,
+    children: t,
+    centerMain: r,
+    header: c,
+    headerBorder: s,
+    headerSize: i,
+    id: o,
+    stickyHeader: a,
+    footer: u,
+    ...d
+  } = e, S = n != null && n !== !1, E = t != null && t !== !1, L = Ue({
+    banner: S ? W : void 0,
+    children: E ? Q : void 0,
+    centerMain: r,
+    header: V,
+    headerBorder: s,
+    headerSize: i,
+    id: o,
+    stickyHeader: a,
+    footer: q
+  });
+  return l(
+    L,
+    _(d),
+    {
+      ...S ? { [W]: n } : {},
+      [V]: c,
+      ...E ? { [Q]: t } : {},
+      [q]: u
+    }
+  );
+}
+const X = "__SET_SLOT_PANEL_CHILDREN__";
+function jn(e) {
+  const { children: n, id: t, padding: r, surface: c, ...s } = e, i = n != null && n !== !1, o = ze({
+    children: i ? X : void 0,
+    id: t,
+    padding: r,
+    surface: c
+  });
+  return l(
+    o,
+    _(s),
+    {
+      ...i ? { [X]: n } : {}
+    }
+  );
+}
+const $ = "__SET_SLOT_PATTERN_CHILDREN__";
+function Kn(e) {
+  const { children: n, id: t, tone: r, size: c, variant: s, ...i } = e, o = n != null && n !== !1, a = je({
+    children: o ? $ : void 0,
+    id: t,
+    tone: r,
+    size: c,
+    variant: s
+  });
+  return l(
+    a,
+    _(i),
+    {
+      ...o ? { [$]: n } : {}
+    }
+  );
+}
+const Y = "__SET_SLOT_POSTER_MEDIA__", J = "__SET_SLOT_POSTER_CHILDREN__";
+function Wn(e) {
+  const { children: n, contentTheme: t, id: r, media: c, surface: s, ...i } = e, o = n != null && n !== !1, a = Ke({
+    children: o ? J : void 0,
+    contentTheme: t,
+    id: r,
+    media: Y,
+    surface: s
+  });
+  return l(
+    a,
+    _(i),
+    {
+      [Y]: c,
+      ...o ? { [J]: n } : {}
+    }
+  );
+}
+const Z = "__SET_SLOT_PROSE_CHILDREN__";
+function Vn(e) {
+  const {
+    children: n,
+    align: t,
+    hangingPunctuation: r,
+    id: c,
+    measured: s,
+    responsive: i,
+    ...o
+  } = e, a = We({
+    children: Z,
+    align: t,
+    hangingPunctuation: r,
+    id: c,
+    measured: s,
+    responsive: i
+  });
+  return l(
+    a,
+    _(o),
+    {
+      [Z]: n
+    }
+  );
+}
+function Qn(e) {
+  return l(
+    Ve(e),
+    _(e)
+  );
+}
+function qn(e) {
+  return f(() => {
+    Qe();
+  }, []), l(
+    qe(e),
+    _(e)
+  );
+}
+const ee = "__SET_SLOT_ROOT_CHILDREN__";
+function Xn(e) {
+  const {
+    appOverscrollBehavior: n,
+    appRoot: t,
+    brand: r,
+    children: c,
+    dir: s,
+    id: i,
+    lang: o,
+    theme: a,
+    ...u
+  } = e, d = Xe({
+    appOverscrollBehavior: n,
+    appRoot: t,
+    brand: r,
+    children: ee,
+    dir: s,
+    id: i,
+    lang: o,
+    theme: a
+  });
+  return l(
+    d,
+    _(u),
+    {
+      [ee]: c
+    }
+  );
+}
+const ne = "__SET_SLOT_SIDEBAR_HEADER__", te = "__SET_SLOT_SIDEBAR_CHILDREN__", re = "__SET_SLOT_SIDEBAR_FOOTER__";
+function $n(e) {
+  const {
+    aboveNotebook: n,
+    buttonSize: t,
+    children: r,
+    collapseLabel: c,
+    footer: s,
+    header: i,
+    id: o,
+    surface: a,
+    triggerLabel: u,
+    ...d
+  } = e, S = i != null && i !== !1, E = r != null && r !== !1, L = s != null && s !== !1, R = $e({
+    aboveNotebook: n,
+    buttonSize: t,
+    children: E ? te : void 0,
+    collapseLabel: c,
+    footer: L ? re : void 0,
+    header: S ? ne : void 0,
+    id: o,
+    surface: a,
+    triggerLabel: u
+  });
+  return f(() => {
+    Ye();
+  }, []), l(
+    R,
+    _(d),
+    {
+      ...S ? { [ne]: i } : {},
+      ...E ? { [te]: r } : {},
+      ...L ? { [re]: s } : {}
+    }
+  );
+}
+function Yn(e) {
+  return l(
+    Je(e),
+    _(e)
+  );
+}
+const ie = "__SET_SLOT_STACK_CHILDREN__";
+function Jn(e) {
+  const { align: n, as: t, children: r, gap: c, id: s, responsive: i, ...o } = e, a = r != null && r !== !1, u = Ze({
+    align: n,
+    as: t,
+    children: a ? ie : void 0,
+    gap: c,
+    id: s,
+    responsive: i
+  });
+  return l(
+    u,
+    _(o),
+    {
+      ...a ? { [ie]: r } : {}
+    }
+  );
+}
+const oe = "__SET_SLOT_SURFACE_CHILDREN__";
+function Zn(e) {
+  const { children: n, contentTheme: t, id: r, variant: c, ...s } = e, i = en({
+    children: oe,
+    contentTheme: t,
+    id: r,
+    variant: c
+  });
+  return l(
+    i,
+    _(s),
+    {
+      [oe]: n
+    }
+  );
+}
+function et(e) {
+  return l(
+    nn(e),
+    _(e)
+  );
+}
+const se = "__SET_SLOT_TEXT_CHILDREN__";
+function nt(e) {
+  const {
+    as: n,
+    children: t,
+    id: r,
+    linkVisited: c,
+    responsive: s,
+    align: i,
+    measured: o,
+    size: a,
+    tone: u,
+    ...d
+  } = e, S = tn({
+    as: n,
+    children: se,
+    id: r,
+    linkVisited: c,
+    responsive: s,
+    align: i,
+    measured: o,
+    size: a,
+    tone: u
+  });
+  return l(
+    S,
+    _(d),
+    {
+      [se]: t
+    }
+  );
+}
+function tt(e) {
+  return l(
+    rn(e),
+    _(e)
+  );
+}
+export {
+  Tn as Alert,
+  Ln as Avatar,
+  Rn as Badge,
+  hn as Banner,
+  On as Blockquote,
+  In as Box,
+  Nn as Button,
+  Cn as Card,
+  mn as Checkbox,
+  Dn as Container,
+  bn as Details,
+  vn as Divider,
+  gn as Expander,
+  An as Fieldset,
+  Hn as Figure,
+  pn as Grid,
+  Pn as GridItem,
+  Bn as Heading,
+  kn as Icon,
+  Fn as Image,
+  xn as Inline,
+  yn as Input,
+  wn as Link,
+  Gn as Logo,
+  Mn as Menu,
+  Un as Nav,
+  zn as Page,
+  jn as Panel,
+  Kn as Pattern,
+  Wn as Poster,
+  Vn as Prose,
+  Qn as Radios,
+  qn as Range,
+  Xn as Root,
+  $n as Sidebar,
+  Yn as Spinner,
+  Jn as Stack,
+  Zn as Surface,
+  et as Switch,
+  nt as Text,
+  tt as Textarea,
+  ot as defineSetAll
+};
+//# sourceMappingURL=index.js.map