thread-ui 0.14.1 → 0.15.0

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

@@ -1,8 +1,11 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { NavigationLogo, NavItem, NavDropdownItem, } from './components';
+import { useRef, useState } from 'react';
+import { useClickOutside, useResize } from '../../../hooks';
 import { css, cx } from '../../../styled-system/css';
+import { NavigationLogo } from './components/navigation-logo';
+import { NavItem } from './components/nav-item';
+import { NavDropdownItem } from './components/nav-drop-down-item';
 const style = {
     header: css({
         position: 'sticky',
@@ -77,16 +80,6 @@ const style = {
         display: { base: 'flex', lg: 'none' },
         alignItems: 'center',
     }),
-    menuControlButton: css({
-        outline: '2px solid transparent',
-        outlineOffset: '2px',
-        borderLeftWidth: 'md',
-        borderLeftColor: 'structure.default',
-        paddingLeft: '12px',
-        position: 'relative',
-        paddingTop: '12px',
-        paddingBottom: '12px',
-    }),
     menuCross: css({
         animationDuration: '300ms',
         display: 'flex',
@@ -122,52 +115,19 @@ const style = {
  * />
  */
 export const NavMenu = ({ logo, items }) => {
-    // Navmenu Controls
+    const headerRef = useRef(null);
     const [navIsOpened, setNavIsOpened] = useState(false);
-    const closeNavbar = () => {
-        setNavIsOpened(false);
-    };
-    const toggleNavbar = () => {
-        setNavIsOpened((navIsOpened) => !navIsOpened);
-    };
-    useEffect(() => {
-        const onResize = () => {
-            closeNavbar();
-        };
-        window.addEventListener('resize', onResize);
-    }, []);
-    useEffect(() => {
-        const handleOutsideClick = (event) => {
-            // Check if the click is outside of the menu
-            const menu = document.getElementById('site-menu');
-            const isClickInsideMenu = menu && menu.contains(event.target);
-            if (!isClickInsideMenu) {
-                closeNavbar();
-            }
-        };
-        document.addEventListener('click', handleOutsideClick);
-        return () => {
-            document.removeEventListener('click', handleOutsideClick);
-        };
-    }, []);
-    const _renderNavItem = ({ href, title }) => {
-        return _jsx(NavItem, { href: href, title: title }, title);
-    };
-    const _renderNavDropdown = ({ title, items }) => {
-        return _jsx(NavDropdownItem, { title: title, items: items }, title);
-    };
-    const _renderItem = (item) => {
-        if ('href' in item) {
-            // item is of type NavItem
-            return _renderNavItem(item);
-        }
-        else {
-            // item is of type NavDropdownItem
-            return _renderNavDropdown(item);
-        }
+    const closeNavbar = () => setNavIsOpened(false);
+    const toggleNavbar = () => setNavIsOpened((prev) => !prev);
+    useResize({ onResize: closeNavbar });
+    useClickOutside({
+        elementRef: headerRef,
+        isOpen: navIsOpened,
+        onClose: closeNavbar,
+    });
+    const renderItem = (item) => {
+        return 'href' in item ? (_jsx(NavItem, { ...item }, item.title)) : (_jsx(NavDropdownItem, { ...item }, item.title));
     };
-    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) })] }) })] }) }));
+    return (_jsx("header", { ref: headerRef, 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(renderItem) }) }), _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,19 @@
-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';
+import { ReactNode } from 'react';
+import { Prettify } from '../../../types';
+import { NavigationItem } from '../navigation.types';
 export type NavMenuProps = {
     /** Logo rendered as a linked icon on the left side of the nav */
     logo?: NavigationLogoProps;
     /** Navigation items. Accepts standard links or dropdown menus */
-    items: (NavItemProps | NavDropdownItemProps)[];
+    items: (NavigationItem | NavigationDropdownItem)[];
 };
+export type NavigationLogoProps = {
+    /** The URL or path the navigation item links to. */
+    href: NavigationItem['href'];
+    /** Site Logo */
+    logo: ReactNode;
+};
+export type NavigationDropdownItem = Prettify<Omit<NavigationItem, 'href'> & {
+    /** Items within dropdown */
+    items: NavigationItem[];
+}>;

