@editora/ui-react 0.1.8 → 0.1.11

package/dist/Menu.esm.js

@@ -1,6 +1,144 @@
-import { M as r, M as t } from "./Menu-43e67281.mjs";
-import "react";
+'use client';
+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/Menubar.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react"),x=u=>u&&u.__esModule?u:{default:u},d=x(c),B=typeof window<"u"?c.useLayoutEffect:c.useEffect,q=d.default.forwardRef(function({selected:s,open:i,loop:l,headless:p,orientation:m,placement:R,variant:f,size:n,density:A,radius:a,shape:v,elevation:E,tone:o,closeOnSelect:H,typeahead:g,onChange:M,onOpen:r,onClose:L,onSelect:y,children:T,...h},k){const _=c.useRef(null);return d.default.useImperativeHandle(k,()=>_.current),c.useEffect(()=>{const e=_.current;if(!e)return;const w=b=>{const t=b.detail;t&&(M==null||M(t))},j=b=>{const t=b.detail;typeof(t==null?void 0:t.selected)=="number"?r==null||r(t.selected):r==null||r(-1)},I=()=>L==null?void 0:L(),N=b=>{const t=b.detail;t&&(y==null||y(t))};return e.addEventListener("change",w),e.addEventListener("open",j),e.addEventListener("close",I),e.addEventListener("select",N),()=>{e.removeEventListener("change",w),e.removeEventListener("open",j),e.removeEventListener("close",I),e.removeEventListener("select",N)}},[M,r,L,y]),B(()=>{const e=_.current;e&&(typeof s=="number"?e.setAttribute("selected",String(s)):e.removeAttribute("selected"),typeof i=="boolean"&&i?e.setAttribute("open",""):e.removeAttribute("open"),typeof l=="boolean"?e.setAttribute("loop",String(l)):e.removeAttribute("loop"),p?e.setAttribute("headless",""):e.removeAttribute("headless"),m&&m!=="horizontal"?e.setAttribute("orientation",m):e.removeAttribute("orientation"),R?e.setAttribute("placement",R):e.removeAttribute("placement"),f&&f!=="default"&&f!=="surface"?e.setAttribute("variant",f):e.removeAttribute("variant"),n&&n!=="md"&&n!=="2"?e.setAttribute("size",n):e.removeAttribute("size"),A&&A!=="default"?e.setAttribute("density",A):e.removeAttribute("density"),a==null||a===""||a==="default"?e.removeAttribute("radius"):e.setAttribute("radius",String(a)),v&&v!=="default"?e.setAttribute("shape",v):e.removeAttribute("shape"),E&&E!=="default"?e.setAttribute("elevation",E):e.removeAttribute("elevation"),o&&o!=="default"&&o!=="brand"?e.setAttribute("tone",o):e.removeAttribute("tone"),H==null?e.removeAttribute("close-on-select"):e.setAttribute("close-on-select",H?"true":"false"),g==null?e.removeAttribute("typeahead"):e.setAttribute("typeahead",g?"true":"false"))},[s,i,l,p,m,R,f,n,A,a,v,E,o,H,g]),d.default.createElement("ui-menubar",{ref:_,...h},T)});q.displayName="Menubar";const D=d.default.forwardRef(function({children:s,...i},l){return d.default.createElement("div",{...i,ref:l,slot:"content"},s)});D.displayName="Menubar.Content";const P=Object.assign(q,{Content:D});exports.Menubar=P;exports.default=P;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react"),e=require("./_internals-5a21394b.js"),T=l=>l&&l.__esModule?l:{default:l},r=T(P),N=r.default.forwardRef(function({selected:s,open:a,loop:i,headless:H,orientation:y,placement:k,variant:c,size:b,density:o,radius:f,shape:g,elevation:A,tone:d,closeOnSelect:E,typeahead:_,onChange:m,onOpen:n,onClose:M,onSelect:S,children:B,...F},L){const R=e.useForwardedHostRef(L),D=r.default.useCallback(t=>{const u=e.getCustomEventDetail(t);u&&(m==null||m(u))},[m]),v=r.default.useCallback(t=>{const u=e.getCustomEventDetail(t);typeof(u==null?void 0:u.selected)=="number"?n==null||n(u.selected):n==null||n(-1)},[n]),w=r.default.useCallback(()=>{M==null||M()},[M]),C=r.default.useCallback(t=>{const u=e.getCustomEventDetail(t);u&&(S==null||S(u))},[S]);return e.useElementEventListeners(R,[{type:"change",listener:D},{type:"open",listener:v},{type:"close",listener:w},{type:"select",listener:C}],[D,v,w,C]),e.useElementAttributes(R,t=>{e.syncNumberAttribute(t,"selected",typeof s=="number"?s:void 0),typeof a=="boolean"?e.syncBooleanAttribute(t,"open",a):e.syncStringAttribute(t,"open",null),e.syncStringAttribute(t,"loop",typeof i=="boolean"?String(i):null),e.syncBooleanAttribute(t,"headless",H),e.syncStringAttribute(t,"orientation",y&&y!=="horizontal"?y:null),e.syncStringAttribute(t,"placement",k??null),e.syncStringAttribute(t,"variant",c&&c!=="default"&&c!=="surface"?c:null),e.syncStringAttribute(t,"size",b&&b!=="md"&&b!=="2"?b:null),e.syncStringAttribute(t,"density",o&&o!=="default"?o:null),e.syncStringAttribute(t,"radius",f==null||f===""||f==="default"?null:String(f)),e.syncStringAttribute(t,"shape",g&&g!=="default"?g:null),e.syncStringAttribute(t,"elevation",A&&A!=="default"?A:null),e.syncStringAttribute(t,"tone",d&&d!=="default"&&d!=="brand"?d:null),e.syncStringAttribute(t,"close-on-select",E==null?null:E?"true":"false"),e.syncStringAttribute(t,"typeahead",_==null?null:_?"true":"false")},[s,a,i,H,y,k,c,b,o,f,g,A,d,E,_]),r.default.createElement("ui-menubar",{ref:R,...F},B)});N.displayName="Menubar";const j=r.default.forwardRef(function({children:s,...a},i){return r.default.createElement("div",{...a,ref:i,slot:"content"},s)});j.displayName="Menubar.Content";const q=Object.assign(N,{Content:j});exports.Menubar=q;exports.default=q;

