@editora/ui-react 0.1.5 → 0.1.7

package/dist/Command-93c3b761.mjs

@@ -0,0 +1,62 @@
+import c, { useRef as w, useImperativeHandle as I, useEffect as l, useLayoutEffect as b } from "react";
+import { w as L } from "./_internals-f8fb69a8.mjs";
+const R = typeof window < "u" ? b : l, f = c.forwardRef(function({ placeholder: m, emptyText: d, children: u, onSelect: n, onQueryChange: a, ...p }, y) {
+  const i = w(null);
+  return I(y, () => i.current), l(() => {
+    L("ui-command", "Command");
+  }, []), l(() => {
+    const t = i.current;
+    if (!t)
+      return;
+    const o = (r) => {
+      const e = r.detail;
+      e && (n == null || n(e));
+    }, s = (r) => {
+      const e = r.detail;
+      typeof (e == null ? void 0 : e.value) == "string" && (a == null || a(e.value));
+    };
+    return t.addEventListener("select", o), t.addEventListener("query-change", s), () => {
+      t.removeEventListener("select", o), t.removeEventListener("query-change", s);
+    };
+  }, [a, n]), R(() => {
+    const t = i.current;
+    if (!t)
+      return;
+    const o = (s, r) => {
+      const e = t.getAttribute(s);
+      if (r == null) {
+        e != null && t.removeAttribute(s);
+        return;
+      }
+      e !== r && t.setAttribute(s, r);
+    };
+    o("placeholder", m ?? null), o("empty-text", d ?? null);
+  }, [d, m]), c.createElement("ui-command", { ref: i, ...p }, u);
+});
+f.displayName = "Command";
+const v = c.forwardRef(function({ value: m, label: d, keywords: u, ...n }, a) {
+  return /* @__PURE__ */ c.createElement(
+    "div",
+    {
+      ...n,
+      ref: a,
+      slot: "command",
+      "data-value": m,
+      "data-label": d,
+      "data-keywords": u,
+      style: {
+        display: "block",
+        cursor: "pointer",
+        ...n.style || {}
+      }
+    }
+  );
+});
+v.displayName = "Command.Item";
+const N = Object.assign(f, {
+  Item: v
+});
+export {
+  N as C,
+  v as a
+};

package/dist/Command-da77cea8.js

@@ -0,0 +1 @@
+"use strict";const a=require("react"),p=require("./_internals-b9f3e909.js"),R=s=>s&&s.__esModule?s:{default:s},i=R(a),b=typeof window<"u"?a.useLayoutEffect:a.useEffect,E=i.default.forwardRef(function({placeholder:c,emptyText:l,children:f,onSelect:n,onQueryChange:u,...y},I){const m=a.useRef(null);return a.useImperativeHandle(I,()=>m.current),a.useEffect(()=>{p.warnIfElementNotRegistered("ui-command","Command")},[]),a.useEffect(()=>{const e=m.current;if(!e)return;const o=r=>{const t=r.detail;t&&(n==null||n(t))},d=r=>{const t=r.detail;typeof(t==null?void 0:t.value)=="string"&&(u==null||u(t.value))};return e.addEventListener("select",o),e.addEventListener("query-change",d),()=>{e.removeEventListener("select",o),e.removeEventListener("query-change",d)}},[u,n]),b(()=>{const e=m.current;if(!e)return;const o=(d,r)=>{const t=e.getAttribute(d);if(r==null){t!=null&&e.removeAttribute(d);return}t!==r&&e.setAttribute(d,r)};o("placeholder",c??null),o("empty-text",l??null)},[l,c]),i.default.createElement("ui-command",{ref:m,...y},f)});E.displayName="Command";const v=i.default.forwardRef(function({value:c,label:l,keywords:f,...n},u){return i.default.createElement("div",{...n,ref:u,slot:"command","data-value":c,"data-label":l,"data-keywords":f,style:{display:"block",cursor:"pointer",...n.style||{}}})});v.displayName="Command.Item";const w=Object.assign(E,{Item:v});exports.Command=w;exports.CommandItem=v;

