thread-ui 0.6.0 → 0.7.0

package/dist/components/navigation/nav-menu/nav-menu.js

@@ -3,6 +3,110 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useEffect, useState } from 'react';
 import { NavIconItem, NavItem, NavDropdownItem } from './items';
 import { css, cx } from '../../../styled-system/css';
+const style = {
+    header: css({
+        position: 'sticky',
+        top: '0px',
+        width: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        height: '80px',
+        backgroundColor: 'background',
+        borderBottomWidth: '1px',
+        borderBottomColor: 'structure',
+        zIndex: '40',
+    }),
+    nav: css({
+        width: '100%',
+        marginRight: 'auto',
+        marginLeft: 'auto',
+        paddingRight: '32px',
+        paddingLeft: '32px',
+        position: 'relative',
+        display: 'flex',
+        columnGap: '20px',
+        justifyContent: { base: 'space-between ', lg: 'flex-start' },
+        alignItems: 'center',
+    }),
+    menuItemBlock: css({
+        animationDuration: '300ms',
+        animationTimingFunction: 'linear',
+        position: { base: 'absolute', lg: 'relative' },
+        top: { base: '100%', lg: '0px' },
+        left: '0px',
+        borderBottomWidth: '1px',
+        backgroundColor: { base: 'background', lg: 'transparent' },
+        borderColor: 'structure',
+        paddingTop: { base: '32px', lg: '0px' },
+        paddingBottom: { base: '32px', lg: '0px' },
+        paddingLeft: { base: '20px', md: '48px', lg: '0px' },
+        paddingRight: { base: '20px', md: '48px', lg: '0px' },
+        borderStyle: { base: 'solid', lg: 'none' },
+        width: { base: '100%', lg: 'max-content' },
+        display: { base: 'block', lg: 'flex' },
+        columnGap: '24px',
+        transitionProperty: { base: '', md: 'none' },
+    }),
+    menuOpenItemBlock: css({
+        transitionDuration: '300ms',
+        transitionTimingFunction: 'linear',
+        visibility: 'visible',
+        opacity: 1,
+        transform: 'translateY(0)',
+    }),
+    menuCloseItemBlock: css({
+        transitionDuration: '300ms',
+        transitionTimingFunction: 'linear',
+        transform: {
+            base: 'translateY(2.5rem)',
+            lg: 'translateY(0)',
+        },
+        opacity: { base: '0', lg: '1' },
+        visibility: { base: 'hidden', lg: 'visible' },
+    }),
+    itemList: css({
+        display: 'flex',
+        flexDirection: { base: 'column', lg: 'row' },
+        gap: '24px',
+        alignItems: { base: 'stretch', lg: 'center' },
+        width: { base: 'auto', lg: '100%' },
+        justifyContent: { base: 'flex-center', lg: 'center' },
+    }),
+    menuControl: css({
+        display: { base: 'flex', lg: 'none' },
+        alignItems: 'center',
+    }),
+    menuControlButton: css({
+        outline: '2px solid transparent',
+        outlineOffset: '2px',
+        borderLeftWidth: '1px',
+        borderLeftColor: 'gray.main',
+        paddingLeft: '12px',
+        position: 'relative',
+        paddingTop: '12px',
+        paddingBottom: '12px',
+    }),
+    menuCross: css({
+        animationDuration: '300ms',
+        display: 'flex',
+        height: '2px',
+        width: '24px',
+        borderRadius: 'sm',
+        backgroundColor: 'gray.dark',
+        transitionProperty: 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
+        transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
+        transitionDuration: '300ms',
+    }),
+    menuCrossBottom: css({
+        marginTop: '8px',
+    }),
+    menuCrossTopOpen: css({
+        transform: 'translate(0, 0.324rem) rotate(45deg)',
+    }),
+    menuCrossBottomOpen: css({
+        transform: 'translate(0, -0.324rem) rotate(-45deg)',
+    }),
+};
 /**
  * Sticky site navigation with a logo, nav links, dropdown menus, and a mobile hamburger toggle.
  * Closes on outside click and on viewport resize.
@@ -50,110 +154,6 @@ export const NavMenu = ({ logo, items }) => {
             document.removeEventListener('click', handleOutsideClick);
         };
     }, []);
-    const style = {
-        header: css({
-            position: 'sticky',
-            top: '0px',
-            width: '100%',
-            display: 'flex',
-            alignItems: 'center',
-            height: '80px',
-            backgroundColor: 'background',
-            borderBottomWidth: '1px',
-            borderBottomColor: 'structure',
-            zIndex: '40',
-        }),
-        nav: css({
-            width: '100%',
-            marginRight: 'auto',
-            marginLeft: 'auto',
-            paddingRight: '32px',
-            paddingLeft: '32px',
-            position: 'relative',
-            display: 'flex',
-            columnGap: '20px',
-            justifyContent: { base: 'space-between ', lg: 'flex-start' },
-            alignItems: 'center',
-        }),
-        menuItemBlock: css({
-            animationDuration: '300ms',
-            animationTimingFunction: 'linear',
-            position: { base: 'absolute', lg: 'relative' },
-            top: { base: '100%', lg: '0px' },
-            left: '0px',
-            borderBottomWidth: '1px',
-            backgroundColor: { base: 'background', lg: 'transparent' },
-            borderColor: 'structure',
-            paddingTop: { base: '32px', lg: '0px' },
-            paddingBottom: { base: '32px', lg: '0px' },
-            paddingLeft: { base: '20px', md: '48px', lg: '0px' },
-            paddingRight: { base: '20px', md: '48px', lg: '0px' },
-            borderStyle: { base: 'solid', lg: 'none' },
-            width: { base: '100%', lg: 'max-content' },
-            display: { base: 'block', lg: 'flex' },
-            columnGap: '24px',
-            transitionProperty: { base: '', md: 'none' },
-        }),
-        menuOpenItemBlock: css({
-            transitionDuration: '300ms',
-            transitionTimingFunction: 'linear',
-            visibility: 'visible',
-            opacity: 1,
-            transform: 'translateY(0)',
-        }),
-        menuCloseItemBlock: css({
-            transitionDuration: '300ms',
-            transitionTimingFunction: 'linear',
-            transform: {
-                base: 'translateY(2.5rem)',
-                lg: 'translateY(0)',
-            },
-            opacity: { base: '0', lg: '1' },
-            visibility: { base: 'hidden', lg: 'visible' },
-        }),
-        itemList: css({
-            display: 'flex',
-            flexDirection: { base: 'column', lg: 'row' },
-            gap: '24px',
-            alignItems: { base: 'stretch', lg: 'center' },
-            width: { base: 'auto', lg: '100%' },
-            justifyContent: { base: 'flex-center', lg: 'center' },
-        }),
-        menuControl: css({
-            display: { base: 'flex', lg: 'none' },
-            alignItems: 'center',
-        }),
-        menuControlButton: css({
-            outline: '2px solid transparent',
-            outlineOffset: '2px',
-            borderLeftWidth: '1px',
-            borderLeftColor: 'gray.main',
-            paddingLeft: '12px',
-            position: 'relative',
-            paddingTop: '12px',
-            paddingBottom: '12px',
-        }),
-        menuCross: css({
-            animationDuration: '300ms',
-            display: 'flex',
-            height: '2px',
-            width: '24px',
-            borderRadius: 'sm',
-            backgroundColor: 'gray.dark',
-            transitionProperty: 'color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter',
-            transitionTimingFunction: 'cubic-bezier(0.4, 0, 0.2, 1)',
-            transitionDuration: '300ms',
-        }),
-        menuCrossBottom: css({
-            marginTop: '8px',
-        }),
-        menuCrossTopOpen: css({
-            transform: 'translate(0, 0.324rem) rotate(45deg)',
-        }),
-        menuCrossBottomOpen: css({
-            transform: 'translate(0, -0.324rem) rotate(-45deg)',
-        }),
-    };
     const _renderNavItem = ({ href, title }) => {
         return _jsx(NavItem, { href: href, title: title }, title);
     };

package/dist/components/navigation/nav-menu/nav-menu.js.map

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

package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js

@@ -4,51 +4,51 @@ import { LinkWrapper } from '../../../../internal-components';
 import { usePathname } from '../../../../hooks';
 import { Icon } from '../../../../components';
 import { css, cva } from '../../../../styled-system/css';
-export const SideNavItem = ({ title, path, icon, onClick, basePath = '' }) => {
-    const currentPath = usePathname();
-    const fullPath = path === '/' && basePath ? basePath : `${basePath}${path}`;
-    const isActive = path === '/' ? currentPath === fullPath : currentPath.startsWith(fullPath);
-    const styles = {
-        link: cva({
-            base: {
-                display: 'flex',
-                gap: '8px',
-                width: '100%',
-                alignItems: 'center',
-                paddingX: '16px',
-                paddingY: '8px',
-                marginY: '4px',
-                marginX: 'auto',
-                borderWidth: 'md',
-                borderColor: 'background',
-                backgroundColor: 'background',
-                borderRadius: '20px',
-                borderStyle: 'solid',
-                _hover: {
+const styles = {
+    link: cva({
+        base: {
+            display: 'flex',
+            gap: '8px',
+            width: '100%',
+            alignItems: 'center',
+            paddingX: '16px',
+            paddingY: '8px',
+            marginY: '4px',
+            marginX: 'auto',
+            borderWidth: 'md',
+            borderColor: 'background',
+            backgroundColor: 'background',
+            borderRadius: '20px',
+            borderStyle: 'solid',
+            _hover: {
+                borderColor: 'primary.main',
+                color: 'primary.main',
+            },
+        },
+        variants: {
+            isActive: {
+                true: {
+                    color: 'text.inverted',
+                    backgroundColor: 'primary.main',
                     borderColor: 'primary.main',
-                    color: 'primary.main',
+                    _hover: { backgroundColor: 'primary.light', color: 'text.inverted' },
                 },
-            },
-            variants: {
-                isActive: {
-                    true: {
-                        color: 'text.inverted',
-                        backgroundColor: 'primary.main',
-                        borderColor: 'primary.main',
-                        _hover: { backgroundColor: 'primary.light', color: 'text.inverted' },
-                    },
-                    false: {
-                        color: 'text.standard',
-                        backgroundColor: 'background',
-                    },
+                false: {
+                    color: 'text.standard',
+                    backgroundColor: 'background',
                 },
             },
-        }),
-        linkContents: css({
-            display: { base: 'none', lg: 'block' },
-            color: 'inherit',
-        }),
-    };
+        },
+    }),
+    linkContents: css({
+        display: { base: 'none', lg: 'block' },
+        color: 'inherit',
+    }),
+};
+export const SideNavItem = ({ title, path, icon, onClick, basePath = '' }) => {
+    const currentPath = usePathname();
+    const fullPath = path === '/' && basePath ? basePath : `${basePath}${path}`;
+    const isActive = path === '/' ? currentPath === fullPath : currentPath.startsWith(fullPath);
     return (_jsxs(LinkWrapper, { link: fullPath, className: styles.link({ isActive }), onClick: onClick, children: [_jsx(Icon, { name: icon, size: 24, filled: isActive }), _jsx("p", { className: styles.linkContents, children: title })] }));
 };
 //# sourceMappingURL=side-nav-item.js.map

package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAoB,EAAE,EAAE;IAC9F,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC;IAC5E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE5F,MAAM,MAAM,GAAG;QACd,IAAI,EAAE,GAAG,CAAC;YACT,IAAI,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,GAAG,EAAE,KAAK;gBACV,KAAK,EAAE,MAAM;gBACb,UAAU,EAAE,QAAQ;gBACpB,QAAQ,EAAE,MAAM;gBAChB,QAAQ,EAAE,KAAK;gBACf,OAAO,EAAE,KAAK;gBACd,OAAO,EAAE,MAAM;gBACf,WAAW,EAAE,IAAI;gBACjB,WAAW,EAAE,YAAY;gBACzB,eAAe,EAAE,YAAY;gBAC7B,YAAY,EAAE,MAAM;gBACpB,WAAW,EAAE,OAAO;gBACpB,MAAM,EAAE;oBACP,WAAW,EAAE,cAAc;oBAC3B,KAAK,EAAE,cAAc;iBACrB;aACD;YACD,QAAQ,EAAE;gBACT,QAAQ,EAAE;oBACT,IAAI,EAAE;wBACL,KAAK,EAAE,eAAe;wBACtB,eAAe,EAAE,cAAc;wBAC/B,WAAW,EAAE,cAAc;wBAC3B,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;qBACpE;oBACD,KAAK,EAAE;wBACN,KAAK,EAAE,eAAe;wBACtB,eAAe,EAAE,YAAY;qBAC7B;iBACD;aACD;SACD,CAAC;QACF,YAAY,EAAE,GAAG,CAAC;YACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACtC,KAAK,EAAE,SAAS;SAChB,CAAC;KACF,CAAC;IAEF,OAAO,CACN,MAAC,WAAW,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,aAClF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAI,EAChD,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,KAAK,GAAK,IACjC,CACd,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"side-nav-item.js","sourceRoot":"","sources":["../../../../../src/components/navigation/side-nav/side-nav-item/side-nav-item.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACd,IAAI,EAAE,GAAG,CAAC;QACT,IAAI,EAAE;YACL,OAAO,EAAE,MAAM;YACf,GAAG,EAAE,KAAK;YACV,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,MAAM;YAChB,QAAQ,EAAE,KAAK;YACf,OAAO,EAAE,KAAK;YACd,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,IAAI;YACjB,WAAW,EAAE,YAAY;YACzB,eAAe,EAAE,YAAY;YAC7B,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,OAAO;YACpB,MAAM,EAAE;gBACP,WAAW,EAAE,cAAc;gBAC3B,KAAK,EAAE,cAAc;aACrB;SACD;QACD,QAAQ,EAAE;YACT,QAAQ,EAAE;gBACT,IAAI,EAAE;oBACL,KAAK,EAAE,eAAe;oBACtB,eAAe,EAAE,cAAc;oBAC/B,WAAW,EAAE,cAAc;oBAC3B,MAAM,EAAE,EAAE,eAAe,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE;iBACpE;gBACD,KAAK,EAAE;oBACN,KAAK,EAAE,eAAe;oBACtB,eAAe,EAAE,YAAY;iBAC7B;aACD;SACD;KACD,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QACjB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;QACtC,KAAK,EAAE,SAAS;KAChB,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,GAAG,EAAE,EAAoB,EAAE,EAAE;IAC9F,MAAM,WAAW,GAAG,WAAW,EAAE,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC;IAC5E,MAAM,QAAQ,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAE5F,OAAO,CACN,MAAC,WAAW,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,aAClF,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAI,EAChD,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,YAAG,KAAK,GAAK,IACjC,CACd,CAAC;AACH,CAAC,CAAC"}

package/dist/components/navigation/side-nav/side-nav.js

@@ -2,6 +2,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { css } from '../../../styled-system/css';
 import { SideNavItem } from './side-nav-item';
+const styles = {
+    navBar: css({
+        width: { base: '16px', lg: '175px' },
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '16px',
+        paddingY: '8px',
+    }),
+    linksBlock: css({
+        display: 'flex',
+        width: { base: '100%', lg: '95%' },
+        marginX: 'auto',
+        flexDirection: 'column',
+    }),
+};
 /**
  * Vertical side navigation for dashboards. Collapses to a narrow icon-only rail on small screens.
  *
@@ -13,21 +28,6 @@ import { SideNavItem } from './side-nav-item';
  * />
  */
 export const SideNav = ({ logo, links, controls, basePath = '' }) => {
-    const styles = {
-        navBar: css({
-            width: { base: '16px', lg: '175px' },
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '16px',
-            paddingY: '8px',
-        }),
-        linksBlock: css({
-            display: 'flex',
-            width: { base: '100%', lg: '95%' },
-            marginX: 'auto',
-            flexDirection: 'column',
-        }),
-    };
     return (_jsxs("nav", { className: styles.navBar, children: [logo && logo, _jsx("div", { className: styles.linksBlock, children: links.map((link) => (_jsx(SideNavItem, { ...link, basePath: basePath }, link.title))) })] }));
 };
 //# sourceMappingURL=side-nav.js.map

