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

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

@@ -1,48 +1,100 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Controls, Heading as DocHeading, Markdown, Primary as DocPrimary, Subtitle, Title, } from '@storybook/addon-docs/blocks';
 import { TabsItem } from './TabsItem';
 import { Tabs } from './Tabs';
 import { allowedIcons } from '../icon/allowedIcons';
+// ---------------------------------------------------------------------------
+// Docs page
+// ---------------------------------------------------------------------------
+function TabsItemDocsPage() {
+    return (_jsxs(_Fragment, { children: [_jsx(Title, {}), _jsx(Subtitle, {}), _jsx(Markdown, { children: [
+                    '`Tabs.Item` renders a single tab — a `<li role="presentation">` containing a `<button role="tab">`',
+                    'or `<a role="tab">`. Use it inside a `<Tabs>` parent.',
+                    'See the [`Tabs`](?path=/docs/components-tabs--docs) docs for full usage guidance,',
+                    'active-state control patterns, and accessibility notes.',
+                ].join(' ') }), _jsx(DocHeading, { children: "Interactive example" }), _jsx(Markdown, { children: "The preview below is wired to the **Controls** panel \u2014 tweak any prop to see the story update in real time." }), _jsx(DocPrimary, {}), _jsx(Controls, {})] }));
+}
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
 const meta = {
     title: 'Components/Tabs/TabsItem',
     component: TabsItem,
+    tags: ['autodocs'],
     decorators: [
         Story => (_jsx(Tabs, { children: _jsx(Story, {}) })),
     ],
     parameters: {
         layout: 'padded',
+        docs: {
+            page: TabsItemDocsPage,
+        },
     },
-    tags: ['autodocs'],
     argTypes: {
         active: {
             control: 'boolean',
-            description: 'Whether the tab is active',
+            description: 'Marks this tab as selected. Sets `aria-selected` and applies active visual styles.',
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
         },
         tabElement: {
             control: 'select',
             options: ['button', 'link'],
-            description: 'Element type for the tab',
+            description: [
+                'Inner element type.',
+                '`"button"` (default) for JS-controlled tabs.',
+                '`"link"` renders an `<a>` — pass `href` via `tabElementProps` for anchor/router navigation.',
+            ].join(' '),
+            table: {
+                type: { summary: "'button' | 'link'" },
+                defaultValue: { summary: "'button'" },
+            },
+        },
+        tabElementProps: {
+            control: false,
+            description: [
+                'Props forwarded to the inner `<button>` or `<a>`.',
+                'Use `onClick` to control active state for button tabs;',
+                'use `href` for link tabs.',
+            ].join(' '),
+            table: {
+                type: { summary: 'ButtonHTMLAttributes | AnchorHTMLAttributes' },
+                defaultValue: { summary: 'undefined' },
+            },
         },
         iconName: {
             control: 'select',
             options: Object.keys(allowedIcons),
-            description: 'Icon to display before the text',
+            description: 'Optional icon rendered before the label text at 16 px.',
+            table: {
+                type: { summary: 'keyof allowedIcons' },
+                defaultValue: { summary: 'undefined' },
+            },
         },
         children: {
             control: 'text',
-            description: 'Tab text content',
+            description: 'Tab label text.',
+            table: {
+                type: { summary: 'ReactNode' },
+            },
         },
         className: {
             control: 'text',
-            description: 'Additional CSS classes',
+            description: 'Extra CSS class applied to the `<li>` wrapper.',
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' },
+            },
         },
     },
 };
 export default meta;
-// Basic button tab
 export const Default = {
     args: {
         active: false,
-        children: 'Tab Item',
+        children: 'Overview',
     },
 };
 //# sourceMappingURL=TabsItem.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabsItem.stories.js","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,CACP,KAAC,IAAI,cACH,KAAC,KAAK,KAAG,GACJ,CACR;KACF;IACD,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,2BAA2B;SACzC;QACD,UAAU,EAAE;YACV,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;YAC3B,WAAW,EAAE,0BAA0B;SACxC;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;YAClC,WAAW,EAAE,iCAAiC;SAC/C;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kBAAkB;SAChC;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,wBAAwB;SACtC;KACF;CAC8B,CAAC;AAElC,eAAe,IAAI,CAAC;AAGpB,mBAAmB;AACnB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,UAAU;KACrB;CACF,CAAC"}
+{"version":3,"file":"TabsItem.stories.js","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/toast/Toast.stories.d.ts

@@ -1,12 +1,105 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Toast } from './Toast';
-declare const meta: Meta<typeof Toast>;
-type Story = StoryObj<typeof Toast>;
-export declare const Information: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Danger: Story;
-export declare const LongContent: Story;
-export declare const MultipleToasts: Story;
+import type { StoryObj } from '@storybook/react-vite';
+import { type ToastProps } from './Toast';
+declare function ToastDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: {
+        (props: ToastProps): import("react/jsx-runtime").JSX.Element;
+        Provider: import("react").FC<import("@radix-ui/react-toast").ToastProviderProps>;
+        Viewport: ({ className, ...rest }: import("@radix-ui/react-toast").ToastViewportProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof ToastDocsPage;
+        };
+    };
+    argTypes: {
+        variant: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        children: {
+            control: "text";
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        duration: {
+            control: {
+                type: "number";
+                min: number;
+                step: number;
+            };
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        type: {
+            control: "select";
+            options: string[];
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        open: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onOpenChange: {
+            control: false;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
 export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AllVariants: Story;
+export declare const ContentGuidelines: Story;
+export declare const WithCustomDuration: Story;
 //# sourceMappingURL=Toast.stories.d.ts.map

package/dist/components/toast/Toast.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AAIjD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAkB5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAapC,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA+B5B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/components/toast/Toast.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AAiJjD,iBAAS,aAAa,4CAmBrB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwEoB,CAAC;AAE/B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAyInC,eAAO,MAAM,OAAO,EAAE,KAwCrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuDzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA2ChC,CAAC"}