npm - @lumeweb/portal-framework-ui - Versions diffs - 0.0.1 → 0.1.0 - Mend

@lumeweb/portal-framework-ui 0.0.1 → 0.1.0

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 (1537) hide show

package/dist/esm/hooks/useTheme.js ADDED Viewed

@@ -0,0 +1,59 @@
+import { __esmMin } from "../_virtual/rolldown_runtime.js";
+import { init_usePluginMeta, usePluginMeta } from "./usePluginMeta.js";
+import { init_uiStore, useUIStore } from "../store/uiStore.js";
+import { applyThemeStyles, getThemeById, init_theme } from "../utils/theme.js";
+import React, { useEffect } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/hooks/useTheme.tsx
+var useThemeIdAndSetter, useTheme, withTheme;
+var init_useTheme = __esmMin(() => {
+	init_uiStore();
+	init_theme();
+	init_usePluginMeta();
+	useThemeIdAndSetter = () => {
+		const theme = useUIStore((state) => state.theme);
+		return {
+			setTheme: useUIStore((state) => state.setTheme),
+			theme
+		};
+	};
+	useTheme = () => {
+		const { theme: selectedThemeId } = useThemeIdAndSetter();
+		const themes = usePluginMeta("dashboard", "themes");
+		if (selectedThemeId && Array.isArray(themes) && themes.length > 0) {
+			const persistedTheme = getThemeById(themes, selectedThemeId);
+			if (persistedTheme) return persistedTheme;
+		}
+		if (!themes || themes.length === 0) return;
+		let theme = getThemeById(themes, selectedThemeId);
+		if (!theme) theme = themes.find((t) => t.default);
+		if (!theme && themes.length > 0) theme = themes[0];
+		return theme;
+	};
+	withTheme = (Component) => {
+		return function WithTheme(props) {
+			const { theme: selectedThemeId } = useThemeIdAndSetter();
+			const themes = usePluginMeta("dashboard", "themes");
+			useEffect(() => {
+				if (!themes || !Array.isArray(themes) || themes.length === 0) return;
+				if (selectedThemeId) {
+					const persistedTheme = getThemeById(themes, selectedThemeId);
+					if (persistedTheme) {
+						applyThemeStyles(persistedTheme);
+						return;
+					}
+				}
+				const themeToApply = getThemeById(themes, selectedThemeId) || themes.find((t) => t.default) || themes[0];
+				if (themeToApply) applyThemeStyles(themeToApply);
+				else console.warn("No theme found to apply.");
+			}, [selectedThemeId, themes]);
+			return /* @__PURE__ */ jsx(Component, { ...props });
+		};
+	};
+});
+//#endregion
+init_useTheme();
+export { init_useTheme, useTheme, useThemeIdAndSetter, withTheme };
+//# sourceMappingURL=useTheme.js.map

