@feugene/granularity 0.1.0

package/dist/types/src/directives/dropzone.d.ts

@@ -0,0 +1,30 @@
+import type { Directive } from 'vue';
+import type { FileValidator } from '../fileValidation';
+export type DropzoneOnFiles = (files: File[], event: DragEvent) => void | Promise<void>;
+export type DropzoneBindingValue = DropzoneOnFiles | {
+    onFiles: DropzoneOnFiles;
+    /** По умолчанию `true`. */
+    enabled?: boolean;
+    /** По умолчанию `true`. */
+    multiple?: boolean;
+    /** Валидаторы, которые будут запущены перед `onFiles`. */
+    validators?: FileValidator[];
+    /** По умолчанию `true` (предотвращаем дефолтное поведение браузера при drop). */
+    preventDefault?: boolean;
+    /** По умолчанию `false`. */
+    stopPropagation?: boolean;
+    /** Вызывается, если валидация файлов не прошла. */
+    onError?: (error: unknown) => void;
+    /** Вызывается при изменении состояния drag-over. */
+    onStateChange?: (state: {
+        isOver: boolean;
+    }) => void;
+    /** CSS-класс, который навешивается на элемент, пока курсор с файлами над зоной. */
+    overClass?: string;
+};
+/**
+ * `v-dropzone` — декларативная DnD-зона для файлов (перетаскивание + drop).
+ *
+ * Директива не делает загрузку сама — только нормализует события и отдаёт `File[]`.
+ */
+export declare const vDropzone: Directive<HTMLElement, DropzoneBindingValue>;

package/dist/types/src/directives/globalDirectives.d.ts

@@ -0,0 +1,18 @@
+import type { Directive } from 'vue';
+import type { AutofocusBindingValue } from './autofocus';
+import type { AutosizeBindingValue } from './autosize';
+import type { ClickOutsideBindingValue } from './clickOutside';
+import type { DropzoneBindingValue } from './dropzone';
+import type { HotkeyBindingValue } from './hotkey';
+import type { LoadingBindingValue } from './loading';
+declare module 'vue' {
+    interface GlobalDirectives {
+        vAutofocus: Directive<HTMLElement, AutofocusBindingValue>;
+        vAutosize: Directive<HTMLTextAreaElement, AutosizeBindingValue>;
+        vClickOutside: Directive<HTMLElement, ClickOutsideBindingValue>;
+        vDropzone: Directive<HTMLElement, DropzoneBindingValue>;
+        vHotkey: Directive<HTMLElement, HotkeyBindingValue>;
+        vLoading: Directive<HTMLElement, LoadingBindingValue>;
+    }
+}
+export {};

package/dist/types/src/directives/hotkey.d.ts

@@ -0,0 +1,25 @@
+import type { Directive } from 'vue';
+export type HotkeyHandler = (event: KeyboardEvent) => void;
+export type HotkeyEntry = HotkeyHandler | {
+    handler: HotkeyHandler;
+    /** По умолчанию: `true` для комбинаций с Ctrl/Meta/Alt, иначе `false`. */
+    preventDefault?: boolean;
+    /** По умолчанию `false`. */
+    stopPropagation?: boolean;
+    /** Разрешить срабатывать, когда фокус в `input/textarea/[contenteditable]`. */
+    allowInEditable?: boolean;
+};
+export type HotkeyMap = Record<string, HotkeyEntry>;
+export type HotkeyBindingValue = HotkeyMap | {
+    handlers: HotkeyMap;
+    enabled?: boolean;
+};
+/**
+ * `v-hotkey` — горячие клавиши на компонент/страницу.
+ *
+ * Пример:
+ * ```vue
+ * <div v-hotkey="{ 'Escape': close, 'Ctrl+K': openSearch }" />
+ * ```
+ */
+export declare const vHotkey: Directive<HTMLElement, HotkeyBindingValue>;

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

@@ -0,0 +1,13 @@
+export type {} from './globalDirectives';
+export { vAutofocus } from './autofocus';
+export type { AutofocusBindingValue } from './autofocus';
+export { vAutosize } from './autosize';
+export type { AutosizeBindingValue } from './autosize';
+export { vClickOutside } from './clickOutside';
+export type { ClickOutsideBindingValue, ClickOutsideExclude, ClickOutsideHandler, } from './clickOutside';
+export { vDropzone } from './dropzone';
+export type { DropzoneBindingValue, DropzoneOnFiles } from './dropzone';
+export { vHotkey } from './hotkey';
+export type { HotkeyBindingValue, HotkeyEntry, HotkeyHandler, HotkeyMap } from './hotkey';
+export { createLoading, vLoading } from './loading';
+export type { LoadingBindingValue, LoadingController, LoadingOptions, LoadingTarget, } from './loading';

