@editora/ui-react 0.1.5 → 0.1.7

package/dist/Switch.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),q=i=>i&&i.__esModule?i:{default:i},E=q(n),B=typeof window<"u"?n.useLayoutEffect:n.useEffect,M=E.default.forwardRef(function({children:S,checked:r,disabled:h,headless:y,loading:b,size:s,variant:f,tone:o,shape:d,elevation:a,label:_,description:v,name:L,value:R,required:D,onInput:w,onChange:m,...N},O){const p=n.useRef(null);return n.useImperativeHandle(O,()=>p.current),n.useEffect(()=>{const l=p.current;if(!l)return;const e=c=>{const t=c.detail;t&&(w==null||w(t))},u=c=>{const t=c.detail;t&&(m==null||m(t))};return l.addEventListener("input",e),l.addEventListener("change",u),()=>{l.removeEventListener("input",e),l.removeEventListener("change",u)}},[w,m]),B(()=>{const l=p.current;if(!l)return;const e=(c,t)=>{const A=l.getAttribute(c);if(t==null){A!=null&&l.removeAttribute(c);return}A!==t&&l.setAttribute(c,t)},u=(c,t)=>{t?e(c,""):e(c,null)};u("checked",r),u("disabled",h),u("headless",y),u("loading",b),u("required",D),e("size",s&&s!=="md"?s:null),e("variant",f&&f!=="default"?f:null),e("tone",o&&o!=="brand"?o:null),e("label",_||null),e("description",v||null),e("name",L||null),e("value",R||null),e("shape",d&&d!=="pill"?d:null),e("elevation",a&&a!=="low"?a:null)},[r,h,y,b,D,s,f,o,d,a,_,v,L,R]),E.default.createElement("ui-switch",{ref:p,...N},S)});M.displayName="Switch";const g=E.default.forwardRef(function({...S},r){return E.default.createElement("span",{ref:r,slot:"description",...S})});g.displayName="Switch.Description";const j=Object.assign(M,{Description:g});exports.Switch=j;exports.default=j;

package/dist/Switch.d.ts

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

package/dist/Switch.d.ts.map

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

package/dist/Switch.esm.js

@@ -0,0 +1,67 @@
+import m, { useRef as O, useImperativeHandle as g, useEffect as D, useLayoutEffect as k } from "react";
+const q = typeof window < "u" ? k : D, N = m.forwardRef(function({
+  children: p,
+  checked: n,
+  disabled: E,
+  headless: h,
+  loading: y,
+  size: r,
+  variant: u,
+  tone: s,
+  shape: f,
+  elevation: o,
+  label: S,
+  description: L,
+  name: b,
+  value: R,
+  required: v,
+  onInput: d,
+  onChange: a,
+  ...B
+}, H) {
+  const w = O(null);
+  return g(H, () => w.current), D(() => {
+    const l = w.current;
+    if (!l)
+      return;
+    const e = (c) => {
+      const t = c.detail;
+      t && (d == null || d(t));
+    }, i = (c) => {
+      const t = c.detail;
+      t && (a == null || a(t));
+    };
+    return l.addEventListener("input", e), l.addEventListener("change", i), () => {
+      l.removeEventListener("input", e), l.removeEventListener("change", i);
+    };
+  }, [d, a]), q(() => {
+    const l = w.current;
+    if (!l)
+      return;
+    const e = (c, t) => {
+      const A = l.getAttribute(c);
+      if (t == null) {
+        A != null && l.removeAttribute(c);
+        return;
+      }
+      A !== t && l.setAttribute(c, t);
+    }, i = (c, t) => {
+      t ? e(c, "") : e(c, null);
+    };
+    i("checked", n), i("disabled", E), i("headless", h), i("loading", y), i("required", v), e("size", r && r !== "md" ? r : null), e("variant", u && u !== "default" ? u : null), e("tone", s && s !== "brand" ? s : null), e("label", S || null), e("description", L || null), e("name", b || null), e("value", R || null), e("shape", f && f !== "pill" ? f : null), e("elevation", o && o !== "low" ? o : null);
+  }, [n, E, h, y, v, r, u, s, f, o, S, L, b, R]), m.createElement("ui-switch", { ref: w, ...B }, p);
+});
+N.displayName = "Switch";
+const _ = m.forwardRef(
+  function({ ...p }, n) {
+    return m.createElement("span", { ref: n, slot: "description", ...p });
+  }
+);
+_.displayName = "Switch.Description";
+const G = Object.assign(N, {
+  Description: _
+});
+export {
+  G as Switch,
+  G as default
+};

