@yahoo/uds 3.67.0-beta.1 → 3.67.0-beta.3

package/dist/components/experimental/client/Popover.d.cts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { PopoverAnchor as PopoverAnchor$1, PopoverArrow as PopoverArrow$1, PopoverDescription as PopoverDescription$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, PopoverDismiss as PopoverDismiss$1, PopoverProps as PopoverProps$1, PopoverProvider as PopoverProvider$1, usePopoverStore } from "@ariakit/react";
 
 //#region src/components/experimental/client/Popover.d.ts
@@ -11,12 +11,12 @@ declare function PopoverHeading({
   children,
   leading,
   trailing
-}: PopoverHeadingProps): react_jsx_runtime15.JSX.Element;
+}: PopoverHeadingProps): react_jsx_runtime18.JSX.Element;
 declare namespace PopoverHeading {
   var displayName: string;
 }
 type PopoverProps = Omit<PopoverProps$1, 'key'>;
-declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime15.JSX.Element | null;
+declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime18.JSX.Element | null;
 declare const PopoverArrow: typeof PopoverArrow$1;
 declare const PopoverAnchor: typeof PopoverAnchor$1;
 declare const PopoverDescription: typeof PopoverDescription$1;

package/dist/components/experimental/client/Popover.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { PopoverAnchor as PopoverAnchor$1, PopoverArrow as PopoverArrow$1, PopoverDescription as PopoverDescription$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, PopoverDismiss as PopoverDismiss$1, PopoverProps as PopoverProps$1, PopoverProvider as PopoverProvider$1, usePopoverStore } from "@ariakit/react";
 
 //#region src/components/experimental/client/Popover.d.ts
@@ -11,12 +11,12 @@ declare function PopoverHeading({
   children,
   leading,
   trailing
-}: PopoverHeadingProps): react_jsx_runtime18.JSX.Element;
+}: PopoverHeadingProps): react_jsx_runtime12.JSX.Element;
 declare namespace PopoverHeading {
   var displayName: string;
 }
 type PopoverProps = Omit<PopoverProps$1, 'key'>;
-declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime18.JSX.Element | null;
+declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime12.JSX.Element | null;
 declare const PopoverArrow: typeof PopoverArrow$1;
 declare const PopoverAnchor: typeof PopoverAnchor$1;
 declare const PopoverDescription: typeof PopoverDescription$1;

package/dist/components/experimental/client/Tabs.d.cts

@@ -1,7 +1,7 @@
 import { IconPropsWithSVGProps } from "../../../tokens/types.cjs";
 import "../../index.cjs";
-import * as react55 from "react";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react56 from "react";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 import { TabListProps, TabPanelProps, TabProviderProps as TabsProps } from "@ariakit/react";
 
 //#region src/components/experimental/client/Tabs.d.ts
@@ -11,20 +11,20 @@ interface TabProps extends React.PropsWithChildren {
   label: string;
   startIcon?: IconPropsWithSVGProps['name'];
 }
-declare function Tabs(props: TabsProps): react_jsx_runtime17.JSX.Element;
+declare function Tabs(props: TabsProps): react_jsx_runtime20.JSX.Element;
 declare namespace Tabs {
   var displayName: string;
 }
-declare const TabList: react55.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react55.RefAttributes<HTMLDivElement>>;
+declare const TabList: react56.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react56.RefAttributes<HTMLDivElement>>;
 declare const Tab: {
   ({
     asChild,
     label,
     value,
     startIcon
-  }: TabProps): react_jsx_runtime17.JSX.Element;
+  }: TabProps): react_jsx_runtime20.JSX.Element;
   displayName: string;
 };
-declare const TabPanel: react55.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react55.RefAttributes<HTMLDivElement>>;
+declare const TabPanel: react56.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react56.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/components/experimental/client/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
 import "../../index.js";
-import * as react56 from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react55 from "react";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 import { TabListProps, TabPanelProps, TabProviderProps as TabsProps } from "@ariakit/react";
 
 //#region src/components/experimental/client/Tabs.d.ts
@@ -11,20 +11,20 @@ interface TabProps extends React.PropsWithChildren {
   label: string;
   startIcon?: IconPropsWithSVGProps['name'];
 }
-declare function Tabs(props: TabsProps): react_jsx_runtime20.JSX.Element;
+declare function Tabs(props: TabsProps): react_jsx_runtime15.JSX.Element;
 declare namespace Tabs {
   var displayName: string;
 }
