thread-ui 0.14.2 → 0.15.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (140) hide show
  1. package/README.md +1 -1
  2. package/dist/components/content-display/lightbox/lightbox-context.d.ts +2 -2
  3. package/dist/components/layouts/footer/footer.js +6 -1
  4. package/dist/components/layouts/footer/footer.js.map +1 -1
  5. package/dist/components/media-display/info-card/info-card.js +2 -3
  6. package/dist/components/media-display/info-card/info-card.js.map +1 -1
  7. package/dist/components/media-display/media-card/media-card.js +2 -2
  8. package/dist/components/media-display/media-card/media-card.js.map +1 -1
  9. package/dist/components/navigation/nav-menu/components/nav-drop-down-item.d.ts +2 -0
  10. package/dist/components/navigation/nav-menu/components/{nav-drop-down-item/nav-drop-down-item.js → nav-drop-down-item.js} +8 -5
  11. package/dist/components/navigation/nav-menu/components/nav-drop-down-item.js.map +1 -0
  12. package/dist/components/navigation/nav-menu/components/nav-item.d.ts +2 -0
  13. package/dist/components/navigation/nav-menu/components/nav-item.js +8 -0
  14. package/dist/components/navigation/nav-menu/components/nav-item.js.map +1 -0
  15. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js +17 -8
  16. package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js.map +1 -1
  17. package/dist/components/navigation/nav-menu/components/{nav-icon-item/navigation-logo.d.ts → navigation-logo.d.ts} +1 -1
  18. package/dist/components/navigation/nav-menu/components/{nav-icon-item/navigation-logo.js → navigation-logo.js} +1 -1
  19. package/dist/components/navigation/nav-menu/components/navigation-logo.js.map +1 -0
  20. package/dist/components/navigation/nav-menu/nav-menu.js +17 -57
  21. package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
  22. package/dist/components/navigation/nav-menu/nav-menu.types.d.ts +14 -4
  23. package/dist/components/navigation/navigation.types.d.ts +12 -0
  24. package/dist/components/navigation/navigation.types.js +2 -0
  25. package/dist/components/navigation/navigation.types.js.map +1 -0
  26. package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +2 -2
  27. package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
  28. package/dist/components/ui/modal/modal-context.d.ts +2 -2
  29. package/dist/foundation/index.d.ts +3 -0
  30. package/dist/foundation/index.js +5 -0
  31. package/dist/foundation/index.js.map +1 -0
  32. package/dist/{theme → foundation/theme-provider}/generate-override-css.d.ts +2 -2
  33. package/dist/{theme → foundation/theme-provider}/generate-override-css.js +5 -5
  34. package/dist/foundation/theme-provider/generate-override-css.js.map +1 -0
  35. package/dist/foundation/theme-provider/theme-mode-utils.d.ts +3 -0
  36. package/dist/{theme/theme-mode.js → foundation/theme-provider/theme-mode-utils.js} +6 -7
  37. package/dist/foundation/theme-provider/theme-mode-utils.js.map +1 -0
  38. package/dist/{theme → foundation/theme-provider}/theme-provider.d.ts +3 -15
  39. package/dist/{theme → foundation/theme-provider}/theme-provider.js +9 -6
  40. package/dist/foundation/theme-provider/theme-provider.js.map +1 -0
  41. package/dist/foundation/theme-provider/theme-provider.types.d.ts +14 -0
  42. package/dist/foundation/theme-provider/theme-provider.types.js +3 -0
  43. package/dist/foundation/theme-provider/theme-provider.types.js.map +1 -0
  44. package/dist/{theme → foundation/theme-provider}/thread-script.d.ts +2 -2
  45. package/dist/{theme → foundation/theme-provider}/thread-script.js +3 -3
  46. package/dist/foundation/theme-provider/thread-script.js.map +1 -0
  47. package/dist/foundation/thread-provider/index.d.ts +2 -0
  48. package/dist/foundation/thread-provider/index.js +2 -0
  49. package/dist/foundation/thread-provider/index.js.map +1 -0
  50. package/dist/foundation/thread-provider/thread-provider.d.ts +3 -0
  51. package/dist/foundation/thread-provider/thread-provider.js +17 -0
  52. package/dist/foundation/thread-provider/thread-provider.js.map +1 -0
  53. package/dist/foundation/thread-provider/thread-provider.types.d.ts +10 -0
  54. package/dist/foundation/thread-provider/thread-provider.types.js +2 -0
  55. package/dist/foundation/thread-provider/thread-provider.types.js.map +1 -0
  56. package/dist/hooks/index.d.ts +1 -0
  57. package/dist/hooks/index.js +1 -0
  58. package/dist/hooks/index.js.map +1 -1
  59. package/dist/hooks/use-resize/index.d.ts +1 -0
  60. package/dist/hooks/use-resize/index.js +2 -0
  61. package/dist/hooks/use-resize/index.js.map +1 -0
  62. package/dist/hooks/use-resize/use-resize.d.ts +13 -0
  63. package/dist/hooks/use-resize/use-resize.js +23 -0
  64. package/dist/hooks/use-resize/use-resize.js.map +1 -0
  65. package/dist/index.d.ts +2 -1
  66. package/dist/index.js +3 -1
  67. package/dist/index.js.map +1 -1
  68. package/dist/internal-components/index.d.ts +1 -1
  69. package/dist/internal-components/index.js +1 -1
  70. package/dist/internal-components/index.js.map +1 -1
  71. package/dist/internal-components/link/index.d.ts +2 -0
  72. package/dist/internal-components/link/index.js +2 -0
  73. package/dist/internal-components/link/index.js.map +1 -0
  74. package/dist/internal-components/link/link.d.ts +2 -0
  75. package/dist/internal-components/link/link.js +8 -0
  76. package/dist/internal-components/link/link.js.map +1 -0
  77. package/dist/internal-components/link/link.types.d.ts +2 -0
  78. package/dist/internal-components/link/link.types.js +2 -0
  79. package/dist/internal-components/link/link.types.js.map +1 -0
  80. package/dist/styles/panda.css +1 -1
  81. package/dist/styles/theme.css +30 -6
  82. package/dist/theme/default-theme.js +4 -3
  83. package/dist/theme/default-theme.js.map +1 -1
  84. package/dist/theme/index.d.ts +1 -2
  85. package/dist/theme/index.js +1 -2
  86. package/dist/theme/index.js.map +1 -1
  87. package/dist/theme/theme-fonts.d.ts +4 -0
  88. package/dist/theme/theme-fonts.js +6 -0
  89. package/dist/theme/theme-fonts.js.map +1 -0
  90. package/dist/types/foundation/index.d.ts +1 -0
  91. package/dist/types/foundation/index.js +2 -0
  92. package/dist/types/foundation/index.js.map +1 -0
  93. package/dist/types/foundation/link-component.types.d.ts +2 -0
  94. package/dist/types/foundation/link-component.types.js +2 -0
  95. package/dist/types/foundation/link-component.types.js.map +1 -0
  96. package/dist/types/index.d.ts +1 -0
  97. package/dist/types/index.js +2 -0
  98. package/dist/types/index.js.map +1 -1
  99. package/package.json +5 -9
  100. package/dist/components/navigation/nav-menu/components/index.d.ts +0 -4
  101. package/dist/components/navigation/nav-menu/components/index.js +0 -5
  102. package/dist/components/navigation/nav-menu/components/index.js.map +0 -1
  103. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.d.ts +0 -2
  104. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js +0 -2
  105. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js.map +0 -1
  106. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.d.ts +0 -2
  107. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.js.map +0 -1
  108. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.d.ts +0 -5
  109. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.js +0 -2
  110. package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.js.map +0 -1
  111. package/dist/components/navigation/nav-menu/components/nav-icon-item/index.d.ts +0 -2
  112. package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js +0 -2
  113. package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js.map +0 -1
  114. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js.map +0 -1
  115. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.d.ts +0 -5
  116. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js +0 -2
  117. package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js.map +0 -1
  118. package/dist/components/navigation/nav-menu/components/nav-item/index.d.ts +0 -2
  119. package/dist/components/navigation/nav-menu/components/nav-item/index.js +0 -2
  120. package/dist/components/navigation/nav-menu/components/nav-item/index.js.map +0 -1
  121. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.d.ts +0 -2
  122. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js +0 -6
  123. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js.map +0 -1
  124. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.d.ts +0 -4
  125. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js +0 -2
  126. package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js.map +0 -1
  127. package/dist/internal-components/link-wrapper/index.d.ts +0 -2
  128. package/dist/internal-components/link-wrapper/index.js +0 -2
  129. package/dist/internal-components/link-wrapper/index.js.map +0 -1
  130. package/dist/internal-components/link-wrapper/link-wrapper.d.ts +0 -3
  131. package/dist/internal-components/link-wrapper/link-wrapper.js +0 -9
  132. package/dist/internal-components/link-wrapper/link-wrapper.js.map +0 -1
  133. package/dist/internal-components/link-wrapper/link-wrapper.types.d.ts +0 -5
  134. package/dist/internal-components/link-wrapper/link-wrapper.types.js +0 -2
  135. package/dist/internal-components/link-wrapper/link-wrapper.types.js.map +0 -1
  136. package/dist/theme/generate-override-css.js.map +0 -1
  137. package/dist/theme/theme-mode.d.ts +0 -5
  138. package/dist/theme/theme-mode.js.map +0 -1
  139. package/dist/theme/theme-provider.js.map +0 -1
  140. package/dist/theme/thread-script.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"generate-override-css.js","sourceRoot":"","sources":["../../../src/foundation/theme-provider/generate-override-css.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ import { ThreadMode } from './theme-provider.types';
2
+ export declare const isValidMode: (value: unknown) => value is ThreadMode;
3
+ export declare const applyModeToDocument: (mode: ThreadMode) => void;
@@ -1,9 +1,8 @@
1
- export const THREAD_MODE_STORAGE_KEY = 'thread-mode';
2
- export const VALID_MODES = ['light', 'dark', 'system'];
3
- export function isValidMode(value) {
1
+ import { VALID_MODES } from './theme-provider.types';
2
+ export const isValidMode = (value) => {
4
3
  return typeof value === 'string' && VALID_MODES.includes(value);
5
- }
6
- export function applyModeToDocument(mode) {
4
+ };
5
+ export const applyModeToDocument = (mode) => {
7
6
  if (mode === 'dark') {
8
7
  document.documentElement.setAttribute('data-theme', 'dark');
9
8
  }
@@ -13,5 +12,5 @@ export function applyModeToDocument(mode) {
13
12
  else {
14
13
  document.documentElement.removeAttribute('data-theme');
15
14
  }
16
- }
17
- //# sourceMappingURL=theme-mode.js.map
15
+ };
16
+ //# sourceMappingURL=theme-mode-utils.js.map
@@ -0,0 +1 @@
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"}
@@ -1,15 +1,4 @@
1
- import React from 'react';
2
- import { ThemeConfig } from '../types';
3
- import { ThreadMode } from './theme-mode';
4
- interface ThreadContextValue {
5
- mode: ThreadMode;
6
- setMode: (mode: ThreadMode) => void;
7
- toggleMode: () => void;
8
- }
9
- interface ThemeProviderProps {
10
- children: React.ReactNode;
11
- theme?: ThemeConfig;
12
- }
1
+ import { ThemeProviderProps, ThemeContextValue } from './theme-provider.types';
13
2
  /**
14
3
  * Provides custom Thread theme configuration.
15
4
  * - Accepts `ThemeConfig` partial object to override default ThreadTheme
@@ -21,7 +10,7 @@ interface ThemeProviderProps {
21
10
  * <App />
22
11
  * </ThemeProvider>
23
12
  */
24
- export declare function ThemeProvider({ children, theme }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
13
+ export declare const ThemeProvider: ({ children, theme }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
25
14
  /**
26
15
  * Returns the current theme mode and controls for updating it.
27
16
  * Must be used within a `<ThemeProvider>`.
@@ -31,5 +20,4 @@ export declare function ThemeProvider({ children, theme }: ThemeProviderProps):
31
20
  * @example
32
21
  * const { mode, setMode, toggleMode } = useThemeMode();
33
22
  */
34
- export declare const useThemeMode: () => ThreadContextValue;
35
- export {};
23
+ export declare const useThemeMode: () => ThemeContextValue;
@@ -2,8 +2,11 @@
2
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
3
  import { createContext, useCallback, useContext, useEffect, useMemo, useState } from 'react';
4
4
  import { generateOverrideCss } from './generate-override-css';
5
- import { applyModeToDocument, THREAD_MODE_STORAGE_KEY } from './theme-mode';
6
- const ThreadContext = createContext(null);
5
+ import { THREAD_MODE_STORAGE_KEY, } from './theme-provider.types';
6
+ import { applyModeToDocument } from './theme-mode-utils';
7
+ // ─── Context ──────────────────────────────────────────────────────────────────
8
+ const ThemeContext = createContext(null);
9
+ // ─── Provider ─────────────────────────────────────────────────────────────────
7
10
  /**
8
11
  * Provides custom Thread theme configuration.
9
12
  * - Accepts `ThemeConfig` partial object to override default ThreadTheme
@@ -15,7 +18,7 @@ const ThreadContext = createContext(null);
15
18
  * <App />
16
19
  * </ThemeProvider>
17
20
  */
18
- export function ThemeProvider({ children, theme }) {
21
+ export const ThemeProvider = ({ children, theme }) => {
19
22
  const [mode, setModeState] = useState('system'); // Init as 'system' — sync to applied value on mount
20
23
  // On mount: read the data-theme attribute ThreadScript already set on <html>.
21
24
  useEffect(() => {
@@ -55,8 +58,8 @@ export function ThemeProvider({ children, theme }) {
55
58
  return generateOverrideCss(theme);
56
59
  }, [theme]);
57
60
  const contextValue = useMemo(() => ({ mode, setMode, toggleMode }), [mode, setMode, toggleMode]);
58
- return (_jsxs(ThreadContext.Provider, { value: contextValue, children: [overrideCss && (_jsx("style", { id: "thread-theme-overrides", dangerouslySetInnerHTML: { __html: overrideCss } })), children] }));
59
- }
61
+ return (_jsxs(ThemeContext.Provider, { value: contextValue, children: [overrideCss && (_jsx("style", { id: "thread-theme-overrides", dangerouslySetInnerHTML: { __html: overrideCss } })), children] }));
62
+ };
60
63
  /**
61
64
  * Returns the current theme mode and controls for updating it.
62
65
  * Must be used within a `<ThemeProvider>`.
@@ -67,7 +70,7 @@ export function ThemeProvider({ children, theme }) {
67
70
  * const { mode, setMode, toggleMode } = useThemeMode();
68
71
  */
69
72
  export const useThemeMode = () => {
70
- const context = useContext(ThreadContext);
73
+ const context = useContext(ThemeContext);
71
74
  if (!context) {
72
75
  throw new Error('useThemeMode must be used within a <ThemeProvider>');
73
76
  }
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../../../src/foundation/theme-provider/theme-provider.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,14 @@
1
+ import { ThemeConfig } from '../../types';
2
+ import { ReactNode } from 'react';
3
+ export type ThreadMode = 'light' | 'dark' | 'system';
4
+ export declare const THREAD_MODE_STORAGE_KEY: "thread-mode";
5
+ export declare const VALID_MODES: ThreadMode[];
6
+ export type ThemeContextValue = {
7
+ mode: ThreadMode;
8
+ setMode: (mode: ThreadMode) => void;
9
+ toggleMode: () => void;
10
+ };
11
+ export type ThemeProviderProps = {
12
+ children: ReactNode;
13
+ theme?: ThemeConfig;
14
+ };
@@ -0,0 +1,3 @@
1
+ export const THREAD_MODE_STORAGE_KEY = 'thread-mode';
2
+ export const VALID_MODES = ['light', 'dark', 'system'];
3
+ //# sourceMappingURL=theme-provider.types.js.map
@@ -0,0 +1 @@
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"}
@@ -1,4 +1,4 @@
1
- import { ThreadMode } from './theme-mode';
1
+ import { ThreadMode } from './theme-provider.types';
2
2
  export type { ThreadMode };
3
3
  interface ThreadScriptProps {
4
4
  defaultMode?: ThreadMode;
@@ -23,4 +23,4 @@ interface ThreadScriptProps {
23
23
  * // Next.js Pages Router (_document.tsx)
24
24
  * <Head><ThreadScript defaultMode="system" /></Head>
25
25
  */
26
- export declare function ThreadScript({ defaultMode }: ThreadScriptProps): import("react/jsx-runtime").JSX.Element;
26
+ export declare const ThreadScript: ({ defaultMode }: ThreadScriptProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { THREAD_MODE_STORAGE_KEY, VALID_MODES } from './theme-mode';
2
+ import { THREAD_MODE_STORAGE_KEY, VALID_MODES } from './theme-provider.types';
3
3
  /**
4
4
  * Inline script to prevent flash of wrong-mode content on first paint.
5
5
  * 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';
20
20
  * // Next.js Pages Router (_document.tsx)
21
21
  * <Head><ThreadScript defaultMode="system" /></Head>
22
22
  */
23
- export function ThreadScript({ defaultMode = 'system' }) {
23
+ export const ThreadScript = ({ defaultMode = 'system' }) => {
24
24
  const scriptContent = buildScriptContent(defaultMode);
25
25
  return _jsx("script", { dangerouslySetInnerHTML: { __html: scriptContent } });
26
- }
26
+ };
27
27
  const buildScriptContent = (defaultMode) => {
28
28
  // Serialized as an IIFE so it doesn't pollute the global scope.
29
29
  // defaultMode and the storage key are interpolated at render time on the server.
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,2 @@
1
+ export { ThreadProvider, useLinkComponent } from './thread-provider';
2
+ export type { ThreadFoundation, ThreadProviderProps } from './thread-provider.types';
@@ -0,0 +1,2 @@
1
+ export { ThreadProvider, useLinkComponent } from './thread-provider';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,3 @@
1
+ import { ThreadProviderProps } from './thread-provider.types';
2
+ export declare const ThreadProvider: ({ children, theme, linkComponent }: ThreadProviderProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const useLinkComponent: () => import("../..").LinkComponent;
@@ -0,0 +1,17 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { createContext, useContext } from 'react';
4
+ import { ThemeProvider } from '../theme-provider/theme-provider';
5
+ // ─── Context ──────────────────────────────────────────────────────────────────
6
+ const FoundationContext = createContext(null);
7
+ // ─── Provider ─────────────────────────────────────────────────────────────────
8
+ export const ThreadProvider = ({ children, theme, linkComponent }) => {
9
+ const LinkComponent = linkComponent ?? 'a';
10
+ const contextValue = { LinkComponent };
11
+ return (_jsx(FoundationContext.Provider, { value: contextValue, children: _jsx(ThemeProvider, { theme: theme, children: children }) }));
12
+ };
13
+ export const useLinkComponent = () => {
14
+ const context = useContext(FoundationContext);
15
+ return context?.LinkComponent ?? 'a';
16
+ };
17
+ //# sourceMappingURL=thread-provider.js.map
@@ -0,0 +1 @@
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"}
@@ -0,0 +1,10 @@
1
+ import { LinkComponent, Prettify, ThemeConfig } from '../../types';
2
+ import { ReactNode } from 'react';
3
+ export type ThreadProviderProps = Prettify<{
4
+ linkComponent?: LinkComponent;
5
+ theme?: ThemeConfig;
6
+ children: ReactNode;
7
+ }>;
8
+ export type ThreadFoundation = {
9
+ LinkComponent: LinkComponent;
10
+ };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=thread-provider.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"thread-provider.types.js","sourceRoot":"","sources":["../../../src/foundation/thread-provider/thread-provider.types.ts"],"names":[],"mappings":""}
@@ -1,3 +1,4 @@
1
1
  export * from './use-click-outside';
2
2
  export * from './use-dismiss';
3
3
  export * from './use-pathname';
4
+ export * from './use-resize';
@@ -1,4 +1,5 @@
1
1
  export * from './use-click-outside';
2
2
  export * from './use-dismiss';
3
3
  export * from './use-pathname';
4
+ export * from './use-resize';
4
5
  //# sourceMappingURL=index.js.map
@@ -1 +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"}
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;AAC/B,cAAc,cAAc,CAAC"}
@@ -0,0 +1 @@
1
+ export * from './use-resize';
@@ -0,0 +1,2 @@
1
+ export * from './use-resize';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/use-resize/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
@@ -0,0 +1,13 @@
1
+ type UseResizeProps = {
2
+ onResize: () => void;
3
+ disabled?: boolean;
4
+ };
5
+ /**
6
+ * Calls `onResize` on window resize.
7
+ * Only active when `disabled` is false.
8
+ *
9
+ * @example
10
+ * useResize({ onResize: () => setIsOpen(false) });
11
+ */
12
+ export declare const useResize: ({ onResize, disabled }: UseResizeProps) => void;
13
+ export {};
@@ -0,0 +1,23 @@
1
+ 'use client';
2
+ import { useEffect, useRef } from 'react';
3
+ /**
4
+ * Calls `onResize` on window resize.
5
+ * Only active when `disabled` is false.
6
+ *
7
+ * @example
8
+ * useResize({ onResize: () => setIsOpen(false) });
9
+ */
10
+ export const useResize = ({ onResize, disabled = false }) => {
11
+ const onResizeRef = useRef(onResize);
12
+ onResizeRef.current = onResize;
13
+ useEffect(() => {
14
+ if (disabled)
15
+ return;
16
+ const handleResize = () => {
17
+ onResizeRef.current();
18
+ };
19
+ window.addEventListener('resize', handleResize);
20
+ return () => window.removeEventListener('resize', handleResize);
21
+ }, [disabled]);
22
+ };
23
+ //# sourceMappingURL=use-resize.js.map
@@ -0,0 +1 @@
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 CHANGED
@@ -1,4 +1,5 @@
1
1
  export * from './components';
2
+ export { ThreadScript, ThreadProvider, type ThreadProviderProps } from './foundation';
2
3
  export * from './types';
3
- export * from './theme';
4
+ export { ThreadTheme } from './theme';
4
5
  export * from './hooks';
package/dist/index.js CHANGED
@@ -1,9 +1,11 @@
1
1
  // Export Components
2
2
  export * from './components';
3
+ // Export Foundation
4
+ export { ThreadScript, ThreadProvider } from './foundation';
3
5
  // Export Types
4
6
  export * from './types';
5
7
  // Export Theme
6
- export * from './theme';
8
+ export { ThreadTheme } from './theme';
7
9
  // Export Hooks
8
10
  export * from './hooks';
9
11
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc,cAAc,CAAC;AAE7B,eAAe;AACf,cAAc,SAAS,CAAC;AAExB,eAAe;AACf,cAAc,SAAS,CAAC;AAExB,eAAe;AACf,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc,cAAc,CAAC;AAE7B,oBAAoB;AACpB,OAAO,EAAE,YAAY,EAAE,cAAc,EAA4B,MAAM,cAAc,CAAC;AAEtF,eAAe;AACf,cAAc,SAAS,CAAC;AAExB,eAAe;AACf,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAe;AACf,cAAc,SAAS,CAAC"}
@@ -2,7 +2,7 @@ export * from './conditional-wrapper';
2
2
  export * from './content-header';
3
3
  export * from './dynamic-icon';
4
4
  export * from './image';
5
- export * from './link-wrapper';
5
+ export * from './link';
6
6
  export * from './modal-primitive';
7
7
  export * from './optional-icon-button';
8
8
  export * from './surface';
@@ -3,7 +3,7 @@ export * from './conditional-wrapper';
3
3
  export * from './content-header';
4
4
  export * from './dynamic-icon';
5
5
  export * from './image';
6
- export * from './link-wrapper';
6
+ export * from './link';
7
7
  export * from './modal-primitive';
8
8
  export * from './optional-icon-button';
9
9
  export * from './surface';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-components/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/internal-components/index.ts"],"names":[],"mappings":"AAAA,6BAA6B;AAC7B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC"}
@@ -0,0 +1,2 @@
1
+ export type { LinkProps } from './link.types';
2
+ export { Link } from './link';
@@ -0,0 +1,2 @@
1
+ export { Link } from './link';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/internal-components/link/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { LinkProps } from './link.types';
2
+ export declare const Link: ({ children, ...anchorProps }: LinkProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,8 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { useLinkComponent } from '../../foundation';
4
+ export const Link = ({ children, ...anchorProps }) => {
5
+ const LinkComponent = useLinkComponent();
6
+ return _jsx(LinkComponent, { ...anchorProps, children: children });
7
+ };
8
+ //# sourceMappingURL=link.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.js","sourceRoot":"","sources":["../../../src/internal-components/link/link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAa,EAAE,EAAE;IAC/D,MAAM,aAAa,GAAG,gBAAgB,EAAE,CAAC;IAEzC,OAAO,KAAC,aAAa,OAAK,WAAW,YAAG,QAAQ,GAAiB,CAAC;AACnE,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { ComponentPropsWithRef } from 'react';
2
+ export type LinkProps = ComponentPropsWithRef<'a'>;
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=link.types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.types.js","sourceRoot":"","sources":["../../../src/internal-components/link/link.types.ts"],"names":[],"mappings":""}