solid-uix 0.4.0 → 0.5.0

package/dist/main.js

@@ -1,629 +1,324 @@
-import { createMemo as w, createRenderEffect as $, untrack as ne, sharedConfig as m, splitProps as A, mergeProps as g, createUniqueId as B, createContext as Q, useContext as W, createSignal as F, createComponent as I, createEffect as U, children as Z, Show as se } from "solid-js";
-const ie = ["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"], oe = /* @__PURE__ */ new Set(["className", "value", "readOnly", "noValidate", "formNoValidate", "isMap", "noModule", "playsInline", ...ie]), le = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), re = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
-  className: "class",
-  htmlFor: "for"
-}), ce = /* @__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 ae(n, e) {
-  const t = ce[n];
-  return typeof t == "object" ? t[e] ? t.$ : void 0 : t;
-}
-const fe = /* @__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"]), q = (n) => w(() => n());
-function de(n, e, t) {
-  let s = t.length, i = e.length, l = s, c = 0, o = 0, r = e[i - 1].nextSibling, a = 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 f = l < s ? o ? t[o - 1].nextSibling : t[l - o] : r;
-      for (; o < l; ) n.insertBefore(t[o++], f);
-    } else if (l === o)
-      for (; c < i; )
-        (!a || !a.has(e[c])) && e[c].remove(), c++;
-    else if (e[c] === t[l - 1] && t[o] === e[i - 1]) {
-      const f = e[--i].nextSibling;
-      n.insertBefore(t[o++], e[c++].nextSibling), n.insertBefore(t[--l], f), e[i] = t[l];
-    } else {
-      if (!a) {
-        a = /* @__PURE__ */ new Map();
-        let u = o;
-        for (; u < l; ) a.set(t[u], u++);
-      }
-      const f = a.get(e[c]);
-      if (f != null)
-        if (o < f && f < l) {
-          let u = c, d = 1, C;
-          for (; ++u < i && u < l && !((C = a.get(e[u])) == null || C !== f + d); )
-            d++;
-          if (d > f - o) {
-            const V = e[c];
-            for (; o < f; ) n.insertBefore(t[o++], V);
-          } else n.replaceChild(t[o++], e[c++]);
-        } else c++;
-      else e[c++].remove();
-    }
-  }
-}
-const G = "_$DX_DELEGATE";
-function h(n, e, t, s) {
-  let i;
-  const l = () => {
-    const o = document.createElement("template");
-    return o.innerHTML = n, o.content.firstChild;
-  }, c = () => (i || (i = l())).cloneNode(!0);
-  return c.cloneNode = c, c;
-}
-function ue(n, e = window.document) {
-  const t = e[G] || (e[G] = /* @__PURE__ */ new Set());
-  for (let s = 0, i = n.length; s < i; s++) {
-    const l = n[s];
-    t.has(l) || (t.add(l), e.addEventListener(l, $e));
-  }
-}
-function S(n, e, t) {
-  M(n) || (t == null ? n.removeAttribute(e) : n.setAttribute(e, t));
-}
-function ge(n, e, t) {
-  M(n) || (t ? n.setAttribute(e, "") : n.removeAttribute(e));
-}
-function P(n, e) {
-  M(n) || (e == null ? n.removeAttribute("class") : n.className = e);
-}
-function he(n, e, t, s) {
-  if (s)
-    Array.isArray(t) ? (n[`$$${e}`] = t[0], n[`$$${e}Data`] = t[1]) : n[`$$${e}`] = t;
-  else if (Array.isArray(t)) {
-    const i = t[0];
-    n.addEventListener(e, t[0] = (l) => i.call(n, t[1], l));
-  } else n.addEventListener(e, t, typeof t != "function" && t);
-}
-function ye(n, e, t = {}) {
-  const s = 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] || (K(n, o, !1), delete t[o]);
-  }
-  for (l = 0, c = s.length; l < c; l++) {
-    const o = s[l], r = !!e[o];
-    !o || o === "undefined" || t[o] === r || !r || (K(n, o, !0), t[o] = r);
-  }
-  return t;
-}
-function be(n, e, t) {
-  if (!e) return t ? S(n, "style") : e;
-  const s = n.style;
-  if (typeof e == "string") return s.cssText = e;
-  typeof t == "string" && (s.cssText = t = void 0), t || (t = {}), e || (e = {});
-  let i, l;
-  for (l in t)
-    e[l] == null && s.removeProperty(l), delete t[l];
-  for (l in e)
-    i = e[l], i !== t[l] && (s.setProperty(l, i), t[l] = i);
-  return t;
-}
-function b(n, e = {}, t, s) {
-  const i = {};
-  return s || $(() => i.children = N(n, e.children, i.children)), $(() => typeof e.ref == "function" && z(e.ref, n)), $(() => _e(n, e, t, !0, i, !0)), i;
-}
-function z(n, e, t) {
-  return ne(() => n(e, t));
-}
-function y(n, e, t, s) {
-  if (t !== void 0 && !s && (s = []), typeof e != "function") return N(n, e, s, t);
-  $((i) => N(n, e(), i, t), s);
-}
-function _e(n, e, t, s, i = {}, l = !1) {
-  e || (e = {});
-  for (const c in i)
-    if (!(c in e)) {
-      if (c === "children") continue;
-      i[c] = R(n, c, null, i[c], t, l, e);
-    }
-  for (const c in e) {
-    if (c === "children")
-      continue;
-    const o = e[c];
-    i[c] = R(n, c, o, i[c], t, l, e);
-  }
-}
-function M(n) {
-  return !!m.context && !m.done && (!n || n.isConnected);
-}
-function me(n) {
-  return n.toLowerCase().replace(/-([a-z])/g, (e, t) => t.toUpperCase());
-}
-function K(n, e, t) {
-  const s = e.trim().split(/\s+/);
-  for (let i = 0, l = s.length; i < l; i++) n.classList.toggle(s[i], t);
-}
-function R(n, e, t, s, i, l, c) {
-  let o, r, a, f, u;
-  if (e === "style") return be(n, t, s);
-  if (e === "classList") return ye(n, t, s);
-  if (t === s) return s;
-  if (e === "ref")
-    l || t(n);
-  else if (e.slice(0, 3) === "on:") {
-    const d = e.slice(3);
-    s && n.removeEventListener(d, s, typeof s != "function" && s), t && n.addEventListener(d, t, typeof t != "function" && t);
-  } else if (e.slice(0, 10) === "oncapture:") {
-    const d = e.slice(10);
-    s && n.removeEventListener(d, s, !0), t && n.addEventListener(d, t, !0);
-  } else if (e.slice(0, 2) === "on") {
-    const d = e.slice(2).toLowerCase(), C = fe.has(d);
-    if (!C && s) {
-      const V = Array.isArray(s) ? s[0] : s;
-      n.removeEventListener(d, V);
-    }
-    (C || t) && (he(n, d, t, C), C && ue([d]));
-  } else if (e.slice(0, 5) === "attr:")
-    S(n, e.slice(5), t);
-  else if (e.slice(0, 5) === "bool:")
-    ge(n, e.slice(5), t);
-  else if ((u = e.slice(0, 5) === "prop:") || (a = le.has(e)) || (f = ae(e, n.tagName)) || (r = oe.has(e)) || (o = n.nodeName.includes("-") || "is" in c)) {
-    if (u)
-      e = e.slice(5), r = !0;
-    else if (M(n)) return t;
-    e === "class" || e === "className" ? P(n, t) : o && !r && !a ? n[me(e)] = t : n[f || e] = t;
-  } else
-    S(n, re[e] || e, t);
-  return t;
-}
-function $e(n) {
-  if (m.registry && m.events && m.events.find(([r, a]) => a === n))
-    return;
-  let e = n.target;
-  const t = `$$${n.type}`, s = n.target, i = n.currentTarget, l = (r) => Object.defineProperty(n, "target", {
-    configurable: !0,
-    value: r
-  }), c = () => {
-    const r = e[t];
-    if (r && !e.disabled) {
-      const a = e[`${t}Data`];
-      if (a !== void 0 ? r.call(e, a, n) : r.call(e, n), n.cancelBubble) return;
-    }
-    return e.host && typeof e.host != "string" && !e.host._$host && e.contains(n.target) && l(e.host), !0;
-  }, o = () => {
-    for (; c() && (e = e._$host || e.parentNode || e.host); ) ;
-  };
-  if (Object.defineProperty(n, "currentTarget", {
-    configurable: !0,
-    get() {
-      return e || document;
-    }
-  }), m.registry && !m.done && (m.done = _$HY.done = !0), n.composedPath) {
-    const r = n.composedPath();
-    l(r[0]);
-    for (let a = 0; a < r.length - 2 && (e = r[a], !!c()); a++) {
-      if (e._$host) {
-        e = e._$host, o();
-        break;
-      }
-      if (e.parentNode === i)
-        break;
-    }
-  } else o();
-  l(s);
-}
-function N(n, e, t, s, i) {
-  const l = M(n);
-  if (l) {
-    !t && (t = [...n.childNodes]);
-    let r = [];
-    for (let a = 0; a < t.length; a++) {
-      const f = t[a];
-      f.nodeType === 8 && f.data.slice(0, 2) === "!$" ? f.remove() : r.push(f);
-    }
-    t = r;
-  }
-  for (; typeof t == "function"; ) t = t();
-  if (e === t) return t;
-  const c = typeof e, o = s !== void 0;
-  if (n = o && t[0] && t[0].parentNode || n, 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 = x(n, t, s, r);
-    } else
-      t !== "" && typeof t == "string" ? t = n.firstChild.data = e : t = n.textContent = e;
-  } else if (e == null || c === "boolean") {
-    if (l) return t;
-    t = x(n, t, s);
-  } else {
-    if (c === "function")
-      return $(() => {
-        let r = e();
-        for (; typeof r == "function"; ) r = r();
-        t = N(n, r, t, s);
-      }), () => t;
-    if (Array.isArray(e)) {
-      const r = [], a = t && Array.isArray(t);
-      if (H(r, e, t, i))
-        return $(() => t = N(n, r, t, s, !0)), () => t;
-      if (l) {
-        if (!r.length) return t;
-        if (s === void 0) return t = [...n.childNodes];
-        let f = r[0];
-        if (f.parentNode !== n) return t;
-        const u = [f];
-        for (; (f = f.nextSibling) !== s; ) u.push(f);
-        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 = x(n, t, s), o) return t;
-      } else a ? t.length === 0 ? X(n, r, s) : de(n, t, r) : (t && x(n), X(n, r));
-      t = r;
-    } else if (e.nodeType) {
-      if (l && e.parentNode) return t = o ? [e] : e;
-      if (Array.isArray(t)) {
-        if (o) return t = x(n, t, s, e);
-        x(n, t, null, e);
-      } else t == null || t === "" || !n.firstChild ? n.appendChild(e) : n.replaceChild(e, n.firstChild);
-      t = e;
-    }
-  }
-  return t;
-}
-function H(n, e, t, s) {
-  let i = !1;
-  for (let l = 0, c = e.length; l < c; l++) {
-    let o = e[l], r = t && t[n.length], a;
-    if (!(o == null || o === !0 || o === !1)) if ((a = typeof o) == "object" && o.nodeType)
-      n.push(o);
-    else if (Array.isArray(o))
-      i = H(n, o, r) || i;
-    else if (a === "function")
-      if (s) {
-        for (; typeof o == "function"; ) o = o();
-        i = H(n, Array.isArray(o) ? o : [o], Array.isArray(r) ? r : [r]) || i;
-      } else
-        n.push(o), i = !0;
-    else {
-      const f = String(o);
-      r && r.nodeType === 3 && r.data === f ? n.push(r) : n.push(document.createTextNode(f));
-    }
-  }
-  return i;
-}
-function X(n, e, t = null) {
-  for (let s = 0, i = e.length; s < i; s++) n.insertBefore(e[s], t);
-}
-function x(n, e, t, s) {
-  if (t === void 0) return n.textContent = "";
-  const i = s || 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 === n;
-        !l && !c ? r ? n.replaceChild(i, o) : n.insertBefore(i, t) : r && o.remove();
-      } else l = !0;
-    }
-  } else n.insertBefore(i, t);
-  return [i];
-}
-const Ce = "_button_12jrf_1", xe = {
-  button: Ce
-}, _ = (...n) => n.filter(Boolean).join(" ");
-var Ae = /* @__PURE__ */ h("<button type=button>");
-const ct = (n) => {
-  const [e, t] = A(n, ["variant"]);
+    }), !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 ne = /* @__PURE__ */ i("<a>");
+const ze = (e) => {
+  const [t, n] = g(e, ["class", "disabled", "color", "underline"]);
   return (() => {
-    var s = Ae();
-    return b(s, g(t, {
+    var r = ne();
+    return u(r, c(n, {
       get class() {
-        return _(xe.button, t.class, e.variant || "solid");
+        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), y(s, () => n.children), s;
+    }), !1, !0), d(r, () => n.children), r;
   })();
-}, Te = "_checkbox_1npj4_1", Ee = "_input_1npj4_8", De = "_indicator_1npj4_18", we = "_label_1npj4_37", Le = "_disabled_1npj4_46", E = {
-  checkbox: Te,
-  input: Ee,
-  indicator: De,
-  label: we,
-  disabled: Le
+}, 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 x(R.Provider, {
+    value: {
+      fieldId: t,
+      error: s,
+      setMessage: f,
+      ariaDescribedBy: l,
+      ariaErrorMessage: b
+    },
+    get children() {
+      return e.children;
+    }
+  });
 };
-var Ne = /* @__PURE__ */ h("<span><input><span>"), Be = /* @__PURE__ */ h("<label>");
-const at = (n) => {
-  const [e, t] = A(n, ["label", "error", "class"]), s = B();
+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 i = Ne(), l = i.firstChild, c = l.nextSibling;
-    return b(l, g(t, {
+    var l = _e(), b = l.firstChild, f = b.nextSibling;
+    return u(b, c(n, {
       id: s,
       type: "checkbox",
       get class() {
-        return E.input;
+        return $.input;
+      },
+      get "aria-describedby"() {
+        return r.ariaDescribedBy();
       },
       get "aria-invalid"() {
-        return !!e.error;
+        return r.error() || !!t.error;
+      },
+      get "aria-errormessage"() {
+        return r.ariaErrorMessage();
       }
-    }), !1, !1), y(i, (() => {
-      var o = q(() => !!e.label);
+    }), !1, !1), d(l, (() => {
+      var o = E(() => !!t.label);
       return () => o() && (() => {
-        var r = Be();
-        return S(r, "for", s), y(r, () => e.label), $(() => P(r, E.label)), r;
+        var a = ge();
+        return N(a, "for", s), d(a, () => t.label), O(() => M(a, $.label)), a;
       })();
-    })(), null), $((o) => {
-      var r = _(E.checkbox, e.class, t.disabled && E.disabled), a = E.indicator;
-      return r !== o.e && P(i, o.e = r), a !== o.t && P(c, o.t = a), o;
+    })(), 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
-    }), i;
+    }), l;
   })();
