@editora/ui-react 0.1.7 → 0.1.10

package/dist/SplitButton.esm.js

@@ -0,0 +1,58 @@
+import t, { useRef as B, useImperativeHandle as R, useEffect as A, useLayoutEffect as x } from "react";
+const I = typeof window < "u" ? x : A, N = t.forwardRef(function({
+  children: E,
+  label: i,
+  menuLabel: o,
+  menuHeading: f,
+  menuDescription: b,
+  variant: r,
+  density: u,
+  menuDensity: l,
+  menuShape: a,
+  disabled: p,
+  items: c,
+  onPrimaryAction: s,
+  onSelect: n,
+  ...h
+}, L) {
+  const d = B(null);
+  R(L, () => d.current), A(() => {
+    const e = d.current;
+    if (!e)
+      return;
+    const v = () => s == null ? void 0 : s(), m = (y) => n == null ? void 0 : n(y.detail);
+    return e.addEventListener("primary-action", v), e.addEventListener("select", m), () => {
+      e.removeEventListener("primary-action", v), e.removeEventListener("select", m);
+    };
+  }, [s, n]), I(() => {
+    const e = d.current;
+    e && (i ? e.setAttribute("label", i) : e.removeAttribute("label"), o ? e.setAttribute("menu-label", o) : e.removeAttribute("menu-label"), f ? e.setAttribute("menu-heading", f) : e.removeAttribute("menu-heading"), b ? e.setAttribute("menu-description", b) : e.removeAttribute("menu-description"), r && r !== "primary" ? e.setAttribute("variant", r) : e.removeAttribute("variant"), u && u !== "default" ? e.setAttribute("density", u) : e.removeAttribute("density"), l && l !== "default" ? e.setAttribute("menu-density", l) : e.removeAttribute("menu-density"), a && a !== "default" ? e.setAttribute("menu-shape", a) : e.removeAttribute("menu-shape"), p ? e.setAttribute("disabled", "") : e.removeAttribute("disabled"));
+  }, [i, o, f, b, r, u, l, a, p]);
+  const w = (c == null ? void 0 : c.map(
+    (e) => t.createElement(
+      "button",
+      {
+        key: e.value,
+        slot: "menuitem",
+        type: "button",
+        "data-value": e.value,
+        "data-label": e.label,
+        "data-tone": e.tone || "default",
+        disabled: e.disabled
+      },
+      t.createElement(
+        "span",
+        { "data-menu-text": "true" },
+        t.createElement("span", { "data-menu-label": "true" }, e.label),
+        e.description ? t.createElement("span", { "data-menu-description": "true" }, e.description) : null
+      ),
+      e.shortcut ? t.createElement("span", { "data-menu-shortcut": "true" }, e.shortcut) : null
+    )
+  )) || null;
+  return t.createElement("ui-split-button", { ref: d, ...h }, w, E);
+});
+N.displayName = "SplitButton";
+export {
+  N as SplitButton,
+  N as default
+};

package/dist/Stepper.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),g=n=>n&&n.__esModule?n:{default:n},b=g(s),w=typeof window<"u"?s.useLayoutEffect:s.useEffect,y=b.default.forwardRef(function({steps:c,value:E,orientation:f,variant:i,size:d,clickable:v,linear:_,headless:m,onChange:o,onSelect:a,children:h,...A},R){const p=s.useRef(null);return s.useImperativeHandle(R,()=>p.current),s.useEffect(()=>{const u=p.current;if(!u)return;const e=l=>{const t=l.detail;t&&(o==null||o(t))},r=l=>{const t=l.detail;t&&(a==null||a(t))};return u.addEventListener("change",e),u.addEventListener("select",r),()=>{u.removeEventListener("change",e),u.removeEventListener("select",r)}},[o,a]),w(()=>{const u=p.current;if(!u)return;const e=(l,t)=>{const L=u.getAttribute(l);if(t==null){L!=null&&u.removeAttribute(l);return}L!==t&&u.setAttribute(l,t)},r=(l,t)=>{t?e(l,""):e(l,null)};if(c&&c.length)try{e("steps",JSON.stringify(c))}catch{e("steps",null)}else e("steps",null);e("value",E||null),e("orientation",f&&f!=="horizontal"?f:null),e("variant",i&&i!=="default"?i:null),e("size",d&&d!=="md"?d:null),r("clickable",v),r("linear",_),r("headless",m)},[c,E,f,i,d,v,_,m]),b.default.createElement("ui-stepper",{ref:p,...A},h)});y.displayName="Stepper";exports.Stepper=y;exports.default=y;

package/dist/Stepper.esm.js

