@arbor-education/design-system.components 0.15.0 → 0.16.1

package/dist/components/articleCard/ArticleCard.stories.js

@@ -1,112 +1,379 @@
 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 { fn } from 'storybook/test';
 import { ArticleCard } from './ArticleCard';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`ArticleCard` is a card variant for article and content listings. It combines an optional icon (in a left rail),',
+    'a heading, a paragraph, and an optional tag badge into a consistently-structured card.',
+    'Two interaction modes are supported: **linked** (the heading becomes a navigable `<a>`) and',
+    '**interactive shell** (the entire card is a click target via `onClick`).',
+].join(' ');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- Displaying a navigable item in a list or grid — a help article, report, policy document, or resource link',
+    '- When each card represents one destination and needs an icon, heading, and optional description',
+    '- Use `href` (linked mode) when navigation follows a standard URL; use `onClick` (shell mode) when navigation is programmatic',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Displaying a metric or statistic | [`KPICard`](?path=/docs/components-card-kpicard--docs) |',
+    '| Full control over interior layout | [`Card`](?path=/docs/components-card--docs) directly |',
+    '| Icon + text without a card shell | [`IcoText`](?path=/docs/components-icotext--docs) |',
+    '| Selecting from a list (radio/checkbox semantics) | `RadioGroup` or selection list pattern |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**Three mutually exclusive modes:**',
+    '',
+    '| Mode | When | Behaviour |',
+    '|---|---|---|',
+    '| **Linked** | `href` + `title` + `!disabled` | Title renders as `<a>` with full-card overlay |',
+    '| **Interactive shell** | `onClick` provided | Card gets `role="button"` and chevron icon |',
+    '| **Static** | Neither `href` nor `onClick` | Plain content display, no interaction |',
+    '',
+    '`href` and `onClick` are mutually exclusive — TypeScript enforces this via a discriminated union.',
+    '',
+    '**`disabled` suppresses the link in linked mode.** When `href` + `title` + `disabled=true` are all',
+    'present, no `<a>` element is rendered — the title appears as plain text. This is the most common gotcha.',
+    '',
+    '**`tagColor` without `tagText` does nothing.** The Tag only renders when `tagText` has a value.',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    '- **Linked mode**: the `<a>` wrapping `title` is the accessible link target.',
+    '  If the title text is not self-descriptive, use `aria-label` to override the accessible name.',
+    '- **Shell mode**: `aria-label` or `aria-labelledby` is required when `onClick` is provided.',
+    '- **Decorative icons**: omit `iconScreenReaderText` — the icon is `aria-hidden="true"` automatically.',
+    '',
+    '---',
+    '',
+    '### TypeScript types',
+    '',
+    '```ts',
+    "import { ArticleCard } from '@arbor-education/design-system.components';",
+    "import type { ArticleCardProps } from '@arbor-education/design-system.components';",
+    '```',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Card](?path=/docs/components-card--docs) · [KPICard](?path=/docs/components-card-kpicard--docs) · [IcoText](?path=/docs/components-icotext--docs) · [Tag](?path=/docs/components-tag--docs)',
+].join('\n');
+const PROPS_INTRO = 'The preview below is wired to the **Controls** panel — tweak any prop to see the story update in real time.';
+// ---------------------------------------------------------------------------
+// Custom DocsPage
+// ---------------------------------------------------------------------------
+function ArticleCardDocsPage() {
+    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: "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/Card/ArticleCard',
     component: ArticleCard,
-};
-export const CardWithTitleAndParagraph = {
-    args: {
-        'title': 'Title of Card',
-        'paragraph': 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
-        'disabled': false,
-        'onClick': fn(),
-        'onKeyDown': fn(),
-        'aria-label': 'Clickable article card with title and paragraph',
+    tags: ['autodocs'],
+    parameters: {
+        layout: 'padded',
+        docs: { page: ArticleCardDocsPage },
     },
-};
-export const CardWithTitleParagraphAndIcon = {
-    args: {
-        'title': 'Title of Card',
-        'paragraph': 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
-        'icon': 'eye',
-        'disabled': false,
-        'onClick': fn(),
-        'onKeyDown': fn(),
-        'aria-label': 'Clickable article card with title paragraph and icon',
+    argTypes: {
+        'title': {
+            control: 'text',
+            description: 'Card heading. In linked mode (`href` provided) this becomes the `<a>` element.',
+            table: { type: { summary: 'ReactNode' } },
+        },
+        'paragraph': {
+            control: 'text',
+            description: 'Body text rendered below the heading. Accepts `ReactNode` — can include inline links.',
+            table: { type: { summary: 'ReactNode' } },
+        },
+        'icon': {
+            control: { type: 'select' },
+            options: [undefined, 'eye', 'guardians', 'date', 'book-open', 'file', 'settings', 'info', 'triangle-alert'],
+            description: 'Icon displayed in the left rail via `IcoText.Icon`. Omit for icon-free layout.',
+            table: { type: { summary: 'IconName' } },
+        },
+        'iconColor': {
+            control: 'text',
+            description: 'Colour applied to the icon. Use a CSS token, e.g. `var(--color-semantic-info-600)`.',
+            table: { type: { summary: 'string' } },
+        },
+        'iconScreenReaderText': {
+            control: 'text',
+            description: 'Accessible label for the icon. Omit for decorative icons — they become `aria-hidden` automatically.',
+            table: { type: { summary: 'string' } },
+        },
+        'tagText': {
+            control: 'text',
+            description: 'Renders a `Tag` badge. Has no effect when empty.',
+            table: { type: { summary: 'string' } },
+        },
+        'tagColor': {
+            control: { type: 'select' },
+            options: [undefined, 'neutral', 'orange', 'blue', 'green', 'purple', 'teal', 'salmon', 'yellow'],
+            description: 'Colour variant for the `Tag` badge.',
+            table: { type: { summary: "'neutral' | 'orange' | 'blue' | 'green' | 'purple' | 'teal' | 'salmon' | 'yellow'" } },
+        },
+        'disabled': {
+            control: 'boolean',
+            description: 'Disables all interaction. In linked mode, suppresses the `<a>` even when `href` is provided.',
+            table: { type: { summary: 'boolean' }, defaultValue: { summary: 'false' } },
+        },
+        'onClick': {
+            control: false,
+            description: 'Click handler. Mutually exclusive with `href`. Makes the entire card interactive (`role="button"`).',
+            table: { type: { summary: '(e: MouseEvent<HTMLElement>) => void' } },
+        },
+        'aria-label': {
+            control: 'text',
+            description: 'Accessible name. Required on interactive shell cards (when `onClick` is provided).',
+            table: { type: { summary: 'string' } },
+        },
+        'href': {
+            control: 'text',
+            description: 'URL. Mutually exclusive with `onClick`. When provided with `title` + `!disabled`, the title renders as a navigable `<a>`.',
+            table: { type: { summary: 'string' } },
+        },
+        'className': {
+            control: false,
+            description: 'Additional CSS class names on the root element.',
+            table: { type: { summary: 'string' } },
+        },
     },
 };
-export const TheEverythingCard = {
-    args: {
-        'title': 'Title of Card',
-        'paragraph': 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
-        'icon': 'eye',
-        'disabled': false,
-        'tagText': 'argle bargle',
-        'tagColor': 'orange',
-        'onClick': fn(),
-        'onKeyDown': fn(),
-        'aria-label': 'Clickable article card with all content',
+export default meta;
+// ---------------------------------------------------------------------------
+// Helper: attach a per-story description to docs
+// ---------------------------------------------------------------------------
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: { ...story.parameters?.docs, description: { story: description } },
     },
-};
-export const CardWithTitleParagraphAndTag = {
+});
+// ---------------------------------------------------------------------------
+// Template components
+// ---------------------------------------------------------------------------
+const LinkedDisabledTemplate = () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--spacing-large)', maxWidth: '400px' }, children: [_jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: "Enabled \u2014 title renders as a link" }), _jsx(ArticleCard, { href: "/reports/attendance", title: "Autumn term attendance report", paragraph: "Published 14 Nov 2024 \u00B7 Available to all staff", icon: "file" })] }), _jsxs("div", { children: [_jsx("p", { className: "ds-text", style: { margin: '0 0 var(--spacing-small)', color: 'var(--color-grey-600)' }, children: "Disabled \u2014 link suppressed, title renders as plain text" }), _jsx(ArticleCard, { href: "/reports/attendance", title: "Autumn term attendance report", paragraph: "This report is not yet available.", icon: "file", disabled: true })] })] }));
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({
     args: {
-        'title': 'Title of Card',
-        'paragraph': 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
+        'title': 'Attendance overview',
+        'paragraph': 'View pupil attendance rates, trends, and intervention records for this academic year.',
+        'icon': 'guardians',
         'disabled': false,
-        'tagText': 'argle bargle',
-        'tagColor': 'orange',
         'onClick': fn(),
-        'onKeyDown': fn(),
-        'aria-label': 'Clickable article card with title paragraph and tag',
+        'aria-label': 'Attendance overview',
     },
-};
-export const CardWithTitleAndIcon = {
-    args: {
-        'title': 'Title of Card',
-        'icon': 'eye',
-        'disabled': false,
-        'onClick': fn(),
-        'onKeyDown': fn(),
-        'aria-label': 'Clickable article card with title and icon',
+    render: args => (_jsx("div", { style: { maxWidth: '400px' }, children: _jsx(ArticleCard, { ...args }) })),
+}, 'Interactive shell mode — `onClick` is provided so the whole card is a click target with `role="button"`. Toggle `disabled` in the Controls panel to see the dimmed state.');
+export const Static = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { ArticleCard } from '@arbor-education/design-system.components';
+
+function StaticArticleCardExample() {
+  return (
+    <ArticleCard
+      title="Attendance overview"
+      paragraph="View pupil attendance rates and trends for this academic year."
+      icon="guardians"
+    />
+  );
+}
+export default StaticArticleCardExample;
+`.trim(),
+            },
+        },
     },
-};
-export const CardWithParagraph = {
-    args: {
-        'paragraph': 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
-        'disabled': false,
-        'onClick': fn(),
-        'onKeyDown': fn(),
-        'aria-label': 'Clickable article card with paragraph',
+    render: () => (_jsx("div", { style: { maxWidth: '400px' }, children: _jsx(ArticleCard, { title: "Attendance overview", paragraph: "View pupil attendance rates and trends for this academic year.", icon: "guardians" }) })),
+}, 'Static mode — no `href`, no `onClick`. The card renders as a plain surface with no role, no tab stop, and no chevron icon.');
+export const WithTag = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { ArticleCard } from '@arbor-education/design-system.components';
+
+function WithTagExample() {
+  return (
+    <ArticleCard
+      title="Safeguarding policy"
+      paragraph="Updated September 2024 — mandatory reading for all staff."
+      icon="book-open"
+      tagText="Required"
+      tagColor="orange"
+    />
+  );
+}
+export default WithTagExample;
+`.trim(),
+            },
+        },
     },
