@persona/design-system 0.10.6 → 0.10.7

package/dist/{TableControls-BHv-tXA-.d.mts → TableControls-r58fZb_C.d.mts}

@@ -1,7 +1,7 @@
-import { n as ControlBarProps } from "./ControlBar-kJ_eWf8f.mjs";
-import { n as FilterBarProps } from "./FilterBar-BpMguIXl.mjs";
-import { i as BaseFilterConfig, s as FilterConfig, u as FilterTypeResolver } from "./types-sUEmxsGM.mjs";
-import { i as TableViewConfigurationProps } from "./TableViewConfigurationDropdown-C5bjxTGX.mjs";
+import { n as ControlBarProps } from "./ControlBar-dqzVo6e6.mjs";
+import { n as FilterBarProps } from "./FilterBar-DPCPfr4_.mjs";
+import { i as BaseFilterConfig, s as FilterConfig, u as FilterTypeResolver } from "./types-BiRayNak.mjs";
+import { i as TableViewConfigurationProps } from "./TableViewConfigurationDropdown-D0VcRmd4.mjs";
 import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -82,4 +82,4 @@ declare const TableControls: <TFilter extends BaseFilterConfig = FilterConfig>({
 }: TableControlsProps<TFilter>) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TableControlsFiltersV2Props as n, TableControlsProps as r, TableControls as t };
-//# sourceMappingURL=TableControls-BHv-tXA-.d.mts.map
+//# sourceMappingURL=TableControls-r58fZb_C.d.mts.map

package/dist/TableControls.d.mts

@@ -1,2 +1,2 @@
-import { n as TableControlsFiltersV2Props, r as TableControlsProps, t as TableControls } from "./TableControls-BHv-tXA-.mjs";
+import { n as TableControlsFiltersV2Props, r as TableControlsProps, t as TableControls } from "./TableControls-r58fZb_C.mjs";
 export { TableControlsFiltersV2Props, TableControlsProps, TableControls as default };

package/dist/{TableControlsContext-D6rifk-v.d.mts → TableControlsContext-nz8GXmXc.d.mts}

@@ -1,4 +1,4 @@
-import { i as BaseFilterConfig, r as BaseActiveFilter } from "./types-sUEmxsGM.mjs";
+import { i as BaseFilterConfig, r as BaseActiveFilter } from "./types-BiRayNak.mjs";
 import * as _$react from "react";
 import { Dispatch, ReactNode, SetStateAction } from "react";
 
@@ -18,4 +18,4 @@ declare function TableControlsProvider<TFilter extends BaseFilterConfig = BaseFi
 }): _$react.FunctionComponentElement<_$react.ProviderProps<TableControlsContextProps<BaseFilterConfig, BaseActiveFilter<BaseFilterConfig>>>>;
 //#endregion
 export { useTableControls as i, TableControlsContextProps as n, TableControlsProvider as r, TableControlsContext as t };
-//# sourceMappingURL=TableControlsContext-D6rifk-v.d.mts.map
+//# sourceMappingURL=TableControlsContext-nz8GXmXc.d.mts.map

package/dist/TableControlsContext.d.mts

@@ -1,2 +1,2 @@
-import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "./TableControlsContext-D6rifk-v.mjs";
+import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "./TableControlsContext-nz8GXmXc.mjs";
 export { TableControlsContextProps, TableControlsProvider, TableControlsContext as default, useTableControls };

package/dist/{TableHead-D5A3bOwt.d.mts → TableHead-CIXIrZGE.d.mts}

@@ -9,4 +9,4 @@ declare const TableHead: _$styled_components0.StyledComponent<"thead", any, {
 } & TableHeadProps, "role">;
 //#endregion
 export { TableHead as t };
-//# sourceMappingURL=TableHead-D5A3bOwt.d.mts.map
+//# sourceMappingURL=TableHead-CIXIrZGE.d.mts.map

package/dist/TableHead.d.mts

@@ -1,2 +1,2 @@
-import { t as TableHead } from "./TableHead-D5A3bOwt.mjs";
+import { t as TableHead } from "./TableHead-CIXIrZGE.mjs";
 export { TableHead as default };

package/dist/{TableHeaderCell-BXgnxPpX.d.mts → TableHeaderCell-wKcp8rZj.d.mts}

