@editora/ui-react 0.1.6 → 0.1.8

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
+};

package/dist/Input.cjs.js

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

package/dist/Input.d.ts

@@ -0,0 +1,3 @@
+export { Input, default } from './components/Input';
+export type { InputProps, InputPrefixProps, InputSuffixProps, InputErrorProps } from './components/Input';
+//# sourceMappingURL=Input.d.ts.map

package/dist/Input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../src/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/Input.esm.js

@@ -0,0 +1,126 @@
+import r, { useRef as te, useImperativeHandle as re, useEffect as U, useLayoutEffect as ie } from "react";
+const ne = typeof window < "u" ? ie : U, V = r.forwardRef(function(i, n) {
+  const {
+    value: Z,
+    onChange: o,
+    onInput: l,
+    onDebouncedInput: a,
+    onClear: f,
+    clearable: O,
+    debounce: b,
+    validation: d,
+    size: u,
+    minlength: x,
+    maxlength: I,
+    readOnly: _,
+    autofocus: j,
+    disabled: F,
+    counter: M,
+    floatingLabel: B,
+    type: S,
+    name: L,
+    required: D,
+    pattern: R,
+    inputMode: w,
+    autoComplete: H,
+    min: m,
+    max: c,
+    step: p,
+    spellCheck: N,
+    placeholder: P,
+    headless: G,
+    variant: A,
+    tone: v,
+    density: g,
+    shape: y,
+    color: k,
+    radius: q,
+    label: z,
+    description: C,
+    children: $,
+    ...ee
+  } = i, h = te(null);
+  return re(n, () => h.current), U(() => {
+    const e = h.current;
+    if (!e)
+      return;
+    const J = (s) => {
+      const t = s.detail;
+      typeof (t == null ? void 0 : t.value) == "string" && (l == null || l(t.value));
+    }, K = (s) => {
+      const t = s.detail;
+      typeof (t == null ? void 0 : t.value) == "string" && (o == null || o(t.value));
+    }, Q = (s) => {
+      const t = s.detail;
+      typeof (t == null ? void 0 : t.value) == "string" && (a == null || a(t.value));
+    }, T = () => {
+      f == null || f();
+    };
+    return e.addEventListener("input", J), e.addEventListener("change", K), e.addEventListener("debounced-input", Q), e.addEventListener("clear", T), () => {
+      e.removeEventListener("input", J), e.removeEventListener("change", K), e.removeEventListener("debounced-input", Q), e.removeEventListener("clear", T);
+    };
+  }, [o, l, a, f]), ne(() => {
+    const e = h.current;
+    e && (O ? e.setAttribute("clearable", "") : e.removeAttribute("clearable"), typeof b == "number" && Number.isFinite(b) ? e.setAttribute("debounce", String(b)) : e.removeAttribute("debounce"), d && d !== "none" ? e.setAttribute("validation", d) : e.removeAttribute("validation"), u && u !== "md" && u !== "2" ? e.setAttribute("size", String(u)) : e.removeAttribute("size"), typeof x == "number" ? e.setAttribute("minlength", String(x)) : e.removeAttribute("minlength"), typeof I == "number" ? e.setAttribute("maxlength", String(I)) : e.removeAttribute("maxlength"), _ ? e.setAttribute("readonly", "") : e.removeAttribute("readonly"), j ? e.setAttribute("autofocus", "") : e.removeAttribute("autofocus"), F ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), M ? e.setAttribute("counter", "") : e.removeAttribute("counter"), B ? e.setAttribute("floating-label", "") : e.removeAttribute("floating-label"), S ? e.setAttribute("type", S) : e.removeAttribute("type"), L ? e.setAttribute("name", L) : e.removeAttribute("name"), D ? e.setAttribute("required", "") : e.removeAttribute("required"), R ? e.setAttribute("pattern", R) : e.removeAttribute("pattern"), w ? e.setAttribute("inputmode", w) : e.removeAttribute("inputmode"), H ? e.setAttribute("autocomplete", H) : e.removeAttribute("autocomplete"), m != null && m !== "" ? e.setAttribute("min", String(m)) : e.removeAttribute("min"), c != null && c !== "" ? e.setAttribute("max", String(c)) : e.removeAttribute("max"), p != null && p !== "" ? e.setAttribute("step", String(p)) : 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"), A && A !== "classic" ? e.setAttribute("variant", A) : e.removeAttribute("variant"), v && v !== "default" ? e.setAttribute("tone", v) : e.removeAttribute("tone"), g && g !== "default" ? e.setAttribute("density", g) : e.removeAttribute("density"), y && y !== "default" ? e.setAttribute("shape", y) : e.removeAttribute("shape"), k ? e.setAttribute("color", k) : e.removeAttribute("color"), q ? e.setAttribute("radius", String(q)) : e.removeAttribute("radius"), z ? e.setAttribute("label", z) : e.removeAttribute("label"), C ? e.setAttribute("description", C) : e.removeAttribute("description"));
+  }, [
+    O,
+    b,
+    d,
+    u,
+    x,
+    I,
+    _,
+    j,
+    F,
+    M,
+    B,
+    S,
+    L,
+    D,
+    R,
+    w,
+    H,
+    m,
+    c,
+    p,
+    N,
+    P,
+    G,
+    A,
+    v,
+    g,
+    y,
+    k,
+    q,
+    z,
+    C
+  ]), r.createElement("ui-input", { ref: h, value: Z ?? void 0, ...ee }, $);
+});
+V.displayName = "Input";
+const W = r.forwardRef(
+  function({ ...i }, n) {
+    return r.createElement("span", { ref: n, slot: "prefix", ...i });
+  }
+);
+W.displayName = "Input.Prefix";
+const X = r.forwardRef(
+  function({ ...i }, n) {
+    return r.createElement("span", { ref: n, slot: "suffix", ...i });
+  }
+);
+X.displayName = "Input.Suffix";
+const Y = r.forwardRef(
+  function({ ...i }, n) {
+    return r.createElement("span", { ref: n, slot: "error", ...i });
+  }
+);
+Y.displayName = "Input.Error";
+const se = Object.assign(V, {
+  Prefix: W,
+  Suffix: X,
+  Error: Y
+});
+export {
+  se as Input,
+  se as default
+};

