@persona/design-system 0.9.1 → 0.10.0

package/dist/components/DataTable/types.d.mts

@@ -1,166 +1,2 @@
-import { l as MenuItemProps } from "../../Menu-BMrsN-Jz.mjs";
-import { o as StickerProps } from "../../Sticker-C260e6kl.mjs";
-import { ReactNode } from "react";
-import { Column, DeepKeys, FilterFnOption, Header, RowData, SortingState, Table } from "@tanstack/react-table";
-
-//#region components/DataTable/types.d.ts
-type SortProps = {
-  handleSortClick: (sorting: SortingState) => void;
-  state: SortingState;
-};
-interface RowAction extends Omit<MenuItemProps, 'children' | 'onClick'> {
-  label: string;
-  onClick: (selectedRowId: string) => void;
-}
-interface DataTableColumnBaseFormat<T> {
-  type: T;
-}
-interface DatetimeConfig {
-  /**
-   * Luxon `toFormat` tokens. When omitted, the output follows the `PDSProvider` locale: the
-   * historical English format ("Oct 5, 2011 2:48 PM") without a locale or for en-US, the
-   * locale's medium `Intl` format otherwise ("5 oct. 2011, 14 h 48" for fr-CA).
-   */
-  format?: string;
-  /** Append the short time zone name, localized ("EDT" in en-US, "HAE" in fr-CA). */
-  showTimeZone?: boolean;
-}
-type DateConfig = DatetimeConfig;
-interface DataTableColumnStringFormat extends DataTableColumnBaseFormat<'string'> {
-  config?: {
-    copyable?: boolean;
-    mono?: boolean;
-  };
-}
-interface DataTableColumnNumberFormat extends DataTableColumnBaseFormat<'number'> {
-  config?: {
-    notation?: 'standard' | 'compact';
-    decimalPlaces?: number;
-    trailingZeros?: boolean;
-  };
-}
-interface DataTableColumnDateFormat extends DataTableColumnBaseFormat<'date'> {
-  config?: DateConfig;
-}
-interface DataTableColumnDatetimeFormat extends DataTableColumnBaseFormat<'datetime'> {
-  config?: DatetimeConfig;
-}
-interface StickerMapping {
-  value: string;
-  label?: string;
-  color?: StickerProps['variant'];
-}
-interface RenderValueStickerFormatConfig {
-  overrideStyles?: boolean;
-  defaultColor?: StickerProps['variant'];
-  mappings?: StickerMapping[];
-  colors?: Record<string, StickerProps['variant']>;
-  labels?: Record<string, string>;
-  statusMap?: Record<string, string>;
-  dataType?: 'choices' | 'multi-choices';
-}
-interface DataTableColumnStickerFormat extends DataTableColumnBaseFormat<'sticker'> {
-  config: RenderValueStickerFormatConfig;
-}
-type DataTableColumnURLFormat = DataTableColumnBaseFormat<'url'>;
-interface DataTableColumnImageFormat extends DataTableColumnBaseFormat<'image'> {
-  config?: {
-    width?: string;
-    height?: string;
-    alt?: string;
-    fallback?: ReactNode;
-    fit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
-  };
-}
-interface DataTableColumnCheckboxFormat extends DataTableColumnBaseFormat<'checkbox'> {
-  onUpdate: (checkedRows: string[]) => void;
-}
-interface DataTableColumnIDFormat extends DataTableColumnBaseFormat<'id'> {
-  config?: {
-    emptyText?: string;
-  };
-}
-interface DataTableColumnPiiFormat<TData = unknown> extends DataTableColumnBaseFormat<'pii'> {
-  config?: {
-    isRedacted: (row: TData) => boolean;
-    piiValue: (row: TData) => string | undefined;
-    emptyText?: string;
-    subComponent?: (row: TData) => React.ReactNode;
-  };
-}
-type DataTableColumnFormat<TData = unknown> = DataTableColumnStringFormat | DataTableColumnNumberFormat | DataTableColumnDateFormat | DataTableColumnDatetimeFormat | DataTableColumnStickerFormat | DataTableColumnURLFormat | DataTableColumnImageFormat | DataTableColumnCheckboxFormat | DataTableColumnIDFormat | DataTableColumnPiiFormat<TData>;
-interface HeadlessFilterConfig<TData extends RowData = any> {
-  filterFn?: FilterFnOption<TData>;
-  enabled?: boolean;
-}
-interface DataTableVariables<TData extends RowData = unknown> {
-  cellValue: unknown;
-  row: TData;
-}
-interface ColumnConfig<TData extends RowData, TFormat extends {
-  type: string;
-} = DataTableColumnFormat<TData>, TFilter = unknown> {
-  id?: string;
-  accessor: DeepKeys<TData>;
-  header: string | ((props: {
-    table: Table<TData>;
-    header: Header<TData, unknown>;
-    column: Column<TData, unknown>;
-  }) => React.ReactNode);
-  headerTooltip?: React.ReactNode;
-  format?: TFormat;
-  enableSorting?: boolean;
-  visibility?: boolean;
-  align?: 'left' | 'right';
-  searchable?: boolean;
-  renderCell?: (variables: DataTableVariables<TData>) => React.ReactNode;
-  filter?: TFilter;
-  pinned?: boolean;
-  minWidth?: number;
-  width?: number;
-}
-interface DataTableColumns<TData extends RowData, TFormat extends {
-  type: string;
-} = DataTableColumnFormat<TData>, TFilter = unknown> extends Array<DeepKeys<TData> | ColumnConfig<TData, TFormat, TFilter>> {
-  subrows?: DataTableColumns<TData, TFormat, TFilter>;
-}
-type RowDataWithDetails<T extends RowData> = T & {
-  _details?: ReactNode | ((rowData: T) => ReactNode);
-};
-type RowDataWithSubrows<T extends RowData> = T & {
-  subrows: T[];
-};
-type RowDataWithSubrowsToAlwaysShowIds<T extends RowData> = T & {
-  subrowsToAlwaysShowIds: string[];
-};
-type RowDataWithTourTarget<T extends RowData> = T & {
-  dataTourTarget?: string;
-};
-type BulkAction = {
-  label: string;
-  icon?: ReactNode;
-  disabled?: boolean;
-  onClick: (selectedRows: string[], clearSelection: () => void) => void | Promise<void>;
-  popover?: {
-    options: {
-      label: string;
-      value: string;
-    }[];
-    onOptionSelect: (option: string, selectedRows: string[]) => void | Promise<void>;
-  };
-} | {
-  'aria-label': string;
-  icon: ReactNode;
-  disabled?: boolean;
-  onClick: (selectedRows: string[], clearSelection: () => void) => void | Promise<void>;
-  popover?: {
-    options: {
-      label: string;
-      value: string;
-    }[];
-    onOptionSelect: (option: string, selectedRows: string[]) => void | Promise<void>;
-  };
-};
-//#endregion
-export { BulkAction, ColumnConfig, DataTableColumnBaseFormat, DataTableColumnCheckboxFormat, DataTableColumnDateFormat, DataTableColumnDatetimeFormat, DataTableColumnFormat, DataTableColumnIDFormat, DataTableColumnImageFormat, DataTableColumnNumberFormat, DataTableColumnPiiFormat, DataTableColumnStickerFormat, DataTableColumnStringFormat, DataTableColumnURLFormat, DataTableColumns, DataTableVariables, DateConfig, DatetimeConfig, HeadlessFilterConfig, RenderValueStickerFormatConfig, RowAction, RowDataWithDetails, RowDataWithSubrows, RowDataWithSubrowsToAlwaysShowIds, RowDataWithTourTarget, SortProps, StickerMapping };
-//# sourceMappingURL=types.d.mts.map
+import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-CjQzH0MM.mjs";
+export { BulkAction, ClientFilterConfig, ClientFilterType, ColumnConfig, DataTableColumnBaseFormat, DataTableColumnCheckboxFormat, DataTableColumnDateFormat, DataTableColumnDatetimeFormat, DataTableColumnFormat, DataTableColumnIDFormat, DataTableColumnImageFormat, DataTableColumnNumberFormat, DataTableColumnPiiFormat, DataTableColumnStickerFormat, DataTableColumnStringFormat, DataTableColumnURLFormat, DataTableColumns, DataTableVariables, DateConfig, DatetimeConfig, HeadlessFilterConfig, RenderValueStickerFormatConfig, RowAction, RowDataWithDetails, RowDataWithSubrows, RowDataWithSubrowsToAlwaysShowIds, RowDataWithTourTarget, SortProps, StickerMapping };

