@editora/ui-react 0.1.10 → 0.1.11

package/dist/Meter.esm.js

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

package/dist/MultiSelect.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),T=n=>n&&n.__esModule?n:{default:n},F=T(r),U=typeof window<"u"?r.useLayoutEffect:r.useEffect,w=F.default.forwardRef(function({options:g,value:f,placeholder:N,label:J,description:L,error:O,name:R,required:j,disabled:q,readOnly:D,loading:H,loadingText:I,clearable:P,maxSelections:E,renderLimit:M,selectionIndicator:k,optionBorder:v,variant:s,tone:d,density:o,shape:b,radius:_,optionRadius:p,elevation:m,size:c,onChange:S,onValueChange:y,children:G,...K},Q){const A=r.useRef(null);return r.useImperativeHandle(Q,()=>A.current),r.useEffect(()=>{const l=A.current;if(!l)return;const t=u=>{const e=u.detail;e&&(S==null||S(e),y==null||y(e.value))};return l.addEventListener("change",t),()=>{l.removeEventListener("change",t)}},[S,y]),U(()=>{const l=A.current;if(!l)return;const t=(e,i)=>{const B=l.getAttribute(e);if(i==null){B!=null&&l.removeAttribute(e);return}B!==i&&l.setAttribute(e,i)},u=(e,i)=>{i?l.hasAttribute(e)||l.setAttribute(e,""):l.hasAttribute(e)&&l.removeAttribute(e)};t("options",JSON.stringify(g||[])),t("value",f!=null&&f.length?JSON.stringify(f):null),t("placeholder",N??null),t("label",J??null),t("description",L??null),t("data-error",O??null),t("name",R??null),t("max-selections",typeof E=="number"?String(E):null),t("render-limit",typeof M=="number"?String(M):null),t("loading-text",I??null),t("selection-indicator",k??null),u("option-border",v),t("variant",s&&s!=="default"?s:null),t("tone",d&&d!=="default"?d:null),t("density",o&&o!=="default"?o:null),t("shape",b&&b!=="default"?b:null),t("radius",_!=null?String(_):null),t("option-radius",p!=null?String(p):null),t("elevation",m&&m!=="low"?m:null),t("size",c&&c!=="md"&&c!=="2"?c:null),u("required",j),u("disabled",q),u("readonly",D),u("loading",H),u("clearable",P)},[g,f,N,J,L,O,R,j,q,D,H,I,P,E,M,k,v,s,d,o,b,_,p,m,c]),F.default.createElement("ui-multi-select",{ref:A,...K},G)});w.displayName="MultiSelect";exports.MultiSelect=w;exports.default=w;