package/dist/esm/hooks/useTheme.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useTheme.js","names":[],"sources":["../../../src/hooks/useTheme.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\n\nimport { useUIStore } from \"@/store/uiStore\";\nimport { getThemeById } from \"@/utils/theme\";\n\n// Import Theme from the new types file\nimport type { Theme } from \"../types/theme\";\n\nimport { applyThemeStyles } from \"../utils/theme\";\nimport { usePluginMeta } from \"./usePluginMeta\";\n/**\n * Higher-Order Component (HoC) for managing theme application at the root level.\n *\n * This HoC is used to control the theme for the Root component, ensuring proper\n * theme management throughout the application. It's an alternative to using\n * React Context, which is the current best practice, but we've chosen a different\n * approach here with global state management.\n *\n * Wrapping a component in this HoC will ensure that the theme is applied to the\n * <html> element of the page, so this HoC should be used for the Root component\n * only.\n *\n * The HoC:\n * 1. Retrieves the current theme ID from the global app store using useThemeIdAndSetter.\n * 2. Retrieves the list of available themes from plugin metadata using usePluginMeta.\n * 3. Uses an effect to find the selected or default theme and apply it using the utility function.\n * 4. Wraps the provided component, passing through all props.\n *\n * @param Component - The React component to be wrapped.\n * @returns A new component with theme management capabilities.\n */\n\n/**\n * Hook to get the currently selected theme ID and the setter function.\n * This hook directly uses the UI store.\n */\nexport const useThemeIdAndSetter = () => {\n const theme = useUIStore((state) => state.theme);\n const setTheme = useUIStore((state) => state.setTheme);\n\n return {\n setTheme,\n theme, // This is the theme ID string\n };\n};\n\n/**\n * Hook to get the full Theme object based on the selected theme ID and available themes from meta.\n */\nexport const useTheme = (): Theme | undefined => {\n const { theme: selectedThemeId } = useThemeIdAndSetter();\n const themes = usePluginMeta<Theme[]>(\"dashboard\", \"themes\");\n\n // First, try to use the persisted theme from the store\n if (selectedThemeId && Array.isArray(themes) && themes.length > 0) {\n const persistedTheme = getThemeById(themes, selectedThemeId);\n if (persistedTheme) {\n return persistedTheme;\n }\n }\n\n // Fallback to original logic if no persisted theme found or selectedThemeId is not set yet\n if (!themes || themes.length === 0) {\n return undefined;\n }\n\n let theme = getThemeById(themes, selectedThemeId);\n\n if (!theme) {\n theme = themes.find((t) => t.default);\n }\n\n if (!theme && themes.length > 0) {\n theme = themes[0];\n }\n\n return theme;\n};\n\nexport const withTheme = <P extends object>(\n Component: React.ComponentType<P>,\n) => {\n return function WithTheme(props: P) {\n const { theme: selectedThemeId } = useThemeIdAndSetter();\n const themes = usePluginMeta<Theme[]>(\"dashboard\", \"themes\");\n\n useEffect(() => {\n if (!themes || !Array.isArray(themes) || themes.length === 0) {\n return;\n }\n\n // First, try to use the persisted theme\n if (selectedThemeId) {\n const persistedTheme = getThemeById(themes, selectedThemeId);\n if (persistedTheme) {\n applyThemeStyles(persistedTheme);\n return;\n }\n }\n\n // Fallback to original logic if no persisted theme found\n const themeToApply =\n getThemeById(themes, selectedThemeId) ||\n themes.find((t) => t.default) ||\n themes[0];\n\n if (themeToApply) {\n applyThemeStyles(themeToApply);\n } else {\n console.warn(\"No theme found to apply.\");\n }\n }, [selectedThemeId, themes]);\n\n return <Component {...props} />;\n };\n};\n"],"mappings":";;;;;;;;;;eAE6C;aACA;qBAMG;CA2BnC,4BAA4B;EACvC,MAAM,QAAQ,YAAY,UAAU,MAAM,MAAM;AAGhD,SAAO;GACL,UAHe,YAAY,UAAU,MAAM,SAAS;GAIpD;GACD;;CAMU,iBAAoC;EAC/C,MAAM,EAAE,OAAO,oBAAoB,qBAAqB;EACxD,MAAM,SAAS,cAAuB,aAAa,SAAS;AAG5D,MAAI,mBAAmB,MAAM,QAAQ,OAAO,IAAI,OAAO,SAAS,GAAG;GACjE,MAAM,iBAAiB,aAAa,QAAQ,gBAAgB;AAC5D,OAAI,eACF,QAAO;;AAKX,MAAI,CAAC,UAAU,OAAO,WAAW,EAC/B;EAGF,IAAI,QAAQ,aAAa,QAAQ,gBAAgB;AAEjD,MAAI,CAAC,MACH,SAAQ,OAAO,MAAM,MAAM,EAAE,QAAQ;AAGvC,MAAI,CAAC,SAAS,OAAO,SAAS,EAC5B,SAAQ,OAAO;AAGjB,SAAO;;CAGI,aACX,cACG;AACH,SAAO,SAAS,UAAU,OAAU;GAClC,MAAM,EAAE,OAAO,oBAAoB,qBAAqB;GACxD,MAAM,SAAS,cAAuB,aAAa,SAAS;AAE5D,mBAAgB;AACd,QAAI,CAAC,UAAU,CAAC,MAAM,QAAQ,OAAO,IAAI,OAAO,WAAW,EACzD;AAIF,QAAI,iBAAiB;KACnB,MAAM,iBAAiB,aAAa,QAAQ,gBAAgB;AAC5D,SAAI,gBAAgB;AAClB,uBAAiB,eAAe;AAChC;;;IAKJ,MAAM,eACJ,aAAa,QAAQ,gBAAgB,IACrC,OAAO,MAAM,MAAM,EAAE,QAAQ,IAC7B,OAAO;AAET,QAAI,aACF,kBAAiB,aAAa;QAE9B,SAAQ,KAAK,2BAA2B;MAEzC,CAAC,iBAAiB,OAAO,CAAC;AAE7B,UAAO,oBAAC,aAAU,GAAI,QAAS"}

