@editora/ui-react 0.1.6 → 0.1.7

package/dist/Input.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),re=r=>r&&r.__esModule?r:{default:r},i=re(s),ie=typeof window<"u"?s.useLayoutEffect:s.useEffect,V=i.default.forwardRef(function(u,n){const{value:$,onChange:a,onInput:f,onDebouncedInput:b,onClear:d,clearable:O,debounce:c,validation:m,size:l,minlength:I,maxlength:S,readOnly:j,autofocus:C,disabled:D,counter:F,floatingLabel:T,type:L,name:R,required:B,pattern:_,inputMode:w,autoComplete:H,min:p,max:A,step:v,spellCheck:N,placeholder:P,headless:G,variant:g,tone:y,density:h,shape:E,color:q,radius:M,label:k,description:z,children:ee,...te}=u,x=s.useRef(null);return s.useImperativeHandle(n,()=>x.current),s.useEffect(()=>{const e=x.current;if(!e)return;const J=o=>{const t=o.detail;typeof(t==null?void 0:t.value)=="string"&&(f==null||f(t.value))},K=o=>{const t=o.detail;typeof(t==null?void 0:t.value)=="string"&&(a==null||a(t.value))},Q=o=>{const t=o.detail;typeof(t==null?void 0:t.value)=="string"&&(b==null||b(t.value))},U=()=>{d==null||d()};return e.addEventListener("input",J),e.addEventListener("change",K),e.addEventListener("debounced-input",Q),e.addEventListener("clear",U),()=>{e.removeEventListener("input",J),e.removeEventListener("change",K),e.removeEventListener("debounced-input",Q),e.removeEventListener("clear",U)}},[a,f,b,d]),ie(()=>{const e=x.current;e&&(O?e.setAttribute("clearable",""):e.removeAttribute("clearable"),typeof c=="number"&&Number.isFinite(c)?e.setAttribute("debounce",String(c)):e.removeAttribute("debounce"),m&&m!=="none"?e.setAttribute("validation",m):e.removeAttribute("validation"),l&&l!=="md"&&l!=="2"?e.setAttribute("size",String(l)):e.removeAttribute("size"),typeof I=="number"?e.setAttribute("minlength",String(I)):e.removeAttribute("minlength"),typeof S=="number"?e.setAttribute("maxlength",String(S)):e.removeAttribute("maxlength"),j?e.setAttribute("readonly",""):e.removeAttribute("readonly"),C?e.setAttribute("autofocus",""):e.removeAttribute("autofocus"),D?e.setAttribute("disabled",""):e.removeAttribute("disabled"),F?e.setAttribute("counter",""):e.removeAttribute("counter"),T?e.setAttribute("floating-label",""):e.removeAttribute("floating-label"),L?e.setAttribute("type",L):e.removeAttribute("type"),R?e.setAttribute("name",R):e.removeAttribute("name"),B?e.setAttribute("required",""):e.removeAttribute("required"),_?e.setAttribute("pattern",_):e.removeAttribute("pattern"),w?e.setAttribute("inputmode",w):e.removeAttribute("inputmode"),H?e.setAttribute("autocomplete",H):e.removeAttribute("autocomplete"),p!=null&&p!==""?e.setAttribute("min",String(p)):e.removeAttribute("min"),A!=null&&A!==""?e.setAttribute("max",String(A)):e.removeAttribute("max"),v!=null&&v!==""?e.setAttribute("step",String(v)):e.removeAttribute("step"),typeof N=="boolean"?e.setAttribute("spellcheck",N?"true":"false"):e.removeAttribute("spellcheck"),P?e.setAttribute("placeholder",P):e.removeAttribute("placeholder"),G?e.setAttribute("headless",""):e.removeAttribute("headless"),g&&g!=="classic"?e.setAttribute("variant",g):e.removeAttribute("variant"),y&&y!=="default"?e.setAttribute("tone",y):e.removeAttribute("tone"),h&&h!=="default"?e.setAttribute("density",h):e.removeAttribute("density"),E&&E!=="default"?e.setAttribute("shape",E):e.removeAttribute("shape"),q?e.setAttribute("color",q):e.removeAttribute("color"),M?e.setAttribute("radius",String(M)):e.removeAttribute("radius"),k?e.setAttribute("label",k):e.removeAttribute("label"),z?e.setAttribute("description",z):e.removeAttribute("description"))},[O,c,m,l,I,S,j,C,D,F,T,L,R,B,_,w,H,p,A,v,N,P,G,g,y,h,E,q,M,k,z]),i.default.createElement("ui-input",{ref:x,value:$??void 0,...te},ee)});V.displayName="Input";const W=i.default.forwardRef(function({...u},n){return i.default.createElement("span",{ref:n,slot:"prefix",...u})});W.displayName="Input.Prefix";const X=i.default.forwardRef(function({...u},n){return i.default.createElement("span",{ref:n,slot:"suffix",...u})});X.displayName="Input.Suffix";const Y=i.default.forwardRef(function({...u},n){return i.default.createElement("span",{ref:n,slot:"error",...u})});Y.displayName="Input.Error";const Z=Object.assign(V,{Prefix:W,Suffix:X,Error:Y});exports.Input=Z;exports.default=Z;

