@omnia/fx 8.0.295-dev → 8.0.297-dev

package/internal-do-not-import-from-here/ux/oxide/checkbox/Checkbox.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useTypographyBlueprintStore } from "../..";
 export declare const CheckBoxStyles: {
-    wrapper: (textColor: string, selectedColor: string, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("../..").StylexType>;
+    wrapper: (textColor: string, selectedColor: string, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("../..").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/chip/Chip.stylex.d.ts

@@ -1,4 +1,10 @@
 export declare const chipStyles: {
-    fadeEffect: (color: any) => Readonly<import("@omnia/fx/ux").StylexType>;
-    avatarWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
+    container: (color: string) => {
+        class: string;
+        style: {
+            "--color": string;
+        };
+    };
+    fadeEffect: (color: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    avatarWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/colorpicker/ColorPicker.stylex.d.ts

@@ -1,8 +1,8 @@
 export declare const ColorPickerStyles: {
-    titleColumn: Readonly<import("@omnia/fx/ux").StylexType>;
-    title: (dark: boolean, labelColor: string) => import("@omnia/fx/ux").StylexType;
-    icon: (dark: boolean) => import("@omnia/fx/ux").StylexType;
-    displaywrapper: (bgColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
-    pickerTopWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    pickerBottomWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
+    titleColumn: Readonly<import("@omnia/fx/ux").StylexValue>;
+    title: (dark: boolean, labelColor: string) => import("@omnia/fx/ux").StylexValue;
+    icon: (dark: boolean) => import("@omnia/fx/ux").StylexValue;
+    displaywrapper: (bgColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    pickerTopWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    pickerBottomWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/column/Column.stylex.d.ts

@@ -7,5 +7,5 @@ export interface stylingSettings {
     minWidth: string;
 }
 export declare const ColStyles: {
-    wrapper: (settings: stylingSettings) => Readonly<import("../../Styles.stylex").StylexType>;
+    wrapper: (settings: stylingSettings) => Readonly<import("../../Styles.stylex").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.stylex.d.ts

@@ -1,7 +1,7 @@
 import { ColorDefinition } from "@omnia/fx-models";
 import { useColorSchemaStore } from "@omnia/fx/ux";
 export declare const dataTableStyles: {
-    rowWrapper: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
-    actionCell: Readonly<import("@omnia/fx/ux").StylexType>;
-    wrapper: (colors: ReturnType<typeof useColorSchemaStore>, showFooter: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    rowWrapper: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    actionCell: Readonly<import("@omnia/fx/ux").StylexValue>;
+    wrapper: (colors: ReturnType<typeof useColorSchemaStore>, showFooter: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.stylex.d.ts

@@ -1,15 +1,15 @@
 import { useColorSchemaStore } from "@omnia/fx/ux";
 import { ColorDefinition, ODialogTypes } from "@omnia/fx-models";
 export declare const DialogStyles: {
-    templateTitle: Readonly<import("@omnia/fx/ux").StylexType>;
-    titleWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    fixedContent: (backgroundColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
-    navigationDrawer: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    navigationWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    activator: import("@omnia/fx/ux").StylexType;
-    contentScrollWrapper: (customScroll: boolean, hasButtons: boolean, fullSize: boolean, staticContent: boolean, variant: ODialogTypes, horizontalScroll: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    notScrollOutside: import("@omnia/fx/ux").StylexType;
-    iconWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    footerWrapper: (backgroundColor: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
-    scroll(colors: ReturnType<typeof useColorSchemaStore>): Readonly<import("@omnia/fx/ux").StylexType>;
+    templateTitle: Readonly<import("@omnia/fx/ux").StylexValue>;
+    titleWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    fixedContent: (backgroundColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    navigationDrawer: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    navigationWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    activator: import("@omnia/fx/ux").StylexValue;
+    contentScrollWrapper: (customScroll: boolean, hasButtons: boolean, fullSize: boolean, staticContent: boolean, variant: ODialogTypes, horizontalScroll: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    notScrollOutside: import("@omnia/fx/ux").StylexValue;
+    iconWrapper: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    footerWrapper: (backgroundColor: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    scroll(colors: ReturnType<typeof useColorSchemaStore>): Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/divider/Divider.stylex.d.ts

@@ -1,5 +1,5 @@
 import { OPageDividerTypes } from "@omnia/fx-models";
 export declare const DividerStyles: {
-    divider: (dark: boolean, variant: OPageDividerTypes) => Readonly<import("@omnia/fx/ux").StylexType>;
-    label: Readonly<import("@omnia/fx/ux").StylexType>;
+    divider: (dark: boolean, variant: OPageDividerTypes) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    label: Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/draggable/Draggable.stylex.d.ts

@@ -1,3 +1,3 @@
 export declare const DraggableStyles: {
-    hoverStyle: import("@omnia/fx/ux").StylexType;
+    hoverStyle: import("@omnia/fx/ux").StylexValue;
 };

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanel.stylex.d.ts

@@ -1,8 +1,8 @@
 import { ColorDefinition, OPanelTypes } from "@omnia/fx-models";
 export declare const ExpansionPanelStyles: {
-    iconWrapper: (variant: OPanelTypes) => Readonly<import("@omnia/fx/ux").StylexType>;
-    customHeader: Readonly<import("@omnia/fx/ux").StylexType>;
-    sectionVariant: Readonly<import("@omnia/fx/ux").StylexType>;
-    tabVariant: Readonly<import("@omnia/fx/ux").StylexType>;
-    wrapper: (base: ColorDefinition, onBase: ColorDefinition, panelType: OPanelTypes, hideExpandIcon: boolean, toned: boolean, slim: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    iconWrapper: (variant: OPanelTypes) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    customHeader: Readonly<import("@omnia/fx/ux").StylexValue>;
+    sectionVariant: Readonly<import("@omnia/fx/ux").StylexValue>;
+    tabVariant: Readonly<import("@omnia/fx/ux").StylexValue>;
+    wrapper: (base: ColorDefinition, onBase: ColorDefinition, panelType: OPanelTypes, hideExpandIcon: boolean, toned: boolean, slim: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/expansionpanel/ExpansionPanels.stylex.d.ts

@@ -1,3 +1,3 @@
 export declare const ExpansionPanelsStyles: {
-    sectionVariant: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    sectionVariant: (dark: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/flex/Row.stylex.d.ts

@@ -13,5 +13,5 @@ export interface stylingSettings {
     direction: ORowDirections;
 }
 export declare const RowStyles: {
-    wrapper: (settings: stylingSettings) => Readonly<import("../../Styles.stylex").StylexType>;
+    wrapper: (settings: stylingSettings) => Readonly<import("../../Styles.stylex").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/form/Form.stylex.d.ts

@@ -1,3 +1,3 @@
 export declare const FormStyles: {
-    rowWrapper: import("@omnia/fx/ux").StylexType;
+    rowWrapper: import("@omnia/fx/ux").StylexValue;
 };

package/internal-do-not-import-from-here/ux/oxide/icon/Icon.stylex.d.ts

@@ -1,4 +1,4 @@
 import { OIconVariants, OIconSizes } from "@omnia/fx-models";
 export declare const IconStyles: {
-    wrapper: (size: OIconSizes, variant: OIconVariants) => Readonly<import("../..").StylexType>;
+    wrapper: (size: OIconSizes, variant: OIconVariants) => Readonly<import("../..").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.stylex.d.ts

@@ -3,7 +3,7 @@ import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TextFieldStyles: {
     editorVariant: string;
     textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
-    generalField: (textColor: string, rounded: BoxDimensions, fixTextFiled: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    hint: (color: string) => Readonly<import("@omnia/fx/ux").StylexType>;
-    iconButtonWrapper: import("@omnia/fx/ux").StylexType;
+    generalField: (textColor: string, rounded: BoxDimensions, fixTextFiled: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    hint: (color: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    iconButtonWrapper: import("@omnia/fx/ux").StylexValue;
 };

package/internal-do-not-import-from-here/ux/oxide/layout/Layout.stylex.d.ts

@@ -1,3 +1,3 @@
 export declare const layoutStyles: {
-    wrapper: import("@omnia/fx/ux").StylexType;
+    wrapper: import("@omnia/fx/ux").StylexValue;
 };

package/internal-do-not-import-from-here/ux/oxide/lazy/Lazy.d.ts

@@ -1,5 +1,5 @@
+import { OMotionProps } from "@omnia/fx-models";
 import { DefineProp } from "@omnia/fx/ux";
-import { OLazyVariants } from "@omnia/fx/models";
-type LazyProps = DefineProp<"variant", OLazyVariants, false, null, "The strategy for how the lazy will load."> & DefineProp<"renderOnIdle", boolean, false, false, "If true, the lazy will render when the browser is idle."> & DefineProp<"unrender", boolean, false, false, "If true it will unrender when not in viewport after some idle time."> & DefineProp<"minHeight", number, false, null, "The min height of the lazy element."> & DefineProp<"unrenderDelay", number, false, null, "The time in ms before the lazy will unrender when not in viewport.">;
+type LazyProps = DefineProp<"renderOnIdle", boolean, false, false, "If true, the lazy will render when the browser is idle."> & DefineProp<"disabled", boolean, false, false, "If true lazy is disabled"> & DefineProp<"motion", OMotionProps, false, null, "If true lazy is disabled"> & DefineProp<"minHeight", string | number, false, null, "The min height of the lazy element.">;
 declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<LazyProps>) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/link/link.stylex.d.ts

@@ -1,3 +1,3 @@
 export declare const LinkStyles: {
-    wrapper: () => Readonly<import("../..").StylexType>;
+    wrapper: () => Readonly<import("../..").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/list/List.stylex.d.ts

@@ -1,4 +1,4 @@
 import { OListTypes } from "@omnia/fx-models";
 export declare const listStyles: {
-    wrapper: (listType: OListTypes, dark: any, divider: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (listType: OListTypes, dark: any, divider: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/list/ListItem.stylex.d.ts

@@ -1,5 +1,5 @@
 export declare const ListItemStyles: {
-    wrapper: (iconOnly: boolean, isFixedHeight: boolean) => Readonly<import("../..").StylexType>;
-    selectedItem: (dark: boolean) => Readonly<import("../..").StylexType>;
-    hoverStyle: (dark: boolean) => Readonly<import("../..").StylexType>;
+    wrapper: (iconOnly: boolean, isFixedHeight: boolean) => Readonly<import("../..").StylexValue>;
+    selectedItem: (dark: boolean) => Readonly<import("../..").StylexValue>;
+    hoverStyle: (dark: boolean) => Readonly<import("../..").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/menu/Menu.stylex.d.ts

@@ -1,3 +1,3 @@
 export declare const MenuStyles: {
-    activator: Readonly<import("@omnia/fx/ux").StylexType>;
+    activator: Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/motion/Motion.d.ts

@@ -0,0 +1,22 @@
+import { DefineEmit } from "@omnia/fx/ux";
+import type { AnimationOptionsWithOverrides, InViewOptions, VariantDefinition, Variants } from "@motionone/dom";
+declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<{
+    initial?: boolean | VariantDefinition;
+} & {
+    animate?: VariantDefinition;
+} & {
+    inView?: VariantDefinition;
+} & {
+    hover?: VariantDefinition;
+} & {
+    press?: VariantDefinition;
+} & {
+    exit?: VariantDefinition;
+} & {
+    variants?: Variants;
+} & {
+    inViewOptions?: InViewOptions;
+} & {
+    transition?: AnimationOptionsWithOverrides;
+} & DefineEmit<"click:someThing", (value: string) => true>>) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/motion/MotionContext.d.ts

@@ -0,0 +1,6 @@
+export declare const contextId = "motion-state";
+export declare const presenceId = "motion-presence";
+export declare const prefix = "o-motion";
+export interface PresenceState {
+    initial?: boolean | undefined;
+}

package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts

@@ -5,7 +5,7 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "dialog" | "app" | "editor">;
+            type: import("vue").PropType<"default" | "dialog" | "editor" | "app">;
         };
         overrides: {
             type: import("vue").PropType<object>;
@@ -14,7 +14,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         location: {
-            type: import("vue").PropType<"left" | "right" | "top" | "start" | "end" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "start" | "end">;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: boolean) => any | void>;
@@ -58,7 +58,7 @@ declare const _default: {
             required: false;
         };
         variant: {
-            type: import("vue").PropType<"default" | "dialog" | "app" | "editor">;
+            type: import("vue").PropType<"default" | "dialog" | "editor" | "app">;
         };
         overrides: {
             type: import("vue").PropType<object>;
@@ -67,7 +67,7 @@ declare const _default: {
             type: import("vue").PropType<boolean>;
         };
         location: {
-            type: import("vue").PropType<"left" | "right" | "top" | "start" | "end" | "bottom">;
+            type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "start" | "end">;
         };
         "onUpdate:modelValue": {
             type: import("vue").PropType<(value: boolean) => any | void>;
@@ -108,7 +108,7 @@ declare const _default: {
         required: false;
     };
     variant: {
-        type: import("vue").PropType<"default" | "dialog" | "app" | "editor">;
+        type: import("vue").PropType<"default" | "dialog" | "editor" | "app">;
     };
     overrides: {
         type: import("vue").PropType<object>;
@@ -117,7 +117,7 @@ declare const _default: {
         type: import("vue").PropType<boolean>;
     };
     location: {
-        type: import("vue").PropType<"left" | "right" | "top" | "start" | "end" | "bottom">;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | "start" | "end">;
     };
     "onUpdate:modelValue": {
         type: import("vue").PropType<(value: boolean) => any | void>;
@@ -152,15 +152,15 @@ declare const _default: {
     propsDefinition: Omit<Readonly<{} & {
         container?: boolean;
         class?: String | String[];
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        toned?: boolean;
-        modelValue?: boolean;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-model"?: boolean;
-        "onUpdate:modelValue"?: (value: boolean) => any | void;
-        variant?: "default" | "dialog" | "app" | "editor";
-        location?: "left" | "right" | "top" | "start" | "end" | "bottom";
+        modelValue?: boolean;
+        variant?: "default" | "dialog" | "editor" | "app";
         overrides?: object;
+        toned?: boolean;
+        "onUpdate:modelValue"?: (value: boolean) => any | void;
+        location?: "bottom" | "left" | "right" | "top" | "start" | "end";
         customWidth?: number;
     }>, never>;
 };

package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.stylex.d.ts

@@ -1,4 +1,4 @@
 import { ONavigationDrawerVariants } from "@omnia/fx-models";
 export declare const NavigatonDrawerStyles: {
-    wrapper: (variant: ONavigationDrawerVariants) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (variant: ONavigationDrawerVariants) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/notification/Notification.stylex.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    avatarWrapper: (size: number | string) => Readonly<import("@omnia/fx/ux").StylexType>;
-    textWrapper: (characters: any, fullSize: any) => import("@omnia/fx/ux").StylexType;
+    avatarWrapper: (size: number | string) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    textWrapper: (characters: any, fullSize: any) => import("@omnia/fx/ux").StylexValue;
 };
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/pagination/Pagination.d.ts

@@ -167,10 +167,10 @@ declare const _default: {
         container?: boolean;
         class?: String | String[];
         disabled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        modelValue?: number;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-model"?: number;
+        modelValue?: number;
         "onUpdate:modelValue"?: (value: number) => any | void;
         totalVisible?: number;
         prevIcon?: string | FunctionalComponent<{}, {}, any, {}>;

package/internal-do-not-import-from-here/ux/oxide/panel/Panel.stylex.d.ts

@@ -1,10 +1,10 @@
 import { ColorDefinition } from "../../velcron/core";
 import { OPanelVariants, OPaddingCombination } from "@omnia/fx-models";
 export declare const PanelStyles: {
-    tabSettingsPadding: Readonly<import("@omnia/fx/ux").StylexType>;
-    templateTitle: (variant: OPanelVariants, titelOnTopDivider: boolean, color: string, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexType>;
-    dividerOnTitle: Readonly<import("@omnia/fx/ux").StylexType>;
-    panelHoverBackground: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
-    panelWrapper: (hide: boolean, variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexType>;
-    contentWrapper: (variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination, noContentPadding: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    tabSettingsPadding: Readonly<import("@omnia/fx/ux").StylexValue>;
+    templateTitle: (variant: OPanelVariants, titelOnTopDivider: boolean, color: string, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    dividerOnTitle: Readonly<import("@omnia/fx/ux").StylexValue>;
+    panelHoverBackground: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    panelWrapper: (hide: boolean, variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, hasLeftDivider: any, hasRightDivider: any, dark: boolean, paddings: OPaddingCombination) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    contentWrapper: (variant: OPanelVariants, grouped: boolean, spacelessTop: boolean, spacelessBottom: boolean, paddings: OPaddingCombination, noContentPadding: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/radio/Radio.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const RadioStyles: {
-    wrapper: (textColor: string, selectedColor: string, blueprint: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (textColor: string, selectedColor: string, blueprint: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/radio/RadioGroup.d.ts

@@ -172,10 +172,10 @@ declare const _default: {
         class?: String | String[];
         label?: string;
         disabled?: boolean;
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        modelValue?: any;
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-model"?: any;
+        modelValue?: any;
         "onUpdate:modelValue"?: (value: any) => any | void;
         rules?: ValidationRule[];
         readonly?: boolean;

package/internal-do-not-import-from-here/ux/oxide/radio/RadioGroup.stylex.d.ts

@@ -1,4 +1,4 @@
 export declare const RadioGroupStyles: {
-    wrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    itemWrapper: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    itemWrapper: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/rangeslider/RangeSlider.d.ts

@@ -219,16 +219,16 @@ declare const _default: {
     container: boolean;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     propsDefinition: Omit<Readonly<{} & {
+        direction?: "horizontal" | "vertical";
         container?: boolean;
         class?: String | String[];
         label?: string;
-        direction?: "horizontal" | "vertical";
-        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
-        modelValue?: [number, number];
+        colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
         "v-model"?: [number, number];
-        "onUpdate:modelValue"?: (value: [number, number]) => any | void;
+        modelValue?: [number, number];
         variant?: "default" | "prominent";
+        "onUpdate:modelValue"?: (value: [number, number]) => any | void;
         hint?: string;
         persistentHint?: boolean;
         max?: string | number;

package/internal-do-not-import-from-here/ux/oxide/rangeslider/RangeSlider.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const RangeSliderStyles: {
-    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.stylex.d.ts

@@ -1,4 +1,4 @@
 export declare const ScrollContainerStyles: {
-    scrollingStyles: (scrolling: string, height: string, width: string, noScrolling: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    compensateMargin: import("@omnia/fx/ux").StylexType;
+    scrollingStyles: (scrolling: string, height: string, width: string, noScrolling: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    compensateMargin: import("@omnia/fx/ux").StylexValue;
 };

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

@@ -13,7 +13,7 @@ export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" |
 declare const defaultRules: ValidationRule[];
 type SlotsWithReturnObject<TItem> = DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild>;
 type SlotsWithoutReturnObject = DefineSlot<"chip", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild>;
-type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, false, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"toned", boolean> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
+type BaseProps<TItem, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", any, false, null, false, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & DefineProp<"items", TItem, false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"itemTitle", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", ItemValueType<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"toned", boolean> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild> & DefineSlot<"prepend-inner", () => VNodeChild> & DefineSlot<"append-inner", () => VNodeChild> & DefineProp<"maxHeight", number, false, 300> & DefineProp<"itemHeight", number, false, 40>;
 export type OSelectProps<TItem, TReturnObject extends boolean> = BaseProps<TItem, TReturnObject> & DefineType<TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject>;
 declare const _default: <TItem extends readonly any[], TReturnObject extends boolean>(props: import("@omnia/fx/ux").ConstructComponentProps<OSelectProps<TItem, TReturnObject>>) => any;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { OSelectTypes } from "@omnia/fx-models";
 export declare const SelectStyles: {
-    componentWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    componentVariantWrapper: (variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    componentWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    componentVariantWrapper: (variant: OSelectTypes, hasValue: boolean, hasLabel: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

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

@@ -1,4 +1,4 @@
 export declare const SwiperStyles: {
-    backgroundColor: (color: string) => import("@omnia/fx/ux").StylexType;
-    color: (color: string) => import("@omnia/fx/ux").StylexType;
+    backgroundColor: (color: string) => import("@omnia/fx/ux").StylexValue;
+    color: (color: string) => import("@omnia/fx/ux").StylexValue;
 };

package/internal-do-not-import-from-here/ux/oxide/slider/Slider.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const SliderStyles: {
-    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useTypographyBlueprintStore>, label: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (textColor: string, noThumbLabel: boolean, blueprints: ReturnType<typeof useTypographyBlueprintStore>, label: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/splitpane/Splitpane.stylex.d.ts

@@ -1,4 +1,4 @@
 import { OSplitpanesVariation } from "@omnia/fx-models";
 export declare const SplitpaneStyles: {
-    wrapper: (backgroundColor: string, splitterColor: string, variant: OSplitpanesVariation) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (backgroundColor: string, splitterColor: string, variant: OSplitpanesVariation) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/stepper/Stepper.stylex.d.ts

@@ -1,4 +1,4 @@
 import { ColorDefinition } from "@omnia/fx-models";
 export declare const StepperStyles: {
-    container: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
+    container: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/stickycontainer/StickyContainer.stylex.d.ts

@@ -1,4 +1,4 @@
 export declare const StickyContainerStyles: {
-    stickyWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    markWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
+    stickyWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    markWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/switch/Switch.stylex.d.ts

@@ -1,4 +1,4 @@
 import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const SwitchStyles: {
-    wrapper: (colors: ReturnType<typeof useColorSchemaStore>, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexType>;
+    wrapper: (colors: ReturnType<typeof useColorSchemaStore>, blueprints: ReturnType<typeof useTypographyBlueprintStore>) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/tab/Tab.stylex.d.ts

@@ -1,7 +1,7 @@
 import { ColorDefinition, OTabVariants } from "@omnia/fx-models";
 export declare const TabStyles: {
-    containerTabWrapper: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexType>;
-    tabWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    notificationWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    activeTab: (color: string, variant: OTabVariants, backgroundColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    containerTabWrapper: (color: ColorDefinition) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    tabWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    notificationWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    activeTab: (color: string, variant: OTabVariants, backgroundColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.stylex.d.ts

@@ -1,8 +1,8 @@
 import { ColorDefinition } from "@omnia/fx-models";
 export declare const TabsStyles: {
-    itemContainer: (scrollOffset: string, noScrolling: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    hideTabHeader: Readonly<import("@omnia/fx/ux").StylexType>;
-    dialogWrapper: Readonly<import("@omnia/fx/ux").StylexType>;
-    toolbarStyles: (vertical: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    dialogContainer: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition, toned: boolean, vertical: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    itemContainer: (scrollOffset: string, noScrolling: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    hideTabHeader: Readonly<import("@omnia/fx/ux").StylexValue>;
+    dialogWrapper: Readonly<import("@omnia/fx/ux").StylexValue>;
+    toolbarStyles: (vertical: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    dialogContainer: (baseSelected: ColorDefinition, onBaseSelected: ColorDefinition, toned: boolean, vertical: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/table/Table.stylex.d.ts

@@ -1,4 +1,4 @@
 import { ColorDefinition } from "../../velcron/core";
 export declare const TableStyles: {
-    tableWrapper: (baseColor: ColorDefinition, onBaseColor: ColorDefinition, containerColor: ColorDefinition, onContainerColor: ColorDefinition, toned: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
+    tableWrapper: (baseColor: ColorDefinition, onBaseColor: ColorDefinition, containerColor: ColorDefinition, onContainerColor: ColorDefinition, toned: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/text/Text.stylex.d.ts

@@ -2,5 +2,5 @@
  * Styles for the CommandPalette component
  */
 export declare const TextStyles: {
-    truncateText: (lines: number) => Readonly<import("../../Styles.stylex").StylexType>;
+    truncateText: (lines: number) => Readonly<import("../../Styles.stylex").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/textarea/TextArea.stylex.d.ts

@@ -3,5 +3,5 @@ import { useColorSchemaStore, useTypographyBlueprintStore } from "@omnia/fx/ux";
 export declare const TextAreaStyles: {
     editorVariant: string;
     textAndFont: (textBlueprint: TextBlueprint, colors: ReturnType<typeof useColorSchemaStore>, typography: ReturnType<typeof useTypographyBlueprintStore>) => string;
-    generalField: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexType>;
+    generalField: (textColor: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
 };

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.stylex.d.ts

@@ -1,9 +1,9 @@
 import { OToolbarVariants } from "@omnia/fx-models";
 export declare const ToolbarStyles: {
-    templateTitle: (variant: OToolbarVariants, hasButton: boolean) => Readonly<import("@omnia/fx/ux").StylexType>;
-    templateTitleCustom: Readonly<import("@omnia/fx/ux").StylexType>;
-    content: Readonly<import("@omnia/fx/ux").StylexType>;
-    drawer: Readonly<import("@omnia/fx/ux").StylexType>;
-    iconWrapper: (color: string) => Readonly<import("@omnia/fx/ux").StylexType>;
-    divider: (dark: boolean) => import("@omnia/fx/ux").StylexType;
+    templateTitle: (variant: OToolbarVariants, hasButton: boolean) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    templateTitleCustom: Readonly<import("@omnia/fx/ux").StylexValue>;
+    content: Readonly<import("@omnia/fx/ux").StylexValue>;
+    drawer: Readonly<import("@omnia/fx/ux").StylexValue>;
+    iconWrapper: (color: string) => Readonly<import("@omnia/fx/ux").StylexValue>;
+    divider: (dark: boolean) => import("@omnia/fx/ux").StylexValue;
 };