@arbor-education/design-system.components 0.0.3 → 0.0.5

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACvB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY;YAHjC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAatB,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,KAAK,wBAAwB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAgBhE,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACvB,GAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO;YAAW,YAAY;;gBAHjC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAfe,wBAAwB;CA4B7D,CAAC"}

package/dist/components/heading/Heading.js

@@ -1,4 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
 import { createElement } from 'react';
+const HeadingInnerContainer = (props) => {
+    const { className, ...rest } = props;
+    return (_jsx("span", { className: classNames('ds-heading__inner-container', className), ...rest }));
+};
 export const Heading = (props) => {
     const { level = 1, children } = props;
     const Component = {
@@ -7,6 +13,7 @@ export const Heading = (props) => {
         3: 'h3',
         4: 'h4',
     }[level];
-    return createElement(Component, { className: 'ds-heading', ...props }, children);
+    return createElement(Component, { ...props, className: classNames('ds-heading', props.className) }, children);
 };
+Heading.InnerContainer = HeadingInnerContainer;
 //# sourceMappingURL=Heading.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAkB,MAAM,OAAO,CAAC;AAMtD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,SAAS,GAAG;QAChB,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;KACR,CAAC,KAAK,CAAC,CAAC;IAET,OAAO,aAAa,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,CAAC;AACnF,CAAC,CAAC"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAuC,MAAM,OAAO,CAAC;AAI3E,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IAChE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAErC,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,6BAA6B,EAC7B,SAAS,CACV,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAMF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IAC7C,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACtC,MAAM,SAAS,GAAG;QAChB,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;QACP,CAAC,EAAE,IAAI;KACR,CAAC,KAAK,CAAC,CAAC;IAET,OAAO,aAAa,CAAC,SAAS,EAAE,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,QAAQ,CAAC,CAAC;AAChH,CAAC,CAAC;AAEF,OAAO,CAAC,cAAc,GAAG,qBAAqB,CAAC"}

package/dist/components/heading/Heading.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAKpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAG9B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;CAanC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;CAiBtC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;CAuBvC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAIpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAG9B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;CAanC,CAAC;AAEF,eAAO,MAAM,0BAA0B;;;;;CAiBtC,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;;;CAuBvC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/heading/Heading.stories.js

@@ -2,7 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Heading } from './Heading';
 import { Button } from '../button/Button';
 import { Icon } from '../icon/Icon';
-import { HeadingInnerContainer } from './HeadingInnerContainer';
 const meta = {
     title: 'Components/Heading',
     component: Heading,
@@ -15,7 +14,7 @@ export const Default = {
 };
 export const FloatingChildren = {
     args: {
-        children: [_jsx(HeadingInnerContainer, { children: "Text floating left" }, 1), _jsx("span", { children: "Text floating right" }, 2)],
+        children: [_jsx(Heading.InnerContainer, { children: "Text floating left" }, 1), _jsx("span", { children: "Text floating right" }, 2)],
         level: 1,
     },
 };
@@ -23,8 +22,8 @@ export const HeadingWithSingleButton = {
     args: {
         level: 1,
         children: [
-            _jsx(HeadingInnerContainer, { children: "Heading" }, 1),
-            _jsx(HeadingInnerContainer, { children: _jsxs(Button, { children: [_jsx(Icon, { name: "info" }), "Button Text"] }) }, 2),
+            _jsx(Heading.InnerContainer, { children: "Heading" }, 1),
+            _jsx(Heading.InnerContainer, { children: _jsxs(Button, { children: [_jsx(Icon, { name: "info" }), "Button Text"] }) }, 2),
         ],
     },
 };
@@ -32,8 +31,8 @@ export const HeadingWithMultipleButtons = {
     args: {
         level: 1,
         children: [
-            _jsx(HeadingInnerContainer, { children: "Heading" }, 1),
-            _jsxs(HeadingInnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { type: "secondary", children: [_jsx(Icon, { name: "info" }), "Button Text"] }), _jsxs(Button, { children: [_jsx(Icon, { name: "info" }), "Button Text"] })] }, 2),
+            _jsx(Heading.InnerContainer, { children: "Heading" }, 1),
+            _jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { type: "secondary", children: [_jsx(Icon, { name: "info" }), "Button Text"] }), _jsxs(Button, { children: [_jsx(Icon, { name: "info" }), "Button Text"] })] }, 2),
         ],
     },
 };
