react-science 19.1.0 → 19.2.0

package/lib/components/form/components/hooks/use_input_id.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Generate an automatic id if needed, joined with name if truthy
+ *
+ * @param id
+ * @param name
+ */
+export declare function useInputId(id: string | null | undefined, name: string | null | undefined): string;
+//# sourceMappingURL=use_input_id.d.ts.map

package/lib/components/form/components/hooks/use_input_id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_input_id.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/hooks/use_input_id.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,UAAU,CACxB,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC7B,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,UAQhC"}

package/lib/components/form/components/hooks/use_input_id.js

@@ -0,0 +1,15 @@
+import { useId } from 'react';
+/**
+ * Generate an automatic id if needed, joined with name if truthy
+ *
+ * @param id
+ * @param name
+ */
+export function useInputId(id, name) {
+    const reactId = useId();
+    // If id is defined, keep id as finalId for predictable behavior.
+    // If name is defined, join name with reactId to simplify debug in devtools.
+    // Else use reactId.
+    return id ?? (name ? `${name}_${reactId}` : reactId);
+}
+//# sourceMappingURL=use_input_id.js.map

package/lib/components/form/components/hooks/use_input_id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_input_id.js","sourceRoot":"","sources":["../../../../../src/components/form/components/hooks/use_input_id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CACxB,EAA6B,EAC7B,IAA+B;IAE/B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IAExB,iEAAiE;IACjE,4EAA4E;IAC5E,oBAAoB;IACpB,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;AACvD,CAAC"}

package/lib/components/form/components/input/checkbox.d.ts

@@ -0,0 +1,5 @@
+import type { CheckboxProps as BPCheckboxProps } from '@blueprintjs/core';
+type CheckboxProps = Omit<BPCheckboxProps, 'defaultChecked' | 'name'>;
+export declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=checkbox.d.ts.map

package/lib/components/form/components/input/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAO1E,KAAK,aAAa,GAAG,IAAI,CAAC,eAAe,EAAE,gBAAgB,GAAG,MAAM,CAAC,CAAC;AAEtE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA0B5C"}

package/lib/components/form/components/input/checkbox.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox as BPCheckbox, FormGroup } from '@blueprintjs/core';
+import { useFieldContext } from '../../context/use_ts_form.js';
+import { getIntent } from '../../utils/use_intent.js';
+export function Checkbox(props) {
+    const { ...rest } = props;
+    const field = useFieldContext();
+    const error = field
+        .getMeta()
+        .errors.map((e) => e.message)
+        .at(0);
+    const intent = getIntent(error);
+    function onChange(event) {
+        const checked = event.target.checked;
+        return field.handleChange(checked);
+    }
+    return (_jsx(FormGroup, { intent: intent, helperText: error, children: _jsx(BPCheckbox, { ...rest, name: field.name, value: String(field.state.value), onChange: onChange, onBlur: field.handleBlur }) }));
+}
+//# sourceMappingURL=checkbox.js.map

package/lib/components/form/components/input/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/checkbox.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAItD,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,KAAK,GAAG,eAAe,EAAW,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,QAAQ,CAAC,KAAoC;QACpD,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QACrC,OAAO,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,YAC1C,KAAC,UAAU,OACL,IAAI,EACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,UAAU,GACxB,GACQ,CACb,CAAC;AACJ,CAAC"}

package/lib/components/form/components/input/input.d.ts

@@ -0,0 +1,9 @@
+interface InputProps {
+    label?: string;
+    inline?: boolean;
+    required?: boolean;
+    placeholder?: string;
+}
+export declare function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/lib/components/form/components/input/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/input.tsx"],"names":[],"mappings":"AAKA,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAwBtC"}