package/dist/Input.d.ts

@@ -0,0 +1,3 @@
+export { Input, default } from './components/Input';
+export type { InputProps, InputPrefixProps, InputSuffixProps, InputErrorProps } from './components/Input';
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/Input.esm.js

@@ -0,0 +1,126 @@
+import r, { useRef as te, useImperativeHandle as re, useEffect as U, useLayoutEffect as ie } from "react";
+const ne = typeof window < "u" ? ie : U, V = r.forwardRef(function(i, n) {
+  const {
+    value: Z,
+    onChange: o,
+    onInput: l,
+    onDebouncedInput: a,
+    onClear: f,
+    clearable: O,
+    debounce: b,
+    validation: d,
+    size: u,
+    minlength: x,
+    maxlength: I,
+    readOnly: _,
+    autofocus: j,
+    disabled: F,
+    counter: M,
+    floatingLabel: B,
+    type: S,
+    name: L,
+    required: D,
+    pattern: R,
+    inputMode: w,
+    autoComplete: H,
+    min: m,
+    max: c,
+    step: p,
+    spellCheck: N,
+    placeholder: P,
+    headless: G,
+    variant: A,
+    tone: v,
+    density: g,
+    shape: y,
+    color: k,
+    radius: q,
+    label: z,
+    description: C,
+    children: $,
+    ...ee
+  } = i, h = te(null);
+  return re(n, () => h.current), U(() => {
+    const e = h.current;
+    if (!e)
+      return;
+    const J = (s) => {
+      const t = s.detail;
+      typeof (t == null ? void 0 : t.value) == "string" && (l == null || l(t.value));
+    }, K = (s) => {
+      const t = s.detail;
+      typeof (t == null ? void 0 : t.value) == "string" && (o == null || o(t.value));
+    }, Q = (s) => {
+      const t = s.detail;
+      typeof (t == null ? void 0 : t.value) == "string" && (a == null || a(t.value));
+    }, T = () => {
+      f == null || f();
+    };
+    return e.addEventListener("input", J), e.addEventListener("change", K), e.addEventListener("debounced-input", Q), e.addEventListener("clear", T), () => {
+      e.removeEventListener("input", J), e.removeEventListener("change", K), e.removeEventListener("debounced-input", Q), e.removeEventListener("clear", T);
+    };
+  }, [o, l, a, f]), ne(() => {
+    const e = h.current;
+    e && (O ? e.setAttribute("clearable", "") : e.removeAttribute("clearable"), typeof b == "number" && Number.isFinite(b) ? e.setAttribute("debounce", String(b)) : e.removeAttribute("debounce"), d && d !== "none" ? e.setAttribute("validation", d) : e.removeAttribute("validation"), u && u !== "md" && u !== "2" ? e.setAttribute("size", String(u)) : e.removeAttribute("size"), typeof x == "number" ? e.setAttribute("minlength", String(x)) : e.removeAttribute("minlength"), typeof I == "number" ? e.setAttribute("maxlength", String(I)) : e.removeAttribute("maxlength"), _ ? e.setAttribute("readonly", "") : e.removeAttribute("readonly"), j ? e.setAttribute("autofocus", "") : e.removeAttribute("autofocus"), F ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), M ? e.setAttribute("counter", "") : e.removeAttribute("counter"), B ? e.setAttribute("floating-label", "") : e.removeAttribute("floating-label"), S ? e.setAttribute("type", S) : e.removeAttribute("type"), L ? e.setAttribute("name", L) : e.removeAttribute("name"), D ? e.setAttribute("required", "") : e.removeAttribute("required"), R ? e.setAttribute("pattern", R) : e.removeAttribute("pattern"), w ? e.setAttribute("inputmode", w) : e.removeAttribute("inputmode"), H ? e.setAttribute("autocomplete", H) : e.removeAttribute("autocomplete"), m != null && m !== "" ? e.setAttribute("min", String(m)) : e.removeAttribute("min"), c != null && c !== "" ? e.setAttribute("max", String(c)) : e.removeAttribute("max"), p != null && p !== "" ? e.setAttribute("step", String(p)) : e.removeAttribute("step"), typeof N == "boolean" ? e.setAttribute("spellcheck", N ? "true" : "false") : e.removeAttribute("spellcheck"), P ? e.setAttribute("placeholder", P) : e.removeAttribute("placeholder"), G ? e.setAttribute("headless", "") : e.removeAttribute("headless"), A && A !== "classic" ? e.setAttribute("variant", A) : e.removeAttribute("variant"), v && v !== "default" ? e.setAttribute("tone", v) : e.removeAttribute("tone"), g && g !== "default" ? e.setAttribute("density", g) : e.removeAttribute("density"), y && y !== "default" ? e.setAttribute("shape", y) : e.removeAttribute("shape"), k ? e.setAttribute("color", k) : e.removeAttribute("color"), q ? e.setAttribute("radius", String(q)) : e.removeAttribute("radius"), z ? e.setAttribute("label", z) : e.removeAttribute("label"), C ? e.setAttribute("description", C) : e.removeAttribute("description"));
+  }, [
+    O,
+    b,
+    d,
+    u,
+    x,
+    I,
+    _,
+    j,
+    F,
+    M,
+    B,
+    S,
+    L,
+    D,
+    R,
+    w,
+    H,
+    m,
+    c,
+    p,
+    N,
+    P,
+    G,
+    A,
+    v,
+    g,
+    y,
+    k,
+    q,
+    z,
+    C
+  ]), r.createElement("ui-input", { ref: h, value: Z ?? void 0, ...ee }, $);
+});
+V.displayName = "Input";
+const W = r.forwardRef(
+  function({ ...i }, n) {
+    return r.createElement("span", { ref: n, slot: "prefix", ...i });
+  }
+);
+W.displayName = "Input.Prefix";
+const X = r.forwardRef(
+  function({ ...i }, n) {
+    return r.createElement("span", { ref: n, slot: "suffix", ...i });
+  }
+);
+X.displayName = "Input.Suffix";
+const Y = r.forwardRef(
+  function({ ...i }, n) {
+    return r.createElement("span", { ref: n, slot: "error", ...i });
+  }
+);
+Y.displayName = "Input.Error";
+const se = Object.assign(V, {
+  Prefix: W,
+  Suffix: X,
+  Error: Y
+});
+export {
+  se as Input,
+  se as default
+};

