@eqtylab/equality 0.0.0

package/dist/scripts.cjs

@@ -0,0 +1,116 @@
+'use strict';
+
+// src/theme/lib/utils.ts
+var STORAGE_KEY = "equality-theme";
+var UPDATE_EVENT = "equality-theme-change";
+var FALLBACK_THEME = "light";
+var getFallbackTheme = (options = {}) => {
+  const { canFallbackToBrowserSettings = false } = options;
+  if (typeof window === "undefined" || !canFallbackToBrowserSettings) {
+    return FALLBACK_THEME;
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+};
+var getDefaultTheme = () => {
+  const themeProviderRootElement = document.querySelector("[data-equality-theme]") || document.documentElement;
+  if (themeProviderRootElement) {
+    return themeProviderRootElement.getAttribute("data-equality-theme") || void 0;
+  } else {
+    return void 0;
+  }
+};
+var getThemeFromLocalStorage = () => {
+  const safeReadStorage = (key) => {
+    try {
+      return window.localStorage.getItem(key);
+    } catch {
+      return null;
+    }
+  };
+  const themeLocalStorageValue = safeReadStorage(STORAGE_KEY);
+  return themeLocalStorageValue;
+};
+var getThemeFromWindow = () => {
+  return window.__equalityTheme;
+};
+var applyThemeToDom = (theme) => {
+  const themeProviderRootElement = document.querySelector("[data-equality-theme]") || document.documentElement;
+  if (themeProviderRootElement) {
+    themeProviderRootElement.setAttribute("data-equality-theme", theme);
+  }
+};
+var setThemeInLocalStorage = (theme) => {
+  try {
+    window.localStorage.setItem(STORAGE_KEY, theme);
+    window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));
+  } catch {
+    console.error("Failed to set theme in localStorage");
+  }
+};
+var setThemeOnWindow = (theme) => {
+  window.__equalityTheme = theme;
+  window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));
+};
+var setTheme = (theme) => {
+  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;
+  if (isUsingLocalStorage) {
+    setThemeInLocalStorage(theme);
+  } else {
+    setThemeOnWindow(theme);
+  }
+  applyThemeToDom(theme);
+};
+var getCurrentThemeState = (options = {}) => {
+  const { canFallbackToBrowserSettings = false } = options;
+  if (typeof window === "undefined") {
+    return void 0;
+  }
+  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;
+  const storedTheme = isUsingLocalStorage ? getThemeFromLocalStorage() : getThemeFromWindow();
+  const theme = storedTheme || getDefaultTheme() || getFallbackTheme({ canFallbackToBrowserSettings });
+  if (!storedTheme) {
+    setTheme(theme);
+  }
+  return theme;
+};
+var initializeTheme = (options = {}) => {
+  const { shouldStoreTheme = false } = options;
+  window.__equalityIsUsingLocalStorage = shouldStoreTheme;
+  const theme = getCurrentThemeState({ canFallbackToBrowserSettings: true });
+  if (theme) applyThemeToDom(theme);
+};
+
+// src/theme/lib/inline-initialize-script.ts
+var helpers = {
+  applyThemeToDom,
+  getCurrentThemeState,
+  getDefaultTheme,
+  getFallbackTheme,
+  getThemeFromLocalStorage,
+  getThemeFromWindow,
+  initializeTheme,
+  setTheme,
+  setThemeInLocalStorage,
+  setThemeOnWindow
+};
+var serializeHelpers = () => Object.entries(helpers).map(([name, fn]) => {
+  return `const ${name} = ${fn.toString()};`;
+}).join("\n");
+var buildInlineThemeInitializer = (options = {}) => {
+  const { shouldStoreTheme = false } = options;
+  return `
+    (() => {
+      const STORAGE_KEY = ${JSON.stringify(STORAGE_KEY)};
+      const UPDATE_EVENT = ${JSON.stringify(UPDATE_EVENT)};
+      ${serializeHelpers()}
+      initializeTheme({ shouldStoreTheme: ${JSON.stringify(shouldStoreTheme)} });
+    })();
+  `;
+};
+var inlineInitializeTheme = (options = {}) => {
+  return buildInlineThemeInitializer(options);
+};
+
+exports.initializeTheme = inlineInitializeTheme;
+//# sourceMappingURL=scripts.cjs.map
+//# sourceMappingURL=scripts.cjs.map

