@opencxh/ui-kit 3.172.0 → 3.175.2

package/dist/src/forms/Form.d.ts

@@ -1,43 +1,32 @@
-import { InternalSDK } from '@opencxh/domain';
+import { InvokeOptions } from '@opencxh/domain';
 import { default as React } from 'react';
 export type FormFieldType = "text" | "email" | "password" | "number" | "tel" | "url" | "color" | "textarea" | "select" | "segmented" | "checkbox" | "radio" | "date" | "file" | "folder" | "custom" | "array";
 /**
  * `NonNullable` before the `object` test is load-bearing: form data is routinely
- * a `Partial<T>`, which makes every property `X | undefined`, and
- * `Address | undefined extends object` is false -- so without it every nested
- * path silently disappears and only top-level keys survive.
- *
- * Arrays, Dates and functions are treated as leaves. Recursing into them would
- * spell out every index and prototype method, and the resulting union is exactly
- * the kind of size at which TypeScript gives up (see {@link FieldPath}).
- *
- * `T extends unknown ?` makes this distribute over unions. Without it a
- * discriminated union like `OwnerScope` only contributes the keys its members
- * share (`keyof (A | B)` is an intersection), so `ownerScope.teamId` is
- * unspellable even though a `kind: "team"` conditional field needs exactly that.
+ * a `Partial<T>`, and `Address | undefined extends object` is false — without it
+ * every nested path silently disappears and only top-level keys survive.
+ * Arrays, Dates and functions are leaves; recursing into them blows the union
+ * past what TypeScript will infer (see {@link FieldPath}).
+ * `T extends unknown ?` distributes over unions: `keyof (A | B)` keeps only
+ * shared keys, so `ownerScope.teamId` would otherwise be unspellable.
  */
 type NestedKeys<T> = T extends unknown ? {
     [K in keyof T]-?: NonNullable<T[K]> extends readonly unknown[] | Date | ((...args: never[]) => unknown) ? K & string : NonNullable<T[K]> extends object ? `${K & string}.${NestedKeys<NonNullable<T[K]>>}` : K & string;
 }[keyof T] : never;
 /**
- * What a field may be named: any leaf path, plus any top-level key.
- *
- * The second half matters for `type: "custom"` fields, which own a whole
- * sub-object -- a discriminated union, a repeatable list -- and would otherwise
- * be unspellable, since `NestedKeys` only reaches leaves. It is added as a
- * separate union rather than folded into `NestedKeys` itself: doing it inside
- * the recursion doubles the union at every level, and TypeScript quietly gives
- * up on inferring `group.items` once it gets large enough.
+ * What a field may be named: any leaf path, plus any top-level key. The second
+ * half exists for `type: "custom"` fields, which own a whole sub-object and
+ * would otherwise be unspellable, since `NestedKeys` only reaches leaves. Kept
+ * as a separate union: folding it into the recursion doubles the union at every
+ * level, and TypeScript quietly gives up inferring it once it gets large.
  */
 type FieldPath<T> = NestedKeys<T> | (keyof T & string);
 /**
  * One band of a page-wide form: a fixed label column with the section title and
- * its explanation, and the fields beside it.
- *
- * Exported because a page often has a section that is not a `Form` field at all
- * — a checklist, a list of linked records — and it has to line up with the bands
- * above it. Without this those sections each re-derive the column width and the
- * spacing, and they drift.
+ * its explanation, and the fields beside it. Exported because a page often has
+ * a section that is not a `Form` field at all — a checklist, linked records —
+ * that must line up with the bands above it; without this each re-derives the
+ * column width and spacing, and they drift.
  */
 export declare function FormSection({ title, description, className, children, }: {
     title?: string;
@@ -60,9 +49,8 @@ export interface FormGroupItem<T = any> {
     /** Placeholder text */
     placeholder?: string;
     /**
-     * Visible rows for `textarea`. Defaults to 4, which is right for a note and
-     * far too small for a field that holds an instruction someone actually reads
-     * back while editing (a system prompt).
+     * Visible rows for `textarea`. Defaults to 4 — right for a note, far too small
+     * for a field someone reads back while editing (a system prompt).
      */
     rows?: number;
     /**
@@ -86,9 +74,9 @@ export interface FormGroupItem<T = any> {
     /** Remove field from form data when empty */
     removeIfEmpty?: boolean;
     /**
-     * Uitleg onder het veld: waarom bestaat dit veld, of wat is de consequentie van de
-     * keuze. Voor velden waar het label de vraag niet volledig kan stellen — een
-     * groep-`description` is te grof zodra een groep meerdere velden heeft.
+     * Explanation under the field: why it exists, or what the choice implies. For
+     * fields whose label cannot fully pose the question — a group `description` is
+     * too coarse once a group has several fields.
      */
     help?: string;
     /** Whether field is hidden */
@@ -119,8 +107,7 @@ export interface FormGroup<T = any> {
     id: string;
     /**
      * Group title. Optional: a form that is one unbroken block of fields has no
-     * heading to give, and the label column already renders empty when it is
-     * absent — the type was simply stricter than the component.
+     * heading to give, and the label column already renders empty without it.
      */
     title?: string;
     /** Group description */
@@ -148,6 +135,15 @@ export interface FormButtonProps {
     /** Additional CSS classes */
     className?: string;
 }
+/**
+ * The sliver of an app SDK that `Form` needs: one call to the server. Nothing here knows
+ * about the rest of the SDK, which is the point.
+ */
+export interface FormInvoker {
+    http: {
+        invoke<T = any>(options: InvokeOptions): Promise<T>;
+    };
+}
 export interface FormProps<T = Record<string, any>> {
     /** Form groups */
     groups: FormGroup<T>[];
@@ -183,8 +179,14 @@ export interface FormProps<T = Record<string, any>> {
      * cast at the call site.
      */
     ref?: React.RefObject<HTMLFormElement | null>;
-    /** SDK instance */
-    sdk?: InternalSDK<any>;
+    /**
+     * A handle that can call the server, for the storage fields (`storage`, `folder`).
+     * Typed as the one method used rather than the whole `InternalSDK`: that type lives
+     * in `@opencxh/app-sdk`, which ui-kit does not (and should not) depend on to render
+     * a form. It also keeps the storage fields' slated move to a federated resource
+     * from being blocked by a type import.
+     */
+    sdk?: FormInvoker;
 }
 /**
  * Generic Form component with groups, validation, and conditional rendering

package/dist/src/index.d.ts

@@ -1,72 +1,72 @@
-export { cn, createSizes, createVariants } from './utils/cn';
-export { useAnchoredPosition, type AnchoredPositionOptions } from './utils/useAnchoredPosition';
-export { IDENTITY_TONE_COUNT, identityDotClass, identityPlateClass, identityTone, type IdentityTone } from './utils/identity';
-export { catTone, type CatTone } from './utils/catTone';
-export { normalizeText, text } from './utils/text';
-export { MeetingGrid, type MeetingGridProps } from './meeting/MeetingGrid';
-export { ParticipantTile, type ParticipantTileProps } from './meeting/ParticipantTile';
-export { VideoSurface, type VideoSurfaceProps } from './meeting/VideoSurface';
 export { Button, type ButtonProps } from './action/Button';
 export { ButtonGroup, type ButtonGroupProps } from './action/ButtonGroup';
 export { FilterChip, type FilterChipProps } from './action/FilterChip';
 export { Link, type LinkProps } from './action/Link';
-export { SegmentedToggle, type SegmentedOption, type SegmentedToggleProps } from './action/SegmentedToggle';
+export { type SegmentedOption, SegmentedToggle, type SegmentedToggleProps, } from './action/SegmentedToggle';
 export { SplitButton, type SplitButtonOption, type SplitButtonProps } from './action/SplitButton';
-export { Checkbox, type CheckboxProps } from './input/Checkbox';
-export { ImageField, type ImageFieldProps } from './input/ImageField';
-export { DatePicker, type DatePickerProps } from './input/DatePicker';
-export { FolderSelect, type FolderDestination, type FolderSelectProps } from './input/FolderSelect';
-export { SearchableTextField, type SearchableTextFieldProps } from './input/SearchableTextField';
-export { SearchField, type SearchFieldProps } from './input/SearchField';
-export { Select, type SelectOption, type SelectProps } from './input/Select';
-export { Switch, type SwitchProps } from './input/Switch';
-export { StorageInput, type StorageInputProps } from './input/StorageInput';
-export { TextArea, type TextAreaProps } from './input/TextArea';
-export { TextField, type TextFieldProps } from './input/TextField';
-export { Form, FormSection, type FormButtonProps, type FormFieldType, type FormGroup, type FormGroupItem, type FormProps } from './forms/Form';
-export { autofillProps, type AutofillProps } from './forms/autofill';
-export { Dropdown, type DropdownOption, type DropdownProps } from './overlays/Dropdown';
-export { ConfirmDialog, type ConfirmDialogProps } from './overlays/ConfirmDialog';
-export { Modal, type ModalProps } from './overlays/Modal';
-export { Popover, type PopoverProps } from './overlays/Popover';
-export { Badge, type BadgeProps } from './feedback/Badge';
-export { ContentLoading, type ContentLoadingProps, type ContentLoadingShape } from './feedback/ContentLoading';
-export { EmptyState, type EmptyStateProps } from './feedback/EmptyState';
-export { Kbd, type KbdProps } from './feedback/Kbd';
-export { ProgressBar, type ProgressBarProps } from './feedback/ProgressBar';
-export { Spinner, type SpinnerProps } from './feedback/Spinner';
-export { StatusDot, type StatusDotProps } from './feedback/StatusDot';
-export { StepIndicator, type StepIndicatorProps } from './feedback/StepIndicator';
+export * from './command-palette';
 export { ArtifactView, type ArtifactViewProps } from './content/ArtifactView';
 export { AssistantCard, type AssistantCardProps } from './content/AssistantCard';
 export { Avatar, type AvatarProps, type AvatarTone } from './content/Avatar';
 export { AvatarStack, type AvatarStackPerson, type AvatarStackProps } from './content/AvatarStack';
 export { ChannelBadge, type ChannelBadgeProps, type ChannelKey } from './content/ChannelBadge';
-export { Icon, resolveLucideIcon, type IconProps } from './content/Icon';
+export { Icon, type IconProps, resolveLucideIcon } from './content/Icon';
 export { Image, type ImageProps } from './content/Image';
+export { KpiCard, type KpiCardProps } from './content/KpiCard';
 export { List, ListBulkAction, type ListGroup, type ListProps } from './content/List';
 export { MessageBubble, type MessageBubbleProps } from './content/MessageBubble';
-export { KpiCard, type KpiCardProps } from './content/KpiCard';
 export { MetaSeparator, MetaValue, type MetaValueProps } from './content/MetaValue';
 export { Page, type PageProps } from './content/Page';
-export { PageHeader, type PageHeaderAction, type PageHeaderProps } from './content/PageHeader';
-export { PageToolbar, PageToolbarActions, type PageToolbarActionsProps, type PageToolbarProps } from './content/PageToolbar';
+export { PageHeader, type PageHeaderAction, type PageHeaderProps, } from './content/PageHeader';
+export { PageToolbar, PageToolbarActions, type PageToolbarActionsProps, type PageToolbarProps, } from './content/PageToolbar';
 export { RichText, type RichTextProps } from './content/RichText';
 export { SectionCaption, type SectionCaptionProps } from './content/SectionCaption';
 export { SectionDivider, type SectionDividerProps } from './content/SectionDivider';
-export { SettingsFrameProvider, SettingsPage, useSettingsFrame, useSettingsFrameHost, type SettingsFrameApi, type SettingsPageProps, type SettingsTrailEntry } from './content/SettingsPage';
-export { SettingsRow, SettingsSection, type SettingsRowProps, type SettingsSectionProps } from './content/SettingsRow';
+export { type SettingsFrameApi, SettingsFrameProvider, SettingsPage, type SettingsPageProps, type SettingsTrailEntry, useSettingsFrame, useSettingsFrameHost, } from './content/SettingsPage';
+export { SettingsRow, type SettingsRowProps, SettingsSection, type SettingsSectionProps, } from './content/SettingsRow';
 export { SourceChip, type SourceChipProps } from './content/SourceChip';
-export { Table, dateFilterHandler, multiSelectFilterHandler, selectFilterHandler, type TableAction, type TableColumn, type TableFilter, type TableProps } from './content/Table';
-export { badgeColumn, booleanBadgeColumn, labelsColumn, type BadgeColumnConfig, type BooleanBadgeColumnConfig, type LabelsColumnConfig } from './content/tableColumns';
+export { dateFilterHandler, multiSelectFilterHandler, selectFilterHandler, Table, type TableAction, type TableColumn, type TableFilter, type TableProps, } from './content/Table';
+export { type BadgeColumnConfig, type BooleanBadgeColumnConfig, badgeColumn, booleanBadgeColumn, type LabelsColumnConfig, labelsColumn, } from './content/tableColumns';
 export { View, type ViewGroup, type ViewProps } from './content/View';
-export { SidebarMenu, type MenuItem, type MenuItemAction } from './navigation/Sidebar';
-export { TabBar, Tabs, type TabItem, type TabsProps } from './navigation/Tabs';
-export { Heading, type HeadingProps } from './typography/Heading';
-export { Text, type TextProps } from './typography/Text';
-export * from './command-palette';
+export { ErrorBoundary } from './error-boundary/index';
+export { FederatedResource } from './federated-resource/index';
+export { Badge, type BadgeProps } from './feedback/Badge';
+export { ContentLoading, type ContentLoadingProps, type ContentLoadingShape, } from './feedback/ContentLoading';
+export { EmptyState, type EmptyStateProps } from './feedback/EmptyState';
+export { Kbd, type KbdProps } from './feedback/Kbd';
+export { ProgressBar, type ProgressBarProps } from './feedback/ProgressBar';
+export { Spinner, type SpinnerProps } from './feedback/Spinner';
+export { StatusDot, type StatusDotProps } from './feedback/StatusDot';
+export { StepIndicator, type StepIndicatorProps } from './feedback/StepIndicator';
+export { type AutofillProps, autofillProps } from './forms/autofill';
+export { Form, type FormButtonProps, type FormFieldType, type FormGroup, type FormGroupItem, type FormInvoker, type FormProps, FormSection, } from './forms/Form';
+export { Checkbox, type CheckboxProps } from './input/Checkbox';
+export { DatePicker, type DatePickerProps } from './input/DatePicker';
+export { type FolderDestination, FolderSelect, type FolderSelectProps } from './input/FolderSelect';
+export { ImageField, type ImageFieldProps } from './input/ImageField';
+export { SearchableTextField, type SearchableTextFieldProps } from './input/SearchableTextField';
+export { SearchField, type SearchFieldProps } from './input/SearchField';
+export { Select, type SelectOption, type SelectProps } from './input/Select';
+export { StorageInput, type StorageInputProps } from './input/StorageInput';
+export { Switch, type SwitchProps } from './input/Switch';
+export { TextArea, type TextAreaProps } from './input/TextArea';
+export { TextField, type TextFieldProps } from './input/TextField';
+export { MeetingGrid, type MeetingGridProps } from './meeting/MeetingGrid';
+export { ParticipantTile, type ParticipantTileProps } from './meeting/ParticipantTile';
+export { VideoSurface, type VideoSurfaceProps } from './meeting/VideoSurface';
+export { type MenuItem, type MenuItemAction, SidebarMenu } from './navigation/Sidebar';
+export { TabBar, type TabItem, Tabs, type TabsProps } from './navigation/Tabs';
+export { ConfirmDialog, type ConfirmDialogProps } from './overlays/ConfirmDialog';
+export { Dropdown, type DropdownOption, type DropdownProps, } from './overlays/Dropdown';
+export { Modal, type ModalProps } from './overlays/Modal';
+export { Popover, type PopoverProps } from './overlays/Popover';
 export * from './primitives/Box';
 export * from './primitives/Card';
+export { Heading, type HeadingProps } from './typography/Heading';
 export * from './typography/Text';
-export { FederatedResource } from './federated-resource/index';
-export { ErrorBoundary } from './error-boundary/index';
+export { Text, type TextProps } from './typography/Text';
+export { type CatTone, catTone } from './utils/catTone';
+export { cn, createSizes, createVariants } from './utils/cn';
+export { IDENTITY_TONE_COUNT, type IdentityTone, identityDotClass, identityPlateClass, identityTone, } from './utils/identity';
+export { normalizeText, text } from './utils/text';
+export { type AnchoredPositionOptions, useAnchoredPosition, } from './utils/useAnchoredPosition';

package/dist/src/input/Checkbox.d.ts

@@ -1,44 +1,17 @@
 import { default as React } from 'react';
-export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /**
-     * The label for the checkbox
-     */
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
     label?: string;
-    /**
-     * Helper text to display below the checkbox
-     */
     helperText?: string;
-    /**
-     * Error message to display when the checkbox is invalid
-     */
     error?: string;
-    /**
-     * The size of the checkbox
-     */
-    size?: 'sm' | 'md' | 'lg' | 'full';
-    /**
-     * Whether the checkbox is in an indeterminate state
-     */
+    size?: "sm" | "md" | "lg" | "full";
     indeterminate?: boolean;
-    /**
-     * Additional class name for the container
-     */
+    /** Additional class name for the container */
     containerClassName?: string;
-    /**
-     * Additional class name for the label
-     */
+    /** Additional class name for the label */
     labelClassName?: string;
 }
 /**
- * Checkbox component with theme integration.
- *
- * Uses the native input with `accent-color`, so the checked fill is the accent
+ * Native checkbox styled via `accent-color`: the checked fill is the accent
  * token and dark mode needs no extra classes.
- *
- * @example
- * ```tsx
- * <Checkbox label="Voorwaarden accepteren" />
- * <Checkbox label="Alles selecteren" indeterminate />
- * ```
  */
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/input/DatePicker.d.ts

@@ -1,24 +1,14 @@
 export interface DatePickerProps {
-    /** Current date value */
     value?: Date | null;
-    /** Change handler */
     onChange?: (date: Date | null) => void;
-    /** Placeholder text */
     placeholder?: string;
-    /** Whether the input is disabled */
     disabled?: boolean;
-    /** Whether the input is required */
     required?: boolean;
-    /** Input size */
-    size?: 'sm' | 'md' | 'lg' | 'full';
-    /** Additional CSS classes */
+    size?: "sm" | "md" | "lg" | "full";
     className?: string;
-    /** Minimum selectable date */
     minDate?: Date;
-    /** Maximum selectable date */
     maxDate?: Date;
-    /** Date format for display */
-    format?: 'MM/dd/yyyy' | 'dd/MM/yyyy' | 'yyyy-MM-dd';
+    format?: "MM/dd/yyyy" | "dd/MM/yyyy" | "yyyy-MM-dd";
     /**
      * Also pick a time. The display gains `HH:mm`, the panel gains a time field,
      * and choosing a day keeps the time already on the value instead of resetting
@@ -26,7 +16,4 @@ export interface DatePickerProps {
      */
     withTime?: boolean;
 }
-/**
- * DatePicker component with calendar popup
- */
 export declare const DatePicker: import('react').ForwardRefExoticComponent<DatePickerProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/src/input/SearchField.d.ts

@@ -24,10 +24,5 @@ export interface SearchFieldProps extends Omit<React.InputHTMLAttributes<HTMLInp
  *
  * Three places had grown their own copy of it (the nav search, the settings
  * search, the table toolbar); they share this one now.
- *
- * @example
- * ```tsx
- * <SearchField value={query} onValueChange={setQuery} placeholder="Zoeken" hint="⌘K" />
- * ```
  */
 export declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/input/SearchableTextField.d.ts

@@ -18,10 +18,9 @@ export interface SearchableTextFieldProps extends Omit<React.InputHTMLAttributes
     onSelect?: (value: string) => void;
     debounceTime?: number;
     /**
-     * Selector-modus: toon bij openen (focus/chevron) álle opties, ook wanneer de
-     * huidige waarde een reeds geselecteerde optie is. Pas zodra de gebruiker zelf
-     * typt wordt er gefilterd. Handig wanneer het veld eerder een keuzelijst is dan
-     * een vrije zoekopdracht (bv. een afzender-selector).
+     * Selector mode: on open (focus/chevron) show all options, even when the current
+     * value is an already-selected option; filter only once the user actually types.
+     * For fields that are more picker than free search (e.g. a sender selector).
      */
     showAllOnOpen?: boolean;
 }

package/dist/src/input/Select.d.ts

@@ -24,9 +24,9 @@ export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     labelClassName?: string;
     searchable?: boolean;
     multiple?: boolean;
-    /** Vrije invoer toestaan (Enter of klik op “Voeg toe…”) */
+    /** Allow free-text entry (Enter, or clicking the create row). */
     allowCreate?: boolean;
-    /** Optioneel: zelf bepalen hoe een nieuwe optie eruit ziet */
+    /** Optionally shape the option created from free-text input. */
     onCreateOption?: (label: string) => SelectOption;
 }
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/input/StorageInput.d.ts

@@ -29,7 +29,7 @@ export interface StorageInputProps {
         data: FilePointer;
     }> | undefined;
     onDownloadFile?: (fileId: string) => Promise<Uint8Array> | undefined;
-    onRegisterFile?: (payload: Omit<FilePointer, 'id'>) => Promise<{
+    onRegisterFile?: (payload: Omit<FilePointer, "id">) => Promise<{
         data: FilePointer;
     }> | undefined;
 }

package/dist/src/input/TextArea.d.ts

@@ -1,39 +1,14 @@
 import { default as React } from 'react';
-export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'> {
-    /**
-     * The label for the textarea field
-     */
+export interface TextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
     label?: string;
-    /**
-     * Helper text to display below the textarea
-     */
     helperText?: string;
-    /**
-     * Error message to display when the textarea is invalid
-     */
     error?: string;
-    /**
-     * The size of the textarea field
-     */
-    size?: 'sm' | 'md' | 'lg' | 'full';
-    /**
-     * Whether the textarea should take the full width of its container
-     */
+    size?: "sm" | "md" | "lg" | "full";
     fullWidth?: boolean;
-    /**
-     * Whether the textarea is in a loading state
-     */
     loading?: boolean;
-    /**
-     * Additional class name for the container
-     */
+    /** Additional class name for the container */
     containerClassName?: string;
-    /**
-     * Additional class name for the label
-     */
+    /** Additional class name for the label */
     labelClassName?: string;
 }
-/**
- * TextArea component with theme integration and validation states
- */
 export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/src/input/TextField.d.ts

@@ -1,44 +1,16 @@
 import { default as React } from 'react';
-export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    /**
-     * The label for the input field
-     */
+export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
     label?: string;
-    /**
-     * Helper text to display below the input
-     */
     helperText?: string;
-    /**
-     * Error message to display when the input is invalid
-     */
     error?: string;
-    /**
-     * The size of the input field
-     */
-    size?: 'sm' | 'md' | 'lg' | 'full';
-    /**
-     * Whether the input should take the full width of its container
-     */
+    size?: "sm" | "md" | "lg" | "full";
     fullWidth?: boolean;
-    /**
-     * Icon to display at the start of the input
-     */
     startIcon?: React.ReactNode;
-    /**
-     * Icon to display at the end of the input
-     */
     endIcon?: React.ReactNode;
-    /**
-     * Whether the input is in a loading state
-     */
     loading?: boolean;
-    /**
-     * Additional class name for the container
-     */
+    /** Additional class name for the container */
     containerClassName?: string;
-    /**
-     * Additional class name for the label
-     */
+    /** Additional class name for the label */
     labelClassName?: string;
 }
 /**
@@ -58,14 +30,5 @@ export declare const fieldLabelClasses = "mb-1.5 block text-sm font-medium";
 export declare const fieldFrameClasses: string;
 /** Resting / error edge, shared so every control agrees on what "invalid" looks like. */
 export declare const fieldEdgeClasses: (hasError: boolean) => "border-border-strong" | "border-danger-border bg-danger-soft";
