@maanlamp/react-web-ui 0.0.0-stage → 0.1.0

package/dist/lib/calendar/temporal.module.js

@@ -0,0 +1,80 @@
+import './temporal.css';// src/lib/calendar/temporal.module.scss
+var group = "_group_1ultb_3";
+var input = "_input_1ultb_62";
+var rangeInput = "_rangeInput_1ultb_75";
+var rangeSeparator = "_rangeSeparator_1ultb_87";
+var rangeSpacer = "_rangeSpacer_1ultb_91";
+var segment = "_segment_1ultb_95";
+var trigger = "_trigger_1ultb_111";
+var popover = "_popover_1ultb_127";
+var dialog = "_dialog_1ultb_157";
+var calendar = "_calendar_1ultb_160";
+var header = "_header_1ultb_165";
+var navigation = "_navigation_1ultb_170";
+var navField = "_navField_1ultb_180";
+var navPortal = "_navPortal_1ultb_183";
+var navTrigger = "_navTrigger_1ultb_188";
+var navControl = "_navControl_1ultb_189";
+var navInput = "_navInput_1ultb_245";
+var navLabel = "_navLabel_1ultb_248";
+var navSizer = "_navSizer_1ultb_252";
+var navValue = "_navValue_1ultb_262";
+var navChevron = "_navChevron_1ultb_279";
+var navIcon = "_navIcon_1ultb_287";
+var navPositioner = "_navPositioner_1ultb_292";
+var navPopup = "_navPopup_1ultb_306";
+var yearPopup = "_yearPopup_1ultb_331";
+var yearEmpty = "_yearEmpty_1ultb_359";
+var yearList = "_yearList_1ultb_374";
+var navItem = "_navItem_1ultb_382";
+var yearOption = "_yearOption_1ultb_383";
+var navItemIndicator = "_navItemIndicator_1ultb_439";
+var yearIndicator = "_yearIndicator_1ultb_440";
+var yearValue = "_yearValue_1ultb_448";
+var months = "_months_1ultb_452";
+var grid = "_grid_1ultb_459";
+var weekday = "_weekday_1ultb_472";
+var day = "_day_1ultb_479";
+var today = "_today_1ultb_528";
+var rangeCalendar = "_rangeCalendar_1ultb_542";
+var temporal_module_default = {
+	group,
+	input,
+	rangeInput,
+	rangeSeparator,
+	rangeSpacer,
+	segment,
+	trigger,
+	popover,
+	dialog,
+	calendar,
+	header,
+	navigation,
+	navField,
+	navPortal,
+	navTrigger,
+	navControl,
+	navInput,
+	navLabel,
+	navSizer,
+	navValue,
+	navChevron,
+	navIcon,
+	navPositioner,
+	navPopup,
+	yearPopup,
+	yearEmpty,
+	yearList,
+	navItem,
+	yearOption,
+	navItemIndicator,
+	yearIndicator,
+	yearValue,
+	months,
+	grid,
+	weekday,
+	day,
+	today,
+	rangeCalendar
+};
+export { calendar, day, temporal_module_default as default, dialog, grid, group, header, input, months, navChevron, navControl, navField, navIcon, navInput, navItem, navItemIndicator, navLabel, navPopup, navPortal, navPositioner, navSizer, navTrigger, navValue, navigation, popover, rangeCalendar, rangeInput, rangeSeparator, rangeSpacer, segment, today, trigger, weekday, yearEmpty, yearIndicator, yearList, yearOption, yearPopup, yearValue };

package/dist/lib/format-bytes.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Formats a byte count into a short, human-readable size, scaled to the
+ * largest fitting unit (base 1024, as used for file sizes). The number is
+ * formatted in `locale`; the symbols are the locale-invariant SI ones.
+ *
+ * @example
+ * formatBytes(1536, "nl-NL"); // "1,5 kB"
+ * formatBytes(10, "en-US"); // "10 B"
+ */
+export declare const formatBytes: (bytes: number, locale: string) => string;
+//# sourceMappingURL=format-bytes.d.ts.map