package/dist/Command.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Command-da77cea8.js");require("react");require("./_internals-b9f3e909.js");exports.Command=e.Command;exports.default=e.Command;

package/dist/Command.d.ts

@@ -0,0 +1,3 @@
+export { Command, default } from './components/Command';
+export type { CommandProps, CommandItemProps } from './components/Command';
+//# sourceMappingURL=Command.d.ts.map

package/dist/Command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../src/Command.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/Command.esm.js

@@ -0,0 +1,7 @@
+import { C as t, C as p } from "./Command-93c3b761.mjs";
+import "react";
+import "./_internals-f8fb69a8.mjs";
+export {
+  t as Command,
+  p as default
+};

package/dist/CommandPalette-136d08a9.mjs

@@ -0,0 +1,68 @@
+import * as e from "react";
+import { w as k } from "./_internals-f8fb69a8.mjs";
+const j = typeof window < "u" ? e.useLayoutEffect : e.useEffect, w = e.forwardRef(function({ children: b, open: c, query: s, placeholder: i, emptyText: f, headless: P, onOpen: o, onClose: n, onOpenChange: r, onSelect: v, onQueryChange: E, ...A }, N) {
+  const L = e.useRef(null);
+  return e.useImperativeHandle(N, () => L.current), e.useEffect(() => {
+    k("ui-command-palette", "CommandPalette");
+  }, []), e.useEffect(() => {
+    const t = L.current;
+    if (!t)
+      return;
+    const a = (m) => {
+      const u = m.detail;
+      u && (v == null || v(u));
+    }, l = (m) => {
+      const u = m.detail;
+      u && (E == null || E(u));
+    }, d = () => {
+      o == null || o(), r == null || r({ open: !0 });
+    }, y = () => {
+      n == null || n(), r == null || r({ open: !1 });
+    };
+    return t.addEventListener("select", a), t.addEventListener("query-change", l), t.addEventListener("open", d), t.addEventListener("close", y), () => {
+      t.removeEventListener("select", a), t.removeEventListener("query-change", l), t.removeEventListener("open", d), t.removeEventListener("close", y);
+    };
+  }, [n, o, r, E, v]), j(() => {
+    const t = L.current;
+    if (!t)
+      return;
+    const a = (l, d, y = !0) => {
+      if (!y)
+        return;
+      const m = t.getAttribute(l);
+      if (d == null) {
+        m != null && t.removeAttribute(l);
+        return;
+      }
+      m !== d && t.setAttribute(l, d);
+    };
+    typeof c == "boolean" && a("open", c ? "" : null), a("placeholder", i ?? null, i !== void 0), a("empty-text", f ?? null, f !== void 0), typeof s == "string" && t.query !== s && (t.query = s), typeof P == "boolean" && a("headless", P ? "" : null);
+  }, [c, i, f, s, P]), e.createElement("ui-command-palette", { ref: L, ...A }, b);
+});
+w.displayName = "CommandPalette";
+const I = e.forwardRef(function({ value: b, label: c, keywords: s, ...i }, f) {
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ...i,
+      ref: f,
+      slot: "command",
+      "data-value": b,
+      "data-label": c,
+      "data-keywords": s,
+      style: {
+        display: "block",
+        cursor: "pointer",
+        ...i.style || {}
+      }
+    }
+  );
+});
+I.displayName = "CommandPalette.Item";
+const H = Object.assign(w, {
+  Item: I
+});
+export {
+  H as C,
+  I as a
+};

package/dist/CommandPalette-e827844c.js

