@arbor-education/design-system.components 0.14.0 → 0.16.0

package/dist/components/tabs/Tabs.stories.js

@@ -1,46 +1,422 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
 import { Tabs } from './Tabs';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    '`Tabs` renders a tab strip — a `<ul role="tablist">` containing `Tabs.Item` elements.',
+    '`Tabs` is **purely presentational**: it does not manage which tab is active.',
+    'You control the `active` state on each `Tabs.Item` and listen for clicks via `tabElementProps.onClick`.',
+].join(' ');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- **Page-level navigation** — switching between major sections of a page (Overview, Details, Settings)',
+    '- **Content filtering** — toggling between views of the same data (e.g. List / Calendar / Map)',
+    '- **Step indicators** — showing progress through a multi-section form (read-only, non-interactive)',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| More than ~7 tabs — the strip becomes hard to scan | Consider a sidebar nav or `Dropdown` |',
+    '| Showing/hiding content in an accordion pattern | [`Section`](?path=/docs/components-section--docs) with `collapsible` |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Controlling active state',
+    '',
+    '`Tabs` does **not** manage active state. Wire it yourself:',
+    '',
+    '```tsx',
+    "import { Tabs } from '@arbor-education/design-system.components';",
+    "import { useState } from 'react';",
+    '',
+    'function PupilTabs() {',
+    "  const [active, setActive] = useState('overview');",
+    '',
+    '  return (',
+    '    <Tabs>',
+    "      <Tabs.Item active={active === 'overview'} tabElementProps={{ onClick: () => setActive('overview') }}>",
+    '        Overview',
+    '      </Tabs.Item>',
+    "      <Tabs.Item active={active === 'details'} tabElementProps={{ onClick: () => setActive('details') }}>",
+    '        Details',
+    '      </Tabs.Item>',
+    "      <Tabs.Item active={active === 'assessment'} tabElementProps={{ onClick: () => setActive('assessment') }}>",
+    '        Assessment',
+    '      </Tabs.Item>',
+    '    </Tabs>',
+    '  );',
+    '}',
+    '```',
+    '',
+    '---',
+    '',
+    '### Link tabs (router navigation)',
+    '',
+    'Use `tabElement="link"` when tabs navigate to different routes.',
+    'The inner element renders as `<a>` — pass your href via `tabElementProps`:',
+    '',
+    '```tsx',
+    '<Tabs>',
+    '  <Tabs.Item tabElement="link" tabElementProps={{ href: "/pupils/overview" }} active>',
+    '    Overview',
+    '  </Tabs.Item>',
+    '  <Tabs.Item tabElement="link" tabElementProps={{ href: "/pupils/details" }}>',
+    '    Details',
+    '  </Tabs.Item>',
+    '</Tabs>',
+    '```',
+    '',
+    'For React Router, wrap `TabsItem` in `<NavLink>` as the `tabElementProps` does not accept a',
+    '`component` override — use the `<Link>` component to wrap or pass `href` for standard anchors.',
+    '',
+    '---',
+    '',
+    '### Sub-component props',
+    '',
+    '#### `Tabs`',
+    '',
+    'Accepts all `HTMLAttributes<HTMLUListElement>` plus `children`.',
+    '',
+    '| Prop | Type | Default | Description |',
+    '|---|---|---|---|',
+    '| `children` | `ReactNode` | — | `Tabs.Item` elements |',
+    '| `className` | `string` | — | Extra CSS class on the `<ul>` |',
+    '',
+    '#### `Tabs.Item`',
+    '',
+    '| Prop | Type | Default | Description |',
+    '|---|---|---|---|',
+    '| `active` | `boolean` | `false` | Marks this tab as selected — sets `aria-selected` and active styles |',
+    '| `tabElement` | `"button" \\| "link"` | `"button"` | Inner element type. `"button"` for JS-controlled tabs; `"link"` for anchor/router navigation |',
+    '| `tabElementProps` | `ButtonHTMLAttributes` or `AnchorHTMLAttributes` | — | Props forwarded to the inner `<button>` or `<a>`. Use `onClick` for state control; `href` for links |',
+    '| `iconName` | `keyof allowedIcons` | — | Optional icon rendered before the label text (16 px) |',
+    '| `children` | `ReactNode` | — | Tab label text |',
+    '| `className` | `string` | — | Extra CSS class on the `<li>` wrapper |',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    '- `Tabs` renders `role="tablist"` on the `<ul>`',
+    '- Each `Tabs.Item` renders `role="presentation"` on the `<li>` and `role="tab"` + `aria-selected` on the inner element',
+    '- Arrow key navigation within the tab list is provided by the browser for `role="tab"` elements',
+    '- `Tabs`/`TabsItem` only render the **tab strip** — tab panel content is your responsibility.',
+    '  Associate each panel with its tab using `aria-controls` on the tab and `role="tabpanel"` + `aria-labelledby` on the panel',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Section](?path=/docs/components-section--docs) · [Dropdown](?path=/docs/components-dropdown--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.';
+// ---------------------------------------------------------------------------
+// Docs page
+// ---------------------------------------------------------------------------
+function TabsDocsPage() {
+    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/Tabs',
     component: Tabs,
+    tags: ['autodocs'],
     parameters: {
         layout: 'padded',
+        docs: {
+            page: TabsDocsPage,
+        },
     },
-    tags: ['autodocs'],
     argTypes: {
         children: {
             control: false,
-            description: 'Tab items to display',
+            description: '`Tabs.Item` elements that make up the tab strip.',
+            table: {
+                type: { summary: 'ReactNode' },
+            },
         },
         className: {
             control: 'text',
-            description: 'Additional CSS classes',
+            description: 'Extra CSS class applied to the `<ul>` element.',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' },
+            },
         },
     },
 };
 export default meta;