package/dist/Label.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),D=t=>t&&t.__esModule?t:{default:t},u=D(s),T=typeof window<"u"?s.useLayoutEffect:s.useEffect,v=u.default.forwardRef(function({children:i,htmlFor:r,for:d,required:A,description:b,variant:a,tone:o,size:l,density:f,shape:n,disabled:m,headless:p,...E},w){const c=s.useRef(null);return s.useImperativeHandle(w,()=>c.current),T(()=>{const e=c.current;if(!e)return;const L=r||d;L?e.setAttribute("for",L):e.removeAttribute("for"),A?e.setAttribute("required",""):e.removeAttribute("required"),b?e.setAttribute("description",b):e.removeAttribute("description"),a&&a!=="default"?e.setAttribute("variant",a):e.removeAttribute("variant"),o&&o!=="default"?e.setAttribute("tone",o):e.removeAttribute("tone"),l&&l!=="md"&&l!=="2"?e.setAttribute("size",l):e.removeAttribute("size"),f&&f!=="default"?e.setAttribute("density",f):e.removeAttribute("density"),n&&n!=="default"?e.setAttribute("shape",n):e.removeAttribute("shape"),m?e.setAttribute("disabled",""):e.removeAttribute("disabled"),p?e.setAttribute("headless",""):e.removeAttribute("headless")},[r,d,A,b,a,o,l,f,n,m,p]),u.default.createElement("ui-label",{ref:c,...E},i)});v.displayName="Label";const R=u.default.forwardRef(function({...i},r){return u.default.createElement("span",{ref:r,...i})});R.displayName="Label.Text";const _=u.default.forwardRef(function({...i},r){return u.default.createElement("span",{ref:r,slot:"description",...i})});_.displayName="Label.Description";const y=Object.assign(v,{Text:R,Description:_});exports.Label=y;exports.default=y;