package/dist/scripts.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/lib/utils.ts","../src/theme/lib/inline-initialize-script.ts"],"names":[],"mappings":"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","file":"scripts.cjs","sourcesContent":["const STORAGE_KEY = 'equality-theme';\nconst UPDATE_EVENT = 'equality-theme-change';\nconst FALLBACK_THEME = 'light';\ntype Theme = 'light' | 'dark';\n\ninterface InitializeThemeOptions {\n  shouldStoreTheme?: boolean;\n}\n\ninterface GetCurrentThemeStateOptions {\n  canFallbackToBrowserSettings?: boolean;\n}\n\ninterface GetFallbackThemeOptions {\n  canFallbackToBrowserSettings?: boolean;\n}\n\nconst getFallbackTheme = (options: GetFallbackThemeOptions = {}): Theme => {\n  const { canFallbackToBrowserSettings = false } = options;\n\n  if (typeof window === 'undefined' || !canFallbackToBrowserSettings) {\n    return FALLBACK_THEME;\n  }\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n};\n\nconst getDefaultTheme = (): Theme | undefined => {\n  const themeProviderRootElement =\n    document.querySelector('[data-equality-theme]') || document.documentElement;\n  if (themeProviderRootElement) {\n    return (themeProviderRootElement.getAttribute('data-equality-theme') || undefined) as\n      | Theme\n      | undefined;\n  } else {\n    return undefined;\n  }\n};\n\nconst getThemeFromLocalStorage = (): Theme | null => {\n  const safeReadStorage = (key: string) => {\n    try {\n      return window.localStorage.getItem(key) as Theme | null;\n    } catch {\n      return null;\n    }\n  };\n\n  const themeLocalStorageValue = safeReadStorage(STORAGE_KEY);\n  return themeLocalStorageValue;\n};\n\nconst getThemeFromWindow = (): Theme | undefined => {\n  return window.__equalityTheme as Theme | undefined;\n};\n\nconst applyThemeToDom = (theme: Theme) => {\n  const themeProviderRootElement =\n    document.querySelector('[data-equality-theme]') || document.documentElement;\n  if (themeProviderRootElement) {\n    themeProviderRootElement.setAttribute('data-equality-theme', theme); // This sets the theme that controls the styling color variables used\n  }\n};\n\nconst setThemeInLocalStorage = (theme: Theme) => {\n  try {\n    window.localStorage.setItem(STORAGE_KEY, theme);\n    window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));\n  } catch {\n    console.error('Failed to set theme in localStorage');\n  }\n};\n\nconst setThemeOnWindow = (theme: Theme) => {\n  window.__equalityTheme = theme;\n  window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));\n};\n\nconst setTheme = (theme: Theme) => {\n  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;\n  if (isUsingLocalStorage) {\n    setThemeInLocalStorage(theme);\n  } else {\n    setThemeOnWindow(theme);\n  }\n  applyThemeToDom(theme);\n};\n\nconst getCurrentThemeState = (options: GetCurrentThemeStateOptions = {}) => {\n  const { canFallbackToBrowserSettings = false } = options;\n\n  // First, use stored theme if available\n  // Then, use default theme set on data-equality-theme attribute if available\n  // Then, use fallback theme from browser settings if available\n\n  if (typeof window === 'undefined') {\n    return undefined;\n  }\n\n  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;\n  const storedTheme = isUsingLocalStorage ? getThemeFromLocalStorage() : getThemeFromWindow();\n  const theme =\n    storedTheme || getDefaultTheme() || getFallbackTheme({ canFallbackToBrowserSettings });\n  if (!storedTheme) {\n    setTheme(theme);\n  }\n  return theme;\n};\n\nconst initializeTheme = (options: InitializeThemeOptions = {}) => {\n  // This is only needed if the initial state needs to be dynamic\n  const { shouldStoreTheme = false } = options;\n\n  window.__equalityIsUsingLocalStorage = shouldStoreTheme;\n  const theme = getCurrentThemeState({ canFallbackToBrowserSettings: true });\n  if (theme) applyThemeToDom(theme);\n};\n\nconst subscribeToThemeChange = (listener: () => void) => {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n\n  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;\n  if (isUsingLocalStorage) {\n    // use localStorage\n    const storageListener = (event: StorageEvent) => {\n      if (event.key === STORAGE_KEY) listener();\n    };\n    const updateListener = () => listener();\n\n    window.addEventListener('storage', storageListener);\n    window.addEventListener(UPDATE_EVENT, updateListener);\n    return () => {\n      window.removeEventListener('storage', storageListener);\n      window.removeEventListener(UPDATE_EVENT, updateListener);\n    };\n  } else {\n    // use window object\n    const windowListener = () => {\n      listener();\n    };\n    window.addEventListener(UPDATE_EVENT, windowListener);\n    return () => {\n      window.removeEventListener(UPDATE_EVENT, windowListener);\n    };\n  }\n};\n\nexport {\n  Theme,\n  InitializeThemeOptions,\n  STORAGE_KEY,\n  UPDATE_EVENT,\n  FALLBACK_THEME,\n  getCurrentThemeState,\n  applyThemeToDom,\n  initializeTheme,\n  setTheme,\n  subscribeToThemeChange,\n  getFallbackTheme,\n  getDefaultTheme,\n  getThemeFromLocalStorage,\n  getThemeFromWindow,\n  setThemeInLocalStorage,\n  setThemeOnWindow,\n};\n","import {\n  applyThemeToDom,\n  getCurrentThemeState,\n  getDefaultTheme,\n  getFallbackTheme,\n  getThemeFromLocalStorage,\n  getThemeFromWindow,\n  initializeTheme,\n  InitializeThemeOptions,\n  setTheme,\n  setThemeInLocalStorage,\n  setThemeOnWindow,\n  STORAGE_KEY,\n  UPDATE_EVENT,\n} from '@/theme/lib/utils';\n\nconst helpers = {\n  applyThemeToDom,\n  getCurrentThemeState,\n  getDefaultTheme,\n  getFallbackTheme,\n  getThemeFromLocalStorage,\n  getThemeFromWindow,\n  initializeTheme,\n  setTheme,\n  setThemeInLocalStorage,\n  setThemeOnWindow,\n};\n\nconst serializeHelpers = () =>\n  Object.entries(helpers)\n    .map(([name, fn]) => {\n      return `const ${name} = ${fn.toString()};`;\n    })\n    .join('\\n');\n\nconst buildInlineThemeInitializer = (options: InitializeThemeOptions = {}) => {\n  const { shouldStoreTheme = false } = options;\n\n  return `\n    (() => {\n      const STORAGE_KEY = ${JSON.stringify(STORAGE_KEY)};\n      const UPDATE_EVENT = ${JSON.stringify(UPDATE_EVENT)};\n      ${serializeHelpers()}\n      initializeTheme({ shouldStoreTheme: ${JSON.stringify(shouldStoreTheme)} });\n    })();\n  `;\n};\n\nconst inlineInitializeTheme = (options: InitializeThemeOptions = {}) => {\n  return buildInlineThemeInitializer(options);\n};\n\nexport { inlineInitializeTheme as initializeTheme };\n"]}

package/dist/scripts.d.cts

@@ -0,0 +1,5 @@
+import { InitializeThemeOptions } from './theme/lib/utils.cjs';
+
+declare const inlineInitializeTheme: (options?: InitializeThemeOptions) => string;
+
+export { inlineInitializeTheme as initializeTheme };

package/dist/scripts.d.ts

@@ -0,0 +1,5 @@
+import { InitializeThemeOptions } from './theme/lib/utils.js';
+
+declare const inlineInitializeTheme: (options?: InitializeThemeOptions) => string;
+
+export { inlineInitializeTheme as initializeTheme };

package/dist/scripts.js

@@ -0,0 +1,114 @@
+// src/theme/lib/utils.ts
+var STORAGE_KEY = "equality-theme";
+var UPDATE_EVENT = "equality-theme-change";
+var FALLBACK_THEME = "light";
+var getFallbackTheme = (options = {}) => {
+  const { canFallbackToBrowserSettings = false } = options;
+  if (typeof window === "undefined" || !canFallbackToBrowserSettings) {
+    return FALLBACK_THEME;
+  }
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+};
+var getDefaultTheme = () => {
+  const themeProviderRootElement = document.querySelector("[data-equality-theme]") || document.documentElement;
+  if (themeProviderRootElement) {
+    return themeProviderRootElement.getAttribute("data-equality-theme") || void 0;
+  } else {
+    return void 0;
+  }
+};
+var getThemeFromLocalStorage = () => {
+  const safeReadStorage = (key) => {
+    try {
+      return window.localStorage.getItem(key);
+    } catch {
+      return null;
+    }
+  };
+  const themeLocalStorageValue = safeReadStorage(STORAGE_KEY);
+  return themeLocalStorageValue;
+};
+var getThemeFromWindow = () => {
+  return window.__equalityTheme;
+};
+var applyThemeToDom = (theme) => {
+  const themeProviderRootElement = document.querySelector("[data-equality-theme]") || document.documentElement;
+  if (themeProviderRootElement) {
+    themeProviderRootElement.setAttribute("data-equality-theme", theme);
+  }
+};
+var setThemeInLocalStorage = (theme) => {
+  try {
+    window.localStorage.setItem(STORAGE_KEY, theme);
+    window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));
+  } catch {
+    console.error("Failed to set theme in localStorage");
+  }
+};
+var setThemeOnWindow = (theme) => {
+  window.__equalityTheme = theme;
+  window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));
+};
+var setTheme = (theme) => {
+  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;
+  if (isUsingLocalStorage) {
+    setThemeInLocalStorage(theme);
+  } else {
+    setThemeOnWindow(theme);
+  }
+  applyThemeToDom(theme);
+};
+var getCurrentThemeState = (options = {}) => {
+  const { canFallbackToBrowserSettings = false } = options;
+  if (typeof window === "undefined") {
+    return void 0;
+  }
+  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;
+  const storedTheme = isUsingLocalStorage ? getThemeFromLocalStorage() : getThemeFromWindow();
+  const theme = storedTheme || getDefaultTheme() || getFallbackTheme({ canFallbackToBrowserSettings });
+  if (!storedTheme) {
+    setTheme(theme);
+  }
+  return theme;
+};
+var initializeTheme = (options = {}) => {
+  const { shouldStoreTheme = false } = options;
+  window.__equalityIsUsingLocalStorage = shouldStoreTheme;
+  const theme = getCurrentThemeState({ canFallbackToBrowserSettings: true });
+  if (theme) applyThemeToDom(theme);
+};
+
+// src/theme/lib/inline-initialize-script.ts
+var helpers = {
+  applyThemeToDom,
+  getCurrentThemeState,
+  getDefaultTheme,
+  getFallbackTheme,
+  getThemeFromLocalStorage,
+  getThemeFromWindow,
+  initializeTheme,
+  setTheme,
+  setThemeInLocalStorage,
+  setThemeOnWindow
+};
+var serializeHelpers = () => Object.entries(helpers).map(([name, fn]) => {
+  return `const ${name} = ${fn.toString()};`;
+}).join("\n");
+var buildInlineThemeInitializer = (options = {}) => {
+  const { shouldStoreTheme = false } = options;
+  return `
+    (() => {
+      const STORAGE_KEY = ${JSON.stringify(STORAGE_KEY)};
+      const UPDATE_EVENT = ${JSON.stringify(UPDATE_EVENT)};
+      ${serializeHelpers()}
+      initializeTheme({ shouldStoreTheme: ${JSON.stringify(shouldStoreTheme)} });
+    })();
+  `;
+};
+var inlineInitializeTheme = (options = {}) => {
+  return buildInlineThemeInitializer(options);
+};
+
+export { inlineInitializeTheme as initializeTheme };
+//# sourceMappingURL=scripts.js.map
+//# sourceMappingURL=scripts.js.map