package/dist/types/src/directives/loading.d.ts

@@ -0,0 +1,38 @@
+import type { AppContext, Component, Directive } from 'vue';
+export type LoadingTarget = string | HTMLElement;
+export type LoadingOptions = {
+    /**
+     * Контейнер, куда будет вставлен оверлей.
+     * - если не задано, то для директивы используется сам `el`
+     * - для ручного вызова (`createLoading`) по умолчанию используется `document.body`
+     */
+    target?: LoadingTarget;
+    /**
+     * Полноэкранный лоадер (рендерится в `document.body`).
+     * По умолчанию включается, если `target` = `document.body`.
+     */
+    fullscreen?: boolean;
+    text?: string;
+    spinner?: Component;
+    spinnerClass?: string;
+    animated?: boolean;
+    background?: string;
+    zIndex?: number;
+    customClass?: string;
+    /**
+     * Внутренний контекст Vue-приложения.
+     * Нужен, чтобы кастомный `spinner` мог использовать `inject()` даже при ручном `render()`.
+     */
+    appContext?: AppContext;
+};
+export type LoadingController = {
+    close: () => void;
+    setText: (text?: string) => void;
+    setOptions: (next: Partial<LoadingOptions>) => void;
+    readonly target: HTMLElement;
+};
+export type LoadingBindingValue = boolean | (Omit<LoadingOptions, 'appContext'> & {
+    loading?: boolean;
+});
+export declare function createLoading(options?: LoadingOptions, fallbackTarget?: HTMLElement): LoadingController;
+export declare const vLoading: Directive<HTMLElement, LoadingBindingValue>;

package/dist/types/src/fileValidation/FileValidationError.d.ts

@@ -0,0 +1,7 @@
+import type { FileValidationIssue, FileValidationIssueCode } from './types';
+export declare class FileValidationError extends Error {
+    code: FileValidationIssueCode;
+    file?: File;
+    issues: FileValidationIssue[];
+    constructor(issues: FileValidationIssue[], files?: File[], message?: string);
+}

package/dist/types/src/fileValidation/acceptValidator.d.ts

@@ -0,0 +1,2 @@
+import type { FileValidator } from './types';
+export declare function acceptValidator(accept: string | undefined): FileValidator;

package/dist/types/src/fileValidation/allowedExtensionsValidator.d.ts

@@ -0,0 +1,2 @@
+import type { FileValidator } from './types';
+export declare function allowedExtensionsValidator(exts: string[]): FileValidator;

package/dist/types/src/fileValidation/allowedMimeTypesValidator.d.ts

@@ -0,0 +1,9 @@
+import type { FileValidator } from './types';
+export type AllowedMimeTypesValidatorOptions = {
+    /**
+     * Если `true`, то для fallback-типа (`''`/`application/octet-stream`) валидация по MIME пропускается,
+     * предполагая проверку расширения отдельным валидатором.
+     */
+    allowFallbackByExtension?: boolean;
+};
+export declare function allowedMimeTypesValidator(allowed: string[], options?: AllowedMimeTypesValidatorOptions): FileValidator;

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

@@ -0,0 +1,11 @@
+export type * from './types';
+export { FileValidationError } from './FileValidationError';
+export { normalizeFiles, runFileValidators } from './runFileValidators';
+export { matchAccept } from './matchAccept';
+export { acceptValidator } from './acceptValidator';
+export { allowedExtensionsValidator } from './allowedExtensionsValidator';
+export { allowedMimeTypesValidator } from './allowedMimeTypesValidator';
+export type { AllowedMimeTypesValidatorOptions } from './allowedMimeTypesValidator';
+export { maxFileSizeBytesValidator } from './maxFileSizeBytesValidator';
+export { maxSizeMbValidator } from './maxSizeMbValidator';
+export { maxTotalSizeBytesValidator } from './maxTotalSizeBytesValidator';

package/dist/types/src/fileValidation/matchAccept.d.ts

@@ -0,0 +1 @@
+export declare function matchAccept(file: File, accept: string | undefined): boolean;

package/dist/types/src/fileValidation/maxFileSizeBytesValidator.d.ts