package/dist/Label.d.ts

@@ -0,0 +1,3 @@
+export { Label, default } from './components/Label';
+export type { LabelProps, LabelTextProps, LabelDescriptionProps } from './components/Label';
+//# sourceMappingURL=Label.d.ts.map

package/dist/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/Label.esm.js

@@ -0,0 +1,46 @@
+import r, { useRef as x, useImperativeHandle as y, useLayoutEffect as D, useEffect as T } from "react";
+const N = typeof window < "u" ? D : T, L = r.forwardRef(function({
+  children: i,
+  htmlFor: t,
+  for: c,
+  required: d,
+  description: a,
+  variant: u,
+  tone: o,
+  size: s,
+  density: l,
+  shape: f,
+  disabled: m,
+  headless: A,
+  ...R
+}, w) {
+  const b = x(null);
+  return y(w, () => b.current), N(() => {
+    const e = b.current;
+    if (!e)
+      return;
+    const p = t || c;
+    p ? e.setAttribute("for", p) : e.removeAttribute("for"), d ? e.setAttribute("required", "") : e.removeAttribute("required"), a ? e.setAttribute("description", a) : e.removeAttribute("description"), u && u !== "default" ? e.setAttribute("variant", u) : e.removeAttribute("variant"), o && o !== "default" ? e.setAttribute("tone", o) : e.removeAttribute("tone"), s && s !== "md" && s !== "2" ? e.setAttribute("size", s) : e.removeAttribute("size"), l && l !== "default" ? e.setAttribute("density", l) : e.removeAttribute("density"), f && f !== "default" ? e.setAttribute("shape", f) : e.removeAttribute("shape"), m ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), A ? e.setAttribute("headless", "") : e.removeAttribute("headless");
+  }, [t, c, d, a, u, o, s, l, f, m, A]), r.createElement("ui-label", { ref: b, ...R }, i);
+});
+L.displayName = "Label";
+const v = r.forwardRef(
+  function({ ...i }, t) {
+    return r.createElement("span", { ref: t, ...i });
+  }
+);
+v.displayName = "Label.Text";
+const E = r.forwardRef(
+  function({ ...i }, t) {
+    return r.createElement("span", { ref: t, slot: "description", ...i });
+  }
+);
+E.displayName = "Label.Description";
+const I = Object.assign(L, {
+  Text: v,
+  Description: E
+});
+export {
+  I as Label,
+  I as default
+};

package/dist/Layout.cjs.js

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

package/dist/Layout.d.ts

