@thomasfosterau/components 0.1.0 → 0.2.0

package/dist/fields/Textarea.svelte.d.ts

@@ -18,6 +18,12 @@ interface Props extends Omit<HTMLTextareaAttributes, 'value'> {
      * @defaultValue `''`
      */
     describedBy?: string | undefined;
+    /**
+     * `FieldControl`: the visible label's id. Not used — this control is
+     * labelable, so the `FormField`'s `<label for>` already names it; taken
+     * here so a spread `FieldControl` does not leak it as an attribute.
+     */
+    labelId?: string | undefined;
 }
 /** A daisyUI `textarea` with a bindable `value` and `FieldControl` wiring. `rows` defaults to `4`. */
 declare const Textarea: import("svelte").Component<Props, {}, "value">;

package/dist/fields/TimeField.svelte

@@ -0,0 +1,30 @@
+<!-- @component
+Segmented hour / minute entry on bits-ui `TimeField`, with the locale's or a forced 12/24-hour clock.
+-->
+<!--
+  TimeField — a time of day typed into segments (hour, minute, optionally
+  second, and AM/PM on a 12-hour clock), each a `role="spinbutton"`. The
+  clock follows the locale unless `hourCycle` forces 12 or 24, so the
+  control no longer depends on what the browser's native time input does.
+
+  ARIA contract: see `SegmentGroup`. With `name`, bits-ui posts the ISO
+  time (`14:30:00`) through a hidden input.
+-->
+<script lang="ts">import { TimeField } from "bits-ui";
+import { getComponentsContext } from "../context.svelte.js";
+import { definedProps } from "./calendar-props.js";
+import SegmentGroup from "./SegmentGroup.svelte";
+import { segmentedField } from "./segmented-field.js";
+let { value = $bindable(), minValue, maxValue, granularity = "minute", ...shared } = $props();
+const context = getComponentsContext();
+const field = $derived(segmentedField(shared, context.locale()));
+</script>
+
+<TimeField.Root
+  bind:value={() => value as Time, (next) => (value = next)}
+  {...field.root}
+  {...definedProps({ minValue, maxValue })}
+  {granularity}
+>
+  <SegmentGroup parts={TimeField} group={field.group} />
+</TimeField.Root>

package/dist/fields/TimeField.svelte.d.ts

@@ -0,0 +1,19 @@
+import { TimeField } from 'bits-ui';
+import { type SegmentedFieldProps, type TimeValue } from './segmented-field.ts';
+interface Props extends SegmentedFieldProps {
+    /** The time; `undefined` while empty or incomplete. Bindable. */
+    value?: TimeValue | undefined;
+    /** Earliest valid time. */
+    minValue?: TimeValue | undefined;
+    /** Latest valid time. */
+    maxValue?: TimeValue | undefined;
+    /**
+     * The smallest segment shown.
+     * @defaultValue `'minute'`
+     */
+    granularity?: 'hour' | 'minute' | 'second' | undefined;
+}
+/** Segmented hour / minute entry on bits-ui `TimeField`, with the locale's or a forced 12/24-hour clock. */
+declare const TimeField: import("svelte").Component<Props, {}, "value">;
+type TimeField = ReturnType<typeof TimeField>;
+export default TimeField;

package/dist/fields/Toggle.svelte

@@ -23,7 +23,7 @@ A switch for an on/off setting that takes effect immediately, rather than a chec
   for the caller to report — a switch is not the place to render an error.
 -->
 <script lang="ts">import { toggleSize } from "./field-types.js";
-let { checked = $bindable(false), label, description, onChange, size = "md", invalid = false, describedBy = "", disabled = false, class: className, ...rest } = $props();
+let { checked = $bindable(false), label, description, onChange, size = "md", invalid = false, describedBy = "", labelId: _labelId, disabled = false, class: className, ...rest } = $props();
 const uid = $props.id();
 const descriptionId = `${uid}-description`;
 let pending = $state(false);

package/dist/fields/Toggle.svelte.d.ts

@@ -25,6 +25,12 @@ interface Props extends Omit<HTMLInputAttributes, 'type' | 'checked' | 'size' |
      * @defaultValue `''`
      */
     describedBy?: string | undefined;
