@pathscale/ui 1.1.33 → 1.1.35

package/dist/components/time-field/TimeField.js

@@ -0,0 +1,341 @@
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
+import "./TimeField.css";
+import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
+import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
+var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>");
+const VARIANT_CLASS_MAP = {
+    primary: "time-field--primary",
+    secondary: "time-field--secondary"
+};
+const GROUP_VARIANT_CLASS_MAP = {
+    primary: "date-input-group--primary",
+    secondary: "date-input-group--secondary"
+};
+const TimeFieldContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
+const invokeEventHandler = (handler, event)=>{
+    if ("function" == typeof handler) return void handler(event);
+    if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
+};
+const TimeFieldRoot = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "name",
+        "value",
+        "defaultValue",
+        "onChange",
+        "onBlur",
+        "fullWidth",
+        "variant",
+        "isDisabled",
+        "disabled",
+        "isInvalid",
+        "isRequired",
+        "required"
+    ]);
+    const [internalValue, setInternalValue] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultValue ?? "");
+    const isControlled = ()=>void 0 !== local.value;
+    const value = ()=>isControlled() ? local.value ?? "" : internalValue();
+    const variant = ()=>local.variant ?? "primary";
+    const fullWidth = ()=>Boolean(local.fullWidth);
+    const isDisabled = ()=>Boolean(local.isDisabled) || Boolean(local.disabled);
+    const isInvalid = ()=>Boolean(local.isInvalid);
+    const isRequired = ()=>Boolean(local.isRequired) || Boolean(local.required);
+    const setValue = (nextValue)=>{
+        if (!isControlled()) setInternalValue(nextValue);
+        local.onChange?.(nextValue);
+    };
+    const renderProps = ()=>({
+            value: value(),
+            isInvalid: isInvalid(),
+            isDisabled: isDisabled(),
+            isRequired: isRequired()
+        });
+    const contextValue = {
+        value,
+        name: ()=>local.name,
+        variant,
+        fullWidth,
+        isDisabled,
+        isInvalid,
+        isRequired,
+        onBlur: ()=>local.onBlur,
+        setValue
+    };
+    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TimeFieldContext.Provider, {
+        value: contextValue,
+        get children () {
+            var _el$ = _tmpl$();
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+                get ["class"] () {
+                    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("time-field", VARIANT_CLASS_MAP[variant()], fullWidth() && "time-field--full-width", local.class, local.className);
+                },
+                "data-slot": "time-field",
+                get ["data-invalid"] () {
+                    return isInvalid() ? "true" : void 0;
+                },
+                get ["data-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["data-required"] () {
+                    return isRequired() ? "true" : void 0;
+                },
+                get ["aria-invalid"] () {
+                    return isInvalid() ? "true" : void 0;
+                },
+                get ["aria-disabled"] () {
+                    return isDisabled() ? "true" : void 0;
+                },
+                get ["data-theme"] () {
+                    return local.dataTheme;
+                },
+                get style () {
+                    return local.style;
+                }
+            }), false, true);
+            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (()=>{
+                var _c$ = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
+                return ()=>_c$() ? local.children(renderProps()) : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>!!local.children)() ? local.children : (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TimeFieldGroup, {
+                        get children () {
+                            return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(TimeFieldInput, {});
+                        }
+                    });
+            })());
+            return _el$;
+        }
+    });
+};
+const TimeFieldGroup = (props)=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TimeFieldContext);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    const renderProps = ()=>({
+            value: context?.value() ?? "",
+            isInvalid: context?.isInvalid() ?? false,
+            isDisabled: context?.isDisabled() ?? false,
+            isRequired: context?.isRequired() ?? false
+        });
+    return (()=>{
+        var _el$2 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group", GROUP_VARIANT_CLASS_MAP[context?.variant() ?? "primary"], context?.fullWidth() && "date-input-group--full-width", local.class, local.className);
+            },
+            "data-slot": "date-input-group",
+            get ["data-invalid"] () {
+                return context?.isInvalid() ? "true" : void 0;
+            },
+            get ["data-disabled"] () {
+                return context?.isDisabled() ? "true" : void 0;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (()=>{
+            var _c$2 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>"function" == typeof local.children);
+            return ()=>_c$2() ? local.children(renderProps()) : local.children;
+        })());
+        return _el$2;
+    })();
+};
+const TimeFieldInput = (props)=>{
+    const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(TimeFieldContext);
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "onInput",
+        "onBlur",
+        "name"
+    ]);
+    const handleInput = (event)=>{
+        invokeEventHandler(local.onInput, event);
+        if (event.defaultPrevented) return;
+        context?.setValue(event.currentTarget.value);
+    };
+    const handleBlur = (event)=>{
+        invokeEventHandler(local.onBlur, event);
+        invokeEventHandler(context?.onBlur(), event);
+    };
+    return (()=>{
+        var _el$3 = _tmpl$2();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            type: "time",
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__input", local.class, local.className);
+            },
+            "data-slot": "date-input-group-input",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            },
+            get name () {
+                return local.name ?? context?.name();
+            },
+            get value () {
+                return context?.value() ?? "";
+            },
+            get disabled () {
+                return context?.isDisabled();
+            },
+            get required () {
+                return context?.isRequired();
+            },
+            get ["aria-invalid"] () {
+                return context?.isInvalid() ? "true" : void 0;
+            },
+            get ["aria-disabled"] () {
+                return context?.isDisabled() ? "true" : void 0;
+            },
+            onInput: handleInput,
+            onBlur: handleBlur
+        }), false, false);
+        return _el$3;
+    })();
+};
+const TimeFieldInputContainer = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$4 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__input-container", local.class, local.className);
+            },
+            "data-slot": "date-input-group-input-container",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
+        return _el$4;
+    })();
+};
+const TimeFieldSegment = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style",
+        "segment"
+    ]);
+    return (()=>{
+        var _el$5 = _tmpl$3();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__segment", local.class, local.className);
+            },
+            "data-slot": "date-input-group-segment",
+            get ["data-type"] () {
+                return local.segment?.type;
+            },
+            get ["data-placeholder"] () {
+                return local.segment?.isPlaceholder ? "true" : void 0;
+            },
+            get ["data-invalid"] () {
+                return local.segment?.isInvalid ? "true" : void 0;
+            },
+            get ["data-focused"] () {
+                return local.segment?.isFocused ? "true" : void 0;
+            },
+            get ["data-disabled"] () {
+                return local.segment?.isDisabled ? "true" : void 0;
+            },
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children ?? local.segment?.text);
+        return _el$5;
+    })();
+};
+const TimeFieldPrefix = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$6 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__prefix", local.class, local.className);
+            },
+            "data-slot": "date-input-group-prefix",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$6, ()=>local.children);
+        return _el$6;
+    })();
+};
+const TimeFieldSuffix = (props)=>{
+    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "children",
+        "class",
+        "className",
+        "dataTheme",
+        "style"
+    ]);
+    return (()=>{
+        var _el$7 = _tmpl$();
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
+            get ["class"] () {
+                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("date-input-group__suffix", local.class, local.className);
+            },
+            "data-slot": "date-input-group-suffix",
+            get ["data-theme"] () {
+                return local.dataTheme;
+            },
+            get style () {
+                return local.style;
+            }
+        }), false, true);
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
+        return _el$7;
+    })();
+};
+const TimeField = Object.assign(TimeFieldRoot, {
+    Root: TimeFieldRoot,
+    Group: TimeFieldGroup,
+    Input: TimeFieldInput,
+    InputContainer: TimeFieldInputContainer,
+    Segment: TimeFieldSegment,
+    Prefix: TimeFieldPrefix,
+    Suffix: TimeFieldSuffix
+});
+const time_field_TimeField = TimeField;
+export { TimeField, TimeFieldGroup, TimeFieldInput, TimeFieldInputContainer, TimeFieldPrefix, TimeFieldRoot, TimeFieldSegment, TimeFieldSuffix, time_field_TimeField as default };