package/dist/Tabs.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("react"),B=u=>u&&u.__esModule?u:{default:u},n=B(f),D=typeof window<"u"?f.useLayoutEffect:f.useEffect,N=n.default.forwardRef(function({children:d,selected:r,value:i,orientation:s,activation:a,variant:b,size:T,density:m,tone:E,stretched:P,shape:y,elevation:R,loop:v,bare:A,headless:L,onChange:_,onTabChange:p,...O},q){const w=f.useRef(null);return f.useImperativeHandle(q,()=>w.current),f.useEffect(()=>{const l=w.current;if(!l)return;const e=c=>{const t=c.detail;t&&(_==null||_(t.index),p==null||p(t))};return l.addEventListener("change",e),()=>{l.removeEventListener("change",e)}},[_,p]),D(()=>{const l=w.current;if(!l)return;const e=(t,o)=>{const M=l.getAttribute(t);if(o==null){M!=null&&l.removeAttribute(t);return}M!==o&&l.setAttribute(t,o)},c=(t,o)=>{o?e(t,""):e(t,null)};e("selected",r!=null?String(r):null),e("value",i||null),e("orientation",s&&s!=="horizontal"?s:null),e("activation",a&&a!=="auto"?a:null),e("variant",b&&b!=="default"?b:null),e("size",T&&T!=="md"?T:null),e("density",m&&m!=="default"?m:null),e("tone",E&&E!=="brand"?E:null),e("shape",y&&y!=="rounded"?y:null),e("elevation",R&&R!=="low"?R:null),e("loop",v===!1?"false":v===!0?"":null),c("stretched",P),c("bare",A),c("headless",L)},[r,i,s,a,b,T,m,E,P,y,R,v,A,L]),n.default.createElement("ui-tabs",{ref:w,...O},d)});N.displayName="Tabs";const S=n.default.forwardRef(function({value:d,icon:r,disabled:i,...s},a){return n.default.createElement("div",{ref:a,slot:"tab","data-value":d,"data-icon":r,"data-disabled":i?"true":void 0,...s})});S.displayName="Tabs.Tab";const j=n.default.forwardRef(function({...d},r){return n.default.createElement("div",{ref:r,slot:"panel",...d})});j.displayName="Tabs.Panel";const I=Object.assign(N,{Tab:S,Panel:j});exports.Tabs=I;exports.default=I;

package/dist/Tabs.d.ts

@@ -0,0 +1,3 @@
+export { Tabs, default } from './components/Tabs';
+export type { TabsProps, TabsTabProps, TabsPanelProps } from './components/Tabs';
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/Tabs.d.ts.map

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

package/dist/Tabs.esm.js