@@ -0,0 +1,60 @@
+import v, { useRef as w, useImperativeHandle as R, useEffect as L, useLayoutEffect as I } from "react";
+const N = typeof window < "u" ? I : L, _ = v.forwardRef(function({
+  steps: s,
+  value: p,
+  orientation: n,
+  variant: c,
+  size: f,
+  clickable: a,
+  linear: y,
+  headless: E,
+  onChange: i,
+  onSelect: d,
+  children: h,
+  ...A
+}, b) {
+  const o = w(null);
+  return R(b, () => o.current), L(() => {
+    const r = o.current;
+    if (!r)
+      return;
+    const e = (l) => {
+      const t = l.detail;
+      t && (i == null || i(t));
+    }, u = (l) => {
+      const t = l.detail;
+      t && (d == null || d(t));
+    };
+    return r.addEventListener("change", e), r.addEventListener("select", u), () => {
+      r.removeEventListener("change", e), r.removeEventListener("select", u);
+    };
+  }, [i, d]), N(() => {
+    const r = o.current;
+    if (!r)
+      return;
+    const e = (l, t) => {
+      const m = r.getAttribute(l);
+      if (t == null) {
+        m != null && r.removeAttribute(l);
+        return;
+      }
+      m !== t && r.setAttribute(l, t);
+    }, u = (l, t) => {
+      t ? e(l, "") : e(l, null);
+    };
+    if (s && s.length)
+      try {
+        e("steps", JSON.stringify(s));
+      } catch {
+        e("steps", null);
+      }
+    else
+      e("steps", null);
+    e("value", p || null), e("orientation", n && n !== "horizontal" ? n : null), e("variant", c && c !== "default" ? c : null), e("size", f && f !== "md" ? f : null), u("clickable", a), u("linear", y), u("headless", E);
+  }, [s, p, n, c, f, a, y, E]), v.createElement("ui-stepper", { ref: o, ...A }, h);
+});
+_.displayName = "Stepper";
+export {
+  _ as Stepper,
+  _ as default
+};

package/dist/Table.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),H=e=>e&&e.__esModule?e:{default:e},M=H(n);function u(e){const{sortable:f,selectable:b,multiSelect:m,striped:v,hover:p,compact:h,bordered:_,stickyHeader:E,loading:g,headless:y,emptyText:o,onSortChange:l,onRowSelect:s,children:L,...T}=e,c=n.useRef(null);return n.useEffect(()=>{const t=c.current;if(!t)return;const d=a=>{const r=a.detail;r&&(l==null||l(r))},i=a=>{const r=a.detail;r&&(s==null||s(r))};return t.addEventListener("sort-change",d),t.addEventListener("row-select",i),()=>{t.removeEventListener("sort-change",d),t.removeEventListener("row-select",i)}},[l,s]),M.default.createElement("ui-table",{ref:c,...T,...f?{sortable:""}:{},...b?{selectable:""}:{},...m?{"multi-select":""}:{},...v?{striped:""}:{},...p?{hover:""}:{},...h?{compact:""}:{},..._?{bordered:""}:{},...E?{"sticky-header":""}:{},...g?{loading:""}:{},...y?{headless:""}:{},...o?{"empty-text":o}:{}},L)}exports.Table=u;exports.default=u;

package/dist/Table.esm.js

@@ -0,0 +1,57 @@
+import x, { useRef as H, useEffect as k } from "react";
+function R(d) {
+  const {
+    sortable: i,
+    selectable: u,
+    multiSelect: f,
+    striped: m,
+    hover: b,
+    compact: p,
+    bordered: v,
+    stickyHeader: h,
+    loading: E,
+    headless: y,
+    emptyText: n,
+    onSortChange: r,
+    onRowSelect: s,
+    children: L,
+    ...g
+  } = d, a = H(null);
+  return k(() => {
+    const e = a.current;
+    if (!e)
+      return;
+    const o = (l) => {
+      const t = l.detail;
+      t && (r == null || r(t));
+    }, c = (l) => {
+      const t = l.detail;
+      t && (s == null || s(t));
+    };
+    return e.addEventListener("sort-change", o), e.addEventListener("row-select", c), () => {
+      e.removeEventListener("sort-change", o), e.removeEventListener("row-select", c);
+    };
+  }, [r, s]), x.createElement(
+    "ui-table",
+    {
+      ref: a,
+      ...g,
+      ...i ? { sortable: "" } : {},
+      ...u ? { selectable: "" } : {},
+      ...f ? { "multi-select": "" } : {},
+      ...m ? { striped: "" } : {},
+      ...b ? { hover: "" } : {},
+      ...p ? { compact: "" } : {},
+      ...v ? { bordered: "" } : {},
+      ...h ? { "sticky-header": "" } : {},
+      ...E ? { loading: "" } : {},
+      ...y ? { headless: "" } : {},
+      ...n ? { "empty-text": n } : {}
+    },
+    L
+  );
+}
+export {
+  R as Table,
+  R as default
+};

package/dist/TagsInput.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),j=n=>n&&n.__esModule?n:{default:n},w=j(l),q=typeof window<"u"?l.useLayoutEffect:l.useEffect;function z(n){return n==null?null:Array.isArray(n)?JSON.stringify(n):n}const y=w.default.forwardRef(function({value:p,name:b,label:v,description:E,placeholder:m,required:A,disabled:L,readOnly:_,counter:I,maxTags:d,allowDuplicates:h,addOnBlur:S,onChange:f,onTagAdd:c,onTagRemove:a,children:M,...N},g){const o=l.useRef(null);return l.useImperativeHandle(g,()=>o.current),l.useEffect(()=>{const e=o.current;if(!e)return;const i=u=>{const t=u.detail;Array.isArray(t==null?void 0:t.value)&&(f==null||f(t.value))},s=u=>{const t=u.detail;t&&(c==null||c(t))},r=u=>{const t=u.detail;t&&(a==null||a(t))};return e.addEventListener("change",i),e.addEventListener("tag-add",s),e.addEventListener("tag-remove",r),()=>{e.removeEventListener("change",i),e.removeEventListener("tag-add",s),e.removeEventListener("tag-remove",r)}},[f,c,a]),q(()=>{const e=o.current;if(!e)return;const i=(r,u)=>{const t=e.getAttribute(r);if(u==null){t!=null&&e.removeAttribute(r);return}t!==u&&e.setAttribute(r,u)},s=(r,u)=>{u?e.hasAttribute(r)||e.setAttribute(r,""):e.hasAttribute(r)&&e.removeAttribute(r)};i("value",z(p)),i("name",b??null),i("label",v??null),i("description",E??null),i("placeholder",m??null),s("required",A),s("disabled",L),s("readonly",_),s("counter",I),s("allow-duplicates",h),s("add-on-blur",S),i("max-tags",typeof d=="number"?String(d):null)},[p,b,v,E,m,A,L,_,I,h,S,d]),w.default.createElement("ui-tags-input",{ref:o,...N},M)});y.displayName="TagsInput";exports.TagsInput=y;exports.default=y;