package/dist/components/navigation/side-nav/side-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAgB,EAAE,EAAE;IACjF,MAAM,MAAM,GAAG;QACd,MAAM,EAAE,GAAG,CAAC;YACX,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;YACpC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,GAAG,EAAE,MAAM;YACX,QAAQ,EAAE,KAAK;SACf,CAAC;QACF,UAAU,EAAE,GAAG,CAAC;YACf,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE;YAClC,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACvB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,IAAI,IAAI,IAAI,EACb,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAAsB,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAxC,IAAI,CAAC,KAAK,CAAkC,CAC9D,CAAC,GACG,IACD,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/navigation/side-nav/side-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,MAAM,MAAM,GAAG;IACd,MAAM,EAAE,GAAG,CAAC;QACX,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE;QACpC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;QACvB,GAAG,EAAE,MAAM;QACX,QAAQ,EAAE,KAAK;KACf,CAAC;IACF,UAAU,EAAE,GAAG,CAAC;QACf,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE;QAClC,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACvB,CAAC;CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,EAAE,EAAgB,EAAE,EAAE;IACjF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,IAAI,IAAI,IAAI,EACb,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC/B,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAAsB,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAxC,IAAI,CAAC,KAAK,CAAkC,CAC9D,CAAC,GACG,IACD,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/typography/page-header/page-header.js

