@arbor-education/design-system.components 0.5.2 → 0.5.4

package/.github/workflows/fail-on-no-changeset.yml

@@ -26,4 +26,10 @@ jobs:
       - name: Check for changeset
         if: ${{ !startsWith(github.head_ref, 'changeset-release/') }}
         run: |
-          yarn changeset status
+          NEW_CHANGESETS=$(git diff --name-only origin/${{ github.base_ref }}...HEAD -- .changeset/ | grep -v 'README\.md' || true)
+          if [ -z "$NEW_CHANGESETS" ]; then
+            echo "No changeset found in this PR. Please add a changeset file using 'yarn changeset'."
+            exit 1
+          fi
+          echo "Changeset(s) found in this PR:"
+          echo "$NEW_CHANGESETS"

package/.github/workflows/pr-checks.yml

@@ -13,6 +13,6 @@ on:
 
 jobs:
   jira-title-and-link:
-    uses: arbor-education/gha.workflows/.github/workflows/pr-jira-check-template.yaml@v1
+    uses: arbor-education/gha.workflows/.github/workflows/pr-jira-check-template.yaml@v2
     secrets:
       jira_token: ${{ secrets.JIRA_TOKEN }}

package/.github/workflows/pr-housekeeping.yaml

@@ -11,6 +11,6 @@ permissions:
 
 jobs:
   stale:
-    uses: arbor-education/gha.workflows/.github/workflows/pr-housekeeping-template.yaml@v0.0.156
+    uses: arbor-education/gha.workflows/.github/workflows/pr-housekeeping-template.yaml@v2
     with:
       dry_run: false

package/.github/workflows/pr-review-approve.yaml

@@ -0,0 +1,18 @@
+name: PR Review & Approve
+
+on:
+  pull_request:
+    types: [opened, synchronize, ready_for_review, reopened]
+
+permissions:
+  contents: read
+  pull-requests: write
+  issues: read
+  id-token: write
+
+jobs:
+  pr-review-approve:
+    uses: arbor-education/gha.workflows/.github/workflows/pr-review-approve-template.yaml@v2
+    secrets:
+      ANTHROPIC_API_KEY: ${{ secrets.ANTHROPIC_API_KEY }}
+      ARBOR_AUTOMATION_ORG_GHA_TOKEN: ${{ secrets.ARBOR_AUTOMATION_ORG_GHA_TOKEN }}

package/.github/workflows/secret-scanner.yaml

@@ -11,6 +11,6 @@ permissions:
 
 jobs:
   secrets-scanner:
-    uses: arbor-education/gha.workflows/.github/workflows/secret-scanner-template.yaml@v1.0.8
+    uses: arbor-education/gha.workflows/.github/workflows/secret-scanner-template.yaml@v2
     secrets:
       JIRA_SA_CREATE_ISSUE: ${{ secrets.JIRA_SA_CREATE_ISSUE }}

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## 0.5.4
+
+### Patch Changes
+
+- [#136](https://github.com/arbor-education/design-system.components/pull/136) [`703b8a7`](https://github.com/arbor-education/design-system.components/commit/703b8a749ce1330991575668f5d51dae01b60372) Thanks [@awconstable](https://github.com/awconstable)! - Update shared CI workflow files to v2
+
+## 0.5.3
+
+### Patch Changes
+
+- [#131](https://github.com/arbor-education/design-system.components/pull/131) [`24a8030`](https://github.com/arbor-education/design-system.components/commit/24a80308816d484b35189b6f1b0248dc927d301b) Thanks [@Alex-DN-SP](https://github.com/Alex-DN-SP)! - MIS-66720 Global search bar
+
 ## 0.5.2
 
 ### Patch Changes

package/dist/components/searchBar/SearchBar.d.ts

@@ -2,6 +2,8 @@ type SearchBarProps = {
     searchValue?: string;
     setSearchValue?: (searchValue: string) => void;
     placeholderText?: string;
+    hoverText?: string;
+    alwaysOpen?: boolean;
 };
 export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/searchBar/SearchBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAqF9C,CAAC"}
+{"version":3,"file":"SearchBar.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAiH9C,CAAC"}

package/dist/components/searchBar/SearchBar.js

@@ -2,11 +2,18 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { Button } from '../button/Button';
 import { Icon } from '../icon/Icon';
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 export const SearchBar = (props) => {
-    const { searchValue, setSearchValue, placeholderText } = props;
-    const [isSearchVisible, setIsSearchVisible] = useState(!!searchValue);
+    const { searchValue, setSearchValue, placeholderText, hoverText, alwaysOpen = false } = props;
+    const [isSearchVisible, setIsSearchVisible] = useState(alwaysOpen || !!searchValue);
     const searchInputRef = useRef(null);
+    const [displayedText, setDisplayedText] = useState(placeholderText ?? null);
+    useEffect(() => {
+        setIsSearchVisible(alwaysOpen || !!searchValue);
+    }, [alwaysOpen, searchValue]);
+    useEffect(() => {
+        setDisplayedText(placeholderText ?? null);
+    }, [placeholderText]);
     const handleSearch = (event) => {
         setSearchValue?.(event.target.value);
     };
@@ -26,13 +33,25 @@ export const SearchBar = (props) => {
             handleClear();
         }
     };
+    const handleMouseEnter = () => {
+        if (hoverText) {
+            setDisplayedText(hoverText);
+        }
+    };
+    const handleMouseLeave = () => {
+        if (placeholderText) {
+            setDisplayedText(placeholderText);
+        }
+        else {
+            setDisplayedText(null);
+        }
+    };
     if (!isSearchVisible) {
         return (_jsxs(Button, { "data-testid": "search-bar-inactive", className: classNames('ds-search-bar--inactive', {
-                'ds-search-bar--inactive-icon-only': !placeholderText,
-                'ds-search-bar--inactive-with-placeholder': placeholderText,
-            }), onClick: handleSearchIconClick, children: [_jsx(Icon, { name: "search", size: 16, color: "var(--search-global-default-color-icon)", className: "ds-search-bar__icon" }), placeholderText
-                    && (_jsx("span", { className: "ds-search-bar--inactive__placeholder", children: placeholderText }))] }));
+                'ds-search-bar--inactive-icon-only': !displayedText,
+            }), onClick: handleSearchIconClick, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: [_jsx(Icon, { name: "search", size: 16, color: "var(--search-global-default-color-icon)", className: "ds-search-bar__icon" }), displayedText
+                    && (_jsx("span", { className: "ds-search-bar--inactive__placeholder", children: displayedText }))] }));
     }
