@yahoo/uds 3.133.3 → 3.134.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.133.3",
+  "version": "3.134.1",
   "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 };

package/dist/tailwind/dist/purger/optimized/ast/jsx.cjs

@@ -1,16 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-require("../../../_virtual/_rolldown/runtime.cjs");
-let ts_morph = require("ts-morph");
-//#region src/purger/optimized/ast/jsx.ts
-/**
-* Find all JSX usages of a component from its identifier
-*/
-const findJsxReferences = (identifier) => {
-	try {
-		return identifier.findReferencesAsNodes().map((reference) => reference.getFirstAncestor((n) => ts_morph.Node.isJsxOpeningElement(n) || ts_morph.Node.isJsxSelfClosingElement(n))).filter((node) => Boolean(node) && (ts_morph.Node.isJsxOpeningElement(node) || ts_morph.Node.isJsxSelfClosingElement(node)));
-	} catch {
-		return [];
-	}
-};
-//#endregion
-exports.findJsxReferences = findJsxReferences;

package/dist/tailwind/dist/purger/optimized/ast/jsx.js

@@ -1,17 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS Tailwind and Purger v0.0.0-development */
-import { Node } from "ts-morph";
-//#region src/purger/optimized/ast/jsx.ts
-/**
-* Find all JSX usages of a component from its identifier
-*/
-const findJsxReferences = (identifier) => {
-	try {
-		return identifier.findReferencesAsNodes().map((reference) => reference.getFirstAncestor((n) => Node.isJsxOpeningElement(n) || Node.isJsxSelfClosingElement(n))).filter((node) => Boolean(node) && (Node.isJsxOpeningElement(node) || Node.isJsxSelfClosingElement(node)));
-	} catch {
-		return [];
-	}
-};
-//#endregion
-export { findJsxReferences };
-
-//# sourceMappingURL=jsx.js.map

