@editora/ui-react 0.1.8 → 0.1.10

package/dist/InlineEdit.esm.js

@@ -0,0 +1,29 @@
+import L, { useRef as R, useImperativeHandle as _, useEffect as p, useLayoutEffect as H } from "react";
+const N = typeof window < "u" ? H : p, j = L.forwardRef(function({ value: f, placeholder: m, editing: v, multiline: E, disabled: b, readOnly: o, name: A, onChange: l, onValueChange: u, onSave: d, onCancel: n, children: y, ...I }, w) {
+  const c = R(null);
+  return _(w, () => c.current), p(() => {
+    const e = c.current;
+    if (!e)
+      return;
+    const t = (s) => {
+      const a = s.detail;
+      l == null || l(a), u == null || u(a.value);
+    }, i = (s) => d == null ? void 0 : d(s.detail), r = (s) => n == null ? void 0 : n(s.detail.value);
+    return e.addEventListener("change", t), e.addEventListener("save", i), e.addEventListener("cancel", r), () => {
+      e.removeEventListener("change", t), e.removeEventListener("save", i), e.removeEventListener("cancel", r);
+    };
+  }, [l, u, d, n]), N(() => {
+    const e = c.current;
+    if (!e)
+      return;
+    const t = (i, r) => {
+      r == null ? e.removeAttribute(i) : e.setAttribute(i, r);
+    };
+    t("value", f ?? null), t("placeholder", m ?? null), t("name", A ?? null), v ? e.setAttribute("editing", "") : e.removeAttribute("editing"), E ? e.setAttribute("multiline", "") : e.removeAttribute("multiline"), b ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), o ? e.setAttribute("readonly", "") : e.removeAttribute("readonly");
+  }, [f, m, A, v, E, b, o]), L.createElement("ui-inline-edit", { ref: c, ...I }, y);
+});
+j.displayName = "InlineEdit";
+export {
+  j as InlineEdit,
+  j as default
+};

package/dist/Layout.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),F=o=>o&&o.__esModule?o:{default:o},r=F(a),M=typeof window<"u"?a.useLayoutEffect:a.useEffect,v=r.default.forwardRef(function({children:u,mode:t,variant:s,density:i,maxWidth:n,sidebarSide:l,collapsed:m,headless:A,sidebarWidth:c,asideWidth:y,onLayoutChange:d,..._},H){const f=a.useRef(null);return r.default.useImperativeHandle(H,()=>f.current),a.useEffect(()=>{const e=f.current;if(!e)return;const L=()=>d==null?void 0:d();return e.addEventListener("layoutchange",L),()=>e.removeEventListener("layoutchange",L)},[d]),M(()=>{const e=f.current;e&&(t&&t!=="dashboard"?e.setAttribute("mode",t):e.removeAttribute("mode"),s&&s!=="default"?e.setAttribute("variant",s):e.removeAttribute("variant"),i&&i!=="default"?e.setAttribute("density",i):e.removeAttribute("density"),n?e.setAttribute("max-width",n):e.removeAttribute("max-width"),l&&l!=="start"?e.setAttribute("sidebar-side",l):e.removeAttribute("sidebar-side"),m?e.setAttribute("collapsed",""):e.removeAttribute("collapsed"),A?e.setAttribute("headless",""):e.removeAttribute("headless"),c?e.setAttribute("sidebar-width",c):e.removeAttribute("sidebar-width"),y?e.setAttribute("aside-width",y):e.removeAttribute("aside-width"))},[t,s,i,n,l,m,A,c,y]),r.default.createElement("ui-layout",{ref:f,..._},u)});v.displayName="Layout";const p=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"header",...u})});p.displayName="Layout.Header";const w=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"sidebar",...u})});w.displayName="Layout.Sidebar";const E=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"content",...u})});E.displayName="Layout.Content";const R=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"aside",...u})});R.displayName="Layout.Aside";const N=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"footer",...u})});N.displayName="Layout.Footer";const b=Object.assign(v,{Header:p,Sidebar:w,Content:E,Aside:R,Footer:N});b.displayName="Layout";exports.Layout=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),F=o=>o&&o.__esModule?o:{default:o},r=F(a),S=typeof window<"u"?a.useLayoutEffect:a.useEffect,N=r.default.forwardRef(function({children:u,mode:t,variant:s,density:i,maxWidth:n,sidebarSide:d,collapsed:w,headless:E,sidebarWidth:c,asideWidth:y,onLayoutChange:l,..._},H){const f=a.useRef(null);return r.default.useImperativeHandle(H,()=>f.current),a.useEffect(()=>{const e=f.current;if(!e)return;const R=()=>l==null?void 0:l();return e.addEventListener("layoutchange",R),()=>e.removeEventListener("layoutchange",R)},[l]),S(()=>{const e=f.current;e&&(t&&t!=="dashboard"?e.setAttribute("mode",t):e.removeAttribute("mode"),s&&s!=="default"?e.setAttribute("variant",s):e.removeAttribute("variant"),i&&i!=="default"?e.setAttribute("density",i):e.removeAttribute("density"),n?e.setAttribute("max-width",n):e.removeAttribute("max-width"),d&&d!=="start"?e.setAttribute("sidebar-side",d):e.removeAttribute("sidebar-side"),w?e.setAttribute("collapsed",""):e.removeAttribute("collapsed"),E?e.setAttribute("headless",""):e.removeAttribute("headless"),c?e.setAttribute("sidebar-width",c):e.removeAttribute("sidebar-width"),y?e.setAttribute("aside-width",y):e.removeAttribute("aside-width"))},[t,s,i,n,d,w,E,c,y]),r.default.createElement("ui-layout",{ref:f,..._},u)});N.displayName="Layout";const b=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"header",...u})});b.displayName="Layout.Header";const m=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"sidebar",...u})});m.displayName="Layout.Sidebar";const L=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"content",...u})});L.displayName="Layout.Content";const A=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"aside",...u})});A.displayName="Layout.Aside";const v=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"footer",...u})});v.displayName="Layout.Footer";const p=Object.assign(N,{Header:b,Sidebar:m,Content:L,Aside:A,Footer:v});p.displayName="Layout";exports.Layout=p;exports.LayoutAside=A;exports.LayoutContent=L;exports.LayoutFooter=v;exports.LayoutHeader=b;exports.LayoutSidebar=m;exports.default=p;

