solid-uix 0.3.0 → 0.4.0

package/README.md

@@ -10,8 +10,14 @@
 npm install solid-uix
 ```
 
+### Default font
+
+Solid UIX uses the Inter font by default. See [Setup — Fonts](/docs/setup_fonts.md) for complete details.
+
 ### Quick start
 
+Import components and styles.
+
 ```js
 import { Button, TextInput, Checkbox, Field } from "solid-uix";
 import "solid-uix/dist/main.css";

package/dist/button/button.types.d.ts

@@ -1,2 +1,4 @@
 import { JSX } from 'solid-js';
-export type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement>;
+export type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "solid" | "outlined";
+};

package/dist/dialog/dialog.d.ts

@@ -0,0 +1,11 @@
+import { ParentProps } from 'solid-js';
+import { DialogActionsProps, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogProps, DialogTitleProps } from './dialog.types';
+export declare const Dialog: {
+    (props: DialogProps): import("solid-js").JSX.Element;
+    Trigger: (props: ParentProps) => import("solid-js").JSX.Element;
+    Content: (props: DialogContentProps) => import("solid-js").JSX.Element;
+    Title: (props: DialogTitleProps) => import("solid-js").JSX.Element;
+    Description: (props: DialogDescriptionProps) => import("solid-js").JSX.Element;
+    Close: (props: DialogCloseProps) => import("solid-js").JSX.Element;
+    Actions: (props: DialogActionsProps) => import("solid-js").JSX.Element;
+};

package/dist/dialog/dialog.types.d.ts

@@ -0,0 +1,17 @@
+import { JSX, ParentProps } from 'solid-js';
+export type OnOpenChange = (isOpen: boolean) => void;
+/**
+ * Use event.preventDefault() to prevent dialog close
+ * @link https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement/cancel_event
+ */
+export type OnBeforeClose = (event: Event) => void;
+export type DialogProps = ParentProps & {
+    isOpen?: boolean;
+    onOpenChange?: OnOpenChange;
+    onBeforeClose?: OnBeforeClose;
+};
+export type DialogContentProps = JSX.DialogHtmlAttributes<HTMLDialogElement>;
+export type DialogTitleProps = JSX.HTMLAttributes<HTMLHeadingElement>;
+export type DialogDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement>;
+export type DialogCloseProps = ParentProps;
+export type DialogActionsProps = JSX.HTMLAttributes<HTMLDivElement>;

package/dist/dialog/provider/context.d.ts

@@ -0,0 +1,3 @@
+import { DialogContextValue } from './context.types';
+export declare const DialogContext: import('solid-js').Context<DialogContextValue>;
+export declare const useDialogContext: () => DialogContextValue;

package/dist/dialog/provider/context.types.d.ts

@@ -0,0 +1,14 @@
+import { Accessor, Setter } from 'solid-js';
+import { OnBeforeClose, OnOpenChange } from '../dialog.types';
+export type SetDialogRef = (element: HTMLDialogElement) => void;
+export type DialogContextValue = {
+    setDialogRef: SetDialogRef;
+    ariaLabelledBy: Accessor<string | undefined>;
+    ariaDescribedBy: Accessor<string | undefined>;
+    setTitleId: Setter<string | undefined>;
+    setDescriptionId: Setter<string | undefined>;
+    openDialog(): void;
+    closeDialog(): void;
+    onOpenChange?: OnOpenChange;
+    onBeforeClose?: OnBeforeClose;
+};

package/dist/dialog/provider/provider.d.ts

@@ -0,0 +1,2 @@
+import { DialogProviderProps } from './provider.types';
+export declare const DialogProvider: (props: DialogProviderProps) => import("solid-js").JSX.Element;

package/dist/dialog/provider/provider.types.d.ts

@@ -0,0 +1,7 @@
+import { ParentProps } from 'solid-js';
+import { OnBeforeClose, OnOpenChange } from '../dialog.types';
+export type DialogProviderProps = ParentProps & {
+    isOpen?: boolean;
+    onOpenChange?: OnOpenChange;
+    onBeforeClose?: OnBeforeClose;
+};

package/dist/main.css

