@yahoo/uds 3.59.0-beta.1 → 3.59.0-beta.2

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

@@ -1,7 +1,7 @@
-import * as react53 from "react";
+import * as react50 from "react";
 
 //#region src/components/experimental/client/AvoidMotionLibraryProvider.d.ts
-declare const AvoidMotionLibraryProvider: react53.Provider<boolean>;
+declare const AvoidMotionLibraryProvider: react50.Provider<boolean>;
 declare const useAvoidMotionLibrary: () => boolean;
 //#endregion
 export { AvoidMotionLibraryProvider, useAvoidMotionLibrary };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { DialogDismiss, DialogProps, DialogStore as ModalStore, useDialogStore } from "@ariakit/react";
 
 //#region src/components/experimental/client/Modal.d.ts
@@ -10,14 +10,14 @@ interface ModalHeaderProps extends React.PropsWithChildren {
 declare function ModalHeader({
   children,
   handleClose
-}: ModalHeaderProps): react_jsx_runtime7.JSX.Element;
+}: ModalHeaderProps): react_jsx_runtime13.JSX.Element;
 declare namespace ModalHeader {
   var displayName: string;
 }
 declare function Modal({
   className,
   ...props
-}: ModalProps): react_jsx_runtime7.JSX.Element;
+}: ModalProps): react_jsx_runtime13.JSX.Element;
 declare namespace Modal {
   var displayName: string;
 }

package/dist/components/experimental/client/Modal.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.cts","names":[],"sources":["../../../../src/components/experimental/client/Modal.tsx"],"sourcesContent":[],"mappings":";;;;KASK,UAAA,CAAA,CAAA,CAAa;iBAET,aAAA,UAAuB,kBAAkB,qBAAkB;AATG,SAAA,CAa7D,gBAAA,CAAA,OAAA,CAAyB,KAAA,CAAM,iBANZ,CAAA;EAEpB,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,IAAA;;iBAQb,WAAA,CARuB;EAAA,QAAA;EAAA;AAAA,CAAA,CAAA,CAQgB,gBARhB,CAAA,CAAA,CAQgC,kBAAA,CAAA,GAAA,CAAA,OARhC;kBAQvB,WAAA,CAR2D;EAAA,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;AAAA;AAIV,OAAA,CAAA,QAAA,CAuBjD,KAAA,CAnBW;EAAA,SAAA;EAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAmBoB,UAnBpB,CAAA,CAAA,CAmB8B,kBAAA,CAAA,GAAA,CAAA,OAnB9B;kBAmBX,KAAA,CAnBc;EAAU,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;;cA8C3B,YA9C0D,CAAA,CAAA,MAAA,CA8CrC,aA9CqC"}
+{"version":3,"file":"Modal.d.cts","names":[],"sources":["../../../../src/components/experimental/client/Modal.tsx"],"sourcesContent":[],"mappings":";;;;KASK,UAAA,CAAA,CAAA,CAAa;iBAET,aAAA,UAAuB,kBAAkB,qBAAkB;AATG,SAAA,CAa7D,gBAAA,CAAA,OAAA,CAAyB,KAAA,CAAM,iBANZ,CAAA;EAEpB,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAa,CAAA,CAAA,CAAA,IAAA;;iBAQb,WAAA,CARuB;EAAA,QAAA;EAAA;AAAA,CAAA,CAAA,CAQgB,gBARhB,CAAA,CAAA,CAQgC,mBAAA,CAAA,GAAA,CAAA,OARhC;kBAQvB,WAAA,CAR2D;EAAA,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;AAAA;AAIV,OAAA,CAAA,QAAA,CAuBjD,KAAA,CAnBW;EAAA,SAAA;EAAA,CAAA,CAAA,CAAA;AAAA,CAAA,CAAA,CAmBoB,UAnBpB,CAAA,CAAA,CAmB8B,mBAAA,CAAA,GAAA,CAAA,OAnB9B;kBAmBX,KAAA,CAnBc;EAAU,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA;;cA8C3B,YA9C0D,CAAA,CAAA,MAAA,CA8CrC,aA9CqC"}

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 import { DialogDismiss, DialogProps, DialogStore as ModalStore, useDialogStore } from "@ariakit/react";
 
 //#region src/components/experimental/client/Modal.d.ts