-};
-export const ClickableDisabledCard = {
-    args: {
-        'title': 'Title of Card',
-        'paragraph': 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
-        'icon': 'eye',
-        'tagText': 'argle bargle',
-        'tagColor': 'orange',
-        'disabled': true,
-        'onClick': fn(),
-        'onKeyDown': fn(),
-        'aria-label': 'Disabled clickable article card',
+    render: () => (_jsx("div", { style: { maxWidth: '400px' }, children: _jsx(ArticleCard, { title: "Safeguarding policy", paragraph: "Updated September 2024 \u2014 mandatory reading for all staff.", icon: "book-open", tagText: "Required", tagColor: "orange" }) })),
+}, 'Adding `tagText` and `tagColor` renders a `Tag` badge. Use tags for status, category, or priority labels — e.g. "Required", "New", "Featured".');
+export const FullComposition = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { ArticleCard } from '@arbor-education/design-system.components';
+
+function FullCompositionExample() {
+  return (
+    <ArticleCard
+      title="Spring term behaviour report"
+      paragraph="Incident trends, intervention outcomes, and recommendations for Year 10."
+      icon="triangle-alert"
+      iconColor="var(--color-semantic-warning-600)"
+      tagText="Pending review"
+      tagColor="yellow"
+      onClick={() => console.log('navigate to report')}
+      aria-label="Spring term behaviour report"
+    />
+  );
+}
+export default FullCompositionExample;
+`.trim(),
+            },
+        },
     },
-};
-export const UnclickableCard = {
-    args: {
-        title: 'Title of Card',
-        paragraph: 'Lorem ipsum dolor sit amet consectetur adipiscing elit.',
-        icon: 'eye',
-        tagText: 'argle bargle',
-        tagColor: 'orange',
+    render: () => (_jsx("div", { style: { maxWidth: '400px' }, children: _jsx(ArticleCard, { title: "Spring term behaviour report", paragraph: "Incident trends, intervention outcomes, and recommendations for Year 10.", icon: "triangle-alert", iconColor: "var(--color-semantic-warning-600)", tagText: "Pending review", tagColor: "yellow", onClick: fn(), "aria-label": "Spring term behaviour report" }) })),
+}, 'All content props combined — icon + iconColor + title + paragraph + tag + interactive shell. This is the richest production pattern.');
+export const LinkedMode = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { ArticleCard } from '@arbor-education/design-system.components';
+
+function LinkedModeExample() {
+  return (
+    <ArticleCard
+      href="/policies/attendance"
+      title="Attendance policy"
+      paragraph="School attendance policy for 2024/25 — includes statutory guidance and thresholds."
+      icon="book-open"
+      tagText="Policy"
+      tagColor="blue"
+    />
+  );
+}
+export default LinkedModeExample;
+`.trim(),
+            },
+        },
     },