@@ -0,0 +1,3 @@
+export { Layout, default } from './components/Layout';
+export type { LayoutProps, LayoutMode, LayoutVariant, LayoutDensity, LayoutMaxWidth, LayoutSidebarSide } from './components/Layout';
+//# sourceMappingURL=Layout.d.ts.map

package/dist/Layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../src/Layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/Layout.esm.js

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

package/dist/Menu-010405cb.js

@@ -0,0 +1 @@
+"use strict";const p=require("react"),J=i=>i&&i.__esModule?i:{default:i},t=J(p),l=typeof window<"u"?p.useLayoutEffect:p.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 q=t.default.forwardRef(function({children:s,open:r,placement:n,variant:a,size:f,density:c,radius:o,shape:b,elevation:d,tone:m,closeOnSelect:E,typeahead:M,onOpen:A,onClose:L,onChange:N,onSelect:g,onSelectDetail:y,...F},G){const u=p.useRef(null);return t.default.useImperativeHandle(G,()=>u.current),p.useEffect(()=>{const e=u.current;if(!e)return;const H=()=>A==null?void 0:A(),_=()=>L==null?void 0:L(),j=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",H),e.addEventListener("close",_),e.addEventListener("change",j),e.addEventListener("select",T),()=>{e.removeEventListener("open",H),e.removeEventListener("close",_),e.removeEventListener("change",j),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&&(f&&f!=="md"&&f!=="2"?e.setAttribute("size",f):e.removeAttribute("size"))},[f]),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(o==null||o===""||o==="default"){e.removeAttribute("radius");return}e.setAttribute("radius",String(o))}},[o]),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(E==null){e.removeAttribute("close-on-select");return}e.setAttribute("close-on-select",E?"true":"false")}},[E]),l(()=>{const e=u.current;if(e){if(M==null){e.removeAttribute("typeahead");return}e.setAttribute("typeahead",M?"true":"false")}},[M]),t.default.createElement("ui-menu",{ref:u,...F},s)});q.displayName="Menu";const R=t.default.forwardRef(function({children:s,icon:r,shortcut:n,caption:a,tone:f,role:c="menuitem",checked:o,className:b,...d},m){const E=["item",b].filter(Boolean).join(" "),M=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:E,"data-tone":f,"aria-checked":c==="menuitemcheckbox"||c==="menuitemradio"?o?"true":"false":void 0},M,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 f=["section-label",r].filter(Boolean).join(" ");return t.default.createElement("div",{...n,ref:a,className:f},s)});x.displayName="Menu.SectionLabel";const K=Object.assign(q,{Item:R,Separator:w,SectionLabel:x,Trigger:k,Content:B});exports.Menu=K;exports.MenuItem=R;exports.MenuSectionLabel=x;exports.MenuSeparator=w;

package/dist/Menu-43e67281.mjs

@@ -0,0 +1,142 @@
+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 {
+  Q as M,
+  B as a,
+  _ as b,
+  q as c
+};

package/dist/Menu.cjs.js

@@ -0,0 +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;

package/dist/Menu.d.ts

@@ -0,0 +1,3 @@
+export { Menu, default } from './components/Menu';
+export type { MenuProps, MenuSelectDetail, MenuItemProps, MenuSeparatorProps, MenuSectionLabelProps, MenuTriggerProps, MenuContentProps } from './components/Menu';
+//# sourceMappingURL=Menu.d.ts.map

package/dist/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../src/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/Menu.esm.js

@@ -0,0 +1,6 @@
+import { M as r, M as t } from "./Menu-43e67281.mjs";
+import "react";
+export {
+  r as Menu,
+  t as default
+};

package/dist/Menubar.cjs.js

@@ -0,0 +1 @@
+"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;

package/dist/Menubar.d.ts

@@ -0,0 +1,3 @@
+export { Menubar, default } from './components/Menubar';
+export type { MenubarProps, MenubarChangeDetail, MenubarContentProps } from './components/Menubar';
+//# sourceMappingURL=Menubar.d.ts.map

package/dist/Menubar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menubar.d.ts","sourceRoot":"","sources":["../src/Menubar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/Menubar.esm.js

@@ -0,0 +1,75 @@
+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,
+  variant: f,
+  size: l,
+  density: c,
+  radius: n,
+  shape: m,
+  elevation: A,
+  tone: b,
+  closeOnSelect: H,
+  typeahead: R,
+  onChange: v,
+  onOpen: r,
+  onClose: E,
+  onSelect: L,
+  children: k,
+  ...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"));
+  }, [
+    u,
+    i,
+    s,
+    p,
+    d,
+    M,
+    f,
+    l,
+    c,
+    n,
+    m,
+    A,
+    b,
+    H,
+    R
+  ]), a.createElement("ui-menubar", { ref: y, ...q }, k);
+});
+j.displayName = "Menubar";
+const x = a.forwardRef(function({ children: u, ...i }, s) {
+  return /* @__PURE__ */ a.createElement("div", { ...i, ref: s, slot: "content" }, u);
+});
+x.displayName = "Menubar.Content";
+const K = Object.assign(j, {
+  Content: x
+});
+export {
+  K as Menubar,
+  K as default
+};

