@editora/ui-react 0.1.10 → 0.1.11

package/dist/QuickActions.esm.js

@@ -1,68 +1,57 @@
-import E, { useRef as _, useImperativeHandle as j, useEffect as m, useLayoutEffect as q } from "react";
-const x = typeof window < "u" ? q : m, p = E.forwardRef(function({
-  open: r,
-  mode: u,
-  orientation: o,
-  variant: f,
-  floating: v,
-  placement: a,
-  collapsible: k,
-  label: L,
+'use client';
+import c from "react";
+import { c as z, g as k, u as B, a as D, b as A, s as u } from "./_internals-d86cc997.mjs";
+const x = c.forwardRef(function({
+  open: o,
+  mode: i,
+  orientation: e,
+  variant: a,
+  floating: y,
+  placement: l,
+  collapsible: m,
+  label: p,
   headless: Q,
-  onSelect: d,
-  onOpenChange: A,
+  onSelect: r,
+  onOpenChange: f,
   onToggle: b,
-  children: w,
-  ...I
-}, N) {
-  const y = _(null);
-  return j(N, () => y.current), m(() => {
-    const t = y.current;
-    if (!t)
-      return;
-    const e = (n) => {
-      const c = n.detail;
-      c && (d == null || d(c));
-    }, s = (n) => {
-      var l;
-      const c = (l = n.detail) == null ? void 0 : l.open;
-      typeof c == "boolean" && (A == null || A(c));
-    }, i = (n) => {
-      var l;
-      const c = (l = n.detail) == null ? void 0 : l.open;
-      typeof c == "boolean" && (b == null || b(c));
-    };
-    return t.addEventListener("select", e), t.addEventListener("change", s), t.addEventListener("toggle", i), () => {
-      t.removeEventListener("select", e), t.removeEventListener("change", s), t.removeEventListener("toggle", i);
-    };
-  }, [d, A, b]), x(() => {
-    const t = y.current;
-    if (!t)
-      return;
-    const e = (i, n) => {
-      const c = t.getAttribute(i);
-      if (n == null) {
-        c != null && t.removeAttribute(i);
-        return;
-      }
-      c !== n && t.setAttribute(i, n);
-    }, s = (i, n) => {
-      n ? e(i, "") : e(i, null);
-    };
-    typeof r == "boolean" ? s("open", r) : e("open", null), e("mode", u && u !== "bar" ? u : null), e("orientation", o && o !== "horizontal" ? o : null), e("variant", f && f !== "default" ? f : null), s("floating", v), e("placement", a && a !== "bottom-right" ? a : null), s("collapsible", k), e("label", L || null), s("headless", Q);
-  }, [r, u, o, f, v, a, k, L, Q]), E.createElement("ui-quick-actions", { ref: y, ...I }, w);
+  children: _,
+  ...j
+}, q) {
+  const d = z(q), E = c.useCallback((t) => {
+    const s = k(t);
+    s && (r == null || r(s));
+  }, [r]), R = c.useCallback((t) => {
+    var n;
+    const s = (n = k(t)) == null ? void 0 : n.open;
+    typeof s == "boolean" && (f == null || f(s));
+  }, [f]), w = c.useCallback((t) => {
+    var n;
+    const s = (n = k(t)) == null ? void 0 : n.open;
+    typeof s == "boolean" && (b == null || b(s));
+  }, [b]);
+  return B(
+    d,
+    [
+      { type: "select", listener: E },
+      { type: "change", listener: R },
+      { type: "toggle", listener: w }
+    ],
+    [E, R, w]
+  ), D(d, (t) => {
+    typeof o == "boolean" ? A(t, "open", o) : u(t, "open", null), u(t, "mode", i && i !== "bar" ? i : null), u(t, "orientation", e && e !== "horizontal" ? e : null), u(t, "variant", a && a !== "default" ? a : null), A(t, "floating", y), u(t, "placement", l && l !== "bottom-right" ? l : null), A(t, "collapsible", m), u(t, "label", p || null), A(t, "headless", Q);
+  }, [o, i, e, a, y, l, m, p, Q]), c.createElement("ui-quick-actions", { ref: d, ...j }, _);
 });
-p.displayName = "QuickActions";
-const R = E.forwardRef(
-  function({ children: r, ...u }, o) {
-    return E.createElement("button", { ref: o, slot: "action", type: "button", ...u }, r);
+x.displayName = "QuickActions";
+const h = c.forwardRef(
+  function({ children: o, ...i }, e) {
+    return c.createElement("button", { ref: e, slot: "action", type: "button", ...i }, o);
   }
 );
-R.displayName = "QuickActions.Action";
-const B = Object.assign(p, {
-  Action: R
+h.displayName = "QuickActions.Action";
+const L = Object.assign(x, {
+  Action: h
 });
 export {
-  B as QuickActions,
-  B as default
+  L as QuickActions,
+  L as default
 };

package/dist/RadioGroup.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),w=r=>r&&r.__esModule?r:{default:r},m=w(f),y=typeof window<"u"?f.useLayoutEffect:f.useEffect,v=m.default.forwardRef(function({value:p,disabled:A,required:R,name:E,orientation:n,variant:s,size:c,tone:i,options:o,onValueChange:d,children:G,...L},g){const a=f.useRef(null);return m.default.useImperativeHandle(g,()=>a.current),f.useEffect(()=>{const t=a.current;if(!t)return;const e=b=>{const u=b.detail;u&&(d==null||d(u))};return t.addEventListener("change",e),()=>t.removeEventListener("change",e)},[d]),y(()=>{const t=a.current;if(!t)return;const e=(u,l)=>{const _=t.getAttribute(u);if(l==null){_!=null&&t.removeAttribute(u);return}_!==l&&t.setAttribute(u,l)},b=(u,l)=>{l?t.hasAttribute(u)||t.setAttribute(u,""):t.hasAttribute(u)&&t.removeAttribute(u)};e("value",p??null),b("disabled",A),b("required",R),e("name",E||null),e("orientation",n&&n!=="vertical"?n:null),e("variant",s&&s!=="default"?s:null),e("size",c&&c!=="md"?c:null),e("tone",i&&i!=="brand"?i:null),o&&o.length?e("options",JSON.stringify(o)):e("options",null)},[p,A,R,E,n,s,c,i,o]),m.default.createElement("ui-radio-group",{ref:a,...L},G)});v.displayName="RadioGroup";exports.RadioGroup=v;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const E=require("react"),t=require("./_internals-5a21394b.js"),p=r=>r&&r.__esModule?r:{default:r},b=p(E),S=b.default.forwardRef(function({value:d,disabled:f,required:o,name:y,orientation:l,variant:n,size:s,tone:c,options:u,onValueChange:i,children:_,...g},m){const a=t.useForwardedHostRef(m),A=b.default.useCallback(e=>{const R=t.getCustomEventDetail(e);R&&(i==null||i(R))},[i]);return t.useElementEventListeners(a,[{type:"change",listener:A}],[A]),t.useElementAttributes(a,e=>{t.syncStringAttribute(e,"value",d??null),t.syncBooleanAttribute(e,"disabled",f),t.syncBooleanAttribute(e,"required",o),t.syncStringAttribute(e,"name",y||null),t.syncStringAttribute(e,"orientation",l&&l!=="vertical"?l:null),t.syncStringAttribute(e,"variant",n&&n!=="default"?n:null),t.syncStringAttribute(e,"size",s&&s!=="md"?s:null),t.syncStringAttribute(e,"tone",c&&c!=="brand"?c:null),t.syncJsonAttribute(e,"options",u!=null&&u.length?u:null)},[d,f,o,y,l,n,s,c,u]),b.default.createElement("ui-radio-group",{ref:a,...g},_)});S.displayName="RadioGroup";exports.RadioGroup=S;

package/dist/RadioGroup.esm.js

@@ -1,46 +1,29 @@
-import p, { useRef as G, useEffect as R, useLayoutEffect as h } from "react";
-const y = typeof window < "u" ? h : R, I = p.forwardRef(function({
-  value: m,
-  disabled: a,
+'use client';
+import m from "react";
+import { c as G, g as w, u as _, a as g, s as r, b as E, f as k } from "./_internals-d86cc997.mjs";
+const x = m.forwardRef(function({
+  value: a,
+  disabled: n,
   required: b,
-  name: A,
-  orientation: l,
-  variant: n,
-  size: f,
-  tone: i,
-  options: c,
-  onValueChange: s,
-  children: v,
-  ...L
-}, w) {
-  const o = G(null);
-  return p.useImperativeHandle(w, () => o.current), R(() => {
-    const t = o.current;
-    if (!t)
-      return;
-    const e = (d) => {
-      const r = d.detail;
-      r && (s == null || s(r));
-    };
-    return t.addEventListener("change", e), () => t.removeEventListener("change", e);
-  }, [s]), y(() => {
-    const t = o.current;
-    if (!t)
-      return;
-    const e = (r, u) => {
-      const E = t.getAttribute(r);
-      if (u == null) {
-        E != null && t.removeAttribute(r);
-        return;
-      }
-      E !== u && t.setAttribute(r, u);
-    }, d = (r, u) => {
-      u ? t.hasAttribute(r) || t.setAttribute(r, "") : t.hasAttribute(r) && t.removeAttribute(r);
-    };
-    e("value", m ?? null), d("disabled", a), d("required", b), e("name", A || null), e("orientation", l && l !== "vertical" ? l : null), e("variant", n && n !== "default" ? n : null), e("size", f && f !== "md" ? f : null), e("tone", i && i !== "brand" ? i : null), c && c.length ? e("options", JSON.stringify(c)) : e("options", null);
-  }, [m, a, b, A, l, n, f, i, c]), p.createElement("ui-radio-group", { ref: o, ...L }, v);
+  name: i,
+  orientation: s,
+  variant: l,
+  size: e,
+  tone: c,
+  options: u,
+  onValueChange: d,
+  children: o,
+  ...p
+}, A) {
+  const f = G(A), R = m.useCallback((t) => {
+    const y = w(t);
+    y && (d == null || d(y));
+  }, [d]);
+  return _(f, [{ type: "change", listener: R }], [R]), g(f, (t) => {
+    r(t, "value", a ?? null), E(t, "disabled", n), E(t, "required", b), r(t, "name", i || null), r(t, "orientation", s && s !== "vertical" ? s : null), r(t, "variant", l && l !== "default" ? l : null), r(t, "size", e && e !== "md" ? e : null), r(t, "tone", c && c !== "brand" ? c : null), k(t, "options", u != null && u.length ? u : null);
+  }, [a, n, b, i, s, l, e, c, u]), m.createElement("ui-radio-group", { ref: f, ...p }, o);
 });
-I.displayName = "RadioGroup";
+x.displayName = "RadioGroup";
 export {
-  I as RadioGroup
+  x as RadioGroup
 };

package/dist/Rating.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),F=i=>i&&i.__esModule?i:{default:i},N=F(r),G=typeof window<"u"?r.useLayoutEffect:r.useEffect,O=N.default.forwardRef(function({value:b,max:E,precision:_,disabled:p,readonly:v,variant:c,size:s,theme:f,tone:m,state:a,animation:P,shape:d,radius:g,ariaLabel:S,ariaLabelledBy:A,ariaDescribedBy:M,label:w,showValue:I,onChange:y,children:k,...x},D){const R=r.useRef(null);return r.useImperativeHandle(D,()=>R.current),r.useEffect(()=>{const e=R.current;if(!e)return;const t=o=>{const l=o.detail;l&&(y==null||y(l))};return e.addEventListener("change",t),()=>{e.removeEventListener("change",t)}},[y]),G(()=>{const e=R.current;if(!e)return;const t=(n,u)=>{const H=e.getAttribute(n);if(u==null){H!=null&&e.removeAttribute(n);return}H!==u&&e.setAttribute(n,u)},o=(n,u)=>{u===!0?t(n,""):t(n,null)},l=(n,u)=>{e[n]=u},L=b??0,j=E??5,q=_??1;l("value",L),l("max",j),l("precision",q),l("disabled",!!p),l("readonly",!!v),t("value",String(L)),t("max",String(j)),t("precision",String(q)),o("disabled",p),o("readonly",v),t("variant",c&&c!=="default"?c:null),t("size",s&&s!=="md"?s:null),t("theme",f&&f!=="light"?f:null),t("tone",m||null),t("state",a&&a!=="idle"?a:null),t("animation",P||null),t("shape",d&&d!=="rounded"?d:null),t("aria-label",S||null),t("aria-labelledby",A||null),t("aria-describedby",M||null),t("label",w||null),o("show-value",I),g?(e.style.setProperty("--ui-rating-radius",g),t("radius",g)):(e.style.removeProperty("--ui-rating-radius"),t("radius",null))},[b,E,_,p,v,c,s,f,m,a,P,d,g,S,A,M,w,I]),N.default.createElement("ui-rating",{ref:R,...x},k)});O.displayName="Rating";const T=O;exports.Rating=T;exports.default=T;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),J=u=>u&&u.__esModule?u:{default:u},j=J(s),K=typeof window<"u"?s.useLayoutEffect:s.useEffect,q=j.default.forwardRef(function({value:v,max:g,precision:p,disabled:f,readonly:d,variant:N,size:O,theme:V,tone:y,state:k,animation:R,shape:x,radius:o,ariaLabel:m,ariaLabelledBy:S,ariaDescribedBy:b,label:E,showValue:_,onChange:c,children:D,...F},G){const a=s.useRef(null),h=N??"default",P=O??"md",A=V??"light",M=k??"idle",w=x??"rounded";return s.useImperativeHandle(G,()=>a.current),s.useEffect(()=>{const t=a.current;if(!t)return;const e=i=>{const n=i.detail;n&&(c==null||c(n))};return t.addEventListener("change",e),()=>{t.removeEventListener("change",e)}},[c]),K(()=>{const t=a.current;if(!t)return;const e=(r,l)=>{const T=t.getAttribute(r);if(l==null){T!=null&&t.removeAttribute(r);return}T!==l&&t.setAttribute(r,l)},i=(r,l)=>{l===!0?e(r,""):e(r,null)},n=(r,l)=>{t[r]=l},z=v??0,I=g??5,L=p??1;n("value",z),n("max",I),n("precision",L),n("disabled",!!f),n("readonly",!!d),e("value",String(z)),e("max",String(I)),e("precision",String(L)),i("disabled",f),i("readonly",d),e("variant",h),e("size",P),e("theme",A),e("tone",y||null),e("state",M),e("animation",R||null),e("shape",w),e("aria-label",m||null),e("aria-labelledby",S||null),e("aria-describedby",b||null),e("label",E||null),i("show-value",_),o?(t.style.setProperty("--ui-rating-radius",o),e("radius",o)):(t.style.removeProperty("--ui-rating-radius"),e("radius",null))},[v,g,p,f,d,h,P,A,y,M,R,w,o,m,S,b,E,_]),j.default.createElement("ui-rating",{ref:a,...F},D)});q.displayName="Rating";const H=q;exports.Rating=H;exports.default=H;

package/dist/Rating.esm.js

@@ -1,82 +1,83 @@
-import M, { useRef as G, useImperativeHandle as J, useEffect as N, useLayoutEffect as K } from "react";
-const O = typeof window < "u" ? K : N, j = M.forwardRef(
+'use client';
+import x, { useRef as J, useImperativeHandle as K, useEffect as H, useLayoutEffect as O } from "react";
+const Q = typeof window < "u" ? O : H, M = x.forwardRef(
   function({
-    value: p,
-    max: m,
+    value: f,
+    max: d,
     precision: v,
-    disabled: g,
-    readonly: R,
-    variant: i,
-    size: o,
-    theme: c,
-    tone: E,
-    state: s,
-    animation: b,
-    shape: f,
-    radius: d,
-    ariaLabel: A,
-    ariaLabelledBy: P,
-    ariaDescribedBy: w,
-    label: S,
-    showValue: I,
-    onChange: a,
-    children: k,
-    ...q
-  }, F) {
-    const y = G(null);
-    return J(F, () => y.current), N(() => {
-      const e = y.current;
+    disabled: c,
+    readonly: a,
+    variant: N,
+    size: T,
+    theme: V,
+    tone: p,
+    state: j,
+    animation: y,
+    shape: k,
+    radius: i,
+    ariaLabel: g,
+    ariaLabelledBy: m,
+    ariaDescribedBy: R,
+    label: E,
+    showValue: S,
+    onChange: o,
+    children: q,
+    ...F
+  }, G) {
+    const u = J(null), b = N ?? "default", h = T ?? "md", A = V ?? "light", P = j ?? "idle", w = k ?? "rounded";
+    return K(G, () => u.current), H(() => {
+      const e = u.current;
       if (!e)
         return;
-      const t = (u) => {
-        const l = u.detail;
-        l && (a == null || a(l));
+      const t = (s) => {
+        const n = s.detail;
+        n && (o == null || o(n));
       };
       return e.addEventListener("change", t), () => {
         e.removeEventListener("change", t);
       };
-    }, [a]), O(() => {
-      const e = y.current;
+    }, [o]), Q(() => {
+      const e = u.current;
       if (!e)
         return;
-      const t = (n, r) => {
-        const H = e.getAttribute(n);
-        if (r == null) {
-          H != null && e.removeAttribute(n);
+      const t = (r, l) => {
+        const _ = e.getAttribute(r);
+        if (l == null) {
+          _ != null && e.removeAttribute(r);
           return;
         }
-        H !== r && e.setAttribute(n, r);
-      }, u = (n, r) => {
-        r === !0 ? t(n, "") : t(n, null);
-      }, l = (n, r) => {
-        e[n] = r;
-      }, L = p ?? 0, _ = m ?? 5, x = v ?? 1;
-      l("value", L), l("max", _), l("precision", x), l("disabled", !!g), l("readonly", !!R), t("value", String(L)), t("max", String(_)), t("precision", String(x)), u("disabled", g), u("readonly", R), t("variant", i && i !== "default" ? i : null), t("size", o && o !== "md" ? o : null), t("theme", c && c !== "light" ? c : null), t("tone", E || null), t("state", s && s !== "idle" ? s : null), t("animation", b || null), t("shape", f && f !== "rounded" ? f : null), t("aria-label", A || null), t("aria-labelledby", P || null), t("aria-describedby", w || null), t("label", S || null), u("show-value", I), d ? (e.style.setProperty("--ui-rating-radius", d), t("radius", d)) : (e.style.removeProperty("--ui-rating-radius"), t("radius", null));
+        _ !== l && e.setAttribute(r, l);
+      }, s = (r, l) => {
+        l === !0 ? t(r, "") : t(r, null);
+      }, n = (r, l) => {
+        e[r] = l;
+      }, z = f ?? 0, I = d ?? 5, L = v ?? 1;
+      n("value", z), n("max", I), n("precision", L), n("disabled", !!c), n("readonly", !!a), t("value", String(z)), t("max", String(I)), t("precision", String(L)), s("disabled", c), s("readonly", a), t("variant", b), t("size", h), t("theme", A), t("tone", p || null), t("state", P), t("animation", y || null), t("shape", w), t("aria-label", g || null), t("aria-labelledby", m || null), t("aria-describedby", R || null), t("label", E || null), s("show-value", S), i ? (e.style.setProperty("--ui-rating-radius", i), t("radius", i)) : (e.style.removeProperty("--ui-rating-radius"), t("radius", null));
     }, [
-      p,
-      m,
+      f,
+      d,
       v,
-      g,
-      R,
-      i,
-      o,
       c,
-      E,
-      s,
+      a,
       b,
-      f,
-      d,
+      h,
       A,
+      p,
       P,
+      y,
       w,
-      S,
-      I
-    ]), M.createElement("ui-rating", { ref: y, ...q }, k);
+      i,
+      g,
+      m,
+      R,
+      E,
+      S
+    ]), x.createElement("ui-rating", { ref: u, ...F }, q);
   }
 );
-j.displayName = "Rating";
-const U = j;
+M.displayName = "Rating";
+const X = M;
 export {
-  U as Rating,
-  U as default
+  X as Rating,
+  X as default
 };

package/dist/RovingFocusGroup.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),E=u=>u&&u.__esModule?u:{default:u},v=E(t),_=typeof window<"u"?t.useLayoutEffect:t.useEffect,f=v.default.forwardRef(function({children:p,itemSelector:i,directItemSelector:l,activeAttribute:r,loop:n,container:c,onActiveItemChange:s,...b},m){const o=t.useRef(null);return t.useImperativeHandle(m,()=>o.current),t.useEffect(()=>{const e=o.current;if(!e)return;const a=R=>{const d=R.detail;d&&(s==null||s(d))};return e.addEventListener("active-item-change",a),()=>{e.removeEventListener("active-item-change",a)}},[s]),_(()=>{const e=o.current;e&&(i?e.setAttribute("item-selector",i):e.removeAttribute("item-selector"),l?e.setAttribute("direct-item-selector",l):e.removeAttribute("direct-item-selector"),r===null?e.setAttribute("active-attribute",""):r?e.setAttribute("active-attribute",r):e.removeAttribute("active-attribute"),n===!1?e.setAttribute("loop","false"):e.removeAttribute("loop"),e.container=c??null)},[r,c,l,i,n]),v.default.createElement("ui-roving-focus-group",{ref:o,...b},p)});f.displayName="RovingFocusGroup";exports.RovingFocusGroup=f;exports.default=f;

package/dist/RovingFocusGroup.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import a, { useRef as m, useImperativeHandle as E, useEffect as c, useLayoutEffect as R } from "react";
 const y = typeof window < "u" ? R : c, L = a.forwardRef(function({ children: d, itemSelector: s, directItemSelector: i, activeAttribute: t, loop: o, container: f, onActiveItemChange: r, ...p }, v) {
   const u = m(null);

package/dist/ScrollArea.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),I=s=>s&&s.__esModule?s:{default:s},b=I(f),j=typeof window<"u"?f.useLayoutEffect:f.useEffect,p=b.default.forwardRef(function({orientation:i,size:n,variant:d,tone:o,autoHide:m,shadows:y,onScrollChange:v,onReachStart:a,onReachEnd:A,children:E,...w},M){const L=f.useRef(null);return b.default.useImperativeHandle(M,()=>L.current),f.useEffect(()=>{const e=L.current;if(!e)return;const l=r=>{const u=r.detail;u&&(v==null||v(u))},c=()=>a==null?void 0:a(),t=()=>A==null?void 0:A();return e.addEventListener("scroll",l),e.addEventListener("reach-start",c),e.addEventListener("reach-end",t),()=>{e.removeEventListener("scroll",l),e.removeEventListener("reach-start",c),e.removeEventListener("reach-end",t)}},[v,a,A]),j(()=>{const e=L.current;if(!e)return;const l=(t,r)=>{const u=e.getAttribute(t);if(r==null){u!=null&&e.removeAttribute(t);return}u!==r&&e.setAttribute(t,r)},c=(t,r)=>{const u=e.getAttribute(t);if(r==null){u!=null&&e.removeAttribute(t);return}const _=r?"true":"false";u!==_&&e.setAttribute(t,_)};l("orientation",i&&i!=="vertical"?i:null),l("size",n&&n!=="md"?n:null),l("variant",d&&d!=="default"?d:null),l("tone",o&&o!=="neutral"?o:null),c("auto-hide",m),c("shadows",y)},[i,n,d,o,m,y]),b.default.createElement("ui-scroll-area",{ref:L,...w},E)});p.displayName="ScrollArea";exports.ScrollArea=p;

package/dist/ScrollArea.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import m, { useRef as I, useEffect as b, useLayoutEffect as _ } from "react";
 const B = typeof window < "u" ? _ : b, N = m.forwardRef(function({
   orientation: f,

package/dist/Section.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),E=u=>u&&u.__esModule?u:{default:u},a=E(o),R=typeof window<"u"?o.useLayoutEffect:o.useEffect,b=a.default.forwardRef(function({size:n="medium",variant:c="default",tone:f="neutral",radius:i="md",density:s="comfortable",inset:m,children:_,...p},y){const d=o.useRef(null);return a.default.useImperativeHandle(y,()=>d.current),R(()=>{const t=d.current;if(!t)return;const l=(e,r)=>{const A=t.getAttribute(e);if(r==null){A!=null&&t.removeAttribute(e);return}A!==r&&t.setAttribute(e,r)},S=(e,r)=>{r?t.hasAttribute(e)||t.setAttribute(e,""):t.hasAttribute(e)&&t.removeAttribute(e)};l("size",n!=="medium"?n:null),l("variant",c!=="default"?c:null),l("tone",f!=="neutral"?f:null),l("radius",i!=="md"?i:null),l("density",s!=="comfortable"?s:null),S("inset",m)},[n,c,f,i,s,m]),a.default.createElement("ui-section",{ref:d,...p},_)});b.displayName="Section";exports.Section=b;exports.default=b;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("react"),v=e=>e&&e.__esModule?e:{default:e},l=v(m),t=l.default.forwardRef(function({size:o="medium",variant:d="default",tone:i="neutral",radius:u="md",density:a="comfortable",inset:n,children:r,...c},f){const s={ref:f,...c,size:o!=="medium"?o:void 0,variant:d!=="default"?d:void 0,tone:i!=="neutral"?i:void 0,radius:u!=="md"?u:void 0,density:a!=="comfortable"?a:void 0,inset:n?"":void 0};return l.default.createElement("ui-section",s,r)});t.displayName="Section";exports.Section=t;exports.default=t;

package/dist/Section.esm.js

@@ -1,34 +1,28 @@
-import s, { useRef as y, useLayoutEffect as E, useEffect as h } from "react";
-const w = typeof window < "u" ? E : h, R = s.forwardRef(function({
-  size: o = "medium",
-  variant: l = "default",
-  tone: n = "neutral",
-  radius: f = "md",
-  density: c = "comfortable",
-  inset: d,
-  children: a,
-  ...b
-}, A) {
-  const i = y(null);
-  return s.useImperativeHandle(A, () => i.current), w(() => {
-    const t = i.current;
-    if (!t)
-      return;
-    const u = (e, r) => {
-      const m = t.getAttribute(e);
-      if (r == null) {
-        m != null && t.removeAttribute(e);
-        return;
-      }
-      m !== r && t.setAttribute(e, r);
-    }, p = (e, r) => {
-      r ? t.hasAttribute(e) || t.setAttribute(e, "") : t.hasAttribute(e) && t.removeAttribute(e);
-    };
-    u("size", o !== "medium" ? o : null), u("variant", l !== "default" ? l : null), u("tone", n !== "neutral" ? n : null), u("radius", f !== "md" ? f : null), u("density", c !== "comfortable" ? c : null), p("inset", d);
-  }, [o, l, n, f, c, d]), s.createElement("ui-section", { ref: i, ...b }, a);
+import a from "react";
+const u = a.forwardRef(function({
+  size: e = "medium",
+  variant: o = "default",
+  tone: t = "neutral",
+  radius: i = "md",
+  density: d = "comfortable",
+  inset: r,
+  children: n,
+  ...m
+}, c) {
+  const f = {
+    ref: c,
+    ...m,
+    size: e !== "medium" ? e : void 0,
+    variant: o !== "default" ? o : void 0,
+    tone: t !== "neutral" ? t : void 0,
+    radius: i !== "md" ? i : void 0,
+    density: d !== "comfortable" ? d : void 0,
+    inset: r ? "" : void 0
+  };
+  return a.createElement("ui-section", f, n);
 });
-R.displayName = "Section";
+u.displayName = "Section";
 export {
-  R as Section,
-  R as default
+  u as Section,
+  u as default
 };

package/dist/Select.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),x=c=>c&&c.__esModule?c:{default:c},l=x(a),z=typeof window<"u"?a.useLayoutEffect:a.useEffect,J=l.default.forwardRef(function({children:r,value:t,disabled:u,loading:G,required:H,invalid:M,headless:j,placeholder:O,name:A,label:N,description:_,error:v,size:d,variant:p,tone:S,density:m,shape:E,elevation:b,radius:D,optionBorder:q,showCheck:T,checkPlacement:B,validation:L,onChange:y,onInput:R,onValueChange:g,...$},k){const w=a.useRef(null);return a.useImperativeHandle(k,()=>w.current),a.useEffect(()=>{const n=w.current;if(!n)return;const e=i=>{var s,F;return((s=i.detail)==null?void 0:s.value)??((F=i.target)==null?void 0:F.value)??""},o=i=>{R==null||R(e(i))},f=i=>{const s=e(i);y==null||y(s),g==null||g(s)};return n.addEventListener("input",o),n.addEventListener("change",f),()=>{n.removeEventListener("input",o),n.removeEventListener("change",f)}},[y,R,g]),z(()=>{const n=w.current;if(!n)return;const e=(f,i)=>{const s=n.getAttribute(f);if(i==null){s!=null&&n.removeAttribute(f);return}s!==i&&n.setAttribute(f,i)},o=(f,i)=>{i?n.hasAttribute(f)||n.setAttribute(f,""):n.hasAttribute(f)&&n.removeAttribute(f)};e("value",t!=null?String(t):null),o("disabled",u),o("loading",G),o("required",H),o("headless",j),o("invalid",M),e("placeholder",O||null),e("name",A||null),e("label",N||null),e("description",_||null),e("error",v||null),e("size",d&&d!=="md"&&d!=="2"?d:null),e("variant",p&&p!=="classic"?p:null),e("tone",S&&S!=="default"?S:null),e("density",m&&m!=="default"?m:null),e("shape",E&&E!=="rounded"?E:null),e("elevation",b&&b!=="low"?b:null),e("radius",D?String(D):null),o("option-border",q),o("show-check",T),e("check-placement",T?B||"end":null),e("validation",L&&L!=="none"?L:null)},[t,u,G,H,M,j,O,A,N,_,v,d,p,S,m,E,b,D,q,T,B,L]),l.default.createElement("ui-select",{ref:w,...$},r)});J.displayName="Select";const K=l.default.forwardRef(function(r,t){return l.default.createElement("option",{ref:t,...r})});K.displayName="Select.Option";const P=l.default.forwardRef(function(r,t){return l.default.createElement("optgroup",{ref:t,...r})});P.displayName="Select.OptGroup";const Q=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"label",...t},r)});Q.displayName="Select.Label";const U=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"description",...t},r)});U.displayName="Select.Description";const W=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"error",...t},r)});W.displayName="Select.Error";const X=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"leading",...t},r)});X.displayName="Select.Leading";const Y=l.default.forwardRef(function({children:r,...t},u){return l.default.createElement("span",{ref:u,slot:"trailing",...t},r)});Y.displayName="Select.Trailing";const Z=Object.assign(J,{Option:K,OptGroup:P,Label:Q,Description:U,Error:W,Leading:X,Trailing:Y});exports.Select=Z;exports.default=Z;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("react"),e=require("./_internals-5a21394b.js"),v=c=>c&&c.__esModule?c:{default:c},r=v($),x=r.default.forwardRef(function({children:l,value:n,disabled:u,loading:B,required:D,invalid:T,headless:G,placeholder:m,name:E,label:R,description:O,error:w,size:i,variant:a,tone:o,density:f,shape:d,elevation:S,radius:L,optionBorder:H,showCheck:N,checkPlacement:M,validation:b,onChange:p,onInput:y,onValueChange:g,...Y},Z){const _=e.useForwardedHostRef(Z),A=r.default.useCallback(t=>{var s,q;return((s=e.getCustomEventDetail(t))==null?void 0:s.value)??((q=t.target)==null?void 0:q.value)??""},[]),j=r.default.useCallback(t=>{y==null||y(A(t))},[y,A]),k=r.default.useCallback(t=>{const s=A(t);p==null||p(s),g==null||g(s)},[p,g,A]);return e.useElementEventListeners(_,[{type:"input",listener:j},{type:"change",listener:k}],[j,k]),e.useElementAttributes(_,t=>{e.syncStringAttribute(t,"value",n!=null?String(n):null),e.syncBooleanAttribute(t,"disabled",u),e.syncBooleanAttribute(t,"loading",B),e.syncBooleanAttribute(t,"required",D),e.syncBooleanAttribute(t,"headless",G),e.syncBooleanAttribute(t,"invalid",T),e.syncStringAttribute(t,"placeholder",m||null),e.syncStringAttribute(t,"name",E||null),e.syncStringAttribute(t,"label",R||null),e.syncStringAttribute(t,"description",O||null),e.syncStringAttribute(t,"error",w||null),e.syncStringAttribute(t,"size",i&&i!=="md"&&i!=="2"?i:null),e.syncStringAttribute(t,"variant",a&&a!=="classic"?a:null),e.syncStringAttribute(t,"tone",o&&o!=="default"?o:null),e.syncStringAttribute(t,"density",f&&f!=="default"?f:null),e.syncStringAttribute(t,"shape",d&&d!=="rounded"?d:null),e.syncStringAttribute(t,"elevation",S&&S!=="low"?S:null),e.syncStringAttribute(t,"radius",L?String(L):null),e.syncBooleanAttribute(t,"option-border",H),e.syncBooleanAttribute(t,"show-check",N),e.syncStringAttribute(t,"check-placement",N?M||"end":null),e.syncStringAttribute(t,"validation",b&&b!=="none"?b:null)},[n,u,B,D,T,G,m,E,R,O,w,i,a,o,f,d,S,L,H,N,M,b]),r.default.createElement("ui-select",{ref:_,...Y},l)});x.displayName="Select";const F=r.default.forwardRef(function(l,n){return r.default.createElement("option",{ref:n,...l})});F.displayName="Select.Option";const J=r.default.forwardRef(function(l,n){return r.default.createElement("optgroup",{ref:n,...l})});J.displayName="Select.OptGroup";const K=r.default.forwardRef(function({children:l,...n},u){return r.default.createElement("span",{ref:u,slot:"label",...n},l)});K.displayName="Select.Label";const P=r.default.forwardRef(function({children:l,...n},u){return r.default.createElement("span",{ref:u,slot:"description",...n},l)});P.displayName="Select.Description";const Q=r.default.forwardRef(function({children:l,...n},u){return r.default.createElement("span",{ref:u,slot:"error",...n},l)});Q.displayName="Select.Error";const U=r.default.forwardRef(function({children:l,...n},u){return r.default.createElement("span",{ref:u,slot:"leading",...n},l)});U.displayName="Select.Leading";const W=r.default.forwardRef(function({children:l,...n},u){return r.default.createElement("span",{ref:u,slot:"trailing",...n},l)});W.displayName="Select.Trailing";const X=Object.assign(x,{Option:F,OptGroup:J,Label:K,Description:P,Error:Q,Leading:U,Trailing:W});exports.Select=X;exports.default=X;