@editora/ui-react 0.1.7 → 0.1.10

package/dist/Box.esm.js

@@ -0,0 +1,155 @@
+import d from "react";
+function i(t) {
+  if (t != null) {
+    if (typeof t == "object")
+      try {
+        return JSON.stringify(t);
+      } catch {
+        return;
+      }
+    return String(t);
+  }
+}
+const yi = d.forwardRef(function(l, m) {
+  const {
+    children: s,
+    className: g,
+    variant: o,
+    tone: e,
+    state: r,
+    elevation: n,
+    radius: a,
+    interactive: f,
+    disabled: p,
+    headless: h,
+    p: c,
+    px: u,
+    py: x,
+    pt: w,
+    pr: v,
+    pb: y,
+    pl: b,
+    m: R,
+    mx: S,
+    my: B,
+    mt: C,
+    mr: H,
+    mb: W,
+    ml: j,
+    width: z,
+    w: E,
+    minWidth: G,
+    minW: N,
+    maxWidth: k,
+    maxW: _,
+    height: A,
+    h: I,
+    minHeight: J,
+    minH: O,
+    maxHeight: P,
+    maxH: X,
+    display: Y,
+    position: q,
+    inset: D,
+    top: F,
+    right: K,
+    bottom: L,
+    left: M,
+    justify: Q,
+    alignSelf: T,
+    alignContent: U,
+    gap: V,
+    rowGap: Z,
+    columnGap: $,
+    flexBasis: ii,
+    flexGrow: ti,
+    flexShrink: oi,
+    gridArea: ei,
+    gridColumn: ri,
+    gridColumnStart: ni,
+    gridColumnEnd: ai,
+    gridRow: di,
+    gridRowStart: li,
+    gridRowEnd: mi,
+    align: si,
+    bg: gi,
+    color: fi,
+    opacity: pi,
+    overflow: hi,
+    overflowX: ci,
+    overflowY: ui,
+    zIndex: xi,
+    ...wi
+  } = l, vi = {
+    ref: m,
+    className: g,
+    ...wi,
+    p: i(c),
+    px: i(u),
+    py: i(x),
+    pt: i(w),
+    pr: i(v),
+    pb: i(y),
+    pl: i(b),
+    m: i(R),
+    mx: i(S),
+    my: i(B),
+    mt: i(C),
+    mr: i(H),
+    mb: i(W),
+    ml: i(j),
+    width: i(z),
+    w: i(E),
+    minwidth: i(G ?? N),
+    maxwidth: i(k ?? _),
+    height: i(A),
+    h: i(I),
+    minheight: i(J ?? O),
+    maxheight: i(P ?? X),
+    display: i(Y),
+    position: i(q),
+    inset: i(D),
+    top: i(F),
+    right: i(K),
+    bottom: i(L),
+    left: i(M),
+    justify: i(Q),
+    flexbasis: i(ii),
+    flexgrow: i(ti),
+    flexshrink: i(oi),
+    alignself: i(T),
+    aligncontent: i(U),
+    gap: i(V),
+    rowgap: i(Z),
+    columngap: i($),
+    gridarea: i(ei),
+    gridcolumn: i(ri),
+    gridcolumnstart: i(ni),
+    gridcolumnend: i(ai),
+    gridrow: i(di),
+    gridrowstart: i(li),
+    gridrowend: i(mi),
+    align: i(si),
+    bg: i(gi),
+    color: i(fi),
+    opacity: i(pi),
+    overflow: i(hi),
+    overflowx: i(ci),
+    overflowy: i(ui),
+    zindex: i(xi),
+    variant: o && o !== "default" ? o : void 0,
+    tone: e && e !== "default" ? e : void 0,
+    state: r && r !== "idle" ? r : void 0,
+    elevation: n && n !== "default" ? n : void 0,
+    radius: a && a !== "default" ? a : void 0,
+    interactive: f ? "" : void 0,
+    disabled: p ? "" : void 0,
+    headless: h ? "" : void 0
+  };
+  return d.createElement("ui-box", vi, s);
+});
+yi.displayName = "Box";
+export {
+  yi as Box,
+  yi as default
+};