@@ -10,14 +10,14 @@ interface ModalHeaderProps extends React.PropsWithChildren {
 declare function ModalHeader({
   children,
   handleClose
-}: ModalHeaderProps): react_jsx_runtime16.JSX.Element;
+}: ModalHeaderProps): react_jsx_runtime13.JSX.Element;
 declare namespace ModalHeader {
   var displayName: string;
 }
 declare function Modal({
   className,
   ...props
-}: ModalProps): react_jsx_runtime16.JSX.Element;
+}: ModalProps): react_jsx_runtime13.JSX.Element;
 declare namespace Modal {
   var displayName: string;
 }

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

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime15 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_runtime9.JSX.Element;
+}: PopoverHeadingProps): react_jsx_runtime15.JSX.Element;
 declare namespace PopoverHeading {
   var displayName: string;
 }
 type PopoverProps = Omit<PopoverProps$1, 'key'>;
-declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime9.JSX.Element | null;
+declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime15.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.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.cts","names":[],"sources":["../../../../src/components/experimental/client/Popover.tsx"],"sourcesContent":[],"mappings":";;;;;UAkBU,mBAAA,CAAA,OAAA,CAA4B;EAA5B,OAAA,CAAA,CAAA,CACE,KAAA,CAAM,SADY;EAClB,QAAM,CAAA,CAAA,CACL,KAAA,CAAM,SADD;;iBAIT,cAAA,CAL6B;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,CAAA,CAAA,CAKmB,mBALnB,CAAA,CAAA,CAKsC,kBAAA,CAAA,GAAA,CAAA,OALtC;kBAK7B,cAAA,CAL8C;EAK9C,GAAA,CAAA,WAAA,CAAA,CAAc,MAAA;;KAclB,YAAA,CAAA,CAAA,CAAe,IAdgB,CAcX,YAAA,CAAA,CAdW,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA;cAgB9B,OAhBuC,CAAA,CAAA,CAAA,KAAA,CAAA,CAgBhC,YAAA,CAAA,CAhBgC,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAgBhC,kBAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAhBgC,IAAA;cAiBvC,YAjBmD,CAAA,CAAA,MAAA,CAiB9B,YAAA,CAAA,CAjB8B;cAkBnD,aAlBsE,CAAA,CAAA,MAAA,CAkBhD,aAAA,CAAA,CAlBgD;cAmBtE,kBAnBsE,CAAA,CAAA,MAAA,CAmB3C,kBAAA,CAAA,CAnB2C;AAAA,OAAA,CAAA,KAAA,CAoBtE,cApBiB,CAAA,CAAA,MAAA,CAoBM,cAAA,CAAA,CApBN;AAAA,OAAA,CAAA,KAAA,CAqBjB,eAPW,CAAA,CAAA,MAAA,CAOa,eAAA,CAAA,CAPN;AAAA,OAAA,CAAA,KAAA,CAQlB,iBANO,CAAA,CAAA,MAAA,CAMmB,iBAAA,CAAA,CANnB;AAAA,OAAA,CAAA,KAAA,CAOP,sBANqB,CAAA,CAAA,MAAA,CAMU,sBAAA,CAAA,CANiC"}
+{"version":3,"file":"Popover.d.cts","names":[],"sources":["../../../../src/components/experimental/client/Popover.tsx"],"sourcesContent":[],"mappings":";;;;;UAkBU,mBAAA,CAAA,OAAA,CAA4B;EAA5B,OAAA,CAAA,CAAA,CACE,KAAA,CAAM,SADY;EAClB,QAAM,CAAA,CAAA,CACL,KAAA,CAAM,SADD;;iBAIT,cAAA,CAL6B;EAAA,QAAA;EAAA,OAAA;EAAA;AAAA,CAAA,CAAA,CAKmB,mBALnB,CAAA,CAAA,CAKsC,mBAAA,CAAA,GAAA,CAAA,OALtC;kBAK7B,cAAA,CAL8C;EAK9C,GAAA,CAAA,WAAA,CAAA,CAAc,MAAA;;KAclB,YAAA,CAAA,CAAA,CAAe,IAdgB,CAcX,YAAA,CAAA,CAdW,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA;cAgB9B,OAhBuC,CAAA,CAAA,CAAA,KAAA,CAAA,CAgBhC,YAAA,CAAA,CAhBgC,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAgBhC,mBAAA,CAAA,GAAA,CAAA,OAAA,CAAA,CAAA,CAhBgC,IAAA;cAiBvC,YAjBmD,CAAA,CAAA,MAAA,CAiB9B,YAAA,CAAA,CAjB8B;cAkBnD,aAlBsE,CAAA,CAAA,MAAA,CAkBhD,aAAA,CAAA,CAlBgD;cAmBtE,kBAnBsE,CAAA,CAAA,MAAA,CAmB3C,kBAAA,CAAA,CAnB2C;AAAA,OAAA,CAAA,KAAA,CAoBtE,cApBiB,CAAA,CAAA,MAAA,CAoBM,cAAA,CAAA,CApBN;AAAA,OAAA,CAAA,KAAA,CAqBjB,eAPW,CAAA,CAAA,MAAA,CAOa,eAAA,CAAA,CAPN;AAAA,OAAA,CAAA,KAAA,CAQlB,iBANO,CAAA,CAAA,MAAA,CAMmB,iBAAA,CAAA,CANnB;AAAA,OAAA,CAAA,KAAA,CAOP,sBANqB,CAAA,CAAA,MAAA,CAMU,sBAAA,CAAA,CANiC"}

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_runtime15 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_runtime15.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_runtime15.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 react42 from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 import { TabListProps, TabPanelProps, TabProviderProps as TabsProps } from "@ariakit/react";
 
 //#region src/components/experimental/client/Tabs.d.ts