package/dist/TagsInput.esm.js

@@ -0,0 +1,64 @@
+import w, { useRef as H, useImperativeHandle as J, useEffect as N, useLayoutEffect as V } from "react";
+const j = typeof window < "u" ? V : N;
+function k(s) {
+  return s == null ? null : Array.isArray(s) ? JSON.stringify(s) : s;
+}
+const q = w.forwardRef(function({
+  value: d,
+  name: y,
+  label: p,
+  description: E,
+  placeholder: b,
+  required: m,
+  disabled: v,
+  readOnly: A,
+  counter: L,
+  maxTags: o,
+  allowDuplicates: I,
+  addOnBlur: h,
+  onChange: l,
+  onTagAdd: f,
+  onTagRemove: c,
+  children: S,
+  ..._
+}, z) {
+  const a = H(null);
+  return J(z, () => a.current), N(() => {
+    const t = a.current;
+    if (!t)
+      return;
+    const i = (n) => {
+      const e = n.detail;
+      Array.isArray(e == null ? void 0 : e.value) && (l == null || l(e.value));
+    }, u = (n) => {
+      const e = n.detail;
+      e && (f == null || f(e));
+    }, r = (n) => {
+      const e = n.detail;
+      e && (c == null || c(e));
+    };
+    return t.addEventListener("change", i), t.addEventListener("tag-add", u), t.addEventListener("tag-remove", r), () => {
+      t.removeEventListener("change", i), t.removeEventListener("tag-add", u), t.removeEventListener("tag-remove", r);
+    };
+  }, [l, f, c]), j(() => {
+    const t = a.current;
+    if (!t)
+      return;
+    const i = (r, n) => {
+      const e = t.getAttribute(r);
+      if (n == null) {
+        e != null && t.removeAttribute(r);
+        return;
+      }
+      e !== n && t.setAttribute(r, n);
+    }, u = (r, n) => {
+      n ? t.hasAttribute(r) || t.setAttribute(r, "") : t.hasAttribute(r) && t.removeAttribute(r);
+    };
+    i("value", k(d)), i("name", y ?? null), i("label", p ?? null), i("description", E ?? null), i("placeholder", b ?? null), u("required", m), u("disabled", v), u("readonly", A), u("counter", L), u("allow-duplicates", I), u("add-on-blur", h), i("max-tags", typeof o == "number" ? String(o) : null);
+  }, [d, y, p, E, b, m, v, A, L, I, h, o]), w.createElement("ui-tags-input", { ref: a, ..._ }, S);
+});
+q.displayName = "TagsInput";
+export {
+  q as TagsInput,
+  q as default
+};