package/dist/Breadcrumb.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),L=require("./_internals-b9f3e909.js"),M=f=>f&&f.__esModule?f:{default:f},B=M(s),q=typeof window<"u"?s.useLayoutEffect:s.useEffect,N=B.default.forwardRef(function({children:E,separator:a,maxItems:o,currentIndex:d,size:r,variant:l,radius:n,elevation:i,tone:y,state:b,disabled:_,ariaLabel:h,onSelect:g,...S},j){const m=s.useRef(null);return s.useImperativeHandle(j,()=>m.current),s.useEffect(()=>{L.warnIfElementNotRegistered("ui-breadcrumb","Breadcrumb")},[]),s.useEffect(()=>{const e=m.current;if(!e||!g)return;const u=p=>{const t=p.detail;t&&g(t)};return e.addEventListener("ui-select",u),()=>e.removeEventListener("ui-select",u)},[g]),q(()=>{const e=m.current;if(!e)return;const u=(t,c)=>{const A=e.getAttribute(t);if(c==null){A!=null&&e.removeAttribute(t);return}A!==c&&e.setAttribute(t,c)},p=(t,c,A="presence")=>{if(A==="presence"){c?e.hasAttribute(t)||e.setAttribute(t,""):e.hasAttribute(t)&&e.removeAttribute(t);return}if(c==null){e.hasAttribute(t)&&e.removeAttribute(t);return}const R=c?"true":"false";e.getAttribute(t)!==R&&e.setAttribute(t,R)};u("separator",a||null),u("max-items",o!=null&&Number.isFinite(o)?String(o):null),u("current-index",d!=null&&Number.isFinite(d)?String(d):null),u("size",r&&r!=="md"&&r!=="2"?r:null),u("variant",l&&l!=="default"&&l!=="surface"?l:null),u("radius",n!=null&&n!==""&&n!=="md"?String(n):null),u("elevation",i&&i!=="default"&&i!=="none"?i:null),u("tone",y||null),u("state",b&&b!=="idle"?b:null),p("disabled",_),u("aria-label",h||null)},[a,o,d,r,l,n,i,y,b,_,h]),B.default.createElement("ui-breadcrumb",{ref:m,...S},E)});N.displayName="Breadcrumb";const w=B.default.forwardRef(function({children:E,href:a,label:o,index:d,className:r,...l},n){const i=["item",r].filter(Boolean).join(" ");return B.default.createElement("div",{...l,ref:n,className:i,"data-label":o,"data-index":d,"data-href":a},E)});w.displayName="Breadcrumb.Item";const v=Object.assign(N,{Item:w});exports.Breadcrumb=v;exports.default=v;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),L=require("./_internals-b9f3e909.js"),M=f=>f&&f.__esModule?f:{default:f},B=M(s),q=typeof window<"u"?s.useLayoutEffect:s.useEffect,w=B.default.forwardRef(function({children:E,separator:a,maxItems:d,currentIndex:o,size:r,variant:l,radius:n,elevation:i,tone:_,state:b,disabled:h,ariaLabel:R,onSelect:g,...S},j){const m=s.useRef(null);return s.useImperativeHandle(j,()=>m.current),s.useEffect(()=>{L.warnIfElementNotRegistered("ui-breadcrumb","Breadcrumb")},[]),s.useEffect(()=>{const e=m.current;if(!e||!g)return;const u=p=>{const t=p.detail;t&&g(t)};return e.addEventListener("ui-select",u),()=>e.removeEventListener("ui-select",u)},[g]),q(()=>{const e=m.current;if(!e)return;const u=(t,c)=>{const A=e.getAttribute(t);if(c==null){A!=null&&e.removeAttribute(t);return}A!==c&&e.setAttribute(t,c)},p=(t,c,A="presence")=>{if(A==="presence"){c?e.hasAttribute(t)||e.setAttribute(t,""):e.hasAttribute(t)&&e.removeAttribute(t);return}if(c==null){e.hasAttribute(t)&&e.removeAttribute(t);return}const N=c?"true":"false";e.getAttribute(t)!==N&&e.setAttribute(t,N)};u("separator",a||null),u("max-items",d!=null&&Number.isFinite(d)?String(d):null),u("current-index",o!=null&&Number.isFinite(o)?String(o):null),u("size",r&&r!=="md"&&r!=="2"?r:null),u("variant",l&&l!=="default"&&l!=="surface"?l:null),u("radius",n!=null&&n!==""&&n!=="md"?String(n):null),u("elevation",i&&i!=="default"&&i!=="none"?i:null),u("tone",_||null),u("state",b&&b!=="idle"?b:null),p("disabled",h),u("aria-label",R||null)},[a,d,o,r,l,n,i,_,b,h,R]),B.default.createElement("ui-breadcrumb",{ref:m,...S},E)});w.displayName="Breadcrumb";const y=B.default.forwardRef(function({children:E,href:a,label:d,index:o,className:r,...l},n){const i=["item",r].filter(Boolean).join(" ");return B.default.createElement("div",{...l,ref:n,className:i,"data-label":d,"data-index":o,"data-href":a},E)});y.displayName="Breadcrumb.Item";const v=Object.assign(w,{Item:y});exports.Breadcrumb=v;exports.BreadcrumbItem=y;exports.default=v;

package/dist/Breadcrumb.esm.js

@@ -76,5 +76,6 @@ const q = Object.assign(N, {
 });
 export {
   q as Breadcrumb,
+  R as BreadcrumbItem,
   q as default
 };

package/dist/Button.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),T=require("./_internals-b9f3e909.js"),k=u=>u&&u.__esModule?u:{default:u},f=k(v);function A(u,n,r){if(r==null||!r){u.removeAttribute(n);return}u.setAttribute(n,"")}function e(u,n,r){if(!r){u.removeAttribute(n);return}u.setAttribute(n,r)}const h=f.default.forwardRef(function({children:n,onClick:r,variant:_,size:o,recipe:p,radius:d,scale:B,icon:S,startIcon:q,endIcon:y,loading:a,loadingLabel:b,state:s,tone:g,block:R,headless:w,disabled:x,animation:M,theme:i,type:l,ariaLabel:m,...N},P){const E=v.useRef(null),j=typeof window<"u"?f.default.useLayoutEffect:f.default.useEffect;v.useImperativeHandle(P,()=>E.current),v.useEffect(()=>{T.warnIfElementNotRegistered("ui-button","Button")},[]),v.useEffect(()=>{const t=E.current;if(!t||!r)return;const c=O=>r(O);return t.addEventListener("click",c),()=>t.removeEventListener("click",c)},[r]),j(()=>{const t=E.current;if(!t)return;e(t,"variant",_),o&&o!=="md"?e(t,"size",o):t.removeAttribute("size"),e(t,"icon",S);const c=s||(a?"loading":"idle");c==="idle"?t.removeAttribute("state"):e(t,"state",c),A(t,"loading",!!a),A(t,"block",!!R),A(t,"headless",!!w),A(t,"disabled",!!x),e(t,"animation",M),i&&i!=="default"?e(t,"theme",i):t.removeAttribute("theme"),e(t,"tone",g),l&&l!=="button"?e(t,"type",l):t.removeAttribute("type"),b!==void 0&&e(t,"loading-label",b),m!==void 0&&e(t,"aria-label",m),e(t,"recipe",p),e(t,"radius",d!=null?String(d):void 0),e(t,"scale",B)},[_,o,p,d,B,S,a,s,R,w,x,M,i,g,l,b,m]);const D={ref:E,...N,variant:_,size:o&&o!=="md"?o:void 0,recipe:p,radius:d!=null?String(d):void 0,scale:B,icon:S,animation:M,tone:g,type:l&&l!=="button"?l:void 0,loading:a?"":void 0,block:R?"":void 0,headless:w?"":void 0,disabled:x?"":void 0,theme:i&&i!=="default"?i:void 0,state:s&&s!=="idle"?s:void 0,"loading-label":b,"aria-label":m},H=q==null?null:f.default.createElement("span",{slot:"prefix","aria-hidden":"true"},q),I=y==null?null:f.default.createElement("span",{slot:"suffix","aria-hidden":"true"},y);return f.default.createElement("ui-button",D,H,n,I)});h.displayName="Button";exports.Button=h;exports.default=h;