package/dist/Layout.esm.js

@@ -66,5 +66,10 @@ const _ = Object.assign(L, {
 _.displayName = "Layout";
 export {
   _ as Layout,
+  E as LayoutAside,
+  w as LayoutContent,
+  R as LayoutFooter,
+  v as LayoutHeader,
+  p as LayoutSidebar,
   _ as default
 };

package/dist/Listbox.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),E=r=>r&&r.__esModule?r:{default:r},b=E(t),_=typeof window<"u"?t.useLayoutEffect:t.useEffect,n=b.default.forwardRef(function({children:m,itemSelector:i,directItemSelector:f,itemRole:c,activeAttribute:l,container:o,items:a,onCollectionChange:u,...v},L){const s=t.useRef(null);return t.useImperativeHandle(L,()=>s.current),t.useEffect(()=>{const e=s.current;if(!e)return;const d=()=>u==null?void 0:u();return e.addEventListener("collection-change",d),()=>{e.removeEventListener("collection-change",d)}},[u]),_(()=>{const e=s.current;e&&(i?e.setAttribute("item-selector",i):e.removeAttribute("item-selector"),f?e.setAttribute("direct-item-selector",f):e.removeAttribute("direct-item-selector"),c?e.setAttribute("item-role",c):e.removeAttribute("item-role"),l?e.setAttribute("active-attribute",l):e.removeAttribute("active-attribute"),e.container=o??null,e.items=a??null)},[l,o,f,c,i,a]),b.default.createElement("ui-listbox",{ref:s,...v},m)});n.displayName="Listbox";exports.Listbox=n;exports.default=n;

package/dist/Listbox.esm.js

@@ -0,0 +1,21 @@
+import l, { useRef as v, useImperativeHandle as L, useEffect as a, useLayoutEffect as p } from "react";
+const A = typeof window < "u" ? p : a, E = l.forwardRef(function({ children: b, itemSelector: s, directItemSelector: u, itemRole: i, activeAttribute: f, container: n, items: c, onCollectionChange: t, ...d }, m) {
+  const r = v(null);
+  return L(m, () => r.current), a(() => {
+    const e = r.current;
+    if (!e)
+      return;
+    const o = () => t == null ? void 0 : t();
+    return e.addEventListener("collection-change", o), () => {
+      e.removeEventListener("collection-change", o);
+    };
+  }, [t]), A(() => {
+    const e = r.current;
+    e && (s ? e.setAttribute("item-selector", s) : e.removeAttribute("item-selector"), u ? e.setAttribute("direct-item-selector", u) : e.removeAttribute("direct-item-selector"), i ? e.setAttribute("item-role", i) : e.removeAttribute("item-role"), f ? e.setAttribute("active-attribute", f) : e.removeAttribute("active-attribute"), e.container = n ?? null, e.items = c ?? null);
+  }, [f, n, u, i, s, c]), l.createElement("ui-listbox", { ref: r, ...d }, b);
+});
+E.displayName = "Listbox";
+export {
+  E as Listbox,
+  E as default
+};

package/dist/Marquee.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("react"),j=require("./_internals-b9f3e909.js"),T=e=>e&&e.__esModule?e:{default:e},u=T($),B=typeof window<"u"?u.default.useLayoutEffect:u.default.useEffect;function p(e){return e==null||e===""?null:typeof e=="number"?`${e}px`:/^-?\d+(\.\d+)?$/.test(e)?`${e}px`:e}const R=u.default.forwardRef(function({direction:n,speed:f,gap:c,paused:i,pauseOnHover:d,pauseOnFocus:y,fade:A,fadeSize:_,variant:o,tone:m,size:s,radius:q,elevation:b,padding:E,children:L,...N},S){const g=u.default.useRef(null);return u.default.useImperativeHandle(S,()=>g.current),u.default.useEffect(()=>{j.warnIfElementNotRegistered("ui-marquee","Marquee")},[]),B(()=>{const r=g.current;if(!r)return;const t=(l,a)=>{const I=r.getAttribute(l);if(a==null){I!=null&&r.removeAttribute(l);return}I!==a&&r.setAttribute(l,a)},M=(l,a)=>{a?r.hasAttribute(l)||r.setAttribute(l,""):r.hasAttribute(l)&&r.removeAttribute(l)};t("direction",n&&n!=="left"?n:null),t("speed",f!=null?String(f):null),t("gap",p(c)),M("paused",i),M("pause-on-hover",d),M("pause-on-focus",y),M("fade",A),t("fade-size",p(_)),t("variant",o&&o!=="default"&&o!=="surface"?o:null),t("tone",m&&m!=="brand"?m:null),t("size",s&&s!=="md"&&s!=="2"?s:null),t("radius",q==null||q===""?null:String(q)),t("elevation",b&&b!=="low"?b:null),t("padding",p(E))},[n,f,c,i,d,y,A,_,o,m,s,q,b,E]),u.default.createElement("ui-marquee",{ref:g,...N},L)});R.displayName="Marquee";const w=u.default.forwardRef(function({as:n,children:f,...c},i){const d=n||"div";return u.default.createElement(d,{ref:i,"data-ui-marquee-item":"",...c},f)});w.displayName="Marquee.Item";const h=Object.assign(R,{Item:w});exports.Marquee=h;exports.default=h;

package/dist/Marquee.esm.js

@@ -0,0 +1,72 @@
+import r from "react";
+import { w as _ } from "./_internals-f8fb69a8.mjs";
+const j = typeof window < "u" ? r.useLayoutEffect : r.useEffect;
+function y(t) {
+  return t == null || t === "" ? null : typeof t == "number" ? `${t}px` : /^-?\d+(\.\d+)?$/.test(t) ? `${t}px` : t;
+}
+const R = r.forwardRef(function({
+  direction: f,
+  speed: l,
+  gap: i,
+  paused: a,
+  pauseOnHover: m,
+  pauseOnFocus: M,
+  fade: g,
+  fadeSize: w,
+  variant: o,
+  tone: d,
+  size: s,
+  radius: q,
+  elevation: b,
+  padding: E,
+  children: L,
+  ...N
+}, $) {
+  const A = r.useRef(null);
+  return r.useImperativeHandle($, () => A.current), r.useEffect(() => {
+    _("ui-marquee", "Marquee");
+  }, []), j(() => {
+    const u = A.current;
+    if (!u)
+      return;
+    const e = (n, c) => {
+      const I = u.getAttribute(n);
+      if (c == null) {
+        I != null && u.removeAttribute(n);
+        return;
+      }
+      I !== c && u.setAttribute(n, c);
+    }, p = (n, c) => {
+      c ? u.hasAttribute(n) || u.setAttribute(n, "") : u.hasAttribute(n) && u.removeAttribute(n);
+    };
+    e("direction", f && f !== "left" ? f : null), e("speed", l != null ? String(l) : null), e("gap", y(i)), p("paused", a), p("pause-on-hover", m), p("pause-on-focus", M), p("fade", g), e("fade-size", y(w)), e("variant", o && o !== "default" && o !== "surface" ? o : null), e("tone", d && d !== "brand" ? d : null), e("size", s && s !== "md" && s !== "2" ? s : null), e("radius", q == null || q === "" ? null : String(q)), e("elevation", b && b !== "low" ? b : null), e("padding", y(E));
+  }, [
+    f,
+    l,
+    i,
+    a,
+    m,
+    M,
+    g,
+    w,
+    o,
+    d,
+    s,
+    q,
+    b,
+    E
+  ]), r.createElement("ui-marquee", { ref: A, ...N }, L);
+});
+R.displayName = "Marquee";
+const h = r.forwardRef(function({ as: f, children: l, ...i }, a) {
+  const m = f || "div";
+  return r.createElement(m, { ref: a, "data-ui-marquee-item": "", ...i }, l);
+});
+h.displayName = "Marquee.Item";
+const S = Object.assign(R, {
+  Item: h
+});
+export {
+  S as Marquee,
+  S as default
+};

package/dist/MasonryGrid.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),h=require("./_internals-b9f3e909.js"),G=e=>e&&e.__esModule?e:{default:e},n=G(i);function t(e){if(e!=null){if(typeof e=="object")try{return JSON.stringify(e)}catch{return}return String(e)}}const r=n.default.forwardRef(function(s,o){const{children:a,className:l,columns:d,columnWidth:u,gap:c,columnGap:f,itemGap:m,fill:p,display:y,headless:g,...M}=s;i.useEffect(()=>{h.warnIfElementNotRegistered("ui-masonry-grid","MasonryGrid")},[]);const _={ref:o,className:l,...M,columns:t(d),columnwidth:t(u),gap:t(c),columngap:t(f),itemgap:t(m),fill:t(p),display:t(y),headless:g?"":void 0};return n.default.createElement("ui-masonry-grid",_,a)});r.displayName="MasonryGrid";exports.MasonryGrid=r;exports.default=r;