-};
-export const TextOnly = {
-    args: {
-        title: 'Text-only article card',
-        paragraph: 'A compact way to present article-style content in the shared shell.',
+    render: () => (_jsx("div", { style: { maxWidth: '400px' }, children: _jsx(ArticleCard, { href: "/policies/attendance", title: "Attendance policy", paragraph: "School attendance policy for 2024/25 \u2014 includes statutory guidance and thresholds.", icon: "book-open", tagText: "Policy", tagColor: "blue" }) })),
+}, 'Linked mode — `href` + `title` present. The heading renders as `<a href>` with a CSS `::after` overlay making the whole card surface clickable. The card shell has no `role="button"`.');
+export const InteractiveShell = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { ArticleCard } from '@arbor-education/design-system.components';
+
+function InteractiveShellExample() {
+  return (
+    <ArticleCard
+      onClick={() => console.log('card clicked')}
+      aria-label="Year 10 progress report"
+      title="Year 10 progress report"
+      paragraph="Mid-year review — targets, attainment, and next steps."
+      icon="eye"
+    />
+  );
+}
+export default InteractiveShellExample;
+`.trim(),
+            },
+        },
     },
-};
-export const LinkedArticle = {
-    args: {
-        title: 'Primary article link',
-        href: '/articles/primary-article-link',
-        paragraph: (_jsxs(_Fragment, { children: ["Read the full article or visit the", ' ', _jsx("a", { href: "/authors/design-system", children: "author page" }), "."] })),
-        icon: 'eye',
-        tagText: 'Featured',
-        tagColor: 'green',
+    render: () => (_jsx("div", { style: { maxWidth: '400px' }, children: _jsx(ArticleCard, { onClick: fn(), "aria-label": "Year 10 progress report", title: "Year 10 progress report", paragraph: "Mid-year review \u2014 targets, attainment, and next steps.", icon: "eye" }) })),
+}, 'Interactive shell mode — `onClick` provided. The whole card gets `role="button"` and `tabIndex={0}`. Use when navigation is programmatic (e.g. React Router `navigate`) rather than a standard URL.');
+export const Disabled = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { ArticleCard } from '@arbor-education/design-system.components';
+
+function DisabledExample() {
+  return (
+    <ArticleCard
+      onClick={() => {}}
+      aria-label="Summer term report — not yet available"
+      title="Summer term report"
+      paragraph="This report will be available at the end of term."
+      icon="file"
+      disabled
+    />
+  );
+}
+export default DisabledExample;
+`.trim(),
+            },
+        },
     },