@@ -16,4 +16,4 @@ interface TableIconContainerProps {
 declare const TableHeaderCell: _$react.ForwardRefExoticComponent<Omit<_$react.DetailedHTMLProps<_$react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & TableHeaderCellProps & TableIconContainerProps & _$react.RefAttributes<HTMLTableCellElement>>;
 //#endregion
 export { TableHeaderCell as t };
-//# sourceMappingURL=TableHeaderCell-BXgnxPpX.d.mts.map
+//# sourceMappingURL=TableHeaderCell-wKcp8rZj.d.mts.map

package/dist/TableHeaderCell.d.mts

@@ -1,2 +1,2 @@
-import { t as TableHeaderCell } from "./TableHeaderCell-BXgnxPpX.mjs";
+import { t as TableHeaderCell } from "./TableHeaderCell-wKcp8rZj.mjs";
 export { TableHeaderCell as default };

package/dist/{TableLayout-Dy5ht8KO.d.mts → TableLayout-0-9FnNvt.d.mts}

@@ -22,4 +22,4 @@ interface TableLayoutProps {
 declare const TableLayout: FC<PropsWithChildren<TableLayoutProps>>;
 //#endregion
 export { TableLayout as t };
-//# sourceMappingURL=TableLayout-Dy5ht8KO.d.mts.map
+//# sourceMappingURL=TableLayout-0-9FnNvt.d.mts.map

package/dist/TableLayout.d.mts

@@ -1,2 +1,2 @@
-import { t as TableLayout } from "./TableLayout-Dy5ht8KO.mjs";
+import { t as TableLayout } from "./TableLayout-0-9FnNvt.mjs";
 export { TableLayout as default };

package/dist/{TableRow-C1iGbNjZ.d.mts → TableRow-C011thJ3.d.mts}

@@ -1,4 +1,4 @@
-import { t as PseudoClassProps } from "./PseudoClassProps-D_f-JUT1.mjs";
+import { t as PseudoClassProps } from "./PseudoClassProps-D-sdJdnG.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region src/components/Table/TableRow.d.ts
@@ -10,4 +10,4 @@ declare const TableRow: _$styled_components0.StyledComponent<"tr", any, {
 } & TableRowProps, "role">;
 //#endregion
 export { TableRowProps as n, TableRow as t };
-//# sourceMappingURL=TableRow-C1iGbNjZ.d.mts.map
+//# sourceMappingURL=TableRow-C011thJ3.d.mts.map

package/dist/TableRow.d.mts

@@ -1,2 +1,2 @@
-import { n as TableRowProps, t as TableRow } from "./TableRow-C1iGbNjZ.mjs";
+import { n as TableRowProps, t as TableRow } from "./TableRow-C011thJ3.mjs";
 export { TableRowProps, TableRow as default };

package/dist/TableTH.d.mts

@@ -1,2 +1,2 @@
-import { n as TableTHProps, t as TableTH } from "./index-D2YFHdsf.mjs";
+import { n as TableTHProps, t as TableTH } from "./index-DntqThoS.mjs";
 export { TableTHProps, TableTH as default };

package/dist/{TableViewConfigurationDropdown-C5bjxTGX.d.mts → TableViewConfigurationDropdown-D0VcRmd4.d.mts}

@@ -1,4 +1,4 @@
-import { n as AttributeColumn } from "./types-sUEmxsGM.mjs";
+import { n as AttributeColumn } from "./types-BiRayNak.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/DataTable/TableControls/TableViewConfigurationDropdown.d.ts
@@ -31,4 +31,4 @@ declare const TableViewConfiguration: ({
 }: TableViewConfigurationProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TableViewConfigurationProps as i, TableViewConfigurationDropdown as n, TableViewConfigurationDropdownProps as r, TableViewConfiguration as t };
-//# sourceMappingURL=TableViewConfigurationDropdown-C5bjxTGX.d.mts.map
+//# sourceMappingURL=TableViewConfigurationDropdown-D0VcRmd4.d.mts.map

package/dist/TableViewConfigurationDropdown.d.mts

@@ -1,2 +1,2 @@
-import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "./TableViewConfigurationDropdown-C5bjxTGX.mjs";
+import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "./TableViewConfigurationDropdown-D0VcRmd4.mjs";
 export { TableViewConfiguration, TableViewConfigurationDropdownProps, TableViewConfigurationProps, TableViewConfigurationDropdown as default };

package/dist/{Text-SaoRBdB6.d.mts → Text-BgSW0yDb.d.mts}

@@ -1,5 +1,5 @@
-import { i as ParagraphSize, n as HeadingSize, t as DisplaySize } from "./text-Csytfclh.mjs";
-import { a as TextColors } from "./theme-mQ4WkH90.mjs";
+import { i as ParagraphSize, n as HeadingSize, t as DisplaySize } from "./text-CKLxMlG4.mjs";
+import { a as TextColors } from "./theme-BFP-_PEh.mjs";
 import { ComponentPropsWithoutRef, ComponentType, FC, PropsWithChildren } from "react";
 import * as _$styled_components0 from "styled-components";
 
@@ -39,4 +39,4 @@ declare const Label: _$styled_components0.StyledComponent<FC<PropsWithChildren<S
 declare const TabularNumber: _$styled_components0.StyledComponent<FC<PropsWithChildren<SpanProps>>, any, ParagraphProps, never>;
 //#endregion
 export { Label as a, ParagraphProps as c, TabularNumber as d, HeadingProps as i, Span as l, DisplayProps as n, LabelProps as o, Heading as r, Paragraph as s, Display as t, SpanProps as u };
-//# sourceMappingURL=Text-SaoRBdB6.d.mts.map
+//# sourceMappingURL=Text-BgSW0yDb.d.mts.map

package/dist/Text.d.mts

@@ -1,2 +1,2 @@
-import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "./Text-SaoRBdB6.mjs";
+import { a as Label, c as ParagraphProps, d as TabularNumber, i as HeadingProps, l as Span, n as DisplayProps, o as LabelProps, r as Heading, s as Paragraph, t as Display, u as SpanProps } from "./Text-BgSW0yDb.mjs";
 export { Display, DisplayProps, Heading, HeadingProps, Label, LabelProps, Paragraph, ParagraphProps, Span, SpanProps, TabularNumber };

package/dist/{TextArea-gtSlghjy.d.mts → TextArea-CyWv8jaV.d.mts}

@@ -1,4 +1,4 @@
-import { t as InputProps } from "./InputProps-BT7-RfnD.mjs";
+import { t as InputProps } from "./InputProps-DrG94eFF.mjs";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef } from "react";
 
@@ -7,4 +7,4 @@ interface TextAreaProps extends ComponentPropsWithoutRef<'textarea'>, Omit<Input
 declare const TextAreaWithStyle: _$react.ForwardRefExoticComponent<TextAreaProps & _$react.RefAttributes<HTMLTextAreaElement>>;
 //#endregion
 export { TextAreaWithStyle as n, TextAreaProps as t };
-//# sourceMappingURL=TextArea-gtSlghjy.d.mts.map
+//# sourceMappingURL=TextArea-CyWv8jaV.d.mts.map

package/dist/TextArea.d.mts

@@ -1,2 +1,2 @@
-import { n as TextAreaWithStyle, t as TextAreaProps } from "./TextArea-gtSlghjy.mjs";
+import { n as TextAreaWithStyle, t as TextAreaProps } from "./TextArea-CyWv8jaV.mjs";
 export { TextAreaWithStyle as TextArea, TextAreaWithStyle as default, TextAreaProps };

package/dist/{TextUnderlineTooltip-DV61avLv.d.mts → TextUnderlineTooltip-CcyG4VkJ.d.mts}

@@ -1,4 +1,4 @@
-import { r as TooltipStandardProps } from "./Tooltip-CysnLwST.mjs";
+import { r as TooltipStandardProps } from "./Tooltip-CrpfAAfA.mjs";
 import { ReactNode } from "react";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -15,4 +15,4 @@ declare const TextUnderlineTooltip: ({
 }: TextUnderlineTooltipProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TextWithDashedUnderline as n, TextUnderlineTooltip as t };
-//# sourceMappingURL=TextUnderlineTooltip-DV61avLv.d.mts.map
+//# sourceMappingURL=TextUnderlineTooltip-CcyG4VkJ.d.mts.map

package/dist/TextUnderlineTooltip.d.mts

@@ -1,2 +1,2 @@
-import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "./TextUnderlineTooltip-DV61avLv.mjs";
+import { n as TextWithDashedUnderline, t as TextUnderlineTooltip } from "./TextUnderlineTooltip-CcyG4VkJ.mjs";
 export { TextWithDashedUnderline, TextUnderlineTooltip as default };

package/dist/Tile.d.mts

@@ -1,4 +1,4 @@
-import { o as StickerProps } from "./Sticker-sIBnBbHD.mjs";
+import { o as StickerProps } from "./Sticker-C2zp47FB.mjs";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/Toast.d.mts

@@ -1,4 +1,4 @@
-import { t as MessageType } from "./message-klSuXfNN.mjs";
+import { t as MessageType } from "./message-Bk5UTw75.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLMotionProps } from "framer-motion";
 

package/dist/{Toggle-BlvrM-Cw.d.mts → Toggle-BIJoB1AA.d.mts}

@@ -53,4 +53,4 @@ interface ToggleProps {
 declare const Toggle: _$react.ForwardRefExoticComponent<ToggleProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { ToggleProps as n, Toggle as t };
-//# sourceMappingURL=Toggle-BlvrM-Cw.d.mts.map
+//# sourceMappingURL=Toggle-BIJoB1AA.d.mts.map

package/dist/Toggle.d.mts

@@ -1,2 +1,2 @@
-import { n as ToggleProps, t as Toggle } from "./Toggle-BlvrM-Cw.mjs";
+import { n as ToggleProps, t as Toggle } from "./Toggle-BIJoB1AA.mjs";
 export { Toggle, Toggle as default, ToggleProps };

package/dist/{Tooltip-CysnLwST.d.mts → Tooltip-CrpfAAfA.d.mts}

@@ -1,4 +1,4 @@
-import { r as _default, t as CardProps } from "./Card-CfECLwQ6.mjs";
+import { r as _default, t as CardProps } from "./Card-DOIqF954.mjs";
 import { ComponentPropsWithoutRef, ComponentType, ReactElement, ReactNode } from "react";
 import { DefaultTheme, StyledComponent } from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
@@ -97,4 +97,4 @@ declare const Tooltip: ({
 }: TooltipProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TooltipWithIconProps as i, Tooltip as n, TooltipStandardProps as r, FloatingTooltip as t };
-//# sourceMappingURL=Tooltip-CysnLwST.d.mts.map
+//# sourceMappingURL=Tooltip-CrpfAAfA.d.mts.map

package/dist/Tooltip.d.mts

@@ -1,2 +1,2 @@
-import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "./Tooltip-CysnLwST.mjs";
+import { i as TooltipWithIconProps, n as Tooltip, r as TooltipStandardProps, t as FloatingTooltip } from "./Tooltip-CrpfAAfA.mjs";
 export { FloatingTooltip, Tooltip, Tooltip as default, TooltipStandardProps, TooltipWithIconProps };

package/dist/{TruncatedText-YcjNG-zP.d.mts → TruncatedText-DaGx3CX6.d.mts}

@@ -15,4 +15,4 @@ interface TruncatedTextProps extends ComponentPropsWithoutRef<'span'> {
 declare const TruncatedText: FC<TruncatedTextProps>;
 //#endregion
 export { TruncatedText as n, TruncatedTextProps as r, OverflowEllipsisSpan as t };
-//# sourceMappingURL=TruncatedText-YcjNG-zP.d.mts.map
+//# sourceMappingURL=TruncatedText-DaGx3CX6.d.mts.map

package/dist/VersionHistory.d.mts

@@ -1,4 +1,4 @@
-import { n as VersionHistoryItemProps, r as VersionHistoryStatus } from "./VersionHistoryItem-Px3ylMMq.mjs";
+import { n as VersionHistoryItemProps, r as VersionHistoryStatus } from "./VersionHistoryItem-Bo78T7y7.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/VersionHistory/VersionHistory.d.ts

package/dist/{VersionHistoryItem-Px3ylMMq.d.mts → VersionHistoryItem-Bo78T7y7.d.mts}

@@ -51,4 +51,4 @@ declare const VersionHistoryItem: ({
 }: VersionHistoryItemViewProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { hasVersionHistoryItemActions as i, VersionHistoryItemProps as n, VersionHistoryStatus as r, VersionHistoryItem as t };
-//# sourceMappingURL=VersionHistoryItem-Px3ylMMq.d.mts.map
+//# sourceMappingURL=VersionHistoryItem-Bo78T7y7.d.mts.map

package/dist/VersionHistoryItem.d.mts

@@ -1,2 +1,2 @@
-import { i as hasVersionHistoryItemActions, n as VersionHistoryItemProps, r as VersionHistoryStatus, t as VersionHistoryItem } from "./VersionHistoryItem-Px3ylMMq.mjs";
+import { i as hasVersionHistoryItemActions, n as VersionHistoryItemProps, r as VersionHistoryStatus, t as VersionHistoryItem } from "./VersionHistoryItem-Bo78T7y7.mjs";
 export { VersionHistoryItemProps, VersionHistoryStatus, VersionHistoryItem as default, hasVersionHistoryItemActions };

package/dist/WizardModal.d.mts

@@ -1,5 +1,5 @@
-import { i as ModalRenderProps, s as _default } from "./Modal-Bhwq1bQJ.mjs";
-import { i as StepStatus, r as ProgressIndicatorStep } from "./ProgressIndicator-COCwRZfK.mjs";
+import { i as ModalRenderProps, s as _default } from "./Modal-kEgKwLg4.mjs";
+import { i as StepStatus, r as ProgressIndicatorStep } from "./ProgressIndicator-tVvf0cY5.mjs";
 import { ComponentProps, ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/{accordionTitleTypography-Dlo2YyWd.d.mts → accordionTitleTypography-D7tOgRzj.d.mts}

@@ -1,4 +1,4 @@
-import { i as ParagraphSize, n as HeadingSize } from "./text-Csytfclh.mjs";
+import { i as ParagraphSize, n as HeadingSize } from "./text-CKLxMlG4.mjs";
 
 //#region src/components/Accordion/accordionTitleTypography.d.ts
 type AccordionSize = 'sm' | 'md' | 'lg';
@@ -14,4 +14,4 @@ declare const getDefaultTitleTypography: (size: AccordionSize) => AccordionTitle
 declare const resolveTitleTypography: (size: AccordionSize, titleTypography?: AccordionTitleTypography) => AccordionTitleTypography;
 //#endregion
 export { resolveTitleTypography as i, AccordionTitleTypography as n, getDefaultTitleTypography as r, AccordionSize as t };
-//# sourceMappingURL=accordionTitleTypography-Dlo2YyWd.d.mts.map
+//# sourceMappingURL=accordionTitleTypography-D7tOgRzj.d.mts.map

package/dist/accordionTitleTypography.d.mts

@@ -1,2 +1,2 @@
-import { i as resolveTitleTypography, n as AccordionTitleTypography, r as getDefaultTitleTypography, t as AccordionSize } from "./accordionTitleTypography-Dlo2YyWd.mjs";
+import { i as resolveTitleTypography, n as AccordionTitleTypography, r as getDefaultTitleTypography, t as AccordionSize } from "./accordionTitleTypography-D7tOgRzj.mjs";
 export { AccordionSize, AccordionTitleTypography, getDefaultTitleTypography, resolveTitleTypography };

package/dist/{chainTypes-aF5rWav-.d.mts → chainTypes-CLKwXymd.d.mts}

@@ -1,6 +1,6 @@
-import { n as JsonSchema } from "./jsonSchema-DUkfAip_.mjs";
-import { n as Chain } from "./methodChainTypes-BtbYWrdP.mjs";
-import { t as Option } from "./schemaOptions-C_JM2-sg.mjs";
+import { n as JsonSchema } from "./jsonSchema-BJpNaFc4.mjs";
+import { n as Chain } from "./methodChainTypes-Di4GCMX7.mjs";
+import { t as Option } from "./schemaOptions-BKtrXvjR.mjs";
 
 //#region src/lib/chainTypes.d.ts
 interface ChainRoot {
@@ -14,4 +14,4 @@ interface PossibleChainSchema extends Option {
 }
 //#endregion
 export { PossibleChainSchema as n, ChainRoot as t };
-//# sourceMappingURL=chainTypes-aF5rWav-.d.mts.map
+//# sourceMappingURL=chainTypes-CLKwXymd.d.mts.map

package/dist/{clientFilterUtils-DDDG1g7e.d.mts → clientFilterUtils-BnASP9Tt.d.mts}

@@ -1,4 +1,4 @@
-import { s as FilterConfig } from "./types-sUEmxsGM.mjs";
+import { s as FilterConfig } from "./types-BiRayNak.mjs";
 import { Dispatch, SetStateAction } from "react";
 import { Column, ColumnFiltersState, Header, RowData, Table } from "@tanstack/react-table";
 
@@ -17,4 +17,4 @@ declare const generateClientFilters: <TData extends RowData>(columns: Array<{
 }>, columnFilters: ColumnFiltersState, setColumnFilters: Dispatch<SetStateAction<ColumnFiltersState>>) => FilterConfig[];
 //#endregion
 export { getFilterFnName as n, generateClientFilters as t };
-//# sourceMappingURL=clientFilterUtils-DDDG1g7e.d.mts.map
+//# sourceMappingURL=clientFilterUtils-BnASP9Tt.d.mts.map

package/dist/clientFilterUtils.d.mts

@@ -1,2 +1,2 @@
-import { n as getFilterFnName, t as generateClientFilters } from "./clientFilterUtils-DDDG1g7e.mjs";
+import { n as getFilterFnName, t as generateClientFilters } from "./clientFilterUtils-BnASP9Tt.mjs";
 export { generateClientFilters, getFilterFnName };

package/dist/{codec-D8ZKFLgs.d.mts → codec-C4WJftW6.d.mts}

@@ -1,4 +1,4 @@
-import { a as DateFilterPreset, c as RelativeDateFilterValue, n as AbsoluteDateRange, o as DateFilterValue } from "./types-rDQg74j-.mjs";
+import { a as DateFilterPreset, c as RelativeDateFilterValue, n as AbsoluteDateRange, o as DateFilterValue } from "./types-FG-jOit9.mjs";
 import { DateTime } from "luxon";
 
 //#region src/lib/date-filter/codec.d.ts
@@ -26,4 +26,4 @@ declare function isRelative(value: DateFilterValue): value is RelativeDateFilter
 declare function formatDateFilterValue(value: DateFilterValue): string | null;
 //#endregion
 export { selectedPresetFor as a, resolveDateFilterValue as i, isRelative as n, parseDateFilterValue as r, formatDateFilterValue as t };
-//# sourceMappingURL=codec-D8ZKFLgs.d.mts.map
+//# sourceMappingURL=codec-C4WJftW6.d.mts.map

package/dist/codec.d.mts

@@ -1,2 +1,2 @@
-import { a as selectedPresetFor, i as resolveDateFilterValue, n as isRelative, r as parseDateFilterValue, t as formatDateFilterValue } from "./codec-D8ZKFLgs.mjs";
+import { a as selectedPresetFor, i as resolveDateFilterValue, n as isRelative, r as parseDateFilterValue, t as formatDateFilterValue } from "./codec-C4WJftW6.mjs";
 export { formatDateFilterValue, isRelative, parseDateFilterValue, resolveDateFilterValue, selectedPresetFor };

package/dist/{color-Cy_0z4IY.d.mts → color-Db57Wms_.d.mts}

@@ -1,4 +1,4 @@
-import { t as CssPercentage } from "./semantic-BLaQSW1r.mjs";
+import { t as CssPercentage } from "./semantic-BZbvb3LV.mjs";
 import { Color } from "@persona/design-tokens";
 
 //#region src/lib/color.d.ts
@@ -22,4 +22,4 @@ declare const withAlpha: (color: Color, amount: CssPercentage) => CssColor;
 declare const opaqueOver: (overlay: Color, amount: CssPercentage, base: Color) => CssColor;
 //#endregion
 export { transparent as a, opaqueOver as i, PdsColor as n, withAlpha as o, opacityOf as r, CssColor as t };
-//# sourceMappingURL=color-Cy_0z4IY.d.mts.map
+//# sourceMappingURL=color-Db57Wms_.d.mts.map

package/dist/complete-typography.d.mts

@@ -1,4 +1,4 @@
-import { r as Rule } from "./index-BWAycP6L.mjs";
+import { r as Rule } from "./index-B9kfFACl.mjs";
 
 //#region src/lint/rules/complete-typography.d.ts
 declare const completeTypography: Rule;

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

@@ -1,4 +1,4 @@
-import { n as AccordionTitleTypography, t as AccordionSize } from "../../accordionTitleTypography-Dlo2YyWd.mjs";
+import { n as AccordionTitleTypography, t as AccordionSize } from "../../accordionTitleTypography-D7tOgRzj.mjs";
 import { AccordionTitleHeadingAs } from "../../AccordionItem.mjs";
 import { Accordion, AccordionItemProps, AccordionProps } from "../../Accordion.mjs";
 export { Accordion, Accordion as default, type AccordionItemProps, type AccordionProps, type AccordionSize, type AccordionTitleHeadingAs, type AccordionTitleTypography };

package/dist/components/BottomPanel/index.mjs

@@ -1,14 +1,19 @@
-import { a as styled, r as css } from "../../styledComponentsInterop-Cs5CCPRy.mjs";
+import { a as styled, o as useTheme, r as css } from "../../styledComponentsInterop-Cs5CCPRy.mjs";
+import { l as usePDSStrings } from "../../i18n-DaOKaFc2.mjs";
+import { semanticColor } from "../../lib/semanticColor.mjs";
+import { i as Paragraph } from "../../Text-D0vEReED.mjs";
 import { useResizablePanel } from "../../lib/useResizablePanel.mjs";
 import { Z_INDICES } from "../../lib/zindex.mjs";
+import { focusOutline } from "../../mixins/focus.mjs";
 import { semanticScrollbar } from "../../mixins/scrollbar.mjs";
+import { n as Stack, t as HStack } from "../../Stack-Bzom2BTR.mjs";
 import { t as IconButton } from "../../IconButton-DftINsp7.mjs";
 import { t as Badge } from "../../Badge-8YzapjWf.mjs";
 import { i as TabBar, r as Tab } from "../../TabBar-DpXYsWgS.mjs";
 import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
-import { Color, Spacing } from "@persona/design-tokens";
+import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowCollapseIcon, ArrowExpandIcon, XIcon } from "@persona/icons";
+import { ArrowCollapseIcon, ArrowExpandIcon, CircleXInverseIcon, XIcon } from "@persona/icons";
 import { useId } from "react-aria";
 //#region src/components/BottomPanel/ResizeHandle.tsx
 const DRAGGING_CLASSNAME = "dragging";
@@ -215,12 +220,50 @@ const OPEN_HEIGHT = 200;
 const Header = styled.div`
   display: flex;
   align-items: center;
+  justify-content: space-between;
   box-sizing: border-box;
   width: 100%;
+  min-width: 0;
   padding-left: ${Spacing[4]};
 `;
+const ErrorSummary = styled(HStack).attrs({ align: "center" })`
+  flex-shrink: 0;
+  padding-right: ${Spacing[2]};
+`;
+const ErrorSummaryDivider = styled.div`
+  width: 1px;
+  height: ${Spacing[6]};
+  background: ${({ theme }) => semanticColor(theme, "BorderSubtle", Color.BorderDivider)};
+`;
+const ErrorIndicator = styled(Stack).attrs({
+	align: "center",
+	direction: "horizontal",
+	spacing: Spacing[1]
+})`
+  padding: ${Spacing[1]} ${Spacing[2]};
+  background: none;
+  border: none;
+  border-radius: ${BorderRadius.Sm};
+  font: inherit;
+  color: inherit;
+  ${({ $clickable }) => $clickable ? css`
+          cursor: pointer;
+
+          &:hover {
+            background: ${({ theme }) => semanticColor(theme, "ActionNeutralHover", theme.color.variants.basic.hover)};
+          }
+
+          &:active {
+            background: ${({ theme }) => semanticColor(theme, "ActionNeutralActive", theme.color.variants.basic.highlight)};
+          }
+
+          ${focusOutline}
+        ` : ""}
+`;
 const HeaderTabBar = styled(TabBar)`
   border-bottom: none;
+  flex: 1;
+  min-width: 0;
 `;
 const PanelContent = styled.div`
   ${({ $hidden }) => $hidden ? css`
@@ -241,7 +284,9 @@ const PanelContent = styled.div`
 * panel. Owns the tab bar, expand/collapse/resize, and always-mounted content;
 * the caller owns what each panel shows.
 */
-const BottomPanel = forwardRef(function BottomPanel({ panels }, ref) {
+const BottomPanel = forwardRef(function BottomPanel({ panels, errorCount, onErrorCountClick }, ref) {
+	const strings = usePDSStrings();
+	const theme = useTheme();
 	const baseId = useId();
 	const [selected, setSelected] = useState(panels[0]?.label);
 	const hasSelected = panels.some((panel) => panel.label === selected);
@@ -266,14 +311,30 @@ const BottomPanel = forwardRef(function BottomPanel({ panels }, ref) {
 		if (panels.some((panel) => panel.label === label)) openPanel(label);
 	} }), [openPanel, panels]);
 	return /* @__PURE__ */ jsx(ResizableVerticalPanel, {
-		headerContent: /* @__PURE__ */ jsx(Header, { children: /* @__PURE__ */ jsx(HeaderTabBar, { children: panels.map((panel, index) => /* @__PURE__ */ jsx(Tab, {
+		headerContent: /* @__PURE__ */ jsxs(Header, { children: [/* @__PURE__ */ jsx(HeaderTabBar, { children: panels.map((panel, index) => /* @__PURE__ */ jsx(Tab, {
 			"aria-controls": `${baseId}-panel-${index}`,
 			badge: panel.badge ? /* @__PURE__ */ jsx(Badge, { children: panel.badge }) : void 0,
 			id: `${baseId}-tab-${index}`,
 			onClick: () => openPanel(panel.label),
 			selected: selectedLabel === panel.label,
 			children: panel.label
-		}, panel.label)) }) }),
+		}, panel.label)) }), errorCount != null && /* @__PURE__ */ jsxs(ErrorSummary, { children: [/* @__PURE__ */ jsx(ErrorSummaryDivider, { "aria-hidden": true }), /* @__PURE__ */ jsxs(ErrorIndicator, {
+			$clickable: onErrorCountClick != null,
+			"aria-label": strings.errorCount(errorCount),
+			as: onErrorCountClick ? "button" : "div",
+			onClick: onErrorCountClick,
+			role: onErrorCountClick ? void 0 : "img",
+			type: onErrorCountClick ? "button" : void 0,
+			children: [/* @__PURE__ */ jsx(CircleXInverseIcon, {
+				"aria-hidden": true,
+				color: errorCount === 0 ? semanticColor(theme, "FgDisabled", Color.TextDisabled) : semanticColor(theme, "FgDanger1", Color.TextDanger)
+			}), /* @__PURE__ */ jsx(Paragraph, {
+				as: "span",
+				color: errorCount === 0 ? "disabled" : "primary",
+				size: "md",
+				children: errorCount
+			})]
+		})] })] }),
 		hookState: resizablePanelState,
 		minHeight: PANEL_MIN_HEIGHT,
 		children: panels.map((panel, index) => {

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/BottomPanel/ResizeHandle.tsx","../../../src/components/BottomPanel/ResizableVerticalPanel.tsx","../../../src/components/BottomPanel/BottomPanel.tsx"],"sourcesContent":["import { type FC, type RefObject, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { Spacing } from '@persona/design-tokens';\n\nconst DRAGGING_CLASSNAME = 'dragging';\n\ninterface ResizeHandleProps {\n  ariaLabel: string;\n  /** Fires on double-click or Enter/Space so the host can toggle/reset the size. */\n  onDoubleClick?: () => void;\n  /** Called on each pointer move with the new top edge position (clientY) in px. */\n  onMoveTo: (position: number) => void;\n  /** Called once when the drag ends (pointerup, cancel, or lost capture). */\n  onRelease?: () => void;\n  /** The panel being resized; its edge seeds the grab offset so the handle doesn't jump. */\n  panelRef: RefObject<HTMLDivElement>;\n}\n\n// The visible line is 2px tall on the panel's top border; the hitbox is Spacing[2] tall and\n// straddles that border so it is easy to grab without covering the header row's controls.\nconst ResizeHandleContainer = styled.div`\n  cursor: row-resize;\n  position: absolute;\n  height: ${Spacing[2]};\n  top: -${Spacing[1]};\n  left: 0;\n  right: 0;\n  z-index: ${Z_INDICES.dropdown};\n  touch-action: none;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: ${Spacing[1]};\n    left: 0;\n    right: 0;\n    height: 2px;\n    background-color: transparent;\n    transition: background-color 0.15s ease-in;\n    transition-delay: 0.025s;\n  }\n\n  &:hover::after,\n  &.${DRAGGING_CLASSNAME}::after {\n    background-color: ${({ theme }) => theme.color.border.active};\n  }\n`;\n\n/** Vertical resize handle pinned to the top edge of a bottom-anchored panel. */\nexport const ResizeHandle: FC<ResizeHandleProps> = ({\n  ariaLabel,\n  onDoubleClick,\n  onMoveTo,\n  onRelease,\n  panelRef,\n}) => {\n  const resizeHandleRef = useRef<HTMLDivElement>(null);\n  const panelOffsetRef = useRef(0);\n  const activePointerIdRef = useRef<number | null>(null);\n  const documentListenersRef = useRef<{\n    handleEnd: (event: PointerEvent) => void;\n    handleMove: (event: PointerEvent) => void;\n  } | null>(null);\n  // Document listeners are registered once per drag; reading the callbacks through\n  // refs keeps them on the latest props without re-registering mid-drag.\n  const onMoveToRef = useRef(onMoveTo);\n  const onReleaseRef = useRef(onRelease);\n  onMoveToRef.current = onMoveTo;\n  onReleaseRef.current = onRelease;\n\n  const removeDocumentListeners = () => {\n    const listeners = documentListenersRef.current;\n    if (!listeners) {\n      return;\n    }\n\n    document.removeEventListener('pointermove', listeners.handleMove);\n    document.removeEventListener('pointerup', listeners.handleEnd);\n    document.removeEventListener('pointercancel', listeners.handleEnd);\n    documentListenersRef.current = null;\n  };\n\n  // Pointer capture routes events through the handle (including over iframes), but\n  // some surfaces still drop pointerup. Document-level listeners during an active\n  // drag are the release safety net. Only the pointer that started the drag may\n  // move or end it.\n  const endDrag = (pointerId: number) => {\n    if (activePointerIdRef.current !== pointerId) {\n      return;\n    }\n\n    activePointerIdRef.current = null;\n    removeDocumentListeners();\n    try {\n      resizeHandleRef.current?.releasePointerCapture(pointerId);\n    } catch {\n      // No active capture (or unsupported, e.g. jsdom) — nothing to release.\n    }\n\n    resizeHandleRef.current?.classList.remove(DRAGGING_CLASSNAME);\n    panelOffsetRef.current = 0;\n    onReleaseRef.current?.();\n  };\n\n  const handleDocumentPointerMove = (event: PointerEvent) => {\n    if (activePointerIdRef.current !== event.pointerId) {\n      return;\n    }\n\n    onMoveToRef.current(event.clientY + panelOffsetRef.current);\n  };\n\n  const addDocumentListeners = () => {\n    removeDocumentListeners();\n\n    const listeners = {\n      handleEnd: (event: PointerEvent) => endDrag(event.pointerId),\n      handleMove: handleDocumentPointerMove,\n    };\n    documentListenersRef.current = listeners;\n    document.addEventListener('pointermove', listeners.handleMove);\n    document.addEventListener('pointerup', listeners.handleEnd);\n    document.addEventListener('pointercancel', listeners.handleEnd);\n  };\n\n  const endDragRef = useRef(endDrag);\n  endDragRef.current = endDrag;\n  useEffect(() => {\n    return () => {\n      const activePointerId = activePointerIdRef.current;\n      if (activePointerId != null) {\n        endDragRef.current(activePointerId);\n      }\n    };\n  }, []);\n\n  return (\n    <ResizeHandleContainer\n      aria-label={ariaLabel}\n      onDoubleClick={onDoubleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          onDoubleClick?.();\n          e.preventDefault();\n        }\n      }}\n      onLostPointerCapture={(e) => endDrag(e.pointerId)}\n      onPointerCancel={(e) => endDrag(e.pointerId)}\n      onPointerDown={(e) => {\n        // Primary button / touch / pen only; ignore secondary and middle clicks,\n        // and a second pointer while a drag is already active.\n        if (e.button !== 0 || activePointerIdRef.current != null) {\n          return;\n        }\n        const panelRect = panelRef.current?.getBoundingClientRect();\n        panelOffsetRef.current = panelRect ? panelRect.top - e.clientY : 0;\n        activePointerIdRef.current = e.pointerId;\n        resizeHandleRef.current?.classList.add(DRAGGING_CLASSNAME);\n        addDocumentListeners();\n        try {\n          resizeHandleRef.current?.setPointerCapture(e.pointerId);\n        } catch {\n          // Pointer capture unsupported (e.g. jsdom) — document listeners still\n          // route move/up events for the duration of the drag.\n        }\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n      onPointerUp={(e) => endDrag(e.pointerId)}\n      ref={resizeHandleRef}\n      role='button'\n      tabIndex={0}\n    />\n  );\n};\n","import { type FC, type ReactNode, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport { PanelState, type ResizablePanelState } from '@persona/design-system/lib/useResizablePanel';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowCollapseIcon, ArrowExpandIcon, XIcon } from '@persona/icons';\n\nimport { semanticScrollbar } from '#src/mixins/scrollbar';\n\nimport { ResizeHandle } from './ResizeHandle';\n\ninterface ResizableVerticalPanelProps {\n  /** Panel body, rendered in the scrollable content area below the header. */\n  children: ReactNode;\n  /** Content for the header row, left of the maximize/minimize/close buttons. */\n  headerContent?: ReactNode;\n  /** State and drag/resize handlers from `useResizablePanel`. */\n  hookState: ResizablePanelState;\n  /** Minimum panel height in px. */\n  minHeight: number;\n}\n\nconst TriStatePanel = styled.div.attrs<{\n  customHeight: number | null;\n  minHeight: number;\n  panelState: PanelState;\n}>(({ customHeight, minHeight, panelState }) => ({\n  style: {\n    height: panelState === PanelState.Maximized ? '100%' : `${customHeight ?? minHeight}px`,\n  },\n}))<{\n  customHeight: number | null;\n  minHeight: number;\n  panelState: PanelState;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  background-color: ${({ theme }) => theme.color.background.primary};\n  position: relative;\n  min-height: ${({ minHeight }) => minHeight}px;\n  width: 100%;\n  border-top: 1px solid ${Color.BorderDivider};\n  z-index: ${Z_INDICES.topNav};\n`;\n\nconst TopRowContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  box-shadow: inset 0px -1px 0px 0px ${Color.BorderDivider};\n`;\n\nconst TopRightIconsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 ${Spacing[2]};\n  gap: ${Spacing[2]};\n  flex-direction: row;\n`;\n\nconst ContentContainer = styled.div`\n  /* offset by the top row container height */\n  height: calc(100% - ${Spacing[6]});\n  overflow: auto;\n  ${semanticScrollbar}\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n`;\n\n/**\n * Bottom-anchored panel with a drag-to-resize top edge, a header row, and\n * maximize/minimize/close controls.\n */\nexport const ResizableVerticalPanel: FC<ResizableVerticalPanelProps> = ({\n  children,\n  headerContent,\n  hookState,\n  minHeight,\n}) => {\n  const {\n    collapse,\n    handleDragMove: handlePanelDragMove,\n    handleDragRelease,\n    maximize,\n    panelState,\n    restore,\n    size,\n    toggleMaximized,\n  } = hookState;\n  const panelRef = useRef<HTMLDivElement>(null);\n  // Controls only make sense once the drawer is taller than its collapsed header.\n  const showControls = (size != null && size > minHeight) || panelState === PanelState.Maximized;\n  // Converts the dragged top edge (clientY) into a panel height bounded by the\n  // panel's container.\n  const handleDragMove = (clientY: number) => {\n    const panel = panelRef.current;\n    const container = panel?.parentElement;\n    if (!panel || !container) {\n      return;\n    }\n    const panelBottom = panel.getBoundingClientRect().bottom;\n    const containerTop = container.getBoundingClientRect().top;\n    handlePanelDragMove(panelBottom - clientY, panelBottom - containerTop);\n  };\n\n  return (\n    <TriStatePanel\n      aria-label='Bottom panel'\n      customHeight={size}\n      minHeight={minHeight}\n      panelState={panelState}\n      ref={panelRef}\n      role='region'\n    >\n      <ResizeHandle\n        ariaLabel='Drag to resize bottom panel'\n        onDoubleClick={toggleMaximized}\n        onMoveTo={handleDragMove}\n        onRelease={handleDragRelease}\n        panelRef={panelRef}\n      />\n\n      <TopRowContainer>\n        {headerContent}\n\n        {showControls && (\n          <TopRightIconsContainer>\n            {panelState === PanelState.Maximized ? (\n              <IconButton aria-label='Restore the bottom panel' onClick={restore} size='sm'>\n                <ArrowCollapseIcon />\n              </IconButton>\n            ) : (\n              <IconButton aria-label='Maximize the bottom panel' onClick={maximize} size='sm'>\n                <ArrowExpandIcon />\n              </IconButton>\n            )}\n            <IconButton aria-label='Close bottom panel' onClick={collapse} size='sm'>\n              <XIcon />\n            </IconButton>\n          </TopRightIconsContainer>\n        )}\n      </TopRowContainer>\n\n      <ContentContainer>{children}</ContentContainer>\n    </TriStatePanel>\n  );\n};\n","import {\n  forwardRef,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { useId } from 'react-aria';\nimport styled, { css } from 'styled-components';\n\nimport Badge from '@persona/design-system/components/Badge';\nimport TabBar, { Tab } from '@persona/design-system/components/TabBar';\nimport { PanelState, useResizablePanel } from '@persona/design-system/lib/useResizablePanel';\nimport { Spacing } from '@persona/design-tokens';\n\nimport { ResizableVerticalPanel } from './ResizableVerticalPanel';\n\n// One-pixel panel top border plus the 32px header row sets the collapsed drawer height.\nconst PANEL_MIN_HEIGHT = 33;\n// Where the drawer opens to when a collapsed tab is selected; the user can drag from there.\nconst OPEN_HEIGHT = 200;\n\nexport interface BottomPanelItemProps {\n  /** Tab text; also the key `openPanel(label)` looks up. Unique per BottomPanel. */\n  label: string;\n  /**\n   * Tab body. Every panel stays mounted while another tab is selected, so local\n   * state (scroll, expanded rows) survives a switch.\n   */\n  content: ReactNode;\n  /** Count shown as a badge on the tab. `0`/`undefined` hides it. */\n  badge?: number;\n}\n\nexport interface BottomPanelHandle {\n  /** Select the tab and expand the drawer if collapsed. No-op for an unknown label. */\n  openPanel: (label: string) => void;\n}\n\nexport interface BottomPanelProps {\n  /** Tabs to show, in order. */\n  panels: BottomPanelItemProps[];\n}\n\nconst Header = styled.div`\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  padding-left: ${Spacing[4]};\n`;\n\n// The header row draws the divider edge to edge; the tab bar must not add its own.\nconst HeaderTabBar = styled(TabBar)`\n  border-bottom: none;\n`;\n\nconst PanelContent = styled.div<{ $hidden: boolean }>`\n  ${({ $hidden }) =>\n    $hidden\n      ? css`\n          position: absolute;\n          inset: 0;\n          overflow: hidden;\n          visibility: hidden;\n          pointer-events: none;\n        `\n      : css`\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n          min-height: 0;\n        `}\n`;\n\n/**\n * Resizable drawer anchored to the bottom of its container with one tab per\n * panel. Owns the tab bar, expand/collapse/resize, and always-mounted content;\n * the caller owns what each panel shows.\n */\nconst BottomPanel = forwardRef<BottomPanelHandle, BottomPanelProps>(function BottomPanel(\n  { panels },\n  ref,\n) {\n  const baseId = useId();\n  const [selected, setSelected] = useState<string | undefined>(panels[0]?.label);\n  // Falls back to the first panel when the selected label has left `panels`, and\n  // commits the fallback so the old label does not regain selection if it returns.\n  const hasSelected = panels.some((panel) => panel.label === selected);\n  const selectedLabel = hasSelected ? selected : panels[0]?.label;\n  useEffect(() => {\n    if (!hasSelected) {\n      setSelected(selectedLabel);\n    }\n  }, [hasSelected, selectedLabel]);\n\n  const resizablePanelState = useResizablePanel({\n    initialSize: PANEL_MIN_HEIGHT,\n    minSize: PANEL_MIN_HEIGHT,\n  });\n  const { expandTo, panelState, size } = resizablePanelState;\n\n  // Selecting a tab opens a collapsed drawer but leaves a maximized one as is.\n  const openPanel = useCallback(\n    (label: string) => {\n      if (panelState === PanelState.Drawer && (size == null || size <= PANEL_MIN_HEIGHT)) {\n        expandTo(OPEN_HEIGHT);\n      }\n      setSelected(label);\n    },\n    [expandTo, panelState, size],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      openPanel: (label: string) => {\n        if (panels.some((panel) => panel.label === label)) {\n          openPanel(label);\n        }\n      },\n    }),\n    [openPanel, panels],\n  );\n\n  return (\n    <ResizableVerticalPanel\n      headerContent={\n        <Header>\n          <HeaderTabBar>\n            {panels.map((panel, index) => (\n              <Tab\n                aria-controls={`${baseId}-panel-${index}`}\n                badge={panel.badge ? <Badge>{panel.badge}</Badge> : undefined}\n                id={`${baseId}-tab-${index}`}\n                key={panel.label}\n                onClick={() => openPanel(panel.label)}\n                selected={selectedLabel === panel.label}\n              >\n                {panel.label}\n              </Tab>\n            ))}\n          </HeaderTabBar>\n        </Header>\n      }\n      hookState={resizablePanelState}\n      minHeight={PANEL_MIN_HEIGHT}\n    >\n      {panels.map((panel, index) => {\n        const isSelected = selectedLabel === panel.label;\n        return (\n          <PanelContent\n            $hidden={!isSelected}\n            aria-hidden={!isSelected}\n            aria-labelledby={`${baseId}-tab-${index}`}\n            id={`${baseId}-panel-${index}`}\n            key={panel.label}\n            role='tabpanel'\n          >\n            {panel.content}\n          </PanelContent>\n        );\n      })}\n    </ResizableVerticalPanel>\n  );\n});\n\nexport default BottomPanel;\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../src/components/BottomPanel/ResizeHandle.tsx","../../../src/components/BottomPanel/ResizableVerticalPanel.tsx","../../../src/components/BottomPanel/BottomPanel.tsx"],"sourcesContent":["import { type FC, type RefObject, useEffect, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { Spacing } from '@persona/design-tokens';\n\nconst DRAGGING_CLASSNAME = 'dragging';\n\ninterface ResizeHandleProps {\n  ariaLabel: string;\n  /** Fires on double-click or Enter/Space so the host can toggle/reset the size. */\n  onDoubleClick?: () => void;\n  /** Called on each pointer move with the new top edge position (clientY) in px. */\n  onMoveTo: (position: number) => void;\n  /** Called once when the drag ends (pointerup, cancel, or lost capture). */\n  onRelease?: () => void;\n  /** The panel being resized; its edge seeds the grab offset so the handle doesn't jump. */\n  panelRef: RefObject<HTMLDivElement>;\n}\n\n// The visible line is 2px tall on the panel's top border; the hitbox is Spacing[2] tall and\n// straddles that border so it is easy to grab without covering the header row's controls.\nconst ResizeHandleContainer = styled.div`\n  cursor: row-resize;\n  position: absolute;\n  height: ${Spacing[2]};\n  top: -${Spacing[1]};\n  left: 0;\n  right: 0;\n  z-index: ${Z_INDICES.dropdown};\n  touch-action: none;\n\n  &::after {\n    content: '';\n    position: absolute;\n    top: ${Spacing[1]};\n    left: 0;\n    right: 0;\n    height: 2px;\n    background-color: transparent;\n    transition: background-color 0.15s ease-in;\n    transition-delay: 0.025s;\n  }\n\n  &:hover::after,\n  &.${DRAGGING_CLASSNAME}::after {\n    background-color: ${({ theme }) => theme.color.border.active};\n  }\n`;\n\n/** Vertical resize handle pinned to the top edge of a bottom-anchored panel. */\nexport const ResizeHandle: FC<ResizeHandleProps> = ({\n  ariaLabel,\n  onDoubleClick,\n  onMoveTo,\n  onRelease,\n  panelRef,\n}) => {\n  const resizeHandleRef = useRef<HTMLDivElement>(null);\n  const panelOffsetRef = useRef(0);\n  const activePointerIdRef = useRef<number | null>(null);\n  const documentListenersRef = useRef<{\n    handleEnd: (event: PointerEvent) => void;\n    handleMove: (event: PointerEvent) => void;\n  } | null>(null);\n  // Document listeners are registered once per drag; reading the callbacks through\n  // refs keeps them on the latest props without re-registering mid-drag.\n  const onMoveToRef = useRef(onMoveTo);\n  const onReleaseRef = useRef(onRelease);\n  onMoveToRef.current = onMoveTo;\n  onReleaseRef.current = onRelease;\n\n  const removeDocumentListeners = () => {\n    const listeners = documentListenersRef.current;\n    if (!listeners) {\n      return;\n    }\n\n    document.removeEventListener('pointermove', listeners.handleMove);\n    document.removeEventListener('pointerup', listeners.handleEnd);\n    document.removeEventListener('pointercancel', listeners.handleEnd);\n    documentListenersRef.current = null;\n  };\n\n  // Pointer capture routes events through the handle (including over iframes), but\n  // some surfaces still drop pointerup. Document-level listeners during an active\n  // drag are the release safety net. Only the pointer that started the drag may\n  // move or end it.\n  const endDrag = (pointerId: number) => {\n    if (activePointerIdRef.current !== pointerId) {\n      return;\n    }\n\n    activePointerIdRef.current = null;\n    removeDocumentListeners();\n    try {\n      resizeHandleRef.current?.releasePointerCapture(pointerId);\n    } catch {\n      // No active capture (or unsupported, e.g. jsdom) — nothing to release.\n    }\n\n    resizeHandleRef.current?.classList.remove(DRAGGING_CLASSNAME);\n    panelOffsetRef.current = 0;\n    onReleaseRef.current?.();\n  };\n\n  const handleDocumentPointerMove = (event: PointerEvent) => {\n    if (activePointerIdRef.current !== event.pointerId) {\n      return;\n    }\n\n    onMoveToRef.current(event.clientY + panelOffsetRef.current);\n  };\n\n  const addDocumentListeners = () => {\n    removeDocumentListeners();\n\n    const listeners = {\n      handleEnd: (event: PointerEvent) => endDrag(event.pointerId),\n      handleMove: handleDocumentPointerMove,\n    };\n    documentListenersRef.current = listeners;\n    document.addEventListener('pointermove', listeners.handleMove);\n    document.addEventListener('pointerup', listeners.handleEnd);\n    document.addEventListener('pointercancel', listeners.handleEnd);\n  };\n\n  const endDragRef = useRef(endDrag);\n  endDragRef.current = endDrag;\n  useEffect(() => {\n    return () => {\n      const activePointerId = activePointerIdRef.current;\n      if (activePointerId != null) {\n        endDragRef.current(activePointerId);\n      }\n    };\n  }, []);\n\n  return (\n    <ResizeHandleContainer\n      aria-label={ariaLabel}\n      onDoubleClick={onDoubleClick}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          onDoubleClick?.();\n          e.preventDefault();\n        }\n      }}\n      onLostPointerCapture={(e) => endDrag(e.pointerId)}\n      onPointerCancel={(e) => endDrag(e.pointerId)}\n      onPointerDown={(e) => {\n        // Primary button / touch / pen only; ignore secondary and middle clicks,\n        // and a second pointer while a drag is already active.\n        if (e.button !== 0 || activePointerIdRef.current != null) {\n          return;\n        }\n        const panelRect = panelRef.current?.getBoundingClientRect();\n        panelOffsetRef.current = panelRect ? panelRect.top - e.clientY : 0;\n        activePointerIdRef.current = e.pointerId;\n        resizeHandleRef.current?.classList.add(DRAGGING_CLASSNAME);\n        addDocumentListeners();\n        try {\n          resizeHandleRef.current?.setPointerCapture(e.pointerId);\n        } catch {\n          // Pointer capture unsupported (e.g. jsdom) — document listeners still\n          // route move/up events for the duration of the drag.\n        }\n        e.preventDefault();\n        e.stopPropagation();\n      }}\n      onPointerUp={(e) => endDrag(e.pointerId)}\n      ref={resizeHandleRef}\n      role='button'\n      tabIndex={0}\n    />\n  );\n};\n","import { type FC, type ReactNode, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { IconButton } from '@persona/design-system/components/Button';\nimport { PanelState, type ResizablePanelState } from '@persona/design-system/lib/useResizablePanel';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowCollapseIcon, ArrowExpandIcon, XIcon } from '@persona/icons';\n\nimport { semanticScrollbar } from '#src/mixins/scrollbar';\n\nimport { ResizeHandle } from './ResizeHandle';\n\ninterface ResizableVerticalPanelProps {\n  /** Panel body, rendered in the scrollable content area below the header. */\n  children: ReactNode;\n  /** Content for the header row, left of the maximize/minimize/close buttons. */\n  headerContent?: ReactNode;\n  /** State and drag/resize handlers from `useResizablePanel`. */\n  hookState: ResizablePanelState;\n  /** Minimum panel height in px. */\n  minHeight: number;\n}\n\nconst TriStatePanel = styled.div.attrs<{\n  customHeight: number | null;\n  minHeight: number;\n  panelState: PanelState;\n}>(({ customHeight, minHeight, panelState }) => ({\n  style: {\n    height: panelState === PanelState.Maximized ? '100%' : `${customHeight ?? minHeight}px`,\n  },\n}))<{\n  customHeight: number | null;\n  minHeight: number;\n  panelState: PanelState;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  background-color: ${({ theme }) => theme.color.background.primary};\n  position: relative;\n  min-height: ${({ minHeight }) => minHeight}px;\n  width: 100%;\n  border-top: 1px solid ${Color.BorderDivider};\n  z-index: ${Z_INDICES.topNav};\n`;\n\nconst TopRowContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  box-shadow: inset 0px -1px 0px 0px ${Color.BorderDivider};\n`;\n\nconst TopRightIconsContainer = styled.div`\n  display: flex;\n  align-items: center;\n  padding: 0 ${Spacing[2]};\n  gap: ${Spacing[2]};\n  flex-direction: row;\n`;\n\nconst ContentContainer = styled.div`\n  /* offset by the top row container height */\n  height: calc(100% - ${Spacing[6]});\n  overflow: auto;\n  ${semanticScrollbar}\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n`;\n\n/**\n * Bottom-anchored panel with a drag-to-resize top edge, a header row, and\n * maximize/minimize/close controls.\n */\nexport const ResizableVerticalPanel: FC<ResizableVerticalPanelProps> = ({\n  children,\n  headerContent,\n  hookState,\n  minHeight,\n}) => {\n  const {\n    collapse,\n    handleDragMove: handlePanelDragMove,\n    handleDragRelease,\n    maximize,\n    panelState,\n    restore,\n    size,\n    toggleMaximized,\n  } = hookState;\n  const panelRef = useRef<HTMLDivElement>(null);\n  // Controls only make sense once the drawer is taller than its collapsed header.\n  const showControls = (size != null && size > minHeight) || panelState === PanelState.Maximized;\n  // Converts the dragged top edge (clientY) into a panel height bounded by the\n  // panel's container.\n  const handleDragMove = (clientY: number) => {\n    const panel = panelRef.current;\n    const container = panel?.parentElement;\n    if (!panel || !container) {\n      return;\n    }\n    const panelBottom = panel.getBoundingClientRect().bottom;\n    const containerTop = container.getBoundingClientRect().top;\n    handlePanelDragMove(panelBottom - clientY, panelBottom - containerTop);\n  };\n\n  return (\n    <TriStatePanel\n      aria-label='Bottom panel'\n      customHeight={size}\n      minHeight={minHeight}\n      panelState={panelState}\n      ref={panelRef}\n      role='region'\n    >\n      <ResizeHandle\n        ariaLabel='Drag to resize bottom panel'\n        onDoubleClick={toggleMaximized}\n        onMoveTo={handleDragMove}\n        onRelease={handleDragRelease}\n        panelRef={panelRef}\n      />\n\n      <TopRowContainer>\n        {headerContent}\n\n        {showControls && (\n          <TopRightIconsContainer>\n            {panelState === PanelState.Maximized ? (\n              <IconButton aria-label='Restore the bottom panel' onClick={restore} size='sm'>\n                <ArrowCollapseIcon />\n              </IconButton>\n            ) : (\n              <IconButton aria-label='Maximize the bottom panel' onClick={maximize} size='sm'>\n                <ArrowExpandIcon />\n              </IconButton>\n            )}\n            <IconButton aria-label='Close bottom panel' onClick={collapse} size='sm'>\n              <XIcon />\n            </IconButton>\n          </TopRightIconsContainer>\n        )}\n      </TopRowContainer>\n\n      <ContentContainer>{children}</ContentContainer>\n    </TriStatePanel>\n  );\n};\n","import {\n  forwardRef,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react';\nimport { useId } from 'react-aria';\nimport styled, { css, useTheme } from 'styled-components';\n\nimport Badge from '@persona/design-system/components/Badge';\nimport { HStack, Stack } from '@persona/design-system/components/Stack';\nimport TabBar, { Tab } from '@persona/design-system/components/TabBar';\nimport { Paragraph } from '@persona/design-system/components/Text';\nimport { usePDSStrings } from '@persona/design-system/lib/i18n';\nimport { semanticColor } from '@persona/design-system/lib/semanticColor';\nimport { PanelState, useResizablePanel } from '@persona/design-system/lib/useResizablePanel';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { BorderRadius, Color, Spacing } from '@persona/design-tokens';\nimport { CircleXInverseIcon } from '@persona/icons';\n\nimport { ResizableVerticalPanel } from './ResizableVerticalPanel';\n\n// One-pixel panel top border plus the 32px header row sets the collapsed drawer height.\nconst PANEL_MIN_HEIGHT = 33;\n// Where the drawer opens to when a collapsed tab is selected; the user can drag from there.\nconst OPEN_HEIGHT = 200;\n\nexport interface BottomPanelItemProps {\n  /** Tab text; also the key `openPanel(label)` looks up. Unique per BottomPanel. */\n  label: string;\n  /**\n   * Tab body. Every panel stays mounted while another tab is selected, so local\n   * state (scroll, expanded rows) survives a switch.\n   */\n  content: ReactNode;\n  /** Count shown as a badge on the tab. `0`/`undefined` hides it. */\n  badge?: number;\n}\n\nexport interface BottomPanelHandle {\n  /** Select the tab and expand the drawer if collapsed. No-op for an unknown label. */\n  openPanel: (label: string) => void;\n}\n\nexport interface BottomPanelProps {\n  /** Tabs to show, in order. */\n  panels: BottomPanelItemProps[];\n  /**\n   * Error count rendered as an icon + count at the right edge of the header, next to\n   * the expand/collapse controls. `0` renders dimmed; `undefined` hides it.\n   */\n  errorCount?: number;\n  /** Turns the error count into a button (e.g. to open the panel listing the errors). */\n  onErrorCountClick?: () => void;\n}\n\nconst Header = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  width: 100%;\n  min-width: 0;\n  padding-left: ${Spacing[4]};\n`;\n\nconst ErrorSummary = styled(HStack).attrs({ align: 'center' })`\n  flex-shrink: 0;\n  padding-right: ${Spacing[2]};\n`;\n\nconst ErrorSummaryDivider = styled.div`\n  width: 1px;\n  height: ${Spacing[6]};\n  background: ${({ theme }) => semanticColor(theme, 'BorderSubtle', Color.BorderDivider)};\n`;\n\n// styled(Stack), not styled(HStack): HStack is a plain function component, so `as` would\n// replace it entirely and drop the flex layout when this renders as a <button>.\nconst ErrorIndicator = styled(Stack).attrs<{ $clickable: boolean }>({\n  align: 'center',\n  direction: 'horizontal',\n  spacing: Spacing[1],\n})`\n  padding: ${Spacing[1]} ${Spacing[2]};\n  background: none;\n  border: none;\n  border-radius: ${BorderRadius.Sm};\n  font: inherit;\n  color: inherit;\n  ${({ $clickable }) =>\n    $clickable\n      ? css`\n          cursor: pointer;\n\n          &:hover {\n            background: ${({ theme }) =>\n              semanticColor(theme, 'ActionNeutralHover', theme.color.variants.basic.hover)};\n          }\n\n          &:active {\n            background: ${({ theme }) =>\n              semanticColor(theme, 'ActionNeutralActive', theme.color.variants.basic.highlight)};\n          }\n\n          ${focusOutline}\n        `\n      : ''}\n`;\n\n// The header row draws the divider edge to edge; the tab bar must not add its own.\n// It shrinks and clips overflowing tabs so the header controls stay pinned right.\nconst HeaderTabBar = styled(TabBar)`\n  border-bottom: none;\n  flex: 1;\n  min-width: 0;\n`;\n\nconst PanelContent = styled.div<{ $hidden: boolean }>`\n  ${({ $hidden }) =>\n    $hidden\n      ? css`\n          position: absolute;\n          inset: 0;\n          overflow: hidden;\n          visibility: hidden;\n          pointer-events: none;\n        `\n      : css`\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n          min-height: 0;\n        `}\n`;\n\n/**\n * Resizable drawer anchored to the bottom of its container with one tab per\n * panel. Owns the tab bar, expand/collapse/resize, and always-mounted content;\n * the caller owns what each panel shows.\n */\nconst BottomPanel = forwardRef<BottomPanelHandle, BottomPanelProps>(function BottomPanel(\n  { panels, errorCount, onErrorCountClick },\n  ref,\n) {\n  const strings = usePDSStrings();\n  const theme = useTheme();\n  const baseId = useId();\n  const [selected, setSelected] = useState<string | undefined>(panels[0]?.label);\n  // Falls back to the first panel when the selected label has left `panels`, and\n  // commits the fallback so the old label does not regain selection if it returns.\n  const hasSelected = panels.some((panel) => panel.label === selected);\n  const selectedLabel = hasSelected ? selected : panels[0]?.label;\n  useEffect(() => {\n    if (!hasSelected) {\n      setSelected(selectedLabel);\n    }\n  }, [hasSelected, selectedLabel]);\n\n  const resizablePanelState = useResizablePanel({\n    initialSize: PANEL_MIN_HEIGHT,\n    minSize: PANEL_MIN_HEIGHT,\n  });\n  const { expandTo, panelState, size } = resizablePanelState;\n\n  // Selecting a tab opens a collapsed drawer but leaves a maximized one as is.\n  const openPanel = useCallback(\n    (label: string) => {\n      if (panelState === PanelState.Drawer && (size == null || size <= PANEL_MIN_HEIGHT)) {\n        expandTo(OPEN_HEIGHT);\n      }\n      setSelected(label);\n    },\n    [expandTo, panelState, size],\n  );\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      openPanel: (label: string) => {\n        if (panels.some((panel) => panel.label === label)) {\n          openPanel(label);\n        }\n      },\n    }),\n    [openPanel, panels],\n  );\n\n  return (\n    <ResizableVerticalPanel\n      headerContent={\n        <Header>\n          <HeaderTabBar>\n            {panels.map((panel, index) => (\n              <Tab\n                aria-controls={`${baseId}-panel-${index}`}\n                badge={panel.badge ? <Badge>{panel.badge}</Badge> : undefined}\n                id={`${baseId}-tab-${index}`}\n                key={panel.label}\n                onClick={() => openPanel(panel.label)}\n                selected={selectedLabel === panel.label}\n              >\n                {panel.label}\n              </Tab>\n            ))}\n          </HeaderTabBar>\n          {errorCount != null && (\n            <ErrorSummary>\n              <ErrorSummaryDivider aria-hidden />\n              <ErrorIndicator\n                $clickable={onErrorCountClick != null}\n                aria-label={strings.errorCount(errorCount)}\n                as={onErrorCountClick ? 'button' : 'div'}\n                onClick={onErrorCountClick}\n                role={onErrorCountClick ? undefined : 'img'}\n                type={onErrorCountClick ? 'button' : undefined}\n              >\n                <CircleXInverseIcon\n                  aria-hidden\n                  color={\n                    errorCount === 0\n                      ? semanticColor(theme, 'FgDisabled', Color.TextDisabled)\n                      : semanticColor(theme, 'FgDanger1', Color.TextDanger)\n                  }\n                />\n                <Paragraph as='span' color={errorCount === 0 ? 'disabled' : 'primary'} size='md'>\n                  {errorCount}\n                </Paragraph>\n              </ErrorIndicator>\n            </ErrorSummary>\n          )}\n        </Header>\n      }\n      hookState={resizablePanelState}\n      minHeight={PANEL_MIN_HEIGHT}\n    >\n      {panels.map((panel, index) => {\n        const isSelected = selectedLabel === panel.label;\n        return (\n          <PanelContent\n            $hidden={!isSelected}\n            aria-hidden={!isSelected}\n            aria-labelledby={`${baseId}-tab-${index}`}\n            id={`${baseId}-panel-${index}`}\n            key={panel.label}\n            role='tabpanel'\n          >\n            {panel.content}\n          </PanelContent>\n        );\n      })}\n    </ResizableVerticalPanel>\n  );\n});\n\nexport default BottomPanel;\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import { n as BreadcrumbsItemProps, r as BreadcrumbsProps, t as Breadcrumbs } from "../../Breadcrumbs-DRu_JfdI.mjs";
+import { n as BreadcrumbsItemProps, r as BreadcrumbsProps, t as Breadcrumbs } from "../../Breadcrumbs-ChKWIuRq.mjs";
 export { Breadcrumbs, Breadcrumbs as default, BreadcrumbsItemProps, BreadcrumbsProps };