@yahoo/uds 3.71.0 → 3.72.1

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime9 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_runtime9.JSX.Element;
 declare namespace ModalHeader {
   var displayName: string;
 }
 declare function Modal({
   className,
   ...props
-}: ModalProps): react_jsx_runtime16.JSX.Element;
+}: ModalProps): react_jsx_runtime9.JSX.Element;
 declare namespace Modal {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime21 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_runtime17.JSX.Element;
+}: ModalHeaderProps): react_jsx_runtime21.JSX.Element;
 declare namespace ModalHeader {
   var displayName: string;
 }
 declare function Modal({
   className,
   ...props
-}: ModalProps): react_jsx_runtime17.JSX.Element;
+}: ModalProps): react_jsx_runtime21.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_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime11.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_runtime11.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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime16 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_runtime12.JSX.Element;
+}: PopoverHeadingProps): react_jsx_runtime16.JSX.Element;
 declare namespace PopoverHeading {
   var displayName: string;
 }
 type PopoverProps = Omit<PopoverProps$1, 'key'>;
-declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime12.JSX.Element | null;
+declare const Popover: (props: PopoverProps$1<"div">) => react_jsx_runtime16.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 react56 from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react36 from "react";
+import * as react_jsx_runtime13 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_runtime13.JSX.Element;
 declare namespace Tabs {
   var displayName: string;
 }
-declare const TabList: react56.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react56.RefAttributes<HTMLDivElement>>;
+declare const TabList: react36.ForwardRefExoticComponent<Omit<TabListProps, "ref"> & react36.RefAttributes<HTMLDivElement>>;
 declare const Tab: {
   ({
     asChild,
     label,
     value,
     startIcon
-  }: TabProps): react_jsx_runtime20.JSX.Element;
+  }: TabProps): react_jsx_runtime13.JSX.Element;
   displayName: string;
 };
-declare const TabPanel: react56.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react56.RefAttributes<HTMLDivElement>>;
+declare const TabPanel: react36.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react36.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 react55 from "react";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+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,7 +11,7 @@ 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;
 }
@@ -22,7 +22,7 @@ declare const Tab: {
     label,
     value,
     startIcon
-  }: TabProps): react_jsx_runtime20.JSX.Element;
+  }: TabProps): react_jsx_runtime19.JSX.Element;
   displayName: string;
 };
 declare const TabPanel: react55.ForwardRefExoticComponent<Omit<TabPanelProps, "ref"> & react55.RefAttributes<HTMLDivElement>>;

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

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

package/dist/fixtures.cjs

@@ -1484,15 +1484,7 @@ var avatarShapes = [
     "full"
 ];
 exports.avatarShapes = avatarShapes;