-    return (_jsxs("span", { className: "ds-search-bar", children: [_jsx(Icon, { name: "search", size: 16, className: "ds-search-bar__icon", screenReaderText: "Search icon" }), _jsx("input", { value: searchValue ?? '', onChange: handleSearch, className: "ds-search-bar__input", type: "text", ref: searchInputRef, "aria-label": "Search input" }), _jsx("span", { className: "ds-search-bar__clear-container", role: "button", tabIndex: 0, onClick: handleClear, onKeyDown: handleClearKeyDown, "aria-label": "Clear search", children: _jsx(Icon, { name: "x", size: 12, className: "ds-search-bar__clear" }) })] }));
+    return (_jsxs("span", { className: "ds-search-bar", children: [_jsx(Icon, { name: "search", size: 16, className: "ds-search-bar__icon", screenReaderText: "Search icon" }), _jsx("input", { value: searchValue ?? '', onChange: handleSearch, className: "ds-search-bar__input", type: "text", ref: searchInputRef, "aria-label": "Search input" }), !alwaysOpen && (_jsx("span", { className: "ds-search-bar__clear-container", role: "button", tabIndex: 0, onClick: handleClear, onKeyDown: handleClearKeyDown, "aria-label": "Clear search", children: _jsx(Icon, { name: "x", size: 12, className: "ds-search-bar__clear" }) }))] }));
 };
 //# sourceMappingURL=SearchBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAQzC,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IACtE,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,cAAc,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,cAAc,EAAE,CAAC,EAAE,CAAC,CAAC;QACrB,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,kBAAkB,CAAC,IAAI,CAAC,CAAC;QACzB,UAAU,CAAC,GAAG,EAAE;YACd,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;QAClC,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAAC,KAA2C,EAAE,EAAE;QACzE,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,IAAI,CAAC,eAAe,EAAE,CAAC;QACrB,OAAO,CACL,MAAC,MAAM,mBACO,qBAAqB,EACjC,SAAS,EACP,UAAU,CAAC,yBAAyB,EAAE;gBACpC,mCAAmC,EAAE,CAAC,eAAe;gBACrD,0CAA0C,EAAE,eAAe;aAC5D,CAAC,EAEJ,OAAO,EAAE,qBAAqB,aAE9B,KAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,KAAK,EAAC,yCAAyC,EAC/C,SAAS,EAAC,qBAAqB,GAC/B,EACD,eAAe;uBACX,CACD,eAAM,SAAS,EAAC,sCAAsC,YACnD,eAAe,GACX,CACR,IACI,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gBAAM,SAAS,EAAC,eAAe,aAC7B,KAAC,IAAI,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,qBAAqB,EAC/B,gBAAgB,EAAC,aAAa,GAC9B,EACF,gBACE,KAAK,EAAE,WAAW,IAAI,EAAE,EACxB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,MAAM,EACX,GAAG,EAAE,cAAc,gBACR,cAAc,GACzB,EACF,eACE,SAAS,EAAC,gCAAgC,EAC1C,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,kBAAkB,gBAClB,cAAc,YAEzB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,sBAAsB,GAAG,GACvD,IACF,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SearchBar.js","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.tsx"],"names":[],"mappings":"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"}

package/dist/components/searchBar/SearchBar.stories.d.ts

@@ -0,0 +1,46 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: (props: {
+        searchValue?: string;
+        setSearchValue?: (searchValue: string) => void;
+        placeholderText?: string;
+        hoverText?: string;
+        alwaysOpen?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        searchValue: {
+            control: "text";
+            description: string;
+        };
+        setSearchValue: {
+            action: string;
+            description: string;
+        };
+        placeholderText: {
+            control: "text";
+            description: string;
+        };
+        hoverText: {
+            control: "text";
+            description: string;
+        };
+        alwaysOpen: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithPlaceholder: Story;
+export declare const WithHoverText: Story;
+export declare const WithHoverTextNoPlaceholder: Story;
+export declare const WithSearchValue: Story;
+export declare const AlwaysOpen: Story;
+//# sourceMappingURL=SearchBar.stories.d.ts.map

package/dist/components/searchBar/SearchBar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6BwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAUnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAKxC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC"}

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

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { SearchBar } from './SearchBar';
+const meta = {
+    title: 'Components/SearchBar',
+    component: SearchBar,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        searchValue: {
+            control: 'text',
+            description: 'The current search input value',
+        },
+        setSearchValue: {
+            action: 'search value changed',
+            description: 'Callback fired when the search input changes',
+        },
+        placeholderText: {
+            control: 'text',
+            description: 'Text displayed in the inactive/collapsed state',
+        },
+        hoverText: {
+            control: 'text',
+            description: 'Text displayed when hovering the inactive state',
+        },
+        alwaysOpen: {
+            control: 'boolean',
+            description: 'Whether the search bar should be always open',
+        },
+    },
+};
+export default meta;
+const InteractiveSearchBar = (args) => {
+    const [value, setValue] = useState(args.searchValue ?? '');
+    useEffect(() => {
+        setValue(args.searchValue ?? '');
+    }, [args.searchValue]);
+    return _jsx(SearchBar, { ...args, searchValue: value, setSearchValue: setValue });
+};
+export const Default = {
+    render: args => _jsx(InteractiveSearchBar, { ...args }),
+};
+export const WithPlaceholder = {
+    render: args => _jsx(InteractiveSearchBar, { ...args }),
+    args: {
+        placeholderText: 'Search...',
+    },
+};
+export const WithHoverText = {
+    render: args => _jsx(InteractiveSearchBar, { ...args }),
+    args: {
+        placeholderText: 'Search...',
+        hoverText: 'Start searching',
+    },
+};
+export const WithHoverTextNoPlaceholder = {
+    render: args => _jsx(InteractiveSearchBar, { ...args }),
+    args: {
+        hoverText: 'Start searching',
+    },
+};
+export const WithSearchValue = {
+    render: args => _jsx(InteractiveSearchBar, { ...args }),
+    args: {
+        searchValue: 'Jacob Black',
+        placeholderText: 'Search...',
+    },
+};
+export const AlwaysOpen = {
+    render: args => _jsx(InteractiveSearchBar, { ...args }),
+    args: {
+        alwaysOpen: true,
+    },
+};
+//# sourceMappingURL=SearchBar.stories.js.map

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

@@ -0,0 +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"}

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

@@ -9,28 +9,112 @@ describe('SearchBar component', () => {
     beforeEach(() => {
         setSearchMock.mockClear();
     });
-    test('renders search bar with placeholder text', () => {
-        render(_jsx(SearchBar, { setSearchValue: setSearchMock, placeholderText: "Search for something" }));
-        expect(screen.getByText('Search for something')).toBeInTheDocument();
+    describe('inactive state', () => {
+        test('renders search bar with placeholder text', () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock, placeholderText: "Search for something" }));
+            expect(screen.getByText('Search for something')).toBeInTheDocument();
+        });
+        test('renders search bar with icon only when no placeholder text', () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
+            expect(screen.getByTestId('search-bar-inactive')).toHaveClass('ds-search-bar--inactive-icon-only');
+        });
+        test('clicking the search icon opens the search bar', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
+            await userEvent.click(screen.getByTestId('search-bar-inactive'));
+            expect(screen.getByLabelText('Search input')).toBeInTheDocument();
+        });
+        test('shows hoverText on mouse enter', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock, placeholderText: "Search", hoverText: "Type to search" }));
+            fireEvent.mouseEnter(screen.getByTestId('search-bar-inactive'));
+            expect(screen.getByText('Type to search')).toBeInTheDocument();
+        });
+        test('restores placeholderText on mouse leave', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock, placeholderText: "Search", hoverText: "Type to search" }));
+            const button = screen.getByTestId('search-bar-inactive');
+            fireEvent.mouseEnter(button);
+            fireEvent.mouseLeave(button);
+            expect(screen.getByText('Search')).toBeInTheDocument();
+        });
+        test('keeps placeholder on hover when no hoverText provided', () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock, placeholderText: "Search" }));
+            const button = screen.getByTestId('search-bar-inactive');
+            fireEvent.mouseEnter(button);
+            expect(screen.getByText('Search')).toBeInTheDocument();
+        });
     });
