@pathscale/ui 1.1.47 → 1.1.49

package/dist/hooks/date/useDateSelection.js

@@ -1,14 +1,14 @@
-import { createMemo, createSignal } from "solid-js";
-import { normalizeDate } from "./date.utils.js";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__ from "./date.utils.js";
 const useDateSelection = (options)=>{
-    const [internalValue, setInternalValue] = createSignal(normalizeDate(options.defaultValue()));
-    const isControlled = createMemo(()=>void 0 !== options.value());
-    const selectedDate = createMemo(()=>{
-        if (isControlled()) return normalizeDate(options.value());
+    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)((0, __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__.normalizeDate)(options.defaultValue()));
+    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== options.value());
+    const selectedDate = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        if (isControlled()) return (0, __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__.normalizeDate)(options.value());
         return internalValue();
     });
     const setSelectedDate = (value)=>{
-        const normalized = normalizeDate(value);
+        const normalized = (0, __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__.normalizeDate)(value);
         if (!normalized) return;
         if (!isControlled()) setInternalValue(normalized);
         options.onChange()?.(normalized);

package/dist/hooks/date/usePickerOpenState.js

@@ -1,9 +1,9 @@
-import { createEffect, createMemo, createSignal, onCleanup, onMount } from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 const usePickerOpenState = (options)=>{
-    const [internalOpen, setInternalOpen] = createSignal(Boolean(options.defaultOpen()));
-    const [rootRef, setRootRef] = createSignal(void 0);
-    const isControlled = createMemo(()=>void 0 !== options.isOpen());
-    const isOpen = createMemo(()=>isControlled() ? Boolean(options.isOpen()) : internalOpen());
+    const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(options.defaultOpen()));
+    const [rootRef, setRootRef] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
+    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== options.isOpen());
+    const isOpen = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isControlled() ? Boolean(options.isOpen()) : internalOpen());
     const setOpen = (nextOpen)=>{
         if (nextOpen && options.isDisabled()) return;
         const previous = isOpen();
@@ -13,7 +13,7 @@ const usePickerOpenState = (options)=>{
     const toggleOpen = ()=>{
         setOpen(!isOpen());
     };
-    onMount(()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
         const handlePointerDown = (event)=>{
             if (!isOpen()) return;
             const root = rootRef();
@@ -29,12 +29,12 @@ const usePickerOpenState = (options)=>{
         };
         document.addEventListener("pointerdown", handlePointerDown);
         document.addEventListener("keydown", handleGlobalKeyDown);
-        onCleanup(()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
             document.removeEventListener("pointerdown", handlePointerDown);
             document.removeEventListener("keydown", handleGlobalKeyDown);
         });
     });
-    createEffect(()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
         if (!options.isDisabled()) return;
         if (!isOpen()) return;
         setOpen(false);

package/dist/hooks/date/useRangeSelection.js

@@ -1,8 +1,8 @@
-import { createMemo, createSignal } from "solid-js";
-import { compareDates, createPreviewRange, normalizeDate, normalizeRange } from "./date.utils.js";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__ from "./date.utils.js";
 const normalizeCompleteRange = (value)=>{
     if (!value) return null;
-    const normalized = normalizeRange(value.start, value.end);
+    const normalized = (0, __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__.normalizeRange)(value.start, value.end);
     if (!normalized.start || !normalized.end) return null;
     return {
         start: normalized.start,
@@ -10,19 +10,19 @@ const normalizeCompleteRange = (value)=>{
     };
 };
 const useRangeSelection = (options)=>{
-    const [internalCommittedRange, setInternalCommittedRange] = createSignal(normalizeCompleteRange(options.defaultValue()));
-    const [pendingStartDate, setPendingStartDate] = createSignal(null);
-    const [hoveredDate, setHoveredDate] = createSignal(null);
-    const isControlled = createMemo(()=>void 0 !== options.value());
-    const committedRange = createMemo(()=>{
+    const [internalCommittedRange, setInternalCommittedRange] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(normalizeCompleteRange(options.defaultValue()));
+    const [pendingStartDate, setPendingStartDate] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
+    const [hoveredDate, setHoveredDate] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
+    const isControlled = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>void 0 !== options.value());
+    const committedRange = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         if (isControlled()) return normalizeCompleteRange(options.value());
         return internalCommittedRange();
     });
-    const isSelectingEnd = createMemo(()=>null !== pendingStartDate());
-    const rangeStart = createMemo(()=>pendingStartDate() ?? committedRange()?.start ?? null);
-    const rangeEnd = createMemo(()=>pendingStartDate() ? null : committedRange()?.end ?? null);
-    const previewRange = createMemo(()=>createPreviewRange(rangeStart(), rangeEnd(), hoveredDate()));
-    const focusDate = createMemo(()=>rangeEnd() ?? rangeStart() ?? null);
+    const isSelectingEnd = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>null !== pendingStartDate());
+    const rangeStart = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>pendingStartDate() ?? committedRange()?.start ?? null);
+    const rangeEnd = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>pendingStartDate() ? null : committedRange()?.end ?? null);
+    const previewRange = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__.createPreviewRange)(rangeStart(), rangeEnd(), hoveredDate()));
+    const focusDate = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>rangeEnd() ?? rangeStart() ?? null);
     const setCommittedRange = (nextValue)=>{
         const normalized = normalizeCompleteRange(nextValue);
         if (!isControlled()) setInternalCommittedRange(normalized);
@@ -34,10 +34,10 @@ const useRangeSelection = (options)=>{
     };
     const setHoverDate = (value)=>{
         if (!isSelectingEnd()) return void setHoveredDate(null);
-        setHoveredDate(normalizeDate(value));
+        setHoveredDate((0, __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__.normalizeDate)(value));
     };
     const selectDate = (value)=>{
-        const normalized = normalizeDate(value);
+        const normalized = (0, __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__.normalizeDate)(value);
         if (!normalized) return;
         const pendingStart = pendingStartDate();
         if (!pendingStart) {
@@ -45,7 +45,7 @@ const useRangeSelection = (options)=>{
             setHoveredDate(null);
             return;
         }
-        if (compareDates(normalized, pendingStart) < 0) {
+        if ((0, __WEBPACK_EXTERNAL_MODULE__date_utils_js_7a3c9532__.compareDates)(normalized, pendingStart) < 0) {
             setPendingStartDate(normalized);
             setHoveredDate(null);
             return;

package/dist/hooks/form/FormContext.d.ts

@@ -0,0 +1,16 @@
+import type { FormApi } from "./createForm";
+export type AnyFormApi = FormApi<any>;
+export declare const FormContext: import("solid-js").Context<AnyFormApi | null>;
+/**
+ * Reads the nearest `FormApi` from the component tree.
+ *
+ * Must be called inside a `<Form form={...}>` component. Throws a clear error
+ * in development if called outside a form context so the mistake is obvious
+ * rather than silently returning `undefined`.
+ *
+ * @example
+ * // Inside a component rendered as a child of <Form form={form}>
+ * const form = useFormContext();
+ * const tsForm = form._tsForm;
+ */
+export declare const useFormContext: () => AnyFormApi;

package/dist/hooks/form/FormContext.js

@@ -0,0 +1,8 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+const FormContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)(null);
+const useFormContext = ()=>{
+    const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(FormContext);
+    if (null === ctx) throw new Error("[pathscale/ui] useFormContext() was called outside of a <Form> component.\nMake sure this component is rendered as a descendant of <Form form={...}>.");
+    return ctx;
+};
+export { FormContext, useFormContext };

package/dist/hooks/form/createForm.d.ts

@@ -0,0 +1,70 @@
+import type { StandardSchemaV1 } from "@standard-schema/spec";
+type AnyValues = Record<string, unknown>;
+export type AsyncValidatorFn<TValues extends AnyValues> = (context: {
+    value: TValues;
+}) => Promise<Partial<Record<keyof TValues, string>> | undefined>;
+export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
+    /**
+     * Initial values for every field. Used to infer the form's value type and
+     * to determine whether a field is "dirty".
+     */
+    defaultValues: TValues;
+    /**
+     * Any Standard Schema-compatible schema (Zod, Valibot, Arktype, …).
+     * Applied as `validators.onBlur` and `validators.onSubmit` by default.
+     */
+    schema?: StandardSchemaV1<TValues>;
+    /**
+     * Additional async validators for fields that need server-side validation
+     * (e.g. username availability). These run *after* the synchronous schema.
+     */
+    asyncValidators?: {
+        onBlur?: AsyncValidatorFn<TValues>;
+        onSubmit?: AsyncValidatorFn<TValues>;
+    };
+    /**
+     * Called when the form is submitted and all validators pass.
+     */
+    onSubmit?: (value: TValues) => void | Promise<void>;
+};
+/**
+ * The form API returned by `createForm`.
+ *
+ * Consumers should use `<Form form={api}>` to wire it into the component tree.
+ * For advanced use, access the raw TanStack Form instance via `api._tsForm`.
+ */
+export type FormApi<TValues extends AnyValues = AnyValues> = {
+    /**
+     * Raw TanStack Form instance. Intended as an escape hatch for cases not
+     * covered by the library's abstractions (custom field rendering, `<form.Subscribe>`, etc.).
+     * Prefixed with `_` to signal that it's an internal detail.
+     *
+     * TanStack Form's type has 12 generic parameters — we intentionally erase
+     * them here to keep the public API simple. Use `form._tsForm` to access the
+     * full typed instance in advanced scenarios.
+     */
+    _tsForm: any;
+    /** Phantom field: preserves TValues for type inference in consuming hooks. */
+    _values?: TValues;
+};
+/**
+ * Creates a new form instance backed by TanStack Form.
+ *
+ * ```tsx
+ * const form = createForm({
+ *   defaultValues: { email: "", password: "" },
+ *   schema: loginSchema,          // Zod or Valibot — both work
+ *   onSubmit: async (values) => { await login(values); },
+ * });
+ *
+ * return (
+ *   <Form form={form}>
+ *     <FormField name="email" label="Email" />
+ *     <FormField name="password" label="Password" inputProps={{ type: "password" }} />
+ *     <FormSubmitButton>Log in</FormSubmitButton>
+ *   </Form>
+ * );
+ * ```
+ */
+export declare const createForm: <TValues extends AnyValues = AnyValues>(options: CreateFormOptions<TValues>) => FormApi<TValues>;
+export {};

package/dist/hooks/form/createForm.js

@@ -0,0 +1,17 @@
+import * as __WEBPACK_EXTERNAL_MODULE__tanstack_solid_form_5af81884__ from "@tanstack/solid-form";
+const createForm = (options)=>{
+    const tsForm = (0, __WEBPACK_EXTERNAL_MODULE__tanstack_solid_form_5af81884__.createForm)(()=>({
+            defaultValues: options.defaultValues,
+            validators: options.schema ? {
+                onBlur: options.schema,
+                onSubmit: options.schema
+            } : void 0,
+            onSubmit: async ({ value })=>{
+                await options.onSubmit?.(value);
+            }
+        }));
+    return {
+        _tsForm: tsForm
+    };
+};
+export { createForm };

package/dist/hooks/form/getFirstFieldError.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Normalizes a TanStack Form `ValidationError[]` into the first displayable
+ * error string.
+ *
+ * TanStack Form stores errors as `(string | ZodIssue | ValibotIssue | ...)[]`
+ * depending on the schema library in use. This function collapses that union
+ * to a single `string | undefined` for display in field error components.
+ */
+export declare const getFirstFieldError: (errors: unknown[]) => string | undefined;

package/dist/hooks/form/getFirstFieldError.js

@@ -0,0 +1,19 @@
+const getFirstFieldError = (errors)=>{
+    if (!errors || 0 === errors.length) return;
+    for (const error of errors)if (error) {
+        if ("string" == typeof error) {
+            const trimmed = error.trim();
+            if (trimmed.length > 0) return trimmed;
+            continue;
+        }
+        if ("object" == typeof error) {
+            const maybeMessage = error.message;
+            if ("string" == typeof maybeMessage) {
+                const trimmed = maybeMessage.trim();
+                if (trimmed.length > 0) return trimmed;
+            }
+            continue;
+        }
+    }
+};
+export { getFirstFieldError };

package/dist/hooks/form/index.d.ts

@@ -1,5 +1,10 @@
 export { useForm, getFormControllerFromElement, type FormController, type FormDirective, type FormPathQuery, type UseFormOptions, } from "./useForm";
 export { useFieldMeta, type FieldName, type UseFieldOptions, type UseFieldMetaResult, } from "./useFieldMeta";
 export { useFieldError } from "./useFieldError";
-export { useField, type UseFieldResult } from "./useField";
+/** @deprecated Use `useField` from the new TanStack-based API instead. */
+export { useField as useFieldLegacy, type UseFieldResult as UseFieldLegacyResult } from "./useField";
 export { useFieldProps, type UseFieldPropsResult } from "./useFieldProps";
+export { createForm, type CreateFormOptions, type FormApi } from "./createForm";
+export { FormContext, useFormContext, type AnyFormApi } from "./FormContext";
+export { useField, type UseFieldResult } from "./useFieldNew";
+export { getFirstFieldError } from "./getFirstFieldError";

package/dist/hooks/form/index.js

@@ -1,6 +1,21 @@
-import { getFormControllerFromElement, useForm } from "./useForm.js";
-import { useFieldMeta } from "./useFieldMeta.js";
-import { useFieldError } from "./useFieldError.js";
-import { useField } from "./useField.js";
-import { useFieldProps } from "./useFieldProps.js";
-export { getFormControllerFromElement, useField, useFieldError, useFieldMeta, useFieldProps, useForm };
+import * as __WEBPACK_EXTERNAL_MODULE__useForm_js_e31b00cd__ from "./useForm.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__ from "./useFieldMeta.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldError_js_33478ad6__ from "./useFieldError.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useField_js_8e8be5a6__ from "./useField.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldProps_js_5d2e9ac4__ from "./useFieldProps.js";
+import * as __WEBPACK_EXTERNAL_MODULE__createForm_js_8fe217ba__ from "./createForm.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__ from "./FormContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldNew_js_75d863ae__ from "./useFieldNew.js";
+import * as __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__ from "./getFirstFieldError.js";
+var __webpack_exports__FormContext = __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.FormContext;
+var __webpack_exports__createForm = __WEBPACK_EXTERNAL_MODULE__createForm_js_8fe217ba__.createForm;
+var __webpack_exports__getFirstFieldError = __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__.getFirstFieldError;
+var __webpack_exports__getFormControllerFromElement = __WEBPACK_EXTERNAL_MODULE__useForm_js_e31b00cd__.getFormControllerFromElement;
+var __webpack_exports__useField = __WEBPACK_EXTERNAL_MODULE__useFieldNew_js_75d863ae__.useField;
+var __webpack_exports__useFieldError = __WEBPACK_EXTERNAL_MODULE__useFieldError_js_33478ad6__.useFieldError;
+var __webpack_exports__useFieldLegacy = __WEBPACK_EXTERNAL_MODULE__useField_js_8e8be5a6__.useField;
+var __webpack_exports__useFieldMeta = __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__.useFieldMeta;
+var __webpack_exports__useFieldProps = __WEBPACK_EXTERNAL_MODULE__useFieldProps_js_5d2e9ac4__.useFieldProps;
+var __webpack_exports__useForm = __WEBPACK_EXTERNAL_MODULE__useForm_js_e31b00cd__.useForm;
+var __webpack_exports__useFormContext = __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.useFormContext;
+export { __webpack_exports__FormContext as FormContext, __webpack_exports__createForm as createForm, __webpack_exports__getFirstFieldError as getFirstFieldError, __webpack_exports__getFormControllerFromElement as getFormControllerFromElement, __webpack_exports__useField as useField, __webpack_exports__useFieldError as useFieldError, __webpack_exports__useFieldLegacy as useFieldLegacy, __webpack_exports__useFieldMeta as useFieldMeta, __webpack_exports__useFieldProps as useFieldProps, __webpack_exports__useForm as useForm, __webpack_exports__useFormContext as useFormContext };

package/dist/hooks/form/useField.js

@@ -1,7 +1,7 @@
-import { createMemo } from "solid-js";
-import { useFieldMeta } from "./useFieldMeta.js";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__ from "./useFieldMeta.js";
 const useField = (name, options = {})=>{
-    const meta = useFieldMeta(name, options);
+    const meta = (0, __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__.useFieldMeta)(name, options);
     const setValue = (value)=>{
         const form = meta.controller();
         const fieldName = meta.name();
@@ -13,7 +13,7 @@ const useField = (name, options = {})=>{
         value: meta.value,
         error: meta.error,
         touched: meta.touched,
-        invalid: createMemo(()=>meta.invalid()),
+        invalid: (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>meta.invalid()),
         setValue
     };
 };

package/dist/hooks/form/useFieldError.js

@@ -1,3 +1,3 @@
-import { useFieldMeta } from "./useFieldMeta.js";
-const useFieldError = (name, options = {})=>useFieldMeta(name, options).error;
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__ from "./useFieldMeta.js";
+const useFieldError = (name, options = {})=>(0, __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__.useFieldMeta)(name, options).error;
 export { useFieldError };

package/dist/hooks/form/useFieldMeta.js

@@ -1,6 +1,6 @@
-import { createMemo } from "solid-js";
-import { getFormControllerFromElement } from "./useForm.js";
-import { normalizeFieldError } from "./utils.js";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__useForm_js_e31b00cd__ from "./useForm.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__ from "./utils.js";
 const isFormController = (value)=>{
     if ("function" != typeof value) return false;
     const candidate = value;
@@ -17,25 +17,25 @@ const readFieldState = (form, name, reader)=>{
 const useFieldMeta = (name, options = {})=>{
     const nameAccessor = resolveFieldName(name);
     const showWhenTouched = options.showWhenTouched ?? true;
-    const controller = createMemo(()=>{
+    const controller = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         if (options.form) {
             if (isFormController(options.form)) return options.form;
             return options.form();
         }
         const currentElement = options.element?.();
         if (!currentElement) return;
-        return getFormControllerFromElement(currentElement);
+        return (0, __WEBPACK_EXTERNAL_MODULE__useForm_js_e31b00cd__.getFormControllerFromElement)(currentElement);
     });
-    const value = createMemo(()=>readFieldState(controller(), nameAccessor(), (path)=>controller()?.data(path)));
-    const touched = createMemo(()=>Boolean(readFieldState(controller(), nameAccessor(), (path)=>controller()?.touched(path))));
-    const rawError = createMemo(()=>normalizeFieldError(readFieldState(controller(), nameAccessor(), (path)=>controller()?.errors(path))));
-    const error = createMemo(()=>{
+    const value = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>readFieldState(controller(), nameAccessor(), (path)=>controller()?.data(path)));
+    const touched = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(readFieldState(controller(), nameAccessor(), (path)=>controller()?.touched(path))));
+    const rawError = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE__utils_js_d88b7fe1__.normalizeFieldError)(readFieldState(controller(), nameAccessor(), (path)=>controller()?.errors(path))));
+    const error = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         const message = rawError();
         if (!message) return;
         if (!showWhenTouched) return message;
         return touched() ? message : void 0;
     });
-    const invalid = createMemo(()=>Boolean(error()));
+    const invalid = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(error()));
     return {
         controller,
         name: nameAccessor,

package/dist/hooks/form/useFieldNew.d.ts

@@ -0,0 +1,35 @@
+import { type Accessor } from "solid-js";
+export type UseFieldResult = {
+    /** Current field value as an unknown (cast as needed). */
+    value: Accessor<unknown>;
+    /** Normalized first error string, gated by `isTouched`. `undefined` if clean. */
+    error: Accessor<string | undefined>;
+    /** Whether the field has been blurred at least once. */
+    touched: Accessor<boolean>;
+    /** `true` when `error()` is non-empty. */
+    invalid: Accessor<boolean>;
+    /** Call when the field value changes (accepts the new value directly). */
+    handleChange: (value: unknown) => void;
+    /** Call when the field loses focus. */
+    handleBlur: () => void;
+};
+/**
+ * Reads live field state for `name` from the nearest `<Form>` context.
+ *
+ * Must be called **inside** a `<Form form={...}>` descendant component.
+ * For fields that need fine-grained rendering, prefer using `form._tsForm.Field`
+ * render prop directly.
+ *
+ * ```tsx
+ * // Inside a child of <Form form={form}>
+ * const email = useField("email");
+ *
+ * <Input
+ *   value={String(email.value() ?? "")}
+ *   onInput={(e) => email.handleChange(e.currentTarget.value)}
+ *   onBlur={email.handleBlur}
+ *   aria-invalid={email.invalid()}
+ * />
+ * ```
+ */
+export declare const useField: (name: string) => UseFieldResult;

package/dist/hooks/form/useFieldNew.js

@@ -0,0 +1,31 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__ from "./FormContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__ from "./getFirstFieldError.js";
+const useField = (name)=>{
+    const form = (0, __WEBPACK_EXTERNAL_MODULE__FormContext_js_47b39222__.useFormContext)();
+    const tsForm = form._tsForm;
+    const value = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>tsForm.getFieldValue(name));
+    const meta = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>tsForm.getFieldMeta(name));
+    const touched = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(meta()?.isTouched));
+    const error = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
+        const m = meta();
+        if (!m?.isTouched) return;
+        return (0, __WEBPACK_EXTERNAL_MODULE__getFirstFieldError_js_285cebb2__.getFirstFieldError)(m.errors ?? []);
+    });
+    const invalid = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(error()));
+    const handleChange = (value)=>{
+        tsForm.setFieldValue(name, value);
+    };
+    const handleBlur = ()=>{
+        tsForm.validateField(name, "blur");
+    };
+    return {
+        value,
+        error,
+        touched,
+        invalid,
+        handleChange,
+        handleBlur
+    };
+};
+export { useField };