package/dist/MasonryGrid.esm.js

@@ -0,0 +1,50 @@
+import i, { useEffect as h } from "react";
+import { w as G } from "./_internals-f8fb69a8.mjs";
+function r(e) {
+  if (e != null) {
+    if (typeof e == "object")
+      try {
+        return JSON.stringify(e);
+      } catch {
+        return;
+      }
+    return String(e);
+  }
+}
+const w = i.forwardRef(function(t, n) {
+  const {
+    children: o,
+    className: s,
+    columns: a,
+    columnWidth: d,
+    gap: l,
+    columnGap: c,
+    itemGap: f,
+    fill: m,
+    display: u,
+    headless: p,
+    ...y
+  } = t;
+  h(() => {
+    G("ui-masonry-grid", "MasonryGrid");
+  }, []);
+  const g = {
+    ref: n,
+    className: s,
+    ...y,
+    columns: r(a),
+    columnwidth: r(d),
+    gap: r(l),
+    columngap: r(c),
+    itemgap: r(f),
+    fill: r(m),
+    display: r(u),
+    headless: p ? "" : void 0
+  };
+  return i.createElement("ui-masonry-grid", g, o);
+});
+w.displayName = "MasonryGrid";
+export {
+  w as MasonryGrid,
+  w as default
+};

