@arbor-education/design-system.components 0.1.2 → 0.1.3

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4BxD,CAAC"}

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Icon } from '../../../../../icon/Icon';
+import { Button } from '../../../../../button/Button';
+export const DropdownButton = (props) => {
+    const { label, disabled, error, pressed, onClick, } = props;
+    const classNames = [
+        'ds-dropdown-select',
+        pressed ? 'ds-dropdown-select--pressed' : '',
+    ]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs(Button, { error: error, type: "dropdown", className: classNames, disabled: disabled, onClick: onClick, children: [_jsx("span", { children: label }), _jsx("span", { className: "ds-dropdown-select--icon", children: _jsx(Icon, { name: "chevron-down" }) })] }));
+};
+//# sourceMappingURL=DropdownButton.js.map

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAUlD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAA0B,EAAE,EAAE;IAC1F,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG;QACjB,oBAAoB;QACpB,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;KAC7C;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,aAEhB,yBAAO,KAAK,GAAQ,EACpB,eAAM,SAAS,EAAC,0BAA0B,YAAC,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,GAAO,IACvE,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts

@@ -0,0 +1,10 @@
+import { type DropdownItemBaseProps } from '../wrapper/DropdownWrapper';
+import type { allowedIcons } from '../../../../icon/allowedIcons';
+export type DropdownOptionsProps = {
+    label: string;
+    header?: string;
+    group?: string;
+    icon?: keyof typeof allowedIcons;
+} & DropdownItemBaseProps;
+export declare const DropdownItemRenderer: (props: DropdownOptionsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownItemRenderer.d.ts.map

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,oBAAoB,GAAI,OAAO,oBAAoB,4CAwB/D,CAAC"}

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// DropdownItemRenderer.tsx
+import { DropdownItem } from './dropdownItem/DropdownItem';
+import { DropdownMultiLineItem } from './dropdownMultiLineItem/DropdownMultiLineItem';
+import {} from '../wrapper/DropdownWrapper';
+export const DropdownItemRenderer = (props) => {
+    const { value, label, header, icon, selected, onSelection } = props;
+    return (header
+        ? (_jsx(DropdownMultiLineItem, { value: value, label: label, header: header, selected: selected, onSelection: onSelection }))
+        : (_jsx(DropdownItem, { value: value, label: label, icon: icon, selected: selected, onSelection: onSelection })));
+};
+//# sourceMappingURL=DropdownItemRenderer.js.map

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItemRenderer.js","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":";AAAA,2BAA2B;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAA8B,MAAM,4BAA4B,CAAC;AAUxE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA2B,EAAE,EAAE;IAClE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAEpE,OAAO,CACL,MAAM;QACJ,CAAC,CAAC,CACE,KAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH;QACH,CAAC,CAAC,CACE,KAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB,CACH,CACN,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts

@@ -0,0 +1,9 @@
+import { allowedIcons } from '../../../../../icon/allowedIcons';
+import type { DropdownItemBaseProps } from '../../../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
+export type DropdownItemProps = {
+    value: string;
+    label?: string;
+    icon?: keyof typeof allowedIcons;
+} & DropdownItemBaseProps;
+export declare const DropdownItem: (props: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAE1G,MAAM,MAAM,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,4CAqCpD,CAAC"}

package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { allowedIcons } from '../../../../../icon/allowedIcons';
+import { Icon } from '../../../../../icon/Icon';
+import classNames from 'classnames';
+export const DropdownItem = (props) => {
+    const { label, value, icon, selected = false, onSelection, id } = props;
+    const itemClassNames = classNames('ds-dropdown-item', {
+        'ds-dropdown-item--pressed': selected,
+    });
+    return (_jsx("div", { role: "option", id: id, className: itemClassNames, onClick: () => onSelection?.(value), tabIndex: 0, "aria-selected": selected, onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onSelection?.(value);
+            }
+        }, children: _jsxs("div", { className: "ds-dropdown-item--content", children: [icon && (_jsx("span", { className: "ds-dropdown-item--icon", children: _jsx(Icon, { name: icon, size: 16 }) })), _jsx("span", { className: "ds-dropdown-item--label", children: label ? label : value }), selected && (_jsx("span", { className: "ds-dropdown-item--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) }))] }) }));
+};
+//# sourceMappingURL=DropdownItem.js.map

package/dist/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownItem/DropdownItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACvD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAExE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;QACpD,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,YAED,eAAK,SAAS,EAAC,2BAA2B,aACvC,IAAI,IAAI,CACP,eAAM,SAAS,EAAC,wBAAwB,YACtC,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,GAAI,GACzB,CACR,EACD,eAAM,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAQ,EACvE,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,8BAA8B,YAC5C,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,IACG,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts

@@ -0,0 +1,7 @@
+import type { DropdownItemBaseProps } from '../../../../../formField/inputs/dropdown/wrapper/DropdownWrapper';
+export type DropdownMultiLineItemProps = {
+    header: string;
+    label: string;
+} & DropdownItemBaseProps;
+export declare const DropdownMultiLineItem: (props: DropdownMultiLineItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownMultiLineItem.d.ts.map

package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMultiLineItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,8DAA8D,CAAC;AAG1G,MAAM,MAAM,0BAA0B,GAAG;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,qBAAqB,GAAI,OAAO,0BAA0B,4CAqCtE,CAAC"}

package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames'; // Import the classNames utility
+import { Icon } from '../../../../../icon/Icon'; // Import the Icon component
+export const DropdownMultiLineItem = (props) => {
+    const { value, label, header, selected, onSelection, id } = props;
+    const itemClassNames = classNames('ds-dropdown-item', {
+        'ds-dropdown-item--pressed': selected,
+    });
+    return (_jsx("div", { role: "option", id: id, className: itemClassNames, onClick: () => onSelection?.(value), tabIndex: 0, "aria-selected": selected, onKeyDown: (e) => {
+            if (e.key === 'Enter' || e.key === ' ') {
+                e.preventDefault();
+                onSelection?.(value);
+            }
+        }, children: _jsxs("div", { className: "ds-dropdown-item-multiline ds-dropdown-item--content", children: [_jsxs("h4", { className: "ds-dropdown-item-multiline--header", children: [header, selected && (_jsx("span", { className: "ds-dropdown-item-multiline--check-icon", children: _jsx(Icon, { name: "check", size: 16 }) }))] }), _jsx("div", { className: "ds-dropdown-item-multiline--content", children: label ? label : value })] }) }));
+};
+//# sourceMappingURL=DropdownMultiLineItem.js.map

package/dist/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMultiLineItem.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/items/dropdownMultiLineItem/DropdownMultiLineItem.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC,CAAC,gCAAgC;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC,CAAC,4BAA4B;AASzE,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAiC,EAAE,EAAE;IACzE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IAElE,MAAM,cAAc,GAAG,UAAU,CAAC,kBAAkB,EAAE;QACpD,2BAA2B,EAAE,QAAQ;KACtC,CAAC,CAAC;IAEH,OAAO,CACL,cACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,CAAC,mBACI,QAAQ,EACvB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;gBACvC,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACvB,CAAC;QACH,CAAC,YAED,eAAK,SAAS,EAAC,sDAAsD,aACnE,cAAI,SAAS,EAAC,oCAAoC,aAC/C,MAAM,EACN,QAAQ,IAAI,CACX,eAAM,SAAS,EAAC,wCAAwC,YACtD,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,GAC1B,CACR,IACE,EACL,cAAK,SAAS,EAAC,qCAAqC,YACjD,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAClB,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts

@@ -0,0 +1,16 @@
+import React, { type SelectHTMLAttributes, type ReactNode } from 'react';
+export type DropdownItemBaseProps = {
+    value: string;
+    selected?: boolean;
+    onSelection?: (value: string) => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+export type DropdownWrapperProps = {
+    placeholder?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    errorText?: string;
+    children: ReactNode;
+    onSelectionChange: (value: string[]) => void;
+} & SelectHTMLAttributes<HTMLSelectElement>;
+export declare const DropdownWrapper: (props: DropdownWrapperProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DropdownWrapper.d.ts.map

package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownWrapper.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,oBAAoB,EAEzB,KAAK,SAAS,EAIf,MAAM,OAAO,CAAC;AAGf,MAAM,MAAM,qBAAqB,GAAG;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEzC,MAAM,MAAM,oBAAoB,GAAG;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,eAAe,GAAI,OAAO,oBAAoB,4CAgH1D,CAAC"}

package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, cloneElement, useEffect, useRef, } from 'react';
+import { DropdownButton } from '../../../../formField/inputs/dropdown/buttons/dropdownButton/DropdownButton';
+export const DropdownWrapper = (props) => {
+    const { placeholder, disabled, errorText, multiple, children, onSelectionChange } = props;
+    const [dropdownOpen, setDropdownOpen] = useState(false);
+    const [selected, setSelected] = useState([]);
+    const [focusedIndex, setFocusedIndex] = useState(-1);
+    const dropdownRef = useRef(null);
+    const toggleDropdown = (e) => {
+        e.preventDefault();
+        if (!disabled) {
+            setDropdownOpen(!dropdownOpen);
+        }
+    };
+    const handleItemClick = (value) => {
+        if (!multiple) {
+            setSelected([value]);
+            setDropdownOpen(false);
+        }
+        else {
+            setSelected(prev => prev.includes(value) ? prev.filter(sel => sel !== value) : [...prev, value]);
+        }
+    };
+    const handleKeyDown = (e) => {
+        if (!dropdownOpen) {
+            if (e.key === 'ArrowDown' || e.key === 'Enter') {
+                e.preventDefault();
+                setDropdownOpen(true);
+                setFocusedIndex(0);
+            }
+            return;
+        }
+        const items = React.Children.toArray(children).filter(child => React.isValidElement(child));
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                setFocusedIndex(prev => (prev + 1) % items.length);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                setFocusedIndex(prev => (prev - 1 + items.length) % items.length);
+                break;
+            case 'Enter':
+                e.preventDefault();
+                if (focusedIndex >= 0 && focusedIndex < items.length) {
+                    const item = items[focusedIndex];
+                    handleItemClick(item.props.value);
+                }
+                break;
+            case 'Escape':
+                e.preventDefault();
+                setDropdownOpen(false);
+                break;
+            default:
+                break;
+        }
+    };
+    useEffect(() => {
+        onSelectionChange(selected);
+    }, [selected]);
+    return (_jsxs("div", { className: "ds-dropdown-wrapper", ref: dropdownRef, onKeyDown: handleKeyDown, role: "combobox", "aria-expanded": dropdownOpen, "aria-haspopup": "listbox", "aria-disabled": disabled, children: [_jsx(DropdownButton, { label: placeholder ?? '', disabled: disabled, error: !!errorText, pressed: dropdownOpen, onClick: toggleDropdown }), dropdownOpen && (_jsx("div", { role: "listbox", id: "dropdownList", className: "ds-dropdown-wrapper--items", "aria-activedescendant": focusedIndex >= 0 ? `dropdown-item-${focusedIndex}` : undefined, children: React.Children.map(children, (child, index) => {
+                    if (React.isValidElement(child)) {
+                        return cloneElement(child, {
+                            selected: selected.includes(child.props.value),
+                            onSelection: handleItemClick,
+                            id: `dropdown-item-${index}`,
+                        });
+                    }
+                    return child;
+                }) }))] }));
+};
+//# sourceMappingURL=DropdownWrapper.js.map

package/dist/components/formField/inputs/dropdown/wrapper/DropdownWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownWrapper.js","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/wrapper/DropdownWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAEZ,QAAQ,EAER,YAAY,EACZ,SAAS,EACT,MAAM,GACP,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,cAAc,EAAE,MAAM,4EAA4E,CAAC;AAiB5G,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAE1F,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAW,EAAE,CAAC,CAAC;IACvD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC,CAAC;IAC7D,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,cAAc,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC7C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,eAAe,CAAC,CAAC,YAAY,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAa,EAAE,EAAE;QACxC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YACrB,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;aACI,CAAC;YACJ,WAAW,CAAC,IAAI,CAAC,EAAE,CACjB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,KAAK,CAAC,CAC5E,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC/C,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;gBAC/C,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,IAAI,CAAC,CAAC;gBACtB,eAAe,CAAC,CAAC,CAAC,CAAC;YACrB,CAAC;YACD,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAC5D,KAAK,CAAC,cAAc,CAAwB,KAAK,CAAC,CACnD,CAAC;QAEF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;gBACnD,MAAM;YACR,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;gBAClE,MAAM;YACR,KAAK,OAAO;gBACV,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,YAAY,IAAI,CAAC,IAAI,YAAY,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC;oBACrD,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAA8C,CAAC;oBAC9E,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACpC,CAAC;gBACD,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,KAAK,CAAC,CAAC;gBACvB,MAAM;YACR;gBACE,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,eACE,SAAS,EAAC,qBAAqB,EAC/B,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,aAAa,EACxB,IAAI,EAAC,UAAU,mBACA,YAAY,mBACb,SAAS,mBACR,QAAQ,aAGvB,KAAC,cAAc,IACb,KAAK,EAAE,WAAW,IAAI,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAC,CAAC,SAAS,EAClB,OAAO,EAAE,YAAY,EACrB,OAAO,EAAE,cAAc,GACvB,EAED,YAAY,IAAI,CACf,cACE,IAAI,EAAC,SAAS,EACd,EAAE,EAAC,cAAc,EACjB,SAAS,EAAC,4BAA4B,2BAEpC,YAAY,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,YAGhE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;oBAC7C,IAAI,KAAK,CAAC,cAAc,CAAwB,KAAK,CAAC,EAAE,CAAC;wBACvD,OAAO,YAAY,CAAC,KAAK,EAAE;4BACzB,QAAQ,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;4BAC9C,WAAW,EAAE,eAAe;4BAC5B,EAAE,EAAE,iBAAiB,KAAK,EAAE;yBAC7B,CAAC,CAAC;oBACL,CAAC;oBACD,OAAO,KAAK,CAAC;gBACf,CAAC,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts

@@ -1,11 +1,15 @@
 import { type SelectDropdownItemProps } from './items/item/SelectDropdownItem';
 export type SelectDropdownInputProps = {
-    placeholder?: string;
-    options: SelectDropdownItemProps[];
-    multiple?: boolean;
-    disabled?: boolean;
-    errorText?: string;
-    onSelectionChange: (value: string[]) => void;
+    'placeholder'?: string;
+    'options': SelectDropdownItemProps[];
+    'multiple'?: boolean;
+    'disabled'?: boolean;
+    'hasError'?: boolean;
+    'aria-describedBy'?: string;
+    'aria-invalid'?: boolean;
+    'onSelectionChange'?: (value: string[]) => void;
+    'id'?: string;
+    'alwaysShowPlaceholder'?: boolean;
 };
 export declare const SelectDropdown: (props: SelectDropdownInputProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SelectDropdown.d.ts.map

package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAInG,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,uBAAuB,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,wBAAwB,4CAsF7D,CAAC"}
+{"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsB,KAAK,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAInG,MAAM,MAAM,wBAAwB,GAAG;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,uBAAuB,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,wBAAwB,4CAgG7D,CAAC"}

package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js

@@ -1,16 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { SelectDropdownItem } from './items/item/SelectDropdownItem';
 import { Dropdown } from '../../../dropdown/Dropdown';
 import { Button } from '../../../button/Button';
 export const SelectDropdown = (props) => {
-    const { options, disabled, multiple, placeholder, errorText, onSelectionChange } = props;
+    const { options, disabled, multiple, placeholder, hasError, onSelectionChange, id, 'aria-describedBy': ariaDescribedBy, 'aria-invalid': ariaInvalid, alwaysShowPlaceholder = false } = props;
     const [selectedValues, setSelectedValues] = useState([]);
     const [renderedSelectContent, setRenderedSelectContent] = useState('');
     useEffect(() => {
-        onSelectionChange(selectedValues);
+        onSelectionChange?.(selectedValues);
     }, [selectedValues]);
     useEffect(() => {
+        if (alwaysShowPlaceholder) {
+            setRenderedSelectContent(placeholder ?? 'Select');
+            return;
+        }
         if (selectedValues.length === 0) {
             setRenderedSelectContent(placeholder ?? 'Select');
         }
@@ -47,8 +51,8 @@ export const SelectDropdown = (props) => {
             setSelectedValues(prev => prev.includes(value) ? prev.filter(sel => sel !== value) : [...prev, value]);
         }
     };
-    return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { disabled: disabled, children: _jsx(Button, { variant: "dropdown", error: !!errorText, iconRightName: "chevron-down", children: renderedSelectContent }) }), _jsx(Dropdown.Content, { children: flatOptions.map(item => 'headerLabel' in item
-                    ? (_jsx("h3", { className: "ds-select-dropdown__items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
-                    : (_jsx(SelectDropdownItem, { value: item.value, header: item.header, label: item.label, icon: item.icon, onSelection: handleItemClick, selected: selectedValues.includes(item.value), closeAfterSelection: !multiple }, item.value))) })] }));
+    return (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: id, value: selectedValues.join(',') }), _jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { disabled: disabled, children: _jsx(Button, { variant: "dropdown", error: hasError, iconRightName: "chevron-down", id: id, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, children: renderedSelectContent }) }), _jsx(Dropdown.Content, { children: flatOptions.map(item => 'headerLabel' in item
+                            ? (_jsx("h3", { className: "ds-select-dropdown__items--header", children: item.headerLabel }, `${item.headerLabel}-header`))
+                            : (_jsx(SelectDropdownItem, { value: item.value, header: item.header, label: item.label, icon: item.icon, onSelection: handleItemClick, selected: selectedValues.includes(item.value), closeAfterSelection: !multiple }, item.value))) })] })] }));
 };
 //# sourceMappingURL=SelectDropdown.js.map

package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js

@@ -65,7 +65,7 @@ describe('SelectDropdown component', () => {
         expect(onSelectionChange).toHaveBeenCalledWith(['option1', 'option2']);
     });
     test('applies error class when errorText is provided', () => {
-        render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), placeholder: "Select", disabled: false, errorText: "Something went wrong", options: [{ label: 'Label 1', value: 'label1' }] }));
+        render(_jsx(SelectDropdown, { onSelectionChange: vi.fn(), placeholder: "Select", disabled: false, hasError: true, options: [{ label: 'Label 1', value: 'label1' }] }));
         const selectElement = screen.getByRole('button');
         expect(selectElement).toHaveClass('ds-button--error');
     });

