@feugene/granularity 0.33.0 → 0.34.0

package/dist/granular-provider.js

@@ -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-CrQua8PT.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-3LUawDPh.js";
 export { GRANULARITY_PROVIDER_ID, createGranularityProvider, granularityProvider as default, granularityProvider, granularityComponentConfigs, granularityDefaultThemes, granularityThemeNames };

package/dist/index.js

@@ -22,8 +22,8 @@ import { useGrFormControl } from "./composables/useGrFormControl.js";
 import { useComboboxNavigation } from "./composables/useComboboxNavigation.js";
 import { useRovingFocus } from "./composables/useRovingFocus.js";
 import { t as GrChip_default } from "./components/GrChip/chunks/GrChip-BTivtwff.js";
-import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-vYMJ3Cr1.js";
-import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-CoQjEF8h.js";
+import { n as grAutocompleteSafelist, t as grAutocompleteConfig } from "./chunks/config-CYthTVK2.js";
+import { t as GrAutocomplete_default } from "./components/GrAutocomplete/chunks/GrAutocomplete-BQsSE7sj.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-CNmLmgcr.js";
 import { c as initialsFrom, n as grAvatarSafelist, t as grAvatarConfig } from "./chunks/config-B3J0alyY.js";
@@ -62,26 +62,26 @@ import { n as grCollapseSafelist, t as grCollapseConfig } from "./chunks/config-
 import { n as GrCollapse_default, t as GrCollapseItem_default } from "./components/GrCollapse/chunks/GrCollapse-BlW6ybdL.js";
 import { n as grIconSafelist, t as grIconConfig } from "./chunks/config-3bQeQvqd.js";
 import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-BLywRZUN.js";
-import { useFocusTrap } from "./composables/useFocusTrap.js";
-import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-faJanmGs.js";
+import { t as useFocusTrap } from "./chunks/useFocusTrap-D9bIPNF6.js";
+import { t as GrPopover_default } from "./components/GrPopover/chunks/GrPopover-CzeXMcvh.js";
 import { useDragGesture } from "./composables/useDragGesture.js";
 import { t as GrSlider_default } from "./components/GrSlider/chunks/GrSlider-DTTrZTHK.js";
-import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-p2XH_8cE.js";
+import { t as GrColorPicker_default } from "./components/GrColorPicker/chunks/GrColorPicker-D1Iis7jf.js";
 import { n as grColorPickerSafelist, t as grColorPickerConfig } from "./chunks/config-DIDz_E5m.js";
 import { a as GR_KBD_TOKENS, o as findKbdToken, t as GrKbd_default } from "./components/GrKbd/chunks/GrKbd-D2ga1H9i.js";
-import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-D0mf1SAx.js";
-import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-BXbh3q7O.js";
+import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-_JrDhon-.js";
+import { t as GrCommandPalette_default } from "./components/GrCommandPalette/chunks/GrCommandPalette-BZHUKlux.js";
 import { n as grCommandPaletteSafelist, t as grCommandPaletteConfig } from "./chunks/config-D0NzGYaE.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-BiMJ9_T4.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-C01Hhk6G.js";
 import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-DMeOWlzj.js";
-import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-CUP43q__.js";
+import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-jRDs_E6C.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-B33ZzwfB.js";
-import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-ClkVjdcP.js";
-import { t as grContextMenuConfig } from "./chunks/config-CPSxM7XE.js";
+import { t as GrContextMenu_default } from "./components/GrContextMenu/chunks/GrContextMenu-CWmgrzpi.js";
+import { t as grContextMenuConfig } from "./chunks/config-CsCUuukB.js";
 import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-jhUTczjv.js";
 import { t as useDragSort } from "./chunks/useDragSort-0l47h4yb.js";
 import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-4JAgOQ-7.js";
@@ -99,24 +99,24 @@ import { n as useGrFormContext } from "./chunks/context-Bfrgsluh.js";
 import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-DSylU7IU.js";
 import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-DinXG12-.js";
 import { n as getByPath, o as runFieldRules, r as isEmpty, s as setByPath, t as createGrFormMessageResolver } from "./chunks/validation-5HhpanPP.js";
-import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-C6QGC7QJ.js";
-import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-BxNK6crD.js";
+import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-CailXSqW.js";
+import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./components/GrDialogService/chunks/GrDialogService-CmsJNUmM.js";
 import { t as grDialogServiceConfig } from "./chunks/config-CjXjhphs.js";
 import { n as grDividerSafelist, t as grDividerConfig } from "./chunks/config-D82r782v.js";
 import { t as GrDivider_default } from "./components/GrDivider/chunks/GrDivider-BXavGcMX.js";
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-ChPg-BQv.js";
-import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-Ce2l3zaG.js";
-import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-13Wt9eB_.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-uzUuosv7.js";
+import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-xfoy-MCj.js";
+import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-CDkPkvIJ.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-DGGaKf4R.js";
 import "./components/GrDropdown/index.js";