package/dist/esm/hooks/useTheme.spec.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { };

package/dist/esm/hooks/useTheme.spec.js ADDED Viewed

@@ -0,0 +1,151 @@
+import { init_usePluginMeta } from "./usePluginMeta.js";
+import { init_uiStore, useUIStore } from "../store/uiStore.js";
+import { init_theme } from "../utils/theme.js";
+import { init_useTheme, useTheme, useThemeIdAndSetter } from "./useTheme.js";
+import { renderHook } from "@testing-library/react";
+import { beforeEach, describe, expect, it, vi } from "/home/runner/work/web/web/node_modules/.pnpm/vitest@4.0.16_@types+node@25.0.6_@vitest+browser-playwright@4.0.16_happy-dom@20.1.0_jit_f9bfc6b661e56e62de1f809a028e46f4/node_modules/vitest/dist/index.js";
+//#region src/hooks/useTheme.spec.tsx
+init_uiStore();
+init_theme();
+init_usePluginMeta();
+init_useTheme();
+vi.mock("@/store/uiStore", () => {
+	let mockUIStoreState = { theme: "default" };
+	const mockSetTheme = vi.fn((theme) => {
+		mockUIStoreState.theme = theme;
+	});
+	return {
+		__clearMockSetThemeSpy: () => {
+			mockSetTheme.mockClear();
+		},
+		__getMockUIStoreState: () => mockUIStoreState,
+		__mockSetTheme: mockSetTheme,
+		__resetMockUIStoreState: (newState) => {
+			mockUIStoreState = newState;
+		},
+		useUIStore: vi.fn((selector) => {
+			return selector({
+				...mockUIStoreState,
+				setTheme: mockSetTheme
+			});
+		})
+	};
+});
+vi.mock("./usePluginMeta", () => {
+	const mockUsePluginMeta$1 = vi.fn();
+	return {
+		__mockUsePluginMeta: mockUsePluginMeta$1,
+		usePluginMeta: mockUsePluginMeta$1
+	};
+});
+vi.mock("../utils/theme", () => {
+	const mockGetThemeById$1 = vi.fn();
+	return {
+		__mockGetThemeById: mockGetThemeById$1,
+		applyThemeStyles: vi.fn(),
+		getThemeById: mockGetThemeById$1
+	};
+});
+describe("useThemeIdAndSetter", () => {
+	beforeEach(() => {
+		vi.clearAllMocks();
+		__resetMockUIStoreState({ theme: "default" });
+		__clearMockSetThemeSpy();
+		vi.mocked(useUIStore).mockClear();
+	});
+	it("should return the current theme ID from the UI store", () => {
+		__resetMockUIStoreState({ theme: "dark" });
+		const { result } = renderHook(() => useThemeIdAndSetter());
+		expect(result.current.theme).toBe("dark");
+		expect(useUIStore).toHaveBeenCalled();
+	});
+	it("should return the setTheme function from the UI store", () => {
+		const { result } = renderHook(() => useThemeIdAndSetter());
+		expect(result.current.setTheme).toBe(__mockSetTheme);
+		expect(useUIStore).toHaveBeenCalled();
+	});
+	it("should allow updating the theme via the returned setTheme function", () => {
+		const { result } = renderHook(() => useThemeIdAndSetter());
+		result.current.setTheme("custom");
+		expect(__mockSetTheme).toHaveBeenCalledWith("custom");
+		expect(__getMockUIStoreState().theme).toBe("custom");
+	});
+});
+describe("useTheme", () => {
+	const mockThemes = [
+		{
+			default: true,
+			id: "default",
+			name: "Default"
+		},
+		{
+			id: "dark",
+			name: "Dark"
+		},
+		{
+			id: "custom",
+			name: "Custom"
+		}
+	];
+	beforeEach(() => {
+		vi.clearAllMocks();
+		__resetMockUIStoreState({ theme: "default" });
+		__clearMockSetThemeSpy();
+		mockUsePluginMeta.mockReset();
+		mockGetThemeById.mockReset();
+		mockUsePluginMeta.mockReturnValue(mockThemes);
+		mockGetThemeById.mockImplementation((themes, id) => themes.find((t) => t.id === id));
+	});
+	it("should return the selected theme based on store state and available themes", () => {
+		__resetMockUIStoreState({ theme: "dark" });
+		const { result } = renderHook(() => useTheme());
+		expect(useUIStore).toHaveBeenCalled();
+		expect(mockUsePluginMeta).toHaveBeenCalledWith("dashboard", "themes");
+		expect(mockGetThemeById).toHaveBeenCalledWith(mockThemes, "dark");
+		expect(result.current).toEqual({
+			id: "dark",
+			name: "Dark"
+		});
+	});
+	it("should return the default theme if the selected theme is not found", () => {
+		__resetMockUIStoreState({ theme: "non-existent" });
+		mockGetThemeById.mockReturnValue(void 0);
+		const { result } = renderHook(() => useTheme());
+		expect(mockGetThemeById).toHaveBeenCalledWith(mockThemes, "non-existent");
+		expect(result.current).toEqual({
+			default: true,
+			id: "default",
+			name: "Default"
+		});
+	});
+	it("should return the first theme if selected and default themes are not found", () => {
+		__resetMockUIStoreState({ theme: "non-existent" });
+		mockGetThemeById.mockReturnValue(void 0);
+		const themesWithoutDefault = mockThemes.map((t) => ({
+			...t,
+			default: void 0
+		}));
+		mockUsePluginMeta.mockReturnValue(themesWithoutDefault);
+		const { result } = renderHook(() => useTheme());
+		expect(mockGetThemeById).toHaveBeenCalledWith(themesWithoutDefault, "non-existent");
+		expect(result.current).toEqual(themesWithoutDefault[0]);
+	});
+	it("should return undefined if no themes are available", () => {
+		mockUsePluginMeta.mockReturnValue(void 0);
+		const { result } = renderHook(() => useTheme());
+		expect(mockUsePluginMeta).toHaveBeenCalledWith("dashboard", "themes");
+		expect(result.current).toBeUndefined();
+		expect(mockGetThemeById).not.toHaveBeenCalled();
+	});
+	it("should return undefined if themes array is empty", () => {
+		mockUsePluginMeta.mockReturnValue([]);
+		const { result } = renderHook(() => useTheme());
+		expect(mockUsePluginMeta).toHaveBeenCalledWith("dashboard", "themes");
+		expect(result.current).toBeUndefined();
+		expect(mockGetThemeById).not.toHaveBeenCalled();
+	});
+});
+//#endregion
+//# sourceMappingURL=useTheme.spec.js.map

