@editora/ui-react 0.1.8 → 0.1.11

package/dist/Input.esm.js

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

package/dist/Label.cjs.js

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

package/dist/Label.esm.js

@@ -1,46 +1,53 @@
-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);
+import e from "react";
+const s = e.forwardRef(function({
+  children: t,
+  htmlFor: o,
+  for: u,
+  required: b,
+  description: p,
+  variant: r,
+  tone: i,
+  size: a,
+  density: d,
+  shape: l,
+  disabled: L,
+  headless: m,
+  ...v
+}, x) {
+  const R = {
+    ref: x,
+    ...v,
+    for: o || u || void 0,
+    required: b ? "" : void 0,
+    description: p || void 0,
+    variant: r && r !== "default" ? r : void 0,
+    tone: i && i !== "default" ? i : void 0,
+    size: a && a !== "md" && a !== "2" ? a : void 0,
+    density: d && d !== "default" ? d : void 0,
+    shape: l && l !== "default" ? l : void 0,
+    disabled: L ? "" : void 0,
+    headless: m ? "" : void 0
+  };
+  return e.createElement("ui-label", R, t);
 });
-L.displayName = "Label";
-const v = r.forwardRef(
-  function({ ...i }, t) {
-    return r.createElement("span", { ref: t, ...i });
+s.displayName = "Label";
+const c = e.forwardRef(
+  function({ ...t }, o) {
+    return e.createElement("span", { ref: o, ...t });
   }
 );
-v.displayName = "Label.Text";
-const E = r.forwardRef(
-  function({ ...i }, t) {
-    return r.createElement("span", { ref: t, slot: "description", ...i });
+c.displayName = "Label.Text";
+const f = e.forwardRef(
+  function({ ...t }, o) {
+    return e.createElement("span", { ref: o, slot: "description", ...t });
   }
 );
-E.displayName = "Label.Description";
-const I = Object.assign(L, {
-  Text: v,
-  Description: E
+f.displayName = "Label.Description";
+const g = Object.assign(s, {
+  Text: c,
+  Description: f
 });
 export {
-  I as Label,
-  I as default
+  g as Label,
+  g as default
 };

package/dist/Layout.cjs.js

@@ -1 +1,2 @@
-"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 client';
+"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

@@ -1,3 +1,4 @@
+'use client';
 import r, { useRef as F, useEffect as A, useLayoutEffect as h } from "react";
 const I = typeof window < "u" ? h : A, L = r.forwardRef(function({
   children: o,
@@ -66,5 +67,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,2 @@
+'use client';
+"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,22 @@
+'use client';
+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,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("react"),j=require("./_internals-5a21394b.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,73 @@
+'use client';
+import r from "react";
+import { w as _ } from "./_internals-d86cc997.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,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),h=require("./_internals-5a21394b.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,51 @@
+'use client';
+import i, { useEffect as h } from "react";
+import { w as G } from "./_internals-d86cc997.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,2 @@
-"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 client';
+"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;