-    test('renders search bar with icon only', () => {
-        render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
-        expect(screen.getByTestId('search-bar-inactive')).toHaveClass('ds-search-bar--inactive-icon-only');
+    describe('active state', () => {
+        test('shows active search bar immediately when searchValue is provided', () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock, searchValue: "hello" }));
+            expect(screen.getByLabelText('Search input')).toBeInTheDocument();
+            expect(screen.queryByTestId('search-bar-inactive')).not.toBeInTheDocument();
+        });
+        test('shows active search bar immediately when alwaysOpen is true', () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock, alwaysOpen: true }));
+            expect(screen.getByLabelText('Search input')).toBeInTheDocument();
+            expect(screen.queryByTestId('search-bar-inactive')).not.toBeInTheDocument();
+        });
+        test('calls setSearchValue when input changes', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
+            await userEvent.click(screen.getByTestId('search-bar-inactive'));
+            const input = screen.getByLabelText('Search input');
+            fireEvent.change(input, { target: { value: 'Hello' } });
+            expect(setSearchMock).toHaveBeenCalledTimes(1);
+            expect(setSearchMock).toHaveBeenCalledWith('Hello');
+        });
+        test('does not throw when setSearchValue is not provided and user types', async () => {
+            render(_jsx(SearchBar, { alwaysOpen: true }));
+            const input = screen.getByLabelText('Search input');
+            expect(() => fireEvent.change(input, { target: { value: 'Hello' } })).not.toThrow();
+        });
+        test('renders clear button when active and alwaysOpen is false', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock, alwaysOpen: false }));
+            await userEvent.click(screen.getByTestId('search-bar-inactive'));
+            expect(screen.getByRole('button', { name: 'Clear search' })).toBeInTheDocument();
+        });
+        test('does not render clear button when alwaysOpen is true', () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock, alwaysOpen: true }));
+            expect(screen.queryByRole('button', { name: 'Clear search' })).not.toBeInTheDocument();
+        });
     });
-    test('runs setSearch when input changes', async () => {
-        render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
-        await userEvent.click(screen.getByTestId('search-bar-inactive'));
-        const input = screen.getByLabelText('Search input');
-        fireEvent.change(input, { target: { value: 'Hello' } });
-        expect(setSearchMock).toHaveBeenCalledTimes(1);
-        expect(setSearchMock).toHaveBeenCalledWith('Hello');
-    });
-    test('runs handleClear when clear button is clicked', async () => {
-        render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
-        await userEvent.click(screen.getByTestId('search-bar-inactive'));
-        await userEvent.click(screen.getByRole('button', { name: 'Clear search' }));
-        expect(setSearchMock).toHaveBeenCalledTimes(1);
-        expect(setSearchMock).toHaveBeenCalledWith('');
+    describe('clear behaviour', () => {
+        test('clicking clear calls setSearchValue with empty string', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
+            await userEvent.click(screen.getByTestId('search-bar-inactive'));
+            await userEvent.click(screen.getByRole('button', { name: 'Clear search' }));
+            expect(setSearchMock).toHaveBeenCalledWith('');
+        });
+        test('clicking clear hides the search bar and shows inactive state', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
+            await userEvent.click(screen.getByTestId('search-bar-inactive'));
+            await userEvent.click(screen.getByRole('button', { name: 'Clear search' }));
+            expect(screen.getByTestId('search-bar-inactive')).toBeInTheDocument();
+            expect(screen.queryByLabelText('Search input')).not.toBeInTheDocument();
+        });
+        test('does not throw when setSearchValue is not provided and clear is pressed', async () => {
+            render(_jsx(SearchBar, { searchValue: "hello" }));
+            expect(() => fireEvent.click(screen.getByRole('button', { name: 'Clear search' }))).not.toThrow();
+        });
+        test('pressing Enter on clear button triggers clear', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
+            await userEvent.click(screen.getByTestId('search-bar-inactive'));
+            const clearButton = screen.getByRole('button', { name: 'Clear search' });
+            fireEvent.keyDown(clearButton, { key: 'Enter' });
+            expect(setSearchMock).toHaveBeenCalledWith('');
+        });
+        test('pressing Space on clear button triggers clear', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
+            await userEvent.click(screen.getByTestId('search-bar-inactive'));
+            const clearButton = screen.getByRole('button', { name: 'Clear search' });
+            fireEvent.keyDown(clearButton, { key: ' ' });
+            expect(setSearchMock).toHaveBeenCalledWith('');
+        });
+        test('pressing other keys on clear button does not trigger clear', async () => {
+            render(_jsx(SearchBar, { setSearchValue: setSearchMock }));
+            await userEvent.click(screen.getByTestId('search-bar-inactive'));
+            const clearButton = screen.getByRole('button', { name: 'Clear search' });
+            fireEvent.keyDown(clearButton, { key: 'Tab' });
+            expect(setSearchMock).not.toHaveBeenCalled();
+        });
     });
 });
 //# sourceMappingURL=SearchBar.test.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchBar.test.js","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,MAAM,aAAa,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;AAE9B,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,UAAU,CAAC,GAAG,EAAE;QACd,aAAa,CAAC,SAAS,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0CAA0C,EAAE,GAAG,EAAE;QACpD,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,aAAa,EAAE,eAAe,EAAC,sBAAsB,GAAG,CAAC,CAAC;QAC5F,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC7C,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC,CAAC;QACrD,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC,WAAW,CAAC,mCAAmC,CAAC,CAAC;IACrG,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC,CAAC;QACrD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACjE,MAAM,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QACpD,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;QACxD,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,CAAC,KAAC,SAAS,IAAC,cAAc,EAAE,aAAa,GAAI,CAAC,CAAC;QACrD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,qBAAqB,CAAC,CAAC,CAAC;QACjE,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC;QAC5E,MAAM,CAAC,aAAa,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC/C,MAAM,CAAC,aAAa,CAAC,CAAC,oBAAoB,CAAC,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SearchBar.test.js","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.test.tsx"],"names":[],"mappings":"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"}