package/dist/components/DatePicker/index.d.mts

@@ -1,6 +1,6 @@
-import { n as DatePickerProps, t as DatePicker } from "../../DatePicker-Cmn1vViU.mjs";
-import { i as DateRangePickerProps, n as DateRange, r as DateRangePicker, t as DateFilterChange } from "../../DateRangePicker-CKhp9Obv.mjs";
-import { t as DateField } from "../../DateField-BXUuqbnb.mjs";
-import { t as Calendar } from "../../Calendar-BvsTQ3e1.mjs";
-import { n as RangeCalendarProps, t as RangeCalendar } from "../../RangeCalendar-BOt59kTG.mjs";
+import { n as DatePickerProps, t as DatePicker } from "../../DatePicker-DYVWmbrb.mjs";
+import { i as DateRangePickerProps, n as DateRange, r as DateRangePicker, t as DateFilterChange } from "../../DateRangePicker-Be8TYtjz.mjs";
+import { t as DateField } from "../../DateField-DLz13Ksl.mjs";
+import { t as Calendar } from "../../Calendar-DAfQCLOJ.mjs";
+import { n as RangeCalendarProps, t as RangeCalendar } from "../../RangeCalendar-cZSYjuOZ.mjs";
 export { Calendar, DateField, DateFilterChange, DatePicker, DatePicker as default, DatePickerProps, DateRange, DateRangePicker, DateRangePickerProps, RangeCalendar, RangeCalendarProps };

package/dist/components/DatePicker/index.mjs

@@ -1,2 +1,2 @@
-import { a as Calendar, i as DateField, n as RangeCalendar, r as DatePicker, t as DateRangePicker } from "../../DatePicker-DQHVCGnP.mjs";
+import { a as RangeCalendar, i as DateField, n as Calendar, r as DateRangePicker, t as DatePicker } from "../../DatePicker-D0cvVbzq.mjs";
 export { Calendar, DateField, DatePicker, DatePicker as default, DateRangePicker, RangeCalendar };

package/dist/components/DropdownButton/index.mjs

@@ -1,2 +1,2 @@
-import { t as DropdownButton } from "../../DropdownButton-C9wWnB5w.mjs";
+import { t as DropdownButton } from "../../DropdownButton-5oNcpsOq.mjs";
 export { DropdownButton, DropdownButton as default };

package/dist/components/DropdownMenu/index.d.mts

@@ -1,2 +1,2 @@
-import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-BZ62b8Cv.mjs";
+import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-DAa2kNrt.mjs";
 export { DropdownMenu, DropdownMenuProps, _default as default };

package/dist/components/DropdownMenu/index.mjs

@@ -1,2 +1,2 @@
-import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-CPE8Q56k.mjs";
+import { n as DropdownMenu_default, t as DropdownMenu } from "../../DropdownMenu-CedsmO5h.mjs";
 export { DropdownMenu, DropdownMenu_default as default };

package/dist/components/FloatingPanel/index.mjs

@@ -1,13 +1,13 @@
+import ConfigContext from "../../lib/ConfigContext.mjs";
 import { a as styled, r as css } from "../../styledComponentsInterop-NxwFjeA4.mjs";
+import { t as usePathname } from "../../router-COrZcVkf.mjs";
 import { semanticColor } from "../../lib/semanticColor.mjs";
-import "../../variables/effect.mjs";
-import { semanticScrollbar } from "../../mixins/scrollbar.mjs";
 import { paragraphMixins } from "../../mixins/text.mjs";
-import ConfigContext from "../../lib/ConfigContext.mjs";
-import { t as usePathname } from "../../router-COrZcVkf.mjs";
 import { Z_INDICES } from "../../lib/zindex.mjs";
+import "../../variables/effect.mjs";
+import { semanticScrollbar } from "../../mixins/scrollbar.mjs";
 import { n as Stack } from "../../Stack-BkC7FCdF.mjs";
-import { t as IconButton } from "../../IconButton-D4awF770.mjs";
+import { t as IconButton } from "../../IconButton-HWx5Hlmi.mjs";
 import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
 import { cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/dist/components/FormControl/index.d.mts

@@ -1,3 +1,3 @@
-import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "../../FormControl-DX4vtUp6.mjs";
-import { r as useFormField } from "../../useFormField-DAwApAKK.mjs";
+import { a as FormControlProps, c as FormLabelProps, i as FormControlBaseProps, l as HelperText, n as ErrorText, o as FormInputContainer, r as FormControl, s as FormLabel, t as Container, u as WarningText } from "../../FormControl-DEG_0oXt.mjs";
+import { r as useFormField } from "../../useFormField-Ba8rh1CH.mjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormControlBaseProps, FormControlProps, FormInputContainer, FormLabel, FormLabelProps, HelperText, WarningText, useFormField };

package/dist/components/FormControl/index.mjs

@@ -1,3 +1,3 @@
-import { n as useFormField } from "../../useFormField-BAmkdxtA.mjs";
-import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText, t as Container } from "../../FormControl-CD_FdAXA.mjs";
+import { n as useFormField } from "../../useFormField-CbNYbDdp.mjs";
+import { a as FormLabel, i as FormInputContainer, n as ErrorText, o as HelperText, r as FormControl, s as WarningText, t as Container } from "../../FormControl-C4CiA0H-.mjs";
 export { Container, ErrorText, FormControl, FormControl as default, FormInputContainer, FormLabel, HelperText, WarningText, useFormField };