package/dist/tailwind/dist/purger/optimized/ast/jsx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsx.js","names":[],"sources":["../../../../src/purger/optimized/ast/jsx.ts"],"sourcesContent":["import type {\n  ArrowFunction,\n  CallExpression,\n  FunctionDeclaration,\n  FunctionExpression,\n  Identifier,\n  JsxElement,\n  JsxSelfClosingElement,\n  VariableDeclaration,\n} from 'ts-morph';\nimport { Node, SyntaxKind } from 'ts-morph';\n\nimport type { JsxElementWithAttributes, ParentComponentInfo } from '../types';\n\n/**\n * Check if an expression is using React.forwardRef\n */\nexport const isForwardRefExpression = (node: Node): node is CallExpression => {\n  if (!Node.isCallExpression(node)) {\n    return false;\n  }\n\n  const expression = node.getExpression();\n\n  if (Node.isIdentifier(expression) && expression.getText() === 'forwardRef') {\n    return true;\n  }\n\n  if (Node.isPropertyAccessExpression(expression) && expression.getText() === 'React.forwardRef') {\n    return true;\n  }\n\n  return false;\n};\n\n/**\n * Check if a node is a JSX component (PascalCase name)\n */\nexport const isJsxComponent = (\n  node: Node,\n): node is VariableDeclaration | FunctionDeclaration | FunctionExpression | ArrowFunction => {\n  let name: string | undefined;\n\n  if (\n    Node.isVariableDeclaration(node) ||\n    Node.isFunctionDeclaration(node) ||\n    Node.isClassDeclaration(node)\n  ) {\n    name = node.getName();\n  } else if (Node.isFunctionExpression(node) || Node.isArrowFunction(node)) {\n    const variableDeclaration = node.getFirstAncestorByKind(SyntaxKind.VariableDeclaration);\n    name = variableDeclaration?.getName();\n  }\n\n  return name ? /^[A-Z]/.test(name) : false;\n};\n\n/**\n * Get the function declaration from a component, unwrapping forwardRef if needed\n */\nexport const getReactFunctionDeclaration = (\n  declaration: Node,\n): ArrowFunction | FunctionDeclaration | FunctionExpression | null => {\n  if (!isJsxComponent(declaration)) {\n    return null;\n  }\n\n  if (Node.isFunctionDeclaration(declaration)) {\n    return declaration;\n  }\n\n  if (Node.isVariableDeclaration(declaration)) {\n    const initializer = declaration.getInitializer();\n    if (!initializer) {\n      return null;\n    }\n\n    if (isForwardRefExpression(initializer)) {\n      const [arg] = initializer.getArguments();\n      if (\n        Node.isFunctionDeclaration(arg) ||\n        Node.isFunctionExpression(arg) ||\n        Node.isArrowFunction(arg)\n      ) {\n        return arg;\n      }\n    } else if (\n      Node.isFunctionDeclaration(initializer) ||\n      Node.isFunctionExpression(initializer) ||\n      Node.isArrowFunction(initializer)\n    ) {\n      return initializer;\n    }\n  }\n\n  return null;\n};\n\n/**\n * Get all JSX elements from a node\n */\nexport const getJsxElements = (node: Node): (JsxElement | JsxSelfClosingElement)[] => {\n  return node\n    .getDescendants()\n    .filter((n) => Node.isJsxElement(n) || Node.isJsxSelfClosingElement(n)) as (\n    | JsxElement\n    | JsxSelfClosingElement\n  )[];\n};\n\n/**\n * Find all JSX usages of a component from its identifier\n */\nexport const findJsxReferences = (identifier: Identifier): JsxElementWithAttributes[] => {\n  try {\n    return identifier\n      .findReferencesAsNodes()\n      .map((reference) =>\n        reference.getFirstAncestor(\n          (n) => Node.isJsxOpeningElement(n) || Node.isJsxSelfClosingElement(n),\n        ),\n      )\n      .filter(\n        (node): node is JsxElementWithAttributes =>\n          Boolean(node) && (Node.isJsxOpeningElement(node) || Node.isJsxSelfClosingElement(node)),\n      );\n  } catch {\n    return [];\n  }\n};\n\n/**\n * Get the parent component that contains a JSX reference.\n * Returns information about the component including spread rest identifier.\n */\nexport const getParentComponentInfo = (\n  reference: JsxElementWithAttributes,\n): ParentComponentInfo | undefined => {\n  // Walk up to find the parent component\n  const block = reference.getParentWhile((parent) => !getReactFunctionDeclaration(parent));\n  if (!block) {\n    return undefined;\n  }\n\n  const blockParent = block.getParent();\n  if (!blockParent) {\n    return undefined;\n  }\n\n  const reactComponent = getReactFunctionDeclaration(blockParent);\n  if (!reactComponent) {\n    return undefined;\n  }\n\n  // Get component name\n  let componentName: string | undefined;\n  const variableDeclaration = reactComponent.getFirstAncestorByKind(SyntaxKind.VariableDeclaration);\n  if (variableDeclaration) {\n    componentName = variableDeclaration.getName();\n  } else if (Node.isFunctionDeclaration(reactComponent)) {\n    componentName = reactComponent.getName();\n  }\n\n  if (!componentName) {\n    return undefined;\n  }\n\n  // Extract parameter info\n  let spreadRestIdentifier: string | undefined;\n  let paramIdentifier: string | undefined;\n\n  reactComponent.getParameters().forEach((parameter) => {\n    const objectBindingPattern = parameter.getChildrenOfKind(SyntaxKind.ObjectBindingPattern)[0];\n    const identifier = parameter.getChildrenOfKind(SyntaxKind.Identifier)[0];\n\n    if (objectBindingPattern) {\n      const dotDotToken = objectBindingPattern.getFirstDescendantByKind(SyntaxKind.DotDotDotToken);\n      if (dotDotToken) {\n        spreadRestIdentifier = dotDotToken\n          .getParent()\n          ?.getFirstChildByKindOrThrow(SyntaxKind.Identifier)\n          .getText();\n      }\n    } else if (identifier) {\n      paramIdentifier = identifier.getText();\n    }\n  });\n\n  return { componentName, spreadRestIdentifier, paramIdentifier };\n};\n"],"mappings":";;;;;;AAiHA,MAAa,qBAAqB,eAAuD;AACvF,KAAI;AACF,SAAO,WACJ,uBAAuB,CACvB,KAAK,cACJ,UAAU,kBACP,MAAM,KAAK,oBAAoB,EAAE,IAAI,KAAK,wBAAwB,EAAE,CACtE,CACF,CACA,QACE,SACC,QAAQ,KAAK,KAAK,KAAK,oBAAoB,KAAK,IAAI,KAAK,wBAAwB,KAAK,EACzF;SACG;AACN,SAAO,EAAE"}