package/dist/index.css

@@ -2879,10 +2879,6 @@ h4.ds-heading, h4 .ds-editable-text__button, h4 .ds-editable-text__input {
   border-color: transparent;
 }
 
-.ds-search-bar__icon {
-  color: var(--search-global-default-color-icon);
-}
-
 .ds-search-bar {
   display: flex;
   align-items: center;
@@ -2890,22 +2886,32 @@ h4.ds-heading, h4 .ds-editable-text__button, h4 .ds-editable-text__input {
   border-radius: var(--search-global-radius);
   background: var(--search-global-default-color-background);
   padding: var(--search-global-spacing-vertical) var(--search-global-spacing-horizontal);
+  min-height: var(--size-medium);
+  width: fit-content;
 }
-.ds-search-bar:focus-within {
-  background: var(--search-global-focus-color-background);
-  box-shadow: 0 0 0 3px var(--color-brand-500);
-}
-.ds-search-bar:focus-within .ds-search-bar__icon {
-  color: var(--search-global-focus-color-icon);
+.ds-search-bar__icon {
+  color: var(--search-global-default-color-icon);
 }
-
 .ds-search-bar__clear {
   cursor: pointer;
   align-items: center;
   justify-content: center;
   display: flex;
 }
-
+.ds-search-bar__clear-container {
+  border-radius: var(--border-radius-round);
+  padding: var(--spacing-xsmall);
+}
+.ds-search-bar__clear-container:hover {
+  background-color: var(--color-grey-600);
+}
+.ds-search-bar__clear-container:hover svg {
+  color: var(--color-mono-white);
+}
+.ds-search-bar__clear-container:focus {
+  box-shadow: 0 0 0 3px var(--color-brand-300);
+  outline: none;
+}
 .ds-search-bar__input {
   color: var(--search-global-default-color-text);
   background-color: var(--search-global-default-color-background);
@@ -2913,24 +2919,32 @@ h4.ds-heading, h4 .ds-editable-text__button, h4 .ds-editable-text__input {
 }
 .ds-search-bar__input:focus {
   outline: none;
+  background: var(--search-global-focus-color-background);
+}
+.ds-search-bar:focus-within {
+  background: var(--search-global-focus-color-background);
+  box-shadow: 0 0 0 3px var(--color-brand-300);
+}
+.ds-search-bar:focus-within .ds-search-bar__icon {
+  color: var(--search-global-focus-color-icon);
 }
-
 .ds-search-bar--inactive {
   display: flex;
-  cursor: pointer;
-  width: fit-content;
-  height: fit-content;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   border: none;
+  cursor: text;
+  background: var(--search-global-default-color-background);
   padding: var(--search-global-spacing-vertical) var(--search-global-spacing-horizontal);
-  gap: var(--search-global-spacing-horizontal-gap);
 }
 .ds-search-bar--inactive__placeholder {
   color: var(--search-global-default-color-text);
 }
 .ds-search-bar--inactive-icon-only {
   padding: var(--search-global-spacing-vertical);
+  cursor: pointer;
+  height: fit-content;
+  width: fit-content;
 }
 .ds-search-bar--inactive:hover {
   background: var(--search-global-hover-color-background);
@@ -2938,6 +2952,9 @@ h4.ds-heading, h4 .ds-editable-text__button, h4 .ds-editable-text__input {
 .ds-search-bar--inactive:hover .ds-search-bar__icon {
   color: var(--search-global-hover-color-icon);
 }
+.ds-search-bar--inactive:focus {
+  background: var(--search-global-focus-color-background);
+}
 
 .ds-table__pagination-panel {
   display: flex;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../src/index.scss","../node_modules/react-day-picker/src/style.css","../src/tokens.scss","../src/global.scss","../src/components/button/button.scss","../src/components/icon/icon.scss","../src/components/heading/heading.scss","../src/components/card/card.scss","../src/components/dropdown/dropdown.scss","../src/components/formField/formField.scss","../src/components/formField/fieldset/fieldset.scss","../src/components/formField/inputs/input.scss","../src/components/formField/label/label.scss","../src/components/formField/inputs/number/numberInput.scss","../src/components/formField/inputs/radio/radioButtonInput.scss","../src/components/formField/inputs/checkbox/checkboxInput.scss","../src/components/formField/inputs/selectDropdown/selectDropdown.scss","../src/components/formField/inputs/colourPickerDropdown/colourPickerDropdown.scss","../src/components/tag/tag.scss","../src/components/pill/pill.scss","../src/components/section/section.scss","../src/components/tabs/tabs.scss","../src/components/slideoverManager/slideoverManager.scss","../src/components/slideover/slideover.scss","../src/components/table/table.scss","../src/components/searchBar/searchBar.scss","../src/components/table/pagination/pagination.scss","../src/components/tooltip/tooltip.scss","../src/components/separator/separator.scss","../src/components/modal/modal.scss","../src/components/modal/modalManager/modalManager.scss","../src/components/table/columnFilters/columnFilters.scss","../src/components/banner/banner.scss","../src/components/editableText/editableText.scss","../src/components/progress/progress.scss","../src/components/toast/toast.scss","../src/components/datePicker/datePicker.scss","../src/components/avatar/avatar.scss","../src/components/userDropdown/userDropdown.scss"],"names":[],"mappings":"AAsCQ;ACtCR;AACA;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AAAA;AAAA;AAAA;AAAA,KAIG;EACH;EAEA;AAAA;AAAA;AAAA;AAAA,KAIG;EACH;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;AACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EAEA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;ACtcF;AACA;AAAA;AAAA;AAIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACz0CF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;;;AChCJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAMJ;EACE;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;EACA;;;ACpPJ;EACI;;;ACDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AClDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGE;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AC3EN;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AC7CR;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AC5CZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;;;ACpEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACRJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC/DN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;;AC5FR;EACE;EACA;EACA;EACA;AAoFA;;AAlFA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AC/FJ;EACE;EACA;;AAEE;EACE;EACA;EACA;;AAGJ;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AClBE;EACI;;;AAKR;EACI;EACA;EACA;;;ACVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACpFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;;ACrDJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;;ACrCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGE;EACE;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;;ACpFN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACnDF;EACE;;AAIA;EAGE;;AAIJ;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;AAIJ;EACE;;;AC7DF;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;;AAKZ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;;AAEA;EACI;;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACI;;AAEA;EACI;;;AC9DZ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AClBJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;;ACRZ;EACE;EACA;EACA;EACA;;;ACHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;ACpEJ;EACI;EACA;;;ACFJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AC9DR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EAKE;EACA;EACA;;AANA;EACE;;AAQJ;EAKE;EACA;EACA;;AANA;EACE;;AAQJ;EAKE;EACA;EACA;;AANA;EACE;;AAQJ;EAKE;EACA;EACA;;AANA;EACE;;;AC3DN;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;;ACnDR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACVJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AC3EZ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACI;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;;ACjCN;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACnEJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;EAGE;;AAGF;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;EAGE;;AAGF;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA","file":"index.css"}
+{"version":3,"sourceRoot":"","sources":["../src/index.scss","../node_modules/react-day-picker/src/style.css","../src/tokens.scss","../src/global.scss","../src/components/button/button.scss","../src/components/icon/icon.scss","../src/components/heading/heading.scss","../src/components/card/card.scss","../src/components/dropdown/dropdown.scss","../src/components/formField/formField.scss","../src/components/formField/fieldset/fieldset.scss","../src/components/formField/inputs/input.scss","../src/components/formField/label/label.scss","../src/components/formField/inputs/number/numberInput.scss","../src/components/formField/inputs/radio/radioButtonInput.scss","../src/components/formField/inputs/checkbox/checkboxInput.scss","../src/components/formField/inputs/selectDropdown/selectDropdown.scss","../src/components/formField/inputs/colourPickerDropdown/colourPickerDropdown.scss","../src/components/tag/tag.scss","../src/components/pill/pill.scss","../src/components/section/section.scss","../src/components/tabs/tabs.scss","../src/components/slideoverManager/slideoverManager.scss","../src/components/slideover/slideover.scss","../src/components/table/table.scss","../src/components/searchBar/searchBar.scss","../src/components/table/pagination/pagination.scss","../src/components/tooltip/tooltip.scss","../src/components/separator/separator.scss","../src/components/modal/modal.scss","../src/components/modal/modalManager/modalManager.scss","../src/components/table/columnFilters/columnFilters.scss","../src/components/banner/banner.scss","../src/components/editableText/editableText.scss","../src/components/progress/progress.scss","../src/components/toast/toast.scss","../src/components/datePicker/datePicker.scss","../src/components/avatar/avatar.scss","../src/components/userDropdown/userDropdown.scss"],"names":[],"mappings":"AAsCQ;ACtCR;AACA;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AAAA;AAAA;AAAA;AAAA,KAIG;EACH;EAEA;AAAA;AAAA;AAAA;AAAA,KAIG;EACH;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EAEA;EACA;EACA;EAEA;EACA;;;AAGF;EACE;AACA;EACA;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;EAEA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EAEA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;ACtcF;AACA;AAAA;AAAA;AAIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACz0CF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAIA;EACE;EACA;EACA;EACA;;;AChCJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAIF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIF;EACE;EACA;;AAKF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAMJ;EACE;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;;AAMJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;;AAIF;EACE;EACA;EACA;;;ACpPJ;EACI;;;ACDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AAKF;EACE;EACA;EACA;EACA;;;AClDJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGE;EACE;;AAGF;EACE;;AAKN;EACE;EACA;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AC3EN;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;;AC7CR;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;AAEA;EACE;;;AC5CZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;;;ACbJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAIF;EACE;;AAGF;EACE;;AAIF;EACE;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;;AAKN;EACE;;;ACpEF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;;ACRJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AC/DN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAKJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAIA;EACE;;AAKF;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE;;;AC5FR;EACE;EACA;EACA;EACA;AAoFA;;AAlFA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAIA;EACE;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AC/FJ;EACE;EACA;;AAEE;EACE;EACA;EACA;;AAGJ;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AClBE;EACI;;;AAKR;EACI;EACA;EACA;;;ACVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;ACpFJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;;ACrDJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;;AAKF;EACE;;;ACrCR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAGE;EACE;;AAKN;EACE;;AAEA;EACE;;AAGF;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;;ACpFN;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;ACVJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACnDF;EACE;;AAIA;EAGE;;AAIJ;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKN;EACE;;;AAIJ;EACE;;;AC7DF;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAEA;EACI;;AAEA;EACI;;AAIR;EACI;EACA;;AAKZ;EACI;EACA;EACA;;AAEA;EACI;EACA;;AAIR;EACI;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACI;;AAEA;EACI;;AAIR;EACI;;;ACxFZ;EACI;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;;;AClBJ;EACI;EACA;EACA;EACA;;AAEA;EACI;;;ACRZ;EACE;EACA;EACA;EACA;;;ACHA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;ACpEJ;EACI;EACA;;;ACFJ;EACI;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;;AC9DR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EAKE;EACA;EACA;;AANA;EACE;;AAQJ;EAKE;EACA;EACA;;AANA;EACE;;AAQJ;EAKE;EACA;EACA;;AANA;EACE;;AAQJ;EAKE;EACA;EACA;;AANA;EACE;;;AC3DN;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;;ACnDR;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;ACVJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;AAIR;EACI;EACA;EACA;;AAEA;EACI;;;AC3EZ;EACE;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;;AAKN;EACI;EACA;EACA;EACA;EAEA;EACA;;AAEA;EACE;;AAEA;EACE;;AAIJ;EACE;EACA;;;ACjCN;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;;ACnEJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;EAGE;;AAGF;EACE;;AAKJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;EAGE;;AAGF;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;;AAGF;EACE;EACA;;;AAKJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA","file":"index.css"}

package/dist/index.d.ts

@@ -33,6 +33,7 @@ export { Toast } from './components/toast/Toast';
 export { DatePicker } from './components/datePicker/DatePicker';
 export { Avatar } from './components/avatar/Avatar';
 export { UserDropdown } from './components/userDropdown/UserDropdown';
+export { SearchBar } from './components/searchBar/SearchBar';
 export type { UserDropdownUserInfoAction } from './components/userDropdown/UserDropdown';
 export { ArborLogo, GovhubLogo, KeyLogo, SampeopleLogo, RobinLogo, TimetablerLogo } from './components/userDropdown/assets/logos';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,YAAY,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,YAAY,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC"}

package/dist/index.js

@@ -33,5 +33,6 @@ export { Toast } from './components/toast/Toast';
 export { DatePicker } from './components/datePicker/DatePicker';
 export { Avatar } from './components/avatar/Avatar';
 export { UserDropdown } from './components/userDropdown/UserDropdown';
+export { SearchBar } from './components/searchBar/SearchBar';
 export { ArborLogo, GovhubLogo, KeyLogo, SampeopleLogo, RobinLogo, TimetablerLogo } from './components/userDropdown/assets/logos';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAuB,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAE,MAAM,EAAoB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,WAAW,EAAE,MAAM,gDAAgD,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAC7G,OAAO,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAuB,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EAAE,MAAM,EAAoB,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arbor-education/design-system.components",
-  "version": "0.5.2",
+  "version": "0.5.4",
   "description": "The component library for the design system (the baby)",
   "main": "dist/index.js",
   "repository": {

package/src/components/searchBar/SearchBar.stories.tsx

@@ -0,0 +1,86 @@
+import { useEffect, useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { SearchBar } from './SearchBar';
+
+const meta = {
+  title: 'Components/SearchBar',
+  component: SearchBar,
+  parameters: {
+    layout: 'padded',
+  },
+  tags: ['autodocs'],
+  argTypes: {
+    searchValue: {
+      control: 'text',
+      description: 'The current search input value',
+    },
+    setSearchValue: {
+      action: 'search value changed',
+      description: 'Callback fired when the search input changes',
+    },
+    placeholderText: {
+      control: 'text',
+      description: 'Text displayed in the inactive/collapsed state',
+    },
+    hoverText: {
+      control: 'text',
+      description: 'Text displayed when hovering the inactive state',
+    },
+    alwaysOpen: {
+      control: 'boolean',
+      description: 'Whether the search bar should be always open',
+    },
+  },
+} satisfies Meta<typeof SearchBar>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const InteractiveSearchBar = (args: React.ComponentProps<typeof SearchBar>) => {
+  const [value, setValue] = useState(args.searchValue ?? '');
+  useEffect(() => {
+    setValue(args.searchValue ?? '');
+  }, [args.searchValue]);
+  return <SearchBar {...args} searchValue={value} setSearchValue={setValue} />;
+};
+
+export const Default: Story = {
+  render: args => <InteractiveSearchBar {...args} />,
+};
+
+export const WithPlaceholder: Story = {
+  render: args => <InteractiveSearchBar {...args} />,
+  args: {
+    placeholderText: 'Search...',
+  },
+};
+
+export const WithHoverText: Story = {
+  render: args => <InteractiveSearchBar {...args} />,
+  args: {
+    placeholderText: 'Search...',
+    hoverText: 'Start searching',
+  },
+};
+
+export const WithHoverTextNoPlaceholder: Story = {
+  render: args => <InteractiveSearchBar {...args} />,
+  args: {
+    hoverText: 'Start searching',
+  },
+};
+
+export const WithSearchValue: Story = {
+  render: args => <InteractiveSearchBar {...args} />,
+  args: {
+    searchValue: 'Jacob Black',
+    placeholderText: 'Search...',
+  },
+};
+
+export const AlwaysOpen: Story = {
+  render: args => <InteractiveSearchBar {...args} />,
+  args: {
+    alwaysOpen: true,
+  },
+};

package/src/components/searchBar/SearchBar.test.tsx

@@ -11,30 +11,130 @@ describe('SearchBar component', () => {
     setSearchMock.mockClear();
   });
 
-  test('renders search bar with placeholder text', () => {
-    render(<SearchBar setSearchValue={setSearchMock} placeholderText="Search for something" />);
-    expect(screen.getByText('Search for something')).toBeInTheDocument();
-  });
+  describe('inactive state', () => {
+    test('renders search bar with placeholder text', () => {
+      render(<SearchBar setSearchValue={setSearchMock} placeholderText="Search for something" />);
+      expect(screen.getByText('Search for something')).toBeInTheDocument();
+    });
+
+    test('renders search bar with icon only when no placeholder text', () => {
+      render(<SearchBar setSearchValue={setSearchMock} />);
+      expect(screen.getByTestId('search-bar-inactive')).toHaveClass('ds-search-bar--inactive-icon-only');
+    });
+
+    test('clicking the search icon opens the search bar', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} />);
+      await userEvent.click(screen.getByTestId('search-bar-inactive'));
+      expect(screen.getByLabelText('Search input')).toBeInTheDocument();
+    });
+
+    test('shows hoverText on mouse enter', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} placeholderText="Search" hoverText="Type to search" />);
+      fireEvent.mouseEnter(screen.getByTestId('search-bar-inactive'));
+      expect(screen.getByText('Type to search')).toBeInTheDocument();
+    });
 
-  test('renders search bar with icon only', () => {
-    render(<SearchBar setSearchValue={setSearchMock} />);
-    expect(screen.getByTestId('search-bar-inactive')).toHaveClass('ds-search-bar--inactive-icon-only');
+    test('restores placeholderText on mouse leave', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} placeholderText="Search" hoverText="Type to search" />);
+      const button = screen.getByTestId('search-bar-inactive');
+      fireEvent.mouseEnter(button);
+      fireEvent.mouseLeave(button);
+      expect(screen.getByText('Search')).toBeInTheDocument();
+    });
+
+    test('keeps placeholder on hover when no hoverText provided', () => {
+      render(<SearchBar setSearchValue={setSearchMock} placeholderText="Search" />);
+      const button = screen.getByTestId('search-bar-inactive');
+      fireEvent.mouseEnter(button);
+      expect(screen.getByText('Search')).toBeInTheDocument();
+    });
   });
 
-  test('runs setSearch when input changes', async () => {
-    render(<SearchBar setSearchValue={setSearchMock} />);
-    await userEvent.click(screen.getByTestId('search-bar-inactive'));
-    const input = screen.getByLabelText('Search input');
-    fireEvent.change(input, { target: { value: 'Hello' } });
-    expect(setSearchMock).toHaveBeenCalledTimes(1);
-    expect(setSearchMock).toHaveBeenCalledWith('Hello');
+  describe('active state', () => {
+    test('shows active search bar immediately when searchValue is provided', () => {
+      render(<SearchBar setSearchValue={setSearchMock} searchValue="hello" />);
+      expect(screen.getByLabelText('Search input')).toBeInTheDocument();
+      expect(screen.queryByTestId('search-bar-inactive')).not.toBeInTheDocument();
+    });
+
+    test('shows active search bar immediately when alwaysOpen is true', () => {
+      render(<SearchBar setSearchValue={setSearchMock} alwaysOpen={true} />);
+      expect(screen.getByLabelText('Search input')).toBeInTheDocument();
+      expect(screen.queryByTestId('search-bar-inactive')).not.toBeInTheDocument();
+    });
+
+    test('calls setSearchValue when input changes', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} />);
+      await userEvent.click(screen.getByTestId('search-bar-inactive'));
+      const input = screen.getByLabelText('Search input');
+      fireEvent.change(input, { target: { value: 'Hello' } });
+      expect(setSearchMock).toHaveBeenCalledTimes(1);
+      expect(setSearchMock).toHaveBeenCalledWith('Hello');
+    });
+
+    test('does not throw when setSearchValue is not provided and user types', async () => {
+      render(<SearchBar alwaysOpen={true} />);
+      const input = screen.getByLabelText('Search input');
+      expect(() => fireEvent.change(input, { target: { value: 'Hello' } })).not.toThrow();
+    });
+
+    test('renders clear button when active and alwaysOpen is false', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} alwaysOpen={false} />);
+      await userEvent.click(screen.getByTestId('search-bar-inactive'));
+      expect(screen.getByRole('button', { name: 'Clear search' })).toBeInTheDocument();
+    });
+
+    test('does not render clear button when alwaysOpen is true', () => {
+      render(<SearchBar setSearchValue={setSearchMock} alwaysOpen={true} />);
+      expect(screen.queryByRole('button', { name: 'Clear search' })).not.toBeInTheDocument();
+    });
   });
 
