@feugene/granularity 0.47.0 → 0.48.0

package/dist/chunks/{grTableStyles-uuMPSOBR.js → grTableStyles-DkQPMfx9.js}

@@ -17,9 +17,22 @@ var tableSizes = {
 	md: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]",
 	lg: "text-[length:var(--gr-control-text-lg)] leading-[var(--gr-leading-base)]"
 };
-/** Чередование строк и подсветка под курсором — на `<tbody>`, а не на ячейках. */
-var stripedClass = "[&>tr:nth-child(even)]:bg-[color-mix(in_srgb,var(--gr-muted)_35%,transparent)]";
-var hoverableClass = "[&>tr:hover]:bg-[color-mix(in_srgb,var(--gr-muted)_45%,transparent)]";
+/**
+* Строка, которая не входит в набор: подробности раскрытой строки, распорки
+* виртуализатора. Помеченная ею `<tr>` не полосатится, не подсвечивается и
+* **не участвует в счёте чётности** соседей.
+*/
+var DETAIL_ROW_ATTR = "data-gr-table-off-grid";
+/**
+* Чередование строк и подсветка под курсором — на `<tbody>`, а не на ячейках.
+*
+* `of :not(…)` здесь обязателен, и `:not()` снаружи его не заменяет: `nth-child`
+* считает позицию среди **всех** сиблингов, поэтому обычный фильтр убрал бы
+* полосу с самой служебной строки, но сдвинул бы чётность у всех, кто ниже.
+* Форма `of S` перенумеровывает по отфильтрованному набору — это и нужно.
+*/
+var stripedClass = `[&>tr:nth-child(even_of_:not([${DETAIL_ROW_ATTR}]))]:bg-[color-mix(in_srgb,var(--gr-muted)_35%,transparent)]`;
+var hoverableClass = `[&>tr:not([${DETAIL_ROW_ATTR}]):hover]:bg-[color-mix(in_srgb,var(--gr-muted)_45%,transparent)]`;
 var emptyCellClass = "px-4 py-8 text-center text-[var(--gr-muted-fg)]";
 var loadingRowCellClass = "px-4 py-3";
 //#endregion

