@yahoo/uds 3.58.1 → 3.59.0-beta.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvoidMotionLibraryProvider.d.cts","names":[],"sources":["../../../../src/components/experimental/client/AvoidMotionLibraryProvider.tsx"],"sourcesContent":[],"mappings":";;;cAGM,4BAAwD,OAAA,CAA9B;cAE1B"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AvoidMotionLibraryProvider.d.ts","names":[],"sources":["../../../../src/components/experimental/client/AvoidMotionLibraryProvider.tsx"],"sourcesContent":[],"mappings":";;;cAGM,4BAAwD,OAAA,CAA9B;cAE1B"}

package/dist/components/experimental/client/AvoidMotionLibraryProvider.js

@@ -0,0 +1,14 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { createContext, useContext } from "react";
+
+//#region src/components/experimental/client/AvoidMotionLibraryProvider.tsx
+const AvoidMotionLibrary = createContext(false);
+const AvoidMotionLibraryProvider = AvoidMotionLibrary.Provider;
+const useAvoidMotionLibrary = () => {
+	return useContext(AvoidMotionLibrary);
+};
+
+//#endregion
+export { AvoidMotionLibraryProvider, useAvoidMotionLibrary };
+//# sourceMappingURL=AvoidMotionLibraryProvider.js.map

package/dist/components/experimental/client/AvoidMotionLibraryProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvoidMotionLibraryProvider.js","names":[],"sources":["../../../../src/components/experimental/client/AvoidMotionLibraryProvider.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst AvoidMotionLibrary = createContext<boolean>(false);\nconst AvoidMotionLibraryProvider = AvoidMotionLibrary.Provider;\n\nconst useAvoidMotionLibrary = () => {\n  return useContext(AvoidMotionLibrary);\n};\n\nexport { AvoidMotionLibraryProvider, useAvoidMotionLibrary };\n"],"mappings":";;;;AAEA,MAAM,qBAAqB,cAAuB,MAAM;AACxD,MAAM,6BAA6B,mBAAmB;AAEtD,MAAM,8BAA8B;AAClC,QAAO,WAAW,mBAAmB"}

package/dist/components/experimental/client/Modal.cjs

