@editora/ui-react 0.1.8 → 0.1.11

package/dist/RadioGroup.esm.js

@@ -0,0 +1,29 @@
+'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: 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);
+});
+x.displayName = "RadioGroup";
+export {
+  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"),D=i=>i&&i.__esModule?i:{default:i},N=D(r),F=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:T,...k},x){const R=r.useRef(null);return r.useImperativeHandle(x,()=>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]),F(()=>{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,...k},T)});O.displayName="Rating";const G=O;exports.Rating=G;
+'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,81 +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 n = y.current;
-      if (!n)
+    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 e = u.detail;
-        e && (a == null || a(e));
+      const t = (s) => {
+        const n = s.detail;
+        n && (o == null || o(n));
       };
-      return n.addEventListener("change", t), () => {
-        n.removeEventListener("change", t);
+      return e.addEventListener("change", t), () => {
+        e.removeEventListener("change", t);
       };
-    }, [a]), O(() => {
-      const n = y.current;
-      if (!n)
+    }, [o]), Q(() => {
+      const e = u.current;
+      if (!e)
         return;
-      const t = (l, r) => {
-        const H = n.getAttribute(l);
-        if (r == null) {
-          H != null && n.removeAttribute(l);
+      const t = (r, l) => {
+        const _ = e.getAttribute(r);
+        if (l == null) {
+          _ != null && e.removeAttribute(r);
           return;
         }
-        H !== r && n.setAttribute(l, r);
-      }, u = (l, r) => {
-        r === !0 ? t(l, "") : t(l, null);
-      }, e = (l, r) => {
-        n[l] = r;
-      }, L = p ?? 0, _ = m ?? 5, x = v ?? 1;
-      e("value", L), e("max", _), e("precision", x), e("disabled", !!g), e("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 ? (n.style.setProperty("--ui-rating-radius", d), t("radius", d)) : (n.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
+  X as Rating,
+  X as default
 };

package/dist/RovingFocusGroup.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),E=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

@@ -0,0 +1,25 @@
+'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);
+  return E(v, () => u.current), c(() => {
+    const e = u.current;
+    if (!e)
+      return;
+    const n = (b) => {
+      const l = b.detail;
+      l && (r == null || r(l));
+    };
+    return e.addEventListener("active-item-change", n), () => {
+      e.removeEventListener("active-item-change", n);
+    };
+  }, [r]), y(() => {
+    const e = u.current;
+    e && (s ? e.setAttribute("item-selector", s) : e.removeAttribute("item-selector"), i ? e.setAttribute("direct-item-selector", i) : e.removeAttribute("direct-item-selector"), t === null ? e.setAttribute("active-attribute", "") : t ? e.setAttribute("active-attribute", t) : e.removeAttribute("active-attribute"), o === !1 ? e.setAttribute("loop", "false") : e.removeAttribute("loop"), e.container = f ?? null);
+  }, [t, f, i, s, o]), a.createElement("ui-roving-focus-group", { ref: u, ...p }, d);
+});
+L.displayName = "RovingFocusGroup";
+export {
+  L as RovingFocusGroup,
+  L as default
+};

package/dist/ScrollArea.cjs.js

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

@@ -0,0 +1,54 @@
+'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,
+  size: c,
+  variant: i,
+  tone: n,
+  autoHide: L,
+  shadows: p,
+  onScrollChange: d,
+  onReachStart: o,
+  onReachEnd: v,
+  children: E,
+  ...w
+}, a) {
+  const A = I(null);
+  return m.useImperativeHandle(a, () => A.current), b(() => {
+    const t = A.current;
+    if (!t)
+      return;
+    const s = (r) => {
+      const u = r.detail;
+      u && (d == null || d(u));
+    }, l = () => o == null ? void 0 : o(), e = () => v == null ? void 0 : v();
+    return t.addEventListener("scroll", s), t.addEventListener("reach-start", l), t.addEventListener("reach-end", e), () => {
+      t.removeEventListener("scroll", s), t.removeEventListener("reach-start", l), t.removeEventListener("reach-end", e);
+    };
+  }, [d, o, v]), B(() => {
+    const t = A.current;
+    if (!t)
+      return;
+    const s = (e, r) => {
+      const u = t.getAttribute(e);
+      if (r == null) {
+        u != null && t.removeAttribute(e);
+        return;
+      }
+      u !== r && t.setAttribute(e, r);
+    }, l = (e, r) => {
+      const u = t.getAttribute(e);
+      if (r == null) {
+        u != null && t.removeAttribute(e);
+        return;
+      }
+      const y = r ? "true" : "false";
+      u !== y && t.setAttribute(e, y);
+    };
+    s("orientation", f && f !== "vertical" ? f : null), s("size", c && c !== "md" ? c : null), s("variant", i && i !== "default" ? i : null), s("tone", n && n !== "neutral" ? n : null), l("auto-hide", L), l("shadows", p);
+  }, [f, c, i, n, L, p]), m.createElement("ui-scroll-area", { ref: A, ...w }, E);
+});
+N.displayName = "ScrollArea";
+export {
+  N as ScrollArea
+};

package/dist/Section.cjs.js

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

