@editora/ui-react 0.1.8 → 0.1.11

package/dist/Grid.esm.js

@@ -0,0 +1,59 @@
+import R from "react";
+function t(o) {
+  if (o != null) {
+    if (typeof o == "object")
+      try {
+        return JSON.stringify(o);
+      } catch {
+        return;
+      }
+    return String(o);
+  }
+}
+function S(o) {
+  const {
+    children: n,
+    className: e,
+    columns: a,
+    rows: s,
+    gap: i,
+    rowGap: r,
+    columnGap: l,
+    autoFlow: u,
+    autoRows: c,
+    autoColumns: p,
+    align: f,
+    justify: d,
+    place: g,
+    alignContent: m,
+    justifyContent: y,
+    placeContent: w,
+    display: h,
+    headless: j,
+    ...C
+  } = o, G = {
+    className: e,
+    ...C,
+    columns: t(a),
+    rows: t(s),
+    gap: t(i),
+    rowgap: t(r),
+    columngap: t(l),
+    autoflow: t(u),
+    autorows: t(c),
+    autocolumns: t(p),
+    align: t(f),
+    justify: t(d),
+    place: t(g),
+    aligncontent: t(m),
+    justifycontent: t(y),
+    placecontent: t(w),
+    display: t(h),
+    headless: j ? "" : void 0
+  };
+  return R.createElement("ui-grid", G, n);
+}
+export {
+  S as Grid,
+  S as default
+};

package/dist/HoverCard.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),I=t=>t&&t.__esModule?t:{default:t},i=I(u),_=typeof window<"u"?u.useLayoutEffect:u.useEffect,w=i.default.forwardRef(function({children:s,open:r,delay:o,closeDelay:A,placement:E,offset:g,variant:d,tone:n,density:a,shape:l,elevation:c,headless:H,onOpen:v,onClose:b,onChange:m,...M},N){const f=u.useRef(null);return u.useImperativeHandle(N,()=>f.current),u.useEffect(()=>{const e=f.current;if(!e)return;const p=()=>v==null?void 0:v(),y=()=>b==null?void 0:b(),L=j=>{var R;const C=(R=j.detail)==null?void 0:R.open;typeof C=="boolean"&&(m==null||m(C))};return e.addEventListener("open",p),e.addEventListener("close",y),e.addEventListener("change",L),()=>{e.removeEventListener("open",p),e.removeEventListener("close",y),e.removeEventListener("change",L)}},[v,b,m]),_(()=>{const e=f.current;!e||r==null||(r?e.setAttribute("open",""):e.removeAttribute("open"))},[r]),_(()=>{const e=f.current;e&&(typeof o=="number"?e.setAttribute("delay",String(o)):e.removeAttribute("delay"),typeof A=="number"?e.setAttribute("close-delay",String(A)):e.removeAttribute("close-delay"),E?e.setAttribute("placement",E):e.removeAttribute("placement"),typeof g=="number"?e.setAttribute("offset",String(g)):e.removeAttribute("offset"),d&&d!=="default"?e.setAttribute("variant",d):e.removeAttribute("variant"),n&&n!=="default"?e.setAttribute("tone",n):e.removeAttribute("tone"),a&&a!=="default"?e.setAttribute("density",a):e.removeAttribute("density"),l&&l!=="default"?e.setAttribute("shape",l):e.removeAttribute("shape"),c&&c!=="default"?e.setAttribute("elevation",c):e.removeAttribute("elevation"),H?e.setAttribute("headless",""):e.removeAttribute("headless"))},[o,A,E,g,d,n,a,l,c,H]),i.default.createElement("ui-hover-card",{ref:f,...M},s)});w.displayName="HoverCard";const S=i.default.forwardRef(function({...s},r){return i.default.createElement("div",{ref:r,...s})});S.displayName="HoverCard.Trigger";const T=i.default.forwardRef(function({children:s,...r},o){return i.default.createElement("div",{ref:o,slot:"card",...r},s)});T.displayName="HoverCard.Content";const h=Object.assign(w,{Trigger:S,Content:T});exports.HoverCard=h;exports.default=h;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("react"),t=require("./_internals-5a21394b.js"),q=u=>u&&u.__esModule?u:{default:u},r=q(j),p=r.default.forwardRef(function({children:n,open:a,delay:l,closeDelay:v,placement:m,offset:A,variant:d,tone:s,density:c,shape:i,elevation:o,headless:H,onOpen:f,onClose:b,onChange:y,...k},M){const g=t.useForwardedHostRef(M),C=r.default.useCallback(()=>{f==null||f()},[f]),S=r.default.useCallback(()=>{b==null||b()},[b]),_=r.default.useCallback(e=>{var R;const E=(R=t.getCustomEventDetail(e))==null?void 0:R.open;typeof E=="boolean"&&(y==null||y(E))},[y]);return t.useElementEventListeners(g,[{type:"open",listener:C},{type:"close",listener:S},{type:"change",listener:_}],[C,S,_]),t.useElementAttributes(g,e=>{typeof a=="boolean"?t.syncBooleanAttribute(e,"open",a):t.syncStringAttribute(e,"open",null),t.syncNumberAttribute(e,"delay",l),t.syncNumberAttribute(e,"close-delay",v),t.syncStringAttribute(e,"placement",m??null),t.syncNumberAttribute(e,"offset",A),t.syncStringAttribute(e,"variant",d&&d!=="default"?d:null),t.syncStringAttribute(e,"tone",s&&s!=="default"?s:null),t.syncStringAttribute(e,"density",c&&c!=="default"?c:null),t.syncStringAttribute(e,"shape",i&&i!=="default"?i:null),t.syncStringAttribute(e,"elevation",o&&o!=="default"?o:null),t.syncBooleanAttribute(e,"headless",H)},[a,l,v,m,A,d,s,c,i,o,H]),r.default.createElement("ui-hover-card",{ref:g,...k},n)});p.displayName="HoverCard";const N=r.default.forwardRef(function({...n},a){return r.default.createElement("div",{ref:a,...n})});N.displayName="HoverCard.Trigger";const T=r.default.forwardRef(function({children:n,...a},l){return r.default.createElement("div",{ref:l,slot:"card",...a},n)});T.displayName="HoverCard.Content";const w=Object.assign(p,{Trigger:N,Content:T});exports.HoverCard=w;exports.default=w;

