@editora/ui-react 0.1.8 → 0.1.11

package/dist/ThemeProvider.esm.js

@@ -0,0 +1,148 @@
+'use client';
+import ce, { createContext as pe, useRef as se, useState as ue, useEffect as d, useMemo as me, useContext as ae, useLayoutEffect as de } from "react";
+import { z as le, _ as u } from "./runtime-3cc1c386-b4118dbe.mjs";
+const ie = pe(null), fe = typeof window < "u" ? de : d;
+function i(e, t) {
+  var n, p, c, m, r, s, a, o, l, f, y, g, S, w, k, x, A, T, v, h, z, C, E, I, H, O, P, R, M, D, J, N, _, V, L, j, F, U, q, 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: { ...((n = e.palette) == null ? void 0 : n.gray) || {}, ...((p = t.palette) == null ? void 0 : p.gray) || {} },
+      grayAlpha: { ...((c = e.palette) == null ? void 0 : c.grayAlpha) || {}, ...((m = t.palette) == null ? void 0 : m.grayAlpha) || {} },
+      blackAlpha: { ...((r = e.palette) == null ? void 0 : r.blackAlpha) || {}, ...((s = t.palette) == null ? void 0 : s.blackAlpha) || {} },
+      whiteAlpha: { ...((a = e.palette) == null ? void 0 : a.whiteAlpha) || {}, ...((o = t.palette) == null ? void 0 : o.whiteAlpha) || {} },
+      accent: { ...((l = e.palette) == null ? void 0 : l.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: {
+        ...((S = e.typography) == null ? void 0 : S.size) || {},
+        ...((w = t.typography) == null ? void 0 : w.size) || {}
+      },
+      fontScale: {
+        ...((k = e.typography) == null ? void 0 : k.fontScale) || {},
+        ...((x = t.typography) == null ? void 0 : x.fontScale) || {}
+      },
+      lineHeight: {
+        ...((A = e.typography) == null ? void 0 : A.lineHeight) || {},
+        ...((T = t.typography) == null ? void 0 : T.lineHeight) || {}
+      },
+      letterSpacing: {
+        ...((v = e.typography) == null ? void 0 : v.letterSpacing) || {},
+        ...((h = t.typography) == null ? void 0 : h.letterSpacing) || {}
+      }
+    },
+    motion: { ...e.motion || {}, ...t.motion || {} },
+    effects: { ...e.effects || {}, ...t.effects || {} },
+    components: {
+      ...e.components || {},
+      ...t.components || {},
+      button: { ...((z = e.components) == null ? void 0 : z.button) || {}, ...((C = t.components) == null ? void 0 : C.button) || {} },
+      badge: { ...((E = e.components) == null ? void 0 : E.badge) || {}, ...((I = t.components) == null ? void 0 : I.badge) || {} },
+      sidebar: { ...((H = e.components) == null ? void 0 : H.sidebar) || {}, ...((O = t.components) == null ? void 0 : O.sidebar) || {} },
+      blockControls: { ...((P = e.components) == null ? void 0 : P.blockControls) || {}, ...((R = t.components) == null ? void 0 : R.blockControls) || {} },
+      box: { ...((M = e.components) == null ? void 0 : M.box) || {}, ...((D = t.components) == null ? void 0 : D.box) || {} },
+      breadcrumb: { ...((J = e.components) == null ? void 0 : J.breadcrumb) || {}, ...((N = t.components) == null ? void 0 : N.breadcrumb) || {} },
+      card: { ...((_ = e.components) == null ? void 0 : _.card) || {}, ...((V = t.components) == null ? void 0 : V.card) || {} },
+      contextMenu: { ...((L = e.components) == null ? void 0 : L.contextMenu) || {}, ...((j = t.components) == null ? void 0 : j.contextMenu) || {} },
+      alert: { ...((F = e.components) == null ? void 0 : F.alert) || {}, ...((U = t.components) == null ? void 0 : U.alert) || {} },
+      alertDialog: { ...((q = e.components) == null ? void 0 : q.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 n = typeof t == "function" ? t(e) : t;
+  return i(e, n);
+}
+function ke({ tokens: e, children: t, storageKey: n = "editora.theme.tokens" }) {
+  const p = se(null), c = e && Object.keys(e).length ? e : null, m = () => {
+    if (typeof window < "u" && n)
+      try {
+        const o = localStorage.getItem(n);
+        if (o) {
+          const l = JSON.parse(o);
+          return i(u, l);
+        }
+      } catch {
+      }
+    if (c)
+      return i(u, c);
+    if (typeof window < "u") {
+      const o = ye();
+      if (o.colors && o.colors.primary)
+        return i(u, o);
+    }
+    return i(u, c || {});
+  }, [r, s] = ue(() => m());
+  d(() => {
+    c && s((o) => {
+      const l = i(u, c);
+      return JSON.stringify(o) === JSON.stringify(l) ? o : l;
+    });
+  }, [c]), fe(() => {
+    typeof document < "u" && le(r, document);
+    const o = p.current;
+    o && le(r, o);
+  }, [r]), d(() => {
+    if (!(typeof window > "u" || !n))
+      try {
+        localStorage.setItem(n, JSON.stringify(r));
+      } catch {
+      }
+  }, [r, n]);
+  const a = me(
+    () => ({
+      tokens: r,
+      setTokens: (o) => {
+        s((l) => ge(l, o));
+      }
+    }),
+    [r]
+  );
+  return /* @__PURE__ */ ce.createElement(ie.Provider, { value: a }, /* @__PURE__ */ ce.createElement("div", { ref: p, style: { display: "contents" } }, t));
+}
+function xe() {
+  const e = ae(ie);
+  if (!e)
+    throw new Error("useTheme must be used within ThemeProvider");
+  return e;
+}
+export {
+  ke as ThemeProvider,
+  ke as default,
+  xe as useTheme
+};

package/dist/TimePicker.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const Q=require("react"),t=require("./_internals-5a21394b.js"),U=r=>r&&r.__esModule?r:{default:r},u=U(Q),f=u.default.forwardRef(function({value:d,defaultValue:S,open:o,defaultOpen:g,format:s,step:m,seconds:p,stepSeconds:k,min:B,max:_,disabled:E,readOnly:T,required:P,name:v,clearable:D,allowInput:R,mode:n,label:M,hint:N,error:q,locale:w,translations:j,variant:c,onInput:l,onChange:b,onValueChange:y,onOpen:z,onClose:F,onInvalid:a,children:G,...J},K){const A=t.useForwardedHostRef(K),H=u.default.useCallback(e=>{const i=t.getCustomEventDetail(e);i&&(l==null||l(i))},[l]),L=u.default.useCallback(e=>{const i=t.getCustomEventDetail(e);i&&(b==null||b(i),y==null||y(i.value))},[b,y]),x=u.default.useCallback(e=>{const i=t.getCustomEventDetail(e);i&&(a==null||a(i))},[a]);return t.useElementEventListeners(A,[{type:"input",listener:H},{type:"change",listener:L},{type:"open",listener:z},{type:"close",listener:F},{type:"invalid",listener:x}],[H,L,z,F,x]),t.useElementAttributes(A,e=>{t.syncStringAttribute(e,"value",d??null),t.syncStringAttribute(e,"default-value",S??null),typeof o=="boolean"?t.syncBooleanAttribute(e,"open",o):t.syncStringAttribute(e,"open",null),t.syncBooleanAttribute(e,"default-open",g),t.syncStringAttribute(e,"format",s&&s!=="24h"?s:null),t.syncNumberAttribute(e,"step",m),t.syncBooleanAttribute(e,"seconds",p),t.syncNumberAttribute(e,"step-seconds",k),t.syncStringAttribute(e,"min",B??null),t.syncStringAttribute(e,"max",_??null),t.syncBooleanAttribute(e,"disabled",E),t.syncBooleanAttribute(e,"readonly",T),t.syncBooleanAttribute(e,"required",P),t.syncStringAttribute(e,"name",v??null),t.syncBooleanAttribute(e,"clearable",D),t.syncBooleanAttribute(e,"allow-input",R),t.syncStringAttribute(e,"mode",n&&n!=="popover"?n:null),t.syncStringAttribute(e,"label",M??null),t.syncStringAttribute(e,"hint",N??null),t.syncStringAttribute(e,"error",q??null),t.syncStringAttribute(e,"locale",w??null),t.syncStringAttribute(e,"translations",t.serializeTranslations(j)),t.syncStringAttribute(e,"variant",c&&c!=="default"?c:null)},[d,S,o,g,s,m,p,k,B,_,E,T,P,v,D,R,n,M,N,q,w,j,c]),u.default.createElement("ui-time-picker",{ref:A,...J},G)});f.displayName="TimePicker";exports.TimePicker=f;exports.default=f;

package/dist/TimePicker.esm.js

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

package/dist/Timeline.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"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,34 @@
+'use client';
+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,2 @@
+'use client';
+"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,58 @@
+'use client';
+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,2 @@
+'use client';
+"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;

package/dist/ToastAPI.esm.js

@@ -0,0 +1,73 @@
+'use client';
+import i, { createContext as l, useEffect as o, useMemo as c, useContext as f } from "react";
+import { toastAdvanced as r } from "@editora/toast";
+import { toastAdvanced as A, default as P, toastPro as T } from "@editora/toast";
+function n(e) {
+  if (!e)
+    return {};
+  const t = { ...e };
+  return t.type != null && t.level == null && (t.level = t.type), delete t.type, t;
+}
+function p(e, t = {}) {
+  return r.show({
+    message: e,
+    level: "info",
+    ...n(t)
+  });
+}
+const u = {
+  show(e, t = {}) {
+    return r.show({ message: e, ...n(t) });
+  },
+  success(e, t = {}) {
+    return r.success(e, n(t));
+  },
+  error(e, t = {}) {
+    return r.error(e, n(t));
+  },
+  warning(e, t = {}) {
+    return r.warning(e, n(t));
+  },
+  info(e, t = {}) {
+    return r.info(e, n(t));
+  },
+  loading(e, t = {}) {
+    return r.loading(e, n(t));
+  },
+  dismiss(e) {
+    return r.dismiss(String(e));
+  },
+  clear() {
+    return r.clear();
+  },
+  configure(e) {
+    return r.configure(e);
+  }
+}, s = l(null);
+function v({ config: e } = {}) {
+  return o(() => {
+    e && r.configure(e);
+  }, [e]), null;
+}
+function g({ children: e, config: t }) {
+  o(() => {
+    t && r.configure(t);
+  }, [t]);
+  const a = c(() => u, []);
+  return /* @__PURE__ */ i.createElement(s.Provider, { value: a }, e);
+}
+function x() {
+  const e = f(s);
+  return e || u;
+}
+export {
+  v as ToastAPI,
+  g as ToastProvider,
+  v as default,
+  p as toast,
+  A as toastAdvanced,
+  u as toastApi,
+  P as toastLegacy,
+  T as toastPro,
+  x as useToast
+};

package/dist/Toggle.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),t=require("./_internals-5a21394b.js"),w=u=>u&&u.__esModule?u:{default:u},d=w(q),g=d.default.forwardRef(function({children:H,pressed:f,disabled:y,loading:A,headless:S,size:r,variant:n,tone:i,shape:s,elevation:c,name:m,value:_,required:E,iconOn:B,iconOff:T,onInput:a,onChange:o,...M},k){const b=t.useForwardedHostRef(k),R=d.default.useCallback(e=>{const l=t.getCustomEventDetail(e);l&&(a==null||a(l))},[a]),D=d.default.useCallback(e=>{const l=t.getCustomEventDetail(e);l&&(o==null||o(l))},[o]);return t.useElementEventListeners(b,[{type:"input",listener:R},{type:"change",listener:D}],[R,D]),t.useElementAttributes(b,e=>{t.syncBooleanAttribute(e,"pressed",f),t.syncBooleanAttribute(e,"disabled",y),t.syncBooleanAttribute(e,"loading",A),t.syncBooleanAttribute(e,"headless",S),t.syncBooleanAttribute(e,"required",E),t.syncStringAttribute(e,"size",r&&r!=="md"?r:null),t.syncStringAttribute(e,"variant",n&&n!=="default"?n:null),t.syncStringAttribute(e,"tone",i&&i!=="brand"?i:null),t.syncStringAttribute(e,"shape",s&&s!=="default"?s:null),t.syncStringAttribute(e,"elevation",c&&c!=="default"?c:null),t.syncStringAttribute(e,"name",m||null),t.syncStringAttribute(e,"value",_||null),t.syncStringAttribute(e,"icon-on",B||null),t.syncStringAttribute(e,"icon-off",T||null)},[f,y,A,S,E,r,n,i,s,c,m,_,B,T]),d.default.createElement("ui-toggle",{ref:b,...M},H)});g.displayName="Toggle";exports.Toggle=g;exports.default=g;

package/dist/Toggle.esm.js

@@ -0,0 +1,46 @@
+'use client';
+import n from "react";
+import { c as D, g as _, u as F, a as L, b as e, s as l } from "./_internals-d86cc997.mjs";
+const N = n.forwardRef(function({
+  children: p,
+  pressed: o,
+  disabled: g,
+  loading: b,
+  headless: y,
+  size: u,
+  variant: r,
+  tone: a,
+  shape: c,
+  elevation: d,
+  name: E,
+  value: A,
+  required: H,
+  iconOn: R,
+  iconOff: T,
+  onInput: f,
+  onChange: i,
+  ...x
+}, B) {
+  const m = D(B), k = n.useCallback((t) => {
+    const s = _(t);
+    s && (f == null || f(s));
+  }, [f]), w = n.useCallback((t) => {
+    const s = _(t);
+    s && (i == null || i(s));
+  }, [i]);
+  return F(
+    m,
+    [
+      { type: "input", listener: k },
+      { type: "change", listener: w }
+    ],
+    [k, w]
+  ), L(m, (t) => {
+    e(t, "pressed", o), e(t, "disabled", g), e(t, "loading", b), e(t, "headless", y), e(t, "required", H), l(t, "size", u && u !== "md" ? u : null), l(t, "variant", r && r !== "default" ? r : null), l(t, "tone", a && a !== "brand" ? a : null), l(t, "shape", c && c !== "default" ? c : null), l(t, "elevation", d && d !== "default" ? d : null), l(t, "name", E || null), l(t, "value", A || null), l(t, "icon-on", R || null), l(t, "icon-off", T || null);
+  }, [o, g, b, y, H, u, r, a, c, d, E, A, R, T]), n.createElement("ui-toggle", { ref: m, ...x }, p);
+});
+N.displayName = "Toggle";
+export {
+  N as Toggle,
+  N as default
+};

package/dist/ToggleGroup.cjs.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./ToggleGroup-4e0917a9.js");require("react");exports.ToggleGroup=e.ToggleGroup;
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),a=require("./Toggle.cjs.js");require("./_internals-5a21394b.js");const j=c=>c&&c.__esModule?c:{default:c},R=j(o),B=typeof window<"u"?o.useLayoutEffect:o.useEffect,v=R.default.forwardRef(function(_,f){return R.default.createElement(a.Toggle,{ref:f,..._})});v.displayName="ToggleGroup.Item";const H=R.default.forwardRef(function({children:_,value:f,multiple:b,disabled:A,headless:L,orientation:d,variant:i,size:n,density:g,shape:m,elevation:p,allowEmpty:w,required:S,activation:T,onInput:y,onChange:E,onValueChange:s,...N},O){const G=o.useRef(null);return o.useImperativeHandle(O,()=>G.current),o.useEffect(()=>{const r=G.current;if(!r)return;const e=l=>{const t=l.detail;t&&(y==null||y(t),s==null||s(t))},u=l=>{const t=l.detail;t&&(E==null||E(t),s==null||s(t))};return r.addEventListener("input",e),r.addEventListener("change",u),()=>{r.removeEventListener("input",e),r.removeEventListener("change",u)}},[y,E,s]),B(()=>{const r=G.current;if(!r)return;const e=(l,t)=>{const q=r.getAttribute(l);if(t==null){q!=null&&r.removeAttribute(l);return}q!==t&&r.setAttribute(l,t)},u=(l,t)=>{t?e(l,""):e(l,null)};u("multiple",b),u("disabled",A),u("headless",L),u("allow-empty",w),u("required",S),f==null?e("value",null):Array.isArray(f)?e("value",JSON.stringify(f)):e("value",String(f)),e("orientation",d&&d!=="horizontal"?d:null),e("variant",i&&i!=="default"?i:null),e("size",n&&n!=="md"?n:null),e("density",g&&g!=="default"?g:null),e("shape",m&&m!=="default"?m:null),e("elevation",p&&p!=="default"?p:null),e("activation",T&&T!=="auto"?T:null)},[f,b,A,L,w,S,d,i,n,g,m,p,T]),R.default.createElement("ui-toggle-group",{ref:G,...N},_)});H.displayName="ToggleGroup";const M=Object.assign(H,{Item:v});exports.ToggleGroup=M;exports.default=M;

package/dist/ToggleGroup.esm.js

@@ -1,5 +1,68 @@
-import { a } from "./ToggleGroup-5ef6a876.mjs";
-import "react";
+'use client';
+import T, { useRef as B, useImperativeHandle as I, useEffect as N, useLayoutEffect as J } from "react";
+import { Toggle as k } from "./Toggle.esm.js";
+import "./_internals-d86cc997.mjs";
+const q = typeof window < "u" ? J : N, O = T.forwardRef(function(G, f) {
+  return /* @__PURE__ */ T.createElement(k, { ref: f, ...G });
+});
+O.displayName = "ToggleGroup.Item";
+const S = T.forwardRef(function({
+  children: G,
+  value: f,
+  multiple: A,
+  disabled: L,
+  headless: R,
+  orientation: o,
+  variant: s,
+  size: i,
+  density: d,
+  shape: m,
+  elevation: n,
+  allowEmpty: b,
+  required: w,
+  activation: p,
+  onInput: g,
+  onChange: y,
+  onValueChange: c,
+  ...j
+}, v) {
+  const E = B(null);
+  return I(v, () => E.current), N(() => {
+    const e = E.current;
+    if (!e)
+      return;
+    const t = (l) => {
+      const r = l.detail;
+      r && (g == null || g(r), c == null || c(r));
+    }, u = (l) => {
+      const r = l.detail;
+      r && (y == null || y(r), c == null || c(r));
+    };
+    return e.addEventListener("input", t), e.addEventListener("change", u), () => {
+      e.removeEventListener("input", t), e.removeEventListener("change", u);
+    };
+  }, [g, y, c]), q(() => {
+    const e = E.current;
+    if (!e)
+      return;
+    const t = (l, r) => {
+      const H = e.getAttribute(l);
+      if (r == null) {
+        H != null && e.removeAttribute(l);
+        return;
+      }
+      H !== r && e.setAttribute(l, r);
+    }, u = (l, r) => {
+      r ? t(l, "") : t(l, null);
+    };
+    u("multiple", A), u("disabled", L), u("headless", R), u("allow-empty", b), u("required", w), f == null ? t("value", null) : Array.isArray(f) ? t("value", JSON.stringify(f)) : t("value", String(f)), t("orientation", o && o !== "horizontal" ? o : null), t("variant", s && s !== "default" ? s : null), t("size", i && i !== "md" ? i : null), t("density", d && d !== "default" ? d : null), t("shape", m && m !== "default" ? m : null), t("elevation", n && n !== "default" ? n : null), t("activation", p && p !== "auto" ? p : null);
+  }, [f, A, L, R, b, w, o, s, i, d, m, n, p]), T.createElement("ui-toggle-group", { ref: E, ...j }, G);
+});
+S.displayName = "ToggleGroup";
+const M = Object.assign(S, {
+  Item: O
+});
 export {
-  a as ToggleGroup
+  M as ToggleGroup,
+  M as default
 };

package/dist/Toolbar.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),R=l=>l&&l.__esModule?l:{default:l},T=R(o),g=typeof window<"u"?o.useLayoutEffect:o.useEffect,b=T.default.forwardRef(function({children:m,orientation:r,variant:f,size:n,density:c,wrap:p,loop:a,headless:_,...A},E){const d=o.useRef(null);return o.useImperativeHandle(E,()=>d.current),g(()=>{const s=d.current;if(!s)return;const e=(t,u)=>{const y=s.getAttribute(t);if(u==null){y!=null&&s.removeAttribute(t);return}y!==u&&s.setAttribute(t,u)},i=(t,u)=>{u?e(t,""):e(t,null)};e("orientation",r&&r!=="horizontal"?r:null),e("variant",f&&f!=="default"?f:null),e("size",n&&n!=="md"?n:null),e("density",c&&c!=="default"?c:null),i("wrap",p),typeof a=="boolean"?i("loop",a):e("loop",null),i("headless",_)},[r,f,n,c,p,a,_]),T.default.createElement("ui-toolbar",{ref:d,...A},m)});b.displayName="Toolbar";exports.Toolbar=b;exports.default=b;

package/dist/Toolbar.esm.js

@@ -0,0 +1,36 @@
+'use client';
+import p, { useRef as E, useImperativeHandle as w, useLayoutEffect as R, useEffect as T } from "react";
+const h = typeof window < "u" ? R : T, I = p.forwardRef(function({
+  children: m,
+  orientation: u,
+  variant: o,
+  size: r,
+  density: f,
+  wrap: d,
+  loop: c,
+  headless: b,
+  ...y
+}, A) {
+  const s = E(null);
+  return w(A, () => s.current), h(() => {
+    const n = s.current;
+    if (!n)
+      return;
+    const e = (t, l) => {
+      const i = n.getAttribute(t);
+      if (l == null) {
+        i != null && n.removeAttribute(t);
+        return;
+      }
+      i !== l && n.setAttribute(t, l);
+    }, a = (t, l) => {
+      l ? e(t, "") : e(t, null);
+    };
+    e("orientation", u && u !== "horizontal" ? u : null), e("variant", o && o !== "default" ? o : null), e("size", r && r !== "md" ? r : null), e("density", f && f !== "default" ? f : null), a("wrap", d), typeof c == "boolean" ? a("loop", c) : e("loop", null), a("headless", b);
+  }, [u, o, r, f, d, c, b]), p.createElement("ui-toolbar", { ref: s, ...y }, m);
+});
+I.displayName = "Toolbar";
+export {
+  I as Toolbar,
+  I as default
+};

package/dist/Tooltip.cjs.js

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),I=o=>o&&o.__esModule?o:{default:o},R=I(n),j=typeof window<"u"?n.useLayoutEffect:n.useEffect,L=R.default.forwardRef(function({children:w,text:_,placement:S,open:T,disabled:g,headless:A,variant:c,size:s,tone:f,delay:d,closeDelay:a,trigger:H,offset:b,interactive:N,arrow:y,onOpen:m,onClose:p,onOpenChange:v,...F},M){const E=n.useRef(null);return n.useImperativeHandle(M,()=>E.current),n.useEffect(()=>{const t=E.current;if(!t)return;const e=()=>{m==null||m()},r=()=>{p==null||p()},u=l=>{const i=l.detail;i&&typeof i.open=="boolean"&&(v==null||v(i.open))};return t.addEventListener("open",e),t.addEventListener("close",r),t.addEventListener("change",u),()=>{t.removeEventListener("open",e),t.removeEventListener("close",r),t.removeEventListener("change",u)}},[m,p,v]),j(()=>{const t=E.current;if(!t)return;const e=(u,l)=>{const i=t.getAttribute(u);if(l==null){i!=null&&t.removeAttribute(u);return}i!==l&&t.setAttribute(u,l)},r=(u,l)=>{l?e(u,""):e(u,null)};e("text",_||null),e("placement",S||null),r("open",T),r("disabled",g),r("headless",A),e("variant",c&&c!=="default"?c:null),e("size",s&&s!=="md"?s:null),e("tone",f&&f!=="default"?f:null),e("delay",typeof d=="number"&&Number.isFinite(d)?String(d):null),e("close-delay",typeof a=="number"&&Number.isFinite(a)?String(a):null),e("trigger",H||null),e("offset",typeof b=="number"&&Number.isFinite(b)?String(b):null),r("interactive",N),typeof y=="boolean"?e("arrow",y?"true":"false"):e("arrow",null)},[_,S,T,g,A,c,s,f,d,a,H,b,N,y]),R.default.createElement("ui-tooltip",{ref:E,...F},w)});L.displayName="Tooltip";exports.Tooltip=L;exports.default=L;