+    /**
+     * `FieldControl`: the visible label's id. Not used — this control is
+     * labelable, so the `FormField`'s `<label for>` already names it; taken
+     * here so a spread `FieldControl` does not leak it as an attribute.
+     */
+    labelId?: string | undefined;
 }
 /** A switch for an on/off setting that takes effect immediately, rather than a checkbox submitted with a form. */
 declare const Toggle: import("svelte").Component<Props, {}, "checked">;

package/dist/fields/VideoInput.svelte.d.ts

@@ -33,6 +33,12 @@ interface Props extends Omit<HTMLInputAttributes, 'type' | 'value' | 'files' | '
     invalid?: boolean | undefined;
     /** `FieldControl`: space-separated ids for `aria-describedby`. */
     describedBy?: string | undefined;
+    /**
+     * `FieldControl`: the visible label's id. Not used — the file input is
+     * labelable, so `<label for>` names it; passed through to `FileInput`,
+     * which drops it.
+     */
+    labelId?: string | undefined;
 }
 /** A `FileInput` plus the progress readout for an upload the caller performs. */
 declare const VideoInput: import("svelte").Component<Props, {}, "progress" | "file">;

package/dist/fields/calendar-props.d.ts

@@ -0,0 +1,119 @@
+/**
+ * Small helpers `Calendar` and `RangeCalendar` share when handing their props
+ * to bits-ui.
+ *
+ * @module
+ */
+import type { DateValue } from '@internationalized/date';
+import type { Snippet } from 'svelte';
+import type { HTMLAttributes } from 'svelte/elements';
+/** bits-ui's calendars take ONE locale string; ours takes `Intl`'s list. The first entry wins. */
+export declare function firstLocale(locales: string | readonly string[] | undefined): string | undefined;
+/**
+ * Drop the `undefined` entries of an options object. The workspace compiles
+ * with `exactOptionalPropertyTypes`, and bits-ui declares its optional props
+ * as bare `?: T`, so an option this library leaves unset must be absent, not
+ * `undefined`, when it is spread onto a bits-ui root.
+ */
+export declare function definedProps<T extends Record<string, unknown>>(options: T): {
+    [K in keyof T]?: Exclude<T[K], undefined>;
+};
+/**
+ * The props `Calendar` and `RangeCalendar` share — everything but the value.
+ * Each maps onto the bits-ui root prop of the same name, except `locales`
+ * (bits-ui takes one locale; the first entry is used) and the `FieldControl`
+ * members.
+ */
+export interface CalendarBaseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'placeholder' | 'children' | 'id'> {
+    /**
+     * A date in the month to show (bits-ui's `placeholder`); omitted, the
+     * selected date's month, else today's. Bindable: it follows paging.
+     */
+    month?: DateValue | undefined;
+    /** Earliest selectable date. */
+    minValue?: DateValue | undefined;
+    /** Latest selectable date. */
+    maxValue?: DateValue | undefined;
+    /** Days that cannot be chosen at all; rendered disabled. */
+    isDateDisabled?: ((date: DateValue) => boolean) | undefined;
+    /** Days shown but marked unavailable — booked, frost, closed. */
+    isDateUnavailable?: ((date: DateValue) => boolean) | undefined;
+    /**
+     * Months shown side by side.
+     * @defaultValue `1`
+     */
+    numberOfMonths?: number | undefined;
+    /** 0 = Sunday … 6 = Saturday; omitted, the locale's own week start. */
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined;
+    /**
+     * Always render six weeks, so the grid never changes height.
+     * @defaultValue `false`
+     */
+    fixedWeeks?: boolean | undefined;
+    /** BCP 47 locale(s); the first is used. Falls back to the context's `locale()`. */
+    locales?: string | readonly string[] | undefined;
+    /**
+     * Accessible name of the calendar, before the visible month.
+     * @defaultValue `'Calendar'`
+     */
+    calendarLabel?: string | undefined;
+    /**
+     * Accessible name of the previous-month button.
+     * @defaultValue `'Previous month'`
+     */
+    previousLabel?: string | undefined;
+    /**
+     * Accessible name of the next-month button.
+     * @defaultValue `'Next month'`
+     */
+    nextLabel?: string | undefined;
+    /**
+     * No interaction at all.
+     * @defaultValue `false`
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Navigable, but the value cannot change.
+     * @defaultValue `false`
+     */
+    readonly?: boolean | undefined;
+    /** Extra decoration in a day cell (a dot for "something planted"). */
+    day?: Snippet<[{
+        date: DateValue;
+        selected: boolean;
+        unavailable: boolean;
+    }]> | undefined;
+    /** `FieldControl`: the root's `id`. */
+    id?: string | undefined;
+    /** `FieldControl`: the visible label's id; the calendar is `aria-labelledby` it. */
+    labelId?: string | undefined;
+    /**
+     * `FieldControl`: space-separated ids for `aria-describedby`.
+     * @defaultValue `''`
+     */
+    describedBy?: string | undefined;
+    /**
+     * `FieldControl`: the field is in error — draws the error border.
+     * @defaultValue `false`
+     */
+    invalid?: boolean | undefined;
+    /** `FieldControl`: accepted for the spread; a calendar has no empty-value validation of its own. */
+    required?: boolean | undefined;
+}
+/** What `calendarRoot` hands `CalendarMonths`. */
+export interface CalendarMonthsOptions {
+    readonly locale: string;
+    readonly previousLabel: string;
+    readonly nextLabel: string;
+    readonly day: CalendarBaseProps['day'];
+}
+/**
+ * Turn the shared props into what both bits-ui roots and `CalendarMonths`
+ * take: the defaults applied, the unset options dropped, the `FieldControl`
+ * members mapped onto ARIA, and every other attribute passed through. One
+ * function, so `Calendar` and `RangeCalendar` cannot disagree about a default.
+ */
+export declare function calendarRoot(props: Omit<CalendarBaseProps, 'month'>, contextLocale: string | readonly string[] | undefined): {
+    readonly root: Record<string, unknown>;
+    readonly months: CalendarMonthsOptions;
+};

