@feugene/granularity 0.3.1 → 0.4.0

package/dist/types/src/components/{DsInput/DsInput.vue.d.ts → GrInput/GrInput.vue.d.ts}

@@ -1,6 +1,6 @@
 import type { InputHTMLAttributes } from 'vue';
-export type DsInputSize = 'xs' | 'sm' | 'md' | 'lg';
-export type DsInputTextAlign = 'left' | 'center' | 'right';
+export type GrInputSize = 'xs' | 'sm' | 'md' | 'lg';
+export type GrInputTextAlign = 'left' | 'center' | 'right';
 type __VLS_Props = {
     modelValue: string;
     type?: 'text' | 'email' | 'password' | 'number' | 'search';
@@ -12,8 +12,8 @@ type __VLS_Props = {
     state?: 'default' | 'success' | 'warning' | 'danger';
     name?: string;
     id?: string;
-    size?: DsInputSize;
-    textAlign?: DsInputTextAlign;
+    size?: GrInputSize;
+    textAlign?: GrInputTextAlign;
     prefixMinWidth?: string;
     prefixMaxWidth?: string;
     suffixMinWidth?: string;
@@ -66,7 +66,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     type: "text" | "email" | "password" | "number" | "search";
-    size: DsInputSize;
+    size: GrInputSize;
     disabled: boolean;
     name: string;
     id: string;
@@ -75,7 +75,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     autocomplete: string;
     state: "default" | "success" | "warning" | "danger";
-    textAlign: DsInputTextAlign;
+    textAlign: GrInputTextAlign;
     prefixMinWidth: string;
     prefixMaxWidth: string;
     suffixMinWidth: string;

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

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

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

@@ -0,0 +1,5 @@
+export { default } from './GrInput.vue';
+export { default as GrInput } from './GrInput.vue';
+export { grInputConfig } from './config';
+export type { GrInputSize, GrInputTextAlign } from './GrInput.vue';
+export { grInputSafelist } from './safelist';

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

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

package/dist/types/src/components/{DsInputTag/DsInputTag.vue.d.ts → GrInputTag/GrInputTag.vue.d.ts}

@@ -1,29 +1,29 @@
-import type { DsBadgeRadius, DsBadgeSize, DsBadgeTone } from '../DsBadge';
-import { type DsInputTagSize, type DsInputTagState } from './dsInputTagStyles';
-export type { DsInputTagSize, DsInputTagState } from './dsInputTagStyles';
+import type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge';
+import { type GrInputTagSize, type GrInputTagState } from './grInputTagStyles';
+export type { GrInputTagSize, GrInputTagState } from './grInputTagStyles';
 /**
- * Props for {@link DsInputTag}.
+ * Props for {@link GrInputTag}.
  * 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 {
+export interface GrInputTagProps {
     modelValue: string[];
     placeholder?: string;
     disabled?: boolean;
     readonly?: boolean;
     invalid?: boolean;
-    state?: DsInputTagState;
-    size?: DsInputTagSize;
+    state?: GrInputTagState;
+    size?: GrInputTagSize;
     separators?: string[];
     allowDuplicates?: boolean;
     trim?: boolean;
     max?: number;
     addOnBlur?: boolean;
     clearInputOnAdd?: boolean;
-    tagTone?: DsBadgeTone;
+    tagTone?: GrBadgeTone;
     tagDark?: boolean;
-    tagSize?: DsBadgeSize;
-    tagRadius?: DsBadgeRadius;
+    tagSize?: GrBadgeSize;
+    tagRadius?: GrBadgeRadius;
     tagClosable?: boolean;
     /** i18n-friendly aria-label for the per-tag remove button. */
     removeTagLabel?: string;
@@ -37,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<DsInputTagProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrInputTagProps>, {
     placeholder: undefined;
     disabled: boolean;
     readonly: boolean;
@@ -62,7 +62,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "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<DsInputTagProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrInputTagProps>, {
     placeholder: undefined;
     disabled: boolean;
     readonly: boolean;
@@ -88,20 +88,20 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     trim: boolean;
     readonly: boolean;
-    size: DsInputTagSize;
+    size: GrInputTagSize;
     disabled: boolean;
     max: number;
     invalid: boolean;
     placeholder: string;
-    state: DsInputTagState;
+    state: GrInputTagState;
     separators: string[];
     allowDuplicates: boolean;
     addOnBlur: boolean;
     clearInputOnAdd: boolean;
-    tagTone: DsBadgeTone;
+    tagTone: GrBadgeTone;
     tagDark: boolean;
-    tagSize: DsBadgeSize;
-    tagRadius: DsBadgeRadius;
+    tagSize: GrBadgeSize;
+    tagRadius: GrBadgeRadius;
     tagClosable: boolean;
     removeTagLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

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

package/dist/types/src/components/GrInputTag/grInputTagStyles.d.ts

@@ -0,0 +1,13 @@
+import type { GrInputSize } from '../GrInput/GrInput.vue';
+export type GrInputTagSize = GrInputSize;
+export type GrInputTagState = 'default' | 'success' | 'warning' | 'danger';
+export declare const wrapperSizeClassBySize: Record<GrInputTagSize, string>;
+export declare const inputSizeClassBySize: Record<GrInputTagSize, string>;
+export declare const wrapperBorderClassByState: Record<GrInputTagState, string>;
+export declare function grInputTagWrapperClass(options: {
+    size: GrInputTagSize;
+    state: GrInputTagState;
+    invalid: boolean;
+    disabled: boolean;
+}): string;
+export declare function grInputTagInputClass(size: GrInputTagSize): string;

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

@@ -0,0 +1,6 @@
+export { default } from './GrInputTag.vue';
+export { default as GrInputTag } from './GrInputTag.vue';
+export { grInputTagConfig } from './config';
+export type { GrInputTagProps } from './GrInputTag.vue';
+export type { GrInputTagSize, GrInputTagState } from './grInputTagStyles';
+export { grInputTagSafelist } from './safelist';

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

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

package/dist/types/src/components/{DsLink/DsLink.vue.d.ts → GrLink/GrLink.vue.d.ts}

@@ -1,4 +1,4 @@
-import { type DsLinkSize, type DsLinkUnderline, type DsLinkVariant } from './dsLinkStyles';
+import { type GrLinkSize, type GrLinkUnderline, type GrLinkVariant } from './grLinkStyles';
 type __VLS_Props = {
     href?: string;
     external?: boolean;
@@ -6,9 +6,9 @@ type __VLS_Props = {
     rel?: string;
     disabled?: boolean;
     ariaLabel?: string;
-    variant?: DsLinkVariant;
-    underline?: DsLinkUnderline;
-    size?: DsLinkSize;
+    variant?: GrLinkVariant;
+    underline?: GrLinkUnderline;
+    size?: GrLinkSize;
 };
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
@@ -37,15 +37,15 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     underline: string;
     size: string;
 }>>> & Readonly<{}>, {
-    variant: DsLinkVariant;
-    size: DsLinkSize;
+    variant: GrLinkVariant;
+    size: GrLinkSize;
     disabled: boolean;
     ariaLabel: string;
     target: string;
     href: string;
     external: boolean;
     rel: string;
-    underline: DsLinkUnderline;
+    underline: GrLinkUnderline;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

package/dist/types/src/components/{DsLink/dsLinkStyles.d.ts → GrLink/grLinkStyles.d.ts}

@@ -1,15 +1,15 @@
-export type DsLinkVariant = 'primary' | 'default' | 'muted' | 'danger';
-export type DsLinkUnderline = 'auto' | 'always' | 'none';
-export type DsLinkSize = 'sm' | 'md' | 'lg';
+export type GrLinkVariant = 'primary' | 'default' | 'muted' | 'danger';
+export type GrLinkUnderline = 'auto' | 'always' | 'none';
+export type GrLinkSize = '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 sizeClassBySize: Record<GrLinkSize, string>;
+export declare const variantClassByVariant: Record<GrLinkVariant, 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;
+export declare function grLinkClass(options: {
+    size: GrLinkSize;
+    underline: GrLinkUnderline;
+    variant: GrLinkVariant;
     disabled: boolean;
 }): string;

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

@@ -0,0 +1,5 @@
+export { default } from './GrLink.vue';
+export { default as GrLink } from './GrLink.vue';
+export { grLinkConfig } from './config';
+export type { GrLinkSize, GrLinkUnderline, GrLinkVariant } from './grLinkStyles';
+export { grLinkSafelist } from './safelist';

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

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

package/dist/types/src/components/{DsList/DsList.vue.d.ts → GrList/GrList.vue.d.ts}

@@ -1,4 +1,4 @@
-export interface DsListProps {
+export interface GrListProps {
     /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */
     divided?: boolean;
 }
@@ -8,9 +8,9 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsListProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrListProps>, {
     divided: boolean;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsListProps>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrListProps>, {
     divided: boolean;
 }>>> & Readonly<{}>, {
     divided: boolean;

package/dist/types/src/components/{DsList/DsListItem.vue.d.ts → GrList/GrListItem.vue.d.ts}

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

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

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

@@ -0,0 +1,6 @@
+export { default } from './GrList.vue';
+export { default as GrList } from './GrList.vue';
+export type { GrListProps } from './GrList.vue';
+export { default as GrListItem } from './GrListItem.vue';
+export type { GrListItemDensity, GrListItemProps } from './GrListItem.vue';
+export { grListConfig } from './config';

package/dist/types/src/components/{DsLoading/DsLoading.vue.d.ts → GrLoading/GrLoading.vue.d.ts}

@@ -1,10 +1,10 @@
 import { type Component } from 'vue';
 /**
- * Props for {@link DsLoading}.
+ * Props for {@link GrLoading}.
  * 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 {
+export interface GrLoadingProps {
     /** 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). */
@@ -22,7 +22,7 @@ export interface DsLoadingProps {
     /** Extra classes appended to the overlay root. */
     customClass?: string;
 }
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsLoadingProps>, {
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrLoadingProps>, {
     text: undefined;
     spinner: undefined;
     spinnerClass: undefined;
@@ -31,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<DsLoadingProps>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrLoadingProps>, {
     text: undefined;
     spinner: undefined;
     spinnerClass: undefined;

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

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

package/dist/types/src/components/{DsLoading/dsLoadingStyles.d.ts → GrLoading/grLoadingStyles.d.ts}

@@ -4,7 +4,7 @@ export declare const rootModeClass: {
 };
 export declare const rootBackgroundClass = "bg-black/25";
 export declare const rootBackdropBlurClass = "backdrop-blur-sm";
-export declare function dsLoadingRootClass(options: {
+export declare function grLoadingRootClass(options: {
     fullscreen: boolean;
     hasBackground: boolean;
     customClass?: string;

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

@@ -0,0 +1,5 @@
+export { default } from './GrLoading.vue';
+export { default as GrLoading } from './GrLoading.vue';
+export { grLoadingConfig } from './config';
+export { grLoadingSafelist } from './safelist';
+export type { GrLoadingProps } from './GrLoading.vue';

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

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

package/dist/types/src/components/{DsModal/DsModal.vue.d.ts → GrModal/GrModal.vue.d.ts}

@@ -1,9 +1,9 @@
-import { type DsModalSize } from './dsModalStyles';
-export interface DsModalProps {
+import { type GrModalSize } from './grModalStyles';
+export interface GrModalProps {
     modelValue: boolean;
     closeOnBackdrop?: boolean;
     closeOnEsc?: boolean;
-    size?: DsModalSize;
+    size?: GrModalSize;
 }
 declare var __VLS_47: {}, __VLS_55: {}, __VLS_57: {};
 type __VLS_Slots = {} & {
@@ -13,20 +13,20 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_57) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsModalProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrModalProps>, {
     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<DsModalProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrModalProps>, {
     closeOnBackdrop: boolean;
     closeOnEsc: boolean;
     size: string;
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-    size: DsModalSize;
+    size: GrModalSize;
     closeOnBackdrop: boolean;
     closeOnEsc: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

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

package/dist/types/src/components/{DsModal/dsModalStyles.d.ts → GrModal/grModalStyles.d.ts}

@@ -1,4 +1,4 @@
-export type DsModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export type GrModalSize = '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";
@@ -20,7 +20,7 @@ export declare const panelTransition: {
     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;
+export declare const panelWidthBySize: Record<GrModalSize, string>;
+export declare const panelRadiusBySize: Record<GrModalSize, string>;
+export declare const panelHeightBySize: Partial<Record<GrModalSize, string>>;
+export declare function getGrModalPanelClass(size: GrModalSize): string;

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

@@ -0,0 +1,7 @@
+export { default } from './GrModal.vue';
+export { default as GrModal } from './GrModal.vue';
+export type { GrModalProps } from './GrModal.vue';
+export { grModalConfig } from './config';
+export type { GrModalSize } from './grModalStyles';
+export { getGrModalPanelClass } from './grModalStyles';
+export { grModalClassTokens, grModalSafelist } from './safelist';

package/dist/types/src/components/{DsModal → GrModal}/safelist.d.ts

@@ -1,4 +1,4 @@
-type DsModalClassTokens = {
+type GrModalClassTokens = {
     root: readonly string[];
     shell: readonly string[];
     layout: readonly string[];
@@ -10,6 +10,6 @@ type DsModalClassTokens = {
     panelRadius: readonly string[];
     panelHeight: readonly string[];
 };
-export declare const dsModalClassTokens: DsModalClassTokens;
-export declare const dsModalSafelist: string[];
+export declare const grModalClassTokens: GrModalClassTokens;
+export declare const grModalSafelist: string[];
 export {};

package/dist/types/src/components/{DsNavbar/DsNavbar.vue.d.ts → GrNavbar/GrNavbar.vue.d.ts}

@@ -1,12 +1,12 @@
 /**
- * DsNavbar — верхняя панель приложения (header) с заголовком,
+ * GrNavbar — верхняя панель приложения (header) с заголовком,
  * опциональной кнопкой меню (обычно — для мобильных) и правым слотом
  * для действий/аватара.
  *
  * - Корень — `<header>` (landmark), без собственного `role`.
  * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.
  */
-export interface DsNavbarProps {
+export interface GrNavbarProps {
     title: string;
     showMenuButton?: boolean;
     /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */
@@ -18,12 +18,12 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_22) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsNavbarProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrNavbarProps>, {
     showMenuButton: boolean;
     menuButtonClass: string;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     menu: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsNavbarProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrNavbarProps>, {
     showMenuButton: boolean;
     menuButtonClass: string;
 }>>> & Readonly<{

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

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

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

@@ -0,0 +1,4 @@
+export { default } from './GrNavbar.vue';
+export { default as GrNavbar } from './GrNavbar.vue';
+export type { GrNavbarProps } from './GrNavbar.vue';
+export { grNavbarConfig } from './config';

package/dist/types/src/components/{DsNumberInput/DsNumberInput.vue.d.ts → GrNumberInput/GrNumberInput.vue.d.ts}

@@ -1,6 +1,6 @@
 import type { InputHTMLAttributes } from 'vue';
-import { type DsNumberInputControlsDirection, type DsNumberInputSize, type DsNumberInputState, type DsNumberInputTextAlign } from './dsNumberInputStyles';
-export interface DsNumberInputProps {
+import { type GrNumberInputControlsDirection, type GrNumberInputSize, type GrNumberInputState, type GrNumberInputTextAlign } from './grNumberInputStyles';
+export interface GrNumberInputProps {
     /** Значение (строка — контролируем форматирование внутри). */
     modelValue: string;
     placeholder?: string;
@@ -9,11 +9,11 @@ export interface DsNumberInputProps {
     disabled?: boolean;
     /** Быстрый флаг невалидности; эквивалент `state='danger'` + `aria-invalid`. */
     invalid?: boolean;
-    state?: DsNumberInputState;
+    state?: GrNumberInputState;
     name?: string;
     id?: string;
-    size?: DsNumberInputSize;
-    textAlign?: DsNumberInputTextAlign;
+    size?: GrNumberInputSize;
+    textAlign?: GrNumberInputTextAlign;
     decimalSeparator?: string;
     step?: number;
     min?: number;
@@ -21,7 +21,7 @@ export interface DsNumberInputProps {
     precision?: number;
     /** Показывать кнопки +/-. */
     controls?: boolean;
-    controlsDirection?: DsNumberInputControlsDirection;
+    controlsDirection?: GrNumberInputControlsDirection;
     prefixMinWidth?: string;
     prefixMaxWidth?: string;
     suffixMinWidth?: string;
@@ -38,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<DsNumberInputProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrNumberInputProps>, {
     placeholder: undefined;
     autocomplete: undefined;
     inputmode: string;
@@ -67,7 +67,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }, {}, {}, {}, 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<DsNumberInputProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrNumberInputProps>, {
     placeholder: undefined;
     autocomplete: undefined;
     inputmode: string;
@@ -95,7 +95,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onChange?: ((value: string) => any) | undefined;
 }>, {
-    size: DsNumberInputSize;
+    size: GrNumberInputSize;
     disabled: boolean;
     name: string;
     id: string;
@@ -105,8 +105,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     placeholder: string;
     inputmode: "text" | "search" | "none" | "email" | "tel" | "url" | "numeric" | "decimal";
     autocomplete: string;
-    state: DsNumberInputState;
-    textAlign: DsNumberInputTextAlign;
+    state: GrNumberInputState;
+    textAlign: GrNumberInputTextAlign;
     prefixMinWidth: string;
     prefixMaxWidth: string;
     suffixMinWidth: string;
@@ -115,7 +115,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     step: number;
     precision: number;
     controls: boolean;
-    controlsDirection: DsNumberInputControlsDirection;
+    controlsDirection: GrNumberInputControlsDirection;
     increaseLabel: string;
     decreaseLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

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

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

@@ -0,0 +1,19 @@
+export type GrNumberInputState = 'default' | 'success' | 'warning' | 'danger';
+export type GrNumberInputSize = 'xs' | 'sm' | 'md' | 'lg';
+export type GrNumberInputControlsDirection = 'vertical' | 'horizontal';
+export type GrNumberInputTextAlign = 'left' | 'center' | 'right';
+export type NumberInputSize = GrNumberInputSize;
+export type NumberInputControlsDirection = GrNumberInputControlsDirection;
+export declare const sizeClassBySize: Record<GrNumberInputSize, string>;
+export declare const textAlignClassByAlign: Record<GrNumberInputTextAlign, string>;
+export declare const borderClassByState: Record<GrNumberInputState, string>;
+/** Динамические классы для disabled-состояния shell'а — выбираются в рантайме. */
+export declare const disabledShellClass = "opacity-50 cursor-not-allowed";
+export declare function grNumberInputShellClass(options: {
+    disabled: boolean;
+    state: GrNumberInputState;
+}): string;
+export declare function grNumberInputInputClass(options: {
+    size: GrNumberInputSize;
+    textAlign: GrNumberInputTextAlign;
+}): string;

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

@@ -0,0 +1,6 @@
+export { default } from './GrNumberInput.vue';
+export { default as GrNumberInput } from './GrNumberInput.vue';
+export { grNumberInputConfig } from './config';
+export { grNumberInputSafelist } from './safelist';
+export type { GrNumberInputProps } from './GrNumberInput.vue';
+export type { GrNumberInputControlsDirection, GrNumberInputSize, GrNumberInputState, GrNumberInputTextAlign, NumberInputControlsDirection, NumberInputSize, } from './grNumberInputStyles';

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

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