package/dist/components/navigation/navigation.types.d.ts

@@ -0,0 +1,12 @@
+import { IconNames } from '../ui';
+/**
+ * Base navigation item type used to compose navigation component props.
+ */
+export type NavigationItem = {
+    /** The URL or path the navigation item links to. */
+    href: string;
+    /** Optional icon displayed alongside the navigation item. */
+    icon?: IconNames;
+    /** The display text for the navigation item. */
+    title: string;
+};

package/dist/components/navigation/navigation.types.js

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

package/dist/components/navigation/navigation.types.js.map

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

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

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LinkWrapper } from '../../../../internal-components';
+import { Link } from '../../../../internal-components';
 import { usePathname } from '../../../../hooks';
 import { Icon } from '../../../../components';
 import { css, cva } from '../../../../styled-system/css';
@@ -49,6 +49,6 @@ 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 })] }));
+    return (_jsxs(Link, { href: 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,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"}
+{"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,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,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,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,aAC3E,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,IACxC,CACP,CAAC;AACH,CAAC,CAAC"}

package/dist/components/ui/modal/modal-context.d.ts

@@ -1,13 +1,13 @@
 export declare const ModalProvider: import("react").Provider<{
     title?: import("react").ReactNode;
+    footer?: import("react").ReactNode;
     children: import("react").ReactNode;
     size?: never | undefined;
-    footer?: import("react").ReactNode;
     onClose: () => void;
 } | undefined>, useModalContext: () => {
     title?: import("react").ReactNode;
+    footer?: import("react").ReactNode;
     children: import("react").ReactNode;
     size?: never | undefined;
-    footer?: import("react").ReactNode;
     onClose: () => void;
 };

package/dist/foundation/index.d.ts

@@ -0,0 +1,3 @@
+export { ThreadScript } from '../foundation/theme-provider/thread-script';
+export { ThemeProvider, useThemeMode } from '../foundation/theme-provider/theme-provider';
+export { ThreadProvider, useLinkComponent, type ThreadProviderProps } from './thread-provider';

package/dist/foundation/index.js

@@ -0,0 +1,5 @@
+// Theme Configuration
+export { ThreadScript } from '../foundation/theme-provider/thread-script';
+export { ThemeProvider, useThemeMode } from '../foundation/theme-provider/theme-provider';
+export { ThreadProvider, useLinkComponent } from './thread-provider';
+//# sourceMappingURL=index.js.map

package/dist/foundation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/foundation/index.ts"],"names":[],"mappings":"AAAA,sBAAsB;AACtB,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAA4B,MAAM,mBAAmB,CAAC"}

package/dist/{theme → foundation/theme-provider}/generate-override-css.d.ts

@@ -1,6 +1,6 @@
-import { ThemeConfig } from '../types';
+import { ThemeConfig } from '../../types';
 /**
  * Generates a CSS :root block containing only the variable declarations
  * for values present in the provided ThemeConfig override.
  */
-export declare function generateOverrideCss(overrides: ThemeConfig): string;
+export declare const generateOverrideCss: (overrides: ThemeConfig) => string;

package/dist/{theme → foundation/theme-provider}/generate-override-css.js

@@ -1,9 +1,9 @@
-import { PrefixedDarkModeVariables, PrefixedLightModeVariables, ThemeCssVariableNames, } from '../theme/css-name-configurations/theme-css-names';
+import { PrefixedDarkModeVariables, PrefixedLightModeVariables, ThemeCssVariableNames, } from '../../theme/css-name-configurations/theme-css-names';
 /**
  * Generates a CSS :root block containing only the variable declarations
  * for values present in the provided ThemeConfig override.
  */
-export function generateOverrideCss(overrides) {
+export const generateOverrideCss = (overrides) => {
     const vars = [];
     const lightModeKeySet = new Set(Object.keys(PrefixedLightModeVariables));
     const overrideKeys = Object.keys(overrides);
@@ -44,11 +44,11 @@ export function generateOverrideCss(overrides) {
     if (vars.length === 0)
         return '';
     return `:root {\n${vars.join('\n')}\n}`;
-}
+};
 /**
  * Recursively collects CSS variable declarations.
  */
-function collectVars(variableNameOrMap, value, acc) {
+const collectVars = (variableNameOrMap, value, acc) => {
     if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
         // Nested object — recurse into each provided key
         Object.keys(value).forEach((nestedKey) => {
@@ -62,5 +62,5 @@ function collectVars(variableNameOrMap, value, acc) {
     else if (typeof value === 'string' && typeof variableNameOrMap === 'string') {
         acc.push(`    ${variableNameOrMap}: ${value};`);
     }
-}
+};
 //# sourceMappingURL=generate-override-css.js.map

package/dist/foundation/theme-provider/generate-override-css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generate-override-css.js","sourceRoot":"","sources":["../../../src/foundation/theme-provider/generate-override-css.ts"],"names":[],"mappings":"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"}

package/dist/foundation/theme-provider/theme-mode-utils.d.ts

@@ -0,0 +1,3 @@
+import { ThreadMode } from './theme-provider.types';
+export declare const isValidMode: (value: unknown) => value is ThreadMode;
+export declare const applyModeToDocument: (mode: ThreadMode) => void;

package/dist/{theme/theme-mode.js → foundation/theme-provider/theme-mode-utils.js}

@@ -1,9 +1,8 @@
-export const THREAD_MODE_STORAGE_KEY = 'thread-mode';
-export const VALID_MODES = ['light', 'dark', 'system'];
-export function isValidMode(value) {
+import { VALID_MODES } from './theme-provider.types';
+export const isValidMode = (value) => {
     return typeof value === 'string' && VALID_MODES.includes(value);
-}
-export function applyModeToDocument(mode) {
+};
+export const applyModeToDocument = (mode) => {
     if (mode === 'dark') {
         document.documentElement.setAttribute('data-theme', 'dark');
     }
@@ -13,5 +12,5 @@ export function applyModeToDocument(mode) {
     else {
         document.documentElement.removeAttribute('data-theme');
     }
-}
-//# sourceMappingURL=theme-mode.js.map
+};
+//# sourceMappingURL=theme-mode-utils.js.map

package/dist/foundation/theme-provider/theme-mode-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-mode-utils.js","sourceRoot":"","sources":["../../../src/foundation/theme-provider/theme-mode-utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAEjE,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAc,EAAuB,EAAE;IAClE,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,WAAW,CAAC,QAAQ,CAAC,KAAmB,CAAC,CAAC;AAC/E,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAgB,EAAQ,EAAE;IAC7D,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACrB,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;IAC7D,CAAC;SAAM,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;QAC7B,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;IAC9D,CAAC;SAAM,CAAC;QACP,QAAQ,CAAC,eAAe,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;IACxD,CAAC;AACF,CAAC,CAAC"}

package/dist/{theme → foundation/theme-provider}/theme-provider.d.ts

@@ -1,15 +1,4 @@
-import React from 'react';
-import { ThemeConfig } from '../types';
-import { ThreadMode } from './theme-mode';
-interface ThreadContextValue {
-    mode: ThreadMode;
-    setMode: (mode: ThreadMode) => void;
-    toggleMode: () => void;
-}
-interface ThemeProviderProps {
-    children: React.ReactNode;
-    theme?: ThemeConfig;
-}
+import { ThemeProviderProps, ThemeContextValue } from './theme-provider.types';
 /**
  * Provides custom Thread theme configuration.
  * - Accepts `ThemeConfig` partial object to override default ThreadTheme
@@ -21,7 +10,7 @@ interface ThemeProviderProps {
  *   <App />
  * </ThemeProvider>
  */
-export declare function ThemeProvider({ children, theme }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProvider: ({ children, theme }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * Returns the current theme mode and controls for updating it.
  * Must be used within a `<ThemeProvider>`.
@@ -31,5 +20,4 @@ export declare function ThemeProvider({ children, theme }: ThemeProviderProps):
  * @example
  * const { mode, setMode, toggleMode } = useThemeMode();
  */
-export declare const useThemeMode: () => ThreadContextValue;
-export {};
+export declare const useThemeMode: () => ThemeContextValue;

package/dist/{theme → foundation/theme-provider}/theme-provider.js

@@ -2,8 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { generateOverrideCss } from './generate-override-css';
-import { applyModeToDocument, THREAD_MODE_STORAGE_KEY } from './theme-mode';
-const ThreadContext = createContext(null);
+import { THREAD_MODE_STORAGE_KEY, } from './theme-provider.types';
+import { applyModeToDocument } from './theme-mode-utils';
+// ─── Context ──────────────────────────────────────────────────────────────────
+const ThemeContext = createContext(null);
+// ─── Provider ─────────────────────────────────────────────────────────────────
 /**
  * Provides custom Thread theme configuration.
  * - Accepts `ThemeConfig` partial object to override default ThreadTheme
@@ -15,7 +18,7 @@ const ThreadContext = createContext(null);
  *   <App />
  * </ThemeProvider>
  */
-export function ThemeProvider({ children, theme }) {
+export const ThemeProvider = ({ children, theme }) => {
     const [mode, setModeState] = useState('system'); // Init as 'system' — sync to applied value on mount
     // On mount: read the data-theme attribute ThreadScript already set on <html>.
     useEffect(() => {
@@ -55,8 +58,8 @@ export function ThemeProvider({ children, theme }) {
         return generateOverrideCss(theme);
     }, [theme]);
     const contextValue = useMemo(() => ({ mode, setMode, toggleMode }), [mode, setMode, toggleMode]);
-    return (_jsxs(ThreadContext.Provider, { value: contextValue, children: [overrideCss && (_jsx("style", { id: "thread-theme-overrides", dangerouslySetInnerHTML: { __html: overrideCss } })), children] }));
-}
+    return (_jsxs(ThemeContext.Provider, { value: contextValue, children: [overrideCss && (_jsx("style", { id: "thread-theme-overrides", dangerouslySetInnerHTML: { __html: overrideCss } })), children] }));
+};
 /**
  * Returns the current theme mode and controls for updating it.
  * Must be used within a `<ThemeProvider>`.
@@ -67,7 +70,7 @@ export function ThemeProvider({ children, theme }) {
  * const { mode, setMode, toggleMode } = useThemeMode();
  */
 export const useThemeMode = () => {
-    const context = useContext(ThreadContext);
+    const context = useContext(ThemeContext);
     if (!context) {
         throw new Error('useThemeMode must be used within a <ThemeProvider>');
     }

package/dist/foundation/theme-provider/theme-provider.js.map

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

package/dist/foundation/theme-provider/theme-provider.types.d.ts

@@ -0,0 +1,14 @@
+import { ThemeConfig } from '../../types';
+import { ReactNode } from 'react';
+export type ThreadMode = 'light' | 'dark' | 'system';
+export declare const THREAD_MODE_STORAGE_KEY: "thread-mode";
+export declare const VALID_MODES: ThreadMode[];
+export type ThemeContextValue = {
+    mode: ThreadMode;
+    setMode: (mode: ThreadMode) => void;
+    toggleMode: () => void;
+};
+export type ThemeProviderProps = {
+    children: ReactNode;
+    theme?: ThemeConfig;
+};

package/dist/foundation/theme-provider/theme-provider.types.js

@@ -0,0 +1,3 @@
+export const THREAD_MODE_STORAGE_KEY = 'thread-mode';
+export const VALID_MODES = ['light', 'dark', 'system'];
+//# sourceMappingURL=theme-provider.types.js.map

package/dist/foundation/theme-provider/theme-provider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.types.js","sourceRoot":"","sources":["../../../src/foundation/theme-provider/theme-provider.types.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,uBAAuB,GAAG,aAAsB,CAAC;AAE9D,MAAM,CAAC,MAAM,WAAW,GAAiB,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC"}

package/dist/{theme → foundation/theme-provider}/thread-script.d.ts

@@ -1,4 +1,4 @@
-import { ThreadMode } from './theme-mode';
+import { ThreadMode } from './theme-provider.types';
 export type { ThreadMode };
 interface ThreadScriptProps {
     defaultMode?: ThreadMode;
@@ -23,4 +23,4 @@ interface ThreadScriptProps {
  * // Next.js Pages Router (_document.tsx)
  * <Head><ThreadScript defaultMode="system" /></Head>
  */
-export declare function ThreadScript({ defaultMode }: ThreadScriptProps): import("react/jsx-runtime").JSX.Element;
+export declare const ThreadScript: ({ defaultMode }: ThreadScriptProps) => import("react/jsx-runtime").JSX.Element;

package/dist/{theme → foundation/theme-provider}/thread-script.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { THREAD_MODE_STORAGE_KEY, VALID_MODES } from './theme-mode';
+import { THREAD_MODE_STORAGE_KEY, VALID_MODES } from './theme-provider.types';
 /**
  * Inline script to prevent flash of wrong-mode content on first paint.
  * Reads the user's saved mode from localStorage and sets `data-theme` on `:root`
@@ -20,10 +20,10 @@ import { THREAD_MODE_STORAGE_KEY, VALID_MODES } from './theme-mode';
  * // Next.js Pages Router (_document.tsx)
  * <Head><ThreadScript defaultMode="system" /></Head>
  */
-export function ThreadScript({ defaultMode = 'system' }) {
+export const ThreadScript = ({ defaultMode = 'system' }) => {
     const scriptContent = buildScriptContent(defaultMode);
     return _jsx("script", { dangerouslySetInnerHTML: { __html: scriptContent } });
-}
+};
 const buildScriptContent = (defaultMode) => {
     // Serialized as an IIFE so it doesn't pollute the global scope.
     // defaultMode and the storage key are interpolated at render time on the server.

package/dist/foundation/theme-provider/thread-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-script.js","sourceRoot":"","sources":["../../../src/foundation/theme-provider/thread-script.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAc,uBAAuB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAQ1F;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,WAAW,GAAG,QAAQ,EAAqB,EAAE,EAAE;IAC7E,MAAM,aAAa,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAEtD,OAAO,iBAAQ,uBAAuB,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,GAAI,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,WAAuB,EAAU,EAAE;IAC9D,gEAAgE;IAChE,iFAAiF;IACjF,OAAO;;yCAEiC,uBAAuB;uBACzC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;+DACa,WAAW;;;;;;;;;;;;MAYpE,CAAC;AACP,CAAC,CAAC"}

package/dist/foundation/thread-provider/index.d.ts

@@ -0,0 +1,2 @@
+export { ThreadProvider, useLinkComponent } from './thread-provider';
+export type { ThreadFoundation, ThreadProviderProps } from './thread-provider.types';

package/dist/foundation/thread-provider/index.js

@@ -0,0 +1,2 @@
+export { ThreadProvider, useLinkComponent } from './thread-provider';
+//# sourceMappingURL=index.js.map

package/dist/foundation/thread-provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/foundation/thread-provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/foundation/thread-provider/thread-provider.d.ts

@@ -0,0 +1,3 @@
+import { ThreadProviderProps } from './thread-provider.types';
+export declare const ThreadProvider: ({ children, theme, linkComponent }: ThreadProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useLinkComponent: () => import("../..").LinkComponent;

package/dist/foundation/thread-provider/thread-provider.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+import { ThemeProvider } from '../theme-provider/theme-provider';
+// ─── Context ──────────────────────────────────────────────────────────────────
+const FoundationContext = createContext(null);
+// ─── Provider ─────────────────────────────────────────────────────────────────
+export const ThreadProvider = ({ children, theme, linkComponent }) => {
+    const LinkComponent = linkComponent ?? 'a';
+    const contextValue = { LinkComponent };
+    return (_jsx(FoundationContext.Provider, { value: contextValue, children: _jsx(ThemeProvider, { theme: theme, children: children }) }));
+};
+export const useLinkComponent = () => {
+    const context = useContext(FoundationContext);
+    return context?.LinkComponent ?? 'a';
+};
+//# sourceMappingURL=thread-provider.js.map

package/dist/foundation/thread-provider/thread-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thread-provider.js","sourceRoot":"","sources":["../../../src/foundation/thread-provider/thread-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AACb,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAEjE,iFAAiF;AACjF,MAAM,iBAAiB,GAAG,aAAa,CAA0B,IAAI,CAAC,CAAC;AAEvE,iFAAiF;AAEjF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAuB,EAAE,EAAE;IACzF,MAAM,aAAa,GAAG,aAAa,IAAI,GAAG,CAAC;IAE3C,MAAM,YAAY,GAAqB,EAAE,aAAa,EAAE,CAAC;IAEzD,OAAO,CACN,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC9C,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAiB,GAC3B,CAC7B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACpC,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC9C,OAAO,OAAO,EAAE,aAAa,IAAI,GAAG,CAAC;AACtC,CAAC,CAAC"}

package/dist/foundation/thread-provider/thread-provider.types.d.ts

@@ -0,0 +1,10 @@
+import { LinkComponent, Prettify, ThemeConfig } from '../../types';
+import { ReactNode } from 'react';
+export type ThreadProviderProps = Prettify<{
+    linkComponent?: LinkComponent;
+    theme?: ThemeConfig;
+    children: ReactNode;
+}>;
+export type ThreadFoundation = {
+    LinkComponent: LinkComponent;
+};

package/dist/foundation/thread-provider/thread-provider.types.js

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

package/dist/foundation/thread-provider/thread-provider.types.js.map

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

package/dist/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export * from './use-click-outside';
 export * from './use-dismiss';
 export * from './use-pathname';
+export * from './use-resize';

package/dist/hooks/index.js

@@ -1,4 +1,5 @@
 export * from './use-click-outside';
 export * from './use-dismiss';
 export * from './use-pathname';
+export * from './use-resize';
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC"}

package/dist/hooks/use-resize/index.d.ts

@@ -0,0 +1 @@
+export * from './use-resize';

package/dist/hooks/use-resize/index.js

@@ -0,0 +1,2 @@
+export * from './use-resize';
+//# sourceMappingURL=index.js.map

package/dist/hooks/use-resize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-resize/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/dist/hooks/use-resize/use-resize.d.ts

@@ -0,0 +1,13 @@
+type UseResizeProps = {
+    onResize: () => void;
+    disabled?: boolean;
+};
+/**
+ * Calls `onResize` on window resize.
+ * Only active when `disabled` is false.
+ *
+ * @example
+ * useResize({ onResize: () => setIsOpen(false) });
+ */
+export declare const useResize: ({ onResize, disabled }: UseResizeProps) => void;
+export {};

package/dist/hooks/use-resize/use-resize.js

@@ -0,0 +1,23 @@
+'use client';
+import { useEffect, useRef } from 'react';
+/**
+ * Calls `onResize` on window resize.
+ * Only active when `disabled` is false.
+ *
+ * @example
+ * useResize({ onResize: () => setIsOpen(false) });
+ */
+export const useResize = ({ onResize, disabled = false }) => {
+    const onResizeRef = useRef(onResize);
+    onResizeRef.current = onResize;
+    useEffect(() => {
+        if (disabled)
+            return;
+        const handleResize = () => {
+            onResizeRef.current();
+        };
+        window.addEventListener('resize', handleResize);
+        return () => window.removeEventListener('resize', handleResize);
+    }, [disabled]);
+};
+//# sourceMappingURL=use-resize.js.map

package/dist/hooks/use-resize/use-resize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize.js","sourceRoot":"","sources":["../../../src/hooks/use-resize/use-resize.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAO1C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAkB,EAAE,EAAE;IAC3E,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IAE/B,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,QAAQ;YAAE,OAAO;QAErB,MAAM,YAAY,GAAG,GAAG,EAAE;YACzB,WAAW,CAAC,OAAO,EAAE,CAAC;QACvB,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AAChB,CAAC,CAAC"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './components';
+export { ThreadScript, ThreadProvider, type ThreadProviderProps } from './foundation';
 export * from './types';
-export * from './theme';
+export { ThreadTheme } from './theme';
 export * from './hooks';