@@ -0,0 +1,2 @@
+import type { FileValidator } from './types';
+export declare function maxFileSizeBytesValidator(maxBytes: number | undefined): FileValidator;

package/dist/types/src/fileValidation/maxSizeMbValidator.d.ts

@@ -0,0 +1,2 @@
+import type { FileValidator } from './types';
+export declare function maxSizeMbValidator(maxSizeMb: number | undefined): FileValidator;

package/dist/types/src/fileValidation/maxTotalSizeBytesValidator.d.ts

@@ -0,0 +1,2 @@
+import type { FileValidator } from './types';
+export declare function maxTotalSizeBytesValidator(maxBytes: number | undefined): FileValidator;

package/dist/types/src/fileValidation/runFileValidators.d.ts

@@ -0,0 +1,7 @@
+import type { FileValidationIssue, FileValidator, FileValidatorContext } from './types';
+export declare function normalizeFiles(files: File[], multiple: boolean): File[];
+export type RunFileValidatorsResult = {
+    files: File[];
+    issues: FileValidationIssue[];
+};
+export declare function runFileValidators(files: File[], validators: FileValidator[] | undefined, context: FileValidatorContext): RunFileValidatorsResult | Promise<RunFileValidatorsResult>;

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

@@ -0,0 +1,27 @@
+export type FileValidationIssueCode = 'accept' | 'mimeType' | 'extension' | 'maxSize' | 'maxFileSize' | 'maxTotalSize' | (string & {});
+export type FileValidationIssue = {
+    fileName?: string;
+    code: FileValidationIssueCode;
+    message: string;
+    /**
+     * Доп. данные для UI/логирования (не использовать для логики, если можно опереться на `code`).
+     */
+    meta?: Record<string, unknown>;
+    /**
+     * Опциональная поддержка i18n: ключ + параметры.
+     * `message` остаётся обязательным как безопасный fallback.
+     */
+    i18nKey?: string;
+    i18nParams?: Record<string, unknown>;
+};
+export type FileValidatorSource = 'input' | 'drop';
+export type FileValidatorContext = {
+    source: FileValidatorSource;
+    multiple: boolean;
+    accept?: string;
+};
+export type FileValidatorInput = {
+    files: File[];
+    context: FileValidatorContext;
+};
+export type FileValidator = (input: FileValidatorInput) => FileValidationIssue[] | Promise<FileValidationIssue[]>;

package/dist/types/src/i18n/adapter.d.ts

@@ -0,0 +1,8 @@
+import type { InjectionKey, Ref } from 'vue';
+export type GranularityI18nParams = Record<string, unknown>;
+export type GranularityI18nAdapter = {
+    t: (key: string, params?: GranularityI18nParams) => string;
+    locale?: Readonly<Ref<string>>;
+    syncLocale?: (locale: string) => void | Promise<void>;
+};
+export declare const GRANULARITY_I18N_KEY: InjectionKey<GranularityI18nAdapter | null>;

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

@@ -0,0 +1,2 @@
+export * from './adapter';
+export * from './messages';

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

