@feugene/granularity 0.9.3 → 0.10.0

package/dist/index.js

@@ -25,12 +25,12 @@ import { n as GrCollapse_default, r as GR_COLLAPSE_CONTEXT, t as GrCollapseItem_
 import { t as GrIcon_default } from "./components/GrIcon/chunks/GrIcon-BV7RBU_0.js";
 import { t as grIconConfig } from "./chunks/config-DbghHyY_.js";
 import { t as grCollapseConfig } from "./chunks/config-D5ek7VSi.js";
-import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-lh0lOmoi.js";
-import { t as getGrModalPanelClass } from "./chunks/grModalStyles-DS1Vl6EW.js";
+import { t as GrModal_default } from "./components/GrModal/chunks/GrModal-CSOL3fHQ.js";
+import { t as getGrModalPanelClass } from "./chunks/grModalStyles-FgaKqx50.js";
 import { a as resolveGrDialogTitle, i as resolveGrDialogSectionConfig, n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "./chunks/dialogShared-BtXUk6Zc.js";
-import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-C7XLxp8e.js";
-import { _ as DEFAULT_AUTO_HIDE_KINDS, a as extendDefaultParsers, c as problemDetailsParser, d as networkErrorParser, f as laravelValidationParser, g as abortErrorParser, h as fileValidationParser, i as defaultResponseErrorParsers, l as plainMessageParser, m as httpStatusParser, n as coreResponseErrorParsers, o as resolveResponseErrorTitle, p as jsonApiErrorParser, r as createResponseErrorClassifier, s as responseErrorParserPresets, t as GrResponseErrorBanner_default, u as normalizeError, v as DEFAULT_RESPONSE_ERROR_TEXTS, y as DEFAULT_TONE_BY_KIND } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-CzdTh4gd.js";
-import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-Br6WJkLE.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./components/GrDialog/chunks/GrDialog-CxK4Lj4F.js";
+import { _ as DEFAULT_AUTO_HIDE_KINDS, a as extendDefaultParsers, c as problemDetailsParser, d as networkErrorParser, f as laravelValidationParser, g as abortErrorParser, h as fileValidationParser, i as defaultResponseErrorParsers, l as plainMessageParser, m as httpStatusParser, n as coreResponseErrorParsers, o as resolveResponseErrorTitle, p as jsonApiErrorParser, r as createResponseErrorClassifier, s as responseErrorParserPresets, t as GrResponseErrorBanner_default, u as normalizeError, v as DEFAULT_RESPONSE_ERROR_TEXTS, y as DEFAULT_TONE_BY_KIND } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-bM8FC_Bw.js";
+import { t as GrConfirmDialog_default } from "./components/GrConfirmDialog/chunks/GrConfirmDialog-Bi2KLumL.js";
 import { t as grConfirmDialogConfig } from "./chunks/config-BduXEXjt.js";
 import { t as GrTable_default } from "./components/GrTable/chunks/GrTable-dTWUxzRm.js";
 import { t as GrDataTable_default } from "./components/GrDataTable/chunks/GrDataTable-ClcYiyc8.js";
@@ -39,8 +39,8 @@ import { t as grDialogSafelist } from "./chunks/safelist-_UVzJrgE2.js";
 import "./components/GrDialog/index.js";
 import { t as GrFormField_default } from "./components/GrFormField/chunks/GrFormField-U7c_aDPJ.js";
 import { t as GrInput_default } from "./components/GrInput/chunks/GrInput-gwFQ1sk4.js";
-import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-BV4EW3XO.js";
-import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-BMvXREcv.js";
+import { t as GrPromptDialog_default } from "./components/GrPromptDialog/chunks/GrPromptDialog-D_TFqKsF.js";
+import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./components/GrResponseErrorBanner/chunks/GrResponseErrorBanner-K1uZ1mYD.js";
 import { n as grDrawerSafelist, t as grDrawerConfig } from "./chunks/config-C6zT56Jc2.js";
 import { t as GrDrawer_default } from "./components/GrDrawer/chunks/GrDrawer-BW3wtI7h.js";
 import { vAutofocus } from "./directives/autofocus.js";
@@ -51,75 +51,75 @@ import { vDropzone } from "./directives/dropzone.js";
 import { vHotkey } from "./directives/hotkey.js";
 import { t as GrLoading_default } from "./components/GrLoading/chunks/GrLoading-mfyfghxs.js";
 import { createLoading, vLoading } from "./directives/loading.js";
-import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-DOvHKnih.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-Br_qI3Za.js";
+import { t as GrDropdown_default } from "./components/GrDropdown/chunks/GrDropdown-BGKeEfZ1.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "./chunks/config-C_egzT_K.js";
 import "./components/GrDropdown/index.js";
-import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-CLPwbiyG.js";
-import { t as grDropdownMenuConfig } from "./chunks/config-DmjwIqx1.js";
-import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-Dj2V5GaX.js";
-import { t as grEmptyStateConfig } from "./chunks/config-O1_FTqD3.js";
-import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-C2HdYjp4.js";
-import { i as GrUploadHttpError, n as GR_UPLOAD_STATE_IDLE, r as GrUploadAbortError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-BEKNB1RM.js";
-import { t as grFileUploadConfig } from "./chunks/config-DF_RlCIO.js";
-import { t as grFormFieldConfig } from "./chunks/config-Dcb7xK-C.js";
+import { a as GrDropdownMenuColumns_default, c as GrDropdownMenuList_default, i as GrDropdownMenuDivider_default, n as GrDropdownMenuGroup_default, o as GrDropdownMenuColumn_default, r as GrDropdownMenuHeader_default, s as GrDropdownMenu_default, t as GrDropdownMenuItem_default } from "./components/GrDropdownMenu/chunks/GrDropdownMenu-CJom_-c2.js";
+import { t as grDropdownMenuConfig } from "./chunks/config-DDwBSoc_.js";
+import { t as GrEmptyState_default } from "./components/GrEmptyState/chunks/GrEmptyState-yOuZW7-t.js";
+import { t as grEmptyStateConfig } from "./chunks/config-CzgNEHKi.js";
+import { t as GrProgressBar_default } from "./components/GrProgressBar/chunks/GrProgressBar-BBSFpVEq.js";
+import { i as GrUploadHttpError, n as GR_UPLOAD_STATE_IDLE, r as GrUploadAbortError, t as GrFileUpload_default } from "./components/GrFileUpload/chunks/GrFileUpload-CBKK3dgC.js";
+import { t as grFileUploadConfig } from "./chunks/config-CPSdAjUi.js";
+import { t as grFormFieldConfig } from "./chunks/config-B3dn-gdC.js";
 import "./components/GrFormField/index.js";
-import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-CIleXnfr.js";
-import { t as grFormFileConfig } from "./chunks/config-BbKroFtR.js";
-import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-DpGhY7MX.js";
-import { t as grFormSectionConfig } from "./chunks/config-DoBk_CzG.js";
-import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-CsvXQHM9.js";
-import { t as grImageViewerConfig } from "./chunks/config-CvGdaXvH.js";
-import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-D4s_QWVP.js";
+import { t as GrFormFile_default } from "./components/GrFormFile/chunks/GrFormFile-CkR6cYqf.js";
+import { t as grFormFileConfig } from "./chunks/config-C5-ujXCI.js";
+import { t as GrFormSection_default } from "./components/GrFormSection/chunks/GrFormSection-dbyzqxYk.js";
+import { t as grFormSectionConfig } from "./chunks/config-VJuoznpH.js";
+import { t as GrImageViewer_default } from "./components/GrImageViewer/chunks/GrImageViewer-BG40DsHa.js";
+import { t as grImageViewerConfig } from "./chunks/config-Doa_gU40.js";
+import { n as grInputSafelist, t as grInputConfig } from "./chunks/config-8f8624RN.js";
 import "./components/GrInput/index.js";
-import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-BnWSHTEU.js";
-import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-Dcj3F6rQ.js";
-import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-CpMYmvVT.js";
-import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-BMwn2iJ9.js";
-import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-D8nM1FuV.js";
-import { t as grListConfig } from "./chunks/config-DSBlHQVa.js";
-import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-d386uO3O.js";
+import { n as grInputTagSafelist, t as grInputTagConfig } from "./chunks/config-XspHtPsU.js";
+import { t as GrInputTag_default } from "./components/GrInputTag/chunks/GrInputTag-g-KdUI_Z.js";
+import { n as grLinkSafelist, t as grLinkConfig } from "./chunks/config-NkbzVFZo.js";
+import { t as GrLink_default } from "./components/GrLink/chunks/GrLink-KSTmk9Yq.js";
+import { n as GrList_default, t as GrListItem_default } from "./components/GrList/chunks/GrList-CUW2sRm_.js";
+import { t as grListConfig } from "./chunks/config-lMDE_8A5.js";
+import { n as grLoadingSafelist, t as grLoadingConfig } from "./chunks/config-58Mj2rGH.js";
 import "./components/GrLoading/index.js";
-import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "./chunks/config-C5OwJM3-.js";
+import { n as grModalClassTokens, r as grModalSafelist, t as grModalConfig } from "./chunks/config-DRpkoSvq.js";
 import "./components/GrModal/index.js";
-import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-BH7XiF9q.js";
-import { t as grNavbarConfig } from "./chunks/config-Ci9nXGUV.js";
-import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-CdJpnjDj.js";
-import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-YIWhV85S.js";
-import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-W9lbAjRZ.js";
-import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-cD6rFO9W.js";
-import { t as grPaginationConfig } from "./chunks/config-iuMz79Mg.js";
-import { n as grProgressBarSafelist, t as grProgressBarConfig } from "./chunks/config-CFf7xaG1.js";
+import { t as GrNavbar_default } from "./components/GrNavbar/chunks/GrNavbar-CHxwtFIR.js";
+import { t as grNavbarConfig } from "./chunks/config-C_q_4FrU.js";
+import { n as grNumberInputSafelist, t as grNumberInputConfig } from "./chunks/config-DvDNney3.js";
+import { t as GrNumberInput_default } from "./components/GrNumberInput/chunks/GrNumberInput-ClPBwkxx.js";
+import { t as GrSelect_default } from "./components/GrSelect/chunks/GrSelect-DSz7jvUb.js";
+import { t as GrPagination_default } from "./components/GrPagination/chunks/GrPagination-D2GS0ShQ.js";
+import { t as grPaginationConfig } from "./chunks/config-CWTfyPNI.js";
+import { n as grProgressBarSafelist, t as grProgressBarConfig } from "./chunks/config-B0uUCaJW.js";
 import "./components/GrProgressBar/index.js";
-import { t as grPromptDialogConfig } from "./chunks/config-B1kFmhpM.js";
-import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-Cp_XHsze.js";
-import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "./components/GrRadio/chunks/GrRadio-IFU9Hiu2.js";
-import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-C8IcJuuF.js";
-import { t as grRadioGroupConfig } from "./chunks/config-BU0olrvr.js";
-import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-B2YTEe_h.js";
-import { t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-BRmwBsEG.js";
-import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-BY81UKv0.js";
+import { t as grPromptDialogConfig } from "./chunks/config-DhQc1TRY.js";
+import { n as grRadioSafelist, t as grRadioConfig } from "./chunks/config-nrOj9p6I.js";
+import { n as GR_RADIO_GROUP_CONTEXT, t as GrRadio_default } from "./components/GrRadio/chunks/GrRadio-CSbTnrom.js";
+import { t as GrRadioGroup_default } from "./components/GrRadioGroup/chunks/GrRadioGroup-DsrnTygR.js";
+import { t as grRadioGroupConfig } from "./chunks/config-Bh4NWWsQ.js";
+import { n as grSegmentedSafelist, t as grSegmentedConfig } from "./chunks/config-hSlCXHoG.js";
+import { t as GrSegmented_default } from "./components/GrSegmented/chunks/GrSegmented-DpZGs4VX.js";
+import { n as grSelectSafelist, t as grSelectConfig } from "./chunks/config-C8MM2Dg0.js";
 import "./components/GrSelect/index.js";
-import { t as GrSidebar_default } from "./components/GrSidebar/chunks/GrSidebar-BpBtAGBs.js";
-import { t as grSidebarConfig } from "./chunks/config-BeQuykDk2.js";
-import { t as GrSkeleton_default } from "./components/GrSkeleton/chunks/GrSkeleton-URyMkBqI.js";
-import { t as grSkeletonConfig } from "./chunks/config-DaHI5bD_2.js";
-import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-_3De4HFf.js";
-import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-29h0QhMO.js";
-import { t as grTableConfig } from "./chunks/config-Bcf-8XlK2.js";
+import { t as GrSidebar_default } from "./components/GrSidebar/chunks/GrSidebar-BW8LRMZ-.js";
+import { t as grSidebarConfig } from "./chunks/config-BuoIngj32.js";
+import { t as GrSkeleton_default } from "./components/GrSkeleton/chunks/GrSkeleton-B05K0QKh.js";
+import { t as grSkeletonConfig } from "./chunks/config-DZrlovR42.js";
+import { n as grSwitchSafelist, t as grSwitchConfig } from "./chunks/config-RjfJFv1Y.js";
+import { t as GrSwitch_default } from "./components/GrSwitch/chunks/GrSwitch-CSRtcN5-.js";
+import { t as grTableConfig } from "./chunks/config-DDUPnue12.js";
 import "./components/GrTable/index.js";
-import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-D3ntDdtg.js";
-import { t as grTabsConfig } from "./chunks/config-Dzd6BzIN2.js";
-import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-B_nSBc7W.js";
-import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-Cv6r2GuC.js";
+import { t as GrTabs_default } from "./components/GrTabs/chunks/GrTabs-BfeVNMFJ.js";
+import { t as grTabsConfig } from "./chunks/config-BeBsN0c12.js";
+import { n as grTextareaSafelist, t as grTextareaConfig } from "./chunks/config-A-iei0Ux.js";
+import { t as GrTextarea_default } from "./components/GrTextarea/chunks/GrTextarea-CBBzpF2S.js";
 import { useToast } from "./composables/useToast.js";
-import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-CetsgpaZ2.js";
-import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-DluJmR5D.js";
-import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-B7I1AVIC.js";
-import { t as grTooltipConfig } from "./chunks/config-BOdu-O_B.js";
-import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-B2SMU5Py.js";
-import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-D6Oe3blW2.js";
-import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-72sW9Bag2.js";
-import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-C1abr5uH.js";
+import { n as grToasterSafelist, t as grToasterConfig } from "./chunks/config-DkeLkzxj2.js";
+import { t as GrToaster_default } from "./components/GrToaster/chunks/GrToaster-C6_iHk2J.js";
+import { t as GrTooltip_default } from "./components/GrTooltip/chunks/GrTooltip-BC-40SA5.js";
+import { t as grTooltipConfig } from "./chunks/config-Dl5aZ5VR.js";
+import { t as GrTree_default } from "./components/GrTree/chunks/GrTree-uZr5SyQI.js";
+import { n as grTreeSafelist, t as grTreeConfig } from "./chunks/config-BLa1TEGm2.js";
+import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "./chunks/config-D_Pafsjq2.js";
+import { t as GrTreeSelect_default } from "./components/GrTreeSelect/chunks/GrTreeSelect-CytivcCa.js";
 import { initThemeEarly, useTheme } from "./composables/useTheme.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, onBeforeUnmount, openBlock, reactive, ref, render, shallowRef, toDisplayString, watch, withCtx } from "vue";
 import { defineGranularComponent } from "@feugene/unocss-preset-granular/contract";

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

@@ -1,7 +1,8 @@
+import type { Placement } from '@floating-ui/dom';
 export type GrDropdownAlign = 'left' | 'right' | 'center';
 export type GrDropdownWidth = 'auto' | '20' | '48' | '60' | '64' | '80';
 export declare const widthClassByWidth: Record<GrDropdownWidth, string>;
-export declare const alignmentClassByAlign: Record<GrDropdownAlign, string>;
+export declare const originClassByPlacement: Partial<Record<Placement, string>>;
 export declare function grDropdownWidthClass(width: GrDropdownWidth): string;
-export declare function grDropdownAlignmentClass(align: GrDropdownAlign): string;
+export declare function grDropdownOriginClass(placement: Placement): string;
 export declare function grDropdownContentClass(contentClass?: string): string;

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

@@ -51,11 +51,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{}>, {
     width: GrDropdownMenuWidth;
     align: GrDropdownMenuAlign;
+    borderBottom: boolean;
+    borderTop: boolean;
     closeOnContentClick: boolean;
     contentClass: string;
     dividers: boolean;
-    borderTop: boolean;
-    borderBottom: boolean;
     listClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -21,8 +21,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     uppercase: boolean;
 }>>> & Readonly<{}>, {
     title: string;
-    dividers: boolean;
     uppercase: boolean;
+    dividers: boolean;
     titleAlign: GrDropdownMenuHeaderAlign;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -16,9 +16,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     borderTop: boolean;
     borderBottom: boolean;
 }>>> & Readonly<{}>, {
-    dividers: boolean;
-    borderTop: boolean;
     borderBottom: boolean;
+    borderTop: boolean;
+    dividers: boolean;
 }, {}, {}, {}, 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/src/components/GrFileUpload/GrFileUpload.vue.d.ts

@@ -159,10 +159,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     name: string;
     headers: Record<string, string>;
     placeholder: string;
+    multiple: boolean;
     withCredentials: boolean;
     action: string;
     request: GrFileUploadRequest;
-    multiple: boolean;
     limit: number;
     onExceed: (files: File[], limit: number) => void;
     beforeUpload: (file: File) => boolean | Promise<unknown>;

package/dist/types/src/components/GrLink/GrLink.vue.d.ts

@@ -68,9 +68,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     as: string | Component;
     target: string;
     href: string;
+    underline: GrLinkUnderline;
     external: boolean;
     rel: string;
-    underline: GrLinkUnderline;
 }, {}, {}, {}, 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/src/components/GrModal/grModalStyles.d.ts

@@ -1,5 +1,5 @@
 export type GrModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-export declare const root = "fixed inset-0 z-50";
+export declare const root = "fixed inset-0 z-[var(--gr-z-modal)]";
 export declare const shell = "fixed inset-0 overflow-y-auto p-4 sm:p-6";
 export declare const layout = "min-h-full flex items-center justify-center";
 export declare const overlay = "fixed inset-0 z-0 bg-black/40";

package/dist/types/src/components/GrSegmented/GrSegmented.vue.d.ts

@@ -52,8 +52,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: string;
     name: string;
-    indicatorDuration: number;
     block: boolean;
+    indicatorDuration: 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/src/components/GrSelect/GrSelect.vue.d.ts

@@ -1,11 +1,12 @@
-import { type GrSelectModelValue, type GrSelectOption, type GrSelectOptionsView, type GrSelectSize, type GrSelectUnderline, type GrSelectVariant, type GrSelectView } from './grSelectStyles';
-export type { GrSelectModelValue, GrSelectOption, GrSelectOptionsView, GrSelectSize, GrSelectUnderline, GrSelectVariant, GrSelectView, } from './grSelectStyles';
+import { type GrSelectModelValue, type GrSelectOption, type GrSelectOptionOrGroup, type GrSelectOptionsView, type GrSelectSize, type GrSelectUnderline, type GrSelectVariant, type GrSelectView } from './grSelectStyles';
+export type { GrSelectModelValue, GrSelectOption, GrSelectOptionGroup, GrSelectOptionOrGroup, GrSelectOptionsView, GrSelectSize, GrSelectUnderline, GrSelectVariant, GrSelectView, } from './grSelectStyles';
 /**
  * Пропсы публичного DS-примитива «Select».
  */
 export interface GrSelectProps {
     modelValue: GrSelectModelValue;
-    options?: GrSelectOption[];
+    /** Список опций. Поддерживает плоский массив опций и группы опций (`{ label, options }`). */
+    options?: GrSelectOptionOrGroup[];
     disabled?: boolean;
     ariaLabel?: string;
     view?: GrSelectView;
@@ -18,7 +19,7 @@ export interface GrSelectProps {
     optionsView?: GrSelectOptionsView;
     /** Разрешает ввод/выбор значения, которого нет в `options`. */
     allowCustomValue?: boolean;
-    /** Placeholder для инпута кастомного значения (только в `optionsView="panel"`). */
+    /** Placeholder для инпута кастомного значения (только в `optionsView="panel"`). i18n-friendly: если не задан — берётся из адаптера перевода (`gr.select.customValuePlaceholder`), иначе — встроенный fallback. */
     customValuePlaceholder?: string;
     /** Максимальная высота панели (только в `optionsView="panel"`). */
     dropdownMaxHeight?: number;
@@ -66,11 +67,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     multiple: boolean;
     optionsView: string;
     allowCustomValue: boolean;
-    customValuePlaceholder: string;
+    customValuePlaceholder: undefined;
     dropdownMaxHeight: number;
     closeOnSelect: boolean;
     clearable: boolean;
-    clearLabel: string;
+    clearLabel: undefined;
     variant: string;
     underline: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -85,11 +86,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     multiple: boolean;
     optionsView: string;
     allowCustomValue: boolean;
-    customValuePlaceholder: string;
+    customValuePlaceholder: undefined;
     dropdownMaxHeight: number;
     closeOnSelect: boolean;
     clearable: boolean;
-    clearLabel: string;
+    clearLabel: undefined;
     variant: string;
     underline: string;
 }>>> & Readonly<{
@@ -101,9 +102,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: string;
     placeholder: string;
-    options: GrSelectOption[];
-    multiple: boolean;
+    options: GrSelectOptionOrGroup[];
     underline: GrSelectUnderline;
+    multiple: boolean;
     optionsView: GrSelectOptionsView;
     allowCustomValue: boolean;
     customValuePlaceholder: string;

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

@@ -7,6 +7,13 @@ export type GrSelectOption = {
     value: string;
     label: string;
 };
+/** Группа опций: заголовок `label` + вложенные опции `options`. */
+export type GrSelectOptionGroup = {
+    label: string;
+    options: GrSelectOption[];
+};
+/** Элемент списка опций: либо одиночная опция, либо группа опций. */
+export type GrSelectOptionOrGroup = GrSelectOption | GrSelectOptionGroup;
 export type GrSelectModelValue = string | string[];
 export declare const defaultBaseClass = "w-full rounded-md border border-[var(--brd)] bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
 export declare const linkBaseClass = "cursor-pointer inline-block w-auto align-baseline appearance-none bg-transparent border border-transparent px-0 py-0 rounded-[6px] transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";

package/dist/types/src/components/GrSelect/index.d.ts

@@ -1,5 +1,5 @@
 export { default } from './GrSelect.vue';
 export { default as GrSelect } from './GrSelect.vue';
 export { grSelectConfig } from './config';
-export type { GrSelectModelValue, GrSelectOption, GrSelectOptionsView, GrSelectProps, GrSelectSize, GrSelectUnderline, GrSelectVariant, GrSelectView, } from './GrSelect.vue';
+export type { GrSelectModelValue, GrSelectOption, GrSelectOptionGroup, GrSelectOptionOrGroup, GrSelectOptionsView, GrSelectProps, GrSelectSize, GrSelectUnderline, GrSelectVariant, GrSelectView, } from './GrSelect.vue';
 export { grSelectSafelist } from './safelist';

package/dist/types/src/composables/internal/useFloating.d.ts

@@ -0,0 +1,53 @@
+import type { CSSProperties, Ref } from 'vue';
+import type { Placement } from '@floating-ui/dom';
+export type UseFloatingPlacement = Placement;
+export interface UseFloatingOptions {
+    /**
+     * Предпочитаемое место панели относительно триггера. По умолчанию `bottom-start`.
+     * Можно передать функцию-геттер, если место зависит от реактивного пропа
+     * (например, `align`) — она вызывается заново при каждом пересчёте позиции.
+     */
+    placement?: UseFloatingPlacement | (() => UseFloatingPlacement);
+    /** Зазор между триггером и панелью, px. По умолчанию `8`. */
+    offsetPx?: number;
+    /** Минимальный отступ от края viewport при flip/shift, px. По умолчанию `8`. */
+    boundaryPadding?: number;
+    /**
+     * Согласовать ширину панели с шириной триггера (актуально для Select/TreeSelect).
+     * Не годится для Dropdown/Tooltip, где ширина панели определяется контентом.
+     * - `true` — точная ширина (`width = ширина триггера`);
+     * - `'min'` — панель растёт по контенту (`width: max-content`), но не уже триггера
+     *   (`min-width = ширина триггера`) — режим `GrSelect view="link"`;
+     * - функция-геттер — как и `placement`, для реактивной зависимости от пропа.
+     */
+    matchWidth?: boolean | 'min' | (() => boolean | 'min');
+    /** CSS-переменная шкалы слоёв (см. `styles/tokens.css`). По умолчанию `--gr-z-dropdown`. */
+    zIndexVar?: string;
+}
+export interface UseFloatingReturn {
+    /** Готовый объект для `:style` на плавающем элементе. */
+    floatingStyle: Ref<CSSProperties>;
+    /**
+     * Итоговое место панели ПОСЛЕ применения `flip` — может отличаться от запрошенного
+     * `placement`, если места не хватило и панель перевернуло на противоположную сторону.
+     * Полезно для выбора `transform-origin`/направления transition в потребителе.
+     */
+    resolvedPlacement: Ref<Placement>;
+    /** Принудительный пересчёт позиции (например, после изменения контента панели). */
+    update: () => void;
+}
+/**
+ * Единый движок позиционирования floating-панелей (Dropdown/Select/TreeSelect/Tooltip)
+ * поверх `@floating-ui/dom`: flip (переворот при нехватке места), shift (клэмп к границам
+ * viewport), опциональный `size`-мидлвар для растягивания по ширине триггера.
+ *
+ * Пересчёт положения при скролле/ресайзе делает `autoUpdate` из `@floating-ui/dom` —
+ * он сам использует `ResizeObserver`/`IntersectionObserver` и пассивные слушатели вместо
+ * наивного враппера на каждый `scroll`/`resize`, поэтому отдельный rAF-throttling здесь
+ * не нужен (в отличие от прежней ручной реализации в `GrSelect`/`GrDropdown`).
+ *
+ * Требует, чтобы `floatingEl` был примонтирован в DOM на момент открытия (обычно —
+ * `<teleport to="body">` + `v-show`, а не `v-if`): позиционирование не может измерить
+ * элемент, которого нет в дереве.
+ */
+export declare function useFloating(referenceEl: Ref<HTMLElement | null>, floatingEl: Ref<HTMLElement | null>, open: Ref<boolean>, options?: UseFloatingOptions): UseFloatingReturn;

package/dist/types/src/i18n/messages/en.d.ts

@@ -23,6 +23,10 @@ export declare const en: {
                     filterPlaceholder: string;
                     empty: string;
                 };
+                select: {
+                    customValuePlaceholder: string;
+                    addOption: string;
+                };
                 dialog: {
                     confirm: {
                         title: string;
@@ -34,9 +38,11 @@ export declare const en: {
                     };
                 };
                 pagination: {
+                    label: string;
                     pageSize: string;
                     prev: string;
                     next: string;
+                    page: string;
                 };
                 navbar: {
                     openMenu: string;
@@ -82,6 +88,10 @@ export declare const en: {
                 filterPlaceholder: string;
                 empty: string;
             };
+            select: {
+                customValuePlaceholder: string;
+                addOption: string;
+            };
             dialog: {
                 confirm: {
                     title: string;
@@ -93,9 +103,11 @@ export declare const en: {
                 };
             };
             pagination: {
+                label: string;
                 pageSize: string;
                 prev: string;
                 next: string;
+                page: string;
             };
             navbar: {
                 openMenu: string;

package/dist/types/src/i18n/messages/es.d.ts

@@ -16,6 +16,10 @@ export declare const es: {
                     filterPlaceholder: string;
                     empty: string;
                 };
+                select: {
+                    customValuePlaceholder: string;
+                    addOption: string;
+                };
                 dialog: {
                     confirm: {
                         title: string;
@@ -27,9 +31,11 @@ export declare const es: {
                     };
                 };
                 pagination: {
+                    label: string;
                     pageSize: string;
                     prev: string;
                     next: string;
+                    page: string;
                 };
                 navbar: {
                     openMenu: string;
@@ -75,6 +81,10 @@ export declare const es: {
                 filterPlaceholder: string;
                 empty: string;
             };
+            select: {
+                customValuePlaceholder: string;
+                addOption: string;
+            };
             dialog: {
                 confirm: {
                     title: string;
@@ -86,9 +96,11 @@ export declare const es: {
                 };
             };
             pagination: {
+                label: string;
                 pageSize: string;
                 prev: string;
                 next: string;
+                page: string;
             };
             navbar: {
                 openMenu: string;

package/dist/types/src/i18n/messages/ru.d.ts

@@ -16,6 +16,10 @@ export declare const ru: {
                     filterPlaceholder: string;
                     empty: string;
                 };
+                select: {
+                    customValuePlaceholder: string;
+                    addOption: string;
+                };
                 dialog: {
                     confirm: {
                         title: string;
@@ -27,9 +31,11 @@ export declare const ru: {
                     };
                 };
                 pagination: {
+                    label: string;
                     pageSize: string;
                     prev: string;
                     next: string;
+                    page: string;
                 };
                 navbar: {
                     openMenu: string;
@@ -75,6 +81,10 @@ export declare const ru: {
                 filterPlaceholder: string;
                 empty: string;
             };
+            select: {
+                customValuePlaceholder: string;
+                addOption: string;
+            };
             dialog: {
                 confirm: {
                     title: string;
@@ -86,9 +96,11 @@ export declare const ru: {
                 };
             };
             pagination: {
+                label: string;
                 pageSize: string;
                 prev: string;
                 next: string;
+                page: string;
             };
             navbar: {
                 openMenu: string;

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.9.3",
+  "version": "0.10.0",
   "license": "SEE LICENSE IN LICENSE",
   "author": {
     "name": "Evgeniy Fureev",
@@ -309,11 +309,18 @@
     }
   },
   "peerDependencies": {
+    "@feugene/fint-i18n": "^0.3.0",
     "@feugene/unocss-preset-granular": "^0.3.0",
     "vue": "^3.5.32"
   },
+  "peerDependenciesMeta": {
+    "@feugene/fint-i18n": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@antfu/eslint-config": "^8.2.0",
+    "@feugene/fint-i18n": "^0.3.0",
     "@feugene/unocss-preset-granular": "^0.3.0",
     "@iconify-json/lucide": "^1.2.101",
     "@types/node": "^25.5.2",
@@ -342,6 +349,7 @@
     "test:run": "vitest run --config vitest.config.ts"
   },
   "dependencies": {
+    "@floating-ui/dom": "^1.6.0",
     "@headlessui/vue": "^1.7.23"
   }
 }

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

@@ -1 +0,0 @@
-{"version":3,"file":"config-Br_qI3Za.js","names":[],"sources":["../../src/components/GrDropdown/safelist.ts","../../src/components/GrDropdown/config.ts"],"sourcesContent":["import { splitClassTokens } from '../shared/classTokens'\nimport {\n  alignmentClassByAlign,\n  widthClassByWidth,\n} from './grDropdownStyles'\n\n// В safelist кладём только динамические токены, выбираемые по ключам в рантайме\n// (`width`/`align`). Литералы content-класса (`rounded-*`, `border`, `bg-*` и пр.)\n// прописаны статически в исходнике `grDropdownStyles.ts` и находятся UnoCSS'ом сканом.\nexport const grDropdownSafelist = [...new Set([\n  ...Object.values(widthClassByWidth).flatMap(splitClassTokens),\n  ...Object.values(alignmentClassByAlign).flatMap(splitClassTokens),\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})"],"mappings":";;;;AASA,IAAa,qBAAqB,CAAC,GAAG,IAAI,IAAI,CAC5C,GAAG,OAAO,OAAO,kBAAkB,CAAC,QAAQ,iBAAiB,EAC7D,GAAG,OAAO,OAAO,sBAAsB,CAAC,QAAQ,iBAAiB,CAClE,CAAC,CAAC;;;ACRH,IAAa,mBAAmB,wBAAwB,OAAO,KAAK,KAAK;CACvE,MAAM;CACN,UAAU;CACX,CAAA"}

package/dist/chunks/en-foQA8imU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"en-foQA8imU.js","names":[],"sources":["../../src/i18n/locales/en.json"],"sourcesContent":["{\n  \"common\": {\n    \"confirm\": \"Confirm\",\n    \"cancel\": \"Cancel\",\n    \"add\": \"Add\",\n    \"clear\": \"Clear\",\n    \"close\": \"Close\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Loading...\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Search…\",\n    \"empty\": \"No data\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Confirm\"\n    },\n    \"prompt\": {\n      \"title\": \"Prompt\",\n      \"label\": \"Value\",\n      \"required\": \"Enter a value.\"\n    }\n  },\n  \"pagination\": {\n    \"pageSize\": \"Page size\",\n    \"prev\": \"Prev\",\n    \"next\": \"Next\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Open menu\"\n  },\n  \"responseError\": {\n    \"networkTitle\": \"No connection to the server\",\n    \"networkMessage\": \"Check your internet connection and try again.\",\n    \"abortedTitle\": \"Request cancelled\",\n    \"abortedMessage\": \"The request was cancelled.\",\n    \"validationTitle\": \"Check the data\",\n    \"validationMessage\": \"The server returned a validation error. Fix the fields and try again.\",\n    \"clientTitle\": \"Request error\",\n    \"clientMessage\": \"The server rejected the request.\",\n    \"serverTitle\": \"Server error\",\n    \"serverMessage\": \"A server error occurred. Please try again.\",\n    \"unknownTitle\": \"Something went wrong\",\n    \"unknownMessage\": \"The operation could not be completed. Please try again.\",\n    \"retryLabel\": \"Retry\",\n    \"dismissLabel\": \"Dismiss\"\n  },\n  \"colors\": {\n    \"neutral\": \"Neutral\",\n    \"success\": \"Success\",\n    \"warning\": \"Warning\",\n    \"danger\": \"Danger\",\n    \"info\": \"Info\",\n    \"primary\": \"Primary\",\n    \"slate\": \"Slate\",\n    \"azure\": \"Azure\"\n  }\n}\n"],"mappings":""}

package/dist/chunks/es-DZFSojYL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"es-DZFSojYL.js","names":[],"sources":["../../src/i18n/locales/es.json"],"sourcesContent":["{\n  \"common\": {\n    \"confirm\": \"Confirmar\",\n    \"cancel\": \"Cancelar\",\n    \"add\": \"Añadir\",\n    \"clear\": \"Limpiar\",\n    \"close\": \"Cerrar\"\n  },\n  \"loading\": {\n    \"defaultText\": \"Cargando...\"\n  },\n  \"treeSelect\": {\n    \"filterPlaceholder\": \"Buscar…\",\n    \"empty\": \"Sin datos\"\n  },\n  \"dialog\": {\n    \"confirm\": {\n      \"title\": \"Confirmar\"\n    },\n    \"prompt\": {\n      \"title\": \"Aviso\",\n      \"label\": \"Valor\",\n      \"required\": \"Introduzca un valor.\"\n    }\n  },\n  \"pagination\": {\n    \"pageSize\": \"Tamaño de página\",\n    \"prev\": \"Anterior\",\n    \"next\": \"Siguiente\"\n  },\n  \"navbar\": {\n    \"openMenu\": \"Abrir menú\"\n  },\n  \"responseError\": {\n    \"networkTitle\": \"Sin conexión con el servidor\",\n    \"networkMessage\": \"Compruebe su conexión a internet e inténtelo de nuevo.\",\n    \"abortedTitle\": \"Solicitud cancelada\",\n    \"abortedMessage\": \"La solicitud fue cancelada.\",\n    \"validationTitle\": \"Compruebe los datos\",\n    \"validationMessage\": \"El servidor devolvió un error de validación. Corrija los campos e inténtelo de nuevo.\",\n    \"clientTitle\": \"Error de solicitud\",\n    \"clientMessage\": \"El servidor rechazó la solicitud.\",\n    \"serverTitle\": \"Error del servidor\",\n    \"serverMessage\": \"Se produjo un error en el servidor. Inténtelo de nuevo.\",\n    \"unknownTitle\": \"Algo salió mal\",\n    \"unknownMessage\": \"No se pudo completar la operación. Inténtelo de nuevo.\",\n    \"retryLabel\": \"Reintentar\",\n    \"dismissLabel\": \"Descartar\"\n  },\n  \"colors\": {\n    \"neutral\": \"Neutral\",\n    \"success\": \"Éxito\",\n    \"warning\": \"Advertencia\",\n    \"danger\": \"Peligro\",\n    \"info\": \"Info\",\n    \"primary\": \"Primario\",\n    \"slate\": \"Pizarra\",\n    \"azure\": \"Azul celeste\"\n  }\n}\n"],"mappings":""}

package/dist/chunks/grDropdownStyles-B41mVR1H.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"grDropdownStyles-B41mVR1H.js","names":[],"sources":["../../src/components/GrDropdown/grDropdownStyles.ts"],"sourcesContent":["export type GrDropdownAlign = 'left' | 'right' | 'center'\nexport type GrDropdownWidth = 'auto' | '20' | '48' | '60' | '64' | '80'\n\nexport const widthClassByWidth: Record<GrDropdownWidth, string> = {\n  auto: '',\n  20: 'w-20',\n  48: 'w-48',\n  60: 'w-60',\n  64: 'w-64',\n  80: 'w-80',\n}\n\nexport const alignmentClassByAlign: Record<GrDropdownAlign, string> = {\n  left: 'origin-top-left',\n  right: 'origin-top-right -translate-x-full',\n  center: 'origin-top -translate-x-1/2',\n}\n\nexport function grDropdownWidthClass(width: GrDropdownWidth): string {\n  return widthClassByWidth[width]\n}\n\nexport function grDropdownAlignmentClass(align: GrDropdownAlign): string {\n  return alignmentClassByAlign[align]\n}\n\nexport function grDropdownContentClass(contentClass?: string): string {\n  return [\n    'rounded-[var(--ds-radius-xl)]',\n    'border border-[var(--brd)]',\n    'bg-[var(--card)] text-[var(--card-fg)]',\n    'shadow-[var(--ds-shadow-2)]',\n    'p-1',\n    contentClass,\n  ].filter(Boolean).join(' ')\n}\n"],"mappings":";AAGA,IAAa,oBAAqD;CAChE,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,wBAAyD;CACpE,MAAM;CACN,OAAO;CACP,QAAQ;CACT;AAED,SAAgB,qBAAqB,OAAgC;AACnE,QAAO,kBAAkB;;AAG3B,SAAgB,yBAAyB,OAAgC;AACvE,QAAO,sBAAsB;;AAG/B,SAAgB,uBAAuB,cAA+B;AACpE,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI"}