package/dist/Menu.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Menu-010405cb.js");require("react");exports.Menu=e.Menu;exports.default=e.Menu;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("react"),G=i=>i&&i.__esModule?i:{default:i},t=G(E),l=typeof window<"u"?E.useLayoutEffect:E.useEffect,k=t.default.forwardRef(function({children:s,...r},n){return t.default.createElement("div",{...r,ref:n,slot:"trigger"},s)});k.displayName="Menu.Trigger";const B=t.default.forwardRef(function({children:s,...r},n){return t.default.createElement("div",{...r,ref:n,slot:"content"},s)});B.displayName="Menu.Content";const S=t.default.forwardRef(function({children:s,open:r,placement:n,variant:a,size:o,density:c,radius:f,shape:b,elevation:d,tone:m,closeOnSelect:M,typeahead:p,onOpen:A,onClose:L,onChange:N,onSelect:g,onSelectDetail:y,...P},F){const u=E.useRef(null);return t.default.useImperativeHandle(F,()=>u.current),E.useEffect(()=>{const e=u.current;if(!e)return;const _=()=>A==null?void 0:A(),j=()=>L==null?void 0:L(),H=I=>{var h;const v=(h=I.detail)==null?void 0:h.open;typeof v=="boolean"&&(N==null||N(v))},T=I=>{const v=I.detail||{};y==null||y(v),typeof v.index=="number"&&(g==null||g(v.index))};return e.addEventListener("open",_),e.addEventListener("close",j),e.addEventListener("change",H),e.addEventListener("select",T),()=>{e.removeEventListener("open",_),e.removeEventListener("close",j),e.removeEventListener("change",H),e.removeEventListener("select",T)}},[A,L,N,g,y]),l(()=>{const e=u.current;!e||r==null||(r?e.setAttribute("open",""):e.removeAttribute("open"))},[r]),l(()=>{const e=u.current;e&&(n?e.setAttribute("placement",n):e.removeAttribute("placement"))},[n]),l(()=>{const e=u.current;e&&(a&&a!=="default"&&a!=="surface"?e.setAttribute("variant",a):e.removeAttribute("variant"))},[a]),l(()=>{const e=u.current;e&&(o&&o!=="md"&&o!=="2"?e.setAttribute("size",o):e.removeAttribute("size"))},[o]),l(()=>{const e=u.current;e&&(c&&c!=="default"?e.setAttribute("density",c):e.removeAttribute("density"))},[c]),l(()=>{const e=u.current;if(e){if(f==null||f===""||f==="default"){e.removeAttribute("radius");return}e.setAttribute("radius",String(f))}},[f]),l(()=>{const e=u.current;e&&(b&&b!=="default"?e.setAttribute("shape",b):e.removeAttribute("shape"))},[b]),l(()=>{const e=u.current;e&&(d&&d!=="default"?e.setAttribute("elevation",d):e.removeAttribute("elevation"))},[d]),l(()=>{const e=u.current;e&&(m&&m!=="default"&&m!=="brand"?e.setAttribute("tone",m):e.removeAttribute("tone"))},[m]),l(()=>{const e=u.current;if(e){if(M==null){e.removeAttribute("close-on-select");return}e.setAttribute("close-on-select",M?"true":"false")}},[M]),l(()=>{const e=u.current;if(e){if(p==null){e.removeAttribute("typeahead");return}e.setAttribute("typeahead",p?"true":"false")}},[p]),t.default.createElement("ui-menu",{ref:u,...P},s)});S.displayName="Menu";const R=t.default.forwardRef(function({children:s,icon:r,shortcut:n,caption:a,tone:o,role:c="menuitem",checked:f,className:b,...d},m){const M=["item",b].filter(Boolean).join(" "),p=c==="menuitemcheckbox"||c==="menuitemradio"?t.default.createElement("span",{className:"selection-icon","aria-hidden":"true"}):null;return t.default.createElement("div",{...d,ref:m,role:c,tabIndex:d.tabIndex??-1,className:M,"data-tone":o,"aria-checked":c==="menuitemcheckbox"||c==="menuitemradio"?f?"true":"false":void 0},p,r?t.default.createElement("span",{className:"icon","aria-hidden":"true"},r):null,t.default.createElement("span",{className:"label"},t.default.createElement("span",{className:"text"},s),a?t.default.createElement("span",{className:"caption"},a):null),n?t.default.createElement("span",{className:"shortcut"},n):null)});R.displayName="Menu.Item";const w=t.default.forwardRef(function({className:s,...r},n){const a=["separator",s].filter(Boolean).join(" ");return t.default.createElement("div",{...r,ref:n,role:"separator",className:a})});w.displayName="Menu.Separator";const x=t.default.forwardRef(function({children:s,className:r,...n},a){const o=["section-label",r].filter(Boolean).join(" ");return t.default.createElement("div",{...n,ref:a,className:o},s)});x.displayName="Menu.SectionLabel";const q=Object.assign(S,{Item:R,Separator:w,SectionLabel:x,Trigger:k,Content:B});exports.Menu=q;exports.MenuItem=R;exports.MenuSectionLabel=x;exports.MenuSeparator=w;exports.default=q;