package/lib/components/form/components/input/input.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFieldContext } from '../../context/use_ts_form.js';
+import { Input as FormGroupInput } from '../input_groups/input.js';
+export function Input(props) {
+    const { label, required, inline, placeholder } = props;
+    const field = useFieldContext();
+    const error = field
+        .getMeta()
+        .errors.map((e) => e.message)
+        .at(0);
+    function onChange(event) {
+        return field.handleChange(event.target.value);
+    }
+    return (_jsx(FormGroupInput, { required: required, error: error, formGroupProps: { label, inline }, value: field.state.value, onChange: onChange, name: field.name, placeholder: placeholder, onBlur: field.handleBlur }));
+}
+//# sourceMappingURL=input.js.map

package/lib/components/form/components/input/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/input.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAC;AASnE,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACvD,MAAM,KAAK,GAAG,eAAe,EAAU,CAAC;IACxC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,SAAS,QAAQ,CAAC,KAAoC;QACpD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC;IAED,OAAO,CACL,KAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACjC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EACxB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,CAAC,UAAU,GACxB,CACH,CAAC;AACJ,CAAC"}

package/lib/components/form/components/input/numeric_input.d.ts

@@ -0,0 +1,8 @@
+import type { NumericInputProps as BPNumericInputProps } from '@blueprintjs/core';
+interface NumericInputProps extends Omit<BPNumericInputProps, 'defaultValue' | 'name'> {
+    label?: string;
+    required?: boolean;
+}
+export declare function NumericInput(props: NumericInputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=numeric_input.d.ts.map

package/lib/components/form/components/input/numeric_input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric_input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/numeric_input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,IAAI,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAOlF,UAAU,iBACR,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,MAAM,CAAC;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAmCpD"}

package/lib/components/form/components/input/numeric_input.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormGroup, NumericInput as BPNumericInput } from '@blueprintjs/core';
+import { useFieldContext } from '../../context/use_ts_form.js';
+import { useFieldId } from '../../utils/use_field_id.js';
+import { getIntent } from '../../utils/use_intent.js';
+export function NumericInput(props) {
+    const { label, required, ...rest } = props;
+    const field = useFieldContext();
+    const id = useFieldId(field.name);
+    const error = field
+        .getMeta()
+        .errors.map((e) => e.message)
+        .at(0);
+    const intent = getIntent(error);
+    function onChange(_, valueAsString) {
+        return field.handleChange(valueAsString);
+    }
+    return (_jsx(FormGroup, { helperText: error, label: label, labelFor: id, intent: intent, labelInfo: label && required && _jsx("span", { style: { color: 'red' }, children: "*" }), children: _jsx(BPNumericInput, { ...rest, name: field.name, value: field.state.value ?? '', onValueChange: onChange, intent: intent, required: required, id: id, onBlur: field.handleBlur }) }));
+}
+//# sourceMappingURL=numeric_input.js.map

package/lib/components/form/components/input/numeric_input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numeric_input.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/numeric_input.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,YAAY,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAE9E,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAQtD,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC3C,MAAM,KAAK,GAAG,eAAe,EAAU,CAAC;IACxC,MAAM,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAClC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,QAAQ,CAAC,CAAS,EAAE,aAAqB;QAChD,OAAO,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IACR,UAAU,EAAE,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,EAAE,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,KAAK,IAAI,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,YAEvE,KAAC,cAAc,OACT,IAAI,EACR,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,EAAE,EAC9B,aAAa,EAAE,QAAQ,EACvB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,KAAK,CAAC,UAAU,GACxB,GACQ,CACb,CAAC;AACJ,CAAC"}

package/lib/components/form/components/input/reset_button.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+interface ResetButtonProps {
+    children: ReactNode;
+}
+export declare function ResetButton(props: ResetButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=reset_button.d.ts.map

package/lib/components/form/components/input/reset_button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset_button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/reset_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CASlD"}

package/lib/components/form/components/input/reset_button.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from '../../../button/index.js';
+import { useFormContext } from '../../context/use_ts_form.js';
+export function ResetButton(props) {
+    const { children } = props;
+    const form = useFormContext();
+    return (_jsx(Button, { intent: "danger", type: "reset", onClick: () => form.reset(), children: children }));
+}
+//# sourceMappingURL=reset_button.js.map

package/lib/components/form/components/input/reset_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset_button.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/reset_button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAM9D,MAAM,UAAU,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAE9B,OAAO,CACL,KAAC,MAAM,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,YAC7D,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}

