@editora/ui-react 0.1.10 → 0.1.11

package/dist/PasswordField.esm.js

@@ -1,118 +1,112 @@
-import T, { useRef as Z, useImperativeHandle as $, useEffect as U, useLayoutEffect as ee } from "react";
-const te = typeof window < "u" ? ee : U, ne = T.forwardRef(function(V, W) {
+'use client';
+import a from "react";
+import { c as ee, g as s, u as te, a as ne, s as n, d as H, b as l } from "./_internals-d86cc997.mjs";
+const ae = a.forwardRef(function(Y, Z) {
   const {
-    value: w,
-    onChange: s,
-    onInput: d,
-    onDebouncedInput: c,
-    onClear: f,
-    onVisibilityChange: v,
+    value: h,
+    onChange: o,
+    onInput: u,
+    onDebouncedInput: i,
+    onClear: c,
+    onVisibilityChange: d,
     onStrengthChange: b,
-    clearable: R,
+    clearable: S,
     debounce: p,
-    validation: g,
-    size: o,
-    minlength: A,
-    maxlength: S,
-    readOnly: k,
-    autofocus: q,
-    disabled: z,
-    counter: N,
-    floatingLabel: _,
-    name: x,
-    required: B,
-    pattern: I,
-    autoComplete: O,
-    spellCheck: H,
-    placeholder: j,
-    variant: h,
-    tone: m,
-    density: y,
-    shape: E,
-    color: C,
-    radius: F,
-    label: D,
+    validation: f,
+    size: r,
+    minlength: F,
+    maxlength: A,
+    readOnly: x,
+    autofocus: N,
+    disabled: P,
+    counter: R,
+    floatingLabel: q,
+    name: z,
+    required: L,
+    pattern: _,
+    autoComplete: B,
+    spellCheck: k,
+    placeholder: D,
+    variant: g,
+    tone: v,
+    density: m,
+    shape: y,
+    color: O,
+    radius: w,
+    label: j,
     description: G,
     error: J,
     showStrength: K,
-    revealable: P,
+    revealable: C,
     strengthEvaluator: M,
-    children: X,
-    ...Y
-  } = V, L = Z(null);
-  return $(W, () => L.current), U(() => {
-    const e = L.current;
-    if (!e)
-      return;
-    const t = (i) => {
-      const n = i.detail;
-      typeof (n == null ? void 0 : n.value) == "string" && (d == null || d(n.value));
-    }, l = (i) => {
-      const n = i.detail;
-      typeof (n == null ? void 0 : n.value) == "string" && (s == null || s(n.value));
-    }, r = (i) => {
-      const n = i.detail;
-      typeof (n == null ? void 0 : n.value) == "string" && (c == null || c(n.value));
-    }, a = () => f == null ? void 0 : f(), u = (i) => {
-      const n = i.detail;
-      v == null || v(!!(n != null && n.revealed));
-    }, Q = (i) => {
-      const n = i.detail;
-      n && (b == null || b(n));
-    };
-    return e.addEventListener("input", t), e.addEventListener("change", l), e.addEventListener("debounced-input", r), e.addEventListener("clear", a), e.addEventListener("visibility-change", u), e.addEventListener("strength-change", Q), () => {
-      e.removeEventListener("input", t), e.removeEventListener("change", l), e.removeEventListener("debounced-input", r), e.removeEventListener("clear", a), e.removeEventListener("visibility-change", u), e.removeEventListener("strength-change", Q);
-    };
-  }, [s, f, c, d, b, v]), te(() => {
-    const e = L.current;
-    if (!e)
-      return;
-    const t = (r, a) => {
-      const u = e.getAttribute(r);
-      if (a == null) {
-        u != null && e.removeAttribute(r);
-        return;
-      }
-      u !== a && e.setAttribute(r, a);
-    }, l = (r, a) => {
-      a ? e.hasAttribute(r) || e.setAttribute(r, "") : e.hasAttribute(r) && e.removeAttribute(r);
-    };
-    w !== void 0 && t("value", w ?? null), t("debounce", typeof p == "number" && Number.isFinite(p) ? String(p) : null), t("validation", g && g !== "none" ? g : null), t("size", o && o !== "md" && o !== "2" ? String(o) : null), t("minlength", typeof A == "number" ? String(A) : null), t("maxlength", typeof S == "number" ? String(S) : null), t("pattern", I ?? null), t("autocomplete", O ?? null), t("spellcheck", typeof H == "boolean" ? String(H) : null), t("placeholder", j ?? null), t("variant", h && h !== "classic" ? h : null), t("tone", m && m !== "default" ? m : null), t("density", y && y !== "default" ? y : null), t("shape", E && E !== "default" ? E : null), t("color", C ?? null), t("radius", F ? String(F) : null), t("label", D ?? null), t("description", G ?? null), t("data-error", J ?? null), t("name", x ?? null), l("clearable", R), l("readonly", k), l("autofocus", q), l("disabled", z), l("counter", N), l("floating-label", _), l("required", B), l("show-strength", K), typeof P == "boolean" ? t("revealable", String(P)) : e.removeAttribute("revealable"), e.strengthEvaluator = M ?? null;
+    children: $,
+    ...I
+  } = Y, E = ee(Z), Q = a.useCallback((e) => {
+    const t = s(e);
+    typeof (t == null ? void 0 : t.value) == "string" && (u == null || u(t.value));
+  }, [u]), T = a.useCallback((e) => {
+    const t = s(e);
+    typeof (t == null ? void 0 : t.value) == "string" && (o == null || o(t.value));
+  }, [o]), U = a.useCallback((e) => {
+    const t = s(e);
+    typeof (t == null ? void 0 : t.value) == "string" && (i == null || i(t.value));
+  }, [i]), V = a.useCallback(() => {
+    c == null || c();
+  }, [c]), W = a.useCallback((e) => {
+    const t = s(e);
+    d == null || d(!!(t != null && t.revealed));
+  }, [d]), X = a.useCallback((e) => {
+    const t = s(e);
+    t && (b == null || b(t));
+  }, [b]);
+  return te(
+    E,
+    [
+      { type: "input", listener: Q },
+      { type: "change", listener: T },
+      { type: "debounced-input", listener: U },
+      { type: "clear", listener: V },
+      { type: "visibility-change", listener: W },
+      { type: "strength-change", listener: X }
+    ],
+    [Q, T, U, V, W, X]
+  ), ne(E, (e) => {
+    h !== void 0 && n(e, "value", h ?? null), H(e, "debounce", typeof p == "number" && Number.isFinite(p) ? p : void 0), n(e, "validation", f && f !== "none" ? f : null), n(e, "size", r && r !== "md" && r !== "2" ? String(r) : null), H(e, "minlength", F), H(e, "maxlength", A), n(e, "pattern", _ ?? null), n(e, "autocomplete", B ?? null), n(e, "spellcheck", typeof k == "boolean" ? String(k) : null), n(e, "placeholder", D ?? null), n(e, "variant", g && g !== "classic" ? g : null), n(e, "tone", v && v !== "default" ? v : null), n(e, "density", m && m !== "default" ? m : null), n(e, "shape", y && y !== "default" ? y : null), n(e, "color", O ?? null), n(e, "radius", w ? String(w) : null), n(e, "label", j ?? null), n(e, "description", G ?? null), n(e, "data-error", J ?? null), n(e, "name", z ?? null), l(e, "clearable", S), l(e, "readonly", x), l(e, "autofocus", N), l(e, "disabled", P), l(e, "counter", R), l(e, "floating-label", q), l(e, "required", L), l(e, "show-strength", K), n(e, "revealable", typeof C == "boolean" ? String(C) : null), e.strengthEvaluator = M ?? null;
   }, [
+    B,
+    N,
+    S,
     O,
-    q,
     R,
-    C,
-    N,
     p,
-    y,
+    m,
     G,
-    z,
+    P,
     J,
+    q,
+    j,
+    A,
+    F,
+    z,
     _,
     D,
-    S,
-    A,
+    w,
     x,
-    I,
-    j,
-    F,
-    k,
-    B,
-    P,
+    L,
+    C,
     K,
-    E,
-    o,
-    H,
+    y,
+    r,
+    k,
     M,
-    m,
-    g,
-    w,
-    h
-  ]), T.createElement("ui-password-field", { ref: L, ...Y }, X);
+    v,
+    f,
+    h,
+    g
+  ]), a.createElement("ui-password-field", { ref: E, ...I }, $);
 });
-ne.displayName = "PasswordField";
+ae.displayName = "PasswordField";
 export {
-  ne as PasswordField,
-  ne as default
+  ae as PasswordField,
+  ae as default
 };

package/dist/PinInput.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),N=r=>r&&r.__esModule?r:{default:r},M=N(t),O=typeof window<"u"?t.useLayoutEffect:t.useEffect,A=M.default.forwardRef(function({value:u,onChange:s,onComplete:l,length:n,name:a,label:d,description:v,error:m,mode:f,mask:I,required:P,disabled:_,readOnly:y,placeholderChar:p,size:i,density:b,shape:o,invalid:L,children:S,...T},q){const c=t.useRef(null);return t.useImperativeHandle(q,()=>c.current),t.useEffect(()=>{const e=c.current;if(!e)return;const R=E=>{s==null||s(E.detail.value||"")},w=E=>{l==null||l(E.detail.value||"")};return e.addEventListener("change",R),e.addEventListener("complete",w),()=>{e.removeEventListener("change",R),e.removeEventListener("complete",w)}},[s,l]),O(()=>{const e=c.current;e&&(u!=null&&u!==""?e.setAttribute("value",u):e.removeAttribute("value"),typeof n=="number"&&Number.isFinite(n)?e.setAttribute("length",String(n)):e.removeAttribute("length"),a?e.setAttribute("name",a):e.removeAttribute("name"),d?e.setAttribute("label",d):e.removeAttribute("label"),v?e.setAttribute("description",v):e.removeAttribute("description"),m?e.setAttribute("error",m):e.removeAttribute("error"),f&&f!=="numeric"?e.setAttribute("mode",f):e.removeAttribute("mode"),I?e.setAttribute("mask",""):e.removeAttribute("mask"),P?e.setAttribute("required",""):e.removeAttribute("required"),_?e.setAttribute("disabled",""):e.removeAttribute("disabled"),y?e.setAttribute("readonly",""):e.removeAttribute("readonly"),p?e.setAttribute("placeholder-char",p):e.removeAttribute("placeholder-char"),i&&i!=="md"&&i!=="2"?e.setAttribute("size",i):e.removeAttribute("size"),b&&b!=="default"?e.setAttribute("density",b):e.removeAttribute("density"),o&&o!=="default"?e.setAttribute("shape",o):e.removeAttribute("shape"),L?e.setAttribute("invalid",""):e.removeAttribute("invalid"))},[u,n,a,d,v,m,f,I,P,_,y,p,i,b,o,L]),M.default.createElement("ui-pin-input",{ref:c,...T},S)});A.displayName="PinInput";const j=A;exports.OTPInput=j;exports.PinInput=A;exports.default=A;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("react"),t=require("./_internals-5a21394b.js"),k=u=>u&&u.__esModule?u:{default:u},y=k(T),d=y.default.forwardRef(function({value:i,onChange:s,onComplete:l,length:c,name:A,label:S,description:g,error:p,mode:a,mask:_,required:m,disabled:P,readOnly:v,placeholderChar:E,size:e,density:b,shape:o,invalid:I,children:D,...M},N){const f=t.useForwardedHostRef(N),B=y.default.useCallback(n=>{var r;s==null||s(((r=t.getCustomEventDetail(n))==null?void 0:r.value)||"")},[s]),R=y.default.useCallback(n=>{var r;l==null||l(((r=t.getCustomEventDetail(n))==null?void 0:r.value)||"")},[l]);return t.useElementEventListeners(f,[{type:"change",listener:B},{type:"complete",listener:R}],[B,R]),t.useElementAttributes(f,n=>{t.syncStringAttribute(n,"value",i!=null&&i!==""?i:null),t.syncNumberAttribute(n,"length",typeof c=="number"&&Number.isFinite(c)?c:void 0),t.syncStringAttribute(n,"name",A||null),t.syncStringAttribute(n,"label",S||null),t.syncStringAttribute(n,"description",g||null),t.syncStringAttribute(n,"error",p||null),t.syncStringAttribute(n,"mode",a&&a!=="numeric"?a:null),t.syncBooleanAttribute(n,"mask",_),t.syncBooleanAttribute(n,"required",m),t.syncBooleanAttribute(n,"disabled",P),t.syncBooleanAttribute(n,"readonly",v),t.syncStringAttribute(n,"placeholder-char",E||null),t.syncStringAttribute(n,"size",e&&e!=="md"&&e!=="2"?e:null),t.syncStringAttribute(n,"density",b&&b!=="default"?b:null),t.syncStringAttribute(n,"shape",o&&o!=="default"?o:null),t.syncBooleanAttribute(n,"invalid",I)},[i,c,A,S,g,p,a,_,m,P,v,E,e,b,o,I]),y.default.createElement("ui-pin-input",{ref:f,...M},D)});d.displayName="PinInput";const q=d;exports.OTPInput=q;exports.PinInput=d;exports.default=d;

