@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.33

package/dist/components/ActivityFeed/index.d.cts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { LucideIcon } from 'lucide-react';
+import { A as Accent } from '../../types-CDeBNZiE.cjs';
+
+type ActivityFeedDensity = 'comfortable' | 'compact';
+interface ActivityFeedCategory {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    /** Token name, resolved to `--mieweb-*` colours. */
+    color?: Accent;
+}
+interface ActivityFeedActor {
+    name: string;
+    avatarUrl?: string;
+}
+interface ActivityFeedLabels {
+    loading: string;
+    empty: string;
+    /** Shown when items exist but the active filters hide all of them. */
+    noMatches: string;
+    error: string;
+    retry: string;
+    today: string;
+    yesterday: string;
+    undated: string;
+    pinned: string;
+    /** Accessible name of the category filter group. */
+    filters: string;
+    /** The chip that clears every filter. */
+    allCategories: string;
+    compact: string;
+    pin: string;
+    loadMore: string;
+    /** Announced politely after a filter change. */
+    resultCount: (count: number) => string;
+}
+declare const defaultActivityFeedLabels: ActivityFeedLabels;
+type ActivityFeedSlot = 'toolbar' | 'filter' | 'section' | 'dayHeader' | 'item' | 'highlightedItem' | 'state' | 'loadMore';
+interface ActivityFeedItemContext {
+    density: ActivityFeedDensity;
+    pinned: boolean;
+    category?: ActivityFeedCategory;
+}
+interface ActivityFeedProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: T[];
+    getId: (item: T) => string;
+    /** ISO string or `Date`. Date-only strings are wall dates in `timeZone`. */
+    getDate: (item: T) => Date | string | null | undefined;
+    /** Matched against `categories[].id`. */
+    getCategory?: (item: T) => string | undefined;
+    getTitle?: (item: T) => string | undefined;
+    getDescription?: (item: T) => string | undefined;
+    getActor?: (item: T) => ActivityFeedActor | undefined;
+    /** Filter chips, icons and colours, in display order. */
+    categories?: readonly ActivityFeedCategory[];
+    loading?: boolean;
+    error?: Error | null;
+    onRetry?: () => void;
+    /** BCP 47 locale for day headers and times. Defaults to the runtime's. */
+    locale?: string;
+    /** IANA zone that decides which day an item falls on. Defaults to local. */
+    timeZone?: string;
+    /** Pins "today" so stories and tests stay deterministic. */
+    now?: Date;
+    pinnedIds?: readonly string[];
+    /** Receives the requested state; the row moves optimistically and restores on rejection. */
+    onTogglePin?: (id: string, pinned: boolean) => void | Promise<void>;
+    onOpen?: (id: string, item: T) => void;
+    getHref?: (id: string, item: T) => string;
+    /** Scrolls this row into view and highlights it — for deep links. */
+    highlightedId?: string | null;
+    hasMore?: boolean;
+    /** The button shows pending until the returned promise settles. */
+    onLoadMore?: () => void | Promise<void>;
+    defaultCategories?: readonly string[];
+    defaultDensity?: ActivityFeedDensity;
+    /** Persists the selected categories and density in `localStorage` under this key. */
+    storageKey?: string;
+    /** Replaces the built-in row body. Pinning and opening still wrap it. */
+    renderItem?: (item: T, context: ActivityFeedItemContext) => React.ReactNode;
+    /** Extra content on the row's meta line (badges, durations, sentiment). */
+    renderItemMeta?: (item: T) => React.ReactNode;
+    /** Rendered under each day header, e.g. a roll-up of that day's calls. */
+    renderDaySummary?: (dayKey: string, items: T[]) => React.ReactNode;
+    emptyState?: React.ReactNode;
+    labels?: Partial<ActivityFeedLabels>;
+    classNames?: Partial<Record<ActivityFeedSlot, string>>;
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+/**
+ * A day-grouped feed of a record's activity. Declared
+ * `parameters.catalog.collection` — its load states are part of the API.
+ */
+declare const ActivityFeed: <T>(props: ActivityFeedProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+
+export { ActivityFeed, type ActivityFeedActor, type ActivityFeedCategory, type ActivityFeedDensity, type ActivityFeedItemContext, type ActivityFeedLabels, type ActivityFeedProps, type ActivityFeedSlot, defaultActivityFeedLabels };

package/dist/components/ActivityFeed/index.d.ts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { LucideIcon } from 'lucide-react';
+import { A as Accent } from '../../types-CDeBNZiE.js';
+
+type ActivityFeedDensity = 'comfortable' | 'compact';
+interface ActivityFeedCategory {
+    id: string;
+    label: string;
+    icon?: LucideIcon;
+    /** Token name, resolved to `--mieweb-*` colours. */
+    color?: Accent;
+}
+interface ActivityFeedActor {
+    name: string;
+    avatarUrl?: string;
+}
+interface ActivityFeedLabels {
+    loading: string;
+    empty: string;
+    /** Shown when items exist but the active filters hide all of them. */
+    noMatches: string;
+    error: string;
+    retry: string;
+    today: string;
+    yesterday: string;
+    undated: string;
+    pinned: string;
+    /** Accessible name of the category filter group. */
+    filters: string;
+    /** The chip that clears every filter. */
+    allCategories: string;
+    compact: string;
+    pin: string;
+    loadMore: string;
+    /** Announced politely after a filter change. */
+    resultCount: (count: number) => string;
+}
+declare const defaultActivityFeedLabels: ActivityFeedLabels;
+type ActivityFeedSlot = 'toolbar' | 'filter' | 'section' | 'dayHeader' | 'item' | 'highlightedItem' | 'state' | 'loadMore';
+interface ActivityFeedItemContext {
+    density: ActivityFeedDensity;
+    pinned: boolean;
+    category?: ActivityFeedCategory;
+}
+interface ActivityFeedProps<T> extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: T[];
+    getId: (item: T) => string;
+    /** ISO string or `Date`. Date-only strings are wall dates in `timeZone`. */
+    getDate: (item: T) => Date | string | null | undefined;
+    /** Matched against `categories[].id`. */
+    getCategory?: (item: T) => string | undefined;
+    getTitle?: (item: T) => string | undefined;
+    getDescription?: (item: T) => string | undefined;
+    getActor?: (item: T) => ActivityFeedActor | undefined;
+    /** Filter chips, icons and colours, in display order. */
+    categories?: readonly ActivityFeedCategory[];
+    loading?: boolean;
+    error?: Error | null;
+    onRetry?: () => void;
+    /** BCP 47 locale for day headers and times. Defaults to the runtime's. */
+    locale?: string;
+    /** IANA zone that decides which day an item falls on. Defaults to local. */
+    timeZone?: string;
+    /** Pins "today" so stories and tests stay deterministic. */
+    now?: Date;
+    pinnedIds?: readonly string[];
+    /** Receives the requested state; the row moves optimistically and restores on rejection. */
+    onTogglePin?: (id: string, pinned: boolean) => void | Promise<void>;
+    onOpen?: (id: string, item: T) => void;
+    getHref?: (id: string, item: T) => string;
+    /** Scrolls this row into view and highlights it — for deep links. */
+    highlightedId?: string | null;
+    hasMore?: boolean;
+    /** The button shows pending until the returned promise settles. */
+    onLoadMore?: () => void | Promise<void>;
+    defaultCategories?: readonly string[];
+    defaultDensity?: ActivityFeedDensity;
+    /** Persists the selected categories and density in `localStorage` under this key. */
+    storageKey?: string;
+    /** Replaces the built-in row body. Pinning and opening still wrap it. */
+    renderItem?: (item: T, context: ActivityFeedItemContext) => React.ReactNode;
+    /** Extra content on the row's meta line (badges, durations, sentiment). */
+    renderItemMeta?: (item: T) => React.ReactNode;
+    /** Rendered under each day header, e.g. a roll-up of that day's calls. */
+    renderDaySummary?: (dayKey: string, items: T[]) => React.ReactNode;
+    emptyState?: React.ReactNode;
+    labels?: Partial<ActivityFeedLabels>;
+    classNames?: Partial<Record<ActivityFeedSlot, string>>;
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+/**
+ * A day-grouped feed of a record's activity. Declared
+ * `parameters.catalog.collection` — its load states are part of the API.
+ */
+declare const ActivityFeed: <T>(props: ActivityFeedProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => React.ReactElement;
+
+export { ActivityFeed, type ActivityFeedActor, type ActivityFeedCategory, type ActivityFeedDensity, type ActivityFeedItemContext, type ActivityFeedLabels, type ActivityFeedProps, type ActivityFeedSlot, defaultActivityFeedLabels };

package/dist/components/ActivityFeed/index.js

@@ -0,0 +1,18 @@
+export { ActivityFeed, defaultActivityFeedLabels } from '../../chunk-X5JOEZVR.js';
+import '../../chunk-YGS2TRMP.js';
+import '../../chunk-FTEZNCRI.js';
+import '../../chunk-Y424YL55.js';
+import '../../chunk-ZIUADGAR.js';
+import '../../chunk-H2Y7HZV5.js';
+import '../../chunk-DVDT7TX7.js';
+import '../../chunk-TI3TQQ7F.js';
+import '../../chunk-3YBS4WUQ.js';
+import '../../chunk-HNXLLDPN.js';
+import '../../chunk-XDU65GLW.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
+import '../../chunk-GVM6DTR5.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/ActivityFeed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/AlertDialog/index.cjs

@@ -1,11 +1,12 @@
 'use strict';
 
-var chunk6N6LIAUJ_cjs = require('../../chunk-6N6LIAUJ.cjs');
-require('../../chunk-T4L7Q5FA.cjs');
+var chunkUTIPENPW_cjs = require('../../chunk-UTIPENPW.cjs');
+require('../../chunk-LC3JL2HB.cjs');
 require('../../chunk-NNEFAUHV.cjs');
 require('../../chunk-FHY3K6PL.cjs');
 require('../../chunk-SCV7C55E.cjs');
-require('../../chunk-X6A27RGO.cjs');
+require('../../chunk-EACNRR3C.cjs');
+require('../../chunk-ANMX7YDL.cjs');
 require('../../chunk-DXEPYK3I.cjs');
 require('../../chunk-IEY3ZJIT.cjs');
 require('../../chunk-S5RVSXDV.cjs');
@@ -15,7 +16,19 @@ require('../../chunk-EUAMEVVI.cjs');
 
 Object.defineProperty(exports, "AlertDialog", {
   enumerable: true,
-  get: function () { return chunk6N6LIAUJ_cjs.AlertDialog; }
+  get: function () { return chunkUTIPENPW_cjs.AlertDialog; }
+});
+Object.defineProperty(exports, "ConfirmDialogProvider", {
+  enumerable: true,
+  get: function () { return chunkUTIPENPW_cjs.ConfirmDialogProvider; }
+});
+Object.defineProperty(exports, "defaultAlertDialogLabels", {
+  enumerable: true,
+  get: function () { return chunkUTIPENPW_cjs.defaultAlertDialogLabels; }
+});
+Object.defineProperty(exports, "useConfirm", {
+  enumerable: true,
+  get: function () { return chunkUTIPENPW_cjs.useConfirm; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/components/AlertDialog/index.d.cts

@@ -29,6 +29,18 @@ interface ModalProps extends VariantProps<typeof modalContentVariants> {
     'aria-describedby'?: string;
 }
 
+type AlertDialogVariant = 'default' | 'destructive' | 'warning' | 'success' | 'info';
+interface AlertDialogLabels {
+    /** Cancel button */
+    cancel: string;
+    /** Action button */
+    action: string;
+    /** Action button while an async `onAction` is pending */
+    busy: string;
+    /** Action button of `useConfirm().alert()` */
+    acknowledge: string;
+}
+declare const defaultAlertDialogLabels: AlertDialogLabels;
 interface AlertDialogProps extends Pick<ModalProps, 'open' | 'onOpenChange'> {
     /** Dialog title */
     title: React.ReactNode;
@@ -36,29 +48,34 @@ interface AlertDialogProps extends Pick<ModalProps, 'open' | 'onOpenChange'> {
     description?: React.ReactNode;
     /** Custom body content (rendered below the description) */
     children?: React.ReactNode;
-    /** Label for the cancel button (default "Cancel") */
+    /** Label for the cancel button; overrides `labels.cancel` */
     cancelLabel?: React.ReactNode;
-    /** Label for the confirm/action button (default "Continue") */
+    /** Label for the confirm/action button; overrides `labels.action` */
     actionLabel?: React.ReactNode;
-    /** Called when the action button is clicked */
-    onAction?: () => void;
+    /**
+     * Called when the action button is clicked. Return a Promise to show a busy
+     * state; the dialog closes when it resolves and stays open if it rejects.
+     */
+    onAction?: () => void | Promise<unknown>;
     /** Called when the cancel button is clicked */
     onCancel?: () => void;
-    /** Visual emphasis for the action button */
-    variant?: 'default' | 'destructive';
+    /** Tone of the dialog: icon, action button colour and initial focus */
+    variant?: AlertDialogVariant;
     /** Disables the action button */
     actionDisabled?: boolean;
     /** Hides the cancel button */
     hideCancel?: boolean;
+    /** User-facing strings; English defaults in `defaultAlertDialogLabels` */
+    labels?: Partial<AlertDialogLabels>;
     /** Additional class name for the dialog content */
     className?: string;
 }
 /**
- * A modal dialog that interrupts the user with important content and expects
- * a response. Built on top of {@link Modal}.
+ * A modal dialog (`role="alertdialog"`) that interrupts the user with
+ * important content and expects a response. Built on top of {@link Modal}.
  *
- * Unlike a regular Modal, it does not close on overlay click or Escape by
- * default — the user must explicitly choose an action.
+ * It does not close on overlay click or Escape — the user must explicitly
+ * choose an action.
  *
  * @example
  * ```tsx
@@ -69,13 +86,49 @@ interface AlertDialogProps extends Pick<ModalProps, 'open' | 'onOpenChange'> {
  *   description="This action cannot be undone."
  *   variant="destructive"
  *   actionLabel="Delete"
- *   onAction={handleDelete}
+ *   onAction={() => deleteCase(id)}
  * />
  * ```
  */
-declare function AlertDialog({ open, onOpenChange, title, description, children, cancelLabel, actionLabel, onAction, onCancel, variant, actionDisabled, hideCancel, className, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare function AlertDialog({ open, onOpenChange, title, description, children, cancelLabel, actionLabel, onAction, onCancel, variant, actionDisabled, hideCancel, labels, className, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
 declare namespace AlertDialog {
     var displayName: string;
 }
 
-export { AlertDialog, type AlertDialogProps };
+interface ConfirmOptions {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actionLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    variant?: AlertDialogVariant;
+}
+type AlertOptions = Omit<ConfirmOptions, 'cancelLabel'>;
+interface ConfirmApi {
+    /** Resolves `true` when the user confirms, `false` when they cancel. */
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+    /** Shows a dialog with only an acknowledge button; resolves when dismissed. */
+    alert: (options: AlertOptions) => Promise<void>;
+}
+interface ConfirmDialogProviderProps {
+    children: React.ReactNode;
+    /** Default strings for every dialog the provider opens */
+    labels?: Partial<AlertDialogLabels>;
+}
+/**
+ * Renders one {@link AlertDialog} and exposes it imperatively through
+ * {@link useConfirm}. Mount once near the app root.
+ */
+declare function ConfirmDialogProvider({ children, labels, }: ConfirmDialogProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Promise-based confirm/alert dialogs. Requires a {@link ConfirmDialogProvider}
+ * ancestor.
+ *
+ * @example
+ * ```tsx
+ * const { confirm } = useConfirm();
+ * if (await confirm({ title: 'Delete case?', variant: 'destructive' })) remove();
+ * ```
+ */
+declare function useConfirm(): ConfirmApi;
+
+export { AlertDialog, type AlertDialogLabels, type AlertDialogProps, type AlertDialogVariant, type AlertOptions, type ConfirmApi, ConfirmDialogProvider, type ConfirmDialogProviderProps, type ConfirmOptions, defaultAlertDialogLabels, useConfirm };

package/dist/components/AlertDialog/index.d.ts

@@ -29,6 +29,18 @@ interface ModalProps extends VariantProps<typeof modalContentVariants> {
     'aria-describedby'?: string;
 }
 
+type AlertDialogVariant = 'default' | 'destructive' | 'warning' | 'success' | 'info';
+interface AlertDialogLabels {
+    /** Cancel button */
+    cancel: string;
+    /** Action button */
+    action: string;
+    /** Action button while an async `onAction` is pending */
+    busy: string;
+    /** Action button of `useConfirm().alert()` */
+    acknowledge: string;
+}
+declare const defaultAlertDialogLabels: AlertDialogLabels;
 interface AlertDialogProps extends Pick<ModalProps, 'open' | 'onOpenChange'> {
     /** Dialog title */
     title: React.ReactNode;
@@ -36,29 +48,34 @@ interface AlertDialogProps extends Pick<ModalProps, 'open' | 'onOpenChange'> {
     description?: React.ReactNode;
     /** Custom body content (rendered below the description) */
     children?: React.ReactNode;
-    /** Label for the cancel button (default "Cancel") */
+    /** Label for the cancel button; overrides `labels.cancel` */
     cancelLabel?: React.ReactNode;
-    /** Label for the confirm/action button (default "Continue") */
+    /** Label for the confirm/action button; overrides `labels.action` */
     actionLabel?: React.ReactNode;
-    /** Called when the action button is clicked */
-    onAction?: () => void;
+    /**
+     * Called when the action button is clicked. Return a Promise to show a busy
+     * state; the dialog closes when it resolves and stays open if it rejects.
+     */
+    onAction?: () => void | Promise<unknown>;
     /** Called when the cancel button is clicked */
     onCancel?: () => void;
-    /** Visual emphasis for the action button */
-    variant?: 'default' | 'destructive';
+    /** Tone of the dialog: icon, action button colour and initial focus */
+    variant?: AlertDialogVariant;
     /** Disables the action button */
     actionDisabled?: boolean;
     /** Hides the cancel button */
     hideCancel?: boolean;
+    /** User-facing strings; English defaults in `defaultAlertDialogLabels` */
+    labels?: Partial<AlertDialogLabels>;
     /** Additional class name for the dialog content */
     className?: string;
 }
 /**
- * A modal dialog that interrupts the user with important content and expects
- * a response. Built on top of {@link Modal}.
+ * A modal dialog (`role="alertdialog"`) that interrupts the user with
+ * important content and expects a response. Built on top of {@link Modal}.
  *
- * Unlike a regular Modal, it does not close on overlay click or Escape by
- * default — the user must explicitly choose an action.
+ * It does not close on overlay click or Escape — the user must explicitly
+ * choose an action.
  *
  * @example
  * ```tsx
@@ -69,13 +86,49 @@ interface AlertDialogProps extends Pick<ModalProps, 'open' | 'onOpenChange'> {
  *   description="This action cannot be undone."
  *   variant="destructive"
  *   actionLabel="Delete"
- *   onAction={handleDelete}
+ *   onAction={() => deleteCase(id)}
  * />
  * ```
  */
-declare function AlertDialog({ open, onOpenChange, title, description, children, cancelLabel, actionLabel, onAction, onCancel, variant, actionDisabled, hideCancel, className, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+declare function AlertDialog({ open, onOpenChange, title, description, children, cancelLabel, actionLabel, onAction, onCancel, variant, actionDisabled, hideCancel, labels, className, }: AlertDialogProps): react_jsx_runtime.JSX.Element;
 declare namespace AlertDialog {
     var displayName: string;
 }
 
-export { AlertDialog, type AlertDialogProps };
+interface ConfirmOptions {
+    title: React.ReactNode;
+    description?: React.ReactNode;
+    actionLabel?: React.ReactNode;
+    cancelLabel?: React.ReactNode;
+    variant?: AlertDialogVariant;
+}
+type AlertOptions = Omit<ConfirmOptions, 'cancelLabel'>;
+interface ConfirmApi {
+    /** Resolves `true` when the user confirms, `false` when they cancel. */
+    confirm: (options: ConfirmOptions) => Promise<boolean>;
+    /** Shows a dialog with only an acknowledge button; resolves when dismissed. */
+    alert: (options: AlertOptions) => Promise<void>;
+}
+interface ConfirmDialogProviderProps {
+    children: React.ReactNode;
+    /** Default strings for every dialog the provider opens */
+    labels?: Partial<AlertDialogLabels>;
+}
+/**
+ * Renders one {@link AlertDialog} and exposes it imperatively through
+ * {@link useConfirm}. Mount once near the app root.
+ */
+declare function ConfirmDialogProvider({ children, labels, }: ConfirmDialogProviderProps): react_jsx_runtime.JSX.Element;
+/**
+ * Promise-based confirm/alert dialogs. Requires a {@link ConfirmDialogProvider}
+ * ancestor.
+ *
+ * @example
+ * ```tsx
+ * const { confirm } = useConfirm();
+ * if (await confirm({ title: 'Delete case?', variant: 'destructive' })) remove();
+ * ```
+ */
+declare function useConfirm(): ConfirmApi;
+
+export { AlertDialog, type AlertDialogLabels, type AlertDialogProps, type AlertDialogVariant, type AlertOptions, type ConfirmApi, ConfirmDialogProvider, type ConfirmDialogProviderProps, type ConfirmOptions, defaultAlertDialogLabels, useConfirm };

package/dist/components/AlertDialog/index.js

@@ -1,9 +1,10 @@
-export { AlertDialog } from '../../chunk-UBSH27C2.js';
-import '../../chunk-ENMXHZNE.js';
+export { AlertDialog, ConfirmDialogProvider, defaultAlertDialogLabels, useConfirm } from '../../chunk-56VTM4OX.js';
+import '../../chunk-TWQSMUE6.js';
 import '../../chunk-4SMSH4OY.js';
 import '../../chunk-T4ME7QCT.js';
 import '../../chunk-VSQF22GL.js';
-import '../../chunk-7YO7DNUV.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
 import '../../chunk-GVM6DTR5.js';
 import '../../chunk-F4N67NAF.js';
 import '../../chunk-TQONQSJO.js';

package/dist/components/AssociationList/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var chunkVOYLX32A_cjs = require('../../chunk-VOYLX32A.cjs');
+require('../../chunk-IWRBJHO3.cjs');
+require('../../chunk-7IRTD4JT.cjs');
+require('../../chunk-YGA35Z2P.cjs');
+require('../../chunk-VBWRH4UW.cjs');
+require('../../chunk-P22YCUVM.cjs');
+require('../../chunk-Q3YVLO52.cjs');
+require('../../chunk-GKDHMNUA.cjs');
+require('../../chunk-YVL3XATO.cjs');
+require('../../chunk-EACNRR3C.cjs');
+require('../../chunk-ANMX7YDL.cjs');
+require('../../chunk-DXEPYK3I.cjs');
+require('../../chunk-S5RVSXDV.cjs');
+require('../../chunk-EUAMEVVI.cjs');
+
+
+
+Object.defineProperty(exports, "AssociationList", {
+  enumerable: true,
+  get: function () { return chunkVOYLX32A_cjs.AssociationList; }
+});
+Object.defineProperty(exports, "defaultAssociationListLabels", {
+  enumerable: true,
+  get: function () { return chunkVOYLX32A_cjs.defaultAssociationListLabels; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/AssociationList/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/AssociationList/index.d.cts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+
+interface AssociationListItem {
+    id: string;
+    name: string;
+    subtitle?: string;
+    avatarUrl?: string;
+}
+interface AssociationListLabels {
+    loading: string;
+    empty: string;
+    error: string;
+    retry: string;
+    add: string;
+    /** Accessible name of an item's remove button. */
+    remove: (name: string) => string;
+    showAll: (count: number) => string;
+    showLess: string;
+}
+declare const defaultAssociationListLabels: AssociationListLabels;
+type AssociationListSlot = 'header' | 'list' | 'item' | 'toggle' | 'state';
+interface AssociationListProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {
+    /** Card heading, e.g. "Contacts". */
+    title: string;
+    items: AssociationListItem[];
+    loading?: boolean;
+    error?: Error | null;
+    onRetry?: () => void;
+    /** Items shown before "Show all". Defaults to 5. */
+    maxVisible?: number;
+    onOpen?: (id: string, item: AssociationListItem) => void;
+    getHref?: (id: string, item: AssociationListItem) => string;
+    /** Renders the header's add button. */
+    onAdd?: () => void;
+    /** Confirmation is the caller's; the row shows pending until the promise settles. */
+    onRemove?: (id: string, item: AssociationListItem) => void | Promise<void>;
+    /** Trailing content per row, e.g. a role badge. */
+    renderItemMeta?: (item: AssociationListItem) => React.ReactNode;
+    emptyState?: React.ReactNode;
+    labels?: Partial<AssociationListLabels>;
+    classNames?: Partial<Record<AssociationListSlot, string>>;
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+/**
+ * A card of records related to the current one. Declared
+ * `parameters.catalog.collection` — its load states are part of the API.
+ */
+declare const AssociationList: React.ForwardRefExoticComponent<AssociationListProps & React.RefAttributes<HTMLElement>>;
+
+export { AssociationList, type AssociationListItem, type AssociationListLabels, type AssociationListProps, type AssociationListSlot, defaultAssociationListLabels };

package/dist/components/AssociationList/index.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+
+interface AssociationListItem {
+    id: string;
+    name: string;
+    subtitle?: string;
+    avatarUrl?: string;
+}
+interface AssociationListLabels {
+    loading: string;
+    empty: string;
+    error: string;
+    retry: string;
+    add: string;
+    /** Accessible name of an item's remove button. */
+    remove: (name: string) => string;
+    showAll: (count: number) => string;
+    showLess: string;
+}
+declare const defaultAssociationListLabels: AssociationListLabels;
+type AssociationListSlot = 'header' | 'list' | 'item' | 'toggle' | 'state';
+interface AssociationListProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children' | 'title'> {
+    /** Card heading, e.g. "Contacts". */
+    title: string;
+    items: AssociationListItem[];
+    loading?: boolean;
+    error?: Error | null;
+    onRetry?: () => void;
+    /** Items shown before "Show all". Defaults to 5. */
+    maxVisible?: number;
+    onOpen?: (id: string, item: AssociationListItem) => void;
+    getHref?: (id: string, item: AssociationListItem) => string;
+    /** Renders the header's add button. */
+    onAdd?: () => void;
+    /** Confirmation is the caller's; the row shows pending until the promise settles. */
+    onRemove?: (id: string, item: AssociationListItem) => void | Promise<void>;
+    /** Trailing content per row, e.g. a role badge. */
+    renderItemMeta?: (item: AssociationListItem) => React.ReactNode;
+    emptyState?: React.ReactNode;
+    labels?: Partial<AssociationListLabels>;
+    classNames?: Partial<Record<AssociationListSlot, string>>;
+    headingLevel?: 'h2' | 'h3' | 'h4';
+}
+/**
+ * A card of records related to the current one. Declared
+ * `parameters.catalog.collection` — its load states are part of the API.
+ */
+declare const AssociationList: React.ForwardRefExoticComponent<AssociationListProps & React.RefAttributes<HTMLElement>>;
+
+export { AssociationList, type AssociationListItem, type AssociationListLabels, type AssociationListProps, type AssociationListSlot, defaultAssociationListLabels };

package/dist/components/AssociationList/index.js

@@ -0,0 +1,16 @@
+export { AssociationList, defaultAssociationListLabels } from '../../chunk-LRRSD7LR.js';
+import '../../chunk-FTEZNCRI.js';
+import '../../chunk-Y424YL55.js';
+import '../../chunk-ZIUADGAR.js';
+import '../../chunk-IQ4KQJAO.js';
+import '../../chunk-H2Y7HZV5.js';
+import '../../chunk-DVDT7TX7.js';
+import '../../chunk-TI3TQQ7F.js';
+import '../../chunk-BMSG4NBH.js';
+import '../../chunk-N5JDL4VE.js';
+import '../../chunk-WFBUBT54.js';
+import '../../chunk-GVM6DTR5.js';
+import '../../chunk-TQONQSJO.js';
+import '../../chunk-PX6F3LHL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/AssociationList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}