-/**
- * TextField component with theme integration and validation states
- *
- * @example
- * ```tsx
- * <TextField label="E-mail" type="email" placeholder="naam@bedrijf.nl" />
- * <TextField label="Zoeken" startIcon={<Icon icon={Search} />} />
- * <TextField label="Wachtwoord" type="password" error="Verplicht veld" />
- * ```
- */
+/** Themed text input; shares its frame and label classes with TextArea, Select and DatePicker. */
 export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/src/meeting/MeetingGrid.d.ts

@@ -2,38 +2,39 @@ import { ReactNode } from 'react';
 export interface MeetingGridProps {
     tiles: ReactNode[];
     /**
-     * De tegel die het vlak krijgt — de dominante spreker, of de tegenpartij in een
-     * 1-op-1. De rest komt als strip eronder te staan.
+     * The tile that gets the main area — the dominant speaker, or the other
+     * party in a 1-on-1. The rest renders as a strip underneath.
      */
     pinned?: ReactNode;
     /**
-     * Hoeveel striptegels er hoogstens naast elkaar mogen. Wat er overblijft wordt één
-     * `+N`-tegel. Zonder dit past een vergadering van twaalf mensen zich in een dock van
-     * 448px in twaalf onleesbare streepjes, en dat is geen weergave meer maar een rij.
+     * Max strip tiles side by side; the overflow collapses into one `+N` tile.
+     * Without it a twelve-person meeting squeezes into a 448px dock as twelve
+     * unreadable slivers.
      */
     maxStrip?: number;
     className?: string;
 }
 export declare function columnsFor(count: number): string;
 /**
- * Layout primitive for meeting views. When `pinned` is provided it gets the
- * dominant area and remaining tiles render in a strip underneath. Otherwise tiles
- * flow in an auto-sized grid.
- *
- * **Het vlak bepaalt de tegels, niet andersom.** Elke cel is `min-w-0 min-h-0` en de rijen
- * delen de hoogte (`auto-rows-fr`), zodat het raster past in de doos die het krijgt. Geef de
- * tegels daarom `fill` mee: een tegel die zijn hoogte uit zijn eigen breedte haalt
- * (`aspect-video`, de standaard) duwt het raster buiten zijn oevers zodra het vlak lager is
- * dan die verhouding — precies wat er in de dock gebeurde.
- */
-/**
- * Hoeveel striptegels er getoond worden, en hoeveel er als `+N` overblijven.
+ * How many strip tiles to show, and how many collapse into `+N`.
  *
- * De teller neemt zelf een plek in — anders vervangt hij één tegel door de mededeling dat er
- * één tegel weg is, en dat is geen winst. Bij precies genoeg ruimte blijft hij dus weg.
+ * The counter takes a slot itself — otherwise it replaces one tile with the
+ * message that one tile is missing, which is no gain. With exactly enough
+ * room it stays away.
  */
 export declare function splitStrip(count: number, maxStrip?: number): {
     shown: number;
     hidden: number;
 };