@@ -11,7 +11,7 @@ interface TabProps extends React.PropsWithChildren {
   label: string;
   startIcon?: IconPropsWithSVGProps['name'];
 }
-declare function Tabs(props: TabsProps): react_jsx_runtime12.JSX.Element;
+declare function Tabs(props: TabsProps): react_jsx_runtime18.JSX.Element;
 declare namespace Tabs {
   var displayName: string;
 }
@@ -22,7 +22,7 @@ declare const Tab: {
     label,
     value,
     startIcon
-  }: TabProps): react_jsx_runtime12.JSX.Element;
+  }: TabProps): react_jsx_runtime18.JSX.Element;
   displayName: string;
 };
 declare const TabPanel: react42.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react42.RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
 import { IconPropsWithSVGProps } from "../../../tokens/types.js";
 import "../../index.js";
-import * as react54 from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react53 from "react";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { TabListProps, TabPanelProps, TabProviderProps as TabsProps } from "@ariakit/react";
 
 //#region src/components/experimental/client/Tabs.d.ts
@@ -11,21 +11,21 @@ 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_runtime19.JSX.Element;
 declare namespace Tabs {
   var displayName: string;
 }
-declare const TabList: react54.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react54.RefAttributes<HTMLDivElement>>;
+declare const TabList: react53.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react53.RefAttributes<HTMLDivElement>>;
 declare const Tab: {
   ({
     asChild,
     label,
     value,
     startIcon
-  }: TabProps): react_jsx_runtime20.JSX.Element;
+  }: TabProps): react_jsx_runtime19.JSX.Element;
   displayName: string;
 };
-declare const TabPanel: react54.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react54.RefAttributes<HTMLDivElement>>;
+declare const TabPanel: react53.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react53.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Tabs, type TabsProps };
 //# sourceMappingURL=Tabs.d.ts.map

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

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime21 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_runtime14.JSX.Element;
+}: ToastProps): react_jsx_runtime21.JSX.Element;
 declare namespace ToastContainer {
   var displayName: string;
 }

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

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime22.JSX.Element;
+}: ToastProps): react_jsx_runtime17.JSX.Element;
 declare namespace ToastContainer {
   var displayName: string;
 }

package/dist/providers/ColorModeProvider.d.cts

@@ -1,18 +1,18 @@
 import { ColorMode } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react48 from "react";