@@ -0,0 +1,61 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_styles_styler = require('../../../styles/styler.cjs');
+const require_components_HStack = require('../../HStack.cjs');
+const require_components_Text = require('../../Text.cjs');
+const require_components_VStack = require('../../VStack.cjs');
+const require_components_client_IconButton = require('../../client/IconButton.cjs');
+let react_jsx_runtime = require("react/jsx-runtime");
+let __yahoo_uds_icons = require("@yahoo/uds-icons");
+let __ariakit_react = require("@ariakit/react");
+
+//#region src/components/experimental/client/Modal.tsx
+function useModalStore(params) {
+	return (0, __ariakit_react.useDialogStore)({
+		animated: true,
+		...params
+	});
+}
+function ModalHeader({ children, handleClose }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, {
+		alignItems: "center",
+		justifyContent: "space-between",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			variant: "headline1",
+			color: "primary",
+			children
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_IconButton.IconButton, {
+			"aria-label": "Close",
+			size: "sm",
+			variant: "tertiary",
+			name: __yahoo_uds_icons.Cross,
+			onClick: handleClose
+		})]
+	});
+}
+ModalHeader.displayName = "ModalHeader";
+function Modal({ className,...props }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_VStack.VStack, {
+		borderRadius: "md",
+		position: "fixed",
+		backgroundColor: "primary",
+		dropShadow: "md",
+		className: require_styles_styler.cx("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100", className),
+		spacing: "8",
+		asChild: true,
+		overflow: "hidden",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ariakit_react.Dialog, {
+			backdrop: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm" }),
+			...props
+		})
+	});
+}
+Modal.displayName = "Modal";
+const ModalDismiss = __ariakit_react.DialogDismiss;
+
+//#endregion
+exports.Modal = Modal;
+exports.ModalDismiss = ModalDismiss;
+exports.ModalHeader = ModalHeader;
+exports.useModalStore = useModalStore;

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

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime7 from "react/jsx-runtime";
+import { DialogDismiss, DialogProps, DialogStore as ModalStore, useDialogStore } from "@ariakit/react";
+
+//#region src/components/experimental/client/Modal.d.ts
+type ModalProps = DialogProps;
+declare function useModalStore(params?: Parameters<typeof useDialogStore>[0]): ModalStore;
+interface ModalHeaderProps extends React.PropsWithChildren {
+  handleClose?: () => void;
+}
+declare function ModalHeader({
+  children,
+  handleClose
+}: ModalHeaderProps): react_jsx_runtime7.JSX.Element;
+declare namespace ModalHeader {
+  var displayName: string;
+}
+declare function Modal({
+  className,
+  ...props
+}: ModalProps): react_jsx_runtime7.JSX.Element;
+declare namespace Modal {
+  var displayName: string;
+}
+declare const ModalDismiss: typeof DialogDismiss;
+//#endregion
+export { Modal, ModalDismiss, ModalHeader, type ModalProps, type ModalStore, useModalStore };
+//# sourceMappingURL=Modal.d.cts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,27 @@
+import * as react_jsx_runtime16 from "react/jsx-runtime";
+import { DialogDismiss, DialogProps, DialogStore as ModalStore, useDialogStore } from "@ariakit/react";
+
+//#region src/components/experimental/client/Modal.d.ts
+type ModalProps = DialogProps;
+declare function useModalStore(params?: Parameters<typeof useDialogStore>[0]): ModalStore;
+interface ModalHeaderProps extends React.PropsWithChildren {
+  handleClose?: () => void;
+}
+declare function ModalHeader({
+  children,
+  handleClose
+}: ModalHeaderProps): react_jsx_runtime16.JSX.Element;
+declare namespace ModalHeader {
+  var displayName: string;
+}
+declare function Modal({
+  className,
+  ...props
+}: ModalProps): react_jsx_runtime16.JSX.Element;
+declare namespace Modal {
+  var displayName: string;
+}
+declare const ModalDismiss: typeof DialogDismiss;
+//#endregion
+export { Modal, ModalDismiss, ModalHeader, type ModalProps, type ModalStore, useModalStore };
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","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.js

@@ -0,0 +1,58 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { cx } from "../../../styles/styler.js";
+import { HStack } from "../../HStack.js";
+import { Text } from "../../Text.js";
+import { VStack } from "../../VStack.js";
+import { IconButton } from "../../client/IconButton.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Cross } from "@yahoo/uds-icons";
+import { Dialog, DialogDismiss, useDialogStore } from "@ariakit/react";
+
+//#region src/components/experimental/client/Modal.tsx
+function useModalStore(params) {
+	return useDialogStore({
+		animated: true,
+		...params
+	});
+}
+function ModalHeader({ children, handleClose }) {
+	return /* @__PURE__ */ jsxs(HStack, {
+		alignItems: "center",
+		justifyContent: "space-between",
+		children: [/* @__PURE__ */ jsx(Text, {
+			variant: "headline1",
+			color: "primary",
+			children
+		}), /* @__PURE__ */ jsx(IconButton, {
+			"aria-label": "Close",
+			size: "sm",
+			variant: "tertiary",
+			name: Cross,
+			onClick: handleClose
+		})]
+	});
+}
+ModalHeader.displayName = "ModalHeader";
+function Modal({ className,...props }) {
+	return /* @__PURE__ */ jsx(VStack, {
+		borderRadius: "md",
+		position: "fixed",
+		backgroundColor: "primary",
+		dropShadow: "md",
+		className: cx("inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100", className),
+		spacing: "8",
+		asChild: true,
+		overflow: "hidden",
+		children: /* @__PURE__ */ jsx(Dialog, {
+			backdrop: /* @__PURE__ */ jsx("div", { className: "data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm" }),
+			...props
+		})
+	});
+}
+Modal.displayName = "Modal";
+const ModalDismiss = DialogDismiss;
+
+//#endregion
+export { Modal, ModalDismiss, ModalHeader, useModalStore };
+//# sourceMappingURL=Modal.js.map

