@editora/ui-react 0.1.8 → 0.1.10

package/dist/NavigationMenu.esm.js

@@ -0,0 +1,121 @@
+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) {
+  const {
+    selected: r,
+    orientation: t,
+    activation: a,
+    variant: c,
+    size: s,
+    radius: o,
+    elevation: u,
+    tone: l,
+    loop: b,
+    collapsible: h,
+    headless: y,
+    onChange: d,
+    onSelect: f,
+    children: w,
+    ...k
+  } = i, g = A(null);
+  return v(() => {
+    const e = g.current;
+    if (!e)
+      return;
+    const E = (N) => {
+      const p = N.detail;
+      p && (d == null || d(p), f == null || f(p.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);
+}
+function I({ children: i }) {
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, i);
+}
+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 R({ children: i, ...r }) {
+  const t = n.useContext(m), a = A(null), [c, s] = M(!1);
+  return v(() => {
+    const o = a.current;
+    if (!o)
+      return;
+    const u = () => {
+      s(o.getAttribute("aria-expanded") === "true");
+    };
+    u();
+    const l = new MutationObserver(u);
+    return l.observe(o, {
+      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(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      style: {
+        display: "block",
+        transform: c ? "rotate(180deg)" : "rotate(0deg)",
+        transition: "transform 180ms cubic-bezier(0.2, 0.9, 0.24, 1)"
+      }
+    },
+    /* @__PURE__ */ n.createElement(
+      "path",
+      {
+        d: "M3 4.75L6 7.25L9 4.75",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  )) : null);
+}
+function z({ children: i, ...r }) {
+  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);
+}
+function K({ children: i, ...r }) {
+  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);
+}
+function S() {
+  return null;
+}
+function j() {
+  return null;
+}
+const O = Object.assign(L, {
+  Root: L,
+  List: I,
+  Item: H,
+  Trigger: R,
+  Link: z,
+  Content: K,
+  Indicator: S,
+  Viewport: j
+});
+export {
+  O as NavigationMenu,
+  K as NavigationMenuContent,
+  S as NavigationMenuIndicator,
+  H as NavigationMenuItem,
+  z as NavigationMenuLink,
+  I as NavigationMenuList,
+  L as NavigationMenuRoot,
+  R as NavigationMenuTrigger,
+  j as NavigationMenuViewport,
+  O as default
+};

package/dist/NumberField.cjs.js

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

package/dist/NumberField.esm.js

@@ -0,0 +1,99 @@
+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,
+  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: _,
+  invalid: H,
+  prefix: j,
+  suffix: k,
+  incrementTrigger: q,
+  decrementTrigger: z,
+  children: G,
+  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);
+  }, [
+    R,
+    S,
+    F,
+    v,
+    w,
+    y,
+    i,
+    _,
+    H,
+    A,
+    m,
+    a,
+    d,
+    L,
+    p,
+    E,
+    N,
+    g,
+    h,
+    b,
+    s
+  ]), u.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
+  );
+});
+Y.displayName = "NumberField";
+export {
+  Y as NumberField,
+  Y as default
+};

package/dist/NumberTicker.cjs.js

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

package/dist/NumberTicker.esm.js

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

package/dist/Orbiter.cjs.js

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

package/dist/Orbiter.esm.js

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

package/dist/Pagination.cjs.js

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