package/dist/components/time-field/index.d.ts

@@ -0,0 +1 @@
+export { default, TimeField, TimeFieldRoot, TimeFieldGroup, TimeFieldInput, TimeFieldInputContainer, TimeFieldSegment, TimeFieldPrefix, TimeFieldSuffix, type TimeFieldProps, type TimeFieldRootProps, type TimeFieldGroupProps, type TimeFieldInputProps, type TimeFieldInputContainerProps, type TimeFieldSegmentProps, type TimeFieldPrefixProps, type TimeFieldSuffixProps, type TimeFieldVariant, type TimeFieldRenderProps, type TimeFieldSegmentValue, } from "./TimeField";

package/dist/components/time-field/index.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__ from "./TimeField.js";
+var __webpack_exports__TimeField = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__.TimeField;
+var __webpack_exports__TimeFieldGroup = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__.TimeFieldGroup;
+var __webpack_exports__TimeFieldInput = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__.TimeFieldInput;
+var __webpack_exports__TimeFieldInputContainer = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__.TimeFieldInputContainer;
+var __webpack_exports__TimeFieldPrefix = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__.TimeFieldPrefix;
+var __webpack_exports__TimeFieldRoot = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__.TimeFieldRoot;
+var __webpack_exports__TimeFieldSegment = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__.TimeFieldSegment;
+var __webpack_exports__TimeFieldSuffix = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__.TimeFieldSuffix;
+var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__TimeField_js_ff91d5fb__["default"];
+export { __webpack_exports__TimeField as TimeField, __webpack_exports__TimeFieldGroup as TimeFieldGroup, __webpack_exports__TimeFieldInput as TimeFieldInput, __webpack_exports__TimeFieldInputContainer as TimeFieldInputContainer, __webpack_exports__TimeFieldPrefix as TimeFieldPrefix, __webpack_exports__TimeFieldRoot as TimeFieldRoot, __webpack_exports__TimeFieldSegment as TimeFieldSegment, __webpack_exports__TimeFieldSuffix as TimeFieldSuffix, __webpack_exports__default as default };

