@arbor-education/design-system.components 0.21.1 → 0.22.0

package/dist/components/{icoText/IcoText.stories.js → iconText/IconText.stories.js}

@@ -1,11 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
-import { IcoText } from './IcoText.js';
+import { Controls, Heading as DocHeading, Primary as DocPrimary, Markdown, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
+import { IconText } from './IconText.js';
 // ---------------------------------------------------------------------------
 // Docs page content
 // ---------------------------------------------------------------------------
 const DESCRIPTION_INTRO = [
-    '`IcoText` is a compound layout component that pairs an icon in a left rail with a heading and/or paragraph.',
+    '`IconText` is a compound layout component that pairs an icon in a left rail with a heading and/or paragraph.',
     'It is the canonical icon-plus-text primitive in this design system — used internally by `ArticleCard`',
     'and available for direct use in any context that needs an icon anchoring labelled content.',
 ].join(' ');
@@ -46,25 +46,25 @@ const USAGE_GUIDANCE = [
     '| Content inside a navigable card | [`ArticleCard`](?path=/docs/components-card-articlecard--docs) |',
     '| Icon with no text | [`Icon`](?path=/docs/components-icon--docs) directly |',
     '| Long-form prose | Semantic HTML `<p>` with a separate heading |',
-    '| Interactive element | Wrap `IcoText` inside a `Card` or `Button` — never add `onClick` to `IcoText` itself |',
+    '| Interactive element | Wrap `IconText` inside a `Card` or `Button` — never add `onClick` to `IconText` itself |',
 ].join('\n');
 const DEVELOPER_NOTES = [
     '### Critical usage patterns',
     '',
-    '**`IcoText.Icon` is automatically hoisted to the left rail** regardless of position in JSX.',
-    'The root inspects `children`, pulls out any `IcoText.Icon` elements into a flex-shrink-0 left column,',
+    '**`IconText.Icon` is automatically hoisted to the left rail** regardless of position in JSX.',
+    'The root inspects `children`, pulls out any `IconText.Icon` elements into a flex-shrink-0 left column,',
     'and places all other children (Heading, Paragraph) in the content column.',
     '',
     '```tsx',
-    '<IcoText>',
-    '  <IcoText.Icon name="guardians" />',
-    '  <IcoText.Heading>Year 9 Attendance</IcoText.Heading>',
-    '  <IcoText.Paragraph>28 pupils · 94.2% this term</IcoText.Paragraph>',
-    '</IcoText>',
+    '<IconText>',
+    '  <IconText.Icon name="guardians" />',
+    '  <IconText.Heading>Year 9 Attendance</IconText.Heading>',
+    '  <IconText.Paragraph>28 pupils · 94.2% this term</IconText.Paragraph>',
+    '</IconText>',
     '```',
     '',
-    '**`IcoText.Heading` always renders as `<h4>`.** There is no `level` prop. Verify your document',
-    'heading hierarchy is correct before using `IcoText` as a standalone heading.',
+    '**`IconText.Heading` always renders as `<h4>`.** There is no `level` prop. Verify your document',
+    'heading hierarchy is correct before using `IconText` as a standalone heading.',
     '',
     '**Omit `screenReaderText` for decorative icons.** The icon is rendered with `aria-hidden="true"`',
     'when `screenReaderText` is absent. The heading or surrounding text should carry the accessible meaning.',
@@ -75,16 +75,16 @@ const DEVELOPER_NOTES = [
     '',
     '- Decorative icons (no `screenReaderText`): `aria-hidden="true"` — screen readers skip them',
     '- Meaningful icons: provide `screenReaderText` so the icon has an accessible label',
-    '- `IcoText.Heading` renders `<h4>` — verify your document heading hierarchy',
-    '- `IcoText.Paragraph` renders `<p>` — semantically appropriate for supporting text',
+    '- `IconText.Heading` renders `<h4>` — verify your document heading hierarchy',
+    '- `IconText.Paragraph` renders `<p>` — semantically appropriate for supporting text',
     '',
     '---',
     '',
     '### TypeScript types',
     '',
     '```ts',
-    "import { IcoText } from '@arbor-education/design-system.components';",
-    "import type { IcoTextProps, IcoTextIconProps, IcoTextHeadingProps, IcoTextParagraphProps } from '@arbor-education/design-system.components';",
+    "import { IconText } from '@arbor-education/design-system.components';",
+    "import type { IconTextProps, IconTextIconProps, IconTextHeadingProps, IconTextParagraphProps } from '@arbor-education/design-system.components';",
     '```',
 ].join('\n');
 const RELATED_COMPONENTS = [
@@ -96,19 +96,19 @@ const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tw
 // ---------------------------------------------------------------------------
 // Custom DocsPage
 // ---------------------------------------------------------------------------
-function IcoTextDocsPage() {
-    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "IcoText.Icon props" }), _jsx(Markdown, { children: ICON_PROPS }), _jsx(DocHeading, { children: "IcoText.Heading props" }), _jsx(Markdown, { children: HEADING_PROPS }), _jsx(DocHeading, { children: "IcoText.Paragraph props" }), _jsx(Markdown, { children: PARAGRAPH_PROPS }), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
+function IconTextDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: DESCRIPTION_INTRO }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: PROPS_INTRO }), _jsx(DocPrimary, {}), _jsx(Controls, {}), _jsx(DocHeading, { children: "IconText.Icon props" }), _jsx(Markdown, { children: ICON_PROPS }), _jsx(DocHeading, { children: "IconText.Heading props" }), _jsx(Markdown, { children: HEADING_PROPS }), _jsx(DocHeading, { children: "IconText.Paragraph props" }), _jsx(Markdown, { children: PARAGRAPH_PROPS }), _jsx(DocHeading, { children: "Usage guidance" }), _jsx(Markdown, { children: USAGE_GUIDANCE }), _jsx(DocHeading, { children: "Developer notes" }), _jsx(Markdown, { children: DEVELOPER_NOTES }), _jsx(DocHeading, { children: "Examples" }), _jsx(Stories, { title: "" }), _jsx(Markdown, { children: RELATED_COMPONENTS })] }));
 }
 // ---------------------------------------------------------------------------
 // Meta
 // ---------------------------------------------------------------------------
 const meta = {
-    title: 'Components/IcoText',
-    component: IcoText,
+    title: 'Components/IconText',
+    component: IconText,
     tags: ['autodocs'],
     parameters: {
         layout: 'padded',
-        docs: { page: IcoTextDocsPage },
+        docs: { page: IconTextDocsPage },
     },
     argTypes: {
         className: {
@@ -118,7 +118,7 @@ const meta = {
         },
         children: {
             control: false,
-            description: 'Compose using `IcoText.Icon`, `IcoText.Heading`, and `IcoText.Paragraph` sub-components.',
+            description: 'Compose using `IconText.Icon`, `IconText.Heading`, and `IconText.Paragraph` sub-components.',
             table: { type: { summary: 'ReactNode' } },
         },
     },
@@ -137,20 +137,20 @@ const withDescription = (story, description) => ({
 // ---------------------------------------------------------------------------
 // Template components
 // ---------------------------------------------------------------------------
-const IconSizesTemplate = () => (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-xlarge)' }, children: [12, 16, 24].map(size => (_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: `size={${size}}` }), _jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "guardians", size: size }), _jsx(IcoText.Heading, { children: "Year 9 Attendance" }), _jsx(IcoText.Paragraph, { children: "28 pupils \u00B7 94.2% average this term" })] })] }, size))) }));
+const IconSizesTemplate = () => (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-xlarge)' }, children: [12, 16, 24].map(size => (_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: `size={${size}}` }), _jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "guardians", size: size }), _jsx(IconText.Heading, { children: "Year 9 Attendance" }), _jsx(IconText.Paragraph, { children: "28 pupils \u00B7 94.2% average this term" })] })] }, size))) }));
 const IconColorsTemplate = () => (_jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-xlarge)' }, children: [
         { color: 'var(--color-semantic-info-600)', label: 'Info — var(--color-semantic-info-600)' },
         { color: 'var(--color-semantic-success-600)', label: 'Success — var(--color-semantic-success-600)' },
         { color: 'var(--color-semantic-warning-600)', label: 'Warning — var(--color-semantic-warning-600)' },
         { color: 'var(--color-semantic-destructive-600)', label: 'Destructive — var(--color-semantic-destructive-600)' },
-    ].map(({ color, label }) => (_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: label }), _jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "triangle-alert", color: color }), _jsx(IcoText.Heading, { children: "Attendance alert" }), _jsx(IcoText.Paragraph, { children: "3 pupils below 90% this half-term" })] })] }, color))) }));
-const MultipleParagraphsTemplate = () => (_jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "date" }), _jsx(IcoText.Heading, { children: "Parents' evening \u2014 Tuesday 14 May" }), _jsx(IcoText.Paragraph, { children: "4:00 pm \u2013 7:00 pm \u00B7 Main Hall" }), _jsx(IcoText.Paragraph, { children: "Appointments available every 10 minutes. Please arrive 5 minutes early." })] }));
+    ].map(({ color, label }) => (_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: label }), _jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "triangle-alert", color: color }), _jsx(IconText.Heading, { children: "Attendance alert" }), _jsx(IconText.Paragraph, { children: "3 pupils below 90% this half-term" })] })] }, color))) }));
+const MultipleParagraphsTemplate = () => (_jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "date" }), _jsx(IconText.Heading, { children: "Parents' evening \u2014 Tuesday 14 May" }), _jsx(IconText.Paragraph, { children: "4:00 pm \u2013 7:00 pm \u00B7 Main Hall" }), _jsx(IconText.Paragraph, { children: "Appointments available every 10 minutes. Please arrive 5 minutes early." })] }));
 // ---------------------------------------------------------------------------
 // Stories
 // ---------------------------------------------------------------------------
 export const Default = withDescription({
-    render: () => (_jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "guardians" }), _jsx(IcoText.Heading, { children: "Year 9 Attendance" }), _jsx(IcoText.Paragraph, { children: "28 pupils \u00B7 94.2% average this term" })] })),
-}, 'The full canonical composition — `IcoText.Icon` in the left rail, `IcoText.Heading` and `IcoText.Paragraph` in the content column.');
+    render: () => (_jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "guardians" }), _jsx(IconText.Heading, { children: "Year 9 Attendance" }), _jsx(IconText.Paragraph, { children: "28 pupils \u00B7 94.2% average this term" })] })),
+}, 'The full canonical composition — `IconText.Icon` in the left rail, `IconText.Heading` and `IconText.Paragraph` in the content column.');
 export const HeadingOnly = withDescription({
     parameters: {
         controls: { disable: true },
@@ -158,14 +158,14 @@ export const HeadingOnly = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 
 function HeadingOnlyExample() {
   return (
-    <IcoText>
-      <IcoText.Icon name="book-open" />
-      <IcoText.Heading>Assessment policy</IcoText.Heading>
-    </IcoText>
+    <IconText>
+      <IconText.Icon name="book-open" />
+      <IconText.Heading>Assessment policy</IconText.Heading>
+    </IconText>
   );
 }
 export default HeadingOnlyExample;
@@ -173,7 +173,7 @@ export default HeadingOnlyExample;
             },
         },
     },