package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectDropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,mBAAmB,EAC/B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC7D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACjE,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAE9B,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,CACJ,KAAC,cAAc,IACb,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,CACJ,KAAC,cAAc,IACb,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;gBACtD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;aACtD,EACD,QAAQ,QACR,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,CACJ,KAAC,cAAc,IACb,QAAQ,QACR,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAE7C,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC/B,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE/B,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gDAAgD,EAAE,GAAG,EAAE;QAC1D,MAAM,CACJ,KAAC,cAAc,IACb,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAK,EACf,QAAQ,QACR,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,CACJ,KAAC,cAAc,IACb,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACzD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACzD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,CACJ,KAAC,cAAc,IACb,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;gBAC1D,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;aAC3D,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/heading/HeadingInnerContainer.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'react';
+type HeadingSubContainerProps = HTMLAttributes<HTMLSpanElement>;
+export declare const HeadingInnerContainer: (props: HeadingSubContainerProps) => import('react/jsx-runtime').JSX.Element;
+export {};
+// # sourceMappingURL=HeadingInnerContainer.d.ts.map

package/dist/components/heading/HeadingInnerContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingInnerContainer.d.ts","sourceRoot":"","sources":["../../../src/components/heading/HeadingInnerContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEhE,eAAO,MAAM,qBAAqB,GAAI,OAAO,wBAAwB,4CAYpE,CAAC"}