@@ -0,0 +1,78 @@
+import n, { useRef as S, useImperativeHandle as k, useEffect as I, useLayoutEffect as q } from "react";
+const x = typeof window < "u" ? q : I, _ = n.forwardRef(function({
+  children: f,
+  selected: u,
+  value: d,
+  orientation: r,
+  activation: s,
+  variant: o,
+  size: i,
+  density: b,
+  tone: m,
+  stretched: L,
+  shape: T,
+  elevation: E,
+  loop: R,
+  bare: P,
+  headless: v,
+  onChange: p,
+  onTabChange: w,
+  ...H
+}, O) {
+  const y = S(null);
+  return k(O, () => y.current), I(() => {
+    const e = y.current;
+    if (!e)
+      return;
+    const t = (a) => {
+      const l = a.detail;
+      l && (p == null || p(l.index), w == null || w(l));
+    };
+    return e.addEventListener("change", t), () => {
+      e.removeEventListener("change", t);
+    };
+  }, [p, w]), x(() => {
+    const e = y.current;
+    if (!e)
+      return;
+    const t = (l, c) => {
+      const N = e.getAttribute(l);
+      if (c == null) {
+        N != null && e.removeAttribute(l);
+        return;
+      }
+      N !== c && e.setAttribute(l, c);
+    }, a = (l, c) => {
+      c ? t(l, "") : t(l, null);
+    };
+    t("selected", u != null ? String(u) : null), t("value", d || null), t("orientation", r && r !== "horizontal" ? r : null), t("activation", s && s !== "auto" ? s : null), t("variant", o && o !== "default" ? o : null), t("size", i && i !== "md" ? i : null), t("density", b && b !== "default" ? b : null), t("tone", m && m !== "brand" ? m : null), t("shape", T && T !== "rounded" ? T : null), t("elevation", E && E !== "low" ? E : null), t("loop", R === !1 ? "false" : R === !0 ? "" : null), a("stretched", L), a("bare", P), a("headless", v);
+  }, [u, d, r, s, o, i, b, m, L, T, E, R, P, v]), n.createElement("ui-tabs", { ref: y, ...H }, f);
+});
+_.displayName = "Tabs";
+const j = n.forwardRef(
+  function({ value: f, icon: u, disabled: d, ...r }, s) {
+    return n.createElement("div", {
+      ref: s,
+      slot: "tab",
+      "data-value": f,
+      "data-icon": u,
+      "data-disabled": d ? "true" : void 0,
+      ...r
+    });
+  }
+);
+j.displayName = "Tabs.Tab";
+const B = n.forwardRef(
+  function({ ...f }, u) {
+    return n.createElement("div", { ref: u, slot: "panel", ...f });
+  }
+);
+B.displayName = "Tabs.Panel";
+const F = Object.assign(_, {
+  Tab: j,
+  Panel: B
+});
+export {
+  F as Tabs,
+  F as default
+};

package/dist/Textarea.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),$=u=>u&&u.__esModule?u:{default:u},f=$(d),h=typeof window<"u"?d.useLayoutEffect:d.useEffect,K=f.default.forwardRef(function({value:n,onChange:l,onInput:m,onDebouncedInput:E,onClear:p,clearable:N,debounce:T,validation:b,size:o,minlength:S,maxlength:g,rows:_,readOnly:w,autofocus:A,disabled:M,name:j,required:q,placeholder:B,resize:F,variant:v,color:O,radius:R,label:P,description:k,autosize:D,maxRows:H,showCount:G,density:L,tone:y,headless:J,children:X,...Y},Z){const x=d.useRef(null);return d.useImperativeHandle(Z,()=>x.current),d.useEffect(()=>{const t=x.current;if(!t)return;const e=s=>{const c=s.detail;c&&(m==null||m(c.value))},r=s=>{const c=s.detail;c&&(l==null||l(c.value))},a=s=>{const c=s.detail;c&&(E==null||E(c.value))},i=()=>p==null?void 0:p();return t.addEventListener("input",e),t.addEventListener("change",r),t.addEventListener("debounced-input",a),t.addEventListener("clear",i),()=>{t.removeEventListener("input",e),t.removeEventListener("change",r),t.removeEventListener("debounced-input",a),t.removeEventListener("clear",i)}},[l,m,E,p]),h(()=>{const t=x.current;if(!t)return;const e=(a,i)=>{const s=t.getAttribute(a);if(i==null){s!=null&&t.removeAttribute(a);return}s!==i&&t.setAttribute(a,i)},r=(a,i)=>{i?e(a,""):e(a,null)};e("value",n!=null?String(n):null),r("clearable",N),r("readonly",w),r("autofocus",A),r("disabled",M),r("required",q),r("autosize",D),r("show-count",G),r("headless",J),e("debounce",typeof T=="number"&&Number.isFinite(T)?String(T):null),e("validation",b&&b!=="none"?b:null),e("size",o&&o!=="md"&&o!=="2"?String(o):null),e("minlength",typeof S=="number"?String(S):null),e("maxlength",typeof g=="number"?String(g):null),e("rows",typeof _=="number"?String(_):null),e("name",j||null),e("placeholder",B||null),e("resize",F||null),e("variant",v&&v!=="classic"?v:null),e("color",O||null),e("radius",R?String(R):null),e("label",P||null),e("description",k||null),e("max-rows",typeof H=="number"?String(H):null),e("density",L&&L!=="default"?L:null),e("tone",y&&y!=="brand"?y:null)},[n,N,T,b,o,S,g,_,w,A,M,j,q,B,F,v,O,R,P,k,D,H,G,L,y,J]),f.default.createElement("ui-textarea",{ref:x,...Y},X)});K.displayName="Textarea";const Q=f.default.forwardRef(function({...n},l){return f.default.createElement("span",{ref:l,slot:"label",...n})});Q.displayName="Textarea.Label";const U=f.default.forwardRef(function({...n},l){return f.default.createElement("span",{ref:l,slot:"description",...n})});U.displayName="Textarea.Description";const V=f.default.forwardRef(function({...n},l){return f.default.createElement("span",{ref:l,slot:"error",...n})});V.displayName="Textarea.Error";const W=Object.assign(K,{Label:Q,Description:U,Error:V});exports.Textarea=W;exports.default=W;

