@editora/ui-react 0.1.8 → 0.1.10

package/dist/Field.esm.js

@@ -0,0 +1,45 @@
+import y, { useRef as w, useLayoutEffect as E, useEffect as q } from "react";
+const F = typeof window < "u" ? E : q;
+function R(c) {
+  const {
+    children: h,
+    label: t,
+    description: r,
+    error: i,
+    htmlFor: f,
+    required: d,
+    invalid: A,
+    orientation: l,
+    variant: s,
+    tone: u,
+    density: o,
+    shape: n,
+    shell: a,
+    labelWidth: b,
+    headless: v,
+    ...p
+  } = c, m = w(null);
+  return F(() => {
+    const e = m.current;
+    e && (t != null && t !== "" ? e.setAttribute("label", t) : e.removeAttribute("label"), r != null && r !== "" ? e.setAttribute("description", r) : e.removeAttribute("description"), i != null && i !== "" ? e.setAttribute("error", i) : e.removeAttribute("error"), f ? e.setAttribute("for", f) : e.removeAttribute("for"), d ? e.setAttribute("required", "") : e.removeAttribute("required"), A ? e.setAttribute("invalid", "") : e.removeAttribute("invalid"), l && l !== "vertical" ? e.setAttribute("orientation", l) : e.removeAttribute("orientation"), s && s !== "default" ? e.setAttribute("variant", s) : e.removeAttribute("variant"), u && u !== "default" ? e.setAttribute("tone", u) : e.removeAttribute("tone"), o && o !== "default" ? e.setAttribute("density", o) : e.removeAttribute("density"), n && n !== "default" ? e.setAttribute("shape", n) : e.removeAttribute("shape"), a && a !== "none" ? e.setAttribute("shell", a) : e.removeAttribute("shell"), b ? e.setAttribute("label-width", b) : e.removeAttribute("label-width"), v ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
+  }, [
+    t,
+    r,
+    i,
+    f,
+    d,
+    A,
+    l,
+    s,
+    u,
+    o,
+    n,
+    a,
+    b,
+    v
+  ]), y.createElement("ui-field", { ref: m, ...p }, h);
+}
+export {
+  R as Field,
+  R as default
+};

package/dist/FieldSemantics.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),D=A=>A&&A.__esModule?A:{default:A},a=D(d),v=typeof window<"u"?d.useLayoutEffect:d.useEffect,R=a.default.forwardRef(function({children:m,htmlFor:f,for:l,tone:i,size:u,variant:s,hidden:o,...b},n){const t=d.useRef(null);return d.useImperativeHandle(n,()=>t.current),v(()=>{const e=t.current;if(!e)return;const c=f||l;c?e.setAttribute("for",c):e.removeAttribute("for"),i&&i!=="default"?e.setAttribute("tone",i):e.removeAttribute("tone"),u&&u!=="md"&&u!=="2"?e.setAttribute("size",u):e.removeAttribute("size"),s&&s!=="default"?e.setAttribute("variant",s):e.removeAttribute("variant"),o?e.setAttribute("hidden",""):e.removeAttribute("hidden")},[f,l,i,u,s,o]),a.default.createElement("ui-description",{ref:t,...b},m)});R.displayName="Description";const F=a.default.forwardRef(function({children:m,htmlFor:f,for:l,active:i,size:u,variant:s,hidden:o,...b},n){const t=d.useRef(null);return d.useImperativeHandle(n,()=>t.current),v(()=>{const e=t.current;if(!e)return;const c=f||l;c?e.setAttribute("for",c):e.removeAttribute("for"),i?e.setAttribute("active",""):e.removeAttribute("active"),u&&u!=="md"&&u!=="2"?e.setAttribute("size",u):e.removeAttribute("size"),s&&s!=="default"?e.setAttribute("variant",s):e.removeAttribute("variant"),o?e.setAttribute("hidden",""):e.removeAttribute("hidden")},[f,l,i,u,s,o]),a.default.createElement("ui-field-error",{ref:t,...b},m)});F.displayName="FieldError";const _=a.default.forwardRef(function({children:m,label:f,orientation:l,variant:i,density:u,hidden:s,...o},b){const n=d.useRef(null);return d.useImperativeHandle(b,()=>n.current),v(()=>{const t=n.current;t&&(f?t.setAttribute("label",f):t.removeAttribute("label"),l&&l!=="vertical"?t.setAttribute("orientation",l):t.removeAttribute("orientation"),i&&i!=="default"?t.setAttribute("variant",i):t.removeAttribute("variant"),u&&u!=="default"?t.setAttribute("density",u):t.removeAttribute("density"),s?t.setAttribute("hidden",""):t.removeAttribute("hidden"))},[f,l,i,u,s]),a.default.createElement("ui-control-group",{ref:n,...o},m)});_.displayName="ControlGroup";const E=a.default.forwardRef(function({children:m,legend:f,description:l,error:i,required:u,invalid:s,orientation:o,variant:b,tone:n,density:t,shape:e,headless:c,...w},y){const p=d.useRef(null);return d.useImperativeHandle(y,()=>p.current),v(()=>{const r=p.current;r&&(f!=null&&f!==""?r.setAttribute("legend",f):r.removeAttribute("legend"),l!=null&&l!==""?r.setAttribute("description",l):r.removeAttribute("description"),i!=null&&i!==""?r.setAttribute("error",i):r.removeAttribute("error"),u?r.setAttribute("required",""):r.removeAttribute("required"),s?r.setAttribute("invalid",""):r.removeAttribute("invalid"),o&&o!=="vertical"?r.setAttribute("orientation",o):r.removeAttribute("orientation"),b&&b!=="default"?r.setAttribute("variant",b):r.removeAttribute("variant"),n&&n!=="default"?r.setAttribute("tone",n):r.removeAttribute("tone"),t&&t!=="default"?r.setAttribute("density",t):r.removeAttribute("density"),e&&e!=="default"?r.setAttribute("shape",e):r.removeAttribute("shape"),c?r.setAttribute("headless",""):r.removeAttribute("headless"))},[f,l,i,u,s,o,b,n,t,e,c]),a.default.createElement("ui-fieldset",{ref:p,...w},m)});E.displayName="Fieldset";exports.ControlGroup=_;exports.Description=R;exports.FieldError=F;exports.Fieldset=E;exports.default=E;