package/dist/components/experimental/client/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","names":["ModalDismiss: typeof DialogDismiss"],"sources":["../../../../src/components/experimental/client/Modal.tsx"],"sourcesContent":["/* eslint-disable react/no-multi-comp */\nimport type { DialogProps, DialogStore as ModalStore } from '@ariakit/react';\nimport { Dialog, DialogDismiss, useDialogStore } from '@ariakit/react';\nimport { Cross } from '@yahoo/uds-icons';\n\nimport { cx } from '../../../styles/styler';\nimport { HStack, Text, VStack } from '../..';\nimport { IconButton } from '../../client/IconButton';\n\ntype ModalProps = DialogProps;\n\nfunction useModalStore(params?: Parameters<typeof useDialogStore>[0]) {\n  return useDialogStore({ animated: true, ...params });\n}\n\ninterface ModalHeaderProps extends React.PropsWithChildren {\n  handleClose?: () => void;\n}\n\nfunction ModalHeader({ children, handleClose }: ModalHeaderProps) {\n  return (\n    <HStack alignItems=\"center\" justifyContent=\"space-between\">\n      <Text variant=\"headline1\" color=\"primary\">\n        {children}\n      </Text>\n      <IconButton\n        aria-label=\"Close\"\n        size=\"sm\"\n        variant=\"tertiary\"\n        name={Cross}\n        onClick={handleClose}\n      />\n    </HStack>\n  );\n}\n\nModalHeader.displayName = 'ModalHeader';\n\nfunction Modal({ className, ...props }: ModalProps) {\n  return (\n    <VStack\n      borderRadius=\"md\"\n      position=\"fixed\"\n      backgroundColor=\"primary\"\n      dropShadow=\"md\"\n      className={cx(\n        'inset-8 top-[250px] z-50 mx-auto h-fit w-[600px] origin-center scale-95 opacity-0 transition duration-150 data-[enter]:scale-100 data-[enter]:opacity-100',\n        className,\n      )}\n      spacing=\"8\"\n      asChild\n      overflow=\"hidden\"\n    >\n      <Dialog\n        backdrop={\n          <div className=\"data-[enter]:bg-primary opacity-0 backdrop-blur-0 transition duration-150 data-[enter]:opacity-60 data-[enter]:backdrop-blur-sm\" />\n        }\n        {...props}\n      />\n    </VStack>\n  );\n}\n\nModal.displayName = 'Modal';\n\nconst ModalDismiss: typeof DialogDismiss = DialogDismiss;\n\nexport { Modal, ModalDismiss, ModalHeader, type ModalProps, type ModalStore, useModalStore };\n"],"mappings":";;;;;;;;;;;AAWA,SAAS,cAAc,QAA+C;AACpE,QAAO,eAAe;EAAE,UAAU;EAAM,GAAG;EAAQ,CAAC;;AAOtD,SAAS,YAAY,EAAE,UAAU,eAAiC;AAChE,QACE,qBAAC;EAAO,YAAW;EAAS,gBAAe;aACzC,oBAAC;GAAK,SAAQ;GAAY,OAAM;GAC7B;IACI,EACP,oBAAC;GACC,cAAW;GACX,MAAK;GACL,SAAQ;GACR,MAAM;GACN,SAAS;IACT;GACK;;AAIb,YAAY,cAAc;AAE1B,SAAS,MAAM,EAAE,UAAW,GAAG,SAAqB;AAClD,QACE,oBAAC;EACC,cAAa;EACb,UAAS;EACT,iBAAgB;EAChB,YAAW;EACX,WAAW,GACT,6JACA,UACD;EACD,SAAQ;EACR;EACA,UAAS;YAET,oBAAC;GACC,UACE,oBAAC,SAAI,WAAU,oIAAoI;GAErJ,GAAI;IACJ;GACK;;AAIb,MAAM,cAAc;AAEpB,MAAMA,eAAqC"}

package/dist/components/experimental/client/Popover.cjs

