@editora/ui-react 0.1.8 → 0.1.11

package/dist/NumberField.esm.js

@@ -0,0 +1,87 @@
+'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: 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: L,
+  suffix: j,
+  incrementTrigger: q,
+  decrementTrigger: x,
+  children: J,
+  onValueChange: c,
+  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);
+  }, [
+    _,
+    w,
+    k,
+    y,
+    F,
+    g,
+    r,
+    D,
+    H,
+    E,
+    f,
+    m,
+    a,
+    N,
+    p,
+    d,
+    S,
+    A,
+    R,
+    o,
+    e
+  ]), l.createElement(
+    "ui-number-field",
+    { 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
+  );
+});
+Z.displayName = "NumberField";
+export {
+  Z as NumberField,
+  Z as default
+};

package/dist/NumberTicker.cjs.js

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

@@ -0,0 +1,117 @@
+'use client';
+import f from "react";
+import { w as F } from "./_internals-d86cc997.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,2 @@
+'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

@@ -0,0 +1,115 @@
+'use client';
+import i from "react";
+import { w as U } from "./_internals-d86cc997.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,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

@@ -0,0 +1,64 @@
+'use client';
+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,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

@@ -0,0 +1,48 @@
+'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);
+  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,2 @@
+'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;

package/dist/PasswordField.esm.js

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

package/dist/PinInput.cjs.js

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

package/dist/PinInput.esm.js

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

package/dist/PlacementGrid.cjs.js

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