package/dist/components/FormField/index.d.mts

@@ -1,6 +1,6 @@
-import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-C80kGAIV.mjs";
-import { _ as ToggleField, a as ComboboxSingleSelectFieldProps, c as RadioGroupFieldProps, d as SelectField, f as SelectFieldProps, g as TextFieldProps, h as TextField, i as ComboboxMultiSelectFieldProps, l as SegmentedControlField, m as TextAreaFieldProps, n as CheckboxFieldProps, o as ImplementsFormField, p as TextAreaField, r as ComboboxField, s as RadioGroupField, t as CheckboxField, u as SegmentedControlFieldProps, v as ToggleFieldProps, y as splitOutFormFieldProps } from "../../inputFields-BCNC1FWx.mjs";
-import { t as CheckboxGroupField } from "../../CheckboxGroupField-BpHN_2QP.mjs";
-import { t as ListBoxField } from "../../ListBoxField-BUkPeLiB.mjs";
-import { a as TableBoxFieldActionGroup, i as TableBoxFieldActionEntry, n as TableBoxField, r as TableBoxFieldAction, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL } from "../../TableBoxField-Bdj_nY7j.mjs";
+import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-mLbXDJ9B.mjs";
+import { _ as ToggleField, a as ComboboxSingleSelectFieldProps, c as RadioGroupFieldProps, d as SelectField, f as SelectFieldProps, g as TextFieldProps, h as TextField, i as ComboboxMultiSelectFieldProps, l as SegmentedControlField, m as TextAreaFieldProps, n as CheckboxFieldProps, o as ImplementsFormField, p as TextAreaField, r as ComboboxField, s as RadioGroupField, t as CheckboxField, u as SegmentedControlFieldProps, v as ToggleFieldProps, y as splitOutFormFieldProps } from "../../inputFields-DyOZHse2.mjs";
+import { t as CheckboxGroupField } from "../../CheckboxGroupField-BYB4OBlW.mjs";
+import { t as ListBoxField } from "../../ListBoxField-DsJRabgE.mjs";
+import { a as TableBoxFieldActionGroup, i as TableBoxFieldActionEntry, n as TableBoxField, r as TableBoxFieldAction, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL } from "../../TableBoxField-Lm_tn73M.mjs";
 export { CheckboxField, CheckboxFieldProps, CheckboxGroupField, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, FormField, FormField as default, FormFieldBaseProps, FormFieldProps, ImplementsFormField, ListBoxField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxField, TableBoxFieldAction, TableBoxFieldActionEntry, TableBoxFieldActionGroup, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };

package/dist/components/FormField/index.mjs

@@ -1,2 +1,2 @@
-import { a as CheckboxField, c as SegmentedControlField, d as TextField, f as ToggleField, i as CheckboxGroupField, l as SelectField, m as FormField, n as TableBoxField, o as ComboboxField, p as splitOutFormFieldProps, r as ListBoxField, s as RadioGroupField, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, u as TextAreaField } from "../../FormField-DjysBTKn.mjs";
+import { a as CheckboxField, c as SegmentedControlField, d as TextField, f as ToggleField, i as CheckboxGroupField, l as SelectField, m as FormField, n as TableBoxField, o as ComboboxField, p as splitOutFormFieldProps, r as ListBoxField, s as RadioGroupField, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, u as TextAreaField } from "../../FormField-cSG93kuo.mjs";
 export { CheckboxField, CheckboxGroupField, ComboboxField, FormField, FormField as default, ListBoxField, RadioGroupField, SegmentedControlField, SelectField, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxField, TextAreaField, TextField, ToggleField, splitOutFormFieldProps };

package/dist/components/Grid/index.mjs

@@ -1,2 +1,2 @@
-import { i as useGridBreakpoint, n as GRID_BREAKPOINTS, r as Grid, t as GridItem } from "../../Grid-D0mlxk8_.mjs";
+import { i as useGridBreakpoint, n as GRID_BREAKPOINTS, r as Grid, t as GridItem } from "../../Grid-DXVkhyNQ.mjs";
 export { GRID_BREAKPOINTS, Grid, Grid as default, GridItem, useGridBreakpoint };

package/dist/components/HoverCopyableField/index.mjs

@@ -1,2 +1,2 @@
-import { t as HoverCopyableField } from "../../HoverCopyableField-Cgu3W31s.mjs";
+import { t as HoverCopyableField } from "../../HoverCopyableField-D-BubaRd.mjs";
 export { HoverCopyableField as default };

package/dist/components/ImageTile/index.mjs

@@ -1,17 +1,17 @@
 import { a as styled, r as css } from "../../styledComponentsInterop-NxwFjeA4.mjs";
 import { semanticColor, semanticTokens } from "../../lib/semanticColor.mjs";
-import { focusOutline } from "../../mixins/focus.mjs";
+import { i as Paragraph } from "../../Text-CSwFifQF.mjs";
 import "../../variables/transitions.mjs";
+import { a as Tooltip } from "../../Tooltip-B-0VRuKT.mjs";
 import { withAlpha } from "../../lib/color.mjs";
-import { i as Paragraph } from "../../Text-CSwFifQF.mjs";
-import { a as Tooltip } from "../../Tooltip-DogEteGl.mjs";
+import { focusOutline } from "../../mixins/focus.mjs";
 import { n as Stack } from "../../Stack-BkC7FCdF.mjs";
-import { t as IconButton } from "../../IconButton-D4awF770.mjs";
-import { n as DropdownMenu_default } from "../../DropdownMenu-CPE8Q56k.mjs";
+import { t as IconButton } from "../../IconButton-HWx5Hlmi.mjs";
+import { n as DropdownMenu_default } from "../../DropdownMenu-CedsmO5h.mjs";
 import { t as LoadingShimmer } from "../../LoadingShimmer-Bqjdut7i.mjs";
-import { t as Checkbox } from "../../Checkbox-Cttn1t8T.mjs";
+import { t as Checkbox } from "../../Checkbox-BaJ-dGdX.mjs";
 import { Spacing } from "@persona/design-tokens";
-import { useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ImageIcon, LockedIcon, MoreIcon } from "@persona/icons";
 //#region components/ImageTile/ImageTile.tsx