package/dist/fields/calendar-props.js

@@ -0,0 +1,51 @@
+/**
+ * Small helpers `Calendar` and `RangeCalendar` share when handing their props
+ * to bits-ui.
+ *
+ * @module
+ */
+/** bits-ui's calendars take ONE locale string; ours takes `Intl`'s list. The first entry wins. */
+export function firstLocale(locales) {
+    return typeof locales === 'string' ? locales : locales?.[0];
+}
+/**
+ * Drop the `undefined` entries of an options object. The workspace compiles
+ * with `exactOptionalPropertyTypes`, and bits-ui declares its optional props
+ * as bare `?: T`, so an option this library leaves unset must be absent, not
+ * `undefined`, when it is spread onto a bits-ui root.
+ */
+export function definedProps(options) {
+    return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
+}
+/**
+ * Turn the shared props into what both bits-ui roots and `CalendarMonths`
+ * take: the defaults applied, the unset options dropped, the `FieldControl`
+ * members mapped onto ARIA, and every other attribute passed through. One
+ * function, so `Calendar` and `RangeCalendar` cannot disagree about a default.
+ */
+export function calendarRoot(props, contextLocale) {
+    const { minValue, maxValue, isDateDisabled, isDateUnavailable, numberOfMonths = 1, weekStartsOn, fixedWeeks = false, locales = contextLocale, calendarLabel = 'Calendar', previousLabel = 'Previous month', nextLabel = 'Next month', disabled = false, readonly = false, day, id, labelId, describedBy = '', invalid = false, required: _required, class: className, ...rest } = props;
+    const locale = firstLocale(locales) ?? 'en';
+    return {
+        root: {
+            ...rest,
+            ...definedProps({ id, minValue, maxValue, isDateDisabled, isDateUnavailable, weekStartsOn }),
+            numberOfMonths,
+            weekdayFormat: 'short',
+            fixedWeeks,
+            locale,
+            calendarLabel,
+            disabled,
+            readonly,
+            'aria-labelledby': labelId,
+            'aria-describedby': describedBy === '' ? undefined : describedBy,
+            class: [
+                'card card-border bg-base-100 inline-block p-3',
+                invalid && 'border-error',
+                disabled && 'opacity-50',
+                className,
+            ],
+        },
+        months: { locale, previousLabel, nextLabel, day },
+    };
+}