package/dist/Textarea.d.ts

@@ -0,0 +1,3 @@
+export { Textarea, default } from './components/Textarea';
+export type { TextareaProps, TextareaLabelProps, TextareaDescriptionProps, TextareaErrorProps } from './components/Textarea';
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../src/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAC1D,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/Textarea.esm.js

@@ -0,0 +1,125 @@
+import c, { useRef as $, useImperativeHandle as D, useEffect as P, useLayoutEffect as h } from "react";
+const z = typeof window < "u" ? h : P, Q = c.forwardRef(function({
+  value: n,
+  onChange: l,
+  onInput: o,
+  onDebouncedInput: d,
+  onClear: m,
+  clearable: R,
+  debounce: E,
+  validation: p,
+  size: f,
+  minlength: x,
+  maxlength: S,
+  rows: g,
+  readOnly: w,
+  autofocus: A,
+  disabled: _,
+  name: j,
+  required: B,
+  placeholder: F,
+  resize: k,
+  variant: L,
+  color: q,
+  radius: H,
+  label: G,
+  description: J,
+  autosize: K,
+  maxRows: N,
+  showCount: M,
+  density: T,
+  tone: b,
+  headless: O,
+  children: X,
+  ...Y
+}, Z) {
+  const v = $(null);
+  return D(Z, () => v.current), P(() => {
+    const t = v.current;
+    if (!t)
+      return;
+    const e = (u) => {
+      const s = u.detail;
+      s && (o == null || o(s.value));
+    }, r = (u) => {
+      const s = u.detail;
+      s && (l == null || l(s.value));
+    }, a = (u) => {
+      const s = u.detail;
+      s && (d == null || d(s.value));
+    }, i = () => m == null ? void 0 : m();
+    return t.addEventListener("input", e), t.addEventListener("change", r), t.addEventListener("debounced-input", a), t.addEventListener("clear", i), () => {
+      t.removeEventListener("input", e), t.removeEventListener("change", r), t.removeEventListener("debounced-input", a), t.removeEventListener("clear", i);
+    };
+  }, [l, o, d, m]), z(() => {
+    const t = v.current;
+    if (!t)
+      return;
+    const e = (a, i) => {
+      const u = t.getAttribute(a);
+      if (i == null) {
+        u != null && t.removeAttribute(a);
+        return;
+      }
+      u !== i && t.setAttribute(a, i);
+    }, r = (a, i) => {
+      i ? e(a, "") : e(a, null);
+    };
+    e("value", n != null ? String(n) : null), r("clearable", R), r("readonly", w), r("autofocus", A), r("disabled", _), r("required", B), r("autosize", K), r("show-count", M), r("headless", O), e("debounce", typeof E == "number" && Number.isFinite(E) ? String(E) : null), e("validation", p && p !== "none" ? p : null), e("size", f && f !== "md" && f !== "2" ? String(f) : null), e("minlength", typeof x == "number" ? String(x) : null), e("maxlength", typeof S == "number" ? String(S) : null), e("rows", typeof g == "number" ? String(g) : null), e("name", j || null), e("placeholder", F || null), e("resize", k || null), e("variant", L && L !== "classic" ? L : null), e("color", q || null), e("radius", H ? String(H) : null), e("label", G || null), e("description", J || null), e("max-rows", typeof N == "number" ? String(N) : null), e("density", T && T !== "default" ? T : null), e("tone", b && b !== "brand" ? b : null);
+  }, [
+    n,
+    R,
+    E,
+    p,
+    f,
+    x,
+    S,
+    g,
+    w,
+    A,
+    _,
+    j,
+    B,
+    F,
+    k,
+    L,
+    q,
+    H,
+    G,
+    J,
+    K,
+    N,
+    M,
+    T,
+    b,
+    O
+  ]), c.createElement("ui-textarea", { ref: v, ...Y }, X);
+});
+Q.displayName = "Textarea";
+const U = c.forwardRef(
+  function({ ...n }, l) {
+    return c.createElement("span", { ref: l, slot: "label", ...n });
+  }
+);
+U.displayName = "Textarea.Label";
+const V = c.forwardRef(
+  function({ ...n }, l) {
+    return c.createElement("span", { ref: l, slot: "description", ...n });
+  }
+);
+V.displayName = "Textarea.Description";
+const W = c.forwardRef(
+  function({ ...n }, l) {
+    return c.createElement("span", { ref: l, slot: "error", ...n });
+  }
+);
+W.displayName = "Textarea.Error";
+const C = Object.assign(Q, {
+  Label: U,
+  Description: V,
+  Error: W
+});
+export {
+  C as Textarea,
+  C as default
+};

