@editora/ui-react 0.1.8 → 0.1.10

package/dist/PasswordField.esm.js

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

package/dist/PinInput.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),N=r=>r&&r.__esModule?r:{default:r},M=N(t),O=typeof window<"u"?t.useLayoutEffect:t.useEffect,A=M.default.forwardRef(function({value:u,onChange:s,onComplete:l,length:n,name:a,label:d,description:v,error:m,mode:f,mask:I,required:P,disabled:_,readOnly:y,placeholderChar:p,size:i,density:b,shape:o,invalid:L,children:S,...T},q){const c=t.useRef(null);return t.useImperativeHandle(q,()=>c.current),t.useEffect(()=>{const e=c.current;if(!e)return;const R=E=>{s==null||s(E.detail.value||"")},w=E=>{l==null||l(E.detail.value||"")};return e.addEventListener("change",R),e.addEventListener("complete",w),()=>{e.removeEventListener("change",R),e.removeEventListener("complete",w)}},[s,l]),O(()=>{const e=c.current;e&&(u!=null&&u!==""?e.setAttribute("value",u):e.removeAttribute("value"),typeof n=="number"&&Number.isFinite(n)?e.setAttribute("length",String(n)):e.removeAttribute("length"),a?e.setAttribute("name",a):e.removeAttribute("name"),d?e.setAttribute("label",d):e.removeAttribute("label"),v?e.setAttribute("description",v):e.removeAttribute("description"),m?e.setAttribute("error",m):e.removeAttribute("error"),f&&f!=="numeric"?e.setAttribute("mode",f):e.removeAttribute("mode"),I?e.setAttribute("mask",""):e.removeAttribute("mask"),P?e.setAttribute("required",""):e.removeAttribute("required"),_?e.setAttribute("disabled",""):e.removeAttribute("disabled"),y?e.setAttribute("readonly",""):e.removeAttribute("readonly"),p?e.setAttribute("placeholder-char",p):e.removeAttribute("placeholder-char"),i&&i!=="md"&&i!=="2"?e.setAttribute("size",i):e.removeAttribute("size"),b&&b!=="default"?e.setAttribute("density",b):e.removeAttribute("density"),o&&o!=="default"?e.setAttribute("shape",o):e.removeAttribute("shape"),L?e.setAttribute("invalid",""):e.removeAttribute("invalid"))},[u,n,a,d,v,m,f,I,P,_,y,p,i,b,o,L]),M.default.createElement("ui-pin-input",{ref:c,...T},S)});A.displayName="PinInput";const j=A;exports.OTPInput=j;exports.PinInput=A;exports.default=A;

package/dist/PinInput.esm.js

@@ -0,0 +1,48 @@
+import w, { useRef as x, useImperativeHandle as F, useEffect as R, useLayoutEffect as H } from "react";
+const S = typeof window < "u" ? H : R, N = w.forwardRef(function({
+  value: r,
+  onChange: i,
+  onComplete: u,
+  length: s,
+  name: A,
+  label: o,
+  description: m,
+  error: c,
+  mode: f,
+  mask: d,
+  required: p,
+  disabled: E,
+  readOnly: I,
+  placeholderChar: v,
+  size: t,
+  density: b,
+  shape: n,
+  invalid: L,
+  children: _,
+  ...k
+}, q) {
+  const l = x(null);
+  return F(q, () => l.current), R(() => {
+    const e = l.current;
+    if (!e)
+      return;
+    const y = (a) => {
+      i == null || i(a.detail.value || "");
+    }, P = (a) => {
+      u == null || u(a.detail.value || "");
+    };
+    return e.addEventListener("change", y), e.addEventListener("complete", P), () => {
+      e.removeEventListener("change", y), e.removeEventListener("complete", P);
+    };
+  }, [i, u]), S(() => {
+    const e = l.current;
+    e && (r != null && r !== "" ? e.setAttribute("value", r) : e.removeAttribute("value"), typeof s == "number" && Number.isFinite(s) ? e.setAttribute("length", String(s)) : e.removeAttribute("length"), A ? e.setAttribute("name", A) : e.removeAttribute("name"), o ? e.setAttribute("label", o) : e.removeAttribute("label"), m ? e.setAttribute("description", m) : e.removeAttribute("description"), c ? e.setAttribute("error", c) : e.removeAttribute("error"), f && f !== "numeric" ? e.setAttribute("mode", f) : e.removeAttribute("mode"), d ? e.setAttribute("mask", "") : e.removeAttribute("mask"), p ? e.setAttribute("required", "") : e.removeAttribute("required"), E ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), I ? e.setAttribute("readonly", "") : e.removeAttribute("readonly"), v ? e.setAttribute("placeholder-char", v) : e.removeAttribute("placeholder-char"), t && t !== "md" && t !== "2" ? e.setAttribute("size", t) : e.removeAttribute("size"), b && b !== "default" ? e.setAttribute("density", b) : e.removeAttribute("density"), n && n !== "default" ? e.setAttribute("shape", n) : e.removeAttribute("shape"), L ? e.setAttribute("invalid", "") : e.removeAttribute("invalid"));
+  }, [r, s, A, o, m, c, f, d, p, E, I, v, t, b, n, L]), w.createElement("ui-pin-input", { ref: l, ...k }, _);
+});
+N.displayName = "PinInput";
+const B = N;
+export {
+  B as OTPInput,
+  N as PinInput,
+  N as default
+};