@@ -2,6 +2,20 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { css, cx } from '../../../styled-system/css';
 import { container } from '../../../styled-system/patterns';
 import { Divider, Subtitle, Title } from '../../../components';
+const styles = {
+    container: cx(container(), css({
+        marginY: '20px',
+    })),
+    caption: css({
+        width: { md: '50%' },
+        paddingX: { md: '8px' },
+        marginX: 'auto',
+    }),
+    spacer: css({
+        display: 'inline-block',
+        marginRight: '32px',
+    }),
+};
 /**
  * Page-level header with a title, optional caption, and a divider.
  *
@@ -9,20 +23,6 @@ import { Divider, Subtitle, Title } from '../../../components';
  * <PageHeader title="Our Team" caption="Meet the people behind the product." center />
  */
 export const PageHeader = ({ title, caption, center }) => {
-    const styles = {
-        container: cx(container(), css({
-            marginY: '20px',
-        })),
-        caption: css({
-            width: { md: '50%' },
-            paddingX: { md: '8px' },
-            marginX: 'auto',
-        }),
-        spacer: css({
-            display: 'inline-block',
-            marginRight: '32px',
-        }),
-    };
     return (_jsxs("div", { className: styles.container, children: [_jsx(Title, { align: "center", inline: true, children: title }), caption && (_jsxs(_Fragment, { children: [_jsx("br", {}), _jsx("div", { className: styles.caption, children: _jsxs(Subtitle, { align: center ? 'center' : 'left', children: [!center && _jsx("span", { className: styles.spacer }), caption] }) })] })), _jsx(Divider, { width: "33%" })] }));
 };
 //# sourceMappingURL=page-header.js.map

