solid-uix 0.3.1 → 0.5.0

package/dist/main.js

@@ -1,499 +1,324 @@
-import { createMemo as N, createRenderEffect as h, untrack as K, sharedConfig as g, mergeProps as $, createContext as R, useContext as X, createUniqueId as B, createSignal as Y, createComponent as O, splitProps as E, Show as p } from "solid-js";
-const J = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], Q = /* @__PURE__ */ new Set(["className", "value", "readOnly", "noValidate", "formNoValidate", "isMap", "noModule", "playsInline", ...J]), W = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), Z = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
-  className: "class",
-  htmlFor: "for"
-}), z = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
-  class: "className",
-  novalidate: {
-    $: "noValidate",
-    FORM: 1
-  },
-  formnovalidate: {
-    $: "formNoValidate",
-    BUTTON: 1,
-    INPUT: 1
-  },
-  ismap: {
-    $: "isMap",
-    IMG: 1
-  },
-  nomodule: {
-    $: "noModule",
-    SCRIPT: 1
-  },
-  playsinline: {
-    $: "playsInline",
-    VIDEO: 1
-  },
-  readonly: {
-    $: "readOnly",
-    INPUT: 1,
-    TEXTAREA: 1
-  }
-});
-function v(s, e) {
-  const t = z[s];
-  return typeof t == "object" ? t[e] ? t.$ : void 0 : t;
-}
-const ee = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), te = (s) => N(() => s());
-function se(s, e, t) {
-  let n = t.length, i = e.length, l = n, c = 0, o = 0, r = e[i - 1].nextSibling, f = null;
-  for (; c < i || o < l; ) {
-    if (e[c] === t[o]) {
-      c++, o++;
-      continue;
-    }
-    for (; e[i - 1] === t[l - 1]; )
-      i--, l--;
-    if (i === c) {
-      const a = l < n ? o ? t[o - 1].nextSibling : t[l - o] : r;
-      for (; o < l; ) s.insertBefore(t[o++], a);
-    } else if (l === o)
-      for (; c < i; )
-        (!f || !f.has(e[c])) && e[c].remove(), c++;
-    else if (e[c] === t[l - 1] && t[o] === e[i - 1]) {
-      const a = e[--i].nextSibling;
-      s.insertBefore(t[o++], e[c++].nextSibling), s.insertBefore(t[--l], a), e[i] = t[l];
-    } else {
-      if (!f) {
-        f = /* @__PURE__ */ new Map();
-        let u = o;
-        for (; u < l; ) f.set(t[u], u++);
-      }
-      const a = f.get(e[c]);
-      if (a != null)
-        if (o < a && a < l) {
-          let u = c, d = 1, y;
-          for (; ++u < i && u < l && !((y = f.get(e[u])) == null || y !== a + d); )
-            d++;
-          if (d > a - o) {
-            const P = e[c];
-            for (; o < a; ) s.insertBefore(t[o++], P);
-          } else s.replaceChild(t[o++], e[c++]);
-        } else c++;
-      else e[c++].remove();
-    }
-  }
-}
-const D = "_$DX_DELEGATE";
-function b(s, e, t, n) {
-  let i;
-  const l = () => {
-    const o = document.createElement("template");
-    return o.innerHTML = s, o.content.firstChild;
-  }, c = () => (i || (i = l())).cloneNode(!0);
-  return c.cloneNode = c, c;
-}
-function ne(s, e = window.document) {
-  const t = e[D] || (e[D] = /* @__PURE__ */ new Set());
-  for (let n = 0, i = s.length; n < i; n++) {
-    const l = s[n];
-    t.has(l) || (t.add(l), e.addEventListener(l, de));
-  }
-}
-function M(s, e, t) {
-  w(s) || (t == null ? s.removeAttribute(e) : s.setAttribute(e, t));
-}
-function ie(s, e, t) {
-  w(s) || (t ? s.setAttribute(e, "") : s.removeAttribute(e));
-}
-function L(s, e) {
-  w(s) || (e == null ? s.removeAttribute("class") : s.className = e);
-}
-function oe(s, e, t, n) {
-  if (n)
-    Array.isArray(t) ? (s[`$$${e}`] = t[0], s[`$$${e}Data`] = t[1]) : s[`$$${e}`] = t;
-  else if (Array.isArray(t)) {
-    const i = t[0];
-    s.addEventListener(e, t[0] = (l) => i.call(s, t[1], l));
-  } else s.addEventListener(e, t, typeof t != "function" && t);
-}
-function le(s, e, t = {}) {
-  const n = Object.keys(e || {}), i = Object.keys(t);
-  let l, c;
-  for (l = 0, c = i.length; l < c; l++) {
-    const o = i[l];
-    !o || o === "undefined" || e[o] || (F(s, o, !1), delete t[o]);
-  }
-  for (l = 0, c = n.length; l < c; l++) {
-    const o = n[l], r = !!e[o];
-    !o || o === "undefined" || t[o] === r || !r || (F(s, o, !0), t[o] = r);
-  }
-  return t;
-}
-function re(s, e, t) {
-  if (!e) return t ? M(s, "style") : e;
-  const n = s.style;
-  if (typeof e == "string") return n.cssText = e;
-  typeof t == "string" && (n.cssText = t = void 0), t || (t = {}), e || (e = {});
-  let i, l;
-  for (l in t)
-    e[l] == null && n.removeProperty(l), delete t[l];
-  for (l in e)
-    i = e[l], i !== t[l] && (n.setProperty(l, i), t[l] = i);
-  return t;
-}
-function x(s, e = {}, t, n) {
-  const i = {};
-  return n || h(() => i.children = C(s, e.children, i.children)), h(() => typeof e.ref == "function" && ce(e.ref, s)), h(() => fe(s, e, t, !0, i, !0)), i;
-}
-function ce(s, e, t) {
-  return K(() => s(e, t));
-}
-function _(s, e, t, n) {
-  if (t !== void 0 && !n && (n = []), typeof e != "function") return C(s, e, n, t);
-  h((i) => C(s, e(), i, t), n);
-}
-function fe(s, e, t, n, i = {}, l = !1) {
-  e || (e = {});
-  for (const c in i)
-    if (!(c in e)) {
-      if (c === "children") continue;
-      i[c] = V(s, c, null, i[c], t, l, e);
-    }
-  for (const c in e) {
-    if (c === "children")
-      continue;
-    const o = e[c];
-    i[c] = V(s, c, o, i[c], t, l, e);
-  }
-}
-function w(s) {
-  return !!g.context && !g.done && (!s || s.isConnected);
-}
-function ae(s) {
-  return s.toLowerCase().replace(/-([a-z])/g, (e, t) => t.toUpperCase());
-}
-function F(s, e, t) {
-  const n = e.trim().split(/\s+/);
-  for (let i = 0, l = n.length; i < l; i++) s.classList.toggle(n[i], t);
-}
-function V(s, e, t, n, i, l, c) {
-  let o, r, f, a, u;
-  if (e === "style") return re(s, t, n);
-  if (e === "classList") return le(s, t, n);
-  if (t === n) return n;
-  if (e === "ref")
-    l || t(s);
-  else if (e.slice(0, 3) === "on:") {
-    const d = e.slice(3);
-    n && s.removeEventListener(d, n, typeof n != "function" && n), t && s.addEventListener(d, t, typeof t != "function" && t);
-  } else if (e.slice(0, 10) === "oncapture:") {
-    const d = e.slice(10);
-    n && s.removeEventListener(d, n, !0), t && s.addEventListener(d, t, !0);
-  } else if (e.slice(0, 2) === "on") {
-    const d = e.slice(2).toLowerCase(), y = ee.has(d);
-    if (!y && n) {
-      const P = Array.isArray(n) ? n[0] : n;
-      s.removeEventListener(d, P);
-    }
-    (y || t) && (oe(s, d, t, y), y && ne([d]));
-  } else if (e.slice(0, 5) === "attr:")
-    M(s, e.slice(5), t);
-  else if (e.slice(0, 5) === "bool:")
-    ie(s, e.slice(5), t);
-  else if ((u = e.slice(0, 5) === "prop:") || (f = W.has(e)) || (a = v(e, s.tagName)) || (r = Q.has(e)) || (o = s.nodeName.includes("-") || "is" in c)) {
-    if (u)
-      e = e.slice(5), r = !0;
-    else if (w(s)) return t;
-    e === "class" || e === "className" ? L(s, t) : o && !r && !f ? s[ae(e)] = t : s[a || e] = t;
-  } else
-    M(s, Z[e] || e, t);
-  return t;
-}
-function de(s) {
-  if (g.registry && g.events && g.events.find(([r, f]) => f === s))
-    return;
-  let e = s.target;
-  const t = `$$${s.type}`, n = s.target, i = s.currentTarget, l = (r) => Object.defineProperty(s, "target", {
-    configurable: !0,
-    value: r
-  }), c = () => {
-    const r = e[t];
-    if (r && !e.disabled) {
-      const f = e[`${t}Data`];
-      if (f !== void 0 ? r.call(e, f, s) : r.call(e, s), s.cancelBubble) return;
-    }
-    return e.host && typeof e.host != "string" && !e.host._$host && e.contains(s.target) && l(e.host), !0;
-  }, o = () => {
-    for (; c() && (e = e._$host || e.parentNode || e.host); ) ;
-  };
-  if (Object.defineProperty(s, "currentTarget", {
-    configurable: !0,
-    get() {
-      return e || document;
-    }
-  }), g.registry && !g.done && (g.done = _$HY.done = !0), s.composedPath) {
-    const r = s.composedPath();
-    l(r[0]);
-    for (let f = 0; f < r.length - 2 && (e = r[f], !!c()); f++) {
-      if (e._$host) {
-        e = e._$host, o();
-        break;
-      }
-      if (e.parentNode === i)
-        break;
-    }
-  } else o();
-  l(n);
-}
-function C(s, e, t, n, i) {
-  const l = w(s);
-  if (l) {
-    !t && (t = [...s.childNodes]);
-    let r = [];
-    for (let f = 0; f < t.length; f++) {
-      const a = t[f];
-      a.nodeType === 8 && a.data.slice(0, 2) === "!$" ? a.remove() : r.push(a);
-    }
-    t = r;
-  }
-  for (; typeof t == "function"; ) t = t();
-  if (e === t) return t;
-  const c = typeof e, o = n !== void 0;
-  if (s = o && t[0] && t[0].parentNode || s, c === "string" || c === "number") {
-    if (l || c === "number" && (e = e.toString(), e === t))
-      return t;
-    if (o) {
-      let r = t[0];
-      r && r.nodeType === 3 ? r.data !== e && (r.data = e) : r = document.createTextNode(e), t = m(s, t, n, r);
-    } else
-      t !== "" && typeof t == "string" ? t = s.firstChild.data = e : t = s.textContent = e;
-  } else if (e == null || c === "boolean") {
-    if (l) return t;
-    t = m(s, t, n);
-  } else {
-    if (c === "function")
-      return h(() => {
-        let r = e();
-        for (; typeof r == "function"; ) r = r();
-        t = C(s, r, t, n);
-      }), () => t;
-    if (Array.isArray(e)) {
-      const r = [], f = t && Array.isArray(t);
-      if (I(r, e, t, i))
-        return h(() => t = C(s, r, t, n, !0)), () => t;
-      if (l) {
-        if (!r.length) return t;
-        if (n === void 0) return t = [...s.childNodes];
-        let a = r[0];
-        if (a.parentNode !== s) return t;
-        const u = [a];
-        for (; (a = a.nextSibling) !== n; ) u.push(a);
-        return t = u;
+import { template as i, spread as u, mergeProps as c, insert as d, createComponent as x, memo as E, setAttribute as N, effect as O, className as M, use as U } from "solid-js/web";
+import { mergeProps as z, splitProps as g, createContext as S, useContext as w, createUniqueId as p, createSignal as P, createMemo as k, createEffect as L, children as A, Show as G } from "solid-js";
+const _ = (...e) => e.filter(Boolean).join(" "), J = "_button_1x3l8_1", K = "_solid_1x3l8_29", Q = "_outlined_1x3l8_44", W = "_link_1x3l8_60", T = {
+  button: J,
+  solid: K,
+  outlined: Q,
+  link: W
+};
+var X = /* @__PURE__ */ i("<button type=button>");
+const Y = {
+  variant: "solid"
+}, Ue = (e) => {
+  const t = z(Y, e), [n, r] = g(t, ["class", "variant"]);
+  return (() => {
+    var s = X();
+    return u(s, c(r, {
+      get class() {
+        return _(T.button, n.class, n.variant === "solid" && T.solid, n.variant === "outlined" && T.outlined);
       }
-      if (r.length === 0) {
-        if (t = m(s, t, n), o) return t;
-      } else f ? t.length === 0 ? U(s, r, n) : se(s, t, r) : (t && m(s), U(s, r));
-      t = r;
-    } else if (e.nodeType) {
-      if (l && e.parentNode) return t = o ? [e] : e;
-      if (Array.isArray(t)) {
-        if (o) return t = m(s, t, n, e);
-        m(s, t, null, e);
-      } else t == null || t === "" || !s.firstChild ? s.appendChild(e) : s.replaceChild(e, s.firstChild);
-      t = e;
-    }
-  }
-  return t;
-}
-function I(s, e, t, n) {
-  let i = !1;
-  for (let l = 0, c = e.length; l < c; l++) {
-    let o = e[l], r = t && t[s.length], f;
-    if (!(o == null || o === !0 || o === !1)) if ((f = typeof o) == "object" && o.nodeType)
-      s.push(o);
-    else if (Array.isArray(o))
-      i = I(s, o, r) || i;
-    else if (f === "function")
-      if (n) {
-        for (; typeof o == "function"; ) o = o();
-        i = I(s, Array.isArray(o) ? o : [o], Array.isArray(r) ? r : [r]) || i;
-      } else
-        s.push(o), i = !0;
-    else {
-      const a = String(o);
-      r && r.nodeType === 3 && r.data === a ? s.push(r) : s.push(document.createTextNode(a));
-    }
-  }
-  return i;
-}
-function U(s, e, t = null) {
-  for (let n = 0, i = e.length; n < i; n++) s.insertBefore(e[n], t);
-}
-function m(s, e, t, n) {
-  if (t === void 0) return s.textContent = "";
-  const i = n || document.createTextNode("");
-  if (e.length) {
-    let l = !1;
-    for (let c = e.length - 1; c >= 0; c--) {
-      const o = e[c];
-      if (i !== o) {
-        const r = o.parentNode === s;
-        !l && !c ? r ? s.replaceChild(i, o) : s.insertBefore(i, t) : r && o.remove();
-      } else l = !0;
-    }
-  } else s.insertBefore(i, t);
-  return [i];
-}
-const ue = "_button_1xfap_1", ge = {
-  button: ue
+    }), !1, !0), d(s, () => r.children), s;
+  })();
+}, Z = "_link_yqbjv_1", ee = "_underline_yqbjv_14", te = "_secondary_yqbjv_18", re = "_disabled_yqbjv_22", D = {
+  link: Z,
+  underline: ee,
+  secondary: te,
+  disabled: re
 };
-var he = /* @__PURE__ */ b("<button type=button>");
-const Ue = (s) => (() => {
-  var e = he();
-  return x(e, $(s, {
-    get class() {
-      return ge.button;
-    }
-  }), !1, !0), _(e, () => s.children), e;
-})(), T = (...s) => s.filter(Boolean).join(" "), ye = (s) => s.level === "error", H = (s) => {
-  if (s.length)
-    return s.map((e) => e.id).join(" ");
-}, be = () => {
-}, S = (s) => () => s, me = {
-  fieldId: "",
-  error: S(!1),
-  ariaDescribedBy: S(void 0),
-  ariaErrorMessage: S(void 0),
-  setMessage: be
-}, q = R(me, {}), k = () => X(q), _e = (s) => {
-  const e = B(), [t, n] = Y([]), i = N(() => s.error), l = N(() => H(t())), c = N(() => H(t().filter(ye))), o = (r) => {
-    n((f) => [...f, r]);
+var ne = /* @__PURE__ */ i("<a>");
+const ze = (e) => {
+  const [t, n] = g(e, ["class", "disabled", "color", "underline"]);
+  return (() => {
+    var r = ne();
+    return u(r, c(n, {
+      get class() {
+        return _(D.link, t.class, t.disabled && D.disabled, t.color === "secondary" && D.secondary, t.underline === "always" && D.underline);
+      },
+      get "aria-disabled"() {
+        return t.disabled;
+      }
+    }), !1, !0), d(r, () => n.children), r;
+  })();
+}, se = "_checkbox_1npj4_1", le = "_input_1npj4_8", oe = "_indicator_1npj4_18", ae = "_label_1npj4_37", ie = "_disabled_1npj4_46", $ = {
+  checkbox: se,
+  input: le,
+  indicator: oe,
+  label: ae,
+  disabled: ie
+}, ce = (e) => e.level === "error", q = (e) => {
+  if (e.length)
+    return e.map((t) => t.id).join(" ");
+}, m = () => {
+}, h = (e) => () => e, F = () => () => {
+}, de = {
+  fieldId: void 0,
+  error: h(!1),
+  ariaDescribedBy: h(void 0),
+  ariaErrorMessage: h(void 0),
+  setMessage: m
+}, R = S(de, {}), B = () => w(R), ue = (e) => {
+  const t = p(), [n, r] = P([]), s = k(() => e.error), l = k(() => q(n())), b = k(() => q(n().filter(ce))), f = (o) => {
+    r((a) => [...a, o]);
   };
-  return O(q.Provider, {
+  return x(R.Provider, {
     value: {
-      fieldId: e,
-      error: i,
-      setMessage: o,
+      fieldId: t,
+      error: s,
+      setMessage: f,
       ariaDescribedBy: l,
-      ariaErrorMessage: c
+      ariaErrorMessage: b
     },
     get children() {
-      return s.children;
+      return e.children;
     }
   });
-}, $e = "_input_1nlce_1", xe = {
-  input: $e
 };
-var Ae = /* @__PURE__ */ b("<input>");
-const He = (s) => {
-  const [e, t] = E(s, ["error", "class"]), n = k();
+var _e = /* @__PURE__ */ i("<span><input><span>"), ge = /* @__PURE__ */ i("<label>");
+const Ge = (e) => {
+  const [t, n] = g(e, ["label", "error", "class"]), r = B(), s = p();
+  return (() => {
+    var l = _e(), b = l.firstChild, f = b.nextSibling;
+    return u(b, c(n, {
+      id: s,
+      type: "checkbox",
+      get class() {
+        return $.input;
+      },
+      get "aria-describedby"() {
+        return r.ariaDescribedBy();
+      },
+      get "aria-invalid"() {
+        return r.error() || !!t.error;
+      },
+      get "aria-errormessage"() {
+        return r.ariaErrorMessage();
+      }
+    }), !1, !1), d(l, (() => {
+      var o = E(() => !!t.label);
+      return () => o() && (() => {
+        var a = ge();
+        return N(a, "for", s), d(a, () => t.label), O(() => M(a, $.label)), a;
+      })();
+    })(), null), O((o) => {
+      var a = _($.checkbox, t.class, n.disabled && $.disabled), C = $.indicator;
+      return a !== o.e && M(l, o.e = a), C !== o.t && M(f, o.t = C), o;
+    }, {
+      e: void 0,
+      t: void 0
+    }), l;
+  })();
+}, be = "_input_vvaje_1", ve = {
+  input: be
+};
+var fe = /* @__PURE__ */ i("<input>");
+const Je = (e) => {
+  const [t, n] = g(e, ["error", "class"]), r = B();
   return (() => {
-    var i = Ae();
-    return x(i, $(t, {
+    var s = fe();
+    return u(s, c(n, {
       get class() {
-        return T(xe.input, e.class);
+        return _(ve.input, t.class);
       },
       get id() {
-        return n.fieldId;
+        return r.fieldId;
       },
       get "aria-describedby"() {
-        return n.ariaDescribedBy();
+        return r.ariaDescribedBy();
       },
       get "aria-invalid"() {
-        return n.error() || !!e.error;
+        return r.error() || !!t.error;
       },
       get "aria-errormessage"() {
-        return n.ariaErrorMessage();
+        return r.ariaErrorMessage();
       }
-    }), !1, !1), i;
+    }), !1, !1), s;
   })();
-}, Ce = "_checkbox_1npj4_1", Ee = "_input_1npj4_8", we = "_indicator_1npj4_18", Te = "_label_1npj4_37", Ne = "_disabled_1npj4_46", A = {
-  checkbox: Ce,
-  input: Ee,
-  indicator: we,
-  label: Te,
-  disabled: Ne
+}, $e = {
+  setDialogRef() {
+  },
+  ariaLabelledBy: h(void 0),
+  ariaDescribedBy: h(void 0),
+  setTitleId: F(),
+  setDescriptionId: F(),
+  openDialog: m,
+  closeDialog: m,
+  onOpenChange: m,
+  onBeforeClose: m
+}, H = S($e), y = () => w(H), me = (e) => {
+  let t;
+  const n = (C) => {
+    t = C;
+  }, [r, s] = P(), [l, b] = P(), f = k(() => e.isOpen), o = () => {
+    t?.showModal(), e.onOpenChange?.(!0);
+  }, a = () => {
+    t?.requestClose();
+  };
+  return L(() => {
+    f() ? o() : a();
+  }), x(H.Provider, {
+    get value() {
+      return {
+        ariaLabelledBy: r,
+        ariaDescribedBy: l,
+        setDialogRef: n,
+        setTitleId: s,
+        setDescriptionId: b,
+        openDialog: o,
+        closeDialog: a,
+        onOpenChange: e.onOpenChange,
+        onBeforeClose: e.onBeforeClose
+      };
+    },
+    get children() {
+      return e.children;
+    }
+  });
+}, he = "_dialog_1klsa_1", xe = "_title_1klsa_16", pe = "_description_1klsa_26", ye = "_actions_1klsa_37", I = {
+  dialog: he,
+  title: xe,
+  description: pe,
+  actions: ye
 };
-var Le = /* @__PURE__ */ b("<span><input><span>"), Me = /* @__PURE__ */ b("<label>");
-const qe = (s) => {
-  const [e, t] = E(s, ["label", "error", "class"]), n = B();
+var Ce = /* @__PURE__ */ i("<dialog>"), De = /* @__PURE__ */ i("<h2>"), ke = /* @__PURE__ */ i("<p>"), je = /* @__PURE__ */ i("<div>");
+const v = (e) => x(me, c(e, {
+  get children() {
+    return e.children;
+  }
+})), Be = (e) => {
+  const t = y(), n = A(() => e.children);
+  return L(() => {
+    const r = n();
+    r instanceof HTMLElement && (r.onclick = t.openDialog);
+  }), E(n);
+}, Ie = (e) => {
+  const t = y();
   return (() => {
-    var i = Le(), l = i.firstChild, c = l.nextSibling;
-    return x(l, $(t, {
-      id: n,
-      type: "checkbox",
+    var n = Ce();
+    return U((r) => {
+      e.ref = r, t.setDialogRef(r);
+    }, n), u(n, c(e, {
       get class() {
-        return A.input;
+        return _(I.dialog, e.class);
       },
-      get "aria-invalid"() {
-        return !!e.error;
+      get "aria-labelledby"() {
+        return t.ariaLabelledBy();
+      },
+      get "aria-describedby"() {
+        return t.ariaDescribedBy();
+      },
+      onClose: () => t.onOpenChange?.(!1),
+      get onCancel() {
+        return t.onBeforeClose;
       }
-    }), !1, !1), _(i, (() => {
-      var o = te(() => !!e.label);
-      return () => o() && (() => {
-        var r = Me();
-        return M(r, "for", n), _(r, () => e.label), h(() => L(r, A.label)), r;
-      })();
-    })(), null), h((o) => {
-      var r = T(A.checkbox, e.class, t.disabled && A.disabled), f = A.indicator;
-      return r !== o.e && L(i, o.e = r), f !== o.t && L(c, o.t = f), o;
-    }, {
-      e: void 0,
-      t: void 0
-    }), i;
+    }), !1, !0), d(n, () => e.children), n;
   })();
-}, je = "_field_1ijme_1", Pe = "_label_1ijme_7", Se = "_message_1ijme_19", Ie = "_error_1ijme_31", j = {
-  field: je,
-  label: Pe,
-  message: Se,
-  error: Ie
+}, Me = (e) => {
+  const t = y(), n = p();
+  return t.setTitleId(n), (() => {
+    var r = De();
+    return u(r, c(e, {
+      id: n,
+      get class() {
+        return _(I.title, e.class);
+      }
+    }), !1, !0), d(r, () => e.children), r;
+  })();
+}, Te = (e) => {
+  const t = y(), n = p();
+  return t.setDescriptionId(n), (() => {
+    var r = ke();
+    return u(r, c(e, {
+      id: n,
+      get class() {
+        return _(I.description, e.class);
+      }
+    }), !1, !0), d(r, () => e.children), r;
+  })();
+}, Pe = (e) => {
+  const t = y(), n = A(() => e.children);
+  return L(() => {
+    const r = n();
+    r instanceof HTMLElement && (r.onclick = t.closeDialog);
+  }), E(n);
+}, Ee = (e) => (() => {
+  var t = je();
+  return u(t, c(e, {
+    get class() {
+      return _(I.actions, e.class);
+    }
+  }), !1, !0), d(t, () => e.children), t;
+})();
+v.Trigger = Be;
+v.Content = Ie;
+v.Title = Me;
+v.Description = Te;
+v.Close = Pe;
+v.Actions = Ee;
+const Le = "_field_1ijme_1", Oe = "_label_1ijme_7", qe = "_message_1ijme_19", Fe = "_error_1ijme_31", j = {
+  field: Le,
+  label: Oe,
+  message: qe,
+  error: Fe
 };
-var Be = /* @__PURE__ */ b("<div>"), Oe = /* @__PURE__ */ b("<label>"), ke = /* @__PURE__ */ b("<p>");
-const G = (s) => {
-  const [e, t] = E(s, ["class", "error"]);
-  return O(_e, {
+var Se = /* @__PURE__ */ i("<div>"), we = /* @__PURE__ */ i("<label>"), Ae = /* @__PURE__ */ i("<p>");
+const V = (e) => {
+  const [t, n] = g(e, ["class", "error"]);
+  return x(ue, {
     get error() {
-      return !!e.error;
+      return !!t.error;
     },
     get children() {
-      var n = Be();
-      return x(n, $(t, {
+      var r = Se();
+      return u(r, c(n, {
         get class() {
-          return T(j.field, e.class);
+          return _(j.field, t.class);
         }
-      }), !1, !0), _(n, () => s.children), n;
+      }), !1, !0), d(r, () => e.children), r;
     }
   });
-}, De = (s) => {
-  const [e, t] = E(s, ["class"]), n = k();
+}, Re = (e) => {
+  const [t, n] = g(e, ["class"]), r = B();
   return (() => {
-    var i = Oe();
-    return x(i, $(t, {
+    var s = we();
+    return u(s, c(n, {
       get for() {
-        return n.fieldId;
+        return r.fieldId;
       },
       get class() {
-        return T(j.label, e.class);
+        return _(j.label, t.class);
       }
-    }), !1, !0), _(i, () => t.children), i;
+    }), !1, !0), d(s, () => n.children), s;
   })();
-}, Fe = (s) => {
-  const [e, t] = E(s, ["class", "level"]), n = k(), i = B();
-  return n.setMessage({
-    level: e.level || "info",
-    id: i
-  }), O(p, {
+}, He = (e) => {
+  const [t, n] = g(e, ["class", "level"]), r = B(), s = p();
+  return r.setMessage({
+    level: t.level || "info",
+    id: s
+  }), x(G, {
     get when() {
-      return t.children;
+      return n.children;
     },
     get children() {
-      var l = ke();
-      return x(l, $(t, {
-        id: i,
+      var l = Ae();
+      return u(l, c(n, {
+        id: s,
         get class() {
-          return T(j.message, e.class, e.level === "error" && j.error);
+          return _(j.message, t.class, t.level === "error" && j.error);
         }
-      }), !1, !0), _(l, () => t.children), l;
+      }), !1, !0), d(l, () => n.children), l;
     }
   });
 };
-G.Label = De;
-G.Message = Fe;
+V.Label = Re;
+V.Message = He;
 export {
   Ue as Button,
-  qe as Checkbox,
-  G as Field,
-  He as TextInput
+  Ge as Checkbox,
+  v as Dialog,
+  V as Field,
+  ze as Link,
+  Je as TextInput,
+  T as buttonSx,
+  _ as cls
 };
+//# sourceMappingURL=main.js.map