package/dist/lib/format-bytes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-bytes.d.ts","sourceRoot":"","sources":["../../src/lib/format-bytes.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,eAAO,MAAM,WAAW,UAChB,MAAM,UACL,MAAM,KACZ,MASF,CAAC"}

package/dist/lib/format-bytes.js

@@ -0,0 +1,22 @@
+// src/lib/format-bytes.ts
+var BYTE_SYMBOLS = [
+	"B",
+	"kB",
+	"MB",
+	"GB",
+	"TB"
+];
+/**
+* Formats a byte count into a short, human-readable size, scaled to the
+* largest fitting unit (base 1024, as used for file sizes). The number is
+* formatted in `locale`; the symbols are the locale-invariant SI ones.
+*
+* @example
+* formatBytes(1536, "nl-NL"); // "1,5 kB"
+* formatBytes(10, "en-US"); // "10 B"
+*/
+var formatBytes = (bytes, locale) => {
+	const exponent = Math.min(bytes <= 0 ? 0 : Math.floor(Math.log2(bytes) / 10), BYTE_SYMBOLS.length - 1);
+	return `${new Intl.NumberFormat(locale, { maximumFractionDigits: exponent === 0 ? 0 : 1 }).format(bytes / 1024 ** exponent)} ${BYTE_SYMBOLS[exponent] ?? "B"}`;
+};
+export { formatBytes };

package/dist/lib/forms/app-form.d.ts