package/dist/Menu.esm.js

@@ -1,6 +1,143 @@
-import { M as r, M as t } from "./Menu-43e67281.mjs";
-import "react";
+import t, { useRef as J, useEffect as j, useLayoutEffect as K } from "react";
+const i = typeof window < "u" ? K : j, T = t.forwardRef(function({ children: a, ...r }, n) {
+  return /* @__PURE__ */ t.createElement("div", { ...r, ref: n, slot: "trigger" }, a);
+});
+T.displayName = "Menu.Trigger";
+const h = t.forwardRef(function({ children: a, ...r }, n) {
+  return /* @__PURE__ */ t.createElement("div", { ...r, ref: n, slot: "content" }, a);
+});
+h.displayName = "Menu.Content";
+const k = t.forwardRef(function({
+  children: a,
+  open: r,
+  placement: n,
+  variant: s,
+  size: l,
+  density: c,
+  radius: o,
+  shape: d,
+  elevation: f,
+  tone: m,
+  closeOnSelect: p,
+  typeahead: E,
+  onOpen: A,
+  onClose: M,
+  onChange: N,
+  onSelect: L,
+  onSelectDetail: g,
+  ...F
+}, G) {
+  const u = J(null);
+  return t.useImperativeHandle(G, () => u.current), j(() => {
+    const e = u.current;
+    if (!e)
+      return;
+    const x = () => A == null ? void 0 : A(), I = () => M == null ? void 0 : M(), R = (y) => {
+      var H;
+      const b = (H = y.detail) == null ? void 0 : H.open;
+      typeof b == "boolean" && (N == null || N(b));
+    }, w = (y) => {
+      const b = y.detail || {};
+      g == null || g(b), typeof b.index == "number" && (L == null || L(b.index));
+    };
+    return e.addEventListener("open", x), e.addEventListener("close", I), e.addEventListener("change", R), e.addEventListener("select", w), () => {
+      e.removeEventListener("open", x), e.removeEventListener("close", I), e.removeEventListener("change", R), e.removeEventListener("select", w);
+    };
+  }, [A, M, N, L, g]), i(() => {
+    const e = u.current;
+    !e || r == null || (r ? e.setAttribute("open", "") : e.removeAttribute("open"));
+  }, [r]), i(() => {
+    const e = u.current;
+    e && (n ? e.setAttribute("placement", n) : e.removeAttribute("placement"));
+  }, [n]), i(() => {
+    const e = u.current;
+    e && (s && s !== "default" && s !== "surface" ? e.setAttribute("variant", s) : e.removeAttribute("variant"));
+  }, [s]), i(() => {
+    const e = u.current;
+    e && (l && l !== "md" && l !== "2" ? e.setAttribute("size", l) : e.removeAttribute("size"));
+  }, [l]), i(() => {
+    const e = u.current;
+    e && (c && c !== "default" ? e.setAttribute("density", c) : e.removeAttribute("density"));
+  }, [c]), i(() => {
+    const e = u.current;
+    if (e) {
+      if (o == null || o === "" || o === "default") {
+        e.removeAttribute("radius");
+        return;
+      }
+      e.setAttribute("radius", String(o));
+    }
+  }, [o]), i(() => {
+    const e = u.current;
+    e && (d && d !== "default" ? e.setAttribute("shape", d) : e.removeAttribute("shape"));
+  }, [d]), i(() => {
+    const e = u.current;
+    e && (f && f !== "default" ? e.setAttribute("elevation", f) : e.removeAttribute("elevation"));
+  }, [f]), i(() => {
+    const e = u.current;
+    e && (m && m !== "default" && m !== "brand" ? e.setAttribute("tone", m) : e.removeAttribute("tone"));
+  }, [m]), i(() => {
+    const e = u.current;
+    if (e) {
+      if (p == null) {
+        e.removeAttribute("close-on-select");
+        return;
+      }
+      e.setAttribute("close-on-select", p ? "true" : "false");
+    }
+  }, [p]), i(() => {
+    const e = u.current;
+    if (e) {
+      if (E == null) {
+        e.removeAttribute("typeahead");
+        return;
+      }
+      e.setAttribute("typeahead", E ? "true" : "false");
+    }
+  }, [E]), t.createElement("ui-menu", { ref: u, ...F }, a);
+});
+k.displayName = "Menu";
+const B = t.forwardRef(function({ children: a, icon: r, shortcut: n, caption: s, tone: l, role: c = "menuitem", checked: o, className: d, ...f }, m) {
+  const p = ["item", d].filter(Boolean).join(" "), E = c === "menuitemcheckbox" || c === "menuitemradio" ? /* @__PURE__ */ t.createElement("span", { className: "selection-icon", "aria-hidden": "true" }) : null;
+  return /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ...f,
+      ref: m,
+      role: c,
+      tabIndex: f.tabIndex ?? -1,
+      className: p,
+      "data-tone": l,
+      "aria-checked": c === "menuitemcheckbox" || c === "menuitemradio" ? o ? "true" : "false" : void 0
+    },
+    E,
+    r ? /* @__PURE__ */ t.createElement("span", { className: "icon", "aria-hidden": "true" }, r) : null,
+    /* @__PURE__ */ t.createElement("span", { className: "label" }, /* @__PURE__ */ t.createElement("span", { className: "text" }, a), s ? /* @__PURE__ */ t.createElement("span", { className: "caption" }, s) : null),
+    n ? /* @__PURE__ */ t.createElement("span", { className: "shortcut" }, n) : null
+  );
+});
+B.displayName = "Menu.Item";
+const _ = t.forwardRef(function({ className: a, ...r }, n) {
+  const s = ["separator", a].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.createElement("div", { ...r, ref: n, role: "separator", className: s });
+});
+_.displayName = "Menu.Separator";
+const q = t.forwardRef(function({ children: a, className: r, ...n }, s) {
+  const l = ["section-label", r].filter(Boolean).join(" ");
+  return /* @__PURE__ */ t.createElement("div", { ...n, ref: s, className: l }, a);
+});
+q.displayName = "Menu.SectionLabel";
+const Q = Object.assign(k, {
+  Item: B,
+  Separator: _,
+  SectionLabel: q,
+  Trigger: T,
+  Content: h
+});
 export {
-  r as Menu,
-  t as default
+  Q as Menu,
+  B as MenuItem,
+  q as MenuSectionLabel,
+  _ as MenuSeparator,
+  Q as default
 };