@@ -1 +1 @@
-:root{--colors-black-100: #efeff4;--colors-black-150: #d9d9df;--colors-black-200: #c1c2cb;--colors-black-300: #acadb6;--colors-black-400: #9495a0;--colors-black-500: #777987;--colors-black-600: #61636d;--colors-black-700: #494a56;--colors-black-800: #22232a;--colors-black-850: #17181e;--colors-black-900: #0a0b11;--colors-white-50-transparent: #ffffff0d;--colors-accent-400: #f7689d;--colors-accent-500: #ec5990;--colors-accent-600: #d8497d;--colors-error-400: #ff6645;--colors-error-500: #ec441f;color-scheme:light dark;color:var(--colors-black-100);background-color:var(--colors-black-900);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._button_1xfap_1{height:48px;box-sizing:border-box;border:none;width:100%;min-width:164px;background:var(--colors-accent-500);border-radius:6px;padding:0 10px;transition:background .3s;font-family:Inter;font-weight:500;font-size:16px;line-height:22px;letter-spacing:0%;text-align:center;color:var(--colors-black-900);cursor:pointer}._button_1xfap_1:hover{background:var(--colors-accent-400)}._button_1xfap_1:disabled{background:var(--colors-black-700);color:var(--colors-black-400);cursor:not-allowed}._button_1xfap_1:focus-visible{outline:solid 2px var(--colors-accent-500);outline-offset:2px}._input_1nlce_1{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:48px;width:100%;padding:12px;box-sizing:border-box;border:1px solid var(--colors-black-500);border-radius:6px;outline:none;background-color:var(--colors-black-900);font-family:Inter;font-weight:400;font-size:16px;line-height:22px;letter-spacing:0%;color:var(--colors-black-100)}._input_1nlce_1:focus{border-color:var(--colors-black-200)}._input_1nlce_1:disabled{border-color:var(--colors-black-700);color:var(--colors-black-600);cursor:not-allowed}._input_1nlce_1[aria-invalid=true]{border-color:var(--colors-error-500)}._input_1nlce_1[aria-invalid=true]:focus{border-color:var(--colors-error-400)}._checkbox_1npj4_1{position:relative;display:inline-flex;align-items:center;gap:6px}._input_1npj4_8{position:absolute;margin:0;opacity:0;height:100%;width:100%;cursor:pointer;outline:none}._indicator_1npj4_18{display:block;width:20px;height:20px;border:1.5px solid var(--colors-black-400);border-radius:50%}._input_1npj4_8:checked+._indicator_1npj4_18{content:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2020%2020'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.7958%207.18239L8.41335%2014.5648C8.34906%2014.6293%208.27265%2014.6805%208.18853%2014.7155C8.1044%2014.7504%208.01421%2014.7684%207.92311%2014.7684C7.83202%2014.7684%207.74183%2014.7504%207.6577%2014.7155C7.57358%2014.6805%207.49717%2014.6293%207.43288%2014.5648L4.20306%2011.335C4.13868%2011.2706%204.08762%2011.1942%204.05277%2011.1101C4.01793%2011.026%204%2010.9358%204%2010.8448C4%2010.7537%204.01793%2010.6636%204.05277%2010.5794C4.08762%2010.4953%204.13868%2010.4189%204.20306%2010.3545C4.26744%2010.2901%204.34387%2010.2391%204.42799%2010.2042C4.5121%2010.1694%204.60226%2010.1515%204.6933%2010.1515C4.78435%2010.1515%204.8745%2010.1694%204.95862%2010.2042C5.04273%2010.2391%205.11916%2010.2901%205.18354%2010.3545L7.92369%2013.0947L14.8165%206.20306C14.9465%206.07304%2015.1228%206%2015.3067%206C15.4906%206%2015.6669%206.07304%2015.7969%206.20306C15.927%206.33308%2016%206.50943%2016%206.6933C16%206.87718%2015.927%207.05352%2015.7969%207.18354L15.7958%207.18239Z'%20/%3e%3c/svg%3e");background:var(--colors-accent-500);border-color:var(--colors-accent-500)}._input_1npj4_8:focus-visible+._indicator_1npj4_18{outline:solid 2px var(--colors-accent-500);outline-offset:2px}._label_1npj4_37{font-family:Inter;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;color:var(--colors-black-100)}._checkbox_1npj4_1._disabled_1npj4_46{opacity:.5}._input_1npj4_8:disabled{cursor:not-allowed}._input_1npj4_8[aria-invalid=true]+._indicator_1npj4_18{border-color:var(--colors-error-500)}._input_1npj4_8[aria-invalid=true]:checked+._indicator_1npj4_18{background:var(--colors-error-500)}._field_1ijme_1{display:flex;flex-direction:column;width:100%}._label_1ijme_7{width:fit-content;margin-bottom:6px;font-family:Inter;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;color:var(--colors-black-300)}._message_1ijme_19{margin:6px 0 0;font-family:Inter;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0%;color:var(--colors-black-400)}._message_1ijme_19._error_1ijme_31{color:var(--colors-error-400)}
+:root{--colors-black-100: #efeff4;--colors-black-150: #d9d9df;--colors-black-200: #c1c2cb;--colors-black-300: #acadb6;--colors-black-400: #9495a0;--colors-black-500: #777987;--colors-black-600: #61636d;--colors-black-700: #494a56;--colors-black-800: #22232a;--colors-black-850: #17181e;--colors-black-900: #0a0b11;--colors-white-50-transparent: #ffffff0d;--colors-background: #191d3a;--colors-backdrop: #00000080;--colors-accent-400: #f7689d;--colors-accent-500: #ec5990;--colors-accent-600: #d8497d;--colors-error-400: #ff6645;--colors-error-500: #ec441f;color-scheme:light dark;color:var(--colors-black-100);background:var(--colors-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}._button_12jrf_1{height:48px;box-sizing:border-box;border:none;width:100%;min-width:164px;border-radius:6px;padding:0 10px;cursor:pointer;font-family:Inter;font-weight:500;font-size:16px;line-height:22px;letter-spacing:0%;text-align:center}._button_12jrf_1:disabled{cursor:not-allowed}._button_12jrf_1:focus-visible{outline:solid 2px var(--colors-accent-500);outline-offset:2px}._button_12jrf_1.solid{background:var(--colors-accent-500);color:var(--colors-black-900)}._button_12jrf_1.solid:hover{background:var(--colors-accent-400)}._button_12jrf_1.solid:disabled{background:var(--colors-black-700);color:var(--colors-black-400)}._button_12jrf_1.outlined{background:none;border:1.5px var(--colors-black-100) solid;color:var(--colors-black-100)}._button_12jrf_1.outlined:hover{border-color:var(--colors-black-300);color:var(--colors-black-300)}._button_12jrf_1.outlined:disabled{border-color:var(--colors-black-500);color:var(--colors-black-500)}._checkbox_1npj4_1{position:relative;display:inline-flex;align-items:center;gap:6px}._input_1npj4_8{position:absolute;margin:0;opacity:0;height:100%;width:100%;cursor:pointer;outline:none}._indicator_1npj4_18{display:block;width:20px;height:20px;border:1.5px solid var(--colors-black-400);border-radius:50%}._input_1npj4_8:checked+._indicator_1npj4_18{content:url("data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2020%2020'%20fill='currentColor'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M15.7958%207.18239L8.41335%2014.5648C8.34906%2014.6293%208.27265%2014.6805%208.18853%2014.7155C8.1044%2014.7504%208.01421%2014.7684%207.92311%2014.7684C7.83202%2014.7684%207.74183%2014.7504%207.6577%2014.7155C7.57358%2014.6805%207.49717%2014.6293%207.43288%2014.5648L4.20306%2011.335C4.13868%2011.2706%204.08762%2011.1942%204.05277%2011.1101C4.01793%2011.026%204%2010.9358%204%2010.8448C4%2010.7537%204.01793%2010.6636%204.05277%2010.5794C4.08762%2010.4953%204.13868%2010.4189%204.20306%2010.3545C4.26744%2010.2901%204.34387%2010.2391%204.42799%2010.2042C4.5121%2010.1694%204.60226%2010.1515%204.6933%2010.1515C4.78435%2010.1515%204.8745%2010.1694%204.95862%2010.2042C5.04273%2010.2391%205.11916%2010.2901%205.18354%2010.3545L7.92369%2013.0947L14.8165%206.20306C14.9465%206.07304%2015.1228%206%2015.3067%206C15.4906%206%2015.6669%206.07304%2015.7969%206.20306C15.927%206.33308%2016%206.50943%2016%206.6933C16%206.87718%2015.927%207.05352%2015.7969%207.18354L15.7958%207.18239Z'%20/%3e%3c/svg%3e");background:var(--colors-accent-500);border-color:var(--colors-accent-500)}._input_1npj4_8:focus-visible+._indicator_1npj4_18{outline:solid 2px var(--colors-accent-500);outline-offset:2px}._label_1npj4_37{font-family:Inter;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;color:var(--colors-black-100)}._checkbox_1npj4_1._disabled_1npj4_46{opacity:.5}._input_1npj4_8:disabled{cursor:not-allowed}._input_1npj4_8[aria-invalid=true]+._indicator_1npj4_18{border-color:var(--colors-error-500)}._input_1npj4_8[aria-invalid=true]:checked+._indicator_1npj4_18{background:var(--colors-error-500)}._input_1nlce_1{appearance:none;-webkit-appearance:none;-moz-appearance:none;height:48px;width:100%;padding:12px;box-sizing:border-box;border:1px solid var(--colors-black-500);border-radius:6px;outline:none;background-color:var(--colors-black-900);font-family:Inter;font-weight:400;font-size:16px;line-height:22px;letter-spacing:0%;color:var(--colors-black-100)}._input_1nlce_1:focus{border-color:var(--colors-black-200)}._input_1nlce_1:disabled{border-color:var(--colors-black-700);color:var(--colors-black-600);cursor:not-allowed}._input_1nlce_1[aria-invalid=true]{border-color:var(--colors-error-500)}._input_1nlce_1[aria-invalid=true]:focus{border-color:var(--colors-error-400)}._dialog_1klsa_1[open]{background:var(--colors-black-800);border-radius:20px;border:none;padding:32px 24px;display:flex;flex-direction:column;box-shadow:0 6px 10px #0003}._dialog_1klsa_1::backdrop{background:var(--colors-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}._title_1klsa_16{margin:0 0 24px;font-family:Inter;font-weight:500;font-size:24px;text-align:center}._description_1klsa_26{margin:0;font-family:Inter;font-weight:400;font-style:Regular;font-size:16px;text-align:center;color:#ffffffb2}._actions_1klsa_37{margin-top:32px;display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){._actions_1klsa_37{flex-direction:row-reverse;gap:24px}}._field_1ijme_1{display:flex;flex-direction:column;width:100%}._label_1ijme_7{width:fit-content;margin-bottom:6px;font-family:Inter;font-weight:400;font-size:14px;line-height:18px;letter-spacing:0;color:var(--colors-black-300)}._message_1ijme_19{margin:6px 0 0;font-family:Inter;font-weight:400;font-size:12px;line-height:16px;letter-spacing:0%;color:var(--colors-black-400)}._message_1ijme_19._error_1ijme_31{color:var(--colors-error-400)}

package/dist/main.d.ts

@@ -1,4 +1,11 @@
+/**
+ * Interactive
+ */
 export { Button } from './button/button';
-export { TextInput } from './text_input/text_input';
 export { Checkbox } from './checkbox/checkbox';
+export { TextInput } from './text_input/text_input';
+/**
+ * Feedback
+ */
+export { Dialog } from './dialog/dialog';
 export { Field } from './field/field';

package/dist/main.js

@@ -1,8 +1,8 @@
-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 p, createComponent as O, splitProps as E, Show as Y } 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), {
+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"
-}), z = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+}), ce = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   novalidate: {
     $: "noValidate",
@@ -31,13 +31,13 @@ const J = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "cont
     TEXTAREA: 1
   }
 });