package/dist/Label.cjs.js

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

package/dist/Label.d.ts

@@ -0,0 +1,3 @@
+export { Label, default } from './components/Label';
+export type { LabelProps, LabelTextProps, LabelDescriptionProps } from './components/Label';
+//# sourceMappingURL=Label.d.ts.map

package/dist/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpD,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/Label.esm.js

@@ -0,0 +1,46 @@
+import r, { useRef as x, useImperativeHandle as y, useLayoutEffect as D, useEffect as T } from "react";
+const N = typeof window < "u" ? D : T, L = r.forwardRef(function({
+  children: i,
+  htmlFor: t,
+  for: c,
+  required: d,
+  description: a,
+  variant: u,
+  tone: o,
+  size: s,
+  density: l,
+  shape: f,
+  disabled: m,
+  headless: A,
+  ...R
+}, w) {
+  const b = x(null);
+  return y(w, () => b.current), N(() => {
+    const e = b.current;
+    if (!e)
+      return;
+    const p = t || c;
+    p ? e.setAttribute("for", p) : e.removeAttribute("for"), d ? e.setAttribute("required", "") : e.removeAttribute("required"), a ? e.setAttribute("description", a) : e.removeAttribute("description"), u && u !== "default" ? e.setAttribute("variant", u) : e.removeAttribute("variant"), o && o !== "default" ? e.setAttribute("tone", o) : e.removeAttribute("tone"), s && s !== "md" && s !== "2" ? e.setAttribute("size", s) : e.removeAttribute("size"), l && l !== "default" ? e.setAttribute("density", l) : e.removeAttribute("density"), f && f !== "default" ? e.setAttribute("shape", f) : e.removeAttribute("shape"), m ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"), A ? e.setAttribute("headless", "") : e.removeAttribute("headless");
+  }, [t, c, d, a, u, o, s, l, f, m, A]), r.createElement("ui-label", { ref: b, ...R }, i);
+});
+L.displayName = "Label";
+const v = r.forwardRef(
+  function({ ...i }, t) {
+    return r.createElement("span", { ref: t, ...i });
+  }
+);
+v.displayName = "Label.Text";
+const E = r.forwardRef(
+  function({ ...i }, t) {
+    return r.createElement("span", { ref: t, slot: "description", ...i });
+  }
+);
+E.displayName = "Label.Description";
+const I = Object.assign(L, {
+  Text: v,
+  Description: E
+});
+export {
+  I as Label,
+  I as default
+};

