eidos-ui 2.0.0 → 2.1.0

package/dist/Avatar.types-BY-C09Ke.d.cts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+
+type AvatarSize = 'sm' | 'md' | 'lg';
+type AvatarColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'gray';
+interface AvatarProps {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    color?: AvatarColor;
+    shape?: 'circle' | 'square';
+    fallback?: React__default.ReactNode;
+    className?: string;
+    onClick?: () => void;
+}
+interface AvatarGroupProps {
+    children: React__default.ReactNode;
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+}
+
+export type { AvatarColor as A, AvatarGroupProps as a, AvatarProps as b, AvatarSize as c };

package/dist/Avatar.types-BY-C09Ke.d.ts

@@ -0,0 +1,23 @@
+import React__default from 'react';
+
+type AvatarSize = 'sm' | 'md' | 'lg';
+type AvatarColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'gray';
+interface AvatarProps {
+    src?: string;
+    alt?: string;
+    name?: string;
+    size?: AvatarSize;
+    color?: AvatarColor;
+    shape?: 'circle' | 'square';
+    fallback?: React__default.ReactNode;
+    className?: string;
+    onClick?: () => void;
+}
+interface AvatarGroupProps {
+    children: React__default.ReactNode;
+    max?: number;
+    size?: AvatarSize;
+    className?: string;
+}
+
+export type { AvatarColor as A, AvatarGroupProps as a, AvatarProps as b, AvatarSize as c };

package/dist/{Header.types-BZi80bWz.d.cts → Header.types-B3QtuiL-.d.cts}