-}, Ie = (n) => n.level === "error", Y = (n) => {
-  if (n.length)
-    return n.map((e) => e.id).join(" ");
-}, D = () => {
-}, L = (n) => () => n, J = () => () => {
-}, Me = {
-  fieldId: "",
-  error: L(!1),
-  ariaDescribedBy: L(void 0),
-  ariaErrorMessage: L(void 0),
-  setMessage: D
-}, p = Q(Me, {}), v = () => W(p), je = (n) => {
-  const e = B(), [t, s] = F([]), i = w(() => n.error), l = w(() => Y(t())), c = w(() => Y(t().filter(Ie))), o = (r) => {
-    s((a) => [...a, r]);
-  };
-  return I(p.Provider, {
-    value: {
-      fieldId: e,
-      error: i,
-      setMessage: o,
-      ariaDescribedBy: l,
-      ariaErrorMessage: c
-    },
-    get children() {
-      return n.children;
-    }
-  });
-}, Pe = "_input_1nlce_1", Se = {
-  input: Pe
+}, be = "_input_vvaje_1", ve = {
+  input: be
 };
-var Oe = /* @__PURE__ */ h("<input>");
-const ft = (n) => {
-  const [e, t] = A(n, ["error", "class"]), s = v();
+var fe = /* @__PURE__ */ i("<input>");
+const Je = (e) => {
+  const [t, n] = g(e, ["error", "class"]), r = B();
   return (() => {
-    var i = Oe();
-    return b(i, g(t, {
+    var s = fe();
+    return u(s, c(n, {
       get class() {
-        return _(Se.input, e.class);
+        return _(ve.input, t.class);
       },
       get id() {
-        return s.fieldId;
+        return r.fieldId;
       },
       get "aria-describedby"() {
-        return s.ariaDescribedBy();
+        return r.ariaDescribedBy();
       },
       get "aria-invalid"() {
-        return s.error() || !!e.error;
+        return r.error() || !!t.error;
       },
       get "aria-errormessage"() {
-        return s.ariaErrorMessage();
+        return r.ariaErrorMessage();
       }
-    }), !1, !1), i;
+    }), !1, !1), s;
   })();
-}, ke = {
+}, $e = {
   setDialogRef() {
   },
-  ariaLabelledBy: L(void 0),
-  ariaDescribedBy: L(void 0),
-  setTitleId: J(),
-  setDescriptionId: J(),
-  openDialog: D,
-  closeDialog: D,
-  onOpenChange: D,
-  onBeforeClose: D
-}, ee = Q(ke), j = () => W(ee), Ve = (n) => {
-  let e;
-  const t = (f) => {
-    e = f;
-  }, [s, i] = F(), [l, c] = F(), o = w(() => n.isOpen), r = () => {
-    var f;
-    e == null || e.showModal(), (f = n.onOpenChange) == null || f.call(n, !0);
+  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 = () => {
-    e == null || e.requestClose();
+    t?.requestClose();
   };
-  return U(() => {
-    o() ? r() : a();
-  }), I(ee.Provider, {
+  return L(() => {
+    f() ? o() : a();
+  }), x(H.Provider, {
     get value() {
       return {
-        ariaLabelledBy: s,
+        ariaLabelledBy: r,
         ariaDescribedBy: l,
-        setDialogRef: t,
-        setTitleId: i,
-        setDescriptionId: c,
-        openDialog: r,
+        setDialogRef: n,
+        setTitleId: s,
+        setDescriptionId: b,
+        openDialog: o,
         closeDialog: a,
-        onOpenChange: n.onOpenChange,
-        onBeforeClose: n.onBeforeClose
+        onOpenChange: e.onOpenChange,
+        onBeforeClose: e.onBeforeClose
       };
     },
     get children() {
-      return n.children;
+      return e.children;
     }
   });
-}, Fe = "_dialog_1klsa_1", He = "_title_1klsa_16", Ue = "_description_1klsa_26", qe = "_actions_1klsa_37", k = {
-  dialog: Fe,
-  title: He,
-  description: Ue,
-  actions: qe
+}, 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 ve = /* @__PURE__ */ h("<dialog>"), Ge = /* @__PURE__ */ h("<h2>"), Ke = /* @__PURE__ */ h("<p>"), Re = /* @__PURE__ */ h("<div>");
-const T = (n) => I(Ve, g(n, {
+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 n.children;
+    return e.children;
   }
-})), Xe = (n) => {
-  const e = j(), t = Z(() => n.children);
-  return U(() => {
-    const s = t();
-    s instanceof HTMLElement && (s.onclick = e.openDialog);
-  }), q(t);
-}, Ye = (n) => {
-  const e = j();
+})), 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 t = ve();
-    return z((s) => {
-      n.ref = s, e.setDialogRef(s);
-    }, t), b(t, g(n, {
+    var n = Ce();
+    return U((r) => {
+      e.ref = r, t.setDialogRef(r);
+    }, n), u(n, c(e, {
       get class() {
-        return _(k.dialog, n.class);
+        return _(I.dialog, e.class);
       },
       get "aria-labelledby"() {
-        return e.ariaLabelledBy();
+        return t.ariaLabelledBy();
       },
       get "aria-describedby"() {
-        return e.ariaDescribedBy();
-      },
-      onClose: () => {
-        var s;
-        return (s = e.onOpenChange) == null ? void 0 : s.call(e, !1);
+        return t.ariaDescribedBy();
       },
+      onClose: () => t.onOpenChange?.(!1),
       get onCancel() {
-        return e.onBeforeClose;
+        return t.onBeforeClose;
       }
-    }), !1, !0), y(t, () => n.children), t;
+    }), !1, !0), d(n, () => e.children), n;
   })();