package/dist/components/heading/HeadingInnerContainer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from 'react/jsx-runtime';
+import classNames from 'classnames';
+export const HeadingInnerContainer = (props) => {
+  const { className, ...rest } = props;
+  return (_jsx('span', { className: classNames(className, 'ds-heading__inner-container'), ...rest }));
+};
+// # sourceMappingURL=HeadingInnerContainer.js.map

package/dist/components/heading/HeadingInnerContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeadingInnerContainer.js","sourceRoot":"","sources":["../../../src/components/heading/HeadingInnerContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,SAAS,EACT,6BAA6B,CAC9B,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/icon/Icon.d.ts

@@ -6,7 +6,6 @@ type IconProps = {
     screenReaderText?: string;
     name: IconName;
     className?: string;
-    ariaLabel?: string;
 };
 export declare const Icon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG7D,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAapC,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAgB,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG7D,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAapC,CAAC"}

package/dist/components/icon/Icon.js

@@ -5,6 +5,6 @@ export const Icon = (props) => {
     const { size = 16, color = 'currentColor', name, screenReaderText, className } = props;
     const Component = allowedIcons[name];
     const classes = classNames(className, `ds-icon ds-icon-${name}`);
-    return (_jsxs(_Fragment, { children: [_jsx(Component, { size: size, color: color, className: classes, role: "img", "aria-hidden": "true" }), !!screenReaderText && (_jsx("span", { className: "sr-only", children: screenReaderText }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Component, { size: size, color: color, className: classes, role: "img", "aria-hidden": true }), !!screenReaderText && (_jsx("span", { className: "sr-only", children: screenReaderText }))] }));
 };
 //# sourceMappingURL=Icon.js.map

package/dist/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAiB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAWpC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,mBAAmB,IAAI,EAAE,CAAC,CAAC;IACjE,OAAO,CACL,8BAEE,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,KAAK,iBAAa,MAAM,GAAG,EACxF,CAAC,CAAC,gBAAgB,IAAI,CACrB,eAAM,SAAS,EAAC,SAAS,YAAE,gBAAgB,GAAQ,CACpD,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAiB,MAAM,gBAAgB,CAAC;AAC7D,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACvC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,KAAK,GAAG,cAAc,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACvF,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,OAAO,GAAG,UAAU,CAAC,SAAS,EAAE,mBAAmB,IAAI,EAAE,CAAC,CAAC;IACjE,OAAO,CACL,8BAEE,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,KAAK,wBAAe,EACjF,CAAC,CAAC,gBAAgB,IAAI,CACrB,eAAM,SAAS,EAAC,SAAS,YAAE,gBAAgB,GAAQ,CACpD,IACA,CACJ,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+type SearchBarProps = {
+    searchValue?: string;
+    setSearchValue?: (searchValue: string) => void;
+    placeholderText?: string;
+};
+export declare const SearchBar: (props: SearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SearchBar.d.ts.map

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

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

package/dist/components/searchBar/SearchBar.js

@@ -0,0 +1,38 @@
+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';
+export const SearchBar = (props) => {
+    const { searchValue, setSearchValue, placeholderText } = props;
+    const [isSearchVisible, setIsSearchVisible] = useState(!!searchValue);
+    const searchInputRef = useRef(null);
+    const handleSearch = (event) => {
+        setSearchValue?.(event.target.value);
+    };
+    const handleClear = () => {
+        setSearchValue?.('');
+        setIsSearchVisible(false);
+    };
+    const handleSearchIconClick = () => {
+        setIsSearchVisible(true);
+        setTimeout(() => {
+            searchInputRef.current?.focus();
+        }, 0);
+    };
+    const handleClearKeyDown = (event) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            handleClear();
+        }
+    };
+    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 }))] }));
+    }
+    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" }) })] }));
+};
+//# sourceMappingURL=SearchBar.js.map

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

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

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

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=SearchBar.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBar.test.d.ts","sourceRoot":"","sources":["../../../src/components/searchBar/SearchBar.test.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC"}

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+import { SearchBar } from './SearchBar';
+import userEvent from '@testing-library/user-event';
+const setSearchMock = vi.fn();
+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();
+    });
+    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');
+    });
+    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('');
+    });
+});
+//# sourceMappingURL=SearchBar.test.js.map

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

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