package/dist/FieldSemantics.esm.js

@@ -0,0 +1,60 @@
+import c, { useRef as m, useImperativeHandle as a, useLayoutEffect as R, useEffect as y } from "react";
+const v = typeof window < "u" ? R : y, N = c.forwardRef(function({ children: d, htmlFor: f, for: s, tone: u, size: i, variant: l, hidden: o, ...n }, b) {
+  const t = m(null);
+  return a(b, () => t.current), v(() => {
+    const e = t.current;
+    if (!e)
+      return;
+    const A = f || s;
+    A ? e.setAttribute("for", A) : e.removeAttribute("for"), u && u !== "default" ? e.setAttribute("tone", u) : e.removeAttribute("tone"), i && i !== "md" && i !== "2" ? e.setAttribute("size", i) : e.removeAttribute("size"), l && l !== "default" ? e.setAttribute("variant", l) : e.removeAttribute("variant"), o ? e.setAttribute("hidden", "") : e.removeAttribute("hidden");
+  }, [f, s, u, i, l, o]), c.createElement("ui-description", { ref: t, ...n }, d);
+});
+N.displayName = "Description";
+const C = c.forwardRef(function({ children: d, htmlFor: f, for: s, active: u, size: i, variant: l, hidden: o, ...n }, b) {
+  const t = m(null);
+  return a(b, () => t.current), v(() => {
+    const e = t.current;
+    if (!e)
+      return;
+    const A = f || s;
+    A ? e.setAttribute("for", A) : e.removeAttribute("for"), u ? e.setAttribute("active", "") : e.removeAttribute("active"), i && i !== "md" && i !== "2" ? e.setAttribute("size", i) : e.removeAttribute("size"), l && l !== "default" ? e.setAttribute("variant", l) : e.removeAttribute("variant"), o ? e.setAttribute("hidden", "") : e.removeAttribute("hidden");
+  }, [f, s, u, i, l, o]), c.createElement("ui-field-error", { ref: t, ...n }, d);
+});
+C.displayName = "FieldError";
+const D = c.forwardRef(function({ children: d, label: f, orientation: s, variant: u, density: i, hidden: l, ...o }, n) {
+  const b = m(null);
+  return a(n, () => b.current), v(() => {
+    const t = b.current;
+    t && (f ? t.setAttribute("label", f) : t.removeAttribute("label"), s && s !== "vertical" ? t.setAttribute("orientation", s) : t.removeAttribute("orientation"), u && u !== "default" ? t.setAttribute("variant", u) : t.removeAttribute("variant"), i && i !== "default" ? t.setAttribute("density", i) : t.removeAttribute("density"), l ? t.setAttribute("hidden", "") : t.removeAttribute("hidden"));
+  }, [f, s, u, i, l]), c.createElement("ui-control-group", { ref: b, ...o }, d);
+});
+D.displayName = "ControlGroup";
+const G = c.forwardRef(function({
+  children: d,
+  legend: f,
+  description: s,
+  error: u,
+  required: i,
+  invalid: l,
+  orientation: o,
+  variant: n,
+  tone: b,
+  density: t,
+  shape: e,
+  headless: A,
+  ...w
+}, F) {
+  const E = m(null);
+  return a(F, () => E.current), v(() => {
+    const r = E.current;
+    r && (f != null && f !== "" ? r.setAttribute("legend", f) : r.removeAttribute("legend"), s != null && s !== "" ? r.setAttribute("description", s) : r.removeAttribute("description"), u != null && u !== "" ? r.setAttribute("error", u) : r.removeAttribute("error"), i ? r.setAttribute("required", "") : r.removeAttribute("required"), l ? r.setAttribute("invalid", "") : r.removeAttribute("invalid"), o && o !== "vertical" ? r.setAttribute("orientation", o) : r.removeAttribute("orientation"), n && n !== "default" ? r.setAttribute("variant", n) : r.removeAttribute("variant"), b && b !== "default" ? r.setAttribute("tone", b) : r.removeAttribute("tone"), t && t !== "default" ? r.setAttribute("density", t) : r.removeAttribute("density"), e && e !== "default" ? r.setAttribute("shape", e) : r.removeAttribute("shape"), A ? r.setAttribute("headless", "") : r.removeAttribute("headless"));
+  }, [f, s, u, i, l, o, n, b, t, e, A]), c.createElement("ui-fieldset", { ref: E, ...w }, d);
+});
+G.displayName = "Fieldset";
+export {
+  D as ControlGroup,
+  N as Description,
+  C as FieldError,
+  G as Fieldset,
+  G as default
+};

