@pantograph/vue 0.35.0 → 0.35.2

package/dist/index.d.ts

@@ -36,6 +36,7 @@ import { nextTick } from 'vue';
 import { OnCleanup } from '@vue/reactivity';
 import { OptionGetter } from '@pantograph/utils';
 import { pantographSortable } from '@pantograph/sortable';
+import { PrimitiveColor } from '@pantograph/tokens';
 import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Ref } from 'vue';
@@ -1174,10 +1175,18 @@ trapFocus: boolean;
 keyboard: boolean;
 closeOnClickOutside: boolean;
 okProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
 cancelProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
@@ -1743,7 +1752,7 @@ export declare const AvatarStrokes: readonly ["gray-subtle", "white", "primary",
 
 export declare const Badge: __VLS_WithTemplateSlots_8<DefineComponent<BadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
 size: "md" | "2xsm" | "xsm";
-color: "primary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary-subtle" | "red-subtle" | "orange-subtle" | "amber-subtle" | "yellow-subtle" | "lime-subtle" | "green-subtle" | "teal-subtle" | "cyan-subtle" | "sky-subtle" | "blue-subtle" | "ocean-subtle" | "violet-subtle" | "amethyst-subtle" | "fuchsia-subtle" | "pink-subtle" | "gray-subtle" | "mallard-subtle";
+color: "primary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "primary-subtle" | "red-subtle" | "orange-subtle" | "amber-subtle" | "yellow-subtle" | "lime-subtle" | "green-subtle" | "teal-subtle" | "cyan-subtle" | "sky-subtle" | "blue-subtle" | "ocean-subtle" | "violet-subtle" | "amethyst-subtle" | "fuchsia-subtle" | "pink-subtle" | "gray-subtle" | "mallard-subtle" | ColorShade;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 
 /**
@@ -1754,6 +1763,10 @@ export declare const BADGE_DEFAULT_PROPS: {
     readonly size: "md";
 };
 
+export declare type BadgeBG = BadgeColor | BadgeColorSubtle | ColorShade;
+
+export declare type BadgeBR = BadgeColor | BadgeColorSubtle | ColorShade;
+
 /**
  * Type representing the possible badge colors
  */
@@ -1774,6 +1787,8 @@ export declare const BadgeColorsSubtle: readonly ["primary-subtle", "red-subtle"
  */
 export declare type BadgeColorSubtle = (typeof BadgeColorsSubtle)[number];
 
+export declare type BadgeFG = BadgeColor | ColorShade;
+
 /**
  * Props for the Badge component
  */
@@ -1786,7 +1801,13 @@ export declare type BadgeProps = Partial<Pick<BaseBadgeProps, 'class' | 'text' |
      * Color of the badge, can be a standard color or subtle variant
      * @default 'primary'
      */
-    color?: BadgeColor | BadgeColorSubtle;
+    color?: BadgeColor | BadgeColorSubtle | ColorShade;
+    /** Foreground (text/icon) color override. Supports named colors, color shades, or arbitrary CSS values. */
+    fg?: BadgeFG | string;
+    /** Background color override. Supports named colors, subtle variants, color shades, or arbitrary CSS values. */
+    bg?: BadgeBG | string;
+    /** Border color override. Supports named colors, subtle variants, color shades, or arbitrary CSS values. */
+    br?: BadgeBR | string;
 };
 
 /**
@@ -1825,7 +1846,7 @@ color: "primary" | "primary-subtle" | "neutral" | "danger" | "success" | "warnin
 side: "bottom" | "top";
 linkProps: LinkProps;
 position: "fixed" | "absolute";
-actionProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">>;
+actionProps: ButtonProps;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, Readonly<BannerSlots> & BannerSlots>;
 
 /**
@@ -2741,7 +2762,7 @@ export declare interface BreadcrumbSlots {
     }) => never;
 }
 
-export declare const Button: __VLS_WithTemplateSlots_14<DefineComponent<Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">>, {
+export declare const Button: __VLS_WithTemplateSlots_14<DefineComponent<ButtonProps, {
 /**
 * check is Focused the button element
 */
@@ -2754,7 +2775,7 @@ focus(): void;
 * Blur the button element
 */
 blur(): void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonProps> & Readonly<{}>, {
 type: "fill" | "outline" | "ghost";
 disabled: boolean;
 color: "primary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "neutral" | "danger" | "success" | "warning";
@@ -2808,9 +2829,7 @@ type: BooleanConstructor;
 default: boolean;
 };
 as: {
-type: PropType<AsTag | Component>; /**
-* Computed bindings for the button, omitting variant-related and badge-related attributes
-*/
+type: PropType<AsTag | Component>;
 default: string;
 };
 }>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
