@feugene/granularity 0.11.0 → 0.12.0

package/dist/types/src/components/GrImageViewer/composables/useZoomPan.d.ts

@@ -0,0 +1,50 @@
+import { type Ref } from 'vue';
+export declare function formatPercent(value: number): string;
+export interface UseZoomPanOptions {
+    minScale: () => number;
+    maxScale: () => number;
+    zoomRate: () => number;
+    draggable: () => boolean;
+    /** Ссылка на `<img>` — для измерения layout-размера и подписки ResizeObserver. */
+    imageEl: Ref<HTMLImageElement | null>;
+    /** Колбэк на поворот (эмит `rotate`). */
+    onRotate: (deg: number) => void;
+}
+/**
+ * useZoomPan — состояние и логика масштаба/поворота/панорамирования картинки,
+ * а также метрики (натуральный/вписанный/фактический размер, реальный масштаб).
+ * Вынесено из монолитного `GrImageViewer.vue`.
+ */
+export declare function useZoomPan(options: UseZoomPanOptions): {
+    scale: Ref<number, number>;
+    rotation: Ref<number, number>;
+    offsetX: Ref<number, number>;
+    offsetY: Ref<number, number>;
+    isDragging: Ref<boolean, boolean>;
+    naturalWidth: Ref<number, number>;
+    naturalHeight: Ref<number, number>;
+    fittedWidth: Ref<number, number>;
+    fittedHeight: Ref<number, number>;
+    imageStyle: import("vue").ComputedRef<{
+        transform: string;
+    }>;
+    zoomValueText: import("vue").ComputedRef<string>;
+    renderedWidth: import("vue").ComputedRef<number>;
+    renderedHeight: import("vue").ComputedRef<number>;
+    realScale: import("vue").ComputedRef<number>;
+    realScalePercent: import("vue").ComputedRef<string>;
+    setScale: (value: number) => void;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    rotateLeft: () => void;
+    rotateRight: () => void;
+    resetTransform: () => void;
+    resetImageMetrics: () => void;
+    measureFitted: () => void;
+    onImageLoad: (event: Event) => void;
+    startObservingImage: () => void;
+    stopObservingImage: () => void;
+    onPointerDown: (event: PointerEvent) => void;
+    onPointerMove: (event: PointerEvent) => void;
+    onPointerUp: (event: PointerEvent) => void;
+};

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