package/dist/PlacementGrid.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const P=require("react"),O=require("./_internals-b9f3e909.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;

package/dist/PlacementGrid.esm.js

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

package/dist/PluginPanel.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),w=require("./_internals-b9f3e909.js");function R(r){if(r&&r.__esModule)return r;const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const n in r)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(r,n);Object.defineProperty(f,n,l.get?l:{enumerable:!0,get:()=>r[n]})}}return f.default=r,Object.freeze(f)}const u=R(j),A=typeof window<"u"?u.useLayoutEffect:u.useEffect,p=u.forwardRef(function({children:f,open:n,position:l,size:o,title:b,description:E,headless:P,dismissible:m,onOpen:s,onClose:d,onOpenChange:v,...L},_){const g=u.useRef(null);return u.useImperativeHandle(_,()=>g.current),u.useEffect(()=>{w.warnIfElementNotRegistered("ui-plugin-panel","PluginPanel")},[]),u.useEffect(()=>{const e=g.current;if(!e)return;const t=()=>s==null?void 0:s(),c=()=>d==null?void 0:d(),i=y=>{const a=y.detail;a&&(v==null||v(a))};return e.addEventListener("open",t),e.addEventListener("close",c),e.addEventListener("open-change",i),()=>{e.removeEventListener("open",t),e.removeEventListener("close",c),e.removeEventListener("open-change",i)}},[d,s,v]),A(()=>{const e=g.current;if(!e)return;const t=(c,i,y=!0)=>{if(!y)return;const a=e.getAttribute(c);if(i==null){a!=null&&e.removeAttribute(c);return}a!==i&&e.setAttribute(c,i)};typeof n=="boolean"&&t("open",n?"":null),t("position",l??null,l!==void 0),t("size",o&&o!=="md"?o:null,o!==void 0),t("title",b??null,b!==void 0),t("description",E??null,E!==void 0),typeof P=="boolean"&&t("headless",P?"":null),typeof m=="boolean"&&t("dismissible",m?"":null)},[n,l,o,b,E,P,m]),u.createElement("ui-plugin-panel",{ref:g,...L},f)});p.displayName="PluginPanel";exports.PluginPanel=p;exports.default=p;

package/dist/PluginPanel.esm.js

@@ -0,0 +1,39 @@
+import * as r from "react";
+import { w as b } from "./_internals-f8fb69a8.mjs";
+const w = typeof window < "u" ? r.useLayoutEffect : r.useEffect, A = r.forwardRef(function({ children: P, open: d, position: s, size: l, title: v, description: E, headless: m, dismissible: y, onOpen: i, onClose: c, onOpenChange: a, ...p }, g) {
+  const o = r.useRef(null);
+  return r.useImperativeHandle(g, () => o.current), r.useEffect(() => {
+    b("ui-plugin-panel", "PluginPanel");
+  }, []), r.useEffect(() => {
+    const e = o.current;
+    if (!e)
+      return;
+    const t = () => i == null ? void 0 : i(), u = () => c == null ? void 0 : c(), n = (L) => {
+      const f = L.detail;
+      f && (a == null || a(f));
+    };
+    return e.addEventListener("open", t), e.addEventListener("close", u), e.addEventListener("open-change", n), () => {
+      e.removeEventListener("open", t), e.removeEventListener("close", u), e.removeEventListener("open-change", n);
+    };
+  }, [c, i, a]), w(() => {
+    const e = o.current;
+    if (!e)
+      return;
+    const t = (u, n, L = !0) => {
+      if (!L)
+        return;
+      const f = e.getAttribute(u);
+      if (n == null) {
+        f != null && e.removeAttribute(u);
+        return;
+      }
+      f !== n && e.setAttribute(u, n);
+    };
+    typeof d == "boolean" && t("open", d ? "" : null), t("position", s ?? null, s !== void 0), t("size", l && l !== "md" ? l : null, l !== void 0), t("title", v ?? null, v !== void 0), t("description", E ?? null, E !== void 0), typeof m == "boolean" && t("headless", m ? "" : null), typeof y == "boolean" && t("dismissible", y ? "" : null);
+  }, [d, s, l, v, E, m, y]), r.createElement("ui-plugin-panel", { ref: o, ...p }, P);
+});
+A.displayName = "PluginPanel";
+export {
+  A as PluginPanel,
+  A as default
+};