package/dist/fields/dates.d.ts

@@ -0,0 +1,28 @@
+/**
+ * `@thomasfosterau/components/dates` — the bits-ui date controls, behind
+ * their own entry.
+ *
+ * They bring bits-ui's calendar state machines and `@internationalized/date`'s
+ * calendar maths, so they are not re-exported from the root barrel or from
+ * `fields`: the separate entry makes that cost visible at the import site,
+ * lets an app `import()` them lazily on the one page that needs them, and
+ * keeps any always-loaded component from pulling them in by accident (the
+ * #129 failure mode). `DateInput`, the native control, stays in the barrel
+ * and remains the default for a single date on a form.
+ *
+ * `parseDate`, `parseTime`, `Time` and the `DateValue` type are re-exported
+ * so a caller converts at the edge without a direct dependency:
+ * `parseDate('2026-10-23')` / `parseTime('14:30')` in, `value.toString()`
+ * (ISO) out.
+ *
+ * @module
+ */
+export { default as Calendar } from './Calendar.svelte';
+export { default as DateField } from './DateField.svelte';
+export { default as DatePicker } from './DatePicker.svelte';
+export { default as DateRangePicker } from './DateRangePicker.svelte';
+export { default as RangeCalendar } from './RangeCalendar.svelte';
+export { default as TimeField } from './TimeField.svelte';
+export type { CalendarBaseProps } from './calendar-props.ts';
+export type { PickerProps, SegmentedFieldProps, TimeValue } from './segmented-field.ts';
+export { parseDate, parseTime, Time, type DateValue } from '@internationalized/date';

package/dist/fields/dates.js

@@ -0,0 +1,26 @@
+/**
+ * `@thomasfosterau/components/dates` — the bits-ui date controls, behind
+ * their own entry.
+ *
+ * They bring bits-ui's calendar state machines and `@internationalized/date`'s
+ * calendar maths, so they are not re-exported from the root barrel or from
+ * `fields`: the separate entry makes that cost visible at the import site,
+ * lets an app `import()` them lazily on the one page that needs them, and
+ * keeps any always-loaded component from pulling them in by accident (the
+ * #129 failure mode). `DateInput`, the native control, stays in the barrel
+ * and remains the default for a single date on a form.
+ *
+ * `parseDate`, `parseTime`, `Time` and the `DateValue` type are re-exported
+ * so a caller converts at the edge without a direct dependency:
+ * `parseDate('2026-10-23')` / `parseTime('14:30')` in, `value.toString()`
+ * (ISO) out.
+ *
+ * @module
+ */
+export { default as Calendar } from './Calendar.svelte';
+export { default as DateField } from './DateField.svelte';
+export { default as DatePicker } from './DatePicker.svelte';
+export { default as DateRangePicker } from './DateRangePicker.svelte';
+export { default as RangeCalendar } from './RangeCalendar.svelte';
+export { default as TimeField } from './TimeField.svelte';
+export { parseDate, parseTime, Time } from '@internationalized/date';

package/dist/fields/field-types.d.ts

@@ -12,16 +12,34 @@
  *
  * @module
  */
+import type { Size } from '../ui/tones.ts';
 /** Wiring a field primitive receives from its enclosing `FormField`. */
 export interface FieldControl {
     /** The control's `id`; the `FormField` label points at it. */
     readonly id: string;
+    /**
+     * The id of the visible `<label>`. A labelable control (`input`, `select`,
+     * `textarea`, `button`, …) ignores it: `<label for>` already names it. A
+     * control `<label for>` cannot reach — a `role="slider"` thumb, a
+     * `role="group"` / `radiogroup` root, a segmented date group — points
+     * `aria-labelledby` at it instead of taking a labelling prop of its own.
+     */
+    readonly labelId: string;
     /** Space-separated ids of the hint / error paragraphs; empty when neither is shown. */
     readonly describedBy: string;
     /** The field currently shows an error. */
     readonly invalid: boolean;
     readonly required: boolean;
 }