@@ -0,0 +1,88 @@
+import { createFormHook } from "@tanstack/react-form";
+import type { ReactNode } from "react";
+import { TSFCheckboxField } from "../../components/checkbox-field/tsf-checkbox-field.tsx";
+import { TSFCheckboxGroupField } from "../../components/checkbox-group-field/tsf-checkbox-group-field.tsx";
+import { TSFComboboxField } from "../../components/combobox-field/tsf-combobox-field.tsx";
+import type { TSFDateFieldProps } from "../../components/date-field/tsf-date-field.tsx";
+import type { TSFDateRangeFieldProps } from "../../components/date-range-field/tsf-date-range-field.tsx";
+import type { TSFEmailFieldProps } from "../../components/email-field/tsf-email-field.tsx";
+import type { TSFFileFieldProps } from "../../components/file-field/tsf-file-field.tsx";
+import type { TSFNumberFieldProps } from "../../components/number-field/tsf-number-field.tsx";
+import type { TSFOtpFieldProps } from "../../components/otp-field/tsf-otp-field.tsx";
+import { TSFPasswordField } from "../../components/password-field/tsf-password-field.tsx";
+import type { TSFPhoneFieldProps } from "../../components/phone-field/tsf-phone-field.tsx";
+import { TSFPhotoField } from "../../components/photo-field/tsf-photo-field.tsx";
+import { TSFRadioGroupField } from "../../components/radio-group-field/tsf-radio-group-field.tsx";
+import type { TSFSearchFieldProps } from "../../components/search-field/tsf-search-field.tsx";
+import { TSFSegmentedControlField } from "../../components/segmented-control-field/tsf-segmented-control-field.tsx";
+import { TSFSelectField } from "../../components/select-field/tsf-select-field.tsx";
+import { TSFSwitchField } from "../../components/switch-field/tsf-switch-field.tsx";
+import { TSFTextField } from "../../components/text-field/tsf-text-field.tsx";
+import type { TSFTextareaFieldProps } from "../../components/textarea-field/tsf-textarea-field.tsx";
+import type { TSFTimeFieldProps } from "../../components/time-field/tsf-time-field.tsx";
+import { TSFToggleGroupField } from "../../components/toggle-group-field/tsf-toggle-group-field.tsx";
+export { useFieldContext, useFormContext, } from "./context.tsx";
+declare const DateField: (props: TSFDateFieldProps) => ReactNode;
+declare const DateRangeField: (props: TSFDateRangeFieldProps) => ReactNode;
+declare const EmailField: (props: TSFEmailFieldProps) => ReactNode;
+declare const FileField: (props: TSFFileFieldProps) => ReactNode;
+declare const NumberField: (props: TSFNumberFieldProps) => ReactNode;
+declare const OtpField: (props: TSFOtpFieldProps) => ReactNode;
+declare const PhoneField: (props: TSFPhoneFieldProps) => ReactNode;
+declare const SearchField: (props: TSFSearchFieldProps) => ReactNode;
+declare const TextareaField: (props: TSFTextareaFieldProps) => ReactNode;
+declare const TimeField: (props: TSFTimeFieldProps) => ReactNode;
+type FieldComponents = Readonly<{
+    CheckboxField: typeof TSFCheckboxField;
+    CheckboxGroupField: typeof TSFCheckboxGroupField;
+    ComboboxField: typeof TSFComboboxField;
+    DateField: typeof DateField;
+    DateRangeField: typeof DateRangeField;
+    EmailField: typeof EmailField;
+    FileField: typeof FileField;
+    NumberField: typeof NumberField;
+    OtpField: typeof OtpField;
+    PasswordField: typeof TSFPasswordField;
+    PhoneField: typeof PhoneField;
+    PhotoField: typeof TSFPhotoField;
+    RadioGroupField: typeof TSFRadioGroupField;
+    SearchField: typeof SearchField;
+    SegmentedControlField: typeof TSFSegmentedControlField;
+    SelectField: typeof TSFSelectField;
+    SwitchField: typeof TSFSwitchField;
+    TextField: typeof TSFTextField;
+    TextareaField: typeof TextareaField;
+    TimeField: typeof TimeField;
+    ToggleGroupField: typeof TSFToggleGroupField;
+}>;
+type FormComponents = Readonly<Record<string, never>>;
+type AppFormHook = ReturnType<typeof createFormHook<FieldComponents, FormComponents>>;
+/**
+ * The kit's form hook: every registered field reaches its control through
+ * `form.AppField`, under the plain name of its bridge. A failed submit focuses
+ * the first invalid control of the `Form.Root` the form renders in.
+ *
+ * @example
+ * const form = useAppForm({
+ * 	defaultValues: { email: "" },
+ * 	validationLogic: revalidateLogic(),
+ * 	validators: { onDynamic: loginSchema },
+ * 	onSubmit: ({ value }) => login.mutateAsync(value),
+ * });
+ */
+export declare const useAppForm: AppFormHook["useAppForm"];
+/**
+ * A component that takes a form made by `useAppForm`, typed by its options.
+ *
+ * @example
+ * const Address = withForm({ ...addressFormOptions, render: ({ form }) => <form.AppField name="street">…</form.AppField> });
+ */
+export declare const withForm: AppFormHook["withForm"];
+/**
+ * A group of fields reused across forms, bound to a subset of a form's values.
+ *
+ * @example
+ * const Period = withFieldGroup({ defaultValues: { start: "", end: "" }, render: ({ group }) => … });
+ */
+export declare const withFieldGroup: AppFormHook["withFieldGroup"];
+//# sourceMappingURL=app-form.d.ts.map

package/dist/lib/forms/app-form.d.ts.map

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

package/dist/lib/forms/app-form.js

