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

package/dist/components/searchBar/SearchBar.stories.js

@@ -1,37 +1,189 @@
-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, Stories, Subtitle, Title, } from '@storybook/addon-docs/blocks';
 import { useEffect, useState } from 'react';
 import { SearchBar } from './SearchBar';
+// ---------------------------------------------------------------------------
+// Docs page content
+// ---------------------------------------------------------------------------
+const DESCRIPTION_INTRO = [
+    'SearchBar is a space-efficient search input that starts collapsed — showing only a search icon or a',
+    'short label — and expands into a full text input when clicked. It is designed for use in navigation',
+    'bars, table headers, and other space-constrained contexts where search is a secondary action.',
+].join('\n');
+const USAGE_GUIDANCE = [
+    '### When to use',
+    '',
+    '- **Table headers** — filter a data table without dominating the header layout',
+    '- **Navigation bars** — compact global search that expands on demand',
+    '- **Space-constrained sidebars** — secondary search that should not distract from primary content',
+    '- **Any context where search is optional** — consumers can click to open or ignore it entirely',
+    '',
+    '---',
+    '',
+    '### When NOT to use',
+    '',
+    '| Situation | Use instead |',
+    '|---|---|',
+    '| Search is the primary action on the page | A full-width `TextInput` with a visible label — always-visible inputs reduce cognitive load when search is the main task |',
+    '| Search drives a list of suggested results | [`Combobox`](?path=/docs/components-combobox--docs) — it handles filtering + suggestions + keyboard selection |',
+    '| You need a labelled form field with validation | [`FormField`](?path=/docs/components-formfield--docs) — SearchBar has no label or error state |',
+    '| The input must always be visible | Set `alwaysOpen` to `true` — or use a plain `TextInput` if you also need a label |',
+].join('\n');
+const DEVELOPER_NOTES = [
+    '### Critical usage patterns',
+    '',
+    '**`searchValue` and `setSearchValue` are a controlled pair.** Always pass both. Passing `searchValue`',
+    'without `setSearchValue` creates a frozen input — the user can see the value but typing has no effect.',
+    'Passing `setSearchValue` without `searchValue` will work but leaves state management up to an',
+    'anonymous internal variable, which makes reset and restore difficult.',
+    '',
+    '**`alwaysOpen` removes the clear button entirely.** When `alwaysOpen` is `true`, the component never',
+    'shows the collapsed state AND never renders the clear (×) button. There is no built-in way for the',
+    'user to clear the input. If you use `alwaysOpen`, add an external "Reset" button or clear link in your',
+    'UI and call `setSearchValue(\'\')` programmatically.',
+    '',
+    '**Non-empty `searchValue` forces the expanded state on mount.** If your page restores filter state',
+    'from a URL parameter or localStorage, passing a pre-filled `searchValue` will start the component',
+    'expanded — no flash of the collapsed button. This is intentional behaviour, not a side-effect.',
+    '',
+    '**`placeholderText` and `hoverText` label the COLLAPSED BUTTON, not the `<input>`.** They appear',
+    'only in the inactive state. The expanded `<input>` has no visible placeholder — it uses',
+    '`aria-label="Search input"` for accessibility.',
+    '',
+    '**`hoverText` swaps in on hover of the collapsed button.** When the user mouses away, the component',
+    'reverts to `placeholderText` (or an icon-only state if `placeholderText` is not set). This is a',
+    'hover-only affordance — there is no keyboard-equivalent of the hover swap.',
+    '',
+    '**Theming.** SearchBar is designed for brand-coloured and dark backgrounds. Its default background,',
+    'icon, and text colours use the `--search-global-*` token family. If you are placing it on a white or',
+    'light-grey background, override these tokens to ensure sufficient contrast:',
+    '',
+    '| Token | Controls |',
+    '|---|---|',
+    '| `--search-global-default-color-background` | Resting background |',
+    '| `--search-global-hover-color-background` | Hover background |',
+    '| `--search-global-focus-color-background` | Expanded/focused background |',
+    '| `--search-global-default-color-icon` | Search icon colour at rest |',
+    '| `--search-global-hover-color-icon` | Search icon colour on hover |',
+    '| `--search-global-focus-color-icon` | Search icon colour when active |',
+    '| `--search-global-default-color-text` | Placeholder and label text colour |',
+    '| `--search-global-radius` | Border radius of the component |',
+    '',
+    '---',
+    '',
+    '### Accessibility',
+    '',
+    '- The collapsed state renders a `<button>` — fully keyboard-operable and screen-reader-accessible',
+    '- The expanded `<input>` has `aria-label="Search input"` — do not add a visible `<label>` externally',
+    '- The clear button has `aria-label="Clear search"` and responds to `Enter` and `Space` in addition to click',
+    '- The search icon in the expanded state has `screenReaderText="Search icon"` rendered as a visually hidden span',
+    '- There is no `role="search"` landmark on the component — wrap in `<form role="search">` if you need a search landmark',
+].join('\n');
+const RELATED_COMPONENTS = [
+    '## Related components',
+    '',
+    '[Combobox](?path=/docs/components-combobox--docs) · [Table](?path=/docs/components-table--docs) · [FormField](?path=/docs/components-formfield--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.';
+function SearchBarDocsPage() {
+    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/SearchBar',
     component: SearchBar,
+    tags: ['autodocs'],
     parameters: {
         layout: 'padded',
+        docs: {
+            page: SearchBarDocsPage,
+        },
     },
-    tags: ['autodocs'],
     argTypes: {
         searchValue: {
             control: 'text',
-            description: 'The current search input value',
+            description: [
+                'The controlled value of the search input.',
+                'If non-empty on mount, the component starts in the expanded state.',
+                'Always pair with `setSearchValue`.',
+            ].join(' '),
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' },
+            },
         },
         setSearchValue: {
-            action: 'search value changed',
-            description: 'Callback fired when the search input changes',
+            control: false,
+            action: 'setSearchValue',
+            description: [
+                'Callback fired when the search input changes and when the clear button is clicked.',
+                'Always pair with `searchValue`. Omitting this creates a frozen, non-interactive input.',
+            ].join(' '),
+            table: {
+                type: { summary: '(searchValue: string) => void' },
+                defaultValue: { summary: 'undefined' },
+            },
         },
         placeholderText: {
             control: 'text',
-            description: 'Text displayed in the inactive/collapsed state',
+            description: [
+                'Label text displayed inside the collapsed (inactive) button beside the search icon.',
+                'This is NOT the HTML input placeholder — it labels the collapsed button state only.',
+                'When absent, the collapsed button shows an icon only.',
+            ].join(' '),
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' },
+            },
         },
         hoverText: {
             control: 'text',
-            description: 'Text displayed when hovering the inactive state',
+            description: [
+                'Text shown in the collapsed button when the user hovers over it.',
+                'Replaces `placeholderText` on hover and reverts on mouse-leave.',
+                'Only active in the collapsed (inactive) state — has no effect when expanded.',
+            ].join(' '),
+            table: {
+                type: { summary: 'string' },
+                defaultValue: { summary: 'undefined' },
+            },
         },
         alwaysOpen: {
             control: 'boolean',
-            description: 'Whether the search bar should be always open',
+            description: [
+                'When `true`, the component renders permanently expanded and the clear (×) button is hidden.',
+                'The collapsed button state is never shown. The consumer is responsible for clearing the',
+                'search value externally — there is no built-in clear affordance.',
+            ].join(' '),
+            table: {
+                type: { summary: 'boolean' },
+                defaultValue: { summary: 'false' },
+            },
         },
     },
 };
 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,