package/dist/esm/hooks/useTheme.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useTheme.spec.js","names":["mockUsePluginMeta","mockGetThemeById","mockedUseUIStore"],"sources":["../../../src/hooks/useTheme.spec.tsx"],"sourcesContent":["import { renderHook } from \"@testing-library/react\";\nimport { beforeEach, describe, expect, it, vi } from \"vitest\";\n\n// Import the mocked useUIStore hook\n// Import the mocked functions and state helpers *after* the vi.mock call\nimport {\n __clearMockSetThemeSpy,\n __getMockUIStoreState,\n __mockSetTheme,\n __resetMockUIStoreState,\n useUIStore as mockedUseUIStore,\n} from \"@/store/uiStore\";\n\n// Import the mocked function reference after the vi.mock call\nimport { __mockGetThemeById as mockGetThemeById } from \"../utils/theme\";\n// Import the mocked function reference after the vi.mock call\nimport { __mockUsePluginMeta as mockUsePluginMeta } from \"./usePluginMeta\";\n// Import the hook we are actually testing from the source file\n// Import useThemeIdAndSetter and useTheme\nimport { useTheme, useThemeIdAndSetter } from \"./useTheme\";\n\n// Mock dependencies\n// Mock the actual store module (@/store/uiStore)\n// The factory function runs during mock resolution, before test execution.\n// It should define the *mocked exports* of the module.\nvi.mock(\"@/store/uiStore\", () => {\n // Define the mutable state and the mock function *inside* the factory\n let mockUIStoreState = { theme: \"default\" };\n const mockSetTheme = vi.fn((theme: string) => {\n mockUIStoreState.theme = theme; // Update internal state\n });\n\n // Inside the factory: Define the mock implementation of the hook.\n const useUIStoreSpy = vi.fn((selector) => {\n // This function is called by the hook under test (useThemeIdAndSetter)\n // It accesses the *current* state from the mockUIStoreState defined *within* the factory\n // and applies the selector function passed by the hook.\n // Also include the setter in the state object for the selector\n return selector({ ...mockUIStoreState, setTheme: mockSetTheme });\n });\n\n return {\n __clearMockSetThemeSpy: () => {\n mockSetTheme.mockClear();\n },\n __getMockUIStoreState: () => mockUIStoreState,\n __mockSetTheme: mockSetTheme, // Export the spy itself for assertions\n // Export helper functions for tests to manage the internal state and spies\n __resetMockUIStoreState: (newState: { theme: string }) => {\n mockUIStoreState = newState;\n },\n // Export the mocked hook with the name it's expected to have\n useUIStore: useUIStoreSpy,\n };\n});\n\n// Mock usePluginMeta as it's used by the other hook (useTheme) in the same file\n// This is necessary because Vitest evaluates the entire module when importing.\nvi.mock(\"./usePluginMeta\", () => {\n // Define the mock function inside the factory\n const mockUsePluginMeta = vi.fn();\n return {\n // Export the mock function reference for assertions\n __mockUsePluginMeta: mockUsePluginMeta,\n usePluginMeta: mockUsePluginMeta,\n };\n});\n\n// Mock the theme utility function\nvi.mock(\"../utils/theme\", () => {\n // Declare the mock function inside the factory\n const mockGetThemeById = vi.fn();\n return {\n // Export the mock function reference if needed for assertions outside the factory\n __mockGetThemeById: mockGetThemeById,\n applyThemeStyles: vi.fn(), // Mock applyThemeStyles as it's used by withTheme (not tested here)\n getThemeById: mockGetThemeById,\n };\n});\n\ndescribe(\"useThemeIdAndSetter\", () => {\n beforeEach(() => {\n vi.clearAllMocks();\n // Reset the mock state using the exported helper function\n __resetMockUIStoreState({ theme: \"default\" });\n // Reset the spy using the exported helper function\n __clearMockSetThemeSpy();\n vi.mocked(mockedUseUIStore).mockClear();\n });\n\n it(\"should return the current theme ID from the UI store\", () => {\n // Arrange: Modify the mock state using the exported helper function\n __resetMockUIStoreState({ theme: \"dark\" });\n\n // Call the hook under test\n const { result } = renderHook(() => useThemeIdAndSetter());\n\n // result.current will now be { theme: string, setTheme: Function }\n expect(result.current.theme).toBe(\"dark\");\n // Verify that the underlying useUIStore hook was called\n expect(mockedUseUIStore).toHaveBeenCalled();\n });\n\n it(\"should return the setTheme function from the UI store\", () => {\n // Call the hook under test\n const { result } = renderHook(() => useThemeIdAndSetter());\n\n // result.current will now be { theme: string, setTheme: Function }\n // Expect the function returned by the hook to be the mock function we set inside the factory\n expect(result.current.setTheme).toBe(__mockSetTheme);\n // Verify that the underlying useUIStore hook was called\n expect(mockedUseUIStore).toHaveBeenCalled();\n });\n\n it(\"should allow updating the theme via the returned setTheme function\", () => {\n // Call the hook under test\n const { result } = renderHook(() => useThemeIdAndSetter());\n\n // result.current will now be { theme: string, setTheme: Function }\n result.current.setTheme(\"custom\");\n\n // Verify that the mock setTheme function was called with the correct argument\n expect(__mockSetTheme).toHaveBeenCalledWith(\"custom\");\n // Verify the internal state was updated\n expect(__getMockUIStoreState().theme).toBe(\"custom\");\n });\n});\n\ndescribe(\"useTheme\", () => {\n const mockThemes = [\n { default: true, id: \"default\", name: \"Default\" },\n { id: \"dark\", name: \"Dark\" },\n { id: \"custom\", name: \"Custom\" },\n ];\n\n beforeEach(() => {\n vi.clearAllMocks();\n // Reset mock state and dependencies\n __resetMockUIStoreState({ theme: \"default\" }); // Reset UI store theme\n __clearMockSetThemeSpy(); // Clear the spy\n mockUsePluginMeta.mockReset();\n mockGetThemeById.mockReset();\n\n // Default mock implementations\n mockUsePluginMeta.mockReturnValue(mockThemes);\n // Default getThemeById to return the theme matching the ID\n mockGetThemeById.mockImplementation((themes, id) =>\n themes.find((t) => t.id === id),\n );\n });\n\n it(\"should return the selected theme based on store state and available themes\", () => {\n __resetMockUIStoreState({ theme: \"dark\" }); // Set selected theme in store\n\n const { result } = renderHook(() => useTheme());\n\n expect(mockedUseUIStore).toHaveBeenCalled(); // useThemeIdAndSetter is called internally\n expect(mockUsePluginMeta).toHaveBeenCalledWith(\"dashboard\", \"themes\");\n expect(mockGetThemeById).toHaveBeenCalledWith(mockThemes, \"dark\");\n expect(result.current).toEqual({ id: \"dark\", name: \"Dark\" });\n });\n\n it(\"should return the default theme if the selected theme is not found\", () => {\n __resetMockUIStoreState({ theme: \"non-existent\" }); // Selected theme not in mockThemes\n mockGetThemeById.mockReturnValue(undefined); // Simulate getThemeById not finding it\n\n const { result } = renderHook(() => useTheme());\n\n expect(mockGetThemeById).toHaveBeenCalledWith(mockThemes, \"non-existent\");\n // It should fallback to finding the default theme\n expect(result.current).toEqual({\n default: true,\n id: \"default\",\n name: \"Default\",\n });\n });\n\n it(\"should return the first theme if selected and default themes are not found\", () => {\n __resetMockUIStoreState({ theme: \"non-existent\" });\n mockGetThemeById.mockReturnValue(undefined);\n // Remove default flag from mockThemes for this test\n const themesWithoutDefault = mockThemes.map((t) => ({\n ...t,\n default: undefined,\n }));\n mockUsePluginMeta.mockReturnValue(themesWithoutDefault);\n\n const { result } = renderHook(() => useTheme());\n\n expect(mockGetThemeById).toHaveBeenCalledWith(\n themesWithoutDefault,\n \"non-existent\",\n );\n // It should fallback to the first theme in the list\n expect(result.current).toEqual(themesWithoutDefault[0]); // Should be the 'default' theme object without the default flag\n });\n\n it(\"should return undefined if no themes are available\", () => {\n mockUsePluginMeta.mockReturnValue(undefined); // No themes available\n\n const { result } = renderHook(() => useTheme());\n\n expect(mockUsePluginMeta).toHaveBeenCalledWith(\"dashboard\", \"themes\");\n expect(result.current).toBeUndefined();\n expect(mockGetThemeById).not.toHaveBeenCalled(); // Should not try to find themes if none available\n });\n\n it(\"should return undefined if themes array is empty\", () => {\n mockUsePluginMeta.mockReturnValue([]); // Empty themes array\n\n const { result } = renderHook(() => useTheme());\n\n expect(mockUsePluginMeta).toHaveBeenCalledWith(\"dashboard\", \"themes\");\n expect(result.current).toBeUndefined();\n expect(mockGetThemeById).not.toHaveBeenCalled(); // Should not try to find themes if array is empty\n });\n});\n\n// Note: Testing the `withTheme` HoC would require separate tests,\n// potentially using `@testing-library/react`'s `render` and mocking\n// DOM manipulation or testing the CSS output directly.\n"],"mappings":"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"}

package/dist/esm/image.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+//#region src/image.d.ts
+declare module "*.png" {
+  const src: string;
+  export default src;
+}
+//# sourceMappingURL=image.d.ts.map