@@ -0,0 +1,89 @@
+import { TSFCheckboxField } from "../../components/checkbox-field/tsf-checkbox-field.js";
+import { TSFCheckboxGroupField } from "../../components/checkbox-group-field/tsf-checkbox-group-field.js";
+import { TSFComboboxField } from "../../components/combobox-field/tsf-combobox-field.js";
+import { TSFPasswordField } from "../../components/password-field/tsf-password-field.js";
+import { TSFPhotoField } from "../../components/photo-field/tsf-photo-field.js";
+import { TSFRadioGroupField } from "../../components/radio-group-field/tsf-radio-group-field.js";
+import { TSFSegmentedControlField } from "../../components/segmented-control-field/tsf-segmented-control-field.js";
+import { TSFSelectField } from "../../components/select-field/tsf-select-field.js";
+import { TSFSwitchField } from "../../components/switch-field/tsf-switch-field.js";
+import { TSFTextField } from "../../components/text-field/tsf-text-field.js";
+import { TSFToggleGroupField } from "../../components/toggle-group-field/tsf-toggle-group-field.js";
+import { fieldContext, formContext, useFieldContext, useFormContext } from "./context.js";
+import { deferred } from "./deferred.js";
+import { focusFirstInvalidField } from "./failed-submit.js";
+import { createFormHook } from "@tanstack/react-form";
+// src/lib/forms/app-form.tsx
+var DateField = deferred(() => import("../../components/date-field/tsf-date-field.js").then((module) => module.TSFDateField));
+var DateRangeField = deferred(() => import("../../components/date-range-field/tsf-date-range-field.js").then((module) => module.TSFDateRangeField));
+var EmailField = deferred(() => import("../../components/email-field/tsf-email-field.js").then((module) => module.TSFEmailField));
+var FileField = deferred(() => import("../../components/file-field/tsf-file-field.js").then((module) => module.TSFFileField));
+var NumberField = deferred(() => import("../../components/number-field/tsf-number-field.js").then((module) => module.TSFNumberField));
+var OtpField = deferred(() => import("../../components/otp-field/tsf-otp-field.js").then((module) => module.TSFOtpField));
+var PhoneField = deferred(() => import("../../components/phone-field/tsf-phone-field.js").then((module) => module.TSFPhoneField));
+var SearchField = deferred(() => import("../../components/search-field/tsf-search-field.js").then((module) => module.TSFSearchField));
+var TextareaField = deferred(() => import("../../components/textarea-field/tsf-textarea-field.js").then((module) => module.TSFTextareaField));
+var TimeField = deferred(() => import("../../components/time-field/tsf-time-field.js").then((module) => module.TSFTimeField));
+var hook = createFormHook({
+	fieldContext,
+	formContext,
+	fieldComponents: {
+		CheckboxField: TSFCheckboxField,
+		CheckboxGroupField: TSFCheckboxGroupField,
+		ComboboxField: TSFComboboxField,
+		DateField,
+		DateRangeField,
+		EmailField,
+		FileField,
+		NumberField,
+		OtpField,
+		PasswordField: TSFPasswordField,
+		PhoneField,
+		PhotoField: TSFPhotoField,
+		RadioGroupField: TSFRadioGroupField,
+		SearchField,
+		SegmentedControlField: TSFSegmentedControlField,
+		SelectField: TSFSelectField,
+		SwitchField: TSFSwitchField,
+		TextField: TSFTextField,
+		TextareaField,
+		TimeField,
+		ToggleGroupField: TSFToggleGroupField
+	},
+	formComponents: {}
+});
+/**
+* The kit's form hook: every registered field reaches its control through
+* `form.AppField`, under the plain name of its bridge. A failed submit focuses
+* the first invalid control of the `Form.Root` the form renders in.
+*
+* @example
+* const form = useAppForm({
+* 	defaultValues: { email: "" },
+* 	validationLogic: revalidateLogic(),
+* 	validators: { onDynamic: loginSchema },
+* 	onSubmit: ({ value }) => login.mutateAsync(value),
+* });
+*/
+var useAppForm = (options) => hook.useAppForm({
+	...options,
+	onSubmitInvalid: (props) => {
+		options.onSubmitInvalid?.(props);
+		focusFirstInvalidField(props.formApi);
+	}
+});
+/**
+* A component that takes a form made by `useAppForm`, typed by its options.
+*
+* @example
+* const Address = withForm({ ...addressFormOptions, render: ({ form }) => <form.AppField name="street">…</form.AppField> });
+*/
+var withForm = hook.withForm;
+/**
+* A group of fields reused across forms, bound to a subset of a form's values.
+*
+* @example
+* const Period = withFieldGroup({ defaultValues: { start: "", end: "" }, render: ({ group }) => … });
+*/
+var withFieldGroup = hook.withFieldGroup;
+export { useAppForm, useFieldContext, useFormContext, withFieldGroup, withForm };

package/dist/lib/forms/context.d.ts