-function v(s, e) {
-  const t = z[s];
+function ae(n, e) {
+  const t = ce[n];
   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;
+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++;
@@ -46,187 +46,187 @@ function se(s, e, t) {
     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);
+      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; )
-        (!f || !f.has(e[c])) && e[c].remove(), c++;
+        (!a || !a.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];
+      const f = e[--i].nextSibling;
+      n.insertBefore(t[o++], e[c++].nextSibling), n.insertBefore(t[--l], f), e[i] = t[l];
     } else {
-      if (!f) {
-        f = /* @__PURE__ */ new Map();
+      if (!a) {
+        a = /* @__PURE__ */ new Map();
         let u = o;
-        for (; u < l; ) f.set(t[u], u++);
+        for (; u < l; ) a.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); )
+      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 > a - o) {
-            const P = e[c];
-            for (; o < a; ) s.insertBefore(t[o++], P);
-          } else s.replaceChild(t[o++], e[c++]);
+          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 D = "_$DX_DELEGATE";
-function b(s, e, t, n) {
+const G = "_$DX_DELEGATE";
+function h(n, e, t, s) {
   let i;
   const l = () => {
     const o = document.createElement("template");
-    return o.innerHTML = s, o.content.firstChild;
+    return o.innerHTML = n, 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 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 M(s, e, t) {
-  w(s) || (t == null ? s.removeAttribute(e) : s.setAttribute(e, t));
+function S(n, e, t) {
+  M(n) || (t == null ? n.removeAttribute(e) : n.setAttribute(e, t));
 }
-function ie(s, e, t) {
-  w(s) || (t ? s.setAttribute(e, "") : s.removeAttribute(e));
+function ge(n, e, t) {
+  M(n) || (t ? n.setAttribute(e, "") : n.removeAttribute(e));
 }
-function L(s, e) {
-  w(s) || (e == null ? s.removeAttribute("class") : s.className = e);
+function P(n, e) {
+  M(n) || (e == null ? n.removeAttribute("class") : n.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;
+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];
-    s.addEventListener(e, t[0] = (l) => i.call(s, t[1], l));
-  } else s.addEventListener(e, t, typeof t != "function" && t);
+    n.addEventListener(e, t[0] = (l) => i.call(n, t[1], l));
+  } else n.addEventListener(e, t, typeof t != "function" && t);
 }
-function le(s, e, t = {}) {
-  const n = Object.keys(e || {}), i = Object.keys(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] || (F(s, o, !1), delete t[o]);
+    !o || o === "undefined" || e[o] || (K(n, 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);
+  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 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 = {});
+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 && n.removeProperty(l), delete t[l];
+    e[l] == null && s.removeProperty(l), delete t[l];
   for (l in e)
-    i = e[l], i !== t[l] && (n.setProperty(l, i), t[l] = i);
+    i = e[l], i !== t[l] && (s.setProperty(l, i), t[l] = i);
   return t;
 }
-function x(s, e = {}, t, n) {
+function b(n, e = {}, t, s) {
   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;
+  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 ce(s, e, t) {
-  return K(() => s(e, t));
+function z(n, e, t) {
+  return ne(() => n(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 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 fe(s, e, t, n, i = {}, l = !1) {
+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] = V(s, c, null, i[c], t, l, e);
+      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] = V(s, c, o, i[c], t, l, e);
+    i[c] = R(n, c, o, i[c], t, l, e);
   }
 }
-function w(s) {
-  return !!g.context && !g.done && (!s || s.isConnected);
+function M(n) {
+  return !!m.context && !m.done && (!n || n.isConnected);
 }
-function ae(s) {
-  return s.toLowerCase().replace(/-([a-z])/g, (e, t) => t.toUpperCase());
+function me(n) {
+  return n.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 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 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;
+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(s);
+    l || t(n);
   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);
+    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);
-    n && s.removeEventListener(d, n, !0), t && s.addEventListener(d, t, !0);
+    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(), y = ee.has(d);
-    if (!y && n) {
-      const P = Array.isArray(n) ? n[0] : n;
-      s.removeEventListener(d, P);
+    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);
     }
-    (y || t) && (oe(s, d, t, y), y && ne([d]));
+    (C || t) && (he(n, d, t, C), C && ue([d]));
   } else if (e.slice(0, 5) === "attr:")
-    M(s, e.slice(5), t);
+    S(n, 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)) {
+    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 (w(s)) return t;
-    e === "class" || e === "className" ? L(s, t) : o && !r && !f ? s[ae(e)] = t : s[a || e] = t;
+    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
-    M(s, Z[e] || e, t);
+    S(n, re[e] || e, t);
   return t;
 }
-function de(s) {
-  if (g.registry && g.events && g.events.find(([r, f]) => f === s))
+function $e(n) {
+  if (m.registry && m.events && m.events.find(([r, a]) => a === n))
     return;
-  let e = s.target;
-  const t = `$$${s.type}`, n = s.target, i = s.currentTarget, l = (r) => Object.defineProperty(s, "target", {
+  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 f = e[`${t}Data`];
-      if (f !== void 0 ? r.call(e, f, s) : r.call(e, s), s.cancelBubble) return;
+      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(s.target) && l(e.host), !0;
+    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(s, "currentTarget", {
+  if (Object.defineProperty(n, "currentTarget", {
     configurable: !0,
     get() {
       return e || document;
     }
-  }), g.registry && !g.done && (g.done = _$HY.done = !0), s.composedPath) {
-    const r = s.composedPath();
+  }), m.registry && !m.done && (m.done = _$HY.done = !0), n.composedPath) {
+    const r = n.composedPath();
     l(r[0]);
-    for (let f = 0; f < r.length - 2 && (e = r[f], !!c()); f++) {
+    for (let a = 0; a < r.length - 2 && (e = r[a], !!c()); a++) {
       if (e._$host) {
         e = e._$host, o();
         break;
@@ -235,133 +235,172 @@ function de(s) {
         break;
     }
   } else o();
-  l(n);
+  l(s);
 }
-function C(s, e, t, n, i) {
-  const l = w(s);
+function N(n, e, t, s, i) {
+  const l = M(n);
   if (l) {
-    !t && (t = [...s.childNodes]);
+    !t && (t = [...n.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);
+    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 = n !== void 0;
-  if (s = o && t[0] && t[0].parentNode || s, c === "string" || c === "number") {
+  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 = m(s, t, n, r);
+      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 = s.firstChild.data = e : t = s.textContent = e;
+      t !== "" && typeof t == "string" ? t = n.firstChild.data = e : t = n.textContent = e;
   } else if (e == null || c === "boolean") {
     if (l) return t;
-    t = m(s, t, n);
+    t = x(n, t, s);
   } else {
     if (c === "function")
-      return h(() => {
+      return $(() => {
         let r = e();
         for (; typeof r == "function"; ) r = r();
-        t = C(s, r, t, n);
+        t = N(n, r, t, s);
       }), () => 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;
+      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 (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);
+        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;
       }
       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));
+        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 = m(s, t, n, e);
-        m(s, t, null, e);
-      } else t == null || t === "" || !s.firstChild ? s.appendChild(e) : s.replaceChild(e, s.firstChild);
+        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 I(s, e, t, n) {
+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[s.length], f;
-    if (!(o == null || o === !0 || o === !1)) if ((f = typeof o) == "object" && o.nodeType)
-      s.push(o);
+    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 = I(s, o, r) || i;
-    else if (f === "function")
-      if (n) {
+      i = H(n, o, r) || i;
+    else if (a === "function")
+      if (s) {
         for (; typeof o == "function"; ) o = o();
-        i = I(s, Array.isArray(o) ? o : [o], Array.isArray(r) ? r : [r]) || i;
+        i = H(n, Array.isArray(o) ? o : [o], Array.isArray(r) ? r : [r]) || i;
       } else
-        s.push(o), i = !0;
+        n.push(o), i = !0;
     else {
-      const a = String(o);
-      r && r.nodeType === 3 && r.data === a ? s.push(r) : s.push(document.createTextNode(a));
+      const f = String(o);
+      r && r.nodeType === 3 && r.data === f ? n.push(r) : n.push(document.createTextNode(f));
     }
   }
   return i;
 }
-function U(s, e, t = null) {
-  for (let n = 0, i = e.length; n < i; n++) s.insertBefore(e[n], t);
+function X(n, e, t = null) {
+  for (let s = 0, i = e.length; s < i; s++) n.insertBefore(e[s], t);
 }
-function m(s, e, t, n) {
-  if (t === void 0) return s.textContent = "";
-  const i = n || document.createTextNode("");
+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 === s;
-        !l && !c ? r ? s.replaceChild(i, o) : s.insertBefore(i, t) : r && o.remove();
+        const r = o.parentNode === n;
+        !l && !c ? r ? n.replaceChild(i, o) : n.insertBefore(i, t) : r && o.remove();
       } else l = !0;
     }
-  } else s.insertBefore(i, t);
+  } else n.insertBefore(i, t);
   return [i];
 }
-const ue = "_button_1xfap_1", ge = {
-  button: ue
+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"]);
+  return (() => {
+    var s = Ae();
+    return b(s, g(t, {
+      get class() {
+        return _(xe.button, t.class, e.variant || "solid");
+      }
+    }), !1, !0), y(s, () => n.children), s;
+  })();
+}, 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
 };
-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 = {
+var Ne = /* @__PURE__ */ h("<span><input><span>"), Be = /* @__PURE__ */ h("<label>");
+const at = (n) => {
+  const [e, t] = A(n, ["label", "error", "class"]), s = B();
+  return (() => {
+    var i = Ne(), l = i.firstChild, c = l.nextSibling;
+    return b(l, g(t, {
+      id: s,
+      type: "checkbox",
+      get class() {
+        return E.input;
+      },
+      get "aria-invalid"() {
+        return !!e.error;
+      }
+    }), !1, !1), y(i, (() => {
+      var o = q(() => !!e.label);
+      return () => o() && (() => {
+        var r = Be();
+        return S(r, "for", s), y(r, () => e.label), $(() => P(r, E.label)), r;
+      })();
+    })(), 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;
+    }, {
+      e: void 0,
+      t: void 0
+    }), i;
+  })();
+}, 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: 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] = p([]), i = N(() => s.error), l = N(() => H(t())), c = N(() => H(t().filter(ye))), o = (r) => {
-    n((f) => [...f, r]);
+  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 O(q.Provider, {
+  return I(p.Provider, {
     value: {
       fieldId: e,
       error: i,
@@ -370,131 +409,221 @@ const Ue = (s) => (() => {
       ariaErrorMessage: c
     },
     get children() {
-      return s.children;
+      return n.children;
     }
   });
-}, $e = "_input_1nlce_1", xe = {
-  input: $e
+}, Pe = "_input_1nlce_1", Se = {
+  input: Pe
 };
-var Ae = /* @__PURE__ */ b("<input>");
-const He = (s) => {
-  const [e, t] = E(s, ["error", "class"]), n = k();
+var Oe = /* @__PURE__ */ h("<input>");
+const ft = (n) => {
+  const [e, t] = A(n, ["error", "class"]), s = v();
   return (() => {
-    var i = Ae();
-    return x(i, $(t, {
+    var i = Oe();
+    return b(i, g(t, {
       get class() {
-        return T(xe.input, e.class);
+        return _(Se.input, e.class);
       },
       get id() {
-        return n.fieldId;
+        return s.fieldId;
       },
-      type: "text",
       get "aria-describedby"() {
-        return n.ariaDescribedBy();
+        return s.ariaDescribedBy();
       },
       get "aria-invalid"() {
-        return n.error() || !!e.error;
+        return s.error() || !!e.error;
       },
       get "aria-errormessage"() {
-        return n.ariaErrorMessage();
+        return s.ariaErrorMessage();
       }
     }), !1, !1), i;
   })();
-}, 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
+}, ke = {
+  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);
+  }, a = () => {
+    e == null || e.requestClose();
+  };
+  return U(() => {
+    o() ? r() : a();
+  }), I(ee.Provider, {
+    get value() {
+      return {
+        ariaLabelledBy: s,
+        ariaDescribedBy: l,
+        setDialogRef: t,
+        setTitleId: i,
+        setDescriptionId: c,
+        openDialog: r,
+        closeDialog: a,
+        onOpenChange: n.onOpenChange,
+        onBeforeClose: n.onBeforeClose
+      };
+    },
+    get children() {
+      return n.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
 };
-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 ve = /* @__PURE__ */ h("<dialog>"), Ge = /* @__PURE__ */ h("<h2>"), Ke = /* @__PURE__ */ h("<p>"), Re = /* @__PURE__ */ h("<div>");
+const T = (n) => I(Ve, g(n, {
+  get children() {
+    return n.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();
   return (() => {
-    var i = Le(), l = i.firstChild, c = l.nextSibling;
-    return x(l, $(t, {
-      id: n,
-      type: "checkbox",
+    var t = ve();
+    return z((s) => {
+      n.ref = s, e.setDialogRef(s);
+    }, t), b(t, g(n, {
       get class() {
-        return A.input;
+        return _(k.dialog, n.class);
       },
-      get "aria-invalid"() {
-        return !!e.error;
+      get "aria-labelledby"() {
+        return e.ariaLabelledBy();
+      },
+      get "aria-describedby"() {
+        return e.ariaDescribedBy();
+      },
+      onClose: () => {
+        var s;
+        return (s = e.onOpenChange) == null ? void 0 : s.call(e, !1);
+      },
+      get onCancel() {
+        return e.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), y(t, () => n.children), t;
+  })();
+}, Je = (n) => {
+  const e = j(), t = B();
+  return e.setTitleId(t), (() => {
+    var s = Ge();
+    return b(s, g(n, {
+      id: t,
+      get class() {
+        return _(k.title, n.class);
+      }
+    }), !1, !0), y(s, () => n.children), s;
   })();
-}, 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
+}, Qe = (n) => {
+  const e = j(), t = B();
+  return e.setDescriptionId(t), (() => {
+    var s = Ke();
+    return b(s, g(n, {
+      id: t,
+      get class() {
+        return _(k.description, n.class);
+      }
+    }), !1, !0), y(s, () => n.children), s;
+  })();
+}, 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, {
+    get class() {
+      return _(k.actions, n.class);
+    }
+  }), !1, !0), y(e, () => n.children), e;
+})();
+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
 };
-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 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, {
     get error() {
       return !!e.error;
     },
     get children() {
-      var n = Be();
-      return x(n, $(t, {
+      var s = nt();
+      return b(s, g(t, {
         get class() {
-          return T(j.field, e.class);
+          return _(O.field, e.class);
         }
-      }), !1, !0), _(n, () => s.children), n;
+      }), !1, !0), y(s, () => n.children), s;
     }
   });
-}, De = (s) => {
-  const [e, t] = E(s, ["class"]), n = k();
+}, ot = (n) => {
+  const [e, t] = A(n, ["class"]), s = v();
   return (() => {
-    var i = Oe();
-    return x(i, $(t, {
+    var i = st();
+    return b(i, g(t, {
       get for() {
-        return n.fieldId;
+        return s.fieldId;
       },
       get class() {
-        return T(j.label, e.class);
+        return _(O.label, e.class);
       }
-    }), !1, !0), _(i, () => t.children), i;
+    }), !1, !0), y(i, () => t.children), i;
   })();
-}, Fe = (s) => {
-  const [e, t] = E(s, ["class", "level"]), n = k(), i = B();
-  return n.setMessage({
+}, lt = (n) => {
+  const [e, t] = A(n, ["class", "level"]), s = v(), i = B();
+  return s.setMessage({
     level: e.level || "info",
     id: i
-  }), O(Y, {
+  }), I(se, {
     get when() {
       return t.children;
     },
     get children() {
-      var l = ke();
-      return x(l, $(t, {
+      var l = it();
+      return b(l, g(t, {
         id: i,
         get class() {
-          return T(j.message, e.class, e.level === "error" && j.error);
+          return _(O.message, e.class, e.level === "error" && O.error);
         }
-      }), !1, !0), _(l, () => t.children), l;
+      }), !1, !0), y(l, () => t.children), l;
     }
   });
 };
-G.Label = De;
-G.Message = Fe;
+te.Label = ot;
+te.Message = lt;
 export {
-  Ue as Button,
-  qe as Checkbox,
-  G as Field,
-  He as TextInput
+  ct as Button,
+  at as Checkbox,
+  T as Dialog,
+  te as Field,
+  ft as TextInput
 };

package/dist/main.umd.cjs

@@ -1 +1 @@
-(function(h,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("solid-js")):typeof define=="function"&&define.amd?define(["exports","solid-js"],f):(h=typeof globalThis<"u"?globalThis:h||self,f(h["solid-uix"]={},h.solid))})(this,function(h,f){"use strict";const R=["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"],D=new Set(["className","value","readOnly","noValidate","formNoValidate","isMap","noModule","playsInline",...R]),V=new Set(["innerHTML","textContent","innerText","children"]),U=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),q=Object.assign(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 H(n,e){const t=q[n];return typeof t=="object"?t[e]?t.$:void 0:t}const G=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),K=n=>f.createMemo(()=>n());function X(n,e,t){let i=t.length,s=e.length,o=i,c=0,r=0,l=e[s-1].nextSibling,a=null;for(;c<s||r<o;){if(e[c]===t[r]){c++,r++;continue}for(;e[s-1]===t[o-1];)s--,o--;if(s===c){const d=o<i?r?t[r-1].nextSibling:t[o-r]:l;for(;r<o;)n.insertBefore(t[r++],d)}else if(o===r)for(;c<s;)(!a||!a.has(e[c]))&&e[c].remove(),c++;else if(e[c]===t[o-1]&&t[r]===e[s-1]){const d=e[--s].nextSibling;n.insertBefore(t[r++],e[c++].nextSibling),n.insertBefore(t[--o],d),e[s]=t[o]}else{if(!a){a=new Map;let g=r;for(;g<o;)a.set(t[g],g++)}const d=a.get(e[c]);if(d!=null)if(r<d&&d<o){let g=c,u=1,m;for(;++g<s&&g<o&&!((m=a.get(e[g]))==null||m!==d+u);)u++;if(u>d-r){const S=e[c];for(;r<d;)n.insertBefore(t[r++],S)}else n.replaceChild(t[r++],e[c++])}else c++;else e[c++].remove()}}}const p="_$DX_DELEGATE";function y(n,e,t,i){let s;const o=()=>{const r=document.createElement("template");return r.innerHTML=n,r.content.firstChild},c=()=>(s||(s=o())).cloneNode(!0);return c.cloneNode=c,c}function Y(n,e=window.document){const t=e[p]||(e[p]=new Set);for(let i=0,s=n.length;i<s;i++){const o=n[i];t.has(o)||(t.add(o),e.addEventListener(o,te))}}function T(n,e,t){x(n)||(t==null?n.removeAttribute(e):n.setAttribute(e,t))}function Q(n,e,t){x(n)||(t?n.setAttribute(e,""):n.removeAttribute(e))}function P(n,e){x(n)||(e==null?n.removeAttribute("class"):n.className=e)}function W(n,e,t,i){if(i)Array.isArray(t)?(n[`$$${e}`]=t[0],n[`$$${e}Data`]=t[1]):n[`$$${e}`]=t;else if(Array.isArray(t)){const s=t[0];n.addEventListener(e,t[0]=o=>s.call(n,t[1],o))}else n.addEventListener(e,t,typeof t!="function"&&t)}function Z(n,e,t={}){const i=Object.keys(e||{}),s=Object.keys(t);let o,c;for(o=0,c=s.length;o<c;o++){const r=s[o];!r||r==="undefined"||e[r]||(I(n,r,!1),delete t[r])}for(o=0,c=i.length;o<c;o++){const r=i[o],l=!!e[r];!r||r==="undefined"||t[r]===l||!l||(I(n,r,!0),t[r]=l)}return t}function z(n,e,t){if(!e)return t?T(n,"style"):e;const i=n.style;if(typeof e=="string")return i.cssText=e;typeof t=="string"&&(i.cssText=t=void 0),t||(t={}),e||(e={});let s,o;for(o in t)e[o]==null&&i.removeProperty(o),delete t[o];for(o in e)s=e[o],s!==t[o]&&(i.setProperty(o,s),t[o]=s);return t}function b(n,e={},t,i){const s={};return i||f.createRenderEffect(()=>s.children=C(n,e.children,s.children)),f.createRenderEffect(()=>typeof e.ref=="function"&&v(e.ref,n)),f.createRenderEffect(()=>J(n,e,t,!0,s,!0)),s}function v(n,e,t){return f.untrack(()=>n(e,t))}function _(n,e,t,i){if(t!==void 0&&!i&&(i=[]),typeof e!="function")return C(n,e,i,t);f.createRenderEffect(s=>C(n,e(),s,t),i)}function J(n,e,t,i,s={},o=!1){e||(e={});for(const c in s)if(!(c in e)){if(c==="children")continue;s[c]=B(n,c,null,s[c],t,o,e)}for(const c in e){if(c==="children")continue;const r=e[c];s[c]=B(n,c,r,s[c],t,o,e)}}function x(n){return!!f.sharedConfig.context&&!f.sharedConfig.done&&(!n||n.isConnected)}function ee(n){return n.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase())}function I(n,e,t){const i=e.trim().split(/\s+/);for(let s=0,o=i.length;s<o;s++)n.classList.toggle(i[s],t)}function B(n,e,t,i,s,o,c){let r,l,a,d,g;if(e==="style")return z(n,t,i);if(e==="classList")return Z(n,t,i);if(t===i)return i;if(e==="ref")o||t(n);else if(e.slice(0,3)==="on:"){const u=e.slice(3);i&&n.removeEventListener(u,i,typeof i!="function"&&i),t&&n.addEventListener(u,t,typeof t!="function"&&t)}else if(e.slice(0,10)==="oncapture:"){const u=e.slice(10);i&&n.removeEventListener(u,i,!0),t&&n.addEventListener(u,t,!0)}else if(e.slice(0,2)==="on"){const u=e.slice(2).toLowerCase(),m=G.has(u);if(!m&&i){const S=Array.isArray(i)?i[0]:i;n.removeEventListener(u,S)}(m||t)&&(W(n,u,t,m),m&&Y([u]))}else if(e.slice(0,5)==="attr:")T(n,e.slice(5),t);else if(e.slice(0,5)==="bool:")Q(n,e.slice(5),t);else if((g=e.slice(0,5)==="prop:")||(a=V.has(e))||(d=H(e,n.tagName))||(l=D.has(e))||(r=n.nodeName.includes("-")||"is"in c)){if(g)e=e.slice(5),l=!0;else if(x(n))return t;e==="class"||e==="className"?P(n,t):r&&!l&&!a?n[ee(e)]=t:n[d||e]=t}else T(n,U[e]||e,t);return t}function te(n){if(f.sharedConfig.registry&&f.sharedConfig.events&&f.sharedConfig.events.find(([l,a])=>a===n))return;let e=n.target;const t=`$$${n.type}`,i=n.target,s=n.currentTarget,o=l=>Object.defineProperty(n,"target",{configurable:!0,value:l}),c=()=>{const l=e[t];if(l&&!e.disabled){const a=e[`${t}Data`];if(a!==void 0?l.call(e,a,n):l.call(e,n),n.cancelBubble)return}return e.host&&typeof e.host!="string"&&!e.host._$host&&e.contains(n.target)&&o(e.host),!0},r=()=>{for(;c()&&(e=e._$host||e.parentNode||e.host););};if(Object.defineProperty(n,"currentTarget",{configurable:!0,get(){return e||document}}),f.sharedConfig.registry&&!f.sharedConfig.done&&(f.sharedConfig.done=_$HY.done=!0),n.composedPath){const l=n.composedPath();o(l[0]);for(let a=0;a<l.length-2&&(e=l[a],!!c());a++){if(e._$host){e=e._$host,r();break}if(e.parentNode===s)break}}else r();o(i)}function C(n,e,t,i,s){const o=x(n);if(o){!t&&(t=[...n.childNodes]);let l=[];for(let a=0;a<t.length;a++){const d=t[a];d.nodeType===8&&d.data.slice(0,2)==="!$"?d.remove():l.push(d)}t=l}for(;typeof t=="function";)t=t();if(e===t)return t;const c=typeof e,r=i!==void 0;if(n=r&&t[0]&&t[0].parentNode||n,c==="string"||c==="number"){if(o||c==="number"&&(e=e.toString(),e===t))return t;if(r){let l=t[0];l&&l.nodeType===3?l.data!==e&&(l.data=e):l=document.createTextNode(e),t=$(n,t,i,l)}else t!==""&&typeof t=="string"?t=n.firstChild.data=e:t=n.textContent=e}else if(e==null||c==="boolean"){if(o)return t;t=$(n,t,i)}else{if(c==="function")return f.createRenderEffect(()=>{let l=e();for(;typeof l=="function";)l=l();t=C(n,l,t,i)}),()=>t;if(Array.isArray(e)){const l=[],a=t&&Array.isArray(t);if(N(l,e,t,s))return f.createRenderEffect(()=>t=C(n,l,t,i,!0)),()=>t;if(o){if(!l.length)return t;if(i===void 0)return t=[...n.childNodes];let d=l[0];if(d.parentNode!==n)return t;const g=[d];for(;(d=d.nextSibling)!==i;)g.push(d);return t=g}if(l.length===0){if(t=$(n,t,i),r)return t}else a?t.length===0?O(n,l,i):X(n,t,l):(t&&$(n),O(n,l));t=l}else if(e.nodeType){if(o&&e.parentNode)return t=r?[e]:e;if(Array.isArray(t)){if(r)return t=$(n,t,i,e);$(n,t,null,e)}else t==null||t===""||!n.firstChild?n.appendChild(e):n.replaceChild(e,n.firstChild);t=e}}return t}function N(n,e,t,i){let s=!1;for(let o=0,c=e.length;o<c;o++){let r=e[o],l=t&&t[n.length],a;if(!(r==null||r===!0||r===!1))if((a=typeof r)=="object"&&r.nodeType)n.push(r);else if(Array.isArray(r))s=N(n,r,l)||s;else if(a==="function")if(i){for(;typeof r=="function";)r=r();s=N(n,Array.isArray(r)?r:[r],Array.isArray(l)?l:[l])||s}else n.push(r),s=!0;else{const d=String(r);l&&l.nodeType===3&&l.data===d?n.push(l):n.push(document.createTextNode(d))}}return s}function O(n,e,t=null){for(let i=0,s=e.length;i<s;i++)n.insertBefore(e[i],t)}function $(n,e,t,i){if(t===void 0)return n.textContent="";const s=i||document.createTextNode("");if(e.length){let o=!1;for(let c=e.length-1;c>=0;c--){const r=e[c];if(s!==r){const l=r.parentNode===n;!o&&!c?l?n.replaceChild(s,r):n.insertBefore(s,t):l&&r.remove()}else o=!0}}else n.insertBefore(s,t);return[s]}const ne={button:"_button_1xfap_1"};var ie=y("<button type=button>");const se=n=>(()=>{var e=ie();return b(e,f.mergeProps(n,{get class(){return ne.button}}),!1,!0),_(e,()=>n.children),e})(),A=(...n)=>n.filter(Boolean).join(" "),re=n=>n.level==="error",k=n=>{if(n.length)return n.map(e=>e.id).join(" ")},oe=()=>{},M=n=>()=>n,le={fieldId:"",error:M(!1),ariaDescribedBy:M(void 0),ariaErrorMessage:M(void 0),setMessage:oe},F=f.createContext(le,{}),j=()=>f.useContext(F),ce=n=>{const e=f.createUniqueId(),[t,i]=f.createSignal([]),s=f.createMemo(()=>n.error),o=f.createMemo(()=>k(t())),c=f.createMemo(()=>k(t().filter(re))),r=l=>{i(a=>[...a,l])};return f.createComponent(F.Provider,{value:{fieldId:e,error:s,setMessage:r,ariaDescribedBy:o,ariaErrorMessage:c},get children(){return n.children}})},fe={input:"_input_1nlce_1"};var ae=y("<input>");const de=n=>{const[e,t]=f.splitProps(n,["error","class"]),i=j();return(()=>{var s=ae();return b(s,f.mergeProps(t,{get class(){return A(fe.input,e.class)},get id(){return i.fieldId},type:"text",get"aria-describedby"(){return i.ariaDescribedBy()},get"aria-invalid"(){return i.error()||!!e.error},get"aria-errormessage"(){return i.ariaErrorMessage()}}),!1,!1),s})()},E={checkbox:"_checkbox_1npj4_1",input:"_input_1npj4_8",indicator:"_indicator_1npj4_18",label:"_label_1npj4_37",disabled:"_disabled_1npj4_46"};var ue=y("<span><input><span>"),ge=y("<label>");const he=n=>{const[e,t]=f.splitProps(n,["label","error","class"]),i=f.createUniqueId();return(()=>{var s=ue(),o=s.firstChild,c=o.nextSibling;return b(o,f.mergeProps(t,{id:i,type:"checkbox",get class(){return E.input},get"aria-invalid"(){return!!e.error}}),!1,!1),_(s,(()=>{var r=K(()=>!!e.label);return()=>r()&&(()=>{var l=ge();return T(l,"for",i),_(l,()=>e.label),f.createRenderEffect(()=>P(l,E.label)),l})()})(),null),f.createRenderEffect(r=>{var l=A(E.checkbox,e.class,t.disabled&&E.disabled),a=E.indicator;return l!==r.e&&P(s,r.e=l),a!==r.t&&P(c,r.t=a),r},{e:void 0,t:void 0}),s})()},w={field:"_field_1ijme_1",label:"_label_1ijme_7",message:"_message_1ijme_19",error:"_error_1ijme_31"};var ye=y("<div>"),me=y("<label>"),be=y("<p>");const L=n=>{const[e,t]=f.splitProps(n,["class","error"]);return f.createComponent(ce,{get error(){return!!e.error},get children(){var i=ye();return b(i,f.mergeProps(t,{get class(){return A(w.field,e.class)}}),!1,!0),_(i,()=>n.children),i}})},_e=n=>{const[e,t]=f.splitProps(n,["class"]),i=j();return(()=>{var s=me();return b(s,f.mergeProps(t,{get for(){return i.fieldId},get class(){return A(w.label,e.class)}}),!1,!0),_(s,()=>t.children),s})()},$e=n=>{const[e,t]=f.splitProps(n,["class","level"]),i=j(),s=f.createUniqueId();return i.setMessage({level:e.level||"info",id:s}),f.createComponent(f.Show,{get when(){return t.children},get children(){var o=be();return b(o,f.mergeProps(t,{id:s,get class(){return A(w.message,e.class,e.level==="error"&&w.error)}}),!1,!0),_(o,()=>t.children),o}})};L.Label=_e,L.Message=$e,h.Button=se,h.Checkbox=he,h.Field=L,h.TextInput=de,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
+(function(h,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("solid-js")):typeof define=="function"&&define.amd?define(["exports","solid-js"],c):(h=typeof globalThis<"u"?globalThis:h||self,c(h["solid-uix"]={},h.solid))})(this,function(h,c){"use strict";const K=["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"],X=new Set(["className","value","readOnly","noValidate","formNoValidate","isMap","noModule","playsInline",...K]),Y=new Set(["innerHTML","textContent","innerText","children"]),Q=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),W=Object.assign(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 Z(n,e){const t=W[n];return typeof t=="object"?t[e]?t.$:void 0:t}const z=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),j=n=>c.createMemo(()=>n());function J(n,e,t){let i=t.length,r=e.length,o=i,a=0,s=0,l=e[r-1].nextSibling,f=null;for(;a<r||s<o;){if(e[a]===t[s]){a++,s++;continue}for(;e[r-1]===t[o-1];)r--,o--;if(r===a){const d=o<i?s?t[s-1].nextSibling:t[o-s]:l;for(;s<o;)n.insertBefore(t[s++],d)}else if(o===s)for(;a<r;)(!f||!f.has(e[a]))&&e[a].remove(),a++;else if(e[a]===t[o-1]&&t[s]===e[r-1]){const d=e[--r].nextSibling;n.insertBefore(t[s++],e[a++].nextSibling),n.insertBefore(t[--o],d),e[r]=t[o]}else{if(!f){f=new Map;let g=s;for(;g<o;)f.set(t[g],g++)}const d=f.get(e[a]);if(d!=null)if(s<d&&d<o){let g=a,u=1,C;for(;++g<r&&g<o&&!((C=f.get(e[g]))==null||C!==d+u);)u++;if(u>d-s){const p=e[a];for(;s<d;)n.insertBefore(t[s++],p)}else n.replaceChild(t[s++],e[a++])}else a++;else e[a++].remove()}}}const k="_$DX_DELEGATE";function y(n,e,t,i){let r;const o=()=>{const s=document.createElement("template");return s.innerHTML=n,s.content.firstChild},a=()=>(r||(r=o())).cloneNode(!0);return a.cloneNode=a,a}function ee(n,e=window.document){const t=e[k]||(e[k]=new Set);for(let i=0,r=n.length;i<r;i++){const o=n[i];t.has(o)||(t.add(o),e.addEventListener(o,le))}}function M(n,e,t){E(n)||(t==null?n.removeAttribute(e):n.setAttribute(e,t))}function te(n,e,t){E(n)||(t?n.setAttribute(e,""):n.removeAttribute(e))}function w(n,e){E(n)||(e==null?n.removeAttribute("class"):n.className=e)}function ne(n,e,t,i){if(i)Array.isArray(t)?(n[`$$${e}`]=t[0],n[`$$${e}Data`]=t[1]):n[`$$${e}`]=t;else if(Array.isArray(t)){const r=t[0];n.addEventListener(e,t[0]=o=>r.call(n,t[1],o))}else n.addEventListener(e,t,typeof t!="function"&&t)}function ie(n,e,t={}){const i=Object.keys(e||{}),r=Object.keys(t);let o,a;for(o=0,a=r.length;o<a;o++){const s=r[o];!s||s==="undefined"||e[s]||(R(n,s,!1),delete t[s])}for(o=0,a=i.length;o<a;o++){const s=i[o],l=!!e[s];!s||s==="undefined"||t[s]===l||!l||(R(n,s,!0),t[s]=l)}return t}function re(n,e,t){if(!e)return t?M(n,"style"):e;const i=n.style;if(typeof e=="string")return i.cssText=e;typeof t=="string"&&(i.cssText=t=void 0),t||(t={}),e||(e={});let r,o;for(o in t)e[o]==null&&i.removeProperty(o),delete t[o];for(o in e)r=e[o],r!==t[o]&&(i.setProperty(o,r),t[o]=r);return t}function m(n,e={},t,i){const r={};return i||c.createRenderEffect(()=>r.children=T(n,e.children,r.children)),c.createRenderEffect(()=>typeof e.ref=="function"&&F(e.ref,n)),c.createRenderEffect(()=>se(n,e,t,!0,r,!0)),r}function F(n,e,t){return c.untrack(()=>n(e,t))}function b(n,e,t,i){if(t!==void 0&&!i&&(i=[]),typeof e!="function")return T(n,e,i,t);c.createRenderEffect(r=>T(n,e(),r,t),i)}function se(n,e,t,i,r={},o=!1){e||(e={});for(const a in r)if(!(a in e)){if(a==="children")continue;r[a]=U(n,a,null,r[a],t,o,e)}for(const a in e){if(a==="children")continue;const s=e[a];r[a]=U(n,a,s,r[a],t,o,e)}}function E(n){return!!c.sharedConfig.context&&!c.sharedConfig.done&&(!n||n.isConnected)}function oe(n){return n.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase())}function R(n,e,t){const i=e.trim().split(/\s+/);for(let r=0,o=i.length;r<o;r++)n.classList.toggle(i[r],t)}function U(n,e,t,i,r,o,a){let s,l,f,d,g;if(e==="style")return re(n,t,i);if(e==="classList")return ie(n,t,i);if(t===i)return i;if(e==="ref")o||t(n);else if(e.slice(0,3)==="on:"){const u=e.slice(3);i&&n.removeEventListener(u,i,typeof i!="function"&&i),t&&n.addEventListener(u,t,typeof t!="function"&&t)}else if(e.slice(0,10)==="oncapture:"){const u=e.slice(10);i&&n.removeEventListener(u,i,!0),t&&n.addEventListener(u,t,!0)}else if(e.slice(0,2)==="on"){const u=e.slice(2).toLowerCase(),C=z.has(u);if(!C&&i){const p=Array.isArray(i)?i[0]:i;n.removeEventListener(u,p)}(C||t)&&(ne(n,u,t,C),C&&ee([u]))}else if(e.slice(0,5)==="attr:")M(n,e.slice(5),t);else if(e.slice(0,5)==="bool:")te(n,e.slice(5),t);else if((g=e.slice(0,5)==="prop:")||(f=Y.has(e))||(d=Z(e,n.tagName))||(l=X.has(e))||(s=n.nodeName.includes("-")||"is"in a)){if(g)e=e.slice(5),l=!0;else if(E(n))return t;e==="class"||e==="className"?w(n,t):s&&!l&&!f?n[oe(e)]=t:n[d||e]=t}else M(n,Q[e]||e,t);return t}function le(n){if(c.sharedConfig.registry&&c.sharedConfig.events&&c.sharedConfig.events.find(([l,f])=>f===n))return;let e=n.target;const t=`$$${n.type}`,i=n.target,r=n.currentTarget,o=l=>Object.defineProperty(n,"target",{configurable:!0,value:l}),a=()=>{const l=e[t];if(l&&!e.disabled){const f=e[`${t}Data`];if(f!==void 0?l.call(e,f,n):l.call(e,n),n.cancelBubble)return}return e.host&&typeof e.host!="string"&&!e.host._$host&&e.contains(n.target)&&o(e.host),!0},s=()=>{for(;a()&&(e=e._$host||e.parentNode||e.host););};if(Object.defineProperty(n,"currentTarget",{configurable:!0,get(){return e||document}}),c.sharedConfig.registry&&!c.sharedConfig.done&&(c.sharedConfig.done=_$HY.done=!0),n.composedPath){const l=n.composedPath();o(l[0]);for(let f=0;f<l.length-2&&(e=l[f],!!a());f++){if(e._$host){e=e._$host,s();break}if(e.parentNode===r)break}}else s();o(i)}function T(n,e,t,i,r){const o=E(n);if(o){!t&&(t=[...n.childNodes]);let l=[];for(let f=0;f<t.length;f++){const d=t[f];d.nodeType===8&&d.data.slice(0,2)==="!$"?d.remove():l.push(d)}t=l}for(;typeof t=="function";)t=t();if(e===t)return t;const a=typeof e,s=i!==void 0;if(n=s&&t[0]&&t[0].parentNode||n,a==="string"||a==="number"){if(o||a==="number"&&(e=e.toString(),e===t))return t;if(s){let l=t[0];l&&l.nodeType===3?l.data!==e&&(l.data=e):l=document.createTextNode(e),t=x(n,t,i,l)}else t!==""&&typeof t=="string"?t=n.firstChild.data=e:t=n.textContent=e}else if(e==null||a==="boolean"){if(o)return t;t=x(n,t,i)}else{if(a==="function")return c.createRenderEffect(()=>{let l=e();for(;typeof l=="function";)l=l();t=T(n,l,t,i)}),()=>t;if(Array.isArray(e)){const l=[],f=t&&Array.isArray(t);if(B(l,e,t,r))return c.createRenderEffect(()=>t=T(n,l,t,i,!0)),()=>t;if(o){if(!l.length)return t;if(i===void 0)return t=[...n.childNodes];let d=l[0];if(d.parentNode!==n)return t;const g=[d];for(;(d=d.nextSibling)!==i;)g.push(d);return t=g}if(l.length===0){if(t=x(n,t,i),s)return t}else f?t.length===0?V(n,l,i):J(n,t,l):(t&&x(n),V(n,l));t=l}else if(e.nodeType){if(o&&e.parentNode)return t=s?[e]:e;if(Array.isArray(t)){if(s)return t=x(n,t,i,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 B(n,e,t,i){let r=!1;for(let o=0,a=e.length;o<a;o++){let s=e[o],l=t&&t[n.length],f;if(!(s==null||s===!0||s===!1))if((f=typeof s)=="object"&&s.nodeType)n.push(s);else if(Array.isArray(s))r=B(n,s,l)||r;else if(f==="function")if(i){for(;typeof s=="function";)s=s();r=B(n,Array.isArray(s)?s:[s],Array.isArray(l)?l:[l])||r}else n.push(s),r=!0;else{const d=String(s);l&&l.nodeType===3&&l.data===d?n.push(l):n.push(document.createTextNode(d))}}return r}function V(n,e,t=null){for(let i=0,r=e.length;i<r;i++)n.insertBefore(e[i],t)}function x(n,e,t,i){if(t===void 0)return n.textContent="";const r=i||document.createTextNode("");if(e.length){let o=!1;for(let a=e.length-1;a>=0;a--){const s=e[a];if(r!==s){const l=s.parentNode===n;!o&&!a?l?n.replaceChild(r,s):n.insertBefore(r,t):l&&s.remove()}else o=!0}}else n.insertBefore(r,t);return[r]}const ce={button:"_button_12jrf_1"},_=(...n)=>n.filter(Boolean).join(" ");var ae=y("<button type=button>");const fe=n=>{const[e,t]=c.splitProps(n,["variant"]);return(()=>{var i=ae();return m(i,c.mergeProps(t,{get class(){return _(ce.button,t.class,e.variant||"solid")}}),!1,!0),b(i,()=>n.children),i})()},A={checkbox:"_checkbox_1npj4_1",input:"_input_1npj4_8",indicator:"_indicator_1npj4_18",label:"_label_1npj4_37",disabled:"_disabled_1npj4_46"};var de=y("<span><input><span>"),ue=y("<label>");const ge=n=>{const[e,t]=c.splitProps(n,["label","error","class"]),i=c.createUniqueId();return(()=>{var r=de(),o=r.firstChild,a=o.nextSibling;return m(o,c.mergeProps(t,{id:i,type:"checkbox",get class(){return A.input},get"aria-invalid"(){return!!e.error}}),!1,!1),b(r,(()=>{var s=j(()=>!!e.label);return()=>s()&&(()=>{var l=ue();return M(l,"for",i),b(l,()=>e.label),c.createRenderEffect(()=>w(l,A.label)),l})()})(),null),c.createRenderEffect(s=>{var l=_(A.checkbox,e.class,t.disabled&&A.disabled),f=A.indicator;return l!==s.e&&w(r,s.e=l),f!==s.t&&w(a,s.t=f),s},{e:void 0,t:void 0}),r})()},he=n=>n.level==="error",q=n=>{if(n.length)return n.map(e=>e.id).join(" ")},P=()=>{},D=n=>()=>n,H=()=>()=>{},ye={fieldId:"",error:D(!1),ariaDescribedBy:D(void 0),ariaErrorMessage:D(void 0),setMessage:P},v=c.createContext(ye,{}),S=()=>c.useContext(v),me=n=>{const e=c.createUniqueId(),[t,i]=c.createSignal([]),r=c.createMemo(()=>n.error),o=c.createMemo(()=>q(t())),a=c.createMemo(()=>q(t().filter(he))),s=l=>{i(f=>[...f,l])};return c.createComponent(v.Provider,{value:{fieldId:e,error:r,setMessage:s,ariaDescribedBy:o,ariaErrorMessage:a},get children(){return n.children}})},be={input:"_input_1nlce_1"};var _e=y("<input>");const $e=n=>{const[e,t]=c.splitProps(n,["error","class"]),i=S();return(()=>{var r=_e();return m(r,c.mergeProps(t,{get class(){return _(be.input,e.class)},get id(){return i.fieldId},get"aria-describedby"(){return i.ariaDescribedBy()},get"aria-invalid"(){return i.error()||!!e.error},get"aria-errormessage"(){return i.ariaErrorMessage()}}),!1,!1),r})()},Ce={setDialogRef(){},ariaLabelledBy:D(void 0),ariaDescribedBy:D(void 0),setTitleId:H(),setDescriptionId:H(),openDialog:P,closeDialog:P,onOpenChange:P,onBeforeClose:P},G=c.createContext(Ce),I=()=>c.useContext(G),xe=n=>{let e;const t=d=>{e=d},[i,r]=c.createSignal(),[o,a]=c.createSignal(),s=c.createMemo(()=>n.isOpen),l=()=>{var d;e==null||e.showModal(),(d=n.onOpenChange)==null||d.call(n,!0)},f=()=>{e==null||e.requestClose()};return c.createEffect(()=>{s()?l():f()}),c.createComponent(G.Provider,{get value(){return{ariaLabelledBy:i,ariaDescribedBy:o,setDialogRef:t,setTitleId:r,setDescriptionId:a,openDialog:l,closeDialog:f,onOpenChange:n.onOpenChange,onBeforeClose:n.onBeforeClose}},get children(){return n.children}})},L={dialog:"_dialog_1klsa_1",title:"_title_1klsa_16",description:"_description_1klsa_26",actions:"_actions_1klsa_37"};var Ee=y("<dialog>"),Te=y("<h2>"),Ae=y("<p>"),Pe=y("<div>");const $=n=>c.createComponent(xe,c.mergeProps(n,{get children(){return n.children}})),De=n=>{const e=I(),t=c.children(()=>n.children);return c.createEffect(()=>{const i=t();i instanceof HTMLElement&&(i.onclick=e.openDialog)}),j(t)},Ie=n=>{const e=I();return(()=>{var t=Ee();return F(i=>{n.ref=i,e.setDialogRef(i)},t),m(t,c.mergeProps(n,{get class(){return _(L.dialog,n.class)},get"aria-labelledby"(){return e.ariaLabelledBy()},get"aria-describedby"(){return e.ariaDescribedBy()},onClose:()=>{var i;return(i=e.onOpenChange)==null?void 0:i.call(e,!1)},get onCancel(){return e.onBeforeClose}}),!1,!0),b(t,()=>n.children),t})()},Me=n=>{const e=I(),t=c.createUniqueId();return e.setTitleId(t),(()=>{var i=Te();return m(i,c.mergeProps(n,{id:t,get class(){return _(L.title,n.class)}}),!1,!0),b(i,()=>n.children),i})()},we=n=>{const e=I(),t=c.createUniqueId();return e.setDescriptionId(t),(()=>{var i=Ae();return m(i,c.mergeProps(n,{id:t,get class(){return _(L.description,n.class)}}),!1,!0),b(i,()=>n.children),i})()},Le=n=>{const e=I(),t=c.children(()=>n.children);return c.createEffect(()=>{const i=t();i instanceof HTMLElement&&(i.onclick=e.closeDialog)}),j(t)},Ne=n=>(()=>{var e=Pe();return m(e,c.mergeProps(n,{get class(){return _(L.actions,n.class)}}),!1,!0),b(e,()=>n.children),e})();$.Trigger=De,$.Content=Ie,$.Title=Me,$.Description=we,$.Close=Le,$.Actions=Ne;const N={field:"_field_1ijme_1",label:"_label_1ijme_7",message:"_message_1ijme_19",error:"_error_1ijme_31"};var je=y("<div>"),Be=y("<label>"),Se=y("<p>");const O=n=>{const[e,t]=c.splitProps(n,["class","error"]);return c.createComponent(me,{get error(){return!!e.error},get children(){var i=je();return m(i,c.mergeProps(t,{get class(){return _(N.field,e.class)}}),!1,!0),b(i,()=>n.children),i}})},Oe=n=>{const[e,t]=c.splitProps(n,["class"]),i=S();return(()=>{var r=Be();return m(r,c.mergeProps(t,{get for(){return i.fieldId},get class(){return _(N.label,e.class)}}),!1,!0),b(r,()=>t.children),r})()},pe=n=>{const[e,t]=c.splitProps(n,["class","level"]),i=S(),r=c.createUniqueId();return i.setMessage({level:e.level||"info",id:r}),c.createComponent(c.Show,{get when(){return t.children},get children(){var o=Se();return m(o,c.mergeProps(t,{id:r,get class(){return _(N.message,e.class,e.level==="error"&&N.error)}}),!1,!0),b(o,()=>t.children),o}})};O.Label=Oe,O.Message=pe,h.Button=fe,h.Checkbox=ge,h.Dialog=$,h.Field=O,h.TextInput=$e,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/dist/select/select.d.ts

@@ -0,0 +1,5 @@
+import { SelectOptionProps, SelectProps } from './select.types';
+export declare const Select: {
+    (props: SelectProps): import("solid-js").JSX.Element;
+    Option: (props: SelectOptionProps) => import("solid-js").JSX.Element;
+};

package/dist/select/select.types.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+export type SelectProps = JSX.SelectHTMLAttributes<HTMLSelectElement> & {
+    error?: boolean;
+};
+export type SelectOptionProps = JSX.OptionHTMLAttributes<HTMLOptionElement>;

package/dist/utils/noop.d.ts

@@ -1,3 +1,4 @@
-import { Accessor } from 'solid-js';
+import { Accessor, Setter } from 'solid-js';
 export declare const noop: () => void;
 export declare const noopAccessor: <T>(value: T) => Accessor<T>;
+export declare const noopSetter: <T>() => Setter<T>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "solid-uix",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "type": "module",
   "main": "./dist/main.umd.cjs",
   "module": "./dist/main.js",