package/dist/PinInput.esm.js

@@ -1,48 +1,50 @@
-import w, { useRef as x, useImperativeHandle as F, useEffect as R, useLayoutEffect as H } from "react";
-const S = typeof window < "u" ? H : R, N = w.forwardRef(function({
-  value: r,
-  onChange: i,
-  onComplete: u,
-  length: s,
-  name: A,
+'use client';
+import d from "react";
+import { c as H, g as F, u as L, a as S, s as u, d as T, b as s } from "./_internals-d86cc997.mjs";
+const _ = d.forwardRef(function({
+  value: a,
+  onChange: l,
+  onComplete: i,
+  length: c,
+  name: p,
   label: o,
-  description: m,
-  error: c,
-  mode: f,
-  mask: d,
-  required: p,
-  disabled: E,
-  readOnly: I,
-  placeholderChar: v,
-  size: t,
-  density: b,
-  shape: n,
-  invalid: L,
-  children: _,
-  ...k
-}, q) {
-  const l = x(null);
-  return F(q, () => l.current), R(() => {
-    const e = l.current;
-    if (!e)
-      return;
-    const y = (a) => {
-      i == null || i(a.detail.value || "");
-    }, P = (a) => {
-      u == null || u(a.detail.value || "");
-    };
-    return e.addEventListener("change", y), e.addEventListener("complete", P), () => {
-      e.removeEventListener("change", y), e.removeEventListener("complete", P);
-    };
-  }, [i, u]), S(() => {
-    const e = l.current;
-    e && (r != null && r !== "" ? e.setAttribute("value", r) : e.removeAttribute("value"), typeof s == "number" && Number.isFinite(s) ? e.setAttribute("length", String(s)) : e.removeAttribute("length"), A ? e.setAttribute("name", A) : e.removeAttribute("name"), o ? e.setAttribute("label", o) : e.removeAttribute("label"), m ? e.setAttribute("description", m) : e.removeAttribute("description"), c ? e.setAttribute("error", c) : e.removeAttribute("error"), f && f !== "numeric" ? e.setAttribute("mode", f) : e.removeAttribute("mode"), d ? e.setAttribute("mask", "") : e.removeAttribute("mask"), p ? e.setAttribute("required", "") : e.removeAttribute("required"), E ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), I ? e.setAttribute("readonly", "") : e.removeAttribute("readonly"), v ? e.setAttribute("placeholder-char", v) : e.removeAttribute("placeholder-char"), t && t !== "md" && t !== "2" ? e.setAttribute("size", t) : e.removeAttribute("size"), b && b !== "default" ? e.setAttribute("density", b) : e.removeAttribute("density"), n && n !== "default" ? e.setAttribute("shape", n) : e.removeAttribute("shape"), L ? e.setAttribute("invalid", "") : e.removeAttribute("invalid"));
-  }, [r, s, A, o, m, c, f, d, p, E, I, v, t, b, n, L]), w.createElement("ui-pin-input", { ref: l, ...k }, _);
+  description: y,
+  error: E,
+  mode: e,
+  mask: A,
+  required: I,
+  disabled: P,
+  readOnly: v,
+  placeholderChar: N,
+  size: n,
+  density: f,
+  shape: b,
+  invalid: R,
+  children: x,
+  ...B
+}, D) {
+  const m = H(D), k = d.useCallback((t) => {
+    var r;
+    l == null || l(((r = F(t)) == null ? void 0 : r.value) || "");
+  }, [l]), w = d.useCallback((t) => {
+    var r;
+    i == null || i(((r = F(t)) == null ? void 0 : r.value) || "");
+  }, [i]);
+  return L(
+    m,
+    [
+      { type: "change", listener: k },
+      { type: "complete", listener: w }
+    ],
+    [k, w]
+  ), S(m, (t) => {
+    u(t, "value", a != null && a !== "" ? a : null), T(t, "length", typeof c == "number" && Number.isFinite(c) ? c : void 0), u(t, "name", p || null), u(t, "label", o || null), u(t, "description", y || null), u(t, "error", E || null), u(t, "mode", e && e !== "numeric" ? e : null), s(t, "mask", A), s(t, "required", I), s(t, "disabled", P), s(t, "readonly", v), u(t, "placeholder-char", N || null), u(t, "size", n && n !== "md" && n !== "2" ? n : null), u(t, "density", f && f !== "default" ? f : null), u(t, "shape", b && b !== "default" ? b : null), s(t, "invalid", R);
+  }, [a, c, p, o, y, E, e, A, I, P, v, N, n, f, b, R]), d.createElement("ui-pin-input", { ref: m, ...B }, x);
 });
-N.displayName = "PinInput";
-const B = N;
+_.displayName = "PinInput";
+const J = _;
 export {
-  B as OTPInput,
-  N as PinInput,
-  N as default
+  J as OTPInput,
+  _ as PinInput,
+  _ as default
 };

package/dist/PlacementGrid.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react"),O=require("./_internals-b9f3e909.js"),q=a=>a&&a.__esModule?a:{default:a},s=q(P);function t(a){if(a!=null){if(typeof a=="object")try{return JSON.stringify(a)}catch{return}return String(a)}}const w=s.default.forwardRef(function(c,o){const{children:d,className:i,columns:l,rows:r,gap:n,rowGap:u,columnGap:f,autoFlow:m,autoRows:g,autoColumns:p,align:y,justify:e,place:_,alignContent:j,justifyContent:b,placeContent:h,display:I,interactive:N,draggable:C,order:G,headless:E,...S}=c;P.useEffect(()=>{O.warnIfElementNotRegistered("ui-placement-grid","PlacementGrid")},[]);const M={ref:o,className:i,...S,columns:t(l),rows:t(r),gap:t(n),rowgap:t(u),columngap:t(f),autoflow:t(m),autorows:t(g),autocolumns:t(p),align:t(y),justify:t(e),place:t(_),aligncontent:t(j),justifycontent:t(b),placecontent:t(h),display:t(I),interactive:N?"":void 0,draggable:C?"":void 0,order:G&&G!=="dom"?G:void 0,headless:E?"":void 0};return s.default.createElement("ui-placement-grid",M,d)});w.displayName="PlacementGrid";const v=s.default.forwardRef(function({as:c,row:o,column:d,rowSpan:i,columnSpan:l,value:r,label:n,selected:u,disabled:f,children:m,...g},p){const y=c||"div",e={ref:p,"data-ui-placement-item":"",...g};return o!=null&&(e["data-row"]=String(o)),d!=null&&(e["data-column"]=String(d)),i!=null&&i>1&&(e["data-row-span"]=String(i)),l!=null&&l>1&&(e["data-column-span"]=String(l)),r!=null&&r!==""&&(e["data-value"]=r),n&&e["aria-label"]==null&&(e["aria-label"]=n),n&&e.title==null&&(e.title=n),u&&(e["data-selected"]=""),f&&(e["data-disabled"]=""),s.default.createElement(y,e,m)});v.displayName="PlacementGrid.Item";const R=Object.assign(w,{Item:v});exports.PlacementGrid=R;exports.default=R;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react"),O=require("./_internals-5a21394b.js"),q=a=>a&&a.__esModule?a:{default:a},s=q(P);function t(a){if(a!=null){if(typeof a=="object")try{return JSON.stringify(a)}catch{return}return String(a)}}const w=s.default.forwardRef(function(c,o){const{children:d,className:i,columns:l,rows:r,gap:n,rowGap:u,columnGap:f,autoFlow:m,autoRows:g,autoColumns:p,align:y,justify:e,place:_,alignContent:j,justifyContent:b,placeContent:h,display:I,interactive:N,draggable:C,order:G,headless:E,...S}=c;P.useEffect(()=>{O.warnIfElementNotRegistered("ui-placement-grid","PlacementGrid")},[]);const M={ref:o,className:i,...S,columns:t(l),rows:t(r),gap:t(n),rowgap:t(u),columngap:t(f),autoflow:t(m),autorows:t(g),autocolumns:t(p),align:t(y),justify:t(e),place:t(_),aligncontent:t(j),justifycontent:t(b),placecontent:t(h),display:t(I),interactive:N?"":void 0,draggable:C?"":void 0,order:G&&G!=="dom"?G:void 0,headless:E?"":void 0};return s.default.createElement("ui-placement-grid",M,d)});w.displayName="PlacementGrid";const v=s.default.forwardRef(function({as:c,row:o,column:d,rowSpan:i,columnSpan:l,value:r,label:n,selected:u,disabled:f,children:m,...g},p){const y=c||"div",e={ref:p,"data-ui-placement-item":"",...g};return o!=null&&(e["data-row"]=String(o)),d!=null&&(e["data-column"]=String(d)),i!=null&&i>1&&(e["data-row-span"]=String(i)),l!=null&&l>1&&(e["data-column-span"]=String(l)),r!=null&&r!==""&&(e["data-value"]=r),n&&e["aria-label"]==null&&(e["aria-label"]=n),n&&e.title==null&&(e.title=n),u&&(e["data-selected"]=""),f&&(e["data-disabled"]=""),s.default.createElement(y,e,m)});v.displayName="PlacementGrid.Item";const R=Object.assign(w,{Item:v});exports.PlacementGrid=R;exports.default=R;