-declare const TabList: react56.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react56.RefAttributes<HTMLDivElement>>;
+declare const TabList: react55.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react55.RefAttributes<HTMLDivElement>>;
 declare const Tab: {
   ({
     asChild,
     label,
     value,
     startIcon
-  }: TabProps): react_jsx_runtime20.JSX.Element;
+  }: TabProps): react_jsx_runtime15.JSX.Element;
   displayName: string;
 };
-declare const TabPanel: react56.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react56.RefAttributes<HTMLDivElement>>;
+declare const TabPanel: react55.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react55.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };

package/dist/components/experimental/client/Toast.d.cts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import { ToastClassName, ToastContainerProps, ToastOptions, ToastPosition, TypeOptions } from "react-toastify";
 
 //#region src/components/experimental/client/Toast.d.ts
@@ -13,7 +13,7 @@ declare const getToastClassName: (toastClassName?: ToastClassName) => (context?:
 declare function ToastContainer({
   toastClassName,
   ...props
-}: ToastProps): react_jsx_runtime19.JSX.Element;
+}: ToastProps): react_jsx_runtime22.JSX.Element;
 declare namespace ToastContainer {
   var displayName: string;
 }

package/dist/fixtures.d.cts

@@ -87,7 +87,7 @@ declare const iconButtonSizes: IconButtonSize[];
 declare const inputSizes: InputSize[];
 declare const motionVariants: MotionVariant[];
 declare const motionVariantSpeeds: MotionVariantSpeed[];
-declare const motionSpringConfig: Required<Pick<import("motion-dom").Spring, MotionSpringConfigOptions>>[];
+declare const motionSpringConfig: Required<Pick<import("motion/react").Spring, MotionSpringConfigOptions>>[];
 declare const motionSpringConfigOptions: MotionSpringConfigOptions[];
 declare const shadowVariants: ShadowVariant[];
 declare const shadowVariantsInvert: ("sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | "xs-invert")[];

package/dist/fixtures.d.ts

@@ -87,7 +87,7 @@ declare const iconButtonSizes: IconButtonSize[];
 declare const inputSizes: InputSize[];
 declare const motionVariants: MotionVariant[];
 declare const motionVariantSpeeds: MotionVariantSpeed[];
-declare const motionSpringConfig: Required<Pick<import("motion-dom").Spring, MotionSpringConfigOptions>>[];
+declare const motionSpringConfig: Required<Pick<import("motion/react").Spring, MotionSpringConfigOptions>>[];
 declare const motionSpringConfigOptions: MotionSpringConfigOptions[];
 declare const shadowVariants: ShadowVariant[];
 declare const shadowVariantsInvert: ("sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | "xs-invert")[];

package/dist/providers/ColorModeProvider.d.cts

@@ -1,18 +1,18 @@
 import { ColorMode } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react23 from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react24 from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/providers/ColorModeProvider.d.ts
 interface ColorModeProviderProps extends React.PropsWithChildren {
   value?: ColorMode;
 }
-declare const ColorModeContext: react23.Context<ColorMode>;
+declare const ColorModeContext: react24.Context<ColorMode>;
 declare function useColorMode(): ColorMode;
 declare function ColorModeProvider({
   value,
   children
-}: ColorModeProviderProps): react_jsx_runtime1.JSX.Element;
+}: ColorModeProviderProps): react_jsx_runtime5.JSX.Element;
 declare namespace ColorModeProvider {
   var displayName: string;
 }

package/dist/providers/ColorModeProvider.d.ts

@@ -1,18 +1,18 @@
 import { ColorMode } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react29 from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react23 from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/providers/ColorModeProvider.d.ts
 interface ColorModeProviderProps extends React.PropsWithChildren {
   value?: ColorMode;
 }
-declare const ColorModeContext: react29.Context<ColorMode>;
+declare const ColorModeContext: react23.Context<ColorMode>;
 declare function useColorMode(): ColorMode;
 declare function ColorModeProvider({
   value,
   children
-}: ColorModeProviderProps): react_jsx_runtime4.JSX.Element;
+}: ColorModeProviderProps): react_jsx_runtime1.JSX.Element;
 declare namespace ColorModeProvider {
   var displayName: string;
 }

package/dist/providers/ScaleModeProvider.d.cts

@@ -1,18 +1,18 @@
 import { ScaleMode } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react24 from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react23 from "react";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/providers/ScaleModeProvider.d.ts
 interface ScaleModeProviderProps extends React.PropsWithChildren {
   value?: ScaleMode;
 }