-// Basic tabs with buttons
-export const Default = {
-    args: {
-        children: (_jsxs(_Fragment, { children: [_jsx(Tabs.Item, { active: true, children: "Overview" }), _jsx(Tabs.Item, { children: "Details" }), _jsx(Tabs.Item, { children: "Settings" })] })),
+// ---------------------------------------------------------------------------
+// Helper
+// ---------------------------------------------------------------------------
+const withDescription = (story, description) => ({
+    ...story,
+    parameters: {
+        ...story.parameters,
+        docs: {
+            ...story.parameters?.docs,
+            description: {
+                story: description,
+            },
+        },
     },
+});
+// ---------------------------------------------------------------------------
+// Templates
+// ---------------------------------------------------------------------------
+const DefaultTemplate = () => {
+    const [active, setActive] = useState('overview');
+    return (_jsxs(Tabs, { children: [_jsx(Tabs.Item, { active: active === 'overview', tabElementProps: { onClick: () => setActive('overview') }, children: "Overview" }), _jsx(Tabs.Item, { active: active === 'details', tabElementProps: { onClick: () => setActive('details') }, children: "Details" }), _jsx(Tabs.Item, { active: active === 'assessment', tabElementProps: { onClick: () => setActive('assessment') }, children: "Assessment" }), _jsx(Tabs.Item, { active: active === 'attendance', tabElementProps: { onClick: () => setActive('attendance') }, children: "Attendance" })] }));
 };
-// Tabs with links
-export const WithLinks = {
-    args: {
-        children: (_jsxs(_Fragment, { children: [_jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#overview' }, active: true, children: "Overview" }), _jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#details' }, children: "Details" }), _jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#settings' }, children: "Settings" })] })),
-    },
+const WithIconsTemplate = () => {
+    const [active, setActive] = useState('profile');
+    return (_jsxs(Tabs, { children: [_jsx(Tabs.Item, { iconName: "user", active: active === 'profile', tabElementProps: { onClick: () => setActive('profile') }, children: "Profile" }), _jsx(Tabs.Item, { iconName: "date", active: active === 'timetable', tabElementProps: { onClick: () => setActive('timetable') }, children: "Timetable" }), _jsx(Tabs.Item, { iconName: "chart-column-increasing", active: active === 'results', tabElementProps: { onClick: () => setActive('results') }, children: "Results" }), _jsx(Tabs.Item, { iconName: "settings", active: active === 'settings', tabElementProps: { onClick: () => setActive('settings') }, children: "Settings" })] }));
 };
-// Mixed tabs (buttons and links)
-export const Mixed = {
-    args: {
-        children: (_jsxs(_Fragment, { children: [_jsx(Tabs.Item, { active: true, children: "Home" }), _jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#about' }, children: "About" }), _jsx(Tabs.Item, { children: "Contact" }), _jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#help' }, children: "Help" })] })),
-    },
+const WithLinkTabsTemplate = () => (_jsxs(Tabs, { children: [_jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#overview' }, active: true, children: "Overview" }), _jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#details' }, children: "Details" }), _jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#assessment' }, children: "Assessment" }), _jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#attendance' }, children: "Attendance" })] }));
+const WithManyTabsTemplate = () => {
+    const [active, setActive] = useState('autumn');
+    const terms = ['Autumn 1', 'Autumn 2', 'Spring 1', 'Spring 2', 'Summer 1', 'Summer 2'];
+    return (_jsx(Tabs, { children: terms.map(term => (_jsx(Tabs.Item, { active: active === term, tabElementProps: { onClick: () => setActive(term) }, children: term }, term))) }));
 };
-// Many tabs
-export const ManyTabs = {
-    args: {
-        children: (_jsxs(_Fragment, { children: [_jsx(Tabs.Item, { active: true, iconName: "list", children: "Tab 1" }), _jsx(Tabs.Item, { iconName: "list", children: "Tab 2" }), _jsx(Tabs.Item, { iconName: "list", children: "Tab 3" }), _jsx(Tabs.Item, { iconName: "list", children: "Tab 4" }), _jsx(Tabs.Item, { iconName: "list", children: "Tab 5" }), _jsx(Tabs.Item, { iconName: "list", children: "Tab 6" }), _jsx(Tabs.Item, { iconName: "list", children: "Tab 7" }), _jsx(Tabs.Item, { iconName: "list", children: "Tab 8" })] })),
-    },
+const MixedTabsTemplate = () => {
+    const [active, setActive] = useState('overview');
+    return (_jsxs(Tabs, { children: [_jsx(Tabs.Item, { active: active === 'overview', tabElementProps: { onClick: () => setActive('overview') }, children: "Overview" }), _jsx(Tabs.Item, { active: active === 'details', tabElementProps: { onClick: () => setActive('details') }, children: "Details" }), _jsx(Tabs.Item, { tabElement: "link", tabElementProps: { href: '#help' }, children: "Help" })] }));
 };
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({
+    render: DefaultTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Tabs } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+function PupilTabs() {
+  const [active, setActive] = useState('overview');
+
+  return (
+    <Tabs>
+      <Tabs.Item
+        active={active === 'overview'}
+        tabElementProps={{ onClick: () => setActive('overview') }}
+      >
+        Overview
+      </Tabs.Item>
+      <Tabs.Item
+        active={active === 'details'}
+        tabElementProps={{ onClick: () => setActive('details') }}
+      >
+        Details
+      </Tabs.Item>
+      <Tabs.Item
+        active={active === 'assessment'}
+        tabElementProps={{ onClick: () => setActive('assessment') }}
+      >
+        Assessment
+      </Tabs.Item>
+      <Tabs.Item
+        active={active === 'attendance'}
+        tabElementProps={{ onClick: () => setActive('attendance') }}
+      >
+        Attendance
+      </Tabs.Item>
+    </Tabs>
+  );
+}
+export default PupilTabs;
+`.trim(),
+            },
+        },
+    },
+}, [
+    '`Tabs` does **not** manage which tab is active — that is your responsibility.',
+    'Control `active` on each `Tabs.Item` and listen for clicks via `tabElementProps.onClick`.',
+    'Click the tabs to see the active state switch.',
+].join(' '));
+export const WithIcons = withDescription({
+    render: WithIconsTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Tabs } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+function PupilTabsWithIcons() {
+  const [active, setActive] = useState('profile');
+
+  return (
+    <Tabs>
+      <Tabs.Item
+        iconName="user"
+        active={active === 'profile'}
+        tabElementProps={{ onClick: () => setActive('profile') }}
+      >
+        Profile
+      </Tabs.Item>
+      <Tabs.Item
+        iconName="date"
+        active={active === 'timetable'}
+        tabElementProps={{ onClick: () => setActive('timetable') }}
+      >
+        Timetable
+      </Tabs.Item>
+      <Tabs.Item
+        iconName="chart-column-increasing"
+        active={active === 'results'}
+        tabElementProps={{ onClick: () => setActive('results') }}
+      >
+        Results
+      </Tabs.Item>
+    </Tabs>
+  );
+}
+export default PupilTabsWithIcons;
+`.trim(),
+            },
+        },
+    },
+}, [
+    'Add an icon before the tab label with the `iconName` prop.',
+    'Icons render at 16 px and use any name from the icon library.',
+    'Keep labels short when using icons — the icon + text combination can make tabs wide.',
+].join(' '));
+export const WithLinkTabs = withDescription({
+    render: WithLinkTabsTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Tabs } from '@arbor-education/design-system.components';
+
+// Use tabElement="link" when tabs navigate to different URLs.
+// The inner element renders as <a> — pass href via tabElementProps.
+function PupilLinkTabs() {
+  return (
+    <Tabs>
+      <Tabs.Item tabElement="link" tabElementProps={{ href: '/pupils/overview' }} active>
+        Overview
+      </Tabs.Item>
+      <Tabs.Item tabElement="link" tabElementProps={{ href: '/pupils/details' }}>
+        Details
+      </Tabs.Item>
+      <Tabs.Item tabElement="link" tabElementProps={{ href: '/pupils/assessment' }}>
+        Assessment
+      </Tabs.Item>
+      <Tabs.Item tabElement="link" tabElementProps={{ href: '/pupils/attendance' }}>
+        Attendance
+      </Tabs.Item>
+    </Tabs>
+  );
+}
+export default PupilLinkTabs;
+`.trim(),
+            },
+        },
+    },
+}, [
+    'Use `tabElement="link"` when each tab navigates to a different URL.',
+    'The inner element renders as `<a>` — pass `href` (and any other anchor attributes) via `tabElementProps`.',
+    'Set `active` on the tab that matches the current route.',
+].join(' '));
+export const WithManyTabs = withDescription({
+    render: WithManyTabsTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Tabs } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+function TermTabs() {
+  const [active, setActive] = useState('Autumn 1');
+  const terms = ['Autumn 1', 'Autumn 2', 'Spring 1', 'Spring 2', 'Summer 1', 'Summer 2'];
+
+  return (
+    <Tabs>
+      {terms.map(term => (
+        <Tabs.Item
+          key={term}
+          active={active === term}
+          tabElementProps={{ onClick: () => setActive(term) }}
+        >
+          {term}
+        </Tabs.Item>
+      ))}
+    </Tabs>
+  );
+}
+export default TermTabs;
+`.trim(),
+            },
+        },
+    },
+}, [
+    'Tabs wrap onto multiple lines when there are more tabs than the strip can fit.',
+    'If you have more than ~7 tabs, consider whether a `Dropdown` or sidebar navigation',
+    'would be easier to scan. Dynamic lists of tabs (e.g. academic terms) are a good use case',
+    'for rendering `Tabs.Item` from an array.',
+].join(' '));
+export const MixedButtonAndLink = withDescription({
+    render: MixedTabsTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { Tabs } from '@arbor-education/design-system.components';
+import { useState } from 'react';
+
+function PupilTabsMixed() {
+  const [active, setActive] = useState('overview');
+
+  return (
+    <Tabs>
+      <Tabs.Item
+        active={active === 'overview'}
+        tabElementProps={{ onClick: () => setActive('overview') }}
+      >
+        Overview
+      </Tabs.Item>
+      <Tabs.Item
+        active={active === 'details'}
+        tabElementProps={{ onClick: () => setActive('details') }}
+      >
+        Details
+      </Tabs.Item>
+      <Tabs.Item tabElement="link" tabElementProps={{ href: '/help' }}>
+        Help
+      </Tabs.Item>
+    </Tabs>
+  );
+}
+export default PupilTabsMixed;
+`.trim(),
+            },
+        },
+    },
+}, [
+    'You can mix `button` and `link` tabs in the same strip.',
+    'Use `tabElement="button"` (default) for JS-controlled tabs and `tabElement="link"` for any tab that',
+    'navigates to an external URL or a help page — without disrupting the active state of the in-page tabs.',
+].join(' '));
 //# sourceMappingURL=Tabs.stories.js.map

package/dist/components/tabs/Tabs.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;IACf,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,KAAK;YACd,WAAW,EAAE,sBAAsB;SACpC;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wBAAwB;SACtC;KACF;CAC0B,CAAC;AAE9B,eAAe,IAAI,CAAC;AAGpB,0BAA0B;AAC1B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,8BACE,KAAC,IAAI,CAAC,IAAI,IAAC,MAAM,+BAAqB,EACtC,KAAC,IAAI,CAAC,IAAI,0BAAoB,EAC9B,KAAC,IAAI,CAAC,IAAI,2BAAqB,IAC9B,CACJ;KACF;CACF,CAAC;AAEF,kBAAkB;AAClB,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,8BACE,KAAC,IAAI,CAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,MAAM,+BAE/D,EACZ,KAAC,IAAI,CAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,wBAEtD,EACZ,KAAC,IAAI,CAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,yBAEvD,IACX,CACJ;KACF;CACF,CAAC;AAEF,iCAAiC;AACjC,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,8BACE,KAAC,IAAI,CAAC,IAAI,IAAC,MAAM,2BAAiB,EAClC,KAAC,IAAI,CAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,sBAEpD,EACZ,KAAC,IAAI,CAAC,IAAI,0BAAoB,EAC9B,KAAC,IAAI,CAAC,IAAI,IAAC,UAAU,EAAC,MAAM,EAAC,eAAe,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,qBAEnD,IACX,CACJ;KACF;CACF,CAAC;AAEF,YAAY;AACZ,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,CACR,8BACE,KAAC,IAAI,CAAC,IAAI,IAAC,MAAM,QAAC,QAAQ,EAAC,MAAM,sBAAkB,EACnD,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,sBAAkB,EAC5C,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,sBAAkB,EAC5C,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,sBAAkB,EAC5C,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,sBAAkB,EAC5C,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,sBAAkB,EAC5C,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,sBAAkB,EAC5C,KAAC,IAAI,CAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,sBAAkB,IAC3C,CACJ;KACF;CACF,CAAC"}
+{"version":3,"file":"Tabs.stories.js","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/tabs/TabsItem.stories.d.ts

@@ -1,5 +1,6 @@
 import type { StoryObj } from '@storybook/react-vite';
 import { allowedIcons } from '../icon/allowedIcons';
+declare function TabsItemDocsPage(): import("react/jsx-runtime").JSX.Element;
 declare const meta: {
     title: string;
     component: (props: {
@@ -12,6 +13,7 @@ declare const meta: {
         tabElement?: "link";
         tabElementProps?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>;
     }) & import("react").HTMLAttributes<HTMLLIElement>)) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
         active?: boolean | undefined;
         iconName?: keyof typeof allowedIcons | undefined;
@@ -585,30 +587,81 @@ declare const meta: {
     }>) => import("react/jsx-runtime").JSX.Element)[];
     parameters: {
         layout: string;
+        docs: {
+            page: typeof TabsItemDocsPage;
+        };
     };
-    tags: string[];
     argTypes: {
         active: {
             control: "boolean";
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         tabElement: {
             control: "select";
             options: string[];
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        tabElementProps: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         iconName: {
             control: "select";
             options: string[];
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
         children: {
             control: "text";
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
         };
         className: {
             control: "text";
             description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
         };
     };
 };

package/dist/components/tabs/TabsItem.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,QAAA,MAAM,IAAI;;;;yBAKJ,mBACC;;;;;;;;;;yBADD,mBACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBADD,mBACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC0B,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
+{"version":3,"file":"TabsItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAM5D,iBAAS,gBAAgB,4CAmBxB;AAMD,QAAA,MAAM,IAAI;;;;yBA/Be,mBAAoB;;;;;;;;;;;yBAApB,mBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAApB,mBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2GZ,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}