+/**
+ * Layout primitive for meeting views. When `pinned` is provided it gets the
+ * dominant area and remaining tiles render in a strip underneath; otherwise
+ * tiles flow in an auto-sized grid.
+ *
+ * The pane sizes the tiles, not the other way around: every cell is
+ * `min-w-0 min-h-0` and rows share the height (`auto-rows-fr`) so the grid
+ * fits the box it gets. Give tiles `fill`: a tile that takes its height from
+ * its own width (`aspect-video`, the default) pushes the grid out of bounds
+ * once the pane is shorter than that ratio.
+ */
 export declare function MeetingGrid({ tiles, pinned, maxStrip, className }: MeetingGridProps): import("react").JSX.Element;

package/dist/src/meeting/ParticipantTile.d.ts

@@ -20,14 +20,10 @@ export interface ParticipantTileProps {
  * available; otherwise renders the `videoSlot` passed by the caller (typically
  * a <VideoSurface /> wired to a provider-specific stream renderer).
  *
- * **Alles binnenin schaalt met de tegel, niet met het venster.** De tegel is zelf een
- * container (`@container`), zodat de avatar een percentage van zijn eigen breedte kan zijn en
- * de naam pas verschijnt als er plek voor is. Dat is het verschil tussen een gesprek in de
- * hoek-dock en hetzelfde gesprek in theater-modus: dezelfde component, twee maten, en de
- * viewport-breakpoints van Tailwind (`md:`) zeggen daar niets zinnigs over — die kijken naar
- * het scherm, terwijl de tegel 120px breed kan zijn op een 4K-monitor.
- *
- * Vaste maten stonden hier eerder wél: een avatar van 64px en een naamlabel met `max-w-35`.
- * In een striptegel van 90px was de avatar breder dan de tegel en dekte het label hem af.
+ * Everything inside scales with the tile, not the window: the tile is its own
+ * `@container`, so the avatar is a share of the tile's width and the name only
+ * appears when there is room. Tailwind's viewport breakpoints (`md:`) look at
+ * the screen, while the tile can be 120px wide on a 4K monitor — fixed sizes
+ * (a 64px avatar, a `max-w-35` label) overflowed a 90px strip tile.
  */
 export declare function ParticipantTile({ name, avatarUrl, muted, speaking, hasVideo, videoSlot, className, fill, }: ParticipantTileProps): import("react").JSX.Element;

package/dist/src/meeting/VideoSurface.d.ts

@@ -13,4 +13,4 @@ export interface VideoSurfaceProps {
  * Provider-agnostic video tile surface. Owns the DOM slot; the caller wires
  * their SDK's renderer to it via `attach`.
  */
-export declare function VideoSurface({ attach, active, mirrored, className }: VideoSurfaceProps): import("react").JSX.Element;
+export declare function VideoSurface({ attach, active, mirrored, className, }: VideoSurfaceProps): import("react").JSX.Element;