-declare const ScaleModeContext: react24.Context<ScaleMode>;
+declare const ScaleModeContext: react23.Context<ScaleMode>;
 declare function useScaleMode(): ScaleMode;
 declare function ScaleModeProvider({
   value,
   children
-}: ScaleModeProviderProps): react_jsx_runtime2.JSX.Element;
+}: ScaleModeProviderProps): react_jsx_runtime4.JSX.Element;
 declare namespace ScaleModeProvider {
   var displayName: string;
 }

package/dist/providers/ScaleModeProvider.d.ts

@@ -1,18 +1,18 @@
 import { ScaleMode } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react30 from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react24 from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/providers/ScaleModeProvider.d.ts
 interface ScaleModeProviderProps extends React.PropsWithChildren {
   value?: ScaleMode;
 }
-declare const ScaleModeContext: react30.Context<ScaleMode>;
+declare const ScaleModeContext: react24.Context<ScaleMode>;
 declare function useScaleMode(): ScaleMode;
 declare function ScaleModeProvider({
   value,
   children
-}: ScaleModeProviderProps): react_jsx_runtime5.JSX.Element;
+}: ScaleModeProviderProps): react_jsx_runtime2.JSX.Element;
 declare namespace ScaleModeProvider {
   var displayName: string;
 }

package/dist/providers/ThemeProvider.d.cts

@@ -1,6 +1,6 @@
 import { ColorMode, ScaleMode } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/providers/ThemeProvider.d.ts
 interface ThemeProviderProps extends React.PropsWithChildren {
@@ -11,7 +11,7 @@ declare function ThemeProvider({
   children,
   colorMode,
   scaleMode
-}: ThemeProviderProps): react_jsx_runtime3.JSX.Element;
+}: ThemeProviderProps): react_jsx_runtime1.JSX.Element;
 declare namespace ThemeProvider {
   var displayName: string;
 }

package/dist/providers/ThemeProvider.d.ts

@@ -1,6 +1,6 @@
 import { ColorMode, ScaleMode } from "../tokens/types.js";
 import "../tokens/index.js";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/providers/ThemeProvider.d.ts
 interface ThemeProviderProps extends React.PropsWithChildren {
@@ -11,7 +11,7 @@ declare function ThemeProvider({
   children,
   colorMode,
   scaleMode
-}: ThemeProviderProps): react_jsx_runtime6.JSX.Element;
+}: ThemeProviderProps): react_jsx_runtime3.JSX.Element;
 declare namespace ThemeProvider {
   var displayName: string;
 }

package/dist/styles/styler.d.cts