@@ -1,10 +1,14 @@
 import { T as TextButtonProps, I as IconButtonProps } from './Button.types-DZRCVqyN.cjs';
 
 interface HeaderProps {
-    /** Page or section title. */
-    title: string;
+    /**
+     * Page or section title. Accepts inline nodes alongside the text - a
+     * status `Pill`/`Chip` beside the title is the common case - not just a
+     * string. Keep the children inline-level; the title is a heading.
+     */
+    title: React.ReactNode;
     /** Supporting text rendered below the title. */
-    subtitle?: string | React.ReactNode;
+    subtitle?: React.ReactNode;
     /** Trailing action buttons, rendered right-aligned. */
     actions?: HeaderActionProps[];
     className?: string;

package/dist/{Header.types-DJt-q01P.d.ts → Header.types-C6w0FBY8.d.ts}

@@ -1,10 +1,14 @@
 import { T as TextButtonProps, I as IconButtonProps } from './Button.types-BH0CPyPx.js';
 
 interface HeaderProps {
-    /** Page or section title. */
-    title: string;
+    /**
+     * Page or section title. Accepts inline nodes alongside the text - a
+     * status `Pill`/`Chip` beside the title is the common case - not just a
+     * string. Keep the children inline-level; the title is a heading.
+     */
+    title: React.ReactNode;
     /** Supporting text rendered below the title. */
-    subtitle?: string | React.ReactNode;
+    subtitle?: React.ReactNode;
     /** Trailing action buttons, rendered right-aligned. */
     actions?: HeaderActionProps[];
     className?: string;

package/dist/{Table.types-Cl5gR8r9.d.cts → Table.types-CPj-udMc.d.cts}

@@ -85,9 +85,30 @@ interface TableColumnCommon {
     }[];
     dateFilterMode?: 'single' | 'multiple' | 'range';
     width?: string;
+    /**
+     * Cell text alignment. Applies in table mode only: card view renders each
+     * field as a label above its value, where aligning the value away from its
+     * own label reads as a misalignment rather than a choice.
+     *
+     * Ignored on `type: 'icon'` and `type: 'action'` columns, which are always
+     * centred - they hold a single control in a fixed-width cell, so there is
+     * nothing to align it within. `DataGrid`'s actions column behaves the same.
+     */
     align?: 'left' | 'center' | 'right';
     /** Enables position:sticky on this column */
     pin?: 'left' | 'right';
+    /**
+     * Render this column's value as the card's title instead of a label:value
+     * field row. Only the first column with `cardHeader` set is used - if
+     * several are marked, the rest render as normal fields.
+     */
+    cardHeader?: boolean;
+    /**
+     * Render this column's value as the card's subtitle, directly under the
+     * `cardHeader` value. Only the first column with `cardSubheader` set is
+     * used. Has no effect without a `cardHeader` column also being set.
+     */
+    cardSubheader?: boolean;
 }
 /**
  * A column bound to the row field named by `key`, which is what lets `render`
@@ -170,7 +191,48 @@ interface TableProps<T extends object = Record<string, unknown>> {
     rowKey?: RowKey<T>;
     selectedRows?: string[];
     defaultSelectedRows?: string[];
+    /**
+     * Fires with every selected key, plus the row object for each of those keys.
+     *
+     * `selectedKeys` is authoritative; `selectedRows` is best-effort. The row
+     * for each selected key is cached, so a row selected while it was rendered
+     * still comes back after `data` has moved on - but a key that was selected
+     * before the table ever saw its row (seeded via `defaultSelectedRows`, say)
+     * has no row to hand back.
+     */
     onSelectionChange?: (selectedKeys: string[], selectedRows: T[]) => void;
+    /**
+     * What the select-all control acts on - the header checkbox in table mode,
+     * or the toolbar checkbox in card view (where there is no header row):
+     *
+     * - `'all'` - every row in `data`, across pages.
+     * - `'page'` - only the rows currently rendered.
+     *
+     * Either way it only ever adds to or removes from the rows in its own
+     * scope, so a selection made on another page survives.
+     *
+     * `'all'` can only reach the rows the table actually holds: if `data` is one
+     * page of a larger set (with `totalItems` describing the whole), it cannot
+     * know the keys of rows it has never received, and says so with a dev-only
+     * warning. Matches `DataGrid.selectAllScope`.
+     *
+     * @default 'all'
+     */
+    selectAllScope?: 'all' | 'page';
+    /**
+     * Resolves the keys of **every** row matching the current query, including
+     * rows not present in `data`. Supplying it adds a "Select all N" action to
+     * the toolbar once everything the table does hold is selected.
+     *
+     * Only relevant when `data` is a subset of a larger set and `totalItems`
+     * describes the whole - a table paginating its own `data` already has every
+     * key. Called with no arguments, may be async (the action shows a loading
+     * state), and whatever it returns replaces the selection.
+     *
+     * Matches `DataGrid.onSelectAllMatching`, which is where this mostly earns
+     * its keep: `DataGrid` has a real server-side pagination mode.
+     */
+    onSelectAllMatching?: () => string[] | Promise<string[]>;
     bulkActions?: BulkAction<T>[];
     density?: 'compact' | 'comfortable' | 'spacious';
     showColumnVisibility?: boolean;
@@ -178,6 +240,39 @@ interface TableProps<T extends object = Record<string, unknown>> {
     showDensity?: boolean;
     draggableColumns?: boolean;
     onColumnReorder?: (newColumns: TableColumn<T>[]) => void;
+    /**
+     * On by default: below `cardViewBreakpoint`, or once the table's own width
+     * can no longer fit every visible column at a usable width, swap the table
+     * for a stacked list of cards - one per row. Only the row rendering
+     * changes; the toolbar, pagination, filtering, sorting and selection all
+     * keep working. `draggableColumns` has no effect in card view (there are no
+     * column headers to drag).
+     *
+     * Matches `DataGridProps.hasCardView` - both components use the same
+     * defaults and the same measured-container logic. Set to `false` to always
+     * render a table.
+     *
+     * @default true
+     */
+    hasCardView?: boolean;
+    /**
+     * Container width (px) at/below which card view kicks in. This is an
+     * explicit floor - card view also switches on automatically, regardless
+     * of this value, once the container can't fit every visible column at a
+     * usable minimum width, so a many-column table never has to overflow
+     * horizontally waiting for a hand-tuned breakpoint.
+     *
+     * @default 640
+     */
+    cardViewBreakpoint?: number;
+    /**
+     * Cards lay out in a responsive grid (CSS `repeat(auto-fill, minmax(...))`)
+     * rather than one per row - this sets the minimum width (px) a card can
+     * shrink to before the next one wraps to a new row.
+     *
+     * @default 280
+     */
+    cardMinWidth?: number;
 }
 
 export type { BulkAction as B, FilterValue as F, RowKey as R, TableColumn as T, BulkActionButton as a, BulkActionSplitButton as b, BulkActionSplitOption as c, TableCustomColumn as d, TableFilters as e, TableProps as f, TableValueColumn as g };

package/dist/{Table.types-jhPb7JNU.d.ts → Table.types-CZZ7QWAI.d.ts}

@@ -85,9 +85,30 @@ interface TableColumnCommon {
     }[];
     dateFilterMode?: 'single' | 'multiple' | 'range';
     width?: string;
+    /**
+     * Cell text alignment. Applies in table mode only: card view renders each
+     * field as a label above its value, where aligning the value away from its
+     * own label reads as a misalignment rather than a choice.
+     *
+     * Ignored on `type: 'icon'` and `type: 'action'` columns, which are always
+     * centred - they hold a single control in a fixed-width cell, so there is
+     * nothing to align it within. `DataGrid`'s actions column behaves the same.
+     */
     align?: 'left' | 'center' | 'right';
     /** Enables position:sticky on this column */
     pin?: 'left' | 'right';
+    /**
+     * Render this column's value as the card's title instead of a label:value
+     * field row. Only the first column with `cardHeader` set is used - if
+     * several are marked, the rest render as normal fields.
+     */
+    cardHeader?: boolean;
+    /**
+     * Render this column's value as the card's subtitle, directly under the
+     * `cardHeader` value. Only the first column with `cardSubheader` set is
+     * used. Has no effect without a `cardHeader` column also being set.
+     */
+    cardSubheader?: boolean;
 }
 /**
  * A column bound to the row field named by `key`, which is what lets `render`
@@ -170,7 +191,48 @@ interface TableProps<T extends object = Record<string, unknown>> {
     rowKey?: RowKey<T>;
     selectedRows?: string[];
     defaultSelectedRows?: string[];
+    /**
+     * Fires with every selected key, plus the row object for each of those keys.
+     *
+     * `selectedKeys` is authoritative; `selectedRows` is best-effort. The row
+     * for each selected key is cached, so a row selected while it was rendered
+     * still comes back after `data` has moved on - but a key that was selected
+     * before the table ever saw its row (seeded via `defaultSelectedRows`, say)
+     * has no row to hand back.
+     */
     onSelectionChange?: (selectedKeys: string[], selectedRows: T[]) => void;