-var borderRadii = [
-    "sm",
-    "md",
-    "lg",
-    "xl",
-    "none",
-    "xs",
-    "full"
-];
+var borderRadii = ["none", "xs", "sm", "md", "lg", "xl", "full"];
 exports.borderRadii = borderRadii;
 var borderRadiusRamp = {
     xSmall: {
@@ -2244,23 +2236,15 @@ var motionSpringConfigOptions = [
     "stiffness"
 ];
 exports.motionSpringConfigOptions = motionSpringConfigOptions;
-var shadowVariants = [
-    "sm",
-    "md",
-    "lg",
-    "xl",
-    "2xl",
-    "none",
-    "xs"
-];
+var shadowVariants = ["none", "xs", "sm", "md", "lg", "xl", "2xl"];
 exports.shadowVariants = shadowVariants;
 var shadowVariantsInvert = [
+    "xs-invert",
     "sm-invert",
     "md-invert",
     "lg-invert",
     "xl-invert",
-    "2xl-invert",
-    "xs-invert"
+    "2xl-invert"
 ];
 exports.shadowVariantsInvert = shadowVariantsInvert;
 var shadowVariantsWithInvert = [...shadowVariants, ...shadowVariantsInvert];

package/dist/fixtures.d.cts

@@ -1,4 +1,4 @@
-import type { AvatarSize, BackgroundPaletteAlias, BadgeSize, BadgeVariant, BorderWidth, ButtonPalette, ButtonSize, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ElevationLevel, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonSize, IconSize, IconVariant, InputSize, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, PaletteValue, RegionMode, ScaleEffect, ScaleMode, ShadowColor, ShadowOffset, ShadowPaletteAlias, ShadowSpreadRadius, ShadowVariant, SpacingAlias, SwitchSize, TextDecorationLine, TextProperty, TextTransform, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TShirtSize } from '@yahoo/uds/tokens';
+import type { AvatarSize, BackgroundPaletteAlias, BadgeSize, BadgeVariant, BorderRadius, BorderWidth, ButtonPalette, ButtonSize, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ElevationLevel, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonSize, IconSize, IconVariant, InputSize, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, PaletteValue, RegionMode, ScaleEffect, ScaleMode, ShadowColor, ShadowOffset, ShadowPaletteAlias, ShadowSpreadRadius, ShadowVariant, ShadowVariantInvert, SpacingAlias, SwitchSize, TextDecorationLine, TextProperty, TextTransform, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TShirtSize } from '@yahoo/uds/tokens';
 declare const breakpoints: (keyof import("@yahoo/uds/tokens").BreakpointsConfig)[];
 declare const colorModes: ColorMode[];
 declare const scaleModes: ScaleMode[];
@@ -41,7 +41,7 @@ declare const fontWeights: FontWeightDescriptive[];
 declare const textTransforms: TextTransform[];
 declare const avatarSizes: AvatarSize[];
 declare const avatarShapes: TShirtSize[];
-declare const borderRadii: TShirtSize[];
+declare const borderRadii: BorderRadius[];
 declare const borderRadiusRamp: {
     xSmall: Record<TShirtSize, number>;
     small: Record<TShirtSize, number>;
@@ -90,8 +90,8 @@ declare const motionVariantSpeeds: MotionVariantSpeed[];
 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")[];
-declare const shadowVariantsWithInvert: ("sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | "xs-invert" | ShadowVariant)[];
+declare const shadowVariantsInvert: ShadowVariantInvert[];
+declare const shadowVariantsWithInvert: ("xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | ShadowVariant)[];
 declare const checkboxVariants: CheckboxVariant[];
 declare const checkboxSizes: CheckboxSize[];
 declare const switchSizes: SwitchSize[];

package/dist/fixtures.d.ts

@@ -1,4 +1,4 @@
-import type { AvatarSize, BackgroundPaletteAlias, BadgeSize, BadgeVariant, BorderWidth, ButtonPalette, ButtonSize, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ElevationLevel, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonSize, IconSize, IconVariant, InputSize, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, PaletteValue, RegionMode, ScaleEffect, ScaleMode, ShadowColor, ShadowOffset, ShadowPaletteAlias, ShadowSpreadRadius, ShadowVariant, SpacingAlias, SwitchSize, TextDecorationLine, TextProperty, TextTransform, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TShirtSize } from '@yahoo/uds/tokens';
+import type { AvatarSize, BackgroundPaletteAlias, BadgeSize, BadgeVariant, BorderRadius, BorderWidth, ButtonPalette, ButtonSize, ButtonVariant, ButtonVariantFlat, CheckboxSize, CheckboxVariant, ChipSize, ChipVariant, ColorMode, ElevationLevel, FontAlias, FontFamilyCDNUrl, FontWeightDescriptive, ForegroundPaletteAlias, Hue, HueStep, IconButtonSize, IconSize, IconVariant, InputSize, LinePaletteAlias, MotionSpringConfigOptions, MotionVariant, MotionVariantSpeed, PaletteValue, RegionMode, ScaleEffect, ScaleMode, ShadowColor, ShadowOffset, ShadowPaletteAlias, ShadowSpreadRadius, ShadowVariant, ShadowVariantInvert, SpacingAlias, SwitchSize, TextDecorationLine, TextProperty, TextTransform, TextVariant, TextVariantTypography, TextVariantUi, TextVariantWithoutEmphasized, TShirtSize } from '@yahoo/uds/tokens';
 declare const breakpoints: (keyof import("@yahoo/uds/tokens").BreakpointsConfig)[];
 declare const colorModes: ColorMode[];
 declare const scaleModes: ScaleMode[];
@@ -41,7 +41,7 @@ declare const fontWeights: FontWeightDescriptive[];
 declare const textTransforms: TextTransform[];
 declare const avatarSizes: AvatarSize[];
 declare const avatarShapes: TShirtSize[];
-declare const borderRadii: TShirtSize[];
+declare const borderRadii: BorderRadius[];
 declare const borderRadiusRamp: {
     xSmall: Record<TShirtSize, number>;
     small: Record<TShirtSize, number>;
@@ -90,8 +90,8 @@ declare const motionVariantSpeeds: MotionVariantSpeed[];
 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")[];
-declare const shadowVariantsWithInvert: ("sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | "xs-invert" | ShadowVariant)[];
+declare const shadowVariantsInvert: ShadowVariantInvert[];
+declare const shadowVariantsWithInvert: ("xs-invert" | "sm-invert" | "md-invert" | "lg-invert" | "xl-invert" | "2xl-invert" | ShadowVariant)[];
 declare const checkboxVariants: CheckboxVariant[];
 declare const checkboxSizes: CheckboxSize[];
 declare const switchSizes: SwitchSize[];

package/dist/fixtures.js

@@ -1443,15 +1443,7 @@ var avatarShapes = [
     "xs",
     "full"
 ];
-var borderRadii = [
-    "sm",
-    "md",
-    "lg",
-    "xl",
-    "none",
-    "xs",
-    "full"
-];
+var borderRadii = ["none", "xs", "sm", "md", "lg", "xl", "full"];
 var borderRadiusRamp = {
     xSmall: {
         none: 0,
@@ -2172,22 +2164,14 @@ var motionSpringConfigOptions = [
     "damping",
     "stiffness"
 ];
-var shadowVariants = [
-    "sm",
-    "md",
-    "lg",
-    "xl",
-    "2xl",
-    "none",
-    "xs"
-];
+var shadowVariants = ["none", "xs", "sm", "md", "lg", "xl", "2xl"];
 var shadowVariantsInvert = [
+    "xs-invert",
     "sm-invert",
     "md-invert",
     "lg-invert",
     "xl-invert",
-    "2xl-invert",
-    "xs-invert"
+    "2xl-invert"
 ];
 var shadowVariantsWithInvert = [...shadowVariants, ...shadowVariantsInvert];
 var checkboxVariants = [