+/**
+ * What `<Fieldset>` hands its `children` snippet: the id of its `<legend>`,
+ * for a role-based control inside the group (which a legend names only
+ * through the `<fieldset>`, a different node) to point `aria-labelledby` at.
+ */
+export interface FieldsetControl {
+    /** The id of the `<legend>`. */
+    readonly labelId: string;
+}
 /** Size steps shared by the field primitives (daisyUI has no `xl` field). */
 export type FieldSize = 'xs' | 'sm' | 'md' | 'lg';
 /** One entry of a `Select`, `RadioGroup` or `CheckboxGroup`. */
@@ -49,3 +67,14 @@ export declare const checkboxSize: Record<FieldSize, string>;
 export declare const toggleSize: Record<FieldSize, string>;
 /** Literal daisyUI class per `FieldSize` for `FileInput`; a lookup table so Tailwind's scanner sees every class. */
 export declare const fileInputSize: Record<FieldSize, string>;
+/**
+ * Literal daisyUI class per `FieldSize` for `Slider`; a lookup table so Tailwind's scanner sees every class.
+ * Each sets `--range-thumb-size`, which the slider's thumb and track are sized from.
+ */
+export declare const rangeSize: Record<FieldSize, string>;
+/** Literal cell size and text-size classes per `FieldSize` for `PinInput`'s cells; a lookup table so Tailwind's scanner sees every class. */
+export declare const pinCellSize: Record<FieldSize, string>;
+/** Literal daisyUI button size per `FieldSize` for a button inside an `input` composite (`NumberField`'s − / +, `PasswordInput`'s reveal toggle), one step smaller than the field so it fits; a lookup table so Tailwind's scanner sees every class. */
+export declare const inputButtonSize: Record<FieldSize, string>;
+/** Literal daisyUI class per `Size` for `Rating`; each sets `--size`, the star height. A lookup table so Tailwind's scanner sees every class. */
+export declare const ratingSize: Record<Size, string>;

package/dist/fields/field-types.js

@@ -58,3 +58,35 @@ export const fileInputSize = {
     md: 'file-input-md',
     lg: 'file-input-lg',
 };
+/**
+ * Literal daisyUI class per `FieldSize` for `Slider`; a lookup table so Tailwind's scanner sees every class.
+ * Each sets `--range-thumb-size`, which the slider's thumb and track are sized from.
+ */
+export const rangeSize = {
+    xs: 'range-xs',
+    sm: 'range-sm',
+    md: 'range-md',
+    lg: 'range-lg',
+};
+/** Literal cell size and text-size classes per `FieldSize` for `PinInput`'s cells; a lookup table so Tailwind's scanner sees every class. */
+export const pinCellSize = {
+    xs: 'size-6 text-xs',
+    sm: 'size-8 text-sm',
+    md: 'size-10 text-base',
+    lg: 'size-12 text-lg',
+};
+/** Literal daisyUI button size per `FieldSize` for a button inside an `input` composite (`NumberField`'s − / +, `PasswordInput`'s reveal toggle), one step smaller than the field so it fits; a lookup table so Tailwind's scanner sees every class. */
+export const inputButtonSize = {
+    xs: 'btn-xs',
+    sm: 'btn-xs',
+    md: 'btn-sm',
+    lg: 'btn-md',
+};
+/** Literal daisyUI class per `Size` for `Rating`; each sets `--size`, the star height. A lookup table so Tailwind's scanner sees every class. */
+export const ratingSize = {
+    xs: 'rating-xs',
+    sm: 'rating-sm',
+    md: 'rating-md',
+    lg: 'rating-lg',
+    xl: 'rating-xl',
+};

package/dist/fields/file-validation.d.ts

