solid-uix 0.4.0 → 0.5.1

package/dist/main.jsx

@@ -0,0 +1,386 @@
+// src/utils/cls.ts
+var cls = (...classes) => {
+  return classes.filter(Boolean).join(" ");
+};
+
+// src/button/button.tsx
+import { mergeProps, splitProps } from "solid-js";
+
+// src/button/button.module.css
+var button_default = {
+  button: "button_button",
+  solid: "button_solid",
+  outlined: "button_outlined",
+  link: "button_link"
+};
+
+// src/button/button.tsx
+var defaultProps = {
+  variant: "solid"
+};
+var Button = (props) => {
+  const merged = mergeProps(defaultProps, props);
+  const [local, rest] = splitProps(merged, ["class", "variant"]);
+  return <button
+    type="button"
+    {...rest}
+    class={cls(
+      button_default.button,
+      local.class,
+      local.variant === "solid" && button_default.solid,
+      local.variant === "outlined" && button_default.outlined
+    )}
+  >
+      {rest.children}
+    </button>;
+};
+
+// src/link/link.module.css
+var link_default = {
+  link: "link_link",
+  underline: "link_underline",
+  secondary: "link_secondary",
+  disabled: "link_disabled"
+};
+
+// src/link/link.tsx
+import { splitProps as splitProps2 } from "solid-js";
+var Link = (props) => {
+  const [local, rest] = splitProps2(props, ["class", "reset", "disabled", "color", "underline"]);
+  return <a
+    {...rest}
+    class={cls(
+      !local.reset && link_default.link,
+      local.class,
+      local.disabled && link_default.disabled,
+      local.color === "secondary" && link_default.secondary,
+      local.underline === "always" && link_default.underline
+    )}
+    aria-disabled={local.disabled}
+  >
+      {rest.children}
+    </a>;
+};
+
+// src/checkbox/checkbox.tsx
+import { createUniqueId as createUniqueId2, splitProps as splitProps3 } from "solid-js";
+
+// src/checkbox/checkbox.module.css
+var checkbox_default = {
+  checkbox: "checkbox_checkbox",
+  input: "checkbox_input",
+  indicator: "checkbox_indicator",
+  label: "checkbox_label",
+  disabled: "checkbox_disabled"
+};
+
+// src/field/field.context.tsx
+import { createContext, createMemo, createSignal, createUniqueId, useContext } from "solid-js";
+
+// src/utils/message.ts
+var isError = (message) => {
+  return message.level === "error";
+};
+var getMessageIds = (messages) => {
+  if (!messages.length) {
+    return void 0;
+  }
+  return messages.map((message) => message.id).join(" ");
+};
+
+// src/utils/noop.ts
+var noop = () => {
+};
+var noopAccessor = (value) => {
+  return () => value;
+};
+var noopSetter = () => {
+  return () => {
+  };
+};
+
+// src/field/field.context.tsx
+var defaultValue = {
+  fieldId: void 0,
+  error: noopAccessor(false),
+  ariaDescribedBy: noopAccessor(void 0),
+  ariaErrorMessage: noopAccessor(void 0),
+  setMessage: noop
+};
+var FieldContext = createContext(defaultValue, {});
+var useFieldContext = () => {
+  return useContext(FieldContext);
+};
+var FieldProvider = (props) => {
+  const fieldId = createUniqueId();
+  const [messages, setMessages] = createSignal([]);
+  const error = createMemo(() => {
+    return props.error;
+  });
+  const ariaDescribedBy = createMemo(() => {
+    return getMessageIds(messages());
+  });
+  const ariaErrorMessage = createMemo(() => {
+    return getMessageIds(messages().filter(isError));
+  });
+  const setMessage = (message) => {
+    setMessages((prev) => [...prev, message]);
+  };
+  return <FieldContext.Provider
+    value={{
+      fieldId,
+      error,
+      setMessage,
+      ariaDescribedBy,
+      ariaErrorMessage
+    }}
+  >
+      {props.children}
+    </FieldContext.Provider>;
+};
+
+// src/checkbox/checkbox.tsx
+var Checkbox = (props) => {
+  const [local, rest] = splitProps3(props, ["label", "error", "class"]);
+  const context = useFieldContext();
+  const id = createUniqueId2();
+  return <span class={cls(checkbox_default.checkbox, local.class, rest.disabled && checkbox_default.disabled)}>
+      <input
+    {...rest}
+    id={id}
+    type="checkbox"
+    class={checkbox_default.input}
+    aria-describedby={context.ariaDescribedBy()}
+    aria-invalid={context.error() || !!local.error}
+    aria-errormessage={context.ariaErrorMessage()}
+  />
+      <span class={checkbox_default.indicator} />
+
+      {local.label && <label for={id} class={checkbox_default.label}>
+          {local.label}
+        </label>}
+    </span>;
+};
+
+// src/text_input/text_input.tsx
+import { splitProps as splitProps4 } from "solid-js";
+
+// src/text_input/text_input.module.css
+var text_input_default = {
+  input: "text_input_input"
+};
+
+// src/text_input/text_input.tsx
+var TextInput = (props) => {
+  const [local, rest] = splitProps4(props, ["error", "class"]);
+  const context = useFieldContext();
+  return <input
+    {...rest}
+    class={cls(text_input_default.input, local.class)}
+    id={context.fieldId}
+    aria-describedby={context.ariaDescribedBy()}
+    aria-invalid={context.error() || !!local.error}
+    aria-errormessage={context.ariaErrorMessage()}
+  />;
+};
+
+// src/dialog/dialog.tsx
+import { children, createEffect as createEffect2, createUniqueId as createUniqueId3 } from "solid-js";
+
+// src/dialog/provider/provider.tsx
+import { createEffect, createMemo as createMemo2, createSignal as createSignal2 } from "solid-js";
+
+// src/dialog/provider/context.ts
+import { createContext as createContext2, useContext as useContext2 } from "solid-js";
+var defaultValue2 = {
+  setDialogRef() {
+  },
+  ariaLabelledBy: noopAccessor(void 0),
+  ariaDescribedBy: noopAccessor(void 0),
+  setTitleId: noopSetter(),
+  setDescriptionId: noopSetter(),
+  openDialog: noop,
+  closeDialog: noop,
+  onOpenChange: noop,
+  onBeforeClose: noop
+};
+var DialogContext = createContext2(defaultValue2);
+var useDialogContext = () => {
+  return useContext2(DialogContext);
+};
+
+// src/dialog/provider/provider.tsx
+var DialogProvider = (props) => {
+  let dialogRef;
+  const setDialogRef = (element) => {
+    dialogRef = element;
+  };
+  const [ariaLabelledBy, setTitleId] = createSignal2();
+  const [ariaDescribedBy, setDescriptionId] = createSignal2();
+  const isOpen = createMemo2(() => {
+    return props.isOpen;
+  });
+  const openDialog = () => {
+    dialogRef?.showModal();
+    props.onOpenChange?.(true);
+  };
+  const closeDialog = () => {
+    dialogRef?.requestClose();
+  };
+  createEffect(() => {
+    if (isOpen()) {
+      openDialog();
+    } else {
+      closeDialog();
+    }
+  });
+  return <DialogContext.Provider
+    value={{
+      ariaLabelledBy,
+      ariaDescribedBy,
+      setDialogRef,
+      setTitleId,
+      setDescriptionId,
+      openDialog,
+      closeDialog,
+      onOpenChange: props.onOpenChange,
+      onBeforeClose: props.onBeforeClose
+    }}
+  >
+      {props.children}
+    </DialogContext.Provider>;
+};
+
+// src/dialog/dialog.module.css
+var dialog_default = {
+  dialog: "dialog_dialog",
+  title: "dialog_title",
+  description: "dialog_description",
+  actions: "dialog_actions"
+};
+
+// src/dialog/dialog.tsx
+var Dialog = (props) => {
+  return <DialogProvider {...props}>{props.children}</DialogProvider>;
+};
+var Trigger = (props) => {
+  const context = useDialogContext();
+  const child = children(() => props.children);
+  createEffect2(() => {
+    const element = child();
+    if (element instanceof HTMLElement) {
+      element.onclick = context.openDialog;
+    }
+  });
+  return <>{child()}</>;
+};
+var Content = (props) => {
+  const context = useDialogContext();
+  return <dialog
+    {...props}
+    ref={(element) => {
+      props.ref = element;
+      context.setDialogRef(element);
+    }}
+    class={cls(dialog_default.dialog, props.class)}
+    aria-labelledby={context.ariaLabelledBy()}
+    aria-describedby={context.ariaDescribedBy()}
+    onClose={() => context.onOpenChange?.(false)}
+    onCancel={context.onBeforeClose}
+  >
+      {props.children}
+    </dialog>;
+};
+var Title = (props) => {
+  const context = useDialogContext();
+  const titleId = createUniqueId3();
+  context.setTitleId(titleId);
+  return <h2 {...props} id={titleId} class={cls(dialog_default.title, props.class)}>
+      {props.children}
+    </h2>;
+};
+var Description = (props) => {
+  const context = useDialogContext();
+  const descriptionId = createUniqueId3();
+  context.setDescriptionId(descriptionId);
+  return <p {...props} id={descriptionId} class={cls(dialog_default.description, props.class)}>
+      {props.children}
+    </p>;
+};
+var Close = (props) => {
+  const context = useDialogContext();
+  const child = children(() => props.children);
+  createEffect2(() => {
+    const element = child();
+    if (element instanceof HTMLElement) {
+      element.onclick = context.closeDialog;
+    }
+  });
+  return <>{child()}</>;
+};
+var Actions = (props) => {
+  return <div {...props} class={cls(dialog_default.actions, props.class)}>
+      {props.children}
+    </div>;
+};
+Dialog.Trigger = Trigger;
+Dialog.Content = Content;
+Dialog.Title = Title;
+Dialog.Description = Description;
+Dialog.Close = Close;
+Dialog.Actions = Actions;
+
+// src/field/field.tsx
+import { createUniqueId as createUniqueId4, Show, splitProps as splitProps5 } from "solid-js";
+
+// src/field/field.module.css
+var field_default = {
+  field: "field_field",
+  label: "field_label",
+  message: "field_message",
+  error: "field_error"
+};
+
+// src/field/field.tsx
+var Field = (props) => {
+  const [local, rest] = splitProps5(props, ["class", "error"]);
+  return <FieldProvider error={!!local.error}>
+      <div {...rest} class={cls(field_default.field, local.class)}>
+        {props.children}
+      </div>
+    </FieldProvider>;
+};
+var FieldLabel = (props) => {
+  const [local, rest] = splitProps5(props, ["class"]);
+  const context = useFieldContext();
+  return <label {...rest} for={context.fieldId} class={cls(field_default.label, local.class)}>
+      {rest.children}
+    </label>;
+};
+var FieldMessage = (props) => {
+  const [local, rest] = splitProps5(props, ["class", "level"]);
+  const context = useFieldContext();
+  const messageId = createUniqueId4();
+  context.setMessage({ level: local.level || "info", id: messageId });
+  return <Show when={rest.children}>
+      <p
+    {...rest}
+    id={messageId}
+    class={cls(field_default.message, local.class, local.level === "error" && field_default.error)}
+  >
+        {rest.children}
+      </p>
+    </Show>;
+};
+Field.Label = FieldLabel;
+Field.Message = FieldMessage;
+export {
+  Button,
+  Checkbox,
+  Dialog,
+  Field,
+  Link,
+  TextInput,
+  button_default as buttonSx,
+  cls
+};

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "solid-uix",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "type": "module",
-  "main": "./dist/main.umd.cjs",
+  "main": "dist/main.js",
   "module": "./dist/main.js",
   "types": "./dist/main.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/main.js",