@@ -8,11 +8,26 @@ type __VLS_Props = {
     autocomplete?: string;
     inputmode?: InputHTMLAttributes['inputmode'];
     disabled?: boolean;
+    /** Только для чтения: значение видно и выделяемо, но не редактируется. */
+    readonly?: boolean;
     invalid?: boolean;
     state?: 'default' | 'success' | 'warning' | 'danger';
     name?: string;
     id?: string;
     size?: GrInputSize;
+    /** Показывать кнопку очистки, когда есть значение (и не disabled/readonly). */
+    clearable?: boolean;
+    /** i18n aria-label кнопки очистки. */
+    clearLabel?: string;
+    /** Ограничение длины + основа для счётчика символов. */
+    maxlength?: number;
+    /** Показывать счётчик символов (`len` или `len/maxlength`). */
+    showCount?: boolean;
+    /** Кнопка показать/скрыть пароль (только при `type="password"`). */
+    passwordToggle?: boolean;
+    /** i18n aria-label кнопки показать/скрыть пароль. */
+    passwordShowLabel?: string;
+    passwordHideLabel?: string;
     textAlign?: GrInputTextAlign;
     prefixMinWidth?: string;
     prefixMaxWidth?: string;
@@ -28,11 +43,11 @@ type __VLS_Props = {
     suffixFixed?: boolean;
 };
 declare function focus(): void;
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_1: {}, __VLS_18: {};
 type __VLS_Slots = {} & {
     prefix?: (props: typeof __VLS_1) => any;
 } & {
-    suffix?: (props: typeof __VLS_3) => any;
+    suffix?: (props: typeof __VLS_18) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
     type: string;
@@ -40,11 +55,19 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     autocomplete: undefined;
     inputmode: undefined;
     disabled: boolean;
+    readonly: boolean;
     invalid: boolean;
     state: string;
     name: undefined;
     id: undefined;
     size: string;
+    clearable: boolean;
+    clearLabel: undefined;
+    maxlength: undefined;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: undefined;
+    passwordHideLabel: undefined;
     textAlign: string;
     prefixMinWidth: undefined;
     prefixMaxWidth: undefined;
@@ -62,11 +85,19 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     autocomplete: undefined;
     inputmode: undefined;
     disabled: boolean;
+    readonly: boolean;
     invalid: boolean;
     state: string;
     name: undefined;
     id: undefined;
     size: string;
+    clearable: boolean;
+    clearLabel: undefined;
+    maxlength: undefined;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: undefined;
+    passwordHideLabel: undefined;
     textAlign: string;
     prefixMinWidth: undefined;
     prefixMaxWidth: undefined;
@@ -77,6 +108,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
+    readonly: boolean;
     type: "text" | "email" | "password" | "number" | "search";
     size: GrInputSize;
     disabled: boolean;
@@ -87,6 +119,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: string;
     autocomplete: string;
     state: "default" | "success" | "warning" | "danger";
+    clearable: boolean;
+    clearLabel: string;
+    maxlength: number;
+    showCount: boolean;
+    passwordToggle: boolean;
+    passwordShowLabel: string;
+    passwordHideLabel: string;
     textAlign: GrInputTextAlign;
     prefixMinWidth: string;
     prefixMaxWidth: string;

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

@@ -0,0 +1,46 @@
+/**
+ * GrKbd — GR-примитив для отображения клавиш/сочетаний (`<kbd>`).
+ *
+ * Пример: `<GrKbd>⌘</GrKbd> <GrKbd>K</GrKbd>`.
+ */
+export type GrKbdSize = 'sm' | 'md';
+type __VLS_Props = {
+    size?: GrKbdSize;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    size: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    size: string;
+}>>> & Readonly<{}>, {
+    size: GrKbdSize;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/src/components/GrKbd/config.d.ts

@@ -0,0 +1 @@
+export declare const grKbdConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"GrKbd">;

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

@@ -0,0 +1,4 @@
+export { default } from './GrKbd.vue';
+export { default as GrKbd } from './GrKbd.vue';
+export type { GrKbdSize } from './GrKbd.vue';
+export { grKbdConfig } from './config';

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

@@ -19,6 +19,16 @@ export interface GrNumberInputProps {
     min?: number;
     max?: number;
     precision?: number;
+    /**
+     * BCP-47 локаль для отображения значения (группировка разрядов и разделители
+     * через `Intl.NumberFormat`). Работает вместе с `useGrouping`.
+     */
+    locale?: string;
+    /**
+     * Группировать разряды при отображении (когда поле не в фокусе). При фокусе
+     * показывается «сырое» значение для редактирования. По умолчанию выключено.
+     */
+    useGrouping?: boolean;
     /** Показывать кнопки +/-. */
     controls?: boolean;
     controlsDirection?: GrNumberInputControlsDirection;
@@ -61,6 +71,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     min: undefined;
     max: undefined;
     precision: undefined;
+    locale: undefined;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: string;
     prefixMinWidth: undefined;
@@ -92,6 +104,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     min: undefined;
     max: undefined;
     precision: undefined;
+    locale: undefined;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: string;
     prefixMinWidth: undefined;
@@ -127,6 +141,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     decimalSeparator: string;
     step: number;
     precision: number;
+    locale: string;
+    useGrouping: boolean;
     controls: boolean;
     controlsDirection: GrNumberInputControlsDirection;
     increaseLabel: string;

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

@@ -102,6 +102,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     disabled: boolean;
     ariaLabel: string;
     placeholder: string;
+    clearable: boolean;
+    clearLabel: string;
     options: GrSelectOptionOrGroup[];
     underline: GrSelectUnderline;
     multiple: boolean;
@@ -110,8 +112,6 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     customValuePlaceholder: string;
     dropdownMaxHeight: number;
     closeOnSelect: boolean;
-    clearable: boolean;
-    clearLabel: string;
 }, {}, {}, {}, 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/GrTabPanels/GrTabPanel.vue.d.ts

@@ -0,0 +1,46 @@
+/**
+ * GrTabPanel — одна панель внутри `GrTabPanels`. Показывается, когда её `value`
+ * равно активной вкладке. `keepAlive` оставляет неактивные панели в DOM
+ * (скрытыми через `hidden`) — полезно, чтобы не терять состояние форм.
+ */
+type __VLS_Props = {
+    value: string;
+    keepAlive?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    keepAlive: boolean;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    keepAlive: boolean;
+}>>> & Readonly<{}>, {
+    keepAlive: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,51 @@
+/**
+ * GrTabPanels — контейнер `tabpanel`-ов, companion к `GrTabs`.
+ *
+ * Показывает панель, чьё `value` совпадает с `modelValue`, и связывает её с
+ * соответствующей вкладкой по ARIA (`role="tabpanel"`, `aria-labelledby`).
+ *
+ * Для полной связки `tab`↔`tabpanel` передайте **одинаковый `idBase`** и в
+ * `GrTabs`, и в `GrTabPanels` — тогда id вкладок и панелей совпадут
+ * (`aria-controls` ↔ `aria-labelledby`).
+ */
+type __VLS_Props = {
+    modelValue: string;
+    idBase?: string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    idBase: undefined;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+    idBase: undefined;
+}>>> & Readonly<{}>, {
+    idBase: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/types/src/components/GrTabPanels/config.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Granular-конфиг семейства `GrTabPanels` (контейнер `GrTabPanels` + панель
+ * `GrTabPanel`). Companion к `GrTabs` для ARIA-связки `tab`↔`tabpanel`.
+ */
+export declare const grTabPanelsConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"GrTabPanels">;

package/dist/types/src/components/GrTabPanels/context.d.ts

@@ -0,0 +1,9 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** Контекст, который `GrTabPanels` предоставляет своим `GrTabPanel`. */
+export interface GrTabPanelsContext {
+    /** Значение активной вкладки (совпадает с `modelValue` у `GrTabs`). */
+    activeValue: ComputedRef<string>;
+    /** Общая база id для связки `tab`↔`tabpanel` (см. проп `idBase` у `GrTabs`). */
+    idBase: string;
+}
+export declare const GR_TAB_PANELS_KEY: InjectionKey<GrTabPanelsContext>;

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

@@ -0,0 +1,6 @@
+export { default } from './GrTabPanels.vue';
+export { default as GrTabPanels } from './GrTabPanels.vue';
+export { default as GrTabPanel } from './GrTabPanel.vue';
+export type { GrTabPanelsContext } from './context';
+export { GR_TAB_PANELS_KEY } from './context';
+export { grTabPanelsConfig } from './config';

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

@@ -7,6 +7,12 @@ export type GrTab = {
 export type GrTabsProps = {
     modelValue: string;
     tabs: GrTab[];
+    /**
+     * База id для ARIA-связки с `GrTabPanels`. Если задана, каждая вкладка
+     * получает `id="<idBase>-tab-<value>"` и `aria-controls="<idBase>-panel-<value>"`.
+     * Передайте тот же `idBase` в `GrTabPanels`, чтобы связать `tab`↔`tabpanel`.
+     */
+    idBase?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<GrTabsProps>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;

package/dist/types/src/components/GrTree/grTreeInteractionContext.d.ts

@@ -18,6 +18,8 @@ export type GrTreeInteractionEmitters<T> = {
 };
 export type GrTreeInteractionContext<T> = {
     hoveredKey: Ref<GrTreeKey | undefined>;
+    /** Клавиша узла, держащего roving-фокус (единственный tabindex=0 во всём дереве). */
+    focusedKey: Ref<GrTreeKey | undefined>;
     draggingNode: ShallowRef<GrTreeNode<T> | null>;
     dropTarget: ShallowRef<GrTreeDropTarget | null>;
     canDrag: (node: GrTreeNode<T>) => boolean;

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

@@ -0,0 +1,24 @@
+/**
+ * useScrollLock — общий **reference-counted** lock скролла `<body>` для оверлеев
+ * (GrModal, GrDrawer, GrImageViewer).
+ *
+ * Зачем счётчик: раньше каждый оверлей хранил `savedBodyOverflow` per-instance и
+ * восстанавливал `overflow` при СВОЁМ закрытии. Если открыты A, затем B, и первым
+ * закрывают A — body получал `overflow: ''` при ещё открытой B (баг LIFO).
+ * Здесь состояние `<body>` сохраняется один раз (при переходе счётчика 0→1) и
+ * восстанавливается только когда закрыт последний оверлей (счётчик 1→0).
+ *
+ * Плюс компенсация ширины скроллбара: при `overflow: hidden` скроллбар исчезает и
+ * контент дёргается вправо — добавляем `padding-right` на его ширину.
+ */
+/**
+ * Возвращает пару `lock`/`unlock`, идемпотентную **в пределах одного инстанса**
+ * (повторный `lock()` без `unlock()` не увеличивает глобальный счётчик дважды).
+ * Глобальный счётчик разделяется всеми оверлеями.
+ */
+export declare function useScrollLock(): {
+    lock: () => void;
+    unlock: () => void;
+};
+/** Тестовая/служебная очистка глобального состояния. */
+export declare function resetScrollLock(): void;

package/dist/types/src/granular-provider/shared.d.ts

@@ -34,6 +34,7 @@ export declare const granularityComponentConfigs: {
     GrDataTable: GranularComponentDescriptor<"GrDataTable">;
     GrDialog: GranularComponentDescriptor<"GrDialog">;
     GrDialogService: GranularComponentDescriptor<"GrDialogServiceHost">;
+    GrDivider: GranularComponentDescriptor<"GrDivider">;
     GrDrawer: GranularComponentDescriptor<"GrDrawer">;
     GrDropdown: GranularComponentDescriptor<"GrDropdown">;
     GrDropdownMenu: GranularComponentDescriptor<"GrDropdownMenu">;
@@ -46,6 +47,7 @@ export declare const granularityComponentConfigs: {
     GrImageViewer: GranularComponentDescriptor<"GrImageViewer">;
     GrInput: GranularComponentDescriptor<"GrInput">;
     GrInputTag: GranularComponentDescriptor<"GrInputTag">;
+    GrKbd: GranularComponentDescriptor<"GrKbd">;
     GrLink: GranularComponentDescriptor<"GrLink">;
     GrList: GranularComponentDescriptor<"GrList">;
     GrLoading: GranularComponentDescriptor<"GrLoading">;
@@ -64,6 +66,7 @@ export declare const granularityComponentConfigs: {
     GrSkeleton: GranularComponentDescriptor<"GrSkeleton">;
     GrSwitch: GranularComponentDescriptor<"GrSwitch">;
     GrTable: GranularComponentDescriptor<"GrTable">;
+    GrTabPanels: GranularComponentDescriptor<"GrTabPanels">;
     GrTabs: GranularComponentDescriptor<"GrTabs">;
     GrTextarea: GranularComponentDescriptor<"GrTextarea">;
     GrToaster: GranularComponentDescriptor<"GrToaster">;

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

@@ -133,6 +133,11 @@ export declare const en: {
                     serverTitle: string;
                     serverMessage: string;
                 };
+                input: {
+                    clear: string;
+                    showPassword: string;
+                    hidePassword: string;
+                };
             };
             common: {
                 confirm: string;
@@ -258,6 +263,11 @@ export declare const en: {
                 serverTitle: string;
                 serverMessage: string;
             };
+            input: {
+                clear: string;
+                showPassword: string;
+                hidePassword: string;
+            };
         }>;
     };
 };

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

@@ -126,6 +126,11 @@ export declare const es: {
                     serverTitle: string;
                     serverMessage: string;
                 };
+                input: {
+                    clear: string;
+                    showPassword: string;
+                    hidePassword: string;
+                };
             };
             common: {
                 confirm: string;
@@ -251,6 +256,11 @@ export declare const es: {
                 serverTitle: string;
                 serverMessage: string;
             };
+            input: {
+                clear: string;
+                showPassword: string;
+                hidePassword: string;
+            };
         }>;
     };
 };

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

@@ -126,6 +126,11 @@ export declare const ru: {
                     serverTitle: string;
                     serverMessage: string;
                 };
+                input: {
+                    clear: string;
+                    showPassword: string;
+                    hidePassword: string;
+                };
             };
             common: {
                 confirm: string;
@@ -251,6 +256,11 @@ export declare const ru: {
                 serverTitle: string;
                 serverMessage: string;
             };
+            input: {
+                clear: string;
+                showPassword: string;
+                hidePassword: string;
+            };
         }>;
     };
 };

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

@@ -12,6 +12,7 @@ export * from './components/GrConfirmDialog';
 export * from './components/GrDataTable';
 export * from './components/GrDialog';
 export * from './components/GrDialogService';
+export * from './components/GrDivider';
 export * from './components/GrDrawer';
 export * from './components/GrDropdown';
 export * from './components/GrDropdownMenu';
@@ -24,6 +25,7 @@ export * from './components/GrIcon';
 export * from './components/GrImageViewer';
 export * from './components/GrInput';
 export * from './components/GrInputTag';
+export * from './components/GrKbd';
 export * from './components/GrLink';
 export * from './components/GrList';
 export * from './components/GrLoading';
@@ -42,6 +44,7 @@ export * from './components/GrSidebar';
 export * from './components/GrSkeleton';
 export * from './components/GrSwitch';
 export * from './components/GrTable';
+export * from './components/GrTabPanels';
 export * from './components/GrTabs';
 export * from './components/GrTextarea';
 export * from './components/GrToaster';