-}, Je = (n) => {
-  const e = j(), t = B();
-  return e.setTitleId(t), (() => {
-    var s = Ge();
-    return b(s, g(n, {
-      id: t,
+}, Me = (e) => {
+  const t = y(), n = p();
+  return t.setTitleId(n), (() => {
+    var r = De();
+    return u(r, c(e, {
+      id: n,
       get class() {
-        return _(k.title, n.class);
+        return _(I.title, e.class);
       }
-    }), !1, !0), y(s, () => n.children), s;
+    }), !1, !0), d(r, () => e.children), r;
   })();
-}, Qe = (n) => {
-  const e = j(), t = B();
-  return e.setDescriptionId(t), (() => {
-    var s = Ke();
-    return b(s, g(n, {
-      id: t,
+}, Te = (e) => {
+  const t = y(), n = p();
+  return t.setDescriptionId(n), (() => {
+    var r = ke();
+    return u(r, c(e, {
+      id: n,
       get class() {
-        return _(k.description, n.class);
+        return _(I.description, e.class);
       }
-    }), !1, !0), y(s, () => n.children), s;
+    }), !1, !0), d(r, () => e.children), r;
   })();
-}, We = (n) => {
-  const e = j(), t = Z(() => n.children);
-  return U(() => {
-    const s = t();
-    s instanceof HTMLElement && (s.onclick = e.closeDialog);
-  }), q(t);
-}, Ze = (n) => (() => {
-  var e = Re();
-  return b(e, g(n, {
+}, 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 _(k.actions, n.class);
+      return _(I.actions, e.class);
     }
-  }), !1, !0), y(e, () => n.children), e;
+  }), !1, !0), d(t, () => e.children), t;
 })();