@@ -0,0 +1,268 @@
+type GranularityLocalePayload = Record<string, unknown>;
+type GranularityLocaleModule = {
+    default: GranularityLocalePayload;
+};
+type GranularityLocaleLoader = () => Promise<GranularityLocaleModule>;
+export type GranularityLocaleLoaderCollection = Record<string, Record<string, GranularityLocaleLoader>>;
+export declare const DS_I18N_BLOCK = "ds";
+export declare const dsLocaleLoaders: {
+    en: {
+        ds: () => Promise<{
+            default: {
+                common: {
+                    confirm: string;
+                    cancel: string;
+                    add: string;
+                    clear: string;
+                    close: string;
+                };
+                loading: {
+                    defaultText: string;
+                };
+                treeSelect: {
+                    filterPlaceholder: string;
+                    empty: string;
+                };
+                dialog: {
+                    confirm: {
+                        title: string;
+                    };
+                    prompt: {
+                        title: string;
+                        label: string;
+                        required: string;
+                    };
+                };
+                pagination: {
+                    pageSize: string;
+                    prev: string;
+                    next: string;
+                };
+                navbar: {
+                    openMenu: string;
+                };
+                colors: {
+                    neutral: string;
+                    success: string;
+                    warning: string;
+                    danger: string;
+                    info: string;
+                    primary: string;
+                };
+            };
+            common: {
+                confirm: string;
+                cancel: string;
+                add: string;
+                clear: string;
+                close: string;
+            };
+            loading: {
+                defaultText: string;
+            };
+            treeSelect: {
+                filterPlaceholder: string;
+                empty: string;
+            };
+            dialog: {
+                confirm: {
+                    title: string;
+                };
+                prompt: {
+                    title: string;
+                    label: string;
+                    required: string;
+                };
+            };
+            pagination: {
+                pageSize: string;
+                prev: string;
+                next: string;
+            };
+            navbar: {
+                openMenu: string;
+            };
+            colors: {
+                neutral: string;
+                success: string;
+                warning: string;
+                danger: string;
+                info: string;
+                primary: string;
+            };
+        }>;
+    };
+    ru: {
+        ds: () => Promise<{
+            default: {
+                common: {
+                    confirm: string;
+                    cancel: string;
+                    add: string;
+                    clear: string;
+                    close: string;
+                };
+                loading: {
+                    defaultText: string;
+                };
+                treeSelect: {
+                    filterPlaceholder: string;
+                    empty: string;
+                };
+                dialog: {
+                    confirm: {
+                        title: string;
+                    };
+                    prompt: {
+                        title: string;
+                        label: string;
+                        required: string;
+                    };
+                };
+                pagination: {
+                    pageSize: string;
+                    prev: string;
+                    next: string;
+                };
+                navbar: {
+                    openMenu: string;
+                };
+                colors: {
+                    neutral: string;
+                    success: string;
+                    warning: string;
+                    danger: string;
+                    info: string;
+                    primary: string;
+                };
+            };
+            common: {
+                confirm: string;
+                cancel: string;
+                add: string;
+                clear: string;
+                close: string;
+            };
+            loading: {
+                defaultText: string;
+            };
+            treeSelect: {
+                filterPlaceholder: string;
+                empty: string;
+            };
+            dialog: {
+                confirm: {
+                    title: string;
+                };
+                prompt: {
+                    title: string;
+                    label: string;
+                    required: string;
+                };
+            };
+            pagination: {
+                pageSize: string;
+                prev: string;
+                next: string;
+            };
+            navbar: {
+                openMenu: string;
+            };
+            colors: {
+                neutral: string;
+                success: string;
+                warning: string;
+                danger: string;
+                info: string;
+                primary: string;
+            };
+        }>;
+    };
+    es: {
+        ds: () => Promise<{
+            default: {
+                common: {
+                    confirm: string;
+                    cancel: string;
+                    add: string;
+                    clear: string;
+                    close: string;
+                };
+                loading: {
+                    defaultText: string;
+                };
+                treeSelect: {
+                    filterPlaceholder: string;
+                    empty: string;
+                };
+                dialog: {
+                    confirm: {
+                        title: string;
+                    };
+                    prompt: {
+                        title: string;
+                        label: string;
+                        required: string;
+                    };
+                };
+                pagination: {
+                    pageSize: string;
+                    prev: string;
+                    next: string;
+                };
+                navbar: {
+                    openMenu: string;
+                };
+                colors: {
+                    neutral: string;
+                    success: string;
+                    warning: string;
+                    danger: string;
+                    info: string;
+                    primary: string;
+                };
+            };
+            common: {
+                confirm: string;
+                cancel: string;
+                add: string;
+                clear: string;
+                close: string;
+            };
+            loading: {
+                defaultText: string;
+            };
+            treeSelect: {
+                filterPlaceholder: string;
+                empty: string;
+            };
+            dialog: {
+                confirm: {
+                    title: string;
+                };
+                prompt: {
+                    title: string;
+                    label: string;
+                    required: string;
+                };
+            };
+            pagination: {
+                pageSize: string;
+                prev: string;
+                next: string;
+            };
+            navbar: {
+                openMenu: string;
+            };
+            colors: {
+                neutral: string;
+                success: string;
+                warning: string;
+                danger: string;
+                info: string;
+                primary: string;
+            };
+        }>;
+    };
+};
+export {};

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