package/dist/Meter.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),D=u=>u&&u.__esModule?u:{default:u},p=D(r),H=typeof window<"u"?r.useLayoutEffect:r.useEffect,L=p.default.forwardRef(function({value:g,min:y,max:E,low:M,high:_,optimum:a,label:i,showLabel:w,format:c,precision:v,size:f,variant:s,tone:d,shape:o,mode:A,onValueChange:S,children:j,...q},B){const b=r.useRef(null);return p.default.useImperativeHandle(B,()=>b.current),r.useEffect(()=>{const e=b.current;if(!e)return;const t=R=>{const l=R.detail;l&&(S==null||S(l))};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[S]),H(()=>{const e=b.current;if(!e)return;const t=(l,n)=>{const I=e.getAttribute(l);if(n==null){I!=null&&e.removeAttribute(l);return}I!==n&&e.setAttribute(l,n)},R=(l,n)=>{n?e.hasAttribute(l)||e.setAttribute(l,""):e.hasAttribute(l)&&e.removeAttribute(l)};t("value",g!=null?String(g):null),t("min",y!=null?String(y):null),t("max",E!=null?String(E):null),t("low",M!=null?String(M):null),t("high",_!=null?String(_):null),t("optimum",a!=null?String(a):null),t("label",i!=null&&i!==""?i:null),R("show-label",w),t("format",c!=null&&c!=="value"?c:null),t("precision",v!=null?String(v):null),t("size",f&&f!=="md"?f:null),t("variant",s&&s!=="default"?s:null),t("tone",d&&d!=="auto"?d:null),t("shape",o&&o!=="pill"?o:null),t("mode",A&&A!=="line"?A:null)},[g,y,E,M,_,a,i,w,c,v,f,s,d,o,A]),p.default.createElement("ui-meter",{ref:b,...q},j)});L.displayName="Meter";exports.Meter=L;exports.default=L;

package/dist/Meter.esm.js

@@ -0,0 +1,55 @@
+import M, { useRef as N, useEffect as I, useLayoutEffect as j } from "react";
+const k = typeof window < "u" ? j : I, q = M.forwardRef(function({
+  value: S,
+  min: y,
+  max: E,
+  low: b,
+  high: g,
+  optimum: v,
+  label: n,
+  showLabel: R,
+  format: r,
+  precision: p,
+  size: i,
+  variant: c,
+  tone: f,
+  shape: s,
+  mode: d,
+  onValueChange: o,
+  children: _,
+  ...B
+}, H) {
+  const A = N(null);
+  return M.useImperativeHandle(H, () => A.current), I(() => {
+    const l = A.current;
+    if (!l)
+      return;
+    const t = (L) => {
+      const e = L.detail;
+      e && (o == null || o(e));
+    };
+    return l.addEventListener("change", t), () => {
+      l.removeEventListener("change", t);
+    };
+  }, [o]), k(() => {
+    const l = A.current;
+    if (!l)
+      return;
+    const t = (e, u) => {
+      const w = l.getAttribute(e);
+      if (u == null) {
+        w != null && l.removeAttribute(e);
+        return;
+      }
+      w !== u && l.setAttribute(e, u);
+    }, L = (e, u) => {
+      u ? l.hasAttribute(e) || l.setAttribute(e, "") : l.hasAttribute(e) && l.removeAttribute(e);
+    };
+    t("value", S != null ? String(S) : null), t("min", y != null ? String(y) : null), t("max", E != null ? String(E) : null), t("low", b != null ? String(b) : null), t("high", g != null ? String(g) : null), t("optimum", v != null ? String(v) : null), t("label", n != null && n !== "" ? n : null), L("show-label", R), t("format", r != null && r !== "value" ? r : null), t("precision", p != null ? String(p) : null), t("size", i && i !== "md" ? i : null), t("variant", c && c !== "default" ? c : null), t("tone", f && f !== "auto" ? f : null), t("shape", s && s !== "pill" ? s : null), t("mode", d && d !== "line" ? d : null);
+  }, [S, y, E, b, g, v, n, R, r, p, i, c, f, s, d]), M.createElement("ui-meter", { ref: A, ...B }, _);
+});
+q.displayName = "Meter";
+export {
+  q as Meter,
+  q as default
+};

package/dist/MultiSelect.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),T=n=>n&&n.__esModule?n:{default:n},F=T(r),U=typeof window<"u"?r.useLayoutEffect:r.useEffect,w=F.default.forwardRef(function({options:g,value:f,placeholder:N,label:J,description:L,error:O,name:R,required:j,disabled:q,readOnly:D,loading:H,loadingText:I,clearable:P,maxSelections:E,renderLimit:M,selectionIndicator:k,optionBorder:v,variant:s,tone:d,density:o,shape:b,radius:_,optionRadius:p,elevation:m,size:c,onChange:S,onValueChange:y,children:G,...K},Q){const A=r.useRef(null);return r.useImperativeHandle(Q,()=>A.current),r.useEffect(()=>{const l=A.current;if(!l)return;const t=u=>{const e=u.detail;e&&(S==null||S(e),y==null||y(e.value))};return l.addEventListener("change",t),()=>{l.removeEventListener("change",t)}},[S,y]),U(()=>{const l=A.current;if(!l)return;const t=(e,i)=>{const B=l.getAttribute(e);if(i==null){B!=null&&l.removeAttribute(e);return}B!==i&&l.setAttribute(e,i)},u=(e,i)=>{i?l.hasAttribute(e)||l.setAttribute(e,""):l.hasAttribute(e)&&l.removeAttribute(e)};t("options",JSON.stringify(g||[])),t("value",f!=null&&f.length?JSON.stringify(f):null),t("placeholder",N??null),t("label",J??null),t("description",L??null),t("data-error",O??null),t("name",R??null),t("max-selections",typeof E=="number"?String(E):null),t("render-limit",typeof M=="number"?String(M):null),t("loading-text",I??null),t("selection-indicator",k??null),u("option-border",v),t("variant",s&&s!=="default"?s:null),t("tone",d&&d!=="default"?d:null),t("density",o&&o!=="default"?o:null),t("shape",b&&b!=="default"?b:null),t("radius",_!=null?String(_):null),t("option-radius",p!=null?String(p):null),t("elevation",m&&m!=="low"?m:null),t("size",c&&c!=="md"&&c!=="2"?c:null),u("required",j),u("disabled",q),u("readonly",D),u("loading",H),u("clearable",P)},[g,f,N,J,L,O,R,j,q,D,H,I,P,E,M,k,v,s,d,o,b,_,p,m,c]),F.default.createElement("ui-multi-select",{ref:A,...K},G)});w.displayName="MultiSelect";exports.MultiSelect=w;exports.default=w;