-import * as react_jsx_runtime17 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: react48.Context<ColorMode>;
+declare const ColorModeContext: react23.Context<ColorMode>;
 declare function useColorMode(): ColorMode;
 declare function ColorModeProvider({
   value,
   children
-}: ColorModeProviderProps): react_jsx_runtime17.JSX.Element;
+}: ColorModeProviderProps): react_jsx_runtime1.JSX.Element;
 declare namespace ColorModeProvider {
   var displayName: string;
 }

package/dist/providers/ColorModeProvider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeProvider.d.cts","names":[],"sources":["../../src/providers/ColorModeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIU,sBAAA,CAAA,OAAA,CAA+B,KAAA,CAAM;UACrC;;cAGJ,kBAAgB,OAAA,CAAA,QAAA;iBAEb,YAAA,CAAA,GAAY;AAV8B,OAAA,CAAA,QAAA,CAc1C,iBAAA,CAVwB;EAAA,KACvB;EAAA;AADsD,CAAvB,CAAA,CAU4B,sBAVL,CAAA,CAAA,CAU2B,mBAAA,CAAA,GAAA,CAAA,OAV3B;AAAA,OAAA,CAAA,SAAA,CAUvD,iBAAA,CANa;EAEb,GAAA,CAAA,WAAY,CAAA,CAAA,MAAA;AAAA"}
+{"version":3,"file":"ColorModeProvider.d.cts","names":[],"sources":["../../src/providers/ColorModeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIU,sBAAA,CAAA,OAAA,CAA+B,KAAA,CAAM;UACrC;;cAGJ,kBAAgB,OAAA,CAAA,QAAA;iBAEb,YAAA,CAAA,GAAY;AAV8B,OAAA,CAAA,QAAA,CAc1C,iBAAA,CAVwB;EAAA,KACvB;EAAA;AADsD,CAAvB,CAAA,CAU4B,sBAVL,CAAA,CAAA,CAU2B,kBAAA,CAAA,GAAA,CAAA,OAV3B;AAAA,OAAA,CAAA,SAAA,CAUvD,iBAAA,CANa;EAEb,GAAA,CAAA,WAAY,CAAA,CAAA,MAAA;AAAA"}

package/dist/providers/ColorModeProvider.d.ts

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

package/dist/providers/ColorModeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeProvider.d.ts","names":[],"sources":["../../src/providers/ColorModeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIU,sBAAA,CAAA,OAAA,CAA+B,KAAA,CAAM;UACrC;;cAGJ,kBAAgB,OAAA,CAAA,QAAA;iBAEb,YAAA,CAAA,GAAY;AAV8B,OAAA,CAAA,QAAA,CAc1C,iBAAA,CAVwB;EAAA,KACvB;EAAA;AADsD,CAAvB,CAAA,CAU4B,sBAVL,CAAA,CAAA,CAU2B,kBAAA,CAAA,GAAA,CAAA,OAV3B;AAAA,OAAA,CAAA,SAAA,CAUvD,iBAAA,CANa;EAEb,GAAA,CAAA,WAAY,CAAA,CAAA,MAAA;AAAA"}
+{"version":3,"file":"ColorModeProvider.d.ts","names":[],"sources":["../../src/providers/ColorModeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIU,sBAAA,CAAA,OAAA,CAA+B,KAAA,CAAM;UACrC;;cAGJ,kBAAgB,MAAA,CAAA,QAAA;iBAEb,YAAA,CAAA,GAAY;AAV8B,OAAA,CAAA,QAAA,CAc1C,iBAAA,CAVwB;EAAA,KACvB;EAAA;AADsD,CAAvB,CAAA,CAU4B,sBAVL,CAAA,CAAA,CAU2B,kBAAA,CAAA,GAAA,CAAA,OAV3B;AAAA,OAAA,CAAA,SAAA,CAUvD,iBAAA,CANa;EAEb,GAAA,CAAA,WAAY,CAAA,CAAA,MAAA;AAAA"}

package/dist/providers/ScaleModeProvider.d.cts

@@ -1,18 +1,18 @@
 import { ScaleMode } from "../tokens/types.cjs";
 import "../tokens/index.cjs";
-import * as react49 from "react";
-import * as react_jsx_runtime19 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: react49.Context<ScaleMode>;
+declare const ScaleModeContext: react24.Context<ScaleMode>;
 declare function useScaleMode(): ScaleMode;
 declare function ScaleModeProvider({
   value,
   children
-}: ScaleModeProviderProps): react_jsx_runtime19.JSX.Element;
+}: ScaleModeProviderProps): react_jsx_runtime2.JSX.Element;
 declare namespace ScaleModeProvider {
   var displayName: string;
 }