package/dist/components/utils.d.ts

@@ -1,9 +1,9 @@
-import { type JSX } from "solid-js";
+import type { JSX } from "solid-js";
 import type { ResponsiveProp } from "./types";
+export { useDesktop } from "../hooks/layout";
 export declare function wrapWithElementIfInvalid({ node, wrapper, className, }: {
     node: JSX.Element | string | number | null | undefined;
     wrapper?: keyof JSX.IntrinsicElements;
     className?: string;
 }): JSX.Element;
 export declare function mapResponsiveProp<T extends string | boolean>(prop: ResponsiveProp<T> | undefined, classMap: Record<string, string>): string[];
-export declare function useDesktop(breakpoint?: number): import("solid-js").Accessor<boolean>;

package/dist/components/utils.js

@@ -1,6 +1,6 @@
 import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
 import * as __WEBPACK_EXTERNAL_MODULE__types_js_7eec16d2__ from "./types.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hooks_layout_index_js_ad74a5db__ from "../hooks/layout/index.js";
 function isJSXElement(node) {
     return "object" == typeof node && null !== node;
 }
@@ -28,19 +28,5 @@ function mapResponsiveProp(prop, classMap) {
         ];
     });
 }
-function useDesktop(breakpoint = 1024) {
-    const [isDesktop, setIsDesktop] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
-    const checkIfDesktop = ()=>{
-        const width = window.innerWidth;
-        setIsDesktop(width >= breakpoint);
-    };
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        checkIfDesktop();
-        window.addEventListener("resize", checkIfDesktop);
-    });
-    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
-        window.removeEventListener("resize", checkIfDesktop);
-    });
-    return isDesktop;
-}
-export { mapResponsiveProp, useDesktop, wrapWithElementIfInvalid };
+var __webpack_exports__useDesktop = __WEBPACK_EXTERNAL_MODULE__hooks_layout_index_js_ad74a5db__.useDesktop;
+export { mapResponsiveProp, wrapWithElementIfInvalid, __webpack_exports__useDesktop as useDesktop };

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

@@ -0,0 +1,5 @@
+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";
+export { useFieldProps, type UseFieldPropsResult } from "./useFieldProps";

package/dist/hooks/form/index.js

