@feugene/granularity 0.42.0 → 0.43.0

package/dist/types/components/GrCarousel/GrCarouselSlide.vue.d.ts

@@ -0,0 +1,53 @@
+export interface GrCarouselSlideProps {
+    /** Имя слайда: подпись его переключателя и доступное имя самого кадра. */
+    label?: string;
+    /** URL миниатюры для `indicators="thumbnails"`. Слот `#thumbnail` сильнее. */
+    thumbnail?: string;
+}
+type __VLS_Slots = {
+    /** Содержимое кадра. */
+    default?: () => unknown;
+    /**
+     * Своя разметка миниатюры. Рендерит её полоса переключателей `GrCarousel`,
+     * поэтому `<slot name="thumbnail">` здесь не стоит: узел уезжает наверх при
+     * регистрации. Появится он тут — понадобится запись в `DOMAIN_SLOTS` гейта
+     * `slotContract.test.ts`.
+     */
+    thumbnail?: () => unknown;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrCarouselSlideProps>, {
+    label: undefined;
+    thumbnail: undefined;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrCarouselSlideProps>, {
+    label: undefined;
+    thumbnail: undefined;
+}>>> & Readonly<{}>, {
+    label: string;
+    thumbnail: 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/components/GrCarousel/carouselNavigation.d.ts

@@ -0,0 +1,57 @@
+/** Сколько пикселей должен пройти указатель, чтобы это считалось листанием. */
+export declare const SWIPE_THRESHOLD_PX = 60;
+/**
+ * Во сколько раз горизонталь обязана превысить вертикаль. Ниже этого жест
+ * считается вертикальной прокруткой страницы и ленту не двигает: палец редко
+ * идёт строго по оси, и без фильтра карусель перехватывала бы скролл.
+ */
+export declare const SWIPE_AXIS_RATIO = 1.5;
+/**
+ * Доля ширины вьюпорта, начиная с которой жест засчитывается. Работает вместе
+ * с {@link SWIPE_THRESHOLD_PX} по максимуму: 60px на герое шириной 1200px —
+ * это нервно, а на узкой карточке доля выродилась бы в пару пикселей.
+ */
+export declare const SWIPE_THRESHOLD_RATIO = 0.15;
+/** Во сколько раз вязче идёт лента, когда листать в эту сторону уже некуда. */
+export declare const SWIPE_RESISTANCE = 4;
+/**
+ * Логическое направление жеста: `1` — вперёд, `-1` — назад, `0` — не свайп.
+ *
+ * `dx` физический, в пикселях экрана; разворот под RTL — забота вызывающего,
+ * модуль про направление письма не знает. Палец, ушедший влево, листает вперёд:
+ * содержимое едет за пальцем, как в нативной прокрутке.
+ *
+ * Отдельным модулем, потому что в jsdom раскладки нет и через смонтированный
+ * компонент ни одна ветка не проверяется — тот же довод, что у
+ * {@link resolveScrollOverflow}.
+ */
+export declare function resolveSwipeDirection(dx: number, dy: number, threshold?: number): -1 | 0 | 1;
+/**
+ * Порог жеста для ленты шириной `width`. При нулевой ширине — а в jsdom она
+ * всегда нулевая — вырождается в пиксельный минимум, и жест остаётся
+ * проверяемым.
+ */
+export declare function swipeThresholdFor(width: number): number;
+/** Смещение ленты за пальцем: за краем — вязкое, иначе один в один. */
+export declare function resistOffset(delta: number, atEdge: boolean): number;
+/**
+ * Индекс, зажатый в границы ленты. Пустая лента даёт `0`: слайда с таким
+ * номером нет, но отрицательный индекс уехал бы в CSS-переменную трека.
+ */
+export declare function clampIndex(index: number, count: number): number;
+/**
+ * Шаг по ленте. Без `loop` на краю возвращает тот же индекс — вызывающий по
+ * этому признаку и гасит стрелку, отдельного предиката не нужно.
+ */
+export declare function stepIndex(index: number, delta: number, count: number, loop: boolean): number;
+/**
+ * Насколько прокрутить полосу переключателей, чтобы кадр был виден.
+ *
+ * Считается своей арифметикой, а не `scrollIntoView`: тот прокручивает **всех**
+ * предков, включая документ, — и карусель, уехавшая под сгиб, на каждом шаге
+ * автопрокрутки утаскивала бы страницу обратно к себе. Здесь двигается только
+ * сама полоса.
+ *
+ * Движение минимальное: элемент уже виден — `scrollLeft` не меняется вовсе.
+ */
+export declare function stripScrollLeft(scrollLeft: number, viewport: number, itemStart: number, itemEnd: number, padding?: number): number;

package/dist/types/components/GrCarousel/composables/useCarouselAutoplay.d.ts

@@ -0,0 +1,33 @@
+import type { ComputedRef } from 'vue';
+export interface UseCarouselAutoplayOptions {
+    /** Пауза между слайдами, мс. */
+    interval: () => number;
+    /** Показ включён: проп задан и его никто не остановил. */
+    enabled: () => boolean;
+    /**
+     * Отсчёт приостановлен — курсор над лентой, идёт жест, вкладка в фоне.
+     * Это **не** остановка: остаток сохраняется, и по снятию паузы лента
+     * досчитывает его, а не начинает интервал заново.
+     */
+    paused: () => boolean;
+    /** Шаг ленты. */
+    advance: () => void;
+}
+export interface UseCarouselAutoplayReturn {
+    /** Заведён ли отсчёт прямо сейчас. Пауза его снимает, намерение показа — нет. */
+    running: ComputedRef<boolean>;
+    /** Забыть остаток и отсчитать интервал заново — после смены слайда извне. */
+    restart: () => void;
+}
+/**
+ * Таймер автопрокрутки с паузой по остатку.
+ *
+ * Модель взята у `useToast` (`{ handle, remaining, startedAt }`), и `setInterval`
+ * здесь не годится принципиально: паузу, сохраняющую остаток, на нём не
+ * выразить — курсор, снятый за полсекунды до шага, откладывал бы шаг на полный
+ * интервал.
+ *
+ * Композабл локальный: публичный потребовал бы записей в трёх реестрах пакета,
+ * а переиспользовать его сегодня некому.
+ */
+export declare function useCarouselAutoplay(options: UseCarouselAutoplayOptions): UseCarouselAutoplayReturn;

package/dist/types/components/GrCarousel/composables/useCarouselSwipe.d.ts

@@ -0,0 +1,20 @@
+import type { Ref } from 'vue';
+export interface UseCarouselSwipeOptions {
+    disabled: () => boolean;
+    /** Вьюпорт: у него спрашиваются ширина и направление письма. */
+    viewport: () => HTMLElement | null;
+    /** Порог пройден. Направление логическое: `1` — вперёд, `-1` — назад. */
+    onSwipe: (direction: 1 | -1) => void;
+    /** Листать в эту сторону некуда — жест идёт вязко. */
+    atEdge: (direction: 1 | -1) => boolean;
+    /** Жест начался: показ пора ставить на паузу. */
+    onStart?: () => void;
+}
+export interface UseCarouselSwipeReturn {
+    isDragging: Ref<boolean>;
+    /** Смещение ленты за указателем, px. Физическое: зеркалит его CSS, не JS. */
+    offset: Ref<number>;
+    /** Вешается на `@pointerdown` вьюпорта. */
+    start: (event: PointerEvent) => void;
+}
+export declare function useCarouselSwipe(options: UseCarouselSwipeOptions): UseCarouselSwipeReturn;

package/dist/types/components/GrCarousel/config.d.ts

@@ -0,0 +1,7 @@
+/**
+ * `dependencies` пуст намеренно: стрелки и тумблер — обычные `<button>`, а не
+ * `GrButton`. Тот связывает `disabled` с нативным атрибутом, а стрелка на краю
+ * без `loop` обязана остаться фокусируемой (`aria-disabled`), иначе фокус
+ * падает в `<body>` ровно в момент, когда пользователь долистал до конца.
+ */
+export declare const grCarouselConfig: import("@feugene/unocss-preset-granular/contract").GranularComponentDescriptor<"GrCarousel">;

package/dist/types/components/GrCarousel/defaults.d.ts

@@ -0,0 +1,13 @@
+import type { GrTone } from '../shared/tones';
+import type { GrCarouselActivationMode, GrCarouselIndicators } from './grCarouselStyles';
+/** Пропы `GrCarousel`, настраиваемые глобально через `componentDefaults`. */
+export interface GrCarouselConfigurableProps {
+    indicators: GrCarouselIndicators;
+    activationMode: GrCarouselActivationMode;
+    tone: GrTone;
+}
+declare module '../../composables/useGrComponentConfig' {
+    interface GrComponentDefaultsRegistry {
+        GrCarousel: GrCarouselConfigurableProps;
+    }
+}

package/dist/types/components/GrCarousel/grCarouselContext.d.ts

@@ -0,0 +1,46 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/** Что слайд сообщает о себе ленте при регистрации. */
+export interface GrCarouselSlideEntry {
+    /** `useId()` слайда. Он же его DOM-id и ключ реестра. */
+    id: string;
+    /** Имя слайда: подпись его переключателя и `aria-label` самого слайда. */
+    label: () => string | undefined;
+    /** URL миниатюры. */
+    thumbnailSrc: () => string | undefined;
+    /**
+     * Дал ли слайд свою разметку миниатюры. Геттер, а не снимок: слот, появившийся
+     * позже, снимком в `setup` не увиделся бы.
+     */
+    hasThumbnail: () => boolean;
+    /**
+     * Своя разметка миниатюры. Рендерит её **полоса переключателей**, а не слайд:
+     * узел уезжает наверх ссылкой. Ссылка стабильна — иначе `:is` перемонтировал
+     * бы миниатюру на каждый рендер.
+     */
+    thumbnail: () => unknown;
+    /**
+     * Корневой узел. Геттер, а не значение: регистрация идёт в `setup`, когда
+     * элемента ещё нет. По нему же восстанавливается порядок слайдов в документе.
+     */
+    el: () => HTMLElement | null;
+}
+export interface GrCarouselContext {
+    /** Регистрация слайда. Возвращает отписку. */
+    register: (entry: GrCarouselSlideEntry) => () => void;
+    /** Позиция слайда в ленте; `-1`, пока он не зарегистрирован. */
+    indexOf: (id: string) => number;
+    isCurrent: (id: string) => boolean;
+    total: ComputedRef<number>;
+    /**
+     * `tabpanel`, когда есть полоса переключателей, иначе `group`. Роль слайда
+     * зависит от наличия переключателя, а не от его вида: `tab` требует парного
+     * `tabpanel`, и без полосы привязать его было бы не к чему.
+     */
+    slideRole: ComputedRef<'tabpanel' | 'group'>;
+    slideRoledescription: ComputedRef<string>;
+    /** id переключателя для `aria-labelledby` слайда; `undefined` без полосы. */
+    tabIdFor: (id: string) => string | undefined;
+    /** «N из M» — имя слайда, когда своего `label` у него нет. */
+    positionLabel: (id: string) => string;
+}
+export declare const GR_CAROUSEL_CONTEXT: InjectionKey<GrCarouselContext>;

package/dist/types/components/GrCarousel/grCarouselStyles.d.ts

@@ -0,0 +1,80 @@
+import type { GrTone } from '../shared/tones';
+/**
+ * Вид переключателя слайдов. `none` меняет не только внешность, но и роль самих
+ * слайдов: без переключателя `tabpanel` не к чему привязать — см. `GrCarousel.vue`.
+ */
+export declare const GR_CAROUSEL_INDICATORS: readonly ["dots", "thumbnails", "none"];
+export type GrCarouselIndicators = typeof GR_CAROUSEL_INDICATORS[number];
+/**
+ * Текущая точка: заливка **и** обвод вокруг неё.
+ *
+ * Одной заливки мало: при диаметре в 8 пикселей текущая точка отличалась от
+ * соседних только оттенком, а на приглушённом тоне разница почти пропадала.
+ * Обвод добавляет второй признак — форму, — и работает там, где цвет не
+ * различают.
+ *
+ * `outline`, а не `ring`: он рисуется вне потока и не требует цвета подложки под
+ * зазор, тогда как `ring-offset` пришлось бы красить в фон страницы, которого
+ * компонент не знает.
+ */
+export declare function grCarouselDotActiveClass(tone: GrTone): string;
+export declare function grCarouselThumbActiveClass(tone: GrTone): string;
+/** `automatic` — стрелка по индикаторам сразу листает; `manual` — только двигает фокус. */
+export declare const GR_CAROUSEL_ACTIVATION_MODES: readonly ["automatic", "manual"];
+export type GrCarouselActivationMode = typeof GR_CAROUSEL_ACTIVATION_MODES[number];
+export declare const carouselRootBase = "relative w-full";
+export declare const carouselViewportBase = "relative w-full overflow-hidden";
+/**
+ * Вертикальная прокрутка страницы остаётся браузеру, горизонталь забирает лента.
+ * `select-none` — против выделения текста слайда протяжкой.
+ */
+export declare const carouselViewportSwipeClass = "[touch-action:pan-y] select-none";
+export declare const carouselTrackBase = "flex w-full will-change-transform transition-transform duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]";
+export declare const carouselSlideBase = "w-full min-w-0 shrink-0 grow-0 basis-full";
+/**
+ * Стрелки лежат поверх произвольного содержимого, поэтому несут собственную
+ * подложку: на светлом кадре иконка без неё пропадает. `z-10` — порядок внутри
+ * собственного stacking-контекста компонента, а не слой страницы.
+ */
+export declare const carouselControlBase = "absolute top-1/2 z-10 inline-flex h-9 w-9 -translate-y-1/2 items-center justify-center rounded-[var(--gr-radius-full)] border border-[var(--gr-brd)] bg-[var(--gr-carousel-control-bg,var(--gr-bg))] text-[var(--gr-carousel-control-fg,var(--gr-fg))] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+export declare const carouselControlPositions: {
+    readonly prev: "start-2";
+    readonly next: "end-2";
+};
+/**
+ * Стрелка на краю без `loop` гасится фоном, а не `opacity`: прозрачность
+ * разбавляет выверенные на AA токены текста и роняет контраст.
+ */
+export declare const carouselControlStates: {
+    readonly idle: "hover:bg-[var(--gr-carousel-control-bg-hover,var(--gr-muted))]";
+    readonly disabled: "cursor-not-allowed bg-[var(--gr-muted)] text-[var(--gr-disabled-fg)]";
+};
+/** Тумблер автопрокрутки: тот же хром, что у стрелок, но в углу ленты. */
+export declare const carouselToggleClass = "absolute end-2 top-2 z-10 inline-flex h-8 w-8 items-center justify-center rounded-[var(--gr-radius-full)] border border-[var(--gr-brd)] bg-[var(--gr-carousel-control-bg,var(--gr-bg))] text-[var(--gr-carousel-control-fg,var(--gr-fg))] transition-colors hover:bg-[var(--gr-carousel-control-bg-hover,var(--gr-muted))] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+export declare const carouselIconClass = "h-4 w-4 shrink-0";
+/**
+ * Полоса переключателей прокручивается, а не переносится: перенос увёл бы
+ * миниатюры под соседний блок. Своей остановки `Tab` у неё нет — её дети
+ * фокусируемы, и вторая остановка была бы лишней (приём `GrTabs`).
+ */
+export declare const carouselIndicatorsBase = "flex max-w-full items-center overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden";
+export declare const carouselIndicatorsVariants: {
+    readonly dots: "justify-center gap-[var(--gr-carousel-gap,0.5rem)] px-1 pt-3.5 pb-1.5";
+    readonly thumbnails: "gap-[var(--gr-carousel-gap,0.5rem)] pt-3";
+    readonly none: "";
+};
+export declare const carouselIndicatorBase = "shrink-0 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]";
+export declare const carouselDotBase = "rounded-[var(--gr-radius-full)] h-[var(--gr-carousel-dot-size,0.5rem)] w-[var(--gr-carousel-dot-size,0.5rem)]";
+export declare const carouselDotStates: {
+    readonly idle: "bg-[var(--gr-carousel-dot,var(--gr-brd))] hover:bg-[var(--gr-muted-fg)]";
+};
+export declare const carouselThumbBase = "overflow-hidden rounded-[var(--gr-radius-md)] border-2 w-[var(--gr-carousel-thumb-width,4rem)] h-[var(--gr-carousel-thumb-height,2.5rem)]";
+export declare const carouselThumbStates: {
+    readonly idle: "border-[var(--gr-brd)] hover:border-[var(--gr-muted-fg)]";
+};
+export declare const carouselThumbImageClass = "h-full w-full object-cover";
+/** Миниатюры не дали — плитка держит ритм полосы номером слайда. */
+export declare const carouselThumbFallbackClass = "flex h-full w-full items-center justify-center bg-[var(--gr-muted)] text-[var(--gr-muted-fg)] text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]";
+export declare function grCarouselControlClass(direction: 'prev' | 'next', disabled: boolean): string;
+export declare function grCarouselIndicatorsClass(variant: GrCarouselIndicators): string;
+export declare function grCarouselIndicatorClass(variant: GrCarouselIndicators, active: boolean, tone?: GrTone): string;

package/dist/types/components/GrCarousel/index.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentExposed } from '../shared/instance';
+import type GrCarouselComponent from './GrCarousel.vue';
+export { default } from './GrCarousel.vue';
+export { default as GrCarousel } from './GrCarousel.vue';
+export { default as GrCarouselSlide } from './GrCarouselSlide.vue';
+export { grCarouselConfig } from './config';
+export type { GrCarouselConfigurableProps } from './defaults';
+export type { GrCarouselEmits, GrCarouselProps } from './GrCarousel.vue';
+export type { GrCarouselSlideProps } from './GrCarouselSlide.vue';
+export type { GrCarouselActivationMode, GrCarouselIndicators } from './grCarouselStyles';
+export { grCarouselSafelist } from './safelist';
+export type GrCarouselInstance = ComponentExposed<typeof GrCarouselComponent>;

package/dist/types/components/GrCarousel/safelist.d.ts

@@ -0,0 +1 @@
+export declare const grCarouselSafelist: string[];

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

@@ -78,15 +78,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    disabled: boolean;
+    readonly: boolean;
+    form: string;
     size: GrCheckboxSize;
     labelPosition: GrCheckboxLabelPosition;
     value: string;
-    readonly: boolean;
-    form: string;
     name: string;
     invalid: boolean;
     id: string;
-    disabled: boolean;
     ariaLabel: string;
     modelValue: boolean;
     required: boolean;

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

@@ -67,13 +67,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onFocus?: ((event: FocusEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
 }>, {
-    size: GrCheckboxSize;
+    disabled: boolean;
     readonly: boolean;
+    size: GrCheckboxSize;
     name: string;
     invalid: boolean;
     direction: GrCheckboxGroupDirection;
     options: GrCheckboxGroupOption[];
-    disabled: boolean;
     ariaLabel: string;
     required: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -94,14 +94,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:selected"?: ((value: boolean) => any) | undefined;
     onRemove?: (() => any) | undefined;
 }>, {
+    label: string;
+    disabled: boolean;
     tone: GrChipTone;
     closable: boolean;
     size: GrChipSize;
     radius: GrChipRadius;
     dark: boolean;
     value: GrChipValue;
-    label: string;
-    disabled: boolean;
     selectable: boolean;
     selected: boolean;
     ariaLabel: string;

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

@@ -86,15 +86,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onRemove?: ((value: GrChipValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: GrChipValue | GrChipValue[] | null) => any) | undefined;
 }>, {
+    disabled: boolean;
+    readonly: boolean;
     tone: GrChipTone;
     closable: boolean;
     size: GrChipSize;
     radius: GrChipRadius;
     dark: boolean;
-    readonly: boolean;
     name: string;
     invalid: boolean;
-    disabled: boolean;
     ariaLabel: string;
     modelValue: GrChipValue | GrChipValue[] | null;
     required: boolean;

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

@@ -75,13 +75,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onChange?: ((value: GrCollapseModelValue) => any) | undefined;
     "onUpdate:modelValue"?: ((value: GrCollapseModelValue) => any) | undefined;
 }>, {
+    disabled: boolean;
     size: GrComponentSize;
     headingLevel: GrCollapseHeadingLevel;
     divided: boolean;
     borderless: boolean;
     expandIconPosition: GrCollapseIconPosition;
     emptyText: string;
-    disabled: boolean;
     modelValue: GrCollapseValue | GrCollapseValue[];
     empty: boolean;
     accordion: boolean;

package/dist/types/components/GrCollapse/GrCollapseItem.vue.d.ts

@@ -34,9 +34,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     title: undefined;
     disabled: boolean;
 }>>> & Readonly<{}>, {
+    disabled: boolean;
     title: string;
     name: GrCollapseValue;
-    disabled: 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/components/GrColorPicker/GrColorPicker.vue.d.ts

@@ -70,14 +70,14 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: GrColorPickerSize;
+    placement: "bottom-start" | "bottom-end" | "top-start" | "top-end";
+    disabled: boolean;
     readonly: boolean;
+    size: GrColorPickerSize;
     name: string;
     invalid: boolean;
-    placement: "bottom-start" | "bottom-end" | "top-start" | "top-end";
     alpha: boolean;
     open: boolean;
-    disabled: boolean;
     ariaLabel: string;
     required: boolean;
     presets: string[];

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

@@ -120,10 +120,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onSelect?: ((item: GrCommandItem) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
+    filter: GrCommandFilter;
     size: GrCommandPaletteSize;
     emptyText: string;
     loading: boolean;
-    filter: GrCommandFilter;
     maxHeight: number;
     ariaLabel: string;
     placeholder: string;

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

@@ -125,8 +125,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {
-    size: GrDialogSize;
     title: string;
+    size: GrDialogSize;
     description: string;
     error: ResponseErrorInfo | null;
     closeOnEsc: boolean;

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

@@ -113,10 +113,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onBeforeOpen?: ((context: GrContextMenuOpenContext) => any) | undefined;
 }>, {
-    minWidth: number | string;
     placement: UseFloatingPlacement;
-    open: boolean;
     disabled: boolean;
+    minWidth: number | string;
+    open: boolean;
     ariaLabel: string;
     items: GrDropdownMenuEntry[];
     labelledBy: string;

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

@@ -91,8 +91,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
 }>, {
-    size: GrDialogSize;
     title: string;
+    size: GrDialogSize;
     scrollBehavior: GrModalScrollBehavior;
     ariaLabel: string;
     initialFocus: HTMLElement | null;

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

@@ -56,11 +56,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     length: undefined;
     ariaLabel: undefined;
 }>>> & Readonly<{}>, {
+    label: string;
+    length: number | string;
     variant: GrDividerVariant;
     spacing: GrDividerSpacing;
     orientation: GrDividerOrientation;
-    length: number | string;
-    label: string;
     ariaLabel: string;
     align: GrDividerAlign;
     thickness: number | string;

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

@@ -108,9 +108,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
 }>, {
+    title: string;
     size: GrDrawerSize;
     side: GrDrawerSide;
-    title: string;
     height: string | number;
     width: string | number;
     modal: boolean;

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

@@ -88,11 +88,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    width: GrDropdownWidth;
-    offset: number;
     placement: UseFloatingPlacement;
-    open: boolean;
+    offset: number;
     disabled: boolean;
+    width: GrDropdownWidth;
+    open: boolean;
     trigger: GrDropdownTrigger;
     openDelay: number;
     closeDelay: number;

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

@@ -107,13 +107,13 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     onSelect?: ((item: GrDropdownMenuAction) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    width: GrDropdownWidth;
+    placement: UseFloatingPlacement;
     offset: number;
+    disabled: boolean;
+    width: GrDropdownWidth;
     borderBottom: boolean;
     borderTop: boolean;
-    placement: UseFloatingPlacement;
     open: boolean;
-    disabled: boolean;
     items: GrDropdownMenuEntry[];
     trigger: GrDropdownTrigger;
     openDelay: number;

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

@@ -60,12 +60,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     icon: undefined;
     shortcut: undefined;
 }>>> & Readonly<{}>, {
+    disabled: boolean;
     variant: GrDropdownMenuItemVariant;
     icon: Component;
     role: GrDropdownMenuItemRole;
     target: string;
     href: string;
-    disabled: boolean;
     as: string | Component;
     external: boolean;
     rel: string;

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

@@ -39,10 +39,10 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     variant: undefined;
     headingLevel: undefined;
 }>>> & Readonly<{}>, {
+    title: string;
     variant: GrEmptyStateVariant;
     size: GrEmptyStateSize;
     headingLevel: GrEmptyStateHeadingLevel;
-    title: string;
     description: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -115,8 +115,8 @@ export interface GrFileUploadEmits<TResponse = unknown> {
 }
 declare const __VLS_export: <TResponse = unknown>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & __VLS_PrettifyLocal<GrFileUploadProps<TResponse> & {
-        onSuccess?: ((payload: TResponse, file?: File | undefined) => any) | undefined;
         onProgress?: ((percent: number, info?: GrUploadProgressInfo | undefined, file?: File | undefined) => any) | undefined;
+        onSuccess?: ((payload: TResponse, file?: File | undefined) => any) | undefined;
         onBlur?: ((event: FocusEvent) => any) | undefined;
         onChange?: ((files: File[]) => any) | undefined;
         onError?: ((error: unknown, file?: File | undefined) => any) | undefined;

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

@@ -80,14 +80,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     labelWidth: undefined;
     labelClass: undefined;
 }>>> & Readonly<{}>, {
+    label: string;
+    disabled: boolean;
+    readonly: boolean;
     size: GrFormFieldSize;
     labelWidth: string | number;
     labelPosition: GrFormFieldLabelPosition;
-    readonly: boolean;
-    label: string;
     name: string;
     error: string | string[];
-    disabled: boolean;
     required: boolean;
     labelClass: LabelClass;
     forId: string;