@pathscale/ui 3.0.0 → 3.2.0

package/dist/hooks/connection/createConnectionSettings.js

@@ -0,0 +1,211 @@
+import { createEffect, createRoot, createSignal } from "solid-js";
+const ABSOLUTE_URL = /^[a-z][a-z0-9+.-]*:\/\/(\[[^\]\s]*\]|[^\s/?#:]+)(?::(\d{1,5}))?(?:[/?#]\S*)?$/i;
+const IPV6_GROUP = "[0-9a-f]{1,4}";
+const IPV4_TAIL = "(?:(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)\\.){3}(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]?\\d)";
+const IPV6_FULL = new RegExp(`^(?:${IPV6_GROUP}:){6}(?:${IPV6_GROUP}:${IPV6_GROUP}|${IPV4_TAIL})$`, "i");
+const IPV6_PIECES = new RegExp(`^(?:${IPV6_GROUP}(?::${IPV6_GROUP})*)?$`, "i");
+const isIpv6Literal = (host)=>{
+    if (IPV6_FULL.test(host)) return true;
+    const halves = host.split("::");
+    if (2 !== halves.length) return false;
+    const [head, tail] = halves;
+    const embeddedV4 = new RegExp(`(?:^|:)(${IPV4_TAIL})$`, "i").exec(tail);
+    const groups = embeddedV4 ? tail.slice(0, tail.length - embeddedV4[1].length).replace(/:$/, "") : tail;
+    if (!IPV6_PIECES.test(head)) return false;
+    if (!IPV6_PIECES.test(groups)) return false;
+    const count = (part)=>"" === part ? 0 : part.split(":").length;
+    return count(head) + count(groups) + (embeddedV4 ? 2 : 0) <= 7;
+};
+const isAbsoluteUrl = (url)=>{
+    const match = ABSOLUTE_URL.exec(url);
+    if (!match) return `${url} is not an absolute address (expected scheme://host)`;
+    const [, host, port] = match;
+    if (host.startsWith("[") && !isIpv6Literal(host.slice(1, -1))) return `${url} does not contain a valid IPv6 address`;
+    if (void 0 !== port && Number(port) > 65535) return `${url} has a port outside 0-65535`;
+};
+const isRecord = (value)=>"object" == typeof value && null !== value && !Array.isArray(value);
+const createConnectionSettings = (options)=>{
+    const { storageKey, endpoints, appPublicId = "", onApply } = options;
+    const fallbacks = Object.freeze(Object.fromEntries(endpoints.map((e)=>[
+            e.name,
+            e.fallback
+        ])));
+    const defaults = ()=>({
+            overrides: {},
+            urls: Object.fromEntries(endpoints.map((e)=>[
+                    e.name,
+                    e.fallback
+                ])),
+            appPublicId
+        });
+    const read = ()=>{
+        const base = defaults();
+        try {
+            if ("u" < typeof localStorage) return base;
+            const raw = localStorage.getItem(storageKey);
+            if (!raw) return base;
+            const parsed = JSON.parse(raw);
+            if (!isRecord(parsed)) return base;
+            const overrides = {};
+            const urls = {
+                ...base.urls
+            };
+            const storedOverrides = isRecord(parsed.overrides) ? parsed.overrides : {};
+            const storedUrls = isRecord(parsed.urls) ? parsed.urls : {};
+            for (const endpoint of endpoints){
+                const url = storedUrls[endpoint.name];
+                const usable = "string" == typeof url && "" !== url && void 0 === (endpoint.validate ?? isAbsoluteUrl)(url);
+                if (usable) urls[endpoint.name] = url;
+                if (usable && true === storedOverrides[endpoint.name]) overrides[endpoint.name] = true;
+            }
+            return {
+                overrides,
+                urls,
+                appPublicId: "string" == typeof parsed.appPublicId ? parsed.appPublicId : base.appPublicId
+            };
+        } catch  {
+            return base;
+        }
+    };
+    const [state, setState, isApplying, setIsApplying] = createRoot(()=>{
+        const [s, setS] = createSignal(read());
+        const [a, setA] = createSignal(false);
+        return [
+            s,
+            setS,
+            a,
+            setA
+        ];
+    });
+    const atDefaults = (value)=>value.appPublicId === appPublicId && endpoints.every((e)=>true !== value.overrides[e.name] && value.urls[e.name] === e.fallback);
+    const write = (value)=>{
+        try {
+            if ("u" < typeof localStorage) return;
+            if (atDefaults(value)) localStorage.removeItem(storageKey);
+            else localStorage.setItem(storageKey, JSON.stringify(value));
+        } catch  {}
+    };
+    createRoot(()=>{
+        createEffect(()=>state(), (value)=>{
+            write(value);
+        });
+    });
+    let committed = state();
+    let inFlight = 0;
+    let queue = Promise.resolve();
+    const update = (change)=>{
+        committed = change(committed);
+        setState(committed);
+    };
+    const resolveFrom = (current)=>Object.fromEntries(endpoints.map((e)=>{
+            const override = true === current.overrides[e.name] ? current.urls[e.name] : void 0;
+            return [
+                e.name,
+                override && "" !== override ? override : e.fallback
+            ];
+        }));
+    let resolvedFor;
+    let resolvedValue = Object.freeze({});
+    const resolved = ()=>{
+        const current = state();
+        if (resolvedFor !== current) {
+            resolvedFor = current;
+            resolvedValue = Object.freeze(resolveFrom(current));
+        }
+        return resolvedValue;
+    };
+    return {
+        get state () {
+            return state();
+        },
+        get urls () {
+            return resolved();
+        },
+        validate (name, url) {
+            const endpoint = endpoints.find((e)=>e.name === name);
+            if (!endpoint) return `${name} is not a configured endpoint`;
+            if ("" === url) return "an address is required";
+            return (endpoint.validate ?? isAbsoluteUrl)(url);
+        },
+        get fallbacks () {
+            return fallbacks;
+        },
+        get isApplying () {
+            return isApplying();
+        },
+        get isAtDefaults () {
+            state();
+            return atDefaults(committed);
+        },
+        state$: state,
+        isOverridden (name) {
+            return true === state().overrides[name];
+        },
+        setUrl (name, url) {
+            if ("" !== url) {
+                const endpoint = endpoints.find((e)=>e.name === name);
+                const problem = endpoint ? (endpoint.validate ?? isAbsoluteUrl)(url) : `${name} is not a configured endpoint`;
+                if (problem) return problem;
+            }
+            update((c)=>({
+                    ...c,
+                    urls: {
+                        ...c.urls,
+                        [name]: url
+                    }
+                }));
+        },
+        setOverride (name, on) {
+            update((c)=>({
+                    ...c,
+                    overrides: {
+                        ...c.overrides,
+                        [name]: on
+                    }
+                }));
+        },
+        setUseCustom (on) {
+            update((c)=>({
+                    ...c,
+                    overrides: Object.fromEntries(endpoints.map((e)=>[
+                            e.name,
+                            on
+                        ]))
+                }));
+        },
+        setAppPublicId (id) {
+            update((c)=>({
+                    ...c,
+                    appPublicId: id
+                }));
+        },
+        reset () {
+            committed = defaults();
+            setState(committed);
+        },
+        async apply () {
+            inFlight += 1;
+            setIsApplying(true);
+            const current = committed;
+            const reconnect = ()=>{
+                write(current);
+                return onApply?.({
+                    urls: resolveFrom(current),
+                    appPublicId: current.appPublicId,
+                    overrides: {
+                        ...current.overrides
+                    }
+                }) ?? void 0;
+            };
+            const run = 1 === inFlight ? (async ()=>reconnect())() : queue.then(reconnect).then(()=>void 0);
+            queue = run.catch(()=>void 0);
+            try {
+                await run;
+            } finally{
+                inFlight -= 1;
+                if (0 === inFlight) setIsApplying(false);
+            }
+        }
+    };
+};
+export { createConnectionSettings, isAbsoluteUrl, isIpv6Literal };

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

@@ -0,0 +1,2 @@
+export type { ConnectionEndpoint, ConnectionSettingsApplied, ConnectionSettingsOptions, ConnectionSettingsState, ConnectionSettingsStore, } from "./createConnectionSettings";
+export { createConnectionSettings, isAbsoluteUrl } from "./createConnectionSettings";

package/dist/hooks/connection/index.js

@@ -0,0 +1 @@
+export { createConnectionSettings, isAbsoluteUrl } from "./createConnectionSettings.js";

package/dist/hooks/date/date.names.d.ts

@@ -0,0 +1,107 @@
+/**
+ * Month and weekday names, and the four date strings the calendar assembles
+ * from them, without `Intl`.
+ *
+ * `Intl` is not defined in the chuzz browser. That is deliberate policy and
+ * the decision has been made not to ship ICU data, so `new Intl.DateTimeFormat`
+ * is not a formatter that returns a bad date, it is a `ReferenceError`. The
+ * throw escapes every boundary the component has and reaches Solid 2, which
+ * responds by halting its reactive system permanently: the page keeps painting
+ * the frame it already had, so it looks alive, while every control on it is
+ * dead. js.software's `/calendar` route is dead this way today, and nothing on
+ * the page says so.
+ *
+ * What the calendar actually needed from `Intl` was twelve month names, seven
+ * weekday names in three widths, and four assembly patterns. That is a table,
+ * so this is the table.
+ *
+ * ## The locale question
+ *
+ * Only `en-US` is carried here. A library that shipped name tables for every
+ * locale would be shipping ICU data by another name, which is the thing that
+ * was ruled out.
+ *
+ * The sites are not all English, so the names are an input: pass `dateNames`
+ * and the calendar renders yours. A site that already ships five locales
+ * through its own i18n has these strings; it hands over the set for the
+ * language it is currently in.
+ *
+ * When a consumer passes `locale="de-DE"` and no `dateNames`, the calendar
+ * renders English. It cannot do anything else, and the two dishonest options
+ * were to throw or to keep claiming German while showing "June". So it renders
+ * English *and says so*: `resolveDateNames` returns the locale actually
+ * rendered, and `Calendar` puts that on the root as `lang`. A page asking for
+ * German gets `lang="en-US"`, which is true, which an assistive technology
+ * reads correctly, and which a check can catch.
+ */
+/** Weekday name width, matching the widths `Intl` calls `weekday`. */
+export type DateNameWidth = "narrow" | "short" | "long";
+/**
+ * The names a calendar needs to render.
+ *
+ * Every array is indexed positionally: months by `Date#getMonth` (0 is
+ * January), weekdays by `Date#getDay` (0 is Sunday). All five are required.
+ * A partial set was the friendlier API and the wrong one: German months beside
+ * English weekdays under `lang="de-DE"` is exactly the half-truth this module
+ * exists to avoid.
+ */
+export type DateNames = {
+    /** 12 entries, `getMonth`-indexed. "January". */
+    monthsLong: readonly string[];
+    /** 12 entries, `getMonth`-indexed. "Jan". */
+    monthsShort: readonly string[];
+    /** 7 entries, `getDay`-indexed from Sunday. "S". */
+    weekdaysNarrow: readonly string[];
+    /** 7 entries, `getDay`-indexed from Sunday. "Sun". */
+    weekdaysShort: readonly string[];
+    /** 7 entries, `getDay`-indexed from Sunday. "Sunday". */
+    weekdaysLong: readonly string[];
+};
+/** The locale the built-in table transcribes. */
+export declare const DEFAULT_DATE_LOCALE = "en-US";
+/**
+ * `en-US`, transcribed from `Intl` rather than typed from memory.
+ *
+ * `tests/hooks/date/date-names.test.ts` regenerates every entry from a real
+ * `Intl.DateTimeFormat` under bun's ICU and compares, so a typo here is a test
+ * failure and not a wrong month in production.
+ */
+export declare const EN_US_DATE_NAMES: DateNames;
+/**
+ * Pick the names to render with, and report the locale that will actually be
+ * on screen.
+ *
+ * The returned `locale` is the honest one, not the requested one: it is the
+ * consumer's locale only when the consumer supplied the names to back it.
+ */
+export declare const resolveDateNames: (locale: string | undefined, names: DateNames | undefined) => {
+    names: DateNames;
+    locale: string;
+};
+/**
+ * The grid heading. `{ month: "long", year: "numeric" }` in `en-US`.
+ *
+ * "June 2025".
+ */
+export declare const formatMonthYear: (date: Date, names?: DateNames) => string;
+/**
+ * A day button's `aria-label`. `{ dateStyle: "full" }` in `en-US`.
+ *
+ * "Sunday, June 15, 2025": long weekday, comma, long month, space, the day
+ * with no leading zero, comma, year.
+ */
+export declare const formatFullDate: (date: Date, names?: DateNames) => string;
+/**
+ * A picker's trigger text. `{ day: "numeric", month: "short", year: "numeric" }`
+ * in `en-US`.
+ *
+ * "Jun 15, 2025". Note that `Intl` orders this month-first for `en-US`
+ * regardless of the order the options are written in.
+ */
+export declare const formatCompactDate: (date: Date, names?: DateNames) => string;
+/**
+ * The seven column headers, Sunday first. `{ weekday: width }` in `en-US`.
+ *
+ * `["Sun", "Mon", ...]` at the default `short` width.
+ */
+export declare const weekdayNames: (width: DateNameWidth, names?: DateNames) => readonly string[];

package/dist/hooks/date/date.names.js

@@ -0,0 +1,74 @@
+const DEFAULT_DATE_LOCALE = "en-US";
+const EN_US_DATE_NAMES = {
+    monthsLong: [
+        "January",
+        "February",
+        "March",
+        "April",
+        "May",
+        "June",
+        "July",
+        "August",
+        "September",
+        "October",
+        "November",
+        "December"
+    ],
+    monthsShort: [
+        "Jan",
+        "Feb",
+        "Mar",
+        "Apr",
+        "May",
+        "Jun",
+        "Jul",
+        "Aug",
+        "Sep",
+        "Oct",
+        "Nov",
+        "Dec"
+    ],
+    weekdaysNarrow: [
+        "S",
+        "M",
+        "T",
+        "W",
+        "T",
+        "F",
+        "S"
+    ],
+    weekdaysShort: [
+        "Sun",
+        "Mon",
+        "Tue",
+        "Wed",
+        "Thu",
+        "Fri",
+        "Sat"
+    ],
+    weekdaysLong: [
+        "Sunday",
+        "Monday",
+        "Tuesday",
+        "Wednesday",
+        "Thursday",
+        "Friday",
+        "Saturday"
+    ]
+};
+const resolveDateNames = (locale, names)=>names ? {
+        names,
+        locale: locale ?? DEFAULT_DATE_LOCALE
+    } : {
+        names: EN_US_DATE_NAMES,
+        locale: DEFAULT_DATE_LOCALE
+    };
+const formatMonthYear = (date, names = EN_US_DATE_NAMES)=>`${names.monthsLong[date.getMonth()] ?? ""} ${date.getFullYear()}`;
+const formatFullDate = (date, names = EN_US_DATE_NAMES)=>`${names.weekdaysLong[date.getDay()] ?? ""}, ${names.monthsLong[date.getMonth()] ?? ""} ${date.getDate()}, ${date.getFullYear()}`;
+const formatCompactDate = (date, names = EN_US_DATE_NAMES)=>`${names.monthsShort[date.getMonth()] ?? ""} ${date.getDate()}, ${date.getFullYear()}`;
+const weekdayNames = (width, names = EN_US_DATE_NAMES)=>{
+    if ("narrow" === width) return names.weekdaysNarrow;
+    if ("long" === width) return names.weekdaysLong;
+    return names.weekdaysShort;
+};
+export { DEFAULT_DATE_LOCALE, EN_US_DATE_NAMES, formatCompactDate, formatFullDate, formatMonthYear, resolveDateNames, weekdayNames };

package/dist/hooks/date/date.utils.d.ts

@@ -1,3 +1,4 @@
+import { type DateNames } from "./date.names";
 export declare const DAYS_PER_WEEK = 7;
 export declare const CALENDAR_GRID_DAYS = 42;
 export type DateRangeValue = {
@@ -8,7 +9,16 @@ export declare const createCalendarDate: (year: number, monthIndex: number, day:
 export declare const normalizeDate: (value: Date | null | undefined) => Date | null;
 export declare const getToday: () => Date;
 export declare const parseDate: (value: string | null | undefined) => Date | null;
-export declare const formatDate: (value: Date | null | undefined, locale?: string, options?: Intl.DateTimeFormatOptions) => string;
+/**
+ * The date a picker shows on its trigger. "Jun 15, 2025".
+ *
+ * The second parameter used to be a locale string and the third an
+ * `Intl.DateTimeFormatOptions`. Both are gone rather than kept as ignored
+ * arguments: a `locale` this function cannot honour is worse than no `locale`
+ * at all, and the component that owns the locale prop resolves it through
+ * `resolveDateNames` before calling here. See `date.names.ts`.
+ */
+export declare const formatDate: (value: Date | null | undefined, names?: DateNames) => string;
 export declare const toISODate: (value: Date | null | undefined) => string;
 export declare const compareDates: (left: Date, right: Date) => number;
 export declare const compareMonths: (left: Date, right: Date) => number;

package/dist/hooks/date/date.utils.js

@@ -1,3 +1,4 @@
+import { EN_US_DATE_NAMES, formatCompactDate } from "./date.names.js";
 const DAYS_PER_WEEK = 7;
 const CALENDAR_GRID_DAYS = 42;
 const ISO_DATE_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
@@ -23,14 +24,10 @@ const parseDate = (value)=>{
     if (parsed.getFullYear() !== year || parsed.getMonth() !== month - 1 || parsed.getDate() !== day) return null;
     return parsed;
 };
-const formatDate = (value, locale = "en-US", options = {
-    day: "numeric",
-    month: "short",
-    year: "numeric"
-})=>{
+const formatDate = (value, names = EN_US_DATE_NAMES)=>{
     const date = normalizeDate(value);
     if (!date) return "";
-    return new Intl.DateTimeFormat(locale, options).format(date);
+    return formatCompactDate(date, names);
 };
 const pad = (value)=>String(value).padStart(2, "0");
 const toISODate = (value)=>{

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

@@ -1,3 +1,4 @@
+export * from "./date.names";
 export * from "./date.utils";
 export * from "./useCalendarNavigation";
 export * from "./useCalendarState";

package/dist/hooks/date/index.js

@@ -1,3 +1,4 @@
+export * from "./date.names.js";
 export * from "./date.utils.js";
 export * from "./useCalendarNavigation.js";
 export * from "./useCalendarState.js";

package/dist/hooks/date/useCalendarState.d.ts

@@ -1,9 +1,16 @@
 import { type Accessor } from "solid-js";
+import { type DateNameWidth, type DateNames } from "./date.names";
 export type CalendarSelectionMode = "single" | "range";
 type CalendarStateOptions = {
     selectionMode: Accessor<CalendarSelectionMode>;
-    locale: Accessor<string>;
-    weekdayFormat: Accessor<"narrow" | "short" | "long">;
+    /**
+     * The names to render with. The owning component resolves these from its
+     * `locale` and `dateNames` props through `resolveDateNames`, so there is no
+     * `locale` here: this hook formats from a table and has nothing to do with
+     * one. See `date.names.ts`.
+     */
+    dateNames: Accessor<DateNames>;
+    weekdayFormat: Accessor<DateNameWidth>;
     visibleMonth: Accessor<Date>;
     focusedDate: Accessor<Date>;
     selectedDate: Accessor<Date | null>;
@@ -28,9 +35,9 @@ export type CalendarCellState = {
     isAriaSelected: boolean;
 };
 export declare const useCalendarState: (options: CalendarStateOptions) => {
-    monthFormatter: import("solid-js").SourceAccessor<Intl.DateTimeFormat>;
-    dayLabelFormatter: import("solid-js").SourceAccessor<Intl.DateTimeFormat>;
-    weekdayLabels: import("solid-js").SourceAccessor<string[]>;
+    monthLabel: import("solid-js").SourceAccessor<string>;
+    formatDayLabel: (date: Date) => string;
+    weekdayLabels: import("solid-js").SourceAccessor<readonly string[]>;
     calendarWeeks: import("solid-js").SourceAccessor<Date[][]>;
     normalizedRange: import("solid-js").SourceAccessor<{
         start: Date | null;

package/dist/hooks/date/useCalendarState.js

@@ -1,22 +1,10 @@
 import { createMemo } from "solid-js";
-import { addDays, buildCalendarGrid, compareDates, createPreviewRange, getToday, isSameDay, isSameMonth, normalizeRange, splitWeeks } from "./date.utils.js";
+import { formatFullDate, formatMonthYear, weekdayNames } from "./date.names.js";
+import { buildCalendarGrid, compareDates, createPreviewRange, getToday, isSameDay, isSameMonth, normalizeRange, splitWeeks } from "./date.utils.js";
 const useCalendarState = (options)=>{
-    const monthFormatter = createMemo(()=>new Intl.DateTimeFormat(options.locale(), {
-            month: "long",
-            year: "numeric"
-        }));
-    const dayLabelFormatter = createMemo(()=>new Intl.DateTimeFormat(options.locale(), {
-            dateStyle: "full"
-        }));
-    const weekdayFormatter = createMemo(()=>new Intl.DateTimeFormat(options.locale(), {
-            weekday: options.weekdayFormat()
-        }));
-    const weekdayLabels = createMemo(()=>{
-        const firstSunday = new Date(2024, 0, 7, 12, 0, 0, 0);
-        return Array.from({
-            length: 7
-        }, (_, index)=>weekdayFormatter().format(addDays(firstSunday, index)));
-    });
+    const monthLabel = createMemo(()=>formatMonthYear(options.visibleMonth(), options.dateNames()));
+    const formatDayLabel = (date)=>formatFullDate(date, options.dateNames());
+    const weekdayLabels = createMemo(()=>weekdayNames(options.weekdayFormat(), options.dateNames()));
     const calendarWeeks = createMemo(()=>splitWeeks(buildCalendarGrid(options.visibleMonth(), 0)));
     const normalizedRange = createMemo(()=>normalizeRange(options.rangeStart(), options.rangeEnd()));
     const previewRange = createMemo(()=>createPreviewRange(normalizedRange().start, normalizedRange().end, options.rangePreview()));
@@ -54,8 +42,8 @@ const useCalendarState = (options)=>{
         };
     };
     return {
-        monthFormatter,
-        dayLabelFormatter,
+        monthLabel,
+        formatDayLabel,
         weekdayLabels,
         calendarWeeks,
         normalizedRange,

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

@@ -4,7 +4,7 @@ type AnyValues = Record<string, any>;
 export type AsyncValidatorFn<TValues extends AnyValues> = (context: {
     value: TValues;
 }) => Promise<Partial<Record<keyof TValues, string>> | undefined>;
-export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
+export type CreateFormOptions<TValues extends AnyValues = AnyValues, TOutput = TValues> = {
     /**
      * Initial values for every field. Used to infer the form's value type and
      * to determine whether a field is "dirty".
@@ -14,7 +14,7 @@ export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
      * Any Standard Schema-compatible schema (Zod, Valibot, Arktype, ...).
      * Runs on change, on blur and on submit.
      */
-    schema?: StandardSchemaV1<TValues>;
+    schema?: StandardSchemaV1<TValues, TOutput>;
     /**
      * Additional async validators for fields that need server-side validation
      * (e.g. username availability). These run *after* the synchronous schema.
@@ -26,7 +26,7 @@ export type CreateFormOptions<TValues extends AnyValues = AnyValues> = {
     /**
      * Called when the form is submitted and all validators pass.
      */
-    onSubmit?: (value: TValues) => void | Promise<void>;
+    onSubmit?: (value: TOutput) => void | Promise<void>;
 };
 /** What a field tracks besides its value. */
 type FieldMeta = {
@@ -77,5 +77,5 @@ export type FormApi<TValues extends AnyValues = AnyValues> = {
  * field is touched — the display gate lives in `useField`, so a submit can
  * surface every error at once by touching every field.
  */
-export declare const createForm: <TValues extends AnyValues = AnyValues>(options: CreateFormOptions<TValues>) => FormApi<TValues>;
+export declare const createForm: <TValues extends AnyValues = AnyValues, TOutput = TValues>(options: CreateFormOptions<TValues, TOutput>) => FormApi<TValues>;
 export { getFirstFieldError };

package/dist/hooks/form/createForm.js

@@ -67,17 +67,15 @@ const createForm = (options)=>{
             };
         });
         flush();
-        let ok = runSchema();
+        let output = values;
         const schema = options.schema;
         if (schema) {
-            const result = schema["~standard"].validate(values);
-            if (result instanceof Promise) {
-                const resolved = await result;
-                applyErrors(resolved.issues ? issuesToErrors(resolved.issues) : {}, true);
-                ok = !resolved.issues?.length;
-            }
+            const pending = schema["~standard"].validate(values);
+            const result = pending instanceof Promise ? await pending : pending;
+            applyErrors(result.issues ? issuesToErrors(result.issues) : {}, true);
+            if (result.issues) return;
+            output = result.value;
         }
-        if (!ok) return;
         setStatus((draft)=>{
             draft.isSubmitting = true;
         });
@@ -96,7 +94,7 @@ const createForm = (options)=>{
                     };
                 });
             }
-            await options.onSubmit?.(values);
+            await options.onSubmit?.(output);
         } finally{
             setStatus((draft)=>{
                 draft.isSubmitting = false;

package/dist/index.d.ts

@@ -19,8 +19,8 @@ export { Breadcrumb, BreadcrumbItem, } from "./components/breadcrumb";
 export type { ButtonProps } from "./components/button";
 export { default as Button } from "./components/button";
 export { PanelToggle, type PanelToggleProps, type PanelToggleSide, } from "./components/panel-toggle";
-export { type CalendarDayHoverHandler, type CalendarDaySelectHandler, type CalendarProps, type CalendarSelectionMode, type CalendarWeekdayFormat, default as Calendar, } from "./components/calendar";
-export type { CardElevation, CardMaterial, CardProps, CardSectionProps, } from "./components/card";
+export { type CalendarDayHoverHandler, type CalendarDaySelectHandler, type CalendarProps, type CalendarSelectionMode, type CalendarWeekdayFormat, type DateNames, default as Calendar, } from "./components/calendar";
+export type { CardElevation, CardMaterial, CardState, CardProps, CardSectionProps, } from "./components/card";
 export { Card as CardRoot, CardBody, CardFooter, CardHeader, default as Card, } from "./components/card";
 export { default as ChatBubble } from "./components/chatbubble";
 export { default as Checkbox } from "./components/checkbox";
@@ -51,7 +51,7 @@ export { createFlexGrid, default as FlexGrid } from "./components/flex-grid";
 export type { FooterProps, FooterTitleProps } from "./components/footer";
 export { default as Footer } from "./components/footer";
 export type { FieldErrorMessageProps, FormFieldProps, FormProps, FormRootProps, FormSubmitButtonProps, FormWithContextProps, } from "./components/form";
-export { default as Form, FormField, FormSubmitButton, FormWithContext, } from "./components/form";
+export { FieldErrorMessage, default as Form, FormField, FormSubmitButton, FormWithContext, } from "./components/form";
 export { GlowCard, type GlowCardProps } from "./components/glow-card";
 export { default as Grid } from "./components/grid";
 export type { HeaderProps, HeaderRootProps } from "./components/header";
@@ -107,7 +107,7 @@ export type { ExpandToggleProps as TableExpandToggleProps, InlineConfirmProps as
 export { default as Table, ExpandToggle as TableExpandToggle, InlineConfirm as TableInlineConfirm, MobileListView as TableMobileListView, SortIcon as TableSortIcon, VirtualSpacerRow as TableVirtualSpacerRow, } from "./components/table";
 export type { TabIndicatorProps, TabListContainerProps, TabListProps, TabPanelProps, TabProps, TabSeparatorProps, TabsRootProps, } from "./components/tabs";
 export { default as Tabs } from "./components/tabs";
-export type { TextFamily, TextLeading, TextProps, TextRootProps, TextSize, TextTracking, TextTransform, TextVariant, TextWeight, } from "./components/text";
+export type { TextAs, TextFamily, TextLeading, TextProps, TextRootProps, TextSize, TextTracking, TextTransform, TextVariant, TextWeight, } from "./components/text";
 export { default as Text } from "./components/text";
 export type { TextareaProps, TextareaRootProps, TextareaVariant, } from "./components/textarea";
 export { default as Textarea } from "./components/textarea";
@@ -123,6 +123,10 @@ export type { AnyFormApi, CreateFormOptions, FormApi, UseFieldResult, } from "./
 export { createForm, FormContext, getFirstFieldError, useField, useFormContext, } from "./hooks/form";
 export type { CreateMutationOptions, CreateQueryOptions, MutationResult, QueryResult, } from "./hooks/data";
 export { createMutation, createQuery, invalidateQueries, } from "./hooks/data";
+export type { ConnectionEndpoint, ConnectionSettingsApplied, ConnectionSettingsOptions, ConnectionSettingsState, ConnectionSettingsStore, } from "./hooks/connection";
+export { createConnectionSettings, isAbsoluteUrl } from "./hooks/connection";
+export type { ConnectionSettingsEndpointLabel, ConnectionSettingsLabels, ConnectionSettingsProps, } from "./components/connection-settings";
+export { ConnectionSettings } from "./components/connection-settings";
 export { useDesktop } from "./hooks/layout";
 export type { UseAnchoredOverlayPositionOptions } from "./hooks/table";
 export { useAnchoredOverlayPosition } from "./hooks/table";

package/dist/index.js

@@ -32,7 +32,7 @@ export { FieldGroup, FieldsetActions, FieldsetLegend, default as Fieldset } from
 export { default as Flex } from "./components/flex/index.js";
 export { createFlexGrid, default as FlexGrid } from "./components/flex-grid/index.js";
 export { default as Footer } from "./components/footer/index.js";
-export { FormField, FormSubmitButton, FormWithContext, default as Form } from "./components/form/index.js";
+export { FieldErrorMessage, FormField, FormSubmitButton, FormWithContext, default as Form } from "./components/form/index.js";
 export { GlowCard } from "./components/glow-card/index.js";
 export { default as Grid } from "./components/grid/index.js";
 export { default as Header } from "./components/header/index.js";
@@ -73,6 +73,8 @@ export { TooltipArrow, TooltipContent, TooltipTrigger, default as Tooltip } from
 export { FLAVORS, SIZES, SPACES, STATES, VARIANTS, isInvalid, resolveState } from "./components/vocabulary.js";
 export { FormContext, createForm, getFirstFieldError, useField, useFormContext } from "./hooks/form/index.js";
 export { createMutation, createQuery, invalidateQueries } from "./hooks/data/index.js";
+export { createConnectionSettings, isAbsoluteUrl } from "./hooks/connection/index.js";
+export { ConnectionSettings } from "./components/connection-settings/index.js";
 export { useDesktop } from "./hooks/layout/index.js";
 export { useAnchoredOverlayPosition } from "./hooks/table/index.js";
 export { evaluatePasswordRules, matchPasswordConfirmation } from "./passwordRules.js";