package/dist/ThemeProvider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),p=require("@editora/ui-core"),ue=e=>e&&e.__esModule?e:{default:e},le=ue(l),ce=l.createContext(null),ae=typeof window<"u"?l.useLayoutEffect:l.useEffect;function i(e,t){var r,u,m,c,a,d,o,n,s,f,y,g,w,S,T,k,v,h,x,C,A,I,E,M,P,R,_,z,H,O,D,q,j,V,J,L,N,F,U,B,G,Q,W,X,Y,Z,$,b,K,ee,te,oe,ne,re;return t?{...e,...t,colors:{...e.colors,...t.colors||{}},palette:{...e.palette||{},...t.palette||{},gray:{...((r=e.palette)==null?void 0:r.gray)||{},...((u=t.palette)==null?void 0:u.gray)||{}},grayAlpha:{...((m=e.palette)==null?void 0:m.grayAlpha)||{},...((c=t.palette)==null?void 0:c.grayAlpha)||{}},blackAlpha:{...((a=e.palette)==null?void 0:a.blackAlpha)||{},...((d=t.palette)==null?void 0:d.blackAlpha)||{}},whiteAlpha:{...((o=e.palette)==null?void 0:o.whiteAlpha)||{},...((n=t.palette)==null?void 0:n.whiteAlpha)||{}},accent:{...((s=e.palette)==null?void 0:s.accent)||{},...((f=t.palette)==null?void 0:f.accent)||{}},accentAlpha:{...((y=e.palette)==null?void 0:y.accentAlpha)||{},...((g=t.palette)==null?void 0:g.accentAlpha)||{}}},surfaces:{...e.surfaces||{},...t.surfaces||{}},shadows:{...e.shadows||{},...t.shadows||{}},spacing:{...e.spacing||{},...t.spacing||{}},spaceScale:{...e.spaceScale||{},...t.spaceScale||{}},radiusScale:{...e.radiusScale||{},...t.radiusScale||{}},typography:{...e.typography||{},...t.typography||{},size:{...((w=e.typography)==null?void 0:w.size)||{},...((S=t.typography)==null?void 0:S.size)||{}},fontScale:{...((T=e.typography)==null?void 0:T.fontScale)||{},...((k=t.typography)==null?void 0:k.fontScale)||{}},lineHeight:{...((v=e.typography)==null?void 0:v.lineHeight)||{},...((h=t.typography)==null?void 0:h.lineHeight)||{}},letterSpacing:{...((x=e.typography)==null?void 0:x.letterSpacing)||{},...((C=t.typography)==null?void 0:C.letterSpacing)||{}}},motion:{...e.motion||{},...t.motion||{}},effects:{...e.effects||{},...t.effects||{}},components:{...e.components||{},...t.components||{},button:{...((A=e.components)==null?void 0:A.button)||{},...((I=t.components)==null?void 0:I.button)||{}},badge:{...((E=e.components)==null?void 0:E.badge)||{},...((M=t.components)==null?void 0:M.badge)||{}},sidebar:{...((P=e.components)==null?void 0:P.sidebar)||{},...((R=t.components)==null?void 0:R.sidebar)||{}},blockControls:{...((_=e.components)==null?void 0:_.blockControls)||{},...((z=t.components)==null?void 0:z.blockControls)||{}},box:{...((H=e.components)==null?void 0:H.box)||{},...((O=t.components)==null?void 0:O.box)||{}},breadcrumb:{...((D=e.components)==null?void 0:D.breadcrumb)||{},...((q=t.components)==null?void 0:q.breadcrumb)||{}},card:{...((j=e.components)==null?void 0:j.card)||{},...((V=t.components)==null?void 0:V.card)||{}},contextMenu:{...((J=e.components)==null?void 0:J.contextMenu)||{},...((L=t.components)==null?void 0:L.contextMenu)||{}},alert:{...((N=e.components)==null?void 0:N.alert)||{},...((F=t.components)==null?void 0:F.alert)||{}},alertDialog:{...((U=e.components)==null?void 0:U.alertDialog)||{},...((B=t.components)==null?void 0:B.alertDialog)||{}},appHeader:{...((G=e.components)==null?void 0:G.appHeader)||{},...((Q=t.components)==null?void 0:Q.appHeader)||{}},aspectRatio:{...((W=e.components)==null?void 0:W.aspectRatio)||{},...((X=t.components)==null?void 0:X.aspectRatio)||{}},avatar:{...((Y=e.components)==null?void 0:Y.avatar)||{},...((Z=t.components)==null?void 0:Z.avatar)||{}},menu:{...(($=e.components)==null?void 0:$.menu)||{},...((b=t.components)==null?void 0:b.menu)||{}},multiSelect:{...((K=e.components)==null?void 0:K.multiSelect)||{},...((ee=t.components)==null?void 0:ee.multiSelect)||{}},panel:{...((te=e.components)==null?void 0:te.panel)||{},...((oe=t.components)==null?void 0:oe.panel)||{}},input:{...((ne=e.components)==null?void 0:ne.input)||{},...((re=t.components)==null?void 0:re.input)||{}}},zIndex:{...e.zIndex||{},...t.zIndex||{}},breakpoints:{...e.breakpoints||{},...t.breakpoints||{}}}:e}function se(){try{const e=getComputedStyle(document.documentElement),t=e.getPropertyValue("--ui-color-primary").trim();return t?{colors:{primary:t||void 0,text:e.getPropertyValue("--ui-color-text").trim()||void 0,background:e.getPropertyValue("--ui-color-background").trim()||void 0}}:{}}catch{return{}}}function pe(e,t){const r=typeof t=="function"?t(e):t;return i(e,r)}function ie({tokens:e,children:t,storageKey:r="editora.theme.tokens"}){const u=l.useRef(null),m=()=>{if(typeof window<"u"&&r)try{const o=localStorage.getItem(r);if(o){const n=JSON.parse(o);return i(p.defaultTokens,n)}}catch{}if(e&&Object.keys(e).length)return i(p.defaultTokens,e);if(typeof window<"u"){const o=se();if(o.colors&&o.colors.primary)return i(p.defaultTokens,o)}return i(p.defaultTokens,e||{})},[c,a]=l.useState(()=>m());l.useEffect(()=>{!e||!Object.keys(e).length||a(o=>i(o,e))},[e]),ae(()=>{const o=u.current;o&&p.applyTheme(c,o)},[c]),l.useEffect(()=>{if(typeof window>"u"||!r)return;const o=JSON.stringify(c);let n;const s=()=>{try{localStorage.setItem(r,o)}catch{}};return window.requestIdleCallback?n=window.requestIdleCallback(s,{timeout:1e3}):n=window.setTimeout(s,250),()=>{try{window.cancelIdleCallback&&n?window.cancelIdleCallback(n):n&&clearTimeout(n)}catch{}}},[c,r]);const d=l.useMemo(()=>({tokens:c,setTokens:o=>{a(n=>pe(n,o))}}),[c]);return le.default.createElement(ce.Provider,{value:d},le.default.createElement("div",{ref:u,style:{display:"contents"}},t))}function me(){const e=l.useContext(ce);if(!e)throw new Error("useTheme must be used within ThemeProvider");return e}exports.ThemeProvider=ie;exports.default=ie;exports.useTheme=me;

package/dist/ThemeProvider.esm.js