package/lib/components/form/components/input/select.d.ts

@@ -0,0 +1,12 @@
+interface SelectOptionType {
+    label: string;
+    value: string;
+}
+interface SelectProps {
+    label?: string;
+    items: SelectOptionType[];
+    required?: boolean;
+}
+export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/lib/components/form/components/input/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/select.tsx"],"names":[],"mappings":"AAKA,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CA8BxC"}

package/lib/components/form/components/input/select.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFieldContext } from '../../context/use_ts_form.js';
+import { getIntent } from '../../utils/use_intent.js';
+import { Select as FormGroupSelect } from '../input_groups/select.js';
+export function Select(props) {
+    const { label, items, required } = props;
+    const field = useFieldContext();
+    const error = field
+        .getMeta()
+        .errors.map((e) => e.message)
+        .at(0);
+    const intent = getIntent(error);
+    function onItemSelect(selected) {
+        if (!selected)
+            return;
+        return field.handleChange(selected);
+    }
+    return (_jsx(FormGroupSelect, { formGroupProps: {
+            required,
+            label,
+            intent,
+            helperText: error ?? undefined,
+        }, items: items, onChange: onItemSelect, selected: field.state.value, onBlur: field.handleBlur }));
+}
+//# sourceMappingURL=select.js.map

package/lib/components/form/components/input/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AActE,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,MAAM,KAAK,GAAG,eAAe,EAAY,CAAC;IAC1C,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC;IAEhC,SAAS,YAAY,CAAC,QAA8B;QAClD,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;IAED,OAAO,CACL,KAAC,eAAe,IACd,cAAc,EAAE;YACd,QAAQ;YACR,KAAK;YACL,MAAM;YACN,UAAU,EAAE,KAAK,IAAI,SAAS;SAC/B,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAC3B,MAAM,EAAE,KAAK,CAAC,UAAU,GACxB,CACH,CAAC;AACJ,CAAC"}

package/lib/components/form/components/input/submit_button.d.ts

@@ -0,0 +1,5 @@
+import type { ButtonProps } from '../../../button/index.js';
+type SubmitButtonProps = ButtonProps;
+export declare function SubmitButton(props: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=submit_button.d.ts.map

package/lib/components/form/components/input/submit_button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit_button.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/submit_button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAI5D,KAAK,iBAAiB,GAAG,WAAW,CAAC;AAErC,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CAcpD"}

package/lib/components/form/components/input/submit_button.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useStore } from '@tanstack/react-form';
+import { Button } from '../../../button/index.js';
+import { useFormContext } from '../../context/use_ts_form.js';
+export function SubmitButton(props) {
+    const { intent, ...otherProps } = props;
+    const form = useFormContext();
+    const isSubmitting = useStore(form.store, (state) => state.isSubmitting);
+    return (_jsx(Button, { ...otherProps, intent: intent ?? 'primary', type: "submit", disabled: isSubmitting }));
+}
+//# sourceMappingURL=submit_button.js.map

package/lib/components/form/components/input/submit_button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"submit_button.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/submit_button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAI9D,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAExC,MAAM,IAAI,GAAG,cAAc,EAAE,CAAC;IAC9B,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEzE,OAAO,CACL,KAAC,MAAM,OACD,UAAU,EACd,MAAM,EAAE,MAAM,IAAI,SAAS,EAC3B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC"}

package/lib/components/form/components/input/switch.d.ts