package/dist/PlacementGrid.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import c, { useEffect as S } from "react";
-import { w as _ } from "./_internals-f8fb69a8.mjs";
+import { w as _ } from "./_internals-d86cc997.mjs";
 function t(a) {
   if (a != null) {
     if (typeof a == "object")

package/dist/PluginPanel.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),w=require("./_internals-b9f3e909.js");function R(r){if(r&&r.__esModule)return r;const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(f,n,l.get?l:{enumerable:!0,get:()=>r[n]})}}return f.default=r,Object.freeze(f)}const u=R(j),A=typeof window<"u"?u.useLayoutEffect:u.useEffect,p=u.forwardRef(function({children:f,open:n,position:l,size:o,title:b,description:E,headless:P,dismissible:m,onOpen:s,onClose:d,onOpenChange:v,...L},_){const g=u.useRef(null);return u.useImperativeHandle(_,()=>g.current),u.useEffect(()=>{w.warnIfElementNotRegistered("ui-plugin-panel","PluginPanel")},[]),u.useEffect(()=>{const e=g.current;if(!e)return;const t=()=>s==null?void 0:s(),c=()=>d==null?void 0:d(),i=y=>{const a=y.detail;a&&(v==null||v(a))};return e.addEventListener("open",t),e.addEventListener("close",c),e.addEventListener("open-change",i),()=>{e.removeEventListener("open",t),e.removeEventListener("close",c),e.removeEventListener("open-change",i)}},[d,s,v]),A(()=>{const e=g.current;if(!e)return;const t=(c,i,y=!0)=>{if(!y)return;const a=e.getAttribute(c);if(i==null){a!=null&&e.removeAttribute(c);return}a!==i&&e.setAttribute(c,i)};typeof n=="boolean"&&t("open",n?"":null),t("position",l??null,l!==void 0),t("size",o&&o!=="md"?o:null,o!==void 0),t("title",b??null,b!==void 0),t("description",E??null,E!==void 0),typeof P=="boolean"&&t("headless",P?"":null),typeof m=="boolean"&&t("dismissible",m?"":null)},[n,l,o,b,E,P,m]),u.createElement("ui-plugin-panel",{ref:g,...L},f)});p.displayName="PluginPanel";exports.PluginPanel=p;exports.default=p;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),w=require("./_internals-5a21394b.js");function R(r){if(r&&r.__esModule)return r;const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(f,n,l.get?l:{enumerable:!0,get:()=>r[n]})}}return f.default=r,Object.freeze(f)}const u=R(j),A=typeof window<"u"?u.useLayoutEffect:u.useEffect,p=u.forwardRef(function({children:f,open:n,position:l,size:o,title:b,description:E,headless:P,dismissible:m,onOpen:s,onClose:d,onOpenChange:v,...L},_){const g=u.useRef(null);return u.useImperativeHandle(_,()=>g.current),u.useEffect(()=>{w.warnIfElementNotRegistered("ui-plugin-panel","PluginPanel")},[]),u.useEffect(()=>{const e=g.current;if(!e)return;const t=()=>s==null?void 0:s(),c=()=>d==null?void 0:d(),i=y=>{const a=y.detail;a&&(v==null||v(a))};return e.addEventListener("open",t),e.addEventListener("close",c),e.addEventListener("open-change",i),()=>{e.removeEventListener("open",t),e.removeEventListener("close",c),e.removeEventListener("open-change",i)}},[d,s,v]),A(()=>{const e=g.current;if(!e)return;const t=(c,i,y=!0)=>{if(!y)return;const a=e.getAttribute(c);if(i==null){a!=null&&e.removeAttribute(c);return}a!==i&&e.setAttribute(c,i)};typeof n=="boolean"&&t("open",n?"":null),t("position",l??null,l!==void 0),t("size",o&&o!=="md"?o:null,o!==void 0),t("title",b??null,b!==void 0),t("description",E??null,E!==void 0),typeof P=="boolean"&&t("headless",P?"":null),typeof m=="boolean"&&t("dismissible",m?"":null)},[n,l,o,b,E,P,m]),u.createElement("ui-plugin-panel",{ref:g,...L},f)});p.displayName="PluginPanel";exports.PluginPanel=p;exports.default=p;