@@ -0,0 +1,154 @@
+import le, { createContext as ie, useRef as pe, useState as ae, useEffect as d, useMemo as ue, useContext as me, useLayoutEffect as se } from "react";
+import { applyTheme as de, defaultTokens as s } from "@editora/ui-core";
+const ce = ie(null), fe = typeof window < "u" ? se : d;
+function c(e, t) {
+  var r, i, u, l, p, m, o, n, a, f, y, g, w, S, k, T, x, v, A, C, I, h, E, z, H, P, R, M, O, D, V, j, q, J, L, N, _, F, U, B, G, Q, W, X, Y, Z, $, K, b, ee, te, oe, ne, re;
+  return t ? {
+    ...e,
+    ...t,
+    colors: { ...e.colors, ...t.colors || {} },
+    palette: {
+      ...e.palette || {},
+      ...t.palette || {},
+      gray: { ...((r = e.palette) == null ? void 0 : r.gray) || {}, ...((i = t.palette) == null ? void 0 : i.gray) || {} },
+      grayAlpha: { ...((u = e.palette) == null ? void 0 : u.grayAlpha) || {}, ...((l = t.palette) == null ? void 0 : l.grayAlpha) || {} },
+      blackAlpha: { ...((p = e.palette) == null ? void 0 : p.blackAlpha) || {}, ...((m = t.palette) == null ? void 0 : m.blackAlpha) || {} },
+      whiteAlpha: { ...((o = e.palette) == null ? void 0 : o.whiteAlpha) || {}, ...((n = t.palette) == null ? void 0 : n.whiteAlpha) || {} },
+      accent: { ...((a = e.palette) == null ? void 0 : a.accent) || {}, ...((f = t.palette) == null ? void 0 : f.accent) || {} },
+      accentAlpha: { ...((y = e.palette) == null ? void 0 : y.accentAlpha) || {}, ...((g = t.palette) == null ? void 0 : g.accentAlpha) || {} }
+    },
+    surfaces: { ...e.surfaces || {}, ...t.surfaces || {} },
+    shadows: { ...e.shadows || {}, ...t.shadows || {} },
+    spacing: { ...e.spacing || {}, ...t.spacing || {} },
+    spaceScale: { ...e.spaceScale || {}, ...t.spaceScale || {} },
+    radiusScale: { ...e.radiusScale || {}, ...t.radiusScale || {} },
+    typography: {
+      ...e.typography || {},
+      ...t.typography || {},
+      size: {
+        ...((w = e.typography) == null ? void 0 : w.size) || {},
+        ...((S = t.typography) == null ? void 0 : S.size) || {}
+      },
+      fontScale: {
+        ...((k = e.typography) == null ? void 0 : k.fontScale) || {},
+        ...((T = t.typography) == null ? void 0 : T.fontScale) || {}
+      },
+      lineHeight: {
+        ...((x = e.typography) == null ? void 0 : x.lineHeight) || {},
+        ...((v = t.typography) == null ? void 0 : v.lineHeight) || {}
+      },
+      letterSpacing: {
+        ...((A = e.typography) == null ? void 0 : A.letterSpacing) || {},
+        ...((C = t.typography) == null ? void 0 : C.letterSpacing) || {}
+      }
+    },
+    motion: { ...e.motion || {}, ...t.motion || {} },
+    effects: { ...e.effects || {}, ...t.effects || {} },
+    components: {
+      ...e.components || {},
+      ...t.components || {},
+      button: { ...((I = e.components) == null ? void 0 : I.button) || {}, ...((h = t.components) == null ? void 0 : h.button) || {} },
+      badge: { ...((E = e.components) == null ? void 0 : E.badge) || {}, ...((z = t.components) == null ? void 0 : z.badge) || {} },
+      sidebar: { ...((H = e.components) == null ? void 0 : H.sidebar) || {}, ...((P = t.components) == null ? void 0 : P.sidebar) || {} },
+      blockControls: { ...((R = e.components) == null ? void 0 : R.blockControls) || {}, ...((M = t.components) == null ? void 0 : M.blockControls) || {} },
+      box: { ...((O = e.components) == null ? void 0 : O.box) || {}, ...((D = t.components) == null ? void 0 : D.box) || {} },
+      breadcrumb: { ...((V = e.components) == null ? void 0 : V.breadcrumb) || {}, ...((j = t.components) == null ? void 0 : j.breadcrumb) || {} },
+      card: { ...((q = e.components) == null ? void 0 : q.card) || {}, ...((J = t.components) == null ? void 0 : J.card) || {} },
+      contextMenu: { ...((L = e.components) == null ? void 0 : L.contextMenu) || {}, ...((N = t.components) == null ? void 0 : N.contextMenu) || {} },
+      alert: { ...((_ = e.components) == null ? void 0 : _.alert) || {}, ...((F = t.components) == null ? void 0 : F.alert) || {} },
+      alertDialog: { ...((U = e.components) == null ? void 0 : U.alertDialog) || {}, ...((B = t.components) == null ? void 0 : B.alertDialog) || {} },
+      appHeader: { ...((G = e.components) == null ? void 0 : G.appHeader) || {}, ...((Q = t.components) == null ? void 0 : Q.appHeader) || {} },
+      aspectRatio: { ...((W = e.components) == null ? void 0 : W.aspectRatio) || {}, ...((X = t.components) == null ? void 0 : X.aspectRatio) || {} },
+      avatar: { ...((Y = e.components) == null ? void 0 : Y.avatar) || {}, ...((Z = t.components) == null ? void 0 : Z.avatar) || {} },
+      menu: { ...(($ = e.components) == null ? void 0 : $.menu) || {}, ...((K = t.components) == null ? void 0 : K.menu) || {} },
+      multiSelect: { ...((b = e.components) == null ? void 0 : b.multiSelect) || {}, ...((ee = t.components) == null ? void 0 : ee.multiSelect) || {} },
+      panel: { ...((te = e.components) == null ? void 0 : te.panel) || {}, ...((oe = t.components) == null ? void 0 : oe.panel) || {} },
+      input: { ...((ne = e.components) == null ? void 0 : ne.input) || {}, ...((re = t.components) == null ? void 0 : re.input) || {} }
+    },
+    zIndex: { ...e.zIndex || {}, ...t.zIndex || {} },
+    breakpoints: { ...e.breakpoints || {}, ...t.breakpoints || {} }
+  } : e;
+}
+function ye() {
+  try {
+    const e = getComputedStyle(document.documentElement), t = e.getPropertyValue("--ui-color-primary").trim();
+    return t ? {
+      colors: {
+        primary: t || void 0,
+        text: e.getPropertyValue("--ui-color-text").trim() || void 0,
+        background: e.getPropertyValue("--ui-color-background").trim() || void 0
+      }
+    } : {};
+  } catch {
+    return {};
+  }
+}
+function ge(e, t) {
+  const r = typeof t == "function" ? t(e) : t;
+  return c(e, r);
+}
+function ke({ tokens: e, children: t, storageKey: r = "editora.theme.tokens" }) {
+  const i = pe(null), u = () => {
+    if (typeof window < "u" && r)
+      try {
+        const o = localStorage.getItem(r);
+        if (o) {
+          const n = JSON.parse(o);
+          return c(s, n);
+        }
+      } catch {
+      }
+    if (e && Object.keys(e).length)
+      return c(s, e);
+    if (typeof window < "u") {
+      const o = ye();
+      if (o.colors && o.colors.primary)
+        return c(s, o);
+    }
+    return c(s, e || {});
+  }, [l, p] = ae(() => u());
+  d(() => {
+    !e || !Object.keys(e).length || p((o) => c(o, e));
+  }, [e]), fe(() => {
+    const o = i.current;
+    o && de(l, o);
+  }, [l]), d(() => {
+    if (typeof window > "u" || !r)
+      return;
+    const o = JSON.stringify(l);
+    let n;
+    const a = () => {
+      try {
+        localStorage.setItem(r, o);
+      } catch {
+      }
+    };
+    return window.requestIdleCallback ? n = window.requestIdleCallback(a, { timeout: 1e3 }) : n = window.setTimeout(a, 250), () => {
+      try {
+        window.cancelIdleCallback && n ? window.cancelIdleCallback(n) : n && clearTimeout(n);
+      } catch {
+      }
+    };
+  }, [l, r]);
+  const m = ue(
+    () => ({
+      tokens: l,
+      setTokens: (o) => {
+        p((n) => ge(n, o));
+      }
+    }),
+    [l]
+  );
+  return /* @__PURE__ */ le.createElement(ce.Provider, { value: m }, /* @__PURE__ */ le.createElement("div", { ref: i, style: { display: "contents" } }, t));
+}
+function Te() {
+  const e = me(ce);
+  if (!e)
+    throw new Error("useTheme must be used within ThemeProvider");
+  return e;
+}
+export {
+  ke as ThemeProvider,
+  ke as default,
+  Te as useTheme
+};