package/dist/MultiSelect.esm.js

@@ -0,0 +1,92 @@
+import D, { useRef as Q, useImperativeHandle as U, useEffect as F, useLayoutEffect as W } from "react";
+const X = typeof window < "u" ? W : F, Y = D.forwardRef(function({
+  options: w,
+  value: r,
+  placeholder: M,
+  label: N,
+  description: J,
+  error: L,
+  name: _,
+  required: g,
+  disabled: H,
+  readOnly: I,
+  loading: O,
+  loadingText: R,
+  clearable: j,
+  maxSelections: A,
+  renderLimit: S,
+  selectionIndicator: k,
+  optionBorder: q,
+  variant: c,
+  tone: i,
+  density: s,
+  shape: d,
+  radius: E,
+  optionRadius: p,
+  elevation: o,
+  size: n,
+  onChange: m,
+  onValueChange: b,
+  children: G,
+  ...K
+}, P) {
+  const y = Q(null);
+  return U(P, () => y.current), F(() => {
+    const l = y.current;
+    if (!l)
+      return;
+    const t = (e) => {
+      const u = e.detail;
+      u && (m == null || m(u), b == null || b(u.value));
+    };
+    return l.addEventListener("change", t), () => {
+      l.removeEventListener("change", t);
+    };
+  }, [m, b]), X(() => {
+    const l = y.current;
+    if (!l)
+      return;
+    const t = (u, f) => {
+      const B = l.getAttribute(u);
+      if (f == null) {
+        B != null && l.removeAttribute(u);
+        return;
+      }
+      B !== f && l.setAttribute(u, f);
+    }, e = (u, f) => {
+      f ? l.hasAttribute(u) || l.setAttribute(u, "") : l.hasAttribute(u) && l.removeAttribute(u);
+    };
+    t("options", JSON.stringify(w || [])), t("value", r != null && r.length ? JSON.stringify(r) : null), t("placeholder", M ?? null), t("label", N ?? null), t("description", J ?? null), t("data-error", L ?? null), t("name", _ ?? null), t("max-selections", typeof A == "number" ? String(A) : null), t("render-limit", typeof S == "number" ? String(S) : null), t("loading-text", R ?? null), t("selection-indicator", k ?? null), e("option-border", q), t("variant", c && c !== "default" ? c : null), t("tone", i && i !== "default" ? i : null), t("density", s && s !== "default" ? s : null), t("shape", d && d !== "default" ? d : null), t("radius", E != null ? String(E) : null), t("option-radius", p != null ? String(p) : null), t("elevation", o && o !== "low" ? o : null), t("size", n && n !== "md" && n !== "2" ? n : null), e("required", g), e("disabled", H), e("readonly", I), e("loading", O), e("clearable", j);
+  }, [
+    w,
+    r,
+    M,
+    N,
+    J,
+    L,
+    _,
+    g,
+    H,
+    I,
+    O,
+    R,
+    j,
+    A,
+    S,
+    k,
+    q,
+    c,
+    i,
+    s,
+    d,
+    E,
+    p,
+    o,
+    n
+  ]), D.createElement("ui-multi-select", { ref: y, ...K }, G);
+});
+Y.displayName = "MultiSelect";
+export {
+  Y as MultiSelect,
+  Y as default
+};