package/dist/scripts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/lib/utils.ts","../src/theme/lib/inline-initialize-script.ts"],"names":[],"mappings":"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","file":"scripts.js","sourcesContent":["const STORAGE_KEY = 'equality-theme';\nconst UPDATE_EVENT = 'equality-theme-change';\nconst FALLBACK_THEME = 'light';\ntype Theme = 'light' | 'dark';\n\ninterface InitializeThemeOptions {\n  shouldStoreTheme?: boolean;\n}\n\ninterface GetCurrentThemeStateOptions {\n  canFallbackToBrowserSettings?: boolean;\n}\n\ninterface GetFallbackThemeOptions {\n  canFallbackToBrowserSettings?: boolean;\n}\n\nconst getFallbackTheme = (options: GetFallbackThemeOptions = {}): Theme => {\n  const { canFallbackToBrowserSettings = false } = options;\n\n  if (typeof window === 'undefined' || !canFallbackToBrowserSettings) {\n    return FALLBACK_THEME;\n  }\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n};\n\nconst getDefaultTheme = (): Theme | undefined => {\n  const themeProviderRootElement =\n    document.querySelector('[data-equality-theme]') || document.documentElement;\n  if (themeProviderRootElement) {\n    return (themeProviderRootElement.getAttribute('data-equality-theme') || undefined) as\n      | Theme\n      | undefined;\n  } else {\n    return undefined;\n  }\n};\n\nconst getThemeFromLocalStorage = (): Theme | null => {\n  const safeReadStorage = (key: string) => {\n    try {\n      return window.localStorage.getItem(key) as Theme | null;\n    } catch {\n      return null;\n    }\n  };\n\n  const themeLocalStorageValue = safeReadStorage(STORAGE_KEY);\n  return themeLocalStorageValue;\n};\n\nconst getThemeFromWindow = (): Theme | undefined => {\n  return window.__equalityTheme as Theme | undefined;\n};\n\nconst applyThemeToDom = (theme: Theme) => {\n  const themeProviderRootElement =\n    document.querySelector('[data-equality-theme]') || document.documentElement;\n  if (themeProviderRootElement) {\n    themeProviderRootElement.setAttribute('data-equality-theme', theme); // This sets the theme that controls the styling color variables used\n  }\n};\n\nconst setThemeInLocalStorage = (theme: Theme) => {\n  try {\n    window.localStorage.setItem(STORAGE_KEY, theme);\n    window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));\n  } catch {\n    console.error('Failed to set theme in localStorage');\n  }\n};\n\nconst setThemeOnWindow = (theme: Theme) => {\n  window.__equalityTheme = theme;\n  window.dispatchEvent(new CustomEvent(UPDATE_EVENT, { detail: theme }));\n};\n\nconst setTheme = (theme: Theme) => {\n  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;\n  if (isUsingLocalStorage) {\n    setThemeInLocalStorage(theme);\n  } else {\n    setThemeOnWindow(theme);\n  }\n  applyThemeToDom(theme);\n};\n\nconst getCurrentThemeState = (options: GetCurrentThemeStateOptions = {}) => {\n  const { canFallbackToBrowserSettings = false } = options;\n\n  // First, use stored theme if available\n  // Then, use default theme set on data-equality-theme attribute if available\n  // Then, use fallback theme from browser settings if available\n\n  if (typeof window === 'undefined') {\n    return undefined;\n  }\n\n  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;\n  const storedTheme = isUsingLocalStorage ? getThemeFromLocalStorage() : getThemeFromWindow();\n  const theme =\n    storedTheme || getDefaultTheme() || getFallbackTheme({ canFallbackToBrowserSettings });\n  if (!storedTheme) {\n    setTheme(theme);\n  }\n  return theme;\n};\n\nconst initializeTheme = (options: InitializeThemeOptions = {}) => {\n  // This is only needed if the initial state needs to be dynamic\n  const { shouldStoreTheme = false } = options;\n\n  window.__equalityIsUsingLocalStorage = shouldStoreTheme;\n  const theme = getCurrentThemeState({ canFallbackToBrowserSettings: true });\n  if (theme) applyThemeToDom(theme);\n};\n\nconst subscribeToThemeChange = (listener: () => void) => {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n\n  const isUsingLocalStorage = window.__equalityIsUsingLocalStorage;\n  if (isUsingLocalStorage) {\n    // use localStorage\n    const storageListener = (event: StorageEvent) => {\n      if (event.key === STORAGE_KEY) listener();\n    };\n    const updateListener = () => listener();\n\n    window.addEventListener('storage', storageListener);\n    window.addEventListener(UPDATE_EVENT, updateListener);\n    return () => {\n      window.removeEventListener('storage', storageListener);\n      window.removeEventListener(UPDATE_EVENT, updateListener);\n    };\n  } else {\n    // use window object\n    const windowListener = () => {\n      listener();\n    };\n    window.addEventListener(UPDATE_EVENT, windowListener);\n    return () => {\n      window.removeEventListener(UPDATE_EVENT, windowListener);\n    };\n  }\n};\n\nexport {\n  Theme,\n  InitializeThemeOptions,\n  STORAGE_KEY,\n  UPDATE_EVENT,\n  FALLBACK_THEME,\n  getCurrentThemeState,\n  applyThemeToDom,\n  initializeTheme,\n  setTheme,\n  subscribeToThemeChange,\n  getFallbackTheme,\n  getDefaultTheme,\n  getThemeFromLocalStorage,\n  getThemeFromWindow,\n  setThemeInLocalStorage,\n  setThemeOnWindow,\n};\n","import {\n  applyThemeToDom,\n  getCurrentThemeState,\n  getDefaultTheme,\n  getFallbackTheme,\n  getThemeFromLocalStorage,\n  getThemeFromWindow,\n  initializeTheme,\n  InitializeThemeOptions,\n  setTheme,\n  setThemeInLocalStorage,\n  setThemeOnWindow,\n  STORAGE_KEY,\n  UPDATE_EVENT,\n} from '@/theme/lib/utils';\n\nconst helpers = {\n  applyThemeToDom,\n  getCurrentThemeState,\n  getDefaultTheme,\n  getFallbackTheme,\n  getThemeFromLocalStorage,\n  getThemeFromWindow,\n  initializeTheme,\n  setTheme,\n  setThemeInLocalStorage,\n  setThemeOnWindow,\n};\n\nconst serializeHelpers = () =>\n  Object.entries(helpers)\n    .map(([name, fn]) => {\n      return `const ${name} = ${fn.toString()};`;\n    })\n    .join('\\n');\n\nconst buildInlineThemeInitializer = (options: InitializeThemeOptions = {}) => {\n  const { shouldStoreTheme = false } = options;\n\n  return `\n    (() => {\n      const STORAGE_KEY = ${JSON.stringify(STORAGE_KEY)};\n      const UPDATE_EVENT = ${JSON.stringify(UPDATE_EVENT)};\n      ${serializeHelpers()}\n      initializeTheme({ shouldStoreTheme: ${JSON.stringify(shouldStoreTheme)} });\n    })();\n  `;\n};\n\nconst inlineInitializeTheme = (options: InitializeThemeOptions = {}) => {\n  return buildInlineThemeInitializer(options);\n};\n\nexport { inlineInitializeTheme as initializeTheme };\n"]}

package/dist/scroll-area.module.module.css.module.css

@@ -0,0 +1,46 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.scroll-area {
+  position: relative;
+  overflow: hidden;
+}
+.scroll-area-viewport {
+  height: 100%;
+  width: 100%;
+  border-radius: inherit;
+}
+.scroll-bar {
+  display: flex;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+  touch-action: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+.scroll-bar--vertical {
+  border-left-style: var(--tw-border-style);
+  border-left-width: 1px;
+  border-left-color: transparent;
+  height: 100%;
+  width: calc(0.25rem * 2.5);
+  padding: 1px;
+}
+.scroll-bar--horizontal {
+  border-top-style: var(--tw-border-style);
+  border-top-width: 1px;
+  border-top-color: transparent;
+  flex-direction: column;
+  height: calc(0.25rem * 2.5);
+  padding: 1px;
+}
+.scroll-area-thumb {
+  border-radius: calc(infinity * 1px);
+  background-color: var(--color-border);
+  position: relative;
+  flex: 1;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}

package/dist/search-bar.module.module.css.module.css

@@ -0,0 +1,9 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.search-bar {
+  position: relative;
+}
+.search-icon {
+  color: var(--color-text-secondary);
+  width: calc(0.25rem * 4);
+  height: calc(0.25rem * 4);
+}

package/dist/section-heading.module.module.css.module.css

@@ -0,0 +1,42 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.section-heading--right-content {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+  border-color: var(--color-border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: calc(0.25rem * 2);
+}
+.content {
+  :where(& > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(0.25rem * 1) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(0.25rem * 1) * calc(1 - var(--tw-space-y-reverse)));
+  }
+}
+.heading {
+  font-size: 1.25rem;
+  line-height: var(--tw-leading, calc(1.75 / 1.25));
+  --tw-font-weight: 500;
+  font-weight: 500;
+}
+.description {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  color: var(--color-text-secondary);
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-space-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}