@@ -0,0 +1,30 @@
+/**
+ * The client-side file checks `FileInput` and `Dropzone` share.
+ *
+ * Pure functions, so the rules are the same wherever a file comes from —
+ * the native picker or a drop, which the browser does NOT filter by
+ * `accept` — and testable without a DOM.
+ *
+ * @module
+ */
+/** Why `Dropzone` refused a file. */
+export interface FileRejection {
+    /** The refused file. */
+    readonly file: File;
+    /** Which rule refused it. */
+    readonly reason: 'too-large' | 'wrong-type' | 'too-many';
+}
+/**
+ * Whether `file` satisfies an `accept` string, with the native attribute's
+ * syntax: comma-separated `.ext` suffixes, `type/*` families and exact MIME
+ * types, all case-insensitive. An absent or empty `accept` accepts anything.
+ */
+export declare function acceptMatches(file: File, accept: string | undefined): boolean;
+/** Whether `file` is over `maxBytes`; no cap means never. */
+export declare function exceedsSize(file: File, maxBytes: number | undefined): boolean;
+/**
+ * A byte count for a file row, in the largest decimal unit that keeps the
+ * number at or above 1 ("820 kB", "4.2 MB"), through `Intl.NumberFormat`'s
+ * unit style.
+ */
+export declare function formatFileSize(bytes: number, locales: string | readonly string[] | undefined): string;

package/dist/fields/file-validation.js

@@ -0,0 +1,51 @@
+/**
+ * The client-side file checks `FileInput` and `Dropzone` share.
+ *
+ * Pure functions, so the rules are the same wherever a file comes from —
+ * the native picker or a drop, which the browser does NOT filter by
+ * `accept` — and testable without a DOM.
+ *
+ * @module
+ */
+/**
+ * Whether `file` satisfies an `accept` string, with the native attribute's
+ * syntax: comma-separated `.ext` suffixes, `type/*` families and exact MIME
+ * types, all case-insensitive. An absent or empty `accept` accepts anything.
+ */
+export function acceptMatches(file, accept) {
+    const tokens = (accept ?? '')
+        .split(',')
+        .map((token) => token.trim().toLowerCase())
+        .filter((token) => token !== '');
+    if (tokens.length === 0)
+        return true;
+    const name = file.name.toLowerCase();
+    const type = file.type.toLowerCase();
+    return tokens.some((token) => {
+        if (token.startsWith('.'))
+            return name.endsWith(token);
+        if (token.endsWith('/*'))
+            return type.startsWith(token.slice(0, -1));
+        return type === token;
+    });
+}
+/** Whether `file` is over `maxBytes`; no cap means never. */
+export function exceedsSize(file, maxBytes) {
+    return maxBytes !== undefined && file.size > maxBytes;
+}
+const UNITS = ['byte', 'kilobyte', 'megabyte', 'gigabyte'];
+/**
+ * A byte count for a file row, in the largest decimal unit that keeps the
+ * number at or above 1 ("820 kB", "4.2 MB"), through `Intl.NumberFormat`'s
+ * unit style.
+ */
+export function formatFileSize(bytes, locales) {
+    const exponent = Math.min(UNITS.length - 1, Math.max(0, Math.floor(Math.log10(Math.max(bytes, 1)) / 3)));
+    const value = bytes / 1000 ** exponent;
+    return new Intl.NumberFormat(typeof locales === 'string' || locales === undefined ? locales : [...locales], {
+        style: 'unit',
+        unit: UNITS[exponent],
+        unitDisplay: 'short',
+        maximumFractionDigits: exponent === 0 ? 0 : 1,
+    }).format(value);
+}

package/dist/fields/index.d.ts

@@ -18,17 +18,26 @@ export { default as Checkbox } from './Checkbox.svelte';
 export { default as CheckboxGroup } from './CheckboxGroup.svelte';
 export { default as Combobox } from './Combobox.svelte';
 export { default as DateInput } from './DateInput.svelte';
+export { default as Dropzone } from './Dropzone.svelte';
 export { default as FieldErrors } from './FieldErrors.svelte';
 export { default as Fieldset } from './Fieldset.svelte';
 export { default as FileInput } from './FileInput.svelte';
 export { default as FormField } from './FormField.svelte';
 export { default as ImageInput } from './ImageInput.svelte';