package/dist/components/typography/page-header/page-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAO,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAExD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAmB,EAAE,EAAE;IACzE,MAAM,MAAM,GAAG;QACd,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,EACX,GAAG,CAAC;YACH,OAAO,EAAE,MAAM;SACf,CAAC,CACF;QACD,OAAO,EAAE,GAAG,CAAC;YACZ,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;YACvB,OAAO,EAAE,MAAM;SACf,CAAC;QACF,MAAM,EAAE,GAAG,CAAC;YACX,OAAO,EAAE,cAAc;YACvB,WAAW,EAAE,MAAM;SACnB,CAAC;KACF,CAAC;IACF,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAC1B,KAAK,GACC,EACP,OAAO,IAAI,CACX,8BACC,cAAM,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,MAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aACzC,CAAC,MAAM,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,GAAS,EAClD,OAAO,IACE,GACN,IACJ,CACH,EACD,KAAC,OAAO,IAAC,KAAK,EAAC,KAAK,GAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"page-header.js","sourceRoot":"","sources":["../../../../src/components/typography/page-header/page-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAO,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,MAAM,GAAG;IACd,SAAS,EAAE,EAAE,CACZ,SAAS,EAAE,EACX,GAAG,CAAC;QACH,OAAO,EAAE,MAAM;KACf,CAAC,CACF;IACD,OAAO,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;QACpB,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE;QACvB,OAAO,EAAE,MAAM;KACf,CAAC;IACF,MAAM,EAAE,GAAG,CAAC;QACX,OAAO,EAAE,cAAc;QACvB,WAAW,EAAE,MAAM;KACnB,CAAC;CACF,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAmB,EAAE,EAAE;IACzE,OAAO,CACN,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC/B,KAAC,KAAK,IAAC,KAAK,EAAC,QAAQ,EAAC,MAAM,kBAC1B,KAAK,GACC,EACP,OAAO,IAAI,CACX,8BACC,cAAM,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC7B,MAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,aACzC,CAAC,MAAM,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,GAAS,EAClD,OAAO,IACE,GACN,IACJ,CACH,EACD,KAAC,OAAO,IAAC,KAAK,EAAC,KAAK,GAAG,IAClB,CACN,CAAC;AACH,CAAC,CAAC"}

