solid-uix 0.5.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,15 +1,15 @@
 {
   "name": "solid-uix",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "type": "module",
+  "main": "dist/main.js",
   "module": "./dist/main.js",
-  "types": "./dist/types/main.d.ts",
+  "types": "./dist/main.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/main.js"
-    },
-    "./ssr": {
-      "import": "./dist/ssr/main.js"
+      "types": "./dist/main.d.ts",
+      "solid": "./dist/main.jsx",
+      "default": "./dist/main.js"
     },
     "./css": {
       "import": "./dist/main.css"
@@ -29,15 +29,16 @@
     "@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_TARGET=ssr vite build && rm -f dist/ssr/*.css",
+    "build": "tsc --project tsconfig.build.json && tsup",
     "test": "vitest run",
     "start": "cd src-storybook && npm start"
   },

package/dist/main.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"main.js","sources":["../src/utils/cls.ts","../src/button/button.tsx","../src/link/link.tsx","../src/utils/message.ts","../src/utils/noop.ts","../src/field/field.context.tsx","../src/checkbox/checkbox.tsx","../src/text_input/text_input.tsx","../src/dialog/provider/context.ts","../src/dialog/provider/provider.tsx","../src/dialog/dialog.tsx","../src/field/field.tsx"],"sourcesContent":["type ClassName = string | undefined | boolean;\n\nexport const cls = (...classes: ClassName[]): string => {\n  return classes.filter(Boolean).join(\" \");\n};\n","import { ButtonProps } from \"./button.types\";\nimport { mergeProps, splitProps } from \"solid-js\";\nimport { cls } from \"../utils/cls\";\nimport sx from \"./button.module.css\";\n\nconst defaultProps = {\n  variant: \"solid\",\n};\n\nexport const Button = (props: ButtonProps) => {\n  const merged = mergeProps(defaultProps, props);\n  const [local, rest] = splitProps(merged, [\"class\", \"variant\"]);\n\n  return (\n    <button\n      type=\"button\"\n      {...rest}\n      class={cls(\n        sx.button,\n        local.class,\n        local.variant === \"solid\" && sx.solid,\n        local.variant === \"outlined\" && sx.outlined\n      )}\n    >\n      {rest.children}\n    </button>\n  );\n};\n\nexport { sx as buttonSx };\n","import { cls } from \"../utils/cls\";\nimport { LinkProps } from \"./link.types\";\nimport sx from \"./link.module.css\";\nimport { splitProps } from \"solid-js\";\n\nexport const Link = (props: LinkProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"disabled\", \"color\", \"underline\"]);\n\n  return (\n    <a\n      {...rest}\n      class={cls(\n        sx.link,\n        local.class,\n        local.disabled && sx.disabled,\n        local.color === \"secondary\" && sx.secondary,\n        local.underline === \"always\" && sx.underline\n      )}\n      aria-disabled={local.disabled}\n    >\n      {rest.children}\n    </a>\n  );\n};\n","export type MessageLevel = \"info\" | \"warning\" | \"error\";\n\nexport type Message = {\n  level: MessageLevel;\n  id: string;\n};\n\nexport const isError = (message: Message) => {\n  return message.level === \"error\";\n};\n\nexport const getMessageIds = (messages: Message[]) => {\n  if (!messages.length) {\n    return undefined;\n  }\n\n  return messages.map((message) => message.id).join(\" \");\n};\n","import { Accessor, Setter } from \"solid-js\";\n\nexport const noop = () => {};\n\nexport const noopAccessor = <T>(value: T): Accessor<T> => {\n  return () => value;\n};\n\nexport const noopSetter = <T>(): Setter<T> => {\n  return (() => {}) as any;\n};\n","import { createContext, createMemo, createSignal, createUniqueId, useContext } from \"solid-js\";\nimport { FieldContextValue, FieldProviderProps } from \"./field.types\";\nimport { getMessageIds, isError, Message } from \"../utils/message\";\nimport { noop, noopAccessor } from \"../utils/noop\";\n\nconst defaultValue: FieldContextValue = {\n  fieldId: undefined,\n  error: noopAccessor(false),\n  ariaDescribedBy: noopAccessor(undefined),\n  ariaErrorMessage: noopAccessor(undefined),\n  setMessage: noop,\n};\n\nconst FieldContext = createContext(defaultValue, {});\n\nexport const useFieldContext = () => {\n  return useContext(FieldContext);\n};\n\nexport const FieldProvider = (props: FieldProviderProps) => {\n  const fieldId = createUniqueId();\n\n  const [messages, setMessages] = createSignal<Message[]>([]);\n\n  const error = createMemo(() => {\n    return props.error;\n  });\n\n  const ariaDescribedBy = createMemo(() => {\n    return getMessageIds(messages());\n  });\n\n  const ariaErrorMessage = createMemo(() => {\n    return getMessageIds(messages().filter(isError));\n  });\n\n  const setMessage = (message: Message) => {\n    setMessages((prev) => [...prev, message]);\n  };\n\n  return (\n    <FieldContext.Provider\n      value={{\n        fieldId,\n        error,\n        setMessage,\n        ariaDescribedBy,\n        ariaErrorMessage,\n      }}\n    >\n      {props.children}\n    </FieldContext.Provider>\n  );\n};\n","import { createUniqueId, splitProps } from \"solid-js\";\nimport { CheckboxProps } from \"./checkbox.types\";\nimport sx from \"./checkbox.module.css\";\nimport { cls } from \"../utils/cls\";\nimport { useFieldContext } from \"../field/field.context\";\n\nexport const Checkbox = (props: CheckboxProps) => {\n  const [local, rest] = splitProps(props, [\"label\", \"error\", \"class\"]);\n  const context = useFieldContext();\n  const id = createUniqueId();\n\n  return (\n    <span class={cls(sx.checkbox, local.class, rest.disabled && sx.disabled)}>\n      <input\n        {...rest}\n        id={id}\n        type=\"checkbox\"\n        class={sx.input}\n        aria-describedby={context.ariaDescribedBy()}\n        aria-invalid={context.error() || !!local.error}\n        aria-errormessage={context.ariaErrorMessage()}\n      />\n      <span class={sx.indicator} />\n\n      {local.label && (\n        <label for={id} class={sx.label}>\n          {local.label}\n        </label>\n      )}\n    </span>\n  );\n};\n","import { splitProps } from \"solid-js\";\nimport { TextInputProps } from \"./text_input.types\";\nimport { cls } from \"../utils/cls\";\nimport { useFieldContext } from \"../field/field.context\";\nimport sx from \"./text_input.module.css\";\n\nexport const TextInput = (props: TextInputProps) => {\n  const [local, rest] = splitProps(props, [\"error\", \"class\"]);\n  const context = useFieldContext();\n\n  return (\n    <input\n      {...rest}\n      class={cls(sx.input, local.class)}\n      id={context.fieldId}\n      aria-describedby={context.ariaDescribedBy()}\n      aria-invalid={context.error() || !!local.error}\n      aria-errormessage={context.ariaErrorMessage()}\n    />\n  );\n};\n","import { createContext, useContext } from \"solid-js\";\nimport { noop, noopAccessor, noopSetter } from \"../../utils/noop\";\nimport { DialogContextValue } from \"./context.types\";\n\nconst defaultValue: DialogContextValue = {\n  setDialogRef() {},\n  ariaLabelledBy: noopAccessor(undefined),\n  ariaDescribedBy: noopAccessor(undefined),\n  setTitleId: noopSetter(),\n  setDescriptionId: noopSetter(),\n  openDialog: noop,\n  closeDialog: noop,\n  onOpenChange: noop,\n  onBeforeClose: noop,\n};\n\nexport const DialogContext = createContext(defaultValue);\n\nexport const useDialogContext = () => {\n  return useContext(DialogContext);\n};\n","import { createEffect, createMemo, createSignal } from \"solid-js\";\nimport { DialogProviderProps } from \"./provider.types\";\nimport { DialogContext } from \"./context\";\nimport { SetDialogRef } from \"./context.types\";\n\nexport const DialogProvider = (props: DialogProviderProps) => {\n  let dialogRef: HTMLDialogElement;\n\n  const setDialogRef: SetDialogRef = (element) => {\n    dialogRef = element;\n  };\n\n  const [ariaLabelledBy, setTitleId] = createSignal<string | undefined>();\n  const [ariaDescribedBy, setDescriptionId] = createSignal<string | undefined>();\n\n  const isOpen = createMemo(() => {\n    return props.isOpen;\n  });\n\n  const openDialog = () => {\n    dialogRef?.showModal();\n    props.onOpenChange?.(true);\n  };\n\n  const closeDialog = () => {\n    dialogRef?.requestClose();\n  };\n\n  createEffect(() => {\n    if (isOpen()) {\n      openDialog();\n    } else {\n      closeDialog();\n    }\n  });\n\n  return (\n    <DialogContext.Provider\n      value={{\n        ariaLabelledBy,\n        ariaDescribedBy,\n        setDialogRef,\n        setTitleId,\n        setDescriptionId,\n        openDialog,\n        closeDialog,\n        onOpenChange: props.onOpenChange,\n        onBeforeClose: props.onBeforeClose,\n      }}\n    >\n      {props.children}\n    </DialogContext.Provider>\n  );\n};\n","import { children, createEffect, createUniqueId, ParentProps } from \"solid-js\";\nimport {\n  DialogActionsProps,\n  DialogCloseProps,\n  DialogContentProps,\n  DialogDescriptionProps,\n  DialogProps,\n  DialogTitleProps,\n} from \"./dialog.types\";\nimport { cls } from \"../utils/cls\";\nimport { DialogProvider } from \"./provider/provider\";\nimport { useDialogContext } from \"./provider/context\";\nimport sx from \"./dialog.module.css\";\n\nexport const Dialog = (props: DialogProps) => {\n  return <DialogProvider {...props}>{props.children}</DialogProvider>;\n};\n\nconst Trigger = (props: ParentProps) => {\n  const context = useDialogContext();\n  const child = children(() => props.children);\n\n  createEffect(() => {\n    const element = child();\n\n    if (element instanceof HTMLElement) {\n      element.onclick = context.openDialog;\n    }\n  });\n\n  return <>{child()}</>;\n};\n\nconst Content = (props: DialogContentProps) => {\n  const context = useDialogContext();\n\n  return (\n    <dialog\n      {...props}\n      ref={(element) => {\n        props.ref = element;\n        context.setDialogRef(element);\n      }}\n      class={cls(sx.dialog, props.class)}\n      aria-labelledby={context.ariaLabelledBy()}\n      aria-describedby={context.ariaDescribedBy()}\n      onClose={() => context.onOpenChange?.(false)}\n      onCancel={context.onBeforeClose}\n    >\n      {props.children}\n    </dialog>\n  );\n};\n\nconst Title = (props: DialogTitleProps) => {\n  const context = useDialogContext();\n  const titleId = createUniqueId();\n\n  context.setTitleId(titleId);\n\n  return (\n    <h2 {...props} id={titleId} class={cls(sx.title, props.class)}>\n      {props.children}\n    </h2>\n  );\n};\n\nconst Description = (props: DialogDescriptionProps) => {\n  const context = useDialogContext();\n  const descriptionId = createUniqueId();\n\n  context.setDescriptionId(descriptionId);\n\n  return (\n    <p {...props} id={descriptionId} class={cls(sx.description, props.class)}>\n      {props.children}\n    </p>\n  );\n};\n\nconst Close = (props: DialogCloseProps) => {\n  const context = useDialogContext();\n  const child = children(() => props.children);\n\n  createEffect(() => {\n    const element = child();\n\n    if (element instanceof HTMLElement) {\n      element.onclick = context.closeDialog;\n    }\n  });\n\n  return <>{child()}</>;\n};\n\nconst Actions = (props: DialogActionsProps) => {\n  return (\n    <div {...props} class={cls(sx.actions, props.class)}>\n      {props.children}\n    </div>\n  );\n};\n\nDialog.Trigger = Trigger;\nDialog.Content = Content;\nDialog.Title = Title;\nDialog.Description = Description;\nDialog.Close = Close;\nDialog.Actions = Actions;\n","import { createUniqueId, Show, splitProps } from \"solid-js\";\nimport { FieldLabelProps, FieldMessageProps, FieldProps } from \"./field.types\";\nimport { FieldProvider, useFieldContext } from \"./field.context\";\nimport { cls } from \"../utils/cls\";\nimport sx from \"./field.module.css\";\n\nexport const Field = (props: FieldProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"error\"]);\n\n  return (\n    <FieldProvider error={!!local.error}>\n      <div {...rest} class={cls(sx.field, local.class)}>\n        {props.children}\n      </div>\n    </FieldProvider>\n  );\n};\n\nconst FieldLabel = (props: FieldLabelProps) => {\n  const [local, rest] = splitProps(props, [\"class\"]);\n  const context = useFieldContext();\n\n  return (\n    <label {...rest} for={context.fieldId} class={cls(sx.label, local.class)}>\n      {rest.children}\n    </label>\n  );\n};\n\nconst FieldMessage = (props: FieldMessageProps) => {\n  const [local, rest] = splitProps(props, [\"class\", \"level\"]);\n  const context = useFieldContext();\n  const messageId = createUniqueId();\n\n  context.setMessage({ level: local.level || \"info\", id: messageId });\n\n  return (\n    <Show when={rest.children}>\n      <p\n        {...rest}\n        id={messageId}\n        class={cls(sx.message, local.class, local.level === \"error\" && sx.error)}\n      >\n        {rest.children}\n      </p>\n    </Show>\n  );\n};\n\nField.Label = FieldLabel;\n\nField.Message = FieldMessage;\n"],"names":["cls","classes","defaultProps","variant","Button","props","merged","mergeProps","local","rest","splitProps","_el$","_tmpl$","_$mergeProps","sx","button","class","solid","outlined","children","Link","link","disabled","color","secondary","underline","isError","message","getMessageIds","messages","noop","noopAccessor","value","noopSetter","defaultValue","fieldId","undefined","error","ariaDescribedBy","ariaErrorMessage","setMessage","FieldContext","createContext","useFieldContext","useContext","FieldProvider","createUniqueId","setMessages","createSignal","createMemo","filter","prev","_$createComponent","Provider","Checkbox","context","id","_el$2","firstChild","_el$3","nextSibling","input","_$insert","_c$","_$memo","label","_el$4","_tmpl$2","_$effect","_$className","_p$","_v$","checkbox","_v$2","indicator","e","t","TextInput","DialogContext","useDialogContext","DialogProvider","dialogRef","setDialogRef","element","ariaLabelledBy","setTitleId","setDescriptionId","isOpen","openDialog","showModal","onOpenChange","closeDialog","requestClose","createEffect","onBeforeClose","Dialog","Trigger","child","HTMLElement","onclick","Content","_$use","ref","dialog","onClose","onCancel","Title","titleId","title","Description","descriptionId","_tmpl$3","description","Close","Actions","_tmpl$4","actions","Field","field","FieldLabel","FieldMessage","messageId","level","Show","when","Label","Message"],"mappings":"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"}