thread-ui 0.8.1 → 0.10.0

package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-icon-item/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.d.ts

@@ -0,0 +1,2 @@
+import { NavigationLogoProps } from './navigation-logo.types';
+export declare const NavigationLogo: ({ href, logo }: NavigationLogoProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NavLink } from '../nav-link';
+export const NavigationLogo = ({ href, logo }) => {
+    return (_jsx(NavLink, { href: href, halfPadding: true, children: logo }));
+};
+//# sourceMappingURL=navigation-logo.js.map

package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-logo.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAGtC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAuB,EAAE,EAAE;IACrE,OAAO,CACN,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,EAAE,WAAW,kBAC9B,IAAI,GACI,CACV,CAAC;AACH,CAAC,CAAC"}

package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export type NavigationLogoProps = {
+    href: string;
+    logo: ReactNode;
+};

package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=navigation-logo.types.js.map

package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-logo.types.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-item/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { NavLink } from '../nav-link';
+export const NavItem = ({ href, title }) => {
+    return _jsx(NavLink, { href: href, children: title });
+};
+//# sourceMappingURL=nav-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-item/nav-item.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEtC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAgB,EAAE,EAAE;IACxD,OAAO,KAAC,OAAO,IAAC,IAAI,EAAE,IAAI,YAAG,KAAK,GAAW,CAAC;AAC/C,CAAC,CAAC"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-item.types.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-item/nav-item.types.ts"],"names":[],"mappings":""}

package/dist/components/navigation/nav-menu/components/nav-link/index.d.ts

@@ -0,0 +1,2 @@
+export type { NavLinkProps } from './nav-link.types';
+export { NavLink } from './nav-link';

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

@@ -0,0 +1,2 @@
+export { NavLink } from './nav-link';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-link/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/navigation/nav-menu/components/nav-link/nav-link.d.ts