package/dist/Menubar.esm.js

@@ -1,75 +1,79 @@
-import a, { useRef as D, useEffect as _, useLayoutEffect as F } from "react";
-const G = typeof window < "u" ? F : _, j = a.forwardRef(function({
-  selected: u,
-  open: i,
-  loop: s,
-  headless: p,
-  orientation: d,
-  placement: M,
+'use client';
+import e from "react";
+import { c as I, g, u as J, a as K, d as P, b as B, s as u } from "./_internals-d86cc997.mjs";
+const C = e.forwardRef(function({
+  selected: a,
+  open: s,
+  loop: n,
+  headless: w,
+  orientation: m,
+  placement: N,
   variant: f,
-  size: l,
-  density: c,
-  radius: n,
-  shape: m,
-  elevation: A,
-  tone: b,
-  closeOnSelect: H,
-  typeahead: R,
-  onChange: v,
+  size: c,
+  density: i,
+  radius: b,
+  shape: o,
+  elevation: y,
+  tone: d,
+  closeOnSelect: R,
+  typeahead: k,
+  onChange: M,
   onOpen: r,
   onClose: E,
-  onSelect: L,
-  children: k,
+  onSelect: H,
+  children: L,
   ...q
-}, B) {
-  const y = D(null);
-  return a.useImperativeHandle(B, () => y.current), _(() => {
-    const e = y.current;
-    if (!e)
-      return;
-    const w = (o) => {
-      const t = o.detail;
-      t && (v == null || v(t));
-    }, g = (o) => {
-      const t = o.detail;
-      typeof (t == null ? void 0 : t.selected) == "number" ? r == null || r(t.selected) : r == null || r(-1);
-    }, I = () => E == null ? void 0 : E(), N = (o) => {
-      const t = o.detail;
-      t && (L == null || L(t));
-    };
-    return e.addEventListener("change", w), e.addEventListener("open", g), e.addEventListener("close", I), e.addEventListener("select", N), () => {
-      e.removeEventListener("change", w), e.removeEventListener("open", g), e.removeEventListener("close", I), e.removeEventListener("select", N);
-    };
-  }, [v, r, E, L]), G(() => {
-    const e = y.current;
-    e && (typeof u == "number" ? e.setAttribute("selected", String(u)) : e.removeAttribute("selected"), typeof i == "boolean" && i ? e.setAttribute("open", "") : e.removeAttribute("open"), typeof s == "boolean" ? e.setAttribute("loop", String(s)) : e.removeAttribute("loop"), p ? e.setAttribute("headless", "") : e.removeAttribute("headless"), d && d !== "horizontal" ? e.setAttribute("orientation", d) : e.removeAttribute("orientation"), M ? e.setAttribute("placement", M) : e.removeAttribute("placement"), f && f !== "default" && f !== "surface" ? e.setAttribute("variant", f) : e.removeAttribute("variant"), l && l !== "md" && l !== "2" ? e.setAttribute("size", l) : e.removeAttribute("size"), c && c !== "default" ? e.setAttribute("density", c) : e.removeAttribute("density"), n == null || n === "" || n === "default" ? e.removeAttribute("radius") : e.setAttribute("radius", String(n)), m && m !== "default" ? e.setAttribute("shape", m) : e.removeAttribute("shape"), A && A !== "default" ? e.setAttribute("elevation", A) : e.removeAttribute("elevation"), b && b !== "default" && b !== "brand" ? e.setAttribute("tone", b) : e.removeAttribute("tone"), H == null ? e.removeAttribute("close-on-select") : e.setAttribute("close-on-select", H ? "true" : "false"), R == null ? e.removeAttribute("typeahead") : e.setAttribute("typeahead", R ? "true" : "false"));
+}, G) {
+  const A = I(G), _ = e.useCallback((t) => {
+    const l = g(t);
+    l && (M == null || M(l));
+  }, [M]), j = e.useCallback((t) => {
+    const l = g(t);
+    typeof (l == null ? void 0 : l.selected) == "number" ? r == null || r(l.selected) : r == null || r(-1);
+  }, [r]), p = e.useCallback(() => {
+    E == null || E();
+  }, [E]), x = e.useCallback((t) => {
+    const l = g(t);
+    l && (H == null || H(l));
+  }, [H]);
+  return J(
+    A,
+    [
+      { type: "change", listener: _ },
+      { type: "open", listener: j },
+      { type: "close", listener: p },
+      { type: "select", listener: x }
+    ],
+    [_, j, p, x]
+  ), K(A, (t) => {
+    P(t, "selected", typeof a == "number" ? a : void 0), typeof s == "boolean" ? B(t, "open", s) : u(t, "open", null), u(t, "loop", typeof n == "boolean" ? String(n) : null), B(t, "headless", w), u(t, "orientation", m && m !== "horizontal" ? m : null), u(t, "placement", N ?? null), u(t, "variant", f && f !== "default" && f !== "surface" ? f : null), u(t, "size", c && c !== "md" && c !== "2" ? c : null), u(t, "density", i && i !== "default" ? i : null), u(t, "radius", b == null || b === "" || b === "default" ? null : String(b)), u(t, "shape", o && o !== "default" ? o : null), u(t, "elevation", y && y !== "default" ? y : null), u(t, "tone", d && d !== "default" && d !== "brand" ? d : null), u(t, "close-on-select", R == null ? null : R ? "true" : "false"), u(t, "typeahead", k == null ? null : k ? "true" : "false");
   }, [
-    u,
-    i,
+    a,
     s,
-    p,
-    d,
-    M,
-    f,
-    l,
-    c,
     n,
+    w,
     m,
-    A,
+    N,
+    f,
+    c,
+    i,
     b,
-    H,
-    R
-  ]), a.createElement("ui-menubar", { ref: y, ...q }, k);
+    o,
+    y,
+    d,
+    R,
+    k
+  ]), e.createElement("ui-menubar", { ref: A, ...q }, L);
 });
-j.displayName = "Menubar";
-const x = a.forwardRef(function({ children: u, ...i }, s) {
-  return /* @__PURE__ */ a.createElement("div", { ...i, ref: s, slot: "content" }, u);
+C.displayName = "Menubar";
+const D = e.forwardRef(function({ children: a, ...s }, n) {
+  return /* @__PURE__ */ e.createElement("div", { ...s, ref: n, slot: "content" }, a);
 });
-x.displayName = "Menubar.Content";
-const K = Object.assign(j, {
-  Content: x
+D.displayName = "Menubar.Content";
+const U = Object.assign(C, {
+  Content: D
 });
 export {
-  K as Menubar,
-  K as default
+  U as Menubar,
+  U as default
 };

package/dist/Meter.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("react"),t=require("./_internals-5a21394b.js"),j=u=>u&&u.__esModule?u:{default:u},M=j(N),E=M.default.forwardRef(function({value:y,min:g,max:d,low:A,high:f,optimum:o,label:r,showLabel:R,format:e,precision:_,size:l,variant:i,tone:s,shape:c,mode:S,onValueChange:b,children:p,...q},D){const a=t.useForwardedHostRef(D),v=M.default.useCallback(n=>{const m=t.getCustomEventDetail(n);m&&(b==null||b(m))},[b]);return t.useElementEventListeners(a,[{type:"change",listener:v}],[v]),t.useElementAttributes(a,n=>{t.syncStringAttribute(n,"value",y!=null?String(y):null),t.syncStringAttribute(n,"min",g!=null?String(g):null),t.syncStringAttribute(n,"max",d!=null?String(d):null),t.syncStringAttribute(n,"low",A!=null?String(A):null),t.syncStringAttribute(n,"high",f!=null?String(f):null),t.syncStringAttribute(n,"optimum",o!=null?String(o):null),t.syncStringAttribute(n,"label",r!=null&&r!==""?r:null),t.syncBooleanAttribute(n,"show-label",R),t.syncStringAttribute(n,"format",e!=null&&e!=="value"?e:null),t.syncNumberAttribute(n,"precision",typeof _=="number"?_:void 0),t.syncStringAttribute(n,"size",l&&l!=="md"?l:null),t.syncStringAttribute(n,"variant",i&&i!=="default"?i:null),t.syncStringAttribute(n,"tone",s&&s!=="auto"?s:null),t.syncStringAttribute(n,"shape",c&&c!=="pill"?c:null),t.syncStringAttribute(n,"mode",S&&S!=="line"?S:null)},[y,g,d,A,f,o,r,R,e,_,l,i,s,c,S]),M.default.createElement("ui-meter",{ref:a,...q},p)});E.displayName="Meter";exports.Meter=E;exports.default=E;

package/dist/Meter.esm.js

@@ -0,0 +1,36 @@
+'use client';
+import E from "react";
+import { c as k, g as v, u as w, a as B, s as l, b as D, d as F } from "./_internals-d86cc997.mjs";
+const H = E.forwardRef(function({
+  value: f,
+  min: S,
+  max: a,
+  low: b,
+  high: y,
+  optimum: g,
+  label: n,
+  showLabel: A,
+  format: u,
+  precision: m,
+  size: r,
+  variant: s,
+  tone: e,
+  shape: i,
+  mode: c,
+  onValueChange: d,
+  children: R,
+  ...N
+}, _) {
+  const o = k(_), p = E.useCallback((t) => {
+    const M = v(t);
+    M && (d == null || d(M));
+  }, [d]);
+  return w(o, [{ type: "change", listener: p }], [p]), B(o, (t) => {
+    l(t, "value", f != null ? String(f) : null), l(t, "min", S != null ? String(S) : null), l(t, "max", a != null ? String(a) : null), l(t, "low", b != null ? String(b) : null), l(t, "high", y != null ? String(y) : null), l(t, "optimum", g != null ? String(g) : null), l(t, "label", n != null && n !== "" ? n : null), D(t, "show-label", A), l(t, "format", u != null && u !== "value" ? u : null), F(t, "precision", typeof m == "number" ? m : void 0), l(t, "size", r && r !== "md" ? r : null), l(t, "variant", s && s !== "default" ? s : null), l(t, "tone", e && e !== "auto" ? e : null), l(t, "shape", i && i !== "pill" ? i : null), l(t, "mode", c && c !== "line" ? c : null);
+  }, [f, S, a, b, y, g, n, A, u, m, r, s, e, i, c]), E.createElement("ui-meter", { ref: o, ...N }, R);
+});
+H.displayName = "Meter";
+export {
+  H as Meter,
+  H as default
+};

package/dist/MultiSelect.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"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,93 @@
+'use client';
+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,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),K=n=>n&&n.__esModule?n:{default:n},i=K(u),S=typeof window<"u"?u.useLayoutEffect:u.useEffect,m=i.default.createContext(null);function M(n){const{selected:r,orientation:t,activation:s,variant:a,size:o,radius:l,elevation:c,tone:d,loop:f,collapsible:y,headless:N,onChange:v,onSelect:g,children:C,..._}=n,b=u.useRef(null);return u.useEffect(()=>{const e=b.current;if(!e)return;const E=z=>{const p=z.detail;p&&(v==null||v(p),g==null||g(p.selected))};return e.addEventListener("change",E),()=>e.removeEventListener("change",E)},[v,g]),S(()=>{const e=b.current;e&&(typeof r=="number"?e.setAttribute("selected",String(r)):e.removeAttribute("selected"),t?e.setAttribute("orientation",t):e.removeAttribute("orientation"),s?e.setAttribute("activation",s):e.removeAttribute("activation"),a&&a!=="surface"?e.setAttribute("variant",a):e.removeAttribute("variant"),o&&o!=="md"&&o!=="2"?e.setAttribute("size",o):e.removeAttribute("size"),l==null||l===""||l==="default"?e.removeAttribute("radius"):e.setAttribute("radius",String(l)),c&&c!=="low"?e.setAttribute("elevation",c):e.removeAttribute("elevation"),d&&d!=="default"?e.setAttribute("tone",d):e.removeAttribute("tone"),typeof f=="boolean"?e.setAttribute("loop",String(f)):e.removeAttribute("loop"),y?e.setAttribute("collapsible",""):e.removeAttribute("collapsible"),N?e.setAttribute("headless",""):e.removeAttribute("headless"))},[r,t,s,a,o,l,c,d,f,y,N]),i.default.createElement("ui-navigation-menu",{ref:b,..._},C)}function h({children:n}){return i.default.createElement(i.default.Fragment,null,n)}function L({children:n}){const t=`ui-nav-item-${i.default.useId().replace(/:/g,"")}`,s=u.useMemo(()=>i.default.Children.toArray(n).some(a=>i.default.isValidElement(a)?a.type===A:!1),[n]);return i.default.createElement(m.Provider,{value:{itemKey:t,hasContent:s}},n)}function w({children:n,...r}){const t=i.default.useContext(m),s=u.useRef(null),a=u.useRef(null);return u.useEffect(()=>{const o=s.current,l=a.current;if(!o||!l)return;const c=()=>{const f=o.getAttribute("aria-expanded")==="true";l.style.transform=f?"rotate(180deg)":"rotate(0deg)"};c();const d=new MutationObserver(c);return d.observe(o,{attributes:!0,attributeFilter:["aria-expanded"]}),()=>d.disconnect()},[]),i.default.createElement("button",{type:"button",ref:s,slot:"item","data-nav-key":(t==null?void 0:t.itemKey)??void 0,...r},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",{ref:a,width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",transform:"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 I({children:n,...r}){const t=i.default.useContext(m);return i.default.createElement("a",{slot:"item","data-nav-key":(t==null?void 0:t.itemKey)??void 0,...r},n)}function A({children:n,...r}){const t=i.default.useContext(m);return i.default.createElement("section",{slot:"panel","data-nav-panel-for":(t==null?void 0:t.itemKey)??void 0,...r},n)}function k(){return null}function R(){return null}const x=Object.assign(M,{Root:M,List:h,Item:L,Trigger:w,Link:I,Content:A,Indicator:k,Viewport:R});exports.NavigationMenu=x;exports.NavigationMenuContent=A;exports.NavigationMenuIndicator=k;exports.NavigationMenuItem=L;exports.NavigationMenuLink=I;exports.NavigationMenuList=h;exports.NavigationMenuRoot=M;exports.NavigationMenuTrigger=w;exports.NavigationMenuViewport=R;exports.default=x;

package/dist/NavigationMenu.esm.js

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

package/dist/NumberField.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const K=require("react"),t=require("./_internals-5a21394b.js"),Q=r=>r&&r.__esModule?r:{default:r},e=Q(K),y=e.default.forwardRef(function({value:l,min:o,max:b,step:a,precision:A,locale:f,format:s,placeholder:g,label:S,description:m,error:E,name:p,required:_,disabled:B,readOnly:N,allowWheel:F,showSteppers:R,clampOnBlur:w,autoComplete:D,inputMode:k,invalid:q,prefix:M,suffix:j,incrementTrigger:v,decrementTrigger:H,children:z,onValueChange:i,onInvalidValue:c,...G},J){const d=t.useForwardedHostRef(J),L=e.default.useCallback(n=>{const u=t.getCustomEventDetail(n);u&&(i==null||i(u))},[i]),P=e.default.useCallback(n=>{const u=t.getCustomEventDetail(n);u!=null&&u.reason&&(c==null||c(u.reason))},[c]);return t.useElementEventListeners(d,[{type:"value-change",listener:L},{type:"invalid",listener:P}],[L,P]),t.useElementAttributes(d,n=>{t.syncStringAttribute(n,"value",l!=null&&l!==""?String(l):null),t.syncStringAttribute(n,"min",o!=null?String(o):null),t.syncStringAttribute(n,"max",b!=null?String(b):null),t.syncStringAttribute(n,"step",a!=null?String(a):null),t.syncNumberAttribute(n,"precision",A),t.syncStringAttribute(n,"locale",f??null),t.syncStringAttribute(n,"format",s&&s!=="grouped"?s:null),t.syncStringAttribute(n,"placeholder",g??null),t.syncStringAttribute(n,"label",S??null),t.syncStringAttribute(n,"description",m??null),t.syncStringAttribute(n,"data-error",E??null),t.syncStringAttribute(n,"name",p??null),t.syncStringAttribute(n,"autocomplete",D??null),t.syncStringAttribute(n,"inputmode",k??null),t.syncBooleanAttribute(n,"required",_),t.syncBooleanAttribute(n,"disabled",B),t.syncBooleanAttribute(n,"readonly",N),t.syncBooleanAttribute(n,"allow-wheel",F),t.syncBooleanAttribute(n,"show-steppers",R),t.syncBooleanAttribute(n,"clamp-on-blur",w),t.syncBooleanAttribute(n,"invalid",q)},[D,F,w,m,B,E,s,k,q,S,f,b,o,p,g,A,N,_,R,a,l]),e.default.createElement("ui-number-field",{ref:d,...G},M!=null?e.default.createElement("span",{slot:"prefix"},M):null,j!=null?e.default.createElement("span",{slot:"suffix"},j):null,H!=null?e.default.createElement("span",{slot:"decrement-trigger"},H):null,v!=null?e.default.createElement("span",{slot:"increment-trigger"},v):null,z)});y.displayName="NumberField";exports.NumberField=y;exports.default=y;