@@ -0,0 +1,12 @@
+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";
+var __webpack_exports__getFormControllerFromElement = __WEBPACK_EXTERNAL_MODULE__useForm_js_e31b00cd__.getFormControllerFromElement;
+var __webpack_exports__useField = __WEBPACK_EXTERNAL_MODULE__useField_js_8e8be5a6__.useField;
+var __webpack_exports__useFieldError = __WEBPACK_EXTERNAL_MODULE__useFieldError_js_33478ad6__.useFieldError;
+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;
+export { __webpack_exports__getFormControllerFromElement as getFormControllerFromElement, __webpack_exports__useField as useField, __webpack_exports__useFieldError as useFieldError, __webpack_exports__useFieldMeta as useFieldMeta, __webpack_exports__useFieldProps as useFieldProps, __webpack_exports__useForm as useForm };

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

@@ -0,0 +1,11 @@
+import { type Accessor } from "solid-js";
+import { type FieldName, type UseFieldOptions } from "./useFieldMeta";
+export type UseFieldResult = {
+    name: Accessor<string | undefined>;
+    value: Accessor<unknown>;
+    error: Accessor<string | undefined>;
+    touched: Accessor<boolean>;
+    invalid: Accessor<boolean>;
+    setValue: (value: unknown) => void;
+};
+export declare const useField: (name: FieldName, options?: UseFieldOptions) => UseFieldResult;

package/dist/hooks/form/useField.js

@@ -0,0 +1,20 @@
+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 = (0, __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__.useFieldMeta)(name, options);
+    const setValue = (value)=>{
+        const form = meta.controller();
+        const fieldName = meta.name();
+        if (!form || !fieldName) return;
+        form.setFieldValue(fieldName, value);
+    };
+    return {
+        name: meta.name,
+        value: meta.value,
+        error: meta.error,
+        touched: meta.touched,
+        invalid: (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>meta.invalid()),
+        setValue
+    };
+};
+export { useField };

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

@@ -0,0 +1,3 @@
+import type { Accessor } from "solid-js";
+import { type FieldName, type UseFieldOptions } from "./useFieldMeta";
+export declare const useFieldError: (name: FieldName, options?: UseFieldOptions) => Accessor<string | undefined>;

package/dist/hooks/form/useFieldError.js

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

@@ -0,0 +1,20 @@
+import { type Accessor } from "solid-js";
+import { type FormController } from "./useForm";
+type AnyFormController = FormController<Record<string, unknown>>;
+export type FieldName = string | Accessor<string | undefined>;
+export type UseFieldOptions = {
+    form?: AnyFormController | Accessor<AnyFormController | undefined>;
+    element?: Accessor<Element | undefined>;
+    showWhenTouched?: boolean;
+};
+export type UseFieldMetaResult = {
+    controller: Accessor<AnyFormController | undefined>;
+    name: Accessor<string | undefined>;
+    value: Accessor<unknown>;
+    rawError: Accessor<string | undefined>;
+    error: Accessor<string | undefined>;
+    touched: Accessor<boolean>;
+    invalid: Accessor<boolean>;
+};
+export declare const useFieldMeta: (name: FieldName, options?: UseFieldOptions) => UseFieldMetaResult;
+export {};

package/dist/hooks/form/useFieldMeta.js

@@ -0,0 +1,49 @@
+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;
+    return "function" == typeof candidate.errors && "function" == typeof candidate.touched && "function" == typeof candidate.data && "function" == typeof candidate.setFieldValue;
+};
+const resolveFieldName = (name)=>{
+    if ("function" == typeof name) return name;
+    return ()=>name;
+};
+const readFieldState = (form, name, reader)=>{
+    if (!form || !name) return;
+    return reader(name);
+};
+const useFieldMeta = (name, options = {})=>{
+    const nameAccessor = resolveFieldName(name);
+    const showWhenTouched = options.showWhenTouched ?? true;
+    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 (0, __WEBPACK_EXTERNAL_MODULE__useForm_js_e31b00cd__.getFormControllerFromElement)(currentElement);
+    });
+    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 = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>Boolean(error()));
+    return {
+        controller,
+        name: nameAccessor,
+        value,
+        rawError,
+        error,
+        touched,
+        invalid
+    };
+};
+export { useFieldMeta };

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