-      "require": "./dist/main.umd.cjs"
+      "types": "./dist/main.d.ts",
+      "solid": "./dist/main.jsx",
+      "default": "./dist/main.js"
     },
-    "./dist/main.css": {
-      "import": "./dist/main.css",
-      "require": "./dist/main.css"
+    "./css": {
+      "import": "./dist/main.css"
     }
   },
   "files": [
@@ -28,15 +28,17 @@
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.9.2",
+    "esbuild-plugin-solid": "^0.6.0",
     "happy-dom": "^17.4.4",
+    "tsup": "^8.3.5",
     "typescript": "~5.7.2",
     "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.5.0",
     "vite-plugin-solid": "^2.11.6",
     "vitest": "^3.1.1"
   },
   "scripts": {
-    "build": "tsc && vite build",
+    "build": "tsc --project tsconfig.build.json && tsup",
     "test": "vitest run",
     "start": "cd src-storybook && npm start"
   },

package/dist/button/button.d.ts

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

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

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

package/dist/checkbox/checkbox.d.ts

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

package/dist/checkbox/checkbox.stories.d.ts

@@ -1,29 +0,0 @@
-declare const _default: {
-    title: string;
-    component: (props: import('./checkbox.types').CheckboxProps) => import("solid-js").JSX.Element;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {};
-    args: {
-        label: string;
-        disabled: boolean;
-        error: boolean;
-        onChange: import('storybook/test').Mock<(...args: any[]) => any>;
-    };
-};
-export default _default;
-export declare const Default: {
-    args: {};
-};
-export declare const Disabled: {
-    args: {
-        disabled: boolean;
-    };
-};
-export declare const Error: {
-    args: {
-        error: boolean;
-    };
-};