@@ -0,0 +1,59 @@
+export * from './components/DsAlert';
+export * from './components/DsAvatar';
+export * from './components/DsBadge';
+export * from './components/DsBadgeWrap';
+export * from './components/DsBottomNav';
+export * from './components/DsButton';
+export * from './components/DsButtonGroup';
+export * from './components/DsCard';
+export * from './components/DsCollapse';
+export * from './components/DsConfirmDialog';
+export * from './components/DsCheckbox';
+export * from './components/DsDataTable';
+export * from './components/DsDrawer';
+export * from './components/DsDropdown';
+export * from './components/DsDropdownMenu';
+export { default as DsDialog } from './components/DsDialog';
+export { dsDialogSafelist } from './components/DsDialog';
+export type { DsDialogSectionConfig, DsDialogSize } from './components/DsDialog';
+export * from './components/DsEmptyState';
+export * from './components/DsFileUpload';
+export * from './components/DsFormFile';
+export * from './components/DsFormField';
+export * from './components/DsFormSection';
+export * from './components/DsIcon';
+export * from './components/DsImageViewer';
+export * from './components/DsInput';
+export * from './components/DsNumberInput';
+export * from './components/DsInputTag';
+export * from './components/DsList';
+export * from './components/DsLink';
+export * from './components/DsLoading';
+export { default as DsModal } from './components/DsModal';
+export { dsModalConfig } from './components/DsModal';
+export { dsModalClassTokens, dsModalSafelist, getDsModalPanelClass } from './components/DsModal';
+export * from './components/DsNavbar';
+export * from './components/DsPagination';
+export * from './components/DsProgressBar';
+export * from './components/DsPromptDialog';
+export * from './components/DsRadio';
+export * from './components/DsRadioGroup';
+export * from './components/DsSelect';
+export * from './components/DsSidebar';
+export * from './components/DsSkeleton';
+export * from './components/DsSegmented';
+export * from './components/DsSwitch';
+export * from './components/DsTable';
+export * from './components/DsTabs';
+export * from './components/DsToaster';
+export * from './components/DsTextarea';
+export * from './components/DsTree';
+export * from './components/DsTreeSelect';
+export * from './components/DsTooltip';
+export * from './directives';
+export * from './fileValidation';
+export * from './i18n';
+export { initThemeEarly, useTheme } from './composables/useTheme';
+export type { ThemeName, UseThemeOptions } from './composables/useTheme';
+export { useToast } from './composables/useToast';
+export type { Toast, ToastInput, ToastVariant } from './composables/useToast';

package/dist/types/src/internal/granularityI18n.d.ts

@@ -0,0 +1,8 @@
+import { type AppContext } from 'vue';
+import { type GranularityI18nAdapter } from '../i18n/adapter';
+export type GranularityI18nLike = GranularityI18nAdapter;
+export declare function resolveGranularityI18n(context?: AppContext | GranularityI18nLike | null): GranularityI18nLike | null;
+export declare function useGranularityTranslations(context?: AppContext | GranularityI18nLike | null): {
+    i18n: GranularityI18nAdapter | null;
+    t: (key: string, fallback: string, params?: Record<string, any>) => string;
+};

package/dist/types/src/registry/componentConfig.d.ts

@@ -0,0 +1,17 @@
+export type GranularityComponentConfig<Name extends string = string> = {
+    name: Name;
+    dependencies: readonly string[];
+    safelist: readonly string[];
+    cssFiles: readonly string[];
+    cssFileAssetNames: readonly string[];
+    styleAssetFileName: string | null;
+};
+type DefineGranularityComponentConfigOptions<Name extends string> = {
+    name: Name;
+    dependencies?: readonly string[];
+    safelist: readonly string[];
+    cssFiles?: readonly string[];
+    emitStyleAsset?: boolean;
+};
+export declare function defineGranularityComponentConfig<Name extends string>(importMetaUrl: string, options: DefineGranularityComponentConfigOptions<Name>): GranularityComponentConfig<Name>;
+export {};

package/dist/types/src/registry/componentCss.d.ts

@@ -0,0 +1,3 @@
+import { type GranularityComponentSelection, type GranularityComponentName } from './components';
+export declare const granularityComponentCssUrls: Record<GranularityComponentName, readonly string[]>;
+export declare function getGranularityComponentCssUrls(selection?: GranularityComponentSelection): string[];

package/dist/types/src/registry/componentCss.node.d.ts

@@ -0,0 +1,5 @@
+import type { Preflight } from '@unocss/core';
+import type { GranularityComponentSelection } from './components';
+export declare function getGranularityComponentCssFiles(selection?: GranularityComponentSelection): Promise<string[]>;
+export declare function getGranularityComponentCss(selection?: GranularityComponentSelection): Promise<string>;
+export declare function getGranularityComponentPreflights(selection?: GranularityComponentSelection): Preflight[];

package/dist/types/src/registry/components.d.ts