@@ -41,8 +40,8 @@ export const HeadingWithButtonsBothSides = {
     args: {
         level: 1,
         children: [
-            _jsxs(HeadingInnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { type: "tertiary", children: [_jsx(Icon, { name: "chevron-left" }), "Button Text"] }), "Heading"] }, 1),
-            _jsxs(HeadingInnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { type: "secondary", children: [_jsx(Icon, { name: "info" }), "Button Text"] }), _jsxs(Button, { children: [_jsx(Icon, { name: "info" }), "Button Text"] })] }, 2),
+            _jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { type: "tertiary", children: [_jsx(Icon, { name: "chevron-left" }), "Button Text"] }), "Heading"] }, 1),
+            _jsxs(Heading.InnerContainer, { className: "medium-spacing-gap", children: [_jsxs(Button, { type: "secondary", children: [_jsx(Icon, { name: "info" }), "Button Text"] }), _jsxs(Button, { children: [_jsx(Icon, { name: "info" }), "Button Text"] })] }, 2),
         ],
     },
 };

package/dist/components/heading/Heading.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,cAAc,CAAC;QAC1B,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,KAAC,qBAAqB,sCAAM,CAAC,CAA4C,EAAE,kDAAW,CAAC,CAA4B,CAAC;QAC/H,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,KAAC,qBAAqB,2BAAM,CAAC,CAAiC;YAC9D,KAAC,qBAAqB,cACpB,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,IAJiB,CAAC,CAKL;SACzB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,KAAC,qBAAqB,2BAAM,CAAC,CAAiC;YAC9D,MAAC,qBAAqB,IAAS,SAAS,EAAC,oBAAoB,aAC3D,MAAC,MAAM,IAAC,IAAI,EAAC,WAAW,aACtB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,EACT,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,KARiB,CAAC,CASL;SACzB;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,MAAC,qBAAqB,IAAS,SAAS,EAAC,oBAAoB,aAC3D,MAAC,MAAM,IAAC,IAAI,EAAC,UAAU,aACrB,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,mBAErB,gBAJiB,CAAC,CAML;YACxB,MAAC,qBAAqB,IAAS,SAAS,EAAC,oBAAoB,aAC3D,MAAC,MAAM,IAAC,IAAI,EAAC,WAAW,aACtB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,EACT,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,KARiB,CAAC,CASL;SACzB;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Heading.stories.js","sourceRoot":"","sources":["../../../src/components/heading/Heading.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,cAAc,CAAC;QAC1B,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE;QACJ,QAAQ,EAAE,CAAC,KAAC,OAAO,CAAC,cAAc,sCAAM,CAAC,CAA6C,EAAE,kDAAW,CAAC,CAA4B,CAAC;QACjI,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,KAAC,OAAO,CAAC,cAAc,2BAAM,CAAC,CAAkC;YAChE,KAAC,OAAO,CAAC,cAAc,cACrB,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,IAJkB,CAAC,CAKL;SAC1B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,KAAC,OAAO,CAAC,cAAc,2BAAM,CAAC,CAAkC;YAChE,MAAC,OAAO,CAAC,cAAc,IAAS,SAAS,EAAC,oBAAoB,aAC5D,MAAC,MAAM,IAAC,IAAI,EAAC,WAAW,aACtB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,EACT,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,KARkB,CAAC,CASL;SAC1B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG;IACzC,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE;YACR,MAAC,OAAO,CAAC,cAAc,IAAS,SAAS,EAAC,oBAAoB,aAC5D,MAAC,MAAM,IAAC,IAAI,EAAC,UAAU,aACrB,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,mBAErB,gBAJkB,CAAC,CAML;YACzB,MAAC,OAAO,CAAC,cAAc,IAAS,SAAS,EAAC,oBAAoB,aAC5D,MAAC,MAAM,IAAC,IAAI,EAAC,WAAW,aACtB,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,EACT,MAAC,MAAM,eACL,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,mBAEb,KARkB,CAAC,CASL;SAC1B;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