package/dist/MultiSelect.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import D, { useRef as Q, useImperativeHandle as U, useEffect as F, useLayoutEffect as W } from "react";
 const X = typeof window < "u" ? W : F, Y = D.forwardRef(function({
   options: w,

package/dist/NavigationMenu.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),H=n=>n&&n.__esModule?n:{default:n},i=H(r),z=typeof window<"u"?r.useLayoutEffect:r.useEffect,g=i.default.createContext(null);function M(n){const{selected:a,orientation:t,activation:u,variant:f,size:s,radius:o,elevation:l,tone:c,loop:b,collapsible:A,headless:y,onChange:d,onSelect:v,children:x,...S}=n,m=r.useRef(null);return r.useEffect(()=>{const e=m.current;if(!e)return;const E=_=>{const p=_.detail;p&&(d==null||d(p),v==null||v(p.selected))};return e.addEventListener("change",E),()=>e.removeEventListener("change",E)},[d,v]),z(()=>{const e=m.current;e&&(typeof a=="number"?e.setAttribute("selected",String(a)):e.removeAttribute("selected"),t?e.setAttribute("orientation",t):e.removeAttribute("orientation"),u?e.setAttribute("activation",u):e.removeAttribute("activation"),f&&f!=="surface"?e.setAttribute("variant",f):e.removeAttribute("variant"),s&&s!=="md"&&s!=="2"?e.setAttribute("size",s):e.removeAttribute("size"),o==null||o===""||o==="default"?e.removeAttribute("radius"):e.setAttribute("radius",String(o)),l&&l!=="low"?e.setAttribute("elevation",l):e.removeAttribute("elevation"),c&&c!=="default"?e.setAttribute("tone",c):e.removeAttribute("tone"),typeof b=="boolean"?e.setAttribute("loop",String(b)):e.removeAttribute("loop"),A?e.setAttribute("collapsible",""):e.removeAttribute("collapsible"),y?e.setAttribute("headless",""):e.removeAttribute("headless"))},[a,t,u,f,s,o,l,c,b,A,y]),i.default.createElement("ui-navigation-menu",{ref:m,...S},x)}function N({children:n}){return i.default.createElement(i.default.Fragment,null,n)}function h({children:n}){const a=r.useRef(`ui-nav-item-${Math.random().toString(36).slice(2,10)}`),[t,u]=r.useState(!1);return i.default.createElement(g.Provider,{value:{itemKey:a.current,hasContent:t,setHasContent:u}},n)}function L({children:n,...a}){const t=i.default.useContext(g),u=r.useRef(null),[f,s]=r.useState(!1);return r.useEffect(()=>{const o=u.current;if(!o)return;const l=()=>{s(o.getAttribute("aria-expanded")==="true")};l();const c=new MutationObserver(l);return c.observe(o,{attributes:!0,attributeFilter:["aria-expanded"]}),()=>c.disconnect()},[]),i.default.createElement("button",{type:"button",ref:u,slot:"item","data-nav-key":(t==null?void 0:t.itemKey)??void 0,...a},n,t!=null&&t.hasContent?i.default.createElement("span",{"aria-hidden":"true",style:{marginLeft:6,display:"inline-flex",alignItems:"center",lineHeight:1}},i.default.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",transform:f?"rotate(180deg)":"rotate(0deg)",transition:"transform 180ms cubic-bezier(0.2, 0.9, 0.24, 1)"}},i.default.createElement("path",{d:"M3 4.75L6 7.25L9 4.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):null)}function w({children:n,...a}){const t=i.default.useContext(g);return i.default.createElement("a",{slot:"item","data-nav-key":(t==null?void 0:t.itemKey)??void 0,...a},n)}function k({children:n,...a}){const t=i.default.useContext(g);return r.useEffect(()=>{if(t)return t.setHasContent(!0),()=>t.setHasContent(!1)},[t]),i.default.createElement("section",{slot:"panel","data-nav-panel-for":(t==null?void 0:t.itemKey)??void 0,...a},n)}function C(){return null}function I(){return null}const R=Object.assign(M,{Root:M,List:N,Item:h,Trigger:L,Link:w,Content:k,Indicator:C,Viewport:I});exports.NavigationMenu=R;exports.NavigationMenuContent=k;exports.NavigationMenuIndicator=C;exports.NavigationMenuItem=h;exports.NavigationMenuLink=w;exports.NavigationMenuList=N;exports.NavigationMenuRoot=M;exports.NavigationMenuTrigger=L;exports.NavigationMenuViewport=I;exports.default=R;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),K=n=>n&&n.__esModule?n:{default:n},i=K(u),S=typeof window<"u"?u.useLayoutEffect:u.useEffect,m=i.default.createContext(null);function M(n){const{selected:r,orientation:t,activation:s,variant:a,size:o,radius:l,elevation:c,tone:d,loop:f,collapsible:y,headless:N,onChange:v,onSelect:g,children:C,..._}=n,b=u.useRef(null);return u.useEffect(()=>{const e=b.current;if(!e)return;const E=z=>{const p=z.detail;p&&(v==null||v(p),g==null||g(p.selected))};return e.addEventListener("change",E),()=>e.removeEventListener("change",E)},[v,g]),S(()=>{const e=b.current;e&&(typeof r=="number"?e.setAttribute("selected",String(r)):e.removeAttribute("selected"),t?e.setAttribute("orientation",t):e.removeAttribute("orientation"),s?e.setAttribute("activation",s):e.removeAttribute("activation"),a&&a!=="surface"?e.setAttribute("variant",a):e.removeAttribute("variant"),o&&o!=="md"&&o!=="2"?e.setAttribute("size",o):e.removeAttribute("size"),l==null||l===""||l==="default"?e.removeAttribute("radius"):e.setAttribute("radius",String(l)),c&&c!=="low"?e.setAttribute("elevation",c):e.removeAttribute("elevation"),d&&d!=="default"?e.setAttribute("tone",d):e.removeAttribute("tone"),typeof f=="boolean"?e.setAttribute("loop",String(f)):e.removeAttribute("loop"),y?e.setAttribute("collapsible",""):e.removeAttribute("collapsible"),N?e.setAttribute("headless",""):e.removeAttribute("headless"))},[r,t,s,a,o,l,c,d,f,y,N]),i.default.createElement("ui-navigation-menu",{ref:b,..._},C)}function h({children:n}){return i.default.createElement(i.default.Fragment,null,n)}function L({children:n}){const t=`ui-nav-item-${i.default.useId().replace(/:/g,"")}`,s=u.useMemo(()=>i.default.Children.toArray(n).some(a=>i.default.isValidElement(a)?a.type===A:!1),[n]);return i.default.createElement(m.Provider,{value:{itemKey:t,hasContent:s}},n)}function w({children:n,...r}){const t=i.default.useContext(m),s=u.useRef(null),a=u.useRef(null);return u.useEffect(()=>{const o=s.current,l=a.current;if(!o||!l)return;const c=()=>{const f=o.getAttribute("aria-expanded")==="true";l.style.transform=f?"rotate(180deg)":"rotate(0deg)"};c();const d=new MutationObserver(c);return d.observe(o,{attributes:!0,attributeFilter:["aria-expanded"]}),()=>d.disconnect()},[]),i.default.createElement("button",{type:"button",ref:s,slot:"item","data-nav-key":(t==null?void 0:t.itemKey)??void 0,...r},n,t!=null&&t.hasContent?i.default.createElement("span",{"aria-hidden":"true",style:{marginLeft:6,display:"inline-flex",alignItems:"center",lineHeight:1}},i.default.createElement("svg",{ref:a,width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{display:"block",transform:"rotate(0deg)",transition:"transform 180ms cubic-bezier(0.2, 0.9, 0.24, 1)"}},i.default.createElement("path",{d:"M3 4.75L6 7.25L9 4.75",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}))):null)}function I({children:n,...r}){const t=i.default.useContext(m);return i.default.createElement("a",{slot:"item","data-nav-key":(t==null?void 0:t.itemKey)??void 0,...r},n)}function A({children:n,...r}){const t=i.default.useContext(m);return i.default.createElement("section",{slot:"panel","data-nav-panel-for":(t==null?void 0:t.itemKey)??void 0,...r},n)}function k(){return null}function R(){return null}const x=Object.assign(M,{Root:M,List:h,Item:L,Trigger:w,Link:I,Content:A,Indicator:k,Viewport:R});exports.NavigationMenu=x;exports.NavigationMenuContent=A;exports.NavigationMenuIndicator=k;exports.NavigationMenuItem=L;exports.NavigationMenuLink=I;exports.NavigationMenuList=h;exports.NavigationMenuRoot=M;exports.NavigationMenuTrigger=w;exports.NavigationMenuViewport=R;exports.default=x;

package/dist/NavigationMenu.esm.js

@@ -1,62 +1,68 @@
-import n, { useRef as A, useEffect as v, useState as M, useLayoutEffect as x } from "react";
-const C = typeof window < "u" ? x : v, m = n.createContext(null);
-function L(i) {
+'use client';
+import n, { useRef as p, useEffect as A, useMemo as k, useLayoutEffect as x } from "react";
+const C = typeof window < "u" ? x : A, m = n.createContext(null);
+function L(r) {
   const {
-    selected: r,
+    selected: i,
     orientation: t,
-    activation: a,
-    variant: c,
-    size: s,
-    radius: o,
-    elevation: u,
-    tone: l,
-    loop: b,
-    collapsible: h,
-    headless: y,
-    onChange: d,
-    onSelect: f,
+    activation: s,
+    variant: o,
+    size: a,
+    radius: u,
+    elevation: l,
+    tone: c,
+    loop: d,
+    collapsible: y,
+    headless: E,
+    onChange: f,
+    onSelect: v,
     children: w,
-    ...k
-  } = i, g = A(null);
-  return v(() => {
-    const e = g.current;
+    ...I
+  } = r, b = p(null);
+  return A(() => {
+    const e = b.current;
     if (!e)
       return;
-    const E = (N) => {
-      const p = N.detail;
-      p && (d == null || d(p), f == null || f(p.selected));
+    const h = (N) => {
+      const g = N.detail;
+      g && (f == null || f(g), v == null || v(g.selected));
     };
-    return e.addEventListener("change", E), () => e.removeEventListener("change", E);
-  }, [d, f]), C(() => {
-    const e = g.current;
-    e && (typeof r == "number" ? e.setAttribute("selected", String(r)) : e.removeAttribute("selected"), t ? e.setAttribute("orientation", t) : e.removeAttribute("orientation"), a ? e.setAttribute("activation", a) : e.removeAttribute("activation"), c && c !== "surface" ? e.setAttribute("variant", c) : e.removeAttribute("variant"), s && s !== "md" && s !== "2" ? e.setAttribute("size", s) : e.removeAttribute("size"), o == null || o === "" || o === "default" ? e.removeAttribute("radius") : e.setAttribute("radius", String(o)), u && u !== "low" ? e.setAttribute("elevation", u) : e.removeAttribute("elevation"), l && l !== "default" ? e.setAttribute("tone", l) : e.removeAttribute("tone"), typeof b == "boolean" ? e.setAttribute("loop", String(b)) : e.removeAttribute("loop"), h ? e.setAttribute("collapsible", "") : e.removeAttribute("collapsible"), y ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
-  }, [r, t, a, c, s, o, u, l, b, h, y]), n.createElement("ui-navigation-menu", { ref: g, ...k }, w);
+    return e.addEventListener("change", h), () => e.removeEventListener("change", h);
+  }, [f, v]), C(() => {
+    const e = b.current;
+    e && (typeof i == "number" ? e.setAttribute("selected", String(i)) : e.removeAttribute("selected"), t ? e.setAttribute("orientation", t) : e.removeAttribute("orientation"), s ? e.setAttribute("activation", s) : e.removeAttribute("activation"), o && o !== "surface" ? e.setAttribute("variant", o) : e.removeAttribute("variant"), a && a !== "md" && a !== "2" ? e.setAttribute("size", a) : e.removeAttribute("size"), u == null || u === "" || u === "default" ? e.removeAttribute("radius") : e.setAttribute("radius", String(u)), l && l !== "low" ? e.setAttribute("elevation", l) : e.removeAttribute("elevation"), c && c !== "default" ? e.setAttribute("tone", c) : e.removeAttribute("tone"), typeof d == "boolean" ? e.setAttribute("loop", String(d)) : e.removeAttribute("loop"), y ? e.setAttribute("collapsible", "") : e.removeAttribute("collapsible"), E ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
+  }, [i, t, s, o, a, u, l, c, d, y, E]), n.createElement("ui-navigation-menu", { ref: b, ...I }, w);
 }
-function I({ children: i }) {
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, i);
+function R({ children: r }) {
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, r);
 }
-function H({ children: i }) {
-  const r = A(`ui-nav-item-${Math.random().toString(36).slice(2, 10)}`), [t, a] = M(!1);
-  return /* @__PURE__ */ n.createElement(m.Provider, { value: { itemKey: r.current, hasContent: t, setHasContent: a } }, i);
+function z({ children: r }) {
+  const t = `ui-nav-item-${n.useId().replace(/:/g, "")}`, s = k(
+    () => n.Children.toArray(r).some((o) => n.isValidElement(o) ? o.type === M : !1),
+    [r]
+  );
+  return /* @__PURE__ */ n.createElement(m.Provider, { value: { itemKey: t, hasContent: s } }, r);
 }
-function R({ children: i, ...r }) {
-  const t = n.useContext(m), a = A(null), [c, s] = M(!1);
-  return v(() => {
-    const o = a.current;
-    if (!o)
+function K({ children: r, ...i }) {
+  const t = n.useContext(m), s = p(null), o = p(null);
+  return A(() => {
+    const a = s.current, u = o.current;
+    if (!a || !u)
       return;
-    const u = () => {
-      s(o.getAttribute("aria-expanded") === "true");
+    const l = () => {
+      const d = a.getAttribute("aria-expanded") === "true";
+      u.style.transform = d ? "rotate(180deg)" : "rotate(0deg)";
     };
-    u();
-    const l = new MutationObserver(u);
-    return l.observe(o, {
+    l();
+    const c = new MutationObserver(l);
+    return c.observe(a, {
       attributes: !0,
       attributeFilter: ["aria-expanded"]
-    }), () => l.disconnect();
-  }, []), /* @__PURE__ */ n.createElement("button", { type: "button", ref: a, slot: "item", "data-nav-key": (t == null ? void 0 : t.itemKey) ?? void 0, ...r }, i, t != null && t.hasContent ? /* @__PURE__ */ n.createElement("span", { "aria-hidden": "true", style: { marginLeft: 6, display: "inline-flex", alignItems: "center", lineHeight: 1 } }, /* @__PURE__ */ n.createElement(
+    }), () => c.disconnect();
+  }, []), /* @__PURE__ */ n.createElement("button", { type: "button", ref: s, slot: "item", "data-nav-key": (t == null ? void 0 : t.itemKey) ?? void 0, ...i }, r, t != null && t.hasContent ? /* @__PURE__ */ n.createElement("span", { "aria-hidden": "true", style: { marginLeft: 6, display: "inline-flex", alignItems: "center", lineHeight: 1 } }, /* @__PURE__ */ n.createElement(
     "svg",
     {
+      ref: o,
       width: "12",
       height: "12",
       viewBox: "0 0 12 12",
@@ -64,7 +70,7 @@ function R({ children: i, ...r }) {
       xmlns: "http://www.w3.org/2000/svg",
       style: {
         display: "block",
-        transform: c ? "rotate(180deg)" : "rotate(0deg)",
+        transform: "rotate(0deg)",
         transition: "transform 180ms cubic-bezier(0.2, 0.9, 0.24, 1)"
       }
     },
@@ -80,42 +86,39 @@ function R({ children: i, ...r }) {
     )
   )) : null);
 }
-function z({ children: i, ...r }) {
+function V({ children: r, ...i }) {
   const t = n.useContext(m);
-  return /* @__PURE__ */ n.createElement("a", { slot: "item", "data-nav-key": (t == null ? void 0 : t.itemKey) ?? void 0, ...r }, i);
+  return /* @__PURE__ */ n.createElement("a", { slot: "item", "data-nav-key": (t == null ? void 0 : t.itemKey) ?? void 0, ...i }, r);
 }
-function K({ children: i, ...r }) {
+function M({ children: r, ...i }) {
   const t = n.useContext(m);
-  return v(() => {
-    if (t)
-      return t.setHasContent(!0), () => t.setHasContent(!1);
-  }, [t]), /* @__PURE__ */ n.createElement("section", { slot: "panel", "data-nav-panel-for": (t == null ? void 0 : t.itemKey) ?? void 0, ...r }, i);
+  return /* @__PURE__ */ n.createElement("section", { slot: "panel", "data-nav-panel-for": (t == null ? void 0 : t.itemKey) ?? void 0, ...i }, r);
 }
-function S() {
+function j() {
   return null;
 }
-function j() {
+function F() {
   return null;
 }
 const O = Object.assign(L, {
   Root: L,
-  List: I,
-  Item: H,
-  Trigger: R,
-  Link: z,
-  Content: K,
-  Indicator: S,
-  Viewport: j
+  List: R,
+  Item: z,
+  Trigger: K,
+  Link: V,
+  Content: M,
+  Indicator: j,
+  Viewport: F
 });
 export {
   O as NavigationMenu,
-  K as NavigationMenuContent,
-  S as NavigationMenuIndicator,
-  H as NavigationMenuItem,
-  z as NavigationMenuLink,
-  I as NavigationMenuList,
+  M as NavigationMenuContent,
+  j as NavigationMenuIndicator,
+  z as NavigationMenuItem,
+  V as NavigationMenuLink,
+  R as NavigationMenuList,
   L as NavigationMenuRoot,
-  R as NavigationMenuTrigger,
-  j as NavigationMenuViewport,
+  K as NavigationMenuTrigger,
+  F as NavigationMenuViewport,
   O as default
 };

package/dist/NumberField.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),Q=i=>i&&i.__esModule?i:{default:i},r=Q(s),U=typeof window<"u"?s.useLayoutEffect:s.useEffect,v=r.default.forwardRef(function({value:c,min:b,max:E,step:m,precision:p,locale:A,format:f,placeholder:g,label:y,description:_,error:L,name:S,required:N,disabled:w,readOnly:F,allowWheel:R,showSteppers:h,clampOnBlur:M,autoComplete:j,inputMode:q,invalid:D,prefix:H,suffix:P,incrementTrigger:k,decrementTrigger:z,children:G,onValueChange:d,onInvalidValue:o,...J},K){const a=s.useRef(null);return s.useImperativeHandle(K,()=>a.current),s.useEffect(()=>{const t=a.current;if(!t)return;const e=u=>{const l=u.detail;l&&(d==null||d(l))},n=u=>{const l=u.detail;l!=null&&l.reason&&(o==null||o(l.reason))};return t.addEventListener("value-change",e),t.addEventListener("invalid",n),()=>{t.removeEventListener("value-change",e),t.removeEventListener("invalid",n)}},[o,d]),U(()=>{const t=a.current;if(!t)return;const e=(u,l)=>{const B=t.getAttribute(u);if(l==null){B!=null&&t.removeAttribute(u);return}B!==l&&t.setAttribute(u,l)},n=(u,l)=>{l?t.hasAttribute(u)||t.setAttribute(u,""):t.hasAttribute(u)&&t.removeAttribute(u)};e("value",c!=null&&c!==""?String(c):null),e("min",b!=null?String(b):null),e("max",E!=null?String(E):null),e("step",m!=null?String(m):null),e("precision",p!=null?String(p):null),e("locale",A??null),e("format",f&&f!=="grouped"?f:null),e("placeholder",g??null),e("label",y??null),e("description",_??null),e("data-error",L??null),e("name",S??null),e("autocomplete",j??null),e("inputmode",q??null),n("required",N),n("disabled",w),n("readonly",F),n("allow-wheel",R),n("show-steppers",h),n("clamp-on-blur",M),n("invalid",D)},[j,R,M,_,w,L,f,q,D,y,A,E,b,S,g,p,F,N,h,m,c]),r.default.createElement("ui-number-field",{ref:a,...J},H!=null?r.default.createElement("span",{slot:"prefix"},H):null,P!=null?r.default.createElement("span",{slot:"suffix"},P):null,z!=null?r.default.createElement("span",{slot:"decrement-trigger"},z):null,k!=null?r.default.createElement("span",{slot:"increment-trigger"},k):null,G)});v.displayName="NumberField";exports.NumberField=v;exports.default=v;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const K=require("react"),t=require("./_internals-5a21394b.js"),Q=r=>r&&r.__esModule?r:{default:r},e=Q(K),y=e.default.forwardRef(function({value:l,min:o,max:b,step:a,precision:A,locale:f,format:s,placeholder:g,label:S,description:m,error:E,name:p,required:_,disabled:B,readOnly:N,allowWheel:F,showSteppers:R,clampOnBlur:w,autoComplete:D,inputMode:k,invalid:q,prefix:M,suffix:j,incrementTrigger:v,decrementTrigger:H,children:z,onValueChange:i,onInvalidValue:c,...G},J){const d=t.useForwardedHostRef(J),L=e.default.useCallback(n=>{const u=t.getCustomEventDetail(n);u&&(i==null||i(u))},[i]),P=e.default.useCallback(n=>{const u=t.getCustomEventDetail(n);u!=null&&u.reason&&(c==null||c(u.reason))},[c]);return t.useElementEventListeners(d,[{type:"value-change",listener:L},{type:"invalid",listener:P}],[L,P]),t.useElementAttributes(d,n=>{t.syncStringAttribute(n,"value",l!=null&&l!==""?String(l):null),t.syncStringAttribute(n,"min",o!=null?String(o):null),t.syncStringAttribute(n,"max",b!=null?String(b):null),t.syncStringAttribute(n,"step",a!=null?String(a):null),t.syncNumberAttribute(n,"precision",A),t.syncStringAttribute(n,"locale",f??null),t.syncStringAttribute(n,"format",s&&s!=="grouped"?s:null),t.syncStringAttribute(n,"placeholder",g??null),t.syncStringAttribute(n,"label",S??null),t.syncStringAttribute(n,"description",m??null),t.syncStringAttribute(n,"data-error",E??null),t.syncStringAttribute(n,"name",p??null),t.syncStringAttribute(n,"autocomplete",D??null),t.syncStringAttribute(n,"inputmode",k??null),t.syncBooleanAttribute(n,"required",_),t.syncBooleanAttribute(n,"disabled",B),t.syncBooleanAttribute(n,"readonly",N),t.syncBooleanAttribute(n,"allow-wheel",F),t.syncBooleanAttribute(n,"show-steppers",R),t.syncBooleanAttribute(n,"clamp-on-blur",w),t.syncBooleanAttribute(n,"invalid",q)},[D,F,w,m,B,E,s,k,q,S,f,b,o,p,g,A,N,_,R,a,l]),e.default.createElement("ui-number-field",{ref:d,...G},M!=null?e.default.createElement("span",{slot:"prefix"},M):null,j!=null?e.default.createElement("span",{slot:"suffix"},j):null,H!=null?e.default.createElement("span",{slot:"decrement-trigger"},H):null,v!=null?e.default.createElement("span",{slot:"increment-trigger"},v):null,z)});y.displayName="NumberField";exports.NumberField=y;exports.default=y;

package/dist/NumberField.esm.js

@@ -1,99 +1,87 @@
-import u, { useRef as P, useImperativeHandle as Q, useEffect as D, useLayoutEffect as U } from "react";
-const X = typeof window < "u" ? U : D, Y = u.forwardRef(function({
-  value: s,
-  min: d,
-  max: a,
-  step: b,
-  precision: E,
-  locale: m,
-  format: i,
+'use client';
+import l from "react";
+import { c as Q, g as G, u as U, a as X, s as n, d as Y, b as u } from "./_internals-d86cc997.mjs";
+const Z = l.forwardRef(function({
+  value: e,
+  min: a,
+  max: m,
+  step: o,
+  precision: d,
+  locale: f,
+  format: r,
   placeholder: p,
-  label: A,
-  description: v,
-  error: y,
-  name: L,
-  required: g,
-  disabled: w,
-  readOnly: N,
-  allowWheel: S,
-  showSteppers: h,
-  clampOnBlur: F,
-  autoComplete: R,
-  inputMode: _,
+  label: E,
+  description: y,
+  error: g,
+  name: N,
+  required: A,
+  disabled: F,
+  readOnly: S,
+  allowWheel: w,
+  showSteppers: R,
+  clampOnBlur: k,
+  autoComplete: _,
+  inputMode: D,
   invalid: H,
-  prefix: j,
-  suffix: k,
+  prefix: L,
+  suffix: j,
   incrementTrigger: q,
-  decrementTrigger: z,
-  children: G,
+  decrementTrigger: x,
+  children: J,
   onValueChange: c,
-  onInvalidValue: f,
-  ...J
-}, K) {
-  const o = P(null);
-  return Q(K, () => o.current), D(() => {
-    const e = o.current;
-    if (!e)
-      return;
-    const t = (n) => {
-      const l = n.detail;
-      l && (c == null || c(l));
-    }, r = (n) => {
-      const l = n.detail;
-      l != null && l.reason && (f == null || f(l.reason));
-    };
-    return e.addEventListener("value-change", t), e.addEventListener("invalid", r), () => {
-      e.removeEventListener("value-change", t), e.removeEventListener("invalid", r);
-    };
-  }, [f, c]), X(() => {
-    const e = o.current;
-    if (!e)
-      return;
-    const t = (n, l) => {
-      const B = e.getAttribute(n);
-      if (l == null) {
-        B != null && e.removeAttribute(n);
-        return;
-      }
-      B !== l && e.setAttribute(n, l);
-    }, r = (n, l) => {
-      l ? e.hasAttribute(n) || e.setAttribute(n, "") : e.hasAttribute(n) && e.removeAttribute(n);
-    };
-    t("value", s != null && s !== "" ? String(s) : null), t("min", d != null ? String(d) : null), t("max", a != null ? String(a) : null), t("step", b != null ? String(b) : null), t("precision", E != null ? String(E) : null), t("locale", m ?? null), t("format", i && i !== "grouped" ? i : null), t("placeholder", p ?? null), t("label", A ?? null), t("description", v ?? null), t("data-error", y ?? null), t("name", L ?? null), t("autocomplete", R ?? null), t("inputmode", _ ?? null), r("required", g), r("disabled", w), r("readonly", N), r("allow-wheel", S), r("show-steppers", h), r("clamp-on-blur", F), r("invalid", H);
+  onInvalidValue: i,
+  ...K
+}, P) {
+  const b = Q(P), z = l.useCallback((t) => {
+    const s = G(t);
+    s && (c == null || c(s));
+  }, [c]), B = l.useCallback((t) => {
+    const s = G(t);
+    s != null && s.reason && (i == null || i(s.reason));
+  }, [i]);
+  return U(
+    b,
+    [
+      { type: "value-change", listener: z },
+      { type: "invalid", listener: B }
+    ],
+    [z, B]
+  ), X(b, (t) => {
+    n(t, "value", e != null && e !== "" ? String(e) : null), n(t, "min", a != null ? String(a) : null), n(t, "max", m != null ? String(m) : null), n(t, "step", o != null ? String(o) : null), Y(t, "precision", d), n(t, "locale", f ?? null), n(t, "format", r && r !== "grouped" ? r : null), n(t, "placeholder", p ?? null), n(t, "label", E ?? null), n(t, "description", y ?? null), n(t, "data-error", g ?? null), n(t, "name", N ?? null), n(t, "autocomplete", _ ?? null), n(t, "inputmode", D ?? null), u(t, "required", A), u(t, "disabled", F), u(t, "readonly", S), u(t, "allow-wheel", w), u(t, "show-steppers", R), u(t, "clamp-on-blur", k), u(t, "invalid", H);
   }, [
-    R,
-    S,
-    F,
-    v,
+    _,
     w,
+    k,
     y,
-    i,
-    _,
+    F,
+    g,
+    r,
+    D,
     H,
-    A,
+    E,
+    f,
     m,
     a,
-    d,
-    L,
-    p,
-    E,
     N,
-    g,
-    h,
-    b,
-    s
-  ]), u.createElement(
+    p,
+    d,
+    S,
+    A,
+    R,
+    o,
+    e
+  ]), l.createElement(
     "ui-number-field",
-    { ref: o, ...J },
-    j != null ? u.createElement("span", { slot: "prefix" }, j) : null,
-    k != null ? u.createElement("span", { slot: "suffix" }, k) : null,
-    z != null ? u.createElement("span", { slot: "decrement-trigger" }, z) : null,
-    q != null ? u.createElement("span", { slot: "increment-trigger" }, q) : null,
-    G
+    { ref: b, ...K },
+    L != null ? l.createElement("span", { slot: "prefix" }, L) : null,
+    j != null ? l.createElement("span", { slot: "suffix" }, j) : null,
+    x != null ? l.createElement("span", { slot: "decrement-trigger" }, x) : null,
+    q != null ? l.createElement("span", { slot: "increment-trigger" }, q) : null,
+    J
   );
 });
-Y.displayName = "NumberField";
+Z.displayName = "NumberField";
 export {
-  Y as NumberField,
-  Y as default
+  Z as NumberField,
+  Z as default
 };

package/dist/NumberTicker.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("react"),g=require("./_internals-b9f3e909.js"),v=u=>u&&u.__esModule?u:{default:u},f=v(F),D=typeof window<"u"?f.default.useLayoutEffect:f.default.useEffect;function a(u){if(u==null||u==="")return null;if(typeof u=="number")return`${u}px`;const r=u.split(/\s+/).filter(Boolean);return r.length?r.map(l=>/^-?\d+(\.\d+)?$/.test(l)?`${l}px`:l).join(" "):null}function M(u){return u==null||u===""?null:typeof u=="number"?`${u}ms`:/^-?\d+(\.\d+)?$/.test(u)?`${u}ms`:u}const z=f.default.forwardRef(function({value:r,from:l,duration:j,delay:q,easing:s,animation:o,trigger:i,visibilityThreshold:b,stagger:B,staggerFrom:m,locale:h,formatStyle:A,currency:P,currencyDisplay:k,notation:N,compactDisplay:_,fractionDigits:E,useGrouping:p,signDisplay:R,prefix:x,suffix:C,tone:$,size:d,align:w,fontSize:H,fontWeight:T,letterSpacing:J,color:K,tabular:I,monospace:Q,paused:U,pauseOnHover:V,pauseOnFocus:X,formatter:Y,children:y,...G},W){const L=f.default.useRef(null);return f.default.useImperativeHandle(W,()=>L.current),f.default.useEffect(()=>{g.warnIfElementNotRegistered("ui-number-ticker","NumberTicker")},[]),D(()=>{const e=L.current;if(!e)return;const t=(n,c)=>{const Z=e.getAttribute(n);if(c==null){Z!=null&&e.removeAttribute(n);return}Z!==c&&e.setAttribute(n,c)},S=(n,c)=>{c?e.hasAttribute(n)||e.setAttribute(n,""):e.hasAttribute(n)&&e.removeAttribute(n)};t("value",r==null||r===""?null:String(r)),t("from",l==null||l===""?null:String(l)),t("duration",M(j)),t("delay",M(q)),t("easing",s&&s!=="ease-out"?s:null),t("animation",o&&o!=="interpolate"?o:null),t("trigger",i&&i!=="immediate"?i:null),t("visibility-threshold",b==null||b===""?null:String(b)),t("stagger",M(B)),t("stagger-from",m&&m!=="start"?m:null),t("locale",h||null),t("format-style",A&&A!=="decimal"?A:null),t("currency",P||null),t("currency-display",k&&k!=="symbol"?k:null),t("notation",N&&N!=="standard"?N:null),t("compact-display",_&&_!=="short"?_:null),t("fraction-digits",E==null||E===""?null:String(E)),t("use-grouping",p==null?null:String(p)),t("sign-display",R&&R!=="auto"?R:null),t("prefix",x||null),t("suffix",C||null),t("tone",$&&$!=="brand"?$:null),t("size",d&&d!=="md"&&d!=="2"?d:null),t("align",w&&w!=="start"?w:null),t("font-size",a(H)),t("font-weight",T==null||T===""?null:String(T)),t("letter-spacing",a(J)),t("color",K||null),t("tabular",I==null?null:String(I)),S("monospace",Q),S("paused",U),S("pause-on-hover",V),S("pause-on-focus",X),e.formatter=Y??null},[r,l,j,q,s,o,i,b,B,m,h,A,P,k,N,_,E,p,R,x,C,$,d,w,H,T,J,K,I,Q,U,V,X,Y]),f.default.createElement("ui-number-ticker",{ref:L,...G},y)});z.displayName="NumberTicker";const O=z;exports.NumberTicker=O;exports.default=O;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F=require("react"),g=require("./_internals-5a21394b.js"),v=u=>u&&u.__esModule?u:{default:u},f=v(F),D=typeof window<"u"?f.default.useLayoutEffect:f.default.useEffect;function a(u){if(u==null||u==="")return null;if(typeof u=="number")return`${u}px`;const r=u.split(/\s+/).filter(Boolean);return r.length?r.map(l=>/^-?\d+(\.\d+)?$/.test(l)?`${l}px`:l).join(" "):null}function M(u){return u==null||u===""?null:typeof u=="number"?`${u}ms`:/^-?\d+(\.\d+)?$/.test(u)?`${u}ms`:u}const z=f.default.forwardRef(function({value:r,from:l,duration:j,delay:q,easing:s,animation:o,trigger:i,visibilityThreshold:b,stagger:B,staggerFrom:m,locale:h,formatStyle:A,currency:P,currencyDisplay:k,notation:N,compactDisplay:_,fractionDigits:E,useGrouping:p,signDisplay:R,prefix:x,suffix:C,tone:$,size:d,align:w,fontSize:H,fontWeight:T,letterSpacing:J,color:K,tabular:I,monospace:Q,paused:U,pauseOnHover:V,pauseOnFocus:X,formatter:Y,children:y,...G},W){const L=f.default.useRef(null);return f.default.useImperativeHandle(W,()=>L.current),f.default.useEffect(()=>{g.warnIfElementNotRegistered("ui-number-ticker","NumberTicker")},[]),D(()=>{const e=L.current;if(!e)return;const t=(n,c)=>{const Z=e.getAttribute(n);if(c==null){Z!=null&&e.removeAttribute(n);return}Z!==c&&e.setAttribute(n,c)},S=(n,c)=>{c?e.hasAttribute(n)||e.setAttribute(n,""):e.hasAttribute(n)&&e.removeAttribute(n)};t("value",r==null||r===""?null:String(r)),t("from",l==null||l===""?null:String(l)),t("duration",M(j)),t("delay",M(q)),t("easing",s&&s!=="ease-out"?s:null),t("animation",o&&o!=="interpolate"?o:null),t("trigger",i&&i!=="immediate"?i:null),t("visibility-threshold",b==null||b===""?null:String(b)),t("stagger",M(B)),t("stagger-from",m&&m!=="start"?m:null),t("locale",h||null),t("format-style",A&&A!=="decimal"?A:null),t("currency",P||null),t("currency-display",k&&k!=="symbol"?k:null),t("notation",N&&N!=="standard"?N:null),t("compact-display",_&&_!=="short"?_:null),t("fraction-digits",E==null||E===""?null:String(E)),t("use-grouping",p==null?null:String(p)),t("sign-display",R&&R!=="auto"?R:null),t("prefix",x||null),t("suffix",C||null),t("tone",$&&$!=="brand"?$:null),t("size",d&&d!=="md"&&d!=="2"?d:null),t("align",w&&w!=="start"?w:null),t("font-size",a(H)),t("font-weight",T==null||T===""?null:String(T)),t("letter-spacing",a(J)),t("color",K||null),t("tabular",I==null?null:String(I)),S("monospace",Q),S("paused",U),S("pause-on-hover",V),S("pause-on-focus",X),e.formatter=Y??null},[r,l,j,q,s,o,i,b,B,m,h,A,P,k,N,_,E,p,R,x,C,$,d,w,H,T,J,K,I,Q,U,V,X,Y]),f.default.createElement("ui-number-ticker",{ref:L,...G},y)});z.displayName="NumberTicker";const O=z;exports.NumberTicker=O;exports.default=O;

package/dist/NumberTicker.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import f from "react";
-import { w as F } from "./_internals-f8fb69a8.mjs";
+import { w as F } from "./_internals-d86cc997.mjs";
 const g = typeof window < "u" ? f.useLayoutEffect : f.useEffect;
 function z(l) {
   if (l == null || l === "")

package/dist/Orbiter.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("react"),W=require("./_internals-b9f3e909.js"),X=t=>t&&t.__esModule?t:{default:t},l=X(V),Y=typeof window<"u"?l.default.useLayoutEffect:l.default.useEffect;function a(t){if(t==null||t==="")return null;if(typeof t=="number")return`${t}px`;const f=t.split(/\s+/).filter(Boolean);return f.length?f.map(n=>/^-?\d+(\.\d+)?$/.test(n)?`${n}px`:n).join(" "):null}function k(t){return t==null||t===""?null:typeof t=="number"?`${t}s`:/^-?\d+(\.\d+)?$/.test(t)?`${t}s`:t}const x=l.default.forwardRef(function({duration:f,delay:n,speed:i,reverse:c,radius:b,path:m,iconSize:E,orbitRadius:p,itemSize:g,centerSize:_,ringGap:I,rings:u,startAngle:d,direction:r,animation:h,variant:A,tone:$,size:O,surfaceRadius:C,elevation:N,padding:j,showPaths:L,pauseOnHover:M,pauseOnItemHover:R,pauseOnFocus:S,paused:q,children:K,...Q},U){const T=l.default.useRef(null);return l.default.useImperativeHandle(U,()=>T.current),l.default.useEffect(()=>{W.warnIfElementNotRegistered("ui-orbiter","Orbiter")},[]),Y(()=>{const o=T.current;if(!o)return;const e=(s,w)=>{const B=o.getAttribute(s);if(w==null){B!=null&&o.removeAttribute(s);return}B!==w&&o.setAttribute(s,w)},y=(s,w)=>{w?o.hasAttribute(s)||o.setAttribute(s,""):o.hasAttribute(s)&&o.removeAttribute(s)};e("duration",k(f)),e("delay",k(n)),e("speed",i==null||i===""?null:String(i)),e("radius",a(b??p)),e("orbit-radius",a(p)),e("icon-size",a(E??g)),e("item-size",a(g)),e("center-size",a(_)),e("ring-gap",a(I)),e("rings",u==null||u===""?null:String(u)),e("start-angle",d==null||d===""?null:String(d)),e("direction",r&&r!=="clockwise"?r:null),e("animation",h&&h!=="smooth"?h:null),e("variant",A&&A!=="surface"?A:null),e("tone",$&&$!=="brand"?$:null),e("size",O&&O!=="md"&&O!=="2"?O:null),e("surface-radius",C==null||C===""?null:String(C)),e("elevation",N&&N!=="low"?N:null),e("padding",a(j)),e("path",m==null?null:String(m)),y("show-paths",L),y("pause-on-hover",M),y("pause-on-item-hover",R),y("pause-on-focus",S),y("paused",q),y("reverse",c)},[f,n,i,c,b,m,E,p,g,_,I,u,d,r,h,A,$,O,C,N,j,L,M,R,S,q]),l.default.createElement("ui-orbiter",{ref:T,...Q},K)});x.displayName="Orbiter";const D=l.default.forwardRef(function({as:f,clickable:n,href:i,target:c,rel:b,disabled:m,type:E,tabIndex:p,children:g,..._},I){const u=f||(n?i?"a":"button":"div"),d=n||u==="button"||u==="a",r={ref:I,"data-ui-orbiter-item":"",..._};return d&&(r["data-ui-orbiter-clickable"]=""),i&&(r.href=i),c&&(r.target=c),b&&(r.rel=b),m!=null&&(r.disabled=m),u==="button"&&(r.type=E||"button"),p!=null?r.tabIndex=p:d&&u!=="button"&&u!=="a"&&(r.tabIndex=0),l.default.createElement(u,r,g)});D.displayName="Orbiter.Item";const P=l.default.forwardRef(function({as:f,children:n,...i},c){const b=f||"div";return l.default.createElement(b,{ref:c,slot:"center","data-ui-orbiter-center":"",...i},n)});P.displayName="Orbiter.Center";const J=Object.assign(x,{Item:D,Center:P});exports.Orbiter=J;exports.default=J;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("react"),W=require("./_internals-5a21394b.js"),X=t=>t&&t.__esModule?t:{default:t},l=X(V),Y=typeof window<"u"?l.default.useLayoutEffect:l.default.useEffect;function a(t){if(t==null||t==="")return null;if(typeof t=="number")return`${t}px`;const f=t.split(/\s+/).filter(Boolean);return f.length?f.map(n=>/^-?\d+(\.\d+)?$/.test(n)?`${n}px`:n).join(" "):null}function k(t){return t==null||t===""?null:typeof t=="number"?`${t}s`:/^-?\d+(\.\d+)?$/.test(t)?`${t}s`:t}const x=l.default.forwardRef(function({duration:f,delay:n,speed:i,reverse:c,radius:b,path:m,iconSize:E,orbitRadius:p,itemSize:g,centerSize:_,ringGap:I,rings:u,startAngle:d,direction:r,animation:h,variant:A,tone:$,size:O,surfaceRadius:C,elevation:N,padding:j,showPaths:L,pauseOnHover:M,pauseOnItemHover:R,pauseOnFocus:S,paused:q,children:K,...Q},U){const T=l.default.useRef(null);return l.default.useImperativeHandle(U,()=>T.current),l.default.useEffect(()=>{W.warnIfElementNotRegistered("ui-orbiter","Orbiter")},[]),Y(()=>{const o=T.current;if(!o)return;const e=(s,w)=>{const B=o.getAttribute(s);if(w==null){B!=null&&o.removeAttribute(s);return}B!==w&&o.setAttribute(s,w)},y=(s,w)=>{w?o.hasAttribute(s)||o.setAttribute(s,""):o.hasAttribute(s)&&o.removeAttribute(s)};e("duration",k(f)),e("delay",k(n)),e("speed",i==null||i===""?null:String(i)),e("radius",a(b??p)),e("orbit-radius",a(p)),e("icon-size",a(E??g)),e("item-size",a(g)),e("center-size",a(_)),e("ring-gap",a(I)),e("rings",u==null||u===""?null:String(u)),e("start-angle",d==null||d===""?null:String(d)),e("direction",r&&r!=="clockwise"?r:null),e("animation",h&&h!=="smooth"?h:null),e("variant",A&&A!=="surface"?A:null),e("tone",$&&$!=="brand"?$:null),e("size",O&&O!=="md"&&O!=="2"?O:null),e("surface-radius",C==null||C===""?null:String(C)),e("elevation",N&&N!=="low"?N:null),e("padding",a(j)),e("path",m==null?null:String(m)),y("show-paths",L),y("pause-on-hover",M),y("pause-on-item-hover",R),y("pause-on-focus",S),y("paused",q),y("reverse",c)},[f,n,i,c,b,m,E,p,g,_,I,u,d,r,h,A,$,O,C,N,j,L,M,R,S,q]),l.default.createElement("ui-orbiter",{ref:T,...Q},K)});x.displayName="Orbiter";const D=l.default.forwardRef(function({as:f,clickable:n,href:i,target:c,rel:b,disabled:m,type:E,tabIndex:p,children:g,..._},I){const u=f||(n?i?"a":"button":"div"),d=n||u==="button"||u==="a",r={ref:I,"data-ui-orbiter-item":"",..._};return d&&(r["data-ui-orbiter-clickable"]=""),i&&(r.href=i),c&&(r.target=c),b&&(r.rel=b),m!=null&&(r.disabled=m),u==="button"&&(r.type=E||"button"),p!=null?r.tabIndex=p:d&&u!=="button"&&u!=="a"&&(r.tabIndex=0),l.default.createElement(u,r,g)});D.displayName="Orbiter.Item";const P=l.default.forwardRef(function({as:f,children:n,...i},c){const b=f||"div";return l.default.createElement(b,{ref:c,slot:"center","data-ui-orbiter-center":"",...i},n)});P.displayName="Orbiter.Center";const J=Object.assign(x,{Item:D,Center:P});exports.Orbiter=J;exports.default=J;

package/dist/Orbiter.esm.js

@@ -1,5 +1,6 @@
+'use client';
 import i from "react";
-import { w as U } from "./_internals-f8fb69a8.mjs";
+import { w as U } from "./_internals-d86cc997.mjs";
 const V = typeof window < "u" ? i.useLayoutEffect : i.useEffect;
 function d(r) {
   if (r == null || r === "")

package/dist/Pagination.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react");function I(i){if(i&&i.__esModule)return i;const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const n in i)if(n!=="default"){const f=Object.getOwnPropertyDescriptor(i,n);Object.defineProperty(l,n,f.get?f:{enumerable:!0,get:()=>i[n]})}}return l.default=i,Object.freeze(l)}const d=I(R),T=typeof window<"u"?d.useLayoutEffect:d.useEffect,_=d.forwardRef(function({page:l,count:n,size:f,variant:o,headless:O,ariaLabel:S,onPageChange:b,onChange:v,onFirst:m,onPrev:E,onNext:p,onLast:y,children:j,...w},M){const A=d.useRef(null);return d.useImperativeHandle(M,()=>A.current),d.useEffect(()=>{const e=A.current;if(!e)return;const s=u=>{const t=u.detail;t&&(b==null||b(t),v==null||v(t))},L=u=>{const t=u.detail;t&&(m==null||m(t))},r=u=>{const t=u.detail;t&&(E==null||E(t))},c=u=>{const t=u.detail;t&&(p==null||p(t))},a=u=>{const t=u.detail;t&&(y==null||y(t))};return e.addEventListener("change",s),e.addEventListener("first",L),e.addEventListener("prev",r),e.addEventListener("next",c),e.addEventListener("last",a),()=>{e.removeEventListener("change",s),e.removeEventListener("first",L),e.removeEventListener("prev",r),e.removeEventListener("next",c),e.removeEventListener("last",a)}},[b,v,m,E,p,y]),T(()=>{const e=A.current;if(!e)return;const s=(r,c)=>{const a=e.getAttribute(r);if(c==null){a!=null&&e.removeAttribute(r);return}a!==c&&e.setAttribute(r,c)},L=(r,c)=>{c?e.hasAttribute(r)||e.setAttribute(r,""):e.hasAttribute(r)&&e.removeAttribute(r)};s("page",typeof l=="number"&&Number.isFinite(l)?String(l):null),s("count",typeof n=="number"&&Number.isFinite(n)?String(n):null),s("size",f&&f!=="md"?f:null),s("variant",o&&o!=="default"?o:null),s("aria-label",S??null),L("headless",O)},[l,n,f,o,S,O]),d.createElement("ui-pagination",{ref:A,...w},j)});_.displayName="Pagination";exports.Pagination=_;exports.default=_;

package/dist/Pagination.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import * as u from "react";
 const h = typeof window < "u" ? u.useLayoutEffect : u.useEffect, B = u.forwardRef(function({
   page: f,

package/dist/PanelGroup.cjs.js

@@ -1 +1,2 @@
+'use client';
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),w=d=>d&&d.__esModule?d:{default:d},b=w(s),E=typeof window<"u"?s.useLayoutEffect:s.useEffect,P=b.default.forwardRef(function({orientation:r,storageKey:l,autoSave:u,children:o,onLayoutChange:i,onResizeStart:f,onResize:n,onResizeEnd:t,...m},c){const a=s.useRef(null);return s.useImperativeHandle(c,()=>a.current),s.useEffect(()=>{const e=a.current;if(!e)return;const p=v=>i==null?void 0:i(v.detail),A=v=>f==null?void 0:f(v.detail),H=v=>n==null?void 0:n(v.detail),_=v=>t==null?void 0:t(v.detail);return e.addEventListener("layout-change",p),e.addEventListener("resize-start",A),e.addEventListener("resize",H),e.addEventListener("resize-end",_),()=>{e.removeEventListener("layout-change",p),e.removeEventListener("resize-start",A),e.removeEventListener("resize",H),e.removeEventListener("resize-end",_)}},[i,n,t,f]),E(()=>{const e=a.current;e&&(r&&r!=="horizontal"?e.setAttribute("orientation",r):e.removeAttribute("orientation"),l?e.setAttribute("storage-key",l):e.removeAttribute("storage-key"),u?e.setAttribute("auto-save",""):e.removeAttribute("auto-save"))},[r,l,u]),b.default.createElement("ui-panel-group",{ref:a,...m},o)}),y=b.default.forwardRef(function({size:r,minSize:l,maxSize:u,collapsedSize:o,collapsed:i,children:f,...n},t){const m=s.useRef(null);return s.useImperativeHandle(t,()=>m.current),E(()=>{const c=m.current;if(!c)return;const a=(e,p)=>{const A=c.getAttribute(e);if(p==null){A!=null&&c.removeAttribute(e);return}A!==p&&c.setAttribute(e,p)};i?c.setAttribute("collapsed",""):c.removeAttribute("collapsed"),a("size",r!=null?String(r):null),a("min-size",l!=null?String(l):null),a("max-size",u!=null?String(u):null),a("collapsed-size",o!=null?String(o):null)},[i,o,u,l,r]),b.default.createElement("ui-panel",{ref:m,...n},f)}),g=b.default.forwardRef(function({disabled:r,orientation:l,ariaLabel:u,children:o,...i},f){const n=s.useRef(null);return s.useImperativeHandle(f,()=>n.current),E(()=>{const t=n.current;t&&(r?t.setAttribute("disabled",""):t.removeAttribute("disabled"),l?t.setAttribute("orientation",l):t.removeAttribute("orientation"),u?t.setAttribute("aria-label",u):t.removeAttribute("aria-label"))},[u,r,l]),b.default.createElement("ui-splitter",{ref:n,...i},o)});P.displayName="PanelGroup";y.displayName="Panel";g.displayName="Splitter";exports.Panel=y;exports.PanelGroup=P;exports.Splitter=g;exports.default=P;

package/dist/PanelGroup.esm.js

@@ -1,3 +1,4 @@
+'use client';
 import v, { useRef as p, useImperativeHandle as A, useEffect as H, useLayoutEffect as g } from "react";
 const E = typeof window < "u" ? g : H, G = v.forwardRef(function({ orientation: r, storageKey: l, autoSave: u, children: a, onLayoutChange: i, onResizeStart: c, onResize: n, onResizeEnd: t, ...b }, f) {
   const s = p(null);

package/dist/PasswordField.cjs.js

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