package/dist/FileUpload.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("react"),I=s=>s&&s.__esModule?s:{default:s},h=I(p),M=typeof window<"u"?p.useLayoutEffect:p.useEffect;function U(s,{onChange:i,onReject:d,onUploadStart:a,onUploadProgress:r,onUploadSuccess:c,onUploadError:n,onUploadCancel:m,onUploadComplete:v}){p.useEffect(()=>{const e=s.current;if(!e)return;const L=u=>{const t=u.detail;Array.isArray(t==null?void 0:t.files)&&(i==null||i(t.files))},y=u=>{const t=u.detail;Array.isArray(t==null?void 0:t.rejected)&&(d==null||d(t.rejected))},f=u=>t=>{u==null||u(t.detail||{})},E=f(a),A=f(r),b=f(c),_=f(n),o=f(m),l=f(v);return e.addEventListener("change",L),e.addEventListener("reject",y),e.addEventListener("upload-start",E),e.addEventListener("upload-progress",A),e.addEventListener("upload-success",b),e.addEventListener("upload-error",_),e.addEventListener("upload-cancel",o),e.addEventListener("upload-complete",l),()=>{e.removeEventListener("change",L),e.removeEventListener("reject",y),e.removeEventListener("upload-start",E),e.removeEventListener("upload-progress",A),e.removeEventListener("upload-success",b),e.removeEventListener("upload-error",_),e.removeEventListener("upload-cancel",o),e.removeEventListener("upload-complete",l)}},[i,d,m,v,n,r,a,c,s])}function z(s,{name:i,label:d,description:a,accept:r,multiple:c,disabled:n,required:m,maxFiles:v,maxSize:e,buttonText:L,dropLabel:y,showPreviews:f,progress:E,uploadOnSelect:A,uploadButtonText:b,onUploadRequest:_}){M(()=>{const o=s.current;if(!o)return;const l=(t,g)=>{const D=o.getAttribute(t);if(g==null){D!=null&&o.removeAttribute(t);return}D!==g&&o.setAttribute(t,g)},u=(t,g)=>{g?o.hasAttribute(t)||o.setAttribute(t,""):o.hasAttribute(t)&&o.removeAttribute(t)};l("name",i??null),l("label",d??null),l("description",a??null),l("accept",r??null),u("multiple",c),u("disabled",n),u("required",m),l("max-files",typeof v=="number"?String(v):null),l("max-size",typeof e=="number"?String(e):null),l("button-text",L??null),l("drop-label",y??null),u("show-previews",f),u("upload-on-select",A),l("upload-button-text",b??null),l("progress",E?JSON.stringify(E):null),o.uploadRequest=_??null},[r,L,a,n,y,d,v,e,c,i,s,m,f,E,A,b,_])}const w=h.default.forwardRef(function({onChange:i,onReject:d,children:a,...r},c){const n=p.useRef(null);return p.useImperativeHandle(c,()=>n.current),U(n,{onChange:i,onReject:d,...r}),z(n,r),h.default.createElement("ui-file-upload",{ref:n,...r},a)}),F=h.default.forwardRef(function({onChange:i,onReject:d,children:a,...r},c){const n=p.useRef(null);return p.useImperativeHandle(c,()=>n.current),U(n,{onChange:i,onReject:d,...r}),z(n,r),h.default.createElement("ui-dropzone",{ref:n,...r},a)});w.displayName="FileUpload";F.displayName="Dropzone";exports.Dropzone=F;exports.FileUpload=w;exports.default=w;

package/dist/FileUpload.esm.js

@@ -0,0 +1,79 @@
+import w, { useRef as U, useImperativeHandle as z, useEffect as D, useLayoutEffect as I } from "react";
+const _ = typeof window < "u" ? I : D;
+function F(f, {
+  onChange: o,
+  onReject: i,
+  onUploadStart: d,
+  onUploadProgress: r,
+  onUploadSuccess: c,
+  onUploadError: n,
+  onUploadCancel: E,
+  onUploadComplete: p
+}) {
+  D(() => {
+    const e = f.current;
+    if (!e)
+      return;
+    const m = (u) => {
+      const t = u.detail;
+      Array.isArray(t == null ? void 0 : t.files) && (o == null || o(t.files));
+    }, L = (u) => {
+      const t = u.detail;
+      Array.isArray(t == null ? void 0 : t.rejected) && (i == null || i(t.rejected));
+    }, a = (u) => (t) => {
+      u == null || u(t.detail || {});
+    }, v = a(d), y = a(r), A = a(c), b = a(n), s = a(E), l = a(p);
+    return e.addEventListener("change", m), e.addEventListener("reject", L), e.addEventListener("upload-start", v), e.addEventListener("upload-progress", y), e.addEventListener("upload-success", A), e.addEventListener("upload-error", b), e.addEventListener("upload-cancel", s), e.addEventListener("upload-complete", l), () => {
+      e.removeEventListener("change", m), e.removeEventListener("reject", L), e.removeEventListener("upload-start", v), e.removeEventListener("upload-progress", y), e.removeEventListener("upload-success", A), e.removeEventListener("upload-error", b), e.removeEventListener("upload-cancel", s), e.removeEventListener("upload-complete", l);
+    };
+  }, [o, i, E, p, n, r, d, c, f]);
+}
+function N(f, {
+  name: o,
+  label: i,
+  description: d,
+  accept: r,
+  multiple: c,
+  disabled: n,
+  required: E,
+  maxFiles: p,
+  maxSize: e,
+  buttonText: m,
+  dropLabel: L,
+  showPreviews: a,
+  progress: v,
+  uploadOnSelect: y,
+  uploadButtonText: A,
+  onUploadRequest: b
+}) {
+  _(() => {
+    const s = f.current;
+    if (!s)
+      return;
+    const l = (t, h) => {
+      const g = s.getAttribute(t);
+      if (h == null) {
+        g != null && s.removeAttribute(t);
+        return;
+      }
+      g !== h && s.setAttribute(t, h);
+    }, u = (t, h) => {
+      h ? s.hasAttribute(t) || s.setAttribute(t, "") : s.hasAttribute(t) && s.removeAttribute(t);
+    };
+    l("name", o ?? null), l("label", i ?? null), l("description", d ?? null), l("accept", r ?? null), u("multiple", c), u("disabled", n), u("required", E), l("max-files", typeof p == "number" ? String(p) : null), l("max-size", typeof e == "number" ? String(e) : null), l("button-text", m ?? null), l("drop-label", L ?? null), u("show-previews", a), u("upload-on-select", y), l("upload-button-text", A ?? null), l("progress", v ? JSON.stringify(v) : null), s.uploadRequest = b ?? null;
+  }, [r, m, d, n, L, i, p, e, c, o, f, E, a, v, y, A, b]);
+}
+const B = w.forwardRef(function({ onChange: o, onReject: i, children: d, ...r }, c) {
+  const n = U(null);
+  return z(c, () => n.current), F(n, { onChange: o, onReject: i, ...r }), N(n, r), w.createElement("ui-file-upload", { ref: n, ...r }, d);
+}), H = w.forwardRef(function({ onChange: o, onReject: i, children: d, ...r }, c) {
+  const n = U(null);
+  return z(c, () => n.current), F(n, { onChange: o, onReject: i, ...r }), N(n, r), w.createElement("ui-dropzone", { ref: n, ...r }, d);
+});
+B.displayName = "FileUpload";
+H.displayName = "Dropzone";
+export {
+  H as Dropzone,
+  B as FileUpload,
+  B as default
+};