+    /**
+     * What the select-all control acts on - the header checkbox in table mode,
+     * or the toolbar checkbox in card view (where there is no header row):
+     *
+     * - `'all'` - every row in `data`, across pages.
+     * - `'page'` - only the rows currently rendered.
+     *
+     * Either way it only ever adds to or removes from the rows in its own
+     * scope, so a selection made on another page survives.
+     *
+     * `'all'` can only reach the rows the table actually holds: if `data` is one
+     * page of a larger set (with `totalItems` describing the whole), it cannot
+     * know the keys of rows it has never received, and says so with a dev-only
+     * warning. Matches `DataGrid.selectAllScope`.
+     *
+     * @default 'all'
+     */
+    selectAllScope?: 'all' | 'page';
+    /**
+     * Resolves the keys of **every** row matching the current query, including
+     * rows not present in `data`. Supplying it adds a "Select all N" action to
+     * the toolbar once everything the table does hold is selected.
+     *
+     * Only relevant when `data` is a subset of a larger set and `totalItems`
+     * describes the whole - a table paginating its own `data` already has every
+     * key. Called with no arguments, may be async (the action shows a loading
+     * state), and whatever it returns replaces the selection.
+     *
+     * Matches `DataGrid.onSelectAllMatching`, which is where this mostly earns
+     * its keep: `DataGrid` has a real server-side pagination mode.
+     */
+    onSelectAllMatching?: () => string[] | Promise<string[]>;
     bulkActions?: BulkAction<T>[];
     density?: 'compact' | 'comfortable' | 'spacious';
     showColumnVisibility?: boolean;
@@ -178,6 +240,39 @@ interface TableProps<T extends object = Record<string, unknown>> {
     showDensity?: boolean;
     draggableColumns?: boolean;
     onColumnReorder?: (newColumns: TableColumn<T>[]) => void;
+    /**
+     * On by default: below `cardViewBreakpoint`, or once the table's own width
+     * can no longer fit every visible column at a usable width, swap the table
+     * for a stacked list of cards - one per row. Only the row rendering
+     * changes; the toolbar, pagination, filtering, sorting and selection all
+     * keep working. `draggableColumns` has no effect in card view (there are no
+     * column headers to drag).
+     *
+     * Matches `DataGridProps.hasCardView` - both components use the same
+     * defaults and the same measured-container logic. Set to `false` to always
+     * render a table.
+     *
+     * @default true
+     */
+    hasCardView?: boolean;
+    /**
+     * Container width (px) at/below which card view kicks in. This is an
+     * explicit floor - card view also switches on automatically, regardless
+     * of this value, once the container can't fit every visible column at a
+     * usable minimum width, so a many-column table never has to overflow
+     * horizontally waiting for a hand-tuned breakpoint.
+     *
+     * @default 640
+     */
+    cardViewBreakpoint?: number;
+    /**
+     * Cards lay out in a responsive grid (CSS `repeat(auto-fill, minmax(...))`)
+     * rather than one per row - this sets the minimum width (px) a card can
+     * shrink to before the next one wraps to a new row.
+     *
+     * @default 280
+     */
+    cardMinWidth?: number;
 }
 
 export type { BulkAction as B, FilterValue as F, RowKey as R, TableColumn as T, BulkActionButton as a, BulkActionSplitButton as b, BulkActionSplitOption as c, TableCustomColumn as d, TableFilters as e, TableProps as f, TableValueColumn as g };

