@feugene/granularity 0.1.0 → 0.3.0

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

@@ -1,15 +1,23 @@
 import { type DsCollapseModelValue, type DsCollapseValue } from './dsCollapseContext';
-type __VLS_Props = {
+/**
+ * DsCollapse — контейнер секций `DsCollapseItem`.
+ *
+ * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.
+ * @prop accordion — режим, когда одновременно может быть открыта только одна секция.
+ * @prop disabled — блокирует взаимодействие со всеми секциями.
+ * @prop divided — разделители между секциями.
+ */
+export interface DsCollapseProps {
     modelValue?: DsCollapseModelValue;
     accordion?: boolean;
     disabled?: boolean;
     divided?: boolean;
-};
+}
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsCollapseProps>, {
     modelValue: undefined;
     accordion: boolean;
     disabled: boolean;
@@ -17,7 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: DsCollapseModelValue) => void;
     change: (value: DsCollapseModelValue) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsCollapseProps>, {
     modelValue: undefined;
     accordion: boolean;
     disabled: boolean;

package/dist/types/src/components/DsCollapse/DsCollapseItem.vue.d.ts

@@ -1,20 +1,27 @@
 import { type DsCollapseValue } from './dsCollapseContext';
-type __VLS_Props = {
+/**
+ * DsCollapseItem — одна секция `DsCollapse`. Должна использоваться строго внутри `DsCollapse`.
+ *
+ * @prop name — уникальный идентификатор секции (для `v-model` у `DsCollapse`); по умолчанию генерируется из `uid`.
+ * @prop title — текст заголовка; можно заменить слотом `#title`.
+ * @prop disabled — запрещает раскрытие/сворачивание секции.
+ */
+export interface DsCollapseItemProps {
     name?: DsCollapseValue;
     title?: string;
     disabled?: boolean;
-};
-declare var __VLS_1: {}, __VLS_8: {};
+}
+declare var __VLS_1: {}, __VLS_14: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_14) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsCollapseItemProps>, {
     name: undefined;
     title: undefined;
     disabled: boolean;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsCollapseItemProps>, {
     name: undefined;
     title: undefined;
     disabled: boolean;

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

@@ -1 +1 @@
-export declare const dsCollapseConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsCollapse">;
+export declare const dsCollapseConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsCollapse">;

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

@@ -1,7 +1,6 @@
 export { default } from './DsCollapse.vue';
-export { default as DsCollapse } from './DsCollapse.vue';
-export { default as DsCollapseItem } from './DsCollapseItem.vue';
+export { default as DsCollapse, type DsCollapseProps } from './DsCollapse.vue';
+export { default as DsCollapseItem, type DsCollapseItemProps } from './DsCollapseItem.vue';
 export { dsCollapseConfig } from './config';
-export { dsCollapseSafelist } from './safelist';
 export type * from './dsCollapseContext';
 export * from './dsCollapseContext';

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

@@ -1,51 +1,67 @@
 import type { DsButtonSize, DsButtonTone, DsButtonVariant } from '../DsButton';
 import type { DsDialogSectionConfig, DsDialogSize } from '../DsDialog';
-type __VLS_Props = {
+export interface DsConfirmDialogProps {
     modelValue: boolean;
     title?: string;
     description?: string;
     closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
+    showHeader?: boolean;
+    showCloseButton?: boolean;
     size?: DsDialogSize;
     headerConfig?: DsDialogSectionConfig;
     footerConfig?: DsDialogSectionConfig;
+    bodyConfig?: DsDialogSectionConfig;
+    /** A11y-лейбл кнопки закрытия (i18n). */
+    closeLabel?: string;
     buttonSize?: DsButtonSize;
     confirmText?: string;
     cancelText?: string;
     confirmVariant?: DsButtonVariant;
     confirmTone?: DsButtonTone;
-};
+}
 declare var __VLS_8: {}, __VLS_11: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 } & {
     footer?: (props: typeof __VLS_11) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    title: undefined;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsConfirmDialogProps>, {
+    title: string;
     description: undefined;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
+    showHeader: boolean;
+    showCloseButton: boolean;
     size: string;
     headerConfig: undefined;
     footerConfig: undefined;
+    bodyConfig: undefined;
+    closeLabel: string;
     buttonSize: undefined;
-    confirmText: undefined;
-    cancelText: undefined;
+    confirmText: string;
+    cancelText: string;
     confirmVariant: string;
     confirmTone: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
     confirm: () => void;
     cancel: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    title: undefined;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsConfirmDialogProps>, {
+    title: string;
     description: undefined;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
+    showHeader: boolean;
+    showCloseButton: boolean;
     size: string;
     headerConfig: undefined;
     footerConfig: undefined;
+    bodyConfig: undefined;
+    closeLabel: string;
     buttonSize: undefined;
-    confirmText: undefined;
-    cancelText: undefined;
+    confirmText: string;
+    cancelText: string;
     confirmVariant: string;
     confirmTone: string;
 }>>> & Readonly<{
@@ -56,9 +72,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     title: string;
     size: DsDialogSize;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
+    description: string;
+    showCloseButton: boolean;
+    closeLabel: string;
+    showHeader: boolean;
     headerConfig: DsDialogSectionConfig;
     footerConfig: DsDialogSectionConfig;
-    description: string;
+    bodyConfig: DsDialogSectionConfig;
     buttonSize: DsButtonSize;
     confirmText: string;
     cancelText: string;

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

@@ -1 +1 @@
-export declare const dsConfirmDialogConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsConfirmDialog">;
+export declare const dsConfirmDialogConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsConfirmDialog">;

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

@@ -1,4 +1,4 @@
 export { default } from './DsConfirmDialog.vue';
 export { default as DsConfirmDialog } from './DsConfirmDialog.vue';
+export type { DsConfirmDialogProps } from './DsConfirmDialog.vue';
 export { dsConfirmDialogConfig } from './config';
-export { dsConfirmDialogSafelist } from './safelist';

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

@@ -1,56 +1,49 @@
+import type { DsTableDensity } from '../DsTable';
 export type DsDataColumn = {
     key: string;
     label: string;
     sortable?: boolean;
-    align?: 'left' | 'right';
+    align?: 'left' | 'center' | 'right';
 };
-type __VLS_Props = {
-    rows: Array<Record<string, unknown>>;
+export type DsDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> = string | ((row: TRow) => string | number);
+export interface DsDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {
+    rows: TRow[];
     columns: DsDataColumn[];
-    rowKey?: string;
+    /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */
+    rowKey?: DsDataTableRowKey<TRow>;
+    /** Ключ колонки для начальной сортировки. */
     initialSortKey?: string;
+    /** Направление начальной сортировки. */
     initialSortDir?: 'asc' | 'desc';
+    density?: DsTableDensity;
+    caption?: string;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    regionLabel?: string;
+}
+declare const __VLS_export: <TRow extends Record<string, unknown> = Record<string, 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<DsDataTableProps<TRow>> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        [x: `cell-${string}`]: ((props: {
+            row: TRow;
+        }) => any) | undefined;
+    } & {
+        caption?: (props: {}) => any;
+    } & {
+        empty?: (props: {}) => any;
+    } & {
+        foot?: (props: {}) => any;
+    };
+    emit: {};
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-declare var __VLS_20: `cell-${string}`, __VLS_21: {
-    row: Record<string, unknown>;
-};
-type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_20>]?: (props: typeof __VLS_21) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    rowKey: string;
-    initialSortKey: undefined;
-    initialSortDir: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
-    rowKey: string;
-    initialSortKey: undefined;
-    initialSortDir: string;
-}>>> & Readonly<{}>, {
-    rowKey: string;
-    initialSortKey: string;
-    initialSortDir: "asc" | "desc";
-}, {}, {}, {}, 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];
 } : {

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

@@ -1 +1 @@
-export declare const dsDataTableConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsDataTable">;
+export declare const dsDataTableConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsDataTable">;

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

@@ -1,5 +1,4 @@
 export { default } from './DsDataTable.vue';
 export { default as DsDataTable } from './DsDataTable.vue';
-export type { DsDataColumn } from './DsDataTable.vue';
+export type { DsDataColumn, DsDataTableProps, DsDataTableRowKey } from './DsDataTable.vue';
 export { dsDataTableConfig } from './config';
-export { dsDataTableSafelist } from './safelist';

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

@@ -1,52 +1,62 @@
-import type { DsDialogSectionConfig, DsDialogSize } from './dialogShared';
-type __VLS_Props = {
+import { type DsDialogSectionConfig, type DsDialogSize } from './dialogShared';
+export interface DsDialogProps {
     modelValue: boolean;
     title?: string;
     closeOnBackdrop?: boolean;
+    closeOnEsc?: boolean;
     showHeader?: boolean;
     showCloseButton?: boolean;
     size?: DsDialogSize;
     headerConfig?: DsDialogSectionConfig;
     footerConfig?: DsDialogSectionConfig;
+    bodyConfig?: DsDialogSectionConfig;
+    /** A11y-лейбл кнопки закрытия (i18n). */
+    closeLabel?: string;
+}
+type __VLS_Slots = {
+    default?: () => any;
+    header?: (props: {
+        title?: string;
+    }) => any;
+    footer?: () => any;
 };
-declare var __VLS_23: {
-    title?: string;
-}, __VLS_25: {}, __VLS_33: {};
-type __VLS_Slots = {} & {
-    header?: (props: typeof __VLS_23) => any;
-} & {
-    default?: (props: typeof __VLS_25) => any;
-} & {
-    footer?: (props: typeof __VLS_33) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDialogProps>, {
     title: undefined;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
     showHeader: boolean;
     showCloseButton: boolean;
     size: string;
     headerConfig: undefined;
     footerConfig: undefined;
+    bodyConfig: undefined;
+    closeLabel: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDialogProps>, {
     title: undefined;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
     showHeader: boolean;
     showCloseButton: boolean;
     size: string;
     headerConfig: undefined;
     footerConfig: undefined;
+    bodyConfig: undefined;
+    closeLabel: string;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     title: string;
     size: DsDialogSize;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
     showCloseButton: boolean;
+    closeLabel: string;
     showHeader: boolean;
     headerConfig: DsDialogSectionConfig;
     footerConfig: DsDialogSectionConfig;
+    bodyConfig: DsDialogSectionConfig;
 }, {}, {}, {}, 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/DsDialog/DsDialogFooter.vue.d.ts

@@ -1,14 +1,14 @@
 import { type DsDialogSectionConfig } from './dialogShared';
-type __VLS_Props = {
+export interface DsDialogFooterProps {
     config?: DsDialogSectionConfig;
-};
+}
 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>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDialogFooterProps>, {
     config: undefined;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDialogFooterProps>, {
     config: undefined;
 }>>> & Readonly<{}>, {
     config: DsDialogSectionConfig;

package/dist/types/src/components/DsDialog/DsDialogHeader.vue.d.ts

@@ -1,30 +1,35 @@
 import { type DsDialogSectionConfig } from './dialogShared';
-type __VLS_Props = {
+export interface DsDialogHeaderProps {
     title?: string;
     showCloseButton?: boolean;
     config?: DsDialogSectionConfig;
-};
+    /** A11y-лейбл кнопки закрытия (i18n). */
+    closeLabel?: string;
+}
 type __VLS_Slots = {
     default?: (props: {
         title?: string;
     }) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDialogHeaderProps>, {
     title: undefined;
     showCloseButton: boolean;
     config: undefined;
+    closeLabel: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDialogHeaderProps>, {
     title: undefined;
     showCloseButton: boolean;
     config: undefined;
+    closeLabel: string;
 }>>> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
     title: string;
     config: DsDialogSectionConfig;
     showCloseButton: boolean;
+    closeLabel: 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/DsDialog/config.d.ts

@@ -1 +1 @@
-export declare const dsDialogConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsDialog">;
+export declare const dsDialogConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsDialog">;

package/dist/types/src/components/DsDialog/dialogShared.d.ts

@@ -6,5 +6,10 @@ export interface DsDialogSectionConfig {
 }
 export declare const DEFAULT_DS_DIALOG_HEADER_CONFIG: Required<DsDialogSectionConfig>;
 export declare const DEFAULT_DS_DIALOG_FOOTER_CONFIG: Required<DsDialogSectionConfig>;
+export declare const DEFAULT_DS_DIALOG_BODY_CONFIG: Required<DsDialogSectionConfig>;
 export declare function resolveDsDialogSectionConfig(config: DsDialogSectionConfig | undefined, defaults: Required<DsDialogSectionConfig>): Required<DsDialogSectionConfig>;
-export declare function getDsDialogPanelClass(size: DsDialogSize): string;
+/**
+ * Нормализует title: пустые/пробельные значения считаются отсутствующими.
+ * Единый источник истины для `DsDialog` и `DsDialogHeader`.
+ */
+export declare function resolveDsDialogTitle(raw: string | undefined): string | undefined;

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

@@ -1,4 +1,7 @@
 export { default } from './DsDialog.vue';
-export { default as DsDialog } from './DsDialog.vue';
-export type { DsDialogSectionConfig, DsDialogSize } from './dialogShared';
-export { dsDialogSafelist } from './dsDialogStyles';
+export { default as DsDialog, type DsDialogProps } from './DsDialog.vue';
+export { default as DsDialogHeader, type DsDialogHeaderProps } from './DsDialogHeader.vue';
+export { default as DsDialogFooter, type DsDialogFooterProps } from './DsDialogFooter.vue';
+export { default as DsDialogCloseButton } from './DsDialogCloseButton.vue';
+export { DEFAULT_DS_DIALOG_BODY_CONFIG, DEFAULT_DS_DIALOG_FOOTER_CONFIG, DEFAULT_DS_DIALOG_HEADER_CONFIG, type DsDialogSectionConfig, type DsDialogSize, resolveDsDialogSectionConfig, resolveDsDialogTitle, } from './dialogShared';
+export { dsDialogSafelist } from './safelist';

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

@@ -1,37 +1,53 @@
-type __VLS_Props = {
+import { type DsDrawerSide, type DsDrawerSize } from './dsDrawerStyles';
+export interface DsDrawerProps {
+    /** Контроль открытия через v-model. */
     modelValue: boolean;
+    /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */
     title?: string;
+    /** Закрывать при клике по бэкдропу / через HeadlessUI close. */
     closeOnBackdrop?: boolean;
-    side?: 'left' | 'right';
-    size?: 'sm' | 'md' | 'lg' | 'full';
-};
-declare var __VLS_47: {}, __VLS_62: {}, __VLS_64: {};
+    /** Закрывать по Esc. */
+    closeOnEsc?: boolean;
+    /** Сторона, с которой выезжает панель. */
+    side?: DsDrawerSide;
+    /** Размер панели. */
+    size?: DsDrawerSize;
+    /** i18n-friendly aria-label для кнопки закрытия. */
+    closeLabel?: string;
+}
+declare var __VLS_47: {}, __VLS_68: {}, __VLS_70: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_47) => any;
 } & {
-    default?: (props: typeof __VLS_62) => any;
+    default?: (props: typeof __VLS_68) => any;
 } & {
-    footer?: (props: typeof __VLS_64) => any;
+    footer?: (props: typeof __VLS_70) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDrawerProps>, {
     title: undefined;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
     side: string;
     size: string;
+    closeLabel: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDrawerProps>, {
     title: undefined;
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
     side: string;
     size: string;
+    closeLabel: string;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     title: string;
-    size: "sm" | "md" | "lg" | "full";
+    size: DsDrawerSize;
     closeOnBackdrop: boolean;
-    side: "left" | "right";
+    closeOnEsc: boolean;
+    closeLabel: string;
+    side: DsDrawerSide;
 }, {}, {}, {}, 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/DsDrawer/config.d.ts

@@ -1 +1 @@
-export declare const dsDrawerConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsDrawer">;
+export declare const dsDrawerConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsDrawer">;

package/dist/types/src/components/DsDrawer/dsDrawerStyles.d.ts

@@ -1,21 +1,10 @@
-declare const panelWidthBySize: {
-    readonly sm: "w-[360px] max-w-[90vw]";
-    readonly md: "w-[420px] max-w-[92vw]";
-    readonly lg: "w-[560px] max-w-[94vw]";
-    readonly full: "w-[100vw]";
-};
-declare const panelSideClass: {
-    readonly left: "left-0 border-r";
-    readonly right: "right-0 border-l";
-};
-declare const panelTransitionClass: {
-    readonly left: "-translate-x-full";
-    readonly right: "translate-x-full";
-};
+export type DsDrawerSide = 'left' | 'right';
+export type DsDrawerSize = 'sm' | 'md' | 'lg' | 'full';
+export declare const panelWidthBySize: Record<DsDrawerSize, string>;
+export declare const panelSideClass: Record<DsDrawerSide, string>;
+export declare const panelTransitionClass: Record<DsDrawerSide, string>;
 export declare function dsDrawerPanelClass(options: {
-    side: keyof typeof panelSideClass;
-    size: keyof typeof panelWidthBySize;
+    side: DsDrawerSide;
+    size: DsDrawerSize;
 }): string;
-export declare function dsDrawerPanelEnterFrom(side: keyof typeof panelTransitionClass): string;
-export declare const dsDrawerSafelist: string[];
-export {};
+export declare function dsDrawerPanelEnterFrom(side: DsDrawerSide): string;

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

@@ -2,3 +2,5 @@ export { default } from './DsDrawer.vue';
 export { default as DsDrawer } from './DsDrawer.vue';
 export { dsDrawerConfig } from './config';
 export { dsDrawerSafelist } from './safelist';
+export type { DsDrawerProps } from './DsDrawer.vue';
+export type { DsDrawerSide, DsDrawerSize } from './dsDrawerStyles';

package/dist/types/src/components/DsDrawer/safelist.d.ts

@@ -1 +1 @@
-export { dsDrawerSafelist } from './dsDrawerStyles';
+export declare const dsDrawerSafelist: string[];

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

@@ -1,11 +1,16 @@
 import { type DsDropdownAlign, type DsDropdownWidth } from './dsDropdownStyles';
-type __VLS_Props = {
+export interface DsDropdownProps {
+    /** Выравнивание панели относительно триггера. */
     align?: DsDropdownAlign;
+    /** Ширина панели (tailwind-токены `w-*` или `auto`). */
     width?: DsDropdownWidth;
+    /** Закрывать панель по клику внутри content. */
     closeOnContentClick?: boolean;
+    /** Дополнительные классы контейнера content. */
     contentClass?: string;
+    /** Куда телепортировать панель (`body` по умолчанию). */
     teleportTo?: string | HTMLElement;
-};
+}
 declare function toggle(): void;
 declare function close(): void;
 declare var __VLS_1: {
@@ -20,13 +25,13 @@ type __VLS_Slots = {} & {
 } & {
     content?: (props: typeof __VLS_15) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDropdownProps>, {
     align: string;
     width: string;
     closeOnContentClick: boolean;
     contentClass: string;
     teleportTo: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsDropdownProps>, {
     align: string;
     width: string;
     closeOnContentClick: boolean;

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

@@ -1 +1 @@
-export declare const dsDropdownConfig: import("../../registry/componentConfig").GranularityComponentConfig<"DsDropdown">;
+export declare const dsDropdownConfig: import("@feugene/unocss-preset-granular").GranularComponentDescriptor<"DsDropdown">;

package/dist/types/src/components/DsDropdown/dsDropdownStyles.d.ts

@@ -1,6 +1,7 @@
 export type DsDropdownAlign = 'left' | 'right' | 'center';
 export type DsDropdownWidth = 'auto' | '20' | '48' | '60' | '64' | '80';
+export declare const widthClassByWidth: Record<DsDropdownWidth, string>;
+export declare const alignmentClassByAlign: Record<DsDropdownAlign, string>;
 export declare function dsDropdownWidthClass(width: DsDropdownWidth): string;
 export declare function dsDropdownAlignmentClass(align: DsDropdownAlign): string;
 export declare function dsDropdownContentClass(contentClass?: string): string;
-export declare const dsDropdownSafelist: string[];

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

@@ -2,3 +2,5 @@ export { default } from './DsDropdown.vue';
 export { default as DsDropdown } from './DsDropdown.vue';
 export { dsDropdownConfig } from './config';
 export { dsDropdownSafelist } from './safelist';
+export type { DsDropdownProps } from './DsDropdown.vue';
+export type { DsDropdownAlign, DsDropdownWidth } from './dsDropdownStyles';

package/dist/types/src/components/DsDropdown/safelist.d.ts

@@ -1 +1 @@
-export { dsDropdownSafelist } from './dsDropdownStyles';
+export declare const dsDropdownSafelist: string[];