package/dist/Button.esm.js

@@ -0,0 +1,85 @@
+import l, { useRef as F, useImperativeHandle as G, useEffect as y } from "react";
+import { w as J } from "./_internals-f8fb69a8.mjs";
+function A(f, u, r) {
+  if (r == null || !r) {
+    f.removeAttribute(u);
+    return;
+  }
+  f.setAttribute(u, "");
+}
+function e(f, u, r) {
+  if (!r) {
+    f.removeAttribute(u);
+    return;
+  }
+  f.setAttribute(u, r);
+}
+const K = l.forwardRef(function({
+  children: u,
+  onClick: r,
+  variant: E,
+  size: o,
+  recipe: p,
+  radius: d,
+  scale: w,
+  icon: x,
+  startIcon: N,
+  endIcon: _,
+  loading: v,
+  loadingLabel: m,
+  state: s,
+  tone: B,
+  block: R,
+  headless: S,
+  disabled: g,
+  animation: h,
+  theme: n,
+  type: i,
+  ariaLabel: b,
+  ...H
+}, I) {
+  const a = F(null), P = typeof window < "u" ? l.useLayoutEffect : l.useEffect;
+  G(I, () => a.current), y(() => {
+    J("ui-button", "Button");
+  }, []), y(() => {
+    const t = a.current;
+    if (!t || !r)
+      return;
+    const c = (D) => r(D);
+    return t.addEventListener("click", c), () => t.removeEventListener("click", c);
+  }, [r]), P(() => {
+    const t = a.current;
+    if (!t)
+      return;
+    e(t, "variant", E), o && o !== "md" ? e(t, "size", o) : t.removeAttribute("size"), e(t, "icon", x);
+    const c = s || (v ? "loading" : "idle");
+    c === "idle" ? t.removeAttribute("state") : e(t, "state", c), A(t, "loading", !!v), A(t, "block", !!R), A(t, "headless", !!S), A(t, "disabled", !!g), e(t, "animation", h), n && n !== "default" ? e(t, "theme", n) : t.removeAttribute("theme"), e(t, "tone", B), i && i !== "button" ? e(t, "type", i) : t.removeAttribute("type"), m !== void 0 && e(t, "loading-label", m), b !== void 0 && e(t, "aria-label", b), e(t, "recipe", p), e(t, "radius", d != null ? String(d) : void 0), e(t, "scale", w);
+  }, [E, o, p, d, w, x, v, s, R, S, g, h, n, B, i, m, b]);
+  const j = {
+    ref: a,
+    ...H,
+    variant: E,
+    size: o && o !== "md" ? o : void 0,
+    recipe: p,
+    radius: d != null ? String(d) : void 0,
+    scale: w,
+    icon: x,
+    animation: h,
+    tone: B,
+    type: i && i !== "button" ? i : void 0,
+    loading: v ? "" : void 0,
+    block: R ? "" : void 0,
+    headless: S ? "" : void 0,
+    disabled: g ? "" : void 0,
+    theme: n && n !== "default" ? n : void 0,
+    state: s && s !== "idle" ? s : void 0,
+    "loading-label": m,
+    "aria-label": b
+  }, k = N == null ? null : l.createElement("span", { slot: "prefix", "aria-hidden": "true" }, N), q = _ == null ? null : l.createElement("span", { slot: "suffix", "aria-hidden": "true" }, _);
+  return l.createElement("ui-button", j, k, u, q);
+});
+K.displayName = "Button";
+export {
+  K as Button,
+  K as default
+};

package/dist/Calendar.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),Y=require("./_internals-b9f3e909.js"),S=f=>f&&f.__esModule?f:{default:f},Z=S(n),T=typeof window<"u"?n.useLayoutEffect:n.useEffect,w=Z.default.forwardRef(function({year:s,month:c,value:j,events:d,variant:b,selection:m,min:B,max:H,disabled:J,readOnly:O,locale:P,translations:G,weekStart:I,outsideClick:o,eventsMax:E,eventsDisplay:a,maxSelections:y,size:p,bare:K,tone:Q,state:v,headless:U,hideToday:W,showToday:q,ariaLabel:X,onSelect:A,onChange:_,onCalendarChange:L,onMonthChange:N,onValueChange:R,children:$,...g},z){const F=n.useRef(null);return n.useImperativeHandle(z,()=>F.current),n.useEffect(()=>{Y.warnIfElementNotRegistered("ui-calendar","Calendar")},[]),n.useEffect(()=>{const e=F.current;if(!e)return;const t=l=>{const u=l.detail;u&&(A==null||A(u),_==null||_(u),R==null||R(u.value))},i=l=>{const u=l.detail;u&&(L==null||L(u))},r=l=>{const u=l.detail;u&&(N==null||N(u))};return e.addEventListener("ui-select",t),e.addEventListener("ui-change",i),e.addEventListener("ui-month-change",r),()=>{e.removeEventListener("ui-select",t),e.removeEventListener("ui-change",i),e.removeEventListener("ui-month-change",r)}},[A,_,L,N,R]),T(()=>{const e=F.current;if(!e)return;const t=(r,l)=>{const u=e.getAttribute(r);if(l==null){u!=null&&e.removeAttribute(r);return}u!==l&&e.setAttribute(r,l)},i=(r,l)=>{l?e.hasAttribute(r)||e.setAttribute(r,""):e.hasAttribute(r)&&e.removeAttribute(r)};if(typeof s=="number"&&Number.isFinite(s)?t("year",String(s)):t("year",null),typeof c=="number"&&Number.isFinite(c)?t("month",String(c)):t("month",null),t("value",j||null),t("selection",m&&m!=="single"?m:null),t("min",B||null),t("max",H||null),t("locale",P||null),t("translations",Y.serializeTranslations(G)),t("week-start",typeof I=="number"?String(I):null),t("outside-click",o&&o!=="navigate"?o:null),t("events-max",typeof E=="number"&&Number.isFinite(E)?String(E):null),t("events-display",a&&a!=="dots"?a:null),t("max-selections",typeof y=="number"&&Number.isFinite(y)?String(y):null),t("size",p&&p!=="md"?p:null),i("bare",K),t("tone",Q||null),t("state",v&&v!=="idle"?v:null),t("show-today",typeof q=="boolean"?q?"true":"false":null),t("aria-label",X||null),i("disabled",J),i("readonly",O),i("hide-today",W),i("headless",U),d&&d.length)try{t("events",JSON.stringify(d))}catch{t("events",null)}else t("events",null);t("variant",b&&b!=="default"?b:null)},[s,c,j,d,b,m,B,H,J,O,P,G,I,o,E,a,y,p,K,Q,v,U,W,q,X]),Z.default.createElement("ui-calendar",{ref:F,...g},$)});w.displayName="Calendar";exports.Calendar=w;exports.default=w;