@@ -0,0 +1,44 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_components_HStack = require('../../HStack.cjs');
+const require_components_Text = require('../../Text.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __ariakit_react = require("@ariakit/react");
+
+//#region src/components/experimental/client/Popover.tsx
+function PopoverHeading({ children, leading, trailing }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_HStack.HStack, { children: [
+		leading,
+		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
+			variant: "headline1",
+			color: "primary",
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ariakit_react.PopoverHeading, { children })
+		}),
+		trailing
+	] });
+}
+PopoverHeading.displayName = "PopoverHeading";
+const Popover = __ariakit_react.Popover;
+const PopoverArrow = __ariakit_react.PopoverArrow;
+const PopoverAnchor = __ariakit_react.PopoverAnchor;
+const PopoverDescription = __ariakit_react.PopoverDescription;
+const PopoverDismiss = __ariakit_react.PopoverDismiss;
+const PopoverProvider = __ariakit_react.PopoverProvider;
+const PopoverDisclosure = __ariakit_react.PopoverDisclosure;
+const PopoverDisclosureArrow = __ariakit_react.PopoverDisclosureArrow;
+
+//#endregion
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverArrow = PopoverArrow;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverDisclosure = PopoverDisclosure;
+exports.PopoverDisclosureArrow = PopoverDisclosureArrow;
+exports.PopoverDismiss = PopoverDismiss;
+exports.PopoverHeading = PopoverHeading;
+exports.PopoverProvider = PopoverProvider;
+exports.usePopoverStore = __ariakit_react.usePopoverStore;

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