package/dist/Popover.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),N=require("./_internals-b9f3e909.js");function T(o){if(o&&o.__esModule)return o;const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(u,e,n.get?n:{enumerable:!0,get:()=>o[e]})}}return u.default=o,Object.freeze(u)}const r=T(j),A=typeof window<"u"?r.useLayoutEffect:r.useEffect,E=r.forwardRef(function({children:u,open:e,placement:n,offset:d,shift:v,flip:a,closeOnEscape:f,closeOnOutside:g,onOpen:p,onClose:m,onOpenChange:b,..._},w){const P=r.useRef(null);return r.useImperativeHandle(w,()=>P.current),r.useEffect(()=>{N.warnIfElementNotRegistered("ui-popover","Popover")},[]),r.useEffect(()=>{const t=P.current;if(!t)return;const i=()=>p==null?void 0:p(),c=()=>m==null?void 0:m(),l=y=>{const s=y.detail;s&&(b==null||b(s))};return t.addEventListener("open",i),t.addEventListener("close",c),t.addEventListener("open-change",l),()=>{t.removeEventListener("open",i),t.removeEventListener("close",c),t.removeEventListener("open-change",l)}},[p,m,b]),A(()=>{const t=P.current;if(!t)return;const i=(c,l,y=!0)=>{if(!y)return;const s=t.getAttribute(c);if(l==null){s!=null&&t.removeAttribute(c);return}s!==l&&t.setAttribute(c,l)};typeof e=="boolean"&&i("open",e?"":null),i("placement",n??null,n!==void 0),i("offset",typeof d=="number"&&Number.isFinite(d)?String(d):null,d!==void 0),i("shift",v===void 0?null:String(v),v!==void 0),i("flip",a===void 0?null:String(a),a!==void 0),i("close-on-escape",f===void 0?null:String(f),f!==void 0),i("close-on-outside",g===void 0?null:String(g),g!==void 0)},[e,n,d,v,a,f,g]),r.createElement("ui-popover",{ref:P,..._},u)});E.displayName="Popover";const S=r.forwardRef(function({children:u,...e},n){return r.createElement("span",{ref:n,slot:"trigger",...e},u)});S.displayName="Popover.Trigger";const L=r.forwardRef(function({children:u,...e},n){return r.createElement("div",{ref:n,slot:"content",...e},u)});L.displayName="Popover.Content";const R=Object.assign(E,{Trigger:S,Content:L});exports.Popover=R;exports.default=R;

package/dist/Popover.d.ts

@@ -0,0 +1,3 @@
+export { Popover, default } from './components/Popover';
+export type { PopoverProps, PopoverTriggerProps, PopoverContentProps, PopoverPlacement, PopoverOpenChangeDetail, PopoverElement } from './components/Popover';
+//# sourceMappingURL=Popover.d.ts.map

package/dist/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../src/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC"}