package/dist/components/heading/HeadingInnerContainer.js

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

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

@@ -1,10 +1,10 @@
 import type { IconSize } from './types';
-import { allowedIcons } from './allowedIcons';
+import { type IconName } from './allowedIcons';
 type IconProps = {
     size?: IconSize;
     color?: string;
     screenReaderText?: string;
-    name: keyof typeof allowedIcons;
+    name: IconName;
     className?: string;
     ariaLabel?: string;
 };

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,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,OAAO,YAAY,CAAC;IAChC,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;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,IAAI,GAAI,OAAO,SAAS,4CAapC,CAAC"}

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,EAAE,MAAM,gBAAgB,CAAC;AAC9C,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;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"}

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

@@ -6,6 +6,13 @@ export declare const Default: {
         name: string;
         size: number;
     };
+    argTypes: {
+        name: {
+            control: string;
+            description: string;
+            options: string[];
+        };
+    };
 };
 export default meta;
 //# sourceMappingURL=Icon.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAG9B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAG3B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -1,4 +1,5 @@
 import { Icon } from './Icon';
+import { allowedIcons } from './allowedIcons';
 const meta = {
     title: 'Components/Icon',
     component: Icon,
@@ -8,6 +9,13 @@ export const Default = {
         name: '3-dot',
         size: 16,
     },
+    argTypes: {
+        name: {
+            control: 'select',
+            description: 'Icon name',
+            options: Object.keys(allowedIcons),
+        },
+    },
 };
 export default meta;
 //# sourceMappingURL=Icon.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;KACT;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../../src/components/icon/Icon.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,EAAE;KACT;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,WAAW;YACxB,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;SACnC;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -107,4 +107,5 @@ export declare const allowedIcons: {
     readonly 'favourite-filled': (props: LucideProps) => import("react/jsx-runtime").JSX.Element;
     readonly 'x-solid': (props: CustomIconProps) => import("react/jsx-runtime").JSX.Element;
 };
+export type IconName = keyof typeof allowedIcons;
 //# sourceMappingURL=allowedIcons.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"allowedIcons.d.ts","sourceRoot":"","sources":["../../../src/components/icon/allowedIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,EA2DG,KAAK,WAAW,EA8BzB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0GA,eAAe;yCACV,WAAW;gCAGpB,eAAe;CAC1B,CAAC"}
+{"version":3,"file":"allowedIcons.d.ts","sourceRoot":"","sources":["../../../src/components/icon/allowedIcons.tsx"],"names":[],"mappings":"AAAA,OAAO,EA2DG,KAAK,WAAW,EA8BzB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAK/C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA0GA,eAAe;yCACV,WAAW;gCAGpB,eAAe;CAC1B,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,YAAY,CAAC"}

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