-  test('runs handleClear when clear button is clicked', async () => {
-    render(<SearchBar setSearchValue={setSearchMock} />);
-    await userEvent.click(screen.getByTestId('search-bar-inactive'));
-    await userEvent.click(screen.getByRole('button', { name: 'Clear search' }));
-    expect(setSearchMock).toHaveBeenCalledTimes(1);
-    expect(setSearchMock).toHaveBeenCalledWith('');
+  describe('clear behaviour', () => {
+    test('clicking clear calls setSearchValue with empty string', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} />);
+      await userEvent.click(screen.getByTestId('search-bar-inactive'));
+      await userEvent.click(screen.getByRole('button', { name: 'Clear search' }));
+      expect(setSearchMock).toHaveBeenCalledWith('');
+    });
+
+    test('clicking clear hides the search bar and shows inactive state', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} />);
+      await userEvent.click(screen.getByTestId('search-bar-inactive'));
+      await userEvent.click(screen.getByRole('button', { name: 'Clear search' }));
+      expect(screen.getByTestId('search-bar-inactive')).toBeInTheDocument();
+      expect(screen.queryByLabelText('Search input')).not.toBeInTheDocument();
+    });
+
+    test('does not throw when setSearchValue is not provided and clear is pressed', async () => {
+      render(<SearchBar searchValue="hello" />);
+      expect(() =>
+        fireEvent.click(screen.getByRole('button', { name: 'Clear search' })),
+      ).not.toThrow();
+    });
+
+    test('pressing Enter on clear button triggers clear', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} />);
+      await userEvent.click(screen.getByTestId('search-bar-inactive'));
+      const clearButton = screen.getByRole('button', { name: 'Clear search' });
+      fireEvent.keyDown(clearButton, { key: 'Enter' });
+      expect(setSearchMock).toHaveBeenCalledWith('');
+    });
+
+    test('pressing Space on clear button triggers clear', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} />);
+      await userEvent.click(screen.getByTestId('search-bar-inactive'));
+      const clearButton = screen.getByRole('button', { name: 'Clear search' });
+      fireEvent.keyDown(clearButton, { key: ' ' });
+      expect(setSearchMock).toHaveBeenCalledWith('');
+    });
+
+    test('pressing other keys on clear button does not trigger clear', async () => {
+      render(<SearchBar setSearchValue={setSearchMock} />);
+      await userEvent.click(screen.getByTestId('search-bar-inactive'));
+      const clearButton = screen.getByRole('button', { name: 'Clear search' });
+      fireEvent.keyDown(clearButton, { key: 'Tab' });
+      expect(setSearchMock).not.toHaveBeenCalled();
+    });
   });
 });