@@ -35,8 +35,8 @@ declare const getStylesInternal: (props?: ({
   switchSizeHandleIcon?: "sm" | "md" | undefined;
   buttonSizeRoot?: "sm" | "md" | "lg" | undefined;
   buttonSizeIcon?: "sm" | "md" | "lg" | undefined;
-  buttonVariantRoot?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
-  buttonVariantIcon?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
+  buttonVariantRoot?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
   chipSizeRoot?: "sm" | "md" | undefined;
   chipSizeIcon?: "sm" | "md" | undefined;
   chipToggleVariantActiveRoot?: "off" | "on" | undefined;
@@ -119,14 +119,14 @@ declare const getStylesInternal: (props?: ({
   menuDividerVariantRoot?: "default" | undefined;
   menuDividerVariantText?: "default" | undefined;
   menuDividerVariantLine?: "default" | undefined;
-  color?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | undefined;
-  placeholderColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | undefined;
+  color?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | undefined;
+  placeholderColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | undefined;
   fontFamily?: "sans" | "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "sans-alt" | "serif" | "serif-alt" | "mono" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontSize?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontWeight?: "thin" | "ui1" | "medium" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "black" | "bold" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "start" | "end" | "center" | "justify" | undefined;
+  textAlign?: "center" | "justify" | "start" | "end" | undefined;
   textTransform?: "none" | "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -144,12 +144,12 @@ declare const getStylesInternal: (props?: ({
   offsetTop?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   columnGap?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   rowGap?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  backgroundColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderStartColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderEndColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderBottomColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderTopColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  backgroundColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderStartColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderEndColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderBottomColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderTopColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
   borderRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
   borderTopStartRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
   borderTopEndRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
@@ -179,7 +179,7 @@ declare const getStylesInternal: (props?: ({
   overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-  contentFit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
+  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
   colorMode?: "light" | "dark" | undefined;
   scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
   width?: "full" | "fit" | "screen" | undefined;

package/dist/styles/styler.d.ts

@@ -35,8 +35,8 @@ declare const getStylesInternal: (props?: ({
   switchSizeHandleIcon?: "sm" | "md" | undefined;
   buttonSizeRoot?: "sm" | "md" | "lg" | undefined;
   buttonSizeIcon?: "sm" | "md" | "lg" | undefined;
-  buttonVariantRoot?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
-  buttonVariantIcon?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "brand-tertiary" | "alert-tertiary" | "warning-tertiary" | "positive-tertiary" | "info-tertiary" | undefined;
+  buttonVariantRoot?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
+  buttonVariantIcon?: "primary" | "brand-secondary" | "brand" | "secondary" | "tertiary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "alert-tertiary" | "brand-tertiary" | "info-tertiary" | "positive-tertiary" | "warning-tertiary" | undefined;
   chipSizeRoot?: "sm" | "md" | undefined;
   chipSizeIcon?: "sm" | "md" | undefined;
   chipToggleVariantActiveRoot?: "off" | "on" | undefined;
@@ -119,14 +119,14 @@ declare const getStylesInternal: (props?: ({
   menuDividerVariantRoot?: "default" | undefined;
   menuDividerVariantText?: "default" | undefined;
   menuDividerVariantLine?: "default" | undefined;
-  color?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | undefined;
-  placeholderColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | undefined;
+  color?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | undefined;
+  placeholderColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "on-color" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | undefined;
   fontFamily?: "sans" | "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "sans-alt" | "serif" | "serif-alt" | "mono" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontSize?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontWeight?: "thin" | "ui1" | "medium" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "black" | "bold" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   letterSpacing?: "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  textAlign?: "start" | "end" | "center" | "justify" | undefined;
+  textAlign?: "center" | "justify" | "start" | "end" | undefined;
   textTransform?: "none" | "ui1" | "title1" | "caption1" | "headline1" | "title4" | "caption2" | "title3" | "label2" | "label3" | "label1" | "ui4" | "ui2" | "ui3" | "label4" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "title1/emphasized" | "caption1/emphasized" | "headline1/emphasized" | "title4/emphasized" | "caption2/emphasized" | "title3/emphasized" | "label2/emphasized" | "label3/emphasized" | "label1/emphasized" | "label4/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
   spacing?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   spacingHorizontal?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
@@ -144,12 +144,12 @@ declare const getStylesInternal: (props?: ({
   offsetTop?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   columnGap?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   rowGap?: "0" | "20" | "4" | "6" | "8" | "10" | "44" | "12" | "48" | "px" | "3" | "1" | "2" | "1.5" | "2.5" | "5" | "0.5" | "3.5" | "14" | "9" | "7" | "11" | "16" | "4.5" | "5.5" | "24" | "28" | "32" | "36" | "40" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  backgroundColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderStartColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderEndColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderBottomColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
-  borderTopColor?: "current" | "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  backgroundColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderStartColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderEndColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderBottomColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
+  borderTopColor?: "white" | "accent" | "primary" | "brand-secondary" | "brand" | "transparent" | "secondary" | "tertiary" | "muted" | "alert-secondary" | "alert" | "warning-secondary" | "warning" | "positive-secondary" | "positive" | "info" | "info-secondary" | "black" | "current" | "elevation-0" | "elevation-4" | "elevation-3" | "elevation-1" | "elevation-2" | "elevation-5" | undefined;
   borderRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
   borderTopStartRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
   borderTopEndRadius?: "none" | "sm" | "md" | "lg" | "xl" | "full" | "xs" | undefined;
@@ -179,7 +179,7 @@ declare const getStylesInternal: (props?: ({
   overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
   position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
-  contentFit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
+  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
   colorMode?: "light" | "dark" | undefined;
   scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
   width?: "full" | "fit" | "screen" | undefined;

package/dist/tailwind/plugins/a11y.d.cts

@@ -1,11 +1,11 @@
 import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
-import * as tailwindcss_types_config3 from "tailwindcss/types/config";
+import * as tailwindcss_types_config19 from "tailwindcss/types/config";
 
 //#region src/tailwind/plugins/a11y.d.ts
 declare const a11yPlugin: {
   (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config3.PluginCreator;
-    config?: Partial<tailwindcss_types_config3.Config>;
+    handler: tailwindcss_types_config19.PluginCreator;
+    config?: Partial<tailwindcss_types_config19.Config>;
   };
   __isOptionsFunction: true;
 };

package/dist/tailwind/plugins/a11y.d.ts

@@ -1,11 +1,11 @@
 import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
-import * as tailwindcss_types_config23 from "tailwindcss/types/config";
+import * as tailwindcss_types_config3 from "tailwindcss/types/config";
 
 //#region src/tailwind/plugins/a11y.d.ts
 declare const a11yPlugin: {
   (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config23.PluginCreator;
-    config?: Partial<tailwindcss_types_config23.Config>;
+    handler: tailwindcss_types_config3.PluginCreator;
+    config?: Partial<tailwindcss_types_config3.Config>;
   };
   __isOptionsFunction: true;
 };

package/dist/tailwind/plugins/borders.d.cts

@@ -1,11 +1,11 @@
 import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
-import * as tailwindcss_types_config7 from "tailwindcss/types/config";
+import * as tailwindcss_types_config0 from "tailwindcss/types/config";
 
 //#region src/tailwind/plugins/borders.d.ts
 declare const bordersPlugin: {
   (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config7.PluginCreator;
-    config?: Partial<tailwindcss_types_config7.Config>;
+    handler: tailwindcss_types_config0.PluginCreator;
+    config?: Partial<tailwindcss_types_config0.Config>;
   };
   __isOptionsFunction: true;
 };

package/dist/tailwind/plugins/borders.d.ts

@@ -1,11 +1,11 @@
 import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
-import * as tailwindcss_types_config0 from "tailwindcss/types/config";
+import * as tailwindcss_types_config33 from "tailwindcss/types/config";
 
 //#region src/tailwind/plugins/borders.d.ts
 declare const bordersPlugin: {
   (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config0.PluginCreator;
-    config?: Partial<tailwindcss_types_config0.Config>;
+    handler: tailwindcss_types_config33.PluginCreator;
+    config?: Partial<tailwindcss_types_config33.Config>;
   };
   __isOptionsFunction: true;
 };

package/dist/tailwind/plugins/colors.d.cts

@@ -1,11 +1,11 @@
 import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
-import * as tailwindcss_types_config9 from "tailwindcss/types/config";
+import * as tailwindcss_types_config1 from "tailwindcss/types/config";
 
 //#region src/tailwind/plugins/colors.d.ts
 declare const colorsPlugin: {
   (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config9.PluginCreator;
-    config?: Partial<tailwindcss_types_config9.Config>;
+    handler: tailwindcss_types_config1.PluginCreator;
+    config?: Partial<tailwindcss_types_config1.Config>;
   };
   __isOptionsFunction: true;
 };

package/dist/tailwind/plugins/colors.d.ts

@@ -1,11 +1,11 @@
 import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
-import * as tailwindcss_types_config25 from "tailwindcss/types/config";
+import * as tailwindcss_types_config5 from "tailwindcss/types/config";
 
 //#region src/tailwind/plugins/colors.d.ts
 declare const colorsPlugin: {
   (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config25.PluginCreator;
-    config?: Partial<tailwindcss_types_config25.Config>;
+    handler: tailwindcss_types_config5.PluginCreator;
+    config?: Partial<tailwindcss_types_config5.Config>;
   };
   __isOptionsFunction: true;
 };

package/dist/tailwind/plugins/components.d.cts

@@ -1,11 +1,11 @@
 import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.cjs";
-import * as tailwindcss_types_config11 from "tailwindcss/types/config";
+import * as tailwindcss_types_config21 from "tailwindcss/types/config";
 
 //#region src/tailwind/plugins/components.d.ts
 declare const componentsPlugin: {
   (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config11.PluginCreator;
-    config?: Partial<tailwindcss_types_config11.Config>;
+    handler: tailwindcss_types_config21.PluginCreator;
+    config?: Partial<tailwindcss_types_config21.Config>;
   };
   __isOptionsFunction: true;
 };

package/dist/tailwind/plugins/components.d.ts

@@ -1,11 +1,11 @@
 import { TailwindPluginOptions } from "../utils/composeTailwindPlugins.js";
-import * as tailwindcss_types_config1 from "tailwindcss/types/config";
+import * as tailwindcss_types_config7 from "tailwindcss/types/config";
 
 //#region src/tailwind/plugins/components.d.ts
 declare const componentsPlugin: {
   (options: TailwindPluginOptions): {
-    handler: tailwindcss_types_config1.PluginCreator;
-    config?: Partial<tailwindcss_types_config1.Config>;
+    handler: tailwindcss_types_config7.PluginCreator;
+    config?: Partial<tailwindcss_types_config7.Config>;
   };
   __isOptionsFunction: true;
 };