@@ -2831,9 +2850,7 @@ type: BooleanConstructor;
 default: boolean;
 };
 as: {
-type: PropType<AsTag | Component>; /**
-* Computed bindings for the button, omitting variant-related and badge-related attributes
-*/
+type: PropType<AsTag | Component>;
 default: string;
 };
 }>> & Readonly<{}>, () => VNode<RendererNode, RendererElement, {
@@ -2919,6 +2936,14 @@ export declare const BUTTON_GROUP_DEFAULT_PROPS: {
     readonly split: true;
 };
 
+export declare type ButtonBG = (typeof ButtonBGs)[number] | ColorShade;
+
+export declare const ButtonBGs: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard", "primary-subtle", "red-subtle", "orange-subtle", "amber-subtle", "yellow-subtle", "lime-subtle", "green-subtle", "teal-subtle", "cyan-subtle", "sky-subtle", "blue-subtle", "ocean-subtle", "violet-subtle", "amethyst-subtle", "fuchsia-subtle", "pink-subtle", "gray-subtle", "mallard-subtle"];
+
+export declare type ButtonBR = (typeof ButtonBRs)[number] | ColorShade;
+
+export declare const ButtonBRs: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard", "primary-subtle", "red-subtle", "orange-subtle", "amber-subtle", "yellow-subtle", "lime-subtle", "green-subtle", "teal-subtle", "cyan-subtle", "sky-subtle", "blue-subtle", "ocean-subtle", "violet-subtle", "amethyst-subtle", "fuchsia-subtle", "pink-subtle", "gray-subtle", "mallard-subtle"];
+
 /**
  * Type representing the possible button colors
  */
@@ -2929,6 +2954,10 @@ export declare type ButtonColor = (typeof ButtonColors)[number];
  */
 export declare const ButtonColors: readonly ["primary", "danger", "success", "warning", "neutral", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard", "gray"];
 
+export declare type ButtonFG = (typeof ButtonFGs)[number] | ColorShade;
+
+export declare const ButtonFGs: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard"];
+
 export declare const ButtonGroup: __VLS_WithTemplateSlots_15<DefineComponent<ButtonGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
 split: boolean;
 variant: "icon" | "simple" | "float";
@@ -2979,7 +3008,11 @@ export declare const buttonPrefix: string;
 /**
  * Props for the Button component, excluding variant-related and badge-related properties
  */
-export declare type ButtonProps = Partial<Omit<BaseButtonProps, 'variant' | 'action' | 'active' | 'badgeText' | 'badgeIcon' | 'icon' | 'flipOnDir' | 'badgeIconFlipOnDir'>>;
+export declare type ButtonProps = Partial<Omit<BaseButtonProps, 'variant' | 'action' | 'active' | 'badgeText' | 'badgeIcon' | 'icon' | 'flipOnDir' | 'badgeIconFlipOnDir'>> & {
+    fg?: ButtonFG | string;
+    bg?: ButtonBG | string;
+    br?: ButtonBR | string;
+};
 
 /**
  * Type representing the possible button sizes
@@ -3466,6 +3499,26 @@ export declare const CHIP_GROUP_DEFAULT_PROPS: {
     readonly closeable: true;
 };
 
+/**
+ * Type representing the possible background color options for Chip
+ */
+export declare type ChipBG = (typeof ChipBGs)[number] | ColorShade;
+
+/**
+ * Array of available background color options for Chip
+ */
+export declare const ChipBGs: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard", "primary-subtle", "red-subtle", "orange-subtle", "amber-subtle", "yellow-subtle", "lime-subtle", "green-subtle", "teal-subtle", "cyan-subtle", "sky-subtle", "blue-subtle", "ocean-subtle", "violet-subtle", "amethyst-subtle", "fuchsia-subtle", "pink-subtle", "gray-subtle", "mallard-subtle"];
+
+/**
+ * Type representing the possible border color options for Chip
+ */
+export declare type ChipBR = (typeof ChipBRs)[number] | ColorShade;
+
+/**
+ * Array of available border color options for Chip
+ */
+export declare const ChipBRs: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard", "primary-subtle", "red-subtle", "orange-subtle", "amber-subtle", "yellow-subtle", "lime-subtle", "green-subtle", "teal-subtle", "cyan-subtle", "sky-subtle", "blue-subtle", "ocean-subtle", "violet-subtle", "amethyst-subtle", "fuchsia-subtle", "pink-subtle", "gray-subtle", "mallard-subtle"];
+
 /**
  * Type representing the possible chip colors
  */
@@ -3483,6 +3536,16 @@ export declare interface ChipEmits {
     close: [event: MouseEvent];
 }
 
+/**
+ * Type representing the possible foreground color options for Chip
+ */
+export declare type ChipFG = (typeof ChipFGs)[number] | ColorShade;
+
+/**
+ * Array of available foreground color options for Chip
+ */
+export declare const ChipFGs: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard"];
+
 export declare const ChipGroup: __VLS_WithTemplateSlots_20<DefineComponent<ChipGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 close: (item: ChipProps, event: MouseEvent) => any;
 }, string, PublicProps, Readonly<ChipGroupProps> & Readonly<{
@@ -3639,6 +3702,18 @@ export declare interface ChipProps {
      * @default 'default'
      */
     color?: ChipColor;
+    /**
+     * Foreground (text) color override for the chip
+     */
+    fg?: ChipFG | string;
+    /**
+     * Background color override for the chip
+     */
+    bg?: ChipBG | string;
+    /**
+     * Border color override for the chip
+     */
+    br?: ChipBR | string;
     /**
      * Whether to show overlay actions
      */
@@ -4096,6 +4171,13 @@ export declare type ColorRgb = {
     a: number;
 };
 
+export declare type ColorShade = `${PrimitiveColor}-${Shade}` | `primary-${Shade}` | `gray-${Shade | 10}`;
+
+/**
+ * All color-shade token combinations: primitiveColor-[0-9], primary-[0-9], gray-[0-10]
+ */
+export declare const ColorShades: ColorShade[];
+
 export declare const ColorSwatch: __VLS_WithTemplateSlots_21<DefineComponent<ColorSwatchProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ColorSwatchProps> & Readonly<{}>, {
 size: "sm" | "md";
 type: "color" | "remover" | "custom-picker";
@@ -5689,10 +5771,18 @@ canFullScreen: boolean;
 fullScreen: boolean;
 frameless: boolean;
 okProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
 cancelProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
@@ -7155,10 +7245,18 @@ canFullScreen: boolean;
 fullScreen: boolean;
 frameless: boolean;
 okProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
 cancelProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
@@ -7745,6 +7843,9 @@ export declare type FloatButtonProps = Partial<Omit<BaseButtonProps, 'text' | 't
      * @default 'fill'
      */
     type?: 'fill' | 'outline';
+    fg?: ButtonFG | string;
+    bg?: ButtonBG | string;
+    br?: ButtonBR | string;
 };
 
 /**
@@ -7816,11 +7917,6 @@ export declare interface FormValidationProps {
     class?: ClassValue;
 }
 
-/**
- * Gets the CSS color value for a given badge color
- * @param color - The badge color to get the CSS value for
- * @returns The CSS color value or the original color if not found
- */
 export declare const getBadgeColor: (color?: BadgeColor | BadgeColorSubtle | string) => string | undefined;
 
 /**
@@ -7918,7 +8014,7 @@ size: GraphicalObjectSize;
 /**
  * Type representing the possible background color options for GraphicalObject
  */
-export declare type GraphicalObjectBG = (typeof GraphicalObjectBGs)[number];
+export declare type GraphicalObjectBG = (typeof GraphicalObjectBGs)[number] | ColorShade;
 
 /**
  * Array of available background color options for GraphicalObject
@@ -7928,7 +8024,7 @@ export declare const GraphicalObjectBGs: readonly ["primary", "gray", "red", "or
 /**
  * Type representing the possible border color options for GraphicalObject
  */
-export declare type GraphicalObjectBR = (typeof GraphicalObjectBRs)[number];
+export declare type GraphicalObjectBR = (typeof GraphicalObjectBRs)[number] | ColorShade;
 
 /**
  * Array of available border color options for GraphicalObject
@@ -7938,7 +8034,7 @@ export declare const GraphicalObjectBRs: readonly ["primary", "gray", "red", "or
 /**
  * Type representing the possible foreground color options for GraphicalObject
  */
-export declare type GraphicalObjectFG = (typeof GraphicalObjectFGs)[number];
+export declare type GraphicalObjectFG = (typeof GraphicalObjectFGs)[number] | ColorShade;
 
 /**
  * Array of available foreground color options for GraphicalObject
@@ -8148,7 +8244,7 @@ export declare const ICON_DEFAULT_PROPS: {
     readonly as: "span";
 };
 
-export declare const IconButton: __VLS_WithTemplateSlots_42<DefineComponent<Partial<Omit<BaseButtonProps, "text" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>, {
+export declare const IconButton: __VLS_WithTemplateSlots_42<DefineComponent<IconButtonProps, {
 /**
 * check is Focused the button element
 */
@@ -8161,7 +8257,7 @@ focus(): void;
 * Blur the button element
 */
 blur(): void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Partial<Omit<BaseButtonProps, "text" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconButtonProps> & Readonly<{}>, {
 type: "fill" | "outline" | "ghost";
 disabled: boolean;
 color: "primary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "mallard" | "neutral" | "danger" | "success" | "warning";
@@ -8308,7 +8404,11 @@ $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
  * Extends BaseButtonProps but omits text-related and badge-related properties
  * since IconButton is typically an icon-only button
  */
-export declare type IconButtonProps = Partial<Omit<BaseButtonProps, 'text' | 'variant' | 'action' | 'active' | 'badgeText' | 'badgeIcon' | 'preIcon' | 'postIcon' | 'preIconFlipOnDir' | 'postIconFlipOnDir' | 'badgeIconFlipOnDir'>>;
+export declare type IconButtonProps = Partial<Omit<BaseButtonProps, 'text' | 'variant' | 'action' | 'active' | 'badgeText' | 'badgeIcon' | 'preIcon' | 'postIcon' | 'preIconFlipOnDir' | 'postIconFlipOnDir' | 'badgeIconFlipOnDir'>> & {
+    fg?: ButtonFG | string;
+    bg?: ButtonBG | string;
+    br?: ButtonBR | string;
+};
 
 /**
  * Slots for the IconButton component
@@ -8609,7 +8709,7 @@ export declare const INDICATOR_DEFAULT_PROPS: {
  */
 export declare type IndicatorProps = Partial<Pick<BaseBadgeProps, 'class' | 'dir'>> & {
     size?: 'tiny' | 'tinier';
-    color?: BadgeColor;
+    color?: BadgeColor | ColorShade;
 };
 
 /**
@@ -9884,10 +9984,18 @@ canFullScreen: boolean;
 fullScreen: boolean;
 frameless: boolean;
 okProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
 cancelProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
@@ -10046,9 +10154,17 @@ onPrev?: ((e: PointerEvent) => any) | undefined;
 modelValue: number;
 count: number;
 nextProps: Partial<Omit<BaseButtonProps, "text" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 hide?: boolean | undefined;
 };
 prevProps: Partial<Omit<BaseButtonProps, "text" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 hide?: boolean | undefined;
 };
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<PageIndicatorSlots> & PageIndicatorSlots>;
@@ -11605,6 +11721,27 @@ export declare interface RateSlots {
     label?: (data: RateSlotProps) => never;
 }
 
+export declare const resolveBadgeBg: (color?: string) => string;
+
+export declare const resolveBadgeFg: (color?: string) => string | undefined;
+
+export declare const resolveBg: (color?: string) => string | undefined;
+
+/**
+ * Gets the CSS color value for a given badge color
+ * @param color - The badge color to get the CSS value for
+ * @returns The CSS color value or the original color if not found
+ */
+export declare const resolveFg: (color?: string) => string | undefined;
+
+export declare const resolveGraphicalObjectBg: (color?: string) => string | undefined;
+
+export declare const resolveGraphicalObjectBr: (br?: string, bg?: string) => string | undefined;
+
+export declare const resolveGraphicalObjectFg: (fg?: string) => string | undefined;
+
+export declare const resolveIndicatorBg: (color?: string) => string;
+
 declare type RovingFocusGroupEmits = {
     'entryFocus': [event: Event];
     'update:currentTabStopId': [value: string | null | undefined];
@@ -12594,6 +12731,8 @@ declare interface SelectTriggerTagSlotProps extends SelectTriggerDefSlotProps {
  */
 export declare const setDefaultDir: (dir: Direction | undefined) => void;
 
+declare type Shade = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
+
 export declare const Shortcut: __VLS_WithTemplateSlots_69<DefineComponent<ShortcutProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ShortcutProps> & Readonly<{}>, {
 plus: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<ShortcutSlots> & ShortcutSlots>;
@@ -13354,6 +13493,9 @@ readonly htmlType?: "button" | "reset" | "submit" | undefined;
 readonly hover?: boolean | undefined;
 readonly href?: string | undefined;
 readonly type?: "fill" | "outline" | undefined;
+readonly fg?: string | undefined;
+readonly bg?: string | undefined;
+readonly br?: string | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
 $attrs: {
 [x: string]: unknown;
@@ -13569,6 +13711,9 @@ readonly htmlType?: "button" | "reset" | "submit" | undefined;
 readonly hover?: boolean | undefined;
 readonly href?: string | undefined;
 readonly type?: "fill" | "outline" | undefined;
+readonly fg?: string | undefined;
+readonly bg?: string | undefined;
+readonly br?: string | undefined;
 } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
 $attrs: {
 [x: string]: unknown;
@@ -14241,10 +14386,18 @@ onCloseNotification?: ((e: PointerEvent) => any) | undefined;
 progress: boolean;
 duration: number;
 okProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
 cancelProps: Partial<Omit<BaseButtonProps, "icon" | "flipOnDir" | "active" | "badgeIcon" | "badgeText" | "variant" | "action" | "badgeIconFlipOnDir">> & {
+fg?: string | undefined;
+bg?: string | undefined;
+br?: string | undefined;
+} & {
 text: string;
 hide?: boolean | undefined;
 };
@@ -15162,7 +15315,7 @@ onCreateRequest?: ((value: UploadFile) => any) | undefined;
 onResetRequest?: ((value: UploadFile) => any) | undefined;
 }>, {
 size: "md" | "lg" | "xlg";
-type: "outline" | "transparent";
+type: "transparent" | "outline";
 disabled: boolean;
 multiple: boolean;
 go: boolean;
@@ -15185,7 +15338,7 @@ readonly fileList?: UploadFile[] | undefined;
 readonly size?: "md" | "lg" | "xlg" | undefined;
 readonly chunkSize?: number | undefined;
 readonly listType?: "image" | "card" | undefined;
-readonly type?: "outline" | "transparent" | undefined;
+readonly type?: "transparent" | "outline" | undefined;
 readonly go?: boolean | undefined;
 readonly maxCount?: string | number | undefined;
 readonly action?: ((config: UploadActionParams) => Promise<Record<string, any> & {
@@ -15252,7 +15405,7 @@ createRequest: (value: UploadFile) => any;
 resetRequest: (value: UploadFile) => any;
 }, string, {
 size: "md" | "lg" | "xlg";
-type: "outline" | "transparent";
+type: "transparent" | "outline";
 disabled: boolean;
 multiple: boolean;
 go: boolean;
@@ -15280,7 +15433,7 @@ $nextTick: nextTick;
 $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R, args_2: OnCleanup) => any : (args_0: any, args_1: any, args_2: OnCleanup) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
 } & Readonly<{
 size: "md" | "lg" | "xlg";
-type: "outline" | "transparent";
+type: "transparent" | "outline";
 disabled: boolean;
 multiple: boolean;
 go: boolean;
@@ -15556,7 +15709,7 @@ onCreateRequest?: ((value: UploadFile) => any) | undefined;
 onResetRequest?: ((value: UploadFile) => any) | undefined;
 }>, {
 size: "md" | "lg" | "xlg";
-type: "outline" | "transparent";
+type: "transparent" | "outline";
 disabled: boolean;
 multiple: boolean;
 go: boolean;
@@ -15953,191 +16106,196 @@ export declare type VisibleColorPair = Exclude<ColorPair, ColorPairHsv>;
 export { }
 
 
-/** component declare **/
 declare module 'vue' {
     interface GlobalComponents {
-        Accordion: DefineComponent<AccordionProps, AccordionSlots, AccordionEmits>;
-        AccordionItem: DefineComponent<AccordionItemProps, AccordionItemSlots>;
+        DropZone: DefineComponent<DropZoneProps, DropZoneSlots, DropZoneEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Menu: DefineComponent<MenuProps, MenuSlots, MenuEmits>;
-        MenuItemWrapper: DefineComponent<MenuItemWrapperProps, SubMenuSlots>;
+        Badge: DefineComponent<BadgeProps, BadgeSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        AlertDialog: DefineComponent<AlertDialogProps, AlertDialogSlots, AlertDialogEmits>;
+        ColorPicker: DefineComponent<ColorPickerProps, undefined, ColorPickerEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        PinInput: DefineComponent<PinInputProps, undefined, PinInputEmits>;
+        AvatarGroup: DefineComponent<AvatarGroupProps, AvatarGroupSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Avatar: DefineComponent<AvatarProps, AvatarSlots, AvatarEmits>;
+        FloatButton: DefineComponent<FloatButtonProps, FloatButtonSlots>;
     }
 }
 
 
+/** component declare **/
 declare module 'vue' {
     interface GlobalComponents {
-        Blanket: DefineComponent<BlanketProps>;
+        Accordion: DefineComponent<AccordionProps, AccordionSlots, AccordionEmits>;
+        AccordionItem: DefineComponent<AccordionItemProps, AccordionItemSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Dialog: DefineComponent<DialogProps, DialogSlots, DialogEmits>;
-        DialogTitle: DefineComponent<DialogTitleProps, DialogTitleSlots>;
+        Blanket: DefineComponent<BlanketProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        IconButton: DefineComponent<IconButtonProps, IconButtonSlots>;
+        Icon: DefineComponent<IconProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Input: DefineComponent<InputProps, InputSlots, InputEmits>;
+        IconButton: DefineComponent<IconButtonProps, IconButtonSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        InputGroup: DefineComponent<InputGroupProps>;
+        PinInput: DefineComponent<PinInputProps, undefined, PinInputEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Banner: DefineComponent<BannerProps, BannerSlots, BannerEmits>;
+        Avatar: DefineComponent<AvatarProps, AvatarSlots, AvatarEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Steps: DefineComponent<StepsProps, StepsSlots, StepsEmits>;
-        Step: DefineComponent<StepItemProps, StepItemSlots>;
+        Menu: DefineComponent<MenuProps, MenuSlots, MenuEmits>;
+        MenuItemWrapper: DefineComponent<MenuItemWrapperProps, SubMenuSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Upload: DefineComponent<UploadProps, UploadSlots, UploadEmits>;
-        UploadList: DefineComponent<UploadProps, UploadSlots, UploadEmits>;
-        UploadTrigger: DefineComponent<Record<string, any>, Record<string, any>, UploadTriggerEmits>;
+        ButtonGroup: DefineComponent<ButtonGroupProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Button: DefineComponent<ButtonProps, ButtonSlots>;
+        Upload: DefineComponent<UploadProps, UploadSlots, UploadEmits>;
+        UploadList: DefineComponent<UploadProps, UploadSlots, UploadEmits>;
+        UploadTrigger: DefineComponent<Record<string, any>, Record<string, any>, UploadTriggerEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Link: DefineComponent<LinkProps, LinkSlots, LinkEmits>;
+        CheckboxGroup: DefineComponent<CheckboxGroupProps, Record<string, any>, CheckboxGroupEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Segmented: DefineComponent<SegmentedProps, SegmentedSlots, SegmentedEmits>;
+        AlertDialog: DefineComponent<AlertDialogProps, AlertDialogSlots, AlertDialogEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        ButtonGroup: DefineComponent<ButtonGroupProps>;
+        ColorTrigger: DefineComponent<ColorTriggerProps, ColorTriggerSlots>;
     }
 }
 
 
+/**
+ * Global component declaration for TypeScript support
+ * Enables <Tooltip> usage in templates without explicit import
+ */
 declare module 'vue' {
     interface GlobalComponents {
-        Textarea: DefineComponent<TextareaProps, Record<string, any>, TextareaEmits>;
+        Tooltip: DefineComponent<TooltipProps, TooltipSlots>;
+        TooltipProvider: DefineComponent<TooltipProviderProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        IndentLevel: DefineComponent<IndentLevelProps>;
+        Select: DefineComponent<SelectProps, SelectSlots, SelectEmits>;
+        SelectOption: DefineComponent<SelectOptionProps, SelectOptionSlots>;
+        SelectLabel: DefineComponent;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        ColorPicker: DefineComponent<ColorPickerProps, undefined, ColorPickerEmits>;
+        Checkbox: DefineComponent<CheckboxProps, CheckboxSlots, CheckboxEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Checkbox: DefineComponent<CheckboxProps, CheckboxSlots, CheckboxEmits>;
+        PageIndicator: DefineComponent<PageIndicatorProps, PageIndicatorSlots, PageIndicatorEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Card: DefineComponent<CardProps, CardSlots>;
+        Rate: DefineComponent<RateProps, RateSlots, RateEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        ScrollContainer: DefineComponent<ScrollContainerProps>;
+        Toast: DefineComponent<ToastProps, ToastSlots, ToastEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        PageIndicator: DefineComponent<PageIndicatorProps, PageIndicatorSlots, PageIndicatorEmits>;
+        Image: DefineComponent<ImageProps, ImageSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        ColorSwatch: DefineComponent<ColorSwatchProps, ColorSwatchSlots, undefined>;
+        Segmented: DefineComponent<SegmentedProps, SegmentedSlots, SegmentedEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        FloatButton: DefineComponent<FloatButtonProps, FloatButtonSlots>;
+        InputGroup: DefineComponent<InputGroupProps>;
     }
 }
 
@@ -16151,173 +16309,171 @@ declare module 'vue' {
 
 declare module 'vue' {
     interface GlobalComponents {
-        Tree: DefineComponent<TreeProps, TreeSlots, TreeEmits>;
-        TreeNode: DefineComponent<TreeNodeProps, TreeNodeSlots>;
+        Pagination: DefineComponent<PaginationProps, Record<string, any>, PaginationEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        ColorTrigger: DefineComponent<ColorTriggerProps, ColorTriggerSlots>;
+        Card: DefineComponent<CardProps, CardSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Modal: DefineComponent<ModalProps, ModalSlots, ModalEmits>;
-        ModalTitle: DefineComponent<ModalTitleProps, ModalTitleSlots>;
+        Label: DefineComponent<LabelProps, LabelSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Switch: DefineComponent<SwitchProps, SwitchSlots, SwitchEmits>;
+        IndentLevel: DefineComponent<IndentLevelProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        ChipGroup: DefineComponent<ChipGroupProps, ChipGroupSlots, ChipGroupEmits>;
+        Modal: DefineComponent<ModalProps, ModalSlots, ModalEmits>;
+        ModalTitle: DefineComponent<ModalTitleProps, ModalTitleSlots>;
     }
 }
 
 
-/**
- * Global component declaration for TypeScript support
- * Enables <Tooltip> usage in templates without explicit import
- */
 declare module 'vue' {
     interface GlobalComponents {
-        Tooltip: DefineComponent<TooltipProps, TooltipSlots>;
-        TooltipProvider: DefineComponent<TooltipProviderProps>;
+        ChipGroup: DefineComponent<ChipGroupProps, ChipGroupSlots, ChipGroupEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Kbd: DefineComponent<KbdProps, KbdSlots>;
+        GraphicalObjectGroup: DefineComponent<GraphicalObjectGroupProps, GraphicalObjectGroupSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Drawer: DefineComponent<DrawerProps, DrawerSlots, DrawerEmits>;
-        DrawerTitle: DefineComponent<DrawerTitleProps, DrawerTitleSlots>;
+        Table: DefineComponent<TableProps, Record<string, any>, Record<string, any>>;
+        Th: DefineComponent<ThProps, ThSlots>;
+        Td: DefineComponent<TdProps, TdSlots>;
+        Tr: DefineComponent<TrProps>;
+        TBody: DefineComponent<TBodyProps>;
+        THead: DefineComponent<THeadProps>;
+        TFoot: DefineComponent<TFootProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Rate: DefineComponent<RateProps, RateSlots, RateEmits>;
+        Input: DefineComponent<InputProps, InputSlots, InputEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        ConfigProvider: DefineComponent<ConfigProviderProps, ConfigProviderSlots>;
+        Drawer: DefineComponent<DrawerProps, DrawerSlots, DrawerEmits>;
+        DrawerTitle: DefineComponent<DrawerTitleProps, DrawerTitleSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Select: DefineComponent<SelectProps, SelectSlots, SelectEmits>;
-        SelectOption: DefineComponent<SelectOptionProps, SelectOptionSlots>;
-        SelectLabel: DefineComponent;
+        Tree: DefineComponent<TreeProps, TreeSlots, TreeEmits>;
+        TreeNode: DefineComponent<TreeNodeProps, TreeNodeSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Label: DefineComponent<LabelProps, LabelSlots>;
+        Link: DefineComponent<LinkProps, LinkSlots, LinkEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Icon: DefineComponent<IconProps>;
+        Dialog: DefineComponent<DialogProps, DialogSlots, DialogEmits>;
+        DialogTitle: DefineComponent<DialogTitleProps, DialogTitleSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        MenuItem: DefineComponent<MenuItemProps, MenuItemSlots>;
+        Chip: DefineComponent<ChipProps, ChipSlots, ChipEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Alert: DefineComponent<AlertProps, AlertSlots, AlertEmits>;
+        Divider: DefineComponent<DividerProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Popover: DefineComponent<PopoverProps, PopoverSlots, PopoverEmits>;
+        FormValidation: DefineComponent<FormValidationProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Divider: DefineComponent<DividerProps>;
+        Breadcrumb: DefineComponent<BreadcrumbProps, BreadcrumbSlots, BreadcrumbEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Pagination: DefineComponent<PaginationProps, Record<string, any>, PaginationEmits>;
+        ScrollContainer: DefineComponent<ScrollContainerProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        GraphicalObjectGroup: DefineComponent<GraphicalObjectGroupProps, GraphicalObjectGroupSlots>;
+        Shortcut: DefineComponent<ShortcutProps, ShortcutSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        FormValidation: DefineComponent<FormValidationProps>;
+        Spinner: DefineComponent<SpinnerProps, SpinnerSlots, SpinnerEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        DropZone: DefineComponent<DropZoneProps, DropZoneSlots, DropZoneEmits>;
+        SubMenu: DefineComponent<SubMenuProps, SubMenuSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Combobox: DefineComponent<ComboboxProps, ComboboxSlots, ComboboxEmits>;
-        ComboboxInput: DefineComponent<ComboboxInputProps>;
-        ComboboxOption: DefineComponent;
+        GraphicalObject: DefineComponent<GraphicalObjectProps, GraphicalObjectSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        AvatarGroup: DefineComponent<AvatarGroupProps, AvatarGroupSlots>;
+        Indicator: DefineComponent<IndicatorProps>;
     }
 }
 
@@ -16331,143 +16487,140 @@ declare module 'vue' {
 
 declare module 'vue' {
     interface GlobalComponents {
-        Skeleton: DefineComponent<SkeletonProps>;
+        Steps: DefineComponent<StepsProps, StepsSlots, StepsEmits>;
+        Step: DefineComponent<StepItemProps, StepItemSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        InputNumber: DefineComponent<InputNumberProps, InputNumberSlots, InputNumberEmits>;
+        Tabs: DefineComponent<TabsProps, Record<string, any>, TabsEmits>;
+        TabList: DefineComponent<TabListProps, TabListSlots>;
+        TabTrigger: DefineComponent<TabTriggerProps, TabTriggerSlots>;
+        TabContent: DefineComponent;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Shortcut: DefineComponent<ShortcutProps, ShortcutSlots>;
+        RadioGroup: DefineComponent<RadioGroupProps, Record<string, any>, RadioGroupEmits>;
+        RadioGroupItem: DefineComponent<RadioGroupItemProps, RadioGroupSlots, RadioGroupItemEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Spinner: DefineComponent<SpinnerProps, SpinnerSlots, SpinnerEmits>;
+        MenuItem: DefineComponent<MenuItemProps, MenuItemSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Stepper: DefineComponent<StepperProps, undefined, StepperEmits>;
+        ConfigProvider: DefineComponent<ConfigProviderProps, ConfigProviderSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        RadioGroup: DefineComponent<RadioGroupProps, Record<string, any>, RadioGroupEmits>;
-        RadioGroupItem: DefineComponent<RadioGroupItemProps, RadioGroupSlots, RadioGroupItemEmits>;
+        Button: DefineComponent<ButtonProps, ButtonSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Toast: DefineComponent<ToastProps, ToastSlots, ToastEmits>;
+        Banner: DefineComponent<BannerProps, BannerSlots, BannerEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Tabs: DefineComponent<TabsProps, Record<string, any>, TabsEmits>;
-        TabList: DefineComponent<TabListProps, TabListSlots>;
-        TabTrigger: DefineComponent<TabTriggerProps, TabTriggerSlots>;
-        TabContent: DefineComponent;
+        Popover: DefineComponent<PopoverProps, PopoverSlots, PopoverEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Image: DefineComponent<ImageProps, ImageSlots>;
+        Stepper: DefineComponent<StepperProps, undefined, StepperEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Table: DefineComponent<TableProps, Record<string, any>, Record<string, any>>;
-        Th: DefineComponent<ThProps, ThSlots>;
-        Td: DefineComponent<TdProps, TdSlots>;
-        Tr: DefineComponent<TrProps>;
-        TBody: DefineComponent<TBodyProps>;
-        THead: DefineComponent<THeadProps>;
-        TFoot: DefineComponent<TFootProps>;
+        Kbd: DefineComponent<KbdProps, KbdSlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        SubMenu: DefineComponent<SubMenuProps, SubMenuSlots>;
+        ColorSwatch: DefineComponent<ColorSwatchProps, ColorSwatchSlots, undefined>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        CheckboxGroup: DefineComponent<CheckboxGroupProps, Record<string, any>, CheckboxGroupEmits>;
+        HoverCard: DefineComponent<HoverCardProps, HoverCardSlots, HoverCardEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Empty: DefineComponent<EmptyProps, EmptySlots>;
+        Skeleton: DefineComponent<SkeletonProps>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Badge: DefineComponent<BadgeProps, BadgeSlots>;
+        InputNumber: DefineComponent<InputNumberProps, InputNumberSlots, InputNumberEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Breadcrumb: DefineComponent<BreadcrumbProps, BreadcrumbSlots, BreadcrumbEmits>;
+        Alert: DefineComponent<AlertProps, AlertSlots, AlertEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        HoverCard: DefineComponent<HoverCardProps, HoverCardSlots, HoverCardEmits>;
+        Empty: DefineComponent<EmptyProps, EmptySlots>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        GraphicalObject: DefineComponent<GraphicalObjectProps, GraphicalObjectSlots>;
+        Switch: DefineComponent<SwitchProps, SwitchSlots, SwitchEmits>;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Chip: DefineComponent<ChipProps, ChipSlots, ChipEmits>;
+        Combobox: DefineComponent<ComboboxProps, ComboboxSlots, ComboboxEmits>;
+        ComboboxInput: DefineComponent<ComboboxInputProps>;
+        ComboboxOption: DefineComponent;
     }
 }
 
 
 declare module 'vue' {
     interface GlobalComponents {
-        Indicator: DefineComponent<IndicatorProps>;
+        Textarea: DefineComponent<TextareaProps, Record<string, any>, TextareaEmits>;
     }
 }