package/dist/ToggleGroup-4e0917a9.js

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

package/dist/ToggleGroup-5ef6a876.mjs

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

package/dist/ToggleGroup.cjs.js

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

package/dist/ToggleGroup.d.ts

@@ -0,0 +1,3 @@
+export { ToggleGroup } from './components/ToggleGroup';
+export type { ToggleGroupProps, ToggleGroupItemProps } from './components/ToggleGroup';
+//# sourceMappingURL=ToggleGroup.d.ts.map

package/dist/ToggleGroup.d.ts.map

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

package/dist/ToggleGroup.esm.js

@@ -0,0 +1,5 @@
+import { a } from "./ToggleGroup-5ef6a876.mjs";
+import "react";
+export {
+  a as ToggleGroup
+};

package/dist/Tree.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react"),T=i=>i&&i.__esModule?i:{default:i},n=T(r),p=typeof window<"u"?r.useLayoutEffect:r.useEffect,A=n.default.forwardRef(function({children:v,value:a,label:f,expanded:u,selected:s,disabled:d,prefix:m,suffix:l,...e},b){const c=r.useRef(null);return r.useImperativeHandle(b,()=>c.current),p(()=>{const t=c.current;t&&(t.setAttribute("value",a),u?t.setAttribute("expanded",""):t.removeAttribute("expanded"),s?t.setAttribute("selected",""):t.removeAttribute("selected"),d?t.setAttribute("disabled",""):t.removeAttribute("disabled"))},[a,u,s,d]),n.default.createElement("ui-tree-item",{ref:c,...e},m!=null?n.default.createElement("span",{slot:"prefix"},m):null,f!=null?n.default.createElement("span",{slot:"label"},f):null,l!=null?n.default.createElement("span",{slot:"suffix"},l):null,v)});A.displayName="Tree.Item";const E=n.default.forwardRef(function({children:v,value:a,indentSize:f,onSelect:u,onExpandedChange:s,...d},m){const l=r.useRef(null);return r.useImperativeHandle(m,()=>l.current),r.useEffect(()=>{const e=l.current;if(!e)return;const b=t=>{const o=t.detail;o&&(u==null||u(o))},c=t=>{const o=t.detail;o&&(s==null||s(o))};return e.addEventListener("select",b),e.addEventListener("expanded-change",c),()=>{e.removeEventListener("select",b),e.removeEventListener("expanded-change",c)}},[u,s]),p(()=>{const e=l.current;e&&(a?e.setAttribute("value",a):e.removeAttribute("value"),f?e.setAttribute("indent-size",f):e.removeAttribute("indent-size"))},[a,f]),n.default.createElement("ui-tree",{ref:l,...d},v)});E.displayName="Tree";const R=Object.assign(E,{Item:A});exports.Tree=R;