package/dist/chunks/grTableStyles-DkQPMfx9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grTableStyles-DkQPMfx9.js","names":[],"sources":["../../src/components/GrTable/grTableStyles.ts"],"sourcesContent":["import type { GrComponentSize } from '../shared/sizes'\n\nexport type GrTableSize = GrComponentSize\n\n/**\n * `GrTable` — «тонкий» контейнер: он задаёт только кегль таблицы, паддинги\n * ячеек остаются за потребителем (см. `GrTableProps`). Поэтому карта здесь\n * одна, а метрики ячеек живут в `GrDataTable`, который рисует их сам.\n */\n/**\n * Лестница 12/13/14/16 совпадает с `GrInput`, `GrTextarea` и `GrSelect` — это\n * типографика контролов пакета, а не самодеятельность таблицы. В шкале\n * `--gr-text-*` ступени 13px нет, и подстановка `--gr-text-sm` схлопнула бы\n * `sm` и `md` в один кегль. Перевод всей лестницы на токены — отдельная\n * системная задача.\n */\nexport const tableSizes: Record<GrTableSize, string> = {\n  xs: 'text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'text-[length:var(--gr-control-text-md)] leading-[var(--gr-leading-sm)]',\n  lg: 'text-[length:var(--gr-control-text-lg)] leading-[var(--gr-leading-base)]',\n}\n\n/**\n * Строка, которая не входит в набор: подробности раскрытой строки, распорки\n * виртуализатора. Помеченная ею `<tr>` не полосатится, не подсвечивается и\n * **не участвует в счёте чётности** соседей.\n */\nexport const DETAIL_ROW_ATTR = 'data-gr-table-off-grid'\n\n/**\n * Чередование строк и подсветка под курсором — на `<tbody>`, а не на ячейках.\n *\n * `of :not(…)` здесь обязателен, и `:not()` снаружи его не заменяет: `nth-child`\n * считает позицию среди **всех** сиблингов, поэтому обычный фильтр убрал бы\n * полосу с самой служебной строки, но сдвинул бы чётность у всех, кто ниже.\n * Форма `of S` перенумеровывает по отфильтрованному набору — это и нужно.\n */\nexport const stripedClass = `[&>tr:nth-child(even_of_:not([${DETAIL_ROW_ATTR}]))]:bg-[color-mix(in_srgb,var(--gr-muted)_35%,transparent)]`\nexport const hoverableClass = `[&>tr:not([${DETAIL_ROW_ATTR}]):hover]:bg-[color-mix(in_srgb,var(--gr-muted)_45%,transparent)]`\n\nexport const emptyCellClass = 'px-4 py-8 text-center text-[var(--gr-muted-fg)]'\nexport const loadingRowCellClass = 'px-4 py-3'\n"],"mappings":";;;;;;;;;;;;;AAgBA,IAAa,aAA0C;CACrD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,kBAAkB;;;;;;;;;AAU/B,IAAa,eAAe,iCAAiC,gBAAgB;AAC7E,IAAa,iBAAiB,cAAc,gBAAgB;AAE5D,IAAa,iBAAiB;AAC9B,IAAa,sBAAsB"}

package/dist/chunks/{granular-provider-AKukmYva.js → granular-provider-BOQp7N5o.js}

@@ -1,7 +1,7 @@
 import { t as grAffixConfig } from "./config-Dg0bSoGw.js";
 import { t as grAlertConfig } from "./config-BNu8lFQB.js";
 import { t as grAutocompleteConfig } from "./config-BHLMTJaR.js";
-import { t as grAvatarConfig } from "./config-B3J0alyY.js";
+import { t as grAvatarConfig } from "./config-CzeZg2LO.js";
 import { t as grBadgeConfig } from "./config-BscVxZR3.js";
 import { t as grBadgeWrapConfig } from "./config-DwABJHEo.js";
 import { t as grBottomNavConfig } from "./config-DM0lsduD.js";
@@ -21,7 +21,7 @@ import { t as grCommandPaletteConfig } from "./config-D0NzGYaE.js";
 import { t as grConfigProviderConfig } from "./config-B7W9VlZ7.js";
 import { t as grConfirmDialogConfig } from "./config-A-bBiotF.js";
 import { t as grContextMenuConfig } from "./config-CsCUuukB.js";
-import { t as grDataTableConfig } from "./config-DeyT9dJl.js";
+import { t as grDataTableConfig } from "./config-Bs1HwUcx.js";
 import { t as grValueConfig } from "./config-Z5LeUXys.js";
 import { t as grDeltaConfig } from "./config-CjWOTgLL.js";
 import { t as grDescriptionListConfig } from "./config-CnYdE3HZ.js";
@@ -68,7 +68,7 @@ import { t as grSplitterConfig } from "./config-CvbVM4ep.js";
 import { t as grStatisticConfig } from "./config-DGC00bTp.js";
 import { t as grStepsConfig } from "./config-CLjjjPZj.js";
 import { t as grSwitchConfig } from "./config-Yy67uWHY.js";
-import { t as grTableConfig } from "./config-DCq4JySZ.js";
+import { t as grTableConfig } from "./config-D3HOuHDe.js";
 import { t as grTabPanelsConfig } from "./config-eXB87DOi.js";
 import { t as grTabsConfig } from "./config-CMNfZO7S.js";
 import { t as grTextareaConfig } from "./config-DENqOoh0.js";

package/dist/chunks/{granular-provider-AKukmYva.js.map → granular-provider-BOQp7N5o.js.map}

@@ -1 +1 @@
-{"version":3,"file":"granular-provider-AKukmYva.js","names":[],"sources":["../../src/components/GrDialog/config.ts","../../src/components/GrResponseErrorBanner/config.ts","../../src/granular-provider/shared.ts","../../src/granular-provider/index.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDialogSafelist } from './safelist'\n\nexport const grDialogConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDialog',\n  dependencies: ['GrButton', 'GrModal'],\n  safelist: grDialogSafelist,\n})\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grResponseErrorBannerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrResponseErrorBanner',\n  dependencies: ['GrAlert', 'GrButton'],\n})\n","// `id`, `theme.*`, `packageBaseUrl` и реестр компонентов провайдера.\n//\n// Все `new URL('../styles/...', import.meta.url)` обязаны лежать именно здесь:\n// `shared.ts` в одной директории с `index.ts` / `node.ts`, поэтому\n// относительные пути совпадают. Для браузера безопасно — бандлеры\n// транслируют такие литералы в статические asset-URL.\n//\n// `apps/showcase/scripts/generate-component-api.mjs` читает список компонентов\n// из `Object.keys(granularityComponentConfigs)` через vite SSR.\nimport {\n  defineGranularProvider,\n  type GranularComponentDescriptor,\n  type GranularProvider,\n  resolvePackageBaseUrl,\n} from '@feugene/unocss-preset-granular/contract'\n// <granularity:components:imports> — блок генерируется `yarn generate:registry`\nimport { grAffixConfig } from '../components/GrAffix/config'\nimport { grAlertConfig } from '../components/GrAlert/config'\nimport { grAutocompleteConfig } from '../components/GrAutocomplete/config'\nimport { grAvatarConfig } from '../components/GrAvatar/config'\nimport { grBadgeConfig } from '../components/GrBadge/config'\nimport { grBadgeWrapConfig } from '../components/GrBadgeWrap/config'\nimport { grBottomNavConfig } from '../components/GrBottomNav/config'\nimport { grBreadcrumbsConfig } from '../components/GrBreadcrumbs/config'\nimport { grButtonConfig } from '../components/GrButton/config'\nimport { grButtonGroupConfig } from '../components/GrButtonGroup/config'\nimport { grCardConfig } from '../components/GrCard/config'\nimport { grCarouselConfig } from '../components/GrCarousel/config'\nimport { grCheckboxConfig } from '../components/GrCheckbox/config'\nimport { grCheckboxGroupConfig } from '../components/GrCheckboxGroup/config'\nimport { grChipConfig } from '../components/GrChip/config'\nimport { grChipGroupConfig } from '../components/GrChipGroup/config'\nimport { grCollapseConfig } from '../components/GrCollapse/config'\nimport { grColorPickerConfig } from '../components/GrColorPicker/config'\nimport { grCommandPaletteConfig } from '../components/GrCommandPalette/config'\nimport { grConfigProviderConfig } from '../components/GrConfigProvider/config'\nimport { grConfirmDialogConfig } from '../components/GrConfirmDialog/config'\nimport { grContextMenuConfig } from '../components/GrContextMenu/config'\nimport { grDataTableConfig } from '../components/GrDataTable/config'\nimport { grDeltaConfig } from '../components/GrDelta/config'\nimport { grDescriptionListConfig } from '../components/GrDescriptionList/config'\nimport { grDialogConfig } from '../components/GrDialog/config'\nimport { grDialogServiceConfig } from '../components/GrDialogService/config'\nimport { grDividerConfig } from '../components/GrDivider/config'\nimport { grDrawerConfig } from '../components/GrDrawer/config'\nimport { grDropdownConfig } from '../components/GrDropdown/config'\nimport { grDropdownMenuConfig } from '../components/GrDropdownMenu/config'\nimport { grEmptyStateConfig } from '../components/GrEmptyState/config'\nimport { grFilePreviewConfig } from '../components/GrFilePreview/config'\nimport { grFileUploadConfig } from '../components/GrFileUpload/config'\nimport { grFormConfig } from '../components/GrForm/config'\nimport { grFormFieldConfig } from '../components/GrFormField/config'\nimport { grFormFileConfig } from '../components/GrFormFile/config'\nimport { grFormSectionConfig } from '../components/GrFormSection/config'\nimport { grIconConfig } from '../components/GrIcon/config'\nimport { grImageViewerConfig } from '../components/GrImageViewer/config'\nimport { grInputConfig } from '../components/GrInput/config'\nimport { grInputTagConfig } from '../components/GrInputTag/config'\nimport { grJsonViewerConfig } from '../components/GrJsonViewer/config'\nimport { grKbdConfig } from '../components/GrKbd/config'\nimport { grLinkConfig } from '../components/GrLink/config'\nimport { grListConfig } from '../components/GrList/config'\nimport { grLoadingConfig } from '../components/GrLoading/config'\nimport { grModalConfig } from '../components/GrModal/config'\nimport { grNavbarConfig } from '../components/GrNavbar/config'\nimport { grNumberInputConfig } from '../components/GrNumberInput/config'\nimport { grPaginationConfig } from '../components/GrPagination/config'\nimport { grPopoverConfig } from '../components/GrPopover/config'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config'\nimport { grProgressCircleConfig } from '../components/GrProgressCircle/config'\nimport { grPromptDialogConfig } from '../components/GrPromptDialog/config'\nimport { grRadioConfig } from '../components/GrRadio/config'\nimport { grRadioGroupConfig } from '../components/GrRadioGroup/config'\nimport { grRatingConfig } from '../components/GrRating/config'\nimport { grResponseErrorBannerConfig } from '../components/GrResponseErrorBanner/config'\nimport { grScrollSpyConfig } from '../components/GrScrollSpy/config'\nimport { grSegmentedConfig } from '../components/GrSegmented/config'\nimport { grSelectConfig } from '../components/GrSelect/config'\nimport { grSidebarConfig } from '../components/GrSidebar/config'\nimport { grSkeletonConfig } from '../components/GrSkeleton/config'\nimport { grSliderConfig } from '../components/GrSlider/config'\nimport { grSortableListConfig } from '../components/GrSortableList/config'\nimport { grSplitterConfig } from '../components/GrSplitter/config'\nimport { grStatisticConfig } from '../components/GrStatistic/config'\nimport { grStepsConfig } from '../components/GrSteps/config'\nimport { grSwitchConfig } from '../components/GrSwitch/config'\nimport { grTableConfig } from '../components/GrTable/config'\nimport { grTabPanelsConfig } from '../components/GrTabPanels/config'\nimport { grTabsConfig } from '../components/GrTabs/config'\nimport { grTextareaConfig } from '../components/GrTextarea/config'\nimport { grTimelineConfig } from '../components/GrTimeline/config'\nimport { grToasterConfig } from '../components/GrToaster/config'\nimport { grTooltipConfig } from '../components/GrTooltip/config'\nimport { grTransferConfig } from '../components/GrTransfer/config'\nimport { grTreeConfig } from '../components/GrTree/config'\nimport { grTreeSectionsConfig } from '../components/GrTreeSections/config'\nimport { grTreeSelectConfig } from '../components/GrTreeSelect/config'\nimport { grValueConfig } from '../components/GrValue/config'\n// </granularity:components:imports>\n\n/** Идентификатор провайдера — совпадает с именем пакета. */\nexport const GRANULARITY_PROVIDER_ID = '@feugene/granularity'\n\n// Не заменять на `new URL('..', import.meta.url)`: Vite и rolldown распознают\n// этот литерал и подставляют `data:`-URL, после чего scan-директории пустеют.\nconst packageBaseUrl = resolvePackageBaseUrl(import.meta.url)\n\n/** Встроенные темы пакета. Единственный источник правды о списке тем. */\nexport const granularityThemeNames = ['light', 'dark'] as const\nexport type GranularityThemeName = (typeof granularityThemeNames)[number]\n\n/** Темы, активные по умолчанию, если окружение не переопределяет выбор. */\nexport const granularityDefaultThemes: readonly GranularityThemeName[] = ['light']\n\nconst theme = {\n  baseCssUrl: new URL('../styles/base.css', import.meta.url).href,\n  tokensCssUrl: new URL('../styles/tokens.css', import.meta.url).href,\n  themes: {\n    light: new URL('../styles/themes/light.css', import.meta.url).href,\n    dark: new URL('../styles/themes/dark.css', import.meta.url).href,\n  },\n  defaultThemes: granularityDefaultThemes,\n} as const\n\n/**\n * Реестр публичных компонентов. Ключи совпадают с subpath-экспортом\n * `@feugene/granularity/components/<Name>`.\n */\nexport const granularityComponentConfigs = {\n  // <granularity:components:registry> — блок генерируется `yarn generate:registry`\n  GrAffix: grAffixConfig,\n  GrAlert: grAlertConfig,\n  GrAutocomplete: grAutocompleteConfig,\n  GrAvatar: grAvatarConfig,\n  GrBadge: grBadgeConfig,\n  GrBadgeWrap: grBadgeWrapConfig,\n  GrBottomNav: grBottomNavConfig,\n  GrBreadcrumbs: grBreadcrumbsConfig,\n  GrButton: grButtonConfig,\n  GrButtonGroup: grButtonGroupConfig,\n  GrCard: grCardConfig,\n  GrCarousel: grCarouselConfig,\n  GrCheckbox: grCheckboxConfig,\n  GrCheckboxGroup: grCheckboxGroupConfig,\n  GrChip: grChipConfig,\n  GrChipGroup: grChipGroupConfig,\n  GrCollapse: grCollapseConfig,\n  GrColorPicker: grColorPickerConfig,\n  GrCommandPalette: grCommandPaletteConfig,\n  GrConfigProvider: grConfigProviderConfig,\n  GrConfirmDialog: grConfirmDialogConfig,\n  GrContextMenu: grContextMenuConfig,\n  GrDataTable: grDataTableConfig,\n  GrDelta: grDeltaConfig,\n  GrDescriptionList: grDescriptionListConfig,\n  GrDialog: grDialogConfig,\n  GrDialogService: grDialogServiceConfig,\n  GrDivider: grDividerConfig,\n  GrDrawer: grDrawerConfig,\n  GrDropdown: grDropdownConfig,\n  GrDropdownMenu: grDropdownMenuConfig,\n  GrEmptyState: grEmptyStateConfig,\n  GrFilePreview: grFilePreviewConfig,\n  GrFileUpload: grFileUploadConfig,\n  GrForm: grFormConfig,\n  GrFormField: grFormFieldConfig,\n  GrFormFile: grFormFileConfig,\n  GrFormSection: grFormSectionConfig,\n  GrIcon: grIconConfig,\n  GrImageViewer: grImageViewerConfig,\n  GrInput: grInputConfig,\n  GrInputTag: grInputTagConfig,\n  GrJsonViewer: grJsonViewerConfig,\n  GrKbd: grKbdConfig,\n  GrLink: grLinkConfig,\n  GrList: grListConfig,\n  GrLoading: grLoadingConfig,\n  GrModal: grModalConfig,\n  GrNavbar: grNavbarConfig,\n  GrNumberInput: grNumberInputConfig,\n  GrPagination: grPaginationConfig,\n  GrPopover: grPopoverConfig,\n  GrProgressBar: grProgressBarConfig,\n  GrProgressCircle: grProgressCircleConfig,\n  GrPromptDialog: grPromptDialogConfig,\n  GrRadio: grRadioConfig,\n  GrRadioGroup: grRadioGroupConfig,\n  GrRating: grRatingConfig,\n  GrResponseErrorBanner: grResponseErrorBannerConfig,\n  GrScrollSpy: grScrollSpyConfig,\n  GrSegmented: grSegmentedConfig,\n  GrSelect: grSelectConfig,\n  GrSidebar: grSidebarConfig,\n  GrSkeleton: grSkeletonConfig,\n  GrSlider: grSliderConfig,\n  GrSortableList: grSortableListConfig,\n  GrSplitter: grSplitterConfig,\n  GrStatistic: grStatisticConfig,\n  GrSteps: grStepsConfig,\n  GrSwitch: grSwitchConfig,\n  GrTable: grTableConfig,\n  GrTabPanels: grTabPanelsConfig,\n  GrTabs: grTabsConfig,\n  GrTextarea: grTextareaConfig,\n  GrTimeline: grTimelineConfig,\n  GrToaster: grToasterConfig,\n  GrTooltip: grTooltipConfig,\n  GrTransfer: grTransferConfig,\n  GrTree: grTreeConfig,\n  GrTreeSections: grTreeSectionsConfig,\n  GrTreeSelect: grTreeSelectConfig,\n  GrValue: grValueConfig,\n  // </granularity:components:registry>\n}\n\nexport type GranularityComponentName = keyof typeof granularityComponentConfigs\n\n/** Базовый набор компонентов в порядке реестра. */\nconst baseComponents: readonly GranularComponentDescriptor[] = Object.values(\n  granularityComponentConfigs,\n)\n\n/**\n * Собирает granular-provider пакета.\n *\n * `overrides` — точка расширения для потребителя: дескриптор с именем из\n * базового реестра заменяет его, остальные дописываются в конец.\n */\nexport function createGranularityProvider(\n  overrides: readonly GranularComponentDescriptor[] = [],\n): GranularProvider {\n  const overrideByName = new Map(\n    overrides.map(component => [component.name, component]),\n  )\n  const components: GranularComponentDescriptor[] = [\n    ...baseComponents.map(component => overrideByName.get(component.name) ?? component),\n    ...overrides.filter(component => !baseComponents.some(base => base.name === component.name)),\n  ]\n\n  return defineGranularProvider({\n    id: GRANULARITY_PROVIDER_ID,\n    contractVersion: 1,\n    packageBaseUrl,\n    components,\n    theme,\n  })\n}\n","import { createGranularityProvider } from './shared'\n\nexport * from './shared'\n\nexport const granularityProvider = createGranularityProvider()\n\nexport default granularityProvider\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAa,iBAAiB,wBAAwB,YAAY,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,SAAS;CACpC,UAAU;AACZ,CAAC;;;ACND,IAAa,8BAA8B,wBAAwB,YAAY,KAAK;CAClF,MAAM;CACN,cAAc,CAAC,WAAW,UAAU;AACtC,CAAC;;;;ACgGD,IAAa,0BAA0B;AAIvC,IAAM,iBAAiB,sBAAsB,YAAY,GAAG;;AAG5D,IAAa,wBAAwB,CAAC,SAAS,MAAM;;AAIrD,IAAa,2BAA4D,CAAC,OAAO;AAEjF,IAAM,QAAQ;CACZ,YAAY,IAAA,IAAA,q5KAAA,KAAA,YAAA,GAAA,CAA8C,CAAC;CAC3D,cAAc,IAAA,IAAA,65YAAA,KAAA,YAAA,GAAA,CAAgD,CAAC;CAC/D,QAAQ;EACN,OAAO,IAAA,IAAA,iyYAAA,KAAA,YAAA,GAAA,CAAsD,CAAC;EAC9D,MAAM,IAAA,IAAA,y/SAAA,KAAA,YAAA,GAAA,CAAqD,CAAC;CAC9D;CACA,eAAe;AACjB;;;;;AAMA,IAAa,8BAA8B;CAEzC,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,UAAU;CACV,SAAS;CACT,aAAa;CACb,aAAa;CACb,eAAe;CACf,UAAU;CACV,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,iBAAiB;CACjB,eAAe;CACf,aAAa;CACb,SAAS;CACT,mBAAmB;CACnB,UAAU;CACV,iBAAiB;CACjB,WAAW;CACX,UAAU;CACV,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,eAAe;CACf,cAAc;CACd,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;CACT,YAAY;CACZ,cAAc;CACd,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,gBAAgB;CAChB,SAAS;CACT,cAAc;CACd,UAAU;CACV,uBAAuB;CACvB,aAAa;CACb,aAAa;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,gBAAgB;CAChB,YAAY;CACZ,aAAa;CACb,SAAS;CACT,UAAU;CACV,SAAS;CACT,aAAa;CACb,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,WAAW;CACX,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,cAAc;CACd,SAAS;AAEX;;AAKA,IAAM,iBAAyD,OAAO,OACpE,2BACF;;;;;;;AAQA,SAAgB,0BACd,YAAoD,CAAC,GACnC;CAClB,MAAM,iBAAiB,IAAI,IACzB,UAAU,KAAI,cAAa,CAAC,UAAU,MAAM,SAAS,CAAC,CACxD;CACA,MAAM,aAA4C,CAChD,GAAG,eAAe,KAAI,cAAa,eAAe,IAAI,UAAU,IAAI,KAAK,SAAS,GAClF,GAAG,UAAU,QAAO,cAAa,CAAC,eAAe,MAAK,SAAQ,KAAK,SAAS,UAAU,IAAI,CAAC,CAC7F;CAEA,OAAO,uBAAuB;EAC5B,IAAI;EACJ,iBAAiB;EACjB;EACA;EACA;CACF,CAAC;AACH;;;AClPA,IAAa,sBAAsB,0BAA0B"}
+{"version":3,"file":"granular-provider-BOQp7N5o.js","names":[],"sources":["../../src/components/GrDialog/config.ts","../../src/components/GrResponseErrorBanner/config.ts","../../src/granular-provider/shared.ts","../../src/granular-provider/index.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDialogSafelist } from './safelist'\n\nexport const grDialogConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDialog',\n  dependencies: ['GrButton', 'GrModal'],\n  safelist: grDialogSafelist,\n})\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grResponseErrorBannerConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrResponseErrorBanner',\n  dependencies: ['GrAlert', 'GrButton'],\n})\n","// `id`, `theme.*`, `packageBaseUrl` и реестр компонентов провайдера.\n//\n// Все `new URL('../styles/...', import.meta.url)` обязаны лежать именно здесь:\n// `shared.ts` в одной директории с `index.ts` / `node.ts`, поэтому\n// относительные пути совпадают. Для браузера безопасно — бандлеры\n// транслируют такие литералы в статические asset-URL.\n//\n// `apps/showcase/scripts/generate-component-api.mjs` читает список компонентов\n// из `Object.keys(granularityComponentConfigs)` через vite SSR.\nimport {\n  defineGranularProvider,\n  type GranularComponentDescriptor,\n  type GranularProvider,\n  resolvePackageBaseUrl,\n} from '@feugene/unocss-preset-granular/contract'\n// <granularity:components:imports> — блок генерируется `yarn generate:registry`\nimport { grAffixConfig } from '../components/GrAffix/config'\nimport { grAlertConfig } from '../components/GrAlert/config'\nimport { grAutocompleteConfig } from '../components/GrAutocomplete/config'\nimport { grAvatarConfig } from '../components/GrAvatar/config'\nimport { grBadgeConfig } from '../components/GrBadge/config'\nimport { grBadgeWrapConfig } from '../components/GrBadgeWrap/config'\nimport { grBottomNavConfig } from '../components/GrBottomNav/config'\nimport { grBreadcrumbsConfig } from '../components/GrBreadcrumbs/config'\nimport { grButtonConfig } from '../components/GrButton/config'\nimport { grButtonGroupConfig } from '../components/GrButtonGroup/config'\nimport { grCardConfig } from '../components/GrCard/config'\nimport { grCarouselConfig } from '../components/GrCarousel/config'\nimport { grCheckboxConfig } from '../components/GrCheckbox/config'\nimport { grCheckboxGroupConfig } from '../components/GrCheckboxGroup/config'\nimport { grChipConfig } from '../components/GrChip/config'\nimport { grChipGroupConfig } from '../components/GrChipGroup/config'\nimport { grCollapseConfig } from '../components/GrCollapse/config'\nimport { grColorPickerConfig } from '../components/GrColorPicker/config'\nimport { grCommandPaletteConfig } from '../components/GrCommandPalette/config'\nimport { grConfigProviderConfig } from '../components/GrConfigProvider/config'\nimport { grConfirmDialogConfig } from '../components/GrConfirmDialog/config'\nimport { grContextMenuConfig } from '../components/GrContextMenu/config'\nimport { grDataTableConfig } from '../components/GrDataTable/config'\nimport { grDeltaConfig } from '../components/GrDelta/config'\nimport { grDescriptionListConfig } from '../components/GrDescriptionList/config'\nimport { grDialogConfig } from '../components/GrDialog/config'\nimport { grDialogServiceConfig } from '../components/GrDialogService/config'\nimport { grDividerConfig } from '../components/GrDivider/config'\nimport { grDrawerConfig } from '../components/GrDrawer/config'\nimport { grDropdownConfig } from '../components/GrDropdown/config'\nimport { grDropdownMenuConfig } from '../components/GrDropdownMenu/config'\nimport { grEmptyStateConfig } from '../components/GrEmptyState/config'\nimport { grFilePreviewConfig } from '../components/GrFilePreview/config'\nimport { grFileUploadConfig } from '../components/GrFileUpload/config'\nimport { grFormConfig } from '../components/GrForm/config'\nimport { grFormFieldConfig } from '../components/GrFormField/config'\nimport { grFormFileConfig } from '../components/GrFormFile/config'\nimport { grFormSectionConfig } from '../components/GrFormSection/config'\nimport { grIconConfig } from '../components/GrIcon/config'\nimport { grImageViewerConfig } from '../components/GrImageViewer/config'\nimport { grInputConfig } from '../components/GrInput/config'\nimport { grInputTagConfig } from '../components/GrInputTag/config'\nimport { grJsonViewerConfig } from '../components/GrJsonViewer/config'\nimport { grKbdConfig } from '../components/GrKbd/config'\nimport { grLinkConfig } from '../components/GrLink/config'\nimport { grListConfig } from '../components/GrList/config'\nimport { grLoadingConfig } from '../components/GrLoading/config'\nimport { grModalConfig } from '../components/GrModal/config'\nimport { grNavbarConfig } from '../components/GrNavbar/config'\nimport { grNumberInputConfig } from '../components/GrNumberInput/config'\nimport { grPaginationConfig } from '../components/GrPagination/config'\nimport { grPopoverConfig } from '../components/GrPopover/config'\nimport { grProgressBarConfig } from '../components/GrProgressBar/config'\nimport { grProgressCircleConfig } from '../components/GrProgressCircle/config'\nimport { grPromptDialogConfig } from '../components/GrPromptDialog/config'\nimport { grRadioConfig } from '../components/GrRadio/config'\nimport { grRadioGroupConfig } from '../components/GrRadioGroup/config'\nimport { grRatingConfig } from '../components/GrRating/config'\nimport { grResponseErrorBannerConfig } from '../components/GrResponseErrorBanner/config'\nimport { grScrollSpyConfig } from '../components/GrScrollSpy/config'\nimport { grSegmentedConfig } from '../components/GrSegmented/config'\nimport { grSelectConfig } from '../components/GrSelect/config'\nimport { grSidebarConfig } from '../components/GrSidebar/config'\nimport { grSkeletonConfig } from '../components/GrSkeleton/config'\nimport { grSliderConfig } from '../components/GrSlider/config'\nimport { grSortableListConfig } from '../components/GrSortableList/config'\nimport { grSplitterConfig } from '../components/GrSplitter/config'\nimport { grStatisticConfig } from '../components/GrStatistic/config'\nimport { grStepsConfig } from '../components/GrSteps/config'\nimport { grSwitchConfig } from '../components/GrSwitch/config'\nimport { grTableConfig } from '../components/GrTable/config'\nimport { grTabPanelsConfig } from '../components/GrTabPanels/config'\nimport { grTabsConfig } from '../components/GrTabs/config'\nimport { grTextareaConfig } from '../components/GrTextarea/config'\nimport { grTimelineConfig } from '../components/GrTimeline/config'\nimport { grToasterConfig } from '../components/GrToaster/config'\nimport { grTooltipConfig } from '../components/GrTooltip/config'\nimport { grTransferConfig } from '../components/GrTransfer/config'\nimport { grTreeConfig } from '../components/GrTree/config'\nimport { grTreeSectionsConfig } from '../components/GrTreeSections/config'\nimport { grTreeSelectConfig } from '../components/GrTreeSelect/config'\nimport { grValueConfig } from '../components/GrValue/config'\n// </granularity:components:imports>\n\n/** Идентификатор провайдера — совпадает с именем пакета. */\nexport const GRANULARITY_PROVIDER_ID = '@feugene/granularity'\n\n// Не заменять на `new URL('..', import.meta.url)`: Vite и rolldown распознают\n// этот литерал и подставляют `data:`-URL, после чего scan-директории пустеют.\nconst packageBaseUrl = resolvePackageBaseUrl(import.meta.url)\n\n/** Встроенные темы пакета. Единственный источник правды о списке тем. */\nexport const granularityThemeNames = ['light', 'dark'] as const\nexport type GranularityThemeName = (typeof granularityThemeNames)[number]\n\n/** Темы, активные по умолчанию, если окружение не переопределяет выбор. */\nexport const granularityDefaultThemes: readonly GranularityThemeName[] = ['light']\n\nconst theme = {\n  baseCssUrl: new URL('../styles/base.css', import.meta.url).href,\n  tokensCssUrl: new URL('../styles/tokens.css', import.meta.url).href,\n  themes: {\n    light: new URL('../styles/themes/light.css', import.meta.url).href,\n    dark: new URL('../styles/themes/dark.css', import.meta.url).href,\n  },\n  defaultThemes: granularityDefaultThemes,\n} as const\n\n/**\n * Реестр публичных компонентов. Ключи совпадают с subpath-экспортом\n * `@feugene/granularity/components/<Name>`.\n */\nexport const granularityComponentConfigs = {\n  // <granularity:components:registry> — блок генерируется `yarn generate:registry`\n  GrAffix: grAffixConfig,\n  GrAlert: grAlertConfig,\n  GrAutocomplete: grAutocompleteConfig,\n  GrAvatar: grAvatarConfig,\n  GrBadge: grBadgeConfig,\n  GrBadgeWrap: grBadgeWrapConfig,\n  GrBottomNav: grBottomNavConfig,\n  GrBreadcrumbs: grBreadcrumbsConfig,\n  GrButton: grButtonConfig,\n  GrButtonGroup: grButtonGroupConfig,\n  GrCard: grCardConfig,\n  GrCarousel: grCarouselConfig,\n  GrCheckbox: grCheckboxConfig,\n  GrCheckboxGroup: grCheckboxGroupConfig,\n  GrChip: grChipConfig,\n  GrChipGroup: grChipGroupConfig,\n  GrCollapse: grCollapseConfig,\n  GrColorPicker: grColorPickerConfig,\n  GrCommandPalette: grCommandPaletteConfig,\n  GrConfigProvider: grConfigProviderConfig,\n  GrConfirmDialog: grConfirmDialogConfig,\n  GrContextMenu: grContextMenuConfig,\n  GrDataTable: grDataTableConfig,\n  GrDelta: grDeltaConfig,\n  GrDescriptionList: grDescriptionListConfig,\n  GrDialog: grDialogConfig,\n  GrDialogService: grDialogServiceConfig,\n  GrDivider: grDividerConfig,\n  GrDrawer: grDrawerConfig,\n  GrDropdown: grDropdownConfig,\n  GrDropdownMenu: grDropdownMenuConfig,\n  GrEmptyState: grEmptyStateConfig,\n  GrFilePreview: grFilePreviewConfig,\n  GrFileUpload: grFileUploadConfig,\n  GrForm: grFormConfig,\n  GrFormField: grFormFieldConfig,\n  GrFormFile: grFormFileConfig,\n  GrFormSection: grFormSectionConfig,\n  GrIcon: grIconConfig,\n  GrImageViewer: grImageViewerConfig,\n  GrInput: grInputConfig,\n  GrInputTag: grInputTagConfig,\n  GrJsonViewer: grJsonViewerConfig,\n  GrKbd: grKbdConfig,\n  GrLink: grLinkConfig,\n  GrList: grListConfig,\n  GrLoading: grLoadingConfig,\n  GrModal: grModalConfig,\n  GrNavbar: grNavbarConfig,\n  GrNumberInput: grNumberInputConfig,\n  GrPagination: grPaginationConfig,\n  GrPopover: grPopoverConfig,\n  GrProgressBar: grProgressBarConfig,\n  GrProgressCircle: grProgressCircleConfig,\n  GrPromptDialog: grPromptDialogConfig,\n  GrRadio: grRadioConfig,\n  GrRadioGroup: grRadioGroupConfig,\n  GrRating: grRatingConfig,\n  GrResponseErrorBanner: grResponseErrorBannerConfig,\n  GrScrollSpy: grScrollSpyConfig,\n  GrSegmented: grSegmentedConfig,\n  GrSelect: grSelectConfig,\n  GrSidebar: grSidebarConfig,\n  GrSkeleton: grSkeletonConfig,\n  GrSlider: grSliderConfig,\n  GrSortableList: grSortableListConfig,\n  GrSplitter: grSplitterConfig,\n  GrStatistic: grStatisticConfig,\n  GrSteps: grStepsConfig,\n  GrSwitch: grSwitchConfig,\n  GrTable: grTableConfig,\n  GrTabPanels: grTabPanelsConfig,\n  GrTabs: grTabsConfig,\n  GrTextarea: grTextareaConfig,\n  GrTimeline: grTimelineConfig,\n  GrToaster: grToasterConfig,\n  GrTooltip: grTooltipConfig,\n  GrTransfer: grTransferConfig,\n  GrTree: grTreeConfig,\n  GrTreeSections: grTreeSectionsConfig,\n  GrTreeSelect: grTreeSelectConfig,\n  GrValue: grValueConfig,\n  // </granularity:components:registry>\n}\n\nexport type GranularityComponentName = keyof typeof granularityComponentConfigs\n\n/** Базовый набор компонентов в порядке реестра. */\nconst baseComponents: readonly GranularComponentDescriptor[] = Object.values(\n  granularityComponentConfigs,\n)\n\n/**\n * Собирает granular-provider пакета.\n *\n * `overrides` — точка расширения для потребителя: дескриптор с именем из\n * базового реестра заменяет его, остальные дописываются в конец.\n */\nexport function createGranularityProvider(\n  overrides: readonly GranularComponentDescriptor[] = [],\n): GranularProvider {\n  const overrideByName = new Map(\n    overrides.map(component => [component.name, component]),\n  )\n  const components: GranularComponentDescriptor[] = [\n    ...baseComponents.map(component => overrideByName.get(component.name) ?? component),\n    ...overrides.filter(component => !baseComponents.some(base => base.name === component.name)),\n  ]\n\n  return defineGranularProvider({\n    id: GRANULARITY_PROVIDER_ID,\n    contractVersion: 1,\n    packageBaseUrl,\n    components,\n    theme,\n  })\n}\n","import { createGranularityProvider } from './shared'\n\nexport * from './shared'\n\nexport const granularityProvider = createGranularityProvider()\n\nexport default granularityProvider\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,IAAa,iBAAiB,wBAAwB,YAAY,KAAK;CACrE,MAAM;CACN,cAAc,CAAC,YAAY,SAAS;CACpC,UAAU;AACZ,CAAC;;;ACND,IAAa,8BAA8B,wBAAwB,YAAY,KAAK;CAClF,MAAM;CACN,cAAc,CAAC,WAAW,UAAU;AACtC,CAAC;;;;ACgGD,IAAa,0BAA0B;AAIvC,IAAM,iBAAiB,sBAAsB,YAAY,GAAG;;AAG5D,IAAa,wBAAwB,CAAC,SAAS,MAAM;;AAIrD,IAAa,2BAA4D,CAAC,OAAO;AAEjF,IAAM,QAAQ;CACZ,YAAY,IAAA,IAAA,q5KAAA,KAAA,YAAA,GAAA,CAA8C,CAAC;CAC3D,cAAc,IAAA,IAAA,65YAAA,KAAA,YAAA,GAAA,CAAgD,CAAC;CAC/D,QAAQ;EACN,OAAO,IAAA,IAAA,iyYAAA,KAAA,YAAA,GAAA,CAAsD,CAAC;EAC9D,MAAM,IAAA,IAAA,y/SAAA,KAAA,YAAA,GAAA,CAAqD,CAAC;CAC9D;CACA,eAAe;AACjB;;;;;AAMA,IAAa,8BAA8B;CAEzC,SAAS;CACT,SAAS;CACT,gBAAgB;CAChB,UAAU;CACV,SAAS;CACT,aAAa;CACb,aAAa;CACb,eAAe;CACf,UAAU;CACV,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,iBAAiB;CACjB,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,eAAe;CACf,kBAAkB;CAClB,kBAAkB;CAClB,iBAAiB;CACjB,eAAe;CACf,aAAa;CACb,SAAS;CACT,mBAAmB;CACnB,UAAU;CACV,iBAAiB;CACjB,WAAW;CACX,UAAU;CACV,YAAY;CACZ,gBAAgB;CAChB,cAAc;CACd,eAAe;CACf,cAAc;CACd,QAAQ;CACR,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAQ;CACR,eAAe;CACf,SAAS;CACT,YAAY;CACZ,cAAc;CACd,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,WAAW;CACX,SAAS;CACT,UAAU;CACV,eAAe;CACf,cAAc;CACd,WAAW;CACX,eAAe;CACf,kBAAkB;CAClB,gBAAgB;CAChB,SAAS;CACT,cAAc;CACd,UAAU;CACV,uBAAuB;CACvB,aAAa;CACb,aAAa;CACb,UAAU;CACV,WAAW;CACX,YAAY;CACZ,UAAU;CACV,gBAAgB;CAChB,YAAY;CACZ,aAAa;CACb,SAAS;CACT,UAAU;CACV,SAAS;CACT,aAAa;CACb,QAAQ;CACR,YAAY;CACZ,YAAY;CACZ,WAAW;CACX,WAAW;CACX,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,cAAc;CACd,SAAS;AAEX;;AAKA,IAAM,iBAAyD,OAAO,OACpE,2BACF;;;;;;;AAQA,SAAgB,0BACd,YAAoD,CAAC,GACnC;CAClB,MAAM,iBAAiB,IAAI,IACzB,UAAU,KAAI,cAAa,CAAC,UAAU,MAAM,SAAS,CAAC,CACxD;CACA,MAAM,aAA4C,CAChD,GAAG,eAAe,KAAI,cAAa,eAAe,IAAI,UAAU,IAAI,KAAK,SAAS,GAClF,GAAG,UAAU,QAAO,cAAa,CAAC,eAAe,MAAK,SAAQ,KAAK,SAAS,UAAU,IAAI,CAAC,CAC7F;CAEA,OAAO,uBAAuB;EAC5B,IAAI;EACJ,iBAAiB;EACjB;EACA;EACA;CACF,CAAC;AACH;;;AClPA,IAAa,sBAAsB,0BAA0B"}

package/dist/chunks/{ru-Bb-co59W.js → ru-hrB4I1u_.js}

@@ -90,7 +90,15 @@ var dataTable = {
 	"moveColumn": "Переставить колонку {label}",
 	"columnMoved": "Колонка {label} перемещена на позицию {position} из {count}",
 	"resizeColumn": "Ширина колонки {label}",
-	"columnResized": "Ширина колонки {label} — {width} пикселей"
+	"columnResized": "Ширина колонки {label} — {width} пикселей",
+	"expandRow": "Показать подробности",
+	"collapseRow": "Скрыть подробности",
+	"detailLoading": "Загружаем подробности…",
+	"detailError": "Не удалось загрузить подробности",
+	"detailRetry": "Повторить",
+	"detailExpanded": "Подробности строки раскрыты",
+	"detailCollapsed": "Подробности строки свёрнуты",
+	"detailReady": "Подробности строки загружены"
 };
 var breadcrumbs = {
 	"label": "Навигационная цепочка",

package/dist/chunks/ru-hrB4I1u_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ru-hrB4I1u_.js","names":[],"sources":["../../src/i18n/locales/ru.json"],"sourcesContent":["{\n  \"transfer\": {\n    \"sourceTitle\": \"Доступны\",\n    \"targetTitle\": \"Выбраны\",\n    \"search\": \"Поиск\",\n    \"toTarget\": \"Перенести к выбранным\",\n    \"toSource\": \"Вернуть к доступным\",\n    \"selectAll\": \"Выбрать всё показанное\",\n    \"moveUp\": \"Раньше\",\n    \"moveDown\": \"Позже\",\n    \"selected\": \"{count} из {total}\",\n    \"shown\": \"Показано {shown} из {total}\",\n    \"empty\": \"Здесь пока пусто\",\n    \"emptyFiltered\": \"Ничего не найдено\",\n    \"moved\": \"{count} перенесено в «{list}»\",\n    \"reordered\": \"Позиция {position} из {count}\",\n    \"reorderFiltered\": \"Пока включён поиск, порядок не меняется\",\n    \"cancelled\": \"Перенос отменён\"\n  },\n  \"carousel\": {\n    \"roledescription\": \"карусель\",\n    \"slideRoledescription\": \"слайд\",\n    \"slidePosition\": \"{index} из {total}\",\n    \"previous\": \"Предыдущий слайд\",\n    \"next\": \"Следующий слайд\",\n    \"play\": \"Запустить автопоказ\",\n    \"pause\": \"Остановить автопоказ\",\n    \"indicators\": \"Слайды\",\n    \"autoplayStopped\": \"Автопоказ остановлен\"\n  },\n  \"chip\": {\n    \"remove\": \"Убрать\",\n    \"removeNamed\": \"Убрать {label}\"\n  },\n  \"common\": {\n    \"confirm\": \"Подтвердить\",\n    \"cancel\": \"Отмена\",\n    \"add\": \"Добавить\",\n    \"clear\": \"Очистить\",\n    \"close\": \"Закрыть\",\n    \"stateSuccess\": \"Корректно\",\n    \"stateWarning\": \"Предупреждение\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Загрузка...\"\n  },\n  \"steps\": {\n    \"label\": \"Ход выполнения\",\n    \"status\": \"Шаг {step} из {count}\",\n    \"completed\": \"выполнен\",\n    \"error\": \"есть ошибки\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Поиск…\",\n    \"empty\": \"Нет данных\",\n    \"loading\": \"Загрузка…\"\n  },\n  \"badgeWrap\": {\n    \"count\": \"{count} новых\"\n  },\n  \"avatar\": {\n    \"group\": \"Участники\",\n    \"groupOverflow\": \"и ещё {count}\",\n    \"status\": {\n      \"online\": \"в сети\",\n      \"offline\": \"не в сети\",\n      \"busy\": \"занят\",\n      \"away\": \"отошёл\"\n    }\n  },\n  \"tree\": {\n    \"drag\": \"Перетащить\",\n    \"expand\": \"Развернуть\",\n    \"collapse\": \"Свернуть\",\n    \"moved\": \"{label} перемещён\"\n  },\n  \"select\": {\n    \"customValuePlaceholder\": \"Добавить значение…\",\n    \"addOption\": \"Добавить «{value}»\",\n    \"clearOption\": \"Не выбрано\",\n    \"searchPlaceholder\": \"Поиск…\",\n    \"loading\": \"Загрузка…\",\n    \"noResults\": \"Ничего не найдено\",\n    \"removeTag\": \"Удалить {label}\"\n  },\n  \"dataTable\": {\n    \"loading\": \"Загрузка…\",\n    \"empty\": \"Нет данных\",\n    \"selectAll\": \"Выбрать все строки\",\n    \"selectRow\": \"Выбрать строку\",\n    \"sortAsc\": \"Нажмите для сортировки по возрастанию\",\n    \"sortDesc\": \"Нажмите для сортировки по убыванию\",\n    \"sortNone\": \"Нажмите, чтобы снять сортировку\",\n    \"moveColumn\": \"Переставить колонку {label}\",\n    \"columnMoved\": \"Колонка {label} перемещена на позицию {position} из {count}\",\n    \"resizeColumn\": \"Ширина колонки {label}\",\n    \"columnResized\": \"Ширина колонки {label} — {width} пикселей\",\n    \"expandRow\": \"Показать подробности\",\n    \"collapseRow\": \"Скрыть подробности\",\n    \"detailLoading\": \"Загружаем подробности…\",\n    \"detailError\": \"Не удалось загрузить подробности\",\n    \"detailRetry\": \"Повторить\",\n    \"detailExpanded\": \"Подробности строки раскрыты\",\n    \"detailCollapsed\": \"Подробности строки свёрнуты\",\n    \"detailReady\": \"Подробности строки загружены\"\n  },\n  \"breadcrumbs\": {\n    \"label\": \"Навигационная цепочка\",\n    \"expand\": \"Показать скрытые уровни\"\n  },\n  \"autocomplete\": {\n    \"loading\": \"Загрузка…\",\n    \"noResults\": \"Ничего не найдено\",\n    \"addOption\": \"Добавить «{value}»\",\n    \"removeValue\": \"Убрать {label}\",\n    \"typeMore\": {\n      \"one\": \"Введите минимум {n} символ\",\n      \"few\": \"Введите минимум {n} символа\",\n      \"many\": \"Введите минимум {n} символов\",\n      \"other\": \"Введите минимум {n} символа\"\n    }\n  },\n  \"form\": {\n    \"required\": \"Обязательное поле\",\n    \"min\": \"Минимум {min}\",\n    \"max\": \"Максимум {max}\",\n    \"len\": \"Длина должна быть {len}\",\n    \"pattern\": \"Неверный формат\",\n    \"email\": \"Введите корректный e-mail\",\n    \"url\": \"Введите корректный URL\",\n    \"file\": \"Некорректный файл\",\n    \"invalid\": \"Некорректное значение\",\n    \"readonly\": \"Только для чтения\",\n    \"validating\": \"Проверяем…\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Подтверждение\"\n    },\n    \"prompt\": {\n      \"title\": \"Введите значение\",\n      \"label\": \"Значение\",\n      \"required\": \"Введите значение.\"\n    },\n    \"ok\": \"ОК\"\n  },\n  \"switch\": {\n    \"loading\": \"Сохраняем…\"\n  },\n  \"slider\": {\n    \"min\": \"минимум\",\n    \"max\": \"максимум\"\n  },\n  \"sidebar\": {\n    \"expand\": \"Развернуть панель\",\n    \"collapse\": \"Свернуть панель\"\n  },\n  \"splitter\": {\n    \"label\": \"Изменить размер панелей\"\n  },\n  \"statistic\": {\n    \"trendUp\": \"Рост\",\n    \"trendDown\": \"Падение\",\n    \"trendFlat\": \"Без изменений\"\n  },\n  \"pagination\": {\n    \"label\": \"Пагинация\",\n    \"pageSize\": \"Размер страницы\",\n    \"prev\": \"Назад\",\n    \"next\": \"Вперёд\",\n    \"page\": \"Страница {n}\",\n    \"first\": \"Первая страница\",\n    \"last\": \"Последняя страница\",\n    \"jumpTo\": \"Перейти к\",\n    \"total\": \"{from}–{to} из {total}\",\n    \"status\": \"Страница {page} из {count}\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Открыть меню\"\n  },\n  \"scrollSpy\": {\n    \"label\": \"На этой странице\"\n  },\n  \"responseError\": {\n    \"networkTitle\": \"Нет связи с сервером\",\n    \"networkMessage\": \"Проверьте подключение к интернету и попробуйте ещё раз.\",\n    \"abortedTitle\": \"Запрос отменён\",\n    \"abortedMessage\": \"Запрос был отменён.\",\n    \"validationTitle\": \"Проверьте данные\",\n    \"validationMessage\": \"Сервер вернул ошибку валидации. Исправьте поля и попробуйте снова.\",\n    \"clientTitle\": \"Ошибка запроса\",\n    \"clientMessage\": \"Сервер отклонил запрос.\",\n    \"serverTitle\": \"Ошибка сервера\",\n    \"serverMessage\": \"Произошла ошибка на сервере. Попробуйте ещё раз.\",\n    \"unknownTitle\": \"Что-то пошло не так\",\n    \"unknownMessage\": \"Не удалось выполнить операцию. Попробуйте ещё раз.\",\n    \"statusLabel\": \"HTTP {status}\",\n    \"retryLabel\": \"Повторить\",\n    \"dismissLabel\": \"Скрыть\"\n  },\n  \"colors\": {\n    \"neutral\": \"Нейтральный\",\n    \"success\": \"Успех\",\n    \"warning\": \"Предупреждение\",\n    \"danger\": \"Опасность\",\n    \"info\": \"Инфо\",\n    \"primary\": \"Primary\",\n    \"slate\": \"Сланцевый\",\n    \"azure\": \"Лазурный\"\n  },\n  \"drawer\": {\n    \"title\": \"Панель\"\n  },\n  \"modal\": {\n    \"title\": \"Диалог\"\n  },\n  \"numberInput\": {\n    \"increase\": \"Увеличить\",\n    \"decrease\": \"Уменьшить\"\n  },\n  \"toaster\": {\n    \"dismiss\": \"Закрыть\",\n    \"region\": \"Уведомления\"\n  },\n  \"inputTag\": {\n    \"removeTag\": \"Удалить тег\",\n    \"removeTagNamed\": \"Удалить тег {tag}\",\n    \"clearAll\": \"Удалить все теги\",\n    \"added\": \"Добавлен тег: {tag}\",\n    \"addedMany\": \"Добавлено тегов: {count}\",\n    \"removed\": \"Удалён тег: {tag}\",\n    \"cleared\": \"Все теги удалены\",\n    \"limitReached\": \"Достигнут предел тегов\"\n  },\n  \"fileUpload\": {\n    \"placeholder\": \"Перетащите файлы сюда или нажмите для выбора\",\n    \"progress\": \"Прогресс загрузки\",\n    \"uploading\": \"Загрузка…\",\n    \"success\": \"Загрузка завершена\",\n    \"error\": \"Не удалось загрузить\",\n    \"remove\": \"Убрать {fileName}\",\n    \"retry\": \"Повторить загрузку\",\n    \"retryFile\": \"Повторить {fileName}\",\n    \"abortFile\": \"Отменить загрузку {fileName}\",\n    \"statusPending\": \"В очереди\",\n    \"statusUploading\": \"Загружается\",\n    \"statusSuccess\": \"Загружен\",\n    \"statusError\": \"Ошибка\"\n  },\n  \"formFile\": {\n    \"upload\": \"Загрузить файл\",\n    \"change\": \"Заменить файл\",\n    \"remove\": \"Удалить\",\n    \"clearAll\": \"Очистить всё\",\n    \"placeholder\": \"Файлы не выбраны\",\n    \"validateError\": \"Не удалось проверить перетащенные файлы\",\n    \"removeFile\": \"Убрать {fileName}\"\n  },\n  \"imageViewer\": {\n    \"close\": \"Закрыть просмотрщик\",\n    \"prev\": \"Предыдущее изображение\",\n    \"next\": \"Следующее изображение\",\n    \"zoomIn\": \"Увеличить\",\n    \"zoomOut\": \"Уменьшить\",\n    \"resetZoom\": \"Сбросить масштаб\",\n    \"zoomToNatural\": \"Натуральный размер (1:1)\",\n    \"rotateLeft\": \"Повернуть влево\",\n    \"rotateRight\": \"Повернуть вправо\",\n    \"download\": \"Скачать изображение\",\n    \"empty\": \"Нет изображения\",\n    \"label\": \"Просмотр изображений\",\n    \"position\": \"Изображение {index} из {total}\"\n  },\n  \"formErrorBanner\": {\n    \"validationTitle\": \"Проверьте поля формы\",\n    \"validationMessage\": \"Сервер отклонил данные. Исправьте выделенные поля и попробуйте снова.\",\n    \"clientTitle\": \"Не удалось сохранить\",\n    \"serverTitle\": \"Ошибка сохранения\",\n    \"serverMessage\": \"Не удалось сохранить данные. Попробуйте позже.\"\n  },\n  \"uploadErrorBanner\": {\n    \"networkTitle\": \"Не удалось загрузить файлы\",\n    \"networkMessage\": \"Проверьте подключение и попробуйте снова.\",\n    \"validationTitle\": \"Файлы не прошли проверку\",\n    \"validationMessage\": \"Некоторые файлы не соответствуют требованиям.\",\n    \"serverTitle\": \"Ошибка загрузки на сервере\",\n    \"serverMessage\": \"Сервер не смог обработать загрузку. Попробуйте снова.\"\n  },\n  \"input\": {\n    \"clear\": \"Очистить\",\n    \"showPassword\": \"Показать пароль\",\n    \"hidePassword\": \"Скрыть пароль\",\n    \"limitReached\": \"Достигнут предел символов\"\n  },\n  \"textarea\": {\n    \"lines\": {\n      \"one\": \"{n} строка\",\n      \"few\": \"{n} строки\",\n      \"many\": \"{n} строк\",\n      \"other\": \"{n} строки\"\n    }\n  },\n  \"rating\": {\n    \"label\": \"Оценка\",\n    \"valueText\": \"{value} из {max}\",\n    \"valueTextWithLabel\": \"{value} из {max}, {label}\"\n  },\n  \"commandPalette\": {\n    \"label\": \"Палитра команд\",\n    \"placeholder\": \"Введите команду или запрос…\",\n    \"empty\": \"Ничего не найдено\",\n    \"recent\": \"Недавние\",\n    \"loading\": \"Загрузка…\"\n  },\n  \"delta\": {\n    \"increase\": \"рост\"\n  },\n  \"filePreview\": {\n    \"label\": \"Файл\"\n  },\n  \"fileValidation\": {\n    \"accept\": \"Файл «{fileName}» не подходит под accept=\\\"{accept}\\\"\",\n    \"extension\": \"У файла «{fileName}» недопустимое расширение «.{extension}»\",\n    \"mimeType\": \"У файла «{fileName}» недопустимый тип «{mimeType}»\",\n    \"mimeTypeFallback\": \"У файла «{fileName}» неопределённый тип «{mimeType}»\",\n    \"maxFileSize\": \"Файл «{fileName}» слишком большой ({size} байт), максимум {maxBytes}\",\n    \"maxCount\": \"Выбрано слишком много файлов ({count}), максимум — {maxCount}\",\n    \"maxTotalSize\": \"Суммарный размер файлов слишком большой ({total} байт), максимум {maxBytes}\"\n  },\n  \"kbd\": {\n    \"command\": \"Command\",\n    \"option\": \"Option\",\n    \"shift\": \"Shift\",\n    \"control\": \"Control\",\n    \"enter\": \"Enter\",\n    \"escape\": \"Escape\",\n    \"tab\": \"Tab\",\n    \"backspace\": \"Backspace\",\n    \"delete\": \"Delete\",\n    \"pageUp\": \"Page Up\",\n    \"pageDown\": \"Page Down\",\n    \"arrowUp\": \"стрелка вверх\",\n    \"arrowDown\": \"стрелка вниз\",\n    \"arrowLeft\": \"стрелка влево\",\n    \"arrowRight\": \"стрелка вправо\",\n    \"then\": \"затем\"\n  },\n  \"link\": {\n    \"opensInNewTab\": \"откроется в новой вкладке\"\n  },\n  \"colorPicker\": {\n    \"panelLabel\": \"Выбор цвета\",\n    \"hue\": \"Оттенок\",\n    \"saturation\": \"Насыщенность\",\n    \"lightness\": \"Светлота\",\n    \"opacity\": \"Непрозрачность\",\n    \"hexLabel\": \"Значение hex\",\n    \"presetsLabel\": \"Палитра\",\n    \"swatchLabel\": \"Цвет {color}\"\n  },\n  \"collapse\": {\n    \"empty\": \"Пока пусто\"\n  },\n  \"list\": {\n    \"empty\": \"Пока пусто\"\n  },\n  \"button\": {\n    \"loading\": \"Загрузка…\"\n  },\n  \"table\": {\n    \"empty\": \"Пока пусто\"\n  },\n  \"timeline\": {\n    \"empty\": \"Пока пусто\"\n  },\n  \"tabs\": {\n    \"empty\": \"Пока пусто\",\n    \"close\": \"Закрыть вкладку\"\n  },\n  \"bottomNav\": {\n    \"label\": \"Нижняя навигация\",\n    \"badge\": \"{count} новых\"\n  },\n  \"emptyState\": {\n    \"title\": \"Пока пусто\"\n  },\n  \"sortable\": {\n    \"label\": \"Сортируемый список\",\n    \"handle\": \"Переставить\",\n    \"empty\": \"Пока нечего сортировать\",\n    \"grabbed\": \"Взято. Позиция {position} из {count}\",\n    \"moved\": \"Позиция {position} из {count}\",\n    \"dropped\": \"Отпущено на позиции {position} из {count}\",\n    \"cancelled\": \"Перенос отменён\"\n  },\n  \"jsonViewer\": {\n    \"search\": \"Поиск по ключу или значению\",\n    \"expandAll\": \"Раскрыть всё\",\n    \"collapseAll\": \"Свернуть всё\",\n    \"copy\": \"Скопировать значение\",\n    \"copied\": \"Значение скопировано\",\n    \"copyFailed\": \"Не удалось скопировать значение\",\n    \"moreItems\": \"ещё\"\n  },\n  \"contextMenu\": {\n    \"label\": \"Контекстное меню\"\n  }\n}\n"],"mappings":""}

package/dist/components/GrAvatar/chunks/{GrAvatar-dWEXiCJG.js → GrAvatar-Do5-C409.js}

@@ -1,7 +1,7 @@
 import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as GrSkeleton_default } from "../../GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
-import { a as groupBaseClass, c as initialsFrom, d as rootBaseClass, f as rootStatusClass, i as grAvatarClass, l as mediaClass, m as statusToneClass, o as groupItemClass, p as statusDotClass, r as avatarFontSizePx, s as groupOverflowClass, u as mediaClipClass } from "../../../chunks/config-B3J0alyY.js";
+import { _ as statusToneClass, a as avatarToneIndex, c as groupItemClass, d as mediaClass, f as mediaClipClass, g as statusDotClass, h as rootStatusClass, i as avatarToneClasses, l as groupOverflowClass, m as rootNeutralClass, o as grAvatarClass, p as rootBaseClass, r as avatarFontSizePx, s as groupBaseClass, u as initialsFrom } from "../../../chunks/config-CzeZg2LO.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, inject, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, watch } from "vue";
 //#region src/components/GrAvatar/avatarContext.ts
 var GR_AVATAR_GROUP_KEY = Symbol.for("@feugene/granularity/avatar-group");
@@ -28,6 +28,10 @@ var GrAvatar_default = /* @__PURE__ */ defineComponent({
 		alt: { default: void 0 },
 		name: { default: void 0 },
 		shape: { default: void 0 },
+		autoColor: {
+			type: Boolean,
+			default: void 0
+		},
 		status: { default: void 0 }
 	},
 	setup(__props) {
@@ -44,6 +48,7 @@ var GrAvatar_default = /* @__PURE__ */ defineComponent({
 		const localSize = computed(() => props.size ?? group?.size);
 		const resolvedScaleSize = useGrComponentSize(() => typeof localSize.value === "number" ? void 0 : localSize.value, { component: "GrAvatar" });
 		const resolvedShape = useGrComponentProp("GrAvatar", "shape", () => props.shape ?? group?.shape, "circle");
+		const resolvedAutoColor = useGrComponentProp("GrAvatar", "autoColor", () => props.autoColor, false);
 		const sizePx = computed(() => typeof localSize.value === "number" ? localSize.value : GR_AVATAR_SIZE_PX[resolvedScaleSize.value]);
 		const style = computed(() => {
 			const px = `${sizePx.value}px`;
@@ -87,8 +92,14 @@ var GrAvatar_default = /* @__PURE__ */ defineComponent({
 		*/
 		const accessibleName = computed(() => props.alt ?? props.name ?? "");
 		const rootIsImage = computed(() => !activeSrc.value && accessibleName.value !== "");
+		/**
+		* Автоцвет виден только под инициалами: картинка закрывает фон целиком, а у
+		* пустого аватара красить нечего.
+		*/
+		const toneClass = computed(() => resolvedAutoColor.value && showInitials.value && props.name ? avatarToneClasses[avatarToneIndex(props.name)] : rootNeutralClass);
 		const rootClass = computed(() => [
 			rootBaseClass,
+			toneClass.value,
 			grAvatarClass(resolvedShape.value),
 			props.status ? rootStatusClass : ""
 		]);

package/dist/components/GrAvatar/chunks/GrAvatar-Do5-C409.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrAvatar-Do5-C409.js","names":[],"sources":["../../../../src/components/GrAvatar/avatarContext.ts","../../../../src/components/GrAvatar/GrAvatar.vue","../../../../src/components/GrAvatar/GrAvatar.vue","../../../../src/components/GrAvatar/GrAvatarGroup.vue","../../../../src/components/GrAvatar/GrAvatarGroup.vue"],"sourcesContent":["import type { InjectionKey } from 'vue'\n\nimport type { GrAvatarShape } from './grAvatarStyles'\nimport type { GrSizeWithPx } from '../shared/sizes'\n\n/**\n * Контекст `GrAvatarGroup`: размер и форма задаются на группе, чтобы ряд\n * аватаров не расползался, когда потребитель забыл повторить пропы у каждого.\n */\nexport interface GrAvatarGroupContext {\n  size?: GrSizeWithPx\n  shape?: GrAvatarShape\n}\n\nexport const GR_AVATAR_GROUP_KEY: InjectionKey<GrAvatarGroupContext> = Symbol.for('@feugene/granularity/avatar-group')\n","<script setup lang=\"ts\">\nimport { computed, inject, ref, watch } from 'vue'\n\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { GR_AVATAR_GROUP_KEY } from './avatarContext'\nimport {\n  avatarFontSizePx,\n  grAvatarClass,\n  initialsFrom,\n  mediaClass,\n  mediaClipClass,\n  avatarToneClasses,\n  avatarToneIndex,\n  rootBaseClass,\n  rootNeutralClass,\n  rootStatusClass,\n  statusDotClass,\n  statusToneClass,\n  type GrAvatarShape,\n  type GrAvatarStatus,\n} from './grAvatarStyles'\n\nexport type { GrAvatarShape, GrAvatarStatus } from './grAvatarStyles'\n\n/** Диаметр аватара для каждой ступени канонической шкалы. */\nconst GR_AVATAR_SIZE_PX = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 56,\n} as const\n\nexport interface GrAvatarProps {\n  /**\n   * Размер по канонической шкале (`xs|sm|md|lg`) — тогда работает\n   * `GrConfigProvider`. Число — escape-hatch: аватар нужен произвольного\n   * диаметра (24px в строке списка, 96px в профиле), и четыре ступени шкалы\n   * этого не закрывают.\n   */\n  size?: GrSizeWithPx\n  src?: string\n  /** Резервная картинка: показывается, когда `src` не загрузился. */\n  fallbackSrc?: string\n  alt?: string\n  /** Имя участника: даёт инициалы и доступное имя аватара. */\n  name?: string\n  shape?: GrAvatarShape\n  /**\n   * Красить фон по имени: одинаковое имя всегда даёт одинаковый цвет.\n   *\n   * Выключен по умолчанию — серый аватар это осознанный нейтральный дефолт, а\n   * цветной может спорить с оформлением продукта. Палитру задаёт тема\n   * (`--gr-avatar-N-bg`/`-fg`), компонент только выбирает слот.\n   */\n  autoColor?: boolean\n  /** Статус участника. Точка декоративна — рядом идёт скрытая подпись. */\n  status?: GrAvatarStatus\n}\n\nconst props = withDefaults(defineProps<GrAvatarProps>(), {\n  size: undefined,\n  src: undefined,\n  fallbackSrc: undefined,\n  alt: undefined,\n  name: undefined,\n  // Дефолт живёт в резолвере: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  shape: undefined,\n  // По той же причине, что `shape`: булев проп без этой строки Vue приводит к\n  // `false` сам, и резолвер уже не отличит «не задано» от «выключено явно».\n  autoColor: undefined,\n  status: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Содержимое вместо картинки и инициалов. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\nconst group = inject(GR_AVATAR_GROUP_KEY, null)\n\n// Размер и форма группы сильнее провайдера, но слабее собственного пропа.\nconst localSize = computed(() => props.size ?? group?.size)\n\nconst resolvedScaleSize = useGrComponentSize(\n  () => (typeof localSize.value === 'number' ? undefined : localSize.value),\n  { component: 'GrAvatar' },\n)\n\nconst resolvedShape = useGrComponentProp(\n  'GrAvatar',\n  'shape',\n  () => props.shape ?? group?.shape,\n  'circle',\n)\n\nconst resolvedAutoColor = useGrComponentProp('GrAvatar', 'autoColor', () => props.autoColor, false)\n\nconst sizePx = computed(() => (\n  typeof localSize.value === 'number' ? localSize.value : GR_AVATAR_SIZE_PX[resolvedScaleSize.value]\n))\n\nconst style = computed(() => {\n  const px = `${sizePx.value}px`\n  // Кегль на корне, а не на span инициалов: так он достаётся и слотовому тексту.\n  return { width: px, height: px, fontSize: `${avatarFontSizePx(sizePx.value)}px` }\n})\n\n/**\n * Состояние картинки. Без него битая ссылка оставляла `v-if=\"src\"` истинным:\n * браузер рисовал сломанное изображение, а запасной вариант не показывался\n * никогда.\n */\ntype ImageState = 'loading' | 'loaded' | 'error'\n\nconst primaryState = ref<ImageState>('loading')\nconst fallbackState = ref<ImageState>('loading')\n\n// Новая ссылка не должна наследовать ошибку прошлой.\nwatch(() => props.src, () => {\n  primaryState.value = 'loading'\n})\nwatch(() => props.fallbackSrc, () => {\n  fallbackState.value = 'loading'\n})\n\nconst activeSrc = computed(() => {\n  if (props.src && primaryState.value !== 'error')\n    return props.src\n  if (props.fallbackSrc && fallbackState.value !== 'error')\n    return props.fallbackSrc\n  return undefined\n})\n\nconst isFallbackActive = computed(() => Boolean(activeSrc.value) && activeSrc.value !== props.src)\n\n// Скелет держит место, пока картинка едет: иначе ряд аватаров мигает пустотой.\nconst showSkeleton = computed(() => {\n  if (!activeSrc.value)\n    return false\n  return (isFallbackActive.value ? fallbackState.value : primaryState.value) === 'loading'\n})\n\nconst initials = computed(() => (props.name ? initialsFrom(props.name) : ''))\n\n// Пусто — когда нет ни картинки, ни слота, ни имени.\nconst showInitials = computed(() => !activeSrc.value && !slots.default && Boolean(initials.value))\n\nconst statusLabel = computed(() => (props.status\n  ? t(`gr.avatar.status.${props.status}`, props.status)\n  : undefined))\n\n/**\n * Доступное имя: `alt` сильнее всего, иначе имя участника.\n *\n * Когда есть картинка, имя несёт её `alt` — так привычнее потребителю и не\n * возникает двойного объявления. Без картинки роль и имя берёт на себя корень:\n * иначе аватар с инициалами остался бы для диктора пустым.\n */\nconst accessibleName = computed(() => props.alt ?? props.name ?? '')\n\nconst rootIsImage = computed(() => !activeSrc.value && accessibleName.value !== '')\n\n/**\n * Автоцвет виден только под инициалами: картинка закрывает фон целиком, а у\n * пустого аватара красить нечего.\n */\nconst toneClass = computed(() => (\n  resolvedAutoColor.value && showInitials.value && props.name\n    ? avatarToneClasses[avatarToneIndex(props.name)]\n    : rootNeutralClass\n))\n\nconst rootClass = computed(() => [\n  rootBaseClass,\n  toneClass.value,\n  grAvatarClass(resolvedShape.value),\n  props.status ? rootStatusClass : '',\n])\n\nfunction onError(kind: 'primary' | 'fallback'): void {\n  if (kind === 'primary')\n    primaryState.value = 'error'\n  else fallbackState.value = 'error'\n}\n\nfunction onLoad(kind: 'primary' | 'fallback'): void {\n  if (kind === 'primary')\n    primaryState.value = 'loaded'\n  else fallbackState.value = 'loaded'\n}\n</script>\n\n<template>\n  <span\n    data-gr-avatar\n    :style=\"style\"\n    :class=\"rootClass\"\n    :role=\"rootIsImage ? 'img' : undefined\"\n    :aria-label=\"rootIsImage ? accessibleName : undefined\"\n  >\n    <span :class=\"[mediaClass, status ? [mediaClipClass, grAvatarClass(resolvedShape)] : '']\">\n      <GrSkeleton\n        v-if=\"showSkeleton\"\n        data-gr-avatar-skeleton\n        width=\"100%\"\n        height=\"100%\"\n        :rounded=\"resolvedShape === 'circle' ? 'var(--gr-radius-full)' : 'var(--gr-avatar-square-radius, 10px)'\"\n      />\n\n      <img\n        v-if=\"activeSrc\"\n        :key=\"activeSrc\"\n        data-gr-avatar-image\n        :src=\"activeSrc\"\n        :alt=\"accessibleName\"\n        class=\"h-full w-full object-cover\"\n        :class=\"showSkeleton ? 'invisible absolute' : ''\"\n        @error=\"onError(isFallbackActive ? 'fallback' : 'primary')\"\n        @load=\"onLoad(isFallbackActive ? 'fallback' : 'primary')\"\n      >\n\n      <span v-else-if=\"showInitials\" data-gr-avatar-initials>{{ initials }}</span>\n\n      <slot v-else />\n    </span>\n\n    <template v-if=\"status\">\n      <span\n        data-gr-avatar-status\n        :class=\"[statusDotClass, statusToneClass[status]]\"\n        aria-hidden=\"true\"\n      />\n      <!-- Цвет точки смысл не передаёт: статус объявляется словом (WCAG 1.4.1). -->\n      <span data-gr-avatar-status-label class=\"sr-only\">{{ statusLabel }}</span>\n    </template>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, ref, watch } from 'vue'\n\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { GR_AVATAR_GROUP_KEY } from './avatarContext'\nimport {\n  avatarFontSizePx,\n  grAvatarClass,\n  initialsFrom,\n  mediaClass,\n  mediaClipClass,\n  avatarToneClasses,\n  avatarToneIndex,\n  rootBaseClass,\n  rootNeutralClass,\n  rootStatusClass,\n  statusDotClass,\n  statusToneClass,\n  type GrAvatarShape,\n  type GrAvatarStatus,\n} from './grAvatarStyles'\n\nexport type { GrAvatarShape, GrAvatarStatus } from './grAvatarStyles'\n\n/** Диаметр аватара для каждой ступени канонической шкалы. */\nconst GR_AVATAR_SIZE_PX = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 56,\n} as const\n\nexport interface GrAvatarProps {\n  /**\n   * Размер по канонической шкале (`xs|sm|md|lg`) — тогда работает\n   * `GrConfigProvider`. Число — escape-hatch: аватар нужен произвольного\n   * диаметра (24px в строке списка, 96px в профиле), и четыре ступени шкалы\n   * этого не закрывают.\n   */\n  size?: GrSizeWithPx\n  src?: string\n  /** Резервная картинка: показывается, когда `src` не загрузился. */\n  fallbackSrc?: string\n  alt?: string\n  /** Имя участника: даёт инициалы и доступное имя аватара. */\n  name?: string\n  shape?: GrAvatarShape\n  /**\n   * Красить фон по имени: одинаковое имя всегда даёт одинаковый цвет.\n   *\n   * Выключен по умолчанию — серый аватар это осознанный нейтральный дефолт, а\n   * цветной может спорить с оформлением продукта. Палитру задаёт тема\n   * (`--gr-avatar-N-bg`/`-fg`), компонент только выбирает слот.\n   */\n  autoColor?: boolean\n  /** Статус участника. Точка декоративна — рядом идёт скрытая подпись. */\n  status?: GrAvatarStatus\n}\n\nconst props = withDefaults(defineProps<GrAvatarProps>(), {\n  size: undefined,\n  src: undefined,\n  fallbackSrc: undefined,\n  alt: undefined,\n  name: undefined,\n  // Дефолт живёт в резолвере: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  shape: undefined,\n  // По той же причине, что `shape`: булев проп без этой строки Vue приводит к\n  // `false` сам, и резолвер уже не отличит «не задано» от «выключено явно».\n  autoColor: undefined,\n  status: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Содержимое вместо картинки и инициалов. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\nconst group = inject(GR_AVATAR_GROUP_KEY, null)\n\n// Размер и форма группы сильнее провайдера, но слабее собственного пропа.\nconst localSize = computed(() => props.size ?? group?.size)\n\nconst resolvedScaleSize = useGrComponentSize(\n  () => (typeof localSize.value === 'number' ? undefined : localSize.value),\n  { component: 'GrAvatar' },\n)\n\nconst resolvedShape = useGrComponentProp(\n  'GrAvatar',\n  'shape',\n  () => props.shape ?? group?.shape,\n  'circle',\n)\n\nconst resolvedAutoColor = useGrComponentProp('GrAvatar', 'autoColor', () => props.autoColor, false)\n\nconst sizePx = computed(() => (\n  typeof localSize.value === 'number' ? localSize.value : GR_AVATAR_SIZE_PX[resolvedScaleSize.value]\n))\n\nconst style = computed(() => {\n  const px = `${sizePx.value}px`\n  // Кегль на корне, а не на span инициалов: так он достаётся и слотовому тексту.\n  return { width: px, height: px, fontSize: `${avatarFontSizePx(sizePx.value)}px` }\n})\n\n/**\n * Состояние картинки. Без него битая ссылка оставляла `v-if=\"src\"` истинным:\n * браузер рисовал сломанное изображение, а запасной вариант не показывался\n * никогда.\n */\ntype ImageState = 'loading' | 'loaded' | 'error'\n\nconst primaryState = ref<ImageState>('loading')\nconst fallbackState = ref<ImageState>('loading')\n\n// Новая ссылка не должна наследовать ошибку прошлой.\nwatch(() => props.src, () => {\n  primaryState.value = 'loading'\n})\nwatch(() => props.fallbackSrc, () => {\n  fallbackState.value = 'loading'\n})\n\nconst activeSrc = computed(() => {\n  if (props.src && primaryState.value !== 'error')\n    return props.src\n  if (props.fallbackSrc && fallbackState.value !== 'error')\n    return props.fallbackSrc\n  return undefined\n})\n\nconst isFallbackActive = computed(() => Boolean(activeSrc.value) && activeSrc.value !== props.src)\n\n// Скелет держит место, пока картинка едет: иначе ряд аватаров мигает пустотой.\nconst showSkeleton = computed(() => {\n  if (!activeSrc.value)\n    return false\n  return (isFallbackActive.value ? fallbackState.value : primaryState.value) === 'loading'\n})\n\nconst initials = computed(() => (props.name ? initialsFrom(props.name) : ''))\n\n// Пусто — когда нет ни картинки, ни слота, ни имени.\nconst showInitials = computed(() => !activeSrc.value && !slots.default && Boolean(initials.value))\n\nconst statusLabel = computed(() => (props.status\n  ? t(`gr.avatar.status.${props.status}`, props.status)\n  : undefined))\n\n/**\n * Доступное имя: `alt` сильнее всего, иначе имя участника.\n *\n * Когда есть картинка, имя несёт её `alt` — так привычнее потребителю и не\n * возникает двойного объявления. Без картинки роль и имя берёт на себя корень:\n * иначе аватар с инициалами остался бы для диктора пустым.\n */\nconst accessibleName = computed(() => props.alt ?? props.name ?? '')\n\nconst rootIsImage = computed(() => !activeSrc.value && accessibleName.value !== '')\n\n/**\n * Автоцвет виден только под инициалами: картинка закрывает фон целиком, а у\n * пустого аватара красить нечего.\n */\nconst toneClass = computed(() => (\n  resolvedAutoColor.value && showInitials.value && props.name\n    ? avatarToneClasses[avatarToneIndex(props.name)]\n    : rootNeutralClass\n))\n\nconst rootClass = computed(() => [\n  rootBaseClass,\n  toneClass.value,\n  grAvatarClass(resolvedShape.value),\n  props.status ? rootStatusClass : '',\n])\n\nfunction onError(kind: 'primary' | 'fallback'): void {\n  if (kind === 'primary')\n    primaryState.value = 'error'\n  else fallbackState.value = 'error'\n}\n\nfunction onLoad(kind: 'primary' | 'fallback'): void {\n  if (kind === 'primary')\n    primaryState.value = 'loaded'\n  else fallbackState.value = 'loaded'\n}\n</script>\n\n<template>\n  <span\n    data-gr-avatar\n    :style=\"style\"\n    :class=\"rootClass\"\n    :role=\"rootIsImage ? 'img' : undefined\"\n    :aria-label=\"rootIsImage ? accessibleName : undefined\"\n  >\n    <span :class=\"[mediaClass, status ? [mediaClipClass, grAvatarClass(resolvedShape)] : '']\">\n      <GrSkeleton\n        v-if=\"showSkeleton\"\n        data-gr-avatar-skeleton\n        width=\"100%\"\n        height=\"100%\"\n        :rounded=\"resolvedShape === 'circle' ? 'var(--gr-radius-full)' : 'var(--gr-avatar-square-radius, 10px)'\"\n      />\n\n      <img\n        v-if=\"activeSrc\"\n        :key=\"activeSrc\"\n        data-gr-avatar-image\n        :src=\"activeSrc\"\n        :alt=\"accessibleName\"\n        class=\"h-full w-full object-cover\"\n        :class=\"showSkeleton ? 'invisible absolute' : ''\"\n        @error=\"onError(isFallbackActive ? 'fallback' : 'primary')\"\n        @load=\"onLoad(isFallbackActive ? 'fallback' : 'primary')\"\n      >\n\n      <span v-else-if=\"showInitials\" data-gr-avatar-initials>{{ initials }}</span>\n\n      <slot v-else />\n    </span>\n\n    <template v-if=\"status\">\n      <span\n        data-gr-avatar-status\n        :class=\"[statusDotClass, statusToneClass[status]]\"\n        aria-hidden=\"true\"\n      />\n      <!-- Цвет точки смысл не передаёт: статус объявляется словом (WCAG 1.4.1). -->\n      <span data-gr-avatar-status-label class=\"sr-only\">{{ statusLabel }}</span>\n    </template>\n  </span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrAvatarGroup — ряд аватаров со стекингом и счётчиком скрытых.\n *\n * Группа объявлена `role=\"group\"` с именем и числом участников: без этого\n * скринридер читает набор безымянных картинок и не понимает, что их больше,\n * чем видно.\n */\nimport { computed, provide, type VNode } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { GR_AVATAR_GROUP_KEY } from './avatarContext'\nimport {\n  avatarFontSizePx,\n  grAvatarClass,\n  groupBaseClass,\n  groupItemClass,\n  groupOverflowClass,\n  rootBaseClass,\n  type GrAvatarShape,\n} from './grAvatarStyles'\n\nconst GR_AVATAR_GROUP_SIZE_PX = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 56,\n} as const\n\nexport interface GrAvatarGroupProps {\n  /** Размер и форма ряда: дети берут их из контекста. */\n  size?: GrSizeWithPx\n  shape?: GrAvatarShape\n  /** Сколько аватаров показывать; остальные сворачиваются в «+N». */\n  max?: number\n  /** Сколько участников всего, если в слоте лежит лишь часть. */\n  total?: number\n  /** Имя группы. Не задано — берётся из локали. */\n  ariaLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrAvatarGroupProps>(), {\n  size: undefined,\n  shape: undefined,\n  max: undefined,\n  total: undefined,\n  ariaLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Аватары ряда. */\n  default?: () => VNode[]\n}>()\n\nconst { t } = useGranularityTranslations()\n\nprovide(GR_AVATAR_GROUP_KEY, {\n  get size() {\n    return props.size\n  },\n  get shape() {\n    return props.shape\n  },\n})\n\nconst children = computed(() => slots.default?.() ?? [])\n\n// `v-for` внутри слота приходит фрагментом — считаем его детей, иначе весь\n// список выглядел бы одним аватаром.\nconst items = computed<VNode[]>(() => children.value.flatMap((node) => {\n  const nested = node.children\n  return Array.isArray(nested) && typeof node.type === 'symbol' ? (nested as VNode[]) : [node]\n}))\n\nconst visible = computed(() => (props.max === undefined ? items.value : items.value.slice(0, Math.max(0, props.max))))\n\nconst hiddenCount = computed(() => {\n  const total = props.total ?? items.value.length\n  return Math.max(0, total - visible.value.length)\n})\n\nconst overflowSizePx = computed(() => (\n  typeof props.size === 'number' ? props.size : GR_AVATAR_GROUP_SIZE_PX[props.size ?? 'md']\n))\n\nconst overflowStyle = computed(() => {\n  const px = `${overflowSizePx.value}px`\n  return { width: px, height: px, fontSize: `${avatarFontSizePx(overflowSizePx.value)}px` }\n})\n\nconst groupLabel = computed(() => props.ariaLabel ?? t('gr.avatar.group', 'People'))\n\nconst accessibleLabel = computed(() => (hiddenCount.value > 0\n  ? `${groupLabel.value}, ${t('gr.avatar.groupOverflow', 'and {count} more', { count: hiddenCount.value, n: hiddenCount.value })}`\n  : groupLabel.value))\n</script>\n\n<template>\n  <div\n    data-gr-avatar-group\n    role=\"group\"\n    :aria-label=\"accessibleLabel\"\n    :class=\"groupBaseClass\"\n  >\n    <component\n      :is=\"node\"\n      v-for=\"(node, index) in visible\"\n      :key=\"index\"\n      :class=\"groupItemClass\"\n    />\n\n    <span\n      v-if=\"hiddenCount > 0\"\n      data-gr-avatar-group-overflow\n      aria-hidden=\"true\"\n      :class=\"[rootBaseClass, groupOverflowClass, groupItemClass, grAvatarClass(shape ?? 'circle')]\"\n      :style=\"overflowStyle\"\n    >+{{ hiddenCount }}</span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrAvatarGroup — ряд аватаров со стекингом и счётчиком скрытых.\n *\n * Группа объявлена `role=\"group\"` с именем и числом участников: без этого\n * скринридер читает набор безымянных картинок и не понимает, что их больше,\n * чем видно.\n */\nimport { computed, provide, type VNode } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrSizeWithPx } from '../shared/sizes'\n\nimport { GR_AVATAR_GROUP_KEY } from './avatarContext'\nimport {\n  avatarFontSizePx,\n  grAvatarClass,\n  groupBaseClass,\n  groupItemClass,\n  groupOverflowClass,\n  rootBaseClass,\n  type GrAvatarShape,\n} from './grAvatarStyles'\n\nconst GR_AVATAR_GROUP_SIZE_PX = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n  lg: 56,\n} as const\n\nexport interface GrAvatarGroupProps {\n  /** Размер и форма ряда: дети берут их из контекста. */\n  size?: GrSizeWithPx\n  shape?: GrAvatarShape\n  /** Сколько аватаров показывать; остальные сворачиваются в «+N». */\n  max?: number\n  /** Сколько участников всего, если в слоте лежит лишь часть. */\n  total?: number\n  /** Имя группы. Не задано — берётся из локали. */\n  ariaLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrAvatarGroupProps>(), {\n  size: undefined,\n  shape: undefined,\n  max: undefined,\n  total: undefined,\n  ariaLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Аватары ряда. */\n  default?: () => VNode[]\n}>()\n\nconst { t } = useGranularityTranslations()\n\nprovide(GR_AVATAR_GROUP_KEY, {\n  get size() {\n    return props.size\n  },\n  get shape() {\n    return props.shape\n  },\n})\n\nconst children = computed(() => slots.default?.() ?? [])\n\n// `v-for` внутри слота приходит фрагментом — считаем его детей, иначе весь\n// список выглядел бы одним аватаром.\nconst items = computed<VNode[]>(() => children.value.flatMap((node) => {\n  const nested = node.children\n  return Array.isArray(nested) && typeof node.type === 'symbol' ? (nested as VNode[]) : [node]\n}))\n\nconst visible = computed(() => (props.max === undefined ? items.value : items.value.slice(0, Math.max(0, props.max))))\n\nconst hiddenCount = computed(() => {\n  const total = props.total ?? items.value.length\n  return Math.max(0, total - visible.value.length)\n})\n\nconst overflowSizePx = computed(() => (\n  typeof props.size === 'number' ? props.size : GR_AVATAR_GROUP_SIZE_PX[props.size ?? 'md']\n))\n\nconst overflowStyle = computed(() => {\n  const px = `${overflowSizePx.value}px`\n  return { width: px, height: px, fontSize: `${avatarFontSizePx(overflowSizePx.value)}px` }\n})\n\nconst groupLabel = computed(() => props.ariaLabel ?? t('gr.avatar.group', 'People'))\n\nconst accessibleLabel = computed(() => (hiddenCount.value > 0\n  ? `${groupLabel.value}, ${t('gr.avatar.groupOverflow', 'and {count} more', { count: hiddenCount.value, n: hiddenCount.value })}`\n  : groupLabel.value))\n</script>\n\n<template>\n  <div\n    data-gr-avatar-group\n    role=\"group\"\n    :aria-label=\"accessibleLabel\"\n    :class=\"groupBaseClass\"\n  >\n    <component\n      :is=\"node\"\n      v-for=\"(node, index) in visible\"\n      :key=\"index\"\n      :class=\"groupItemClass\"\n    />\n\n    <span\n      v-if=\"hiddenCount > 0\"\n      data-gr-avatar-group-overflow\n      aria-hidden=\"true\"\n      :class=\"[rootBaseClass, groupOverflowClass, groupItemClass, grAvatarClass(shape ?? 'circle')]\"\n      :style=\"overflowStyle\"\n    >+{{ hiddenCount }}</span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrAvatar/index.js

@@ -1,3 +1,3 @@
-import { n as GrAvatar_default, t as GrAvatarGroup_default } from "./chunks/GrAvatar-dWEXiCJG.js";
-import { c as initialsFrom, n as grAvatarSafelist, t as grAvatarConfig } from "../../chunks/config-B3J0alyY.js";
+import { n as GrAvatar_default, t as GrAvatarGroup_default } from "./chunks/GrAvatar-Do5-C409.js";
+import { n as grAvatarSafelist, t as grAvatarConfig, u as initialsFrom } from "../../chunks/config-CzeZg2LO.js";
 export { GrAvatar_default as GrAvatar, GrAvatar_default as default, GrAvatarGroup_default as GrAvatarGroup, grAvatarConfig, grAvatarSafelist, initialsFrom };

package/dist/components/GrAvatar/themes/light.css

@@ -0,0 +1,35 @@
+/*
+ * Палитра автоцвета аватара — только ссылки на роли тонов.
+ *
+ * Слоты живут здесь, а не в глобальной теме, потому что нужны ровно одному
+ * компоненту: в глобальной за них платил бы и тот, кто `GrAvatar` не берёт.
+ *
+ * **Тёмного файла у палитры нет, и это не пропуск.** У `GrBadge` и `GrButton`
+ * он есть потому, что там переопределяются `--gr-{tone}` и `-solid`, которые в
+ * тёмной теме означают другое. Здесь слот ссылается на пару `-light`/`-text`,
+ * а она сама переключается вместе с темой — переопределять нечего, и второй
+ * файл только дублировал бы первый.
+ *
+ * Состав палитры — шесть тонов с полным набором ролей. `primary` не входит:
+ * у него нет `-light` (мягкая подложка бренда называется `--gr-accent`).
+ * Приложение вправе переназначить любой слот, не трогая компонент.
+ */
+:root {
+  --gr-avatar-1-bg: var(--gr-info-light);
+  --gr-avatar-1-fg: var(--gr-info-text);
+
+  --gr-avatar-2-bg: var(--gr-warning-light);
+  --gr-avatar-2-fg: var(--gr-warning-text);
+
+  --gr-avatar-3-bg: var(--gr-success-light);
+  --gr-avatar-3-fg: var(--gr-success-text);
+
+  --gr-avatar-4-bg: var(--gr-danger-light);
+  --gr-avatar-4-fg: var(--gr-danger-text);
+
+  --gr-avatar-5-bg: var(--gr-azure-light);
+  --gr-avatar-5-fg: var(--gr-azure-text);
+
+  --gr-avatar-6-bg: var(--gr-slate-light);
+  --gr-avatar-6-fg: var(--gr-slate-text);
+}