-};
-export default meta;
+    render: () => (_jsx("div", { style: { maxWidth: '400px' }, children: _jsx(ArticleCard, { onClick: fn(), "aria-label": "Summer term report \u2014 not yet available", title: "Summer term report", paragraph: "This report will be available at the end of term.", icon: "file", disabled: true }) })),
+}, '`disabled=true` dims the card and suppresses all interaction. In interactive shell mode, `onClick` does not fire. The card is removed from the tab order.');
+export const LinkedDisabled = withDescription({
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { ArticleCard } from '@arbor-education/design-system.components';
+
+function LinkedDisabledExample() {
+  // When disabled=true, hasPrimaryLink becomes false — no <a> is rendered.
+  // The title appears as plain text even though href is provided.
+  return (
+    <ArticleCard
+      href="/reports/attendance"
+      title="Autumn term attendance report"
+      paragraph="This report is not yet available."
+      icon="file"
+      disabled
+    />
+  );
+}
+export default LinkedDisabledExample;
+`.trim(),
+            },
+        },
+    },
+    render: LinkedDisabledTemplate,
+}, '**The most common gotcha.** When `disabled={true}` is combined with `href`, the primary link is suppressed — no `<a>` element is rendered. The title appears as plain text. The story shows enabled vs disabled side-by-side — inspect the DOM to confirm.');
 //# sourceMappingURL=ArticleCard.stories.js.map

package/dist/components/articleCard/ArticleCard.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArticleCard.stories.js","sourceRoot":"","sources":["../../../src/components/articleCard/ArticleCard.stories.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ArticleCard.stories.js","sourceRoot":"","sources":["../../../src/components/articleCard/ArticleCard.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,QAAQ,EACR,OAAO,IAAI,UAAU,EACrB,OAAO,EACP,QAAQ,EACR,KAAK,GACN,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,8EAA8E;AAC9E,oBAAoB;AACpB,8EAA8E;AAE9E,MAAM,iBAAiB,GAAG;IACxB,kHAAkH;IAClH,wFAAwF;IACxF,6FAA6F;IAC7F,0EAA0E;CAC3E,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,cAAc,GAAG;IACrB,iBAAiB;IACjB,EAAE;IACF,6GAA6G;IAC7G,kGAAkG;IAClG,+HAA+H;IAC/H,EAAE;IACF,KAAK;IACL,EAAE;IACF,qBAAqB;IACrB,EAAE;IACF,6BAA6B;IAC7B,WAAW;IACX,+FAA+F;IAC/F,8FAA8F;IAC9F,0FAA0F;IAC1F,+FAA+F;CAChG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,eAAe,GAAG;IACtB,6BAA6B;IAC7B,EAAE;IACF,qCAAqC;IACrC,EAAE;IACF,6BAA6B;IAC7B,eAAe;IACf,iGAAiG;IACjG,6FAA6F;IAC7F,uFAAuF;IACvF,EAAE;IACF,mGAAmG;IACnG,EAAE;IACF,oGAAoG;IACpG,0GAA0G;IAC1G,EAAE;IACF,iGAAiG;IACjG,EAAE;IACF,KAAK;IACL,EAAE;IACF,mBAAmB;IACnB,EAAE;IACF,8EAA8E;IAC9E,gGAAgG;IAChG,6FAA6F;IAC7F,uGAAuG;IACvG,EAAE;IACF,KAAK;IACL,EAAE;IACF,sBAAsB;IACtB,EAAE;IACF,OAAO;IACP,0EAA0E;IAC1E,oFAAoF;IACpF,KAAK;CACN,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,kBAAkB,GAAG;IACzB,uBAAuB;IACvB,EAAE;IACF,8LAA8L;CAC/L,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEb,MAAM,WAAW,GAAG,6GAA6G,CAAC;AAElI,8EAA8E;AAC9E,kBAAkB;AAClB,8EAA8E;AAE9E,SAAS,mBAAmB;IAC1B,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,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,6BAA6B;IACpC,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;QAChB,IAAI,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE;KACpC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gFAAgF;YAC7F,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SAC1C;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,uFAAuF;YACpG,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;SAC1C;QACD,MAAM,EAAE;YACN,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,CAAC;YAC3G,WAAW,EAAE,gFAAgF;YAC7F,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE;SACzC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,qFAAqF;YAClG,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,sBAAsB,EAAE;YACtB,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,qGAAqG;YAClH,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kDAAkD;YAC/D,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,CAAC;YAChG,WAAW,EAAE,qCAAqC;YAClD,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,mFAAmF,EAAE,EAAE;SAClH;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,8FAA8F;YAC3G,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE;SAC5E;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,qGAAqG;YAClH,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,sCAAsC,EAAE,EAAE;SACrE;QACD,YAAY,EAAE;YACZ,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,oFAAoF;YACjG,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,2HAA2H;YACxI,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;QACD,WAAW,EAAE;YACX,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,iDAAiD;YAC9D,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;SACvC;KACF;CACiC,CAAC;AAErC,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,sBAAsB,GAAG,GAAG,EAAE,CAAC,CACnC,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,sBAAsB,EAAE,QAAQ,EAAE,OAAO,EAAE,aACtG,0BACE,YAAG,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,0BAA0B,EAAE,KAAK,EAAE,uBAAuB,EAAE,uDAEhG,EACJ,KAAC,WAAW,IACV,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAC,+BAA+B,EACrC,SAAS,EAAC,qDAAgD,EAC1D,IAAI,EAAC,MAAM,GACX,IACE,EACN,0BACE,YAAG,SAAS,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,0BAA0B,EAAE,KAAK,EAAE,uBAAuB,EAAE,6EAEhG,EACJ,KAAC,WAAW,IACV,IAAI,EAAC,qBAAqB,EAC1B,KAAK,EAAC,+BAA+B,EACrC,SAAS,EAAC,mCAAmC,EAC7C,IAAI,EAAC,MAAM,EACX,QAAQ,SACR,IACE,IACF,CACP,CAAC;AAEF,8EAA8E;AAC9E,UAAU;AACV,8EAA8E;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAU,eAAe,CAC3C;IACE,IAAI,EAAE;QACJ,OAAO,EAAE,qBAAqB;QAC9B,WAAW,EAAE,uFAAuF;QACpG,MAAM,EAAE,WAAW;QACnB,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,EAAE,EAAE;QACf,YAAY,EAAE,qBAAqB;KACpC;IACD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,WAAW,OAAK,IAAI,GAAI,GACrB,CACP;CACF,EACD,2KAA2K,CAC5K,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU,eAAe,CAC1C;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,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,WAAW,IACV,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAC,gEAAgE,EAC1E,IAAI,EAAC,WAAW,GAChB,GACE,CACP;CACF,EACD,4HAA4H,CAC7H,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU,eAAe,CAC3C;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;CAef,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,WAAW,IACV,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAC,gEAA2D,EACrE,IAAI,EAAC,WAAW,EAChB,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAC,QAAQ,GACjB,GACE,CACP;CACF,EACD,gJAAgJ,CACjJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU,eAAe,CACnD;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;;;CAkBf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,WAAW,IACV,KAAK,EAAC,8BAA8B,EACpC,SAAS,EAAC,0EAA0E,EACpF,IAAI,EAAC,gBAAgB,EACrB,SAAS,EAAC,mCAAmC,EAC7C,OAAO,EAAC,gBAAgB,EACxB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,EAAE,EAAE,gBACF,8BAA8B,GACzC,GACE,CACP;CACF,EACD,sIAAsI,CACvI,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;;;;;;;;;;;;;;;;CAgBf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,WAAW,IACV,IAAI,EAAC,sBAAsB,EAC3B,KAAK,EAAC,mBAAmB,EACzB,SAAS,EAAC,yFAAoF,EAC9F,IAAI,EAAC,WAAW,EAChB,OAAO,EAAC,QAAQ,EAChB,QAAQ,EAAC,MAAM,GACf,GACE,CACP;CACF,EACD,wLAAwL,CACzL,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAU,eAAe,CACpD;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;CAef,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,WAAW,IACV,OAAO,EAAE,EAAE,EAAE,gBACF,yBAAyB,EACpC,KAAK,EAAC,yBAAyB,EAC/B,SAAS,EAAC,6DAAwD,EAClE,IAAI,EAAC,KAAK,GACV,GACE,CACP;CACF,EACD,qMAAqM,CACtM,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU,eAAe,CAC5C;IACE,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;QAC3B,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,QAAQ,EAAE,KAAK;gBACf,IAAI,EAAE;;;;;;;;;;;;;;;;CAgBf,CAAC,IAAI,EAAE;aACC;SACF;KACF;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,YAC/B,KAAC,WAAW,IACV,OAAO,EAAE,EAAE,EAAE,gBACF,6CAAwC,EACnD,KAAK,EAAC,oBAAoB,EAC1B,SAAS,EAAC,mDAAmD,EAC7D,IAAI,EAAC,MAAM,EACX,QAAQ,SACR,GACE,CACP;CACF,EACD,2JAA2J,CAC5J,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU,eAAe,CAClD;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,sBAAsB;CAC/B,EACD,4PAA4P,CAC7P,CAAC"}

package/dist/components/avatar/Avatar.stories.d.ts

@@ -1,14 +1,14 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Avatar } from './Avatar';
 declare const meta: Meta<typeof Avatar>;
-type Story = StoryObj<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
 export declare const WithInitials: Story;
 export declare const Placeholder: Story;
-export declare const Small: Story;
-export declare const Medium: Story;
-export declare const Large: Story;
-export declare const ExtraLarge: Story;
+export declare const AllRenderingModes: Story;
 export declare const AllSizes: Story;
-export default meta;
+export declare const ImageTakesPriorityOverInitials: Story;
+export declare const SmallInListContext: Story;
+export declare const ExtraLargeProfile: Story;
 //# sourceMappingURL=Avatar.stories.d.ts.map

package/dist/components/avatar/Avatar.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAkB7B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAKzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAMnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAStB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAgJlC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAyE7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA2B1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAiC/B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmCtB,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,KAqC5C,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA4DhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KA6C/B,CAAC"}