package/dist/Tree.d.ts

@@ -0,0 +1,3 @@
+export { Tree } from './components/Tree';
+export type { TreeProps, TreeItemProps, TreeSelectDetail, TreeExpandedChangeDetail } from './components/Tree';
+//# sourceMappingURL=Tree.d.ts.map

package/dist/Tree.d.ts.map

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

package/dist/Tree.esm.js

@@ -0,0 +1,44 @@
+import i, { useRef as b, useImperativeHandle as v, useEffect as A, useLayoutEffect as L } from "react";
+const p = typeof window < "u" ? L : A, E = i.forwardRef(function({ children: d, value: u, label: l, expanded: r, selected: s, disabled: f, prefix: a, suffix: n, ...e }, m) {
+  const c = b(null);
+  return v(m, () => c.current), p(() => {
+    const t = c.current;
+    t && (t.setAttribute("value", u), r ? t.setAttribute("expanded", "") : t.removeAttribute("expanded"), s ? t.setAttribute("selected", "") : t.removeAttribute("selected"), f ? t.setAttribute("disabled", "") : t.removeAttribute("disabled"));
+  }, [u, r, s, f]), i.createElement(
+    "ui-tree-item",
+    { ref: c, ...e },
+    a != null ? i.createElement("span", { slot: "prefix" }, a) : null,
+    l != null ? i.createElement("span", { slot: "label" }, l) : null,
+    n != null ? i.createElement("span", { slot: "suffix" }, n) : null,
+    d
+  );
+});
+E.displayName = "Tree.Item";
+const T = i.forwardRef(function({ children: d, value: u, indentSize: l, onSelect: r, onExpandedChange: s, ...f }, a) {
+  const n = b(null);
+  return v(a, () => n.current), A(() => {
+    const e = n.current;
+    if (!e)
+      return;
+    const m = (t) => {
+      const o = t.detail;
+      o && (r == null || r(o));
+    }, c = (t) => {
+      const o = t.detail;
+      o && (s == null || s(o));
+    };
+    return e.addEventListener("select", m), e.addEventListener("expanded-change", c), () => {
+      e.removeEventListener("select", m), e.removeEventListener("expanded-change", c);
+    };
+  }, [r, s]), p(() => {
+    const e = n.current;
+    e && (u ? e.setAttribute("value", u) : e.removeAttribute("value"), l ? e.setAttribute("indent-size", l) : e.removeAttribute("indent-size"));
+  }, [u, l]), i.createElement("ui-tree", { ref: n, ...f }, d);
+});
+T.displayName = "Tree";
+const y = Object.assign(T, {
+  Item: E
+});
+export {
+  y as Tree
+};