package/dist/Flex.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const _=require("react"),h=e=>e&&e.__esModule?e:{default:e},m=h(_);function t(e){if(e!=null){if(typeof e=="object")try{return JSON.stringify(e)}catch{return}return String(e)}}function r(e){const{children:i,className:n,direction:o,align:s,justify:a,wrap:l,gap:u,rowGap:c,columnGap:d,display:f,headless:p,...g}=e,y={className:n,...g,direction:t(o),align:t(s),justify:t(a),wrap:t(l),gap:t(u),rowgap:t(c),columngap:t(d),display:t(f),headless:p?"":void 0};return m.default.createElement("ui-flex",y,i)}exports.Flex=r;exports.default=r;

package/dist/Flex.esm.js

@@ -0,0 +1,45 @@
+import y from "react";
+function t(e) {
+  if (e != null) {
+    if (typeof e == "object")
+      try {
+        return JSON.stringify(e);
+      } catch {
+        return;
+      }
+    return String(e);
+  }
+}
+function h(e) {
+  const {
+    children: r,
+    className: i,
+    direction: n,
+    align: o,
+    justify: a,
+    wrap: s,
+    gap: c,
+    rowGap: l,
+    columnGap: p,
+    display: d,
+    headless: f,
+    ...u
+  } = e, g = {
+    className: i,
+    ...u,
+    direction: t(n),
+    align: t(o),
+    justify: t(a),
+    wrap: t(s),
+    gap: t(c),
+    rowgap: t(l),
+    columngap: t(p),
+    display: t(d),
+    headless: f ? "" : void 0
+  };
+  return y.createElement("ui-flex", g, r);
+}
+export {
+  h as Flex,
+  h as default
+};

