@omnia/fx 8.0.126-dev → 8.0.127-dev

package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts

@@ -1,15 +1,16 @@
 import { DefineSlot, ItemType, SelectItemKey, ValidationRule } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-import { OSelectRenderingItem } from "@omnia/fx-models";
+import { IIcon, OSelectRenderingItem } from "@omnia/fx-models";
 import { VSelectSlots } from "../../ComponentTypings";
 export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" | "chip" | "append-item"> {
     chip?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
     selection?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
     item?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
     "append-item"?: () => VNodeChild;
+    "menu-icon"?: () => VNodeChild;
 }
 declare const _default: <TItem extends readonly any[], TModel extends unknown>(props: {
-    colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes;
+    colorSchemaType?: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
 } & {
     container?: boolean;
 } & {
@@ -21,7 +22,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
             onContainer: import("@omnia/fx-models").ColorDefinition;
             isContainer: boolean;
             name: string;
-            colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes;
+            colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
             id: import("@omnia/fx-models").GuidValue;
         };
         events: {
@@ -31,13 +32,13 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
             onMutatedOnContainer: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
             onMutatedIsContainer: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
             onMutatedName: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
-            onMutatedColorSchemaType: import("@omnia/fx").MessageBusExposeOnlySubscription<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes>;
+            onMutatedColorSchemaType: import("@omnia/fx").MessageBusExposeOnlySubscription<"info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
             onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").GuidValue>;
         } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
         actions: {
             onDispatching: {
                 setColorSchema: {
-                    subscribe(fn: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    subscribe(fn: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
                 setCustomColorSchema: {
                     subscribe(fn: (colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -73,17 +74,17 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                             setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
                         };
                         get: {
-                            colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
+                            colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
                             blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                             typography(): import("@omnia/fx-models").TypographyBlueprints;
                             spacing(): import("@omnia/fx-models").SpacingBlueprints;
                             chrome(): import("@omnia/fx-models").ChromeBlueprints;
                             component(): import("@omnia/fx-models").ComponentBlueprints;
-                            color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                            colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                            color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                            colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                             complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
-                            complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                            complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                            complementaryColor(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                            complementaryColorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                             currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
                         };
                     }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -91,7 +92,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
             };
             onDispatched: {
                 setColorSchema: {
-                    subscribe(fn: (result: void, colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    subscribe(fn: (result: void, colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
                 setCustomColorSchema: {
                     subscribe(fn: (result: void, colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -127,17 +128,17 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                             setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
                         };
                         get: {
-                            colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
+                            colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
                             blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                             typography(): import("@omnia/fx-models").TypographyBlueprints;
                             spacing(): import("@omnia/fx-models").SpacingBlueprints;
                             chrome(): import("@omnia/fx-models").ChromeBlueprints;
                             component(): import("@omnia/fx-models").ComponentBlueprints;
-                            color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                            colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                            color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                            colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                             complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
-                            complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                            complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                            complementaryColor(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                            complementaryColorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                             currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
                         };
                     }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -145,7 +146,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
             };
             onFailure: {
                 setColorSchema: {
-                    subscribe(fn: (failureReason: any, colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                    subscribe(fn: (failureReason: any, colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
                 setCustomColorSchema: {
                     subscribe(fn: (failureReason: any, colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -181,24 +182,24 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                             setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
                         };
                         get: {
-                            colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
+                            colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
                             blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                             typography(): import("@omnia/fx-models").TypographyBlueprints;
                             spacing(): import("@omnia/fx-models").SpacingBlueprints;
                             chrome(): import("@omnia/fx-models").ChromeBlueprints;
                             component(): import("@omnia/fx-models").ComponentBlueprints;
-                            color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                            colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                            color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                            colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                             complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
-                            complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                            complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                            complementaryColor(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                            complementaryColorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                             currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
                         };
                     }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                 };
             };
         } & {
-            setColorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean): void;
+            setColorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", container?: boolean): void;
             setCustomColorSchema(colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean): void;
             setColor(colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes): void;
             setThemeStore(themeStoreInstance: {
@@ -228,17 +229,17 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                     setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
                 };
                 get: {
-                    colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
+                    colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
                     blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                     typography(): import("@omnia/fx-models").TypographyBlueprints;
                     spacing(): import("@omnia/fx-models").SpacingBlueprints;
                     chrome(): import("@omnia/fx-models").ChromeBlueprints;
                     component(): import("@omnia/fx-models").ComponentBlueprints;
-                    color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                    colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                    color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                    colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                     complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
-                    complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                    complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                    complementaryColor(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                    complementaryColorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                     currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
                 };
             }): void;
@@ -500,17 +501,17 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                     setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
                 };
                 get: {
-                    colorSchema: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes) => import("@omnia/fx-models").ColorSchema;
+                    colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic") => import("@omnia/fx-models").ColorSchema;
                     blueprint: <TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType) => TType;
                     typography: () => import("@omnia/fx-models").TypographyBlueprints;
                     spacing: () => import("@omnia/fx-models").SpacingBlueprints;
                     chrome: () => import("@omnia/fx-models").ChromeBlueprints;
                     component: () => import("@omnia/fx-models").ComponentBlueprints;
-                    color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
-                    colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                    color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
+                    colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
                     complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
-                    complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
-                    complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                    complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
+                    complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
                     currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
                 };
             };
@@ -564,6 +565,10 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
     readonly?: boolean;
 } & {
     multiple?: boolean;
+} & {
+    hideNoData?: boolean;
+} & {
+    menuIcon?: IIcon;
 } & {
     loading?: boolean;
 } & {
@@ -577,11 +582,11 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
     "onUpdate:focused"?: (value: boolean) => any;
     "onClick:button"?: (value: any) => any;
     "onUpdate:search"?: (value: string) => any;
-}, "container" | "label" | "class" | "multiple" | "disabled" | "readonly" | "colorSchemaType" | "items" | "colors" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "toned" | "loading" | "searchable" | "rules" | "hint" | "persistentHint" | "clearable" | "itemTitle" | "itemValue" | "returnObject" | "hideSelected"> & {
+}, "disabled" | "container" | "label" | "class" | "multiple" | "readonly" | "colorSchemaType" | "items" | "colors" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "toned" | "loading" | "searchable" | "rules" | "hint" | "persistentHint" | "clearable" | "itemTitle" | "itemValue" | "returnObject" | "hideNoData" | "menuIcon" | "hideSelected"> & {
     "v-slots"?: {
         default?: import("vue").Slot;
     } & DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"append-item", () => VNodeChild>;
-} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "container" | "label" | "class" | "multiple" | "disabled" | "readonly" | "colorSchemaType" | "items" | "colors" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "toned" | "loading" | "searchable" | "rules" | "hint" | "persistentHint" | "clearable" | "itemTitle" | "itemValue" | "returnObject" | "hideSelected">) => {
+} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "disabled" | "container" | "label" | "class" | "multiple" | "readonly" | "colorSchemaType" | "items" | "colors" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "toned" | "loading" | "searchable" | "rules" | "hint" | "persistentHint" | "clearable" | "itemTitle" | "itemValue" | "returnObject" | "hideNoData" | "menuIcon" | "hideSelected">) => {
     $: import("vue").ComponentInternalInstance;
     $data: {};
     $props: {};
@@ -620,7 +625,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
     $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
 } & Omit<{}, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
     propsDefinition: {
-        colorSchemaType?: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes;
+        colorSchemaType?: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
     } & {
         container?: boolean;
     } & {
@@ -632,7 +637,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                 onContainer: import("@omnia/fx-models").ColorDefinition;
                 isContainer: boolean;
                 name: string;
-                colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes;
+                colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic";
                 id: import("@omnia/fx-models").GuidValue;
             };
             events: {
@@ -642,13 +647,13 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                 onMutatedOnContainer: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").ColorDefinition>;
                 onMutatedIsContainer: import("@omnia/fx").MessageBusExposeOnlySubscription<boolean>;
                 onMutatedName: import("@omnia/fx").MessageBusExposeOnlySubscription<string>;
-                onMutatedColorSchemaType: import("@omnia/fx").MessageBusExposeOnlySubscription<"info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes>;
+                onMutatedColorSchemaType: import("@omnia/fx").MessageBusExposeOnlySubscription<"info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic">;
                 onMutatedId: import("@omnia/fx").MessageBusExposeOnlySubscription<import("@omnia/fx-models").GuidValue>;
             } & Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>;
             actions: {
                 onDispatching: {
                     setColorSchema: {
-                        subscribe(fn: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        subscribe(fn: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setCustomColorSchema: {
                         subscribe(fn: (colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -684,17 +689,17 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                                 setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
                             };
                             get: {
-                                colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
+                                colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
                                 blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                                 typography(): import("@omnia/fx-models").TypographyBlueprints;
                                 spacing(): import("@omnia/fx-models").SpacingBlueprints;
                                 chrome(): import("@omnia/fx-models").ChromeBlueprints;
                                 component(): import("@omnia/fx-models").ComponentBlueprints;
-                                color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                                colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                                color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                                colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                                 complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
-                                complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                                complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                                complementaryColor(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                                complementaryColorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                                 currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
                             };
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -702,7 +707,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                 };
                 onDispatched: {
                     setColorSchema: {
-                        subscribe(fn: (result: void, colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        subscribe(fn: (result: void, colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setCustomColorSchema: {
                         subscribe(fn: (result: void, colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -738,17 +743,17 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                                 setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
                             };
                             get: {
-                                colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
+                                colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
                                 blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                                 typography(): import("@omnia/fx-models").TypographyBlueprints;
                                 spacing(): import("@omnia/fx-models").SpacingBlueprints;
                                 chrome(): import("@omnia/fx-models").ChromeBlueprints;
                                 component(): import("@omnia/fx-models").ComponentBlueprints;
-                                color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                                colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                                color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                                colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                                 complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
-                                complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                                complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                                complementaryColor(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                                complementaryColorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                                 currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
                             };
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -756,7 +761,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                 };
                 onFailure: {
                     setColorSchema: {
-                        subscribe(fn: (failureReason: any, colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
+                        subscribe(fn: (failureReason: any, colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                     setCustomColorSchema: {
                         subscribe(fn: (failureReason: any, colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -792,24 +797,24 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                                 setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
                             };
                             get: {
-                                colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
+                                colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
                                 blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                                 typography(): import("@omnia/fx-models").TypographyBlueprints;
                                 spacing(): import("@omnia/fx-models").SpacingBlueprints;
                                 chrome(): import("@omnia/fx-models").ChromeBlueprints;
                                 component(): import("@omnia/fx-models").ComponentBlueprints;
-                                color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                                colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                                color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                                colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                                 complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
-                                complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                                complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                                complementaryColor(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                                complementaryColorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                                 currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
                             };
                         }) => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
                     };
                 };
             } & {
-                setColorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, container?: boolean): void;
+                setColorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", container?: boolean): void;
                 setCustomColorSchema(colorSchema: import("@omnia/fx-models").ColorSchema, container?: boolean): void;
                 setColor(colorDefinition: import("@omnia/fx-models").ColorDefinition, colorType: import("@omnia/fx-models").ColorTypes): void;
                 setThemeStore(themeStoreInstance: {
@@ -839,17 +844,17 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                         setTheme(themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2): void;
                     };
                     get: {
-                        colorSchema(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes): import("@omnia/fx-models").ColorSchema;
+                        colorSchema(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic"): import("@omnia/fx-models").ColorSchema;
                         blueprint<TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType): TType;
                         typography(): import("@omnia/fx-models").TypographyBlueprints;
                         spacing(): import("@omnia/fx-models").SpacingBlueprints;
                         chrome(): import("@omnia/fx-models").ChromeBlueprints;
                         component(): import("@omnia/fx-models").ComponentBlueprints;
-                        color(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                        colorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                        color(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                        colorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                         complementaryColorType(colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorTypes;
-                        complementaryColor(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
-                        complementaryColorDefinition(colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
+                        complementaryColor(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): string;
+                        complementaryColorDefinition(colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes): import("@omnia/fx-models").ColorDefinition;
                         currentTheme(): import("@omnia/fx-models").ThemeDefinitionV2;
                     };
                 }): void;
@@ -1111,17 +1116,17 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
                         setTheme: (themeDefinition: import("@omnia/fx-models").ThemeDefinitionV2) => void;
                     };
                     get: {
-                        colorSchema: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes) => import("@omnia/fx-models").ColorSchema;
+                        colorSchema: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic") => import("@omnia/fx-models").ColorSchema;
                         blueprint: <TType extends import("@omnia/fx-models").Blueprints>(type: import("@omnia/fx-models").BlueprintType) => TType;
                         typography: () => import("@omnia/fx-models").TypographyBlueprints;
                         spacing: () => import("@omnia/fx-models").SpacingBlueprints;
                         chrome: () => import("@omnia/fx-models").ChromeBlueprints;
                         component: () => import("@omnia/fx-models").ComponentBlueprints;
-                        color: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
-                        colorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                        color: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
+                        colorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
                         complementaryColorType: (colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorTypes;
-                        complementaryColor: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
-                        complementaryColorDefinition: (colorSchemaType: "info" | "error" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | import("@omnia/fx-models").ColorSchemaTypes, colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
+                        complementaryColor: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => string;
+                        complementaryColorDefinition: (colorSchemaType: "info" | "error" | import("@omnia/fx-models").ColorSchemaTypes | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "background" | "dynamic", colorType: "base" | "onBase" | "container" | "onContainer" | import("@omnia/fx-models").ColorTypes) => import("@omnia/fx-models").ColorDefinition;
                         currentTheme: () => import("@omnia/fx-models").ThemeDefinitionV2;
                     };
                 };
@@ -1175,6 +1180,10 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
         readonly?: boolean;
     } & {
         multiple?: boolean;
+    } & {
+        hideNoData?: boolean;
+    } & {
+        menuIcon?: IIcon;
     } & {
         loading?: boolean;
     } & {
@@ -1192,7 +1201,7 @@ declare const _default: <TItem extends readonly any[], TModel extends unknown>(p
         "onUpdate:focused"?: (value: boolean) => any;
         "onClick:button"?: (value: any) => any;
         "onUpdate:search"?: (value: string) => any;
-    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "container" | "label" | "class" | "multiple" | "disabled" | "readonly" | "colorSchemaType" | "items" | "colors" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "toned" | "loading" | "searchable" | "rules" | "hint" | "persistentHint" | "clearable" | "itemTitle" | "itemValue" | "returnObject" | "hideSelected">;
+    } & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "disabled" | "container" | "label" | "class" | "multiple" | "readonly" | "colorSchemaType" | "items" | "colors" | "v-model" | "onUpdate:modelValue" | "modelValue" | "variant" | "toned" | "loading" | "searchable" | "rules" | "hint" | "persistentHint" | "clearable" | "itemTitle" | "itemValue" | "returnObject" | "hideNoData" | "menuIcon" | "hideSelected">;
 } & import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>;

package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts

@@ -1,12 +1,20 @@
 import { useSlidePanelStore } from "@omnia/fx/ux";
-import "internal/fx/libs/swiper";
-import Swiper from "swiper";
+import { Swiper } from "internal/fx/libs/swiper";
+export declare const SlidePanelVariation: readonly ["default", "custom-navigation"];
+export type SlidePanelVariationType = typeof SlidePanelVariation[number];
 /**
  * Slide panel component
  * @remarks - read the docs here of Core API https://swiperjs.com/swiper-api
  */
 declare const _default: {
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
         "content-wrapper-class": {
             type: import("vue").PropType<string>;
         };
@@ -77,6 +85,13 @@ declare const _default: {
         afterInit: (swiper: Swiper) => void;
         init: (swiper: Swiper) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
         "content-wrapper-class": {
             type: import("vue").PropType<string>;
         };
@@ -155,6 +170,13 @@ declare const _default: {
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        } & {
+            type: import("vue").PropType<"default" | "custom-navigation">;
+            required: false;
+        };
         "content-wrapper-class": {
             type: import("vue").PropType<string>;
         };
@@ -230,6 +252,13 @@ declare const _default: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    variant: {
+        type: import("vue").PropType<"default" | "custom-navigation">;
+        required: false;
+    } & {
+        type: import("vue").PropType<"default" | "custom-navigation">;
+        required: false;
+    };
     "content-wrapper-class": {
         type: import("vue").PropType<string>;
     };
@@ -312,18 +341,19 @@ declare const _default: {
         navigation?: boolean;
         class?: String | String[];
         scrollbar?: boolean;
+        variant?: "default" | "custom-navigation";
+        contentWrapperClass?: string;
+        "content-wrapper-class"?: string;
         getApi?: (store: ReturnType<typeof useSlidePanelStore>) => void;
         "get-api"?: (store: ReturnType<typeof useSlidePanelStore>) => void;
         autoplay?: boolean;
-        pagination?: boolean;
-        loop?: boolean;
         delay?: number;
+        loop?: boolean;
+        pagination?: boolean;
         slidesPerView?: number;
         "slides-per-view"?: number;
         slideSpacing?: number;
         "slide-spacing"?: number;
-        contentWrapperClass?: string;
-        "content-wrapper-class"?: string;
     }>, "onInit" | "onAfterInit"> & {
         onInit?: (swiper: Swiper) => any;
         onAfterInit?: (swiper: Swiper) => any;