@@ -0,0 +1,33 @@
+import { createFormHookContexts } from "@tanstack/react-form";
+type FormHookContexts = ReturnType<typeof createFormHookContexts>;
+/**
+ * The field context the form hook is built on, kept apart from the hook so a
+ * bridge can read its field without importing every other bridge.
+ *
+ * @example
+ * <fieldContext.Provider value={field}>{children}</fieldContext.Provider>
+ */
+export declare const fieldContext: FormHookContexts["fieldContext"];
+/**
+ * The form context the form hook is built on, which `Form.Root` provides.
+ *
+ * @example
+ * <formContext.Provider value={form}>{children}</formContext.Provider>
+ */
+export declare const formContext: FormHookContexts["formContext"];
+/**
+ * The field a bridge is rendered for, inside `form.AppField`.
+ *
+ * @example
+ * const field = useFieldContext<string>();
+ */
+export declare const useFieldContext: FormHookContexts["useFieldContext"];
+/**
+ * The form a part is rendered inside, under `Form.Root` or `form.AppForm`.
+ *
+ * @example
+ * const form = useFormContext();
+ */
+export declare const useFormContext: FormHookContexts["useFormContext"];
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/lib/forms/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAE9D,KAAK,gBAAgB,GAAG,UAAU,CACjC,OAAO,sBAAsB,CAC7B,CAAC;AAIF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,EAAE,gBAAgB,CAAC,cAAc,CACpC,CAAC;AAEvB;;;;;GAKG;AACH,eAAO,MAAM,WAAW,EAAE,gBAAgB,CAAC,aAAa,CACnC,CAAC;AAEtB;;;;;GAKG;AACH,eAAO,MAAM,eAAe,EAAE,gBAAgB,CAAC,iBAAiB,CACvC,CAAC;AAE1B;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,gBAAgB,CAAC,gBAAgB,CACtC,CAAC"}

package/dist/lib/forms/context.js

@@ -0,0 +1,33 @@
+import { createFormHookContexts } from "@tanstack/react-form";
+// src/lib/forms/context.tsx
+var contexts = createFormHookContexts();
+/**
+* The field context the form hook is built on, kept apart from the hook so a
+* bridge can read its field without importing every other bridge.
+*
+* @example
+* <fieldContext.Provider value={field}>{children}</fieldContext.Provider>
+*/
+var fieldContext = contexts.fieldContext;
+/**
+* The form context the form hook is built on, which `Form.Root` provides.
+*
+* @example
+* <formContext.Provider value={form}>{children}</formContext.Provider>
+*/
+var formContext = contexts.formContext;
+/**
+* The field a bridge is rendered for, inside `form.AppField`.
+*
+* @example
+* const field = useFieldContext<string>();
+*/
+var useFieldContext = contexts.useFieldContext;
+/**
+* The form a part is rendered inside, under `Form.Root` or `form.AppForm`.
+*
+* @example
+* const form = useFormContext();
+*/
+var useFormContext = contexts.useFormContext;
+export { fieldContext, formContext, useFieldContext, useFormContext };

package/dist/lib/forms/deferred.d.ts

@@ -0,0 +1,13 @@
+import { type ComponentType, type ReactNode } from "react";
+/**
+ * A bridge loaded on first render, with a `FieldPlaceholder` until it arrives,
+ * so a form that never renders it never downloads it. Register it in
+ * `app-form.tsx` with its type spelled out.
+ *
+ * @example
+ * const DateField: (props: TSFDateFieldProps) => ReactNode = deferred(() =>
+ * 	import("../../components/date-field/tsf-date-field.tsx").then(module => module.TSFDateField),
+ * );
+ */
+export declare const deferred: <TProps extends object>(load: () => Promise<ComponentType<TProps>>) => ((props: TProps) => ReactNode);
+//# sourceMappingURL=deferred.d.ts.map

package/dist/lib/forms/deferred.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"deferred.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/deferred.tsx"],"names":[],"mappings":"AAAA,OAAO,EACN,KAAK,aAAa,EAElB,KAAK,SAAS,EAEd,MAAM,OAAO,CAAC;AAGf;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,GAAI,MAAM,SAAS,MAAM,QACvC,MAAM,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,KACxC,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,SAAS,CAU/B,CAAC"}