package/dist/providers/ScaleModeProvider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleModeProvider.d.cts","names":[],"sources":["../../src/providers/ScaleModeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIU,sBAAA,CAAA,OAAA,CAA+B,KAAA,CAAM;UACrC;;cAGJ,kBAAgB,OAAA,CAAA,QAAA;iBAEb,YAAA,CAAA,GAAY;AAV8B,OAAA,CAAA,QAAA,CAmB1C,iBAAA,CAfwB;EAAA,KACvB;EAAA;AADsD,CAAvB,CAAA,CAeO,sBAfgB,CAAA,CAAA,CAeM,mBAAA,CAAA,GAAA,CAAA,OAfN;AAAA,OAAA,CAAA,SAAA,CAevD,iBAAA,CAXa;EAEb,GAAA,CAAA,WAAY,CAAA,CAAA,MAAA;AAAA"}
+{"version":3,"file":"ScaleModeProvider.d.cts","names":[],"sources":["../../src/providers/ScaleModeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIU,sBAAA,CAAA,OAAA,CAA+B,KAAA,CAAM;UACrC;;cAGJ,kBAAgB,OAAA,CAAA,QAAA;iBAEb,YAAA,CAAA,GAAY;AAV8B,OAAA,CAAA,QAAA,CAmB1C,iBAAA,CAfwB;EAAA,KACvB;EAAA;AADsD,CAAvB,CAAA,CAeO,sBAfgB,CAAA,CAAA,CAeM,kBAAA,CAAA,GAAA,CAAA,OAfN;AAAA,OAAA,CAAA,SAAA,CAevD,iBAAA,CAXa;EAEb,GAAA,CAAA,WAAY,CAAA,CAAA,MAAA;AAAA"}

package/dist/providers/ScaleModeProvider.d.ts

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

package/dist/providers/ScaleModeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleModeProvider.d.ts","names":[],"sources":["../../src/providers/ScaleModeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIU,sBAAA,CAAA,OAAA,CAA+B,KAAA,CAAM;UACrC;;cAGJ,kBAAgB,OAAA,CAAA,QAAA;iBAEb,YAAA,CAAA,GAAY;AAV8B,OAAA,CAAA,QAAA,CAmB1C,iBAAA,CAfwB;EAAA,KACvB;EAAA;AADsD,CAAvB,CAAA,CAeO,sBAfgB,CAAA,CAAA,CAeM,kBAAA,CAAA,GAAA,CAAA,OAfN;AAAA,OAAA,CAAA,SAAA,CAevD,iBAAA,CAXa;EAEb,GAAA,CAAA,WAAY,CAAA,CAAA,MAAA;AAAA"}
+{"version":3,"file":"ScaleModeProvider.d.ts","names":[],"sources":["../../src/providers/ScaleModeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;;UAIU,sBAAA,CAAA,OAAA,CAA+B,KAAA,CAAM;UACrC;;cAGJ,kBAAgB,MAAA,CAAA,QAAA;iBAEb,YAAA,CAAA,GAAY;AAV8B,OAAA,CAAA,QAAA,CAmB1C,iBAAA,CAfwB;EAAA,KACvB;EAAA;AADsD,CAAvB,CAAA,CAeO,sBAfgB,CAAA,CAAA,CAeM,kBAAA,CAAA,GAAA,CAAA,OAfN;AAAA,OAAA,CAAA,SAAA,CAevD,iBAAA,CAXa;EAEb,GAAA,CAAA,WAAY,CAAA,CAAA,MAAA;AAAA"}

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_runtime21 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_runtime21.JSX.Element;
+}: ThemeProviderProps): react_jsx_runtime3.JSX.Element;
 declare namespace ThemeProvider {
   var displayName: string;
 }