@@ -0,0 +1,29 @@
+import React, { PropsWithChildren } from "react";
+import * as react_jsx_runtime9 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
+interface PopoverHeadingProps extends PropsWithChildren {
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+}
+declare function PopoverHeading({
+  children,
+  leading,
+  trailing
+}: PopoverHeadingProps): react_jsx_runtime9.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 PopoverArrow: typeof PopoverArrow$1;
+declare const PopoverAnchor: typeof PopoverAnchor$1;
+declare const PopoverDescription: typeof PopoverDescription$1;
+declare const PopoverDismiss: typeof PopoverDismiss$1;
+declare const PopoverProvider: typeof PopoverProvider$1;
+declare const PopoverDisclosure: typeof PopoverDisclosure$1;
+declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
+//#endregion
+export { Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, type PopoverProps, PopoverProvider, usePopoverStore };
+//# sourceMappingURL=Popover.d.cts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,29 @@
+import React, { PropsWithChildren } from "react";
+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
+interface PopoverHeadingProps extends PropsWithChildren {
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+}
+declare function PopoverHeading({
+  children,
+  leading,
+  trailing
+}: 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_runtime18.JSX.Element | null;
+declare const PopoverArrow: typeof PopoverArrow$1;
+declare const PopoverAnchor: typeof PopoverAnchor$1;
+declare const PopoverDescription: typeof PopoverDescription$1;
+declare const PopoverDismiss: typeof PopoverDismiss$1;
+declare const PopoverProvider: typeof PopoverProvider$1;
+declare const PopoverDisclosure: typeof PopoverDisclosure$1;
+declare const PopoverDisclosureArrow: typeof PopoverDisclosureArrow$1;
+//#endregion
+export { Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, type PopoverHeadingProps, type PopoverProps, PopoverProvider, usePopoverStore };
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","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.js

@@ -0,0 +1,34 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+import { HStack } from "../../HStack.js";
+import { Text } from "../../Text.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Popover as Popover$1, PopoverAnchor as PopoverAnchor$1, PopoverArrow as PopoverArrow$1, PopoverDescription as PopoverDescription$1, PopoverDisclosure as PopoverDisclosure$1, PopoverDisclosureArrow as PopoverDisclosureArrow$1, PopoverDismiss as PopoverDismiss$1, PopoverHeading as PopoverHeading$1, PopoverProvider as PopoverProvider$1, usePopoverStore } from "@ariakit/react";
+
+//#region src/components/experimental/client/Popover.tsx
+function PopoverHeading({ children, leading, trailing }) {
+	return /* @__PURE__ */ jsxs(HStack, { children: [
+		leading,
+		/* @__PURE__ */ jsx(Text, {
+			variant: "headline1",
+			color: "primary",
+			asChild: true,
+			children: /* @__PURE__ */ jsx(PopoverHeading$1, { children })
+		}),
+		trailing
+	] });
+}
+PopoverHeading.displayName = "PopoverHeading";
+const Popover = Popover$1;
+const PopoverArrow = PopoverArrow$1;
+const PopoverAnchor = PopoverAnchor$1;
+const PopoverDescription = PopoverDescription$1;
+const PopoverDismiss = PopoverDismiss$1;
+const PopoverProvider = PopoverProvider$1;
+const PopoverDisclosure = PopoverDisclosure$1;
+const PopoverDisclosureArrow = PopoverDisclosureArrow$1;
+
+//#endregion
+export { Popover, PopoverAnchor, PopoverArrow, PopoverDescription, PopoverDisclosure, PopoverDisclosureArrow, PopoverDismiss, PopoverHeading, PopoverProvider, usePopoverStore };
+//# sourceMappingURL=Popover.js.map

package/dist/components/experimental/client/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","names":["OriginalPopoverHeading","OriginalPopover","PopoverArrow: typeof OriginalPopoverArrow","OriginalPopoverArrow","PopoverAnchor: typeof OriginalPopoverAnchor","OriginalPopoverAnchor","PopoverDescription: typeof OriginalPopoverDescription","OriginalPopoverDescription","PopoverDismiss: typeof OriginalPopoverDismiss","OriginalPopoverDismiss","PopoverProvider: typeof OriginalPopoverProvider","OriginalPopoverProvider","PopoverDisclosure: typeof OriginalPopoverDisclosure","OriginalPopoverDisclosure","PopoverDisclosureArrow: typeof OriginalPopoverDisclosureArrow","OriginalPopoverDisclosureArrow"],"sources":["../../../../src/components/experimental/client/Popover.tsx"],"sourcesContent":["import type { PopoverProps as OriginalPopoverProps } from '@ariakit/react';\nimport {\n  Popover as OriginalPopover,\n  PopoverAnchor as OriginalPopoverAnchor,\n  PopoverArrow as OriginalPopoverArrow,\n  PopoverDescription as OriginalPopoverDescription,\n  PopoverDisclosure as OriginalPopoverDisclosure,\n  PopoverDisclosureArrow as OriginalPopoverDisclosureArrow,\n  PopoverDismiss as OriginalPopoverDismiss,\n  PopoverHeading as OriginalPopoverHeading,\n  PopoverProvider as OriginalPopoverProvider,\n  usePopoverStore,\n} from '@ariakit/react';\nimport type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport { HStack, Text } from '../..';\n\ninterface PopoverHeadingProps extends PropsWithChildren {\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n}\n\nfunction PopoverHeading({ children, leading, trailing }: PopoverHeadingProps) {\n  return (\n    <HStack>\n      {leading}\n      <Text variant=\"headline1\" color=\"primary\" asChild>\n        <OriginalPopoverHeading>{children}</OriginalPopoverHeading>\n      </Text>\n      {trailing}\n    </HStack>\n  );\n}\n\nPopoverHeading.displayName = 'PopoverHeading';\n\ntype PopoverProps = Omit<OriginalPopoverProps, 'key'>;\n\nconst Popover = OriginalPopover;\nconst PopoverArrow: typeof OriginalPopoverArrow = OriginalPopoverArrow;\nconst PopoverAnchor: typeof OriginalPopoverAnchor = OriginalPopoverAnchor;\nconst PopoverDescription: typeof OriginalPopoverDescription = OriginalPopoverDescription;\nconst PopoverDismiss: typeof OriginalPopoverDismiss = OriginalPopoverDismiss;\nconst PopoverProvider: typeof OriginalPopoverProvider = OriginalPopoverProvider;\nconst PopoverDisclosure: typeof OriginalPopoverDisclosure = OriginalPopoverDisclosure;\nconst PopoverDisclosureArrow: typeof OriginalPopoverDisclosureArrow =\n  OriginalPopoverDisclosureArrow;\n\nexport {\n  Popover,\n  PopoverAnchor,\n  PopoverArrow,\n  PopoverDescription,\n  PopoverDisclosure,\n  PopoverDisclosureArrow,\n  PopoverDismiss,\n  PopoverHeading,\n  type PopoverHeadingProps,\n  type PopoverProps,\n  PopoverProvider,\n  usePopoverStore,\n};\n"],"mappings":";;;;;;;;AAuBA,SAAS,eAAe,EAAE,UAAU,SAAS,YAAiC;AAC5E,QACE,qBAAC;EACE;EACD,oBAAC;GAAK,SAAQ;GAAY,OAAM;GAAU;aACxC,oBAACA,oBAAwB,WAAkC;IACtD;EACN;KACM;;AAIb,eAAe,cAAc;AAI7B,MAAM,UAAUC;AAChB,MAAMC,eAA4CC;AAClD,MAAMC,gBAA8CC;AACpD,MAAMC,qBAAwDC;AAC9D,MAAMC,iBAAgDC;AACtD,MAAMC,kBAAkDC;AACxD,MAAMC,oBAAsDC;AAC5D,MAAMC,yBACJC"}

package/dist/components/experimental/client/SwitchV2.cjs

@@ -0,0 +1,183 @@
+"use client";
+/*! © 2025 Yahoo, Inc. UDS v0.0.0-development */
+const require_rolldown_runtime = require('../../../_virtual/rolldown_runtime.cjs');
+const require_styles_styler = require('../../../styles/styler.cjs');
+const require_components_Box = require('../../Box.cjs');
+const require_components_FormLabel = require('../../FormLabel.cjs');
+const require_components_IconSlot = require('../../IconSlot.cjs');
+const require_components_experimental_client_AvoidMotionLibraryProvider = require('./AvoidMotionLibraryProvider.cjs');
+const require_components_client_SpringMotionConfig = require('../../client/SpringMotionConfig.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let motion_react_m = require("motion/react-m");
+motion_react_m = require_rolldown_runtime.__toESM(motion_react_m);
+
+//#region src/components/experimental/client/SwitchV2.tsx
+const loadFeatures = () => import("@yahoo/uds/__private/motionFeatures/domMax").then(({ domMax }) => domMax);
+const MotionBox = motion_react_m.create(require_components_Box.Box);
+/**
+* **⚙️️ An switch.
+*
+* @componentType Client component
+*
+* @description
+* A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
+*
+* @see
+* Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
+*
+* @usage
+* - Forms: switch
+*
+* @example
+* ```tsx
+* 'use client';
+* import { Switch } from "@yahoo/uds";
+*
+* <Switch label="Name" required />
+*```
+*
+* @related [Checkbox](https://uds.build/docs/components/checkbox).
+**/
+const SwitchV2 = (0, react.forwardRef)(function Switch({ id, isOn: isOnProp, defaultIsOn, onChange, label, labelPosition = "start", size = "md", onIcon, offIcon, reduceMotion: forceReduceMotion, disabled, required, onFocus, onBlur, className, layerClassNames,...switchProps }, parentRef) {
+	const generatedId = (0, react.useId)();
+	const uid = id ?? `uds-input-${generatedId}`;
+	const innerRef = (0, react.useRef)(null);
+	/**
+	* State
+	*/
+	const isControlled = isOnProp !== void 0;
+	const [isOn, setIsOn] = (0, react.useState)(isControlled ? isOnProp : defaultIsOn);
+	/**
+	* Handlers
+	*/
+	const handleChange = (0, react.useCallback)((e) => {
+		onChange?.(e);
+		if (!isControlled) setIsOn(e.target.checked);
+	}, [isControlled, onChange]);
+	const handleFocus = (0, react.useCallback)((e) => {
+		onFocus?.(e);
+	}, [onFocus]);
+	const handleBlur = (0, react.useCallback)((e) => {
+		onBlur?.(e);
+	}, [onBlur]);
+	const reduceMotion = forceReduceMotion ? "always" : "user";
+	const cssAnimationDuration = forceReduceMotion ? "duration-0" : "duration-120 motion-reduce:duration-0";
+	/**
+	* Effects
+	*/
+	(0, react.useEffect)(() => {
+		if (isControlled) setIsOn(isOnProp);
+	}, [isOnProp, isControlled]);
+	const classNames = {
+		root: require_styles_styler.getStyles({
+			switchSizeRoot: size,
+			switchVariantRoot: "default",
+			switchVariantActiveRoot: isOn ? "on" : "off",
+			className: require_styles_styler.cx("group", "flex", "items-center", labelPosition === "start" ? "flex-row" : "flex-row-reverse", ...disabled ? ["cursor-default", "opacity-50"] : ["cursor-pointer"], layerClassNames?.root, className)
+		}),
+		switch: require_styles_styler.getStyles({
+			switchVariantSwitch: "default",
+			switchSizeSwitch: size,
+			switchVariantActiveSwitch: isOn ? "on" : "off",
+			className: require_styles_styler.cx("uds-ring", "uds-ring-within", "relative", "rounded-full", "items-center", cssAnimationDuration, "transition-[background-color,box-shadow]", layerClassNames?.switch)
+		}),
+		handleContainer: require_styles_styler.cx("pointer-events-none", "relative", "w-full", "h-full"),
+		handle: require_styles_styler.getStyles({
+			switchSizeHandle: size,
+			className: require_styles_styler.cx("absolute", "top-0", "bottom-0", isOn ? "right-0" : "left-0", layerClassNames?.handle)
+		}),
+		handleContents: require_styles_styler.cx("relative", "w-full", "h-full", "rounded-full", "overflow-hidden", !disabled && "group-hover:scale-105", "opacity-95", !disabled && "group-hover:opacity-100", cssAnimationDuration, "transition-[transform,opacity]"),
+		handleCircle: require_styles_styler.getStyles({
+			switchVariantActiveHandle: isOn ? "on" : "off",
+			switchVariantHandle: "default",
+			className: require_styles_styler.cx("absolute", "top-0", "left-0", "right-0", "bottom-0")
+		}),
+		handleIcon: require_styles_styler.getStyles({
+			switchSizeHandleIcon: size,
+			switchVariantHandleIcon: "default",
+			switchVariantActiveHandleIcon: isOn ? "on" : "off",
+			className: require_styles_styler.cx("absolute", "opacity-0", "top-1/2", "left-1/2", "transform", "translate-x-[-50%]", "translate-y-[-50%]", cssAnimationDuration, "transition-opacity")
+		}),
+		htmlCheckbox: require_styles_styler.cx("cursor-[inherit]", "absolute", "opacity-0", "top-1/2", "left-1/2", "w-[calc(100%+2px)]", "h-[calc(100%+2px)]", "transform", "translate-x-[-50%]", "translate-y-[-50%]"),
+		label: require_styles_styler.cx(labelPosition === "start" ? "text-start" : "text-end", layerClassNames?.label)
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_SpringMotionConfig.SpringMotionConfig, {
+		reducedMotion: reduceMotion,
+		loadFeatures,
+		layoutVariant: "bouncy",
+		layoutSpeed: "4",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(label ? "label" : "div", {
+			className: classNames.root,
+			"data-testid": "switch-root",
+			tabIndex: -1,
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
+				className: classNames.switch,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
+					type: "checkbox",
+					...switchProps,
+					ref: (ref) => {
+						innerRef.current = ref;
+						if (typeof parentRef === "function") parentRef(ref);
+						else if (parentRef !== null) parentRef.current = ref;
+					},
+					onFocus: handleFocus,
+					onBlur: handleBlur,
+					id: uid,
+					disabled,
+					required,
+					checked: isControlled ? isOn : void 0,
+					defaultChecked: isControlled ? void 0 : defaultIsOn,
+					onChange: handleChange,
+					className: classNames.htmlCheckbox,
+					style: {}
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
+					className: classNames.handleContainer,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(MotionBox, {
+						className: classNames.handle,
+						layout: "position",
+						layoutDependency: isOn,
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
+							className: classNames.handleContents,
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, { className: classNames.handleCircle }),
+								onIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+									icon: onIcon,
+									iconProps: {
+										variant: "fill",
+										size: "sm"
+									},
+									"data-testid": "on-icon",
+									className: require_styles_styler.cx(classNames.handleIcon, isOn ? "opacity-100" : "opacity-0")
+								}),
+								offIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_IconSlot.IconSlot, {
+									icon: offIcon,
+									iconProps: {
+										variant: "fill",
+										size: "sm"
+									},
+									"data-testid": "off-icon",
+									className: require_styles_styler.cx(classNames.handleIcon, !isOn ? "opacity-100" : "opacity-0")
+								})
+							]
+						})
+					})
+				})]
+			}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_FormLabel.FormLabel, {
+				as: "div",
+				variant: "inherit",
+				color: "inherit",
+				required,
+				label,
+				className: classNames.label
+			})]
+		})
+	});
+});
+SwitchV2.displayName = "SwitchV2";
+const SwitchV2AvoidMotionLibraryProvider = require_components_experimental_client_AvoidMotionLibraryProvider.AvoidMotionLibraryProvider;
+
+//#endregion
+exports.SwitchV2 = SwitchV2;
+exports.SwitchV2AvoidMotionLibraryProvider = SwitchV2AvoidMotionLibraryProvider;

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