package/dist/Popover.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),N=require("./_internals-b9f3e909.js");function T(o){if(o&&o.__esModule)return o;const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(u,e,n.get?n:{enumerable:!0,get:()=>o[e]})}}return u.default=o,Object.freeze(u)}const r=T(j),A=typeof window<"u"?r.useLayoutEffect:r.useEffect,E=r.forwardRef(function({children:u,open:e,placement:n,offset:d,shift:v,flip:a,closeOnEscape:f,closeOnOutside:g,onOpen:p,onClose:m,onOpenChange:b,..._},w){const P=r.useRef(null);return r.useImperativeHandle(w,()=>P.current),r.useEffect(()=>{N.warnIfElementNotRegistered("ui-popover","Popover")},[]),r.useEffect(()=>{const t=P.current;if(!t)return;const i=()=>p==null?void 0:p(),c=()=>m==null?void 0:m(),l=y=>{const s=y.detail;s&&(b==null||b(s))};return t.addEventListener("open",i),t.addEventListener("close",c),t.addEventListener("open-change",l),()=>{t.removeEventListener("open",i),t.removeEventListener("close",c),t.removeEventListener("open-change",l)}},[p,m,b]),A(()=>{const t=P.current;if(!t)return;const i=(c,l,y=!0)=>{if(!y)return;const s=t.getAttribute(c);if(l==null){s!=null&&t.removeAttribute(c);return}s!==l&&t.setAttribute(c,l)};typeof e=="boolean"&&i("open",e?"":null),i("placement",n??null,n!==void 0),i("offset",typeof d=="number"&&Number.isFinite(d)?String(d):null,d!==void 0),i("shift",v===void 0?null:String(v),v!==void 0),i("flip",a===void 0?null:String(a),a!==void 0),i("close-on-escape",f===void 0?null:String(f),f!==void 0),i("close-on-outside",g===void 0?null:String(g),g!==void 0)},[e,n,d,v,a,f,g]),r.createElement("ui-popover",{ref:P,..._},u)});E.displayName="Popover";const S=r.forwardRef(function({children:u,...e},n){return r.createElement("span",{ref:n,slot:"trigger",...e},u)});S.displayName="Popover.Trigger";const L=r.forwardRef(function({children:u,...e},n){return r.createElement("div",{ref:n,slot:"content",...e},u)});L.displayName="Popover.Content";const R=Object.assign(E,{Trigger:S,Content:L});exports.Popover=R;exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const I=require("react"),q=require("./_internals-b9f3e909.js");function k(n){if(n&&n.__esModule)return n;const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const u=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(i,t,u.get?u:{enumerable:!0,get:()=>n[t]})}}return i.default=n,Object.freeze(i)}const o=k(I),D=typeof window<"u"?o.useLayoutEffect:o.useEffect,_=o.forwardRef(function({children:i,open:t,placement:u,offset:f,shift:m,flip:b,closeOnEscape:P,closeOnOutside:y,variant:s,tone:a,size:l,radius:c,elevation:g,onOpen:E,onClose:S,onOpenChange:w,...A},M){const L=o.useRef(null);return o.useImperativeHandle(M,()=>L.current),o.useEffect(()=>{q.warnIfElementNotRegistered("ui-popover","Popover")},[]),o.useEffect(()=>{const r=L.current;if(!r)return;const e=()=>E==null?void 0:E(),d=()=>S==null?void 0:S(),v=R=>{const p=R.detail;p&&(w==null||w(p))};return r.addEventListener("open",e),r.addEventListener("close",d),r.addEventListener("open-change",v),()=>{r.removeEventListener("open",e),r.removeEventListener("close",d),r.removeEventListener("open-change",v)}},[E,S,w]),D(()=>{const r=L.current;if(!r)return;const e=(d,v,R=!0)=>{if(!R)return;const p=r.getAttribute(d);if(v==null){p!=null&&r.removeAttribute(d);return}p!==v&&r.setAttribute(d,v)};typeof t=="boolean"&&e("open",t?"":null),e("placement",u??null,u!==void 0),e("offset",typeof f=="number"&&Number.isFinite(f)?String(f):null,f!==void 0),e("shift",m===void 0?null:String(m),m!==void 0),e("flip",b===void 0?null:String(b),b!==void 0),e("close-on-escape",P===void 0?null:String(P),P!==void 0),e("close-on-outside",y===void 0?null:String(y),y!==void 0),e("variant",s&&s!=="surface"?s:null,s!==void 0),e("tone",a&&a!=="brand"?a:null,a!==void 0),e("size",l&&l!=="md"&&l!=="2"?l:null,l!==void 0),e("radius",c!=null&&String(c).trim()!==""?String(c):null,c!==void 0),e("elevation",g&&g!=="low"?g:null,g!==void 0)},[t,u,f,m,b,P,y,s,a,l,c,g]),o.createElement("ui-popover",{ref:L,...A},i)});_.displayName="Popover";const j=o.forwardRef(function({children:i,...t},u){return o.createElement("span",{ref:u,slot:"trigger",...t},i)});j.displayName="Popover.Trigger";const N=o.forwardRef(function({children:i,...t},u){return o.createElement("div",{ref:u,slot:"content",...t},i)});N.displayName="Popover.Content";const T=Object.assign(_,{Trigger:j,Content:N});exports.Popover=T;exports.default=T;