package/dist/Calendar.esm.js

@@ -0,0 +1,115 @@
+import W, { useRef as $, useImperativeHandle as z, useEffect as I, useLayoutEffect as T } from "react";
+import { w as g, s as k } from "./_internals-f8fb69a8.mjs";
+const D = typeof window < "u" ? T : I, S = W.forwardRef(function({
+  year: f,
+  month: s,
+  value: _,
+  events: n,
+  variant: c,
+  selection: d,
+  min: B,
+  max: H,
+  disabled: J,
+  readOnly: j,
+  locale: q,
+  translations: G,
+  weekStart: R,
+  outsideClick: m,
+  eventsMax: b,
+  eventsDisplay: p,
+  maxSelections: E,
+  size: o,
+  bare: K,
+  tone: O,
+  state: y,
+  headless: P,
+  hideToday: Q,
+  showToday: w,
+  ariaLabel: U,
+  onSelect: v,
+  onChange: A,
+  onCalendarChange: L,
+  onMonthChange: N,
+  onValueChange: a,
+  children: X,
+  ...Y
+}, Z) {
+  const F = $(null);
+  return z(Z, () => F.current), I(() => {
+    g("ui-calendar", "Calendar");
+  }, []), I(() => {
+    const e = F.current;
+    if (!e)
+      return;
+    const t = (l) => {
+      const r = l.detail;
+      r && (v == null || v(r), A == null || A(r), a == null || a(r.value));
+    }, i = (l) => {
+      const r = l.detail;
+      r && (L == null || L(r));
+    }, u = (l) => {
+      const r = l.detail;
+      r && (N == null || N(r));
+    };
+    return e.addEventListener("ui-select", t), e.addEventListener("ui-change", i), e.addEventListener("ui-month-change", u), () => {
+      e.removeEventListener("ui-select", t), e.removeEventListener("ui-change", i), e.removeEventListener("ui-month-change", u);
+    };
+  }, [v, A, L, N, a]), D(() => {
+    const e = F.current;
+    if (!e)
+      return;
+    const t = (u, l) => {
+      const r = e.getAttribute(u);
+      if (l == null) {
+        r != null && e.removeAttribute(u);
+        return;
+      }
+      r !== l && e.setAttribute(u, l);
+    }, i = (u, l) => {
+      l ? e.hasAttribute(u) || e.setAttribute(u, "") : e.hasAttribute(u) && e.removeAttribute(u);
+    };
+    if (typeof f == "number" && Number.isFinite(f) ? t("year", String(f)) : t("year", null), typeof s == "number" && Number.isFinite(s) ? t("month", String(s)) : t("month", null), t("value", _ || null), t("selection", d && d !== "single" ? d : null), t("min", B || null), t("max", H || null), t("locale", q || null), t("translations", k(G)), t("week-start", typeof R == "number" ? String(R) : null), t("outside-click", m && m !== "navigate" ? m : null), t("events-max", typeof b == "number" && Number.isFinite(b) ? String(b) : null), t("events-display", p && p !== "dots" ? p : null), t(
+      "max-selections",
+      typeof E == "number" && Number.isFinite(E) ? String(E) : null
+    ), t("size", o && o !== "md" ? o : null), i("bare", K), t("tone", O || null), t("state", y && y !== "idle" ? y : null), t("show-today", typeof w == "boolean" ? w ? "true" : "false" : null), t("aria-label", U || null), i("disabled", J), i("readonly", j), i("hide-today", Q), i("headless", P), n && n.length)
+      try {
+        t("events", JSON.stringify(n));
+      } catch {
+        t("events", null);
+      }
+    else
+      t("events", null);
+    t("variant", c && c !== "default" ? c : null);
+  }, [
+    f,
+    s,
+    _,
+    n,
+    c,
+    d,
+    B,
+    H,
+    J,
+    j,
+    q,
+    G,
+    R,
+    m,
+    b,
+    p,
+    E,
+    o,
+    K,
+    O,
+    y,
+    P,
+    Q,
+    w,
+    U
+  ]), W.createElement("ui-calendar", { ref: F, ...Y }, X);
+});
+S.displayName = "Calendar";
+export {
+  S as Calendar,
+  S as default
+};