@@ -0,0 +1,6 @@
+interface SwitchProps {
+    label?: string;
+}
+export declare function Switch(props: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=switch.d.ts.map

package/lib/components/form/components/input/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input/switch.tsx"],"names":[],"mappings":"AAKA,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2CAuBxC"}

package/lib/components/form/components/input/switch.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormGroup, Switch as BPSwitch } from '@blueprintjs/core';
+import { useFieldContext } from '../../context/use_ts_form.js';
+export function Switch(props) {
+    const { label } = props;
+    const field = useFieldContext();
+    const error = field
+        .getMeta()
+        .errors.map((e) => e.message)
+        .at(0);
+    function onChange(event) {
+        return field.handleChange(event.target.checked);
+    }
+    return (_jsx(FormGroup, { helperText: error ?? undefined, intent: "danger", children: _jsx(BPSwitch, { checked: field.state.value, onChange: onChange, onBlur: field.handleBlur, labelElement: label }) }));
+}
+//# sourceMappingURL=switch.js.map

package/lib/components/form/components/input/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input/switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGlE,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAM/D,MAAM,UAAU,MAAM,CAAC,KAAkB;IACvC,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,MAAM,KAAK,GAAG,eAAe,EAAW,CAAC;IACzC,MAAM,KAAK,GAAG,KAAK;SAChB,OAAO,EAAE;SACT,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;SAC5B,EAAE,CAAC,CAAC,CAAC,CAAC;IAET,SAAS,QAAQ,CAAC,KAAoC;QACpD,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IAAC,UAAU,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,EAAC,QAAQ,YACxD,KAAC,QAAQ,IACP,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,CAAC,UAAU,EACxB,YAAY,EAAE,KAAK,GACnB,GACQ,CACb,CAAC;AACJ,CAAC"}

package/lib/components/form/components/input_groups/input.d.ts

@@ -0,0 +1,20 @@
+import type { ChangeEvent } from 'react';
+interface InputProps {
+    error?: string;
+    required?: boolean;
+    id?: string;
+    name: string;
+    type?: string;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    onBlur: () => void;
+    value: string;
+    placeholder?: string;
+    formGroupProps: {
+        label?: string;
+        className?: string;
+        inline?: boolean;
+    };
+}
+export declare function Input(props: InputProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=input.d.ts.map

package/lib/components/form/components/input_groups/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input_groups/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,UAAU,UAAU;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,2CAwCtC"}

package/lib/components/form/components/input_groups/input.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormGroup, InputGroup } from '@blueprintjs/core';
+import { useInputId } from '../hooks/use_input_id.js';
+export function Input(props) {
+    const { id, required = false, error, formGroupProps: { className, inline = false, label }, name, onBlur, onChange, type = 'text', value, placeholder, } = props;
+    const finalId = useInputId(id, name);
+    return (_jsx(FormGroup, { helperText: error ?? undefined, label: label, labelFor: finalId, intent: "danger", style: { margin: 0, position: 'relative' }, className: className, inline: inline, labelInfo: required && _jsx("span", { style: { color: 'red' }, children: "*" }), children: _jsx(InputGroup, { id: finalId, name: name, required: required, type: type, onChange: onChange, onBlur: onBlur, intent: error ? 'danger' : 'none', value: value, placeholder: placeholder }) }));
+}
+//# sourceMappingURL=input.js.map

package/lib/components/form/components/input_groups/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input_groups/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAmBtD,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,EAAE,EACF,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,cAAc,EAAE,EAAE,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,KAAK,EAAE,EACpD,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,KAAK,EACL,WAAW,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;IAErC,OAAO,CACL,KAAC,SAAS,IACR,UAAU,EAAE,KAAK,IAAI,SAAS,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,EACjB,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,EAC1C,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,QAAQ,IAAI,eAAM,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,kBAAU,YAE9D,KAAC,UAAU,IACT,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EACjC,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,GACQ,CACb,CAAC;AACJ,CAAC"}

package/lib/components/form/components/input_groups/select.d.ts