@@ -0,0 +1 @@
+"use strict";const A=require("react"),N=require("./_internals-b9f3e909.js");function k(e){if(e&&e.__esModule)return e;const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,i.get?i:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const a=k(A),p=typeof window<"u"?a.useLayoutEffect:a.useEffect,R=a.forwardRef(function({children:l,open:r,query:i,placeholder:d,emptyText:o,headless:I,onOpen:v,onClose:E,onOpenChange:s,onSelect:b,onQueryChange:y,..._},j){const P=a.useRef(null);return a.useImperativeHandle(j,()=>P.current),a.useEffect(()=>{N.warnIfElementNotRegistered("ui-command-palette","CommandPalette")},[]),a.useEffect(()=>{const t=P.current;if(!t)return;const c=f=>{const m=f.detail;m&&(b==null||b(m))},u=f=>{const m=f.detail;m&&(y==null||y(m))},n=()=>{v==null||v(),s==null||s({open:!0})},L=()=>{E==null||E(),s==null||s({open:!1})};return t.addEventListener("select",c),t.addEventListener("query-change",u),t.addEventListener("open",n),t.addEventListener("close",L),()=>{t.removeEventListener("select",c),t.removeEventListener("query-change",u),t.removeEventListener("open",n),t.removeEventListener("close",L)}},[E,v,s,y,b]),p(()=>{const t=P.current;if(!t)return;const c=(u,n,L=!0)=>{if(!L)return;const f=t.getAttribute(u);if(n==null){f!=null&&t.removeAttribute(u);return}f!==n&&t.setAttribute(u,n)};typeof r=="boolean"&&c("open",r?"":null),c("placeholder",d??null,d!==void 0),c("empty-text",o??null,o!==void 0),typeof i=="string"&&t.query!==i&&(t.query=i),typeof I=="boolean"&&c("headless",I?"":null)},[r,d,o,i,I]),a.createElement("ui-command-palette",{ref:P,..._},l)});R.displayName="CommandPalette";const w=a.forwardRef(function({value:l,label:r,keywords:i,...d},o){return a.createElement("div",{...d,ref:o,slot:"command","data-value":l,"data-label":r,"data-keywords":i,style:{display:"block",cursor:"pointer",...d.style||{}}})});w.displayName="CommandPalette.Item";const q=Object.assign(R,{Item:w});exports.CommandPalette=q;exports.CommandPaletteItem=w;

package/dist/CommandPalette.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./CommandPalette-e827844c.js");require("react");require("./_internals-b9f3e909.js");exports.CommandPalette=e.CommandPalette;exports.default=e.CommandPalette;

package/dist/CommandPalette.d.ts

@@ -0,0 +1,3 @@
+export { CommandPalette, default } from './components/CommandPalette';
+export type { CommandPaletteProps, CommandPaletteItemProps } from './components/CommandPalette';
+//# sourceMappingURL=CommandPalette.d.ts.map

package/dist/CommandPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../src/CommandPalette.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtE,YAAY,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/CommandPalette.esm.js

@@ -0,0 +1,7 @@
+import { C as e, C as r } from "./CommandPalette-136d08a9.mjs";
+import "react";
+import "./_internals-f8fb69a8.mjs";
+export {
+  e as CommandPalette,
+  r as default
+};

package/dist/Drawer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),V=u=>u&&u.__esModule?u:{default:u},s=V(n),r=typeof window<"u"?n.useLayoutEffect:n.useEffect,T=s.default.forwardRef(function({children:o,open:i,side:p,variant:l,density:c,shape:a,elevation:b,tone:f,size:d,state:A,inset:j,dismissible:F,closeOnOverlay:y,closeOnEsc:E,lockWhileLoading:D,showClose:H,initialFocus:R,title:_,description:S,ariaLabel:g,ariaLabelledBy:M,ariaDescribedBy:N,onOpen:m,onClose:v,onChange:w,...K},Q){const t=n.useRef(null);return n.useImperativeHandle(Q,()=>t.current),n.useEffect(()=>{const e=t.current;if(!e)return;const I=()=>m==null?void 0:m(),L=()=>v==null?void 0:v(),q=U=>{var P;const x=(P=U.detail)==null?void 0:P.open;typeof x=="boolean"&&(w==null||w(x))};return e.addEventListener("open",I),e.addEventListener("close",L),e.addEventListener("change",q),()=>{e.removeEventListener("open",I),e.removeEventListener("close",L),e.removeEventListener("change",q)}},[m,v,w]),r(()=>{const e=t.current;e&&(i?e.setAttribute("open",""):e.removeAttribute("open"))},[i]),r(()=>{const e=t.current;e&&(p?e.setAttribute("side",p):e.removeAttribute("side"))},[p]),r(()=>{const e=t.current;e&&(F?e.setAttribute("dismissible",""):e.removeAttribute("dismissible"))},[F]),r(()=>{const e=t.current;e&&(l&&l!=="default"?e.setAttribute("variant",l):e.removeAttribute("variant"))},[l]),r(()=>{const e=t.current;e&&(c&&c!=="default"?e.setAttribute("density",c):e.removeAttribute("density"))},[c]),r(()=>{const e=t.current;e&&(a&&a!=="default"?e.setAttribute("shape",a):e.removeAttribute("shape"))},[a]),r(()=>{const e=t.current;e&&(b&&b!=="default"?e.setAttribute("elevation",b):e.removeAttribute("elevation"))},[b]),r(()=>{const e=t.current;e&&(f&&f!=="default"&&f!=="brand"?e.setAttribute("tone",f):e.removeAttribute("tone"))},[f]),r(()=>{const e=t.current;e&&(d&&d!=="default"?e.setAttribute("size",d):e.removeAttribute("size"))},[d]),r(()=>{const e=t.current;e&&(A&&A!=="idle"?e.setAttribute("state",A):e.removeAttribute("state"))},[A]),r(()=>{const e=t.current;e&&(j?e.setAttribute("inset",""):e.removeAttribute("inset"))},[j]),r(()=>{const e=t.current;e&&(typeof y=="boolean"?e.setAttribute("close-on-overlay",String(y)):e.removeAttribute("close-on-overlay"))},[y]),r(()=>{const e=t.current;e&&(typeof E=="boolean"?e.setAttribute("close-on-esc",String(E)):e.removeAttribute("close-on-esc"))},[E]),r(()=>{const e=t.current;e&&(typeof D=="boolean"?e.setAttribute("lock-while-loading",String(D)):e.removeAttribute("lock-while-loading"))},[D]),r(()=>{const e=t.current;e&&(typeof H=="boolean"?e.setAttribute("show-close",String(H)):e.removeAttribute("show-close"))},[H]),r(()=>{const e=t.current;e&&(R?e.setAttribute("initial-focus",R):e.removeAttribute("initial-focus"))},[R]),r(()=>{const e=t.current;e&&(_?e.setAttribute("title",_):e.removeAttribute("title"))},[_]),r(()=>{const e=t.current;e&&(S?e.setAttribute("description",S):e.removeAttribute("description"))},[S]),r(()=>{const e=t.current;e&&(g?e.setAttribute("aria-label",g):e.removeAttribute("aria-label"))},[g]),r(()=>{const e=t.current;e&&(M?e.setAttribute("aria-labelledby",M):e.removeAttribute("aria-labelledby"))},[M]),r(()=>{const e=t.current;e&&(N?e.setAttribute("aria-describedby",N):e.removeAttribute("aria-describedby"))},[N]),s.default.createElement("ui-drawer",{ref:t,...K},o)});T.displayName="Drawer";const k=s.default.forwardRef(function(o,i){return s.default.createElement("div",{...o,ref:i,slot:"header"})});k.displayName="Drawer.Header";const G=s.default.forwardRef(function(o,i){return s.default.createElement("div",{...o,ref:i,slot:"footer"})});G.displayName="Drawer.Footer";const J=Object.assign(T,{Header:k,Footer:G});exports.Drawer=J;exports.default=J;