package/dist/NavigationMenu.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),H=n=>n&&n.__esModule?n:{default:n},i=H(r),z=typeof window<"u"?r.useLayoutEffect:r.useEffect,g=i.default.createContext(null);function M(n){const{selected:a,orientation:t,activation:u,variant:f,size:s,radius:o,elevation:l,tone:c,loop:b,collapsible:A,headless:y,onChange:d,onSelect:v,children:x,...S}=n,m=r.useRef(null);return r.useEffect(()=>{const e=m.current;if(!e)return;const E=_=>{const p=_.detail;p&&(d==null||d(p),v==null||v(p.selected))};return e.addEventListener("change",E),()=>e.removeEventListener("change",E)},[d,v]),z(()=>{const e=m.current;e&&(typeof a=="number"?e.setAttribute("selected",String(a)):e.removeAttribute("selected"),t?e.setAttribute("orientation",t):e.removeAttribute("orientation"),u?e.setAttribute("activation",u):e.removeAttribute("activation"),f&&f!=="surface"?e.setAttribute("variant",f):e.removeAttribute("variant"),s&&s!=="md"&&s!=="2"?e.setAttribute("size",s):e.removeAttribute("size"),o==null||o===""||o==="default"?e.removeAttribute("radius"):e.setAttribute("radius",String(o)),l&&l!=="low"?e.setAttribute("elevation",l):e.removeAttribute("elevation"),c&&c!=="default"?e.setAttribute("tone",c):e.removeAttribute("tone"),typeof b=="boolean"?e.setAttribute("loop",String(b)):e.removeAttribute("loop"),A?e.setAttribute("collapsible",""):e.removeAttribute("collapsible"),y?e.setAttribute("headless",""):e.removeAttribute("headless"))},[a,t,u,f,s,o,l,c,b,A,y]),i.default.createElement("ui-navigation-menu",{ref:m,...S},x)}function N({children:n}){return i.default.createElement(i.default.Fragment,null,n)}function h({children:n}){const a=r.useRef(`ui-nav-item-${Math.random().toString(36).slice(2,10)}`),[t,u]=r.useState(!1);return i.default.createElement(g.Provider,{value:{itemKey:a.current,hasContent:t,setHasContent:u}},n)}function L({children:n,...a}){const t=i.default.useContext(g),u=r.useRef(null),[f,s]=r.useState(!1);return r.useEffect(()=>{const o=u.current;if(!o)return;const l=()=>{s(o.getAttribute("aria-expanded")==="true")};l();const c=new MutationObserver(l);return c.observe(o,{attributes:!0,attributeFilter:["aria-expanded"]}),()=>c.disconnect()},[]),i.default.createElement("button",{type:"button",ref:u,slot:"item","data-nav-key":(t==null?void 0:t.itemKey)??void 0,...a},n,t!=null&&t.hasContent?i.default.createElement("span",{"aria-hidden":"true",style:{marginLeft:6,display:"inline-flex",alignItems:"center",lineHeight:1}},i.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",transform:f?"rotate(180deg)":"rotate(0deg)",transition:"transform 180ms cubic-bezier(0.2, 0.9, 0.24, 1)"}},i.default.createElement("path",{d:"M3 4.75L6 7.25L9 4.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):null)}function w({children:n,...a}){const t=i.default.useContext(g);return i.default.createElement("a",{slot:"item","data-nav-key":(t==null?void 0:t.itemKey)??void 0,...a},n)}function k({children:n,...a}){const t=i.default.useContext(g);return r.useEffect(()=>{if(t)return t.setHasContent(!0),()=>t.setHasContent(!1)},[t]),i.default.createElement("section",{slot:"panel","data-nav-panel-for":(t==null?void 0:t.itemKey)??void 0,...a},n)}function C(){return null}function I(){return null}const R=Object.assign(M,{Root:M,List:N,Item:h,Trigger:L,Link:w,Content:k,Indicator:C,Viewport:I});exports.NavigationMenu=R;exports.NavigationMenuContent=k;exports.NavigationMenuIndicator=C;exports.NavigationMenuItem=h;exports.NavigationMenuLink=w;exports.NavigationMenuList=N;exports.NavigationMenuRoot=M;exports.NavigationMenuTrigger=L;exports.NavigationMenuViewport=I;exports.default=R;