@@ -0,0 +1,59 @@
+import type { FormGroupProps } from '@blueprintjs/core';
+import { FormGroup } from '@blueprintjs/core';
+import type { SelectProps as BPSelectProps } from '@blueprintjs/select';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+import type { GetOptionLabel, GetOptionValue, SelectId, SelectOption, SelectOptionLabel } from '../util/select.js';
+type FieldGroupProps = Pick<FormGroupProps, 'label' | 'inline'>;
+export interface SelectPropsRenderButtonState<OptionType> {
+    error: string | undefined;
+    selectedOption: OptionType | undefined;
+}
+interface SelectCustomProps<OptionType, ID extends SelectId> {
+    renderButton?: (state: SelectPropsRenderButtonState<OptionType>) => ReactNode;
+    onChange?: (selected: ID | undefined, option: OptionType | undefined) => void;
+    id?: string;
+    selected?: ID;
+    required?: boolean;
+}
+type SelectGetValue<OptionType, ID extends SelectId> = {
+    /**
+     * Optional if OptionType extends SelectOption<ID>
+     * @default getSelectValue
+     */
+    getValue: GetOptionValue<OptionType, ID>;
+};
+type SelectGetValueProps<OptionType, ID extends SelectId> = OptionType extends SelectOption<ID> ? Partial<SelectGetValue<OptionType, ID>> : SelectGetValue<OptionType, ID>;
+type SelectGetLabel<OptionType> = {
+    /**
+     * Optional if OptionType extends SelectOptionLabel
+     * @default getSelectLabel
+     */
+    getLabel: GetOptionLabel<OptionType>;
+};
+type SelectGetLabelProps<OptionType> = OptionType extends SelectOptionLabel ? Partial<SelectGetLabel<OptionType>> : SelectGetLabel<OptionType>;
+export type SelectProps<OptionType, ID extends SelectId> = FieldGroupProps & Pick<BPSelectProps<OptionType>, 'placeholder' | 'items' | 'className' | 'disabled' | 'popoverProps' | 'filterable' | 'itemDisabled' | 'itemListPredicate' | 'resetOnClose'> & Pick<ComponentProps<typeof FormGroup>, 'helperText' | 'intent'> & SelectCustomProps<OptionType, ID> & SelectGetValueProps<OptionType, ID> & SelectGetLabelProps<OptionType>;
+/**
+ * A wrapper for the BlueprintJS Select component that integrates with react-hook-form.
+ * Store in form the selected value.
+ * Find selected option getValue.
+ * Display options with getLabel.
+ *
+ * @param props
+ * @constructor
+ */
+interface RealSelectProps<OptionType, ID extends SelectId> extends Pick<BPSelectProps<OptionType>, 'filterable' | 'items'> {
+    onBlur: () => void;
+    id?: string;
+    renderButton?: (state: SelectPropsRenderButtonState<OptionType>, onBlur: () => void) => ReactNode;
+    disabled?: boolean;
+    selected?: ID;
+    onChange?: (selected: ID | undefined, option: OptionType | undefined) => void;
+    getLabel?: GetOptionLabel<OptionType>;
+    getValue?: GetOptionValue<OptionType, ID>;
+    formGroupProps: Pick<ComponentProps<typeof FormGroup>, 'helperText' | 'intent' | 'label' | 'className' | 'inline'> & {
+        required?: boolean;
+    };
+}
+export declare function Select<OptionType extends SelectOption<ID>, ID extends SelectId>(props: RealSelectProps<OptionType, ID>): ReactElement;
+export {};
+//# sourceMappingURL=select.d.ts.map

package/lib/components/form/components/input_groups/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/input_groups/select.tsx"],"names":[],"mappings":"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"}