package/dist/HoverCard.esm.js

@@ -1,61 +1,63 @@
-import r, { useRef as _, useImperativeHandle as j, useEffect as w, useLayoutEffect as k } from "react";
-const R = typeof window < "u" ? k : w, T = r.forwardRef(function({
-  children: i,
-  open: t,
+'use client';
+import e from "react";
+import { c as F, g as L, u as S, a as q, b as T, s as a, d as v } from "./_internals-d86cc997.mjs";
+const k = e.forwardRef(function({
+  children: s,
+  open: r,
   delay: u,
-  closeDelay: b,
-  placement: m,
-  offset: A,
-  variant: o,
-  tone: n,
-  density: f,
-  shape: d,
-  elevation: a,
-  headless: H,
-  onOpen: l,
-  onClose: c,
-  onChange: v,
-  ...S
-}, x) {
-  const s = _(null);
-  return j(x, () => s.current), w(() => {
-    const e = s.current;
-    if (!e)
-      return;
-    const g = () => l == null ? void 0 : l(), p = () => c == null ? void 0 : c(), y = (I) => {
-      var C;
-      const L = (C = I.detail) == null ? void 0 : C.open;
-      typeof L == "boolean" && (v == null || v(L));
-    };
-    return e.addEventListener("open", g), e.addEventListener("close", p), e.addEventListener("change", y), () => {
-      e.removeEventListener("open", g), e.removeEventListener("close", p), e.removeEventListener("change", y);
-    };
-  }, [l, c, v]), R(() => {
-    const e = s.current;
-    !e || t == null || (t ? e.setAttribute("open", "") : e.removeAttribute("open"));
-  }, [t]), R(() => {
-    const e = s.current;
-    e && (typeof u == "number" ? e.setAttribute("delay", String(u)) : e.removeAttribute("delay"), typeof b == "number" ? e.setAttribute("close-delay", String(b)) : e.removeAttribute("close-delay"), m ? e.setAttribute("placement", m) : e.removeAttribute("placement"), typeof A == "number" ? e.setAttribute("offset", String(A)) : e.removeAttribute("offset"), o && o !== "default" ? e.setAttribute("variant", o) : e.removeAttribute("variant"), n && n !== "default" ? e.setAttribute("tone", n) : e.removeAttribute("tone"), f && f !== "default" ? e.setAttribute("density", f) : e.removeAttribute("density"), d && d !== "default" ? e.setAttribute("shape", d) : e.removeAttribute("shape"), a && a !== "default" ? e.setAttribute("elevation", a) : e.removeAttribute("elevation"), H ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
-  }, [u, b, m, A, o, n, f, d, a, H]), r.createElement("ui-hover-card", { ref: s, ...S }, i);
+  closeDelay: C,
+  placement: g,
+  offset: y,
+  variant: d,
+  tone: l,
+  density: o,
+  shape: c,
+  elevation: n,
+  headless: p,
+  onOpen: f,
+  onClose: i,
+  onChange: m,
+  ...j
+}, B) {
+  const b = F(B), E = e.useCallback(() => {
+    f == null || f();
+  }, [f]), R = e.useCallback(() => {
+    i == null || i();
+  }, [i]), w = e.useCallback((t) => {
+    var N;
+    const A = (N = L(t)) == null ? void 0 : N.open;
+    typeof A == "boolean" && (m == null || m(A));
+  }, [m]);
+  return S(
+    b,
+    [
+      { type: "open", listener: E },
+      { type: "close", listener: R },
+      { type: "change", listener: w }
+    ],
+    [E, R, w]
+  ), q(b, (t) => {
+    typeof r == "boolean" ? T(t, "open", r) : a(t, "open", null), v(t, "delay", u), v(t, "close-delay", C), a(t, "placement", g ?? null), v(t, "offset", y), a(t, "variant", d && d !== "default" ? d : null), a(t, "tone", l && l !== "default" ? l : null), a(t, "density", o && o !== "default" ? o : null), a(t, "shape", c && c !== "default" ? c : null), a(t, "elevation", n && n !== "default" ? n : null), T(t, "headless", p);
+  }, [r, u, C, g, y, d, l, o, c, n, p]), e.createElement("ui-hover-card", { ref: b, ...j }, s);
 });
-T.displayName = "HoverCard";
-const h = r.forwardRef(
-  function({ ...i }, t) {
-    return r.createElement("div", { ref: t, ...i });
+k.displayName = "HoverCard";
+const x = e.forwardRef(
+  function({ ...s }, r) {
+    return e.createElement("div", { ref: r, ...s });
   }
 );
-h.displayName = "HoverCard.Trigger";
-const N = r.forwardRef(
-  function({ children: i, ...t }, u) {
-    return r.createElement("div", { ref: u, slot: "card", ...t }, i);
+x.displayName = "HoverCard.Trigger";
+const _ = e.forwardRef(
+  function({ children: s, ...r }, u) {
+    return e.createElement("div", { ref: u, slot: "card", ...r }, s);
   }
 );
-N.displayName = "HoverCard.Content";
-const z = Object.assign(T, {
-  Trigger: h,
-  Content: N
+_.displayName = "HoverCard.Content";
+const G = Object.assign(k, {
+  Trigger: x,
+  Content: _
 });
 export {
-  z as HoverCard,
-  z as default
+  G as HoverCard,
+  G as default
 };

package/dist/Icon.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("react"),P=o=>o&&o.__esModule?o:{default:o},r=P(N),u=r.default.forwardRef(function({children:a,name:v,iconVariant:c,size:e,color:s,secondaryColor:f,variant:i,tone:d,shape:t,spin:p,pulse:b,badge:_,label:m,decorative:g,strokeWidth:l,absoluteStrokeWidth:y,strokeLinecap:I,strokeLinejoin:S,rotate:n,flip:w,rtl:M,...R},j){const k={ref:j,...R,name:v||void 0,"icon-variant":c||void 0,size:e!=null&&e!==""?String(e):void 0,color:s||void 0,"secondary-color":f||void 0,variant:i&&i!=="default"?i:void 0,tone:d&&d!=="default"?d:void 0,shape:t&&t!=="default"?t:void 0,spin:p?"":void 0,pulse:b?"":void 0,badge:_?"":void 0,label:m||void 0,decorative:g?"":void 0,"stroke-width":l!=null&&l!==""?String(l):void 0,"absolute-stroke-width":y?"":void 0,"stroke-linecap":I||void 0,"stroke-linejoin":S||void 0,rotate:typeof n=="number"&&Number.isFinite(n)?n:void 0,flip:w||void 0,rtl:M?"":void 0};return r.default.createElement("ui-icon",k,a)});u.displayName="Icon";exports.Icon=u;exports.default=u;

package/dist/Icon.esm.js

@@ -0,0 +1,56 @@
+import t from "react";
+const _ = t.forwardRef(function({
+  children: v,
+  name: r,
+  iconVariant: a,
+  size: o,
+  color: c,
+  secondaryColor: u,
+  variant: i,
+  tone: d,
+  shape: e,
+  spin: f,
+  pulse: s,
+  badge: p,
+  label: m,
+  decorative: b,
+  strokeWidth: n,
+  absoluteStrokeWidth: g,
+  strokeLinecap: w,
+  strokeLinejoin: y,
+  rotate: l,
+  flip: I,
+  rtl: k,
+  ...N
+}, R) {
+  const S = {
+    ref: R,
+    ...N,
+    name: r || void 0,
+    "icon-variant": a || void 0,
+    size: o != null && o !== "" ? String(o) : void 0,
+    color: c || void 0,
+    "secondary-color": u || void 0,
+    variant: i && i !== "default" ? i : void 0,
+    tone: d && d !== "default" ? d : void 0,
+    shape: e && e !== "default" ? e : void 0,
+    spin: f ? "" : void 0,
+    pulse: s ? "" : void 0,
+    badge: p ? "" : void 0,
+    label: m || void 0,
+    decorative: b ? "" : void 0,
+    "stroke-width": n != null && n !== "" ? String(n) : void 0,
+    "absolute-stroke-width": g ? "" : void 0,
+    "stroke-linecap": w || void 0,
+    "stroke-linejoin": y || void 0,
+    rotate: typeof l == "number" && Number.isFinite(l) ? l : void 0,
+    flip: I || void 0,
+    rtl: k ? "" : void 0
+  };
+  return t.createElement("ui-icon", S, v);
+});
+_.displayName = "Icon";
+export {
+  _ as Icon,
+  _ as default
+};

package/dist/IconCloud.cjs.js

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

package/dist/IconCloud.esm.js

@@ -0,0 +1,98 @@
+'use client';
+import e from "react";
+import { w as q } from "./_internals-d86cc997.mjs";
+const D = typeof window < "u" ? e.useLayoutEffect : e.useEffect;
+function p(i) {
+  if (i == null || i === "")
+    return null;
+  if (typeof i == "number")
+    return `${i}px`;
+  const l = i.split(/\s+/).filter(Boolean);
+  return l.length ? l.map((o) => /^-?\d+(\.\d+)?$/.test(o) ? `${o}px` : o).join(" ") : null;
+}
+const x = e.forwardRef(function({
+  radius: l,
+  perspective: o,
+  depth: u,
+  speed: r,
+  direction: c,
+  itemSize: y,
+  centerSize: A,
+  padding: g,
+  variant: I,
+  tone: b,
+  size: a,
+  surfaceRadius: f,
+  elevation: m,
+  interactive: t,
+  autoFit: R,
+  paused: h,
+  pauseOnHover: N,
+  pauseOnItemHover: L,
+  pauseOnFocus: $,
+  children: _,
+  ...k
+}, P) {
+  const E = e.useRef(null);
+  return e.useImperativeHandle(P, () => E.current), e.useEffect(() => {
+    q("ui-icon-cloud", "IconCloud");
+  }, []), D(() => {
+    const s = E.current;
+    if (!s)
+      return;
+    const n = (d, w) => {
+      const j = s.getAttribute(d);
+      if (w == null) {
+        j != null && s.removeAttribute(d);
+        return;
+      }
+      j !== w && s.setAttribute(d, w);
+    }, C = (d, w) => {
+      w ? s.hasAttribute(d) || s.setAttribute(d, "") : s.hasAttribute(d) && s.removeAttribute(d);
+    };
+    n("radius", p(l)), n("perspective", p(o)), n("depth", u == null || u === "" ? null : String(u)), n("speed", r == null || r === "" ? null : String(r)), n("direction", c && c !== "clockwise" ? c : null), n("item-size", p(y)), n("center-size", p(A)), n("padding", p(g)), n("variant", I && I !== "surface" ? I : null), n("tone", b && b !== "brand" ? b : null), n("size", a && a !== "md" && a !== "2" ? a : null), n("surface-radius", p(f)), n("elevation", m && m !== "low" ? m : null), C("interactive", t ?? !0), C("auto-fit", R), C("paused", h), C("pause-on-hover", N), C("pause-on-item-hover", L), C("pause-on-focus", $);
+  }, [
+    l,
+    o,
+    u,
+    r,
+    c,
+    y,
+    A,
+    g,
+    I,
+    b,
+    a,
+    f,
+    m,
+    t,
+    R,
+    h,
+    N,
+    L,
+    $
+  ]), e.createElement("ui-icon-cloud", { ref: E, ...k }, _);
+});
+x.displayName = "IconCloud";
+const B = e.forwardRef(function({ as: l, clickable: o, href: u, target: r, rel: c, disabled: y, type: A, tabIndex: g, children: I, ...b }, a) {
+  const f = l || (o ? u ? "a" : "button" : "div"), m = o || f === "button" || f === "a", t = {
+    ref: a,
+    "data-ui-icon-cloud-item": "",
+    ...b
+  };
+  return m && (t["data-ui-icon-cloud-clickable"] = ""), u && (t.href = u), r && (t.target = r), c && (t.rel = c), y != null && (t.disabled = y), f === "button" && (t.type = A || "button"), g != null ? t.tabIndex = g : m && f !== "button" && f !== "a" && (t.tabIndex = 0), e.createElement(f, t, I);
+});
+B.displayName = "IconCloud.Item";
+const T = e.forwardRef(function({ as: l, children: o, ...u }, r) {
+  const c = l || "div";
+  return e.createElement(c, { ref: r, slot: "center", "data-ui-icon-cloud-center": "", ...u }, o);
+});
+T.displayName = "IconCloud.Center";
+const K = Object.assign(x, {
+  Item: B,
+  Center: T
+});
+export {
+  K as IconCloud,
+  K as default
+};

package/dist/InlineEdit.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react"),M=r=>r&&r.__esModule?r:{default:r},p=M(i),j=typeof window<"u"?i.useLayoutEffect:i.useEffect,v=p.default.forwardRef(function({value:a,placeholder:E,editing:m,multiline:b,disabled:A,readOnly:L,name:y,onChange:d,onValueChange:n,onSave:c,onCancel:f,children:I,...R},w){const o=i.useRef(null);return i.useImperativeHandle(w,()=>o.current),i.useEffect(()=>{const e=o.current;if(!e)return;const t=l=>{const _=l.detail;d==null||d(_),n==null||n(_.value)},s=l=>c==null?void 0:c(l.detail),u=l=>f==null?void 0:f(l.detail.value);return e.addEventListener("change",t),e.addEventListener("save",s),e.addEventListener("cancel",u),()=>{e.removeEventListener("change",t),e.removeEventListener("save",s),e.removeEventListener("cancel",u)}},[d,n,c,f]),j(()=>{const e=o.current;if(!e)return;const t=(s,u)=>{u==null?e.removeAttribute(s):e.setAttribute(s,u)};t("value",a??null),t("placeholder",E??null),t("name",y??null),m?e.setAttribute("editing",""):e.removeAttribute("editing"),b?e.setAttribute("multiline",""):e.removeAttribute("multiline"),A?e.setAttribute("disabled",""):e.removeAttribute("disabled"),L?e.setAttribute("readonly",""):e.removeAttribute("readonly")},[a,E,y,m,b,A,L]),p.default.createElement("ui-inline-edit",{ref:o,...R},I)});v.displayName="InlineEdit";exports.InlineEdit=v;exports.default=v;

package/dist/InlineEdit.esm.js

@@ -0,0 +1,30 @@
+'use client';
+import L, { useRef as R, useImperativeHandle as _, useEffect as p, useLayoutEffect as H } from "react";
+const N = typeof window < "u" ? H : p, j = L.forwardRef(function({ value: f, placeholder: m, editing: v, multiline: E, disabled: b, readOnly: o, name: A, onChange: l, onValueChange: u, onSave: d, onCancel: n, children: y, ...I }, w) {
+  const c = R(null);
+  return _(w, () => c.current), p(() => {
+    const e = c.current;
+    if (!e)
+      return;
+    const t = (s) => {
+      const a = s.detail;
+      l == null || l(a), u == null || u(a.value);
+    }, i = (s) => d == null ? void 0 : d(s.detail), r = (s) => n == null ? void 0 : n(s.detail.value);
+    return e.addEventListener("change", t), e.addEventListener("save", i), e.addEventListener("cancel", r), () => {
+      e.removeEventListener("change", t), e.removeEventListener("save", i), e.removeEventListener("cancel", r);
+    };
+  }, [l, u, d, n]), N(() => {
+    const e = c.current;
+    if (!e)
+      return;
+    const t = (i, r) => {
+      r == null ? e.removeAttribute(i) : e.setAttribute(i, r);
+    };
+    t("value", f ?? null), t("placeholder", m ?? null), t("name", A ?? null), v ? e.setAttribute("editing", "") : e.removeAttribute("editing"), E ? e.setAttribute("multiline", "") : e.removeAttribute("multiline"), b ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), o ? e.setAttribute("readonly", "") : e.removeAttribute("readonly");
+  }, [f, m, A, v, E, b, o]), L.createElement("ui-inline-edit", { ref: c, ...I }, y);
+});
+j.displayName = "InlineEdit";
+export {
+  j as InlineEdit,
+  j as default
+};

package/dist/Input.cjs.js

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