package/dist/PluginPanel.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import * as r from "react";
-import { w as b } from "./_internals-f8fb69a8.mjs";
+import { w as b } from "./_internals-d86cc997.mjs";
 const w = typeof window < "u" ? r.useLayoutEffect : r.useEffect, A = r.forwardRef(function({ children: P, open: d, position: s, size: l, title: v, description: E, headless: m, dismissible: y, onOpen: i, onClose: c, onOpenChange: a, ...p }, g) {
   const o = r.useRef(null);
   return r.useImperativeHandle(g, () => o.current), r.useEffect(() => {

package/dist/Popover.cjs.js

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

package/dist/Popover.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import * as r from "react";
-import { w as F } from "./_internals-f8fb69a8.mjs";
+import { w as F } from "./_internals-d86cc997.mjs";
 const H = typeof window < "u" ? r.useLayoutEffect : r.useEffect, N = r.forwardRef(function({
   children: v,
   open: o,

package/dist/Portal.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),R=r=>r&&r.__esModule?r:{default:r},c=R(s),w=typeof window<"u"?s.useLayoutEffect:s.useEffect,A=c.default.forwardRef(function({target:n,headless:o,disabled:v,strategy:u,onMount:l,onUnmount:i,onSync:a,onTargetMissing:d,children:_,...H},P){const f=s.useRef(null);return c.default.useImperativeHandle(P,()=>f.current),s.useEffect(()=>{const e=f.current;if(!e)return;const m=t=>l==null?void 0:l(t.detail||{count:0}),E=t=>i==null?void 0:i(t.detail||{count:0}),b=t=>a==null?void 0:a(t.detail||{count:0}),L=t=>{const p=t.detail;p&&(d==null||d(p))};return e.addEventListener("mount",m),e.addEventListener("unmount",E),e.addEventListener("sync",b),e.addEventListener("target-missing",L),()=>{e.removeEventListener("mount",m),e.removeEventListener("unmount",E),e.removeEventListener("sync",b),e.removeEventListener("target-missing",L)}},[l,i,a,d]),w(()=>{const e=f.current;e&&(n?e.setAttribute("target",n):e.removeAttribute("target"),u&&u!=="append"?e.setAttribute("strategy",u):e.removeAttribute("strategy"),o?e.setAttribute("headless",""):e.removeAttribute("headless"),v?e.setAttribute("disabled",""):e.removeAttribute("disabled"))},[n,u,o,v]),c.default.createElement("ui-portal",{ref:f,...H},_)});A.displayName="Portal";exports.Portal=A;

package/dist/Portal.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import n, { useRef as w, useEffect as b, useLayoutEffect as P } from "react";
 const R = typeof window < "u" ? P : b, h = n.forwardRef(function({ target: a, headless: f, disabled: c, strategy: r, onMount: i, onUnmount: s, onSync: d, onTargetMissing: u, children: p, ...A }, H) {
   const l = w(null);

package/dist/Positioner.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),L=r=>r&&r.__esModule?r:{default:r},E=L(t),R=typeof window<"u"?t.useLayoutEffect:t.useEffect,a=E.default.forwardRef(function({children:_,open:A,placement:f,strategy:i,offset:l,crossOffset:o,flip:n,shift:b,matchWidth:d,fitViewport:v,anchor:c,headless:m,onPositionChange:s,...w},h){const u=t.useRef(null);return t.useImperativeHandle(h,()=>u.current),t.useEffect(()=>{const e=u.current;if(!e)return;const p=y=>s==null?void 0:s(y.detail);return e.addEventListener("position-change",p),()=>{e.removeEventListener("position-change",p)}},[s]),R(()=>{const e=u.current;e&&(A?e.setAttribute("open",""):e.removeAttribute("open"),f?e.setAttribute("placement",f):e.removeAttribute("placement"),i&&i!=="fixed"?e.setAttribute("strategy",i):e.removeAttribute("strategy"),l!=null?e.setAttribute("offset",String(l)):e.removeAttribute("offset"),o!=null?e.setAttribute("cross-offset",String(o)):e.removeAttribute("cross-offset"),n===!1?e.setAttribute("flip","false"):n?e.setAttribute("flip",""):e.removeAttribute("flip"),b===!1?e.setAttribute("shift","false"):b?e.setAttribute("shift",""):e.removeAttribute("shift"),d?e.setAttribute("match-width",""):e.removeAttribute("match-width"),v?e.setAttribute("fit-viewport",""):e.removeAttribute("fit-viewport"),c?e.setAttribute("anchor",c):e.removeAttribute("anchor"),m?e.setAttribute("headless",""):e.removeAttribute("headless"))},[c,o,v,n,m,d,l,A,f,b,i]),E.default.createElement("ui-positioner",{ref:u,...w},_)});a.displayName="Positioner";exports.Positioner=a;exports.default=a;

package/dist/Positioner.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import v, { useRef as L, useImperativeHandle as y, useEffect as d, useLayoutEffect as R } from "react";
 const x = typeof window < "u" ? R : d, I = v.forwardRef(function({
   children: p,

package/dist/Presence.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),O=s=>s&&s.__esModule?s:{default:s},y=O(u),T=typeof window<"u"?u.useLayoutEffect:u.useEffect,k=y.default.forwardRef(function({present:_,headless:S,mode:i,size:d,variant:a,keepMounted:g,lazy:P,enterDuration:o,exitDuration:L,delay:p,onBeforeEnter:n,onEnter:c,onAfterEnter:l,onBeforeExit:b,onExit:f,onAfterExit:v,children:q,...H},N){const m=u.useRef(null);return y.default.useImperativeHandle(N,()=>m.current),u.useEffect(()=>{const e=m.current;if(!e)return;const r=t=>{const A=t.detail;return(A==null?void 0:A.state)||"hidden"},R=t=>n==null?void 0:n(r(t)),h=t=>c==null?void 0:c(r(t)),w=t=>l==null?void 0:l(r(t)),I=t=>b==null?void 0:b(r(t)),M=t=>f==null?void 0:f(r(t)),j=t=>v==null?void 0:v(r(t));return e.addEventListener("before-enter",R),e.addEventListener("enter",h),e.addEventListener("after-enter",w),e.addEventListener("before-exit",I),e.addEventListener("exit",M),e.addEventListener("after-exit",j),()=>{e.removeEventListener("before-enter",R),e.removeEventListener("enter",h),e.removeEventListener("after-enter",w),e.removeEventListener("before-exit",I),e.removeEventListener("exit",M),e.removeEventListener("after-exit",j)}},[n,c,l,b,f,v]),T(()=>{const e=m.current;e&&(_?e.setAttribute("present",""):e.removeAttribute("present"),S?e.setAttribute("headless",""):e.removeAttribute("headless"),i&&i!=="fade"?e.setAttribute("mode",i):e.removeAttribute("mode"),d&&d!=="md"?e.setAttribute("size",d):e.removeAttribute("size"),a&&a!=="default"?e.setAttribute("variant",a):e.removeAttribute("variant"),g?e.setAttribute("keep-mounted",""):e.removeAttribute("keep-mounted"),P?e.setAttribute("lazy",""):e.removeAttribute("lazy"),typeof o=="number"?e.setAttribute("enter-duration",String(o)):e.removeAttribute("enter-duration"),typeof L=="number"?e.setAttribute("exit-duration",String(L)):e.removeAttribute("exit-duration"),typeof p=="number"?e.setAttribute("delay",String(p)):e.removeAttribute("delay"))},[_,S,i,d,a,g,P,o,L,p]),y.default.createElement("ui-presence",{ref:m,...H},q)});k.displayName="Presence";exports.Presence=k;

package/dist/Presence.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import A, { useRef as q, useEffect as k, useLayoutEffect as z } from "react";
 const C = typeof window < "u" ? z : k, F = A.forwardRef(function({
   present: o,

package/dist/Progress.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),D=n=>n&&n.__esModule?n:{default:n},P=D(s),N=typeof window<"u"?s.useLayoutEffect:s.useEffect,I=P.default.forwardRef(function({value:b,buffer:y,max:S,min:_,indeterminate:p,striped:R,animated:w,showLabel:H,label:c,format:i,precision:L,size:f,variant:d,tone:o,shape:g,mode:A,onValueChange:E,onComplete:a,children:j,...q},B){const v=s.useRef(null);return P.default.useImperativeHandle(B,()=>v.current),s.useEffect(()=>{const e=v.current;if(!e)return;const t=l=>{const r=l.detail;r&&(E==null||E(r))},u=l=>{const r=l.detail;r&&(a==null||a(r))};return e.addEventListener("change",t),e.addEventListener("complete",u),()=>{e.removeEventListener("change",t),e.removeEventListener("complete",u)}},[E,a]),N(()=>{const e=v.current;if(!e)return;const t=(l,r)=>{const M=e.getAttribute(l);if(r==null){M!=null&&e.removeAttribute(l);return}M!==r&&e.setAttribute(l,r)},u=(l,r)=>{r?e.hasAttribute(l)||e.setAttribute(l,""):e.hasAttribute(l)&&e.removeAttribute(l)};t("value",b!=null?String(b):null),t("buffer",y!=null?String(y):null),t("max",S!=null?String(S):null),t("min",_!=null?String(_):null),u("indeterminate",p),u("striped",R),u("animated",w),u("show-label",H),t("label",c!=null&&c!==""?c:null),t("format",i!=null&&i!=="percent"?i:null),t("precision",L!=null?String(L):null),t("size",f&&f!=="md"?f:null),t("variant",d&&d!=="default"?d:null),t("tone",o&&o!=="brand"?o:null),t("shape",g&&g!=="pill"?g:null),t("mode",A&&A!=="line"?A:null)},[b,y,S,_,p,R,w,H,c,i,L,f,d,o,g,A]),P.default.createElement("ui-progress",{ref:v,...q},j)});I.displayName="Progress";exports.Progress=I;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const w=require("react"),t=require("./_internals-5a21394b.js"),N=r=>r&&r.__esModule?r:{default:r},o=N(w),H=o.default.forwardRef(function({value:A,buffer:S,max:a,min:f,indeterminate:P,striped:B,animated:R,showLabel:p,label:e,format:s,precision:_,size:i,variant:l,tone:c,shape:b,mode:g,onValueChange:y,onComplete:d,children:M,...k},q){const E=t.useForwardedHostRef(q),v=o.default.useCallback(n=>{const u=t.getCustomEventDetail(n);u&&(y==null||y(u))},[y]),D=o.default.useCallback(n=>{const u=t.getCustomEventDetail(n);u&&(d==null||d(u))},[d]);return t.useElementEventListeners(E,[{type:"change",listener:v},{type:"complete",listener:D}],[v,D]),t.useElementAttributes(E,n=>{t.syncStringAttribute(n,"value",A!=null?String(A):null),t.syncStringAttribute(n,"buffer",S!=null?String(S):null),t.syncStringAttribute(n,"max",a!=null?String(a):null),t.syncStringAttribute(n,"min",f!=null?String(f):null),t.syncBooleanAttribute(n,"indeterminate",P),t.syncBooleanAttribute(n,"striped",B),t.syncBooleanAttribute(n,"animated",R),t.syncBooleanAttribute(n,"show-label",p),t.syncStringAttribute(n,"label",e!=null&&e!==""?e:null),t.syncStringAttribute(n,"format",s!=null&&s!=="percent"?s:null),t.syncNumberAttribute(n,"precision",typeof _=="number"?_:void 0),t.syncStringAttribute(n,"size",i&&i!=="md"?i:null),t.syncStringAttribute(n,"variant",l&&l!=="default"?l:null),t.syncStringAttribute(n,"tone",c&&c!=="brand"?c:null),t.syncStringAttribute(n,"shape",b&&b!=="pill"?b:null),t.syncStringAttribute(n,"mode",g&&g!=="line"?g:null)},[A,S,a,f,P,B,R,p,e,s,_,i,l,c,b,g]),o.default.createElement("ui-progress",{ref:E,...k},M)});H.displayName="Progress";exports.Progress=H;

package/dist/Progress.esm.js

@@ -1,59 +1,47 @@
-import p, { useRef as k, useEffect as _, useLayoutEffect as q } from "react";
-const D = typeof window < "u" ? q : _, F = p.forwardRef(function({
-  value: v,
-  buffer: y,
-  max: b,
-  min: L,
-  indeterminate: w,
+'use client';
+import a from "react";
+import { c as F, g as N, u as j, a as q, s as r, b, d as v } from "./_internals-d86cc997.mjs";
+const x = a.forwardRef(function({
+  value: y,
+  buffer: E,
+  max: S,
+  min: o,
+  indeterminate: m,
   striped: H,
   animated: P,
   showLabel: R,
-  label: u,
-  format: i,
-  precision: S,
-  size: s,
+  label: n,
+  format: l,
+  precision: p,
+  size: u,
   variant: c,
-  tone: f,
+  tone: i,
   shape: d,
-  mode: o,
-  onValueChange: A,
+  mode: e,
+  onValueChange: f,
   onComplete: g,
-  children: B,
-  ...N
-}, j) {
-  const E = k(null);
-  return p.useImperativeHandle(j, () => E.current), _(() => {
-    const r = E.current;
-    if (!r)
-      return;
-    const t = (e) => {
-      const l = e.detail;
-      l && (A == null || A(l));
-    }, n = (e) => {
-      const l = e.detail;
-      l && (g == null || g(l));
-    };
-    return r.addEventListener("change", t), r.addEventListener("complete", n), () => {
-      r.removeEventListener("change", t), r.removeEventListener("complete", n);
-    };
-  }, [A, g]), D(() => {
-    const r = E.current;
-    if (!r)
-      return;
-    const t = (e, l) => {
-      const I = r.getAttribute(e);
-      if (l == null) {
-        I != null && r.removeAttribute(e);
-        return;
-      }
-      I !== l && r.setAttribute(e, l);
-    }, n = (e, l) => {
-      l ? r.hasAttribute(e) || r.setAttribute(e, "") : r.hasAttribute(e) && r.removeAttribute(e);
-    };
-    t("value", v != null ? String(v) : null), t("buffer", y != null ? String(y) : null), t("max", b != null ? String(b) : null), t("min", L != null ? String(L) : null), n("indeterminate", w), n("striped", H), n("animated", P), n("show-label", R), t("label", u != null && u !== "" ? u : null), t("format", i != null && i !== "percent" ? i : null), t("precision", S != null ? String(S) : null), t("size", s && s !== "md" ? s : null), t("variant", c && c !== "default" ? c : null), t("tone", f && f !== "brand" ? f : null), t("shape", d && d !== "pill" ? d : null), t("mode", o && o !== "line" ? o : null);
-  }, [v, y, b, L, w, H, P, R, u, i, S, s, c, f, d, o]), p.createElement("ui-progress", { ref: E, ...N }, B);
+  children: _,
+  ...B
+}, D) {
+  const A = F(D), k = a.useCallback((t) => {
+    const s = N(t);
+    s && (f == null || f(s));
+  }, [f]), w = a.useCallback((t) => {
+    const s = N(t);
+    s && (g == null || g(s));
+  }, [g]);
+  return j(
+    A,
+    [
+      { type: "change", listener: k },
+      { type: "complete", listener: w }
+    ],
+    [k, w]
+  ), q(A, (t) => {
+    r(t, "value", y != null ? String(y) : null), r(t, "buffer", E != null ? String(E) : null), r(t, "max", S != null ? String(S) : null), r(t, "min", o != null ? String(o) : null), b(t, "indeterminate", m), b(t, "striped", H), b(t, "animated", P), b(t, "show-label", R), r(t, "label", n != null && n !== "" ? n : null), r(t, "format", l != null && l !== "percent" ? l : null), v(t, "precision", typeof p == "number" ? p : void 0), r(t, "size", u && u !== "md" ? u : null), r(t, "variant", c && c !== "default" ? c : null), r(t, "tone", i && i !== "brand" ? i : null), r(t, "shape", d && d !== "pill" ? d : null), r(t, "mode", e && e !== "line" ? e : null);
+  }, [y, E, S, o, m, H, P, R, n, l, p, u, c, i, d, e]), a.createElement("ui-progress", { ref: A, ...B }, _);
 });
-F.displayName = "Progress";
+x.displayName = "Progress";
 export {
-  F as Progress
+  x as Progress
 };

package/dist/QuickActions.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),q=s=>s&&s.__esModule?s:{default:s},k=q(r),I=typeof window<"u"?r.useLayoutEffect:r.useEffect,R=k.default.forwardRef(function({open:f,mode:o,orientation:l,variant:d,floating:L,placement:A,collapsible:Q,label:_,headless:p,onSelect:b,onOpenChange:y,onToggle:E,children:w,...M},j){const v=r.useRef(null);return r.useImperativeHandle(j,()=>v.current),r.useEffect(()=>{const t=v.current;if(!t)return;const e=u=>{const c=u.detail;c&&(b==null||b(c))},i=u=>{var a;const c=(a=u.detail)==null?void 0:a.open;typeof c=="boolean"&&(y==null||y(c))},n=u=>{var a;const c=(a=u.detail)==null?void 0:a.open;typeof c=="boolean"&&(E==null||E(c))};return t.addEventListener("select",e),t.addEventListener("change",i),t.addEventListener("toggle",n),()=>{t.removeEventListener("select",e),t.removeEventListener("change",i),t.removeEventListener("toggle",n)}},[b,y,E]),I(()=>{const t=v.current;if(!t)return;const e=(n,u)=>{const c=t.getAttribute(n);if(u==null){c!=null&&t.removeAttribute(n);return}c!==u&&t.setAttribute(n,u)},i=(n,u)=>{u?e(n,""):e(n,null)};typeof f=="boolean"?i("open",f):e("open",null),e("mode",o&&o!=="bar"?o:null),e("orientation",l&&l!=="horizontal"?l:null),e("variant",d&&d!=="default"?d:null),i("floating",L),e("placement",A&&A!=="bottom-right"?A:null),i("collapsible",Q),e("label",_||null),i("headless",p)},[f,o,l,d,L,A,Q,_,p]),k.default.createElement("ui-quick-actions",{ref:v,...M},w)});R.displayName="QuickActions";const m=k.default.forwardRef(function({children:f,...o},l){return k.default.createElement("button",{ref:l,slot:"action",type:"button",...o},f)});m.displayName="QuickActions.Action";const h=Object.assign(R,{Action:m});exports.QuickActions=h;exports.default=h;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),e=require("./_internals-5a21394b.js"),w=s=>s&&s.__esModule?s:{default:s},i=w(q),R=i.default.forwardRef(function({open:o,mode:n,orientation:c,variant:r,floating:y,placement:a,collapsible:k,label:E,headless:Q,onSelect:f,onOpenChange:b,onToggle:d,children:B,...D},S){const A=e.useForwardedHostRef(S),_=i.default.useCallback(t=>{const u=e.getCustomEventDetail(t);u&&(f==null||f(u))},[f]),m=i.default.useCallback(t=>{var l;const u=(l=e.getCustomEventDetail(t))==null?void 0:l.open;typeof u=="boolean"&&(b==null||b(u))},[b]),p=i.default.useCallback(t=>{var l;const u=(l=e.getCustomEventDetail(t))==null?void 0:l.open;typeof u=="boolean"&&(d==null||d(u))},[d]);return e.useElementEventListeners(A,[{type:"select",listener:_},{type:"change",listener:m},{type:"toggle",listener:p}],[_,m,p]),e.useElementAttributes(A,t=>{typeof o=="boolean"?e.syncBooleanAttribute(t,"open",o):e.syncStringAttribute(t,"open",null),e.syncStringAttribute(t,"mode",n&&n!=="bar"?n:null),e.syncStringAttribute(t,"orientation",c&&c!=="horizontal"?c:null),e.syncStringAttribute(t,"variant",r&&r!=="default"?r:null),e.syncBooleanAttribute(t,"floating",y),e.syncStringAttribute(t,"placement",a&&a!=="bottom-right"?a:null),e.syncBooleanAttribute(t,"collapsible",k),e.syncStringAttribute(t,"label",E||null),e.syncBooleanAttribute(t,"headless",Q)},[o,n,c,r,y,a,k,E,Q]),i.default.createElement("ui-quick-actions",{ref:A,...D},B)});R.displayName="QuickActions";const g=i.default.forwardRef(function({children:o,...n},c){return i.default.createElement("button",{ref:c,slot:"action",type:"button",...n},o)});g.displayName="QuickActions.Action";const v=Object.assign(R,{Action:g});exports.QuickActions=v;exports.default=v;