package/dist/TimePicker.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),X=require("./_internals-b9f3e909.js"),Y=s=>s&&s.__esModule?s:{default:s},K=Y(n),Z=typeof window<"u"?n.useLayoutEffect:n.useEffect,T=K.default.forwardRef(function({value:k,defaultValue:P,open:m,defaultOpen:A,format:c,step:y,seconds:R,stepSeconds:b,min:w,max:M,disabled:q,readOnly:S,required:j,name:z,clearable:B,allowInput:D,mode:f,label:H,hint:N,error:F,locale:G,translations:J,variant:d,onInput:o,onChange:v,onValueChange:a,onOpen:p,onClose:_,onInvalid:E,children:Q,...U},W){const L=n.useRef(null);return n.useImperativeHandle(W,()=>L.current),n.useEffect(()=>{const t=L.current;if(!t)return;const e=i=>{const l=i.detail;l&&(o==null||o(l))},r=i=>{const l=i.detail;l&&(v==null||v(l),a==null||a(l.value))},u=i=>{const l=i.detail;l&&(E==null||E(l))};return t.addEventListener("input",e),t.addEventListener("change",r),t.addEventListener("open",p),t.addEventListener("close",_),t.addEventListener("invalid",u),()=>{t.removeEventListener("input",e),t.removeEventListener("change",r),t.removeEventListener("open",p),t.removeEventListener("close",_),t.removeEventListener("invalid",u)}},[o,v,a,p,_,E]),Z(()=>{const t=L.current;if(!t)return;const e=(u,i)=>{const l=t.getAttribute(u);i==null?l!=null&&t.removeAttribute(u):l!==i&&t.setAttribute(u,i)},r=(u,i)=>{i?e(u,""):e(u,null)};e("value",k??null),e("default-value",P??null),typeof m=="boolean"?r("open",m):e("open",null),r("default-open",A),e("format",c&&c!=="24h"?c:null),e("step",typeof y=="number"?String(y):null),r("seconds",R),e("step-seconds",typeof b=="number"?String(b):null),e("min",w??null),e("max",M??null),r("disabled",q),r("readonly",S),r("required",j),e("name",z??null),r("clearable",B),r("allow-input",D),e("mode",f&&f!=="popover"?f:null),e("label",H??null),e("hint",N??null),e("error",F??null),e("locale",G??null),e("translations",X.serializeTranslations(J)),e("variant",d&&d!=="default"?d:null)},[k,P,m,A,c,y,R,b,w,M,q,S,j,z,B,D,f,H,N,F,G,J,d]),K.default.createElement("ui-time-picker",{ref:L,...U},Q)});T.displayName="TimePicker";exports.TimePicker=T;exports.default=T;