@@ -0,0 +1,63 @@
+import * as u from "react";
+const h = typeof window < "u" ? u.useLayoutEffect : u.useEffect, B = u.forwardRef(function({
+  page: f,
+  count: d,
+  size: c,
+  variant: a,
+  headless: L,
+  ariaLabel: w,
+  onPageChange: E,
+  onChange: v,
+  onFirst: m,
+  onPrev: o,
+  onNext: b,
+  onLast: p,
+  children: R,
+  ...I
+}, S) {
+  const y = u.useRef(null);
+  return u.useImperativeHandle(S, () => y.current), u.useEffect(() => {
+    const t = y.current;
+    if (!t)
+      return;
+    const l = (r) => {
+      const e = r.detail;
+      e && (E == null || E(e), v == null || v(e));
+    }, A = (r) => {
+      const e = r.detail;
+      e && (m == null || m(e));
+    }, i = (r) => {
+      const e = r.detail;
+      e && (o == null || o(e));
+    }, s = (r) => {
+      const e = r.detail;
+      e && (b == null || b(e));
+    }, n = (r) => {
+      const e = r.detail;
+      e && (p == null || p(e));
+    };
+    return t.addEventListener("change", l), t.addEventListener("first", A), t.addEventListener("prev", i), t.addEventListener("next", s), t.addEventListener("last", n), () => {
+      t.removeEventListener("change", l), t.removeEventListener("first", A), t.removeEventListener("prev", i), t.removeEventListener("next", s), t.removeEventListener("last", n);
+    };
+  }, [E, v, m, o, b, p]), h(() => {
+    const t = y.current;
+    if (!t)
+      return;
+    const l = (i, s) => {
+      const n = t.getAttribute(i);
+      if (s == null) {
+        n != null && t.removeAttribute(i);
+        return;
+      }
+      n !== s && t.setAttribute(i, s);
+    }, A = (i, s) => {
+      s ? t.hasAttribute(i) || t.setAttribute(i, "") : t.hasAttribute(i) && t.removeAttribute(i);
+    };
+    l("page", typeof f == "number" && Number.isFinite(f) ? String(f) : null), l("count", typeof d == "number" && Number.isFinite(d) ? String(d) : null), l("size", c && c !== "md" ? c : null), l("variant", a && a !== "default" ? a : null), l("aria-label", w ?? null), A("headless", L);
+  }, [f, d, c, a, w, L]), u.createElement("ui-pagination", { ref: y, ...I }, R);
+});
+B.displayName = "Pagination";
+export {
+  B as Pagination,
+  B as default
+};

package/dist/PanelGroup.cjs.js

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

@@ -0,0 +1,47 @@
+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);
+  return A(f, () => s.current), H(() => {
+    const e = s.current;
+    if (!e)
+      return;
+    const o = (d) => i == null ? void 0 : i(d.detail), m = (d) => c == null ? void 0 : c(d.detail), w = (d) => n == null ? void 0 : n(d.detail), y = (d) => t == null ? void 0 : t(d.detail);
+    return e.addEventListener("layout-change", o), e.addEventListener("resize-start", m), e.addEventListener("resize", w), e.addEventListener("resize-end", y), () => {
+      e.removeEventListener("layout-change", o), e.removeEventListener("resize-start", m), e.removeEventListener("resize", w), e.removeEventListener("resize-end", y);
+    };
+  }, [i, n, t, c]), E(() => {
+    const e = s.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]), v.createElement("ui-panel-group", { ref: s, ...b }, a);
+}), L = v.forwardRef(function({ size: r, minSize: l, maxSize: u, collapsedSize: a, collapsed: i, children: c, ...n }, t) {
+  const b = p(null);
+  return A(t, () => b.current), E(() => {
+    const f = b.current;
+    if (!f)
+      return;
+    const s = (e, o) => {
+      const m = f.getAttribute(e);
+      if (o == null) {
+        m != null && f.removeAttribute(e);
+        return;
+      }
+      m !== o && f.setAttribute(e, o);
+    };
+    i ? f.setAttribute("collapsed", "") : f.removeAttribute("collapsed"), s("size", r != null ? String(r) : null), s("min-size", l != null ? String(l) : null), s("max-size", u != null ? String(u) : null), s("collapsed-size", a != null ? String(a) : null);
+  }, [i, a, u, l, r]), v.createElement("ui-panel", { ref: b, ...n }, c);
+}), N = v.forwardRef(function({ disabled: r, orientation: l, ariaLabel: u, children: a, ...i }, c) {
+  const n = p(null);
+  return A(c, () => 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]), v.createElement("ui-splitter", { ref: n, ...i }, a);
+});
+G.displayName = "PanelGroup";
+L.displayName = "Panel";
+N.displayName = "Splitter";
+export {
+  L as Panel,
+  G as PanelGroup,
+  N as Splitter,
+  G as default
+};

package/dist/PasswordField.cjs.js

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