-T.Trigger = Xe;
-T.Content = Ye;
-T.Title = Je;
-T.Description = Qe;
-T.Close = We;
-T.Actions = Ze;
-const ze = "_field_1ijme_1", pe = "_label_1ijme_7", et = "_message_1ijme_19", tt = "_error_1ijme_31", O = {
-  field: ze,
-  label: pe,
-  message: et,
-  error: tt
+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 nt = /* @__PURE__ */ h("<div>"), st = /* @__PURE__ */ h("<label>"), it = /* @__PURE__ */ h("<p>");
-const te = (n) => {
-  const [e, t] = A(n, ["class", "error"]);
-  return I(je, {
+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 s = nt();
-      return b(s, g(t, {
+      var r = Se();
+      return u(r, c(n, {
         get class() {
-          return _(O.field, e.class);
+          return _(j.field, t.class);
         }
-      }), !1, !0), y(s, () => n.children), s;
+      }), !1, !0), d(r, () => e.children), r;
     }
   });
-}, ot = (n) => {
-  const [e, t] = A(n, ["class"]), s = v();
+}, Re = (e) => {
+  const [t, n] = g(e, ["class"]), r = B();
   return (() => {
-    var i = st();
-    return b(i, g(t, {
+    var s = we();
+    return u(s, c(n, {
       get for() {
-        return s.fieldId;
+        return r.fieldId;
       },
       get class() {
-        return _(O.label, e.class);
+        return _(j.label, t.class);
       }
-    }), !1, !0), y(i, () => t.children), i;
+    }), !1, !0), d(s, () => n.children), s;
   })();
-}, lt = (n) => {
-  const [e, t] = A(n, ["class", "level"]), s = v(), i = B();
-  return s.setMessage({
-    level: e.level || "info",
-    id: i
-  }), I(se, {
+}, 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 = it();
-      return b(l, g(t, {
-        id: i,
+      var l = Ae();
+      return u(l, c(n, {
+        id: s,
         get class() {
-          return _(O.message, e.class, e.level === "error" && O.error);
+          return _(j.message, t.class, t.level === "error" && j.error);
         }
-      }), !1, !0), y(l, () => t.children), l;
+      }), !1, !0), d(l, () => n.children), l;
     }
   });
 };
-te.Label = ot;
-te.Message = lt;
+V.Label = Re;
+V.Message = He;
 export {
-  ct as Button,
-  at as Checkbox,
-  T as Dialog,
-  te as Field,
-  ft as TextInput
+  Ue as Button,
+  Ge as Checkbox,
+  v as Dialog,
+  V as Field,
+  ze as Link,
+  Je as TextInput,
+  T as buttonSx,
+  _ as cls
 };
+//# sourceMappingURL=main.js.map