package/lib/components/form/components/input_groups/select.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FormGroup } from '@blueprintjs/core';
+import { Select as BPSelect } from '@blueprintjs/select';
+import { useCallback, useMemo } from 'react';
+import { Button } from '../../../button/index.js';
+import { useInputId } from '../hooks/use_input_id.js';
+import { getItemRenderer, getSelectLabel, getSelectValue, } from '../util/select.js';
+export function Select(props) {
+    const { renderButton, id, disabled, selected, getLabel: _getLabel, getValue: _getValue, formGroupProps: { className, helperText, inline, intent, label, required }, 
+    // Weirdly, setting the filterable prop on BP's Select component activates the filter input
+    filterable = false, items, onChange, onBlur, } = props;
+    const getValue = _getValue ?? getSelectValue;
+    const getLabel = _getLabel ?? getSelectLabel;
+    const selectedOption = useMemo(() => items.find((item) => getValue(item) === selected), [getValue, items, selected]);
+    const itemRenderer = useMemo(() => {
+        return getItemRenderer({
+            selected,
+            getValue,
+            getLabel,
+        });
+    }, [getLabel, getValue, selected]);
+    const onItemSelect = useCallback((option) => {
+        const value = getValue(option);
+        onChange?.(value, option);
+    }, [getValue, onChange]);
+    const inputId = useInputId(id, null);
+    return (_jsx(FormGroup, { label: label, labelFor: inputId, helperText: helperText, intent: intent, style: { margin: 0, position: 'relative' }, className: className, inline: inline, disabled: disabled, labelInfo: required && _jsx("span", { style: { color: 'red' }, children: "*" }), children: _jsx(BPSelect, { filterable: filterable, items: items, onItemSelect: onItemSelect, itemRenderer: itemRenderer, disabled: disabled, children: renderButton ? (renderButton({ selectedOption, error: undefined }, onBlur)) : (_jsx(Button, { id: inputId, text: getLabel(selectedOption) || 'Select ...', endIcon: "double-caret-vertical", variant: "outlined", intent: intent, disabled: disabled, style: { minWidth: 180 }, onBlur: onBlur })) }) }));
+}
+//# sourceMappingURL=select.js.map

package/lib/components/form/components/input_groups/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../src/components/form/components/input_groups/select.tsx"],"names":[],"mappings":"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"}

package/lib/components/form/components/util/select.d.ts

@@ -0,0 +1,20 @@
+import type { ItemRenderer } from '@blueprintjs/select';
+import type { ReactNode } from 'react';
+export type SelectId = string | number | null;
+export type GetOptionValue<OptionType, ID extends SelectId> = (option: OptionType | undefined) => ID | undefined;
+export type GetOptionLabel<OptionType> = (option: OptionType | undefined) => ReactNode;
+export interface GetItemRendererOptions<OptionType, ID extends SelectId> {
+    selected: ID | undefined;
+    getValue: GetOptionValue<OptionType, ID>;
+    getLabel: GetOptionLabel<OptionType>;
+}
+export declare function getItemRenderer<OptionType, ID extends SelectId>(options: GetItemRendererOptions<OptionType, ID>): ItemRenderer<OptionType>;
+export interface SelectOptionLabel {
+    label: string;
+}
+export declare function getSelectLabel(option: SelectOptionLabel | undefined): string | undefined;
+export interface SelectOption<ID> extends SelectOptionLabel {
+    value: ID;
+}
+export declare function getSelectValue<Option extends SelectOption<unknown>>(option: Option | undefined): Option['value'] | undefined;
+//# sourceMappingURL=select.d.ts.map

package/lib/components/form/components/util/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/components/util/select.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;AAE9C,MAAM,MAAM,cAAc,CAAC,UAAU,EAAE,EAAE,SAAS,QAAQ,IAAI,CAC5D,MAAM,EAAE,UAAU,GAAG,SAAS,KAC3B,EAAE,GAAG,SAAS,CAAC;AACpB,MAAM,MAAM,cAAc,CAAC,UAAU,IAAI,CACvC,MAAM,EAAE,UAAU,GAAG,SAAS,KAC3B,SAAS,CAAC;AAEf,MAAM,WAAW,sBAAsB,CAAC,UAAU,EAAE,EAAE,SAAS,QAAQ;IACrE,QAAQ,EAAE,EAAE,GAAG,SAAS,CAAC;IACzB,QAAQ,EAAE,cAAc,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC;IACzC,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;CACtC;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,EAAE,SAAS,QAAQ,EAC7D,OAAO,EAAE,sBAAsB,CAAC,UAAU,EAAE,EAAE,CAAC,4BA0BhD;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,cAAc,CAC5B,MAAM,EAAE,iBAAiB,GAAG,SAAS,GACpC,MAAM,GAAG,SAAS,CAEpB;AAED,MAAM,WAAW,YAAY,CAAC,EAAE,CAAE,SAAQ,iBAAiB;IACzD,KAAK,EAAE,EAAE,CAAC;CACX;AAED,wBAAgB,cAAc,CAAC,MAAM,SAAS,YAAY,CAAC,OAAO,CAAC,EACjE,MAAM,EAAE,MAAM,GAAG,SAAS,GACzB,MAAM,CAAC,OAAO,CAAC,GAAG,SAAS,CAE7B"}