package/dist/TimePicker.esm.js

@@ -0,0 +1,95 @@
+import J, { useRef as U, useImperativeHandle as W, useEffect as K, useLayoutEffect as X } from "react";
+import { s as Y } from "./_internals-f8fb69a8.mjs";
+const Z = typeof window < "u" ? X : K, $ = J.forwardRef(function({
+  value: b,
+  defaultValue: k,
+  open: m,
+  defaultOpen: A,
+  format: s,
+  step: L,
+  seconds: T,
+  stepSeconds: a,
+  min: w,
+  max: P,
+  disabled: R,
+  readOnly: _,
+  required: z,
+  name: B,
+  clearable: H,
+  allowInput: N,
+  mode: n,
+  label: j,
+  hint: q,
+  error: D,
+  locale: F,
+  translations: G,
+  variant: c,
+  onInput: f,
+  onChange: d,
+  onValueChange: o,
+  onOpen: p,
+  onClose: y,
+  onInvalid: v,
+  children: M,
+  ...Q
+}, S) {
+  const E = U(null);
+  return W(S, () => E.current), K(() => {
+    const t = E.current;
+    if (!t)
+      return;
+    const e = (i) => {
+      const r = i.detail;
+      r && (f == null || f(r));
+    }, l = (i) => {
+      const r = i.detail;
+      r && (d == null || d(r), o == null || o(r.value));
+    }, u = (i) => {
+      const r = i.detail;
+      r && (v == null || v(r));
+    };
+    return t.addEventListener("input", e), t.addEventListener("change", l), t.addEventListener("open", p), t.addEventListener("close", y), t.addEventListener("invalid", u), () => {
+      t.removeEventListener("input", e), t.removeEventListener("change", l), t.removeEventListener("open", p), t.removeEventListener("close", y), t.removeEventListener("invalid", u);
+    };
+  }, [f, d, o, p, y, v]), Z(() => {
+    const t = E.current;
+    if (!t)
+      return;
+    const e = (u, i) => {
+      const r = t.getAttribute(u);
+      i == null ? r != null && t.removeAttribute(u) : r !== i && t.setAttribute(u, i);
+    }, l = (u, i) => {
+      i ? e(u, "") : e(u, null);
+    };
+    e("value", b ?? null), e("default-value", k ?? null), typeof m == "boolean" ? l("open", m) : e("open", null), l("default-open", A), e("format", s && s !== "24h" ? s : null), e("step", typeof L == "number" ? String(L) : null), l("seconds", T), e("step-seconds", typeof a == "number" ? String(a) : null), e("min", w ?? null), e("max", P ?? null), l("disabled", R), l("readonly", _), l("required", z), e("name", B ?? null), l("clearable", H), l("allow-input", N), e("mode", n && n !== "popover" ? n : null), e("label", j ?? null), e("hint", q ?? null), e("error", D ?? null), e("locale", F ?? null), e("translations", Y(G)), e("variant", c && c !== "default" ? c : null);
+  }, [
+    b,
+    k,
+    m,
+    A,
+    s,
+    L,
+    T,
+    a,
+    w,
+    P,
+    R,
+    _,
+    z,
+    B,
+    H,
+    N,
+    n,
+    j,
+    q,
+    D,
+    F,
+    G,
+    c
+  ]), J.createElement("ui-time-picker", { ref: E, ...Q }, M);
+});
+$.displayName = "TimePicker";
+export {
+  $ as TimePicker,
+  $ as default
+};

package/dist/Timeline.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},a=b(n),g=typeof window<"u"?n.useLayoutEffect:n.useEffect,s=a.default.forwardRef(function({items:i,variant:r,headless:c,children:y,...m},_){const o=n.useRef(null);return n.useImperativeHandle(_,()=>o.current),g(()=>{const f=o.current;if(!f)return;const e=(t,l)=>{const d=f.getAttribute(t);if(l==null){d!=null&&f.removeAttribute(t);return}d!==l&&f.setAttribute(t,l)},p=(t,l)=>{l?e(t,""):e(t,null)};if(i&&i.length)try{e("items",JSON.stringify(i))}catch{e("items",null)}else e("items",null);e("variant",r&&r!=="default"?r:null),p("headless",c)},[i,r,c]),a.default.createElement("ui-timeline",{ref:o,...m},y)});s.displayName="Timeline";exports.Timeline=s;exports.default=s;

package/dist/Timeline.esm.js

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