package/src/components/searchBar/SearchBar.tsx

@@ -1,20 +1,32 @@
 import classNames from 'classnames';
 import { Button } from 'Components/button/Button';
 import { Icon } from 'Components/icon/Icon';
-import { useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 type SearchBarProps = {
   searchValue?: string;
   setSearchValue?: (searchValue: string) => void;
   placeholderText?: string;
+  hoverText?: string;
+  alwaysOpen?: boolean;
 };
 
 export const SearchBar = (props: SearchBarProps) => {
-  const { searchValue, setSearchValue, placeholderText } = props;
+  const { searchValue, setSearchValue, placeholderText, hoverText, alwaysOpen = false } = props;
 
-  const [isSearchVisible, setIsSearchVisible] = useState(!!searchValue);
+  const [isSearchVisible, setIsSearchVisible] = useState<boolean>(alwaysOpen || !!searchValue);
   const searchInputRef = useRef<HTMLInputElement>(null);
 
+  const [displayedText, setDisplayedText] = useState<string | null>(placeholderText ?? null);
+
+  useEffect(() => {
+    setIsSearchVisible(alwaysOpen || !!searchValue);
+  }, [alwaysOpen, searchValue]);
+
+  useEffect(() => {
+    setDisplayedText(placeholderText ?? null);
+  }, [placeholderText]);
+
   const handleSearch = (event: React.ChangeEvent<HTMLInputElement>) => {
     setSearchValue?.(event.target.value);
   };
@@ -38,17 +50,33 @@ export const SearchBar = (props: SearchBarProps) => {
     }
   };
 
+  const handleMouseEnter = () => {
+    if (hoverText) {
+      setDisplayedText(hoverText);
+    }
+  };
+
+  const handleMouseLeave = () => {
+    if (placeholderText) {
+      setDisplayedText(placeholderText);
+    }
+    else {
+      setDisplayedText(null);
+    }
+  };
+
   if (!isSearchVisible) {
     return (
       <Button
         data-testid="search-bar-inactive"
         className={
           classNames('ds-search-bar--inactive', {
-            'ds-search-bar--inactive-icon-only': !placeholderText,
-            'ds-search-bar--inactive-with-placeholder': placeholderText,
+            'ds-search-bar--inactive-icon-only': !displayedText,
           })
         }
         onClick={handleSearchIconClick}
+        onMouseEnter={handleMouseEnter}
+        onMouseLeave={handleMouseLeave}
       >
         <Icon
           name="search"
@@ -56,10 +84,10 @@ export const SearchBar = (props: SearchBarProps) => {
           color="var(--search-global-default-color-icon)"
           className="ds-search-bar__icon"
         />
-        {placeholderText
+        {displayedText
           && (
             <span className="ds-search-bar--inactive__placeholder">
-              {placeholderText}
+              {displayedText}
             </span>
           )}
       </Button>
@@ -82,16 +110,18 @@ export const SearchBar = (props: SearchBarProps) => {
         ref={searchInputRef}
         aria-label="Search input"
       />
-      <span
-        className="ds-search-bar__clear-container"
-        role="button"
-        tabIndex={0}
-        onClick={handleClear}
-        onKeyDown={handleClearKeyDown}
-        aria-label="Clear search"
-      >
-        <Icon name="x" size={12} className="ds-search-bar__clear" />
-      </span>
+      {!alwaysOpen && (
+        <span
+          className="ds-search-bar__clear-container"
+          role="button"
+          tabIndex={0}
+          onClick={handleClear}
+          onKeyDown={handleClearKeyDown}
+          aria-label="Clear search"
+        >
+          <Icon name="x" size={12} className="ds-search-bar__clear" />
+        </span>
+      )}
     </span>
   );
 };

package/src/components/searchBar/searchBar.scss

@@ -1,7 +1,3 @@
-.ds-search-bar__icon {
-    color: var(--search-global-default-color-icon);
-}
-
 .ds-search-bar {
     display: flex;
     align-items: center;
@@ -9,58 +5,88 @@
     border-radius: var(--search-global-radius);
     background: var(--search-global-default-color-background);
     padding: var(--search-global-spacing-vertical) var(--search-global-spacing-horizontal);
+    min-height: var(--size-medium);
+    width: fit-content;
 
-    &:focus-within {
-        background: var(--search-global-focus-color-background);
-        box-shadow: 0 0 0 3px var(--color-brand-500);
-
-        .ds-search-bar__icon {
-            color: var(--search-global-focus-color-icon);
-        }
+    &__icon {
+        color: var(--search-global-default-color-icon);
     }
-}
 
-.ds-search-bar__clear {
-    cursor: pointer;
-    align-items: center;
-    justify-content: center;
-    display: flex;
-}
+    &__clear {
+        cursor: pointer;
+        align-items: center;
+        justify-content: center;
+        display: flex;
 
-.ds-search-bar__input {
-    color: var(--search-global-default-color-text);
-    background-color: var(--search-global-default-color-background);
-    border: none;
+        &-container {
+            border-radius: var(--border-radius-round);
+            padding: var(--spacing-xsmall);
 
-    &:focus { 
-        outline: none;
-    }
-}
+            &:hover {
+                background-color: var(--color-grey-600);
 
-.ds-search-bar--inactive {
-    display: flex;
-    cursor: pointer;
-    width: fit-content;
-    height: fit-content;
-    align-items: center;
-    justify-content: center;
-    border: none;
-    padding: var(--search-global-spacing-vertical) var(--search-global-spacing-horizontal);
-    gap: var(--search-global-spacing-horizontal-gap);
+                svg {
+                    color: var(--color-mono-white);
+                }
+            }
 
-    &__placeholder {
-      color: var(--search-global-default-color-text);
+            &:focus {
+                box-shadow: 0 0 0 3px var(--color-brand-300);
+                outline: none;
+            }
+        }
     }
 
-    &-icon-only {
-      padding: var(--search-global-spacing-vertical);
+    &__input {
+        color: var(--search-global-default-color-text);
+        background-color: var(--search-global-default-color-background);
+        border: none;
+    
+        &:focus { 
+            outline: none;
+            background: var(--search-global-focus-color-background);
+        }
     }
 
-    &:hover {
-        background: var(--search-global-hover-color-background);
+    &:focus-within {
+        background: var(--search-global-focus-color-background);
+        box-shadow: 0 0 0 3px var(--color-brand-300);
 
         .ds-search-bar__icon {
-            color: var(--search-global-hover-color-icon);
+            color: var(--search-global-focus-color-icon);
+        }
+    }
+
+    &--inactive {
+        display: flex;
+        align-items: center;
+        justify-content: flex-start;
+        border: none;
+        cursor: text;
+        background: var(--search-global-default-color-background);
+        padding: var(--search-global-spacing-vertical) var(--search-global-spacing-horizontal);
+    
+        &__placeholder {
+          color: var(--search-global-default-color-text);
+        }
+    
+        &-icon-only {
+          padding: var(--search-global-spacing-vertical);
+          cursor: pointer;
+          height: fit-content;
+          width: fit-content;
+        }
+    
+        &:hover {
+            background: var(--search-global-hover-color-background);
+    
+            .ds-search-bar__icon {
+                color: var(--search-global-hover-color-icon);
+            }
+        }
+
+        &:focus {
+            background: var(--search-global-focus-color-background);
         }
     }
 }

package/src/index.ts

@@ -33,5 +33,6 @@ export { Toast } from 'Components/toast/Toast';
 export { DatePicker } from 'Components/datePicker/DatePicker';
 export { Avatar } from 'Components/avatar/Avatar';
 export { UserDropdown } from 'Components/userDropdown/UserDropdown';
+export { SearchBar } from 'Components/searchBar/SearchBar';
 export type { UserDropdownUserInfoAction } from 'Components/userDropdown/UserDropdown';
 export { ArborLogo, GovhubLogo, KeyLogo, SampeopleLogo, RobinLogo, TimetablerLogo } from 'Components/userDropdown/assets/logos';