@@ -0,0 +1,28 @@
+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);
+});
+u.displayName = "Section";
+export {
+  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;

package/dist/Select.esm.js

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

package/dist/SelectionPopup.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),F=require("./_internals-b9f3e909.js"),h=r=>r&&r.__esModule?r:{default:r},c=h(s),B=typeof window<"u"?s.useLayoutEffect:s.useEffect,M=c.default.forwardRef(function(_,w){const{children:A,anchorId:f,open:a,placement:p,offset:d,strategy:v,arrow:g,variant:m,tone:E,radius:R,size:S,closeOnOutside:L,closeOnEscape:I,onOpen:y,onClose:b,onOpenChange:n,...z}=_,P=s.useRef(null);return c.default.useImperativeHandle(w,()=>P.current),s.useEffect(()=>{F.warnIfElementNotRegistered("ui-selection-popup","SelectionPopup")},[]),s.useEffect(()=>{const e=P.current;if(!e)return;const t=()=>{y==null||y(),n==null||n(!0)},u=()=>{b==null||b(),n==null||n(!1)};return e.addEventListener("open",t),e.addEventListener("close",u),()=>{e.removeEventListener("open",t),e.removeEventListener("close",u)}},[y,b,n]),B(()=>{var N,H;const e=P.current;if(!e)return;const t=(o,l)=>{const i=e.getAttribute(o);if(l==null){i!=null&&e.removeAttribute(o);return}i!==l&&e.setAttribute(o,l)},u=(o,l,i=void 0)=>{if(l==null){i!==void 0&&t(o,i?null:"false");return}l?t(o,""):t(o,"false")};t("anchor-id",f??null),t("placement",p&&p!=="top"?p:null),t("offset",typeof d=="number"&&Number.isFinite(d)?String(d):null),t("strategy",v&&v!=="fixed"?v:null),t("variant",m&&m!=="default"?m:null),t("tone",E&&E!=="brand"?E:null),t("radius",R?String(R):null),t("size",S&&S!=="md"?S:null),u("arrow",g),u("close-on-outside",L,!0),u("close-on-escape",I,!0),a&&f?(N=e.openFor)==null||N.call(e,f):a?e.setAttribute("open",""):a===!1?(H=e.close)==null||H.call(e):e.removeAttribute("open")},[a,f,p,d,v,g,m,E,R,S,L,I]),c.default.createElement("ui-selection-popup",{ref:P,...z},A)});M.displayName="SelectionPopup";const j=c.default.forwardRef(function({children:_,...w},A){return c.default.createElement("div",{ref:A,slot:"content",...w},_)});j.displayName="SelectionPopup.Content";const q=Object.assign(M,{Content:j});exports.SelectionPopup=q;exports.default=q;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),F=require("./_internals-5a21394b.js"),h=r=>r&&r.__esModule?r:{default:r},c=h(s),B=typeof window<"u"?s.useLayoutEffect:s.useEffect,M=c.default.forwardRef(function(_,w){const{children:A,anchorId:f,open:a,placement:p,offset:d,strategy:v,arrow:g,variant:m,tone:E,radius:R,size:S,closeOnOutside:L,closeOnEscape:I,onOpen:y,onClose:b,onOpenChange:n,...z}=_,P=s.useRef(null);return c.default.useImperativeHandle(w,()=>P.current),s.useEffect(()=>{F.warnIfElementNotRegistered("ui-selection-popup","SelectionPopup")},[]),s.useEffect(()=>{const e=P.current;if(!e)return;const t=()=>{y==null||y(),n==null||n(!0)},u=()=>{b==null||b(),n==null||n(!1)};return e.addEventListener("open",t),e.addEventListener("close",u),()=>{e.removeEventListener("open",t),e.removeEventListener("close",u)}},[y,b,n]),B(()=>{var N,H;const e=P.current;if(!e)return;const t=(o,l)=>{const i=e.getAttribute(o);if(l==null){i!=null&&e.removeAttribute(o);return}i!==l&&e.setAttribute(o,l)},u=(o,l,i=void 0)=>{if(l==null){i!==void 0&&t(o,i?null:"false");return}l?t(o,""):t(o,"false")};t("anchor-id",f??null),t("placement",p&&p!=="top"?p:null),t("offset",typeof d=="number"&&Number.isFinite(d)?String(d):null),t("strategy",v&&v!=="fixed"?v:null),t("variant",m&&m!=="default"?m:null),t("tone",E&&E!=="brand"?E:null),t("radius",R?String(R):null),t("size",S&&S!=="md"?S:null),u("arrow",g),u("close-on-outside",L,!0),u("close-on-escape",I,!0),a&&f?(N=e.openFor)==null||N.call(e,f):a?e.setAttribute("open",""):a===!1?(H=e.close)==null||H.call(e):e.removeAttribute("open")},[a,f,p,d,v,g,m,E,R,S,L,I]),c.default.createElement("ui-selection-popup",{ref:P,...z},A)});M.displayName="SelectionPopup";const j=c.default.forwardRef(function({children:_,...w},A){return c.default.createElement("div",{ref:A,slot:"content",...w},_)});j.displayName="SelectionPopup.Content";const q=Object.assign(M,{Content:j});exports.SelectionPopup=q;exports.default=q;

package/dist/SelectionPopup.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import l, { useRef as j, useEffect as L, useLayoutEffect as B } from "react";
-import { w as k } from "./_internals-f8fb69a8.mjs";
+import { w as k } from "./_internals-d86cc997.mjs";
 const q = typeof window < "u" ? B : L, z = l.forwardRef(function(b, w) {
   const {
     children: P,

package/dist/Separator.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react");function u(e){if(e&&e.__esModule)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const o=u(c),n=o.forwardRef((e,t)=>o.createElement("ui-separator",{ref:t,...e}));n.displayName="Separator";exports.Separator=n;

package/dist/Separator.esm.js

@@ -0,0 +1,6 @@
+import * as a from "react";
+const t = a.forwardRef((r, e) => /* @__PURE__ */ a.createElement("ui-separator", { ref: e, ...r }));
+t.displayName = "Separator";
+export {
+  t as Separator
+};