package/dist/lib/forms/deferred.js

@@ -0,0 +1,38 @@
+import { FieldPlaceholder } from "../../components/field-placeholder/field-placeholder.js";
+import { c } from "react/compiler-runtime";
+import { Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+// src/lib/forms/deferred.tsx
+/**
+* A bridge loaded on first render, with a `FieldPlaceholder` until it arrives,
+* so a form that never renders it never downloads it. Register it in
+* `app-form.tsx` with its type spelled out.
+*
+* @example
+* const DateField: (props: TSFDateFieldProps) => ReactNode = deferred(() =>
+* 	import("../../components/date-field/tsf-date-field.tsx").then(module => module.TSFDateField),
+* );
+*/
+var deferred = (load) => {
+	const Deferred = lazy(() => load().then((Component) => ({ default: Component })));
+	const Placeheld = (props) => {
+		const $ = c(3);
+		let t0;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t0 = /* @__PURE__ */ jsx(FieldPlaceholder, {});
+			$[0] = t0;
+		} else t0 = $[0];
+		let t1;
+		if ($[1] !== props) {
+			t1 = /* @__PURE__ */ jsx(Suspense, {
+				fallback: t0,
+				children: /* @__PURE__ */ jsx(Deferred, { ...props })
+			});
+			$[1] = props;
+			$[2] = t1;
+		} else t1 = $[2];
+		return t1;
+	};
+	return Placeheld;
+};
+export { deferred };

package/dist/lib/forms/errors.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Errors of any shape as the lines a field or form shows, each once: strings as
+ * they are, anything with a string `message` (a Standard Schema issue, an
+ * `Error`) as that message, and lists flattened. Anything else is dropped.
+ *
+ * @example
+ * normalizeFieldErrors(["Too short", { message: "Not an address" }]); // ["Too short", "Not an address"]
+ */
+export declare const normalizeFieldErrors: (errors: unknown) => readonly string[];
+/** The part of a form's state `getFieldErrors` reads. */
+export type FieldMetaState = Readonly<{
+    fieldMeta: Readonly<Record<string, Readonly<{
+        errors: unknown;
+    }> | undefined>>;
+}>;
+/**
+ * The error lines of the named fields, in the order they are named, such as
+ * the errors of a group that shows them in one place.
+ *
+ * @example
+ * getFieldErrors(form.state, ["start", "end"]); // ["Enter a start date."]
+ */
+export declare const getFieldErrors: <TState extends FieldMetaState>(state: TState, fields: readonly (keyof TState["fieldMeta"] & string)[]) => readonly string[];
+//# sourceMappingURL=errors.d.ts.map

package/dist/lib/forms/errors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/errors.ts"],"names":[],"mappings":"AAmBA;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,WACxB,OAAO,KACb,SAAS,MAAM,EAAmC,CAAC;AAEtD,yDAAyD;AACzD,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC;IACrC,SAAS,EAAE,QAAQ,CAClB,MAAM,CACL,MAAM,EACN,QAAQ,CAAC;QAAE,MAAM,EAAE,OAAO,CAAA;KAAE,CAAC,GAAG,SAAS,CACzC,CACD,CAAC;CACF,CAAC,CAAC;AAEH;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,GAC1B,MAAM,SAAS,cAAc,SAEtB,MAAM,UACL,SAAS,CAAC,MAAM,MAAM,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC,EAAE,KACrD,SAAS,MAAM,EAGhB,CAAC"}

package/dist/lib/forms/errors.js