package/dist/Layout.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react"),F=o=>o&&o.__esModule?o:{default:o},r=F(a),M=typeof window<"u"?a.useLayoutEffect:a.useEffect,v=r.default.forwardRef(function({children:u,mode:t,variant:s,density:i,maxWidth:n,sidebarSide:l,collapsed:m,headless:A,sidebarWidth:c,asideWidth:y,onLayoutChange:d,..._},H){const f=a.useRef(null);return r.default.useImperativeHandle(H,()=>f.current),a.useEffect(()=>{const e=f.current;if(!e)return;const L=()=>d==null?void 0:d();return e.addEventListener("layoutchange",L),()=>e.removeEventListener("layoutchange",L)},[d]),M(()=>{const e=f.current;e&&(t&&t!=="dashboard"?e.setAttribute("mode",t):e.removeAttribute("mode"),s&&s!=="default"?e.setAttribute("variant",s):e.removeAttribute("variant"),i&&i!=="default"?e.setAttribute("density",i):e.removeAttribute("density"),n?e.setAttribute("max-width",n):e.removeAttribute("max-width"),l&&l!=="start"?e.setAttribute("sidebar-side",l):e.removeAttribute("sidebar-side"),m?e.setAttribute("collapsed",""):e.removeAttribute("collapsed"),A?e.setAttribute("headless",""):e.removeAttribute("headless"),c?e.setAttribute("sidebar-width",c):e.removeAttribute("sidebar-width"),y?e.setAttribute("aside-width",y):e.removeAttribute("aside-width"))},[t,s,i,n,l,m,A,c,y]),r.default.createElement("ui-layout",{ref:f,..._},u)});v.displayName="Layout";const p=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"header",...u})});p.displayName="Layout.Header";const w=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"sidebar",...u})});w.displayName="Layout.Sidebar";const E=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"content",...u})});E.displayName="Layout.Content";const R=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"aside",...u})});R.displayName="Layout.Aside";const N=r.default.forwardRef(function({...u},t){return r.default.createElement("div",{ref:t,slot:"footer",...u})});N.displayName="Layout.Footer";const b=Object.assign(v,{Header:p,Sidebar:w,Content:E,Aside:R,Footer:N});b.displayName="Layout";exports.Layout=b;exports.default=b;

package/dist/Layout.d.ts

@@ -0,0 +1,3 @@
+export { Layout, default } from './components/Layout';
+export type { LayoutProps, LayoutMode, LayoutVariant, LayoutDensity, LayoutMaxWidth, LayoutSidebarSide } from './components/Layout';
+//# sourceMappingURL=Layout.d.ts.map

package/dist/Layout.d.ts.map

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

package/dist/Layout.esm.js