package/dist/hooks/form/useFieldProps.js

@@ -1,4 +1,4 @@
-import { useFieldMeta } from "./useFieldMeta.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__ from "./useFieldMeta.js";
 const isEventLike = (value)=>value instanceof Event;
 const getValueFromInputLikeEvent = (event)=>{
     const currentTarget = event.currentTarget;
@@ -12,7 +12,7 @@ const getValueFromInputLikeEvent = (event)=>{
     if (element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement) return element.value;
 };
 const useFieldProps = (name, options = {})=>{
-    const meta = useFieldMeta(name, options);
+    const meta = (0, __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__.useFieldMeta)(name, options);
     const setValue = (nextValue)=>{
         const form = meta.controller();
         const fieldName = meta.name();

package/dist/hooks/form/useForm.js

@@ -1,5 +1,5 @@
-import { createForm } from "@felte/solid";
-import { safeParse } from "valibot";
+import * as __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__ from "@felte/solid";
+import * as __WEBPACK_EXTERNAL_MODULE_valibot__ from "valibot";
 const FORM_CONTROLLER_REGISTRY = new WeakMap();
 const getClosestFormElement = (element)=>{
     if (!element) return;
@@ -20,7 +20,7 @@ const useForm = (options = {})=>{
         }
     };
     if (options.schema) formConfig.validate = (values)=>{
-        const result = safeParse(options.schema, values);
+        const result = (0, __WEBPACK_EXTERNAL_MODULE_valibot__.safeParse)(options.schema, values);
         if (result.success) return;
         const errors = {};
         for (const issue of result.issues)if (issue.path) {
@@ -29,7 +29,7 @@ const useForm = (options = {})=>{
         }
         return errors;
     };
-    const { form: felteForm, errors, touched, data, isValid, isSubmitting, setData, setErrors, setWarnings, setTouched, reset } = createForm(formConfig);
+    const { form: felteForm, errors, touched, data, isValid, isSubmitting, setData, setErrors, setWarnings, setTouched, reset } = (0, __WEBPACK_EXTERNAL_MODULE__felte_solid_6a709b1d__.createForm)(formConfig);
     let controller;
     const directive = (element, accessor)=>{
         FORM_CONTROLLER_REGISTRY.set(element, controller);

package/dist/hooks/layout/index.js

@@ -1,2 +1,3 @@
-import { useDesktop } from "./useDesktop.js";
-export { useDesktop };
+import * as __WEBPACK_EXTERNAL_MODULE__useDesktop_js_7b1ad223__ from "./useDesktop.js";
+var __webpack_exports__useDesktop = __WEBPACK_EXTERNAL_MODULE__useDesktop_js_7b1ad223__.useDesktop;
+export { __webpack_exports__useDesktop as useDesktop };

package/dist/hooks/layout/useDesktop.js

@@ -1,15 +1,15 @@
-import { createSignal, onCleanup, onMount } from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 function useDesktop(breakpoint = 1024) {
-    const [isDesktop, setIsDesktop] = createSignal(false);
+    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
     const checkIfDesktop = ()=>{
         const width = window.innerWidth;
         setIsDesktop(width >= breakpoint);
     };
-    onMount(()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
         checkIfDesktop();
         window.addEventListener("resize", checkIfDesktop);
     });
-    onCleanup(()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
         window.removeEventListener("resize", checkIfDesktop);
     });
     return isDesktop;

package/dist/hooks/table/index.js

@@ -1,9 +1,18 @@
-import { useTableSorting } from "./useTableSorting.js";
-import { useTablePagination } from "./useTablePagination.js";
-import { useTableFiltering } from "./useTableFiltering.js";
-import { useTableSelection } from "./useTableSelection.js";
-import { useTableExpansion } from "./useTableExpansion.js";
-import { useTableModel } from "./useTableModel.js";
-import { toSortDescriptor, toSortingState } from "./helpers.js";
-import { useAnchoredOverlayPosition } from "./useAnchoredOverlayPosition.js";
-export { toSortDescriptor, toSortingState, useAnchoredOverlayPosition, useTableExpansion, useTableFiltering, useTableModel, useTablePagination, useTableSelection, useTableSorting };
+import * as __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__ from "./useTableSorting.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__ from "./useTablePagination.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__ from "./useTableFiltering.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__ from "./useTableSelection.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__ from "./useTableExpansion.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__ from "./useTableModel.js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
+import * as __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__ from "./useAnchoredOverlayPosition.js";
+var __webpack_exports__toSortDescriptor = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortDescriptor;
+var __webpack_exports__toSortingState = __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.toSortingState;
+var __webpack_exports__useAnchoredOverlayPosition = __WEBPACK_EXTERNAL_MODULE__useAnchoredOverlayPosition_js_ef09d6e3__.useAnchoredOverlayPosition;
+var __webpack_exports__useTableExpansion = __WEBPACK_EXTERNAL_MODULE__useTableExpansion_js_e1dc5a4d__.useTableExpansion;
+var __webpack_exports__useTableFiltering = __WEBPACK_EXTERNAL_MODULE__useTableFiltering_js_c008d8f8__.useTableFiltering;
+var __webpack_exports__useTableModel = __WEBPACK_EXTERNAL_MODULE__useTableModel_js_1f373411__.useTableModel;
+var __webpack_exports__useTablePagination = __WEBPACK_EXTERNAL_MODULE__useTablePagination_js_221a602e__.useTablePagination;
+var __webpack_exports__useTableSelection = __WEBPACK_EXTERNAL_MODULE__useTableSelection_js_6791c7a2__.useTableSelection;
+var __webpack_exports__useTableSorting = __WEBPACK_EXTERNAL_MODULE__useTableSorting_js_bcbcf7e7__.useTableSorting;
+export { __webpack_exports__toSortDescriptor as toSortDescriptor, __webpack_exports__toSortingState as toSortingState, __webpack_exports__useAnchoredOverlayPosition as useAnchoredOverlayPosition, __webpack_exports__useTableExpansion as useTableExpansion, __webpack_exports__useTableFiltering as useTableFiltering, __webpack_exports__useTableModel as useTableModel, __webpack_exports__useTablePagination as useTablePagination, __webpack_exports__useTableSelection as useTableSelection, __webpack_exports__useTableSorting as useTableSorting };

package/dist/hooks/table/useAnchoredOverlayPosition.js

@@ -1,10 +1,10 @@
-import { createEffect, createSignal, onCleanup } from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 const resolveNumber = (value)=>{
     if ("function" == typeof value) return value();
     return value;
 };
 const useAnchoredOverlayPosition = (options)=>{
-    const [style, setStyle] = createSignal({
+    const [style, setStyle] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)({
         position: "fixed",
         top: "0px",
         left: "0px",
@@ -39,7 +39,7 @@ const useAnchoredOverlayPosition = (options)=>{
             "z-index": options.zIndex?.toString() ?? "1300"
         });
     };
-    createEffect(()=>{
+    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
         if (!options.isOpen()) return;
         requestAnimationFrame(()=>{
             updatePosition();
@@ -48,7 +48,7 @@ const useAnchoredOverlayPosition = (options)=>{
         const onViewportChange = ()=>updatePosition();
         window.addEventListener("resize", onViewportChange);
         window.addEventListener("scroll", onViewportChange, true);
-        onCleanup(()=>{
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
             window.removeEventListener("resize", onViewportChange);
             window.removeEventListener("scroll", onViewportChange, true);
         });

package/dist/hooks/table/useTableExpansion.js

@@ -1,11 +1,11 @@
-import { createSignal } from "solid-js";
-import { resolveUpdater } from "./helpers.js";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__ from "./helpers.js";
 const useTableExpansion = (options = {})=>{
-    const [internalExpanded, setInternalExpanded] = createSignal(options.initialExpanded ?? {});
+    const [internalExpanded, setInternalExpanded] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(options.initialExpanded ?? {});
     const expanded = ()=>options.expanded?.() ?? internalExpanded();
     const setExpanded = (updater)=>{
         if (options.setExpanded) return void options.setExpanded(updater);
-        setInternalExpanded((prev)=>resolveUpdater(prev, updater));
+        setInternalExpanded((prev)=>(0, __WEBPACK_EXTERNAL_MODULE__helpers_js_87289b43__.resolveUpdater)(prev, updater));
     };
     const collapseAll = ()=>setExpanded({});
     return {