npm - @feugene/granularity - Versions diffs - 0.23.0 → 0.25.0 - Mend

@feugene/granularity 0.23.0 → 0.25.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 (333) hide show

package/dist/composables/useTheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, ref } from 'vue'\nimport type { App, InjectionKey, Ref } from 'vue'\n\nexport type ThemeName = 'light' \| 'dark'\n\nexport type UseThemeOptions = {\n /*\n Ключ для хранения выбранной темы в localStorage.\n * По умолчанию: `gr-theme`.\n /\n storageKey?: string\n\n /\n Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n * По умолчанию: `true`.\n /\n persist?: boolean\n\n /\n Куда писать `data-theme`. По умолчанию — `<html>` (канон одного приложения).\n \n Геттер, а не элемент: на момент `app.use(...)` корень приложения ещё не\n * смонтирован. Обязателен нескольким приложениям с независимыми темами:\n * селектор тем атрибутный (`[data-theme='dark']`), поэтому тема работает от\n * любого контейнера, а без `target` все приложения писали бы в один `<html>`\n * и побеждал бы последний.\n /\n target?: () => HTMLElement \| null\n}\n\nconst DEFAULT_STORAGE_KEY = 'gr-theme'\nconst IS_SERVER = typeof window === 'undefined'\n\nfunction readStoredTheme(storageKey: string, persist: boolean): ThemeName \| null {\n if (typeof window === 'undefined' \|\| !persist) return null\n\n // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n try {\n const storage = window.localStorage\n if (typeof storage?.getItem !== 'function') return null\n\n const stored = storage.getItem(storageKey)\n if (stored === 'light' \|\| stored === 'dark') return stored\n }\n catch {\n // ignore\n }\n\n return null\n}\n\nfunction getSystemTheme(): ThemeName {\n if (typeof window === 'undefined') return 'light'\n return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'\n}\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n return readStoredTheme(storageKey, persist) ?? getSystemTheme()\n}\n\nfunction applyTheme(theme: ThemeName, target?: () => HTMLElement \| null) {\n if (typeof document === 'undefined') return\n\n // Канон GR — атрибут `[data-theme]`: на `<html>` (см. docs/styling.md →\n // «Темизация») либо на корне приложения, когда состояние задало `target`.\n // `useTheme`/`initThemeEarly` — единственный рантайм-API переключения темы.\n const root = target?.() ?? document.documentElement\n root.dataset.theme = theme\n}\n\n/\n Состояние темы одного приложения.\n \n `theme` общий для всех вызовов `useTheme()` внутри приложения: свой `ref` на\n * вызов означал бы, что переключение темы в одном компоненте не трогает\n * `theme`/`isDark` в другом — менялся бы только DOM-атрибут, а реактивные\n * потребители разъехались бы.\n /\ntype ThemeState = {\n theme: Ref<ThemeName>\n storageKey: string\n persist: boolean\n /* Корень, получающий `data-theme`; не задан — `<html>`. /\n target?: () => HTMLElement \| null\n listenersBound: boolean\n /\n Снимает window-слушатели состояния. Появляется после `bindListeners`;\n * зовёт `app.onUnmount` у app-scoped состояний — модульный синглтон живёт со\n * страницей, и снимать его незачем.\n /\n teardownListeners?: () => void\n /* Разрешена ли мутация — см. `resolveThemeState`. /\n writable: boolean\n}\n\nfunction createThemeState(options: UseThemeOptions = {}, writable = true): ThemeState {\n const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n const persist = options.persist ?? true\n\n return {\n theme: ref<ThemeName>(getPreferredTheme(storageKey, persist)),\n storageKey,\n persist,\n target: options.target,\n listenersBound: false,\n writable,\n }\n}\n\n/* Ключ provide/inject для app-scoped состояния темы (устанавливает плагин ниже). /\nexport const GRANULARITY_THEME_STATE: InjectionKey<ThemeState> = Symbol.for('@feugene/granularity/theme-state')\n\n/\n Vue-плагин: даёт каждому приложению собственное состояние темы через\n * `app.provide`. Обязателен для (а) SSR, если приложение переключает тему на\n * сервере — иначе тема одного запроса уедет в ответ следующему, — и (б)\n * нескольких Vue-приложений на одной странице, которым нужны независимые темы.\n \n Для (б) обязателен и `target` — корень, получающий `data-theme`: без него\n * изолировано только состояние, а атрибут все приложения пишут в один `<html>`,\n * и побеждает последний.\n \n ```ts\n * app.use(granularityThemePlugin)\n * app.use(granularityThemePlugin, {\n * storageKey: 'admin-theme',\n * persist: false,\n * target: () => document.getElementById('admin-app'),\n * })\n * ```\n /\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedThemeProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityThemePlugin = {\n install(app: App, options: UseThemeOptions = {}) {\n appScopedThemeProvided = true\n const state = createThemeState(options)\n app.provide(GRANULARITY_THEME_STATE, state)\n // Слушатели `storage`/`prefers-color-scheme` держат состояние; без снятия\n // каждый цикл mount/unmount микрофронтенда копил бы их на window навсегда.\n app.onUnmount(() => state.teardownListeners?.())\n },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleThemeState: ThemeState \| null = null\n\n/* Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. /\nexport function resetThemeContextWarning(): void {\n contextFallbackWarned = false\n}\n\nfunction resolveThemeState(options: UseThemeOptions): ThemeState {\n // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n // `app.runWithContext(() => useTheme())` — `hasInjectionContext` покрывает оба.\n if (hasInjectionContext()) {\n const provided = inject(GRANULARITY_THEME_STATE, null)\n if (provided) return provided\n }\n\n // На сервере без плагина модульное состояние текло бы между запросами. Но\n // читать тему на сервере — нормальный сценарий (шаблон смотрит `isDark`), и\n // ронять на нём весь рендер нельзя: отдаём состояние на один вызов и запрещаем\n // мутацию — течёт именно она.\n if (IS_SERVER) return createThemeState(options, false)\n\n // Дедуп и текст — инлайном под dev-гардом: бандлер потребителя сворачивает\n // условие в `false` и выкидывает сообщение из продакшн-сборки.\n if (\n appScopedThemeProvided && !contextFallbackWarned\n && typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'\n ) {\n contextFallbackWarned = true\n console.warn(\n '[granularity] useTheme() вызван вне setup/inject-контекста: app-scoped состояние '\n + 'granularityThemePlugin недоступно, использован модульный синглтон. '\n + 'Оберните вызов: app.runWithContext(() => useTheme()).',\n )\n }\n\n if (!moduleThemeState)\n moduleThemeState = createThemeState(options)\n\n return moduleThemeState\n}\n\n// Подписки на системную тему и синхронизацию между вкладками. Привязаны к\n// состоянию, а не к модулю: у каждого приложения своё. Одна подписка на\n// состояние, а не на потребителя, — `onScopeDispose` здесь был бы вреден, он\n// порвал бы общую подписку при размонтировании одного из них.\nfunction bindListeners(state: ThemeState) {\n if (state.listenersBound \|\| typeof window === 'undefined') return\n state.listenersBound = true\n\n // Cross-tab: другая вкладка записала тему в localStorage.\n const onStorage = (event: StorageEvent): void => {\n if (!state.persist \|\| event.key !== state.storageKey) return\n if (event.newValue === 'light' \|\| event.newValue === 'dark') {\n state.theme.value = event.newValue\n applyTheme(event.newValue, state.target)\n }\n }\n window.addEventListener?.('storage', onStorage)\n\n // Системная смена `prefers-color-scheme` — следуем ей только если пользователь\n // НЕ выбрал тему явно (в storage ничего не сохранено).\n const mql = window.matchMedia?.('(prefers-color-scheme: dark)')\n const onSchemeChange = (event: MediaQueryListEvent): void => {\n if (readStoredTheme(state.storageKey, state.persist) !== null) return\n const next: ThemeName = event.matches ? 'dark' : 'light'\n state.theme.value = next\n applyTheme(next, state.target)\n }\n mql?.addEventListener?.('change', onSchemeChange)\n\n state.teardownListeners = () => {\n window.removeEventListener?.('storage', onStorage)\n mql?.removeEventListener?.('change', onSchemeChange)\n state.listenersBound = false\n state.teardownListeners = undefined\n }\n}\n\n/\n Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n * Также сидирует модульное состояние, чтобы значение в `useTheme()` совпадало с уже\n * применённым к документу.\n \n Функция клиентская: её зовут из браузерной точки входа до создания приложения,\n * то есть app-scoped состояние инжектить там ещё неоткуда. Расхождения с плагином\n * это не даёт — оба сидируются из одного `localStorage`.\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n const persist = options.persist ?? true\n const preferred = getPreferredTheme(storageKey, persist)\n\n moduleThemeState ??= createThemeState(options)\n moduleThemeState.storageKey = storageKey\n moduleThemeState.persist = persist\n moduleThemeState.theme.value = preferred\n\n applyTheme(preferred)\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n const state = resolveThemeState(options)\n\n // Опции вызова уточняют состояние — тот же приём, что был у модульного\n // синглтона: слушателям нужно знать, какой ключ отслеживать.\n if (options.storageKey !== undefined) state.storageKey = options.storageKey\n if (options.persist !== undefined) state.persist = options.persist\n if (options.target !== undefined) state.target = options.target\n\n bindListeners(state)\n\n const theme = state.theme\n const isDark = computed(() => theme.value === 'dark')\n\n function setTheme(next: ThemeName) {\n if (!state.writable) {\n throw new Error(\n '[granularity] useTheme: setTheme/toggleTheme require `app.use(granularityThemePlugin)` during SSR — '\n + 'the module-singleton fallback is disabled server-side, so a theme set by one request would leak into '\n + 'the next response. Reading `theme`/`isDark` on the server works without the plugin.',\n )\n }\n\n theme.value = next\n applyTheme(next, state.target)\n\n if (state.persist && typeof window !== 'undefined') {\n // См. комментарий в `readStoredTheme`: запись тоже может бросать.\n try {\n const storage = window.localStorage\n if (typeof storage?.setItem === 'function')\n storage.setItem(state.storageKey, next)\n }\n catch {\n // ignore\n }\n }\n }\n\n function toggleTheme() {\n setTheme(theme.value === 'dark' ? 'light' : 'dark')\n }\n\n function initTheme() {\n applyTheme(theme.value, state.target)\n }\n\n return {\n theme,\n isDark,\n setTheme,\n toggleTheme,\n initTheme,\n }\n}\n"],"mappings":";;AA8BA,IAAM,sBAAsB;AAC5B,IAAM,YAAY,OAAO,WAAW;AAEpC,SAAS,gBAAgB,YAAoB,SAAoC;CAC/E,IAAI,OAAO,WAAW,eAAe,CAAC,SAAS,OAAO;CAItD,IAAI;EACF,MAAM,UAAU,OAAO;EACvB,IAAI,OAAO,SAAS,YAAY,YAAY,OAAO;EAEnD,MAAM,SAAS,QAAQ,QAAQ,UAAU;EACzC,IAAI,WAAW,WAAW,WAAW,QAAQ,OAAO;CACtD,QACM,CAEN;CAEA,OAAO;AACT;AAEA,SAAS,iBAA4B;CACnC,IAAI,OAAO,WAAW,aAAa,OAAO;CAC1C,OAAO,OAAO,aAAa,8BAA8B,CAAC,EAAE,UAAU,SAAS;AACjF;AAEA,SAAS,kBAAkB,aAAa,qBAAqB,UAAU,MAAiB;CACtF,OAAO,gBAAgB,YAAY,OAAO,KAAK,eAAe;AAChE;AAEA,SAAS,WAAW,OAAkB,QAAmC;CACvE,IAAI,OAAO,aAAa,aAAa;CAKrC,MAAM,OAAO,SAAS,KAAK,SAAS;CACpC,KAAK,QAAQ,QAAQ;AACvB;AA2BA,SAAS,iBAAiB,UAA2B,CAAC,GAAG,WAAW,MAAkB;CACpF,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CAEnC,OAAO;EACL,OAAO,IAAe,kBAAkB,YAAY,OAAO,CAAC;EAC5D;EACA;EACA,QAAQ,QAAQ;EAChB,gBAAgB;EAChB;CACF;AACF;;AAGA,IAAa,0BAAoD,OAAO,IAAI,kCAAkC;;;;;;;;;;;;;;;;;;;;AAuB9G,IAAI,yBAAyB;AAC7B,IAAI,wBAAwB;AAE5B,IAAa,yBAAyB,EACpC,QAAQ,KAAU,UAA2B,CAAC,GAAG;CAC/C,yBAAyB;CACzB,MAAM,QAAQ,iBAAiB,OAAO;CACtC,IAAI,QAAQ,yBAAyB,KAAK;CAG1C,IAAI,gBAAgB,MAAM,oBAAoB,CAAC;AACjD,EACF;AAGA,IAAI,mBAAsC;;AAG1C,SAAgB,2BAAiC;CAC/C,wBAAwB;AAC1B;AAEA,SAAS,kBAAkB,SAAsC;CAG/D,IAAI,oBAAoB,GAAG;EACzB,MAAM,WAAW,OAAO,yBAAyB,IAAI;EACrD,IAAI,UAAU,OAAO;CACvB;CAMA,IAAI,WAAW,OAAO,iBAAiB,SAAS,KAAK;CAIrD,IACE,0BAA0B,CAAC,yBACxB,OAAO,YAAY,eAAA,QAAA,IAAA,aAAwC,cAC9D;EACA,wBAAwB;EACxB,QAAQ,KACN,2MAGF;CACF;CAEA,IAAI,CAAC,kBACH,mBAAmB,iBAAiB,OAAO;CAE7C,OAAO;AACT;AAMA,SAAS,cAAc,OAAmB;CACxC,IAAI,MAAM,kBAAkB,OAAO,WAAW,aAAa;CAC3D,MAAM,iBAAiB;CAGvB,MAAM,aAAa,UAA8B;EAC/C,IAAI,CAAC,MAAM,WAAW,MAAM,QAAQ,MAAM,YAAY;EACtD,IAAI,MAAM,aAAa,WAAW,MAAM,aAAa,QAAQ;GAC3D,MAAM,MAAM,QAAQ,MAAM;GAC1B,WAAW,MAAM,UAAU,MAAM,MAAM;EACzC;CACF;CACA,OAAO,mBAAmB,WAAW,SAAS;CAI9C,MAAM,MAAM,OAAO,aAAa,8BAA8B;CAC9D,MAAM,kBAAkB,UAAqC;EAC3D,IAAI,gBAAgB,MAAM,YAAY,MAAM,OAAO,MAAM,MAAM;EAC/D,MAAM,OAAkB,MAAM,UAAU,SAAS;EACjD,MAAM,MAAM,QAAQ;EACpB,WAAW,MAAM,MAAM,MAAM;CAC/B;CACA,KAAK,mBAAmB,UAAU,cAAc;CAEhD,MAAM,0BAA0B;EAC9B,OAAO,sBAAsB,WAAW,SAAS;EACjD,KAAK,sBAAsB,UAAU,cAAc;EACnD,MAAM,iBAAiB;EACvB,MAAM,oBAAoB,KAAA;CAC5B;AACF;;;;;;;;;;AAWA,SAAgB,eAAe,UAA2B,CAAC,GAAG;CAC5D,MAAM,aAAa,QAAQ,cAAc;CACzC,MAAM,UAAU,QAAQ,WAAW;CACnC,MAAM,YAAY,kBAAkB,YAAY,OAAO;CAEvD,qBAAqB,iBAAiB,OAAO;CAC7C,iBAAiB,aAAa;CAC9B,iBAAiB,UAAU;CAC3B,iBAAiB,MAAM,QAAQ;CAE/B,WAAW,SAAS;AACtB;AAEA,SAAgB,SAAS,UAA2B,CAAC,GAAG;CACtD,MAAM,QAAQ,kBAAkB,OAAO;CAIvC,IAAI,QAAQ,eAAe,KAAA,GAAW,MAAM,aAAa,QAAQ;CACjE,IAAI,QAAQ,YAAY,KAAA,GAAW,MAAM,UAAU,QAAQ;CAC3D,IAAI,QAAQ,WAAW,KAAA,GAAW,MAAM,SAAS,QAAQ;CAEzD,cAAc,KAAK;CAEnB,MAAM,QAAQ,MAAM;CACpB,MAAM,SAAS,eAAe,MAAM,UAAU,MAAM;CAEpD,SAAS,SAAS,MAAiB;EACjC,IAAI,CAAC,MAAM,UACT,MAAM,IAAI,MACR,8RAGF;EAGF,MAAM,QAAQ;EACd,WAAW,MAAM,MAAM,MAAM;EAE7B,IAAI,MAAM,WAAW,OAAO,WAAW,aAErC,IAAI;GACF,MAAM,UAAU,OAAO;GACvB,IAAI,OAAO,SAAS,YAAY,YAC9B,QAAQ,QAAQ,MAAM,YAAY,IAAI;EAC1C,QACM,CAEN;CAEJ;CAEA,SAAS,cAAc;EACrB,SAAS,MAAM,UAAU,SAAS,UAAU,MAAM;CACpD;CAEA,SAAS,YAAY;EACnB,WAAW,MAAM,OAAO,MAAM,MAAM;CACtC;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;AACF"}
1	+ {"version":3,"file":"useTheme.js","names":[],"sources":["../../src/composables/useTheme.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, ref } from 'vue'\nimport type { App, InjectionKey, Ref } from 'vue'\n\nexport type ThemeName = 'light' \| 'dark'\n\nexport type UseThemeOptions = {\n /*\n Ключ для хранения выбранной темы в localStorage.\n * По умолчанию: `gr-theme`.\n /\n storageKey?: string\n\n /\n Если `false` — не читать/не писать localStorage (полезно для SSR/embedded сценариев).\n * По умолчанию: `true`.\n /\n persist?: boolean\n\n /\n Куда писать `data-theme`. По умолчанию — `<html>` (канон одного приложения).\n \n Геттер, а не элемент: на момент `app.use(...)` корень приложения ещё не\n * смонтирован. Обязателен нескольким приложениям с независимыми темами:\n * селектор тем атрибутный (`[data-theme='dark']`), поэтому тема работает от\n * любого контейнера, а без `target` все приложения писали бы в один `<html>`\n * и побеждал бы последний.\n /\n target?: () => HTMLElement \| null\n}\n\nconst DEFAULT_STORAGE_KEY = 'gr-theme'\nconst IS_SERVER = typeof window === 'undefined'\n\nfunction readStoredTheme(storageKey: string, persist: boolean): ThemeName \| null {\n if (typeof window === 'undefined' \|\| !persist) return null\n\n // Доступ к `localStorage` может бросать `SecurityError` в Safari private mode\n // и при отключённых cookies/storage — поэтому оборачиваем в try/catch.\n try {\n const storage = window.localStorage\n if (typeof storage?.getItem !== 'function') return null\n\n const stored = storage.getItem(storageKey)\n if (stored === 'light' \|\| stored === 'dark') return stored\n }\n catch {\n // ignore\n }\n\n return null\n}\n\nfunction getSystemTheme(): ThemeName {\n if (typeof window === 'undefined') return 'light'\n return window.matchMedia?.('(prefers-color-scheme: dark)')?.matches ? 'dark' : 'light'\n}\n\nfunction getPreferredTheme(storageKey = DEFAULT_STORAGE_KEY, persist = true): ThemeName {\n return readStoredTheme(storageKey, persist) ?? getSystemTheme()\n}\n\nfunction applyTheme(theme: ThemeName, target?: () => HTMLElement \| null) {\n if (typeof document === 'undefined') return\n\n // Канон GR — атрибут `[data-theme]`: на `<html>` (см. docs/styling.md →\n // «Темизация») либо на корне приложения, когда состояние задало `target`.\n // `useTheme`/`initThemeEarly` — единственный рантайм-API переключения темы.\n const root = target?.() ?? document.documentElement\n root.dataset.theme = theme\n}\n\n/\n Состояние темы одного приложения.\n \n `theme` общий для всех вызовов `useTheme()` внутри приложения: свой `ref` на\n * вызов означал бы, что переключение темы в одном компоненте не трогает\n * `theme`/`isDark` в другом — менялся бы только DOM-атрибут, а реактивные\n * потребители разъехались бы.\n /\ntype ThemeState = {\n theme: Ref<ThemeName>\n storageKey: string\n persist: boolean\n /* Корень, получающий `data-theme`; не задан — `<html>`. /\n target?: () => HTMLElement \| null\n listenersBound: boolean\n /\n Снимает window-слушатели состояния. Появляется после `bindListeners`;\n * зовёт `app.onUnmount` у app-scoped состояний — модульный синглтон живёт со\n * страницей, и снимать его незачем.\n /\n teardownListeners?: () => void\n /* Разрешена ли мутация — см. `resolveThemeState`. /\n writable: boolean\n}\n\nfunction createThemeState(options: UseThemeOptions = {}, writable = true): ThemeState {\n const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n const persist = options.persist ?? true\n\n return {\n theme: ref<ThemeName>(getPreferredTheme(storageKey, persist)),\n storageKey,\n persist,\n target: options.target,\n listenersBound: false,\n writable,\n }\n}\n\n/* Ключ provide/inject для app-scoped состояния темы (устанавливает плагин ниже). /\nexport const GRANULARITY_THEME_STATE: InjectionKey<ThemeState> = Symbol.for('@feugene/granularity/theme-state')\n\n/\n Vue-плагин: даёт каждому приложению собственное состояние темы через\n * `app.provide`. Обязателен для (а) SSR, если приложение переключает тему на\n * сервере — иначе тема одного запроса уедет в ответ следующему, — и (б)\n * нескольких Vue-приложений на одной странице, которым нужны независимые темы.\n \n Для (б) обязателен и `target` — корень, получающий `data-theme`: без него\n * изолировано только состояние, а атрибут все приложения пишут в один `<html>`,\n * и побеждает последний.\n \n ```ts\n * app.use(granularityThemePlugin)\n * app.use(granularityThemePlugin, {\n * storageKey: 'admin-theme',\n * persist: false,\n * target: () => document.getElementById('admin-app'),\n * })\n * ```\n /\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedThemeProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityThemePlugin = {\n install(app: App, options: UseThemeOptions = {}) {\n appScopedThemeProvided = true\n const state = createThemeState(options)\n app.provide(GRANULARITY_THEME_STATE, state)\n // Слушатели `storage`/`prefers-color-scheme` держат состояние; без снятия\n // каждый цикл mount/unmount микрофронтенда копил бы их на window навсегда.\n app.onUnmount(() => state.teardownListeners?.())\n },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleThemeState: ThemeState \| null = null\n\n/* Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. /\nexport function resetThemeContextWarning(): void {\n contextFallbackWarned = false\n}\n\nfunction resolveThemeState(options: UseThemeOptions): ThemeState {\n // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n // `app.runWithContext(() => useTheme())` — `hasInjectionContext` покрывает оба.\n if (hasInjectionContext()) {\n const provided = inject(GRANULARITY_THEME_STATE, null)\n if (provided) return provided\n }\n\n // На сервере без плагина модульное состояние текло бы между запросами. Но\n // читать тему на сервере — нормальный сценарий (шаблон смотрит `isDark`), и\n // ронять на нём весь рендер нельзя: отдаём состояние на один вызов и запрещаем\n // мутацию — течёт именно она.\n if (IS_SERVER) return createThemeState(options, false)\n\n // Дедуп и текст — прямо под гардом: `__GR_DEV__` разворачивается в условие\n // на сборке, и у потребителя вся ветка выкидывается вместе с сообщением.\n if (\n appScopedThemeProvided && !contextFallbackWarned\n && __GR_DEV__\n ) {\n contextFallbackWarned = true\n console.warn(\n '[granularity] useTheme() вызван вне setup/inject-контекста: app-scoped состояние '\n + 'granularityThemePlugin недоступно, использован модульный синглтон. '\n + 'Оберните вызов: app.runWithContext(() => useTheme()).',\n )\n }\n\n if (!moduleThemeState)\n moduleThemeState = createThemeState(options)\n\n return moduleThemeState\n}\n\n// Подписки на системную тему и синхронизацию между вкладками. Привязаны к\n// состоянию, а не к модулю: у каждого приложения своё. Одна подписка на\n// состояние, а не на потребителя, — `onScopeDispose` здесь был бы вреден, он\n// порвал бы общую подписку при размонтировании одного из них.\nfunction bindListeners(state: ThemeState) {\n if (state.listenersBound \|\| typeof window === 'undefined') return\n state.listenersBound = true\n\n // Cross-tab: другая вкладка записала тему в localStorage.\n const onStorage = (event: StorageEvent): void => {\n if (!state.persist \|\| event.key !== state.storageKey) return\n if (event.newValue === 'light' \|\| event.newValue === 'dark') {\n state.theme.value = event.newValue\n applyTheme(event.newValue, state.target)\n }\n }\n window.addEventListener?.('storage', onStorage)\n\n // Системная смена `prefers-color-scheme` — следуем ей только если пользователь\n // НЕ выбрал тему явно (в storage ничего не сохранено).\n const mql = window.matchMedia?.('(prefers-color-scheme: dark)')\n const onSchemeChange = (event: MediaQueryListEvent): void => {\n if (readStoredTheme(state.storageKey, state.persist) !== null) return\n const next: ThemeName = event.matches ? 'dark' : 'light'\n state.theme.value = next\n applyTheme(next, state.target)\n }\n mql?.addEventListener?.('change', onSchemeChange)\n\n state.teardownListeners = () => {\n window.removeEventListener?.('storage', onStorage)\n mql?.removeEventListener?.('change', onSchemeChange)\n state.listenersBound = false\n state.teardownListeners = undefined\n }\n}\n\n/\n Для применения темы максимально рано (до монтирования Vue), чтобы избежать \"мигания\".\n * Также сидирует модульное состояние, чтобы значение в `useTheme()` совпадало с уже\n * применённым к документу.\n \n Функция клиентская: её зовут из браузерной точки входа до создания приложения,\n * то есть app-scoped состояние инжектить там ещё неоткуда. Расхождения с плагином\n * это не даёт — оба сидируются из одного `localStorage`.\n */\nexport function initThemeEarly(options: UseThemeOptions = {}) {\n const storageKey = options.storageKey ?? DEFAULT_STORAGE_KEY\n const persist = options.persist ?? true\n const preferred = getPreferredTheme(storageKey, persist)\n\n moduleThemeState ??= createThemeState(options)\n moduleThemeState.storageKey = storageKey\n moduleThemeState.persist = persist\n moduleThemeState.theme.value = preferred\n\n applyTheme(preferred)\n}\n\nexport function useTheme(options: UseThemeOptions = {}) {\n const state = resolveThemeState(options)\n\n // Опции вызова уточняют состояние — тот же приём, что был у модульного\n // синглтона: слушателям нужно знать, какой ключ отслеживать.\n if (options.storageKey !== undefined) state.storageKey = options.storageKey\n if (options.persist !== undefined) state.persist = options.persist\n if (options.target !== undefined) state.target = options.target\n\n bindListeners(state)\n\n const theme = state.theme\n const isDark = computed(() => theme.value === 'dark')\n\n function setTheme(next: ThemeName) {\n if (!state.writable) {\n throw new Error(\n '[granularity] useTheme: setTheme/toggleTheme require `app.use(granularityThemePlugin)` during SSR — '\n + 'the module-singleton fallback is disabled server-side, so a theme set by one request would leak into '\n + 'the next response. Reading `theme`/`isDark` on the server works without the plugin.',\n )\n }\n\n theme.value = next\n applyTheme(next, state.target)\n\n if (state.persist && typeof window !== 'undefined') {\n // См. комментарий в `readStoredTheme`: запись тоже может бросать.\n try {\n const storage = window.localStorage\n if (typeof storage?.setItem === 'function')\n storage.setItem(state.storageKey, next)\n }\n catch {\n // ignore\n }\n }\n }\n\n function toggleTheme() {\n setTheme(theme.value === 'dark' ? 'light' : 'dark')\n }\n\n function initTheme() {\n applyTheme(theme.value, state.target)\n }\n\n return {\n theme,\n isDark,\n setTheme,\n toggleTheme,\n initTheme,\n }\n}\n"],"mappings":"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"}

package/dist/composables/useToast.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles'\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\n/*\n Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.\n * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`\n * не установлен в `false`). `size`/`variant` настраивают вид кнопки.\n /\nexport type ToastAction = {\n label: string\n onClick: () => void\n /* Закрывать ли тост после клика по действию. По умолчанию `true`. /\n dismissOnClick?: boolean\n /* Размер кнопки действия. По умолчанию `sm`. /\n size?: GrButtonSize\n /* Вариант кнопки действия. По умолчанию `outline`. /\n variant?: GrButtonVariant\n}\n\nexport type ToastInput = {\n title: string\n message?: string\n tone?: GrToastTone\n /\n Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n /\n timeoutMs?: number\n /* Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). /\n action?: ToastAction\n /* Несколько action-кнопок в теле тоста. Рендерятся после `action`. /\n actions?: ToastAction[]\n /\n Схлопывать повтор: `push` с уже занятым ключом обновляет живой тост\n * и перезапускает его автозакрытие вместо того, чтобы завести второй.\n \n Ключ действует только пока тост на экране. Это не то же самое, что помнить\n * последнее показанное: повтор действия с тем же текстом обязан показаться\n * снова, иначе второе «Сохранено» пропадёт молча.\n /\n dedupeKey?: string\n}\n\n/\n Сообщения для `promise`. Строка — шорткат для `{ title }`; функция получает\n * результат промиса (или причину отказа), чтобы подставить его в текст.\n /\nexport type ToastPromiseMessages<T> = {\n loading: string \| ToastInput\n success: string \| ToastInput \| ((value: T) => string \| ToastInput)\n error: string \| ToastInput \| ((reason: unknown) => string \| ToastInput)\n}\n\nexport type Toast = {\n id: string\n title: string\n message?: string\n tone: GrToastTone\n /* Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. /\n timeoutMs: number\n /* Одна action-кнопка в теле тоста. /\n action?: ToastAction\n /* Несколько action-кнопок в теле тоста. /\n actions?: ToastAction[]\n /* Ключ схлопывания повторов, если тост создан с ним. /\n dedupeKey?: string\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n handle: number \| null\n /* Сколько мс осталось до автозакрытия на момент последней паузы/старта. /\n remaining: number\n /* `performance.now()` момента запуска текущего отрезка (для вычисления остатка). /\n startedAt: number\n}\n\nexport type ToastState = {\n toasts: Toast[]\n timers: Map<string, ToastTimer>\n /* Потолок очереди: сверх него самые старые тосты вытесняются. /\n maxToasts: number\n}\n\n/\n Потолок очереди по умолчанию. `maxVisible` у `GrToaster` режет только видимые,\n * поэтому без него поток событий (переподключение сокета, цикл ошибок) копил бы\n * очередь и вываливал её на пользователя, когда стек освободится.\n /\nconst DEFAULT_MAX_TOASTS = 20\n\nexport type GranularityToastPluginOptions = {\n /* Потолок очереди. По умолчанию `20`. /\n maxToasts?: number\n}\n\nfunction createToastState(maxToasts = DEFAULT_MAX_TOASTS): ToastState {\n return {\n toasts: reactive<Toast[]>([]),\n timers: new Map<string, ToastTimer>(),\n maxToasts: Math.max(1, Math.trunc(maxToasts)),\n }\n}\n\n/* Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). /\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/\n Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n \n ```ts\n * app.use(granularityToastPlugin)\n * app.use(granularityToastPlugin, { maxToasts: 50 })\n * ```\n /\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedToastProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityToastPlugin = {\n install(app: App, options: GranularityToastPluginOptions = {}) {\n appScopedToastProvided = true\n app.provide(GRANULARITY_TOAST_STATE, createToastState(options.maxToasts))\n },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState \| null = null\n\n/* Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. /\nexport function resetToastContextWarning(): void {\n contextFallbackWarned = false\n}\n\nfunction resolveToastState(): ToastState {\n // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n // `app.runWithContext(() => useToast())` — `hasInjectionContext` покрывает оба,\n // поэтому вызов из router guard / интерцептора достаёт состояние приложения.\n if (hasInjectionContext()) {\n const provided = inject(GRANULARITY_TOAST_STATE, null)\n if (provided) return provided\n }\n\n // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n // между запросами. Требуем установленный плагин (app.provide).\n if (IS_SERVER) {\n throw new Error(\n '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n )\n }\n\n // Дедуп и текст — инлайном под dev-гардом: бандлер потребителя сворачивает\n // условие в `false` и выкидывает сообщение из продакшн-сборки.\n if (\n appScopedToastProvided && !contextFallbackWarned\n && typeof process !== 'undefined' && process.env.NODE_ENV !== 'production'\n ) {\n contextFallbackWarned = true\n console.warn(\n '[granularity] useToast() вызван вне setup/inject-контекста: app-scoped состояние '\n + 'granularityToastPlugin недоступно, использован модульный синглтон — эти тосты не попадут '\n + 'в GrToaster приложения. Оберните вызов: app.runWithContext(() => useToast()).',\n )\n }\n\n if (!moduleToastState)\n moduleToastState = createToastState()\n\n return moduleToastState\n}\n\nfunction now(): number {\n return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n const state = resolveToastState()\n const list = computed(() => state.toasts)\n\n function armTimer(id: string, timer: ToastTimer): void {\n if (timer.remaining <= 0 \|\| typeof window === 'undefined') return\n timer.startedAt = now()\n timer.handle = window.setTimeout(() => {\n state.timers.delete(id)\n dismiss(id)\n }, timer.remaining)\n }\n\n function clearTimer(id: string): void {\n const timer = state.timers.get(id)\n if (timer?.handle != null) {\n clearTimeout(timer.handle)\n timer.handle = null\n }\n state.timers.delete(id)\n }\n\n function push(input: ToastInput): string {\n const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n\n // Схлопывание ищет тост только среди живых. Помнить последний показанный\n // ключ нельзя: тогда повтор того же действия («Сохранено» второй раз)\n // не показался бы вообще — тост уже ушёл, а ключ ещё занят.\n if (input.dedupeKey !== undefined) {\n const existing = state.toasts.find(item => item.dedupeKey === input.dedupeKey)\n if (existing) {\n // Замена целиком, а не патч: повторный `push` — это законченное\n // высказывание, и `message` от прошлого раза донашивать он не должен.\n applyStage(existing.id, { ...input, tone: input.tone ?? 'info', timeoutMs: timeout })\n return existing.id\n }\n }\n\n const id = makeId()\n const toast: Toast = {\n id,\n title: input.title,\n message: input.message,\n tone: input.tone ?? 'info',\n timeoutMs: timeout > 0 ? timeout : 0,\n action: input.action,\n actions: input.actions,\n dedupeKey: input.dedupeKey,\n }\n\n state.toasts.unshift(toast)\n trimQueue()\n\n if (toast.timeoutMs > 0) {\n const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n state.timers.set(id, timer)\n armTimer(id, timer)\n }\n\n return id\n }\n\n // Вытесняем с хвоста — там самые старые: при потоке событий устаревшее\n // уведомление менее ценно, чем свежее. Таймеры снимаем, иначе остались бы\n // висящие `setTimeout` на тосты, которых больше нет.\n //\n // Это флуд-защита уровня состояния, а не очередь показа (`GrToaster` держит\n // видимыми старейших): при переполнении потолка вытеснен может быть и тост,\n // который сейчас на экране, — осознанный компромисс.\n function trimQueue(): void {\n while (state.toasts.length > state.maxToasts) {\n const dropped = state.toasts.pop()\n if (dropped)\n clearTimer(dropped.id)\n }\n }\n\n /\n Меняет показанный тост на месте. `timeoutMs` в патче перезапускает таймер\n * (`0` — снова «навсегда»), поэтому «вечный» loading может стать\n * самозакрывающимся success.\n \n Возвращает `false`, если тоста уже нет: пользователь мог закрыть его руками,\n * и воскрешать его нельзя.\n /\n function update(id: string, patch: Partial<ToastInput>): boolean {\n const toast = state.toasts.find(item => item.id === id)\n if (!toast) return false\n\n if (patch.title !== undefined) toast.title = patch.title\n if (patch.message !== undefined) toast.message = patch.message\n if (patch.tone !== undefined) toast.tone = patch.tone\n if (patch.action !== undefined) toast.action = patch.action\n if (patch.actions !== undefined) toast.actions = patch.actions\n\n if (patch.timeoutMs !== undefined)\n toast.timeoutMs = rearmTimer(id, patch.timeoutMs)\n\n return true\n }\n\n /* Перезапускает автозакрытие с нового таймаута; `0` и меньше — «навсегда». /\n function rearmTimer(id: string, timeoutMs: number): number {\n clearTimer(id)\n const next = timeoutMs > 0 ? timeoutMs : 0\n\n if (next > 0) {\n const timer: ToastTimer = { handle: null, remaining: next, startedAt: now() }\n state.timers.set(id, timer)\n armTimer(id, timer)\n }\n\n return next\n }\n\n /\n Полная замена стадии для `promise()`. В отличие от `update`, поле без\n * значения очищается: успех не должен донашивать `message` и action-кнопки\n * загрузки — патч-семантика оставляла бы их в тосте навсегда.\n /\n function applyStage(id: string, stage: ToastInput & { tone: GrToastTone, timeoutMs: number }): void {\n const toast = state.toasts.find(item => item.id === id)\n if (!toast) return\n\n toast.title = stage.title\n toast.message = stage.message\n toast.tone = stage.tone\n toast.action = stage.action\n toast.actions = stage.actions\n toast.timeoutMs = rearmTimer(id, stage.timeoutMs)\n }\n\n /\n Один тост на весь жизненный цикл промиса: «загружаем» переписывается в\n * успех или ошибку, а не закрывается ради нового — стек не дёргается.\n \n Каждая стадия заменяет предыдущую целиком: поле, не заданное в\n * success/error, очищается, а не наследуется от loading.\n \n Возвращает исходный промис и не глотает отказ: тост не заменяет\n * обработку ошибки, вызывающий по-прежнему обязан её обработать.\n /\n function promise<T>(input: Promise<T>, messages: ToastPromiseMessages<T>): Promise<T> {\n const id = push({ tone: 'info', ...toToastInput(messages.loading), timeoutMs: 0 })\n\n input.then(\n (value) => {\n const stage = resolveMessage(messages.success, value)\n applyStage(id, { ...stage, tone: stage.tone ?? 'success', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n },\n (reason: unknown) => {\n const stage = resolveMessage(messages.error, reason)\n applyStage(id, { ...stage, tone: stage.tone ?? 'danger', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n },\n )\n\n return input\n }\n\n /* Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). /\n function pause(id: string): void {\n const timer = state.timers.get(id)\n if (!timer \|\| timer.handle == null) return\n\n clearTimeout(timer.handle)\n timer.handle = null\n timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n }\n\n /* Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n function resume(id: string): void {\n const timer = state.timers.get(id)\n if (!timer \|\| timer.handle != null) return\n\n armTimer(id, timer)\n }\n\n function dismiss(id: string): void {\n clearTimer(id)\n const index = state.toasts.findIndex(toast => toast.id === id)\n if (index >= 0)\n state.toasts.splice(index, 1)\n }\n\n function clear(): void {\n for (const id of [...state.timers.keys()]) clearTimer(id)\n state.toasts.splice(0, state.toasts.length)\n }\n\n return {\n list,\n push,\n update,\n promise,\n dismiss,\n clear,\n pause,\n resume,\n }\n}\n\nfunction toToastInput(message: string \| ToastInput): ToastInput {\n return typeof message === 'string' ? { title: message } : message\n}\n\nfunction resolveMessage<T>(\n message: string \| ToastInput \| ((value: T) => string \| ToastInput),\n value: T,\n): ToastInput {\n return toToastInput(typeof message === 'function' ? message(value) : message)\n}\n"],"mappings":";;AAyEA,IAAM,qBAAqB;AAC3B,IAAM,YAAY,OAAO,WAAW;;;;;;AAwBpC,IAAM,qBAAqB;AAO3B,SAAS,iBAAiB,YAAY,oBAAgC;CACpE,OAAO;EACL,QAAQ,SAAkB,CAAC,CAAC;EAC5B,wBAAQ,IAAI,IAAwB;EACpC,WAAW,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC;CAC9C;AACF;;AAGA,IAAa,0BAAoD,OAAO,IAAI,kCAAkC;;;;;;;;;;;;AAe9G,IAAI,yBAAyB;AAC7B,IAAI,wBAAwB;AAE5B,IAAa,yBAAyB,EACpC,QAAQ,KAAU,UAAyC,CAAC,GAAG;CAC7D,yBAAyB;CACzB,IAAI,QAAQ,yBAAyB,iBAAiB,QAAQ,SAAS,CAAC;AAC1E,EACF;AAGA,IAAI,mBAAsC;;AAG1C,SAAgB,2BAAiC;CAC/C,wBAAwB;AAC1B;AAEA,SAAS,oBAAgC;CAIvC,IAAI,oBAAoB,GAAG;EACzB,MAAM,WAAW,OAAO,yBAAyB,IAAI;EACrD,IAAI,UAAU,OAAO;CACvB;CAIA,IAAI,WACF,MAAM,IAAI,MACR,+KAEF;CAKF,IACE,0BAA0B,CAAC,yBACxB,OAAO,YAAY,eAAA,QAAA,IAAA,aAAwC,cAC9D;EACA,wBAAwB;EACxB,QAAQ,KACN,yPAGF;CACF;CAEA,IAAI,CAAC,kBACH,mBAAmB,iBAAiB;CAEtC,OAAO;AACT;AAEA,SAAS,MAAc;CACrB,OAAO,OAAO,gBAAgB,cAAc,YAAY,IAAI,IAAI,KAAK,IAAI;AAC3E;AAEA,SAAS,SAAiB;CACxB,OAAO,GAAG,KAAK,IAAI,EAAE,GAAG,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC;AAC5D;AAEA,SAAgB,WAAW;CACzB,MAAM,QAAQ,kBAAkB;CAChC,MAAM,OAAO,eAAe,MAAM,MAAM;CAExC,SAAS,SAAS,IAAY,OAAyB;EACrD,IAAI,MAAM,aAAa,KAAK,OAAO,WAAW,aAAa;EAC3D,MAAM,YAAY,IAAI;EACtB,MAAM,SAAS,OAAO,iBAAiB;GACrC,MAAM,OAAO,OAAO,EAAE;GACtB,QAAQ,EAAE;EACZ,GAAG,MAAM,SAAS;CACpB;CAEA,SAAS,WAAW,IAAkB;EACpC,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE;EACjC,IAAI,OAAO,UAAU,MAAM;GACzB,aAAa,MAAM,MAAM;GACzB,MAAM,SAAS;EACjB;EACA,MAAM,OAAO,OAAO,EAAE;CACxB;CAEA,SAAS,KAAK,OAA2B;EACvC,MAAM,UAAU,MAAM,aAAa;EAKnC,IAAI,MAAM,cAAc,KAAA,GAAW;GACjC,MAAM,WAAW,MAAM,OAAO,MAAK,SAAQ,KAAK,cAAc,MAAM,SAAS;GAC7E,IAAI,UAAU;IAGZ,WAAW,SAAS,IAAI;KAAE,GAAG;KAAO,MAAM,MAAM,QAAQ;KAAQ,WAAW;IAAQ,CAAC;IACpF,OAAO,SAAS;GAClB;EACF;EAEA,MAAM,KAAK,OAAO;EAClB,MAAM,QAAe;GACnB;GACA,OAAO,MAAM;GACb,SAAS,MAAM;GACf,MAAM,MAAM,QAAQ;GACpB,WAAW,UAAU,IAAI,UAAU;GACnC,QAAQ,MAAM;GACd,SAAS,MAAM;GACf,WAAW,MAAM;EACnB;EAEA,MAAM,OAAO,QAAQ,KAAK;EAC1B,UAAU;EAEV,IAAI,MAAM,YAAY,GAAG;GACvB,MAAM,QAAoB;IAAE,QAAQ;IAAM,WAAW,MAAM;IAAW,WAAW,IAAI;GAAE;GACvF,MAAM,OAAO,IAAI,IAAI,KAAK;GAC1B,SAAS,IAAI,KAAK;EACpB;EAEA,OAAO;CACT;CASA,SAAS,YAAkB;EACzB,OAAO,MAAM,OAAO,SAAS,MAAM,WAAW;GAC5C,MAAM,UAAU,MAAM,OAAO,IAAI;GACjC,IAAI,SACF,WAAW,QAAQ,EAAE;EACzB;CACF;;;;;;;;;CAUA,SAAS,OAAO,IAAY,OAAqC;EAC/D,MAAM,QAAQ,MAAM,OAAO,MAAK,SAAQ,KAAK,OAAO,EAAE;EACtD,IAAI,CAAC,OAAO,OAAO;EAEnB,IAAI,MAAM,UAAU,KAAA,GAAW,MAAM,QAAQ,MAAM;EACnD,IAAI,MAAM,YAAY,KAAA,GAAW,MAAM,UAAU,MAAM;EACvD,IAAI,MAAM,SAAS,KAAA,GAAW,MAAM,OAAO,MAAM;EACjD,IAAI,MAAM,WAAW,KAAA,GAAW,MAAM,SAAS,MAAM;EACrD,IAAI,MAAM,YAAY,KAAA,GAAW,MAAM,UAAU,MAAM;EAEvD,IAAI,MAAM,cAAc,KAAA,GACtB,MAAM,YAAY,WAAW,IAAI,MAAM,SAAS;EAElD,OAAO;CACT;;CAGA,SAAS,WAAW,IAAY,WAA2B;EACzD,WAAW,EAAE;EACb,MAAM,OAAO,YAAY,IAAI,YAAY;EAEzC,IAAI,OAAO,GAAG;GACZ,MAAM,QAAoB;IAAE,QAAQ;IAAM,WAAW;IAAM,WAAW,IAAI;GAAE;GAC5E,MAAM,OAAO,IAAI,IAAI,KAAK;GAC1B,SAAS,IAAI,KAAK;EACpB;EAEA,OAAO;CACT;;;;;;CAOA,SAAS,WAAW,IAAY,OAAoE;EAClG,MAAM,QAAQ,MAAM,OAAO,MAAK,SAAQ,KAAK,OAAO,EAAE;EACtD,IAAI,CAAC,OAAO;EAEZ,MAAM,QAAQ,MAAM;EACpB,MAAM,UAAU,MAAM;EACtB,MAAM,OAAO,MAAM;EACnB,MAAM,SAAS,MAAM;EACrB,MAAM,UAAU,MAAM;EACtB,MAAM,YAAY,WAAW,IAAI,MAAM,SAAS;CAClD;;;;;;;;;;;CAYA,SAAS,QAAW,OAAmB,UAA+C;EACpF,MAAM,KAAK,KAAK;GAAE,MAAM;GAAQ,GAAG,aAAa,SAAS,OAAO;GAAG,WAAW;EAAE,CAAC;EAEjF,MAAM,MACH,UAAU;GACT,MAAM,QAAQ,eAAe,SAAS,SAAS,KAAK;GACpD,WAAW,IAAI;IAAE,GAAG;IAAO,MAAM,MAAM,QAAQ;IAAW,WAAW,MAAM,aAAa;GAAmB,CAAC;EAC9G,IACC,WAAoB;GACnB,MAAM,QAAQ,eAAe,SAAS,OAAO,MAAM;GACnD,WAAW,IAAI;IAAE,GAAG;IAAO,MAAM,MAAM,QAAQ;IAAU,WAAW,MAAM,aAAa;GAAmB,CAAC;EAC7G,CACF;EAEA,OAAO;CACT;;CAGA,SAAS,MAAM,IAAkB;EAC/B,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE;EACjC,IAAI,CAAC,SAAS,MAAM,UAAU,MAAM;EAEpC,aAAa,MAAM,MAAM;EACzB,MAAM,SAAS;EACf,MAAM,YAAY,KAAK,IAAI,GAAG,MAAM,aAAa,IAAI,IAAI,MAAM,UAAU;CAC3E;;CAGA,SAAS,OAAO,IAAkB;EAChC,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE;EACjC,IAAI,CAAC,SAAS,MAAM,UAAU,MAAM;EAEpC,SAAS,IAAI,KAAK;CACpB;CAEA,SAAS,QAAQ,IAAkB;EACjC,WAAW,EAAE;EACb,MAAM,QAAQ,MAAM,OAAO,WAAU,UAAS,MAAM,OAAO,EAAE;EAC7D,IAAI,SAAS,GACX,MAAM,OAAO,OAAO,OAAO,CAAC;CAChC;CAEA,SAAS,QAAc;EACrB,KAAK,MAAM,MAAM,CAAC,GAAG,MAAM,OAAO,KAAK,CAAC,GAAG,WAAW,EAAE;EACxD,MAAM,OAAO,OAAO,GAAG,MAAM,OAAO,MAAM;CAC5C;CAEA,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF;AACF;AAEA,SAAS,aAAa,SAA0C;CAC9D,OAAO,OAAO,YAAY,WAAW,EAAE,OAAO,QAAQ,IAAI;AAC5D;AAEA,SAAS,eACP,SACA,OACY;CACZ,OAAO,aAAa,OAAO,YAAY,aAAa,QAAQ,KAAK,IAAI,OAAO;AAC9E"}
1	+ {"version":3,"file":"useToast.js","names":[],"sources":["../../src/composables/useToast.ts"],"sourcesContent":["import { computed, hasInjectionContext, inject, reactive } from 'vue'\nimport type { App, InjectionKey } from 'vue'\n\nimport type { GrButtonSize, GrButtonVariant } from '../components/GrButton/grButtonStyles'\nimport type { GrTone } from '../components/shared/tones'\n\nexport type GrToastTone = GrTone\n\n/*\n Опциональная action-кнопка тоста: `label` — текст, `onClick` — обработчик.\n * По клику вызывается `onClick`, затем тост закрывается (если `dismissOnClick`\n * не установлен в `false`). `size`/`variant` настраивают вид кнопки.\n /\nexport type ToastAction = {\n label: string\n onClick: () => void\n /* Закрывать ли тост после клика по действию. По умолчанию `true`. /\n dismissOnClick?: boolean\n /* Размер кнопки действия. По умолчанию `sm`. /\n size?: GrButtonSize\n /* Вариант кнопки действия. По умолчанию `outline`. /\n variant?: GrButtonVariant\n}\n\nexport type ToastInput = {\n title: string\n message?: string\n tone?: GrToastTone\n /\n Автозакрытие через N мс. `0` или отрицательное значение — «навсегда»\n * (до явного вызова `dismiss(id)` / `clear()`). По умолчанию: `3500`.\n /\n timeoutMs?: number\n /* Одна action-кнопка в теле тоста (шорткат для `actions: [action]`). /\n action?: ToastAction\n /* Несколько action-кнопок в теле тоста. Рендерятся после `action`. /\n actions?: ToastAction[]\n /\n Схлопывать повтор: `push` с уже занятым ключом обновляет живой тост\n * и перезапускает его автозакрытие вместо того, чтобы завести второй.\n \n Ключ действует только пока тост на экране. Это не то же самое, что помнить\n * последнее показанное: повтор действия с тем же текстом обязан показаться\n * снова, иначе второе «Сохранено» пропадёт молча.\n /\n dedupeKey?: string\n}\n\n/\n Сообщения для `promise`. Строка — шорткат для `{ title }`; функция получает\n * результат промиса (или причину отказа), чтобы подставить его в текст.\n /\nexport type ToastPromiseMessages<T> = {\n loading: string \| ToastInput\n success: string \| ToastInput \| ((value: T) => string \| ToastInput)\n error: string \| ToastInput \| ((reason: unknown) => string \| ToastInput)\n}\n\nexport type Toast = {\n id: string\n title: string\n message?: string\n tone: GrToastTone\n /* Исходный таймаут автозакрытия, мс (`0` — без автозакрытия). Нужен для progress-бара. /\n timeoutMs: number\n /* Одна action-кнопка в теле тоста. /\n action?: ToastAction\n /* Несколько action-кнопок в теле тоста. /\n actions?: ToastAction[]\n /* Ключ схлопывания повторов, если тост создан с ним. /\n dedupeKey?: string\n}\n\nconst DEFAULT_TIMEOUT_MS = 3500\nconst IS_SERVER = typeof window === 'undefined'\n\n// Метаданные таймера автозакрытия с поддержкой pause/resume (WCAG 2.2.1: под\n// курсором/фокусом отсчёт должен останавливаться).\ntype ToastTimer = {\n handle: number \| null\n /* Сколько мс осталось до автозакрытия на момент последней паузы/старта. /\n remaining: number\n /* `performance.now()` момента запуска текущего отрезка (для вычисления остатка). /\n startedAt: number\n}\n\nexport type ToastState = {\n toasts: Toast[]\n timers: Map<string, ToastTimer>\n /* Потолок очереди: сверх него самые старые тосты вытесняются. /\n maxToasts: number\n}\n\n/\n Потолок очереди по умолчанию. `maxVisible` у `GrToaster` режет только видимые,\n * поэтому без него поток событий (переподключение сокета, цикл ошибок) копил бы\n * очередь и вываливал её на пользователя, когда стек освободится.\n /\nconst DEFAULT_MAX_TOASTS = 20\n\nexport type GranularityToastPluginOptions = {\n /* Потолок очереди. По умолчанию `20`. /\n maxToasts?: number\n}\n\nfunction createToastState(maxToasts = DEFAULT_MAX_TOASTS): ToastState {\n return {\n toasts: reactive<Toast[]>([]),\n timers: new Map<string, ToastTimer>(),\n maxToasts: Math.max(1, Math.trunc(maxToasts)),\n }\n}\n\n/* Ключ provide/inject для app-scoped состояния тостов (устанавливает плагин ниже). /\nexport const GRANULARITY_TOAST_STATE: InjectionKey<ToastState> = Symbol.for('@feugene/granularity/toast-state')\n\n/\n Vue-плагин: даёт каждому приложению собственное изолированное состояние тостов\n * через `app.provide`. Обязателен для (а) нескольких Vue-приложений на одной\n * странице (микрофронтенды — иначе делят один стек тостов) и (б) SSR (иначе\n * модульное состояние течёт между запросами).\n \n ```ts\n * app.use(granularityToastPlugin)\n * app.use(granularityToastPlugin, { maxToasts: 50 })\n * ```\n /\n// Где-то на странице установлен плагин: фолбэк в синглтон для такого приложения —\n// почти наверняка ошибка вызова, а не осознанный выбор.\nlet appScopedToastProvided = false\nlet contextFallbackWarned = false\n\nexport const granularityToastPlugin = {\n install(app: App, options: GranularityToastPluginOptions = {}) {\n appScopedToastProvided = true\n app.provide(GRANULARITY_TOAST_STATE, createToastState(options.maxToasts))\n },\n}\n\n// Ленивый модульный синглтон — канонический фолбэк для простых SPA без плагина.\nlet moduleToastState: ToastState \| null = null\n\n/* Сброс dev-предупреждения о фолбэке. Внутреннее API — нужно тестам. /\nexport function resetToastContextWarning(): void {\n contextFallbackWarned = false\n}\n\nfunction resolveToastState(): ToastState {\n // App-scoped состояние (provide через плагин): setup-контекст ИЛИ\n // `app.runWithContext(() => useToast())` — `hasInjectionContext` покрывает оба,\n // поэтому вызов из router guard / интерцептора достаёт состояние приложения.\n if (hasInjectionContext()) {\n const provided = inject(GRANULARITY_TOAST_STATE, null)\n if (provided) return provided\n }\n\n // В SSR модульный фолбэк запрещён: одно mutable-состояние на модуль утекало бы\n // между запросами. Требуем установленный плагин (app.provide).\n if (IS_SERVER) {\n throw new Error(\n '[granularity] useToast requires `app.use(granularityToastPlugin)` during SSR — '\n + 'the module-singleton fallback is disabled server-side to avoid state leaking between requests.',\n )\n }\n\n // Дедуп и текст — прямо под гардом: `__GR_DEV__` разворачивается в условие\n // на сборке, и у потребителя вся ветка выкидывается вместе с сообщением.\n if (\n appScopedToastProvided && !contextFallbackWarned\n && __GR_DEV__\n ) {\n contextFallbackWarned = true\n console.warn(\n '[granularity] useToast() вызван вне setup/inject-контекста: app-scoped состояние '\n + 'granularityToastPlugin недоступно, использован модульный синглтон — эти тосты не попадут '\n + 'в GrToaster приложения. Оберните вызов: app.runWithContext(() => useToast()).',\n )\n }\n\n if (!moduleToastState)\n moduleToastState = createToastState()\n\n return moduleToastState\n}\n\nfunction now(): number {\n return typeof performance !== 'undefined' ? performance.now() : Date.now()\n}\n\nfunction makeId(): string {\n return `${Date.now()}-${Math.random().toString(16).slice(2)}`\n}\n\nexport function useToast() {\n const state = resolveToastState()\n const list = computed(() => state.toasts)\n\n function armTimer(id: string, timer: ToastTimer): void {\n if (timer.remaining <= 0 \|\| typeof window === 'undefined') return\n timer.startedAt = now()\n timer.handle = window.setTimeout(() => {\n state.timers.delete(id)\n dismiss(id)\n }, timer.remaining)\n }\n\n function clearTimer(id: string): void {\n const timer = state.timers.get(id)\n if (timer?.handle != null) {\n clearTimeout(timer.handle)\n timer.handle = null\n }\n state.timers.delete(id)\n }\n\n function push(input: ToastInput): string {\n const timeout = input.timeoutMs ?? DEFAULT_TIMEOUT_MS\n\n // Схлопывание ищет тост только среди живых. Помнить последний показанный\n // ключ нельзя: тогда повтор того же действия («Сохранено» второй раз)\n // не показался бы вообще — тост уже ушёл, а ключ ещё занят.\n if (input.dedupeKey !== undefined) {\n const existing = state.toasts.find(item => item.dedupeKey === input.dedupeKey)\n if (existing) {\n // Замена целиком, а не патч: повторный `push` — это законченное\n // высказывание, и `message` от прошлого раза донашивать он не должен.\n applyStage(existing.id, { ...input, tone: input.tone ?? 'info', timeoutMs: timeout })\n return existing.id\n }\n }\n\n const id = makeId()\n const toast: Toast = {\n id,\n title: input.title,\n message: input.message,\n tone: input.tone ?? 'info',\n timeoutMs: timeout > 0 ? timeout : 0,\n action: input.action,\n actions: input.actions,\n dedupeKey: input.dedupeKey,\n }\n\n state.toasts.unshift(toast)\n trimQueue()\n\n if (toast.timeoutMs > 0) {\n const timer: ToastTimer = { handle: null, remaining: toast.timeoutMs, startedAt: now() }\n state.timers.set(id, timer)\n armTimer(id, timer)\n }\n\n return id\n }\n\n // Вытесняем с хвоста — там самые старые: при потоке событий устаревшее\n // уведомление менее ценно, чем свежее. Таймеры снимаем, иначе остались бы\n // висящие `setTimeout` на тосты, которых больше нет.\n //\n // Это флуд-защита уровня состояния, а не очередь показа (`GrToaster` держит\n // видимыми старейших): при переполнении потолка вытеснен может быть и тост,\n // который сейчас на экране, — осознанный компромисс.\n function trimQueue(): void {\n while (state.toasts.length > state.maxToasts) {\n const dropped = state.toasts.pop()\n if (dropped)\n clearTimer(dropped.id)\n }\n }\n\n /\n Меняет показанный тост на месте. `timeoutMs` в патче перезапускает таймер\n * (`0` — снова «навсегда»), поэтому «вечный» loading может стать\n * самозакрывающимся success.\n \n Возвращает `false`, если тоста уже нет: пользователь мог закрыть его руками,\n * и воскрешать его нельзя.\n /\n function update(id: string, patch: Partial<ToastInput>): boolean {\n const toast = state.toasts.find(item => item.id === id)\n if (!toast) return false\n\n if (patch.title !== undefined) toast.title = patch.title\n if (patch.message !== undefined) toast.message = patch.message\n if (patch.tone !== undefined) toast.tone = patch.tone\n if (patch.action !== undefined) toast.action = patch.action\n if (patch.actions !== undefined) toast.actions = patch.actions\n\n if (patch.timeoutMs !== undefined)\n toast.timeoutMs = rearmTimer(id, patch.timeoutMs)\n\n return true\n }\n\n /* Перезапускает автозакрытие с нового таймаута; `0` и меньше — «навсегда». /\n function rearmTimer(id: string, timeoutMs: number): number {\n clearTimer(id)\n const next = timeoutMs > 0 ? timeoutMs : 0\n\n if (next > 0) {\n const timer: ToastTimer = { handle: null, remaining: next, startedAt: now() }\n state.timers.set(id, timer)\n armTimer(id, timer)\n }\n\n return next\n }\n\n /\n Полная замена стадии для `promise()`. В отличие от `update`, поле без\n * значения очищается: успех не должен донашивать `message` и action-кнопки\n * загрузки — патч-семантика оставляла бы их в тосте навсегда.\n /\n function applyStage(id: string, stage: ToastInput & { tone: GrToastTone, timeoutMs: number }): void {\n const toast = state.toasts.find(item => item.id === id)\n if (!toast) return\n\n toast.title = stage.title\n toast.message = stage.message\n toast.tone = stage.tone\n toast.action = stage.action\n toast.actions = stage.actions\n toast.timeoutMs = rearmTimer(id, stage.timeoutMs)\n }\n\n /\n Один тост на весь жизненный цикл промиса: «загружаем» переписывается в\n * успех или ошибку, а не закрывается ради нового — стек не дёргается.\n \n Каждая стадия заменяет предыдущую целиком: поле, не заданное в\n * success/error, очищается, а не наследуется от loading.\n \n Возвращает исходный промис и не глотает отказ: тост не заменяет\n * обработку ошибки, вызывающий по-прежнему обязан её обработать.\n /\n function promise<T>(input: Promise<T>, messages: ToastPromiseMessages<T>): Promise<T> {\n const id = push({ tone: 'info', ...toToastInput(messages.loading), timeoutMs: 0 })\n\n input.then(\n (value) => {\n const stage = resolveMessage(messages.success, value)\n applyStage(id, { ...stage, tone: stage.tone ?? 'success', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n },\n (reason: unknown) => {\n const stage = resolveMessage(messages.error, reason)\n applyStage(id, { ...stage, tone: stage.tone ?? 'danger', timeoutMs: stage.timeoutMs ?? DEFAULT_TIMEOUT_MS })\n },\n )\n\n return input\n }\n\n /* Останавливает отсчёт автозакрытия, сохраняя остаток (идемпотентно). /\n function pause(id: string): void {\n const timer = state.timers.get(id)\n if (!timer \|\| timer.handle == null) return\n\n clearTimeout(timer.handle)\n timer.handle = null\n timer.remaining = Math.max(0, timer.remaining - (now() - timer.startedAt))\n }\n\n /* Возобновляет отсчёт с сохранённого остатка (идемпотентно). */\n function resume(id: string): void {\n const timer = state.timers.get(id)\n if (!timer \|\| timer.handle != null) return\n\n armTimer(id, timer)\n }\n\n function dismiss(id: string): void {\n clearTimer(id)\n const index = state.toasts.findIndex(toast => toast.id === id)\n if (index >= 0)\n state.toasts.splice(index, 1)\n }\n\n function clear(): void {\n for (const id of [...state.timers.keys()]) clearTimer(id)\n state.toasts.splice(0, state.toasts.length)\n }\n\n return {\n list,\n push,\n update,\n promise,\n dismiss,\n clear,\n pause,\n resume,\n }\n}\n\nfunction toToastInput(message: string \| ToastInput): ToastInput {\n return typeof message === 'string' ? { title: message } : message\n}\n\nfunction resolveMessage<T>(\n message: string \| ToastInput \| ((value: T) => string \| ToastInput),\n value: T,\n): ToastInput {\n return toToastInput(typeof message === 'function' ? message(value) : message)\n}\n"],"mappings":"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"}