package/dist/FloatingToolbar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),k=require("./_internals-b9f3e909.js"),q=u=>u&&u.__esModule?u:{default:u},M=q(l),x=typeof window<"u"?l.useLayoutEffect:l.useEffect,B=M.default.forwardRef(function({children:R,anchorId:i,open:E,placement:T,align:v,offset:m,variant:F,density:y,shape:L,elevation:_,tone:c,closeOnOutside:S,closeOnEscape:j,onOpen:g,onClose:A,onOpenChange:o,onRequestClose:w,...I},P){const N=l.useRef(null);return l.useImperativeHandle(P,()=>N.current),l.useEffect(()=>{k.warnIfElementNotRegistered("ui-floating-toolbar","FloatingToolbar")},[]),l.useEffect(()=>{const t=N.current;if(!t)return;const r=()=>{g==null||g(),o==null||o(!0)},n=f=>{const e=f.detail||{};A==null||A(e),o==null||o(!1,e)},d=f=>{const e=f.detail||{};typeof e.reason=="string"&&(w==null||w({reason:e.reason}))};return t.addEventListener("open",r),t.addEventListener("close",n),t.addEventListener("request-close",d),()=>{t.removeEventListener("open",r),t.removeEventListener("close",n),t.removeEventListener("request-close",d)}},[g,A,o,w]),x(()=>{var d,f,e;const t=N.current;if(!t)return;const r=(a,s)=>{const b=t.getAttribute(a);if(s==null){b!=null&&t.removeAttribute(a);return}b!==s&&t.setAttribute(a,s)},n=(a,s,b=void 0)=>{if(s==null){b!==void 0&&r(a,b?null:"false");return}r(a,s?"":"false")};if(r("anchor-id",i??null),r("placement",T&&T!=="auto"?T:null),r("align",v&&v!=="center"?v:null),r("offset",typeof m=="number"&&Number.isFinite(m)?String(m):null),r("variant",F&&F!=="default"?F:null),r("density",y&&y!=="default"?y:null),r("shape",L&&L!=="default"?L:null),r("elevation",_&&_!=="default"?_:null),r("tone",c&&c!=="default"&&c!=="brand"?c:null),n("close-on-outside",S,!0),n("close-on-escape",j,!0),E&&i){(d=t.showForAnchorId)==null||d.call(t,i);return}if(E){(f=t.openToolbar)==null||f.call(t);return}if(E===!1){(e=t.closeToolbar)==null||e.call(t,"programmatic");return}t.removeAttribute("open")},[E,i,T,v,m,F,y,L,_,c,S,j]),M.default.createElement("ui-floating-toolbar",{ref:N,...I},R)});B.displayName="FloatingToolbar";const D=M.default.forwardRef(function(R,i){return M.default.createElement("div",{...R,ref:i,slot:"toolbar"})});D.displayName="FloatingToolbar.Toolbar";const H=Object.assign(B,{Toolbar:D});exports.FloatingToolbar=H;exports.default=H;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),k=require("./_internals-b9f3e909.js"),q=u=>u&&u.__esModule?u:{default:u},M=q(l),x=typeof window<"u"?l.useLayoutEffect:l.useEffect,D=M.default.forwardRef(function({children:R,anchorId:i,open:T,placement:E,align:v,offset:m,variant:F,density:g,shape:y,elevation:L,tone:c,closeOnOutside:j,closeOnEscape:B,onOpen:_,onClose:A,onOpenChange:o,onRequestClose:w,...I},P){const N=l.useRef(null);return l.useImperativeHandle(P,()=>N.current),l.useEffect(()=>{k.warnIfElementNotRegistered("ui-floating-toolbar","FloatingToolbar")},[]),l.useEffect(()=>{const t=N.current;if(!t)return;const r=()=>{_==null||_(),o==null||o(!0)},n=a=>{const e=a.detail||{};A==null||A(e),o==null||o(!1,e)},d=a=>{const e=a.detail||{};typeof e.reason=="string"&&(w==null||w({reason:e.reason}))};return t.addEventListener("open",r),t.addEventListener("close",n),t.addEventListener("request-close",d),()=>{t.removeEventListener("open",r),t.removeEventListener("close",n),t.removeEventListener("request-close",d)}},[_,A,o,w]),x(()=>{var d,a,e;const t=N.current;if(!t)return;const r=(f,s)=>{const b=t.getAttribute(f);if(s==null){b!=null&&t.removeAttribute(f);return}b!==s&&t.setAttribute(f,s)},n=(f,s,b=void 0)=>{if(s==null){b!==void 0&&r(f,b?null:"false");return}r(f,s?"":"false")};if(r("anchor-id",i??null),r("placement",E&&E!=="auto"?E:null),r("align",v&&v!=="center"?v:null),r("offset",typeof m=="number"&&Number.isFinite(m)?String(m):null),r("variant",F&&F!=="default"?F:null),r("density",g&&g!=="default"?g:null),r("shape",y&&y!=="default"?y:null),r("elevation",L&&L!=="default"?L:null),r("tone",c&&c!=="default"&&c!=="brand"?c:null),n("close-on-outside",j,!0),n("close-on-escape",B,!0),T&&i){(d=t.showForAnchorId)==null||d.call(t,i);return}if(T){(a=t.openToolbar)==null||a.call(t);return}if(T===!1){(e=t.closeToolbar)==null||e.call(t,"programmatic");return}t.removeAttribute("open")},[T,i,E,v,m,F,g,y,L,c,j,B]),M.default.createElement("ui-floating-toolbar",{ref:N,...I},R)});D.displayName="FloatingToolbar";const S=M.default.forwardRef(function(R,i){return M.default.createElement("div",{...R,ref:i,slot:"toolbar"})});S.displayName="FloatingToolbar.Toolbar";const H=Object.assign(D,{Toolbar:S});exports.FloatingToolbar=H;exports.FloatingToolbarToolbar=S;exports.default=H;

package/dist/FloatingToolbar.esm.js

@@ -96,5 +96,6 @@ const Q = Object.assign(B, {
 });
 export {
   Q as FloatingToolbar,
+  H as FloatingToolbarToolbar,
   Q as default
 };

package/dist/FocusScope.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react"),y=r=>r&&r.__esModule?r:{default:r},m=y(t),E=typeof window<"u"?t.useLayoutEffect:t.useEffect,c=m.default.forwardRef(function({children:p,active:n,trapped:f,loop:l,restoreFocus:o,autoFocus:a,inertOthers:d,headless:b,onEscape:s,onFocusScopeMount:u,..._},L){const i=t.useRef(null);return t.useImperativeHandle(L,()=>i.current),t.useEffect(()=>{const e=i.current;if(!e)return;const v=h=>s==null?void 0:s(h.detail||{}),A=()=>u==null?void 0:u();return e.addEventListener("escape",v),e.addEventListener("focus-scope-mount",A),()=>{e.removeEventListener("escape",v),e.removeEventListener("focus-scope-mount",A)}},[s,u]),E(()=>{const e=i.current;e&&(n?e.setAttribute("active",""):e.removeAttribute("active"),f===!1?e.setAttribute("trapped","false"):f?e.setAttribute("trapped",""):e.removeAttribute("trapped"),l===!1?e.setAttribute("loop","false"):l?e.setAttribute("loop",""):e.removeAttribute("loop"),o===!1?e.setAttribute("restore-focus","false"):o?e.setAttribute("restore-focus",""):e.removeAttribute("restore-focus"),a?e.setAttribute("auto-focus",a):e.removeAttribute("auto-focus"),d?e.setAttribute("inert-others",""):e.removeAttribute("inert-others"),b?e.setAttribute("headless",""):e.removeAttribute("headless"))},[n,a,b,d,l,o,f]),m.default.createElement("ui-focus-scope",{ref:i,..._},p)});c.displayName="FocusScope";exports.FocusScope=c;exports.default=c;