package/dist/Toolbar.types-DSk8z2iy.d.cts

@@ -0,0 +1,38 @@
+import { a as BreadcrumbProps } from './Breadcrumb.types-DaykU-C8.cjs';
+import { b as AvatarProps } from './Avatar.types-BY-C09Ke.cjs';
+import { I as IconButtonProps } from './Button.types-DZRCVqyN.cjs';
+import { b as MenuItemType } from './Menu.types-DwcuCZM7.cjs';
+import { C as CommandItem } from './CommandPalette.types-DRMMS_ev.cjs';
+
+interface ToolbarProps {
+    /** Breadcrumb trail rendered above the page. Omit to leave the leading region empty. */
+    breadcrumbs?: Pick<BreadcrumbProps, 'items' | 'separator'>;
+    /**
+     * The signed-in user, rendered as the `Avatar` at the far right. Omit it
+     * (along with `userMenu`) to render no avatar at all.
+     */
+    user?: Pick<AvatarProps, 'name' | 'src' | 'color'>;
+    /**
+     * User menu items, opened from the `user` avatar. Omit (or pass an empty
+     * array) to render the avatar as a plain, non-interactive mark.
+     */
+    userMenu?: MenuItemType[];
+    /** Command palette items, rendered right-aligned. */
+    cmdPaletteItems?: CommandItem[];
+    /**
+     * Free-form content rendered at the start of the trailing region, before
+     * the command palette trigger - an environment badge, an org/tenant
+     * switcher, a global toggle. Unlike `actions`, which is a restricted
+     * button subset, this region takes any node and is laid out as-is.
+     */
+    content?: React.ReactNode;
+    /** Trailing action buttons, rendered right-aligned. */
+    actions?: ToolbarActionProps[];
+    className?: string;
+}
+/**
+ * Restricted, discriminated subset of ButtonProps for Toolbar actions.
+ */
+type ToolbarActionProps = Pick<IconButtonProps, 'color' | 'loading' | 'disabled' | 'preIcon' | 'posIcon' | 'icon' | 'children' | 'onClick' | 'tooltip'>;
+
+export type { ToolbarActionProps as T, ToolbarProps as a };

package/dist/Toolbar.types-RN0klQzu.d.ts

@@ -0,0 +1,38 @@
+import { a as BreadcrumbProps } from './Breadcrumb.types-DaykU-C8.js';
+import { b as AvatarProps } from './Avatar.types-BY-C09Ke.js';
+import { I as IconButtonProps } from './Button.types-BH0CPyPx.js';
+import { b as MenuItemType } from './Menu.types-DNIpjSAK.js';
+import { C as CommandItem } from './CommandPalette.types-DRMMS_ev.js';
+
+interface ToolbarProps {
+    /** Breadcrumb trail rendered above the page. Omit to leave the leading region empty. */
+    breadcrumbs?: Pick<BreadcrumbProps, 'items' | 'separator'>;
+    /**
+     * The signed-in user, rendered as the `Avatar` at the far right. Omit it
+     * (along with `userMenu`) to render no avatar at all.
+     */
+    user?: Pick<AvatarProps, 'name' | 'src' | 'color'>;
+    /**
+     * User menu items, opened from the `user` avatar. Omit (or pass an empty
+     * array) to render the avatar as a plain, non-interactive mark.
+     */
+    userMenu?: MenuItemType[];
+    /** Command palette items, rendered right-aligned. */
+    cmdPaletteItems?: CommandItem[];
+    /**
+     * Free-form content rendered at the start of the trailing region, before
+     * the command palette trigger - an environment badge, an org/tenant
+     * switcher, a global toggle. Unlike `actions`, which is a restricted
+     * button subset, this region takes any node and is laid out as-is.
+     */
+    content?: React.ReactNode;
+    /** Trailing action buttons, rendered right-aligned. */
+    actions?: ToolbarActionProps[];
+    className?: string;
+}
+/**
+ * Restricted, discriminated subset of ButtonProps for Toolbar actions.
+ */
+type ToolbarActionProps = Pick<IconButtonProps, 'color' | 'loading' | 'disabled' | 'preIcon' | 'posIcon' | 'icon' | 'children' | 'onClick' | 'tooltip'>;
+
+export type { ToolbarActionProps as T, ToolbarProps as a };

