@editora/ui-react 0.1.10 → 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 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,

package/dist/Listbox.cjs.js

@@ -1 +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

@@ -1,3 +1,4 @@
+'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);

package/dist/Marquee.cjs.js

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

@@ -1,5 +1,6 @@
+'use client';
 import r from "react";
-import { w as _ } from "./_internals-f8fb69a8.mjs";
+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;

package/dist/MasonryGrid.cjs.js

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

@@ -1,5 +1,6 @@
+'use client';
 import i, { useEffect as h } from "react";
-import { w as G } from "./_internals-f8fb69a8.mjs";
+import { w as G } from "./_internals-d86cc997.mjs";
 function r(e) {
   if (e != null) {
     if (typeof e == "object")

package/dist/Menu.cjs.js

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

package/dist/Menu.esm.js

@@ -1,3 +1,4 @@
+'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);

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

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