@yahoo/uds 3.133.3 → 3.134.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.133.3",
+  "version": "3.134.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

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

@@ -1,60 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-"use client";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../../_virtual/_rolldown/runtime.cjs");
-const require_styles_styler = require("../../../styles/styler.cjs");
-const require_components_Text = require("../../Text.cjs");
-const require_components_HStack = require("../../HStack.cjs");
-const require_components_VStack = require("../../VStack.cjs");
-const require_components_client_IconButton = require("../../client/IconButton.cjs");
-let _yahoo_uds_icons = require("@yahoo/uds-icons");
-let react_jsx_runtime = require("react/jsx-runtime");
-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

@@ -1,27 +0,0 @@
-
-import * as _$react_jsx_runtime0 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_runtime0.JSX.Element;
-declare namespace ModalHeader {
-  var displayName: string;
-}
-declare function Modal({
-  className,
-  ...props
-}: ModalProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace Modal {
-  var displayName: string;
-}
-declare const ModalDismiss: typeof DialogDismiss;
-//#endregion
-export { Modal, ModalDismiss, ModalHeader, type ModalProps, type ModalStore, useModalStore };

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

@@ -1,28 +0,0 @@
-
-"use client";
-import * as _$react_jsx_runtime0 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_runtime0.JSX.Element;
-declare namespace ModalHeader {
-  var displayName: string;
-}
-declare function Modal({
-  className,
-  ...props
-}: ModalProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace Modal {
-  var displayName: string;
-}
-declare const ModalDismiss: typeof DialogDismiss;
-//#endregion
-export { Modal, ModalDismiss, ModalHeader, type ModalProps, type ModalStore, useModalStore };

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

@@ -1,55 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-"use client";
-import { cx } from "../../../styles/styler.js";
-import { Text } from "../../Text.js";
-import { HStack } from "../../HStack.js";
-import { VStack } from "../../VStack.js";
-import { IconButton } from "../../client/IconButton.js";
-import { Cross } from "@yahoo/uds-icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-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 };