package/dist/checkbox/checkbox.types.d.ts

@@ -1,5 +0,0 @@
-import { JSX } from 'solid-js';
-export type CheckboxProps = JSX.InputHTMLAttributes<HTMLInputElement> & {
-    label?: string;
-    error?: boolean;
-};

package/dist/dialog/dialog.d.ts

@@ -1,11 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,3 +0,0 @@
-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

@@ -1,14 +0,0 @@
-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

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

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

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

package/dist/field/field.context.d.ts

@@ -1,3 +0,0 @@
-import { FieldContextValue, FieldProviderProps } from './field.types';
-export declare const useFieldContext: () => FieldContextValue;
-export declare const FieldProvider: (props: FieldProviderProps) => import("solid-js").JSX.Element;

package/dist/field/field.d.ts

@@ -1,6 +0,0 @@
-import { FieldLabelProps, FieldMessageProps, FieldProps } from './field.types';
-export declare const Field: {
-    (props: FieldProps): import("solid-js").JSX.Element;
-    Label: (props: FieldLabelProps) => import("solid-js").JSX.Element;
-    Message: (props: FieldMessageProps) => import("solid-js").JSX.Element;
-};

package/dist/field/field.types.d.ts

@@ -1,19 +0,0 @@
-import { Accessor, JSX, ParentProps } from 'solid-js';
-import { Message, MessageLevel } from '../utils/message';
-export type FieldProps = JSX.HTMLAttributes<HTMLDivElement> & {
-    error?: string | boolean;
-};
-export type FieldProviderProps = ParentProps & {
-    error: boolean;
-};
-export type FieldLabelProps = JSX.LabelHTMLAttributes<HTMLLabelElement>;
-export type FieldMessageProps = JSX.HTMLAttributes<HTMLParagraphElement> & {
-    level?: MessageLevel;
-};
-export type FieldContextValue = {
-    error: Accessor<boolean>;
-    fieldId: string;
-    ariaDescribedBy: Accessor<string | undefined>;
-    ariaErrorMessage: Accessor<string | undefined>;
-    setMessage(message: Message): void;
-};