@@ -0,0 +1,25 @@
+// src/lib/forms/errors.ts
+var linesOf = (errors) => {
+	if (Array.isArray(errors)) return errors.flatMap(linesOf);
+	if (typeof errors === "string") return errors === "" ? [] : [errors];
+	if (typeof errors === "object" && errors !== null && "message" in errors && typeof errors.message === "string") return linesOf(errors.message);
+	return [];
+};
+/**
+* Errors of any shape as the lines a field or form shows, each once: strings as
+* they are, anything with a string `message` (a Standard Schema issue, an
+* `Error`) as that message, and lists flattened. Anything else is dropped.
+*
+* @example
+* normalizeFieldErrors(["Too short", { message: "Not an address" }]); // ["Too short", "Not an address"]
+*/
+var normalizeFieldErrors = (errors) => [...new Set(linesOf(errors))];
+/**
+* The error lines of the named fields, in the order they are named, such as
+* the errors of a group that shows them in one place.
+*
+* @example
+* getFieldErrors(form.state, ["start", "end"]); // ["Enter a start date."]
+*/
+var getFieldErrors = (state, fields) => fields.flatMap((field) => normalizeFieldErrors(state.fieldMeta[field]?.errors));
+export { getFieldErrors, normalizeFieldErrors };

package/dist/lib/forms/failed-submit.d.ts

@@ -0,0 +1,17 @@
+import type { AnyFormApi } from "@tanstack/react-form";
+/**
+ * Ties a form to the `Form.Root` it renders in, so a failed submit of that form
+ * can focus its first invalid control.
+ *
+ * @example
+ * useFailedSubmitFocus(form, () => setInvalidSubmits(count => count + 1));
+ */
+export declare const useFailedSubmitFocus: (form: AnyFormApi, focusFirstInvalid: () => void) => void;
+/**
+ * Focuses the first invalid control of the `Form.Root` a form renders in.
+ *
+ * @example
+ * onSubmitInvalid: ({ formApi }) => focusFirstInvalidField(formApi),
+ */
+export declare const focusFirstInvalidField: (form: AnyFormApi) => void;
+//# sourceMappingURL=failed-submit.d.ts.map

package/dist/lib/forms/failed-submit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"failed-submit.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/failed-submit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAQvD;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,SAC1B,UAAU,qBACG,MAAM,IAAI,KAC3B,IAWF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,SAC5B,UAAU,KACd,IAEF,CAAC"}

package/dist/lib/forms/failed-submit.js

@@ -0,0 +1,44 @@
+import { c } from "react/compiler-runtime";
+import { useEffect } from "react";
+// src/lib/forms/failed-submit.tsx
+var invalidFocus = /* @__PURE__ */ new WeakMap();
+/**
+* Ties a form to the `Form.Root` it renders in, so a failed submit of that form
+* can focus its first invalid control.
+*
+* @example
+* useFailedSubmitFocus(form, () => setInvalidSubmits(count => count + 1));
+*/
+var useFailedSubmitFocus = (form, focusFirstInvalid) => {
+	const $ = c(6);
+	let t0;
+	if ($[0] !== focusFirstInvalid || $[1] !== form.store) {
+		t0 = () => {
+			invalidFocus.set(form.store, focusFirstInvalid);
+			return () => {
+				if (invalidFocus.get(form.store) === focusFirstInvalid) invalidFocus.delete(form.store);
+			};
+		};
+		$[0] = focusFirstInvalid;
+		$[1] = form.store;
+		$[2] = t0;
+	} else t0 = $[2];
+	let t1;
+	if ($[3] !== focusFirstInvalid || $[4] !== form) {
+		t1 = [form, focusFirstInvalid];
+		$[3] = focusFirstInvalid;
+		$[4] = form;
+		$[5] = t1;
+	} else t1 = $[5];
+	useEffect(t0, t1);
+};
+/**
+* Focuses the first invalid control of the `Form.Root` a form renders in.
+*
+* @example
+* onSubmitInvalid: ({ formApi }) => focusFirstInvalidField(formApi),
+*/
+var focusFirstInvalidField = (form) => {
+	invalidFocus.get(form.store)?.();
+};
+export { focusFirstInvalidField, useFailedSubmitFocus };

package/dist/lib/forms/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./app-form.tsx";
+export * from "./errors.ts";
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/forms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC"}

package/dist/lib/forms/use-connected-field.d.ts