+export { default as MultiSelect } from './MultiSelect.svelte';
+export { default as NumberField } from './NumberField.svelte';
+export { default as PasswordInput } from './PasswordInput.svelte';
+export { default as PinInput } from './PinInput.svelte';
 export { default as RadioGroup } from './RadioGroup.svelte';
+export { default as Rating } from './Rating.svelte';
 export { default as SearchInput } from './SearchInput.svelte';
 export { default as Select } from './Select.svelte';
+export { default as Slider } from './Slider.svelte';
+export { default as TagsInput } from './TagsInput.svelte';
 export { default as Textarea } from './Textarea.svelte';
 export { default as TextInput } from './TextInput.svelte';
 export { default as Toggle } from './Toggle.svelte';
 export { default as PushToggle, type PushDeclineReason, type PushEnableResult, } from './PushToggle.svelte';
 export { default as VideoInput } from './VideoInput.svelte';
 export * from './field-types.ts';
+export type { FileRejection } from './file-validation.ts';

package/dist/fields/index.js

@@ -18,14 +18,22 @@ export { default as Checkbox } from './Checkbox.svelte';
 export { default as CheckboxGroup } from './CheckboxGroup.svelte';
 export { default as Combobox } from './Combobox.svelte';
 export { default as DateInput } from './DateInput.svelte';
+export { default as Dropzone } from './Dropzone.svelte';
 export { default as FieldErrors } from './FieldErrors.svelte';
 export { default as Fieldset } from './Fieldset.svelte';
 export { default as FileInput } from './FileInput.svelte';
 export { default as FormField } from './FormField.svelte';
 export { default as ImageInput } from './ImageInput.svelte';
+export { default as MultiSelect } from './MultiSelect.svelte';
+export { default as NumberField } from './NumberField.svelte';
+export { default as PasswordInput } from './PasswordInput.svelte';
+export { default as PinInput } from './PinInput.svelte';
 export { default as RadioGroup } from './RadioGroup.svelte';
+export { default as Rating } from './Rating.svelte';
 export { default as SearchInput } from './SearchInput.svelte';
 export { default as Select } from './Select.svelte';
+export { default as Slider } from './Slider.svelte';
+export { default as TagsInput } from './TagsInput.svelte';
 export { default as Textarea } from './Textarea.svelte';
 export { default as TextInput } from './TextInput.svelte';
 export { default as Toggle } from './Toggle.svelte';

package/dist/fields/latest-search.svelte.d.ts

@@ -0,0 +1,38 @@
+/**
+ * The search lifecycle `Combobox` and `TagsInput` share: debounce,
+ * latest-wins and stale-while-revalidate.
+ *
+ *   debounce        a keystroke does not start a request; `debounceMs` of
+ *                   quiet does.
+ *   latest-wins     each request gets an `AbortController`, and starting a
+ *                   new one aborts the last, so a slow first response cannot
+ *                   overwrite a fast second one.
+ *   stale-while-    `results` keeps the previous answer while the next is in
+ *     revalidate    flight, with `pending` true, so a dropdown does not
+ *                   strobe on every keystroke.
+ *
+ * Reactive (`$state`) so a component reads `results`, `pending` and `error`
+ * straight into its template. Call `dispose()` from an `$effect` teardown.
+ *
+ * @module
+ */
+/** An asynchronous search: `signal` aborts when a newer query supersedes this one. */
+export type SearchFn<T> = (query: string, signal: AbortSignal) => Promise<readonly T[]>;
+/** Debounced, latest-wins search state for one input. */
+export declare class LatestSearch<T> {
+    #private;
+    /** What the last settled search returned. */
+    results: readonly T[];
+    /** A search is scheduled or in flight. */
+    pending: boolean;
+    /** The last search's failure message, if it failed. */
+    error: string | undefined;
+    /** Getters, so the component's current props are read at call time. */
+    constructor(search: () => SearchFn<T> | undefined, debounceMs: () => number);
+    /** Search for `query` after the debounce, superseding anything earlier. */
+    schedule(query: string): void;
+    /** Cancel anything scheduled or in flight and empty the results. */
+    clear(): void;
+    /** Cancel anything scheduled or in flight; for an `$effect` teardown. */
+    dispose(): void;
+}