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.
- package/README.md +1 -1
- package/dist/components/content-display/lightbox/lightbox-context.d.ts +2 -2
- package/dist/components/layouts/footer/footer.js +6 -1
- package/dist/components/layouts/footer/footer.js.map +1 -1
- package/dist/components/media-display/info-card/info-card.js +2 -3
- package/dist/components/media-display/info-card/info-card.js.map +1 -1
- package/dist/components/media-display/media-card/media-card.js +2 -2
- package/dist/components/media-display/media-card/media-card.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/{nav-drop-down-item/nav-drop-down-item.js → nav-drop-down-item.js} +8 -5
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-item.d.ts +2 -0
- package/dist/components/navigation/nav-menu/components/nav-item.js +8 -0
- package/dist/components/navigation/nav-menu/components/nav-item.js.map +1 -0
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js +17 -8
- package/dist/components/navigation/nav-menu/components/nav-link/nav-link.js.map +1 -1
- package/dist/components/navigation/nav-menu/components/{nav-icon-item/navigation-logo.d.ts → navigation-logo.d.ts} +1 -1
- package/dist/components/navigation/nav-menu/components/{nav-icon-item/navigation-logo.js → navigation-logo.js} +1 -1
- package/dist/components/navigation/nav-menu/components/navigation-logo.js.map +1 -0
- package/dist/components/navigation/nav-menu/nav-menu.js +17 -57
- package/dist/components/navigation/nav-menu/nav-menu.js.map +1 -1
- package/dist/components/navigation/nav-menu/nav-menu.types.d.ts +14 -4
- package/dist/components/navigation/navigation.types.d.ts +12 -0
- package/dist/components/navigation/navigation.types.js +2 -0
- package/dist/components/navigation/navigation.types.js.map +1 -0
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js +2 -2
- package/dist/components/navigation/side-nav/side-nav-item/side-nav-item.js.map +1 -1
- package/dist/components/ui/modal/modal-context.d.ts +2 -2
- package/dist/foundation/index.d.ts +3 -0
- package/dist/foundation/index.js +5 -0
- package/dist/foundation/index.js.map +1 -0
- package/dist/{theme → foundation/theme-provider}/generate-override-css.d.ts +2 -2
- package/dist/{theme → foundation/theme-provider}/generate-override-css.js +5 -5
- package/dist/foundation/theme-provider/generate-override-css.js.map +1 -0
- package/dist/foundation/theme-provider/theme-mode-utils.d.ts +3 -0
- package/dist/{theme/theme-mode.js → foundation/theme-provider/theme-mode-utils.js} +6 -7
- package/dist/foundation/theme-provider/theme-mode-utils.js.map +1 -0
- package/dist/{theme → foundation/theme-provider}/theme-provider.d.ts +3 -15
- package/dist/{theme → foundation/theme-provider}/theme-provider.js +9 -6
- package/dist/foundation/theme-provider/theme-provider.js.map +1 -0
- package/dist/foundation/theme-provider/theme-provider.types.d.ts +14 -0
- package/dist/foundation/theme-provider/theme-provider.types.js +3 -0
- package/dist/foundation/theme-provider/theme-provider.types.js.map +1 -0
- package/dist/{theme → foundation/theme-provider}/thread-script.d.ts +2 -2
- package/dist/{theme → foundation/theme-provider}/thread-script.js +3 -3
- package/dist/foundation/theme-provider/thread-script.js.map +1 -0
- package/dist/foundation/thread-provider/index.d.ts +2 -0
- package/dist/foundation/thread-provider/index.js +2 -0
- package/dist/foundation/thread-provider/index.js.map +1 -0
- package/dist/foundation/thread-provider/thread-provider.d.ts +3 -0
- package/dist/foundation/thread-provider/thread-provider.js +17 -0
- package/dist/foundation/thread-provider/thread-provider.js.map +1 -0
- package/dist/foundation/thread-provider/thread-provider.types.d.ts +10 -0
- package/dist/foundation/thread-provider/thread-provider.types.js +2 -0
- package/dist/foundation/thread-provider/thread-provider.types.js.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.js +1 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/use-resize/index.d.ts +1 -0
- package/dist/hooks/use-resize/index.js +2 -0
- package/dist/hooks/use-resize/index.js.map +1 -0
- package/dist/hooks/use-resize/use-resize.d.ts +13 -0
- package/dist/hooks/use-resize/use-resize.js +23 -0
- package/dist/hooks/use-resize/use-resize.js.map +1 -0
- package/dist/index.d.ts +2 -1
- package/dist/index.js +3 -1
- package/dist/index.js.map +1 -1
- package/dist/internal-components/index.d.ts +1 -1
- package/dist/internal-components/index.js +1 -1
- package/dist/internal-components/index.js.map +1 -1
- package/dist/internal-components/link/index.d.ts +2 -0
- package/dist/internal-components/link/index.js +2 -0
- package/dist/internal-components/link/index.js.map +1 -0
- package/dist/internal-components/link/link.d.ts +2 -0
- package/dist/internal-components/link/link.js +8 -0
- package/dist/internal-components/link/link.js.map +1 -0
- package/dist/internal-components/link/link.types.d.ts +2 -0
- package/dist/internal-components/link/link.types.js +2 -0
- package/dist/internal-components/link/link.types.js.map +1 -0
- package/dist/styles/panda.css +1 -1
- package/dist/styles/theme.css +30 -6
- package/dist/theme/default-theme.js +4 -3
- package/dist/theme/default-theme.js.map +1 -1
- package/dist/theme/index.d.ts +1 -2
- package/dist/theme/index.js +1 -2
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/theme-fonts.d.ts +4 -0
- package/dist/theme/theme-fonts.js +6 -0
- package/dist/theme/theme-fonts.js.map +1 -0
- package/dist/types/foundation/index.d.ts +1 -0
- package/dist/types/foundation/index.js +2 -0
- package/dist/types/foundation/index.js.map +1 -0
- package/dist/types/foundation/link-component.types.d.ts +2 -0
- package/dist/types/foundation/link-component.types.js +2 -0
- package/dist/types/foundation/link-component.types.js.map +1 -0
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -1
- package/package.json +5 -9
- package/dist/components/navigation/nav-menu/components/index.d.ts +0 -4
- package/dist/components/navigation/nav-menu/components/index.js +0 -5
- package/dist/components/navigation/nav-menu/components/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.d.ts +0 -5
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-drop-down-item/nav-drop-down-item.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-icon-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.d.ts +0 -5
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-icon-item/navigation-logo.types.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-item/index.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-item/index.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-item/index.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.d.ts +0 -2
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js +0 -6
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.js.map +0 -1
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.d.ts +0 -4
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js +0 -2
- package/dist/components/navigation/nav-menu/components/nav-item/nav-item.types.js.map +0 -1
- package/dist/internal-components/link-wrapper/index.d.ts +0 -2
- package/dist/internal-components/link-wrapper/index.js +0 -2
- package/dist/internal-components/link-wrapper/index.js.map +0 -1
- package/dist/internal-components/link-wrapper/link-wrapper.d.ts +0 -3
- package/dist/internal-components/link-wrapper/link-wrapper.js +0 -9
- package/dist/internal-components/link-wrapper/link-wrapper.js.map +0 -1
- package/dist/internal-components/link-wrapper/link-wrapper.types.d.ts +0 -5
- package/dist/internal-components/link-wrapper/link-wrapper.types.js +0 -2
- package/dist/internal-components/link-wrapper/link-wrapper.types.js.map +0 -1
- package/dist/theme/generate-override-css.js.map +0 -1
- package/dist/theme/theme-mode.d.ts +0 -5
- package/dist/theme/theme-mode.js.map +0 -1
- package/dist/theme/theme-provider.js.map +0 -1
- 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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"}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
export const
|
|
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
|
|
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
|
|
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
|
|
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: () =>
|
|
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 {
|
|
6
|
-
|
|
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
|
|
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(
|
|
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(
|
|
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 @@
|
|
|
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-
|
|
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
|
|
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-
|
|
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
|
|
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 @@
|
|
|
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 @@
|
|
|
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
CHANGED
package/dist/hooks/index.js
CHANGED
package/dist/hooks/index.js.map
CHANGED
|
@@ -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 @@
|
|
|
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
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
|
|
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,
|
|
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
|
|
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
|
|
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,
|
|
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 @@
|
|
|
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,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 @@
|
|
|
1
|
+
{"version":3,"file":"link.types.js","sourceRoot":"","sources":["../../../src/internal-components/link/link.types.ts"],"names":[],"mappings":""}
|