package/dist/list/list.d.ts

@@ -1,5 +0,0 @@
-import { ListItemProps, ListProps } from './list.types';
-export declare const List: {
-    (props: ListProps): import("solid-js").JSX.Element;
-    Item: (props: ListItemProps) => import("solid-js").JSX.Element;
-};

package/dist/list/list.types.d.ts

@@ -1,3 +0,0 @@
-import { JSX } from 'solid-js';
-export type ListProps = JSX.LabelHTMLAttributes<HTMLUListElement>;
-export type ListItemProps = JSX.LabelHTMLAttributes<HTMLLIElement>;

package/dist/main.umd.cjs

@@ -1 +0,0 @@
-(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

@@ -1,5 +0,0 @@
-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

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

package/dist/text_input/text_input.d.ts

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

package/dist/text_input/text_input.types.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-export type TextInputProps = JSX.InputHTMLAttributes<HTMLInputElement> & {
-    error?: boolean;
-};

package/dist/utils/cls.d.ts

@@ -1,3 +0,0 @@
-type ClassName = string | undefined | boolean;
-export declare const cls: (...classes: ClassName[]) => string;
-export {};

package/dist/utils/message.d.ts

@@ -1,7 +0,0 @@
-export type MessageLevel = "info" | "warning" | "error";
-export type Message = {
-    level: MessageLevel;
-    id: string;
-};
-export declare const isError: (message: Message) => boolean;
-export declare const getMessageIds: (messages: Message[]) => string | undefined;