package/dist/Toast.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),a=require("@editora/toast"),T=n=>n&&n.__esModule?n:{default:n},E=T(s),b=typeof window<"u"?s.useLayoutEffect:s.useEffect;function w(n){if(!n)return{};const t={...n};return t.type!=null&&t.level==null&&(t.level=t.type),delete t.type,t}const _=E.default.forwardRef(function({children:t,position:d,maxVisible:c,theme:f,config:g,headless:j,onShow:i,onHide:v,...h},A){const o=s.useRef(i),r=s.useRef(v);return s.useEffect(()=>{o.current=i},[i]),s.useEffect(()=>{r.current=v},[v]),s.useImperativeHandle(A,()=>({show(e,M){let l="";const y=w(M),p=y.onShow,m=y.onHide;return l=a.toastAdvanced.show({message:e,...y,onShow:()=>{var u;p==null||p(),(u=o.current)==null||u.call(o,{id:l,message:e})},onHide:()=>{var u;m==null||m(),(u=r.current)==null||u.call(r,{id:l})}}).id,l},hide(e){a.toastAdvanced.dismiss(String(e))},clear(){a.toastAdvanced.clear()},configure(e){a.toastAdvanced.configure(e)}}),[]),b(()=>{const e={...g||{}};d&&(e.position=d),f&&(e.theme=f),typeof c=="number"&&Number.isFinite(c)&&(e.maxVisible=Math.max(1,Math.trunc(c))),Object.keys(e).length>0&&a.toastAdvanced.configure(e)},[d,c,f,g]),t==null&&Object.keys(h).length===0?null:E.default.createElement("div",{...h},t)});_.displayName="Toast";exports.Toast=_;exports.default=_;

package/dist/Toast.esm.js

@@ -0,0 +1,57 @@
+import w, { useRef as E, useEffect as h, useImperativeHandle as T, useLayoutEffect as _ } from "react";
+import { toastAdvanced as r } from "@editora/toast";
+const b = typeof window < "u" ? _ : h;
+function j(a) {
+  if (!a)
+    return {};
+  const t = { ...a };
+  return t.type != null && t.level == null && (t.level = t.type), delete t.type, t;
+}
+const k = w.forwardRef(function({ children: t, position: f, maxVisible: o, theme: i, config: g, headless: L, onShow: l, onHide: d, ...v }, z) {
+  const c = E(l), s = E(d);
+  return h(() => {
+    c.current = l;
+  }, [l]), h(() => {
+    s.current = d;
+  }, [d]), T(
+    z,
+    () => ({
+      show(e, I) {
+        let u = "";
+        const m = j(I), p = m.onShow, y = m.onHide;
+        return u = r.show({
+          message: e,
+          ...m,
+          onShow: () => {
+            var n;
+            p == null || p(), (n = c.current) == null || n.call(c, { id: u, message: e });
+          },
+          onHide: () => {
+            var n;
+            y == null || y(), (n = s.current) == null || n.call(s, { id: u });
+          }
+        }).id, u;
+      },
+      hide(e) {
+        r.dismiss(String(e));
+      },
+      clear() {
+        r.clear();
+      },
+      configure(e) {
+        r.configure(e);
+      }
+    }),
+    []
+  ), b(() => {
+    const e = {
+      ...g || {}
+    };
+    f && (e.position = f), i && (e.theme = i), typeof o == "number" && Number.isFinite(o) && (e.maxVisible = Math.max(1, Math.trunc(o))), Object.keys(e).length > 0 && r.configure(e);
+  }, [f, o, i, g]), t == null && Object.keys(v).length === 0 ? null : w.createElement("div", { ...v }, t);
+});
+k.displayName = "Toast";
+export {
+  k as Toast,
+  k as default
+};

package/dist/ToastAPI.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),r=require("@editora/toast"),s=t=>t&&t.__esModule?t:{default:t},i=s(o),l=s(r);function n(t){if(!t)return{};const e={...t};return e.type!=null&&e.level==null&&(e.level=e.type),delete e.type,e}function f(t,e={}){return r.toastAdvanced.show({message:t,level:"info",...n(e)})}const a={show(t,e={}){return r.toastAdvanced.show({message:t,...n(e)})},success(t,e={}){return r.toastAdvanced.success(t,n(e))},error(t,e={}){return r.toastAdvanced.error(t,n(e))},warning(t,e={}){return r.toastAdvanced.warning(t,n(e))},info(t,e={}){return r.toastAdvanced.info(t,n(e))},loading(t,e={}){return r.toastAdvanced.loading(t,n(e))},dismiss(t){return r.toastAdvanced.dismiss(String(t))},clear(){return r.toastAdvanced.clear()},configure(t){return r.toastAdvanced.configure(t)}},u=o.createContext(null);function d({config:t}={}){return o.useEffect(()=>{t&&r.toastAdvanced.configure(t)},[t]),null}function v({children:t,config:e}){o.useEffect(()=>{e&&r.toastAdvanced.configure(e)},[e]);const c=o.useMemo(()=>a,[]);return i.default.createElement(u.Provider,{value:c},t)}function A(){const t=o.useContext(u);return t||a}Object.defineProperty(exports,"toastAdvanced",{enumerable:!0,get:()=>r.toastAdvanced});Object.defineProperty(exports,"toastLegacy",{enumerable:!0,get:()=>l.default});Object.defineProperty(exports,"toastPro",{enumerable:!0,get:()=>r.toastPro});exports.ToastAPI=d;exports.ToastProvider=v;exports.default=d;exports.toast=f;exports.toastApi=a;exports.useToast=A;