+            },
+        },
+    },
+});
+// ---------------------------------------------------------------------------
+// Template components — all stories need local state because SearchBar is
+// a fully controlled component. Without useState the input is frozen.
+// ---------------------------------------------------------------------------
 const InteractiveSearchBar = (args) => {
     const [value, setValue] = useState(args.searchValue ?? '');
     useEffect(() => {
@@ -39,39 +191,279 @@ const InteractiveSearchBar = (args) => {
     }, [args.searchValue]);
     return _jsx(SearchBar, { ...args, searchValue: value, setSearchValue: setValue });
 };
-export const Default = {
-    render: args => _jsx(InteractiveSearchBar, { ...args }),
+const WithPlaceholderTextTemplate = () => {
+    const [value, setValue] = useState('');
+    return (_jsx("div", { style: { background: 'var(--color-brand-600)', padding: 'var(--spacing-xlarge)' }, children: _jsx(SearchBar, { searchValue: value, setSearchValue: setValue, placeholderText: "Search pupils" }) }));
 };
-export const WithPlaceholder = {
-    render: args => _jsx(InteractiveSearchBar, { ...args }),
-    args: {
-        placeholderText: 'Search...',
-    },
+const WithHoverTextTemplate = () => {
+    const [value, setValue] = useState('');
+    return (_jsx("div", { style: { background: 'var(--color-brand-600)', padding: 'var(--spacing-xlarge)' }, children: _jsx(SearchBar, { searchValue: value, setSearchValue: setValue, placeholderText: "Search pupils", hoverText: "Search all pupils and staff" }) }));
 };
-export const WithHoverText = {
-    render: args => _jsx(InteractiveSearchBar, { ...args }),
-    args: {
-        placeholderText: 'Search...',
-        hoverText: 'Start searching',
-    },
+const WithHoverTextOnlyTemplate = () => {
+    const [value, setValue] = useState('');
+    return (_jsx("div", { style: { background: 'var(--color-brand-600)', padding: 'var(--spacing-xlarge)' }, children: _jsx(SearchBar, { searchValue: value, setSearchValue: setValue, hoverText: "Search pupils" }) }));
 };
-export const WithHoverTextNoPlaceholder = {
-    render: args => _jsx(InteractiveSearchBar, { ...args }),
-    args: {
-        hoverText: 'Start searching',
-    },
+const WithSearchValueTemplate = () => {
+    const [value, setValue] = useState('Emily Johnson');
+    return (_jsx("div", { style: { background: 'var(--color-brand-600)', padding: 'var(--spacing-xlarge)' }, children: _jsx(SearchBar, { searchValue: value, setSearchValue: setValue, placeholderText: "Search pupils" }) }));
 };
-export const WithSearchValue = {
-    render: args => _jsx(InteractiveSearchBar, { ...args }),
-    args: {
-        searchValue: 'Jacob Black',
-        placeholderText: 'Search...',
-    },
+const AlwaysOpenTemplate = () => {
+    const [value, setValue] = useState('');
+    return (_jsxs("div", { style: { background: 'var(--color-brand-600)', padding: 'var(--spacing-xlarge)', display: 'flex', flexDirection: 'column', gap: 'var(--spacing-large)' }, children: [_jsx(SearchBar, { searchValue: value, setSearchValue: setValue, alwaysOpen: true }), _jsx("p", { className: "ds-text", style: { margin: 0, color: 'var(--color-mono-white)', fontSize: '0.875rem' }, children: "Note: no clear button \u2014 the \u00D7 icon is absent when alwaysOpen is true." })] }));
+};
+const AlwaysOpenWithValueTemplate = () => {
+    const [value, setValue] = useState('Year 8');
+    return (_jsxs("div", { style: { background: 'var(--color-brand-600)', padding: 'var(--spacing-xlarge)', display: 'flex', flexDirection: 'column', gap: 'var(--spacing-large)' }, children: [_jsx(SearchBar, { searchValue: value, setSearchValue: setValue, alwaysOpen: true }), _jsx("p", { className: "ds-text", style: { margin: 0, color: 'var(--color-mono-white)', fontSize: '0.875rem' }, children: "Pre-filled value with no clear button \u2014 the consumer must provide external clearing." })] }));
 };
-export const AlwaysOpen = {
-    render: args => _jsx(InteractiveSearchBar, { ...args }),
+const ControlledByParentTemplate = () => {
+    const [value, setValue] = useState('');
+    return (_jsxs("div", { style: { background: 'var(--color-brand-600)', padding: 'var(--spacing-xlarge)', display: 'flex', flexDirection: 'column', gap: 'var(--spacing-large)' }, children: [_jsx(SearchBar, { searchValue: value, setSearchValue: setValue, placeholderText: "Search reports" }), _jsx("p", { className: "ds-text", style: { margin: 0, color: 'var(--color-mono-white)', fontSize: '0.875rem' }, children: value
+                    ? `Active filter: "${value}" — ${value.length} character${value.length === 1 ? '' : 's'}`
+                    : 'No active filter — click the search icon and start typing' })] }));
+};
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = withDescription({
     args: {
-        alwaysOpen: true,
+        placeholderText: 'Search',
+        alwaysOpen: false,
     },
-};
+    render: args => (_jsx("div", { style: { background: 'var(--color-brand-600)', padding: 'var(--spacing-xlarge)' }, children: _jsx(InteractiveSearchBar, { ...args }) })),
+}, [
+    'The interactive canvas — every prop is wired to the Controls panel below.',
+    'Click the search icon to expand the input. The story background is brand-coloured to reflect the',
+    'real-world context (navigation bars, table headers) where SearchBar is designed to be used.',
+].join(' '));
+export const WithPlaceholderText = withDescription({
+    render: WithPlaceholderTextTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useState } from 'react';
+import { SearchBar } from '@arbor-education/design-system.components';
+
+function PupilSearchExample() {
+  const [value, setValue] = useState('');
+  return (
+    <SearchBar
+      searchValue={value}
+      setSearchValue={setValue}
+      placeholderText="Search pupils"
+    />
+  );
+}
+export default PupilSearchExample;
+`.trim(),
+            },
+        },
+    },
+}, [
+    '`placeholderText` adds a label beside the search icon in the collapsed state — making the affordance',
+    'explicit without taking up much space. Click the label to expand the full input.',
+    'Note: this is a label on the collapsed button, not the HTML `placeholder` attribute on the input.',
+].join(' '));
+export const WithHoverText = withDescription({
+    render: WithHoverTextTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useState } from 'react';
+import { SearchBar } from '@arbor-education/design-system.components';
+
+function PupilSearchWithHoverExample() {
+  const [value, setValue] = useState('');
+  return (
+    <SearchBar
+      searchValue={value}
+      setSearchValue={setValue}
+      placeholderText="Search pupils"
+      hoverText="Search all pupils and staff"
+    />
+  );
+}
+export default PupilSearchWithHoverExample;
+`.trim(),
+            },
+        },
+    },
+}, [
+    'When both `placeholderText` and `hoverText` are set, the label swaps to `hoverText` on mouse-enter',
+    'and reverts to `placeholderText` on mouse-leave. Hover the icon to see the swap.',
+    'This is a hover-only affordance — keyboard users always see `placeholderText`.',
+].join(' '));
+export const WithHoverTextOnly = withDescription({
+    render: WithHoverTextOnlyTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useState } from 'react';
+import { SearchBar } from '@arbor-education/design-system.components';
+
+function IconOnlySearchExample() {
+  const [value, setValue] = useState('');
+  return (
+    <SearchBar
+      searchValue={value}
+      setSearchValue={setValue}
+      hoverText="Search pupils"
+    />
+  );
+}
+export default IconOnlySearchExample;
+`.trim(),
+            },
+        },
+    },
+}, [
+    'When `placeholderText` is absent but `hoverText` is set, the button shows an icon only at rest.',
+    'Hovering reveals the label text. This pattern works well in very narrow navigation bars where',
+    'every pixel counts — the icon provides the affordance at rest and hover confirms the action.',
+].join(' '));
+export const WithSearchValue = withDescription({
+    render: WithSearchValueTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useState } from 'react';
+import { SearchBar } from '@arbor-education/design-system.components';
+
+// Restore a previously entered search value from URL params or session storage.
+// Passing a non-empty searchValue starts the component in the expanded state.
+function RestoredSearchExample() {
+  const [value, setValue] = useState('Emily Johnson');
+  return (
+    <SearchBar
+      searchValue={value}
+      setSearchValue={setValue}
+      placeholderText="Search pupils"
+    />
+  );
+}
+export default RestoredSearchExample;
+`.trim(),
+            },
+        },
+    },
+}, [
+    'Passing a non-empty `searchValue` starts the component expanded — no flash of the collapsed button.',
+    'This is the correct pattern for restoring filter state from URL parameters or local storage.',
+    'The clear (×) button is visible and clears both the value and collapses the input.',
+].join(' '));
+export const AlwaysOpen = withDescription({
+    render: AlwaysOpenTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useState } from 'react';
+import { SearchBar } from '@arbor-education/design-system.components';
+
+// alwaysOpen=true: permanently expanded, no clear button.
+// Wire up an external reset mechanism if users need to clear.
+function PersistentSearchExample() {
+  const [value, setValue] = useState('');
+  return (
+    <SearchBar
+      searchValue={value}
+      setSearchValue={setValue}
+      alwaysOpen
+    />
+  );
+}
+export default PersistentSearchExample;
+`.trim(),
+            },
+        },
+    },
+}, [
+    '`alwaysOpen` keeps the input permanently expanded and **removes the clear (×) button entirely**.',
+    'The collapsed button state is never shown. Use this in sidebars or fixed layouts where search is',
+    'always visible. Because there is no built-in clear affordance, add an external "Reset" button or',
+    'call `setSearchValue(\'\')` from your own UI when the user wants to clear.',
+].join(' '));
+export const AlwaysOpenWithValue = withDescription({
+    render: AlwaysOpenWithValueTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useState } from 'react';
+import { SearchBar } from '@arbor-education/design-system.components';
+
+// alwaysOpen + pre-filled value: expanded with no collapse or clear affordance.
+// The consumer is responsible for all value management.
+function PersistentFilteredSearchExample() {
+  const [value, setValue] = useState('Year 8');
+  return (
+    <SearchBar
+      searchValue={value}
+      setSearchValue={setValue}
+      alwaysOpen
+    />
+  );
+}
+export default PersistentFilteredSearchExample;
+`.trim(),
+            },
+        },
+    },
+}, [
+    '`alwaysOpen` combined with a pre-filled `searchValue` — the component starts expanded with a value',
+    'and no way for the user to clear it through the component itself.',
+    'This combination is appropriate when an external "Reset filters" action exists in the parent UI.',
+].join(' '));
+export const ControlledByParent = withDescription({
+    render: ControlledByParentTemplate,
+    parameters: {
+        controls: { disable: true },
+        docs: {
+            source: {
+                language: 'tsx',
+                code: `
+import { useState } from 'react';
+import { SearchBar } from '@arbor-education/design-system.components';
+
+// Always provide both searchValue and setSearchValue together.
+// The parent owns the state — SearchBar is a fully controlled component.
+function ReportSearchExample() {
+  const [value, setValue] = useState('');
+  return (
+    <div>
+      <SearchBar
+        searchValue={value}
+        setSearchValue={setValue}
+        placeholderText="Search reports"
+      />
+      {value && <p>Filtering by: "{value}"</p>}
+    </div>
+  );
+}
+export default ReportSearchExample;
+`.trim(),
+            },
+        },
+    },
+}, [
+    'The controlled pattern: the parent component owns `searchValue` state and passes both `searchValue`',
+    'and `setSearchValue` to SearchBar. The live value is displayed below — showing how a table filter,',
+    'URL parameter, or analytics event would respond to the search.',
+    'Click the search icon, type, and watch the status text update on every keystroke.',
+].join(' '));
 //# sourceMappingURL=SearchBar.stories.js.map

package/dist/components/searchBar/SearchBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.stories.js","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gCAAgC;SAC9C;QACD,cAAc,EAAE;YACd,MAAM,EAAE,sBAAsB;YAC9B,WAAW,EAAE,8CAA8C;SAC5D;QACD,eAAe,EAAE;YACf,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gDAAgD;SAC9D;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iDAAiD;SAC/D;QACD,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,8CAA8C;SAC5D;KACF;CAC+B,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,MAAM,oBAAoB,GAAG,CAAC,IAA4C,EAAE,EAAE;IAC5E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC;IACnC,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC;IACvB,OAAO,KAAC,SAAS,OAAK,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,GAAI,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,KAAC,oBAAoB,OAAK,IAAI,GAAI;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,KAAC,oBAAoB,OAAK,IAAI,GAAI;IAClD,IAAI,EAAE;QACJ,eAAe,EAAE,WAAW;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,KAAC,oBAAoB,OAAK,IAAI,GAAI;IAClD,IAAI,EAAE;QACJ,eAAe,EAAE,WAAW;QAC5B,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAU;IAC/C,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,KAAC,oBAAoB,OAAK,IAAI,GAAI;IAClD,IAAI,EAAE;QACJ,SAAS,EAAE,iBAAiB;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,KAAC,oBAAoB,OAAK,IAAI,GAAI;IAClD,IAAI,EAAE;QACJ,WAAW,EAAE,aAAa;QAC1B,eAAe,EAAE,WAAW;KAC7B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,KAAC,oBAAoB,OAAK,IAAI,GAAI;IAClD,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC"}
+{"version":3,"file":"SearchBar.stories.js","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/section/Section.stories.d.ts

@@ -1,45 +1,15 @@
-import type { Meta } from '@storybook/react-vite';
+import type { Meta, StoryObj } from '@storybook/react-vite';
 import { Section } from './Section';
 declare const meta: Meta<typeof Section>;
-export declare const Default: {
-    args: {
-        title: string;
-        children: import("react/jsx-runtime").JSX.Element[];
-    };
-};
-export declare const NestedSections: {
-    args: {
-        title: string;
-        collapsible: boolean;
-        children: import("react/jsx-runtime").JSX.Element[];
-    };
-};
-export declare const WithRows: {
-    args: {
-        title: string;
-        children: import("react/jsx-runtime").JSX.Element[];
-    };
-};
-export declare const WithClickableRows: {
-    args: {
-        title: string;
-        buttonText: string;
-        children: import("react/jsx-runtime").JSX.Element[];
-    };
-};
-export declare const CollapsibleWithRows: {
-    args: {
-        title: string;
-        collapsible: boolean;
-        children: import("react/jsx-runtime").JSX.Element[];
-    };
-};
-export declare const NestedSectionsWithRows: {
-    args: {
-        title: string;
-        collapsible: boolean;
-        children: import("react/jsx-runtime").JSX.Element[];
-    };
-};
 export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithHeadingLevel: Story;
+export declare const WithTitleIcon: Story;
+export declare const WithActionButton: Story;
+export declare const Collapsible: Story;
+export declare const CollapsibleInitiallyCollapsed: Story;
+export declare const CollapsibleWithActionButton: Story;
+export declare const WithRows: Story;
+export declare const NestedCollapsibleSections: Story;
 //# sourceMappingURL=Section.stories.d.ts.map

package/dist/components/section/Section.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAM9B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAa1B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;CAUpB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAU7B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;CAU/B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;CAiBlC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAa5D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAoHpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAgJ9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA8D9B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA8C3B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAqD9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAyCzB,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,KA4C3C,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,KAkDzC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAmDtB,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAiEvC,CAAC"}