package/lib/components/form/components/util/select.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MenuItem } from '@blueprintjs/core';
+export function getItemRenderer(options) {
+    const { selected, getValue, getLabel } = options;
+    const render = (item, { handleClick, handleFocus, modifiers, index }) => {
+        const label = getLabel(item);
+        const { active, disabled, matchesPredicate } = modifiers;
+        if (!matchesPredicate)
+            return null;
+        return (_jsx(MenuItem, { active: active, disabled: disabled, selected: selected === getValue(item), onClick: handleClick, onFocus: handleFocus, roleStructure: "listoption", text: label }, index));
+    };
+    return render;
+}
+export function getSelectLabel(option) {
+    return option?.label;
+}
+export function getSelectValue(option) {
+    return option?.value;
+}
+//# sourceMappingURL=select.js.map

package/lib/components/form/components/util/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../src/components/form/components/util/select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAmB7C,MAAM,UAAU,eAAe,CAC7B,OAA+C;IAE/C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,MAAM,GAA6B,CACvC,IAAI,EACJ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,EAC9C,EAAE;QACF,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7B,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC;QACzD,IAAI,CAAC,gBAAgB;YAAE,OAAO,IAAI,CAAC;QACnC,OAAO,CACL,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,KAAK,QAAQ,CAAC,IAAI,CAAC,EAErC,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAC,YAAY,EAC1B,IAAI,EAAE,KAAK,IAJN,KAAK,CAKV,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC;AAMD,MAAM,UAAU,cAAc,CAC5B,MAAqC;IAErC,OAAO,MAAM,EAAE,KAAK,CAAC;AACvB,CAAC;AAMD,MAAM,UAAU,cAAc,CAC5B,MAA0B;IAE1B,OAAO,MAAM,EAAE,KAAK,CAAC;AACvB,CAAC"}

package/lib/components/form/context/use_ts_form.d.ts

@@ -0,0 +1,41 @@
+import { Checkbox } from '../components/input/checkbox.js';
+import { Input } from '../components/input/input.js';
+import { NumericInput } from '../components/input/numeric_input.js';
+import { ResetButton } from '../components/input/reset_button.js';
+import { Select } from '../components/input/select.js';
+import { SubmitButton } from '../components/input/submit_button.js';
+import { Switch } from '../components/input/switch.js';
+declare const useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any, any, any>, useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>;
+declare const withForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends object = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly Input: typeof Input;
+    readonly NumericInput: typeof NumericInput;
+    readonly Checkbox: typeof Checkbox;
+    readonly Select: typeof Select;
+    readonly Switch: typeof Switch;
+}, {
+    readonly SubmitButton: typeof SubmitButton;
+    readonly ResetButton: typeof ResetButton;
+}, TRenderProps>) => (props: import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
+    form: import("@tanstack/react-form").AppFieldExtendedReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamic] ? [TOnDynamic] extends [TOnDynamic & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamic : TOnDynamic, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnDynamicAsync] ? [TOnDynamicAsync] extends [TOnDynamicAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnDynamicAsync : TOnDynamicAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, {
+        readonly Input: typeof Input;
+        readonly NumericInput: typeof NumericInput;
+        readonly Checkbox: typeof Checkbox;
+        readonly Select: typeof Select;
+        readonly Switch: typeof Switch;
+    }, {
+        readonly SubmitButton: typeof SubmitButton;
+        readonly ResetButton: typeof ResetButton;
+    }>;
+}>) => import("react").JSX.Element;
+export declare const useForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnDynamic extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnDynamicAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").AppFieldExtendedReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnDynamic, TOnDynamicAsync, TOnServer, TSubmitMeta, {
+    readonly Input: typeof Input;
+    readonly NumericInput: typeof NumericInput;
+    readonly Checkbox: typeof Checkbox;
+    readonly Select: typeof Select;
+    readonly Switch: typeof Switch;
+}, {
+    readonly SubmitButton: typeof SubmitButton;
+    readonly ResetButton: typeof ResetButton;
+}>;
+export { useFieldContext, useFormContext, withForm };
+//# sourceMappingURL=use_ts_form.d.ts.map