package/dist/alert/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk6RGJAQCUcjs = require('../chunk-6RGJAQCU.cjs');
-require('../chunk-A7Z2QAFZ.cjs');
+var _chunkB5G5XVFJcjs = require('../chunk-B5G5XVFJ.cjs');
+require('../chunk-APK5OQRV.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-GOR642KK.cjs');
+require('../chunk-GEHL4LKK.cjs');
 require('../chunk-Z5U4NJTW.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Alert = _chunk6RGJAQCUcjs.Alert;
+exports.Alert = _chunkB5G5XVFJcjs.Alert;
 //# sourceMappingURL=index.cjs.map

package/dist/alert/index.d.cts

@@ -9,7 +9,8 @@ interface AlertAction {
 }
 interface AlertProps {
     variant?: 'info' | 'success' | 'warning' | 'danger';
-    title?: string;
+    /** Alert heading. Accepts inline nodes alongside the text, not just a string. */
+    title?: React__default.ReactNode;
     children?: React__default.ReactNode;
     /**
      * Icon control:

package/dist/alert/index.d.ts

@@ -9,7 +9,8 @@ interface AlertAction {
 }
 interface AlertProps {
     variant?: 'info' | 'success' | 'warning' | 'danger';
-    title?: string;
+    /** Alert heading. Accepts inline nodes alongside the text, not just a string. */
+    title?: React__default.ReactNode;
     children?: React__default.ReactNode;
     /**
      * Icon control:

package/dist/alert/index.js

@@ -1,9 +1,9 @@
 import {
   Alert
-} from "../chunk-Z4ZY7L7W.js";
-import "../chunk-WIE7HDIM.js";
+} from "../chunk-5ZL6PYU3.js";
+import "../chunk-YJXZR7RL.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-5CLC3FJO.js";
+import "../chunk-KBG77JHC.js";
 import "../chunk-YV57RSPD.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/avatar/index.d.cts

@@ -1,26 +1,8 @@
 import React__default from 'react';
-
-type AvatarSize = 'sm' | 'md' | 'lg';
-type AvatarColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'gray';
-interface AvatarProps {
-    src?: string;
-    alt?: string;
-    name?: string;
-    size?: AvatarSize;
-    color?: AvatarColor;
-    shape?: 'circle' | 'square';
-    fallback?: React__default.ReactNode;
-    className?: string;
-    onClick?: () => void;
-}
-interface AvatarGroupProps {
-    children: React__default.ReactNode;
-    max?: number;
-    size?: AvatarSize;
-    className?: string;
-}
+import { b as AvatarProps, a as AvatarGroupProps } from '../Avatar.types-BY-C09Ke.cjs';
+export { A as AvatarColor, c as AvatarSize } from '../Avatar.types-BY-C09Ke.cjs';
 
 declare const Avatar: React__default.FC<AvatarProps>;
 declare const AvatarGroup: React__default.FC<AvatarGroupProps>;
 
-export { Avatar, type AvatarColor, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize };
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps };

package/dist/avatar/index.d.ts

@@ -1,26 +1,8 @@
 import React__default from 'react';
-
-type AvatarSize = 'sm' | 'md' | 'lg';
-type AvatarColor = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'gray';
-interface AvatarProps {
-    src?: string;
-    alt?: string;
-    name?: string;
-    size?: AvatarSize;
-    color?: AvatarColor;
-    shape?: 'circle' | 'square';
-    fallback?: React__default.ReactNode;
-    className?: string;
-    onClick?: () => void;
-}
-interface AvatarGroupProps {
-    children: React__default.ReactNode;
-    max?: number;
-    size?: AvatarSize;
-    className?: string;
-}
+import { b as AvatarProps, a as AvatarGroupProps } from '../Avatar.types-BY-C09Ke.js';
+export { A as AvatarColor, c as AvatarSize } from '../Avatar.types-BY-C09Ke.js';
 
 declare const Avatar: React__default.FC<AvatarProps>;
 declare const AvatarGroup: React__default.FC<AvatarGroupProps>;
 
-export { Avatar, type AvatarColor, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize };
+export { Avatar, AvatarGroup, AvatarGroupProps, AvatarProps };

package/dist/button/index.cjs

@@ -2,13 +2,13 @@
 
 
 
-var _chunkA7Z2QAFZcjs = require('../chunk-A7Z2QAFZ.cjs');
+var _chunkAPK5OQRVcjs = require('../chunk-APK5OQRV.cjs');
 require('../chunk-I6UOIS4J.cjs');
-require('../chunk-GOR642KK.cjs');
+require('../chunk-GEHL4LKK.cjs');
 require('../chunk-Z5U4NJTW.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
 
-exports.Button = _chunkA7Z2QAFZcjs.Button; exports.IconButton = _chunkA7Z2QAFZcjs.IconButton;
+exports.Button = _chunkAPK5OQRVcjs.Button; exports.IconButton = _chunkAPK5OQRVcjs.IconButton;
 //# sourceMappingURL=index.cjs.map

package/dist/button/index.js

@@ -2,9 +2,9 @@ import "../chunk-N5JDL4VE.js";
 import {
   Button,
   IconButton
-} from "../chunk-WIE7HDIM.js";
+} from "../chunk-YJXZR7RL.js";
 import "../chunk-66R54X6R.js";
-import "../chunk-5CLC3FJO.js";
+import "../chunk-KBG77JHC.js";
 import "../chunk-YV57RSPD.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/chip/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});require('../chunk-FQZ6F7FQ.cjs');
 
 
-var _chunkOGKD5PLScjs = require('../chunk-OGKD5PLS.cjs');
-require('../chunk-GOR642KK.cjs');
+var _chunkTRLBYA5Gcjs = require('../chunk-TRLBYA5G.cjs');
+require('../chunk-GEHL4LKK.cjs');
 require('../chunk-Z5U4NJTW.cjs');
 require('../chunk-DZUJEN5N.cjs');
 
 
-exports.Chip = _chunkOGKD5PLScjs.Chip;
+exports.Chip = _chunkTRLBYA5Gcjs.Chip;
 //# sourceMappingURL=index.cjs.map

package/dist/chip/index.js

@@ -1,8 +1,8 @@
 import "../chunk-TPNCV7KA.js";
 import {
   Chip
-} from "../chunk-4M3LZLOH.js";
-import "../chunk-5CLC3FJO.js";
+} from "../chunk-SHYSLWQG.js";
+import "../chunk-KBG77JHC.js";
 import "../chunk-YV57RSPD.js";
 import "../chunk-5WRI5ZAA.js";
 export {

package/dist/{chunk-KIXFSXIN.cjs → chunk-3E7TKBQI.cjs}

@@ -27,6 +27,7 @@ var Popover = ({
     isPositioned: false,
     position: { top: 0, left: 0, placement: preferredPlacement }
   });
+  const titleId = _react.useId.call(void 0, );
   const triggerRef = _react.useRef.call(void 0, null);
   const contentRef = _react.useRef.call(void 0, null);
   const timeoutRef = _react.useRef.call(void 0, void 0);
@@ -217,7 +218,8 @@ var Popover = ({
           ref: contentRef,
           role: "dialog",
           "aria-modal": "false",
-          "aria-label": _nullishCoalesce(title, () => ( "Popover")),
+          "aria-labelledby": title ? titleId : void 0,
+          "aria-label": title ? void 0 : "Popover",
           className: [
             "eidos-popover-content",
             `eidos-popover-content--${popoverState.position.placement}`,
@@ -231,7 +233,7 @@ var Popover = ({
           },
           children: [
             (title || showCloseButton) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "eidos-popover-header", children: [
-              title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "eidos-popover-title", children: title }),
+              title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { id: titleId, className: "eidos-popover-title", children: title }),
               showCloseButton && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "button",
                 {
@@ -256,4 +258,4 @@ Popover.displayName = "Popover";
 
 
 exports.Popover = Popover;
-//# sourceMappingURL=chunk-KIXFSXIN.cjs.map
+//# sourceMappingURL=chunk-3E7TKBQI.cjs.map