@@ -0,0 +1,27 @@
+import { useFieldContext } from "./context.tsx";
+/** The field props a bridge passes at the top level, read off its field. */
+export type ConnectedFieldProps = Readonly<{
+    name: string;
+    errors: unknown;
+    dirty: boolean;
+    touched: boolean;
+    pending: boolean;
+    onBlur: () => void;
+}>;
+/** What `useConnectedField` reads off its field. */
+export type ConnectedField<TValue> = Readonly<{
+    field: ReturnType<typeof useFieldContext<TValue>>;
+    props: ConnectedFieldProps;
+}>;
+/**
+ * The field a bridge renders for, and the props every field takes from it:
+ * its name, its errors as the validators returned them, `dirty`, `touched`,
+ * `pending` while it validates, and the blur handler. The value and its change
+ * handler are the control's own.
+ *
+ * @example
+ * const { field, props } = useConnectedField<string>();
+ * <TextField {...props} value={field.state.value} onValueChange={field.handleChange} label={label} optionalLabel={optionalLabel} />
+ */
+export declare const useConnectedField: <TValue>() => ConnectedField<TValue>;
+//# sourceMappingURL=use-connected-field.d.ts.map

package/dist/lib/forms/use-connected-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-connected-field.d.ts","sourceRoot":"","sources":["../../../src/lib/forms/use-connected-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,4EAA4E;AAC5E,MAAM,MAAM,mBAAmB,GAAG,QAAQ,CAAC;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB,CAAC,CAAC;AAEH,oDAAoD;AACpD,MAAM,MAAM,cAAc,CAAC,MAAM,IAAI,QAAQ,CAAC;IAC7C,KAAK,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAClD,KAAK,EAAE,mBAAmB,CAAC;CAC3B,CAAC,CAAC;AAEH;;;;;;;;;GASG;AACH,eAAO,MAAM,iBAAiB,GAC7B,MAAM,OACF,cAAc,CAAC,MAAM,CAczB,CAAC"}

package/dist/lib/forms/use-connected-field.js

@@ -0,0 +1,48 @@
+import { useFieldContext } from "./context.js";
+import { c } from "react/compiler-runtime";
+// src/lib/forms/use-connected-field.ts
+/**
+* The field a bridge renders for, and the props every field takes from it:
+* its name, its errors as the validators returned them, `dirty`, `touched`,
+* `pending` while it validates, and the blur handler. The value and its change
+* handler are the control's own.
+*
+* @example
+* const { field, props } = useConnectedField<string>();
+* <TextField {...props} value={field.state.value} onValueChange={field.handleChange} label={label} optionalLabel={optionalLabel} />
+*/
+var useConnectedField = () => {
+	const $ = c(10);
+	const field = useFieldContext();
+	const { meta } = field.state;
+	let t0;
+	if ($[0] !== field.handleBlur || $[1] !== field.name || $[2] !== meta.errors || $[3] !== meta.isDirty || $[4] !== meta.isTouched || $[5] !== meta.isValidating) {
+		t0 = {
+			name: field.name,
+			errors: meta.errors,
+			dirty: meta.isDirty,
+			touched: meta.isTouched,
+			pending: meta.isValidating,
+			onBlur: field.handleBlur
+		};
+		$[0] = field.handleBlur;
+		$[1] = field.name;
+		$[2] = meta.errors;
+		$[3] = meta.isDirty;
+		$[4] = meta.isTouched;
+		$[5] = meta.isValidating;
+		$[6] = t0;
+	} else t0 = $[6];
+	let t1;
+	if ($[7] !== field || $[8] !== t0) {
+		t1 = {
+			field,
+			props: t0
+		};
+		$[7] = field;
+		$[8] = t0;
+		$[9] = t1;
+	} else t1 = $[9];
+	return t1;
+};
+export { useConnectedField };

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

@@ -0,0 +1,6 @@
+export * from "./use-busy-phase.ts";
+export * from "./use-media-query.ts";
+export * from "./use-presence.ts";
+export { type RowSelectionRequest, type RowSelectionView, useRowSelection, } from "./use-row-selection.ts";
+export * from "./use-theme.ts";
+//# sourceMappingURL=index.d.ts.map