-    render: () => (_jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "book-open" }), _jsx(IcoText.Heading, { children: "Assessment policy" })] })),
+    render: () => (_jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "book-open" }), _jsx(IconText.Heading, { children: "Assessment policy" })] })),
 }, 'Icon + Heading with no Paragraph — the compact pattern for short navigational labels.');
 export const WithoutIcon = withDescription({
     parameters: {
@@ -182,14 +182,14 @@ export const WithoutIcon = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 
 function WithoutIconExample() {
   return (
-    <IcoText>
-      <IcoText.Heading>Behaviour report</IcoText.Heading>
-      <IcoText.Paragraph>No incidents recorded this week. All targets met.</IcoText.Paragraph>
-    </IcoText>
+    <IconText>
+      <IconText.Heading>Behaviour report</IconText.Heading>
+      <IconText.Paragraph>No incidents recorded this week. All targets met.</IconText.Paragraph>
+    </IconText>
   );
 }
 export default WithoutIconExample;
@@ -197,8 +197,8 @@ export default WithoutIconExample;
             },
         },
     },
-    render: () => (_jsxs(IcoText, { children: [_jsx(IcoText.Heading, { children: "Behaviour report" }), _jsx(IcoText.Paragraph, { children: "No incidents recorded this week. All targets met." })] })),
-}, 'Heading + Paragraph with no icon. The left rail disappears cleanly — `IcoText.Icon` is entirely optional.');
+    render: () => (_jsxs(IconText, { children: [_jsx(IconText.Heading, { children: "Behaviour report" }), _jsx(IconText.Paragraph, { children: "No incidents recorded this week. All targets met." })] })),
+}, 'Heading + Paragraph with no icon. The left rail disappears cleanly — `IconText.Icon` is entirely optional.');
 export const IconWithScreenReaderText = withDescription({
     parameters: {
         controls: { disable: true },
@@ -206,19 +206,19 @@ export const IconWithScreenReaderText = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 
 function IconWithScreenReaderTextExample() {
   return (
-    <IcoText>
-      <IcoText.Icon
+    <IconText>
+      <IconText.Icon
         name="triangle-alert"
         color="var(--color-semantic-warning-600)"
         screenReaderText="Warning"
       />
-      <IcoText.Heading>Attendance below target</IcoText.Heading>
-      <IcoText.Paragraph>Alice Johnson — 78.4% this term. Intervention recommended.</IcoText.Paragraph>
-    </IcoText>
+      <IconText.Heading>Attendance below target</IconText.Heading>
+      <IconText.Paragraph>Alice Johnson — 78.4% this term. Intervention recommended.</IconText.Paragraph>
+    </IconText>
   );
 }
 export default IconWithScreenReaderTextExample;
@@ -226,7 +226,7 @@ export default IconWithScreenReaderTextExample;
             },
         },
     },
