alinea 2.0.0-preview.13 → 2.0.0-preview.14

package/dist/components/DropZone.js

@@ -1,10 +1,10 @@
 import {
   $070c0dd15dc89b58$export$3c6489d84dc98b6
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
 import {
   $d40e85a29b831dd6$export$a144e1752ebe0aa
-} from "../chunks/chunk-HOETF6HN.js";
+} from "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -18,12 +18,12 @@ import { Button } from "./Button.js";
 
 // src/components/DropZone.module.css
 var DropZone_default = {
-  "is-disabled": "alinea-is-disabled",
-  "isDisabled": "alinea-is-disabled",
-  "DropZone": "alinea-DropZone",
   "DropZoneDescription": "alinea-DropZoneDescription",
   "is-dropTarget": "alinea-is-dropTarget",
-  "isDropTarget": "alinea-is-dropTarget"
+  "isDropTarget": "alinea-is-dropTarget",
+  "is-disabled": "alinea-is-disabled",
+  "isDisabled": "alinea-is-disabled",
+  "DropZone": "alinea-DropZone"
 };
 
 // src/components/DropZone.tsx

package/dist/components/DropdownMenu.js

@@ -7,9 +7,9 @@ import {
   $53e61d82d8b8611d$export$8b251419efc915eb,
   $650bea62ab5f5f0f$export$16e4d70cc375e707,
   $e28ab3efe3e87743$export$1ff3c3f08ae963c0
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -27,18 +27,18 @@ import { IcRoundCheck, IcRoundKeyboardArrowRight } from "alinea/dashboard/icons"
 
 // src/components/DropdownMenu.module.css
 var DropdownMenu_default = {
-  "DropdownMenuItem": "alinea-DropdownMenuItem",
-  "DropdownMenuItem-icon": "alinea-DropdownMenuItem-icon",
-  "DropdownMenuItemIcon": "alinea-DropdownMenuItem-icon",
   "is-focusVisible": "alinea-is-focusVisible",
   "isFocusVisible": "alinea-is-focusVisible",
-  "DropdownMenuShortcut": "alinea-DropdownMenuShortcut",
-  "DropdownMenuGroup": "alinea-DropdownMenuGroup",
+  "DropdownMenuItem-icon": "alinea-DropdownMenuItem-icon",
+  "DropdownMenuItemIcon": "alinea-DropdownMenuItem-icon",
   "DropdownMenuContent": "alinea-DropdownMenuContent",
+  "DropdownMenuItem": "alinea-DropdownMenuItem",
   "DropdownMenuSeparator": "alinea-DropdownMenuSeparator",
+  "DropdownMenuGroup": "alinea-DropdownMenuGroup",
   "DropdownMenuItem-indicator": "alinea-DropdownMenuItem-indicator",
   "DropdownMenuItemIndicator": "alinea-DropdownMenuItem-indicator",
-  "DropdownMenuLabel": "alinea-DropdownMenuLabel"
+  "DropdownMenuLabel": "alinea-DropdownMenuLabel",
+  "DropdownMenuShortcut": "alinea-DropdownMenuShortcut"
 };
 
 // src/components/DropdownMenu.tsx

package/dist/components/Empty.js

@@ -8,12 +8,12 @@ import { createElement } from "react";
 
 // src/components/Empty.module.css
 var Empty_default = {
-  "EmptyDescription": "alinea-EmptyDescription",
-  "Empty": "alinea-Empty",
-  "EmptyTitle": "alinea-EmptyTitle",
   "EmptyContent": "alinea-EmptyContent",
+  "Empty": "alinea-Empty",
   "EmptyMedia": "alinea-EmptyMedia",
-  "EmptyHeader": "alinea-EmptyHeader"
+  "EmptyDescription": "alinea-EmptyDescription",
+  "EmptyHeader": "alinea-EmptyHeader",
+  "EmptyTitle": "alinea-EmptyTitle"
 };
 
 // src/components/Empty.tsx

package/dist/components/Field.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode } from 'react';
 import type { FieldSharedProps, StyleProps } from './types.js';
 export interface FieldProps extends FieldSharedProps, StyleProps {
     /** Id of the control the label describes, not needed inside our inputs */

package/dist/components/Field.js

@@ -1,9 +1,10 @@
 import {
+  $1f3c3b1a70cec653$export$ff05c3ac10437e03,
   $43a3b93638fe5db9$export$b04be29aa201d4f5,
   $efe09c6d1c304b50$export$5f1af8db9871e1d6
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -12,26 +13,28 @@ import {
 import "../chunks/chunk-CQ52GEHY.js";
 
 // src/components/Field.tsx
+import { useContext } from "react";
 import { Badge } from "./Badge.js";
 import { IcRoundPublic } from "alinea/dashboard/icons";
 
 // src/components/Field.module.css
 var Field_default = {
-  "is-disabled": "alinea-is-disabled",
-  "isDisabled": "alinea-is-disabled",
+  "Field": "alinea-Field",
   "FieldHeader-icon": "alinea-FieldHeader-icon",
   "FieldHeaderIcon": "alinea-FieldHeader-icon",
-  "Field": "alinea-Field",
-  "FieldLabel": "alinea-FieldLabel",
-  "FieldHeader": "alinea-FieldHeader",
+  "FieldLabel-required": "alinea-FieldLabel-required",
+  "FieldLabelRequired": "alinea-FieldLabel-required",
   "FieldDescription": "alinea-FieldDescription",
   "FieldError": "alinea-FieldError",
-  "FieldLabel-required": "alinea-FieldLabel-required",
-  "FieldLabelRequired": "alinea-FieldLabel-required"
+  "FieldHeader": "alinea-FieldHeader",
+  "is-disabled": "alinea-is-disabled",
+  "isDisabled": "alinea-is-disabled",
+  "FieldLabel": "alinea-FieldLabel"
 };
 
 // src/components/Field.tsx
 import { Icon } from "./Icon.js";
+import { FormScope } from "./internal/FormScope.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 var styles = dist_default(Field_default);
 function Field({
@@ -47,13 +50,16 @@ function Field({
   style,
   children
 }) {
+  const validation = useContext($1f3c3b1a70cec653$export$ff05c3ac10437e03);
+  const inForm = useContext(FormScope);
+  const message = error || (inForm && validation?.isInvalid ? validation.validationErrors.join(" ") : void 0);
   const hasHeader = label || icon || description || shared;
-  if (!hasHeader && !error && !children) return null;
+  if (!hasHeader && !message && !children) return null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       "data-slot": "field",
-      "data-invalid": error ? true : void 0,
+      "data-invalid": message ? true : void 0,
       className: styles.Field(dist_default.merge({ className })),
       style,
       children: [
@@ -78,7 +84,7 @@ function Field({
           }
         ),
         children,
-        error && /* @__PURE__ */ jsx(FieldError, { children: error })
+        message && /* @__PURE__ */ jsx(FieldError, { children: message })
       ]
     }
   );

package/dist/components/Form.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+import type { AriaProps, DataProps, StyleProps, ValidationErrors } from './types.js';
+export type FormSubmitResult = ValidationErrors | undefined | void;
+export interface FormProps extends StyleProps, AriaProps, DataProps {
+    /**
+     * Errors keyed by field name, eg. from the server. A field shows its
+     * error until it is edited.
+     */
+    validationErrors?: ValidationErrors;
+    /**
+     * Called with the form data instead of submitting the form natively.
+     * Errors it returns are shown on the fields, next to `validationErrors`.
+     */
+    onSubmit?: (data: FormData) => FormSubmitResult | Promise<FormSubmitResult>;
+    children: ReactNode;
+}
+/**
+ * A form whose fields show validation errors: native constraints such as
+ * `required` once the form is submitted, and `validationErrors` or the
+ * errors returned by `onSubmit` by field name. An `error` set on a field
+ * itself takes precedence.
+ */
+export declare function Form({ validationErrors, onSubmit, className, children, ...props }: FormProps): import("react").JSX.Element;

package/dist/components/Form.js

@@ -0,0 +1,64 @@
+import {
+  $cdaed739b1139372$export$a7fed597f4b8afd8
+} from "../chunks/chunk-7DDPSWRY.js";
+import "../chunks/chunk-NUFRM6SI.js";
+import "../chunks/chunk-PMGIIYDD.js";
+import "../chunks/chunk-RKDPDEF7.js";
+import "../chunks/chunk-PSSMQKAH.js";
+import {
+  dist_default
+} from "../chunks/chunk-I4OYYAX5.js";
+import "../chunks/chunk-CQ52GEHY.js";
+
+// src/components/Form.tsx
+import { useMemo, useState } from "react";
+
+// src/components/Form.module.css
+var Form_default = {
+  "Form": "alinea-Form"
+};
+
+// src/components/Form.tsx
+import { FormScope } from "./internal/FormScope.js";
+import { jsx } from "react/jsx-runtime";
+var styles = dist_default(Form_default);
+function Form({
+  validationErrors,
+  onSubmit,
+  className,
+  children,
+  ...props
+}) {
+  const [returned, setReturned] = useState();
+  const [pending, setPending] = useState(false);
+  const errors = useMemo(
+    () => returned ? { ...validationErrors, ...returned } : validationErrors,
+    [validationErrors, returned]
+  );
+  async function submit(event) {
+    if (!onSubmit) return;
+    event.preventDefault();
+    const data = new FormData(event.currentTarget);
+    setPending(true);
+    try {
+      setReturned(await onSubmit(data) || void 0);
+    } finally {
+      setPending(false);
+    }
+  }
+  return /* @__PURE__ */ jsx(FormScope.Provider, { value: true, children: /* @__PURE__ */ jsx(
+    $cdaed739b1139372$export$a7fed597f4b8afd8,
+    {
+      "data-slot": "form",
+      ...props,
+      "data-pending": pending || void 0,
+      validationErrors: errors,
+      onSubmit: submit,
+      className: styles.Form(dist_default.merge({ className })),
+      children
+    }
+  ) });
+}
+export {
+  Form
+};

package/dist/components/Link.d.ts

@@ -1,10 +1,17 @@
-import type { MouseEvent, ReactNode, Ref } from 'react';
+import type { HTMLAttributeReferrerPolicy, MouseEvent, ReactNode, Ref } from 'react';
 import type { AriaProps, DataProps, StyleProps } from './types.js';
 export interface LinkProps extends StyleProps, AriaProps, DataProps {
     href?: string;
     target?: string;
     rel?: string;
     download?: boolean | string;
+    /** Tooltip text */
+    title?: string;
+    tabIndex?: number;
+    lang?: string;
+    hrefLang?: string;
+    referrerPolicy?: HTMLAttributeReferrerPolicy;
+    'aria-current'?: boolean | 'page' | 'step' | 'location' | 'date' | 'time';
     /** `plain` underlines on hover, `underline` is always underlined */
     variant?: 'plain' | 'underline';
     disabled?: boolean;

package/dist/components/List.js

@@ -11,42 +11,42 @@ import { Icon } from "./Icon.js";
 
 // src/components/List.module.css
 var List_default = {
-  "ListItemVisual": "alinea-ListItemVisual",
-  "ListLabel-title-text": "alinea-ListLabel-title-text",
-  "ListLabelTitleText": "alinea-ListLabel-title-text",
-  "ListLabel-fold": "alinea-ListLabel-fold",
-  "ListLabelFold": "alinea-ListLabel-fold",
-  "ListLabel-toggle": "alinea-ListLabel-toggle",
-  "ListLabelToggle": "alinea-ListLabel-toggle",
-  "ListEmpty": "alinea-ListEmpty",
-  "ListItem-inner": "alinea-ListItem-inner",
-  "ListItemInner": "alinea-ListItem-inner",
+  "ListItemTitle": "alinea-ListItemTitle",
   "ListItem-header": "alinea-ListItem-header",
   "ListItemHeader": "alinea-ListItem-header",
-  "ListEmpty-content": "alinea-ListEmpty-content",
-  "ListEmptyContent": "alinea-ListEmpty-content",
-  "ListLabel": "alinea-ListLabel",
-  "ListItemVisual-image": "alinea-ListItemVisual-image",
-  "ListItemVisualImage": "alinea-ListItemVisual-image",
-  "ListItem-trailing": "alinea-ListItem-trailing",
-  "ListItemTrailing": "alinea-ListItem-trailing",
-  "ListItemStatus": "alinea-ListItemStatus",
-  "ListLabel-title": "alinea-ListLabel-title",
-  "ListLabelTitle": "alinea-ListLabel-title",
+  "ListItemVisual": "alinea-ListItemVisual",
   "ListItem-leading": "alinea-ListItem-leading",
   "ListItemLeading": "alinea-ListItem-leading",
-  "ListItem": "alinea-ListItem",
+  "ListItemDescription": "alinea-ListItemDescription",
+  "ListItem-trailing": "alinea-ListItem-trailing",
+  "ListItemTrailing": "alinea-ListItem-trailing",
+  "ListLabel-fold": "alinea-ListLabel-fold",
+  "ListLabelFold": "alinea-ListLabel-fold",
   "ListLabel-required": "alinea-ListLabel-required",
   "ListLabelRequired": "alinea-ListLabel-required",
-  "ListItemTitle": "alinea-ListItemTitle",
+  "ListLabel-title": "alinea-ListLabel-title",
+  "ListLabelTitle": "alinea-ListLabel-title",
   "ListError": "alinea-ListError",
-  "ListItem-content": "alinea-ListItem-content",
-  "ListItemContent": "alinea-ListItem-content",
+  "ListItem": "alinea-ListItem",
+  "ListItemStatus": "alinea-ListItemStatus",
+  "ListItemVisual-image": "alinea-ListItemVisual-image",
+  "ListItemVisualImage": "alinea-ListItemVisual-image",
+  "ListItem-inner": "alinea-ListItem-inner",
+  "ListItemInner": "alinea-ListItem-inner",
+  "ListEmpty": "alinea-ListEmpty",
+  "ListLabel-title-text": "alinea-ListLabel-title-text",
+  "ListLabelTitleText": "alinea-ListLabel-title-text",
+  "ListEmpty-description": "alinea-ListEmpty-description",
+  "ListEmptyDescription": "alinea-ListEmpty-description",
+  "ListLabel-toggle": "alinea-ListLabel-toggle",
+  "ListLabelToggle": "alinea-ListLabel-toggle",
+  "ListLabel": "alinea-ListLabel",
   "ListEmpty-title": "alinea-ListEmpty-title",
   "ListEmptyTitle": "alinea-ListEmpty-title",
-  "ListItemDescription": "alinea-ListItemDescription",
-  "ListEmpty-description": "alinea-ListEmpty-description",
-  "ListEmptyDescription": "alinea-ListEmpty-description"
+  "ListEmpty-content": "alinea-ListEmpty-content",
+  "ListEmptyContent": "alinea-ListEmpty-content",
+  "ListItem-content": "alinea-ListItem-content",
+  "ListItemContent": "alinea-ListItem-content"
 };
 
 // src/components/List.tsx

package/dist/components/MediaPreview.js

@@ -12,15 +12,15 @@ import {
 
 // src/components/MediaPreview.module.css
 var MediaPreview_default = {
-  "MediaPreview-focus-ring": "alinea-MediaPreview-focus-ring",
-  "MediaPreviewFocusRing": "alinea-MediaPreview-focus-ring",
+  "MediaPreview-area": "alinea-MediaPreview-area",
+  "MediaPreviewArea": "alinea-MediaPreview-area",
+  "MediaPreview": "alinea-MediaPreview",
   "MediaPreview-image": "alinea-MediaPreview-image",
   "MediaPreviewImage": "alinea-MediaPreview-image",
-  "MediaPreview": "alinea-MediaPreview",
+  "MediaPreview-focus-ring": "alinea-MediaPreview-focus-ring",
+  "MediaPreviewFocusRing": "alinea-MediaPreview-focus-ring",
   "MediaPreview-focus-dot": "alinea-MediaPreview-focus-dot",
   "MediaPreviewFocusDot": "alinea-MediaPreview-focus-dot",
-  "MediaPreview-area": "alinea-MediaPreview-area",
-  "MediaPreviewArea": "alinea-MediaPreview-area",
   "MediaPreview-focus": "alinea-MediaPreview-focus",
   "MediaPreviewFocus": "alinea-MediaPreview-focus"
 };

package/dist/components/MultipleSelect.d.ts

@@ -1,13 +1,18 @@
 import { type ReactNode } from 'react';
-import type { AriaProps, DataProps, FieldSharedProps, OpenStateProps, StyleProps } from './types.js';
-export interface MultipleSelectProps extends FieldSharedProps, OpenStateProps, StyleProps, AriaProps, DataProps {
-    value?: Array<string>;
-    defaultValue?: Array<string>;
-    onValueChange?: (value: Array<string>) => void;
+import type { AriaProps, DataProps, FieldSharedProps, Key, OpenStateProps, StyleProps } from './types.js';
+export interface MultipleSelectProps<V extends Key = Key> extends FieldSharedProps, OpenStateProps, StyleProps, AriaProps, DataProps {
+    /** The values of the selected MultipleSelectItems */
+    value?: Array<V>;
+    defaultValue?: Array<V>;
+    onValueChange?: (value: Array<V>) => void;
     placeholder?: string;
     /** Shown in the list when no item matches the search, defaults to "No options" */
     emptyMessage?: ReactNode;
-    /** Name of the hidden form input carrying the values */
+    /**
+     * Name of the hidden form input carrying the values, it submits one entry
+     * per selected value like a native multiple select: read them with
+     * `formData.getAll(name)`
+     */
     name?: string;
     /** MultipleSelectItem elements */
     children: ReactNode;
@@ -16,9 +21,9 @@ export interface MultipleSelectProps extends FieldSharedProps, OpenStateProps, S
  * A labelled field to pick several values from a searchable list, the
  * selected values are shown as removable tags.
  */
-export declare function MultipleSelect({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, placeholder, emptyMessage, className, style, children, ...props }: MultipleSelectProps): import("react").JSX.Element;
+export declare function MultipleSelect<V extends Key = Key>({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, open, defaultOpen, onOpenChange, placeholder, emptyMessage, className, style, children, ...props }: MultipleSelectProps<V>): import("react").JSX.Element;
 export interface MultipleSelectItemProps extends StyleProps {
-    value: string;
+    value: Key;
     /** Text used for searching and the tag, defaults to string children */
     textValue?: string;
     disabled?: boolean;

package/dist/components/MultipleSelect.js

@@ -10,11 +10,11 @@ import {
   $928221da08ecbc62$export$41f133550aa26f48,
   $c8bb816105474884$export$e288731fd71264f0,
   $c8bb816105474884$export$ef9b1a59e592288f
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
 import {
   $ef182bb9912241d8$export$3274cf84b703fff
-} from "../chunks/chunk-HOETF6HN.js";
+} from "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -36,37 +36,37 @@ import { PopoverSurface } from "./internal/PopoverSurface.js";
 
 // src/components/MultipleSelect.module.css
 var MultipleSelect_default = {
+  "MultipleSelectSearch-icon": "alinea-MultipleSelectSearch-icon",
+  "MultipleSelectSearchIcon": "alinea-MultipleSelectSearch-icon",
+  "MultipleSelectContent-empty": "alinea-MultipleSelectContent-empty",
+  "MultipleSelectContentEmpty": "alinea-MultipleSelectContent-empty",
+  "MultipleSelectContent-list": "alinea-MultipleSelectContent-list",
+  "MultipleSelectContentList": "alinea-MultipleSelectContent-list",
+  "MultipleSelectSearch": "alinea-MultipleSelectSearch",
+  "MultipleSelectContent": "alinea-MultipleSelectContent",
+  "MultipleSelectTrigger-tags": "alinea-MultipleSelectTrigger-tags",
+  "MultipleSelectTriggerTags": "alinea-MultipleSelectTrigger-tags",
+  "is-invalid": "alinea-is-invalid",
+  "isInvalid": "alinea-is-invalid",
+  "MultipleSelectTrigger-tags-list": "alinea-MultipleSelectTrigger-tags-list",
+  "MultipleSelectTriggerTagsList": "alinea-MultipleSelectTrigger-tags-list",
+  "MultipleSelectTrigger": "alinea-MultipleSelectTrigger",
+  "MultipleSelectTrigger-placeholder": "alinea-MultipleSelectTrigger-placeholder",
+  "MultipleSelectTriggerPlaceholder": "alinea-MultipleSelectTrigger-placeholder",
   "MultipleSelectTrigger-value": "alinea-MultipleSelectTrigger-value",
   "MultipleSelectTriggerValue": "alinea-MultipleSelectTrigger-value",
   "MultipleSelectTag-remove": "alinea-MultipleSelectTag-remove",
   "MultipleSelectTagRemove": "alinea-MultipleSelectTag-remove",
   "MultipleSelectSearch-input": "alinea-MultipleSelectSearch-input",
   "MultipleSelectSearchInput": "alinea-MultipleSelectSearch-input",
-  "MultipleSelectSearch-clear": "alinea-MultipleSelectSearch-clear",
-  "MultipleSelectSearchClear": "alinea-MultipleSelectSearch-clear",
-  "MultipleSelectTrigger-arrow": "alinea-MultipleSelectTrigger-arrow",
-  "MultipleSelectTriggerArrow": "alinea-MultipleSelectTrigger-arrow",
   "MultipleSelectTrigger-button": "alinea-MultipleSelectTrigger-button",
   "MultipleSelectTriggerButton": "alinea-MultipleSelectTrigger-button",
-  "MultipleSelectSearch-icon": "alinea-MultipleSelectSearch-icon",
-  "MultipleSelectSearchIcon": "alinea-MultipleSelectSearch-icon",
-  "MultipleSelectTrigger": "alinea-MultipleSelectTrigger",
-  "MultipleSelectContent": "alinea-MultipleSelectContent",
-  "MultipleSelectTag": "alinea-MultipleSelectTag",
-  "MultipleSelectTrigger-tags": "alinea-MultipleSelectTrigger-tags",
-  "MultipleSelectTriggerTags": "alinea-MultipleSelectTrigger-tags",
-  "MultipleSelectContent-empty": "alinea-MultipleSelectContent-empty",
-  "MultipleSelectContentEmpty": "alinea-MultipleSelectContent-empty",
-  "MultipleSelectTrigger-placeholder": "alinea-MultipleSelectTrigger-placeholder",
-  "MultipleSelectTriggerPlaceholder": "alinea-MultipleSelectTrigger-placeholder",
-  "MultipleSelectTrigger-tags-list": "alinea-MultipleSelectTrigger-tags-list",
-  "MultipleSelectTriggerTagsList": "alinea-MultipleSelectTrigger-tags-list",
-  "MultipleSelectContent-list": "alinea-MultipleSelectContent-list",
-  "MultipleSelectContentList": "alinea-MultipleSelectContent-list",
-  "MultipleSelectSearch": "alinea-MultipleSelectSearch",
   "MultipleSelect": "alinea-MultipleSelect",
-  "is-invalid": "alinea-is-invalid",
-  "isInvalid": "alinea-is-invalid"
+  "MultipleSelectTag": "alinea-MultipleSelectTag",
+  "MultipleSelectSearch-clear": "alinea-MultipleSelectSearch-clear",
+  "MultipleSelectSearchClear": "alinea-MultipleSelectSearch-clear",
+  "MultipleSelectTrigger-arrow": "alinea-MultipleSelectTrigger-arrow",
+  "MultipleSelectTriggerArrow": "alinea-MultipleSelectTrigger-arrow"
 };
 
 // src/components/MultipleSelect.tsx
@@ -115,7 +115,7 @@ function MultipleSelect({
       selectionMode: "multiple",
       value,
       defaultValue,
-      onChange: (keys) => onValueChange?.(keys.map(String)),
+      onChange: (keys) => onValueChange?.(keys),
       isOpen: !readOnly && (open ?? isOpen),
       onOpenChange: (next) => {
         if (readOnly) return;

package/dist/components/NavRail.js

@@ -8,15 +8,15 @@ import { Icon } from "./Icon.js";
 
 // src/components/NavRail.module.css
 var NavRail_default = {
-  "NavRailItem-icon": "alinea-NavRailItem-icon",
-  "NavRailItemIcon": "alinea-NavRailItem-icon",
-  "NavRailItem-badge": "alinea-NavRailItem-badge",
-  "NavRailItemBadge": "alinea-NavRailItem-badge",
-  "NavRailFooter": "alinea-NavRailFooter",
   "NavRailHeader": "alinea-NavRailHeader",
   "NavRail": "alinea-NavRail",
-  "NavRailContent": "alinea-NavRailContent",
-  "NavRailItem": "alinea-NavRailItem"
+  "NavRailFooter": "alinea-NavRailFooter",
+  "NavRailItem-badge": "alinea-NavRailItem-badge",
+  "NavRailItemBadge": "alinea-NavRailItem-badge",
+  "NavRailItem": "alinea-NavRailItem",
+  "NavRailItem-icon": "alinea-NavRailItem-icon",
+  "NavRailItemIcon": "alinea-NavRailItem-icon",
+  "NavRailContent": "alinea-NavRailContent"
 };
 
 // src/components/NavRail.tsx

package/dist/components/NumberField.d.ts

@@ -8,6 +8,10 @@ export interface NumberFieldProps extends FieldSharedProps, StyleProps, AriaProp
     min?: number;
     max?: number;
     step?: number;
+    /**
+     * How the number is shown and parsed. Digits are not grouped unless
+     * `useGrouping` is set: number fields often hold years and ids
+     */
     formatOptions?: Intl.NumberFormatOptions;
     placeholder?: string;
     /** Show increment and decrement buttons, defaults to true */
@@ -18,4 +22,4 @@ export interface NumberFieldProps extends FieldSharedProps, StyleProps, AriaProp
     onFocus?: (event: FocusEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
 }
-export declare function NumberField({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, min, max, placeholder, steppers, onBlur, onFocus, onKeyDown, className, ...props }: NumberFieldProps): import("react").JSX.Element;
+export declare function NumberField({ label, description, error, required, disabled, readOnly, icon, shared, value, defaultValue, onValueChange, min, max, formatOptions, placeholder, steppers, onBlur, onFocus, onKeyDown, className, ...props }: NumberFieldProps): import("react").JSX.Element;

package/dist/components/NumberField.js

@@ -3,9 +3,9 @@ import {
   $3a442827418ebe87$export$eb2fcfdbd7ba97d4,
   $41fb335299a4a39e$export$f5b8910cec6cf069,
   $7705c033048f6da7$export$353f5b6fc5456de1
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
-import "../chunks/chunk-HOETF6HN.js";
+import "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {
@@ -23,9 +23,9 @@ import { Field } from "./Field.js";
 // src/components/NumberField.module.css
 var NumberField_default = {
   "NumberFieldSteppers": "alinea-NumberFieldSteppers",
-  "NumberField": "alinea-NumberField",
   "NumberFieldGroup": "alinea-NumberFieldGroup",
   "NumberFieldInput": "alinea-NumberFieldInput",
+  "NumberField": "alinea-NumberField",
   "NumberFieldStepper": "alinea-NumberFieldStepper"
 };
 
@@ -50,6 +50,7 @@ function NumberField({
   onValueChange,
   min,
   max,
+  formatOptions,
   placeholder,
   steppers = true,
   onBlur,
@@ -66,12 +67,13 @@ function NumberField({
       value: toInternal(value),
       defaultValue: toInternal(defaultValue),
       onChange: (next) => onValueChange?.(Number.isNaN(next) ? null : next),
+      formatOptions: { useGrouping: false, ...formatOptions },
       minValue: min,
       maxValue: max,
       isRequired: required,
       isDisabled: disabled,
       isReadOnly: readOnly,
-      isInvalid: Boolean(error),
+      isInvalid: error ? true : void 0,
       className: styles.NumberField(dist_default.merge({ className })),
       children: /* @__PURE__ */ jsx(
         Field,

package/dist/components/Page.js

@@ -10,15 +10,15 @@ import { Heading } from "./Heading.js";
 
 // src/components/Page.module.css
 var Page_default = {
-  "PageContent-container": "alinea-PageContent-container",
-  "PageContentContainer": "alinea-PageContent-container",
+  "PageFooter": "alinea-PageFooter",
+  "PageHeader": "alinea-PageHeader",
   "PageBack": "alinea-PageBack",
-  "Page": "alinea-Page",
-  "PageTitle": "alinea-PageTitle",
   "PageActions": "alinea-PageActions",
-  "PageHeader": "alinea-PageHeader",
   "PageContent": "alinea-PageContent",
-  "PageFooter": "alinea-PageFooter"
+  "PageTitle": "alinea-PageTitle",
+  "Page": "alinea-Page",
+  "PageContent-container": "alinea-PageContent-container",
+  "PageContentContainer": "alinea-PageContent-container"
 };
 
 // src/components/Page.tsx

package/dist/components/Popover.js

@@ -5,11 +5,11 @@ import {
   $f2ff30fde7b014be$export$2e1e1122cf0cba88,
   $f2ff30fde7b014be$export$3ddf2d174ce01153,
   $f2ff30fde7b014be$export$d2f961adcb0afbe
-} from "../chunks/chunk-QHHMKJUO.js";
+} from "../chunks/chunk-7DDPSWRY.js";
 import "../chunks/chunk-NUFRM6SI.js";
 import {
   $e260d131964da0f9$export$872b660ac5a1ff98
-} from "../chunks/chunk-HOETF6HN.js";
+} from "../chunks/chunk-PMGIIYDD.js";
 import "../chunks/chunk-RKDPDEF7.js";
 import "../chunks/chunk-PSSMQKAH.js";
 import {