@@ -0,0 +1,18 @@
+import { type ButtonSize, type ButtonType } from '../button/Button';
+import type { IconName } from '../icon/allowedIcons';
+import { type HTMLAttributes, type MouseEventHandler } from 'react';
+type SectionProps = {
+    title?: string;
+    titleIconName?: IconName;
+    titleIconColor?: string;
+    titleIconScreenReaderText?: string;
+    collapsible?: boolean;
+    collapsed?: boolean;
+    buttonText?: string;
+    buttonOnClick?: MouseEventHandler<HTMLButtonElement>;
+    buttonType?: ButtonType;
+    buttonSize?: ButtonSize;
+} & HTMLAttributes<HTMLElement>;
+export declare const Section: (props: SectionProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Section.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,UAAU,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEpF,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG9E,KAAK,YAAY,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,4CA6G1C,CAAC"}

package/dist/components/section/Section.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Button } from '../button/Button';
+import { Heading } from '../heading/Heading';
+import { Icon } from '../icon/Icon';
+import { useState } from 'react';
+import { ENTER_KEY, SPACE_KEY } from '../../utils/keyboardConstants';
+export const Section = (props) => {
+    const { className, children, title, titleIconName, titleIconColor, titleIconScreenReaderText, collapsible = false, collapsed: initialCollapsed = false, buttonText, buttonOnClick, buttonType, buttonSize, } = props;
+    const [collapsed, setCollapsed] = useState(initialCollapsed);
+    const toggleCollapsedState = () => {
+        if (collapsible) {
+            setCollapsed(!collapsed);
+        }
+    };
+    return (_jsxs("section", { className: classNames('ds-section', {
+            'ds-section--collapsible': collapsible,
+        }, className), "aria-label": "section", children: [_jsxs(Heading, { role: "heading", onClick: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    toggleCollapsedState();
+                }, onKeyDown: (e) => {
+                    if ([SPACE_KEY, ENTER_KEY].includes(e.key)) {
+                        e.preventDefault();
+                        e.stopPropagation();
+                        toggleCollapsedState();
+                    }
+                }, tabIndex: collapsible ? 0 : -1, children: [_jsxs(Heading.InnerContainer, { children: [title, titleIconName && (_jsx(Icon, { name: titleIconName, color: titleIconColor, screenReaderText: titleIconScreenReaderText, size: 24 }))] }), _jsxs(Heading.InnerContainer, { children: [buttonText && (_jsx(Button, { onClick: buttonOnClick, type: buttonType, size: buttonSize, children: buttonText })), collapsible && (_jsx("button", { className: "remove-default-button-styles", onClick: (e) => {
+                                    e.preventDefault();
+                                    e.stopPropagation();
+                                    toggleCollapsedState();
+                                }, "aria-expanded": !collapsed, children: _jsx(Icon, { name: collapsed ? 'chevron-down' : 'chevron-up', size: 24, screenReaderText: collapsed ? 'Expand section' : 'Collapse section' }) }))] })] }), _jsx("div", { className: classNames('ds-section__contents', {
+                    'ds-section__contents--collapsed': collapsed,
+                }), children: children })] }));
+};
+//# sourceMappingURL=Section.js.map

package/dist/components/section/Section.js.map

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

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