package/dist/components/slideover/Slideover.d.ts

@@ -6,6 +6,7 @@ export type SlideoverProps = {
     footerContents?: ReactNode;
     headerIcon?: IconName;
     centerHeaderText?: boolean;
+    hideBackButton?: boolean;
 };
 export declare const Slideover: (props: SlideoverProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Slideover.d.ts.map

package/dist/components/slideover/Slideover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slideover.d.ts","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAqB9C,CAAC"}
+{"version":3,"file":"Slideover.d.ts","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAyB9C,CAAC"}

package/dist/components/slideover/Slideover.js

@@ -5,7 +5,7 @@ import { Heading } from '../heading/Heading';
 import { Icon } from '../icon/Icon';
 import { SlideoverUtils } from '../../utils/SlideoverUtils';
 export const Slideover = (props) => {
-    const { title, children, footerContents, headerIcon, centerHeaderText = true } = props;
-    return (_jsxs("aside", { className: "ds-slideover", children: [_jsxs("div", { className: classNames('ds-slideover__header', { 'ds-slideover__header--center': centerHeaderText }), children: [_jsxs(Button, { variant: "tertiary", onClick: SlideoverUtils.removeSlideover, children: [_jsx(Icon, { name: "chevrons-left" }), "Back"] }), _jsxs(Heading, { level: 2, children: [title, headerIcon && _jsx(Icon, { name: headerIcon })] })] }), _jsx("div", { className: "ds-slideover__contents", children: children }), footerContents && _jsx("div", { className: "ds-slideover__footer", children: footerContents })] }));
+    const { title, children, footerContents, headerIcon, centerHeaderText = true, hideBackButton } = props;
+    return (_jsxs("aside", { className: "ds-slideover", children: [_jsxs("div", { className: classNames('ds-slideover__header', { 'ds-slideover__header--center': centerHeaderText }), children: [!hideBackButton && (_jsxs(Button, { variant: "tertiary", onClick: SlideoverUtils.removeSlideover, children: [_jsx(Icon, { name: "chevrons-left" }), "Back"] })), _jsxs(Heading, { level: 2, children: [title, headerIcon && _jsx(Icon, { name: headerIcon })] })] }), _jsx("div", { className: "ds-slideover__contents", children: children }), footerContents && _jsx("div", { className: "ds-slideover__footer", children: footerContents })] }));
 };
 //# sourceMappingURL=Slideover.js.map

package/dist/components/slideover/Slideover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slideover.js","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAUtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvF,OAAO,CACL,iBAAO,SAAS,EAAC,cAAc,aAC7B,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,8BAA8B,EAAE,gBAAgB,EAAE,CAAC,aACtG,MAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,cAAc,CAAC,eAAe,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,GAAG,YAEtB,EACT,MAAC,OAAO,IAAC,KAAK,EAAE,CAAC,aACd,KAAK,EACL,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,GAAI,IACjC,IACN,EAEN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EAEvD,cAAc,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,cAAc,GAAO,IACzE,CACT,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Slideover.js","sourceRoot":"","sources":["../../../src/components/slideover/Slideover.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAWtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,IAAI,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEvG,OAAO,CACL,iBAAO,SAAS,EAAC,cAAc,aAC7B,eAAK,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,EAAE,8BAA8B,EAAE,gBAAgB,EAAE,CAAC,aAEpG,CAAC,cAAc,IAAI,CACjB,MAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,cAAc,CAAC,eAAe,aAChE,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,GAAG,YAEtB,CACV,EAEH,MAAC,OAAO,IAAC,KAAK,EAAE,CAAC,aACd,KAAK,EACL,UAAU,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,UAAU,GAAI,IACjC,IACN,EAEN,cAAK,SAAS,EAAC,wBAAwB,YAAE,QAAQ,GAAO,EAEvD,cAAc,IAAI,cAAK,SAAS,EAAC,sBAAsB,YAAE,cAAc,GAAO,IACzE,CACT,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/table/HideColumnsDropdown.d.ts

@@ -0,0 +1,9 @@
+import type { Column } from 'ag-grid-community';
+type HideColumnsDropdownProps = {
+    columns?: Column[];
+    onSelectionChanged?: (cols: string[]) => void;
+    overrideColumnHiding?: boolean;
+};
+export declare const HideColumnsDropdown: (props: HideColumnsDropdownProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=HideColumnsDropdown.d.ts.map

package/dist/components/table/HideColumnsDropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HideColumnsDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/table/HideColumnsDropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAEhD,KAAK,wBAAwB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC9C,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,OAAO,wBAAwB,mDA6ClE,CAAC"}