package/dist/directives/loading.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { t as ensurePortalRoot } from "../chunks/portalRoot-CVhCgdG6.js";
 import { n as markInert, t as inertableOutside } from "../chunks/inert-DIHCCn_1.js";
-import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-C3DZSSuh.js";
+import { t as GrLoading_default } from "../components/GrLoading/chunks/GrLoading-DeBFTvFX.js";
 import { createVNode, render } from "vue";
 //#region src/directives/loading.ts
 function isHTMLElement(value) {

package/dist/granular-provider-node.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-CQKhl5C_.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-BaHkLjFX.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/granular-provider.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-CQKhl5C_.js";
+import { a as granularityDefaultThemes, i as granularityComponentConfigs, n as GRANULARITY_PROVIDER_ID, o as granularityThemeNames, r as createGranularityProvider, t as granularityProvider } from "./chunks/granular-provider-BaHkLjFX.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/i18n/all.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { n as ru, r as en, t as es } from "../chunks/es-DdJsxlUr.js";
+import { n as ru, r as en, t as es } from "../chunks/es-Do2CNrC2.js";
 //#region src/i18n/all.ts
 var all = [
 	en,

package/dist/i18n/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { t as GRANULARITY_I18N_KEY } from "../chunks/adapter-CAOxmn2G.js";
-import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-DdJsxlUr.js";
+import { i as GRANULARITY_I18N_BLOCK, n as ru, r as en, t as es } from "../chunks/es-Do2CNrC2.js";
 export { GRANULARITY_I18N_BLOCK, GRANULARITY_I18N_KEY, en, es, ru };

package/dist/index.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { p as FileValidationError } from "./chunks/fileValidation-D5TFBhbv.js";
 import { vDropzone } from "./directives/dropzone.js";
 import { vHotkey } from "./directives/hotkey.js";
 import { t as GrIcon_default } from "./components/GrIcon/chunks/GrIcon-bQwtZtYT.js";
-import { t as GrLoading_default } from "./components/GrLoading/chunks/GrLoading-C3DZSSuh.js";
+import { t as GrLoading_default } from "./components/GrLoading/chunks/GrLoading-DeBFTvFX.js";
 import { createLoading, vLoading } from "./directives/loading.js";
 import { useFloating } from "./composables/useFloating.js";
 import { useOverlayLayer } from "./composables/useOverlayLayer.js";
@@ -20,13 +20,14 @@ import { useVirtualList } from "./composables/useVirtualList.js";
 import { n as useGrFormFieldContext } from "./chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "./composables/useGrFormControl.js";
 import { useComboboxNavigation } from "./composables/useComboboxNavigation.js";
-import { t as GrBadge_default } from "./components/GrBadge/chunks/GrBadge-u2ZdS7CN.js";
+import { t as GrBadge_default } from "./components/GrBadge/chunks/GrBadge-_9rCHuE1.js";
 import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-BbY2SKGE.js";
-import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-DsevPtiS.js";
+import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-D9c9BNFg.js";
 import { t as GrSkeleton_default } from "./components/GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
 import { n as GrAvatar_default, t as GrAvatarGroup_default } from "./components/GrAvatar/chunks/GrAvatar-BbdKRX8i.js";
 import { c as initialsFrom, n as grAvatarSafelist, t as grAvatarConfig } from "./chunks/config-Bsh948nP.js";
-import { n as grBadgeSafelist, t as grBadgeConfig } from "./chunks/config-qVg3Zz_A.js";
+import { t as grBadgeSafelist } from "./chunks/safelist-DOfCQR5O.js";
+import { t as grBadgeConfig } from "./chunks/config-DGCMHPCR.js";
 import "./components/GrBadge/index.js";
 import { n as grBadgeWrapSafelist, o as formatBadgeValue, t as grBadgeWrapConfig } from "./chunks/config-B4w5gBD0.js";
 import { t as GrBadgeWrap_default } from "./components/GrBadgeWrap/chunks/GrBadgeWrap-DDoFQscR.js";
@@ -35,84 +36,93 @@ import { t as GrBottomNav_default } from "./components/GrBottomNav/chunks/GrBott
 import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-BQb7U4so.js";
 import { m as resolveBreadcrumbsLayout, n as grBreadcrumbsSafelist, p as resolveBreadcrumbsFit, t as grBreadcrumbsConfig } from "./chunks/config-DKdlqXiY.js";
 import { t as GrBreadcrumbs_default } from "./components/GrBreadcrumbs/chunks/GrBreadcrumbs-CQ44iU2o.js";
-import { n as useGrButtonGroup } from "./chunks/context-BfIQv7m1.js";
-import { t as GrButton_default } from "./components/GrButton/chunks/GrButton-Bw2AH4uX.js";
+import { n as useGrButtonGroup } from "./chunks/context-BfIQv7m12.js";
+import { t as GrButton_default } from "./components/GrButton/chunks/GrButton-DCz-Wn-V.js";
 import { t as grButtonSafelist } from "./chunks/safelist-CudBLyAD.js";
 import { t as grButtonConfig } from "./chunks/config-B84z1aos.js";
-import { t as GrButtonGroup_default } from "./components/GrButtonGroup/chunks/GrButtonGroup-CKyiAV8K.js";
+import { t as GrButtonGroup_default } from "./components/GrButtonGroup/chunks/GrButtonGroup-BQo5VQ_c.js";
 import { t as grButtonGroupConfig } from "./chunks/config-DBmdgoVf.js";
 import "./components/GrButtonGroup/index.js";
-import { n as grCardSafelist, t as grCardConfig } from "./chunks/config-Bm_Sovla.js";
-import { t as GrCard_default } from "./components/GrCard/chunks/GrCard-Bc7nRfbe.js";
+import { n as grCardSafelist, t as grCardConfig } from "./chunks/config-DYgfMrIF.js";
+import { t as GrCard_default } from "./components/GrCard/chunks/GrCard-aQIjk6I9.js";
 import { t as GrCheckbox_default } from "./components/GrCheckbox/chunks/GrCheckbox-CEcHIsXM.js";
 import { n as grCheckboxSafelist, t as grCheckboxConfig } from "./chunks/config-esdviAPL.js";
 import "./components/GrCheckbox/index.js";
 import { t as GrCheckboxGroup_default } from "./components/GrCheckboxGroup/chunks/GrCheckboxGroup-BOwrVcFr.js";
-import { t as grCheckboxGroupConfig } from "./chunks/config-BuGlNPE9.js";
+import { t as grCheckboxGroupConfig } from "./chunks/config-BuGlNPE92.js";
+import { n as grChipSafelist, t as grChipConfig } from "./chunks/config-D7zgE_Gr.js";
+import { t as GrChip_default } from "./components/GrChip/chunks/GrChip-BnL2FedO.js";
+import { useRovingFocus } from "./composables/useRovingFocus.js";
+import { n as grChipGroupSafelist, t as grChipGroupConfig } from "./chunks/config-Iu684VNI.js";
+import { t as GrChipGroup_default } from "./components/GrChipGroup/chunks/GrChipGroup-DefmSdY9.js";
 import { useAnnouncer } from "./composables/useAnnouncer.js";
-import { t as GrCodeBlock_default } from "./components/GrCodeBlock/chunks/GrCodeBlock-BmXCLgLS.js";
+import { t as GrCodeBlock_default } from "./components/GrCodeBlock/chunks/GrCodeBlock-CyptiEo4.js";
 import { n as grCodeBlockSafelist, t as grCodeBlockConfig } from "./chunks/config-B_qi4Fma.js";
 import { n as grCollapseSafelist, t as grCollapseConfig } from "./chunks/config-DU2DNSRx.js";
-import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-C1rCfbc0.js";
+import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-DUROgAgc.js";
 import { n as grIconSafelist, t as grIconConfig } from "./chunks/config-Cp0DE0GH.js";
 import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-Bb_pxqpT.js";
 import { useFocusTrap } from "./composables/useFocusTrap.js";
-import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-b70bIlQ9.js";
+import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-DDChM1jD.js";
 import { useDragGesture } from "./composables/useDragGesture.js";
 import { t as GrSlider_default } from "./components/GrSlider/chunks/GrSlider-s99yAyz6.js";
-import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-qQdoEPHF.js";
+import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-CDaJRVIM.js";
 import { n as grColorPickerSafelist, t as grColorPickerConfig } from "./chunks/config-BsPDQ0dS.js";
 import { a as GR_KBD_TOKENS, o as findKbdToken, t as GrKbd_default } from "./components/GrKbd/chunks/GrKbd-BXbhsH0M.js";
-import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-CPz7SWD_.js";
-import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-BFcMf4Pn.js";
+import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-CCoWZuIl.js";
+import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-BPsVN_XU.js";
 import { n as grCommandPaletteSafelist, t as grCommandPaletteConfig } from "./chunks/config-9PYRZlKE.js";
-import { t as GrConfigProvider_default } from "./components/GrConfigProvider/chunks/GrConfigProvider-UP-EaoAf.js";
+import { t as GrConfigProvider_default } from "./components/GrConfigProvider/chunks/GrConfigProvider-BF7R3hgg.js";
 import { t as grConfigProviderConfig } from "./chunks/config-B7W9VlZ7.js";
-import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-D0U5iRqV.js";
-import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CZONq8uT.js";
-import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-rRtMScJX.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-5Y5K87ss.js";
+import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-BhP-xw2P.js";
+import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-CwXNLyzk.js";
 import { t as grConfirmDialogConfig } from "./chunks/config-A-bBiotF.js";
 import "./components/GrConfirmDialog/index.js";
+import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, o as GrDropdownMenuGroup_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuList_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenuList-BGA_xNVo.js";
+import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-BbAJholy.js";
+import { t as grContextMenuConfig } from "./chunks/config-CPSxM7XE.js";
 import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-f3qCWa99.js";
 import { t as useDragSort } from "./chunks/useDragSort-0l47h4yb.js";
-import { useRovingFocus } from "./composables/useRovingFocus.js";
-import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-B5MmZFUg.js";
+import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-NRbrXpdx.js";
 import { n as grDataTableSafelist, t as grDataTableConfig } from "./chunks/config-BC8d_smz.js";
-import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-DFvxNpmN.js";
+import { t as GrDelta_default } from "./components/GrDelta/chunks/GrDelta-NE5HhXoo.js";
+import { n as grValueSafelist, t as grValueConfig } from "./chunks/config-BFJIxE8b.js";
+import { t as GrValue_default } from "./components/GrValue/chunks/GrValue-CZsuZ4x-.js";
 import { n as deltaTone, t as deltaDirection } from "./chunks/deltaTone-B5OoS1vo.js";
-import { n as grDeltaSafelist, t as grDeltaConfig } from "./chunks/config-DBQQT-WP.js";
-import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "./chunks/config-DCwQBMmJ.js";
-import { t as GrDescriptionList_default } from "./components/GrDescriptionList/chunks/GrDescriptionList-2zFXzX83.js";
+import { n as grDeltaSafelist, t as grDeltaConfig } from "./chunks/config-BIa3ilQm.js";
+import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "./chunks/config-rkcKArZQ.js";
+import { t as GrDescriptionList_default } from "./components/GrDescriptionList/chunks/GrDescriptionList-1mICfrqX.js";
 import { t as grDialogSafelist } from "./chunks/safelist-CkF4v7DC.js";
 import "./components/GrDialog/index.js";
 import { n as useGrFormContext } from "./chunks/context-Bfrgsluh.js";
-import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-kqfVY30N.js";
+import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-DSylU7IU.js";
 import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-CNnkcIG1.js";
 import { a as runFieldRules, t as createGrFormMessageResolver } from "./chunks/validation-DauXRIkL.js";
-import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-CEI8bf-t.js";
-import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-CrwA4aJq.js";
+import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-DjF-5oD9.js";
+import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-CHhzGRWy.js";
 import { t as grDialogServiceConfig } from "./chunks/config-CjXjhphs.js";
 import { n as grDividerSafelist, t as grDividerConfig } from "./chunks/config-CY0_6cMi.js";
 import { t as GrDivider_default } from "./components/GrDivider/chunks/GrDivider-CAhm9jbE.js";
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-D94Z9po5.js";
-import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-C3zAg2tG.js";
-import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-BSfFOcDx.js";
+import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-CXy3-SVd.js";
+import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-BfTmdPyh.js";
 import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-BViooYNv.js";
 import "./components/GrDropdown/index.js";
-import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-C5mO5DYZ.js";
-import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, i as GrDropdownMenuList_default, n as GrDropdownMenuColumn_default, o as GrDropdownMenuGroup_default, r as GrDropdownMenu_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-DyS6dWDp.js";
+import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-l5HEqzjr.js";
+import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-DKISz9gR.js";
 import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-CS9do8eM.js";
 import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "./chunks/config-vSji8w90.js";
 import { n as fileKindOf, r as isPreviewableKind, t as GrFilePreview_default } from "./components/GrFilePreview/chunks/GrFilePreview-D0Bt-0nn.js";
 import { n as grFilePreviewSafelist, t as grFilePreviewConfig } from "./chunks/config-QJ54_fcM.js";
 import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-hszUOC8f.js";
-import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-D3-vC-ap.js";
+import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-wNXzHb5N.js";
 import { n as grFileUploadSafelist, t as grFileUploadConfig } from "./chunks/config-CN970ZcJ.js";
 import { t as GrForm_default } from "./components/GrForm/chunks/GrForm-B_Qq_13k.js";
 import { t as grFormConfig } from "./chunks/config-Droqn55j.js";
 import { n as grFormFieldSafelist, t as grFormFieldConfig } from "./chunks/config-D6W1rnlp.js";
 import "./components/GrFormField/index.js";
-import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-D722xHn8.js";
+import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-DhVkB2gm.js";
 import { n as grFormFileSafelist, t as grFormFileConfig } from "./chunks/config-COvrUfhR.js";
 import { n as grFormSectionSafelist, t as grFormSectionConfig } from "./chunks/config-Dgj1Q6JY.js";
 import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-CdGWvzXO.js";
@@ -121,28 +131,28 @@ import { n as grImageViewerSafelist, t as grImageViewerConfig } from "./chunks/c
 import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-DpeQchsV.js";
 import "./components/GrInput/index.js";
 import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-BN4sXYXn.js";
-import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-C7QVPijj.js";
-import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-BvOeQ3xJ.js";
-import { t as GrJsonViewer_default } from "./components/GrJsonViewer/chunks/GrJsonViewer-DFUppRNb.js";
+import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-UI8kIB_F.js";
+import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-J5q8aCya.js";
+import { t as GrJsonViewer_default } from "./components/GrJsonViewer/chunks/GrJsonViewer-jk3ylOTc.js";
 import { n as grJsonViewerSafelist, t as grJsonViewerConfig } from "./chunks/config-CIcynHGr.js";
 import { n as grKbdSafelist, t as grKbdConfig } from "./chunks/config-DA6SnEoy.js";
 import "./components/GrKbd/index.js";
 import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-Cl4ST6Qd.js";
 import "./components/GrLink/index.js";
 import { n as grListSafelist, t as grListConfig } from "./chunks/config-CKULiuvc.js";
-import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-BRYhpqIe.js";
+import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-B5bclmHV.js";
 import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-CjnbevbD.js";
 import "./components/GrLoading/index.js";
 import { n as grModalSafelist, t as grModalConfig } from "./chunks/config-BtXRpAtq.js";
 import "./components/GrModal/index.js";
-import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-DWaaoV7n.js";
+import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-DPj30sHX.js";
 import { n as grNavbarSafelist, t as grNavbarConfig } from "./chunks/config-Bpt9Xbxm.js";
-import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-zjeAJ4ho.js";
-import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-BotnzW77.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-CaGuyvtb.js";
+import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-zjeAJ4ho2.js";
+import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-V2mZvDDC.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-BA1wfX3c.js";
 import { n as grPaginationSafelist, t as grPaginationConfig } from "./chunks/config-DSJY6aEl.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-GtGtSMJG.js";
-import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-BSyiFlbi.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-DG7kp6VL.js";
+import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-DtgYuGUn2.js";
 import "./components/GrPopover/index.js";
 import { n as grProgressBarSafelist, r as GR_TONES, t as grProgressBarConfig } from "./chunks/config-CQzGyi1C.js";
 import "./components/GrProgressBar/index.js";
@@ -153,48 +163,50 @@ import "./components/GrPromptDialog/index.js";
 import { t as GrRadio_default } from "./components/GrRadio/chunks/GrRadio-BdhknbO8.js";
 import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-BTCOJO5z2.js";
 import "./components/GrRadio/index.js";
-import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-BVmjKXcv.js";
+import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-7w4bXIg_.js";
 import { t as grRadioGroupConfig } from "./chunks/config-QaIc_gRa.js";
 import { n as grRatingSafelist, t as grRatingConfig } from "./chunks/config-Baj7Wvx-.js";
 import { t as GrRating_default } from "./components/GrRating/chunks/GrRating-BSEtaibx.js";
-import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CgfAwlg3.js";
+import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-DA4q90Zt.js";
+import { n as titleWhenTruncated, t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-DKpo3cnC.js";
 import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-BEVBsvni2.js";
-import { t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-D1mjxF_O.js";
 import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-Cwd3yjRw.js";
 import "./components/GrSelect/index.js";
-import { n as grSidebarSafelist, t as grSidebarConfig } from "./chunks/config-BfsBepkH2.js";
-import { n as GrSidebarItem_default, r as GrSidebar_default, t as GrSidebarGroup_default } from "./components/GrSidebar/chunks/GrSidebar-D7WxRtIu.js";
+import { n as grSidebarSafelist, t as grSidebarConfig } from "./chunks/config-BfsBepkH.js";
+import { n as GrSidebarItem_default, r as GrSidebar_default, t as GrSidebarGroup_default } from "./components/GrSidebar/chunks/GrSidebar-DY-LgIbS.js";
 import { t as grSkeletonConfig } from "./chunks/config-8Pcutu1j.js";
 import "./components/GrSkeleton/index.js";
-import { n as grSliderSafelist, t as grSliderConfig } from "./chunks/config-T3qdQBgU2.js";
+import { n as grSliderSafelist, t as grSliderConfig } from "./chunks/config-T3qdQBgU.js";
 import "./components/GrSlider/index.js";
-import { n as grSortableListSafelist, t as grSortableListConfig } from "./chunks/config-DAX8Deh12.js";
-import { t as GrSortableList_default } from "./components/GrSortableList/chunks/GrSortableList-DPjxilmN.js";
+import { n as grSortableListSafelist, t as grSortableListConfig } from "./chunks/config-DAX8Deh1.js";
+import { t as GrSortableList_default } from "./components/GrSortableList/chunks/GrSortableList-BMXyxmRc.js";
 import { n as grSplitterSafelist, t as grSplitterConfig } from "./chunks/config-BE6n20np.js";
 import { n as sizeFromPointer, t as GrSplitter_default } from "./components/GrSplitter/chunks/GrSplitter-B9_JrT7q.js";
-import { n as formatStatisticValue, t as GrStatistic_default } from "./components/GrStatistic/chunks/GrStatistic-C7wQECeS.js";
-import { n as grStatisticSafelist, t as grStatisticConfig } from "./chunks/config-Be9k9bOf.js";
-import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-BoNR7_PD2.js";
-import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-x_vQQ6ao.js";
+import { n as formatStatisticValue, t as GrStatistic_default } from "./components/GrStatistic/chunks/GrStatistic-BJQv5aOS.js";
+import { n as grStatisticSafelist, t as grStatisticConfig } from "./chunks/config-C8tVRv8i.js";
+import { n as grStepsSafelist, t as grStepsConfig } from "./chunks/config-DGWFal5h.js";
+import { t as GrSteps_default } from "./components/GrSteps/chunks/GrSteps-Cce4rfr3.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-BoNR7_PD.js";
+import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-CHiIj9GT.js";
 import { n as grTableSafelist, t as grTableConfig } from "./chunks/config-WTNhdh6T.js";
 import "./components/GrTable/index.js";
-import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-AJt1w1XC.js";
+import { n as GrTabPanels_default, t as GrTabPanel_default } from "./components/GrTabPanels/chunks/GrTabPanels-BZQS8-JM.js";
 import { t as grTabPanelsConfig } from "./chunks/config-eXB87DOi.js";
 import { n as grTabsSafelist, t as grTabsConfig } from "./chunks/config-DWN4x6_e.js";
 import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-CBHZkOFY.js";
 import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-BDfTXHo1.js";
 import "./components/GrTextarea/index.js";
-import { n as GrTimeline_default, t as GrTimelineItem_default } from "./components/GrTimeline/chunks/GrTimeline-Ch9sHzwL.js";
+import { n as GrTimeline_default, t as GrTimelineItem_default } from "./components/GrTimeline/chunks/GrTimeline-DIDdkTn7.js";
 import { n as grTimelineSafelist, t as grTimelineConfig } from "./chunks/config-COpuWGr_.js";
 import { GRANULARITY_TOAST_STATE, granularityToastPlugin, useToast } from "./composables/useToast.js";
 import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-ScuvHw6k.js";
-import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-DJUzx3sR.js";
+import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-CC49q3a4.js";
 import { n as grTooltipSafelist, t as grTooltipConfig } from "./chunks/config-CN2ULSQL.js";
 import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-B6AwE_UX.js";
 import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-CDat1wXf.js";
 import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-DCFvmHEv.js";
-import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-_LjTRR7X.js";
+import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-DEfxWAc3.js";
 import "./composables/useGrComponentConfig.js";
 import "./composables/useGranularityTranslations.js";
 import { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from "./composables/useTheme.js";
-export { FileValidationError, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, GrAlert_default as GrAlert, GrAutocomplete_default as GrAutocomplete, GrAvatar_default as GrAvatar, GrAvatarGroup_default as GrAvatarGroup, GrBadge_default as GrBadge, GrBadgeWrap_default as GrBadgeWrap, GrBottomNav_default as GrBottomNav, GrBreadcrumbs_default as GrBreadcrumbs, GrButton_default as GrButton, GrButtonGroup_default as GrButtonGroup, GrCard_default as GrCard, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrCodeBlock_default as GrCodeBlock, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, GrDataTable_default as GrDataTable, GrDelta_default as GrDelta, GrDescriptionList_default as GrDescriptionList, GrDialog_default as GrDialog, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, GrDialogServiceHost_default as GrDialogServiceHost, GrDivider_default as GrDivider, GrDrawer_default as GrDrawer, GrDropdown_default as GrDropdown, GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, GrEmptyState_default as GrEmptyState, GrFilePreview_default as GrFilePreview, GrFileUpload_default as GrFileUpload, GrForm_default as GrForm, GrFormErrorBanner_default as GrFormErrorBanner, GrFormField_default as GrFormField, GrFormFile_default as GrFormFile, GrFormSection_default as GrFormSection, GrIcon_default as GrIcon, GrImageViewer_default as GrImageViewer, GrInput_default as GrInput, GrInputTag_default as GrInputTag, GrJsonViewer_default as GrJsonViewer, GrKbd_default as GrKbd, GrLink_default as GrLink, GrList_default as GrList, GrListItem_default as GrListItem, GrLoading_default as GrLoading, GrModal_default as GrModal, GrNavbar_default as GrNavbar, GrNumberInput_default as GrNumberInput, GrPagination_default as GrPagination, GrPopover_default as GrPopover, GrProgressBar_default as GrProgressBar, GrProgressCircle_default as GrProgressCircle, GrPromptDialog_default as GrPromptDialog, GrRadio_default as GrRadio, GrRadioGroup_default as GrRadioGroup, GrRating_default as GrRating, GrResponseErrorBanner_default as GrResponseErrorBanner, GrSegmented_default as GrSegmented, GrSelect_default as GrSelect, GrSidebar_default as GrSidebar, GrSidebarGroup_default as GrSidebarGroup, GrSidebarItem_default as GrSidebarItem, GrSkeleton_default as GrSkeleton, GrSlider_default as GrSlider, GrSortableList_default as GrSortableList, GrSplitter_default as GrSplitter, GrStatistic_default as GrStatistic, GrSwitch_default as GrSwitch, GrTabPanel_default as GrTabPanel, GrTabPanels_default as GrTabPanels, GrTable_default as GrTable, GrTabs_default as GrTabs, GrTextarea_default as GrTextarea, GrTimeline_default as GrTimeline, GrTimelineItem_default as GrTimelineItem, GrToaster_default as GrToaster, GrTooltip_default as GrTooltip, GrTree_default as GrTree, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, deltaDirection, deltaTone, dialogService, extendDefaultParsers, fileKindOf, findKbdToken, formatBadgeValue, formatStatisticValue, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grCodeBlockConfig, grCodeBlockSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, grDataTableConfig, grDataTableSafelist, grDeltaConfig, grDeltaSafelist, grDescriptionListConfig, grDescriptionListSafelist, grDialogSafelist, grDialogServiceConfig, grDividerConfig, grDividerSafelist, grDrawerConfig, grDrawerSafelist, grDropdownConfig, grDropdownMenuConfig, grDropdownMenuSafelist, grDropdownSafelist, grEmptyStateConfig, grEmptyStateSafelist, grFilePreviewConfig, grFilePreviewSafelist, grFileUploadConfig, grFileUploadSafelist, grFormConfig, grFormFieldConfig, grFormFieldSafelist, grFormFileConfig, grFormFileSafelist, grFormSectionConfig, grFormSectionSafelist, grIconConfig, grIconSafelist, grImageViewerConfig, grImageViewerSafelist, grInputConfig, grInputSafelist, grInputTagConfig, grInputTagSafelist, grJsonViewerConfig, grJsonViewerSafelist, grKbdConfig, grKbdSafelist, grLinkConfig, grLinkSafelist, grListConfig, grListSafelist, grLoadingConfig, grLoadingSafelist, grModalConfig, grModalSafelist, grNavbarConfig, grNavbarSafelist, grNumberInputConfig, grNumberInputSafelist, grPaginationConfig, grPaginationSafelist, grPopoverConfig, grPopoverSafelist, grProgressBarConfig, grProgressBarSafelist, grProgressCircleConfig, grProgressCircleSafelist, grPromptDialogConfig, grRadioConfig, grRadioGroupConfig, grRadioSafelist, grRatingConfig, grRatingSafelist, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTreeConfig, grTreeSafelist, grTreeSelectConfig, grTreeSelectSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, isPreviewableKind, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, sizeFromPointer, teardownDialogService, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useTheme, useToast, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };
+export { FileValidationError, GRANULARITY_THEME_STATE, GRANULARITY_TOAST_STATE, GR_KBD_TOKENS, GR_TONES, GrAlert_default as GrAlert, GrAutocomplete_default as GrAutocomplete, GrAvatar_default as GrAvatar, GrAvatarGroup_default as GrAvatarGroup, GrBadge_default as GrBadge, GrBadgeWrap_default as GrBadgeWrap, GrBottomNav_default as GrBottomNav, GrBreadcrumbs_default as GrBreadcrumbs, GrButton_default as GrButton, GrButtonGroup_default as GrButtonGroup, GrCard_default as GrCard, GrCheckbox_default as GrCheckbox, GrCheckboxGroup_default as GrCheckboxGroup, GrChip_default as GrChip, GrChipGroup_default as GrChipGroup, GrCodeBlock_default as GrCodeBlock, GrCollapse_default as GrCollapse, GrCollapseItem_default as GrCollapseItem, GrColorPicker_default as GrColorPicker, GrCommandPalette_default as GrCommandPalette, GrConfigProvider_default as GrConfigProvider, GrConfirmDialog_default as GrConfirmDialog, GrContextMenu_default as GrContextMenu, GrDataTable_default as GrDataTable, GrDelta_default as GrDelta, GrDescriptionList_default as GrDescriptionList, GrDialog_default as GrDialog, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, GrDialogServiceHost_default as GrDialogServiceHost, GrDivider_default as GrDivider, GrDrawer_default as GrDrawer, GrDropdown_default as GrDropdown, GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, GrEmptyState_default as GrEmptyState, GrFilePreview_default as GrFilePreview, GrFileUpload_default as GrFileUpload, GrForm_default as GrForm, GrFormErrorBanner_default as GrFormErrorBanner, GrFormField_default as GrFormField, GrFormFile_default as GrFormFile, GrFormSection_default as GrFormSection, GrIcon_default as GrIcon, GrImageViewer_default as GrImageViewer, GrInput_default as GrInput, GrInputTag_default as GrInputTag, GrJsonViewer_default as GrJsonViewer, GrKbd_default as GrKbd, GrLink_default as GrLink, GrList_default as GrList, GrListItem_default as GrListItem, GrLoading_default as GrLoading, GrModal_default as GrModal, GrNavbar_default as GrNavbar, GrNumberInput_default as GrNumberInput, GrPagination_default as GrPagination, GrPopover_default as GrPopover, GrProgressBar_default as GrProgressBar, GrProgressCircle_default as GrProgressCircle, GrPromptDialog_default as GrPromptDialog, GrRadio_default as GrRadio, GrRadioGroup_default as GrRadioGroup, GrRating_default as GrRating, GrResponseErrorBanner_default as GrResponseErrorBanner, GrSegmented_default as GrSegmented, GrSelect_default as GrSelect, GrSidebar_default as GrSidebar, GrSidebarGroup_default as GrSidebarGroup, GrSidebarItem_default as GrSidebarItem, GrSkeleton_default as GrSkeleton, GrSlider_default as GrSlider, GrSortableList_default as GrSortableList, GrSplitter_default as GrSplitter, GrStatistic_default as GrStatistic, GrSteps_default as GrSteps, GrSwitch_default as GrSwitch, GrTabPanel_default as GrTabPanel, GrTabPanels_default as GrTabPanels, GrTable_default as GrTable, GrTabs_default as GrTabs, GrTextarea_default as GrTextarea, GrTimeline_default as GrTimeline, GrTimelineItem_default as GrTimelineItem, GrToaster_default as GrToaster, GrTooltip_default as GrTooltip, GrTree_default as GrTree, GrTreeSelect_default as GrTreeSelect, GrUploadAbortError, GrUploadErrorBanner_default as GrUploadErrorBanner, GrUploadHttpError, GrValue_default as GrValue, coreResponseErrorParsers, createGrFormMessageResolver, createLoading, createResponseErrorClassifier, deltaDirection, deltaTone, dialogService, extendDefaultParsers, fileKindOf, findKbdToken, formatBadgeValue, formatStatisticValue, grAlertConfig, grAutocompleteConfig, grAutocompleteSafelist, grAvatarConfig, grAvatarSafelist, grBadgeConfig, grBadgeSafelist, grBadgeWrapConfig, grBadgeWrapSafelist, grBottomNavConfig, grBottomNavSafelist, grBreadcrumbsConfig, grBreadcrumbsSafelist, grButtonConfig, grButtonGroupConfig, grButtonSafelist, grCardConfig, grCardSafelist, grCheckboxConfig, grCheckboxGroupConfig, grCheckboxSafelist, grChipConfig, grChipGroupConfig, grChipGroupSafelist, grChipSafelist, grCodeBlockConfig, grCodeBlockSafelist, grCollapseConfig, grCollapseSafelist, grColorPickerConfig, grColorPickerSafelist, grCommandPaletteConfig, grCommandPaletteSafelist, grConfigProviderConfig, grConfirmDialogConfig, grContextMenuConfig, grDataTableConfig, grDataTableSafelist, grDeltaConfig, grDeltaSafelist, grDescriptionListConfig, grDescriptionListSafelist, grDialogSafelist, grDialogServiceConfig, grDividerConfig, grDividerSafelist, grDrawerConfig, grDrawerSafelist, grDropdownConfig, grDropdownMenuConfig, grDropdownMenuSafelist, grDropdownSafelist, grEmptyStateConfig, grEmptyStateSafelist, grFilePreviewConfig, grFilePreviewSafelist, grFileUploadConfig, grFileUploadSafelist, grFormConfig, grFormFieldConfig, grFormFieldSafelist, grFormFileConfig, grFormFileSafelist, grFormSectionConfig, grFormSectionSafelist, grIconConfig, grIconSafelist, grImageViewerConfig, grImageViewerSafelist, grInputConfig, grInputSafelist, grInputTagConfig, grInputTagSafelist, grJsonViewerConfig, grJsonViewerSafelist, grKbdConfig, grKbdSafelist, grLinkConfig, grLinkSafelist, grListConfig, grListSafelist, grLoadingConfig, grLoadingSafelist, grModalConfig, grModalSafelist, grNavbarConfig, grNavbarSafelist, grNumberInputConfig, grNumberInputSafelist, grPaginationConfig, grPaginationSafelist, grPopoverConfig, grPopoverSafelist, grProgressBarConfig, grProgressBarSafelist, grProgressCircleConfig, grProgressCircleSafelist, grPromptDialogConfig, grRadioConfig, grRadioGroupConfig, grRadioSafelist, grRatingConfig, grRatingSafelist, grSegmentedConfig, grSegmentedSafelist, grSelectConfig, grSelectSafelist, grSidebarConfig, grSidebarSafelist, grSkeletonConfig, grSliderConfig, grSliderSafelist, grSortableListConfig, grSortableListSafelist, grSplitterConfig, grSplitterSafelist, grStatisticConfig, grStatisticSafelist, grStepsConfig, grStepsSafelist, grSwitchConfig, grSwitchSafelist, grTabPanelsConfig, grTableConfig, grTableSafelist, grTabsConfig, grTabsSafelist, grTextareaConfig, grTextareaSafelist, grTimelineConfig, grTimelineSafelist, grToasterConfig, grToasterSafelist, grTooltipConfig, grTooltipSafelist, grTreeConfig, grTreeSafelist, grTreeSelectConfig, grTreeSelectSafelist, grValueConfig, grValueSafelist, granularityDialogServicePlugin, granularityThemePlugin, granularityToastPlugin, initThemeEarly, initialsFrom, isPreviewableKind, normalizeError, resolveBreadcrumbsFit, resolveBreadcrumbsLayout, resolveGrConfig, runFieldRules, sizeFromPointer, teardownDialogService, titleWhenTruncated, useAnnouncer, useComboboxNavigation, useDialogService, useDismissible, useDragGesture, useDragSort, useFloating, useFocusTrap, useGrButtonGroup, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrFormContext, useGrFormControl, useGrFormFieldContext, useGrThemeAttrs, useGranularityTranslations, useOverlayLayer, usePortalTarget, useResponseError, useRovingFocus, useTheme, useToast, useVirtualList, vAutofocus, vAutosize, vClickOutside, vDropzone, vHotkey, vLoading };

package/dist/styles/themes/dark.css CHANGED Viewed

@@ -62,28 +62,28 @@
   /* Status roles */
   --gr-success: #34d399;
-  --gr-success-light: #064e3b;
+  --gr-success-light: #194536;
   --gr-success-fg: #0f172a;
   --gr-primary-text: #c7d2fe;
   --gr-success-text: #6ee7b7;
   --gr-warning: #fb923c;
-  --gr-warning-light: #7c2d12;
+  --gr-warning-light: #672e1c;
   --gr-warning-fg: #0f172a;
   --gr-warning-text: #fdba74;
   --gr-danger: #f87171;
-  --gr-danger-light: #7f1d1d;
+  --gr-danger-light: #6a2522;
   --gr-danger-fg: #0f172a;
   --gr-danger-text: #fca5a5;
   --gr-info: #60a5fa;
-  --gr-info-light: #1e3a8a;
+  --gr-info-light: #213771;
   --gr-info-fg: #0f172a;
   --gr-info-text: #bfdbfe;
   --gr-slate: #94a3b8;
-  --gr-slate-light: #334155;
+  --gr-slate-light: #313b4a;
   --gr-slate-fg: #0f172a;
   --gr-slate-text: #cbd5e1;
   --gr-azure: #38bdf8;
-  --gr-azure-light: #0c4a6e;
+  --gr-azure-light: #1b425c;
   --gr-azure-fg: #0f172a;
   --gr-azure-text: #bae6fd;
@@ -149,6 +149,11 @@
   --gr-sidebar-accent-fg: #f1f5f9;
   --gr-sidebar-brd: #334155;
   --gr-sidebar-ring: #818cf8;
+  /* Elevation */
+  --gr-shadow-1: 0 1px 2px rgba(0, 0, 0, 0.45);
+  --gr-shadow-2: 0 8px 24px rgba(0, 0, 0, 0.55);
+  --gr-shadow-3: 0 16px 48px rgba(0, 0, 0, 0.65);
 }
 @supports not (color: color-mix(in srgb, #000 50%, #fff)) {

package/dist/styles/themes/light.css CHANGED Viewed

@@ -165,6 +165,11 @@
   --gr-sidebar-accent-fg: #1e293b;
   --gr-sidebar-brd: #e2e8f0;
   --gr-sidebar-ring: #6366f1;
+  /* Elevation */
+  --gr-shadow-1: 0 1px 2px rgba(15, 23, 42, 0.08);
+  --gr-shadow-2: 0 8px 24px rgba(15, 23, 42, 0.14);
+  --gr-shadow-3: 0 16px 48px rgba(15, 23, 42, 0.20);
 }
 @supports not (color: color-mix(in srgb, #000 50%, #fff)) {