package/dist/providers/ThemeProvider.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.cts","names":[],"sources":["../../src/providers/ThemeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;UAIU,kBAAA,CAAA,OAAA,CAA2B,KAAA,CAAM;cAC7B;cACA;;AALwC,OAAA,CAAA,QAAA,CAQ7C,aAAA,CALoB;EAAA,QAAA;EAAA,SAAA;EAAA;AAAA,CAAA,CAAA,CAS1B,kBAT0B,CAAA,CAAA,CASR,mBAAA,CAAA,GAAA,CAAA,OATQ;kBAKpB,aAAA,CAJK;EACA,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA"}
+{"version":3,"file":"ThemeProvider.d.cts","names":[],"sources":["../../src/providers/ThemeProvider.tsx"],"sourcesContent":[],"mappings":";;;;;UAIU,kBAAA,CAAA,OAAA,CAA2B,KAAA,CAAM;cAC7B;cACA;;AALwC,OAAA,CAAA,QAAA,CAQ7C,aAAA,CALoB;EAAA,QAAA;EAAA,SAAA;EAAA;AAAA,CAAA,CAAA,CAS1B,kBAT0B,CAAA,CAAA,CASR,kBAAA,CAAA,GAAA,CAAA,OATQ;kBAKpB,aAAA,CAJK;EACA,GAAA,CAAA,WAAA,CAAA,CAAA,MAAA"}

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_runtime2 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_runtime2.JSX.Element;
 declare namespace ThemeProvider {
   var displayName: string;
 }

package/dist/styles/styler.d.cts