@@ -0,0 +1,70 @@
+import r, { useRef as F, useEffect as A, useLayoutEffect as h } from "react";
+const I = typeof window < "u" ? h : A, L = r.forwardRef(function({
+  children: o,
+  mode: t,
+  variant: u,
+  density: s,
+  maxWidth: f,
+  sidebarSide: i,
+  collapsed: y,
+  headless: m,
+  sidebarWidth: l,
+  asideWidth: c,
+  onLayoutChange: n,
+  ...N
+}, H) {
+  const d = F(null);
+  return r.useImperativeHandle(H, () => d.current), A(() => {
+    const e = d.current;
+    if (!e)
+      return;
+    const b = () => n == null ? void 0 : n();
+    return e.addEventListener("layoutchange", b), () => e.removeEventListener("layoutchange", b);
+  }, [n]), I(() => {
+    const e = d.current;
+    e && (t && t !== "dashboard" ? e.setAttribute("mode", t) : e.removeAttribute("mode"), u && u !== "default" ? e.setAttribute("variant", u) : e.removeAttribute("variant"), s && s !== "default" ? e.setAttribute("density", s) : e.removeAttribute("density"), f ? e.setAttribute("max-width", f) : e.removeAttribute("max-width"), i && i !== "start" ? e.setAttribute("sidebar-side", i) : e.removeAttribute("sidebar-side"), y ? e.setAttribute("collapsed", "") : e.removeAttribute("collapsed"), m ? e.setAttribute("headless", "") : e.removeAttribute("headless"), l ? e.setAttribute("sidebar-width", l) : e.removeAttribute("sidebar-width"), c ? e.setAttribute("aside-width", c) : e.removeAttribute("aside-width"));
+  }, [t, u, s, f, i, y, m, l, c]), r.createElement("ui-layout", { ref: d, ...N }, o);
+});
+L.displayName = "Layout";
+const v = r.forwardRef(
+  function({ ...o }, t) {
+    return r.createElement("div", { ref: t, slot: "header", ...o });
+  }
+);
+v.displayName = "Layout.Header";
+const p = r.forwardRef(
+  function({ ...o }, t) {
+    return r.createElement("div", { ref: t, slot: "sidebar", ...o });
+  }
+);
+p.displayName = "Layout.Sidebar";
+const w = r.forwardRef(
+  function({ ...o }, t) {
+    return r.createElement("div", { ref: t, slot: "content", ...o });
+  }
+);
+w.displayName = "Layout.Content";
+const E = r.forwardRef(
+  function({ ...o }, t) {
+    return r.createElement("div", { ref: t, slot: "aside", ...o });
+  }
+);
+E.displayName = "Layout.Aside";
+const R = r.forwardRef(
+  function({ ...o }, t) {
+    return r.createElement("div", { ref: t, slot: "footer", ...o });
+  }
+);
+R.displayName = "Layout.Footer";
+const _ = Object.assign(L, {
+  Header: v,
+  Sidebar: p,
+  Content: w,
+  Aside: E,
+  Footer: R
+});
+_.displayName = "Layout";
+export {
+  _ as Layout,
+  _ as default
+};

package/dist/Menu-010405cb.js

