@feugene/granularity 0.3.1 → 0.4.0

package/dist/types/src/components/{DsPagination/DsPagination.vue.d.ts → GrPagination/GrPagination.vue.d.ts}

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

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

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

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

@@ -0,0 +1,3 @@
+export { default } from './GrPagination.vue';
+export { default as GrPagination, type GrPaginationProps } from './GrPagination.vue';
+export { grPaginationConfig } from './config';

package/dist/types/src/components/{DsProgressBar/DsProgressBar.vue.d.ts → GrProgressBar/GrProgressBar.vue.d.ts}

@@ -1,24 +1,24 @@
-import { type DsProgressBarTone } from './dsStyle';
+import { type GrProgressBarTone } from './grStyle';
 /**
- * DsProgressBar — линейный индикатор прогресса.
+ * GrProgressBar — линейный индикатор прогресса.
  *
  * @prop value — текущее значение `0..100`; выходящие за границы значения клампятся, `NaN` → `0`.
  * @prop ariaLabel — метка для скринридера (обязательна, если рядом нет видимого заголовка).
  * @prop tone — цветовая тональность заливки (CSS-переменная из `tokens.css`).
  */
-export interface DsProgressBarProps {
+export interface GrProgressBarProps {
     value: number;
     ariaLabel?: string;
-    tone?: DsProgressBarTone;
+    tone?: GrProgressBarTone;
 }
-declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsProgressBarProps>, {
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrProgressBarProps>, {
     ariaLabel: undefined;
     tone: string;
-}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsProgressBarProps>, {
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrProgressBarProps>, {
     ariaLabel: undefined;
     tone: string;
 }>>> & Readonly<{}>, {
-    tone: DsProgressBarTone;
+    tone: GrProgressBarTone;
     ariaLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: typeof __VLS_export;

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

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

package/dist/types/src/components/GrProgressBar/config.node.d.ts

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

package/dist/types/src/components/GrProgressBar/grStyle.d.ts

@@ -0,0 +1,2 @@
+export type GrProgressBarTone = 'primary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'slate' | 'azure';
+export declare function grProgressBarFillClass(tone: GrProgressBarTone): string;

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

@@ -0,0 +1,5 @@
+export { default } from './GrProgressBar.vue';
+export { default as GrProgressBar, type GrProgressBarProps } from './GrProgressBar.vue';
+export { grProgressBarConfig } from './config';
+export { grProgressBarSafelist } from './safelist';
+export type { GrProgressBarTone } from './grStyle';

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

@@ -0,0 +1,4 @@
+export declare const grProgressBarClassTokens: {
+    readonly fill: string[];
+};
+export declare const grProgressBarSafelist: readonly string[];

package/dist/types/src/components/{DsPromptDialog/DsPromptDialog.vue.d.ts → GrPromptDialog/GrPromptDialog.vue.d.ts}

@@ -1,6 +1,6 @@
-import type { DsButtonSize, DsButtonTone, DsButtonVariant } from '../DsButton';
-import type { DsDialogSectionConfig, DsDialogSize } from '../DsDialog';
-export interface DsPromptDialogProps {
+import type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton';
+import type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog';
+export interface GrPromptDialogProps {
     modelValue: boolean;
     value: string;
     title?: string;
@@ -11,19 +11,19 @@ export interface DsPromptDialogProps {
     closeOnEsc?: boolean;
     showHeader?: boolean;
     showCloseButton?: boolean;
-    size?: DsDialogSize;
-    headerConfig?: DsDialogSectionConfig;
-    footerConfig?: DsDialogSectionConfig;
-    bodyConfig?: DsDialogSectionConfig;
+    size?: GrDialogSize;
+    headerConfig?: GrDialogSectionConfig;
+    footerConfig?: GrDialogSectionConfig;
+    bodyConfig?: GrDialogSectionConfig;
     /** A11y-лейбл кнопки закрытия (i18n). */
     closeLabel?: string;
-    buttonSize?: DsButtonSize;
+    buttonSize?: GrButtonSize;
     confirmText?: string;
     cancelText?: string;
     /** Текст ошибки для пустого значения при `required=true` (i18n). */
     requiredErrorText?: string;
-    confirmVariant?: DsButtonVariant;
-    confirmTone?: DsButtonTone;
+    confirmVariant?: GrButtonVariant;
+    confirmTone?: GrButtonTone;
     required?: boolean;
 }
 declare var __VLS_8: {}, __VLS_26: {};
@@ -32,7 +32,7 @@ type __VLS_Slots = {} & {
 } & {
     footer?: (props: typeof __VLS_26) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsPromptDialogProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPromptDialogProps>, {
     title: string;
     description: undefined;
     label: string;
@@ -58,7 +58,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     "update:value": (value: string) => void;
     confirm: (value: string) => void;
     cancel: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsPromptDialogProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrPromptDialogProps>, {
     title: string;
     description: undefined;
     label: string;
@@ -87,7 +87,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     title: string;
     label: string;
-    size: DsDialogSize;
+    size: GrDialogSize;
     required: boolean;
     closeOnBackdrop: boolean;
     closeOnEsc: boolean;
@@ -95,14 +95,14 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     showCloseButton: boolean;
     closeLabel: string;
     showHeader: boolean;
-    headerConfig: DsDialogSectionConfig;
-    footerConfig: DsDialogSectionConfig;
-    bodyConfig: DsDialogSectionConfig;
-    buttonSize: DsButtonSize;
+    headerConfig: GrDialogSectionConfig;
+    footerConfig: GrDialogSectionConfig;
+    bodyConfig: GrDialogSectionConfig;
+    buttonSize: GrButtonSize;
     confirmText: string;
     cancelText: string;
-    confirmVariant: DsButtonVariant;
-    confirmTone: DsButtonTone;
+    confirmVariant: GrButtonVariant;
+    confirmTone: GrButtonTone;
     placeholder: string;
     requiredErrorText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

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

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

@@ -0,0 +1,4 @@
+export { default } from './GrPromptDialog.vue';
+export { default as GrPromptDialog } from './GrPromptDialog.vue';
+export type { GrPromptDialogProps } from './GrPromptDialog.vue';
+export { grPromptDialogConfig } from './config';

package/dist/types/src/components/{DsRadio/DsRadio.vue.d.ts → GrRadio/GrRadio.vue.d.ts}

@@ -1,15 +1,15 @@
-import type { DsButtonSize, DsButtonTone, DsButtonVariant } from '../DsButton';
-import { type DsRadioVariant } from './dsRadioStyles';
+import type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton';
+import { type GrRadioVariant } from './grRadioStyles';
 /**
- * DsRadio — одиночный элемент группы выбора.
+ * GrRadio — одиночный элемент группы выбора.
  *
- * Может работать автономно (через `v-model`) либо внутри `DsRadioGroup`
+ * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`
  * (тогда `modelValue`/`disabled`/`size`/`name` приходят через `inject`).
  *
  * @prop value — значение этого элемента, сравнивается с `modelValue` группы.
- * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `DsButton`).
+ * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).
  */
-export interface DsRadioProps {
+export interface GrRadioProps {
     value: string;
     modelValue?: string;
     disabled?: boolean;
@@ -17,12 +17,12 @@ export interface DsRadioProps {
     required?: boolean;
     form?: string;
     id?: string;
-    size?: DsButtonSize;
-    variant?: DsRadioVariant;
-    buttonVariant?: DsButtonVariant;
-    buttonTone?: DsButtonTone;
-    selectedButtonVariant?: DsButtonVariant;
-    selectedButtonTone?: DsButtonTone;
+    size?: GrButtonSize;
+    variant?: GrRadioVariant;
+    buttonVariant?: GrButtonVariant;
+    buttonTone?: GrButtonTone;
+    selectedButtonVariant?: GrButtonVariant;
+    selectedButtonTone?: GrButtonTone;
     ariaLabel?: string;
 }
 declare var __VLS_1: {}, __VLS_3: {};
@@ -31,7 +31,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsRadioProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrRadioProps>, {
     modelValue: undefined;
     disabled: undefined;
     name: undefined;
@@ -47,7 +47,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     ariaLabel: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsRadioProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrRadioProps>, {
     modelValue: undefined;
     disabled: undefined;
     name: undefined;
@@ -64,19 +64,19 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    variant: DsRadioVariant;
+    variant: GrRadioVariant;
     form: string;
-    size: DsButtonSize;
+    size: GrButtonSize;
     modelValue: string;
     required: boolean;
     disabled: boolean;
     ariaLabel: string;
     name: string;
     id: string;
-    buttonVariant: DsButtonVariant;
-    buttonTone: DsButtonTone;
-    selectedButtonVariant: DsButtonVariant;
-    selectedButtonTone: DsButtonTone;
+    buttonVariant: GrButtonVariant;
+    buttonTone: GrButtonTone;
+    selectedButtonVariant: GrButtonVariant;
+    selectedButtonTone: GrButtonTone;
 }, {}, {}, {}, 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/GrRadio/config.d.ts

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

package/dist/types/src/components/{DsRadio/dsRadioGroupContext.d.ts → GrRadio/grRadioGroupContext.d.ts}

@@ -1,10 +1,10 @@
 import type { ComputedRef, InjectionKey } from 'vue';
-import type { DsButtonSize } from '../DsButton/dsButtonStyles';
-export type DsRadioGroupContext = {
+import type { GrButtonSize } from '../GrButton/grButtonStyles';
+export type GrRadioGroupContext = {
     modelValue: ComputedRef<string>;
     name: ComputedRef<string | undefined>;
     disabled: ComputedRef<boolean>;
-    size: ComputedRef<DsButtonSize>;
+    size: ComputedRef<GrButtonSize>;
     setValue: (value: string) => void;
 };
-export declare const DS_RADIO_GROUP_CONTEXT: InjectionKey<DsRadioGroupContext>;
+export declare const GR_RADIO_GROUP_CONTEXT: InjectionKey<GrRadioGroupContext>;

package/dist/types/src/components/GrRadio/grRadioStyles.d.ts

@@ -0,0 +1,23 @@
+import { type GrButtonSize, type GrButtonTone, type GrButtonVariant } from '../GrButton/grButtonStyles';
+export type GrRadioVariant = 'radiobox' | 'button';
+export declare const grRadioDisabledClass = "opacity-50 cursor-not-allowed";
+export declare const grRadioEnabledClass = "cursor-pointer";
+export declare const grRadioRootDisabledClass = "cursor-not-allowed opacity-70";
+export declare const grRadioRootEnabledClass = "cursor-pointer";
+export declare const grRadioControlCheckedClass = "border-[var(--primary)] bg-[color-mix(in_srgb,var(--primary)_10%,var(--bg))]";
+export declare const grRadioControlUncheckedClass = "border-[var(--brd)] bg-[var(--bg)]";
+export declare const grRadioDotCheckedClass = "bg-[var(--primary)] opacity-100 scale-100";
+export declare const grRadioDotUncheckedClass = "bg-transparent opacity-0 scale-75";
+export declare const grRadioDotBaseClass = "h-[6px] w-[6px] rounded-full transition-[transform,opacity,background-color] duration-150";
+export declare function grRadioButtonClass(options: {
+    checked: boolean;
+    disabled: boolean;
+    size: GrButtonSize;
+    buttonVariant: GrButtonVariant;
+    buttonTone: GrButtonTone;
+    selectedButtonVariant: GrButtonVariant;
+    selectedButtonTone: GrButtonTone;
+}): string;
+export declare function grRadioRootClass(disabled: boolean): string;
+export declare function grRadioControlClass(checked: boolean): string;
+export declare function grRadioDotClass(checked: boolean): string;

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

@@ -0,0 +1,7 @@
+export { default } from './GrRadio.vue';
+export { default as GrRadio, type GrRadioProps } from './GrRadio.vue';
+export { grRadioConfig } from './config';
+export type { GrRadioVariant } from './grRadioStyles';
+export type { GrRadioGroupContext } from './grRadioGroupContext';
+export { GR_RADIO_GROUP_CONTEXT } from './grRadioGroupContext';
+export { grRadioSafelist } from './safelist';

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

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

package/dist/types/src/components/{DsRadioGroup/DsRadioGroup.vue.d.ts → GrRadioGroup/GrRadioGroup.vue.d.ts}

@@ -1,22 +1,22 @@
-import type { DsButtonSize } from '../DsButton';
-export type DsRadioGroupVariant = 'radiobox' | 'button';
-export interface DsRadioGroupOption {
+import type { GrButtonSize } from '../GrButton';
+export type GrRadioGroupVariant = 'radiobox' | 'button';
+export interface GrRadioGroupOption {
     value: string;
     label: string;
 }
 /**
- * DsRadioGroup — контейнер группы `DsRadio`.
+ * GrRadioGroup — контейнер группы `GrRadio`.
  *
- * Может работать как через слот (ручной рендер `DsRadio`), так и через проп `options`.
- * Предоставляет дочерним `DsRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.
+ * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.
+ * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.
  */
-export interface DsRadioGroupProps {
+export interface GrRadioGroupProps {
     modelValue: string;
-    options?: DsRadioGroupOption[];
+    options?: GrRadioGroupOption[];
     name?: string;
     disabled?: boolean;
-    variant?: DsRadioGroupVariant;
-    size?: DsButtonSize;
+    variant?: GrRadioGroupVariant;
+    size?: GrButtonSize;
     ariaLabel?: string;
 }
 declare var __VLS_7: {}, __VLS_9: {};
@@ -25,7 +25,7 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_9) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsRadioGroupProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrRadioGroupProps>, {
     options: undefined;
     name: undefined;
     disabled: boolean;
@@ -34,7 +34,7 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     ariaLabel: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsRadioGroupProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrRadioGroupProps>, {
     options: undefined;
     name: undefined;
     disabled: boolean;
@@ -44,12 +44,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>>> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    variant: DsRadioGroupVariant;
-    size: DsButtonSize;
+    variant: GrRadioGroupVariant;
+    size: GrButtonSize;
     disabled: boolean;
     ariaLabel: string;
     name: string;
-    options: DsRadioGroupOption[];
+    options: GrRadioGroupOption[];
 }, {}, {}, {}, 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/GrRadioGroup/config.d.ts

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

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

@@ -0,0 +1,4 @@
+export { default } from './GrRadioGroup.vue';
+export { default as GrRadioGroup } from './GrRadioGroup.vue';
+export { grRadioGroupConfig } from './config';
+export type { GrRadioGroupOption, GrRadioGroupProps, GrRadioGroupVariant, } from './GrRadioGroup.vue';

package/dist/types/src/components/{DsSegmented/DsSegmented.vue.d.ts → GrSegmented/GrSegmented.vue.d.ts}

@@ -1,12 +1,12 @@
-import { type DsSegmentedOption, type DsSegmentedSize, type DsSegmentedValue, type DsSegmentedVariant } from './dsSegmentedStyles';
+import { type GrSegmentedOption, type GrSegmentedSize, type GrSegmentedValue, type GrSegmentedVariant } from './grSegmentedStyles';
 /**
  * Пропсы публичного DS-примитива «Segmented».
  */
-export interface DsSegmentedProps {
-    modelValue: DsSegmentedValue;
-    options: DsSegmentedOption[];
-    variant?: DsSegmentedVariant;
-    size?: DsSegmentedSize;
+export interface GrSegmentedProps {
+    modelValue: GrSegmentedValue;
+    options: GrSegmentedOption[];
+    variant?: GrSegmentedVariant;
+    size?: GrSegmentedSize;
     /** Длительность анимации индикатора в мс. */
     indicatorDuration?: number;
     /** Растягивать сегмент на всю ширину контейнера. */
@@ -17,14 +17,14 @@ export interface DsSegmentedProps {
     ariaLabel?: string;
 }
 declare var __VLS_1: {
-    option: DsSegmentedOption;
+    option: GrSegmentedOption;
     selected: boolean;
     disabled: boolean;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsSegmentedProps>, {
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSegmentedProps>, {
     variant: string;
     size: string;
     indicatorDuration: number;
@@ -33,9 +33,9 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     name: undefined;
     ariaLabel: undefined;
 }>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: DsSegmentedValue) => void;
-    change: (value: DsSegmentedValue, option: DsSegmentedOption) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<DsSegmentedProps>, {
+    "update:modelValue": (value: GrSegmentedValue) => void;
+    change: (value: GrSegmentedValue, option: GrSegmentedOption) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GrSegmentedProps>, {
     variant: string;
     size: string;
     indicatorDuration: number;
@@ -44,11 +44,11 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     name: undefined;
     ariaLabel: undefined;
 }>>> & Readonly<{
-    "onUpdate:modelValue"?: ((value: DsSegmentedValue) => any) | undefined;
-    onChange?: ((value: DsSegmentedValue, option: DsSegmentedOption) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: GrSegmentedValue) => any) | undefined;
+    onChange?: ((value: GrSegmentedValue, option: GrSegmentedOption) => any) | undefined;
 }>, {
-    variant: DsSegmentedVariant;
-    size: DsSegmentedSize;
+    variant: GrSegmentedVariant;
+    size: GrSegmentedSize;
     disabled: boolean;
     ariaLabel: string;
     name: string;

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

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

package/dist/types/src/components/{DsSegmented/dsSegmentedStyles.d.ts → GrSegmented/grSegmentedStyles.d.ts}

@@ -1,41 +1,41 @@
 import type { Component } from 'vue';
-export type DsSegmentedVariant = 'pills' | 'button';
-export type DsSegmentedSize = 'xs' | 'sm' | 'md' | 'lg';
-export type DsSegmentedValue = string | number;
-export type DsSegmentedOption = {
-    value: DsSegmentedValue;
+export type GrSegmentedVariant = 'pills' | 'button';
+export type GrSegmentedSize = 'xs' | 'sm' | 'md' | 'lg';
+export type GrSegmentedValue = string | number;
+export type GrSegmentedOption = {
+    value: GrSegmentedValue;
     label?: string;
     icon?: Component;
     disabled?: boolean;
 };
 export declare const rootBaseClass = "relative inline-grid min-w-0 grid-flow-col items-stretch rounded-[var(--ds-segmented-radius)] p-[var(--ds-segmented-padding)] transition-colors duration-150";
-export declare const rootVariantClassMap: Record<DsSegmentedVariant, string>;
+export declare const rootVariantClassMap: Record<GrSegmentedVariant, string>;
 export declare const rootBlockClass = "w-full";
 export declare const indicatorBaseClass = "pointer-events-none absolute left-0 top-0 rounded-[calc(var(--ds-segmented-radius)-var(--ds-segmented-padding))] transition-[transform,width,height,opacity] ease-out";
-export declare const indicatorVariantClassMap: Record<DsSegmentedVariant, string>;
+export declare const indicatorVariantClassMap: Record<GrSegmentedVariant, string>;
 export declare const itemBaseClass = "group/segmented-item relative z-[1] inline-flex min-h-[var(--ds-segmented-min-height)] min-w-0 items-center justify-center gap-2 rounded-[calc(var(--ds-segmented-radius)-var(--ds-segmented-padding))] px-[var(--ds-segmented-item-px)] py-[var(--ds-segmented-item-py)] text-[length:var(--ds-segmented-font-size)] leading-[var(--ds-segmented-line-height)] font-[var(--ds-segmented-font-weight)] text-[var(--ds-segmented-item-color)] transition-colors duration-150 select-none focus:outline-none focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]";
-export declare const itemVariantClassMap: Record<DsSegmentedVariant, string>;
+export declare const itemVariantClassMap: Record<GrSegmentedVariant, string>;
 export declare const itemSelectedClass = "text-[var(--ds-segmented-item-selected-color)]";
 export declare const itemDisabledClass = "cursor-not-allowed opacity-50";
 export declare const itemEnabledClass = "cursor-pointer hover:text-[var(--ds-segmented-item-hover-color)]";
 export declare const itemLabelClass = "truncate";
 export declare const itemIconClass = "h-4 w-4 shrink-0";
 export declare const iconOnlyClass = "gap-0";
-export declare function dsSegmentedRootClass(options: {
-    variant: DsSegmentedVariant;
+export declare function grSegmentedRootClass(options: {
+    variant: GrSegmentedVariant;
     block: boolean;
     disabled: boolean;
 }): string;
-export declare function dsSegmentedRootStyle(options: {
-    variant: DsSegmentedVariant;
-    size: DsSegmentedSize;
+export declare function grSegmentedRootStyle(options: {
+    variant: GrSegmentedVariant;
+    size: GrSegmentedSize;
 }): Record<string, string>;
-export declare function dsSegmentedIndicatorClass(variant: DsSegmentedVariant): string;
-export declare function dsSegmentedItemClass(options: {
-    variant: DsSegmentedVariant;
+export declare function grSegmentedIndicatorClass(variant: GrSegmentedVariant): string;
+export declare function grSegmentedItemClass(options: {
+    variant: GrSegmentedVariant;
     selected: boolean;
     disabled: boolean;
     iconOnly: boolean;
 }): string;
-export declare const dsSegmentedItemLabelClass = "truncate";
-export declare const dsSegmentedItemIconClass = "h-4 w-4 shrink-0";
+export declare const grSegmentedItemLabelClass = "truncate";
+export declare const grSegmentedItemIconClass = "h-4 w-4 shrink-0";

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

@@ -0,0 +1,6 @@
+export { default } from './GrSegmented.vue';
+export { default as GrSegmented } from './GrSegmented.vue';
+export { grSegmentedConfig } from './config';
+export type { GrSegmentedOption, GrSegmentedSize, GrSegmentedValue, GrSegmentedVariant, } from './grSegmentedStyles';
+export type { GrSegmentedProps } from './GrSegmented.vue';
+export { grSegmentedSafelist } from './safelist';

package/dist/types/src/components/{DsSegmented → GrSegmented}/safelist.d.ts

@@ -1,4 +1,4 @@
-export declare const dsSegmentedClassTokens: {
+export declare const grSegmentedClassTokens: {
     readonly rootBaseClass: string[];
     readonly rootVariantClassMap: string[];
     readonly rootBlockClass: string[];
@@ -14,4 +14,4 @@ export declare const dsSegmentedClassTokens: {
     readonly iconOnlyClass: string[];
     readonly extra: string[];
 };
-export declare const dsSegmentedSafelist: string[];
+export declare const grSegmentedSafelist: string[];