package/dist/Drawer.d.ts

@@ -0,0 +1,3 @@
+export { Drawer, default } from './components/Drawer';
+export type { DrawerProps, DrawerHeaderProps, DrawerFooterProps } from './components/Drawer';
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../src/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACtD,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/Drawer.esm.js

@@ -0,0 +1,124 @@
+import u, { useRef as U, useImperativeHandle as V, useEffect as G, useLayoutEffect as X } from "react";
+const r = typeof window < "u" ? X : G, J = u.forwardRef(function({
+  children: n,
+  open: i,
+  side: v,
+  variant: o,
+  density: f,
+  shape: l,
+  elevation: c,
+  tone: s,
+  size: b,
+  state: a,
+  inset: F,
+  dismissible: I,
+  closeOnOverlay: w,
+  closeOnEsc: p,
+  lockWhileLoading: y,
+  showClose: E,
+  initialFocus: D,
+  title: H,
+  description: R,
+  ariaLabel: S,
+  ariaLabelledBy: g,
+  ariaDescribedBy: N,
+  onOpen: A,
+  onClose: d,
+  onChange: m,
+  ...P
+}, Q) {
+  const t = U(null);
+  return V(Q, () => t.current), G(() => {
+    const e = t.current;
+    if (!e)
+      return;
+    const L = () => A == null ? void 0 : A(), _ = () => d == null ? void 0 : d(), j = (T) => {
+      var q;
+      const k = (q = T.detail) == null ? void 0 : q.open;
+      typeof k == "boolean" && (m == null || m(k));
+    };
+    return e.addEventListener("open", L), e.addEventListener("close", _), e.addEventListener("change", j), () => {
+      e.removeEventListener("open", L), e.removeEventListener("close", _), e.removeEventListener("change", j);
+    };
+  }, [A, d, m]), r(() => {
+    const e = t.current;
+    e && (i ? e.setAttribute("open", "") : e.removeAttribute("open"));
+  }, [i]), r(() => {
+    const e = t.current;
+    e && (v ? e.setAttribute("side", v) : e.removeAttribute("side"));
+  }, [v]), r(() => {
+    const e = t.current;
+    e && (I ? e.setAttribute("dismissible", "") : e.removeAttribute("dismissible"));
+  }, [I]), r(() => {
+    const e = t.current;
+    e && (o && o !== "default" ? e.setAttribute("variant", o) : e.removeAttribute("variant"));
+  }, [o]), r(() => {
+    const e = t.current;
+    e && (f && f !== "default" ? e.setAttribute("density", f) : e.removeAttribute("density"));
+  }, [f]), r(() => {
+    const e = t.current;
+    e && (l && l !== "default" ? e.setAttribute("shape", l) : e.removeAttribute("shape"));
+  }, [l]), r(() => {
+    const e = t.current;
+    e && (c && c !== "default" ? e.setAttribute("elevation", c) : e.removeAttribute("elevation"));
+  }, [c]), r(() => {
+    const e = t.current;
+    e && (s && s !== "default" && s !== "brand" ? e.setAttribute("tone", s) : e.removeAttribute("tone"));
+  }, [s]), r(() => {
+    const e = t.current;
+    e && (b && b !== "default" ? e.setAttribute("size", b) : e.removeAttribute("size"));
+  }, [b]), r(() => {
+    const e = t.current;
+    e && (a && a !== "idle" ? e.setAttribute("state", a) : e.removeAttribute("state"));
+  }, [a]), r(() => {
+    const e = t.current;
+    e && (F ? e.setAttribute("inset", "") : e.removeAttribute("inset"));
+  }, [F]), r(() => {
+    const e = t.current;
+    e && (typeof w == "boolean" ? e.setAttribute("close-on-overlay", String(w)) : e.removeAttribute("close-on-overlay"));
+  }, [w]), r(() => {
+    const e = t.current;
+    e && (typeof p == "boolean" ? e.setAttribute("close-on-esc", String(p)) : e.removeAttribute("close-on-esc"));
+  }, [p]), r(() => {
+    const e = t.current;
+    e && (typeof y == "boolean" ? e.setAttribute("lock-while-loading", String(y)) : e.removeAttribute("lock-while-loading"));
+  }, [y]), r(() => {
+    const e = t.current;
+    e && (typeof E == "boolean" ? e.setAttribute("show-close", String(E)) : e.removeAttribute("show-close"));
+  }, [E]), r(() => {
+    const e = t.current;
+    e && (D ? e.setAttribute("initial-focus", D) : e.removeAttribute("initial-focus"));
+  }, [D]), r(() => {
+    const e = t.current;
+    e && (H ? e.setAttribute("title", H) : e.removeAttribute("title"));
+  }, [H]), r(() => {
+    const e = t.current;
+    e && (R ? e.setAttribute("description", R) : e.removeAttribute("description"));
+  }, [R]), r(() => {
+    const e = t.current;
+    e && (S ? e.setAttribute("aria-label", S) : e.removeAttribute("aria-label"));
+  }, [S]), r(() => {
+    const e = t.current;
+    e && (g ? e.setAttribute("aria-labelledby", g) : e.removeAttribute("aria-labelledby"));
+  }, [g]), r(() => {
+    const e = t.current;
+    e && (N ? e.setAttribute("aria-describedby", N) : e.removeAttribute("aria-describedby"));
+  }, [N]), u.createElement("ui-drawer", { ref: t, ...P }, n);
+});
+J.displayName = "Drawer";
+const K = u.forwardRef(function(n, i) {
+  return /* @__PURE__ */ u.createElement("div", { ...n, ref: i, slot: "header" });
+});
+K.displayName = "Drawer.Header";
+const M = u.forwardRef(function(n, i) {
+  return /* @__PURE__ */ u.createElement("div", { ...n, ref: i, slot: "footer" });
+});
+M.displayName = "Drawer.Footer";
+const Z = Object.assign(J, {
+  Header: K,
+  Footer: M
+});
+export {
+  Z as Drawer,
+  Z as default
+};