package/dist/components/ui/button/button.d.ts

@@ -7,4 +7,4 @@ import { ButtonProps } from './button.types';
  *   Save Changes
  * </Button>
  */
-export declare const Button: ({ children, fullWidth, color, size, onClick, type, margin, text, disabled, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ ariaLabel, children, fullWidth, color, size, onClick, type, margin, text, disabled, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/button/button.js

@@ -8,7 +8,7 @@ import { button } from '../../../styled-system/recipes';
  *   Save Changes
  * </Button>
  */
-export const Button = ({ children, fullWidth = false, color = 'primary', size = 'md', onClick, type = 'button', margin, text = false, disabled = false, }) => {
+export const Button = ({ ariaLabel, children, fullWidth = false, color = 'primary', size = 'md', onClick, type = 'button', margin, text = false, disabled = false, }) => {
     const buttonClasses = button({
         color,
         size,
@@ -16,6 +16,6 @@ export const Button = ({ children, fullWidth = false, color = 'primary', size =
         disabled,
         textVariant: text,
     });
-    return (_jsx("button", { type: type, className: buttonClasses, onClick: disabled ? undefined : onClick, style: margin ? { margin } : undefined, children: children }));
+    return (_jsx("button", { "aria-label": ariaLabel, type: type, className: buttonClasses, onClick: disabled ? undefined : onClick, style: margin ? { margin } : undefined, children: children }));
 };
 //# sourceMappingURL=button.js.map

package/dist/components/ui/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC;QAC5B,KAAK;QACL,IAAI;QACJ,SAAS;QACT,QAAQ;QACR,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,OAAO,CACN,iBACC,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAErC,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/ui/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,IAAI,EACX,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,QAAQ,GAAG,KAAK,GACH,EAAE,EAAE;IACjB,MAAM,aAAa,GAAG,MAAM,CAAC;QAC5B,KAAK;QACL,IAAI;QACJ,SAAS;QACT,QAAQ;QACR,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,OAAO,CACN,+BACa,SAAS,EACrB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,YAErC,QAAQ,GACD,CACT,CAAC;AACH,CAAC,CAAC"}

package/dist/components/ui/button/button.types.d.ts

@@ -17,5 +17,7 @@ export type ButtonProps = {
     text?: boolean;
     /** Disables the button and suppresses click events @default `false` */
     disabled?: boolean;
+    /** Accessibility Label to be added to Button  */
+    ariaLabel?: string;
     children: ReactNode;
 };