package/dist/Card.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("react"),v=require("./_internals-b9f3e909.js"),g=e=>e&&e.__esModule?e:{default:e},o=g(h),C="editora-ui-react-card-runtime-styles";function y(){if(typeof document>"u"||document.getElementById(C))return;const e=document.createElement("style");e.id=C,e.textContent=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),g=require("./_internals-b9f3e909.js"),y=e=>e&&e.__esModule?e:{default:e},o=y(v),C="editora-ui-react-card-runtime-styles";function _(){if(typeof document>"u"||document.getElementById(C))return;const e=document.createElement("style");e.id=C,e.textContent=`
     ui-card [data-ui-card-header] {
       display: grid;
       gap: var(--ui-card-header-gap, 4px);
@@ -31,4 +31,4 @@
       line-height: var(--ui-card-description-line-height, 20px);
       color: var(--ui-color-muted, #64748b);
     }
-  `,document.head.appendChild(e)}const _=o.default.forwardRef(function({variant:n,size:r,radius:a,tone:d,elevation:s,interactive:l,disabled:f,children:c,...p},m){o.default.useEffect(()=>{v.warnIfElementNotRegistered("ui-card","Card"),y()},[]);const t={ref:m,...p};return n&&(t.variant=n),r&&(t.size=r),a!==void 0&&(t.radius=String(a)),d&&(t.tone=d),s&&(t.elevation=s),l&&(t.interactive=!0),f&&(t.disabled=!0),o.default.createElement("ui-card",t,c)});function i(e,n,r,a){const d=o.default.forwardRef(function({as:l,children:f,style:c,...p},m){const t=l||e,u={ref:m,...p};return r&&(u.slot=r),a&&(u[a]=""),c&&(u.style=c),o.default.createElement(t,u,f)});return d.displayName=n,d}const b=i("div","CardHeader","header","data-ui-card-header"),x=i("div","CardFooter","footer","data-ui-card-footer"),E=i("div","CardInset","inset"),R=i("div","CardMedia","media","data-ui-card-media"),z=i("h3","CardTitle",void 0,"data-ui-card-title"),I=i("p","CardDescription",void 0,"data-ui-card-description"),M=Object.assign(_,{Header:b,Footer:x,Inset:E,Media:R,Title:z,Description:I});exports.Card=M;
+  `,document.head.appendChild(e)}const b=o.default.forwardRef(function({variant:n,size:a,radius:r,tone:d,elevation:s,interactive:l,disabled:f,children:c,...p},m){o.default.useEffect(()=>{g.warnIfElementNotRegistered("ui-card","Card"),_()},[]);const t={ref:m,...p};return n&&(t.variant=n),a&&(t.size=a),r!==void 0&&(t.radius=String(r)),d&&(t.tone=d),s&&(t.elevation=s),l&&(t.interactive=!0),f&&(t.disabled=!0),o.default.createElement("ui-card",t,c)});function i(e,n,a,r){const d=o.default.forwardRef(function({as:l,children:f,style:c,...p},m){const t=l||e,u={ref:m,...p};return a&&(u.slot=a),r&&(u[r]=""),c&&(u.style=c),o.default.createElement(t,u,f)});return d.displayName=n,d}const x=i("div","Card.Header","header","data-ui-card-header"),E=i("div","Card.Footer","footer","data-ui-card-footer"),R=i("div","Card.Inset","inset"),z=i("div","Card.Media","media","data-ui-card-media"),I=i("h3","Card.Title",void 0,"data-ui-card-title"),M=i("p","Card.Description",void 0,"data-ui-card-description"),h=Object.assign(b,{Header:x,Footer:E,Inset:R,Media:z,Title:I,Description:M});exports.Card=h;exports.default=h;

package/dist/Card.esm.js

@@ -54,7 +54,7 @@ function r(i, n, t, a) {
   });
   return d.displayName = n, d;
 }
-const x = r("div", "CardHeader", "header", "data-ui-card-header"), y = r("div", "CardFooter", "footer", "data-ui-card-footer"), b = r("div", "CardInset", "inset"), E = r("div", "CardMedia", "media", "data-ui-card-media"), z = r("h3", "CardTitle", void 0, "data-ui-card-title"), I = r("p", "CardDescription", void 0, "data-ui-card-description"), w = Object.assign(g, {
+const x = r("div", "Card.Header", "header", "data-ui-card-header"), y = r("div", "Card.Footer", "footer", "data-ui-card-footer"), b = r("div", "Card.Inset", "inset"), E = r("div", "Card.Media", "media", "data-ui-card-media"), z = r("h3", "Card.Title", void 0, "data-ui-card-title"), I = r("p", "Card.Description", void 0, "data-ui-card-description"), w = Object.assign(g, {
   Header: x,
   Footer: y,
   Inset: b,
@@ -63,5 +63,6 @@ const x = r("div", "CardHeader", "header", "data-ui-card-header"), y = r("div",
   Description: I
 });
 export {
-  w as Card
+  w as Card,
+  w as default
 };

package/dist/Chart.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),B=require("./_internals-b9f3e909.js"),D=u=>u&&u.__esModule?u:{default:u},i=D(f),L=typeof window<"u"?f.useLayoutEffect:f.useEffect,g=i.default.forwardRef(function({data:t,series:l,values:r,labels:o,type:c,variant:d,title:N,subtitle:H,state:h,disabled:T,interactive:v,showLegend:p,showSummary:y,headless:w,valuePrefix:S,valueSuffix:j,ariaLabel:A,onPointSelect:E,children:M,...q},J){const C=f.useRef(null);return f.useImperativeHandle(J,()=>C.current),f.useEffect(()=>{B.warnIfElementNotRegistered("ui-chart","Chart")},[]),f.useEffect(()=>{const a=C.current;if(!a||!E)return;const e=b=>{const n=b.detail;n&&E(n)};return a.addEventListener("ui-point-select",e),()=>{a.removeEventListener("ui-point-select",e)}},[E]),L(()=>{const a=C.current;if(!a)return;const e=(n,s)=>{const O=a.getAttribute(n);if(s==null){O!=null&&a.removeAttribute(n);return}O!==s&&a.setAttribute(n,s)},b=(n,s)=>{s?e(n,""):e(n,null)};if(t&&t.length)try{e("data",JSON.stringify(t))}catch{e("data",null)}else e("data",null);if(l&&l.length)try{e("series",JSON.stringify(l))}catch{e("series",null)}else e("series",null);r&&r.length?e("values",r.join(",")):e("values",null),o&&o.length?e("labels",o.join(",")):e("labels",null),e("type",c&&c!=="line"?c:null),e("variant",d&&d!=="default"?d:null),e("title",N||null),e("subtitle",H||null),e("state",h&&h!=="idle"?h:null),e("interactive",v===!1?"false":null),e("show-legend",typeof p=="boolean"?p?"true":"false":null),e("show-summary",typeof y=="boolean"?y?"true":"false":null),e("value-prefix",S||null),e("value-suffix",j||null),e("aria-label",A||null),b("disabled",T),b("headless",w)},[t,l,r,o,c,d,N,H,h,T,v,p,y,w,S,j,A]),i.default.createElement("ui-chart",{ref:C,...q},M)});g.displayName="Chart";const R=i.default.forwardRef(function({children:t,...l},r){return i.default.createElement("div",{ref:r,slot:"header",...l},t)});R.displayName="ChartHeader";const m=i.default.forwardRef(function({children:t,...l},r){return i.default.createElement("h3",{ref:r,slot:"title",...l},t)});m.displayName="ChartTitle";const _=i.default.forwardRef(function({children:t,...l},r){return i.default.createElement("p",{ref:r,slot:"subtitle",...l},t)});_.displayName="ChartSubtitle";const I=Object.assign(g,{Root:g,Header:R,Title:m,Subtitle:_});exports.Chart=I;exports.ChartHeader=R;exports.ChartSubtitle=_;exports.ChartTitle=m;exports.default=I;

package/dist/Chart.esm.js

@@ -0,0 +1,115 @@
+import i, { useRef as L, useImperativeHandle as k, useEffect as b, useLayoutEffect as q } from "react";
+import { w as z } from "./_internals-f8fb69a8.mjs";
+const D = typeof window < "u" ? q : b, E = i.forwardRef(function({
+  data: t,
+  series: l,
+  values: r,
+  labels: o,
+  type: a,
+  variant: s,
+  title: R,
+  subtitle: g,
+  state: c,
+  disabled: N,
+  interactive: w,
+  showLegend: C,
+  showSummary: m,
+  headless: H,
+  valuePrefix: A,
+  valueSuffix: T,
+  ariaLabel: j,
+  onPointSelect: y,
+  children: S,
+  ..._
+}, B) {
+  const d = L(null);
+  return k(B, () => d.current), b(() => {
+    z("ui-chart", "Chart");
+  }, []), b(() => {
+    const u = d.current;
+    if (!u || !y)
+      return;
+    const e = (h) => {
+      const n = h.detail;
+      n && y(n);
+    };
+    return u.addEventListener("ui-point-select", e), () => {
+      u.removeEventListener("ui-point-select", e);
+    };
+  }, [y]), D(() => {
+    const u = d.current;
+    if (!u)
+      return;
+    const e = (n, f) => {
+      const v = u.getAttribute(n);
+      if (f == null) {
+        v != null && u.removeAttribute(n);
+        return;
+      }
+      v !== f && u.setAttribute(n, f);
+    }, h = (n, f) => {
+      f ? e(n, "") : e(n, null);
+    };
+    if (t && t.length)
+      try {
+        e("data", JSON.stringify(t));
+      } catch {
+        e("data", null);
+      }
+    else
+      e("data", null);
+    if (l && l.length)
+      try {
+        e("series", JSON.stringify(l));
+      } catch {
+        e("series", null);
+      }
+    else
+      e("series", null);
+    r && r.length ? e("values", r.join(",")) : e("values", null), o && o.length ? e("labels", o.join(",")) : e("labels", null), e("type", a && a !== "line" ? a : null), e("variant", s && s !== "default" ? s : null), e("title", R || null), e("subtitle", g || null), e("state", c && c !== "idle" ? c : null), e("interactive", w === !1 ? "false" : null), e("show-legend", typeof C == "boolean" ? C ? "true" : "false" : null), e("show-summary", typeof m == "boolean" ? m ? "true" : "false" : null), e("value-prefix", A || null), e("value-suffix", T || null), e("aria-label", j || null), h("disabled", N), h("headless", H);
+  }, [
+    t,
+    l,
+    r,
+    o,
+    a,
+    s,
+    R,
+    g,
+    c,
+    N,
+    w,
+    C,
+    m,
+    H,
+    A,
+    T,
+    j
+  ]), i.createElement("ui-chart", { ref: d, ..._ }, S);
+});
+E.displayName = "Chart";
+const I = i.forwardRef(function({ children: t, ...l }, r) {
+  return /* @__PURE__ */ i.createElement("div", { ref: r, slot: "header", ...l }, t);
+});
+I.displayName = "ChartHeader";
+const O = i.forwardRef(function({ children: t, ...l }, r) {
+  return /* @__PURE__ */ i.createElement("h3", { ref: r, slot: "title", ...l }, t);
+});
+O.displayName = "ChartTitle";
+const J = i.forwardRef(function({ children: t, ...l }, r) {
+  return /* @__PURE__ */ i.createElement("p", { ref: r, slot: "subtitle", ...l }, t);
+});
+J.displayName = "ChartSubtitle";
+const K = Object.assign(E, {
+  Root: E,
+  Header: I,
+  Title: O,
+  Subtitle: J
+});
+export {
+  K as Chart,
+  I as ChartHeader,
+  J as ChartSubtitle,
+  O as ChartTitle,
+  K as default
+};

package/dist/Checkbox.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),M=require("./_internals-b9f3e909.js");function P(t){if(t&&t.__esModule)return t;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(i,e,o.get?o:{enumerable:!0,get:()=>t[e]})}}return i.default=t,Object.freeze(i)}const c=P(k);function f(t,i,e){if(e==null){t.removeAttribute(i);return}e?t.setAttribute(i,""):t.removeAttribute(i)}function A(t,i,e,o){const u=e&&e!==o?e:void 0;if(!u){t.removeAttribute(i);return}t.setAttribute(i,u)}const L=c.forwardRef(function({checked:i,disabled:e,indeterminate:o,loading:u,headless:m,invalid:E,density:n,preset:d,onCheckedChange:l,onChange:a,onInput:b,children:O,...j},w){const v=c.useRef(null);c.useImperativeHandle(w,()=>v.current);const R=typeof window<"u"?c.useLayoutEffect:c.useEffect;c.useEffect(()=>{M.warnIfElementNotRegistered("ui-checkbox","Checkbox")},[]),R(()=>{const r=v.current;r&&(f(r,"checked",i),f(r,"disabled",e),f(r,"indeterminate",o),f(r,"loading",u),f(r,"headless",m),f(r,"invalid",E),A(r,"density",n,"default"),A(r,"preset",d,"default"))},[i,e,o,u,m,E,n,d]),c.useEffect(()=>{const r=v.current;if(!r||!l&&!a&&!b)return;const x=p=>{var y;const s=p;b==null||b(s),typeof((y=s.detail)==null?void 0:y.checked)=="boolean"&&(l==null||l(s.detail.checked,s.detail))},_=p=>{const s=p;a==null||a(s)};return r.addEventListener("input",x),r.addEventListener("change",_),()=>{r.removeEventListener("input",x),r.removeEventListener("change",_)}},[l,a,b]);const S={ref:v,...j,checked:i?"":void 0,disabled:e?"":void 0,indeterminate:o?"":void 0,loading:u?"":void 0,headless:m?"":void 0,invalid:E?"":void 0,density:n&&n!=="default"?n:void 0,preset:d&&d!=="default"?d:void 0};return c.createElement("ui-checkbox",S,O)});L.displayName="Checkbox";exports.Checkbox=L;

package/dist/Checkbox.esm.js

@@ -0,0 +1,74 @@
+import * as i from "react";
+import { w as H } from "./_internals-f8fb69a8.mjs";
+function u(o, e, r) {
+  if (r == null) {
+    o.removeAttribute(e);
+    return;
+  }
+  r ? o.setAttribute(e, "") : o.removeAttribute(e);
+}
+function p(o, e, r, s) {
+  const c = r && r !== s ? r : void 0;
+  if (!c) {
+    o.removeAttribute(e);
+    return;
+  }
+  o.setAttribute(e, c);
+}
+const P = i.forwardRef(function({
+  checked: e,
+  disabled: r,
+  indeterminate: s,
+  loading: c,
+  headless: E,
+  invalid: a,
+  density: d,
+  preset: l,
+  onCheckedChange: v,
+  onChange: b,
+  onInput: n,
+  children: R,
+  ...y
+}, k) {
+  const m = i.useRef(null);
+  i.useImperativeHandle(k, () => m.current);
+  const N = typeof window < "u" ? i.useLayoutEffect : i.useEffect;
+  i.useEffect(() => {
+    H("ui-checkbox", "Checkbox");
+  }, []), N(() => {
+    const t = m.current;
+    t && (u(t, "checked", e), u(t, "disabled", r), u(t, "indeterminate", s), u(t, "loading", c), u(t, "headless", E), u(t, "invalid", a), p(t, "density", d, "default"), p(t, "preset", l, "default"));
+  }, [e, r, s, c, E, a, d, l]), i.useEffect(() => {
+    const t = m.current;
+    if (!t || !v && !b && !n)
+      return;
+    const A = (x) => {
+      var w;
+      const f = x;
+      n == null || n(f), typeof ((w = f.detail) == null ? void 0 : w.checked) == "boolean" && (v == null || v(f.detail.checked, f.detail));
+    }, L = (x) => {
+      const f = x;
+      b == null || b(f);
+    };
+    return t.addEventListener("input", A), t.addEventListener("change", L), () => {
+      t.removeEventListener("input", A), t.removeEventListener("change", L);
+    };
+  }, [v, b, n]);
+  const B = {
+    ref: m,
+    ...y,
+    checked: e ? "" : void 0,
+    disabled: r ? "" : void 0,
+    indeterminate: s ? "" : void 0,
+    loading: c ? "" : void 0,
+    headless: E ? "" : void 0,
+    invalid: a ? "" : void 0,
+    density: d && d !== "default" ? d : void 0,
+    preset: l && l !== "default" ? l : void 0
+  };
+  return i.createElement("ui-checkbox", B, R);
+});
+P.displayName = "Checkbox";
+export {
+  P as Checkbox
+};

package/dist/Collapsible.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("react"),V=require("./_internals-b9f3e909.js");function $(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const u=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,u.get?u:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const n=$(B),_=typeof window<"u"?n.useLayoutEffect:n.useEffect;function R(e,t,l){if(l==null){e.removeAttribute(t);return}l?e.setAttribute(t,""):e.removeAttribute(t)}function N(e){return e.detail}const j=n.forwardRef(function({open:t,headless:l,disabled:u,readOnly:A,state:y,size:v,variant:C,tone:E,radius:s,iconPosition:M,closeOnEscape:w,onToggle:a,onChangeOpen:p,onToggleDetail:d,onChangeDetail:b,children:q,...P},k){const m=n.useRef(null);return n.useImperativeHandle(k,()=>m.current),n.useEffect(()=>{V.warnIfElementNotRegistered("ui-collapsible","Collapsible")},[]),_(()=>{const r=m.current;if(r)if(s!=null&&s!==""&&s!=="md"){let i=String(s);typeof s=="string"&&!s.includes("px")&&!s.includes("em")&&!s.includes("rem")?i={none:"0px",sm:"6px",md:"14px",lg:"20px",full:"9999px"}[s]||String(s):typeof s=="number"&&(i=`${s}px`),r.style.setProperty("--ui-collapsible-radius",i)}else r.style.removeProperty("--ui-collapsible-radius")},[s]),_(()=>{const r=m.current;if(!r)return;R(r,"open",t),R(r,"headless",l),R(r,"disabled",u),R(r,"readonly",A);const i=(c,f)=>{const o=r.getAttribute(c);if(f==null){o!=null&&r.removeAttribute(c);return}o!==f&&r.setAttribute(c,f)};i("state",y&&y!=="idle"?y:null),i("size",v&&v!=="md"?v:null),i("variant",C&&C!=="default"?C:null),i("tone",E&&E!=="neutral"?E:null),i("icon-position",M&&M!=="right"?M:null),i("close-on-escape",typeof w=="boolean"?w?"true":"false":null)},[t,l,u,A,y,v,C,E,s,M,w]),n.useEffect(()=>{const r=m.current;if(!r||!a&&!p&&!d&&!b)return;const i=f=>{const o=N(f);o&&(a==null||a(o.open),d==null||d(o))},c=f=>{const o=N(f);o&&(p==null||p(o.open),b==null||b(o))};return r.addEventListener("toggle",i),r.addEventListener("change",c),()=>{r.removeEventListener("toggle",i),r.removeEventListener("change",c)}},[a,p,d,b]),n.createElement("ui-collapsible",{ref:m,...P},q)});j.displayName="Collapsible";const L=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"header"},t)});L.displayName="Collapsible.Header";const S=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"caption"},t)});S.displayName="Collapsible.Caption";const x=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u,slot:"meta"},t)});x.displayName="Collapsible.Meta";const H=n.forwardRef(function({children:t,...l},u){return n.createElement("div",{...l,ref:u},t)});H.displayName="Collapsible.Content";const I=Object.assign(j,{Header:L,Caption:S,Meta:x,Content:H});exports.Collapsible=I;exports.default=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const B=require("react"),V=require("./_internals-b9f3e909.js");function $(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const l in e)if(l!=="default"){const i=Object.getOwnPropertyDescriptor(e,l);Object.defineProperty(t,l,i.get?i:{enumerable:!0,get:()=>e[l]})}}return t.default=e,Object.freeze(t)}const n=$(B),L=typeof window<"u"?n.useLayoutEffect:n.useEffect;function R(e,t,l){if(l==null){e.removeAttribute(t);return}l?e.setAttribute(t,""):e.removeAttribute(t)}function S(e){return e.detail}const x=n.forwardRef(function({open:t,headless:l,disabled:i,readOnly:H,state:C,size:y,variant:v,tone:E,radius:s,iconPosition:M,closeOnEscape:w,onToggle:f,onChangeOpen:p,onToggleDetail:d,onChangeDetail:b,children:q,...P},k){const m=n.useRef(null);return n.useImperativeHandle(k,()=>m.current),n.useEffect(()=>{V.warnIfElementNotRegistered("ui-collapsible","Collapsible")},[]),L(()=>{const r=m.current;if(r)if(s!=null&&s!==""&&s!=="md"){let o=String(s);typeof s=="string"&&!s.includes("px")&&!s.includes("em")&&!s.includes("rem")?o={none:"0px",sm:"6px",md:"14px",lg:"20px",full:"9999px"}[s]||String(s):typeof s=="number"&&(o=`${s}px`),r.style.setProperty("--ui-collapsible-radius",o)}else r.style.removeProperty("--ui-collapsible-radius")},[s]),L(()=>{const r=m.current;if(!r)return;R(r,"open",t),R(r,"headless",l),R(r,"disabled",i),R(r,"readonly",H);const o=(c,a)=>{const u=r.getAttribute(c);if(a==null){u!=null&&r.removeAttribute(c);return}u!==a&&r.setAttribute(c,a)};o("state",C&&C!=="idle"?C:null),o("size",y&&y!=="md"?y:null),o("variant",v&&v!=="default"?v:null),o("tone",E&&E!=="neutral"?E:null),o("icon-position",M&&M!=="right"?M:null),o("close-on-escape",typeof w=="boolean"?w?"true":"false":null)},[t,l,i,H,C,y,v,E,s,M,w]),n.useEffect(()=>{const r=m.current;if(!r||!f&&!p&&!d&&!b)return;const o=a=>{const u=S(a);u&&(f==null||f(u.open),d==null||d(u))},c=a=>{const u=S(a);u&&(p==null||p(u.open),b==null||b(u))};return r.addEventListener("toggle",o),r.addEventListener("change",c),()=>{r.removeEventListener("toggle",o),r.removeEventListener("change",c)}},[f,p,d,b]),n.createElement("ui-collapsible",{ref:m,...P},q)});x.displayName="Collapsible";const A=n.forwardRef(function({children:t,...l},i){return n.createElement("div",{...l,ref:i,slot:"header"},t)});A.displayName="Collapsible.Header";const _=n.forwardRef(function({children:t,...l},i){return n.createElement("div",{...l,ref:i,slot:"caption"},t)});_.displayName="Collapsible.Caption";const N=n.forwardRef(function({children:t,...l},i){return n.createElement("div",{...l,ref:i,slot:"meta"},t)});N.displayName="Collapsible.Meta";const j=n.forwardRef(function({children:t,...l},i){return n.createElement("div",{...l,ref:i},t)});j.displayName="Collapsible.Content";const I=Object.assign(x,{Header:A,Caption:_,Meta:N,Content:j});exports.Collapsible=I;exports.CollapsibleCaption=_;exports.CollapsibleContent=j;exports.CollapsibleHeader=A;exports.CollapsibleMeta=N;exports.default=I;

package/dist/Collapsible.esm.js

@@ -109,5 +109,9 @@ const F = Object.assign(N, {
 });
 export {
   F as Collapsible,
+  I as CollapsibleCaption,
+  j as CollapsibleContent,
+  H as CollapsibleHeader,
+  S as CollapsibleMeta,
   F as default
 };