package/dist/FocusScope.esm.js

@@ -0,0 +1,21 @@
+import d, { useRef as h, useImperativeHandle as y, useEffect as m, useLayoutEffect as E } from "react";
+const w = typeof window < "u" ? E : m, R = d.forwardRef(function({ children: A, active: a, trapped: i, loop: f, restoreFocus: u, autoFocus: l, inertOthers: o, headless: n, onEscape: t, onFocusScopeMount: r, ...v }, p) {
+  const s = h(null);
+  return y(p, () => s.current), m(() => {
+    const e = s.current;
+    if (!e)
+      return;
+    const c = (L) => t == null ? void 0 : t(L.detail || {}), b = () => r == null ? void 0 : r();
+    return e.addEventListener("escape", c), e.addEventListener("focus-scope-mount", b), () => {
+      e.removeEventListener("escape", c), e.removeEventListener("focus-scope-mount", b);
+    };
+  }, [t, r]), w(() => {
+    const e = s.current;
+    e && (a ? e.setAttribute("active", "") : e.removeAttribute("active"), i === !1 ? e.setAttribute("trapped", "false") : i ? e.setAttribute("trapped", "") : e.removeAttribute("trapped"), f === !1 ? e.setAttribute("loop", "false") : f ? e.setAttribute("loop", "") : e.removeAttribute("loop"), u === !1 ? e.setAttribute("restore-focus", "false") : u ? e.setAttribute("restore-focus", "") : e.removeAttribute("restore-focus"), l ? e.setAttribute("auto-focus", l) : e.removeAttribute("auto-focus"), o ? e.setAttribute("inert-others", "") : e.removeAttribute("inert-others"), n ? e.setAttribute("headless", "") : e.removeAttribute("headless"));
+  }, [a, l, n, o, f, u, i]), d.createElement("ui-focus-scope", { ref: s, ...v }, A);
+});
+R.displayName = "FocusScope";
+export {
+  R as FocusScope,
+  R as default
+};