@@ -12,11 +12,11 @@ declare const cva: CVA<string>;
 declare const getStylesInternal: (props?: ({
   checkboxSizeRoot?: "sm" | "md" | undefined;
   checkboxSizeCheckbox?: "sm" | "md" | undefined;
-  checkboxVariantValueRoot?: "checked" | "indeterminate" | "unchecked" | undefined;
+  checkboxVariantValueRoot?: "checked" | "unchecked" | "indeterminate" | undefined;
   checkboxVariantRoot?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
-  checkboxVariantValueCheckbox?: "checked" | "indeterminate" | "unchecked" | undefined;
+  checkboxVariantValueCheckbox?: "checked" | "unchecked" | "indeterminate" | undefined;
   checkboxVariantCheckbox?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
-  checkboxVariantValueCheckboxIcon?: "checked" | "indeterminate" | "unchecked" | undefined;
+  checkboxVariantValueCheckboxIcon?: "checked" | "unchecked" | "indeterminate" | undefined;
   checkboxVariantCheckboxIcon?: "secondary" | "alert" | "primary" | "alert-secondary" | undefined;
   dividerVariantRoot?: "secondary" | "muted" | "primary" | "tertiary" | undefined;
   dividerVariantLine?: "secondary" | "muted" | "primary" | "tertiary" | undefined;
@@ -117,26 +117,26 @@ declare const getStylesInternal: (props?: ({
   placeholderColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "on-color" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
   fontFamily?: "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "sans" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "sans-alt" | "serif" | "serif-alt" | "mono" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   fontSize?: "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
-  fontWeight?: "ui4" | "ui2" | "thin" | "medium" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "bold" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
+  fontWeight?: "ui4" | "ui2" | "thin" | "medium" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "light" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "black" | "bold" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
   lineHeight?: "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | undefined;
   textAlign?: "start" | "end" | "center" | "justify" | undefined;
   textTransform?: "none" | "ui4" | "ui2" | "label4" | "label3" | "label2" | "ui1" | "label1" | "caption1" | "title3" | "title4" | "caption2" | "headline1" | "ui3" | "title1" | "display1" | "display2" | "display3" | "title2" | "body1" | "legal1" | "ui5" | "ui6" | "label4/emphasized" | "label3/emphasized" | "label2/emphasized" | "label1/emphasized" | "caption1/emphasized" | "title3/emphasized" | "title4/emphasized" | "caption2/emphasized" | "headline1/emphasized" | "title1/emphasized" | "display1/emphasized" | "display2/emphasized" | "display3/emphasized" | "title2/emphasized" | "body1/emphasized" | "legal1/emphasized" | "ui4/emphasized" | "ui2/emphasized" | "ui1/emphasized" | "ui3/emphasized" | "ui5/emphasized" | "ui6/emphasized" | "uppercase" | "lowercase" | "capitalize" | undefined;
-  spacing?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingBottom?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingEnd?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingStart?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  spacingTop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offset?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetVertical?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetHorizontal?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetBottom?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetEnd?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetStart?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  offsetTop?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  columnGap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
-  rowGap?: "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "0.5" | "1.5" | "3.5" | "4.5" | "2.5" | "px" | "16" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacing?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingHorizontal?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingVertical?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingBottom?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingEnd?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingStart?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  spacingTop?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offset?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetVertical?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetHorizontal?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetBottom?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetEnd?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetStart?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  offsetTop?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  columnGap?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
+  rowGap?: "8" | "5" | "0.5" | "2" | "1" | "0" | "12" | "7" | "4" | "1.5" | "6" | "3.5" | "3" | "4.5" | "2.5" | "px" | "16" | "10" | "9" | "11" | "14" | "5.5" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "72" | "80" | "96" | undefined;
   backgroundColor?: "secondary" | "white" | "brand" | "alert" | "primary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
   borderColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
   borderStartColor?: "secondary" | "white" | "brand" | "muted" | "alert" | "primary" | "tertiary" | "brand-secondary" | "transparent" | "alert-secondary" | "accent" | "info-secondary" | "info" | "warning" | "warning-secondary" | "positive-secondary" | "positive" | "black" | "current" | undefined;
@@ -157,22 +157,22 @@ declare const getStylesInternal: (props?: ({
   borderBottomWidth?: "none" | "thin" | "medium" | "thick" | undefined;
   avatarSize?: "sm" | "xl" | "md" | "lg" | "xs" | undefined;
   iconSize?: "sm" | "md" | "lg" | "xs" | undefined;
-  alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | undefined;
-  alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | undefined;
-  alignSelf?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline" | "auto" | undefined;
-  flex?: "1" | "none" | "initial" | "auto" | undefined;
+  alignContent?: "center" | "flex-start" | "flex-end" | "stretch" | "space-between" | "space-around" | undefined;
+  alignItems?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | undefined;
+  alignSelf?: "center" | "flex-start" | "flex-end" | "stretch" | "baseline" | "auto" | undefined;
+  flex?: "none" | "1" | "auto" | "initial" | undefined;
   flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined;
-  flexGrow?: "0" | "1" | "2" | "3" | undefined;
-  flexShrink?: "0" | "1" | undefined;
+  flexGrow?: "2" | "1" | "0" | "3" | undefined;
+  flexShrink?: "1" | "0" | undefined;
   flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-  justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined;
+  justifyContent?: "center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | undefined;
   flexBasis?: "min-content" | undefined;
-  display?: "grid" | "table" | "inline" | "flex" | "block" | "inline-block" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "contents" | undefined;
-  overflow?: "hidden" | "clip" | "auto" | "visible" | "scroll" | undefined;
-  overflowX?: "hidden" | "clip" | "auto" | "visible" | "scroll" | undefined;
-  overflowY?: "hidden" | "clip" | "auto" | "visible" | "scroll" | undefined;
-  position?: "fixed" | "static" | "absolute" | "relative" | "sticky" | undefined;
-  contentFit?: "none" | "fill" | "contain" | "cover" | "scale-down" | undefined;
+  display?: "flex" | "table" | "block" | "inline-block" | "inline" | "inline-flex" | "inline-table" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row-group" | "table-row" | "flow-root" | "grid" | "contents" | undefined;
+  overflow?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+  overflowX?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+  overflowY?: "hidden" | "auto" | "clip" | "visible" | "scroll" | undefined;
+  position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
+  contentFit?: "none" | "fill" | "cover" | "contain" | "scale-down" | undefined;
   colorMode?: "light" | "dark" | undefined;
   scaleMode?: "medium" | "xSmall" | "small" | "large" | "xLarge" | "xxLarge" | "xxxLarge" | undefined;
   buttonPalette?: "brand" | "alert" | "accent" | "info" | "warning" | "positive" | undefined;