package/lib/components/form/context/use_ts_form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_ts_form.d.ts","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,QAAA,MAAQ,cAAc,2IAAE,eAAe,8KACb,CAAC;AAE3B,QAAA,MAAoB,QAAQ;;;;;;;;;;;;;;;;;;;;kCAc1B,CAAC;AAEH,eAAO,MAAM,OAAO;;;;;;;;;EAAa,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/form/context/use_ts_form.js

@@ -0,0 +1,27 @@
+import { createFormHook, createFormHookContexts } from '@tanstack/react-form';
+import { Checkbox } from '../components/input/checkbox.js';
+import { Input } from '../components/input/input.js';
+import { NumericInput } from '../components/input/numeric_input.js';
+import { ResetButton } from '../components/input/reset_button.js';
+import { Select } from '../components/input/select.js';
+import { SubmitButton } from '../components/input/submit_button.js';
+import { Switch } from '../components/input/switch.js';
+const { useFormContext, useFieldContext, formContext, fieldContext } = createFormHookContexts();
+const { useAppForm, withForm } = createFormHook({
+    fieldContext,
+    formContext,
+    formComponents: {
+        SubmitButton,
+        ResetButton,
+    },
+    fieldComponents: {
+        Input,
+        NumericInput,
+        Checkbox,
+        Select,
+        Switch,
+    },
+});
+export const useForm = useAppForm;
+export { useFieldContext, useFormContext, withForm };
+//# sourceMappingURL=use_ts_form.js.map

package/lib/components/form/context/use_ts_form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_ts_form.js","sourceRoot":"","sources":["../../../../src/components/form/context/use_ts_form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9E,OAAO,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEvD,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAE,GAClE,sBAAsB,EAAE,CAAC;AAE3B,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,cAAc,CAAC;IAC9C,YAAY;IACZ,WAAW;IACX,cAAc,EAAE;QACd,YAAY;QACZ,WAAW;KACZ;IACD,eAAe,EAAE;QACf,KAAK;QACL,YAAY;QACZ,QAAQ;QACR,MAAM;QACN,MAAM;KACP;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/form/utils/use_field_id.d.ts

@@ -0,0 +1,2 @@
+export declare function useFieldId(fieldName: string): string;
+//# sourceMappingURL=use_field_id.d.ts.map

package/lib/components/form/utils/use_field_id.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_field_id.d.ts","sourceRoot":"","sources":["../../../../src/components/form/utils/use_field_id.ts"],"names":[],"mappings":"AAEA,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,UAE3C"}

package/lib/components/form/utils/use_field_id.js

@@ -0,0 +1,5 @@
+import { useId } from 'react';
+export function useFieldId(fieldName) {
+    return `input-${fieldName}-${useId()}`;
+}
+//# sourceMappingURL=use_field_id.js.map

package/lib/components/form/utils/use_field_id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use_field_id.js","sourceRoot":"","sources":["../../../../src/components/form/utils/use_field_id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAE9B,MAAM,UAAU,UAAU,CAAC,SAAiB;IAC1C,OAAO,SAAS,SAAS,IAAI,KAAK,EAAE,EAAE,CAAC;AACzC,CAAC"}