@persona/design-system 0.1.5-pre.4 → 0.1.6

package/CHANGELOG.md

@@ -2,6 +2,48 @@
 
 Summary of changes to the @persona/design-system package.
 
+## [0.1.6] - 2026-07-16
+
+- **2026-07-16**: Promoted the DataTable component into the design system — the full table renderer (`DataTable`, `DataTableContainer`, `DataTableControls`, `FloatingActionBarContainer` exports) — and added a `HoverCopyableField` component that reveals a copy-to-clipboard affordance on hover ([787bd8d](https://github.com/persona-id/persona-web/commit/787bd8d330a13206b3dccb66c8372782894c02aa))
+- **2026-07-15**: Fixed MiddleTruncatedText to tolerate a 1px sub-pixel width mismatch in `findMiddleTruncatedTextForWidth`, so canvas-measured widths a fraction over the integer clientWidth no longer spuriously middle-truncate shrink-wrapped stickers ([8ff98bc](https://github.com/persona-id/persona-web/commit/8ff98bcfd15370b6cf54695ddb82df31d562ea71))
+- **2026-07-15**: Removed the design-system component registration layer (lib/register: RegisterComponent API, ids, types) and its PDSProvider wiring ([8be10bc](https://github.com/persona-id/persona-web/commit/8be10bc928616bfdfaa0ae535bfaf50ac04a9cc7))
+- **2026-07-15**: Added TableControls component (accepts a filterPanel ReactNode) to DataTable, extracting the filter-agnostic layout into PDS ([5c38c3c](https://github.com/persona-id/persona-web/commit/5c38c3c00f7def46b75d305b5cea395d8a1ddaf9))
+- **2026-07-15**: Added filterPanel prop to ControlBar/CompactBar so filters render below the controls row instead of inline ([f52ab85](https://github.com/persona-id/persona-web/commit/f52ab8512c10337ccfcbe80ce06e23ad171eb2f5))
+- **2026-07-15**: Replaced compile-time JSX css props with styled-components/standard style props across published components (Modal, DatePicker, SwatchPicker, CardV2 SectionHeading, Table, TableControls) and added a build assert + eslint rule so published output works without consumer Babel config ([e66793f](https://github.com/persona-id/persona-web/commit/e66793f452f71f26e0cdac0b683226e6650fba53))
+- **2026-07-15**: Fixed TechnicalSticker copy-timer ref type by calling the global setTimeout to keep ref/return types consistent under the repo tsconfig ([6066525](https://github.com/persona-id/persona-web/commit/60665252b463ae11c59b47fa0901d06a24de2771))
+- **2026-07-15**: Changed CardV2 SectionHeading to default to semantic h* heading tags ([808ca90](https://github.com/persona-id/persona-web/commit/808ca902d6b0f582f201230f5f09f1d06f3867ca))
+- **2026-07-15**: Added copyValue prop to TechnicalSticker to copy a different value than the displayed children ([223f37c](https://github.com/persona-id/persona-web/commit/223f37cf8806ee21091a35804c510a40c2d3261d))
+- **2026-07-15**: Marked package as side-effect-free (sideEffects: false) for tree-shaking and added an import/no-unassigned-import lint guard on published source ([a7193b0](https://github.com/persona-id/persona-web/commit/a7193b009be7f03ec4902b1c0ee28aeca582d222))
+- **2026-07-14**: Moved TableBox (with subcomponents, hooks, specs) and TableBoxField into PDS as new components/TableBox and FormField exports, added useScrollOverflow/zindex lib exports, and declared @dnd-kit deps ([aa94149](https://github.com/persona-id/persona-web/commit/aa941492a469bfbabc01570932c2d42b8f09888a))
+- **2026-07-14**: Switched DataTable internal imports from the @persona-id/design-system alias to relative design-system paths to fix package resolution ([8944a55](https://github.com/persona-id/persona-web/commit/8944a55716a4e987afbfc2e7c1058f31026904b3))
+- **2026-07-14**: Extracted MessageType enum into a standalone lib/message module (re-exported from Toast) so it can be imported without Toast's dependencies ([68af837](https://github.com/persona-id/persona-web/commit/68af837b849804d16e9a2d3e1e195b3188365aeb))
+- **2026-07-14**: Added GlobalStyles export to PDS lib for external consumers ([4958bf3](https://github.com/persona-id/persona-web/commit/4958bf3145f74f6a6777af980ad4a075719bb7c6))
+- **2026-07-14**: Refined TechnicalSticker interactions: overlaid copy action, centered technical text, non-selectable truncated labels, exact width prop, webfont-aware truncation remeasurement, and synchronized retained copy-action backgrounds ([02857d2](https://github.com/persona-id/persona-web/commit/02857d2f49aa1ea87ea679e930aa6070b5475dc0))
+- **2026-07-14**: Fixed MiddleTruncatedText to merge caller inline styles without overriding the max-width used for truncation measurement ([20bdb9e](https://github.com/persona-id/persona-web/commit/20bdb9ef00fa71ded6da64ee411b0d948137fdf1))
+- **2026-07-14**: Set box-sizing: border-box on Table TableCell/TableHeaderCell so cell heights stay correct in reset-free contexts (no-op where a global reset exists) ([48d81be](https://github.com/persona-id/persona-web/commit/48d81be524117fef3c2c758961517390c4e8f6a3))
+- **2026-07-14**: Added spreadsheet-style keyboard navigation to TableBoxField inline editors: cell-to-cell arrow movement, Enter-to-create, and guarded deletion of blank rows ([d26624b](https://github.com/persona-id/persona-web/commit/d26624b3579d24421812f0c61c81f08464dd623f))
+- **2026-07-14**: Added TechnicalSticker component with middle truncation, copy-to-clipboard affordance, token-aligned width measurement, and accessible full-text preservation (plus MiddleTruncatedText and copyTextToClipboard lib helpers) ([653f442](https://github.com/persona-id/persona-web/commit/653f442d47288478c324ae895cde5a34018efc7b))
+- **2026-07-13**: Moved useTableColumns and checkbox render helpers into DataTable with a RenderFormatFn injection point to remove the dashboard-format dependency ([342c8a1](https://github.com/persona-id/persona-web/commit/342c8a19d63256cb0089ab005f741e16a4e1cb05))
+- **2026-07-13**: Moved TableControlsContext into DataTable with generalized generic types (BaseFilterConfig, BaseActiveFilter) and converted internal imports to relative paths ([4c21d8b](https://github.com/persona-id/persona-web/commit/4c21d8ba96040c08036785bca15ec40b6e0c0432))
+- **2026-07-13**: Added generic DataTable types (RowAction, SortProps, column format base types, DataTableVariables, ColumnConfig) to PDS and declared @tanstack/react-table as a peer dependency ([3d64b70](https://github.com/persona-id/persona-web/commit/3d64b7071cb02445e708ba19ee7d17e520e63592))
+- **2026-07-13**: Co-located PaginationParams type and MIN_PAGE_SIZE constant in the Pagination component so it is self-contained (no dashboard imports) ([69c9740](https://github.com/persona-id/persona-web/commit/69c97408a0227fc21bd3d53265eee64979a7907e))
+- **2026-07-13**: Fixed embedded single-select Combobox to keep the search input empty on open instead of prefilling the selected label ([78c25ef](https://github.com/persona-id/persona-web/commit/78c25efd0c33c48e3c35a358832ff935bf3785c1))
+- **2026-07-13**: Fixed portaled multi-select Combobox to retain focus while searching by marking the portal data-react-aria-top-layer and keying blur/outside-click to the portal id ([5de9fa0](https://github.com/persona-id/persona-web/commit/5de9fa0041b30b7ab991e16ba50bd22fafcb0839))
+- **2026-07-10**: Moved Inserter component (with spec/stories) into DataTable, using PDSProvider test utilities ([f529ae7](https://github.com/persona-id/persona-web/commit/f529ae7a94f925e12c8dfa7d18657264ad861043))
+- **2026-07-10**: Moved FloatingActionBar component into DataTable ([5c29695](https://github.com/persona-id/persona-web/commit/5c29695965c0c706609b4a9774b2b7059aa052a3))
+- **2026-07-10**: Moved DataTable constants into PDS ([02ddd6e](https://github.com/persona-id/persona-web/commit/02ddd6ebb256cd6139349da2bbf430061d6b85dd))
+- **2026-07-09**: Moved TableViewConfigurationDropdown into DataTable, added @hello-pangea/dnd dependency, and introduced a local AttributeColumn type ([8beceb7](https://github.com/persona-id/persona-web/commit/8beceb7a28ffe36b1e23c99377c7a3c6c13d7fff))
+- **2026-07-09**: Added SearchInput (debounced state, clear icon, disabled tooltip, flattened display variants) and its FormControlLabel dependency to DataTable ([6d14b07](https://github.com/persona-id/persona-web/commit/6d14b077da6c272bce50c8be9144b1c836f84a57))
+- **2026-07-09**: Added drag-and-drop utilities to DataTable (StyledIconDrag component and reorder utility) ([30935fa](https://github.com/persona-id/persona-web/commit/30935fa9020c6a351e1b34cdd135cb81f75afdb1))
+- **2026-07-09**: Added ControlBar and CompactBar table-control components to DataTable, supporting saved views with tab overflow, bulk actions, search, filters, and a compact variant ([3496db9](https://github.com/persona-id/persona-web/commit/3496db901a3d2133cb4950fc12598eaf48a9d1b6))
+- **2026-07-09**: Corrected inlined vs external dependencies in package.json and tsdown config ([15e4b14](https://github.com/persona-id/persona-web/commit/15e4b14e4b907931befea5d54e22f8aee20309b8))
+- **2026-07-09**: Added public NPM publishing support (release scripts, prepare.mjs, publish-files README) ([a86f4ee](https://github.com/persona-id/persona-web/commit/a86f4ee7c789bd2461752f8b66f385520c50e2a5))
+- **2026-07-07**: Moved TableLayout component and table primitives (TableCell, TableRow, TableTH) into the Table component directory ([8758805](https://github.com/persona-id/persona-web/commit/87588050de7b1fbfb151540a0eb2d91f1d809b42))
+- **2026-07-07**: Moved Pii component into the design system ([14132ca](https://github.com/persona-id/persona-web/commit/14132caf7b20379517cb13ee03d47dcb471ed05e))
+- **2026-07-06**: Moved Pagination, PageSelector, PageSizeSelector, and pagination constants into PDS and replaced a SPACINGS.base usage with the design-tokens Spacing[1] equivalent ([964631f](https://github.com/persona-id/persona-web/commit/964631f7c314f412cd661c7df4382808494cc104))
+- **2026-07-06**: Changed Tooltip default delayDuration from 0ms to 300ms ([0d95f68](https://github.com/persona-id/persona-web/commit/0d95f680858d18780bb90c2dbf6af2efecefecb5))
+- **2026-07-02**: Fixed multi-select Combobox to keep option order stable while toggling selections ([632a5804](https://github.com/persona-id/persona-web/commit/632a5804be46ad2327e4b69da9408a846d06cd1e))
+
 ## [0.1.5] - 2026-07-02
 
 - **2026-07-02**: Migrated NPM publishing pipeline to Buildkite automated CI; release scripts now use `tag.sh` + `release.sh` instead of manual `npm publish`; updated README with new release workflow ([bc83596](https://github.com/persona-id/persona-web/commit/bc8359641b2b42c678840e521d65b0ba7924c9dc))
@@ -32,267 +74,156 @@ Summary of changes to the @persona/design-system package.
 - **2026-06-23**: Fixed published ESM bundle shipping `node:module` imports that break browser
   consumers: set tsdown `platform: 'neutral'`, pinned `fixedExtension`, declared inlined phantom
   deps, and added a post-build guard
-  ([5dec664](https://github.com/persona-id/persona-web/commit/5dec664f9786ddc1bd34f4a38ec86a86dab55bc4))
 - **2026-06-22**: Removed final dashboard dependencies from design-system (`useToggle`,
   `intersperse`)
-  ([cf0f9d5](https://github.com/persona-id/persona-web/commit/cf0f9d50562b19188ccb6ea8955f4459e98ec3b1))
 - **2026-06-11**: Constrained ImageTile `metadata` prop shape and hid decorative CheckboxBox from
   the accessibility tree
   ([45ae863](https://github.com/persona-id/persona-web/commit/45ae863be71e52cd9adba30220bb6966b42c7d6e),
   [83249b6](https://github.com/persona-id/persona-web/commit/83249b6b7530aa0e9fc54d77b92303a93c429798))
 - **2026-06-05**: Fixed Combobox menus embedded in filter popovers
-  ([a999a36](https://github.com/persona-id/persona-web/commit/a999a36af0bcc583b98f62ec0433b34797e6de8a))
 - **2026-06-03**: Added multiselect Combobox trigger support
-  ([bc54602](https://github.com/persona-id/persona-web/commit/bc54602e48826def2136b39265bfeb77a8553498))
 - **2026-06-02**: Added `splitOutFormFieldProps` helper for FormField definition
-  ([cb75bf5](https://github.com/persona-id/persona-web/commit/cb75bf5e18029dd21d3747db03c15f78bf78c541))
 - **2026-06-01**: Added `configFieldInputWidth` prop to FormField and FormControl; removed
   `useComponentRegister` from core components
   ([16074a5](https://github.com/persona-id/persona-web/commit/16074a5d05e6442c874f0a450b1b94152d2b1b9a),
   [097bb0d](https://github.com/persona-id/persona-web/commit/097bb0de7d2a2c339dfa242de02656df11ebeed0))
 - **2026-05-29**: Added ImageTile component
-  ([77c40ec](https://github.com/persona-id/persona-web/commit/77c40ecb8aefe4a40211c6a74ba7c96647f4dfad))
 - **2026-05-22**: Added nested submenu navigation and external trigger prop to single-select Combobox
   ([6ead02b](https://github.com/persona-id/persona-web/commit/6ead02be723c7dde9aa1bdf6889221ed74615ae7),
   [addb2b5](https://github.com/persona-id/persona-web/commit/addb2b55a22f2172570c99f5abefdfc4928075a0))
 - **2026-05-20**: Added Tile component
-  ([90a9126](https://github.com/persona-id/persona-web/commit/90a9126bc8e68a86d33be50694e64cc1c4afb219))
 - **2026-05-20**: Added SmartTextInputField FormField wrapper
-  ([3be55d1](https://github.com/persona-id/persona-web/commit/3be55d11462fd6a2d5b90e3d575593ed7194582b))
 - **2026-04-22**: Upgraded TypeScript to v6.0.3
-  ([215ed53](https://github.com/persona-id/persona-web/commit/215ed53ebb59937a2957988d376344444f577c6f))
 - **2026-04-20**: Added drag-and-drop row reordering to TableBox
-  ([ff96b87](https://github.com/persona-id/persona-web/commit/ff96b87fb333f5ae8cdf66a4eaf009284c41c4c1))
 - **2026-04-17**: Added PDSProvider composing ThemeProvider and ComponentRegisterProvider
-  ([43350be](https://github.com/persona-id/persona-web/commit/43350be69f60001a81528349a535a009a1bfa570))
 - **2026-04-15**: Added component register primitives and wired them into design-system components
   ([d4c91a9](https://github.com/persona-id/persona-web/commit/d4c91a971a96e8179113df124ee5eb3028e6b335),
   [530afe7](https://github.com/persona-id/persona-web/commit/530afe7d47caa75265a4fe99879f80d697362d0e))
 - **2026-03-24**: Added auto-color StatusIndicator `leadingIcon` via CSS inheritance
-  ([ffbb137](https://github.com/persona-id/persona-web/commit/ffbb137c22b733416c643303f49798685be5b6c9))
 - **2026-03-17**: Added text truncation with ellipses to ListBox items
-  ([c304a1f](https://github.com/persona-id/persona-web/commit/c304a1fbcd1cff6b4c16d5049e3c7b6e28fca686))
 - **2026-03-04**: Added FileIcon and FileAttachment components
-  ([dc3f9fb](https://github.com/persona-id/persona-web/commit/dc3f9fbb759f475699abb208472dbed587d12e6a))
 - **2026-02-20**: Added full-bleed Modal body support and `full` size variant
   ([b3c44b5](https://github.com/persona-id/persona-web/commit/b3c44b5f8e67628cc5eab6f321f52f453a6008ad),
   [2e8a1bf](https://github.com/persona-id/persona-web/commit/2e8a1bf97a71d990778fb31d4b88f0b95240baa6))
 - **2026-02-06**: Added `size` prop to DateField, DatePicker, and DateRangePicker
-  ([1507b16](https://github.com/persona-id/persona-web/commit/1507b16fecb7b2bdb983fac66c2c44f2c8030901))
 - **2026-01-22**: Added ComboboxField and removed ReactSelectField
-  ([bd1d345](https://github.com/persona-id/persona-web/commit/bd1d3454501f2f68b211ecd10f6733721e12d70f))
 - **2026-01-20**: Renamed ToggleGroup to ButtonGroup
-  ([42eb328](https://github.com/persona-id/persona-web/commit/42eb328ca8d361e99b0305be59d1855bff03c92d))
 - **2026-01-14**: Renamed ToggleSlider component to Toggle
-  ([38170af](https://github.com/persona-id/persona-web/commit/38170af22750b7dc55ffd74ef2dc3b762f32f78d))
 
 ## [0.1.1] - 2026-01-13
 
 - **2026-01-13**: Package tidy up and v0.1.1 release
-  ([1f75c78](https://github.com/persona-id/persona-web/commit/1f75c784524967c78debfdbb7390282d8a151d04))
 - **2026-01-12**: Made DatePicker accessible using keyboard navigation
-  ([235e6f3](https://github.com/persona-id/persona-web/commit/235e6f397c3b4198169d6e16e0632fbee0370c7c))
 - **2026-01-09**: Corrected semantic button usage in Card section headings
-  ([ec88857](https://github.com/persona-id/persona-web/commit/ec88857cf50bdc97ebc88dff02f4bd62673aeeee))
 - **2026-01-08**: Added CommonJS (CJS) output to build configuration
-  ([b520887](https://github.com/persona-id/persona-web/commit/b520887e13e1336ea82b0716c81cf9f31f356683))
 - **2026-01-08**: Added hideLabel support to FormField component
-  ([8a4e311](https://github.com/persona-id/persona-web/commit/8a4e3117c30630f04a208a9c6bf579c5d95678b9))
 - **2026-01-08**: Removed react-outside-click-handler dependency in favor of internal implementation
-  ([3d141eb](https://github.com/persona-id/persona-web/commit/3d141eb6643aac176b788da07993ff421ee47c3f))
 - **2026-01-08**: Added drag and drop reordering functionality to ListBox
-  ([33c2e11](https://github.com/persona-id/persona-web/commit/33c2e11bff0b32f4e92bc593d4746f006092f0b8))
 - **2026-01-07**: Updated package configuration for npm release
-  ([e757a04](https://github.com/persona-id/persona-web/commit/e757a04f54f6e8f8529bbb8ef82bf408bd50ecee))
 - **2026-01-07**: Fixed security issue by using unguessable ID attributes for ToggleSlider
-  ([b0e02c4](https://github.com/persona-id/persona-web/commit/b0e02c43f09c6fc99118ed41973f30975331a747))
 
 ### 2025-12
 
 - **2025-12-19**: Added ARIA attributes to DateFilter for improved accessibility
-  ([fb34826](https://github.com/persona-id/persona-web/commit/fb348268771da29f0e9940ac40d795a64424c914))
 - **2025-12-19**: Refactored DateRange component definition out of render function
-  ([96f1597](https://github.com/persona-id/persona-web/commit/96f1597d3fa159cb851d14d6fdadf2c970f209b3))
 - **2025-12-19**: Labeled DateRange preset buttons for accessibility
-  ([806825c](https://github.com/persona-id/persona-web/commit/806825c0bbe71d9d165f43d5a18d0483da80911b))
 - **2025-12-18**: Migrated Modal to react-aria implementation
-  ([e1039be](https://github.com/persona-id/persona-web/commit/e1039be97414a2f9738d035bc2707e372310d4ed))
 - **2025-12-18**: Removed unused import from ListBox component
-  ([269e407](https://github.com/persona-id/persona-web/commit/269e40703acf462b4e8d23179d4cc01092988946))
 - **2025-12-17**: Cleaned up CardV2 feature flag references in Section and LoadingShimmer
-  ([5e04ddc](https://github.com/persona-id/persona-web/commit/5e04ddc8f99a626a91e66292709e6094b581d4c8))
 - **2025-12-17**: Updated DatePicker focus styles to match design specifications
-  ([160f12c](https://github.com/persona-id/persona-web/commit/160f12ccd4760bcfb1f39c6e4876aa70691828f9))
 - **2025-12-16**: Updated @persona-id/design-tokens to v0.3.9
-  ([14afab1](https://github.com/persona-id/persona-web/commit/14afab17b3d6f35735f4c8434f433778f12de760))
 - **2025-12-15**: Added overflow handling to Modal content
-  ([da2dab3](https://github.com/persona-id/persona-web/commit/da2dab30caec6e899bcf111454d66605a750b6cd))
 - **2025-12-15**: Made Toast component more accessible
-  ([d78adfb](https://github.com/persona-id/persona-web/commit/d78adfbfb8a0c4e064970b069c39176b396c52c2))
 - **2025-12-15**: Added tab component support in Modal
-  ([066dfd3](https://github.com/persona-id/persona-web/commit/066dfd34cad55a1fc47e10a9601af43671844695))
 - **2025-12-12**: Fixed ListBox to prevent delete button from triggering item selection
-  ([4f8c4e3](https://github.com/persona-id/persona-web/commit/4f8c4e3869e6ee6250998b55076a23d53f19887e))
 - **2025-12-11**: Added containerProps support to CardV2 Card component for passing props to
   CardContainer
-  ([136551d](https://github.com/persona-id/persona-web/commit/136551d9c51f82522e637f96f5a3bc2611e3737e))
 - **2025-12-10**: Fixed Sticker spacing issue for SimulatedData component
-  ([217ffd1](https://github.com/persona-id/persona-web/commit/217ffd1cdb5c003f7ff720c43beeaf9c901c56a4))
 - **2025-12-09**: Updated @persona-id/design-tokens to v0.3.8
-  ([63d055e](https://github.com/persona-id/persona-web/commit/63d055eaafe71b55f211563a2ba1df8d7dd08874))
 - **2025-12-09**: Updated focus styling across multiple components (Button, CardV2, Checkbox,
   Combobox, DatePicker, Link, Radio, Slider, Sticker, TabBar, Table, ToggleSlider) and added focus
   mixins
-  ([5e46239](https://github.com/persona-id/persona-web/commit/5e4623999aeb0f115d61f1b37ed14481557ddb56))
 - **2025-12-09**: Enhanced StatusIndicator with label-only variant (showIcon prop) and migrated to
   semantic design tokens
-  ([20fe7e3](https://github.com/persona-id/persona-web/commit/20fe7e3f1b69e3fa5eb12f9e89c9c9a979f0cc2d))
 - **2025-12-05**: Added support for passing container ref to Combobox when portalling dropdown
-  ([c1d60a8](https://github.com/persona-id/persona-web/commit/c1d60a8171d15a322d087d063f6d2f67e68d7c1a))
 
 ### 2025-11
 
 - **2025-11-26**: Added maxHeight prop to Popover component with overflow handling
-  ([885efa6](https://github.com/persona-id/persona-web/commit/885efa66879494d5d042b40d7660ecaf2c63366e))
 - **2025-11-21**: Updated @persona-id/design-tokens to v0.3.5
-  ([164914e](https://github.com/persona-id/persona-web/commit/164914e61a980cd8eb6402899492c3914408531b))
 - **2025-11-20**: Fixed ListBox dropdown bugs: added outside click handling, refactored heading
   component, fixed form field overflow
-  ([b32f7e0](https://github.com/persona-id/persona-web/commit/b32f7e0e47c792357b66fc80fe56c7e451ca159a))
 - **2025-11-20**: Updated CardV2 link buttons to behave like links
-  ([842ccbc](https://github.com/persona-id/persona-web/commit/842ccbcb1972b5966f8fd04c12be76be19bfee75))
 - **2025-11-20**: Changed default Banner variant from 'basic' to 'informational'
-  ([116c6ff](https://github.com/persona-id/persona-web/commit/116c6ffcdb828f376601d52e8af489b91f7addc1))
 - **2025-11-18**: Added StatusIndicator component to design system
-  ([ddbfe66](https://github.com/persona-id/persona-web/commit/ddbfe66abdcd8f56a521e5037bd218da7eb69f52))
 - **2025-11-18**: Added Figma design links to component stories (RangeCalendar, Link, Modal,
   Popover, Select, Slider, SwatchPicker, DropdownButton, DropdownMenu)
-  ([9cb7056](https://github.com/persona-id/persona-web/commit/9cb705621ca06b16e0279edbf2bc58b907b3520f))
 - **2025-11-14**: Refactored AttributeGrid horizontal layout
-  ([58fac96](https://github.com/persona-id/persona-web/commit/58fac968098929a05c70f642085a73d5bf9db1a6))
 - **2025-11-13**: Fixed DatePicker calendar selection not appearing
-  ([97d9030](https://github.com/persona-id/persona-web/commit/97d903057dd18bb6d62226d52510b94b653557f4))
 - **2025-11-12**: Updated CheckBoxField and SegmentedControlField to respect labelProps
-  ([8d4696b](https://github.com/persona-id/persona-web/commit/8d4696bdc358bc656ca93e112f4a9d27f704de90))
 - **2025-11-06**: Removed form HTML from Button documentation
-  ([a85da55](https://github.com/persona-id/persona-web/commit/a85da555582622b35417f2b2d1ef7efeb0ed900a))
 - **2025-11-05**: Added row dropdown rendering support to ListBox with inline editing capabilities
-  ([a669a01](https://github.com/persona-id/persona-web/commit/a669a01821f14781355722f8c11d160f4e1f4cb3))
 - **2025-11-04**: Fixed Combobox to prevent search from re-ordering options
-  ([53b1354](https://github.com/persona-id/persona-web/commit/53b1354b66d14368501536795a8582b52be23dee))
 - **2025-11-04**: Updated Tooltip size variant to small for FLE components
-  ([2932cac](https://github.com/persona-id/persona-web/commit/2932cac06a4f30490fd1885b8e83063fdd74f2be))
 - **2025-11-03**: Fixed CardV2 heading layout to use flex instead of fixed width
-  ([7d6e8af](https://github.com/persona-id/persona-web/commit/7d6e8af4b6916d7334d7c72918573dbf56857b1f))
 
 ### 2025-10
 
 - **2025-10-29**: Updated ListBox stories to make Playground a functional add/delete example
-  ([5d6819c](https://github.com/persona-id/persona-web/commit/5d6819cea841405475e4c68696852ac7aea72400))
 - **2025-10-28**: Fixed CardV2 header accordion icon positioning to prevent overflow
-  ([571015](https://github.com/persona-id/persona-web/commit/571015302e2902fb8efc81058d86bdf71196a35b))
 - **2025-10-26**: Added Toast component to design system with info, success, and error variants
-  ([57b9881](https://github.com/persona-id/persona-web/commit/57b988161b2ad2a3f52fec26b02efb6c0165de26))
 - **2025-10-24**: Fixed CardV2 to collapse correctly on Safari
-  ([b5a9450](https://github.com/persona-id/persona-web/commit/b5a94505cdb0d701a317690bff452007c59b652b))
 - **2025-10-24**: Adjusted CardV2 container padding when collapsed
-  ([9d57f04](https://github.com/persona-id/persona-web/commit/9d57f043600a23d53c581ba9dd2167d5d8434ff7))
 - **2025-10-23**: Migrated dashboard to react-router v6 API
-  ([fea315c](https://github.com/persona-id/persona-web/commit/fea315ce25d3e23791001809f612947658968baf))
 - **2025-10-23**: Updated Menu text style and padding based on size prop
-  ([b4cf258](https://github.com/persona-id/persona-web/commit/b4cf25865384762021a6f0e673f1a06300ec9884))
 - **2025-10-23**: Updated TableBox to use small text styles
-  ([af562a6](https://github.com/persona-id/persona-web/commit/af562a65748c11a82830650f22f6babd17431aaa))
 - **2025-10-23**: Implemented size context inheritance for ListBox with small variant for config
   fields
-  ([24e381e](https://github.com/persona-id/persona-web/commit/24e381eee59ec6d4a6e021b5ab80dbe8858d823c))
 - **2025-10-22**: Fixed CardV2 stacked/height behavior: resolved divider visual bug, fixed flexbox
   behavior, added scroll padding, fixed Card.Stacked double wrapping, portalled heading menu to
   prevent cutoff
-  ([769c8e4](https://github.com/persona-id/persona-web/commit/769c8e4bd982a532e0b098ca4c5753e9bd768156))
 - **2025-10-22**: Added usePortal functionality for Combobox dropdown rendering
-  ([0344432](https://github.com/persona-id/persona-web/commit/0344432bcf865a2b2dcec35bb548e16783fb720c))
 - **2025-10-21**: Fixed dashboard nav links accessibility support
-  ([a96854d](https://github.com/persona-id/persona-web/commit/a96854d9f3009bf1dd620ebc508a241b06da50d0))
 - **2025-10-21**: Added ability to customize font in Combobox option labels
-  ([62c88bb](https://github.com/persona-id/persona-web/commit/62c88bb5bd308f39fee89a1ad7c3c9701d28a8b2))
 - **2025-10-20**: Enabled using stickers for Combobox option labels
-  ([f743448](https://github.com/persona-id/persona-web/commit/f743448222fb00d171476393772027e5f9d957d6))
 - **2025-10-20**: Prevented horizontal scroll from truncate in Combobox
-  ([ee6fc38](https://github.com/persona-id/persona-web/commit/ee6fc3865c731c68f8a332f468cf707e40485559))
 - **2025-10-18**: Fixed ESLint and Prettier issues in TabBar
-  ([0570674](https://github.com/persona-id/persona-web/commit/0570674ef910fe845036510453a764a89d8e6d5f))
 - **2025-10-16**: Rebuilt CardV2 padding for height behavior
-  ([d467c8d](https://github.com/persona-id/persona-web/commit/d467c8d6690605c89ff39b1401d29e1622542f09))
 - **2025-10-16**: Fixed CardV2 SectionHeading spacing and layout issues
-  ([ca14436](https://github.com/persona-id/persona-web/commit/ca14436a3e2e906d7600588ad4d4a1f2a3bfbadb))
 - **2025-10-16**: Added export to RangeCalendar for props parsing
-  ([9ca83fa](https://github.com/persona-id/persona-web/commit/9ca83faa6e2d407b4bb92294d433635ec0023d08))
 - **2025-10-16**: Added support for array of footer items in CardV2 for correct styling
-  ([5911e1a](https://github.com/persona-id/persona-web/commit/5911e1ae7d4dd41b69f3f2315d580f9f432bf8dc))
 - **2025-10-16**: Added sticky heading/footer support to CardV2
-  ([195e0c3](https://github.com/persona-id/persona-web/commit/195e0c3d1fd40d6a19b0f80836e2b2b9dcb6fa42))
 - **2025-10-14**: Updated design-tokens to include new icons
-  ([b8bfa5d](https://github.com/persona-id/persona-web/commit/b8bfa5d0d6367b4a8d4ca92871950e39477b6758))
 - **2025-10-14**: Removed double role="menu" from DropdownMenu
-  ([916b8a9](https://github.com/persona-id/persona-web/commit/916b8a9aa7c8e1632f2b0a1a98c70318a53f3eee))
 - **2025-10-14**: Added Combobox inline editing support to TableBox cells
-  ([12a5d76](https://github.com/persona-id/persona-web/commit/12a5d76921beddab0fb6970355671ef6d33f43e9))
 - **2025-10-10**: Added size prop to TabBar component with small variant
-  ([b05f879](https://github.com/persona-id/persona-web/commit/b05f87946b768e81e5203ee1e673f4e4b0c01cd6))
 - **2025-10-10**: Added heading truncation to CardV2
-  ([769c5d5](https://github.com/persona-id/persona-web/commit/769c5d5787184ddb75e6503e7fa2145c726018c0))
 - **2025-10-10**: Added grouped options support to Combobox
-  ([515050e](https://github.com/persona-id/persona-web/commit/515050ed81d0bc1d419ef379c45c27b5dfaf3635))
 - **2025-10-08**: Added small loader to design system
-  ([a9c72ac](https://github.com/persona-id/persona-web/commit/a9c72ac2b5f2c285ffb967290c125aa576a86314))
 - **2025-10-08**: Promoted LoadingShimmer component to PDS
-  ([6ec2373](https://github.com/persona-id/persona-web/commit/6ec2373636c6e5172eebf20636259c330a7d0d85))
 - **2025-10-08**: Added maxTabChars option to truncate long tab names
-  ([04084ef](https://github.com/persona-id/persona-web/commit/04084efd7bcc2ad71419a98ce7ab64db734eb6cd))
 - **2025-10-08**: Fixed CardV2 heading margin when collapsed and removed footer divider when no body
   present
-  ([4b67f4e](https://github.com/persona-id/persona-web/commit/4b67f4e5584339a9679bfa8dcb798cd4f12c27ab))
 - **2025-10-07**: Added empty state support to CardV2
-  ([cebc0ae](https://github.com/persona-id/persona-web/commit/cebc0ae62c5b29035127b2159713da698f0eff32))
 - **2025-10-07**: Improved CardV2 caret animation speed
-  ([bc8124b](https://github.com/persona-id/persona-web/commit/bc8124be5d28db5860347f26cc4f956b929cf1e2))
 - **2025-10-07**: Added compact font size support for DataTable headers
-  ([451861](https://github.com/persona-id/persona-web/commit/451861350d7b7dd7634a895917f7850c095b3ce4))
 - **2025-10-07**: Added error state and error boundary to CardV2
-  ([03b9ef2](https://github.com/persona-id/persona-web/commit/03b9ef28a52361db82b68d229092c8ab1151b066))
 - **2025-10-06**: Added smBold size option for paragraph text mixins
-  ([e35e3ce](https://github.com/persona-id/persona-web/commit/e35e3ce1b2bd95887b73913ecee1a72ea0c7cfce))
 - **2025-10-06**: Corrected default button color in Storybook
-  ([b0bd2e8](https://github.com/persona-id/persona-web/commit/b0bd2e8961d0c5aacbab06f086123f5ca2aae7e8))
 - **2025-10-06**: Updated non-accessible text to use text/secondary color
-  ([af1f9ed](https://github.com/persona-id/persona-web/commit/af1f9ed71864b312d6da04cd658505b2387b2304))
 - **2025-10-03**: Updated @persona-id/design-tokens to v0.2.41
-  ([b1f4a77](https://github.com/persona-id/persona-web/commit/b1f4a7736ffad46a7a94388bc32a7677ed20f4a7))
 - **2025-10-03**: Unset isDisabled on CardV2 disclosure button
-  ([89970fc](https://github.com/persona-id/persona-web/commit/89970fc998496e470a3d01588860b40a91ac660b))
 - **2025-10-03**: Bumped react-aria-components from 1.6.0 to 1.13.0
-  ([6394bf4](https://github.com/persona-id/persona-web/commit/6394bf4c6303f5ca806670965cc9cc54fed85aa4))
 - **2025-10-03**: Updated design-token package
-  ([52c66c8](https://github.com/persona-id/persona-web/commit/52c66c8e2aa5ba567d24ee13b63a48ed984d542a))
 - **2025-10-03**: Upgraded radix-ui packages
-  ([3aa6e4c](https://github.com/persona-id/persona-web/commit/3aa6e4c12eccaaaa2d613b16371e9f6e8eab5e1b))
 - **2025-10-02**: Renamed Combobox compact prop to truncate
-  ([c313fd9](https://github.com/persona-id/persona-web/commit/c313fd9955a8e1170f49e5273b0b8e186a65116b))
 - **2025-10-02**: Fixed compact single select Combobox display in DataTable
-  ([85db3a7](https://github.com/persona-id/persona-web/commit/85db3a78736408baf6ca0ab64d938903761965f7))
 - **2025-10-02**: Reworked ESLint rules around Combobox importing
-  ([520966](https://github.com/persona-id/persona-web/commit/520966056a6af53517b0ba240b2edc393003aacf))
 - **2025-10-02**: Updated SegmentedControl border color
-  ([3ae144f](https://github.com/persona-id/persona-web/commit/3ae144ff6cb2b1e55ad8ff105ed430a46d00938e))
 - **2025-10-02**: Prevented CardV2 container from flex shrinking
-  ([026786e](https://github.com/persona-id/persona-web/commit/026786e187878a99e9a6e2b665b78f00fc2e1d05))
 - **2025-10-01**: Corrected small Button left/right padding
-  ([dd39d9e](https://github.com/persona-id/persona-web/commit/dd39d9ebeed989a8ff51f6d9f6692b567eb8620d))
 - **2025-10-01**: Marked Spacer component as deprecated
-  ([db6a5b4](https://github.com/persona-id/persona-web/commit/db6a5b435da1c598447ca248e9e235101947bb25))
 - **2025-10-01**: Added hover state to TabBar
-  ([bf90c00](https://github.com/persona-id/persona-web/commit/bf90c0002ff2caba3b87dffba8ecabe36a45986e))
 
 ### 2025-09
 

package/dist/{Action-B10lxofb.d.mts → Action-DSg3yZck.d.mts}

@@ -1,5 +1,5 @@
-import { n as Tooltip } from "./Tooltip-C0PS5InA.mjs";
-import { t as RequireOneOf } from "./utilities-w1K54IAy.mjs";
+import { n as Tooltip } from "./Tooltip-DtWJO_kU.mjs";
+import { t as RequireOneOf } from "./utilities-DT-Hh45R.mjs";
 import { ComponentProps, ComponentPropsWithoutRef, ReactElement } from "react";
 
 //#region types/Action.d.ts
@@ -32,4 +32,4 @@ type MenuAction = Action & {
 };
 //#endregion
 export { TextAction as i, IconAction as n, MenuAction as r, Action as t };
-//# sourceMappingURL=Action-B10lxofb.d.mts.map
+//# sourceMappingURL=Action-DSg3yZck.d.mts.map

package/dist/Action.d.mts

@@ -1,2 +1,2 @@
-import { i as TextAction, n as IconAction, r as MenuAction, t as Action } from "./Action-B10lxofb.mjs";
+import { i as TextAction, n as IconAction, r as MenuAction, t as Action } from "./Action-DSg3yZck.mjs";
 export { Action, IconAction, MenuAction, TextAction };

package/dist/Attribute.d.mts

@@ -1,10 +1,10 @@
-import { n as IconButtonProps } from "./IconButton-DsXbc3nQ.mjs";
-import { i as ParagraphSize } from "./text-BrSUs-88.mjs";
-import { c as ParagraphProps, u as SpanProps } from "./Text-CnXedFut.mjs";
+import { n as IconButtonProps } from "./IconButton-DggxojBH.mjs";
+import { i as ParagraphSize } from "./text-BEKhEWTa.mjs";
+import { c as ParagraphProps, u as SpanProps } from "./Text-CPd0r0w2.mjs";
 import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ComponentType, FC, PropsWithChildren, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/Attribute/Attribute.d.ts
 type WordBreak = 'break-all' | 'break-word' | 'normal';

package/dist/AttributeGrid.d.mts

@@ -1,6 +1,6 @@
 import { AttributeSize, TableLayoutValue } from "./Attribute.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/Attribute/AttributeGrid.d.ts
 type AttributeGridProps = {

package/dist/{Badge-BwAZD9BH.cjs → Badge-CvdUyXSH.cjs}

@@ -1,5 +1,5 @@
-const require_chunk = require("./chunk-CoPdw6nB.cjs");
-const require_Sticker = require("./Sticker-D_dutvp_.cjs");
+const require_chunk = require("./chunk-CKQMccvm.cjs");
+const require_Sticker = require("./Sticker-D0jIU2Dt.cjs");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -38,4 +38,4 @@ Object.defineProperty(exports, "Badge", {
 	}
 });
 
-//# sourceMappingURL=Badge-BwAZD9BH.cjs.map
+//# sourceMappingURL=Badge-CvdUyXSH.cjs.map

package/dist/{Badge-BwAZD9BH.cjs.map → Badge-CvdUyXSH.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-BwAZD9BH.cjs","names":["Sticker"],"sources":["../components/Badge/Badge.tsx"],"sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport Sticker, { type StickerProps } from 'design-system/components/Sticker';\n\nexport interface BadgeProps {\n  /**\n   * When rendered on a secondary background (e.g. inside a panel or card with\n   * a grey fill), set this to true so the component adjusts its colours\n   * appropriately for certain variants.\n   */\n  onSecondaryBackground?: boolean;\n  /**\n   * Semantic colour variant for the badge.\n   *\n   * - `basic` – neutral grey, for informational counts or labels (default).\n   * - `active` – purple, to highlight an active or selected state.\n   * - `alert` – red/danger, to draw attention to errors or urgent counts.\n   *\n   * @defaultValue 'basic'\n   */\n  variant?: 'alert' | 'active' | 'basic';\n}\n\nexport const Badge = styled(({ variant, ...rest }: BadgeProps) => {\n  let variantProp: StickerProps['variant'];\n  switch (variant) {\n    case 'alert':\n      variantProp = 'danger';\n      break;\n    case 'active':\n      variantProp = 'purple';\n      break;\n    case 'basic':\n    default:\n      variantProp = 'grey';\n  }\n\n  return <Sticker {...rest} variant={variantProp} />;\n})<BadgeProps>(\n  () => css`\n    min-width: 16px;\n    text-align: center;\n    border-radius: 100px;\n    span {\n      font-size: 10px;\n\n      /* Need to reset the visual alignment for numbers on badges here */\n      transform: none;\n    }\n  `,\n) as StyledComponent<'span', DefaultTheme, BadgeProps, never>;\n/**\n * The type workaround above makes the correct types available for Badge.\n * Having duplicate prop names between Badge and Sticker seems to cause some oddities.\n *\n * We insist on making this a styled component so the component itself can be targeted in styles.\n * See: https://styled-components.com/docs/advanced#referring-to-other-components\n */\n\nexport default Badge;\n"],"mappings":";;;;;;AAuBA,MAAa,SAAA,GAAA,kBAAA,UAAgB,EAAE,SAAS,GAAG,WAAuB;CAChE,IAAI;AACJ,SAAQ,SAAR;EACE,KAAK;AACH,iBAAc;AACd;EACF,KAAK;AACH,iBAAc;AACd;EAEF,QACE,eAAc;;AAGlB,QAAO,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;EAAS,GAAI;EAAM,SAAS;EAAe,CAAA;EAClD,OACM,kBAAA,GAAG;;;;;;;;;;IAWV"}
+{"version":3,"file":"Badge-CvdUyXSH.cjs","names":["Sticker"],"sources":["../components/Badge/Badge.tsx"],"sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport Sticker, { type StickerProps } from 'design-system/components/Sticker';\n\nexport interface BadgeProps {\n  /**\n   * When rendered on a secondary background (e.g. inside a panel or card with\n   * a grey fill), set this to true so the component adjusts its colours\n   * appropriately for certain variants.\n   */\n  onSecondaryBackground?: boolean;\n  /**\n   * Semantic colour variant for the badge.\n   *\n   * - `basic` – neutral grey, for informational counts or labels (default).\n   * - `active` – purple, to highlight an active or selected state.\n   * - `alert` – red/danger, to draw attention to errors or urgent counts.\n   *\n   * @defaultValue 'basic'\n   */\n  variant?: 'alert' | 'active' | 'basic';\n}\n\nexport const Badge = styled(({ variant, ...rest }: BadgeProps) => {\n  let variantProp: StickerProps['variant'];\n  switch (variant) {\n    case 'alert':\n      variantProp = 'danger';\n      break;\n    case 'active':\n      variantProp = 'purple';\n      break;\n    case 'basic':\n    default:\n      variantProp = 'grey';\n  }\n\n  return <Sticker {...rest} variant={variantProp} />;\n})<BadgeProps>(\n  () => css`\n    min-width: 16px;\n    text-align: center;\n    border-radius: 100px;\n    span {\n      font-size: 10px;\n\n      /* Need to reset the visual alignment for numbers on badges here */\n      transform: none;\n    }\n  `,\n) as StyledComponent<'span', DefaultTheme, BadgeProps, never>;\n/**\n * The type workaround above makes the correct types available for Badge.\n * Having duplicate prop names between Badge and Sticker seems to cause some oddities.\n *\n * We insist on making this a styled component so the component itself can be targeted in styles.\n * See: https://styled-components.com/docs/advanced#referring-to-other-components\n */\n\nexport default Badge;\n"],"mappings":";;;;;;AAuBA,MAAa,SAAA,GAAA,kBAAA,UAAgB,EAAE,SAAS,GAAG,WAAuB;CAChE,IAAI;AACJ,SAAQ,SAAR;EACE,KAAK;AACH,iBAAc;AACd;EACF,KAAK;AACH,iBAAc;AACd;EAEF,QACE,eAAc;;AAGlB,QAAO,iBAAA,GAAA,kBAAA,KAACA,gBAAAA,SAAD;EAAS,GAAI;EAAM,SAAS;EAAe,CAAA;EAClD,OACM,kBAAA,GAAG;;;;;;;;;;IAWV"}

package/dist/{Badge-BqLnhb4n.mjs → Badge-pq6B-3ue.mjs}

@@ -1,4 +1,4 @@
-import { n as Sticker } from "./Sticker-D6bwBTGr.mjs";
+import { n as Sticker } from "./Sticker-B0TbkV4o.mjs";
 import styled, { css } from "styled-components";
 import { jsx } from "react/jsx-runtime";
 //#region components/Badge/Badge.tsx
@@ -31,4 +31,4 @@ const Badge = styled(({ variant, ...rest }) => {
 //#endregion
 export { Badge as t };
 
-//# sourceMappingURL=Badge-BqLnhb4n.mjs.map
+//# sourceMappingURL=Badge-pq6B-3ue.mjs.map

package/dist/{Badge-BqLnhb4n.mjs.map → Badge-pq6B-3ue.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Badge-BqLnhb4n.mjs","names":[],"sources":["../components/Badge/Badge.tsx"],"sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport Sticker, { type StickerProps } from 'design-system/components/Sticker';\n\nexport interface BadgeProps {\n  /**\n   * When rendered on a secondary background (e.g. inside a panel or card with\n   * a grey fill), set this to true so the component adjusts its colours\n   * appropriately for certain variants.\n   */\n  onSecondaryBackground?: boolean;\n  /**\n   * Semantic colour variant for the badge.\n   *\n   * - `basic` – neutral grey, for informational counts or labels (default).\n   * - `active` – purple, to highlight an active or selected state.\n   * - `alert` – red/danger, to draw attention to errors or urgent counts.\n   *\n   * @defaultValue 'basic'\n   */\n  variant?: 'alert' | 'active' | 'basic';\n}\n\nexport const Badge = styled(({ variant, ...rest }: BadgeProps) => {\n  let variantProp: StickerProps['variant'];\n  switch (variant) {\n    case 'alert':\n      variantProp = 'danger';\n      break;\n    case 'active':\n      variantProp = 'purple';\n      break;\n    case 'basic':\n    default:\n      variantProp = 'grey';\n  }\n\n  return <Sticker {...rest} variant={variantProp} />;\n})<BadgeProps>(\n  () => css`\n    min-width: 16px;\n    text-align: center;\n    border-radius: 100px;\n    span {\n      font-size: 10px;\n\n      /* Need to reset the visual alignment for numbers on badges here */\n      transform: none;\n    }\n  `,\n) as StyledComponent<'span', DefaultTheme, BadgeProps, never>;\n/**\n * The type workaround above makes the correct types available for Badge.\n * Having duplicate prop names between Badge and Sticker seems to cause some oddities.\n *\n * We insist on making this a styled component so the component itself can be targeted in styles.\n * See: https://styled-components.com/docs/advanced#referring-to-other-components\n */\n\nexport default Badge;\n"],"mappings":";;;;AAuBA,MAAa,QAAQ,QAAQ,EAAE,SAAS,GAAG,WAAuB;CAChE,IAAI;AACJ,SAAQ,SAAR;EACE,KAAK;AACH,iBAAc;AACd;EACF,KAAK;AACH,iBAAc;AACd;EAEF,QACE,eAAc;;AAGlB,QAAO,oBAAC,SAAD;EAAS,GAAI;EAAM,SAAS;EAAe,CAAA;EAClD,OACM,GAAG;;;;;;;;;;IAWV"}
+{"version":3,"file":"Badge-pq6B-3ue.mjs","names":[],"sources":["../components/Badge/Badge.tsx"],"sourcesContent":["import styled, { css, type DefaultTheme, type StyledComponent } from 'styled-components';\n\nimport Sticker, { type StickerProps } from 'design-system/components/Sticker';\n\nexport interface BadgeProps {\n  /**\n   * When rendered on a secondary background (e.g. inside a panel or card with\n   * a grey fill), set this to true so the component adjusts its colours\n   * appropriately for certain variants.\n   */\n  onSecondaryBackground?: boolean;\n  /**\n   * Semantic colour variant for the badge.\n   *\n   * - `basic` – neutral grey, for informational counts or labels (default).\n   * - `active` – purple, to highlight an active or selected state.\n   * - `alert` – red/danger, to draw attention to errors or urgent counts.\n   *\n   * @defaultValue 'basic'\n   */\n  variant?: 'alert' | 'active' | 'basic';\n}\n\nexport const Badge = styled(({ variant, ...rest }: BadgeProps) => {\n  let variantProp: StickerProps['variant'];\n  switch (variant) {\n    case 'alert':\n      variantProp = 'danger';\n      break;\n    case 'active':\n      variantProp = 'purple';\n      break;\n    case 'basic':\n    default:\n      variantProp = 'grey';\n  }\n\n  return <Sticker {...rest} variant={variantProp} />;\n})<BadgeProps>(\n  () => css`\n    min-width: 16px;\n    text-align: center;\n    border-radius: 100px;\n    span {\n      font-size: 10px;\n\n      /* Need to reset the visual alignment for numbers on badges here */\n      transform: none;\n    }\n  `,\n) as StyledComponent<'span', DefaultTheme, BadgeProps, never>;\n/**\n * The type workaround above makes the correct types available for Badge.\n * Having duplicate prop names between Badge and Sticker seems to cause some oddities.\n *\n * We insist on making this a styled component so the component itself can be targeted in styles.\n * See: https://styled-components.com/docs/advanced#referring-to-other-components\n */\n\nexport default Badge;\n"],"mappings":";;;;AAuBA,MAAa,QAAQ,QAAQ,EAAE,SAAS,GAAG,WAAuB;CAChE,IAAI;AACJ,SAAQ,SAAR;EACE,KAAK;AACH,iBAAc;AACd;EACF,KAAK;AACH,iBAAc;AACd;EAEF,QACE,eAAc;;AAGlB,QAAO,oBAAC,SAAD;EAAS,GAAI;EAAM,SAAS;EAAe,CAAA;EAClD,OACM,GAAG;;;;;;;;;;IAWV"}

package/dist/Banner.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { ComponentPropsWithoutRef, ReactElement, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/Banner/Banner.d.ts
 interface BannerProps extends ComponentPropsWithoutRef<'div'> {

package/dist/{Button-DqDLGURJ.d.mts → Button-DcTUxRNI.d.mts}

@@ -1,4 +1,4 @@
-import { t as PseudoClassProps } from "./PseudoClassProps-mZgO_iZJ.mjs";
+import { t as PseudoClassProps } from "./PseudoClassProps--MiDp2l2.mjs";
 import * as _$styled_components0 from "styled-components";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, MouseEvent, ReactNode, Ref } from "react";
@@ -98,4 +98,4 @@ interface ButtonProps extends ComponentPropsWithoutRef<'button'>, Omit<PseudoCla
 declare const Button: _$react.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & _$react.RefAttributes<HTMLButtonElement>>;
 //#endregion
 export { SuffixIconContainer as a, StyledButton as i, ButtonChildren as n, ButtonProps as r, Button as t };
-//# sourceMappingURL=Button-DqDLGURJ.d.mts.map
+//# sourceMappingURL=Button-DcTUxRNI.d.mts.map

package/dist/Button.d.mts

@@ -1,2 +1,2 @@
-import { a as SuffixIconContainer, i as StyledButton, n as ButtonChildren, r as ButtonProps, t as Button } from "./Button-DqDLGURJ.mjs";
+import { a as SuffixIconContainer, i as StyledButton, n as ButtonChildren, r as ButtonProps, t as Button } from "./Button-DcTUxRNI.mjs";
 export { ButtonChildren, ButtonProps, StyledButton, SuffixIconContainer, Button as default };

package/dist/ButtonGroup.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import { ToggleGroupMultipleProps, ToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
 

package/dist/Calendar.d.mts

@@ -1,5 +1,5 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { Ref } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { AriaCalendarProps, DateValue } from "react-aria";
 
 //#region components/DatePicker/Calendar/Calendar.d.ts

package/dist/CalendarBase.d.mts

@@ -1,4 +1,4 @@
-import { n as IconButtonProps } from "./IconButton-DsXbc3nQ.mjs";
+import { n as IconButtonProps } from "./IconButton-DggxojBH.mjs";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 

package/dist/{Card-DeJSt5ys.mjs → Card-CLTkZLKr.mjs}

@@ -1,8 +1,8 @@
 import { headingMixins, paragraphMixins } from "./mixins/text.mjs";
 import "./variables/spacing.mjs";
-import { t as Spacer_default } from "./Spacer-DxH_sQrV.mjs";
-import { i as Paragraph } from "./Text-DOTYjIt0.mjs";
-import { t as useToggle } from "./useToggle-0zLL1E7s.mjs";
+import { t as Spacer_default } from "./Spacer-Ln3KChb5.mjs";
+import { i as Paragraph } from "./Text-hEoPeOc9.mjs";
+import { t as useToggle } from "./useToggle-3k3EkV8V.mjs";
 import { Color, Spacing } from "@persona/design-tokens";
 import styled, { css } from "styled-components";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -202,4 +202,4 @@ var Card_default = Object.assign(Card, {
 //#endregion
 export { Root as a, HeaderContainer as i, ActionsContainer as n, Title$1 as o, Header as r, TitleContainer as s, Card_default as t };
 
-//# sourceMappingURL=Card-DeJSt5ys.mjs.map
+//# sourceMappingURL=Card-CLTkZLKr.mjs.map

package/dist/{Card-DeJSt5ys.mjs.map → Card-CLTkZLKr.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-DeJSt5ys.mjs","names":["Title","Spacer"],"sources":["../components/Card/Header/Header.tsx","../components/Card/Card.tsx"],"sourcesContent":["import { Color, Spacing } from '@persona/design-tokens';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { headingMixins, paragraphMixins } from 'design-system/mixins/text';\n\nexport interface HeaderProps {\n  children: ReactNode;\n  subtitle?: ReactNode;\n  variant?: 'title' | 'section';\n  actions?: ReactNode;\n  $matchCardV2?: boolean;\n}\n\nexport const HeaderContainer = styled.div<Pick<HeaderProps, 'variant' | '$matchCardV2'>>`\n  ${paragraphMixins.md};\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  &:not(:only-child) {\n    margin: 0px 0px ${Spacing[4]} 0px;\n    ${({ $matchCardV2 }) =>\n      $matchCardV2 &&\n      css`\n        margin-bottom: ${Spacing[1]};\n      `}\n  }\n  ${({ variant }) =>\n    variant === 'section' &&\n    css`\n      border-bottom: 1px solid ${({ theme }) => theme.color.border.primary};\n    `}\n`;\n\nexport const TitleContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n`;\n\nexport const Title = styled.h3<Pick<HeaderProps, 'variant' | '$matchCardV2'>>`\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  gap: ${Spacing[2]};\n  ${({ variant }) => {\n    switch (variant) {\n      case 'section':\n        return paragraphMixins.lgBold;\n      case 'title':\n      default:\n        return headingMixins.sm;\n    }\n  }}\n  ${({ $matchCardV2 }) =>\n    $matchCardV2 &&\n    css`\n      ${headingMixins.xsm};\n    `}\n`;\n\nexport const ActionsContainer = styled.div`\n  color: ${({ theme }) => theme.color.text.secondary};\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n`;\n\nconst FullDivider = styled.hr`\n  border-top: 1px solid ${Color.BorderDivider};\n  margin: 0;\n\n  /* Use negative margin to bleed the divider out of the grid. */\n  margin-left: -${Spacing[5]};\n  margin-right: -${Spacing[5]};\n`;\n\nconst Header = ({\n  children,\n  variant,\n  actions,\n  subtitle,\n  $matchCardV2,\n  ...elemProps\n}: HeaderProps & ComponentPropsWithoutRef<'div'>) => {\n  return (\n    <>\n      <HeaderContainer variant={variant} {...elemProps} $matchCardV2={$matchCardV2}>\n        <TitleContainer>\n          <Title variant={variant} $matchCardV2={$matchCardV2}>\n            {children}\n          </Title>\n          {subtitle}\n        </TitleContainer>\n        <ActionsContainer>{actions}</ActionsContainer>\n      </HeaderContainer>\n      {$matchCardV2 && <FullDivider />}\n    </>\n  );\n};\n\nexport const Root = Header;\n\nexport default Header;\n","import { Spacing } from '@persona/design-tokens';\nimport { ChevronDownIcon, ChevronUpIcon } from '@persona/icons';\nimport type {\n  ComponentPropsWithoutRef,\n  FC,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport Header, { type HeaderProps } from 'design-system/components/Card/Header';\nimport Spacer from 'design-system/components/Spacer';\nimport { Paragraph } from 'design-system/components/Text';\nimport useToggle from 'design-system/lib/useToggle';\nimport { BASE } from 'design-system/variables/spacing';\n\nexport interface CardProps {\n  elevated?: boolean;\n  $matchCardV2?: boolean;\n}\n\n/**\n * @deprecated Use CardV2 instead\n */\nconst Card = styled('div')<CardProps>`\n  border-radius: ${({ theme }) => {\n    return theme.card.borderRadius;\n  }};\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ${Spacing[4]};\n  background-color: ${({ theme }) => theme.color.background.primary};\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n  ${({ elevated }) =>\n    elevated &&\n    css`\n      box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);\n    `}\n\n  ${({ $matchCardV2 }) =>\n    $matchCardV2 &&\n    css`\n      margin-bottom: 0;\n    `}\n`;\n\n/**\n * To be used within cards. Provides padding and basic layout. Should not be\n * used if card's contents are edge-to-edge with no padding.\n */\nconst Body = styled('section')<{ gap?: number; padding?: Spacing; $matchCardV2?: boolean }>`\n  margin: 0;\n  padding: ${({ padding }) => padding ?? Spacing[5]};\n  display: grid;\n  grid-auto-flow: row;\n  grid-gap: ${({ gap }) => (gap != null ? gap : BASE)}px;\n  /**\n    * Prevent grid blowout\n    * https://css-tricks.com/preventing-a-grid-blowout/\n    */\n  grid-template-columns: minmax(0, 1fr);\n\n  ${({ $matchCardV2 }) =>\n    $matchCardV2 &&\n    css`\n      padding: ${Spacing[4]} ${Spacing[5]};\n      grid-gap: ${Spacing[3]};\n    `}\n`;\n\nconst IconContainer = styled('div')`\n  margin-right: ${Spacing[3]};\n  display: flex;\n  align-items: center;\n\n  > svg {\n    height: 24px;\n    width: 24px;\n  }\n`;\n\nconst ImageWrapper = styled('div')<{ height: number }>`\n  width: 100%;\n  overflow: hidden;\n  border-radius: ${({ theme }) => theme.card.borderRadius} ${({ theme }) => theme.card.borderRadius}\n    0px 0px;\n\n  ${({ height }) => {\n    return css`\n      height: ${height}px;\n    `;\n  }};\n\n  > img,\n  svg {\n    width: 100%;\n    border-radius: ${({ theme }) => theme.card.borderRadius}\n      ${({ theme }) => theme.card.borderRadius} 0px 0px;\n  }\n`;\n\ninterface TitleBaseProps {\n  icon?: ReactElement;\n}\n\ninterface TitleProps\n  extends\n    TitleBaseProps,\n    Pick<HeaderProps, 'actions' | 'subtitle'>,\n    Omit<ComponentPropsWithoutRef<'h3'>, 'color' | 'size'> {\n  $matchCardV2?: boolean;\n}\n\n/**\n * Label to be used within cards. Note that some cards lead with a Title while\n * some others lead with a Subtitle (see below).\n */\nconst Title: FC<TitleProps> = ({ icon, children, ...elemProps }) => (\n  <Header variant='title' {...elemProps}>\n    {icon != null && <IconContainer>{icon}</IconContainer>}\n    {children}\n  </Header>\n);\n\n/**\n * Smaller label to be used within cards.\n */\nconst Subtitle = styled(Paragraph).attrs(() => ({ size: 'md' }))`\n  color: ${({ theme }) => theme.color.text.tertiary};\n`;\n\nexport interface SectionProps\n  extends\n    Pick<HeaderProps, 'subtitle' | 'actions'>,\n    Omit<ComponentPropsWithoutRef<'h3'>, 'color' | 'size'> {}\n\n/**\n * Header for section headers within a Card\n */\nconst SectionHeader = ({ children, ...elemProps }: SectionProps) => (\n  <Header variant='section' {...elemProps}>\n    {children}\n  </Header>\n);\n\n/**\n * Wrapper for a full-width image to be used at the top of a card.\n */\n\ninterface ImageProps {\n  height: number;\n  children: ReactNode;\n}\n\nconst Image: FC<ImageProps> = ({ height, children, ...elemProps }) => (\n  <ImageWrapper {...elemProps} height={height}>\n    {children}\n  </ImageWrapper>\n);\n\ninterface CollapsibleSectionProps {\n  id?: string;\n  defaultExpanded?: boolean;\n  title: ReactNode;\n}\n\nconst CollapsibleSection: FC<PropsWithChildren<CollapsibleSectionProps>> = ({\n  id,\n  defaultExpanded,\n  title,\n  children,\n}) => {\n  const [isOpen, { toggle }] = useToggle(defaultExpanded);\n\n  return (\n    <section>\n      <div id={id} onClick={toggle}>\n        <Header variant='section'>\n          <HeaderIcon>\n            {isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n            <Spacer width={0.5} height={0} />\n          </HeaderIcon>\n          {title}\n        </Header>\n      </div>\n      <div>\n        {isOpen && (\n          <>\n            <Spacer height={1} />\n            {children}\n          </>\n        )}\n      </div>\n      <Spacer height={1} />\n    </section>\n  );\n};\n\nconst HeaderIcon = styled.div`\n  display: flex;\n`;\n\nexport default Object.assign(Card, {\n  Title,\n  SectionHeader,\n  Subtitle,\n  Body,\n  Image,\n  CollapsibleSection,\n});\n"],"mappings":"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"}
+{"version":3,"file":"Card-CLTkZLKr.mjs","names":["Title","Spacer"],"sources":["../components/Card/Header/Header.tsx","../components/Card/Card.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { headingMixins, paragraphMixins } from 'design-system/mixins/text';\n\nexport interface HeaderProps {\n  children: ReactNode;\n  subtitle?: ReactNode;\n  variant?: 'title' | 'section';\n  actions?: ReactNode;\n  $matchCardV2?: boolean;\n}\n\nexport const HeaderContainer = styled.div<Pick<HeaderProps, 'variant' | '$matchCardV2'>>`\n  ${paragraphMixins.md};\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  &:not(:only-child) {\n    margin: 0px 0px ${Spacing[4]} 0px;\n    ${({ $matchCardV2 }) =>\n      $matchCardV2 &&\n      css`\n        margin-bottom: ${Spacing[1]};\n      `}\n  }\n  ${({ variant }) =>\n    variant === 'section' &&\n    css`\n      border-bottom: 1px solid ${({ theme }) => theme.color.border.primary};\n    `}\n`;\n\nexport const TitleContainer = styled.div`\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n`;\n\nexport const Title = styled.h3<Pick<HeaderProps, 'variant' | '$matchCardV2'>>`\n  display: flex;\n  align-items: center;\n  margin: 0px;\n  gap: ${Spacing[2]};\n  ${({ variant }) => {\n    switch (variant) {\n      case 'section':\n        return paragraphMixins.lgBold;\n      case 'title':\n      default:\n        return headingMixins.sm;\n    }\n  }}\n  ${({ $matchCardV2 }) =>\n    $matchCardV2 &&\n    css`\n      ${headingMixins.xsm};\n    `}\n`;\n\nexport const ActionsContainer = styled.div`\n  color: ${({ theme }) => theme.color.text.secondary};\n  display: flex;\n  align-items: center;\n  gap: ${Spacing[2]};\n`;\n\nconst FullDivider = styled.hr`\n  border-top: 1px solid ${Color.BorderDivider};\n  margin: 0;\n\n  /* Use negative margin to bleed the divider out of the grid. */\n  margin-left: -${Spacing[5]};\n  margin-right: -${Spacing[5]};\n`;\n\nconst Header = ({\n  children,\n  variant,\n  actions,\n  subtitle,\n  $matchCardV2,\n  ...elemProps\n}: HeaderProps & ComponentPropsWithoutRef<'div'>) => {\n  return (\n    <>\n      <HeaderContainer variant={variant} {...elemProps} $matchCardV2={$matchCardV2}>\n        <TitleContainer>\n          <Title variant={variant} $matchCardV2={$matchCardV2}>\n            {children}\n          </Title>\n          {subtitle}\n        </TitleContainer>\n        <ActionsContainer>{actions}</ActionsContainer>\n      </HeaderContainer>\n      {$matchCardV2 && <FullDivider />}\n    </>\n  );\n};\n\nexport const Root = Header;\n\nexport default Header;\n","import type {\n  ComponentPropsWithoutRef,\n  FC,\n  PropsWithChildren,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\nimport { ChevronDownIcon, ChevronUpIcon } from '@persona/icons';\nimport Header, { type HeaderProps } from 'design-system/components/Card/Header';\nimport Spacer from 'design-system/components/Spacer';\nimport { Paragraph } from 'design-system/components/Text';\nimport useToggle from 'design-system/lib/useToggle';\nimport { BASE } from 'design-system/variables/spacing';\n\nexport interface CardProps {\n  elevated?: boolean;\n  $matchCardV2?: boolean;\n}\n\n/**\n * @deprecated Use CardV2 instead\n */\nconst Card = styled('div')<CardProps>`\n  border-radius: ${({ theme }) => {\n    return theme.card.borderRadius;\n  }};\n  display: flex;\n  flex-direction: column;\n  margin-bottom: ${Spacing[4]};\n  background-color: ${({ theme }) => theme.color.background.primary};\n  font-family: ${({ theme }) => theme.text.fontFamily.base};\n  ${({ elevated }) =>\n    elevated &&\n    css`\n      box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.12);\n    `}\n\n  ${({ $matchCardV2 }) =>\n    $matchCardV2 &&\n    css`\n      margin-bottom: 0;\n    `}\n`;\n\n/**\n * To be used within cards. Provides padding and basic layout. Should not be\n * used if card's contents are edge-to-edge with no padding.\n */\nconst Body = styled('section')<{ gap?: number; padding?: Spacing; $matchCardV2?: boolean }>`\n  margin: 0;\n  padding: ${({ padding }) => padding ?? Spacing[5]};\n  display: grid;\n  grid-auto-flow: row;\n  grid-gap: ${({ gap }) => (gap != null ? gap : BASE)}px;\n  /**\n    * Prevent grid blowout\n    * https://css-tricks.com/preventing-a-grid-blowout/\n    */\n  grid-template-columns: minmax(0, 1fr);\n\n  ${({ $matchCardV2 }) =>\n    $matchCardV2 &&\n    css`\n      padding: ${Spacing[4]} ${Spacing[5]};\n      grid-gap: ${Spacing[3]};\n    `}\n`;\n\nconst IconContainer = styled('div')`\n  margin-right: ${Spacing[3]};\n  display: flex;\n  align-items: center;\n\n  > svg {\n    height: 24px;\n    width: 24px;\n  }\n`;\n\nconst ImageWrapper = styled('div')<{ height: number }>`\n  width: 100%;\n  overflow: hidden;\n  border-radius: ${({ theme }) => theme.card.borderRadius} ${({ theme }) => theme.card.borderRadius}\n    0px 0px;\n\n  ${({ height }) => {\n    return css`\n      height: ${height}px;\n    `;\n  }};\n\n  > img,\n  svg {\n    width: 100%;\n    border-radius: ${({ theme }) => theme.card.borderRadius}\n      ${({ theme }) => theme.card.borderRadius} 0px 0px;\n  }\n`;\n\ninterface TitleBaseProps {\n  icon?: ReactElement;\n}\n\ninterface TitleProps\n  extends\n    TitleBaseProps,\n    Pick<HeaderProps, 'actions' | 'subtitle'>,\n    Omit<ComponentPropsWithoutRef<'h3'>, 'color' | 'size'> {\n  $matchCardV2?: boolean;\n}\n\n/**\n * Label to be used within cards. Note that some cards lead with a Title while\n * some others lead with a Subtitle (see below).\n */\nconst Title: FC<TitleProps> = ({ icon, children, ...elemProps }) => (\n  <Header variant='title' {...elemProps}>\n    {icon != null && <IconContainer>{icon}</IconContainer>}\n    {children}\n  </Header>\n);\n\n/**\n * Smaller label to be used within cards.\n */\nconst Subtitle = styled(Paragraph).attrs(() => ({ size: 'md' }))`\n  color: ${({ theme }) => theme.color.text.tertiary};\n`;\n\nexport interface SectionProps\n  extends\n    Pick<HeaderProps, 'subtitle' | 'actions'>,\n    Omit<ComponentPropsWithoutRef<'h3'>, 'color' | 'size'> {}\n\n/**\n * Header for section headers within a Card\n */\nconst SectionHeader = ({ children, ...elemProps }: SectionProps) => (\n  <Header variant='section' {...elemProps}>\n    {children}\n  </Header>\n);\n\n/**\n * Wrapper for a full-width image to be used at the top of a card.\n */\n\ninterface ImageProps {\n  height: number;\n  children: ReactNode;\n}\n\nconst Image: FC<ImageProps> = ({ height, children, ...elemProps }) => (\n  <ImageWrapper {...elemProps} height={height}>\n    {children}\n  </ImageWrapper>\n);\n\ninterface CollapsibleSectionProps {\n  id?: string;\n  defaultExpanded?: boolean;\n  title: ReactNode;\n}\n\nconst CollapsibleSection: FC<PropsWithChildren<CollapsibleSectionProps>> = ({\n  id,\n  defaultExpanded,\n  title,\n  children,\n}) => {\n  const [isOpen, { toggle }] = useToggle(defaultExpanded);\n\n  return (\n    <section>\n      <div id={id} onClick={toggle}>\n        <Header variant='section'>\n          <HeaderIcon>\n            {isOpen ? <ChevronUpIcon /> : <ChevronDownIcon />}\n            <Spacer width={0.5} height={0} />\n          </HeaderIcon>\n          {title}\n        </Header>\n      </div>\n      <div>\n        {isOpen && (\n          <>\n            <Spacer height={1} />\n            {children}\n          </>\n        )}\n      </div>\n      <Spacer height={1} />\n    </section>\n  );\n};\n\nconst HeaderIcon = styled.div`\n  display: flex;\n`;\n\nexport default Object.assign(Card, {\n  Title,\n  SectionHeader,\n  Subtitle,\n  Body,\n  Image,\n  CollapsibleSection,\n});\n"],"mappings":"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"}

package/dist/{Card-CyCKL-M5.cjs → Card-CaOItkgL.cjs}

@@ -1,9 +1,9 @@
-const require_chunk = require("./chunk-CoPdw6nB.cjs");
+const require_chunk = require("./chunk-CKQMccvm.cjs");
 const require_mixins_text = require("./mixins/text.cjs");
 require("./variables/spacing.cjs");
-const require_Spacer = require("./Spacer-DWGkX170.cjs");
-const require_Text = require("./Text-DVz8erdF.cjs");
-const require_useToggle = require("./useToggle-DNrEsTpr.cjs");
+const require_Spacer = require("./Spacer-GYHbk-dS.cjs");
+const require_Text = require("./Text-CzN0DOXV.cjs");
+const require_useToggle = require("./useToggle-CSkZWXtQ.cjs");
 let _persona_design_tokens = require("@persona/design-tokens");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);
@@ -245,4 +245,4 @@ Object.defineProperty(exports, "TitleContainer", {
 	}
 });
 
-//# sourceMappingURL=Card-CyCKL-M5.cjs.map
+//# sourceMappingURL=Card-CaOItkgL.cjs.map