@@ -0,0 +1,10 @@
+import type { JSX } from "solid-js";
+import { type FieldName, type UseFieldOptions } from "./useFieldMeta";
+export type UseFieldPropsResult = {
+    name: () => string | undefined;
+    value: () => unknown;
+    onInput: JSX.EventHandlerUnion<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, InputEvent>;
+    onChange: (valueOrEvent: unknown) => void;
+    onBlur: JSX.EventHandlerUnion<HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement, FocusEvent>;
+};
+export declare const useFieldProps: (name: FieldName, options?: UseFieldOptions) => UseFieldPropsResult;

package/dist/hooks/form/useFieldProps.js

@@ -0,0 +1,51 @@
+import * as __WEBPACK_EXTERNAL_MODULE__useFieldMeta_js_65e8362d__ from "./useFieldMeta.js";
+const isEventLike = (value)=>value instanceof Event;
+const getValueFromInputLikeEvent = (event)=>{
+    const currentTarget = event.currentTarget;
+    const target = event.target;
+    const element = currentTarget instanceof Element ? currentTarget : target instanceof Element ? target : void 0;
+    if (!element) return;
+    if (element instanceof HTMLInputElement) {
+        if ("checkbox" === element.type || "radio" === element.type) return element.checked;
+        return element.value;
+    }
+    if (element instanceof HTMLTextAreaElement || element instanceof HTMLSelectElement) return element.value;
+};
+const useFieldProps = (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();
+        if (!form || !fieldName) return;
+        form.setFieldValue(fieldName, nextValue);
+    };
+    const markTouched = ()=>{
+        const form = meta.controller();
+        const fieldName = meta.name();
+        if (!form || !fieldName) return;
+        form.setTouched(fieldName, true);
+    };
+    const onInput = (event)=>{
+        const nextValue = getValueFromInputLikeEvent(event) ?? event.currentTarget.value;
+        setValue(nextValue);
+    };
+    const onChange = (valueOrEvent)=>{
+        if (isEventLike(valueOrEvent)) {
+            const extractedValue = getValueFromInputLikeEvent(valueOrEvent);
+            setValue(extractedValue);
+            return;
+        }
+        setValue(valueOrEvent);
+    };
+    const onBlur = ()=>{
+        markTouched();
+    };
+    return {
+        name: meta.name,
+        value: meta.value,
+        onInput,
+        onChange,
+        onBlur
+    };
+};
+export { useFieldProps };

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

@@ -0,0 +1,27 @@
+import type { ObjectSetter, Paths } from "@felte/common";
+import type { Accessor } from "solid-js";
+import type { z } from "zod";
+type AnyValues = Record<string, unknown>;
+export type FormPathQuery<TValues extends AnyValues = AnyValues> = string | ((data: TValues) => unknown);
+export type FormDirective = (element: HTMLFormElement, accessor?: Accessor<unknown>) => void | (() => void);
+export type UseFormOptions<TValues extends AnyValues = AnyValues> = {
+    schema?: z.ZodType<TValues>;
+    initialValues?: TValues;
+    onSubmit?: (values: TValues) => void | Promise<void>;
+};
+export type FormController<TValues extends AnyValues = AnyValues> = FormDirective & {
+    errors: (path?: FormPathQuery<TValues>) => unknown;
+    touched: (path?: FormPathQuery<TValues>) => unknown;
+    data: (path?: FormPathQuery<TValues>) => unknown;
+    isValid: () => boolean;
+    isSubmitting: () => boolean;
+    setData: ObjectSetter<TValues, Paths<TValues>>;
+    setErrors: (...args: unknown[]) => unknown;
+    setWarnings: (...args: unknown[]) => unknown;
+    setTouched: (...args: unknown[]) => unknown;
+    reset: () => void;
+    setFieldValue: (name: string, value: unknown) => void;
+};
+export declare const getFormControllerFromElement: (element?: Element | null) => FormController<AnyValues> | undefined;
+export declare const useForm: <TValues extends AnyValues = AnyValues>(options?: UseFormOptions<TValues>) => FormController<TValues>;
+export {};