@@ -118,15 +118,27 @@ const stopPropagation = (e) => {
 	e.stopPropagation();
 };
 const ImageTile = ({ src, alt = "", objectFit = "cover", selectable = false, selected = false, onSelectedChange, selectionLabel, actions, locked = false, lockedTooltip, metadata, onClick, ...props }) => {
-	const [loaded, setLoaded] = useState(false);
-	const [hasError, setHasError] = useState(false);
-	useEffect(() => {
-		setLoaded(false);
-		setHasError(false);
-	}, [src]);
+	const [resolved, setResolved] = useState(null);
+	if (resolved && resolved.src !== src) setResolved(null);
 	const hasSrc = Boolean(src);
+	const loaded = resolved?.src === src && resolved.status === "loaded";
+	const hasError = resolved?.src === src && resolved.status === "error";
 	const isLoading = hasSrc && !loaded && !hasError;
 	const showEmpty = !hasSrc || hasError;
+	const markResolved = (status) => {
+		if (!src) return;
+		setResolved((current) => current?.src === src && current.status === status ? current : {
+			src,
+			status
+		});
+	};
+	const handleImageRef = useCallback((node) => {
+		if (!node || !src || !node.complete || node.naturalWidth === 0) return;
+		setResolved((current) => current?.src === src && current.status === "loaded" ? current : {
+			src,
+			status: "loaded"
+		});
+	}, [src]);
 	const visibleActions = actions?.filter((action) => !action.hidden) ?? [];
 	const renderActions = !locked && visibleActions.length > 0;
 	const clickable = Boolean(onClick);
@@ -139,7 +151,7 @@ const ImageTile = ({ src, alt = "", objectFit = "cover", selectable = false, sel
 		}
 	};
 	const accessibleSelectionLabel = selectionLabel ?? (alt ? `Select ${alt}` : DEFAULT_SELECTION_LABEL);
-	const renderMetadata = (metadata?.length ?? 0) > 0 || isLoading;
+	const hasMetadata = (metadata?.length ?? 0) > 0;
 	return /* @__PURE__ */ jsxs(Root, {
 		$clickable: clickable,
 		onClick,
@@ -149,12 +161,13 @@ const ImageTile = ({ src, alt = "", objectFit = "cover", selectable = false, sel
 		...props,
 		children: [/* @__PURE__ */ jsxs(ImageContainer, { children: [
 			hasSrc && !hasError && /* @__PURE__ */ jsx(Thumbnail, {
+				ref: handleImageRef,
 				$visible: loaded,
 				$objectFit: objectFit,
 				src: src ?? void 0,
 				alt,
-				onLoad: () => setLoaded(true),
-				onError: () => setHasError(true)
+				onLoad: () => markResolved("loaded"),
+				onError: () => markResolved("error")
 			}),
 			isLoading && /* @__PURE__ */ jsx(ImageShimmer, {}),
 			showEmpty && /* @__PURE__ */ jsxs(EmptyState, { children: [/* @__PURE__ */ jsx(ImageIcon, {
@@ -208,7 +221,7 @@ const ImageTile = ({ src, alt = "", objectFit = "cover", selectable = false, sel
 					"aria-label": "Locked"
 				})
 			})
-		] }), renderMetadata && /* @__PURE__ */ jsx(MetadataContainer, { children: isLoading ? /* @__PURE__ */ jsx(LoadingShimmer, {
+		] }), hasMetadata && /* @__PURE__ */ jsx(MetadataContainer, { children: isLoading ? /* @__PURE__ */ jsx(LoadingShimmer, {
 			width: "60%",
 			height: "14px"
 		}) : /* @__PURE__ */ jsx(Stack, {

package/dist/components/ImageTile/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["DropdownMenu"],"sources":["../../../components/ImageTile/ImageTile.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport Checkbox from '@persona/design-system/components/Checkbox';\nimport DropdownMenu from '@persona/design-system/components/DropdownMenu';\nimport { LoadingShimmer } from '@persona/design-system/components/LoadingShimmer';\nimport Stack from '@persona/design-system/components/Stack';\nimport { Paragraph } from '@persona/design-system/components/Text';\nimport { Tooltip } from '@persona/design-system/components/Tooltip';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { Spacing } from '@persona/design-tokens';\nimport { ImageIcon, LockedIcon, MoreIcon } from '@persona/icons';\nimport { withAlpha } from 'design-system/lib/color';\nimport { semanticColor, semanticTokens } from 'design-system/lib/semanticColor';\nimport type { TextAction } from 'design-system/types/Action';\n\nconst MIN_WIDTH = '180px';\nconst MAX_WIDTH = '420px';\nconst OVERLAY_INSET = Spacing[2];\nconst EMPTY_COPY = 'No available preview';\nconst DEFAULT_SELECTION_LABEL = 'Select image';\n\nexport interface ImageTileProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** URL of the thumbnail. While loading shows shimmer; on error shows the empty fallback. */\n  src: string | null;\n  /** Alt text for the thumbnail. Also seeds the default checkbox label. */\n  alt?: string;\n  /** How the thumbnail fills its area. `cover` crops overflow; `contain` letterboxes to fit. Defaults to `cover`. */\n  objectFit?: 'cover' | 'contain';\n\n  /** Enables the selection checkbox (top-left). */\n  selectable?: boolean;\n  /** Controlled checked state for the selection checkbox. */\n  selected?: boolean;\n  /** Called with the new checked value when the checkbox is toggled. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Accessible label for the checkbox. Defaults to \"Select {alt}\" or \"Select image\". */\n  selectionLabel?: string;\n\n  /**\n   * Action menu items rendered behind a 3-dot IconButton in the top-right.\n   * Ignored when `locked` is true. Pass an empty array (or omit) to hide the menu.\n   */\n  actions?: TextAction[];\n  /**\n   * Replaces the action menu with a non-interactive lock icon. Indicates the\n   * viewer does not have permission to edit. `actions` are ignored.\n   */\n  locked?: boolean;\n  /** Tooltip string shown when hovering the lock icon. */\n  lockedTooltip?: string;\n\n  /**\n   * Metadata rows rendered beneath the thumbnail. Each entry becomes a\n   * full-width, left-aligned row in a vertical Stack. Block content fills the\n   * row; inline content (e.g. a Sticker) hugs the left. Region is omitted when\n   * the array is empty or undefined.\n   */\n  metadata?: ReactNode[];\n\n  /** Optional click handler for the whole tile. When provided, the tile is keyboard-activatable. */\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nconst ImageContainer = styled.div`\n  position: relative;\n  aspect-ratio: 200 / 144;\n  background-color: ${({ theme }) => semanticColor(theme, 'SurfaceSecondary', theme.color.background.secondary)};\n  overflow: hidden;\n`;\n\nconst Thumbnail = styled.img<{ $visible: boolean; $objectFit: 'cover' | 'contain' }>`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: ${({ $objectFit }) => $objectFit};\n  display: block;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  transition: opacity ${TransitionDuration.Fast};\n`;\n\nconst ImageShimmer = styled(LoadingShimmer)`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0;\n`;\n\nconst EmptyState = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: ${Spacing[1]};\n  color: ${({ theme }) => semanticColor(theme, 'FgSecondary', theme.color.text.secondary)};\n  padding: ${Spacing[3]};\n  text-align: center;\n`;\n\nconst MetadataContainer = styled.div`\n  padding: ${Spacing[3]};\n  background-color: ${({ theme }) => semanticColor(theme, 'SurfacePrimary', theme.color.background.primary)};\n  border-top: 1px solid ${({ theme }) => semanticColor(theme, 'BorderDivider', theme.color.border.primary)};\n  transition: background-color ${TransitionDuration.Fast};\n`;\n\nconst MetadataRow = styled.div`\n  width: 100%;\n  // Without these Stickers get bottom aligned\n  display: flex;\n  align-items: flex-start;\n`;\n\nconst SelectionOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  left: ${OVERLAY_INSET};\n  z-index: 1;\n`;\n\nconst ActionsOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  right: ${OVERLAY_INSET};\n  z-index: 1;\n`;\n\nconst LockedOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  right: ${OVERLAY_INSET};\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ theme }) => semanticColor(theme, 'FgSecondary', theme.color.text.secondary)};\n`;\n\nconst Root = styled.div<{ $clickable: boolean }>`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: ${MIN_WIDTH};\n  max-width: ${MAX_WIDTH};\n  background-color: ${({ theme }) => semanticColor(theme, 'SurfacePrimary', theme.color.background.primary)};\n  border: 1px solid ${({ theme }) => semanticColor(theme, 'BorderDivider', theme.color.border.primary)};\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n  box-sizing: border-box;\n  overflow: hidden;\n  ${focusOutline};\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  &:hover ${MetadataContainer} {\n    background-color: ${({ theme }) => {\n      const tokens = semanticTokens(theme);\n      return tokens\n        ? withAlpha(tokens.SurfaceAccent, tokens.Opacity25)\n        : theme.color.background.highlight;\n    }};\n  }\n`;\n\nconst stopPropagation = (e: MouseEvent) => {\n  e.stopPropagation();\n};\n\nexport const ImageTile = ({\n  src,\n  alt = '',\n  objectFit = 'cover',\n  selectable = false,\n  selected = false,\n  onSelectedChange,\n  selectionLabel,\n  actions,\n  locked = false,\n  lockedTooltip,\n  metadata,\n  onClick,\n  ...props\n}: ImageTileProps) => {\n  const [loaded, setLoaded] = useState(false);\n  const [hasError, setHasError] = useState(false);\n\n  useEffect(() => {\n    setLoaded(false);\n    setHasError(false);\n  }, [src]);\n\n  const hasSrc = Boolean(src);\n  const isLoading = hasSrc && !loaded && !hasError;\n  const showEmpty = !hasSrc || hasError;\n\n  const visibleActions = actions?.filter((action) => !action.hidden) ?? [];\n  const renderActions = !locked && visibleActions.length > 0;\n  const clickable = Boolean(onClick);\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (!onClick) {\n      return;\n    }\n    // Only activate when the key event originates from the tile root itself.\n    // Interactive descendants (selection checkbox, action buttons) must keep\n    // their own native Space/Enter behavior.\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.currentTarget.click();\n    }\n  };\n\n  const accessibleSelectionLabel =\n    selectionLabel ?? (alt ? `Select ${alt}` : DEFAULT_SELECTION_LABEL);\n\n  const hasMetadata = (metadata?.length ?? 0) > 0;\n  const renderMetadata = hasMetadata || isLoading;\n\n  return (\n    <Root\n      $clickable={clickable}\n      onClick={onClick}\n      onKeyDown={clickable ? handleKeyDown : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      {...props}\n    >\n      <ImageContainer>\n        {hasSrc && !hasError && (\n          <Thumbnail\n            $visible={loaded}\n            $objectFit={objectFit}\n            src={src ?? undefined}\n            alt={alt}\n            onLoad={() => setLoaded(true)}\n            onError={() => setHasError(true)}\n          />\n        )}\n        {isLoading && <ImageShimmer />}\n        {showEmpty && (\n          <EmptyState>\n            <ImageIcon size={24} aria-hidden />\n            <Paragraph size='sm' color='secondary' as='span'>\n              {EMPTY_COPY}\n            </Paragraph>\n          </EmptyState>\n        )}\n\n        {selectable && (\n          <SelectionOverlay onClick={stopPropagation}>\n            <Checkbox\n              size='sm'\n              checked={selected}\n              onChange={(e) => onSelectedChange?.(e.target.checked)}\n              aria-label={accessibleSelectionLabel}\n            />\n          </SelectionOverlay>\n        )}\n\n        {renderActions && (\n          <ActionsOverlay onClick={stopPropagation}>\n            <DropdownMenu\n              portal\n              trigger={\n                <IconButton size='sm' aria-label='More actions'>\n                  <MoreIcon />\n                </IconButton>\n              }\n            >\n              {visibleActions.map((action, idx) => (\n                <DropdownMenu.Item\n                  key={action.id ?? `${action.label}-${idx}`}\n                  prefixIcon={action.prefixIcon}\n                  suffixIcon={action.suffixIcon}\n                  disabled={action.disabled}\n                  variant={action.variant === 'danger' ? 'danger' : 'basic'}\n                  onClick={(e) => {\n                    if (action.disabled) {\n                      return;\n                    }\n                    return action.onClick?.(e);\n                  }}\n                >\n                  {action.label}\n                </DropdownMenu.Item>\n              ))}\n            </DropdownMenu>\n          </ActionsOverlay>\n        )}\n\n        {locked && (\n          <LockedOverlay onClick={stopPropagation}>\n            {lockedTooltip ? (\n              <Tooltip iconTrigger={<LockedIcon size={16} />} aria-label={lockedTooltip}>\n                {lockedTooltip}\n              </Tooltip>\n            ) : (\n              <LockedIcon size={16} aria-label='Locked' />\n            )}\n          </LockedOverlay>\n        )}\n      </ImageContainer>\n\n      {renderMetadata && (\n        <MetadataContainer>\n          {isLoading ? (\n            <LoadingShimmer width='60%' height='14px' />\n          ) : (\n            <Stack spacing={Spacing[2]}>\n              {metadata?.map((row, idx) => (\n                <MetadataRow key={idx}>{row}</MetadataRow>\n              ))}\n            </Stack>\n          )}\n        </MetadataContainer>\n      )}\n    </Root>\n  );\n};\n\nexport default ImageTile;\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["DropdownMenu"],"sources":["../../../components/ImageTile/ImageTile.tsx"],"sourcesContent":["import {\n  type ComponentPropsWithoutRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  useCallback,\n  useState,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport Checkbox from '@persona/design-system/components/Checkbox';\nimport DropdownMenu from '@persona/design-system/components/DropdownMenu';\nimport { LoadingShimmer } from '@persona/design-system/components/LoadingShimmer';\nimport Stack from '@persona/design-system/components/Stack';\nimport { Paragraph } from '@persona/design-system/components/Text';\nimport { Tooltip } from '@persona/design-system/components/Tooltip';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { TransitionDuration } from '@persona/design-system/variables/transitions';\nimport { Spacing } from '@persona/design-tokens';\nimport { ImageIcon, LockedIcon, MoreIcon } from '@persona/icons';\nimport { withAlpha } from 'design-system/lib/color';\nimport { semanticColor, semanticTokens } from 'design-system/lib/semanticColor';\nimport type { TextAction } from 'design-system/types/Action';\n\nconst MIN_WIDTH = '180px';\nconst MAX_WIDTH = '420px';\nconst OVERLAY_INSET = Spacing[2];\nconst EMPTY_COPY = 'No available preview';\nconst DEFAULT_SELECTION_LABEL = 'Select image';\n\nexport interface ImageTileProps extends Omit<ComponentPropsWithoutRef<'div'>, 'children'> {\n  /** URL of the thumbnail. While loading shows shimmer; on error shows the empty fallback. */\n  src: string | null;\n  /** Alt text for the thumbnail. Also seeds the default checkbox label. */\n  alt?: string;\n  /** How the thumbnail fills its area. `cover` crops overflow; `contain` letterboxes to fit. Defaults to `cover`. */\n  objectFit?: 'cover' | 'contain';\n\n  /** Enables the selection checkbox (top-left). */\n  selectable?: boolean;\n  /** Controlled checked state for the selection checkbox. */\n  selected?: boolean;\n  /** Called with the new checked value when the checkbox is toggled. */\n  onSelectedChange?: (selected: boolean) => void;\n  /** Accessible label for the checkbox. Defaults to \"Select {alt}\" or \"Select image\". */\n  selectionLabel?: string;\n\n  /**\n   * Action menu items rendered behind a 3-dot IconButton in the top-right.\n   * Ignored when `locked` is true. Pass an empty array (or omit) to hide the menu.\n   */\n  actions?: TextAction[];\n  /**\n   * Replaces the action menu with a non-interactive lock icon. Indicates the\n   * viewer does not have permission to edit. `actions` are ignored.\n   */\n  locked?: boolean;\n  /** Tooltip string shown when hovering the lock icon. */\n  lockedTooltip?: string;\n\n  /**\n   * Metadata rows rendered beneath the thumbnail. Each entry becomes a\n   * full-width, left-aligned row in a vertical Stack. Block content fills the\n   * row; inline content (e.g. a Sticker) hugs the left. The region is omitted\n   * entirely — including while the image is loading — when the array is empty\n   * or undefined, so the tile is only the image.\n   */\n  metadata?: ReactNode[];\n\n  /** Optional click handler for the whole tile. When provided, the tile is keyboard-activatable. */\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nconst ImageContainer = styled.div`\n  position: relative;\n  aspect-ratio: 200 / 144;\n  background-color: ${({ theme }) => semanticColor(theme, 'SurfaceSecondary', theme.color.background.secondary)};\n  overflow: hidden;\n`;\n\nconst Thumbnail = styled.img<{ $visible: boolean; $objectFit: 'cover' | 'contain' }>`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: ${({ $objectFit }) => $objectFit};\n  display: block;\n  opacity: ${({ $visible }) => ($visible ? 1 : 0)};\n  transition: opacity ${TransitionDuration.Fast};\n`;\n\nconst ImageShimmer = styled(LoadingShimmer)`\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: 0;\n`;\n\nconst EmptyState = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: ${Spacing[1]};\n  color: ${({ theme }) => semanticColor(theme, 'FgSecondary', theme.color.text.secondary)};\n  padding: ${Spacing[3]};\n  text-align: center;\n`;\n\nconst MetadataContainer = styled.div`\n  padding: ${Spacing[3]};\n  background-color: ${({ theme }) => semanticColor(theme, 'SurfacePrimary', theme.color.background.primary)};\n  border-top: 1px solid ${({ theme }) => semanticColor(theme, 'BorderDivider', theme.color.border.primary)};\n  transition: background-color ${TransitionDuration.Fast};\n`;\n\nconst MetadataRow = styled.div`\n  width: 100%;\n  // Without these Stickers get bottom aligned\n  display: flex;\n  align-items: flex-start;\n`;\n\nconst SelectionOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  left: ${OVERLAY_INSET};\n  z-index: 1;\n`;\n\nconst ActionsOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  right: ${OVERLAY_INSET};\n  z-index: 1;\n`;\n\nconst LockedOverlay = styled.div`\n  position: absolute;\n  top: ${OVERLAY_INSET};\n  right: ${OVERLAY_INSET};\n  z-index: 1;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: ${({ theme }) => semanticColor(theme, 'FgSecondary', theme.color.text.secondary)};\n`;\n\nconst Root = styled.div<{ $clickable: boolean }>`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  min-width: ${MIN_WIDTH};\n  max-width: ${MAX_WIDTH};\n  background-color: ${({ theme }) => semanticColor(theme, 'SurfacePrimary', theme.color.background.primary)};\n  border: 1px solid ${({ theme }) => semanticColor(theme, 'BorderDivider', theme.color.border.primary)};\n  border-radius: ${({ theme }) => theme.card.borderRadius};\n  box-sizing: border-box;\n  overflow: hidden;\n  ${focusOutline};\n\n  ${({ $clickable }) =>\n    $clickable &&\n    css`\n      cursor: pointer;\n    `}\n\n  &:hover ${MetadataContainer} {\n    background-color: ${({ theme }) => {\n      const tokens = semanticTokens(theme);\n      return tokens\n        ? withAlpha(tokens.SurfaceAccent, tokens.Opacity25)\n        : theme.color.background.highlight;\n    }};\n  }\n`;\n\nconst stopPropagation = (e: MouseEvent) => {\n  e.stopPropagation();\n};\n\nexport const ImageTile = ({\n  src,\n  alt = '',\n  objectFit = 'cover',\n  selectable = false,\n  selected = false,\n  onSelectedChange,\n  selectionLabel,\n  actions,\n  locked = false,\n  lockedTooltip,\n  metadata,\n  onClick,\n  ...props\n}: ImageTileProps) => {\n  // Keyed by src so a new image starts loading without an effect that can\n  // reset state after a cached image has already decoded.\n  const [resolved, setResolved] = useState<{\n    src: string;\n    status: 'loaded' | 'error';\n  } | null>(null);\n\n  if (resolved && resolved.src !== src) {\n    setResolved(null);\n  }\n\n  const hasSrc = Boolean(src);\n  const loaded = resolved?.src === src && resolved.status === 'loaded';\n  const hasError = resolved?.src === src && resolved.status === 'error';\n  const isLoading = hasSrc && !loaded && !hasError;\n  const showEmpty = !hasSrc || hasError;\n\n  const markResolved = (status: 'loaded' | 'error') => {\n    if (!src) {\n      return;\n    }\n    setResolved((current) =>\n      current?.src === src && current.status === status ? current : { src, status },\n    );\n  };\n\n  const handleImageRef = useCallback(\n    (node: HTMLImageElement | null) => {\n      // A cached image can finish before React attaches onLoad, which leaves\n      // the tile shimmering forever. Adopt an already-decoded image here.\n      if (!node || !src || !node.complete || node.naturalWidth === 0) {\n        return;\n      }\n      setResolved((current) =>\n        current?.src === src && current.status === 'loaded' ? current : { src, status: 'loaded' },\n      );\n    },\n    [src],\n  );\n\n  const visibleActions = actions?.filter((action) => !action.hidden) ?? [];\n  const renderActions = !locked && visibleActions.length > 0;\n  const clickable = Boolean(onClick);\n\n  const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (!onClick) {\n      return;\n    }\n    // Only activate when the key event originates from the tile root itself.\n    // Interactive descendants (selection checkbox, action buttons) must keep\n    // their own native Space/Enter behavior.\n    if (e.target !== e.currentTarget) {\n      return;\n    }\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      e.currentTarget.click();\n    }\n  };\n\n  const accessibleSelectionLabel =\n    selectionLabel ?? (alt ? `Select ${alt}` : DEFAULT_SELECTION_LABEL);\n\n  const hasMetadata = (metadata?.length ?? 0) > 0;\n\n  return (\n    <Root\n      $clickable={clickable}\n      onClick={onClick}\n      onKeyDown={clickable ? handleKeyDown : undefined}\n      role={clickable ? 'button' : undefined}\n      tabIndex={clickable ? 0 : undefined}\n      {...props}\n    >\n      <ImageContainer>\n        {hasSrc && !hasError && (\n          <Thumbnail\n            ref={handleImageRef}\n            $visible={loaded}\n            $objectFit={objectFit}\n            src={src ?? undefined}\n            alt={alt}\n            onLoad={() => markResolved('loaded')}\n            onError={() => markResolved('error')}\n          />\n        )}\n        {isLoading && <ImageShimmer />}\n        {showEmpty && (\n          <EmptyState>\n            <ImageIcon size={24} aria-hidden />\n            <Paragraph size='sm' color='secondary' as='span'>\n              {EMPTY_COPY}\n            </Paragraph>\n          </EmptyState>\n        )}\n\n        {selectable && (\n          <SelectionOverlay onClick={stopPropagation}>\n            <Checkbox\n              size='sm'\n              checked={selected}\n              onChange={(e) => onSelectedChange?.(e.target.checked)}\n              aria-label={accessibleSelectionLabel}\n            />\n          </SelectionOverlay>\n        )}\n\n        {renderActions && (\n          <ActionsOverlay onClick={stopPropagation}>\n            <DropdownMenu\n              portal\n              trigger={\n                <IconButton size='sm' aria-label='More actions'>\n                  <MoreIcon />\n                </IconButton>\n              }\n            >\n              {visibleActions.map((action, idx) => (\n                <DropdownMenu.Item\n                  key={action.id ?? `${action.label}-${idx}`}\n                  prefixIcon={action.prefixIcon}\n                  suffixIcon={action.suffixIcon}\n                  disabled={action.disabled}\n                  variant={action.variant === 'danger' ? 'danger' : 'basic'}\n                  onClick={(e) => {\n                    if (action.disabled) {\n                      return;\n                    }\n                    return action.onClick?.(e);\n                  }}\n                >\n                  {action.label}\n                </DropdownMenu.Item>\n              ))}\n            </DropdownMenu>\n          </ActionsOverlay>\n        )}\n\n        {locked && (\n          <LockedOverlay onClick={stopPropagation}>\n            {lockedTooltip ? (\n              <Tooltip iconTrigger={<LockedIcon size={16} />} aria-label={lockedTooltip}>\n                {lockedTooltip}\n              </Tooltip>\n            ) : (\n              <LockedIcon size={16} aria-label='Locked' />\n            )}\n          </LockedOverlay>\n        )}\n      </ImageContainer>\n\n      {hasMetadata && (\n        <MetadataContainer>\n          {isLoading ? (\n            <LoadingShimmer width='60%' height='14px' />\n          ) : (\n            <Stack spacing={Spacing[2]}>\n              {metadata?.map((row, idx) => (\n                <MetadataRow key={idx}>{row}</MetadataRow>\n              ))}\n            </Stack>\n          )}\n        </MetadataContainer>\n      )}\n    </Root>\n  );\n};\n\nexport default ImageTile;\n"],"mappings":"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"}

package/dist/components/Input/index.d.mts

@@ -1,2 +1,2 @@
-import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-D3lXfJHq.mjs";
+import { a as InputProps, i as InputGroupProps, n as Input, r as InputGroup, t as ClearButton } from "../../Input-Bg4bi6VZ.mjs";
 export { ClearButton, Input, Input as default, InputGroup, InputGroupProps, InputProps };

package/dist/components/Input/index.mjs

@@ -1,4 +1,4 @@
-import { n as Input, r as InputGroup, t as ClearButton } from "../../Input-DD4jzJhK.mjs";
+import { n as Input, r as InputGroup, t as ClearButton } from "../../Input-Dap055xf.mjs";
 //#region components/Input/index.ts
 var Input_default = Input;
 //#endregion

package/dist/components/Link/index.mjs

@@ -1,2 +1,2 @@
-import { t as Link } from "../../Link-DGZu4J0x.mjs";
+import { t as Link } from "../../Link-Cf__H8gD.mjs";
 export { Link, Link as default };

package/dist/components/ListBox/index.d.mts

@@ -1,4 +1,4 @@
-import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-CjGb0mMY.mjs";
-import { n as LogicRowProps } from "../../LogicRow-Bt6NPLOd.mjs";
-import { t as ListBox } from "../../index-DxFh2ArY.mjs";
+import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-Bj5c626-.mjs";
+import { n as LogicRowProps } from "../../LogicRow-CcpD-Kk3.mjs";
+import { t as ListBox } from "../../index-DsjvDLF8.mjs";
 export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, LogicRowProps, useListBoxContext };

package/dist/components/ListBox/index.mjs

@@ -1,2 +1,2 @@
-import { n as useListBoxContext, t as ListBox } from "../../ListBox-BhWLad_L.mjs";
+import { n as useListBoxContext, t as ListBox } from "../../ListBox-C80J7DCG.mjs";
 export { ListBox, ListBox as default, useListBoxContext };

package/dist/components/MaskedInput/index.mjs

@@ -1,4 +1,4 @@
-import { n as Input } from "../../Input-DD4jzJhK.mjs";
+import { n as Input } from "../../Input-Dap055xf.mjs";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
 import { IMaskMixin } from "react-imask";

package/dist/components/Menu/index.d.mts

@@ -1,2 +1,2 @@
-import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-BMrsN-Jz.mjs";
+import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-C0FU9WEF.mjs";
 export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuHeadingProps, MenuItem, MenuItemProps, MenuItemType, MenuList, MenuProps };

package/dist/components/Menu/index.mjs

@@ -1,2 +1,2 @@
-import { a as MenuDivider, c as MenuList, i as Menu, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuItem, t as FloatingCard } from "../../Menu-DlN0A5Nb.mjs";
+import { a as MenuDivider, c as MenuList, i as Menu, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuItem, t as FloatingCard } from "../../Menu-Dw6Rcpk6.mjs";
 export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuItem, MenuList };

package/dist/components/Modal/index.d.mts

@@ -1,2 +1,2 @@
-import { a as ModalTitleProps, i as ModalRenderProps, n as ModalContent, o as ModalTrigger, r as ModalProps, s as _default, t as ModalClose } from "../../Modal-BoeGuR-h.mjs";
+import { a as ModalTitleProps, i as ModalRenderProps, n as ModalContent, o as ModalTrigger, r as ModalProps, s as _default, t as ModalClose } from "../../Modal-BuxggahW.mjs";
 export { ModalClose, ModalContent, ModalProps, ModalRenderProps, ModalTitleProps, ModalTrigger, _default as default };

package/dist/components/Modal/index.mjs

@@ -1,2 +1,2 @@
-import { i as Modal_default, n as ModalContent, r as ModalTrigger, t as ModalClose } from "../../Modal-Cs5cZpEr.mjs";
+import { i as Modal_default, n as ModalContent, r as ModalTrigger, t as ModalClose } from "../../Modal-kjUptzg1.mjs";
 export { ModalClose, ModalContent, ModalTrigger, Modal_default as default };

package/dist/components/PageHeader/index.d.mts

@@ -1,2 +1,2 @@
-import PageHeader, { PageHeaderContainer, PageHeaderProps } from "../../PageHeader.mjs";
+import { n as PageHeaderContainer, r as PageHeaderProps, t as PageHeader } from "../../PageHeader-Czj42pyK.mjs";
 export { PageHeaderContainer, PageHeaderProps, PageHeader as default };

package/dist/components/PageHeader/index.mjs

@@ -1,2 +1,2 @@
-import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-CCoAJUwJ.mjs";
+import { n as PageHeaderContainer, t as PageHeader } from "../../PageHeader-DJF7nxgN.mjs";
 export { PageHeaderContainer, PageHeader as default };

package/dist/components/Pagination/index.d.mts

@@ -1,4 +1,4 @@
-import { t as Pagination } from "../../Pagination-C67fsrxl.mjs";
-import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-BmevrorJ.mjs";
-import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-CwzbyAdc.mjs";
+import { t as Pagination } from "../../Pagination-COcFWlha.mjs";
+import { r as PageSelector, t as PAGE_LIMIT_BEFORE_SCROLL_MODE } from "../../PageSelector-DXCeBUoU.mjs";
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "../../constants-4rSh8e5G.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination as default };

package/dist/components/Pagination/index.mjs

@@ -1,2 +1,2 @@
-import { a as MIN_PAGE_SIZE, i as DEFAULT_PAGE_SIZE_OPTIONS, n as PAGE_LIMIT_BEFORE_SCROLL_MODE, r as PageSelector, t as Pagination_default } from "../../Pagination-Du2CPW2l.mjs";
+import { a as MIN_PAGE_SIZE, i as DEFAULT_PAGE_SIZE_OPTIONS, n as PAGE_LIMIT_BEFORE_SCROLL_MODE, r as PageSelector, t as Pagination_default } from "../../Pagination-DtK-jbEY.mjs";
 export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE, PAGE_LIMIT_BEFORE_SCROLL_MODE, PageSelector, Pagination_default as default };

package/dist/components/Pii/index.mjs

@@ -1,2 +1,2 @@
-import { t as Pii_default } from "../../Pii-CFVWZ_Yx.mjs";
+import { t as Pii_default } from "../../Pii-DueIK287.mjs";
 export { Pii_default as default };

package/dist/components/Popover/index.mjs

@@ -1,2 +1,2 @@
-import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-DewrGOJB.mjs";
+import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-BcII7usF.mjs";
 export { PopoverAnchor, PopoverCard, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Popover_default as default };

package/dist/components/ProgressBar/index.mjs

@@ -1,7 +1,7 @@
 import { a as styled, i as keyframes } from "../../styledComponentsInterop-NxwFjeA4.mjs";
 import { semanticColor } from "../../lib/semanticColor.mjs";
 import { paragraphMixins } from "../../mixins/text.mjs";
-import { a as Tooltip } from "../../Tooltip-DogEteGl.mjs";
+import { a as Tooltip } from "../../Tooltip-B-0VRuKT.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useId } from "react-aria";

package/dist/components/ProgressIndicator/index.d.mts

@@ -1,2 +1,2 @@
-import { i as StepStatus, n as ProgressIndicatorProps, r as ProgressIndicatorStep, t as ProgressIndicator } from "../../ProgressIndicator-CdhC2LVI.mjs";
+import { i as StepStatus, n as ProgressIndicatorProps, r as ProgressIndicatorStep, t as ProgressIndicator } from "../../ProgressIndicator-C5sbFQcd.mjs";
 export { ProgressIndicator, ProgressIndicator as default, ProgressIndicatorProps, ProgressIndicatorStep, StepStatus };

package/dist/components/ProgressIndicator/index.mjs

@@ -1,2 +1,2 @@
-import { t as ProgressIndicator } from "../../ProgressIndicator-xV5Cl2Bw.mjs";
+import { t as ProgressIndicator } from "../../ProgressIndicator-CM37EU1B.mjs";
 export { ProgressIndicator, ProgressIndicator as default };

package/dist/components/Radio/index.mjs

@@ -1,2 +1,2 @@
-import { t as Radio } from "../../Radio-i7AEQZHb.mjs";
+import { t as Radio } from "../../Radio-DDT_l8rd.mjs";
 export { Radio, Radio as default };

package/dist/components/RadioGroup/index.d.mts

@@ -1,2 +1,2 @@
-import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-CDEfCg-b.mjs";
+import { n as RadioGroupProps, t as RadioGroup } from "../../RadioGroup-BxEmipHa.mjs";
 export { RadioGroup, RadioGroup as default, RadioGroupProps };

package/dist/components/RadioGroup/index.mjs

@@ -1,2 +1,2 @@
-import { t as RadioGroup } from "../../RadioGroup-B0KcQpS7.mjs";
+import { t as RadioGroup } from "../../RadioGroup-CmD8NFCL.mjs";
 export { RadioGroup, RadioGroup as default };

package/dist/components/RightPanel/index.mjs

@@ -1,9 +1,9 @@
 import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
 import { semanticColor } from "../../lib/semanticColor.mjs";
-import { semanticScrollbar } from "../../mixins/scrollbar.mjs";
 import { i as Paragraph } from "../../Text-CSwFifQF.mjs";
+import { semanticScrollbar } from "../../mixins/scrollbar.mjs";
 import { n as Stack, t as HStack } from "../../Stack-BkC7FCdF.mjs";
-import { t as IconButton } from "../../IconButton-D4awF770.mjs";
+import { t as IconButton } from "../../IconButton-HWx5Hlmi.mjs";
 import { t as LoadingShimmer } from "../../LoadingShimmer-Bqjdut7i.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/components/SegmentedControl/index.d.mts

@@ -1,2 +1,2 @@
-import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-C_7mTcuL.mjs";
+import { i as SegmentedControlProps, n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-xjU-2IsJ.mjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem, SegmentedControlProps };

package/dist/components/SegmentedControl/index.mjs

@@ -1,2 +1,2 @@
-import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-B2_bS806.mjs";
+import { n as SegmentedControlItem, t as SegmentedControl } from "../../SegmentedControl-CcKPfxBR.mjs";
 export { SegmentedControl, SegmentedControl as default, SegmentedControlItem };