-    render: () => (_jsxs(IcoText, { children: [_jsx(IcoText.Icon, { name: "triangle-alert", color: "var(--color-semantic-warning-600)", screenReaderText: "Warning" }), _jsx(IcoText.Heading, { children: "Attendance below target" }), _jsx(IcoText.Paragraph, { children: "Alice Johnson \u2014 78.4% this term. Intervention recommended." })] })),
+    render: () => (_jsxs(IconText, { children: [_jsx(IconText.Icon, { name: "triangle-alert", color: "var(--color-semantic-warning-600)", screenReaderText: "Warning" }), _jsx(IconText.Heading, { children: "Attendance below target" }), _jsx(IconText.Paragraph, { children: "Alice Johnson \u2014 78.4% this term. Intervention recommended." })] })),
 }, 'When the icon carries meaning not conveyed by the heading text, provide `screenReaderText`. Without it the icon is `aria-hidden="true"`. Here the warning triangle conveys severity — screen readers announce "Warning, Attendance below target".');
 export const IconSizes = withDescription({
     parameters: {
@@ -235,26 +235,26 @@ export const IconSizes = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 
 function IconSizesExample() {
   return (
     <>
-      <IcoText>
-        <IcoText.Icon name="guardians" size={12} />
-        <IcoText.Heading>size 12</IcoText.Heading>
-        <IcoText.Paragraph>Use in very compact contexts</IcoText.Paragraph>
-      </IcoText>
-      <IcoText>
-        <IcoText.Icon name="guardians" size={16} />
-        <IcoText.Heading>size 16</IcoText.Heading>
-        <IcoText.Paragraph>Use in moderately compact contexts</IcoText.Paragraph>
-      </IcoText>
-      <IcoText>
-        <IcoText.Icon name="guardians" size={24} />
-        <IcoText.Heading>size 24 (default)</IcoText.Heading>
-        <IcoText.Paragraph>Standard — aligns best with h4 line-height</IcoText.Paragraph>
-      </IcoText>
+      <IconText>
+        <IconText.Icon name="guardians" size={12} />
+        <IconText.Heading>size 12</IconText.Heading>
+        <IconText.Paragraph>Use in very compact contexts</IconText.Paragraph>
+      </IconText>
+      <IconText>
+        <IconText.Icon name="guardians" size={16} />
+        <IconText.Heading>size 16</IconText.Heading>
+        <IconText.Paragraph>Use in moderately compact contexts</IconText.Paragraph>
+      </IconText>
+      <IconText>
+        <IconText.Icon name="guardians" size={24} />
+        <IconText.Heading>size 24 (default)</IconText.Heading>
+        <IconText.Paragraph>Standard — aligns best with h4 line-height</IconText.Paragraph>
+      </IconText>
     </>
   );
 }
@@ -264,7 +264,7 @@ export default IconSizesExample;
         },
     },
     render: IconSizesTemplate,
-}, 'All three supported icon sizes — 12, 16, and 24 (default). Use smaller sizes only in compact contexts such as table cells or dense lists. The `24` default aligns best with `IcoText.Heading`\'s h4 line-height.');
+}, 'All three supported icon sizes — 12, 16, and 24 (default). Use smaller sizes only in compact contexts such as table cells or dense lists. The `24` default aligns best with `IconText.Heading`\'s h4 line-height.');
 export const IconColors = withDescription({
     parameters: {
         controls: { disable: true },
@@ -272,15 +272,15 @@ export const IconColors = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 
 function IconColorsExample() {
   return (
-    <IcoText>
-      <IcoText.Icon name="triangle-alert" color="var(--color-semantic-warning-600)" />
-      <IcoText.Heading>Attendance alert</IcoText.Heading>
-      <IcoText.Paragraph>3 pupils below 90% this half-term</IcoText.Paragraph>
-    </IcoText>
+    <IconText>
+      <IconText.Icon name="triangle-alert" color="var(--color-semantic-warning-600)" />
+      <IconText.Heading>Attendance alert</IconText.Heading>
+      <IconText.Paragraph>3 pupils below 90% this half-term</IconText.Paragraph>
+    </IconText>
   );
 }
 export default IconColorsExample;
@@ -289,7 +289,7 @@ export default IconColorsExample;
         },
     },
     render: IconColorsTemplate,
-}, 'The `color` prop on `IcoText.Icon` accepts any CSS value — always use design token variables, never hardcoded hex. Semantic tokens (`--color-semantic-*`) are most appropriate for status-indicating icons.');
+}, 'The `color` prop on `IconText.Icon` accepts any CSS value — always use design token variables, never hardcoded hex. Semantic tokens (`--color-semantic-*`) are most appropriate for status-indicating icons.');
 export const MultipleParagraphs = withDescription({
     parameters: {
         controls: { disable: true },
@@ -297,16 +297,16 @@ export const MultipleParagraphs = withDescription({
             source: {
                 language: 'tsx',
                 code: `
-import { IcoText } from '@arbor-education/design-system.components';
+import { IconText } from '@arbor-education/design-system.components';
 
 function MultipleParagraphsExample() {
   return (
-    <IcoText>
-      <IcoText.Icon name="calendar" />
-      <IcoText.Heading>Parents' evening — Tuesday 14 May</IcoText.Heading>
-      <IcoText.Paragraph>4:00 pm – 7:00 pm · Main Hall</IcoText.Paragraph>
-      <IcoText.Paragraph>Appointments every 10 minutes. Please arrive 5 minutes early.</IcoText.Paragraph>
-    </IcoText>
+    <IconText>
+      <IconText.Icon name="date" />
+      <IconText.Heading>Parents' evening — Tuesday 14 May</IconText.Heading>
+      <IconText.Paragraph>4:00 pm – 7:00 pm · Main Hall</IconText.Paragraph>
+      <IconText.Paragraph>Appointments every 10 minutes. Please arrive 5 minutes early.</IconText.Paragraph>
+    </IconText>
   );
 }
 export default MultipleParagraphsExample;
@@ -315,5 +315,5 @@ export default MultipleParagraphsExample;
         },
     },
     render: MultipleParagraphsTemplate,
-}, 'Multiple `IcoText.Paragraph` sub-components stack vertically in the content column. Use for supplementary detail lines below the primary heading.');
-//# sourceMappingURL=IcoText.stories.js.map
+}, 'Multiple `IconText.Paragraph` sub-components stack vertically in the content column. Use for supplementary detail lines below the primary heading.');
+//# sourceMappingURL=IconText.stories.js.map

package/dist/components/iconText/IconText.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconText.stories.js","sourceRoot":"","sources":["../../../src/components/iconText/IconText.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,OAAO,IAAI,UAAU,EACrB,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,KAAK,GACN,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,MAAM,iBAAiB,GAAG;IACxB,8GAA8G;IAC9G,uGAAuG;IACvG,4FAA4F;CAC7F,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,UAAU,GAAG;IACjB,yCAAyC;IACzC,mBAAmB;IACnB,iEAAiE;IACjE,8DAA8D;IAC9D,yFAAyF;IACzF,kHAAkH;IAClH,yDAAyD;CAC1D,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,aAAa,GAAG;IACpB,yCAAyC;IACzC,mBAAmB;IACnB,+DAA+D;IAC/D,qFAAqF;CACtF,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,eAAe,GAAG;IACtB,yCAAyC;IACzC,mBAAmB;IACnB,iEAAiE;IACjE,sFAAsF;CACvF,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,cAAc,GAAG;IACrB,iBAAiB;IACjB,EAAE;IACF,oHAAoH;IACpH,yEAAyE;IACzE,6DAA6D;IAC7D,EAAE;IACF,KAAK;IACL,EAAE;IACF,qBAAqB;IACrB,EAAE;IACF,6BAA6B;IAC7B,WAAW;IACX,sGAAsG;IACtG,8EAA8E;IAC9E,mEAAmE;IACnE,kHAAkH;CACnH,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,eAAe,GAAG;IACtB,6BAA6B;IAC7B,EAAE;IACF,8FAA8F;IAC9F,wGAAwG;IACxG,2EAA2E;IAC3E,EAAE;IACF,QAAQ;IACR,YAAY;IACZ,sCAAsC;IACtC,0DAA0D;IAC1D,wEAAwE;IACxE,aAAa;IACb,KAAK;IACL,EAAE;IACF,iGAAiG;IACjG,+EAA+E;IAC/E,EAAE;IACF,kGAAkG;IAClG,yGAAyG;IACzG,EAAE;IACF,KAAK;IACL,EAAE;IACF,mBAAmB;IACnB,EAAE;IACF,6FAA6F;IAC7F,oFAAoF;IACpF,8EAA8E;IAC9E,qFAAqF;IACrF,EAAE;IACF,KAAK;IACL,EAAE;IACF,sBAAsB;IACtB,EAAE;IACF,OAAO;IACP,uEAAuE;IACvE,kJAAkJ;IAClJ,KAAK;CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,kBAAkB,GAAG;IACzB,uBAAuB;IACvB,EAAE;IACF,sJAAsJ;CACvJ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,WAAW,GAAG,6GAA6G,CAAC;AAElI,8EAA8E;AAC9E,kBAAkB;AAClB,8EAA8E;AAE9E,SAAS,gBAAgB;IACvB,OAAO,CACL,8BACE,KAAC,KAAK,KAAG,EACT,KAAC,QAAQ,KAAG,EACZ,KAAC,QAAQ,cAAE,iBAAiB,GAAY,EACxC,KAAC,UAAU,sCAAiC,EAC5C,KAAC,QAAQ,cAAE,WAAW,GAAY,EAClC,KAAC,UAAU,KAAG,EACd,KAAC,QAAQ,KAAG,EACZ,KAAC,UAAU,sCAAiC,EAC5C,KAAC,QAAQ,cAAE,UAAU,GAAY,EACjC,KAAC,UAAU,yCAAoC,EAC/C,KAAC,QAAQ,cAAE,aAAa,GAAY,EACpC,KAAC,UAAU,2CAAsC,EACjD,KAAC,QAAQ,cAAE,eAAe,GAAY,EACtC,KAAC,UAAU,iCAA4B,EACvC,KAAC,QAAQ,cAAE,cAAc,GAAY,EACrC,KAAC,UAAU,kCAA6B,EACxC,KAAC,QAAQ,cAAE,eAAe,GAAY,EACtC,KAAC,UAAU,2BAAsB,EACjC,KAAC,OAAO,IAAC,KAAK,EAAC,EAAE,GAAG,EACpB,KAAC,QAAQ,cAAE,kBAAkB,GAAY,IACxC,CACJ,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,OAAO;AACP,8EAA8E;AAE9E,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE;KACjC;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,mEAAmE;YAChF,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,6FAA6F;YAC1G,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SAC1C;KACF;CAC8B,CAAC;AAElC,eAAe,IAAI,CAAC;AAGpB,8EAA8E;AAC9E,iDAAiD;AACjD,8EAA8E;AAE9E,MAAM,eAAe,GAAG,CAAC,KAAY,EAAE,WAAmB,EAAS,EAAE,CAAC,CAAC;IACrE,GAAG,KAAK;IACR,UAAU,EAAE;QACV,GAAG,KAAK,CAAC,UAAU;QACnB,IAAI,EAAE,EAAE,GAAG,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE;KACzE;CACF,CAAC,CAAC;AAEH,8EAA8E;AAC9E,sBAAsB;AACtB,8EAA8E;AAE9E,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,CAC9B,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,uBAAuB,EAAE,YAClF,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACnC,0BACE,YAAG,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,0BAA0B,EAAE,KAAK,EAAE,uBAAuB,EAAE,YACjG,SAAS,IAAI,GAAG,GACf,EACJ,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAE,IAAI,GAAI,EAC9C,KAAC,QAAQ,CAAC,OAAO,oCAAqC,EACtD,KAAC,QAAQ,CAAC,SAAS,2DAAyD,IACnE,KARH,IAAI,CASR,CACP,CAAC,GACE,CACP,CAAC;AAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,CAC/B,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,uBAAuB,EAAE,YACnF;QACC,EAAE,KAAK,EAAE,gCAAgC,EAAE,KAAK,EAAE,uCAAuC,EAAE;QAC3F,EAAE,KAAK,EAAE,mCAAmC,EAAE,KAAK,EAAE,6CAA6C,EAAE;QACpG,EAAE,KAAK,EAAE,mCAAmC,EAAE,KAAK,EAAE,6CAA6C,EAAE;QACpG,EAAE,KAAK,EAAE,uCAAuC,EAAE,KAAK,EAAE,qDAAqD,EAAE;KACjH,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC1B,0BACE,YAAG,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,0BAA0B,EAAE,KAAK,EAAE,uBAAuB,EAAE,YACjG,KAAK,GACJ,EACJ,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,KAAK,GAAI,EACrD,KAAC,QAAQ,CAAC,OAAO,mCAAoC,EACrD,KAAC,QAAQ,CAAC,SAAS,oDAAuD,IACjE,KARH,KAAK,CAST,CACP,CAAC,GACE,CACP,CAAC;AAEF,MAAM,0BAA0B,GAAG,GAAG,EAAE,CAAC,CACvC,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,EAC7B,KAAC,QAAQ,CAAC,OAAO,yDAA0D,EAC3E,KAAC,QAAQ,CAAC,SAAS,0DAAmD,EACtE,KAAC,QAAQ,CAAC,SAAS,0FAA6F,IACvG,CACZ,CAAC;AAEF,8EAA8E;AAC9E,UAAU;AACV,8EAA8E;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAU,eAAe,CAC3C;IACE,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,EAClC,KAAC,QAAQ,CAAC,OAAO,oCAAqC,EACtD,KAAC,QAAQ,CAAC,SAAS,2DAAyD,IACnE,CACZ;CACF,EACD,uIAAuI,CACxI,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU,eAAe,CAC/C;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;CAYf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,EAClC,KAAC,QAAQ,CAAC,OAAO,oCAAqC,IAC7C,CACZ;CACF,EACD,uFAAuF,CACxF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU,eAAe,CAC/C;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;CAYf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,mCAAoC,EACrD,KAAC,QAAQ,CAAC,SAAS,oEAAuE,IACjF,CACZ;CACF,EACD,4GAA4G,CAC7G,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAU,eAAe,CAC5D;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;CAiBf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAC,mCAAmC,EAAC,gBAAgB,EAAC,SAAS,GAAG,EAC5G,KAAC,QAAQ,CAAC,OAAO,0CAA2C,EAC5D,KAAC,QAAQ,CAAC,SAAS,kFAAgF,IAC1F,CACZ;CACF,EACD,mPAAmP,CACpP,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU,eAAe,CAC7C;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;CAyBf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,iBAAiB;CAC1B,EACD,mNAAmN,CACpN,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU,eAAe,CAC9C;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;CAaf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,kBAAkB;CAC3B,EACD,8MAA8M,CAC/M,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAU,eAAe,CACtD;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;CAcf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,0BAA0B;CACnC,EACD,oJAAoJ,CACrJ,CAAC"}

package/dist/components/iconText/IconText.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=IconText.test.d.ts.map

package/dist/components/iconText/IconText.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconText.test.d.ts","sourceRoot":"","sources":["../../../src/components/iconText/IconText.test.tsx"],"names":[],"mappings":"AAAA,OAAO,kCAAkC,CAAC"}

package/dist/components/{icoText/IcoText.test.js → iconText/IconText.test.js}

@@ -1,15 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { render, screen, within } from '@testing-library/react';
 import '@testing-library/jest-dom/vitest';
+import { render, screen, within } from '@testing-library/react';
 import { describe, expect, test } from 'vitest';
-import { IcoText } from './IcoText.js';
-describe('IcoText', () => {
+import { IconText } from './IconText.js';
+describe('IconText', () => {
     test('renders icon children before content children and keeps content in the content wrapper', () => {
-        const { container } = render(_jsxs(IcoText, { children: [_jsx(IcoText.Heading, { children: "Article title" }), _jsx(IcoText.Icon, { name: "eye", screenReaderText: "Views" }), _jsx(IcoText.Paragraph, { children: "Helpful supporting copy" }), _jsx("span", { children: "Metadata" }), _jsx(IcoText.Icon, { name: "eye", screenReaderText: "More views" })] }));
+        const { container } = render(_jsxs(IconText, { children: [_jsx(IconText.Heading, { children: "Article title" }), _jsx(IconText.Icon, { name: "eye", screenReaderText: "Views" }), _jsx(IconText.Paragraph, { children: "Helpful supporting copy" }), _jsx("span", { children: "Metadata" }), _jsx(IconText.Icon, { name: "eye", screenReaderText: "More views" })] }));
         const root = container.querySelector('.ds-ico-text');
         const content = container.querySelector('.ds-ico-text__content');
         if (!content) {
-            throw new Error('Expected IcoText content wrapper to exist');
+            throw new Error('Expected IconText content wrapper to exist');
         }
         const iconElements = Array.from(root?.querySelectorAll(':scope > .ds-ico-text__icon') ?? []);
         expect(iconElements).toHaveLength(2);
@@ -24,4 +24,4 @@ describe('IcoText', () => {
         expect(screen.getAllByRole('img', { hidden: true })).toHaveLength(2);
     });
 });
-//# sourceMappingURL=IcoText.test.js.map
+//# sourceMappingURL=IconText.test.js.map

package/dist/components/iconText/IconText.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconText.test.js","sourceRoot":"","sources":["../../../src/components/iconText/IconText.test.tsx"],"names":[],"mappings":";AAAA,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,IAAI,CAAC,wFAAwF,EAAE,GAAG,EAAE;QAClG,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,gCAAiC,EAClD,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,gBAAgB,EAAC,OAAO,GAAG,EACrD,KAAC,QAAQ,CAAC,SAAS,0CAA6C,EAChE,sCAAqB,EACrB,KAAC,QAAQ,CAAC,IAAI,IAAC,IAAI,EAAC,KAAK,EAAC,gBAAgB,EAAC,YAAY,GAAG,IACjD,CACZ,CAAC;QAEF,MAAM,IAAI,GAAG,SAAS,CAAC,aAAa,CAAiB,cAAc,CAAC,CAAC;QACrE,MAAM,OAAO,GAAG,SAAS,CAAC,aAAa,CAAiB,uBAAuB,CAAC,CAAC;QAEjF,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;QAChE,CAAC;QAED,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,gBAAgB,CAAC,6BAA6B,CAAC,IAAI,EAAE,CAAC,CAAC;QAE7F,MAAM,CAAC,YAAY,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC7C,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACvE,YAAY,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE;YACnC,MAAM,CACJ,WAAW,CAAC,uBAAuB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,2BAA2B,CAChF,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;QAC9F,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjF,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/modal/Modal.d.ts

@@ -12,6 +12,7 @@ export type ModalProps = {
     overlayClassName?: string;
     open?: boolean;
     portalTarget?: HTMLElement | null;
+    contentId?: string;
     children?: React.ReactNode;
     hideCloseButton?: boolean;
     closeHandler?: ModalContextValue['closeHandler'];

package/dist/components/modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAuC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;CA+BtC,CAAC;AAQF,yBAAiB,KAAK,CAAC;IACrB,KAAY,KAAK,GAAG,UAAU,CAAC;IAC/B,KAAY,WAAW,GAAG,gBAAgB,CAAC;IAC3C,KAAY,SAAS,GAAG,cAAc,CAAC;IACvC,KAAY,WAAW,GAAG,gBAAgB,CAAC;IAC3C,KAAY,gBAAgB,GAAG,WAAW,CAAC;IAC3C,KAAY,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;CAClD"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAKhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,KAAK,iBAAiB,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAuC,CAAC;AAEjE,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAElC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,KAAK;YAAW,UAAU;;;;;;CAiCtC,CAAC;AAQF,yBAAiB,KAAK,CAAC;IACrB,KAAY,KAAK,GAAG,UAAU,CAAC;IAC/B,KAAY,WAAW,GAAG,gBAAgB,CAAC;IAC3C,KAAY,SAAS,GAAG,cAAc,CAAC;IACvC,KAAY,WAAW,GAAG,gBAAgB,CAAC;IAC3C,KAAY,gBAAgB,GAAG,WAAW,CAAC;IAC3C,KAAY,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;CAClD"}

package/dist/components/modal/Modal.js

@@ -10,9 +10,9 @@ import { ModalCloseButon } from './ModalCloseButton.js';
 import { ModalTitle } from './ModalTitle.js';
 export const ModalContext = createContext({});
 export const Modal = (props) => {
-    const { className, overlayClassName, open, portalTarget, children, closeHandler, hideCloseButton = false, title, } = props;
+    const { className, overlayClassName, open, portalTarget, contentId, children, closeHandler, hideCloseButton = false, title, } = props;
     const overlayRef = useRef(null);
-    return (_jsx(PopupParentContext.Provider, { value: overlayRef, children: _jsx(ModalContext.Provider, { value: { closeHandler }, children: _jsx(Dialog.Root, { open: open, children: _jsx(Dialog.Portal, { container: portalTarget, children: _jsx(Dialog.Overlay, { ref: overlayRef, className: classNames('ds-modal__overlay', overlayClassName), children: _jsxs(Dialog.Content, { className: classNames('ds-modal__container', className), children: [title && _jsx(ModalHeader, { children: _jsx(ModalTitle, { children: title }) }), children, !hideCloseButton && _jsx(ModalCloseButon, { className: "ds-modal__close-button--top-right" })] }) }) }) }) }) }));
+    return (_jsx(PopupParentContext.Provider, { value: overlayRef, children: _jsx(ModalContext.Provider, { value: { closeHandler }, children: _jsx(Dialog.Root, { open: open, children: _jsx(Dialog.Portal, { container: portalTarget, children: _jsx(Dialog.Overlay, { ref: overlayRef, className: classNames('ds-modal__overlay', overlayClassName), children: _jsxs(Dialog.Content, { id: contentId, className: classNames('ds-modal__container', className), children: [title && _jsx(ModalHeader, { children: _jsx(ModalTitle, { children: title }) }), children, !hideCloseButton && _jsx(ModalCloseButon, { className: "ds-modal__close-button--top-right" })] }) }) }) }) }) }));
 };
 Modal.Header = ModalHeader;
 Modal.Body = ModalBody;

package/dist/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAC;AAajE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EACJ,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC5C,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC5C,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YACrB,KAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,YAAY,YACpC,KAAC,MAAM,CAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,YAC3F,MAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACpE,KAAK,IAAI,KAAC,WAAW,cAAC,KAAC,UAAU,cAAE,KAAK,GAAc,GAAc,EACpE,QAAQ,EACR,CAAC,eAAe,IAAI,KAAC,eAAe,IAAC,SAAS,EAAC,mCAAmC,GAAG,IACvE,GACF,GACH,GACJ,GACQ,GACI,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,WAAW,GAAG,eAAe,CAAC;AACpC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAyB,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAuB,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAO7C,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAoB,EAAE,CAAC,CAAC;AAejE,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IACzC,MAAM,EACJ,SAAS,EACT,gBAAgB,EAChB,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,YAAY,EACZ,eAAe,GAAG,KAAK,EACvB,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,OAAO,CACL,KAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,UAAU,YAC5C,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC5C,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,YACrB,KAAC,MAAM,CAAC,MAAM,IAAC,SAAS,EAAE,YAAY,YACpC,KAAC,MAAM,CAAC,OAAO,IAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,YAE3F,MAAC,MAAM,CAAC,OAAO,IAAC,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE,SAAS,CAAC,aACnF,KAAK,IAAI,KAAC,WAAW,cAAC,KAAC,UAAU,cAAE,KAAK,GAAc,GAAc,EACpE,QAAQ,EACR,CAAC,eAAe,IAAI,KAAC,eAAe,IAAC,SAAS,EAAC,mCAAmC,GAAG,IACvE,GACF,GACH,GACJ,GACQ,GACI,CAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,IAAI,GAAG,SAAS,CAAC;AACvB,KAAK,CAAC,MAAM,GAAG,WAAW,CAAC;AAC3B,KAAK,CAAC,WAAW,GAAG,eAAe,CAAC;AACpC,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC"}

package/dist/components/tag/Tag.d.ts

@@ -1,3 +1,4 @@
+import type { ButtonHTMLAttributes } from 'react';
 export type TagColor = 'neutral' | 'orange' | 'blue' | 'green' | 'purple' | 'teal' | 'salmon' | 'yellow';
 export type TagProps = {
     children: React.ReactNode;
@@ -5,11 +6,23 @@ export type TagProps = {
     selected?: boolean;
     slotStart?: React.ReactNode;
     slotEnd?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+    actionLabel?: string;
+    actionButtonTabIndex?: 0 | -1;
+    actionRef?: React.Ref<HTMLButtonElement>;
     onRemove?: () => void;
     removeLabel?: string;
+    onRemoveKeyDown?: React.KeyboardEventHandler<HTMLButtonElement>;
+    onRemoveFocus?: React.FocusEventHandler<HTMLButtonElement>;
     removeButtonTabIndex?: 0 | -1;
+    removeButtonRef?: React.Ref<HTMLButtonElement>;
+    disabled?: boolean;
+    ariaControls?: string;
+    ariaExpanded?: ButtonHTMLAttributes<HTMLButtonElement>['aria-expanded'];
 };
-export declare const Tag: ({ children, color, selected, slotStart, slotEnd, onRemove, removeLabel, removeButtonTabIndex, }: TagProps) => React.JSX.Element;
+export declare const Tag: ({ children, color, selected, slotStart, slotEnd, onClick, onKeyDown, onFocus, actionLabel, actionButtonTabIndex, actionRef, onRemove, removeLabel, onRemoveKeyDown, onRemoveFocus, removeButtonTabIndex, removeButtonRef, disabled, ariaControls, ariaExpanded, }: TagProps) => React.JSX.Element;
 export declare namespace Tag {
     type Color = TagColor;
     type Props = TagProps;

package/dist/components/tag/Tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,QAAQ,GAAG,SAAS,GAC5B,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;CAC/B,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,iGASjB,QAAQ,KAAG,KAAK,CAAC,GAAG,CAAC,OAyBvB,CAAC;AAEF,yBAAiB,GAAG,CAAC;IACnB,KAAY,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAY,KAAK,GAAG,QAAQ,CAAC;CAC9B"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG,SAAS,GAC5B,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,CAAC;AAEb,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAC1D,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACzC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;IAChE,aAAa,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC3D,oBAAoB,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,eAAe,CAAC,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,mQAqBjB,QAAQ,KAAG,KAAK,CAAC,GAAG,CAAC,OA0DvB,CAAC;AAEF,yBAAiB,GAAG,CAAC;IACnB,KAAY,KAAK,GAAG,QAAQ,CAAC;IAC7B,KAAY,KAAK,GAAG,QAAQ,CAAC;CAC9B"}

package/dist/components/tag/Tag.js

@@ -1,12 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { Icon } from '../icon/Icon.js';
-export const Tag = ({ children, color = 'neutral', selected = false, slotStart, slotEnd, onRemove, removeLabel = 'Remove', removeButtonTabIndex = 0, }) => {
+export const Tag = ({ children, color = 'neutral', selected = false, slotStart, slotEnd, onClick, onKeyDown, onFocus, actionLabel, actionButtonTabIndex = 0, actionRef, onRemove, removeLabel = 'Remove', onRemoveKeyDown, onRemoveFocus, removeButtonTabIndex = 0, removeButtonRef, disabled = false, ariaControls, ariaExpanded, }) => {
+    const tagContent = onClick
+        ? (_jsxs("button", { type: "button", className: "ds-tag__content ds-tag__action", "aria-label": actionLabel, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, onClick: onClick, onKeyDown: onKeyDown, onFocus: onFocus, tabIndex: actionButtonTabIndex, ref: actionRef, disabled: disabled, children: [slotStart && _jsx("span", { className: "ds-tag__slot-start", children: slotStart }), _jsx("span", { className: "ds-tag__label", children: children }), slotEnd && _jsx("span", { className: "ds-tag__slot-end", children: slotEnd })] }))
+        : (_jsxs("span", { className: "ds-tag__content", children: [slotStart && _jsx("span", { className: "ds-tag__slot-start", children: slotStart }), _jsx("span", { className: "ds-tag__label", children: children }), slotEnd && _jsx("span", { className: "ds-tag__slot-end", children: slotEnd })] }));
     return (_jsxs("span", { className: classNames('ds-tag', `ds-tag--${color}`, {
             'ds-tag--selected': selected,
-        }), children: [slotStart && _jsx("span", { className: "ds-tag__slot-start", children: slotStart }), _jsx("span", { className: "ds-tag__label", children: children }), slotEnd && _jsx("span", { className: "ds-tag__slot-end", children: slotEnd }), onRemove && (_jsx("button", { type: "button", className: "ds-tag__remove", "aria-label": removeLabel, onClick: (e) => {
+            'ds-tag--interactive': Boolean(onClick),
+            'ds-tag--removable': Boolean(onRemove),
+            'ds-tag--disabled': disabled,
+        }), children: [tagContent, onRemove && (_jsx("button", { type: "button", className: "ds-tag__remove", "aria-label": removeLabel, onClick: (e) => {
                     e.stopPropagation();
                     onRemove();
-                }, tabIndex: removeButtonTabIndex, children: _jsx(Icon, { name: "x", size: 12 }) }))] }));
+                }, onKeyDown: onRemoveKeyDown, onFocus: onRemoveFocus, tabIndex: removeButtonTabIndex, ref: removeButtonRef, disabled: disabled, children: _jsx(Icon, { name: "x", size: 12 }) }))] }));
 };
 //# sourceMappingURL=Tag.js.map

package/dist/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAsB5C,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,OAAO,EACP,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,oBAAoB,GAAG,CAAC,GACf,EAAqB,EAAE;IAChC,OAAO,CACL,gBAAM,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,WAAW,KAAK,EAAE,EAAE;YACxD,kBAAkB,EAAE,QAAQ;SAC7B,CAAC,aAEC,SAAS,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAQ,EACrE,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EAChD,OAAO,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,EAC9D,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,gBACd,WAAW,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,QAAQ,EAAE,CAAC;gBACb,CAAC,EACD,QAAQ,EAAE,oBAAoB,YAE9B,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,EAAE,GAAI,GACpB,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/tag/Tag.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAmC5C,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,EAClB,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,QAAQ,GAAG,KAAK,EAChB,SAAS,EACT,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,WAAW,EACX,oBAAoB,GAAG,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,QAAQ,EACtB,eAAe,EACf,aAAa,EACb,oBAAoB,GAAG,CAAC,EACxB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,YAAY,GACH,EAAqB,EAAE;IAChC,MAAM,UAAU,GAAG,OAAO;QACxB,CAAC,CAAC,CACE,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gCAAgC,gBAC9B,WAAW,mBACR,YAAY,mBACZ,YAAY,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,oBAAoB,EAC9B,GAAG,EAAE,SAAS,EACd,QAAQ,EAAE,QAAQ,aAEjB,SAAS,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAQ,EACrE,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EAChD,OAAO,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,IACxD,CACV;QACH,CAAC,CAAC,CACE,gBAAM,SAAS,EAAC,iBAAiB,aAC9B,SAAS,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,SAAS,GAAQ,EACrE,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EAChD,OAAO,IAAI,eAAM,SAAS,EAAC,kBAAkB,YAAE,OAAO,GAAQ,IAC1D,CACR,CAAC;IAEN,OAAO,CACL,gBAAM,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,WAAW,KAAK,EAAE,EAAE;YACxD,kBAAkB,EAAE,QAAQ;YAC5B,qBAAqB,EAAE,OAAO,CAAC,OAAO,CAAC;YACvC,mBAAmB,EAAE,OAAO,CAAC,QAAQ,CAAC;YACtC,kBAAkB,EAAE,QAAQ;SAC7B,CAAC,aAEC,UAAU,EACV,QAAQ,IAAI,CACX,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,gBAAgB,gBACd,WAAW,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,QAAQ,EAAE,CAAC;gBACb,CAAC,EACD,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,oBAAoB,EAC9B,GAAG,EAAE,eAAe,EACpB,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,EAAE,GAAI,GACpB,CACV,IACI,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/tag/Tag.stories.d.ts

@@ -3,7 +3,7 @@ import { Tag, type TagColor } from './Tag.js';
 declare function TagDocsPage(): import("react/jsx-runtime").JSX.Element;
 declare const meta: {
     title: string;
-    component: ({ children, color, selected, slotStart, slotEnd, onRemove, removeLabel, removeButtonTabIndex, }: import("./Tag.js").TagProps) => React.JSX.Element;
+    component: ({ children, color, selected, slotStart, slotEnd, onClick, onKeyDown, onFocus, actionLabel, actionButtonTabIndex, actionRef, onRemove, removeLabel, onRemoveKeyDown, onRemoveFocus, removeButtonTabIndex, removeButtonRef, disabled, ariaControls, ariaExpanded, }: import("./Tag.js").TagProps) => React.JSX.Element;
     tags: string[];
     parameters: {
         docs: {

package/dist/components/tag/Tag.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAc5D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAiH9C,iBAAS,WAAW,4CAmBnB;AAwBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAIpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAgIlC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwCxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiC/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqC/B,CAAC"}
+{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tag/Tag.stories.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAiH9C,iBAAS,WAAW,4CAmBnB;AAwBD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AAIpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAgIlC,eAAO,MAAM,OAAO,EAAE,KAYrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAwCxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+B3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAwBvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiC/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAuClC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAwBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAqC/B,CAAC"}

package/dist/components/tag/Tag.stories.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
-import { useState } from 'react';
-import { fn } from 'storybook/test';
+import { Controls, Heading as DocHeading, Primary as DocPrimary, Markdown, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
 import { Dot } from '../dot/Dot.js';
 import { Icon } from '../icon/Icon.js';
+import { useState } from 'react';
+import { fn } from 'storybook/test';
 import { Tag } from './Tag.js';
 // ---------------------------------------------------------------------------
 // Docs page content