package/dist/FloatingToolbar.cjs.js

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

package/dist/FloatingToolbar.d.ts

@@ -0,0 +1,3 @@
+export { FloatingToolbar, default } from './components/FloatingToolbar';
+export type { FloatingToolbarProps, FloatingToolbarToolbarProps } from './components/FloatingToolbar';
+//# sourceMappingURL=FloatingToolbar.d.ts.map

package/dist/FloatingToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingToolbar.d.ts","sourceRoot":"","sources":["../src/FloatingToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACxE,YAAY,EAAE,oBAAoB,EAAE,2BAA2B,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/FloatingToolbar.esm.js

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

package/dist/Form.cjs.js

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

package/dist/Form.d.ts

@@ -0,0 +1,3 @@
+export { Form, default } from './components/Form';
+export type { FormProps, FormActionsProps, FormStatusProps, FormTitleProps } from './components/Form';
+//# sourceMappingURL=Form.d.ts.map

package/dist/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAClD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/Form.esm.js

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

package/dist/HoverCard.cjs.js

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

package/dist/HoverCard.d.ts

@@ -0,0 +1,3 @@
+export { HoverCard, default } from './components/HoverCard';
+export type { HoverCardProps, HoverCardTriggerProps, HoverCardContentProps } from './components/HoverCard';
+//# sourceMappingURL=HoverCard.d.ts.map

package/dist/HoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../src/HoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC5D,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/HoverCard.esm.js

@@ -0,0 +1,61 @@
+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,
+  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);
+});
+T.displayName = "HoverCard";
+const h = r.forwardRef(
+  function({ ...i }, t) {
+    return r.createElement("div", { ref: t, ...i });
+  }
+);
+h.displayName = "HoverCard.Trigger";
+const N = r.forwardRef(
+  function({ children: i, ...t }, u) {
+    return r.createElement("div", { ref: u, slot: "card", ...t }, i);
+  }
+);
+N.displayName = "HoverCard.Content";
+const z = Object.assign(T, {
+  Trigger: h,
+  Content: N
+});
+export {
+  z as HoverCard,
+  z as default
+};