package/dist/Form.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),X=i=>i&&i.__esModule?i:{default:i},u=X(d),Y=typeof window<"u"?d.useLayoutEffect:d.useEffect,z=u.default.forwardRef(function({children:l,onSubmit:r,onInvalid:o,onValidate:a,onAutosave:f,onDirtyChange:n,novalidate:N,autosave:M,autosaveDelay:c,guardUnsaved:S,heading:m,description:v,state:b,stateText:A,loadingText:E,variant:F,tone:L,density:p,shape:R,elevation:_,gap:y,headless:h,loading:j,disabled:O,...Q},W){const w=d.useRef(null);return d.useImperativeHandle(W,()=>w.current),d.useEffect(()=>{const e=w.current;if(!e)return;const g=s=>{const t=s.detail||{};r==null||r(t.values||{})},q=s=>{const t=s.detail||{};o==null||o(t.errors||{},t.values||{})},H=s=>{const t=s.detail||{};a==null||a({valid:!!t.valid,errors:t.errors||{}})},P=s=>{const t=s.detail||{};f==null||f(t.values||{})},k=s=>{const t=s.detail||{};n==null||n(!!t.dirty,t.values||{})};return e.addEventListener("submit",g),e.addEventListener("invalid",q),e.addEventListener("validate",H),e.addEventListener("autosave",P),e.addEventListener("dirty-change",k),()=>{e.removeEventListener("submit",g),e.removeEventListener("invalid",q),e.removeEventListener("validate",H),e.removeEventListener("autosave",P),e.removeEventListener("dirty-change",k)}},[r,o,a,f,n]),Y(()=>{const e=w.current;e&&(N?e.setAttribute("novalidate",""):e.removeAttribute("novalidate"),M?e.setAttribute("autosave",""):e.removeAttribute("autosave"),typeof c=="number"&&Number.isFinite(c)?e.setAttribute("autosave-delay",String(c)):e.removeAttribute("autosave-delay"),S?e.setAttribute("guard-unsaved",""):e.removeAttribute("guard-unsaved"),m!=null&&m!==""?e.setAttribute("heading",m):e.removeAttribute("heading"),v!=null&&v!==""?e.setAttribute("description",v):e.removeAttribute("description"),b&&b!=="default"?e.setAttribute("state",b):e.removeAttribute("state"),A!=null&&A!==""?e.setAttribute("state-text",A):e.removeAttribute("state-text"),E!=null&&E!==""?e.setAttribute("loading-text",E):e.removeAttribute("loading-text"),F&&F!=="default"?e.setAttribute("variant",F):e.removeAttribute("variant"),L&&L!=="default"?e.setAttribute("tone",L):e.removeAttribute("tone"),p&&p!=="default"?e.setAttribute("density",p):e.removeAttribute("density"),R&&R!=="default"?e.setAttribute("shape",R):e.removeAttribute("shape"),_&&_!=="default"?e.setAttribute("elevation",_):e.removeAttribute("elevation"),y?e.setAttribute("gap",y):e.removeAttribute("gap"),h?e.setAttribute("headless",""):e.removeAttribute("headless"),j?e.setAttribute("loading",""):e.removeAttribute("loading"),O?e.setAttribute("disabled",""):e.removeAttribute("disabled"))},[N,M,c,S,m,v,b,A,E,F,L,p,R,_,y,h,j,O]),u.default.createElement("ui-form",{ref:w,...Q},l)});z.displayName="Form";const B=u.default.forwardRef(function(l,r){return u.default.createElement("div",{...l,ref:r,slot:"actions"})});B.displayName="Form.Actions";const G=u.default.forwardRef(function(l,r){return u.default.createElement("div",{...l,ref:r,slot:"status"})});G.displayName="Form.Status";const J=u.default.forwardRef(function(l,r){return u.default.createElement("div",{...l,ref:r,slot:"title"})});J.displayName="Form.Title";const K=Object.assign(z,{Actions:B,Status:G,Title:J});exports.Form=K;exports.default=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),W=i=>i&&i.__esModule?i:{default:i},u=W(o),X=typeof window<"u"?o.useLayoutEffect:o.useEffect,J=u.default.forwardRef(function({children:l,onSubmit:r,onInvalid:d,onValidate:a,onAutosave:f,onDirtyChange:n,novalidate:h,autosave:j,autosaveDelay:m,guardUnsaved:O,heading:c,description:v,state:b,stateText:A,loadingText:E,variant:F,tone:L,density:p,shape:R,elevation:_,gap:y,headless:g,loading:q,disabled:H,...Q},T){const w=o.useRef(null);return o.useImperativeHandle(T,()=>w.current),o.useEffect(()=>{const e=w.current;if(!e)return;const P=s=>{const t=s.detail||{};r==null||r(t.values||{})},k=s=>{const t=s.detail||{};d==null||d(t.errors||{},t.values||{})},z=s=>{const t=s.detail||{};a==null||a({valid:!!t.valid,errors:t.errors||{}})},B=s=>{const t=s.detail||{};f==null||f(t.values||{})},G=s=>{const t=s.detail||{};n==null||n(!!t.dirty,t.values||{})};return e.addEventListener("submit",P),e.addEventListener("invalid",k),e.addEventListener("validate",z),e.addEventListener("autosave",B),e.addEventListener("dirty-change",G),()=>{e.removeEventListener("submit",P),e.removeEventListener("invalid",k),e.removeEventListener("validate",z),e.removeEventListener("autosave",B),e.removeEventListener("dirty-change",G)}},[r,d,a,f,n]),X(()=>{const e=w.current;e&&(h?e.setAttribute("novalidate",""):e.removeAttribute("novalidate"),j?e.setAttribute("autosave",""):e.removeAttribute("autosave"),typeof m=="number"&&Number.isFinite(m)?e.setAttribute("autosave-delay",String(m)):e.removeAttribute("autosave-delay"),O?e.setAttribute("guard-unsaved",""):e.removeAttribute("guard-unsaved"),c!=null&&c!==""?e.setAttribute("heading",c):e.removeAttribute("heading"),v!=null&&v!==""?e.setAttribute("description",v):e.removeAttribute("description"),b&&b!=="default"?e.setAttribute("state",b):e.removeAttribute("state"),A!=null&&A!==""?e.setAttribute("state-text",A):e.removeAttribute("state-text"),E!=null&&E!==""?e.setAttribute("loading-text",E):e.removeAttribute("loading-text"),F&&F!=="default"?e.setAttribute("variant",F):e.removeAttribute("variant"),L&&L!=="default"?e.setAttribute("tone",L):e.removeAttribute("tone"),p&&p!=="default"?e.setAttribute("density",p):e.removeAttribute("density"),R&&R!=="default"?e.setAttribute("shape",R):e.removeAttribute("shape"),_&&_!=="default"?e.setAttribute("elevation",_):e.removeAttribute("elevation"),y?e.setAttribute("gap",y):e.removeAttribute("gap"),g?e.setAttribute("headless",""):e.removeAttribute("headless"),q?e.setAttribute("loading",""):e.removeAttribute("loading"),H?e.setAttribute("disabled",""):e.removeAttribute("disabled"))},[h,j,m,O,c,v,b,A,E,F,L,p,R,_,y,g,q,H]),u.default.createElement("ui-form",{ref:w,...Q},l)});J.displayName="Form";const N=u.default.forwardRef(function(l,r){return u.default.createElement("div",{...l,ref:r,slot:"actions"})});N.displayName="Form.Actions";const S=u.default.forwardRef(function(l,r){return u.default.createElement("div",{...l,ref:r,slot:"status"})});S.displayName="Form.Status";const M=u.default.forwardRef(function(l,r){return u.default.createElement("div",{...l,ref:r,slot:"title"})});M.displayName="Form.Title";const K=Object.assign(J,{Actions:N,Status:S,Title:M});exports.Form=K;exports.FormActions=N;exports.FormStatus=S;exports.FormTitle=M;exports.default=K;

package/dist/Form.esm.js

@@ -94,5 +94,8 @@ const x = Object.assign(J, {
 });
 export {
   x as Form,
+  K as FormActions,
+  M as FormStatus,
+  P as FormTitle,
   x as default
 };

package/dist/Gantt.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),b=u=>u&&u.__esModule?u:{default:u},d=b(n),A=typeof window<"u"?n.useLayoutEffect:n.useEffect,c=d.default.forwardRef(function({tasks:r,variant:f,headless:i,children:y,..._},g){const s=n.useRef(null);return n.useImperativeHandle(g,()=>s.current),A(()=>{const o=s.current;if(!o)return;const t=(e,l)=>{const a=o.getAttribute(e);if(l==null){a!=null&&o.removeAttribute(e);return}a!==l&&o.setAttribute(e,l)},p=(e,l)=>{l?t(e,""):t(e,null)};if(r&&r.length)try{t("tasks",JSON.stringify(r))}catch{t("tasks",null)}else t("tasks",null);t("variant",f&&f!=="default"?f:null),p("headless",i)},[r,f,i]),d.default.createElement("ui-gantt",{ref:s,..._},y)});c.displayName="Gantt";exports.Gantt=c;exports.default=c;