package/dist/Wizard.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),k=y=>y&&y.__esModule?y:{default:y},L=k(n),G=typeof window<"u"?n.useLayoutEffect:n.useEffect,J=n.createContext({activeValue:void 0,visited:new Set,lazyMount:!1,keepMounted:!1}),Q=L.default.forwardRef(function({children:u,value:b,title:m,description:o,state:v,optional:A,disabled:E,invalid:z,...p},R){const f=n.useRef(null),i=n.useContext(J);n.useImperativeHandle(R,()=>f.current),G(()=>{const r=f.current;r&&(r.setAttribute("data-value",b),m?r.setAttribute("data-title",m):r.removeAttribute("data-title"),o?r.setAttribute("data-description",o):r.removeAttribute("data-description"),v&&v!=="default"?r.setAttribute("data-state",v):r.removeAttribute("data-state"),A?r.setAttribute("data-optional",""):r.removeAttribute("data-optional"),E?r.setAttribute("disabled",""):r.removeAttribute("disabled"),z?r.setAttribute("data-invalid","true"):r.removeAttribute("data-invalid"))},[b,m,o,v,A,E,z]);const w=i.activeValue===b,W=i.visited.has(b),V=!i.lazyMount||w||W,_=i.keepMounted||i.lazyMount;return L.default.createElement("div",{...p,ref:f,slot:"step","data-react-lazy-mounted":_&&(w||W)?"true":"false"},V?u:null)});Q.displayName="Wizard.Step";const U=L.default.forwardRef(function({value:u,linear:b,showStepper:m,stepperPosition:o,hideControls:v,keepMounted:A,lazyMount:E,variant:z,orientation:p,density:R,shape:f,showProgress:i,busy:w,headless:W,title:V,description:_,emptyLabel:r,nextLabel:q,prevLabel:x,finishLabel:K,onBeforeChange:O,onChange:M,onStepChange:S,onBlockedNext:I,onComplete:j,children:X,...Y},Z){const D=n.useRef(null),[T,g]=n.useState(()=>new Set(u?[u]:[]));n.useImperativeHandle(Z,()=>D.current),n.useEffect(()=>{u&&g(t=>{if(t.has(u))return t;const e=new Set(t);return e.add(u),e})},[u]),n.useEffect(()=>{const t=D.current;if(!t)return;const e=s=>{if(!O)return;const l=s.detail;O(l)===!1&&s.preventDefault()},a=s=>{const l=s.detail;l&&(g(H=>{if(H.has(l.value))return H;const F=new Set(H);return F.add(l.value),F}),M==null||M(l))},d=s=>{const l=s.detail;l&&(S==null||S(l))},c=s=>{const l=s.detail;l&&(I==null||I(l))},h=s=>{const l=s.detail;l&&(j==null||j(l))};return t.addEventListener("before-change",e),t.addEventListener("change",a),t.addEventListener("step-change",d),t.addEventListener("blocked-next",c),t.addEventListener("complete",h),()=>{t.removeEventListener("before-change",e),t.removeEventListener("change",a),t.removeEventListener("step-change",d),t.removeEventListener("blocked-next",c),t.removeEventListener("complete",h)}},[O,M,S,I,j]),G(()=>{const t=D.current;if(!t)return;const e=(d,c)=>{const h=t.getAttribute(d);if(c==null){h!=null&&t.removeAttribute(d);return}h!==c&&t.setAttribute(d,c)},a=(d,c)=>{typeof c=="boolean"&&(c?e(d,""):e(d,null))};e("value",u||null),a("linear",b),typeof m=="boolean"?e("show-stepper",m?"true":"false"):e("show-stepper",null),e("stepper-position",o&&o!=="top"?o:null),a("hide-controls",v),a("keep-mounted",A),a("lazy-mount",E),e("variant",z&&z!=="default"?z:null),e("orientation",p&&p!=="horizontal"?p:null),e("density",R&&R!=="default"?R:null),e("shape",f&&f!=="rounded"?f:null),typeof i=="boolean"?e("show-progress",i?"true":"false"):e("show-progress",null),a("busy",w),a("headless",W),e("title",V||null),e("description",_||null),e("empty-label",r||null),e("next-label",q||null),e("prev-label",x||null),e("finish-label",K||null)},[u,b,m,o,v,A,E,z,p,R,f,i,w,W,V,_,r,q,x,K]);const $=n.useMemo(()=>({activeValue:u,visited:T,lazyMount:!!E,keepMounted:!!A}),[u,T,E,A]);return L.default.createElement(J.Provider,{value:$},L.default.createElement("ui-wizard",{ref:D,...Y},X))});U.displayName="Wizard";const B=Object.assign(U,{Step:Q});exports.Wizard=B;

package/dist/Wizard.d.ts

@@ -0,0 +1,3 @@
+export { Wizard } from './components/Wizard';
+export type { WizardProps, WizardStepProps, WizardChangeDetail, WizardBeforeChangeDetail } from './components/Wizard';
+//# sourceMappingURL=Wizard.d.ts.map

package/dist/Wizard.d.ts.map

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