@@ -0,0 +1,18 @@
+import type { Meta } from '@storybook/react-vite';
+import { Section } from './Section';
+declare const meta: Meta<typeof Section>;
+export declare const Default: {
+    args: {
+        title: string;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export declare const NestedSections: {
+    args: {
+        title: string;
+        collapsible: boolean;
+        children: import("react/jsx-runtime").JSX.Element[];
+    };
+};
+export default meta;
+//# sourceMappingURL=Section.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Section.stories.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAM9B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAa1B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/section/Section.stories.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Section } from './Section';
+const meta = {
+    title: 'Components/Section',
+    component: Section,
+    globals: {
+        backgrounds: { value: 'dark' },
+    },
+};
+export const Default = {
+    args: {
+        title: 'titleValue',
+        children: [_jsx("p", { children: "Sunt consectetur esse labore dolor consequat tempor dolor incididunt. Ullamco veniam ex enim consequat esse. Qui aute consequat dolore dolore ipsum commodo magna minim consectetur deserunt veniam in ipsum. Aute veniam do mollit cupidatat laboris. Laborum nisi est qui et eiusmod. Enim aliqua quis officia ut eiusmod quis dolore id commodo ipsum cillum sunt adipisicing laboris. Et non est sunt cillum ipsum." }, 1)],
+    },
+};
+export const NestedSections = {
+    args: {
+        title: 'Parent Section',
+        collapsible: true,
+        children: [
+            _jsx(Section, { title: "Sub-section 1", collapsible: true, children: _jsx("p", { children: "Eu nisi dolore qui irure irure nulla aliqua commodo non sint dolor consectetur. Ullamco dolore ut exercitation ad cupidatat ipsum. Nisi proident esse nisi ullamco irure incididunt eiusmod fugiat est culpa Lorem. Dolor esse ut minim magna. In qui fugiat non nulla eu mollit enim excepteur consequat qui consequat occaecat aliquip adipisicing. Eu est nisi irure laboris culpa amet consectetur irure quis duis." }) }, 1),
+            _jsx(Section, { title: "Sub-section 2", collapsible: true, children: _jsx("p", { children: "Eu nisi dolore qui irure irure nulla aliqua commodo non sint dolor consectetur. Ullamco dolore ut exercitation ad cupidatat ipsum. Nisi proident esse nisi ullamco irure incididunt eiusmod fugiat est culpa Lorem. Dolor esse ut minim magna. In qui fugiat non nulla eu mollit enim excepteur consequat qui consequat occaecat aliquip adipisicing. Eu est nisi irure laboris culpa amet consectetur irure quis duis." }) }, 2),
+        ],
+    },
+};
+export default meta;
+//# sourceMappingURL=Section.stories.js.map

package/dist/components/section/Section.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.stories.js","sourceRoot":"","sources":["../../../src/components/section/Section.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE;QACP,WAAW,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;KAC/B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY;QACnB,QAAQ,EAAE,CAAC,mbAAQ,CAAC,CAA6Z,CAAC;KACnb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,gBAAgB;QACvB,WAAW,EAAE,IAAI;QACjB,QAAQ,EAAE;YACR,KAAC,OAAO,IAAS,KAAK,EAAC,eAAe,EAAC,WAAW,kBAChD,kbAA8Z,IADlZ,CAAC,CAEL;YACV,KAAC,OAAO,IAAS,KAAK,EAAC,eAAe,EAAC,WAAW,kBAChD,kbAA8Z,IADlZ,CAAC,CAEL;SACX;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

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

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

package/dist/components/section/Section.test.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { expect, test, describe, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { Section } from './Section';
+import '@testing-library/jest-dom/vitest';
+describe('Section component', () => {
+    test('renders basic section with children', () => {
+        render(_jsx(Section, { children: _jsx("p", { children: "Section content" }) }));
+        expect(screen.getByText('Section content')).toBeInTheDocument();
+    });
+    test('renders section with title', () => {
+        render(_jsx(Section, { title: "Test Section", children: _jsx("p", { children: "Section content" }) }));
+        expect(screen.getByText('Test Section')).toBeInTheDocument();
+    });
+    test('renders section with title icon', () => {
+        render(_jsx(Section, { title: "Test Section", titleIconName: "info", titleIconScreenReaderText: "info icon", children: _jsx("p", { children: "Section content" }) }));
+        expect(screen.getByText('Test Section')).toBeInTheDocument();
+        // Icon should be rendered within the heading
+        const heading = screen.getByText('info icon');
+        expect(heading).toBeInTheDocument();
+    });
+    test('renders section with button', () => {
+        const mockButtonClick = vi.fn();
+        render(_jsx(Section, { title: "Test Section", buttonText: "Click Me", buttonOnClick: mockButtonClick, buttonType: "primary", buttonSize: "M", children: _jsx("p", { children: "Section content" }) }));
+        const button = screen.getByText('Click Me');
+        expect(button).toBeInTheDocument();
+        fireEvent.click(button);
+        expect(mockButtonClick).toHaveBeenCalledTimes(1);
+    });
+    test('applies custom className', () => {
+        render(_jsx(Section, { className: "custom-section", children: _jsx("p", { children: "Section content" }) }));
+        const section = screen.getByRole('region');
+        expect(section).toHaveClass('ds-section', 'custom-section');
+    });
+    describe('collapsible functionality', () => {
+        test('renders collapsible section with chevron icon', () => {
+            render(_jsx(Section, { title: "Collapsible Section", collapsible: true, children: _jsx("p", { children: "Section content" }) }));
+            const section = screen.getByRole('region');
+            expect(section).toHaveClass('ds-section--collapsible');
+            // Should have chevron-up icon when not collapsed
+            expect(screen.getByText('Collapse section')).toBeInTheDocument();
+        });
+        test('toggles collapsed state when header is clicked', () => {
+            render(_jsx(Section, { title: "Collapsible Section", collapsible: true, children: _jsx("p", { children: "Section content" }) }));
+            const heading = screen.getByRole('heading');
+            const contents = document.querySelector('.ds-section__contents');
+            // Initially not collapsed
+            expect(contents).not.toHaveClass('ds-section__contents--collapsed');
+            // Click to collapse
+            fireEvent.click(heading);
+            expect(contents).toHaveClass('ds-section__contents--collapsed');
+            // Click to expand
+            fireEvent.click(heading);
+            expect(contents).not.toHaveClass('ds-section__contents--collapsed');
+        });
+        test('starts collapsed when initially collapsed prop is true', () => {
+            render(_jsx(Section, { title: "Collapsible Section", collapsible: true, collapsed: true, children: _jsx("p", { children: "Section content" }) }));
+            const contents = document.querySelector('.ds-section__contents');
+            expect(contents).toHaveClass('ds-section__contents--collapsed');
+        });
+        test('heading has correct tabIndex for collapsible section', () => {
+            render(_jsx(Section, { title: "Collapsible Section", collapsible: true, children: _jsx("p", { children: "Section content" }) }));
+            const heading = screen.getByRole('heading');
+            expect(heading).toHaveAttribute('tabIndex', '0');
+        });
+        test('heading has tabIndex -1 for non-collapsible section', () => {
+            render(_jsx(Section, { title: "Non-collapsible Section", children: _jsx("p", { children: "Section content" }) }));
+            const heading = screen.getByRole('heading');
+            expect(heading).toHaveAttribute('tabIndex', '-1');
+        });
+        test('does not toggle when non-collapsible section header is clicked', () => {
+            render(_jsx(Section, { title: "Non-collapsible Section", children: _jsx("p", { children: "Section content" }) }));
+            const heading = screen.getByRole('heading');
+            const contents = document.querySelector('.ds-section__contents');
+            // Initially not collapsed
+            expect(contents).not.toHaveClass('ds-section__contents--collapsed');
+            // Click should not change state
+            fireEvent.click(heading);
+            expect(contents).not.toHaveClass('ds-section__contents--collapsed');
+        });
+    });
+    describe('nested sections', () => {
+        test('renders nested sections correctly', () => {
+            render(_jsxs(Section, { title: "Parent Section", collapsible: true, children: [_jsx("p", { children: "Parent content" }), _jsx(Section, { title: "Child Section 1", collapsible: true, children: _jsx("p", { children: "Child 1 content" }) }), _jsxs(Section, { title: "Child Section 2", children: [_jsx("p", { children: "Child 2 content" }), _jsx(Section, { title: "Grandchild Section", children: _jsx("p", { children: "Grandchild content" }) })] })] }));
+            // All titles should be present
+            expect(screen.getByText('Parent Section')).toBeInTheDocument();
+            expect(screen.getByText('Child Section 1')).toBeInTheDocument();
+            expect(screen.getByText('Child Section 2')).toBeInTheDocument();
+            expect(screen.getByText('Grandchild Section')).toBeInTheDocument();
+            // All content should be present
+            expect(screen.getByText('Parent content')).toBeInTheDocument();
+            expect(screen.getByText('Child 1 content')).toBeInTheDocument();
+            expect(screen.getByText('Child 2 content')).toBeInTheDocument();
+            expect(screen.getByText('Grandchild content')).toBeInTheDocument();
+            // Should have multiple sections
+            const sections = document.querySelectorAll('.ds-section');
+            expect(sections).toHaveLength(4);
+        });
+        test('nested sections can be collapsed independently', () => {
+            render(_jsxs(Section, { title: "Parent Section", collapsible: true, children: [_jsx("p", { children: "Parent content" }), _jsx(Section, { title: "Child Section", collapsible: true, children: _jsx("p", { children: "Child content" }) })] }));
+            const allHeadings = screen.getAllByRole('heading');
+            const parentHeading = allHeadings[0];
+            const childHeading = allHeadings[1];
+            const allContents = document.querySelectorAll('.ds-section__contents');
+            const parentContents = allContents[0];
+            const childContents = allContents[1];
+            // Initially both expanded
+            expect(parentContents).not.toHaveClass('ds-section__contents--collapsed');
+            expect(childContents).not.toHaveClass('ds-section__contents--collapsed');
+            // Collapse child section
+            fireEvent.click(childHeading);
+            expect(parentContents).not.toHaveClass('ds-section__contents--collapsed');
+            expect(childContents).toHaveClass('ds-section__contents--collapsed');
+            // Collapse parent section
+            fireEvent.click(parentHeading);
+            expect(parentContents).toHaveClass('ds-section__contents--collapsed');
+            expect(childContents).toHaveClass('ds-section__contents--collapsed');
+            // Expand parent section (child should remain collapsed)
+            fireEvent.click(parentHeading);
+            expect(parentContents).not.toHaveClass('ds-section__contents--collapsed');
+            expect(childContents).toHaveClass('ds-section__contents--collapsed');
+        });
+        test('nested sections with different configurations', () => {
+            const parentButtonClick = vi.fn();
+            const childButtonClick = vi.fn();
+            render(_jsxs(Section, { title: "Parent Section", collapsible: true, buttonText: "Parent Action", buttonOnClick: parentButtonClick, titleIconName: "info", children: [_jsx("p", { children: "Parent content" }), _jsx(Section, { title: "Child Section", buttonText: "Child Action", buttonOnClick: childButtonClick, titleIconName: "file", children: _jsx("p", { children: "Child content" }) })] }));
+            // Both buttons should be present and functional
+            const parentButton = screen.getByText('Parent Action');
+            const childButton = screen.getByText('Child Action');
+            fireEvent.click(parentButton);
+            expect(parentButtonClick).toHaveBeenCalledTimes(1);
+            fireEvent.click(childButton);
+            expect(childButtonClick).toHaveBeenCalledTimes(1);
+            // Parent should be collapsible, child should not
+            const sections = document.querySelectorAll('.ds-section');
+            expect(sections[0]).toHaveClass('ds-section--collapsible');
+            expect(sections[1]).not.toHaveClass('ds-section--collapsible');
+        });
+    });
+    describe('accessibility', () => {
+        test('section has proper role', () => {
+            render(_jsx(Section, { title: "Test Section", children: _jsx("p", { children: "Content" }) }));
+            expect(screen.getByRole('region')).toBeInTheDocument();
+        });
+        test('heading is focusable when collapsible', () => {
+            render(_jsx(Section, { title: "Collapsible Section", collapsible: true, children: _jsx("p", { children: "Content" }) }));
+            const heading = screen.getByRole('heading');
+            expect(heading).toHaveAttribute('tabIndex', '0');
+        });
+        test('heading is not focusable when not collapsible', () => {
+            render(_jsx(Section, { title: "Static Section", children: _jsx("p", { children: "Content" }) }));
+            const heading = screen.getByRole('heading');
+            expect(heading).toHaveAttribute('tabIndex', '-1');
+        });
+    });
+});
+//# sourceMappingURL=Section.test.js.map

package/dist/components/section/Section.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.test.js","sourceRoot":"","sources":["../../../src/components/section/Section.test.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import type { IconName } from '../icon/allowedIcons';
+import type { ReactNode } from 'react';
+export type SlideoverProps = {
+    title?: string;
+    children?: ReactNode;
+    footerContents?: ReactNode;
+    headerIcon?: IconName;
+    centerHeaderText?: 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

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

package/dist/components/slideover/Slideover.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Button } from '../button/Button';
+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, { type: "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

@@ -0,0 +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,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,cAAc,CAAC,eAAe,aAC7D,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"}

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { expect, test, describe, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import { Slideover } from './Slideover';
+import '@testing-library/jest-dom/vitest';
+import { SlideoverUtils } from '../../utils/SlideoverUtils';
+vi.mock('Utils/SlideoverUtils', () => ({
+    SlideoverUtils: {
+        removeSlideover: vi.fn(),
+    },
+}));
+describe('Slideover', () => {
+    test('renders the title and children', () => {
+        render(_jsx(Slideover, { title: "My Test Slideover", children: _jsx("div", { children: "My Content" }) }));
+        expect(screen.getByText('My Test Slideover')).toBeInTheDocument();
+        expect(screen.getByText('My Content')).toBeInTheDocument();
+    });
+    test('renders footer contents when provided', () => {
+        render(_jsx(Slideover, { footerContents: _jsx("div", { children: "Footer Stuff" }) }));
+        expect(screen.getByText('Footer Stuff')).toBeInTheDocument();
+    });
+    test('does not render footer when footerContents is not provided', () => {
+        const { container } = render(_jsx(Slideover, {}));
+        expect(container.querySelector('.ds-slideover__footer')).not.toBeInTheDocument();
+    });
+    test('calls removeSlideover when the back button is clicked', () => {
+        render(_jsx(Slideover, {}));
+        const backButton = screen.getByRole('button', { name: /Back/i });
+        fireEvent.click(backButton);
+        expect(SlideoverUtils.removeSlideover).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=Slideover.test.js.map