@@ -0,0 +1,2 @@
+import { NavLinkProps } from './nav-link.types';
+export declare const NavLink: ({ children, href, halfPadding, isDropdownItem }: NavLinkProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/navigation/nav-menu/{items/base-item/base-item.js → components/nav-link/nav-link.js}

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { LinkWrapper } from '../../../../../internal-components';
 import { css, cva } from '../../../../../styled-system/css';
+import { Text } from '../../../../../components/typography';
 const styles = {
     li: css({
         display: 'flex',
@@ -9,21 +10,21 @@ const styles = {
     }),
     link: cva({
         base: {
-            position: { sm: 'static', lg: 'relative' },
+            position: { base: 'static', lg: 'relative' },
             display: 'inline-flex',
             flexDirection: 'column',
-            height: { sm: 'auto', lg: '2.5rem' },
+            height: { base: 'auto', lg: '2.5rem' },
             alignItems: 'center',
             justifyContent: 'center',
-            borderRadius: '0.375rem',
-            color: 'text.standard',
-            fontSize: '0.875rem',
-            fontWeight: 500,
+            borderRadius: 'md',
             textDecoration: 'none',
             transition: 'all 150ms ease-in-out',
             margin: 'auto',
             _hover: {
-                backgroundColor: 'elevated',
+                backgroundColor: 'hover',
+            },
+            _active: {
+                backgroundColor: 'active',
             },
         },
         variants: {
@@ -42,8 +43,7 @@ const styles = {
         },
     }),
 };
-export const BaseItem = ({ children, href, halfPadding = false, onMouseEnter, onMouseLeave, isDropdownItem, }) => {
-    // Handle hover state
-    return (_jsx("li", { className: styles.li, children: _jsx(LinkWrapper, { link: href, className: styles.link({ halfPadding, isDropdownItem }), children: children }) }));
+export const NavLink = ({ children, href, halfPadding = false, isDropdownItem }) => {
+    return (_jsx("li", { className: styles.li, children: _jsx(LinkWrapper, { link: href, className: styles.link({ halfPadding, isDropdownItem }), children: _jsx(Text, { size: "sm", inline: true, weight: "medium", children: children }) }) }));
 };
-//# sourceMappingURL=base-item.js.map
+//# sourceMappingURL=nav-link.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-link.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-link/nav-link.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAE/C,MAAM,MAAM,GAAG;IACd,EAAE,EAAE,GAAG,CAAC;QACP,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,MAAM;KACrB,CAAC;IACF,IAAI,EAAE,GAAG,CAAC;QACT,IAAI,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE;YAC5C,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;YACvB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE;YACtC,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,YAAY,EAAE,IAAI;YAClB,cAAc,EAAE,MAAM;YACtB,UAAU,EAAE,uBAAuB;YACnC,MAAM,EAAE,MAAM;YACd,MAAM,EAAE;gBACP,eAAe,EAAE,OAAO;aACxB;YACD,OAAO,EAAE;gBACR,eAAe,EAAE,QAAQ;aACzB;SACD;QACD,QAAQ,EAAE;YACT,WAAW,EAAE;gBACZ,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;aAC9B;YACD,cAAc,EAAE;gBACf,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;gBACpD,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE;aACrD;SACD;QACD,eAAe,EAAE;YAChB,WAAW,EAAE,KAAK;YAClB,cAAc,EAAE,KAAK;SACrB;KACD,CAAC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,GAAG,KAAK,EAAE,cAAc,EAAgB,EAAE,EAAE;IAChG,OAAO,CACN,aAAI,SAAS,EAAE,MAAM,CAAC,EAAE,YACvB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC,YAC/E,KAAC,IAAI,IAAC,IAAI,EAAC,IAAI,EAAC,MAAM,QAAC,MAAM,EAAC,QAAQ,YACpC,QAAQ,GACH,GACM,GACV,CACL,CAAC;AACH,CAAC,CAAC"}

package/dist/components/navigation/nav-menu/components/nav-link/nav-link.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type NavLinkProps = {
+    children: ReactNode;
+    href: string;
+    halfPadding?: boolean;
+    isDropdownItem?: boolean;
+};

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=nav-link.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nav-link.types.js","sourceRoot":"","sources":["../../../../../../src/components/navigation/nav-menu/components/nav-link/nav-link.types.ts"],"names":[],"mappings":""}

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

@@ -1,7 +1,7 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
-import { NavIconItem, NavItem, NavDropdownItem } from './items';
+import { NavigationLogo, NavItem, NavDropdownItem, } from './components';
 import { css, cx } from '../../../styled-system/css';
 const style = {
     header: css({
@@ -11,10 +11,11 @@ const style = {
         display: 'flex',
         alignItems: 'center',
         height: '80px',
-        backgroundColor: 'background',
-        borderBottomWidth: '1px',
-        borderBottomColor: 'structure',
-        zIndex: '40',
+        backgroundColor: 'elevated',
+        borderBottomWidth: 'md',
+        borderBottomColor: 'structure.subtle',
+        boxShadow: 'md',
+        zIndex: 'sticky',
     }),
     nav: css({
         width: '100%',
@@ -34,9 +35,9 @@ const style = {
         position: { base: 'absolute', lg: 'relative' },
         top: { base: '100%', lg: '0px' },
         left: '0px',
-        borderBottomWidth: '1px',
-        backgroundColor: { base: 'background', lg: 'transparent' },
-        borderColor: 'structure',
+        borderBottomWidth: { base: 'md', lg: '0' },
+        backgroundColor: { base: 'elevated', lg: 'transparent' },
+        borderColor: 'structure.subtle',
         paddingTop: { base: '32px', lg: '0px' },
         paddingBottom: { base: '32px', lg: '0px' },
         paddingLeft: { base: '20px', md: '48px', lg: '0px' },
@@ -70,7 +71,7 @@ const style = {
         gap: '24px',
         alignItems: { base: 'stretch', lg: 'center' },
         width: { base: 'auto', lg: '100%' },
-        justifyContent: { base: 'flex-center', lg: 'center' },
+        justifyContent: 'center',
     }),
     menuControl: css({
         display: { base: 'flex', lg: 'none' },
@@ -79,8 +80,8 @@ const style = {
     menuControlButton: css({
         outline: '2px solid transparent',
         outlineOffset: '2px',
-        borderLeftWidth: '1px',
-        borderLeftColor: 'gray.main',
+        borderLeftWidth: 'md',
+        borderLeftColor: 'structure.default',
         paddingLeft: '12px',
         position: 'relative',
         paddingTop: '12px',
@@ -92,7 +93,7 @@ const style = {
         height: '2px',
         width: '24px',
         borderRadius: 'sm',
-        backgroundColor: 'gray.dark',
+        backgroundColor: 'text.standard',
         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',
@@ -129,11 +130,6 @@ export const NavMenu = ({ logo, items }) => {
     const toggleNavbar = () => {
         setNavIsOpened((navIsOpened) => !navIsOpened);
     };
-    // Dropdown Control
-    const [isDropdownHovered, setIsDropdownHovered] = useState(false);
-    const handleMusicHover = (hovered) => {
-        setIsDropdownHovered(hovered);
-    };
     useEffect(() => {
         const onResize = () => {
             closeNavbar();
@@ -170,8 +166,8 @@ export const NavMenu = ({ logo, items }) => {
             return _renderNavDropdown(item);
         }
     };
-    return (_jsx(_Fragment, { children: _jsx("header", { id: "site-menu", className: style.header, children: _jsxs("nav", { className: style.nav, children: [logo && _jsx(NavIconItem, { href: logo.href, logo: logo.logo }), _jsx("div", { className: cx(style.menuItemBlock, navIsOpened ? style.menuOpenItemBlock : style.menuCloseItemBlock), children: _jsx("ul", { className: style.itemList, children: items.map((item) => _renderItem(item)) }) }), _jsx("div", { className: style.menuControl, children: _jsxs("button", { onClick: () => {
-                                toggleNavbar();
-                            }, "aria-label": "toggle navbar", children: [_jsx("span", { "aria-hidden": true, className: cx(style.menuCross, navIsOpened && style.menuCrossTopOpen) }), _jsx("span", { "aria-hidden": true, className: cx(style.menuCross, style.menuCrossBottom, navIsOpened && style.menuCrossBottomOpen) })] }) })] }) }) }));
+    return (_jsx("header", { id: "site-menu", className: style.header, children: _jsxs("nav", { className: style.nav, children: [logo && _jsx(NavigationLogo, { href: logo.href, logo: logo.logo }), _jsx("div", { className: cx(style.menuItemBlock, navIsOpened ? style.menuOpenItemBlock : style.menuCloseItemBlock), children: _jsx("ul", { className: style.itemList, children: items.map((item) => _renderItem(item)) }) }), _jsx("div", { className: style.menuControl, children: _jsxs("button", { onClick: () => {
+                            toggleNavbar();
+                        }, "aria-label": "toggle navbar", children: [_jsx("span", { "aria-hidden": true, className: cx(style.menuCross, navIsOpened && style.menuCrossTopOpen) }), _jsx("span", { "aria-hidden": true, className: cx(style.menuCross, style.menuCrossBottom, navIsOpened && style.menuCrossBottomOpen) })] }) })] }) }));
 };
 //# sourceMappingURL=nav-menu.js.map

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/nav-menu/nav-menu.types.d.ts

@@ -1,9 +1,9 @@
-import { NavDropdownItemProps } from './items/nav-drop-down-item/nav-drop-down-item.types';
-import { NavIconItemProps } from './items/nav-icon-item';
-import { NavItemProps } from './items/nav-item';
+import { NavDropdownItemProps } from './components/nav-drop-down-item/nav-drop-down-item.types';
+import { NavigationLogoProps } from './components/nav-icon-item';
+import { NavItemProps } from './components/nav-item';
 export type NavMenuProps = {
     /** Logo rendered as a linked icon on the left side of the nav */
-    logo?: NavIconItemProps;
+    logo?: NavigationLogoProps;
     /** Navigation items. Accepts standard links or dropdown menus */
     items: (NavItemProps | NavDropdownItemProps)[];
 };

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

@@ -16,8 +16,8 @@ const styles = {
             marginY: '4px',
             marginX: 'auto',
             borderWidth: 'md',
-            borderColor: 'background',
-            backgroundColor: 'background',
+            borderColor: 'surface',
+            backgroundColor: 'surface',
             borderRadius: '20px',
             borderStyle: 'solid',
             _hover: {
@@ -35,7 +35,7 @@ const styles = {
                 },
                 false: {
                     color: 'text.standard',
-                    backgroundColor: 'background',
+                    backgroundColor: 'surface',
                 },
             },
         },

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,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"}
+{"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,SAAS;YACtB,eAAe,EAAE,SAAS;YAC1B,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,SAAS;iBAC1B;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/typography/body/body.types.d.ts

@@ -0,0 +1,29 @@
+import { BodyFontSizeOptions, FontWeightOptions, LetterSpacingOptions, LineHeightOptions, Prettify, SpacingScaleOptions } from '../../../types';
+import { TypographyProps } from '../typography.types';
+import { ReactNode } from 'react';
+/** Shared Body Text Props */
+export type TypographyBodyTypes = Prettify<TypographyProps & {
+    /** Font size — body scale only @default `'md'` */
+    size?: BodyFontSizeOptions;
+    /** Font weight override @default role default (`'regular'`) */
+    weight?: FontWeightOptions;
+    /** Line height override @default role default (`'normal'`) */
+    lineHeight?: LineHeightOptions;
+    /** Letter spacing override @default role default (`'normal'`) */
+    letterSpacing?: LetterSpacingOptions;
+    /** Bottom margin override @default role default (`'0.5em'`) */
+    marginBottom?: SpacingScaleOptions;
+}>;
+/** Text Component Props */
+export type TextProps = Prettify<TypographyBodyTypes & {
+    indent?: boolean;
+}>;
+/** List Component Props */
+export type ListProps = Prettify<Omit<TypographyBodyTypes, 'children' | 'inline' | 'truncate' | 'marginBottom'> & {
+    /** Items to render in the list */
+    items: Array<string | ReactNode>;
+    /** List marker style @default `'disc'` */
+    decoration?: 'disc' | 'circle' | 'square' | 'blank' | 'none';
+}>;
+/** Ordered List Component Props */
+export type OrderedListProps = Prettify<Omit<ListProps, 'decoration'>>;

package/dist/components/typography/body/body.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=body.types.js.map

package/dist/components/typography/body/body.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body.types.js","sourceRoot":"","sources":["../../../../src/components/typography/body/body.types.ts"],"names":[],"mappings":""}

package/dist/components/typography/body/list.d.ts

@@ -0,0 +1,15 @@
+import { ListProps, OrderedListProps } from './body.types';
+/**
+ * Unordered list with configurable marker style, size, and color.
+ *
+ * @example
+ * <List items={['Apples', 'Oranges', 'Bananas']} decoration="circle" />
+ */
+export declare const List: ({ align, color, size, weight, lineHeight, letterSpacing, items, decoration, }: ListProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Ordered list with decimal numbering.
+ *
+ * @example
+ * <OrderedList items={['First', 'Second', 'Third']} />
+ */
+export declare const OrderedList: ({ align, color, size, weight, lineHeight, letterSpacing, items, }: OrderedListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/body/list.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getResolvedTypographyValues, getTextColorStyles } from '../../../utils';
+import { cx } from '../../../styled-system/css';
+import { getTypographyStyles } from '../shared-utils/get-typography-styles';
+import { getPresentationStyles } from '../shared-utils/get-presentation-styles';
+/**
+ * Unordered list with configurable marker style, size, and color.
+ *
+ * @example
+ * <List items={['Apples', 'Oranges', 'Bananas']} decoration="circle" />
+ */
+export const List = ({ align = 'left', color = 'standard', size = 'md', weight, lineHeight, letterSpacing, items, decoration = 'disc', }) => {
+    const resolved = getResolvedTypographyValues({
+        role: 'body',
+        fontSize: `body.${size}`,
+        fontWeight: weight,
+        lineHeight,
+        letterSpacing,
+        marginBottom: 'none',
+    });
+    const itemClass = cx(getTypographyStyles(resolved), getPresentationStyles({ align }), getTextColorStyles(color));
+    const listStyles = {
+        padding: 0,
+        listStyleType: decoration === 'blank' ? 'none' : decoration,
+        marginLeft: decoration !== 'none' ? '1em' : undefined,
+    };
+    return (_jsx("ul", { style: listStyles, children: items.map((item, index) => (_jsx("li", { className: itemClass, children: item }, index))) }));
+};
+/**
+ * Ordered list with decimal numbering.
+ *
+ * @example
+ * <OrderedList items={['First', 'Second', 'Third']} />
+ */
+export const OrderedList = ({ align = 'left', color = 'standard', size = 'md', weight, lineHeight, letterSpacing, items, }) => {
+    const resolved = getResolvedTypographyValues({
+        role: 'body',
+        fontSize: `body.${size}`,
+        fontWeight: weight,
+        lineHeight,
+        letterSpacing,
+        marginBottom: 'none',
+    });
+    const itemClass = cx(getTypographyStyles(resolved), getPresentationStyles({ align }), getTextColorStyles(color));
+    return (_jsx("ol", { style: { padding: 0, listStyleType: 'decimal', marginLeft: '1em' }, children: items.map((item, index) => (_jsx("li", { className: itemClass, children: item }, index))) }));
+};
+//# sourceMappingURL=list.js.map

package/dist/components/typography/body/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../src/components/typography/body/list.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAGhF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,UAAU,EAClB,IAAI,GAAG,IAAI,EACX,MAAM,EACN,UAAU,EACV,aAAa,EACb,KAAK,EACL,UAAU,GAAG,MAAM,GACR,EAAE,EAAE;IACf,MAAM,QAAQ,GAAG,2BAA2B,CAAC;QAC5C,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,QAAQ,IAAI,EAAW;QACjC,UAAU,EAAE,MAAM;QAClB,UAAU;QACV,aAAa;QACb,YAAY,EAAE,MAAM;KACpB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CACnB,mBAAmB,CAAC,QAAQ,CAAC,EAC7B,qBAAqB,CAAC,EAAE,KAAK,EAAE,CAAC,EAChC,kBAAkB,CAAC,KAAK,CAAC,CACzB,CAAC;IAEF,MAAM,UAAU,GAAwB;QACvC,OAAO,EAAE,CAAC;QACV,aAAa,EAAE,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;QAC3D,UAAU,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;KACrD,CAAC;IAEF,OAAO,CACN,aAAI,KAAK,EAAE,UAAU,YACnB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,aAAgB,SAAS,EAAE,SAAS,YAClC,IAAI,IADG,KAAK,CAET,CACL,CAAC,GACE,CACL,CAAC;AACH,CAAC,CAAC;AAEF;;;;;GAKG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC3B,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,UAAU,EAClB,IAAI,GAAG,IAAI,EACX,MAAM,EACN,UAAU,EACV,aAAa,EACb,KAAK,GACa,EAAE,EAAE;IACtB,MAAM,QAAQ,GAAG,2BAA2B,CAAC;QAC5C,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,QAAQ,IAAI,EAAW;QACjC,UAAU,EAAE,MAAM;QAClB,UAAU;QACV,aAAa;QACb,YAAY,EAAE,MAAM;KACpB,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CACnB,mBAAmB,CAAC,QAAQ,CAAC,EAC7B,qBAAqB,CAAC,EAAE,KAAK,EAAE,CAAC,EAChC,kBAAkB,CAAC,KAAK,CAAC,CACzB,CAAC;IAEF,OAAO,CACN,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,YACpE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC3B,aAAgB,SAAS,EAAE,SAAS,YAClC,IAAI,IADG,KAAK,CAET,CACL,CAAC,GACE,CACL,CAAC;AACH,CAAC,CAAC"}

package/dist/components/typography/body/text.d.ts

@@ -0,0 +1,12 @@
+import { TextProps } from './body.types';
+/**
+ * Body text. Renders as `p` by default or `span` when `inline` is true.
+ *
+ * Allows for individual attribute overrides for customization
+ *
+ * @example
+ * <Text>Default Text</Text>
+ * @example
+ * <Text size="sm" weight="semibold">Important note</Text>
+ */
+export declare const Text: ({ children, align, inline, color, size, weight, lineHeight, letterSpacing, marginBottom, truncate, indent, }: TextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/body/text.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getResolvedTypographyValues, getTextColorStyles } from '../../../utils';
+import { cx } from '../../../styled-system/css';
+import { getTypographyStyles } from '../shared-utils/get-typography-styles';
+import { getPresentationStyles } from '../shared-utils/get-presentation-styles';
+/**
+ * Body text. Renders as `p` by default or `span` when `inline` is true.
+ *
+ * Allows for individual attribute overrides for customization
+ *
+ * @example
+ * <Text>Default Text</Text>
+ * @example
+ * <Text size="sm" weight="semibold">Important note</Text>
+ */
+export const Text = ({ children, align = 'left', inline = false, color = 'standard', size = 'md', weight, lineHeight, letterSpacing, marginBottom, truncate = false, indent, }) => {
+    const Component = inline ? 'span' : 'p';
+    const resolved = getResolvedTypographyValues({
+        role: 'body',
+        fontSize: `body.${size}`,
+        fontWeight: weight,
+        lineHeight,
+        letterSpacing,
+        marginBottom: inline ? 'none' : marginBottom,
+    });
+    const className = cx(getTypographyStyles(resolved), getPresentationStyles({ indent, align, truncate: truncate || undefined }), getTextColorStyles(color));
+    return _jsx(Component, { className: className, children: children });
+};
+//# sourceMappingURL=text.js.map

package/dist/components/typography/body/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/body/text.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAGhF;;;;;;;;;GASG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EACpB,QAAQ,EACR,KAAK,GAAG,MAAM,EACd,MAAM,GAAG,KAAK,EACd,KAAK,GAAG,UAAU,EAClB,IAAI,GAAG,IAAI,EACX,MAAM,EACN,UAAU,EACV,aAAa,EACb,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,MAAM,GACK,EAAE,EAAE;IACf,MAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;IAExC,MAAM,QAAQ,GAAG,2BAA2B,CAAC;QAC5C,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,QAAQ,IAAI,EAAW;QACjC,UAAU,EAAE,MAAM;QAClB,UAAU;QACV,aAAa;QACb,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,YAAY;KAC5C,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CACnB,mBAAmB,CAAC,QAAQ,CAAC,EAC7B,qBAAqB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE,CAAC,EACzE,kBAAkB,CAAC,KAAK,CAAC,CACzB,CAAC;IAEF,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAa,CAAC;AAChE,CAAC,CAAC"}

package/dist/components/typography/code/code.d.ts

@@ -0,0 +1,2 @@
+import { CodeProps } from './code.types';
+export declare const Code: ({ children, size, truncate }: CodeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/code/code.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getResolvedTypographyValues, getTextColorStyles } from '../../../utils';
+import { css, cx } from '../../../styled-system/css';
+import { getTypographyStyles } from '../shared-utils/get-typography-styles';
+import { getPresentationStyles } from '../shared-utils/get-presentation-styles';
+export const Code = ({ children, size = 'sm', truncate = false }) => {
+    const resolved = getResolvedTypographyValues({
+        role: 'code',
+        fontSize: `body.${size}`,
+    });
+    const className = cx(css({
+        paddingY: '2px',
+        paddingX: '3px',
+        backgroundColor: 'structure.subtle',
+        borderRadius: 'xs',
+        borderWidth: 'sm',
+        borderColor: 'structure.default',
+        letterSpacing: 'wide',
+    }), getTypographyStyles(resolved), getPresentationStyles({ truncate: truncate || undefined }), getTextColorStyles('standard'));
+    return _jsx("code", { className: className, children: children });
+};
+//# sourceMappingURL=code.js.map

package/dist/components/typography/code/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"","sources":["../../../../src/components/typography/code/code.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE1E,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,yCAAyC,CAAC;AAEhF,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAa,EAAE,EAAE;IAC9E,MAAM,QAAQ,GAAG,2BAA2B,CAAC;QAC5C,IAAI,EAAE,MAAM;QACZ,QAAQ,EAAE,QAAQ,IAAI,EAAW;KACjC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG,EAAE,CACnB,GAAG,CAAC;QACH,QAAQ,EAAE,KAAK;QACf,QAAQ,EAAE,KAAK;QACf,eAAe,EAAE,kBAAkB;QACnC,YAAY,EAAE,IAAI;QAClB,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,mBAAmB;QAChC,aAAa,EAAE,MAAM;KACrB,CAAC,EACF,mBAAmB,CAAC,QAAQ,CAAC,EAC7B,qBAAqB,CAAC,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE,CAAC,EAC1D,kBAAkB,CAAC,UAAU,CAAC,CAC9B,CAAC;IAEF,OAAO,eAAM,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,CAAC;AACtD,CAAC,CAAC"}

package/dist/components/typography/code/code.types.d.ts

@@ -0,0 +1,7 @@
+import { BodyFontSizeOptions, Prettify } from '../../../types';
+import { TypographyProps } from '../typography.types';
+/** Code Component Props */
+export type CodeProps = Prettify<Pick<TypographyProps, 'children' | 'inline' | 'truncate'> & {
+    /** Font size — body scale only @default `'sm'` */
+    size?: BodyFontSizeOptions;
+}>;

package/dist/components/typography/code/code.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=code.types.js.map

package/dist/components/typography/code/code.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.types.js","sourceRoot":"","sources":["../../../../src/components/typography/code/code.types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,38 @@
+import { SubtitleProps, TypographyHeadingProps } from './heading.types';
+/**
+ * Display-level heading. Renders as `h1`
+ *
+ * @example
+ * <Title align="center">Welcome</Title>
+ * <Title subtitle="Last updated March 2025">Welcome</Title>
+ */
+export declare const Title: (props: TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Primary heading
+ *
+ * @example
+ * <H1>Page Title</H1>
+ */
+export declare const H1: (props: TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Secondary heading
+ *
+ * @example
+ * <H2>Section Title</H2>
+ */
+export declare const H2: (props: TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Tertiary heading
+ *
+ * @example
+ * <H3>Subsection Title</H3>
+ */
+export declare const H3: (props: TypographyHeadingProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Standalone secondary text rendered as an inline `span`.
+ * For subtitles attached to headings, use the `subtitle` prop on Title/H1/H2/H3 instead.
+ *
+ * @example
+ * <Subtitle>Last updated March 2025</Subtitle>
+ */
+export declare const Subtitle: ({ children, align, color, truncate, fontFamily, indent, }: SubtitleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/typography/heading/heading.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getResolvedTypographyValues, getTextColorStyles } from '../../../utils';
+import { renderHeading } from './render-heading';
+import { getTypographyStyles } from '../shared-utils/get-typography-styles';
+import { getPresentationStyles } from '../shared-utils/get-presentation-styles';
+import { cx } from '../../../styled-system/css';
+/**
+ * Display-level heading. Renders as `h1`
+ *
+ * @example
+ * <Title align="center">Welcome</Title>
+ * <Title subtitle="Last updated March 2025">Welcome</Title>
+ */
+export const Title = (props) => renderHeading('title', 'h1', props);
+/**
+ * Primary heading
+ *
+ * @example
+ * <H1>Page Title</H1>
+ */
+export const H1 = (props) => renderHeading('h1', 'h1', props);
+/**
+ * Secondary heading
+ *
+ * @example
+ * <H2>Section Title</H2>
+ */
+export const H2 = (props) => renderHeading('h2', 'h2', props);
+/**
+ * Tertiary heading
+ *
+ * @example
+ * <H3>Subsection Title</H3>
+ */
+export const H3 = (props) => renderHeading('h3', 'h3', props);
+/**
+ * Standalone secondary text rendered as an inline `span`.
+ * For subtitles attached to headings, use the `subtitle` prop on Title/H1/H2/H3 instead.
+ *
+ * @example
+ * <Subtitle>Last updated March 2025</Subtitle>
+ */
+export const Subtitle = ({ children, align = 'left', color = 'secondary', truncate = false, fontFamily, indent, }) => {
+    const resolved = getResolvedTypographyValues({
+        role: 'body',
+        fontSize: 'body.sm',
+        marginBottom: 'none',
+        fontFamily,
+    });
+    const className = cx(getTypographyStyles(resolved), getPresentationStyles({ indent, align, truncate: truncate || undefined }), getTextColorStyles(color));
+    return (_jsx("span", { className: className, style: { display: 'block', marginTop: '0.2em' }, children: children }));
+};
+//# sourceMappingURL=heading.js.map