package/dist/Gantt.esm.js

@@ -0,0 +1,33 @@
+import s, { useRef as p, useImperativeHandle as g, useLayoutEffect as m, useEffect as A } from "react";
+const E = typeof window < "u" ? m : A, b = s.forwardRef(function({ tasks: n, variant: r, headless: c, children: i, ...a }, d) {
+  const f = p(null);
+  return g(d, () => f.current), E(() => {
+    const l = f.current;
+    if (!l)
+      return;
+    const t = (e, u) => {
+      const o = l.getAttribute(e);
+      if (u == null) {
+        o != null && l.removeAttribute(e);
+        return;
+      }
+      o !== u && l.setAttribute(e, u);
+    }, y = (e, u) => {
+      u ? t(e, "") : t(e, null);
+    };
+    if (n && n.length)
+      try {
+        t("tasks", JSON.stringify(n));
+      } catch {
+        t("tasks", null);
+      }
+    else
+      t("tasks", null);
+    t("variant", r && r !== "default" ? r : null), y("headless", c);
+  }, [n, r, c]), s.createElement("ui-gantt", { ref: f, ...a }, i);
+});
+b.displayName = "Gantt";
+export {
+  b as Gantt,
+  b as default
+};

package/dist/Grid.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("react"),S=e=>e&&e.__esModule?e:{default:e},b=S(R);function t(e){if(e!=null){if(typeof e=="object")try{return JSON.stringify(e)}catch{return}return String(e)}}function o(e){const{children:n,className:s,columns:a,rows:u,gap:i,rowGap:l,columnGap:r,autoFlow:c,autoRows:d,autoColumns:f,align:p,justify:g,place:y,alignContent:m,justifyContent:w,placeContent:_,display:j,headless:h,...C}=e,G={className:s,...C,columns:t(a),rows:t(u),gap:t(i),rowgap:t(l),columngap:t(r),autoflow:t(c),autorows:t(d),autocolumns:t(f),align:t(p),justify:t(g),place:t(y),aligncontent:t(m),justifycontent:t(w),placecontent:t(_),display:t(j),headless:h?"":void 0};return b.default.createElement("ui-grid",G,n)}exports.Grid=o;exports.default=o;

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/Icon.cjs.js

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

package/dist/Icon.esm.js

@@ -0,0 +1,57 @@
+import E, { useRef as _, useImperativeHandle as x, useLayoutEffect as F, useEffect as H } from "react";
+const h = typeof window < "u" ? F : H, j = E.forwardRef(function({
+  children: R,
+  name: b,
+  iconVariant: f,
+  size: t,
+  color: A,
+  secondaryColor: o,
+  variant: r,
+  tone: i,
+  shape: u,
+  spin: d,
+  pulse: p,
+  badge: w,
+  label: m,
+  decorative: I,
+  strokeWidth: s,
+  absoluteStrokeWidth: g,
+  strokeLinecap: n,
+  strokeLinejoin: v,
+  rotate: l,
+  flip: c,
+  rtl: y,
+  ...N
+}, S) {
+  const a = _(null);
+  return x(S, () => a.current), h(() => {
+    const e = a.current;
+    e && (b ? e.setAttribute("name", b) : e.removeAttribute("name"), f ? e.setAttribute("icon-variant", f) : e.removeAttribute("icon-variant"), t != null && t !== "" ? e.setAttribute("size", String(t)) : e.removeAttribute("size"), A ? e.setAttribute("color", A) : e.removeAttribute("color"), o ? e.setAttribute("secondary-color", o) : e.removeAttribute("secondary-color"), r && r !== "default" ? e.setAttribute("variant", r) : e.removeAttribute("variant"), i && i !== "default" ? e.setAttribute("tone", i) : e.removeAttribute("tone"), u && u !== "default" ? e.setAttribute("shape", u) : e.removeAttribute("shape"), d ? e.setAttribute("spin", "") : e.removeAttribute("spin"), p ? e.setAttribute("pulse", "") : e.removeAttribute("pulse"), w ? e.setAttribute("badge", "") : e.removeAttribute("badge"), m ? e.setAttribute("label", m) : e.removeAttribute("label"), I ? e.setAttribute("decorative", "") : e.removeAttribute("decorative"), s != null && s !== "" ? e.setAttribute("stroke-width", String(s)) : e.removeAttribute("stroke-width"), g ? e.setAttribute("absolute-stroke-width", "") : e.removeAttribute("absolute-stroke-width"), n ? e.setAttribute("stroke-linecap", n) : e.removeAttribute("stroke-linecap"), v ? e.setAttribute("stroke-linejoin", v) : e.removeAttribute("stroke-linejoin"), l != null && Number.isFinite(l) ? e.setAttribute("rotate", String(l)) : e.removeAttribute("rotate"), c ? e.setAttribute("flip", c) : e.removeAttribute("flip"), y ? e.setAttribute("rtl", "") : e.removeAttribute("rtl"));
+  }, [
+    b,
+    f,
+    t,
+    A,
+    o,
+    r,
+    i,
+    u,
+    d,
+    p,
+    w,
+    m,
+    I,
+    s,
+    g,
+    n,
+    v,
+    l,
+    c,
+    y
+  ]), E.createElement("ui-icon", { ref: a, ...N }, R);
+});
+j.displayName = "Icon";
+export {
+  j as Icon,
+  j as default
+};

package/dist/IconCloud.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const k=require("react"),x=require("./_internals-b9f3e909.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,97 @@
+import e from "react";
+import { w as q } from "./_internals-f8fb69a8.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 @@
+"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;