@@ -0,0 +1 @@
+"use strict";const p=require("react"),J=i=>i&&i.__esModule?i:{default:i},t=J(p),l=typeof window<"u"?p.useLayoutEffect:p.useEffect,k=t.default.forwardRef(function({children:s,...r},n){return t.default.createElement("div",{...r,ref:n,slot:"trigger"},s)});k.displayName="Menu.Trigger";const B=t.default.forwardRef(function({children:s,...r},n){return t.default.createElement("div",{...r,ref:n,slot:"content"},s)});B.displayName="Menu.Content";const q=t.default.forwardRef(function({children:s,open:r,placement:n,variant:a,size:f,density:c,radius:o,shape:b,elevation:d,tone:m,closeOnSelect:E,typeahead:M,onOpen:A,onClose:L,onChange:N,onSelect:g,onSelectDetail:y,...F},G){const u=p.useRef(null);return t.default.useImperativeHandle(G,()=>u.current),p.useEffect(()=>{const e=u.current;if(!e)return;const H=()=>A==null?void 0:A(),_=()=>L==null?void 0:L(),j=I=>{var h;const v=(h=I.detail)==null?void 0:h.open;typeof v=="boolean"&&(N==null||N(v))},T=I=>{const v=I.detail||{};y==null||y(v),typeof v.index=="number"&&(g==null||g(v.index))};return e.addEventListener("open",H),e.addEventListener("close",_),e.addEventListener("change",j),e.addEventListener("select",T),()=>{e.removeEventListener("open",H),e.removeEventListener("close",_),e.removeEventListener("change",j),e.removeEventListener("select",T)}},[A,L,N,g,y]),l(()=>{const e=u.current;!e||r==null||(r?e.setAttribute("open",""):e.removeAttribute("open"))},[r]),l(()=>{const e=u.current;e&&(n?e.setAttribute("placement",n):e.removeAttribute("placement"))},[n]),l(()=>{const e=u.current;e&&(a&&a!=="default"&&a!=="surface"?e.setAttribute("variant",a):e.removeAttribute("variant"))},[a]),l(()=>{const e=u.current;e&&(f&&f!=="md"&&f!=="2"?e.setAttribute("size",f):e.removeAttribute("size"))},[f]),l(()=>{const e=u.current;e&&(c&&c!=="default"?e.setAttribute("density",c):e.removeAttribute("density"))},[c]),l(()=>{const e=u.current;if(e){if(o==null||o===""||o==="default"){e.removeAttribute("radius");return}e.setAttribute("radius",String(o))}},[o]),l(()=>{const e=u.current;e&&(b&&b!=="default"?e.setAttribute("shape",b):e.removeAttribute("shape"))},[b]),l(()=>{const e=u.current;e&&(d&&d!=="default"?e.setAttribute("elevation",d):e.removeAttribute("elevation"))},[d]),l(()=>{const e=u.current;e&&(m&&m!=="default"&&m!=="brand"?e.setAttribute("tone",m):e.removeAttribute("tone"))},[m]),l(()=>{const e=u.current;if(e){if(E==null){e.removeAttribute("close-on-select");return}e.setAttribute("close-on-select",E?"true":"false")}},[E]),l(()=>{const e=u.current;if(e){if(M==null){e.removeAttribute("typeahead");return}e.setAttribute("typeahead",M?"true":"false")}},[M]),t.default.createElement("ui-menu",{ref:u,...F},s)});q.displayName="Menu";const R=t.default.forwardRef(function({children:s,icon:r,shortcut:n,caption:a,tone:f,role:c="menuitem",checked:o,className:b,...d},m){const E=["item",b].filter(Boolean).join(" "),M=c==="menuitemcheckbox"||c==="menuitemradio"?t.default.createElement("span",{className:"selection-icon","aria-hidden":"true"}):null;return t.default.createElement("div",{...d,ref:m,role:c,tabIndex:d.tabIndex??-1,className:E,"data-tone":f,"aria-checked":c==="menuitemcheckbox"||c==="menuitemradio"?o?"true":"false":void 0},M,r?t.default.createElement("span",{className:"icon","aria-hidden":"true"},r):null,t.default.createElement("span",{className:"label"},t.default.createElement("span",{className:"text"},s),a?t.default.createElement("span",{className:"caption"},a):null),n?t.default.createElement("span",{className:"shortcut"},n):null)});R.displayName="Menu.Item";const w=t.default.forwardRef(function({className:s,...r},n){const a=["separator",s].filter(Boolean).join(" ");return t.default.createElement("div",{...r,ref:n,role:"separator",className:a})});w.displayName="Menu.Separator";const x=t.default.forwardRef(function({children:s,className:r,...n},a){const f=["section-label",r].filter(Boolean).join(" ");return t.default.createElement("div",{...n,ref:a,className:f},s)});x.displayName="Menu.SectionLabel";const K=Object.assign(q,{Item:R,Separator:w,SectionLabel:x,Trigger:k,Content:B});exports.Menu=K;exports.MenuItem=R;exports.MenuSectionLabel=x;exports.MenuSeparator=w;