@panneau/fields 5.0.0-alpha.7 → 5.0.0-alpha.9

package/dist/boolean/BooleanField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface BooleanFieldProps extends Omit<FieldProps<boolean>, 'labelClassName'> {
     /** `checkbox` (default) for a choice saved with the form, `switch` for an on and off setting. */
     widget?: 'checkbox' | 'switch';

package/dist/boolean/index.d.ts

@@ -1,2 +1,2 @@
-export { BooleanField, BooleanFieldEntry, type BooleanFieldProps } from './BooleanField';
+export { BooleanField, BooleanFieldEntry, type BooleanFieldProps } from './BooleanField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/color/ColorField.d.ts

@@ -1,5 +1,5 @@
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 export type ColorFieldProps = Omit<TextFieldProps, 'type' | 'prefix' | 'maxLength'>;
 /**
  * Normalizes a hexadecimal color: `#` prefix, lowercase, and 3 digits expanded to 6. Returns the

package/dist/color/index.d.ts

@@ -1,2 +1,2 @@
-export { ColorField, ColorFieldEntry, type ColorFieldProps, normalizeColor } from './ColorField';
+export { ColorField, ColorFieldEntry, type ColorFieldProps, normalizeColor } from './ColorField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/date/DateField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface DateFieldProps extends FieldProps<string> {
     /** Earliest date (`2026-01-01`). */
     min?: string;

package/dist/date/index.d.ts

@@ -1,2 +1,2 @@
-export { DateField, DateFieldEntry, type DateFieldProps } from './DateField';
+export { DateField, DateFieldEntry, type DateFieldProps } from './DateField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/datetime/DateTimeField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface DateTimeFieldProps extends FieldProps<string> {
     /**
      * Time zone the date and time are shown and typed in, for values with an offset. Defaults to

package/dist/datetime/index.d.ts

@@ -1,2 +1,2 @@
-export { DateTimeField, DateTimeFieldEntry, type DateTimeFieldProps } from './DateTimeField';
+export { DateTimeField, DateTimeFieldEntry, type DateTimeFieldProps } from './DateTimeField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/duration/DurationField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface DurationFieldProps extends FieldProps<number> {
     /** `seconds` (the default) shows hours, minutes and seconds; `minutes` hides the seconds. */
     precision?: 'seconds' | 'minutes';

package/dist/duration/index.d.ts

@@ -1,2 +1,2 @@
-export { DurationField, DurationFieldEntry, type DurationFieldProps, formatDuration, splitDuration, } from './DurationField';
+export { DurationField, DurationFieldEntry, type DurationFieldProps, formatDuration, splitDuration, } from './DurationField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/email/EmailField.d.ts

@@ -1,5 +1,5 @@
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 export type EmailFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;
 /** An email address, with the email keyboard on phones. Spaces around it are removed on blur. */
 export declare function EmailField({ value, onChange, onBlur, ...props }: EmailFieldProps): import("react").JSX.Element;

package/dist/email/index.d.ts

@@ -1,2 +1,2 @@
-export { EmailField, EmailFieldEntry, type EmailFieldProps } from './EmailField';
+export { EmailField, EmailFieldEntry, type EmailFieldProps } from './EmailField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/embed/EmbedField.d.ts

@@ -1,6 +1,6 @@
 import type { EmbedValue } from '@panneau/protocol';
-import type { EmbedSource } from '../shared/embed';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { EmbedSource } from '../shared/embed.js';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export type { EmbedValue };
 export interface EmbedFieldProps extends FieldProps<EmbedValue> {
     placeholder?: string;

package/dist/embed/index.d.ts

@@ -1,3 +1,3 @@
-export { EmbedField, EmbedFieldEntry, type EmbedFieldProps, type EmbedValue, isEmbed, } from './EmbedField';
-export { type EmbedAdapter, type EmbedSource, createEmbedSource } from '../shared/embed';
+export { EmbedField, EmbedFieldEntry, type EmbedFieldProps, type EmbedValue, isEmbed, } from './EmbedField.js';
+export { type EmbedAdapter, type EmbedSource, createEmbedSource } from '../shared/embed.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/file/FileField.d.ts

@@ -1,6 +1,6 @@
 import type { StoredFile } from '@panneau/protocol';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
-import type { UploadSource, UploadedFile } from '../upload/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+import type { UploadSource, UploadedFile } from '../upload/types.js';
 /**
  * A file of a `file` value: a stored file, as items give it; an upload, once the browser sent the
  * file to storage; or the file itself, sent in a multipart request without direct uploads.

package/dist/file/index.d.ts

@@ -1,3 +1,3 @@
-export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './FileField';
-export type { UploadItem, UploadItemStatus, UploadSource, UploadedFile, Uploader, } from '../upload/types';
+export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './FileField.js';
+export type { UploadItem, UploadItemStatus, UploadSource, UploadedFile, Uploader, } from '../upload/types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/group/GroupField.d.ts

@@ -1,5 +1,5 @@
 import type { Field } from '@panneau/protocol';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export type GroupValue = Record<string, unknown>;
 export interface GroupFieldProps extends FieldProps<GroupValue> {
     /** The nested fields, rendered with the entries of the fields context. */

package/dist/group/index.d.ts

@@ -1,2 +1,2 @@
-export { GroupField, GroupFieldEntry, type GroupFieldProps, type GroupValue } from './GroupField';
+export { GroupField, GroupFieldEntry, type GroupFieldProps, type GroupValue } from './GroupField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,19 +1,19 @@
-export { DefinitionField, NestedField, type NestedFieldProps } from './shared/DefinitionField';
-export { builtInFields, fieldsPlugin } from './shared/builtIn';
-export { type BoundFieldProps, type FieldBinding, type FieldBindingProps, FieldsProvider, type FieldsContextValue, type FieldsProviderProps, getParentPath, useFieldsContext, } from './shared/context';
-export { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired, } from './shared/entry';
-export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, toReferences, useRelationReferences, } from './shared/relation';
-export { type FieldCheckAdapter, type FieldCheckSource, createFieldCheckSource, } from './shared/check';
-export { type EmbedAdapter, type EmbedSource, createEmbedSource } from './shared/embed';
-export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './location/types';
-export { type NominatimSourceOptions, createNominatimSource } from './location/nominatim';
-export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types';
-export { MissingFieldEntry } from './missing/MissingField';
-export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './file/FileField';
-export { FilePicker, type FilePickerProps } from './upload/FilePicker';
-export { UploadList, type UploadListProps } from './upload/UploadList';
-export { formatSize, matchesMime } from './upload/files';
-export { type UploadItem, type UploadItemStatus, type UploadRejection, type UploadSource, type UploadedFile, type Uploader, } from './upload/types';
-export { useRejectionMessage } from './upload/useRejectionMessage';
-export { type UseUploadsOptions, type UseUploadsResult, useUploads } from './upload/useUploads';
+export { DefinitionField, NestedField, type NestedFieldProps } from './shared/DefinitionField.js';
+export { builtInFields, fieldsPlugin } from './shared/builtIn.js';
+export { type BoundFieldProps, type FieldBinding, type FieldBindingProps, FieldsProvider, type FieldsContextValue, type FieldsProviderProps, getParentPath, useFieldsContext, } from './shared/context.js';
+export { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, isRequired, } from './shared/entry.js';
+export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, toReferences, useRelationReferences, } from './shared/relation.js';
+export { type FieldCheckAdapter, type FieldCheckSource, createFieldCheckSource, } from './shared/check.js';
+export { type EmbedAdapter, type EmbedSource, createEmbedSource } from './shared/embed.js';
+export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './location/types.js';
+export { type NominatimSourceOptions, createNominatimSource } from './location/nominatim.js';
+export type { FieldEntry, FieldEntryProps, FieldProps } from './shared/types.js';
+export { MissingFieldEntry } from './missing/MissingField.js';
+export { type FileFieldBaseProps, FileField, FileFieldEntry, type FileFieldProps, type FileValue, type MultipleFileFieldProps, type SingleFileFieldProps, isFileValue, toFiles, } from './file/FileField.js';
+export { FilePicker, type FilePickerProps } from './upload/FilePicker.js';
+export { UploadList, type UploadListProps } from './upload/UploadList.js';
+export { formatSize, matchesMime } from './upload/files.js';
+export { type UploadItem, type UploadItemStatus, type UploadRejection, type UploadSource, type UploadedFile, type Uploader, } from './upload/types.js';
+export { useRejectionMessage } from './upload/useRejectionMessage.js';
+export { type UseUploadsOptions, type UseUploadsResult, useUploads } from './upload/useUploads.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/json/JsonField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 /** The value of a `json` field: an object or an array, or the text while it doesn't parse. */
 export type JsonValue = Record<string, unknown> | unknown[] | string;
 export interface JsonFieldProps extends FieldProps<JsonValue> {

package/dist/json/index.d.ts

@@ -1,2 +1,2 @@
-export { JsonField, JsonFieldEntry, type JsonFieldProps, type JsonValue, parseJson, } from './JsonField';
+export { JsonField, JsonFieldEntry, type JsonFieldProps, type JsonValue, parseJson, } from './JsonField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/localized/LocalizedField.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 /** A localized value: a value per locale (`{ fr: 'Été', en: 'Summer' }`). */
 export type LocalizedValue<V> = Partial<Record<string, V | null>>;
 /** What `LocalizedField` gives the input of each locale. */

package/dist/localized/index.d.ts

@@ -1,2 +1,2 @@
-export { LocalizedField, LocalizedFieldEntry, type LocalizedFieldProps, type LocalizedInputProps, type LocalizedValue, useLocaleName, } from './LocalizedField';
+export { LocalizedField, LocalizedFieldEntry, type LocalizedFieldProps, type LocalizedInputProps, type LocalizedValue, useLocaleName, } from './LocalizedField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/location/LocationField.d.ts

@@ -1,7 +1,7 @@
 import type { LocationValue } from '@panneau/protocol';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
-import { type Point } from './LocationMap';
-import type { GeocodingSource, MapTiles } from './types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
+import { type Point } from './LocationMap.js';
+import type { GeocodingSource, MapTiles } from './types.js';
 export type { LocationValue };
 /** OpenStreetMap's standard tiles: fine for an admin panel, with their credit. */
 export declare const OPEN_STREET_MAP_TILES: MapTiles;

package/dist/location/LocationMap.d.ts

@@ -1,4 +1,4 @@
-import type { MapTiles } from './types';
+import type { MapTiles } from './types.js';
 export interface Point {
     lat: number;
     lng: number;

package/dist/location/index.d.ts

@@ -1,5 +1,5 @@
-export { LocationField, LocationFieldEntry, type LocationFieldProps, type LocationValue, OPEN_STREET_MAP_TILES, isLocation, } from './LocationField';
-export { LocationMap, type LocationMapProps, type Point } from './LocationMap';
-export { createNominatimSource, type NominatimSourceOptions } from './nominatim';
-export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './types';
+export { LocationField, LocationFieldEntry, type LocationFieldProps, type LocationValue, OPEN_STREET_MAP_TILES, isLocation, } from './LocationField.js';
+export { LocationMap, type LocationMapProps, type Point } from './LocationMap.js';
+export { createNominatimSource, type NominatimSourceOptions } from './nominatim.js';
+export type { GeocodingResult, GeocodingSource, MapTiles, MapsConfig } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/location/nominatim.d.ts

@@ -1,4 +1,4 @@
-import type { GeocodingSource } from './types';
+import type { GeocodingSource } from './types.js';
 export interface NominatimSourceOptions {
     /** The Nominatim server. Defaults to OpenStreetMap's, whose policy allows one request a second. */
     endpoint?: string;

package/dist/missing/MissingField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps } from '../shared/types';
+import type { FieldEntryProps } from '../shared/types.js';
 /**
  * The slot of a field type that no plugin provides, such as `richtext` and `media` without
  * `@panneau/editor` and `@panneau/media`: it keeps the field's place in the form and names the

package/dist/number/NumberField.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface NumberFieldProps extends FieldProps<number> {
     placeholder?: string;
     min?: number;

package/dist/number/index.d.ts

@@ -1,2 +1,2 @@
-export { NumberField, NumberFieldEntry, type NumberFieldProps } from './NumberField';
+export { NumberField, NumberFieldEntry, type NumberFieldProps } from './NumberField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/range/RangeField.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface RangeFieldProps extends FieldProps<number> {
     /** The start of the slider. Defaults to 0. */
     min?: number;

package/dist/range/index.d.ts

@@ -1,2 +1,2 @@
-export { RangeField, RangeFieldEntry, type RangeFieldProps } from './RangeField';
+export { RangeField, RangeFieldEntry, type RangeFieldProps } from './RangeField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/relation/RelationField.d.ts

@@ -1,5 +1,5 @@
-import { type RelationReference, type RelationSource } from '../shared/relation';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import { type RelationReference, type RelationSource } from '../shared/relation.js';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 /** Results of a search in a relation source, as it types. */
 export declare function useRelationSearch(source: RelationSource | null, resource: string, query: string, { enabled, delay }?: {
     enabled?: boolean;

package/dist/relation/index.d.ts

@@ -1,3 +1,3 @@
-export { type MultipleRelationFieldProps, type RelationFieldBaseProps, RelationField, RelationFieldEntry, type RelationFieldProps, type SingleRelationFieldProps, useRelationSearch, } from './RelationField';
-export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, useRelationReferences, } from '../shared/relation';
+export { type MultipleRelationFieldProps, type RelationFieldBaseProps, RelationField, RelationFieldEntry, type RelationFieldProps, type SingleRelationFieldProps, useRelationSearch, } from './RelationField.js';
+export { type RelationListAdapter, type RelationReference, type RelationSource, type RelationSourceOptions, createRelationSource, useRelationReferences, } from '../shared/relation.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/repeater/RepeaterField.d.ts

@@ -1,5 +1,5 @@
 import type { BlockType, Field } from '@panneau/protocol';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 /** An item of a repeater. Typed blocks have their type in `type`. */
 export type RepeaterItem = Record<string, unknown>;
 export interface RepeaterFieldProps extends FieldProps<RepeaterItem[]> {

package/dist/repeater/index.d.ts

@@ -1,2 +1,2 @@
-export { RepeaterField, RepeaterFieldEntry, type RepeaterFieldProps, type RepeaterItem, } from './RepeaterField';
+export { RepeaterField, RepeaterFieldEntry, type RepeaterFieldProps, type RepeaterItem, } from './RepeaterField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/select/SelectField.d.ts

@@ -1,6 +1,6 @@
 import type { Option } from '@panneau/protocol';
 import { type OptionValue } from '@panneau/ui';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export type { OptionValue };
 /** Props of both single and multiple select fields. */
 export interface SelectFieldBaseProps extends Omit<FieldProps<never>, 'value' | 'onChange'> {

package/dist/select/index.d.ts

@@ -1,2 +1,2 @@
-export { type MultipleSelectFieldProps, type SelectFieldBaseProps, type OptionValue, SelectField, SelectFieldEntry, type SelectFieldProps, type SingleSelectFieldProps, } from './SelectField';
+export { type MultipleSelectFieldProps, type SelectFieldBaseProps, type OptionValue, SelectField, SelectFieldEntry, type SelectFieldProps, type SingleSelectFieldProps, } from './SelectField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/shared/DefinitionField.d.ts

@@ -1,5 +1,5 @@
 import type { Field } from '@panneau/protocol';
-import type { FieldEntryProps } from './types';
+import type { FieldEntryProps } from './types.js';
 export interface NestedFieldProps {
     field: Field;
     /** Dot path of the field's value. */

package/dist/shared/builtIn.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntry } from './types';
+import type { FieldEntry } from './types.js';
 /**
  * The entries of the built-in field types. `richtext` and `media` come with their plugins
  * (`@panneau/editor` and `@panneau/media`): without them, `DefinitionField` renders a placeholder.

package/dist/shared/context.d.ts

@@ -1,11 +1,11 @@
 import { type ComponentType, type ReactNode } from 'react';
 import type { Field } from '@panneau/protocol';
-import type { MapsConfig } from '../location/types';
-import type { UploadSource } from '../upload/types';
-import type { FieldCheckSource } from './check';
-import type { EmbedSource } from './embed';
-import type { RelationSource } from './relation';
-import type { FieldEntry } from './types';
+import type { MapsConfig } from '../location/types.js';
+import type { UploadSource } from '../upload/types.js';
+import type { FieldCheckSource } from './check.js';
+import type { EmbedSource } from './embed.js';
+import type { RelationSource } from './relation.js';
+import type { FieldEntry } from './types.js';
 /** What a binding gives a field: its value, handlers and errors at a path. */
 export interface BoundFieldProps {
     value: unknown;

package/dist/shared/entry.d.ts

@@ -1,5 +1,5 @@
 import type { Field, Rule } from '@panneau/protocol';
-import type { FieldEntryProps, FieldProps } from './types';
+import type { FieldEntryProps, FieldProps } from './types.js';
 /** The rule of a field with this name, if any. */
 export declare function findRule(field: Field, rule: Rule['rule']): Rule | undefined;
 /** The number of a `min` or `max` rule of a field, if any. */
@@ -9,6 +9,7 @@ export declare function isRequired(field: Field): boolean;
 /** A setting of a field (`settings.<name>`), when it has the expected type. */
 export declare function getSetting<T>(field: Field, name: string, guard: (value: unknown) => value is T): T | undefined;
 export declare const isString: (value: unknown) => value is string;
+export declare const isBoolean: (value: unknown) => value is boolean;
 export declare const isNumber: (value: unknown) => value is number;
 /**
  * The props that every field takes, from a registry entry's props: label (the field's name

package/dist/shared/entry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entry.d.ts","sourceRoot":"","sources":["../../src/shared/entry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE3D,kDAAkD;AAClD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAE3E;AAED,8DAA8D;AAC9D,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAKnF;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAEhD;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,IAAI,CAAC,iBAG9F;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAAmC,CAAC;AACvF,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MACE,CAAC;AAEtD;;;;GAIG;AACH,wBAAgB,aAAa,CACzB,KAAK,EAAE,eAAe,GACvB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAe1E;AAED,wCAAwC;AACxC,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAEtD;AAED,+FAA+F;AAC/F,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,GAAG,IAAI,CAQvD;AAED,iEAAiE;AACjE,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAGtD"}
+{"version":3,"file":"entry.d.ts","sourceRoot":"","sources":["../../src/shared/entry.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE3D,kDAAkD;AAClD,wBAAgB,QAAQ,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,SAAS,CAE3E;AAED,8DAA8D;AAC9D,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAKnF;AAED,+CAA+C;AAC/C,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,OAAO,CAEhD;AAED,+EAA+E;AAC/E,wBAAgB,UAAU,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,KAAK,IAAI,CAAC,iBAG9F;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MAAmC,CAAC;AACvF,eAAO,MAAM,SAAS,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,OAAqC,CAAC;AAC1F,eAAO,MAAM,QAAQ,GAAI,OAAO,OAAO,KAAG,KAAK,IAAI,MACE,CAAC;AAEtD;;;;GAIG;AACH,wBAAgB,aAAa,CACzB,KAAK,EAAE,eAAe,GACvB,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAe1E;AAED,wCAAwC;AACxC,wBAAgB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAEtD;AAED,+FAA+F;AAC/F,wBAAgB,SAAS,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,GAAG,IAAI,CAQvD;AAED,iEAAiE;AACjE,wBAAgB,UAAU,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,CAGtD"}

package/dist/shared/entry.js

@@ -18,6 +18,7 @@ function getSetting(field, name, guard) {
 	return guard(value) ? value : void 0;
 }
 var isString = (value) => typeof value === "string";
+var isBoolean = (value) => typeof value === "boolean";
 var isNumber = (value) => typeof value === "number" && !Number.isNaN(value);
 /**
 * The props that every field takes, from a registry entry's props: label (the field's name
@@ -51,6 +52,6 @@ function getMaxSize(field) {
 	return rule !== void 0 && "value" in rule && isNumber(rule.value) ? rule.value : null;
 }
 //#endregion
-export { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, getSetting, isNumber, isRequired, isString };
+export { findRule, getAccept, getFieldProps, getMaxSize, getRuleNumber, getSetting, isBoolean, isNumber, isRequired, isString };
 
 //# sourceMappingURL=entry.js.map

package/dist/shared/entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"entry.js","names":["Field","Rule","FieldEntryProps","FieldProps","findRule","field","rule","rules","find","candidate","getRuleNumber","found","undefined","value","isRequired","getSetting","name","guard","T","settings","isString","isNumber","Number","isNaN","getFieldProps","props","Omit","placeholder","path","label","description","help","required","readOnly","disabled","errors","onBlur","className","asString","getAccept","accept","length","Array","isArray","filter","getMaxSize"],"sources":["../../src/shared/entry.ts"],"sourcesContent":["import type { Field, Rule } from '@panneau/protocol';\n\nimport type { FieldEntryProps, FieldProps } from './types';\n\n/** The rule of a field with this name, if any. */\nexport function findRule(field: Field, rule: Rule['rule']): Rule | undefined {\n    return field.rules?.find((candidate) => candidate.rule === rule);\n}\n\n/** The number of a `min` or `max` rule of a field, if any. */\nexport function getRuleNumber(field: Field, rule: 'min' | 'max'): number | undefined {\n    const found = findRule(field, rule);\n    return found !== undefined && 'value' in found && typeof found.value === 'number'\n        ? found.value\n        : undefined;\n}\n\n/** Whether a field has the `required` rule. */\nexport function isRequired(field: Field): boolean {\n    return findRule(field, 'required') !== undefined;\n}\n\n/** A setting of a field (`settings.<name>`), when it has the expected type. */\nexport function getSetting<T>(field: Field, name: string, guard: (value: unknown) => value is T) {\n    const value = field.settings?.[name];\n    return guard(value) ? value : undefined;\n}\n\nexport const isString = (value: unknown): value is string => typeof value === 'string';\nexport const isNumber = (value: unknown): value is number =>\n    typeof value === 'number' && !Number.isNaN(value);\n\n/**\n * The props that every field takes, from a registry entry's props: label (the field's name\n * without one), help, required mark, read-only, errors and handlers. Plugins use it to write their\n * own entries.\n */\nexport function getFieldProps(\n    props: FieldEntryProps,\n): Omit<FieldProps<never>, 'value' | 'onChange'> & { placeholder?: string } {\n    const { field } = props;\n    return {\n        name: props.path,\n        // A field always has a label: its name when the definition gives none.\n        label: field.label ?? field.name,\n        description: field.help,\n        ...(field.placeholder !== undefined ? { placeholder: field.placeholder } : {}),\n        required: isRequired(field),\n        readOnly: props.readOnly === true || field.readOnly === true,\n        disabled: props.disabled === true,\n        errors: props.errors ?? [],\n        ...(props.onBlur !== undefined ? { onBlur: props.onBlur } : {}),\n        ...(props.className !== undefined ? { className: props.className } : {}),\n    };\n}\n\n/** The value as a string, or `null`. */\nexport function asString(value: unknown): string | null {\n    return typeof value === 'string' ? value : null;\n}\n\n/** The accepted MIME types of a field that takes files: its `accept`, or its `accept` rule. */\nexport function getAccept(field: Field): string[] | null {\n    if (field.accept !== undefined && field.accept.length > 0) {\n        return field.accept;\n    }\n    const rule = findRule(field, 'accept');\n    return rule !== undefined && 'value' in rule && Array.isArray(rule.value)\n        ? rule.value.filter(isString)\n        : null;\n}\n\n/** The largest file of a field, in bytes: its `maxSize` rule. */\nexport function getMaxSize(field: Field): number | null {\n    const rule = findRule(field, 'maxSize');\n    return rule !== undefined && 'value' in rule && isNumber(rule.value) ? rule.value : null;\n}\n"],"mappings":";;AAKA,SAAgBI,SAASC,OAAcC,MAAsC;CACzE,OAAOD,MAAME,OAAOC,MAAMC,cAAcA,UAAUH,SAASA,IAAI;AACnE;;AAGA,SAAgBI,cAAcL,OAAcC,MAAyC;CACjF,MAAMK,QAAQP,SAASC,OAAOC,IAAI;CAClC,OAAOK,UAAUC,KAAAA,KAAa,WAAWD,SAAS,OAAOA,MAAME,UAAU,WACnEF,MAAME,QACND,KAAAA;AACV;;AAGA,SAAgBE,WAAWT,OAAuB;CAC9C,OAAOD,SAASC,OAAO,UAAU,MAAMO,KAAAA;AAC3C;;AAGA,SAAgBG,WAAcV,OAAcW,MAAcC,OAAuC;CAC7F,MAAMJ,QAAQR,MAAMc,WAAWH;CAC/B,OAAOC,MAAMJ,KAAK,IAAIA,QAAQD,KAAAA;AAClC;AAEA,IAAaQ,YAAYP,UAAoC,OAAOA,UAAU;AAC9E,IAAaQ,YAAYR,UACrB,OAAOA,UAAU,YAAY,CAACS,OAAOC,MAAMV,KAAK;;;;;;AAOpD,SAAgBW,cACZC,OACwE;CACxE,MAAM,EAAEpB,UAAUoB;CAClB,OAAO;EACHT,MAAMS,MAAMG;EAEZC,OAAOxB,MAAMwB,SAASxB,MAAMW;EAC5Bc,aAAazB,MAAM0B;EACnB,GAAI1B,MAAMsB,gBAAgBf,KAAAA,IAAY,EAAEe,aAAatB,MAAMsB,YAAY,IAAI,CAAC;EAC5EK,UAAUlB,WAAWT,KAAK;EAC1B4B,UAAUR,MAAMQ,aAAa,QAAQ5B,MAAM4B,aAAa;EACxDC,UAAUT,MAAMS,aAAa;EAC7BC,QAAQV,MAAMU,UAAU,CAAA;EACxB,GAAIV,MAAMW,WAAWxB,KAAAA,IAAY,EAAEwB,QAAQX,MAAMW,OAAO,IAAI,CAAC;EAC7D,GAAIX,MAAMY,cAAczB,KAAAA,IAAY,EAAEyB,WAAWZ,MAAMY,UAAU,IAAI,CAAC;CAC1E;AACJ;;AAQA,SAAgBE,UAAUlC,OAA+B;CACrD,IAAIA,MAAMmC,WAAW5B,KAAAA,KAAaP,MAAMmC,OAAOC,SAAS,GACpD,OAAOpC,MAAMmC;CAEjB,MAAMlC,OAAOF,SAASC,OAAO,QAAQ;CACrC,OAAOC,SAASM,KAAAA,KAAa,WAAWN,QAAQoC,MAAMC,QAAQrC,KAAKO,KAAK,IAClEP,KAAKO,MAAM+B,OAAOxB,QAAQ,IAC1B;AACV;;AAGA,SAAgByB,WAAWxC,OAA6B;CACpD,MAAMC,OAAOF,SAASC,OAAO,SAAS;CACtC,OAAOC,SAASM,KAAAA,KAAa,WAAWN,QAAQe,SAASf,KAAKO,KAAK,IAAIP,KAAKO,QAAQ;AACxF"}
+{"version":3,"file":"entry.js","names":["Field","Rule","FieldEntryProps","FieldProps","findRule","field","rule","rules","find","candidate","getRuleNumber","found","undefined","value","isRequired","getSetting","name","guard","T","settings","isString","isBoolean","isNumber","Number","isNaN","getFieldProps","props","Omit","placeholder","path","label","description","help","required","readOnly","disabled","errors","onBlur","className","asString","getAccept","accept","length","Array","isArray","filter","getMaxSize"],"sources":["../../src/shared/entry.ts"],"sourcesContent":["import type { Field, Rule } from '@panneau/protocol';\n\nimport type { FieldEntryProps, FieldProps } from './types';\n\n/** The rule of a field with this name, if any. */\nexport function findRule(field: Field, rule: Rule['rule']): Rule | undefined {\n    return field.rules?.find((candidate) => candidate.rule === rule);\n}\n\n/** The number of a `min` or `max` rule of a field, if any. */\nexport function getRuleNumber(field: Field, rule: 'min' | 'max'): number | undefined {\n    const found = findRule(field, rule);\n    return found !== undefined && 'value' in found && typeof found.value === 'number'\n        ? found.value\n        : undefined;\n}\n\n/** Whether a field has the `required` rule. */\nexport function isRequired(field: Field): boolean {\n    return findRule(field, 'required') !== undefined;\n}\n\n/** A setting of a field (`settings.<name>`), when it has the expected type. */\nexport function getSetting<T>(field: Field, name: string, guard: (value: unknown) => value is T) {\n    const value = field.settings?.[name];\n    return guard(value) ? value : undefined;\n}\n\nexport const isString = (value: unknown): value is string => typeof value === 'string';\nexport const isBoolean = (value: unknown): value is boolean => typeof value === 'boolean';\nexport const isNumber = (value: unknown): value is number =>\n    typeof value === 'number' && !Number.isNaN(value);\n\n/**\n * The props that every field takes, from a registry entry's props: label (the field's name\n * without one), help, required mark, read-only, errors and handlers. Plugins use it to write their\n * own entries.\n */\nexport function getFieldProps(\n    props: FieldEntryProps,\n): Omit<FieldProps<never>, 'value' | 'onChange'> & { placeholder?: string } {\n    const { field } = props;\n    return {\n        name: props.path,\n        // A field always has a label: its name when the definition gives none.\n        label: field.label ?? field.name,\n        description: field.help,\n        ...(field.placeholder !== undefined ? { placeholder: field.placeholder } : {}),\n        required: isRequired(field),\n        readOnly: props.readOnly === true || field.readOnly === true,\n        disabled: props.disabled === true,\n        errors: props.errors ?? [],\n        ...(props.onBlur !== undefined ? { onBlur: props.onBlur } : {}),\n        ...(props.className !== undefined ? { className: props.className } : {}),\n    };\n}\n\n/** The value as a string, or `null`. */\nexport function asString(value: unknown): string | null {\n    return typeof value === 'string' ? value : null;\n}\n\n/** The accepted MIME types of a field that takes files: its `accept`, or its `accept` rule. */\nexport function getAccept(field: Field): string[] | null {\n    if (field.accept !== undefined && field.accept.length > 0) {\n        return field.accept;\n    }\n    const rule = findRule(field, 'accept');\n    return rule !== undefined && 'value' in rule && Array.isArray(rule.value)\n        ? rule.value.filter(isString)\n        : null;\n}\n\n/** The largest file of a field, in bytes: its `maxSize` rule. */\nexport function getMaxSize(field: Field): number | null {\n    const rule = findRule(field, 'maxSize');\n    return rule !== undefined && 'value' in rule && isNumber(rule.value) ? rule.value : null;\n}\n"],"mappings":";;AAKA,SAAgBI,SAASC,OAAcC,MAAsC;CACzE,OAAOD,MAAME,OAAOC,MAAMC,cAAcA,UAAUH,SAASA,IAAI;AACnE;;AAGA,SAAgBI,cAAcL,OAAcC,MAAyC;CACjF,MAAMK,QAAQP,SAASC,OAAOC,IAAI;CAClC,OAAOK,UAAUC,KAAAA,KAAa,WAAWD,SAAS,OAAOA,MAAME,UAAU,WACnEF,MAAME,QACND,KAAAA;AACV;;AAGA,SAAgBE,WAAWT,OAAuB;CAC9C,OAAOD,SAASC,OAAO,UAAU,MAAMO,KAAAA;AAC3C;;AAGA,SAAgBG,WAAcV,OAAcW,MAAcC,OAAuC;CAC7F,MAAMJ,QAAQR,MAAMc,WAAWH;CAC/B,OAAOC,MAAMJ,KAAK,IAAIA,QAAQD,KAAAA;AAClC;AAEA,IAAaQ,YAAYP,UAAoC,OAAOA,UAAU;AAC9E,IAAaQ,aAAaR,UAAqC,OAAOA,UAAU;AAChF,IAAaS,YAAYT,UACrB,OAAOA,UAAU,YAAY,CAACU,OAAOC,MAAMX,KAAK;;;;;;AAOpD,SAAgBY,cACZC,OACwE;CACxE,MAAM,EAAErB,UAAUqB;CAClB,OAAO;EACHV,MAAMU,MAAMG;EAEZC,OAAOzB,MAAMyB,SAASzB,MAAMW;EAC5Be,aAAa1B,MAAM2B;EACnB,GAAI3B,MAAMuB,gBAAgBhB,KAAAA,IAAY,EAAEgB,aAAavB,MAAMuB,YAAY,IAAI,CAAC;EAC5EK,UAAUnB,WAAWT,KAAK;EAC1B6B,UAAUR,MAAMQ,aAAa,QAAQ7B,MAAM6B,aAAa;EACxDC,UAAUT,MAAMS,aAAa;EAC7BC,QAAQV,MAAMU,UAAU,CAAA;EACxB,GAAIV,MAAMW,WAAWzB,KAAAA,IAAY,EAAEyB,QAAQX,MAAMW,OAAO,IAAI,CAAC;EAC7D,GAAIX,MAAMY,cAAc1B,KAAAA,IAAY,EAAE0B,WAAWZ,MAAMY,UAAU,IAAI,CAAC;CAC1E;AACJ;;AAQA,SAAgBE,UAAUnC,OAA+B;CACrD,IAAIA,MAAMoC,WAAW7B,KAAAA,KAAaP,MAAMoC,OAAOC,SAAS,GACpD,OAAOrC,MAAMoC;CAEjB,MAAMnC,OAAOF,SAASC,OAAO,QAAQ;CACrC,OAAOC,SAASM,KAAAA,KAAa,WAAWN,QAAQqC,MAAMC,QAAQtC,KAAKO,KAAK,IAClEP,KAAKO,MAAMgC,OAAOzB,QAAQ,IAC1B;AACV;;AAGA,SAAgB0B,WAAWzC,OAA6B;CACpD,MAAMC,OAAOF,SAASC,OAAO,SAAS;CACtC,OAAOC,SAASM,KAAAA,KAAa,WAAWN,QAAQgB,SAAShB,KAAKO,KAAK,IAAIP,KAAKO,QAAQ;AACxF"}

package/dist/slug/SlugField.d.ts

@@ -1,6 +1,6 @@
 import type { FieldCheckResponse } from '@panneau/protocol';
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 /**
  * Turns a text into a slug: lowercase ASCII letters and digits separated by dashes, without
  * accents (`Été à Montréal` gives `ete-a-montreal`).

package/dist/slug/index.d.ts

@@ -1,2 +1,2 @@
-export { SlugField, SlugFieldEntry, type SlugCheck, type SlugFieldProps, slugify, sourceText, } from './SlugField';
+export { SlugField, SlugFieldEntry, type SlugCheck, type SlugFieldProps, slugify, sourceText, } from './SlugField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/tags/TagsField.d.ts

@@ -1,5 +1,5 @@
 import { type TagSuggestion } from '@panneau/ui';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface TagsFieldProps extends FieldProps<string[]> {
     placeholder?: string;
     /** Tags offered as the user types. */

package/dist/tags/index.d.ts

@@ -1,2 +1,2 @@
-export { TagsField, TagsFieldEntry, type TagsFieldProps } from './TagsField';
+export { TagsField, TagsFieldEntry, type TagsFieldProps } from './TagsField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/tel/TelField.d.ts

@@ -1,5 +1,5 @@
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 export type TelFieldProps = Omit<TextFieldProps, 'type' | 'inputMode'>;
 /**
  * A phone number, as typed, with the phone keyboard on phones. Spaces around it are removed on

package/dist/tel/index.d.ts

@@ -1,2 +1,2 @@
-export { TelField, TelFieldEntry, type TelFieldProps } from './TelField';
+export { TelField, TelFieldEntry, type TelFieldProps } from './TelField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/text/TextField.d.ts

@@ -1,5 +1,5 @@
-import type { ReactNode } from 'react';
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import { type ReactNode } from 'react';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface TextFieldProps extends FieldProps<string> {
     placeholder?: string;
     /** Shows a count of characters against this maximum. It doesn't stop typing. */
@@ -12,13 +12,21 @@ export interface TextFieldProps extends FieldProps<string> {
     type?: 'text' | 'email' | 'url' | 'tel' | 'password' | 'search';
     inputMode?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'numeric' | 'decimal' | 'none';
     autoComplete?: string;
+    /**
+     * A secret, such as an access key: typed in a password input, hidden until a button shows it,
+     * and never filled in by the browser.
+     */
+    secret?: boolean;
     controlClassName?: string;
     inputClassName?: string;
 }
 /** The description of a text field, with its character count. */
 export declare function useCountedDescription(description: ReactNode, value: string | null | undefined, maxLength: number | undefined): ReactNode;
 /** A single-line text. An empty text is `null`. */
-export declare function TextField({ value, onChange, description, maxLength, disabled, readOnly, required, ...props }: TextFieldProps): import("react").JSX.Element;
-/** The `text` type: settings `prefix` and `suffix`, and a character count from the `max` rule. */
+export declare function TextField({ value, onChange, description, maxLength, disabled, readOnly, required, secret, ...props }: TextFieldProps): import("react").JSX.Element;
+/**
+ * The `text` type: settings `prefix`, `suffix` and `secret`, and a character count from the `max`
+ * rule.
+ */
 export declare function TextFieldEntry(props: FieldEntryProps): import("react").JSX.Element;
 //# sourceMappingURL=TextField.d.ts.map

package/dist/text/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/text/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,MAAM,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iEAAiE;AACjE,wBAAgB,qBAAqB,CACjC,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,SAAS,EAAE,MAAM,GAAG,SAAS,GAC9B,SAAS,CAiBX;AAED,mDAAmD;AACnD,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,cAAc,+BAahB;AAED,kGAAkG;AAClG,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAepD"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/text/TextField.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAMjD,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAEnE,MAAM,WAAW,cAAe,SAAQ,UAAU,CAAC,MAAM,CAAC;IACtD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,QAAQ,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,iEAAiE;AACjE,wBAAgB,qBAAqB,CACjC,WAAW,EAAE,SAAS,EACtB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAChC,SAAS,EAAE,MAAM,GAAG,SAAS,GAC9B,SAAS,CAiBX;AAED,mDAAmD;AACnD,wBAAgB,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAc,EACd,GAAG,KAAK,EACX,EAAE,cAAc,+BAkChB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,eAAe,+BAiBpD"}

package/dist/text/TextField.js

@@ -1,8 +1,10 @@
-import { getFieldProps, getRuleNumber, getSetting, isString } from "../shared/entry.js";
+import { getFieldProps, getRuleNumber, getSetting, isBoolean, isString } from "../shared/entry.js";
 import { messages } from "../shared/messages.js";
 import { c } from "react/compiler-runtime";
-import { TextInput, usePanneauIntl } from "@panneau/ui";
+import { IconButton, TextInput, usePanneauIntl } from "@panneau/ui";
+import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Eye, EyeOff } from "lucide-react";
 //#region src/text/TextField.tsx
 /** The description of a text field, with its character count. */
 function useCountedDescription(description, value, maxLength) {
@@ -43,7 +45,7 @@ function useCountedDescription(description, value, maxLength) {
 }
 /** A single-line text. An empty text is `null`. */
 function TextField(t0) {
-	const $ = c(19);
+	const $ = c(26);
 	let description;
 	let disabled;
 	let maxLength;
@@ -51,9 +53,10 @@ function TextField(t0) {
 	let props;
 	let readOnly;
 	let required;
+	let t1;
 	let value;
 	if ($[0] !== t0) {
-		({value, onChange, description, maxLength, disabled, readOnly, required, ...props} = t0);
+		({value, onChange, description, maxLength, disabled, readOnly, required, secret: t1, ...props} = t0);
 		$[0] = t0;
 		$[1] = description;
 		$[2] = disabled;
@@ -62,7 +65,8 @@ function TextField(t0) {
 		$[5] = props;
 		$[6] = readOnly;
 		$[7] = required;
-		$[8] = value;
+		$[8] = t1;
+		$[9] = value;
 	} else {
 		description = $[1];
 		disabled = $[2];
@@ -71,41 +75,72 @@ function TextField(t0) {
 		props = $[5];
 		readOnly = $[6];
 		required = $[7];
-		value = $[8];
+		t1 = $[8];
+		value = $[9];
 	}
+	const secret = t1 === void 0 ? false : t1;
+	const intl = usePanneauIntl();
 	const shownDescription = useCountedDescription(description, value, maxLength);
-	const t1 = value ?? "";
+	const [shown, setShown] = useState(false);
 	let t2;
-	if ($[9] !== onChange) {
-		t2 = (next) => onChange?.(next === "" ? null : next);
-		$[9] = onChange;
-		$[10] = t2;
-	} else t2 = $[10];
-	let t3;
-	if ($[11] !== disabled || $[12] !== props || $[13] !== readOnly || $[14] !== required || $[15] !== shownDescription || $[16] !== t1 || $[17] !== t2) {
-		t3 = /* @__PURE__ */ jsx(TextInput, {
+	if ($[10] !== disabled || $[11] !== intl || $[12] !== secret || $[13] !== shown) {
+		t2 = secret ? {
+			type: shown ? "text" : "password",
+			autoComplete: "new-password",
+			spellCheck: "false",
+			suffix: /* @__PURE__ */ jsx(IconButton, {
+				icon: shown ? EyeOff : Eye,
+				label: intl.formatMessage(shown ? messages.hideSecret : messages.showSecret),
+				size: "sm",
+				"aria-pressed": shown,
+				isDisabled: disabled,
+				onPress: () => setShown(!shown)
+			})
+		} : {};
+		$[10] = disabled;
+		$[11] = intl;
+		$[12] = secret;
+		$[13] = shown;
+		$[14] = t2;
+	} else t2 = $[14];
+	const secretProps = t2;
+	const t3 = value ?? "";
+	let t4;
+	if ($[15] !== onChange) {
+		t4 = (next) => onChange?.(next === "" ? null : next);
+		$[15] = onChange;
+		$[16] = t4;
+	} else t4 = $[16];
+	let t5;
+	if ($[17] !== disabled || $[18] !== props || $[19] !== readOnly || $[20] !== required || $[21] !== secretProps || $[22] !== shownDescription || $[23] !== t3 || $[24] !== t4) {
+		t5 = /* @__PURE__ */ jsx(TextInput, {
 			...props,
-			value: t1,
-			onChange: t2,
+			...secretProps,
+			value: t3,
+			onChange: t4,
 			description: shownDescription,
 			isDisabled: disabled,
 			isReadOnly: readOnly,
 			isRequired: required
 		});
-		$[11] = disabled;
-		$[12] = props;
-		$[13] = readOnly;
-		$[14] = required;
-		$[15] = shownDescription;
-		$[16] = t1;
-		$[17] = t2;
-		$[18] = t3;
-	} else t3 = $[18];
-	return t3;
+		$[17] = disabled;
+		$[18] = props;
+		$[19] = readOnly;
+		$[20] = required;
+		$[21] = secretProps;
+		$[22] = shownDescription;
+		$[23] = t3;
+		$[24] = t4;
+		$[25] = t5;
+	} else t5 = $[25];
+	return t5;
 }
-/** The `text` type: settings `prefix` and `suffix`, and a character count from the `max` rule. */
+/**
+* The `text` type: settings `prefix`, `suffix` and `secret`, and a character count from the `max`
+* rule.
+*/
 function TextFieldEntry(props) {
-	const $ = c(21);
+	const $ = c(24);
 	const { field } = props;
 	let t0;
 	if ($[0] !== field) {
@@ -129,49 +164,58 @@ function TextFieldEntry(props) {
 	} else t2 = $[5];
 	const max = t2;
 	let t3;
-	if ($[6] !== props) {
-		t3 = getFieldProps(props);
-		$[6] = props;
+	if ($[6] !== field) {
+		t3 = getSetting(field, "secret", isBoolean) ?? false;
+		$[6] = field;
 		$[7] = t3;
 	} else t3 = $[7];
-	const t4 = isString(props.value) ? props.value : null;
-	let t5;
-	if ($[8] !== max) {
-		t5 = max !== void 0 ? { maxLength: max } : {};
-		$[8] = max;
-		$[9] = t5;
-	} else t5 = $[9];
+	const secret = t3;
+	let t4;
+	if ($[8] !== props) {
+		t4 = getFieldProps(props);
+		$[8] = props;
+		$[9] = t4;
+	} else t4 = $[9];
+	const t5 = isString(props.value) ? props.value : null;
 	let t6;
-	if ($[10] !== prefix) {
-		t6 = prefix !== void 0 ? { prefix } : {};
-		$[10] = prefix;
+	if ($[10] !== max) {
+		t6 = max !== void 0 ? { maxLength: max } : {};
+		$[10] = max;
 		$[11] = t6;
 	} else t6 = $[11];
 	let t7;
-	if ($[12] !== suffix) {
-		t7 = suffix !== void 0 ? { suffix } : {};
-		$[12] = suffix;
+	if ($[12] !== prefix) {
+		t7 = prefix !== void 0 ? { prefix } : {};
+		$[12] = prefix;
 		$[13] = t7;
 	} else t7 = $[13];
 	let t8;
-	if ($[14] !== props.onChange || $[15] !== t3 || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 || $[19] !== t7) {
-		t8 = /* @__PURE__ */ jsx(TextField, {
-			...t3,
-			value: t4,
+	if ($[14] !== suffix) {
+		t8 = suffix !== void 0 ? { suffix } : {};
+		$[14] = suffix;
+		$[15] = t8;
+	} else t8 = $[15];
+	let t9;
+	if ($[16] !== props.onChange || $[17] !== secret || $[18] !== t4 || $[19] !== t5 || $[20] !== t6 || $[21] !== t7 || $[22] !== t8) {
+		t9 = /* @__PURE__ */ jsx(TextField, {
+			...t4,
+			value: t5,
 			onChange: props.onChange,
-			...t5,
 			...t6,
-			...t7
+			...t7,
+			...t8,
+			secret
 		});
-		$[14] = props.onChange;
-		$[15] = t3;
-		$[16] = t4;
-		$[17] = t5;
-		$[18] = t6;
-		$[19] = t7;
-		$[20] = t8;
-	} else t8 = $[20];
-	return t8;
+		$[16] = props.onChange;
+		$[17] = secret;
+		$[18] = t4;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
+	} else t9 = $[23];
+	return t9;
 }
 //#endregion
 export { TextField, TextFieldEntry, useCountedDescription };

package/dist/text/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","names":["ReactNode","TextInput","usePanneauIntl","getFieldProps","getRuleNumber","getSetting","isString","messages","FieldEntryProps","FieldProps","TextFieldProps","placeholder","maxLength","prefix","suffix","type","inputMode","autoComplete","controlClassName","inputClassName","useCountedDescription","description","value","$","_c","intl","undefined","t0","formatMessage","characterCount","count","length","max","t1","t2","TextField","disabled","onChange","props","readOnly","required","shownDescription","next","t3","TextFieldEntry","field","t4","t5","t6","t7","t8","_c","_Fragment"],"sources":["../../src/text/TextField.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { TextInput, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getRuleNumber, getSetting, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface TextFieldProps extends FieldProps<string> {\n    placeholder?: string;\n    /** Shows a count of characters against this maximum. It doesn't stop typing. */\n    maxLength?: number;\n    /** Content before the text, inside the control. */\n    prefix?: ReactNode;\n    /** Content after the text, inside the control. */\n    suffix?: ReactNode;\n    /** Type of the input. Defaults to `text`. */\n    type?: 'text' | 'email' | 'url' | 'tel' | 'password' | 'search';\n    inputMode?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'numeric' | 'decimal' | 'none';\n    autoComplete?: string;\n    controlClassName?: string;\n    inputClassName?: string;\n}\n\n/** The description of a text field, with its character count. */\nexport function useCountedDescription(\n    description: ReactNode,\n    value: string | null | undefined,\n    maxLength: number | undefined,\n): ReactNode {\n    const intl = usePanneauIntl();\n    if (maxLength === undefined) {\n        return description;\n    }\n    const count = intl.formatMessage(messages.characterCount, {\n        count: (value ?? '').length,\n        max: maxLength,\n    });\n    if (description === undefined || description === null) {\n        return count;\n    }\n    return (\n        <>\n            {description} <span>{count}</span>\n        </>\n    );\n}\n\n/** A single-line text. An empty text is `null`. */\nexport function TextField({\n    value,\n    onChange,\n    description,\n    maxLength,\n    disabled,\n    readOnly,\n    required,\n    ...props\n}: TextFieldProps) {\n    const shownDescription = useCountedDescription(description, value, maxLength);\n    return (\n        <TextInput\n            {...props}\n            value={value ?? ''}\n            onChange={(next) => onChange?.(next === '' ? null : next)}\n            description={shownDescription}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/** The `text` type: settings `prefix` and `suffix`, and a character count from the `max` rule. */\nexport function TextFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const prefix = getSetting(field, 'prefix', isString);\n    const suffix = getSetting(field, 'suffix', isString);\n    const max = getRuleNumber(field, 'max');\n    return (\n        <TextField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(max !== undefined ? { maxLength: max } : {})}\n            {...(prefix !== undefined ? { prefix } : {})}\n            {...(suffix !== undefined ? { suffix } : {})}\n        />\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TextField.js","names":["Eye","EyeOff","ReactNode","useState","IconButton","TextInput","usePanneauIntl","getFieldProps","getRuleNumber","getSetting","isBoolean","isString","messages","FieldEntryProps","FieldProps","TextFieldProps","placeholder","maxLength","prefix","suffix","type","inputMode","autoComplete","secret","controlClassName","inputClassName","useCountedDescription","description","value","$","_c","intl","undefined","t0","formatMessage","characterCount","count","length","max","t1","t2","TextField","disabled","onChange","props","readOnly","required","shownDescription","shown","setShown","const","spellCheck","hideSecret","showSecret","secretProps","t3","t4","next","t5","TextFieldEntry","field","t6","t7","t8","t9","_c","_Fragment"],"sources":["../../src/text/TextField.tsx"],"sourcesContent":["import { Eye, EyeOff } from 'lucide-react';\nimport { type ReactNode, useState } from 'react';\n\nimport { IconButton, TextInput, usePanneauIntl } from '@panneau/ui';\n\nimport { getFieldProps, getRuleNumber, getSetting, isBoolean, isString } from '../shared/entry';\nimport { messages } from '../shared/messages';\nimport type { FieldEntryProps, FieldProps } from '../shared/types';\n\nexport interface TextFieldProps extends FieldProps<string> {\n    placeholder?: string;\n    /** Shows a count of characters against this maximum. It doesn't stop typing. */\n    maxLength?: number;\n    /** Content before the text, inside the control. */\n    prefix?: ReactNode;\n    /** Content after the text, inside the control. */\n    suffix?: ReactNode;\n    /** Type of the input. Defaults to `text`. */\n    type?: 'text' | 'email' | 'url' | 'tel' | 'password' | 'search';\n    inputMode?: 'text' | 'email' | 'url' | 'tel' | 'search' | 'numeric' | 'decimal' | 'none';\n    autoComplete?: string;\n    /**\n     * A secret, such as an access key: typed in a password input, hidden until a button shows it,\n     * and never filled in by the browser.\n     */\n    secret?: boolean;\n    controlClassName?: string;\n    inputClassName?: string;\n}\n\n/** The description of a text field, with its character count. */\nexport function useCountedDescription(\n    description: ReactNode,\n    value: string | null | undefined,\n    maxLength: number | undefined,\n): ReactNode {\n    const intl = usePanneauIntl();\n    if (maxLength === undefined) {\n        return description;\n    }\n    const count = intl.formatMessage(messages.characterCount, {\n        count: (value ?? '').length,\n        max: maxLength,\n    });\n    if (description === undefined || description === null) {\n        return count;\n    }\n    return (\n        <>\n            {description} <span>{count}</span>\n        </>\n    );\n}\n\n/** A single-line text. An empty text is `null`. */\nexport function TextField({\n    value,\n    onChange,\n    description,\n    maxLength,\n    disabled,\n    readOnly,\n    required,\n    secret = false,\n    ...props\n}: TextFieldProps) {\n    const intl = usePanneauIntl();\n    const shownDescription = useCountedDescription(description, value, maxLength);\n    const [shown, setShown] = useState(false);\n    const secretProps = secret\n        ? {\n              type: shown ? ('text' as const) : ('password' as const),\n              // Keeps password managers from filling in the user's own password\n              autoComplete: 'new-password',\n              spellCheck: 'false',\n              suffix: (\n                  <IconButton\n                      icon={shown ? EyeOff : Eye}\n                      label={intl.formatMessage(shown ? messages.hideSecret : messages.showSecret)}\n                      size=\"sm\"\n                      aria-pressed={shown}\n                      isDisabled={disabled}\n                      onPress={() => setShown(!shown)}\n                  />\n              ),\n          }\n        : {};\n    return (\n        <TextInput\n            {...props}\n            {...secretProps}\n            value={value ?? ''}\n            onChange={(next) => onChange?.(next === '' ? null : next)}\n            description={shownDescription}\n            isDisabled={disabled}\n            isReadOnly={readOnly}\n            isRequired={required}\n        />\n    );\n}\n\n/**\n * The `text` type: settings `prefix`, `suffix` and `secret`, and a character count from the `max`\n * rule.\n */\nexport function TextFieldEntry(props: FieldEntryProps) {\n    const { field } = props;\n    const prefix = getSetting(field, 'prefix', isString);\n    const suffix = getSetting(field, 'suffix', isString);\n    const max = getRuleNumber(field, 'max');\n    const secret = getSetting(field, 'secret', isBoolean) ?? false;\n    return (\n        <TextField\n            {...getFieldProps(props)}\n            value={isString(props.value) ? props.value : null}\n            onChange={props.onChange}\n            {...(max !== undefined ? { maxLength: max } : {})}\n            {...(prefix !== undefined ? { prefix } : {})}\n            {...(suffix !== undefined ? { suffix } : {})}\n            secret={secret}\n        />\n    );\n}\n"],"mappings":"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"}

package/dist/text/index.d.ts

@@ -1,2 +1,2 @@
-export { TextField, TextFieldEntry, type TextFieldProps } from './TextField';
+export { TextField, TextFieldEntry, type TextFieldProps } from './TextField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/textarea/TextAreaField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface TextAreaFieldProps extends FieldProps<string> {
     placeholder?: string;
     /** Shows a count of characters against this maximum. It doesn't stop typing. */

package/dist/textarea/index.d.ts

@@ -1,2 +1,2 @@
-export { TextAreaField, TextAreaFieldEntry, type TextAreaFieldProps } from './TextAreaField';
+export { TextAreaField, TextAreaFieldEntry, type TextAreaFieldProps } from './TextAreaField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/time/TimeField.d.ts

@@ -1,4 +1,4 @@
-import type { FieldEntryProps, FieldProps } from '../shared/types';
+import type { FieldEntryProps, FieldProps } from '../shared/types.js';
 export interface TimeFieldProps extends FieldProps<string> {
     /** Shows and writes seconds (`09:30:15`). */
     withSeconds?: boolean;

package/dist/time/index.d.ts

@@ -1,2 +1,2 @@
-export { TimeField, TimeFieldEntry, type TimeFieldProps } from './TimeField';
+export { TimeField, TimeFieldEntry, type TimeFieldProps } from './TimeField.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/upload/UploadList.d.ts

@@ -1,4 +1,4 @@
-import type { UploadItem } from './types';
+import type { UploadItem } from './types.js';
 export interface UploadListProps {
     /** The files being uploaded, from `useUploads()`. */
     items: readonly UploadItem[];

package/dist/upload/useRejectionMessage.d.ts

@@ -1,4 +1,4 @@
-import type { UploadRejection } from './types';
+import type { UploadRejection } from './types.js';
 /** The message of a file refused before it was sent, for a field's errors. */
 export declare function useRejectionMessage(maxSize: number | null | undefined): (file: File, reason: UploadRejection) => string;
 //# sourceMappingURL=useRejectionMessage.d.ts.map

package/dist/upload/useUploads.d.ts

@@ -1,4 +1,4 @@
-import type { UploadItem, UploadRejection, UploadSource, UploadedFile } from './types';
+import type { UploadItem, UploadRejection, UploadSource, UploadedFile } from './types.js';
 export interface UseUploadsOptions {
     /** Where files are uploaded. Without one, `add()` gives the files themselves. */
     source: UploadSource | null;

package/dist/uppy/index.d.ts

@@ -1,3 +1,3 @@
-export { type PresignedUploadsLike, type UppyUploadSourceOptions, createUppyUploadSource, createUppyUploader, } from './uploader';
-export type { UploadItem, UploadItemStatus, UploadSource, UploadedFile, Uploader, } from '../upload/types';
+export { type PresignedUploadsLike, type UppyUploadSourceOptions, createUppyUploadSource, createUppyUploader, } from './uploader.js';
+export type { UploadItem, UploadItemStatus, UploadSource, UploadedFile, Uploader, } from '../upload/types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/uppy/uploader.d.ts

@@ -1,6 +1,6 @@
 import Uppy, { type Body, type Meta } from '@uppy/core';
 import type { Upload, UploadSignRequest } from '@panneau/protocol';
-import type { UploadSource, UploadedFile, Uploader } from '../upload/types';
+import type { UploadSource, UploadedFile, Uploader } from '../upload/types.js';
 /**
  * Signs and completes direct uploads: `adapter.presignedUploads()` of `@panneau/data` (or
  * `createPresignedUploads()`) gives one.

package/dist/url/UrlField.d.ts

@@ -1,5 +1,5 @@
-import type { FieldEntryProps } from '../shared/types';
-import { type TextFieldProps } from '../text/TextField';
+import type { FieldEntryProps } from '../shared/types.js';
+import { type TextFieldProps } from '../text/TextField.js';
 export interface UrlFieldProps extends Omit<TextFieldProps, 'type' | 'inputMode' | 'suffix'> {
     /** Scheme added on blur to a URL without one (`example.com`). Defaults to `https://`. */
     defaultScheme?: string;

package/dist/url/index.d.ts

@@ -1,2 +1,2 @@
-export { UrlField, UrlFieldEntry, type UrlFieldProps, withScheme } from './UrlField';
+export { UrlField, UrlFieldEntry, type UrlFieldProps, withScheme } from './UrlField.js';
 //# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@panneau/fields",
-    "version": "5.0.0-alpha.7",
+    "version": "5.0.0-alpha.9",
     "description": "Controlled field components of Panneau for the protocol's built-in field types, one subpath per field, and uploads to storage (Uppy 6 in its own entry point).",
     "type": "module",
     "license": "MIT",
@@ -154,9 +154,9 @@
         "dist"
     ],
     "scripts": {
-        "build": "vite build && tsc -p tsconfig.build.json",
+        "build": "vite build && node ../../scripts/declarations.js",
         "typecheck": "tsc --noEmit",
-        "api": "tsc -p tsconfig.build.json && node ../../scripts/api-report.js"
+        "api": "node ../../scripts/declarations.js && node ../../scripts/api-report.js"
     },
     "publishConfig": {
         "access": "public"
@@ -178,9 +178,9 @@
     },
     "dependencies": {
         "@internationalized/date": "^3.12.4",
-        "@panneau/intl": "5.0.0-alpha.7",
-        "@panneau/protocol": "5.0.0-alpha.7",
-        "@panneau/ui": "5.0.0-alpha.7",
+        "@panneau/intl": "5.0.0-alpha.9",
+        "@panneau/protocol": "5.0.0-alpha.9",
+        "@panneau/ui": "5.0.0-alpha.9",
         "leaflet": "^1.9.4",
         "lucide-react": "^1.57.0"
     },