-import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-GOzuAXsi.js";
+import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-DQrZ_yPV.js";
 import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "./chunks/config-_jbgsFpw.js";
 import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-RqsWvgI9.js";
 import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "./chunks/config-CWtfxkM9.js";
 import { n as fileKindOf, r as isPreviewableKind, t as GrFilePreview_default } from "./components/GrFilePreview/chunks/GrFilePreview-C9Z7hMK8.js";
 import { n as grFilePreviewSafelist, t as grFilePreviewConfig } from "./chunks/config-BaWANzzB.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-NsHkRRIa.js";
+import { n as GrUploadAbortError, r as GrUploadHttpError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-LL8RZvC0.js";
 import { n as grFileUploadSafelist, t as grFileUploadConfig } from "./chunks/config-BlJa1Mj9.js";
 import { t as GrForm_default } from "./components/GrForm/chunks/GrForm-CrnfCsgj.js";
 import { t as grFormConfig } from "./chunks/config-Droqn55j.js";
@@ -126,7 +126,7 @@ import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFi
 import { n as grFormFileSafelist, t as grFormFileConfig } from "./chunks/config-BcXX7S7B.js";
 import { n as grFormSectionSafelist, t as grFormSectionConfig } from "./chunks/config-BEO7brpO.js";
 import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-ejieOg9H.js";
-import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-CG4vUBg_.js";
+import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer--BU8yrfx.js";
 import { n as grImageViewerSafelist, t as grImageViewerConfig } from "./chunks/config-BDSaD-5p.js";
 import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-CIkdsWUk.js";
 import "./components/GrInput/index.js";
@@ -149,10 +149,10 @@ import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-_rt
 import { n as grNavbarSafelist, t as grNavbarConfig } from "./chunks/config-2ZHRsdOc.js";
 import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-MmPym-Z72.js";
 import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-DQ59YICu.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-Dt8iqruc.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-CZqV1Eg4.js";
 import { n as grPaginationSafelist, t as grPaginationConfig } from "./chunks/config-CjKpUcmy.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-FiiXzVyv.js";
-import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-BTwYMQaz2.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-gBoWVHk6.js";
+import { n as grPopoverSafelist, t as grPopoverConfig } from "./chunks/config-DBXCIb6r2.js";
 import "./components/GrPopover/index.js";
 import { n as grProgressBarSafelist, r as GR_TONES, t as grProgressBarConfig } from "./chunks/config-DWL81-aM.js";
 import "./components/GrProgressBar/index.js";
@@ -170,7 +170,7 @@ import { t as GrRating_default } from "./components/GrRating/chunks/GrRating-IEi
 import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CBVRpgIG.js";
 import { n as titleWhenTruncated, t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-CB-VR-yL.js";
 import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-rLkc9Zn2.js";
-import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-DnF472Ox.js";
+import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-DOYz_SVK.js";
 import "./components/GrSelect/index.js";
 import { n as grSidebarSafelist, t as grSidebarConfig } from "./chunks/config-DNDgp9bB.js";
 import { n as GrSidebarItem_default, r as GrSidebar_default, t as GrSidebarGroup_default } from "./components/GrSidebar/chunks/GrSidebar-alkwBUzL.js";
@@ -193,7 +193,7 @@ import "./components/GrTable/index.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-_QF0O1vq.js";
-import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-ugDnkk-2.js";
+import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-UsO4j8zv.js";
 import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-BhfNgyWL.js";
 import "./components/GrTextarea/index.js";
 import { n as GrTimeline_default, t as GrTimelineItem_default } from "./components/GrTimeline/chunks/GrTimeline-BiHpArsg.js";
@@ -204,8 +204,8 @@ import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-
 import { n as grTooltipSafelist, t as grTooltipConfig } from "./chunks/config-BTmfQFwi.js";
 import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-uYETdbCD.js";
 import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-CDat1wXf.js";
-import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-T3-DMXYm.js";
-import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-BHwgGJcT.js";
+import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-DUNH02Fg.js";
+import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-DOXcpWq2.js";
 import "./composables/useGrComponentConfig.js";
 import "./composables/useGranularityTranslations.js";
 import { GRANULARITY_THEME_STATE, granularityThemePlugin, initThemeEarly, useTheme } from "./composables/useTheme.js";

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-CSyPsWtM.js";
+import { a as grThemeTokens, n as grDerivedTokens, t as grComponentTokens } from "./chunks/generated-Buw6W7Te.js";
 //#region src/theme/color.ts
 function parseHex(value) {
 	const match = value.trim().match(/^#([\da-f]{3}|[\da-f]{6})$/i);

package/dist/tokens.js

@@ -1,2 +1,2 @@
-import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-CSyPsWtM.js";
+import { a as grThemeTokens, i as grThemeNames, n as grDerivedTokens, r as grFoundationTokens, t as grComponentTokens } from "./chunks/generated-Buw6W7Te.js";
 export { grComponentTokens, grDerivedTokens, grFoundationTokens, grThemeNames, grThemeTokens };

package/dist/types/components/GrAutocomplete/grAutocompleteStyles.d.ts

@@ -60,4 +60,4 @@ export declare const autocompleteStateClass = "flex items-center justify-center
  * (card + бордер + shadow-2 + скругление). Держим локальную копию строки,
  * чтобы не тянуть зависимость от `GrSelect` (компоненты гранулярно независимы).
  */
-export declare const autocompletePanelClasses = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
+export declare const autocompletePanelClasses = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";

package/dist/types/components/GrDropdown/GrDropdown.vue.d.ts

@@ -1,4 +1,4 @@
-import { type UseFloatingPlacement } from '../../composables/useFloating';
+import type { UseFloatingPlacement } from '../../composables/useFloating';
 import { type GrDropdownWidth } from './grDropdownStyles';
 export type GrDropdownTrigger = 'click' | 'hover';
 export interface GrDropdownProps {
@@ -36,13 +36,13 @@ export interface GrDropdownEmits {
     (e: 'update:open', value: boolean): void;
 }
 declare function open(): void;
-declare function toggle(): void;
 declare function close(): void;
+declare function toggle(): void;
 type __VLS_Slots = {
     /**
      * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный
      * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`
-     * читаются с того узла, который получает фокус.
+     * читаются с того узла, который получает фокус, а клик приезжает вместе с ними.
      */
     trigger?: (props: {
         open: boolean;
@@ -94,11 +94,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     open: boolean;
     disabled: boolean;
     trigger: GrDropdownTrigger;
+    openDelay: number;
+    closeDelay: number;
     closeOnContentClick: boolean;
     teleportTo: string | HTMLElement;
     contentClass: string;
-    openDelay: number;
-    closeDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/GrDropdown/grDropdownStyles.d.ts

@@ -1,7 +1,13 @@
 import type { Placement } from '@floating-ui/dom';
 /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */
 export type GrDropdownWidth = number | string;
-export declare const originClassByPlacement: Record<Placement, string>;
 export declare function grDropdownOriginClass(placement: Placement): string;
-export declare const dropdownContentBaseClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] p-1";
+/**
+ * Поле вокруг пунктов меню.
+ *
+ * Поверхности здесь больше нет: панель рисует `GrPopover`, на котором меню и
+ * стоит. Осталось только поле — пункты не должны прилегать к рамке вплотную, —
+ * и классы потребителя.
+ */
+export declare const dropdownContentBaseClass = "p-1";
 export declare function grDropdownContentClass(contentClass?: string): string;

package/dist/types/components/GrDropdownMenu/GrDropdownMenu.vue.d.ts

@@ -116,13 +116,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     items: GrDropdownMenuEntry[];
     trigger: GrDropdownTrigger;
+    openDelay: number;
+    closeDelay: number;
     closeOnContentClick: boolean;
     teleportTo: string | HTMLElement;
     contentClass: string;
     dividers: boolean;
     listClass: string;
-    openDelay: number;
-    closeDelay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/types/components/GrPopover/GrPopover.vue.d.ts

@@ -27,10 +27,24 @@ export interface GrPopoverProps {
     /** `id` видимого заголовка внутри панели — альтернатива `ariaLabel`. */
     labelledBy?: string;
     /**
-     * `manual` — открывать только программно (через `v-model:open`). Нужно для
-     * контекстного меню и подтверждений, где момент открытия решает потребитель.
+     * Чем открывается панель.
+     *
+     * `manual` — только программно (через `v-model:open`): нужно контекстному меню
+     * и подтверждениям, где момент открытия решает потребитель. `hover` — по
+     * наведению, с задержками из `openDelay` и `closeDelay`; клик и клавиатура в
+     * этом режиме продолжают работать.
+     */
+    trigger?: 'click' | 'manual' | 'hover';
+    /**
+     * Задержка открытия по наведению, мс.
+     *
+     * Обе задержки нужны, и каждая по своей причине: без `openDelay` панель
+     * выпрыгивает на любое пересечение курсором, без `closeDelay` её не удержать
+     * при переходе с триггера на панель — между ними зазор `offsetPx`.
      */
-    trigger?: 'click' | 'manual';
+    openDelay?: number;
+    /** Задержка закрытия после ухода курсора, мс. */
+    closeDelay?: number;
     closeOnEsc?: boolean;
     closeOnClickOutside?: boolean;
     /** Закрывать по клику внутри панели — удобно для меню, вредно для формы. */
@@ -61,6 +75,30 @@ export interface GrPopoverProps {
     anchor?: GrFloatingAnchorRect | null;
     /** Поле панели. `none` — содержимое рисует своё (меню, список опций). */
     padding?: GrPopoverPadding;
+    /**
+     * Брать ширину у триггера: `true` — точно его ширина, `'min'` — не уже его,
+     * дальше по содержимому. Панель у поля или у широкой кнопки, оказавшаяся уже
+     * своего триггера, читается как ошибка вёрстки.
+     *
+     * С потолком `--gr-popover-max-width` сочетается, а не спорит: ширину задаёт
+     * триггер, потолок её ограничивает — «шириной с триггер, но не шире
+     * читаемого». Поэтому это отдельный проп, а не значение одного перечисления
+     * вместе с потолком: оси независимы, и сочетание осмысленно.
+     */
+    matchWidth?: boolean | 'min';
+    /**
+     * Обёртка триггера занимает всю ширину родителя вместо того, чтобы обжимать
+     * содержимое.
+     *
+     * Нужно форм-контролам: обёртка `inline-block` схлопывается по содержимому, и
+     * `w-full` у самого триггера начинает резолвиться относительно неё, а не
+     * относительно поля. Контрол, объявивший себя во всю ширину, рисуется по
+     * содержимому — рядом с полем ввода это читается как сбитая вёрстка.
+     *
+     * Имя то же, что у `GrButton` и `GrSegmented`: в ядре это устоявшееся слово
+     * для «во всю ширину».
+     */
+    block?: boolean;
 }
 export interface GrPopoverEmits {
     (e: 'update:open', value: boolean): void;
@@ -95,6 +133,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     ariaLabel: undefined;
     labelledBy: undefined;
     trigger: string;
+    openDelay: number;
+    closeDelay: number;
     closeOnEsc: boolean;
     closeOnClickOutside: boolean;
     closeOnContentClick: boolean;
@@ -104,6 +144,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     anchor: undefined;
     padding: string;
+    matchWidth: boolean;
+    block: boolean;
 }>>, {
     open: typeof open;
     close: typeof close;
@@ -120,6 +162,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     ariaLabel: undefined;
     labelledBy: undefined;
     trigger: string;
+    openDelay: number;
+    closeDelay: number;
     closeOnEsc: boolean;
     closeOnClickOutside: boolean;
     closeOnContentClick: boolean;
@@ -129,6 +173,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     anchor: undefined;
     padding: string;
+    matchWidth: boolean;
+    block: boolean;
 }>>> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
@@ -138,12 +184,16 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     role: GrPopoverRole;
     modal: boolean;
     placement: UseFloatingPlacement;
+    block: boolean;
     open: boolean;
     disabled: boolean;
     ariaLabel: string;
+    matchWidth: boolean | "min";
     labelledBy: string;
     offsetPx: number;
-    trigger: "click" | "manual";
+    trigger: "click" | "manual" | "hover";
+    openDelay: number;
+    closeDelay: number;
     closeOnEsc: boolean;
     closeOnClickOutside: boolean;
     closeOnContentClick: boolean;

package/dist/types/components/GrPopover/grPopoverStyles.d.ts

@@ -14,17 +14,25 @@ export type GrPopoverRole = 'dialog' | 'menu' | 'listbox' | 'grid' | 'group' | '
 export type GrPopoverPadding = 'default' | 'none';
 export declare const panelSizes: Record<GrPopoverSize, string>;
 /**
- * `transform-origin` для scale-анимации: координаты панели уже посчитал
- * `useFloating`, здесь остаётся направление «роста» относительно триггера.
+ * Поверхность панели.
  *
- * Ключ — `resolvedPlacement`, то есть положение **после** `flip`: если снизу не
- * хватило места и панель перевернуло вверх, origin переворачивается вместе с ней.
- */
-export declare const originClassByPlacement: Partial<Record<Placement, string>>;
-export declare function grPopoverOriginClass(placement: Placement): string;
-/**
- * Поверхность панели. `max-w-[min(...)]` не даёт поповеру вылезти за узкий
- * экран: `useFloating` смещает панель в пределах viewport, но не сужает её.
+ * Ширина — `min()` из двух пределов, и они разной природы. Первый, `22rem`, —
+ * потолок содержимого: читаемая ширина колонки текста. Он **дефолт**, а не
+ * закон, и снимается хуком `--gr-popover-max-width` — примитив объявил, что
+ * содержимое панели дело потребителя, и навязывать ему форму не вправе.
+ * Тулбар, палитра и сетка шире прозы законно.
+ *
+ * Второй, `calc(100vw-1rem)`, — инвариант слоя: `useFloating` смещает панель в
+ * пределах вьюпорта, но не сужает её. Он не настраивается ничем и снаружи не
+ * отключается, потому что стоит вторым операндом `min()`: даже
+ * `--gr-popover-max-width: 100vw` его не снимает, а лишь уступает ему место.
+ *
+ * Хуком, а не пропом, — по трём причинам. Спор специфичности не возникает
+ * вовсе: кастомное свойство разрешается каскадом на самом элементе, а не
+ * порядком правил в сгенерированном CSS (та же ловушка, что описана у
+ * `panelSizesFlush`). Потолок можно менять по брейкпоинту и по теме — пропом
+ * этого не сделать. И словарь компонента не растёт: значение остаётся
+ * значением. Так же устроена высота списка у `GrCommandPalette`.
  */
 /**
  * Кегль без поля.
@@ -34,5 +42,5 @@ export declare function grPopoverOriginClass(placement: Placement): string;
  * сгенерированном CSS. Меню внутри поповера с `p-3` — визуально не меню.
  */
 export declare const panelSizesFlush: Record<GrPopoverSize, string>;
-export declare const popoverPanelBaseClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] max-w-[min(22rem,calc(100vw-1rem))] focus:outline-none";
+export declare const popoverPanelBaseClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] max-w-[min(var(--gr-popover-max-width,22rem),calc(100vw-1rem))] focus:outline-none";
 export declare function grPopoverPanelClass(size: GrPopoverSize, placement: Placement, extra?: string, padding?: GrPopoverPadding): string;

package/dist/types/components/GrSelect/grSelectStyles.d.ts

@@ -122,7 +122,7 @@ export declare function grSelectTriggerClass(options: {
     state?: GrSelectState;
     invalid?: boolean;
 }): string;
-export declare const grSelectPanelClasses = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
+export declare const grSelectPanelClasses = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
 export declare const selectOptionBaseClass = "rounded-[var(--gr-radius-md)] px-3 py-2 text-left text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)]";
 export declare const selectOptionLinkWidthClass = "block min-w-full w-max whitespace-nowrap";
 export declare const selectOptionWidthClass = "w-full";

package/dist/types/components/GrTreeSelect/grTreeSelectStyles.d.ts

@@ -29,7 +29,7 @@ export declare function grTreeSelectClass(options: {
     invalid: boolean;
     disabled?: boolean;
 }): string;
-export declare const grTreeSelectPanelClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
+export declare const grTreeSelectPanelClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden";
 /**
  * Строка состояния панели: загрузка и «нет данных». По центру и с двойным
  * воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.

package/dist/types/components/shared/overlayOrigin.d.ts

@@ -0,0 +1,22 @@
+import type { Placement } from '@floating-ui/dom';
+/**
+ * `transform-origin` для scale-анимации всплывающей панели.
+ *
+ * Ключ — `resolvedPlacement`, то есть положение **после** `flip`: если снизу не
+ * хватило места и панель перевернуло вверх, origin переворачивается вместе с
+ * ней. Координаты панели к этому моменту уже посчитал `useFloating`, здесь
+ * остаётся только направление роста относительно триггера.
+ *
+ * До выноса карта существовала копиями в `GrPopover` и `GrDropdown` — двенадцать
+ * записей, совпадавших дословно, вместе с комментарием об одном и том же.
+ *
+ * Отдельным модулем от поверхности намеренно: списки выбора берут поверхность,
+ * но своей анимации роста не имеют, и импорт соседа затащил бы им в чанк восемь
+ * классов, которыми они не пользуются. Гейт `src/__tests__/safelist.test.ts`
+ * назвал бы их поимённо — и был бы прав.
+ *
+ * Модуль безадресный: в `dist` он уезжает в общий чанк, который пресет не
+ * сканирует, поэтому каждый потребитель объявляет эти классы в своём `safelist.ts`.
+ */
+export declare const overlayOriginClassByPlacement: Record<Placement, string>;
+export declare function overlayOriginClass(placement: Placement): string;

package/dist/types/components/shared/overlayPanelSurface.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Общая поверхность всплывающей панели: радиус, рамка, фон, тень.
+ *
+ * До выноса шесть этих утилит были скопированы пять раз — у поповера,
+ * выпадающего меню и трёх списков выбора. Расходились бы молча: разница в одном
+ * токене видна только рядом с эталоном, а эталоны у компонентов свои.
+ *
+ * Фон — `--gr-popover`, и это не выбор из двух равных. Описание токена в
+ * `tokens/themes/*.json` — «Фон popover-, dropdown- и overlay-поверхностей», то
+ * есть он заведён ровно под этот случай; `--gr-card` — фон карточки. Четверо из
+ * пяти брали карточный, и значения совпадали, поэтому расхождение не
+ * проявлялось. Проявилось бы у первого, кто перекрасит `--gr-popover`, чтобы
+ * отличать всплывающие поверхности от карточек.
+ *
+ * Всё, что специфично для компонента, — поле, потолок ширины, `overflow` — он
+ * дописывает сам: это уже не поверхность, а его собственная раскладка.
+ *
+ * Модуль безадресный: в `dist` он уезжает в общий чанк, который пресет не
+ * сканирует, поэтому каждый потребитель объявляет эти классы в своём `safelist.ts`.
+ */
+export declare const overlayPanelSurfaceClass = "rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-2)]";

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@feugene/granularity",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "framework": "vue",
   "js-types-syntax": "typescript",
   "description-markup": "markdown",
@@ -3819,7 +3819,7 @@
           "slots": [
             {
               "name": "trigger",
-              "description": "Триггер панели. `triggerProps` обязаны попасть на сам интерактивный элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls` читаются с того узла, который получает фокус."
+              "description": "Триггер панели. `triggerProps` обязаны попасть на сам интерактивный элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls` читаются с того узла, который получает фокус, а клик приезжает вместе с ними."
             },
             {
               "name": "content",
@@ -7128,6 +7128,15 @@
                 "type": "Placement | undefined"
               }
             },
+            {
+              "name": "block",
+              "description": "Обёртка триггера занимает всю ширину родителя вместо того, чтобы обжимать содержимое. Нужно форм-контролам: обёртка `inline-block` схлопывается по содержимому, и `w-full` у самого триггера начинает резолвиться относительно неё, а не относительно поля. Контрол, объявивший себя во всю ширину, рисуется по содержимому — рядом с полем ввода это читается как сбитая вёрстка. Имя то же, что у `GrButton` и `GrSegmented`: в ядре это устоявшееся слово для «во всю ширину».",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | undefined"
+              }
+            },
             {
               "name": "padding",
               "description": "Поле панели. `none` — содержимое рисует своё (меню, список опций).",
@@ -7147,11 +7156,11 @@
             },
             {
               "name": "trigger",
-              "description": "`manual` — открывать только программно (через `v-model:open`). Нужно для контекстного меню и подтверждений, где момент открытия решает потребитель.",
+              "description": "Чем открывается панель. `manual` — только программно (через `v-model:open`): нужно контекстному меню и подтверждениям, где момент открытия решает потребитель. `hover` — по наведению, с задержками из `openDelay` и `closeDelay`; клик и клавиатура в этом режиме продолжают работать.",
               "default": "\"click\"",
               "value": {
                 "kind": "expression",
-                "type": "\"click\" | \"manual\" | undefined"
+                "type": "\"click\" | \"manual\" | \"hover\" | undefined"
               }
             },
             {
@@ -7207,6 +7216,24 @@
                 "type": "boolean | undefined"
               }
             },
+            {
+              "name": "openDelay",
+              "description": "Задержка открытия по наведению, мс. Обе задержки нужны, и каждая по своей причине: без `openDelay` панель выпрыгивает на любое пересечение курсором, без `closeDelay` её не удержать при переходе с триггера на панель — между ними зазор `offsetPx`.",
+              "default": "120",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "closeDelay",
+              "description": "Задержка закрытия после ухода курсора, мс.",
+              "default": "160",
+              "value": {
+                "kind": "expression",
+                "type": "number | undefined"
+              }
+            },
             {
               "name": "closeOnContentClick",
               "description": "Закрывать по клику внутри панели — удобно для меню, вредно для формы.",
@@ -7241,6 +7268,15 @@
                 "kind": "expression",
                 "type": "boolean | undefined"
               }
+            },
+            {
+              "name": "matchWidth",
+              "description": "Брать ширину у триггера: `true` — точно его ширина, `'min'` — не уже его, дальше по содержимому. Панель у поля или у широкой кнопки, оказавшаяся уже своего триггера, читается как ошибка вёрстки. С потолком `--gr-popover-max-width` сочетается, а не спорит: ширину задаёт триггер, потолок её ограничивает — «шириной с триггер, но не шире читаемого». Поэтому это отдельный проп, а не значение одного перечисления вместе с потолком: оси независимы, и сочетание осмысленно.",
+              "default": "false",
+              "value": {
+                "kind": "expression",
+                "type": "boolean | \"min\" | undefined"
+              }
             }
           ],
           "slots": [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@feugene/granularity",
   "description": "Granularity design system package with Vue 3 components, consumed via the `@feugene/unocss-preset-granular` preset.",
-  "version": "0.33.0",
+  "version": "0.34.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",

package/dist/chunks/config-BTwYMQaz2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-BTwYMQaz2.js","names":[],"sources":["../../src/components/GrPopover/safelist.ts","../../src/components/GrPopover/config.ts"],"sourcesContent":["import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport { originClassByPlacement, panelSizes, panelSizesFlush, popoverPanelBaseClass } from './grPopoverStyles'\n\nexport const grPopoverSafelist = [...new Set([\n  ...Object.values(panelSizes).flatMap(splitClassTokens),\n  ...Object.values(panelSizesFlush).flatMap(splitClassTokens),\n  ...Object.values(originClassByPlacement).flatMap(splitClassTokens),\n  // Базовый класс живёт литералом в `grPopoverStyles.ts`, а такой хелпер на\n  // сборке уезжает в общий чанк, которого скан не видит (см. gotchas.md §2).\n  ...splitClassTokens(popoverPanelBaseClass),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grPopoverSafelist } from './safelist'\n\nexport const grPopoverConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrPopover',\n  safelist: grPopoverSafelist,\n})\n"],"mappings":";;;;;AAIA,IAAa,oBAAoB,CAAC,mBAAG,IAAI,IAAI;CAC3C,GAAG,OAAO,OAAO,UAAU,CAAC,CAAC,QAAQ,gBAAgB;CACrD,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,QAAQ,gBAAgB;CAGjE,GAAG,iBAAiB,qBAAqB;CAIzC,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACXF,IAAa,kBAAkB,wBAAwB,OAAO,KAAK,KAAK;CACtE,MAAM;CACN,UAAU;AACZ,CAAC"}

package/dist/chunks/config-CPSxM7XE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-CPSxM7XE.js","names":[],"sources":["../../src/components/GrContextMenu/config.ts"],"sourcesContent":["import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nexport const grContextMenuConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrContextMenu',\n  // Компонент рендерит и слой, и пункты: без обоих рёбер у потребителя,\n  // выбравшего только контекстное меню, панель приедет без фона, а пункты — без цветов.\n  dependencies: ['GrPopover', 'GrDropdownMenu'],\n})\n"],"mappings":";;AAEA,IAAa,sBAAsB,wBAAwB,OAAO,KAAK,KAAK;CAC1E,MAAM;CAGN,cAAc,CAAC,aAAa,gBAAgB;AAC9C,CAAC"}

package/dist/chunks/config-T3-DMXYm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-T3-DMXYm.js","names":[],"sources":["../../src/components/GrTreeSelect/grTreeSelectStyles.ts","../../src/components/GrTreeSelect/safelist.ts","../../src/components/GrTreeSelect/config.ts"],"sourcesContent":["import type { GrControlState } from '../shared/sizes'\n\nimport type { GrInputSize } from '../GrInput'\n\nexport type GrTreeSelectState = GrControlState\n\nexport const sizeClassBySize: Record<GrInputSize, string> = {\n  xs: 'h-7 px-2.5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]',\n  sm: 'h-8 px-3 text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]',\n  md: 'h-10 px-3 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)]',\n  lg: 'h-11 px-4 text-[length:var(--gr-control-text-lg)] leading-[var(--gr-control-leading-lg)]',\n}\n\n/**\n * Горизонтальный отступ из `sizeClassBySize`, но числом: аддоны задают паддинг\n * инлайн-стилем, а он перекрывает класс — значение нужно обеим формам, и\n * расходиться им нельзя.\n */\nexport const paddingX: Record<GrInputSize, string> = {\n  xs: '10px',\n  sm: '12px',\n  md: '12px',\n  lg: '16px',\n}\n\n/** Ширина зоны шеврона/крестика справа (`pr-9` в классе триггера). */\nexport const trailingZoneWidth = '2.25rem'\n\nexport const borderClassByState: Record<GrTreeSelectState, string> = {\n  default: 'border-[var(--gr-brd)]',\n  success: 'border-[var(--gr-success)] focus-visible:ring-[var(--gr-success)]',\n  warning: 'border-[var(--gr-warning)] focus-visible:ring-[var(--gr-warning)]',\n  danger: 'border-[var(--gr-danger)] focus-visible:ring-[var(--gr-danger)]',\n}\n\n/**\n * Ошибка валидации красится своей ролью, а не декоративным тоном `danger`:\n * `state=\"danger\"` — это подсветка по решению разработчика, `invalid` — вердикт\n * валидации, и тема вправе развести их по цвету.\n */\nexport const invalidBorderClass = 'border-[var(--gr-invalid-brd)] focus-visible:ring-[var(--gr-invalid-ring)]'\n\n/**\n * Disabled красится фоном и цветом текста, а не прозрачностью: `opacity`\n * разбавляет выверенные на AA токены и роняет контраст подписи.\n */\nexport const shellEnabledClass = 'bg-[var(--gr-bg)] text-[var(--gr-fg)]'\nexport const shellDisabledClass = 'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] cursor-not-allowed'\n\nexport function grTreeSelectClass(options: {\n  size: GrInputSize\n  state: GrTreeSelectState\n  invalid: boolean\n  disabled?: boolean\n}): string {\n  return [\n    sizeClassBySize[options.size],\n    'pr-9',\n    options.disabled ? shellDisabledClass : shellEnabledClass,\n    options.invalid ? invalidBorderClass : borderClassByState[options.state],\n  ].join(' ')\n}\n\nexport const grTreeSelectPanelClass = 'rounded-[var(--gr-radius-xl)] border border-[var(--gr-brd)] bg-[var(--gr-card)] text-[var(--gr-card-fg)] shadow-[var(--gr-shadow-2)] overflow-hidden'\n\n/**\n * Строка состояния панели: загрузка и «нет данных». По центру и с двойным\n * воздухом — тот же язык, что у `GrSelect`, `GrAutocomplete` и палитры команд.\n * Слева она расходилась с содержимым дерева на паддинг скроллера.\n */\nexport const grTreeSelectStateClass = 'flex items-center justify-center gap-2 px-3 py-4 text-center text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]'\n","import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport {\n  borderClassByState,\n  grTreeSelectPanelClass,\n  grTreeSelectStateClass,\n  invalidBorderClass,\n  shellDisabledClass,\n  shellEnabledClass,\n  sizeClassBySize,\n} from './grTreeSelectStyles'\n\nexport const grTreeSelectSafelist = [...new Set([\n  ...Object.values(sizeClassBySize).flatMap(splitClassTokens),\n  ...Object.values(borderClassByState).flatMap(splitClassTokens),\n  ...splitClassTokens(invalidBorderClass),\n  'pr-9',\n  ...splitClassTokens(shellEnabledClass),\n  ...splitClassTokens(shellDisabledClass),\n  ...splitClassTokens(grTreeSelectPanelClass),\n  ...splitClassTokens(grTreeSelectStateClass),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grTreeSelectSafelist } from './safelist'\n\nexport const grTreeSelectConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrTreeSelect',\n  safelist: grTreeSelectSafelist,\n  dependencies: ['GrInput', 'GrTree'],\n})\n"],"mappings":";;;;AAMA,IAAa,kBAA+C;CAC1D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;AAOA,IAAa,WAAwC;CACnD,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;AAGA,IAAa,oBAAoB;AAEjC,IAAa,qBAAwD;CACnE,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;;;;;;AAOA,IAAa,qBAAqB;;;;;AAMlC,IAAa,oBAAoB;AACjC,IAAa,qBAAqB;AAElC,SAAgB,kBAAkB,SAKvB;CACT,OAAO;EACL,gBAAgB,QAAQ;EACxB;EACA,QAAQ,WAAW,qBAAqB;EACxC,QAAQ,UAAU,qBAAqB,mBAAmB,QAAQ;CACpE,CAAC,CAAC,KAAK,GAAG;AACZ;AAEA,IAAa,yBAAyB;;;;;;AAOtC,IAAa,yBAAyB;;;AC1DtC,IAAa,uBAAuB,CAAC,mBAAG,IAAI,IAAI;CAC9C,GAAG,OAAO,OAAO,eAAe,CAAC,CAAC,QAAQ,gBAAgB;CAC1D,GAAG,OAAO,OAAO,kBAAkB,CAAC,CAAC,QAAQ,gBAAgB;CAC7D,GAAG,iBAAiB,kBAAkB;CACtC;CACA,GAAG,iBAAiB,iBAAiB;CACrC,GAAG,iBAAiB,kBAAkB;CACtC,GAAG,iBAAiB,sBAAsB;CAC1C,GAAG,iBAAiB,sBAAsB;CAI1C,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACrBF,IAAa,qBAAqB,wBAAwB,OAAO,KAAK,KAAK;CACzE,MAAM;CACN,UAAU;CACV,cAAc,CAAC,WAAW,QAAQ;AACpC,CAAC"}

package/dist/chunks/config-uzUuosv7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"config-uzUuosv7.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { flattenTransitionTokens, splitClassTokens } from '../shared/classTokens'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport {\n  dropdownContentBaseClass,\n  originClassByPlacement,\n} from './grDropdownStyles'\n\n// И динамические токены (`resolvedPlacement`), и литералы отделки панели:\n// `grDropdownStyles.ts` уезжает в общий `dist/chunks/`, вне области скана\n// компонента — гейт `src/__tests__/safelist.test.ts`.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(originClassByPlacement).flatMap(v => splitClassTokens(v ?? '')),\n  ...splitClassTokens(dropdownContentBaseClass),\n  // Набор перехода панели общий на пять компонентов и живёт безадресным\n  // модулем в `shared/`: в `dist` он лежит в общем чанке, который пресет не\n  // сканирует, поэтому объявить его обязан каждый потребитель.\n  ...flattenTransitionTokens(panelPopTransition),\n])]\n","import { defineGranularComponent } from '@feugene/unocss-preset-granular/contract'\n\nimport { grDropdownSafelist } from './safelist'\n\nexport const grDropdownConfig = defineGranularComponent(import.meta.url, {\n  name: 'GrDropdown',\n  safelist: grDropdownSafelist,\n})\n"],"mappings":";;;;;AAUA,IAAa,qBAAqB,CAAC,mBAAG,IAAI,IAAI;CAC5C,GAAG,OAAO,OAAO,sBAAsB,CAAC,CAAC,SAAQ,MAAK,iBAAiB,KAAK,EAAE,CAAC;CAC/E,GAAG,iBAAiB,wBAAwB;CAI5C,GAAG,wBAAwB,kBAAkB;AAC/C,CAAC,CAAC;;;ACbF,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;AACZ,CAAC"}