@@ -0,0 +1,56 @@
+import type { GranularityComponentConfig } from './componentConfig';
+export declare const granularityComponentConfigs: {
+    readonly DsAlert: GranularityComponentConfig<"DsAlert">;
+    readonly DsAvatar: GranularityComponentConfig<"DsAvatar">;
+    readonly DsBadge: GranularityComponentConfig<"DsBadge">;
+    readonly DsBadgeWrap: GranularityComponentConfig<"DsBadgeWrap">;
+    readonly DsBottomNav: GranularityComponentConfig<"DsBottomNav">;
+    readonly DsButton: GranularityComponentConfig<"DsButton">;
+    readonly DsButtonGroup: GranularityComponentConfig<"DsButtonGroup">;
+    readonly DsCard: GranularityComponentConfig<"DsCard">;
+    readonly DsCollapse: GranularityComponentConfig<"DsCollapse">;
+    readonly DsConfirmDialog: GranularityComponentConfig<"DsConfirmDialog">;
+    readonly DsDataTable: GranularityComponentConfig<"DsDataTable">;
+    readonly DsDrawer: GranularityComponentConfig<"DsDrawer">;
+    readonly DsDropdown: GranularityComponentConfig<"DsDropdown">;
+    readonly DsDropdownMenu: GranularityComponentConfig<"DsDropdownMenu">;
+    readonly DsCheckbox: GranularityComponentConfig<"DsCheckbox">;
+    readonly DsDialog: GranularityComponentConfig<"DsDialog">;
+    readonly DsEmptyState: GranularityComponentConfig<"DsEmptyState">;
+    readonly DsFileUpload: GranularityComponentConfig<"DsFileUpload">;
+    readonly DsFormFile: GranularityComponentConfig<"DsFormFile">;
+    readonly DsFormField: GranularityComponentConfig<"DsFormField">;
+    readonly DsFormSection: GranularityComponentConfig<"DsFormSection">;
+    readonly DsIcon: GranularityComponentConfig<"DsIcon">;
+    readonly DsImageViewer: GranularityComponentConfig<"DsImageViewer">;
+    readonly DsInput: GranularityComponentConfig<"DsInput">;
+    readonly DsNumberInput: GranularityComponentConfig<"DsNumberInput">;
+    readonly DsInputTag: GranularityComponentConfig<"DsInputTag">;
+    readonly DsList: GranularityComponentConfig<"DsList">;
+    readonly DsLink: GranularityComponentConfig<"DsLink">;
+    readonly DsLoading: GranularityComponentConfig<"DsLoading">;
+    readonly DsModal: GranularityComponentConfig<"DsModal">;
+    readonly DsNavbar: GranularityComponentConfig<"DsNavbar">;
+    readonly DsPagination: GranularityComponentConfig<"DsPagination">;
+    readonly DsProgressBar: GranularityComponentConfig<"DsProgressBar">;
+    readonly DsPromptDialog: GranularityComponentConfig<"DsPromptDialog">;
+    readonly DsRadio: GranularityComponentConfig<"DsRadio">;
+    readonly DsRadioGroup: GranularityComponentConfig<"DsRadioGroup">;
+    readonly DsSelect: GranularityComponentConfig<"DsSelect">;
+    readonly DsSegmented: GranularityComponentConfig<"DsSegmented">;
+    readonly DsSidebar: GranularityComponentConfig<"DsSidebar">;
+    readonly DsSkeleton: GranularityComponentConfig<"DsSkeleton">;
+    readonly DsSwitch: GranularityComponentConfig<"DsSwitch">;
+    readonly DsTable: GranularityComponentConfig<"DsTable">;
+    readonly DsTabs: GranularityComponentConfig<"DsTabs">;
+    readonly DsToaster: GranularityComponentConfig<"DsToaster">;
+    readonly DsTextarea: GranularityComponentConfig<"DsTextarea">;
+    readonly DsTree: GranularityComponentConfig<"DsTree">;
+    readonly DsTreeSelect: GranularityComponentConfig<"DsTreeSelect">;
+    readonly DsTooltip: GranularityComponentConfig<"DsTooltip">;
+};
+export type GranularityComponentName = keyof typeof granularityComponentConfigs;
+export type GranularityComponentSelection = 'all' | GranularityComponentName[];
+export declare function resolveGranularityComponentSelection(selection?: GranularityComponentSelection): readonly GranularityComponentName[];
+export declare function resolveGranularityComponentNames(selection?: GranularityComponentSelection): GranularityComponentName[];
+export declare const granularityComponents: Record<GranularityComponentName, readonly string[]>;