@feugene/granularity 0.2.0 → 0.3.0

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

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

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

@@ -1,7 +1,12 @@
 import type { DsBadgeRadius, DsBadgeSize, DsBadgeTone } from '../DsBadge';
-export type { DsInputTagSize, DsInputTagState } from './dsInputTagStyles';
 import { type DsInputTagSize, type DsInputTagState } from './dsInputTagStyles';
-type __VLS_Props = {
+export type { DsInputTagSize, DsInputTagState } from './dsInputTagStyles';
+/**
+ * Props for {@link DsInputTag}.
+ * Tag-input primitive: renders a set of badges with an inline `<input>` for entering new tags.
+ * Splits input by configurable `separators`, supports paste, Enter and Backspace editing.
+ */
+export interface DsInputTagProps {
     modelValue: string[];
     placeholder?: string;
     disabled?: boolean;
@@ -20,7 +25,9 @@ type __VLS_Props = {
     tagSize?: DsBadgeSize;
     tagRadius?: DsBadgeRadius;
     tagClosable?: boolean;
-};
+    /** i18n-friendly aria-label for the per-tag remove button. */
+    removeTagLabel?: string;
+}
 declare function focus(): void;
 declare var __VLS_7: {
     tag: string;
@@ -30,7 +37,7 @@ declare var __VLS_7: {
 type __VLS_Slots = {} & {
     tag?: (props: typeof __VLS_7) => 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<DsInputTagProps>, {
     placeholder: undefined;
     disabled: boolean;
     readonly: boolean;
@@ -48,13 +55,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tagSize: string;
     tagRadius: string;
     tagClosable: boolean;
+    removeTagLabel: string;
 }>>, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string[]) => void;
     add: (value: string) => void;
     remove: (value: string, index: number) => 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<DsInputTagProps>, {
     placeholder: undefined;
     disabled: boolean;
     readonly: boolean;
@@ -72,6 +80,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tagSize: string;
     tagRadius: string;
     tagClosable: boolean;
+    removeTagLabel: string;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
     onAdd?: ((value: string) => any) | undefined;
@@ -94,6 +103,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     tagSize: DsBadgeSize;
     tagRadius: DsBadgeRadius;
     tagClosable: boolean;
+    removeTagLabel: 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/DsInputTag/config.d.ts

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

package/dist/types/src/components/DsInputTag/dsInputTagStyles.d.ts

@@ -1,6 +1,9 @@
 import type { DsInputSize } from '../DsInput/DsInput.vue';
 export type DsInputTagSize = DsInputSize;
 export type DsInputTagState = 'default' | 'success' | 'warning' | 'danger';
+export declare const wrapperSizeClassBySize: Record<DsInputTagSize, string>;
+export declare const inputSizeClassBySize: Record<DsInputTagSize, string>;
+export declare const wrapperBorderClassByState: Record<DsInputTagState, string>;
 export declare function dsInputTagWrapperClass(options: {
     size: DsInputTagSize;
     state: DsInputTagState;
@@ -8,4 +11,3 @@ export declare function dsInputTagWrapperClass(options: {
     disabled: boolean;
 }): string;
 export declare function dsInputTagInputClass(size: DsInputTagSize): string;
-export declare const dsInputTagSafelist: string[];

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

@@ -1,5 +1,6 @@
 export { default } from './DsInputTag.vue';
 export { default as DsInputTag } from './DsInputTag.vue';
 export { dsInputTagConfig } from './config';
+export type { DsInputTagProps } from './DsInputTag.vue';
 export type { DsInputTagSize, DsInputTagState } from './dsInputTagStyles';
 export { dsInputTagSafelist } from './safelist';

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

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

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

@@ -1,4 +1,3 @@
-export type { DsLinkSize, DsLinkUnderline, DsLinkVariant } from './dsLinkStyles';
 import { type DsLinkSize, type DsLinkUnderline, type DsLinkVariant } from './dsLinkStyles';
 type __VLS_Props = {
     href?: string;

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

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

package/dist/types/src/components/DsLink/dsLinkStyles.d.ts

@@ -1,10 +1,15 @@
 export type DsLinkVariant = 'primary' | 'default' | 'muted' | 'danger';
 export type DsLinkUnderline = 'auto' | 'always' | 'none';
 export type DsLinkSize = 'sm' | 'md' | 'lg';
+export declare const baseRootClass = "inline-flex items-center gap-1 rounded-[6px] transition-colors duration-150";
+export declare const focusRingClass = "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]";
+export declare const sizeClassBySize: Record<DsLinkSize, string>;
+export declare const variantClassByVariant: Record<DsLinkVariant, string>;
+export declare const disabledStateClass = "cursor-not-allowed opacity-60 text-[var(--muted-fg)]";
+export declare const underlineClasses: readonly string[];
 export declare function dsLinkClass(options: {
     size: DsLinkSize;
     underline: DsLinkUnderline;
     variant: DsLinkVariant;
     disabled: boolean;
 }): string;
-export declare const dsLinkSafelist: string[];

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

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

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

@@ -1,13 +1,16 @@
-type __VLS_Props = {
+export interface DsListProps {
+    /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */
     divided?: boolean;
-};
-declare var __VLS_8: {};
+}
+declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_10) => 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<DsListProps>, {
     divided: 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<DsListProps>, {
     divided: boolean;
 }>>> & Readonly<{}>, {
     divided: boolean;

package/dist/types/src/components/DsList/DsListItem.vue.d.ts

@@ -1,12 +1,35 @@
-type __VLS_Props = {
-    title: string;
+export type DsListItemDensity = 'compact' | 'regular';
+export interface DsListItemProps {
+    /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */
+    title?: string;
+    /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */
     description?: string;
-};
-declare var __VLS_1: {};
+    /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */
+    density?: DsListItemDensity;
+}
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
+    prefix?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_3) => any;
+} & {
+    description?: (props: typeof __VLS_5) => any;
+} & {
+    default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_Props>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsListItemProps>, {
+    title: undefined;
+    description: undefined;
+    density: string;
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsListItemProps>, {
+    title: undefined;
+    description: undefined;
+    density: string;
+}>>> & Readonly<{}>, {
+    title: string;
+    description: string;
+    density: DsListItemDensity;
+}, {}, {}, {}, 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;
@@ -18,8 +41,18 @@ type __VLS_TypePropsToOption<T> = {
         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/DsList/config.d.ts

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

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

@@ -1,5 +1,6 @@
 export { default } from './DsList.vue';
 export { default as DsList } from './DsList.vue';
+export type { DsListProps } from './DsList.vue';
 export { default as DsListItem } from './DsListItem.vue';
+export type { DsListItemDensity, DsListItemProps } from './DsListItem.vue';
 export { dsListConfig } from './config';
-export { dsListSafelist } from './safelist';

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

@@ -1,15 +1,28 @@
 import { type Component } from 'vue';
-type __VLS_Props = {
+/**
+ * Props for {@link DsLoading}.
+ * Overlay primitive that renders a centered spinner with optional text above sibling content.
+ * Use `fullscreen` to cover the whole viewport, otherwise overlays the nearest positioned ancestor.
+ */
+export interface DsLoadingProps {
+    /** Text under the spinner. Pass an empty string to hide the text entirely. Defaults to `'Loading...'`. */
     text?: string;
+    /** Custom spinner component (rendered instead of the default loader icon). */
     spinner?: Component;
+    /** Extra classes for the spinner element. */
     spinnerClass?: string;
+    /** When `true` (default), the default spinner rotates via `@keyframes ds-loading-spin`. */
     animated?: boolean;
+    /** Custom CSS `background-color`. When set, disables the default `bg-black/25` dim. */
     background?: string;
+    /** Cover the whole viewport (`position: fixed`) instead of the nearest positioned ancestor. */
     fullscreen?: boolean;
+    /** Custom `z-index`. */
     zIndex?: number;
+    /** Extra classes appended to the overlay root. */
     customClass?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsLoadingProps>, {
     text: undefined;
     spinner: undefined;
     spinnerClass: undefined;
@@ -18,7 +31,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     fullscreen: boolean;
     zIndex: undefined;
     customClass: 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<DsLoadingProps>, {
     text: undefined;
     spinner: undefined;
     spinnerClass: undefined;
@@ -30,10 +43,10 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
 }>>> & Readonly<{}>, {
     text: string;
     background: string;
-    fullscreen: boolean;
     spinner: Component;
     spinnerClass: string;
     animated: boolean;
+    fullscreen: boolean;
     zIndex: number;
     customClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

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

package/dist/types/src/components/DsLoading/dsLoadingStyles.d.ts

@@ -1,6 +1,11 @@
+export declare const rootModeClass: {
+    readonly fullscreen: "fixed inset-0 z-50";
+    readonly inline: "absolute inset-0 z-10";
+};
+export declare const rootBackgroundClass = "bg-black/25";
+export declare const rootBackdropBlurClass = "backdrop-blur-sm";
 export declare function dsLoadingRootClass(options: {
     fullscreen: boolean;
     hasBackground: boolean;
     customClass?: string;
 }): string;
-export declare const dsLoadingSafelist: string[];

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

@@ -2,3 +2,4 @@ export { default } from './DsLoading.vue';
 export { default as DsLoading } from './DsLoading.vue';
 export { dsLoadingConfig } from './config';
 export { dsLoadingSafelist } from './safelist';
+export type { DsLoadingProps } from './DsLoading.vue';

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

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

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

@@ -1,27 +1,34 @@
-export type { DsDialogSize } from './dsModalStyles';
-import { type DsDialogSize } from './dsModalStyles';
-type __VLS_Props = {
+import { type DsModalSize } from './dsModalStyles';
+export interface DsModalProps {
     modelValue: boolean;
     closeOnBackdrop?: boolean;
-    size?: DsDialogSize;
-};
-declare var __VLS_41: {};
+    closeOnEsc?: boolean;
+    size?: DsModalSize;
+}
+declare var __VLS_47: {}, __VLS_55: {}, __VLS_57: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_41) => any;
+    title?: (props: typeof __VLS_47) => any;
+} & {
+    description?: (props: typeof __VLS_55) => any;
+} & {
+    default?: (props: typeof __VLS_57) => 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<DsModalProps>, {
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
     size: 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<DsModalProps>, {
     closeOnBackdrop: boolean;
+    closeOnEsc: boolean;
     size: string;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: DsDialogSize;
+    size: DsModalSize;
     closeOnBackdrop: boolean;
+    closeOnEsc: 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/DsModal/config.d.ts

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

package/dist/types/src/components/DsModal/dsModalStyles.d.ts

@@ -1,17 +1,26 @@
-export type DsDialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-type DsModalClassTokens = {
-    root: readonly string[];
-    shell: readonly string[];
-    layout: readonly string[];
-    overlay: readonly string[];
-    overlayTransition: readonly string[];
-    panelBase: readonly string[];
-    panelTransition: readonly string[];
-    panelWidth: readonly string[];
-    panelRadius: readonly string[];
-    panelHeight: readonly string[];
+export type DsModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export declare const root = "fixed inset-0 z-50";
+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";
+export declare const overlayTransition: {
+    readonly enter: "duration-200 ease-out";
+    readonly enterFrom: "opacity-0";
+    readonly enterTo: "opacity-100";
+    readonly leave: "duration-150 ease-in";
+    readonly leaveFrom: "opacity-100";
+    readonly leaveTo: "opacity-0";
 };
-export declare const dsModalClassTokens: DsModalClassTokens;
-export declare const dsModalSafelist: string[];
-export declare function getDsModalPanelClass(size: DsDialogSize): string;
-export {};
+export declare const panelTransition: {
+    readonly enter: "duration-200 ease-out";
+    readonly enterFrom: "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95";
+    readonly enterTo: "opacity-100 translate-y-0 sm:scale-100";
+    readonly leave: "duration-150 ease-in";
+    readonly leaveFrom: "opacity-100 translate-y-0 sm:scale-100";
+    readonly leaveTo: "opacity-0 translate-y-2 sm:translate-y-0 sm:scale-95";
+};
+export declare const panelBase = "w-full overflow-hidden relative z-10 border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-[var(--ds-shadow-2)] outline-none";
+export declare const panelWidthBySize: Record<DsModalSize, string>;
+export declare const panelRadiusBySize: Record<DsModalSize, string>;
+export declare const panelHeightBySize: Partial<Record<DsModalSize, string>>;
+export declare function getDsModalPanelClass(size: DsModalSize): string;

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

@@ -1,5 +1,7 @@
 export { default } from './DsModal.vue';
 export { default as DsModal } from './DsModal.vue';
+export type { DsModalProps } from './DsModal.vue';
 export { dsModalConfig } from './config';
-export type { DsDialogSize } from './dsModalStyles';
-export { dsModalClassTokens, dsModalSafelist, getDsModalPanelClass } from './dsModalStyles';
+export type { DsModalSize } from './dsModalStyles';
+export { getDsModalPanelClass } from './dsModalStyles';
+export { dsModalClassTokens, dsModalSafelist } from './safelist';

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

@@ -1 +1,15 @@
-export { dsModalSafelist } from './dsModalStyles';
+type DsModalClassTokens = {
+    root: readonly string[];
+    shell: readonly string[];
+    layout: readonly string[];
+    overlay: readonly string[];
+    overlayTransition: readonly string[];
+    panelBase: readonly string[];
+    panelTransition: readonly string[];
+    panelWidth: readonly string[];
+    panelRadius: readonly string[];
+    panelHeight: readonly string[];
+};
+export declare const dsModalClassTokens: DsModalClassTokens;
+export declare const dsModalSafelist: string[];
+export {};

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

@@ -1,21 +1,29 @@
-type __VLS_Props = {
+/**
+ * DsNavbar — верхняя панель приложения (header) с заголовком,
+ * опциональной кнопкой меню (обычно — для мобильных) и правым слотом
+ * для действий/аватара.
+ *
+ * - Корень — `<header>` (landmark), без собственного `role`.
+ * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.
+ */
+export interface DsNavbarProps {
     title: string;
     showMenuButton?: boolean;
     /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */
     menuButtonClass?: string;
-};
-declare var __VLS_14: {}, __VLS_16: {};
+}
+declare var __VLS_20: {}, __VLS_22: {};
 type __VLS_Slots = {} & {
-    title?: (props: typeof __VLS_14) => any;
+    title?: (props: typeof __VLS_20) => any;
 } & {
-    default?: (props: typeof __VLS_16) => any;
+    default?: (props: typeof __VLS_22) => 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<DsNavbarProps>, {
     showMenuButton: boolean;
     menuButtonClass: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     menu: () => 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<DsNavbarProps>, {
     showMenuButton: boolean;
     menuButtonClass: string;
 }>>> & Readonly<{

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

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

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

@@ -1,4 +1,4 @@
 export { default } from './DsNavbar.vue';
 export { default as DsNavbar } from './DsNavbar.vue';
+export type { DsNavbarProps } from './DsNavbar.vue';
 export { dsNavbarConfig } from './config';
-export { dsNavbarSafelist } from './safelist';

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

@@ -1,12 +1,13 @@
 import type { InputHTMLAttributes } from 'vue';
-export type { DsNumberInputControlsDirection, DsNumberInputSize, DsNumberInputTextAlign, NumberInputControlsDirection, NumberInputSize, } from './dsNumberInputStyles';
 import { type DsNumberInputControlsDirection, type DsNumberInputSize, type DsNumberInputState, type DsNumberInputTextAlign } from './dsNumberInputStyles';
-type __VLS_Props = {
+export interface DsNumberInputProps {
+    /** Значение (строка — контролируем форматирование внутри). */
     modelValue: string;
     placeholder?: string;
     autocomplete?: string;
     inputmode?: InputHTMLAttributes['inputmode'];
     disabled?: boolean;
+    /** Быстрый флаг невалидности; эквивалент `state='danger'` + `aria-invalid`. */
     invalid?: boolean;
     state?: DsNumberInputState;
     name?: string;
@@ -18,13 +19,18 @@ type __VLS_Props = {
     min?: number;
     max?: number;
     precision?: number;
+    /** Показывать кнопки +/-. */
     controls?: boolean;
     controlsDirection?: DsNumberInputControlsDirection;
     prefixMinWidth?: string;
     prefixMaxWidth?: string;
     suffixMinWidth?: string;
     suffixMaxWidth?: string;
-};
+    /** i18n-friendly aria-label для кнопки "увеличить". */
+    increaseLabel?: string;
+    /** i18n-friendly aria-label для кнопки "уменьшить". */
+    decreaseLabel?: string;
+}
 declare function focus(): void;
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
@@ -32,7 +38,7 @@ type __VLS_Slots = {} & {
 } & {
     suffix?: (props: typeof __VLS_3) => 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<DsNumberInputProps>, {
     placeholder: undefined;
     autocomplete: undefined;
     inputmode: string;
@@ -54,12 +60,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixMaxWidth: undefined;
     suffixMinWidth: undefined;
     suffixMaxWidth: undefined;
+    increaseLabel: string;
+    decreaseLabel: string;
 }>>, {
     focus: typeof focus;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
     change: (value: string) => 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<DsNumberInputProps>, {
     placeholder: undefined;
     autocomplete: undefined;
     inputmode: string;
@@ -81,6 +89,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     prefixMaxWidth: undefined;
     suffixMinWidth: undefined;
     suffixMaxWidth: undefined;
+    increaseLabel: string;
+    decreaseLabel: string;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
@@ -106,6 +116,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     precision: number;
     controls: boolean;
     controlsDirection: DsNumberInputControlsDirection;
+    increaseLabel: string;
+    decreaseLabel: 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/DsNumberInput/config.d.ts

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

package/dist/types/src/components/DsNumberInput/dsNumberInputStyles.d.ts

@@ -4,6 +4,11 @@ export type DsNumberInputControlsDirection = 'vertical' | 'horizontal';
 export type DsNumberInputTextAlign = 'left' | 'center' | 'right';
 export type NumberInputSize = DsNumberInputSize;
 export type NumberInputControlsDirection = DsNumberInputControlsDirection;
+export declare const sizeClassBySize: Record<DsNumberInputSize, string>;
+export declare const textAlignClassByAlign: Record<DsNumberInputTextAlign, string>;
+export declare const borderClassByState: Record<DsNumberInputState, string>;
+/** Динамические классы для disabled-состояния shell'а — выбираются в рантайме. */
+export declare const disabledShellClass = "opacity-50 cursor-not-allowed";
 export declare function dsNumberInputShellClass(options: {
     disabled: boolean;
     state: DsNumberInputState;
@@ -12,4 +17,3 @@ export declare function dsNumberInputInputClass(options: {
     size: DsNumberInputSize;
     textAlign: DsNumberInputTextAlign;
 }): string;
-export declare const dsNumberInputSafelist: string[];

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

@@ -2,4 +2,5 @@ export { default } from './DsNumberInput.vue';
 export { default as DsNumberInput } from './DsNumberInput.vue';
 export { dsNumberInputConfig } from './config';
 export { dsNumberInputSafelist } from './safelist';
-export type { DsNumberInputControlsDirection, DsNumberInputSize, DsNumberInputTextAlign, NumberInputControlsDirection, NumberInputSize, } from './DsNumberInput.vue';
+export type { DsNumberInputProps } from './DsNumberInput.vue';
+export type { DsNumberInputControlsDirection, DsNumberInputSize, DsNumberInputState, DsNumberInputTextAlign, NumberInputControlsDirection, NumberInputSize, } from './dsNumberInputStyles';

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

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

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

@@ -1,15 +1,21 @@
-type __VLS_Props = {
+/**
+ * Пропы пагинации.
+ *
+ * `total` интерпретируется как общее количество элементов; число страниц
+ * вычисляется из `total` и `pageSize`. Окно отображаемых номеров — 5.
+ */
+export interface DsPaginationProps {
     page: number;
     pageSize: number;
     total: number;
     pageSizes?: number[];
-};
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_Props>, {
+}
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsPaginationProps>, {
     pageSizes: () => number[];
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => void;
     "update:pageSize": (value: number) => 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<DsPaginationProps>, {
     pageSizes: () => number[];
 }>>> & Readonly<{
     "onUpdate:page"?: ((value: number) => any) | undefined;