package/dist/Popover.esm.js

@@ -1,68 +1,77 @@
-import * as t from "react";
-import { w as S } from "./_internals-f8fb69a8.mjs";
-const A = typeof window < "u" ? t.useLayoutEffect : t.useEffect, L = t.forwardRef(function({
+import * as r from "react";
+import { w as F } from "./_internals-f8fb69a8.mjs";
+const H = typeof window < "u" ? r.useLayoutEffect : r.useEffect, N = r.forwardRef(function({
   children: v,
   open: o,
   placement: n,
-  offset: d,
-  shift: l,
-  flip: s,
-  closeOnEscape: f,
-  closeOnOutside: a,
-  onOpen: p,
-  onClose: g,
-  onOpenChange: m,
-  ...R
-}, N) {
-  const E = t.useRef(null);
-  return t.useImperativeHandle(N, () => E.current), t.useEffect(() => {
-    S("ui-popover", "Popover");
-  }, []), t.useEffect(() => {
-    const e = E.current;
-    if (!e)
+  offset: c,
+  shift: p,
+  flip: a,
+  closeOnEscape: E,
+  closeOnOutside: P,
+  variant: f,
+  tone: s,
+  size: i,
+  radius: u,
+  elevation: g,
+  onOpen: y,
+  onClose: b,
+  onOpenChange: w,
+  ...I
+}, j) {
+  const L = r.useRef(null);
+  return r.useImperativeHandle(j, () => L.current), r.useEffect(() => {
+    F("ui-popover", "Popover");
+  }, []), r.useEffect(() => {
+    const t = L.current;
+    if (!t)
       return;
-    const r = () => p == null ? void 0 : p(), i = () => g == null ? void 0 : g(), u = (P) => {
-      const c = P.detail;
-      c && (m == null || m(c));
+    const e = () => y == null ? void 0 : y(), l = () => b == null ? void 0 : b(), d = (R) => {
+      const m = R.detail;
+      m && (w == null || w(m));
     };
-    return e.addEventListener("open", r), e.addEventListener("close", i), e.addEventListener("open-change", u), () => {
-      e.removeEventListener("open", r), e.removeEventListener("close", i), e.removeEventListener("open-change", u);
+    return t.addEventListener("open", e), t.addEventListener("close", l), t.addEventListener("open-change", d), () => {
+      t.removeEventListener("open", e), t.removeEventListener("close", l), t.removeEventListener("open-change", d);
     };
-  }, [p, g, m]), A(() => {
-    const e = E.current;
-    if (!e)
+  }, [y, b, w]), H(() => {
+    const t = L.current;
+    if (!t)
       return;
-    const r = (i, u, P = !0) => {
-      if (!P)
+    const e = (l, d, R = !0) => {
+      if (!R)
         return;
-      const c = e.getAttribute(i);
-      if (u == null) {
-        c != null && e.removeAttribute(i);
+      const m = t.getAttribute(l);
+      if (d == null) {
+        m != null && t.removeAttribute(l);
         return;
       }
-      c !== u && e.setAttribute(i, u);
+      m !== d && t.setAttribute(l, d);
     };
-    typeof o == "boolean" && r("open", o ? "" : null), r("placement", n ?? null, n !== void 0), r("offset", typeof d == "number" && Number.isFinite(d) ? String(d) : null, d !== void 0), r("shift", l === void 0 ? null : String(l), l !== void 0), r("flip", s === void 0 ? null : String(s), s !== void 0), r("close-on-escape", f === void 0 ? null : String(f), f !== void 0), r("close-on-outside", a === void 0 ? null : String(a), a !== void 0);
-  }, [o, n, d, l, s, f, a]), t.createElement("ui-popover", { ref: E, ...R }, v);
+    typeof o == "boolean" && e("open", o ? "" : null), e("placement", n ?? null, n !== void 0), e("offset", typeof c == "number" && Number.isFinite(c) ? String(c) : null, c !== void 0), e("shift", p === void 0 ? null : String(p), p !== void 0), e("flip", a === void 0 ? null : String(a), a !== void 0), e("close-on-escape", E === void 0 ? null : String(E), E !== void 0), e("close-on-outside", P === void 0 ? null : String(P), P !== void 0), e("variant", f && f !== "surface" ? f : null, f !== void 0), e("tone", s && s !== "brand" ? s : null, s !== void 0), e("size", i && i !== "md" && i !== "2" ? i : null, i !== void 0), e(
+      "radius",
+      u != null && String(u).trim() !== "" ? String(u) : null,
+      u !== void 0
+    ), e("elevation", g && g !== "low" ? g : null, g !== void 0);
+  }, [o, n, c, p, a, E, P, f, s, i, u, g]), r.createElement("ui-popover", { ref: L, ...I }, v);
 });
-L.displayName = "Popover";
-const b = t.forwardRef(
+N.displayName = "Popover";
+const A = r.forwardRef(
   function({ children: v, ...o }, n) {
-    return t.createElement("span", { ref: n, slot: "trigger", ...o }, v);
+    return r.createElement("span", { ref: n, slot: "trigger", ...o }, v);
   }
 );
-b.displayName = "Popover.Trigger";
-const w = t.forwardRef(
+A.displayName = "Popover.Trigger";
+const T = r.forwardRef(
   function({ children: v, ...o }, n) {
-    return t.createElement("div", { ref: n, slot: "content", ...o }, v);
+    return r.createElement("div", { ref: n, slot: "content", ...o }, v);
   }
 );
-w.displayName = "Popover.Content";
-const I = Object.assign(L, {
-  Trigger: b,
-  Content: w
+T.displayName = "Popover.Content";
+const k = Object.assign(N, {
+  Trigger: A,
+  Content: T
 });
 export {
-  I as Popover,
-  I as default
+  k as Popover,
+  k as default
 };

package/dist/Portal.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),R=r=>r&&r.__esModule?r:{default:r},c=R(s),w=typeof window<"u"?s.useLayoutEffect:s.useEffect,A=c.default.forwardRef(function({target:n,headless:o,disabled:v,strategy:u,onMount:l,onUnmount:i,onSync:a,onTargetMissing:d,children:_,...H},P){const f=s.useRef(null);return c.default.useImperativeHandle(P,()=>f.current),s.useEffect(()=>{const e=f.current;if(!e)return;const m=t=>l==null?void 0:l(t.detail||{count:0}),E=t=>i==null?void 0:i(t.detail||{count:0}),b=t=>a==null?void 0:a(t.detail||{count:0}),L=t=>{const p=t.detail;p&&(d==null||d(p))};return e.addEventListener("mount",m),e.addEventListener("unmount",E),e.addEventListener("sync",b),e.addEventListener("target-missing",L),()=>{e.removeEventListener("mount",m),e.removeEventListener("unmount",E),e.removeEventListener("sync",b),e.removeEventListener("target-missing",L)}},[l,i,a,d]),w(()=>{const e=f.current;e&&(n?e.setAttribute("target",n):e.removeAttribute("target"),u&&u!=="append"?e.setAttribute("strategy",u):e.removeAttribute("strategy"),o?e.setAttribute("headless",""):e.removeAttribute("headless"),v?e.setAttribute("disabled",""):e.removeAttribute("disabled"))},[n,u,o,v]),c.default.createElement("ui-portal",{ref:f,...H},_)});A.displayName="Portal";exports.Portal=A;

package/dist/Portal.esm.js

@@ -0,0 +1,23 @@
+import n, { useRef as w, useEffect as b, useLayoutEffect as P } from "react";
+const R = typeof window < "u" ? P : b, h = n.forwardRef(function({ target: a, headless: f, disabled: c, strategy: r, onMount: i, onUnmount: s, onSync: d, onTargetMissing: u, children: p, ...A }, H) {
+  const l = w(null);
+  return n.useImperativeHandle(H, () => l.current), b(() => {
+    const e = l.current;
+    if (!e)
+      return;
+    const v = (t) => i == null ? void 0 : i(t.detail || { count: 0 }), m = (t) => s == null ? void 0 : s(t.detail || { count: 0 }), o = (t) => d == null ? void 0 : d(t.detail || { count: 0 }), E = (t) => {
+      const L = t.detail;
+      L && (u == null || u(L));
+    };
+    return e.addEventListener("mount", v), e.addEventListener("unmount", m), e.addEventListener("sync", o), e.addEventListener("target-missing", E), () => {
+      e.removeEventListener("mount", v), e.removeEventListener("unmount", m), e.removeEventListener("sync", o), e.removeEventListener("target-missing", E);
+    };
+  }, [i, s, d, u]), R(() => {
+    const e = l.current;
+    e && (a ? e.setAttribute("target", a) : e.removeAttribute("target"), r && r !== "append" ? e.setAttribute("strategy", r) : e.removeAttribute("strategy"), f ? e.setAttribute("headless", "") : e.removeAttribute("headless"), c ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"));
+  }, [a, r, f, c]), n.createElement("ui-portal", { ref: l, ...A }, p);
+});
+h.displayName = "Portal";
+export {
+  h as Portal
+};

package/dist/Positioner.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),L=r=>r&&r.__esModule?r:{default:r},E=L(t),R=typeof window<"u"?t.useLayoutEffect:t.useEffect,a=E.default.forwardRef(function({children:_,open:A,placement:f,strategy:i,offset:l,crossOffset:o,flip:n,shift:b,matchWidth:d,fitViewport:v,anchor:c,headless:m,onPositionChange:s,...w},h){const u=t.useRef(null);return t.useImperativeHandle(h,()=>u.current),t.useEffect(()=>{const e=u.current;if(!e)return;const p=y=>s==null?void 0:s(y.detail);return e.addEventListener("position-change",p),()=>{e.removeEventListener("position-change",p)}},[s]),R(()=>{const e=u.current;e&&(A?e.setAttribute("open",""):e.removeAttribute("open"),f?e.setAttribute("placement",f):e.removeAttribute("placement"),i&&i!=="fixed"?e.setAttribute("strategy",i):e.removeAttribute("strategy"),l!=null?e.setAttribute("offset",String(l)):e.removeAttribute("offset"),o!=null?e.setAttribute("cross-offset",String(o)):e.removeAttribute("cross-offset"),n===!1?e.setAttribute("flip","false"):n?e.setAttribute("flip",""):e.removeAttribute("flip"),b===!1?e.setAttribute("shift","false"):b?e.setAttribute("shift",""):e.removeAttribute("shift"),d?e.setAttribute("match-width",""):e.removeAttribute("match-width"),v?e.setAttribute("fit-viewport",""):e.removeAttribute("fit-viewport"),c?e.setAttribute("anchor",c):e.removeAttribute("anchor"),m?e.setAttribute("headless",""):e.removeAttribute("headless"))},[c,o,v,n,m,d,l,A,f,b,i]),E.default.createElement("ui-positioner",{ref:u,...w},_)});a.displayName="Positioner";exports.Positioner=a;exports.default=a;

package/dist/Positioner.esm.js

@@ -0,0 +1,36 @@
+import v, { useRef as L, useImperativeHandle as y, useEffect as d, useLayoutEffect as R } from "react";
+const x = typeof window < "u" ? R : d, I = v.forwardRef(function({
+  children: p,
+  open: b,
+  placement: s,
+  strategy: t,
+  offset: u,
+  crossOffset: f,
+  flip: l,
+  shift: o,
+  matchWidth: A,
+  fitViewport: c,
+  anchor: n,
+  headless: m,
+  onPositionChange: r,
+  ...w
+}, E) {
+  const i = L(null);
+  return y(E, () => i.current), d(() => {
+    const e = i.current;
+    if (!e)
+      return;
+    const a = (h) => r == null ? void 0 : r(h.detail);
+    return e.addEventListener("position-change", a), () => {
+      e.removeEventListener("position-change", a);
+    };
+  }, [r]), x(() => {
+    const e = i.current;
+    e && (b ? e.setAttribute("open", "") : e.removeAttribute("open"), s ? e.setAttribute("placement", s) : e.removeAttribute("placement"), t && t !== "fixed" ? e.setAttribute("strategy", t) : e.removeAttribute("strategy"), u != null ? e.setAttribute("offset", String(u)) : e.removeAttribute("offset"), f != null ? e.setAttribute("cross-offset", String(f)) : e.removeAttribute("cross-offset"), l === !1 ? e.setAttribute("flip", "false") : l ? e.setAttribute("flip", "") : e.removeAttribute("flip"), o === !1 ? e.setAttribute("shift", "false") : o ? e.setAttribute("shift", "") : e.removeAttribute("shift"), A ? e.setAttribute("match-width", "") : e.removeAttribute("match-width"), c ? e.setAttribute("fit-viewport", "") : e.removeAttribute("fit-viewport"), n ? e.setAttribute("anchor", n) : e.removeAttribute("anchor"), m ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
+  }, [n, f, c, l, m, A, u, b, s, o, t]), v.createElement("ui-positioner", { ref: i, ...w }, p);
+});
+I.displayName = "Positioner";
+export {
+  I as Positioner,
+  I as default
+};

package/dist/Presence.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),O=s=>s&&s.__esModule?s:{default:s},y=O(u),T=typeof window<"u"?u.useLayoutEffect:u.useEffect,k=y.default.forwardRef(function({present:_,headless:S,mode:i,size:d,variant:a,keepMounted:g,lazy:P,enterDuration:o,exitDuration:L,delay:p,onBeforeEnter:n,onEnter:c,onAfterEnter:l,onBeforeExit:b,onExit:f,onAfterExit:v,children:q,...H},N){const m=u.useRef(null);return y.default.useImperativeHandle(N,()=>m.current),u.useEffect(()=>{const e=m.current;if(!e)return;const r=t=>{const A=t.detail;return(A==null?void 0:A.state)||"hidden"},R=t=>n==null?void 0:n(r(t)),h=t=>c==null?void 0:c(r(t)),w=t=>l==null?void 0:l(r(t)),I=t=>b==null?void 0:b(r(t)),M=t=>f==null?void 0:f(r(t)),j=t=>v==null?void 0:v(r(t));return e.addEventListener("before-enter",R),e.addEventListener("enter",h),e.addEventListener("after-enter",w),e.addEventListener("before-exit",I),e.addEventListener("exit",M),e.addEventListener("after-exit",j),()=>{e.removeEventListener("before-enter",R),e.removeEventListener("enter",h),e.removeEventListener("after-enter",w),e.removeEventListener("before-exit",I),e.removeEventListener("exit",M),e.removeEventListener("after-exit",j)}},[n,c,l,b,f,v]),T(()=>{const e=m.current;e&&(_?e.setAttribute("present",""):e.removeAttribute("present"),S?e.setAttribute("headless",""):e.removeAttribute("headless"),i&&i!=="fade"?e.setAttribute("mode",i):e.removeAttribute("mode"),d&&d!=="md"?e.setAttribute("size",d):e.removeAttribute("size"),a&&a!=="default"?e.setAttribute("variant",a):e.removeAttribute("variant"),g?e.setAttribute("keep-mounted",""):e.removeAttribute("keep-mounted"),P?e.setAttribute("lazy",""):e.removeAttribute("lazy"),typeof o=="number"?e.setAttribute("enter-duration",String(o)):e.removeAttribute("enter-duration"),typeof L=="number"?e.setAttribute("exit-duration",String(L)):e.removeAttribute("exit-duration"),typeof p=="number"?e.setAttribute("delay",String(p)):e.removeAttribute("delay"))},[_,S,i,d,a,g,P,o,L,p]),y.default.createElement("ui-presence",{ref:m,...H},q)});k.displayName="Presence";exports.Presence=k;

package/dist/Presence.esm.js

@@ -0,0 +1,42 @@
+import A, { useRef as q, useEffect as k, useLayoutEffect as z } from "react";
+const C = typeof window < "u" ? z : k, F = A.forwardRef(function({
+  present: o,
+  headless: y,
+  mode: s,
+  size: i,
+  variant: u,
+  keepMounted: S,
+  lazy: g,
+  enterDuration: f,
+  exitDuration: l,
+  delay: L,
+  onBeforeEnter: b,
+  onEnter: d,
+  onAfterEnter: n,
+  onBeforeExit: m,
+  onExit: v,
+  onAfterExit: a,
+  children: H,
+  ...N
+}, j) {
+  const c = q(null);
+  return A.useImperativeHandle(j, () => c.current), k(() => {
+    const e = c.current;
+    if (!e)
+      return;
+    const r = (t) => {
+      const p = t.detail;
+      return (p == null ? void 0 : p.state) || "hidden";
+    }, h = (t) => b == null ? void 0 : b(r(t)), w = (t) => d == null ? void 0 : d(r(t)), P = (t) => n == null ? void 0 : n(r(t)), R = (t) => m == null ? void 0 : m(r(t)), I = (t) => v == null ? void 0 : v(r(t)), _ = (t) => a == null ? void 0 : a(r(t));
+    return e.addEventListener("before-enter", h), e.addEventListener("enter", w), e.addEventListener("after-enter", P), e.addEventListener("before-exit", R), e.addEventListener("exit", I), e.addEventListener("after-exit", _), () => {
+      e.removeEventListener("before-enter", h), e.removeEventListener("enter", w), e.removeEventListener("after-enter", P), e.removeEventListener("before-exit", R), e.removeEventListener("exit", I), e.removeEventListener("after-exit", _);
+    };
+  }, [b, d, n, m, v, a]), C(() => {
+    const e = c.current;
+    e && (o ? e.setAttribute("present", "") : e.removeAttribute("present"), y ? e.setAttribute("headless", "") : e.removeAttribute("headless"), s && s !== "fade" ? e.setAttribute("mode", s) : e.removeAttribute("mode"), i && i !== "md" ? e.setAttribute("size", i) : e.removeAttribute("size"), u && u !== "default" ? e.setAttribute("variant", u) : e.removeAttribute("variant"), S ? e.setAttribute("keep-mounted", "") : e.removeAttribute("keep-mounted"), g ? e.setAttribute("lazy", "") : e.removeAttribute("lazy"), typeof f == "number" ? e.setAttribute("enter-duration", String(f)) : e.removeAttribute("enter-duration"), typeof l == "number" ? e.setAttribute("exit-duration", String(l)) : e.removeAttribute("exit-duration"), typeof L == "number" ? e.setAttribute("delay", String(L)) : e.removeAttribute("delay"));
+  }, [o, y, s, i, u, S, g, f, l, L]), A.createElement("ui-presence", { ref: c, ...N }, H);
+});
+F.displayName = "Presence";
+export {
+  F as Presence
+};

package/dist/Progress.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),D=n=>n&&n.__esModule?n:{default:n},P=D(s),N=typeof window<"u"?s.useLayoutEffect:s.useEffect,I=P.default.forwardRef(function({value:b,buffer:y,max:S,min:_,indeterminate:p,striped:R,animated:w,showLabel:H,label:c,format:i,precision:L,size:f,variant:d,tone:o,shape:g,mode:A,onValueChange:E,onComplete:a,children:j,...q},B){const v=s.useRef(null);return P.default.useImperativeHandle(B,()=>v.current),s.useEffect(()=>{const e=v.current;if(!e)return;const t=l=>{const r=l.detail;r&&(E==null||E(r))},u=l=>{const r=l.detail;r&&(a==null||a(r))};return e.addEventListener("change",t),e.addEventListener("complete",u),()=>{e.removeEventListener("change",t),e.removeEventListener("complete",u)}},[E,a]),N(()=>{const e=v.current;if(!e)return;const t=(l,r)=>{const M=e.getAttribute(l);if(r==null){M!=null&&e.removeAttribute(l);return}M!==r&&e.setAttribute(l,r)},u=(l,r)=>{r?e.hasAttribute(l)||e.setAttribute(l,""):e.hasAttribute(l)&&e.removeAttribute(l)};t("value",b!=null?String(b):null),t("buffer",y!=null?String(y):null),t("max",S!=null?String(S):null),t("min",_!=null?String(_):null),u("indeterminate",p),u("striped",R),u("animated",w),u("show-label",H),t("label",c!=null&&c!==""?c:null),t("format",i!=null&&i!=="percent"?i:null),t("precision",L!=null?String(L):null),t("size",f&&f!=="md"?f:null),t("variant",d&&d!=="default"?d:null),t("tone",o&&o!=="brand"?o:null),t("shape",g&&g!=="pill"?g:null),t("mode",A&&A!=="line"?A:null)},[b,y,S,_,p,R,w,H,c,i,L,f,d,o,g,A]),P.default.createElement("ui-progress",{ref:v,...q},j)});I.displayName="Progress";exports.Progress=I;