@@ -0,0 +1,43 @@
+import { UniversalSwitchProps } from "../../../tokens/types.cjs";
+import "../../../tokens/index.cjs";
+import React from "react";
+
+//#region src/components/experimental/client/SwitchV2.d.ts
+type NativeInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'size' | 'height' | 'width' | 'color' | 'defaultChecked' | 'children'>;
+interface SwitchV2Props extends NativeInputProps, UniversalSwitchProps {
+  layerClassNames?: {
+    root?: string;
+    switch?: string;
+    handle?: string;
+    label?: string;
+  };
+}
+/**
+ * **⚙️️ An switch.
+ *
+ * @componentType Client component
+ *
+ * @description
+ * A switch (also called a toggle) is a binary on/off input control. It is clickable or touchable on mobile devices allowing users to pick between two clearly opposite choices.
+ *
+ * @see
+ * Check out the {@link https://uds.build/docs/components/switch Switch Docs} for more info
+ *
+ * @usage
+ * - Forms: switch
+ *
+ * @example
+ * ```tsx
+ * 'use client';
+ * import { Switch } from "@yahoo/uds";
+ *
+ * <Switch label="Name" required />
+ *```
+ *
+ * @related [Checkbox](https://uds.build/docs/components/checkbox).
+ **/
+declare const SwitchV2: React.ForwardRefExoticComponent<SwitchV2Props & React.RefAttributes<HTMLInputElement>>;
+declare const SwitchV2AvoidMotionLibraryProvider: React.Provider<boolean>;
+//#endregion
+export { SwitchV2, SwitchV2AvoidMotionLibraryProvider, type SwitchV2Props };
+//# sourceMappingURL=SwitchV2.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchV2.d.cts","names":[],"sources":["../../../../src/components/experimental/client/SwitchV2.tsx"],"sourcesContent":[],"mappings":";;;;;KAYK,gBAAA,CAAA,CAAA,CAAmB,KACtB,KAAA,CAAM,oBAAoB;UASlB,aAAA,CAAA,OAAA,CAAsB,kBAAkB;;IAV7C,IAAA,CAAA,CAAA,CAAA,MAAA;IACuB,MAAA,CAAA,CAAA,CAAA,MAAA;IAApB,MAAA,CAAA,CAAA,CAAA,MAAA;IADgB,KAAA,CAAA,CAAA,CAAA,MAAA;EAAI,CAAA;AAAA;AAU0C,CAAA,CAAA;;;;;;AAmCxD,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,OAAA,CAAA,CAAA,EAAA,CAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,MAAA,CAAA,OAAA,CAAA,QAAA,CAAA,KAAA,CAAA,EAAA,CAAA,IAAA,CAAA,OAAA,CAAA,GAAA,CAAA,OAAA,CAAA,QAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;;cAAR,UAAQ,KAAA,CAAA,0BAAA,gBAAA,KAAA,CAAA,cAAA;cA2RR,oCAAkC,KAAA,CAAA"}