@yahoo/uds 3.141.0 → 3.143.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@yahoo/uds",
   "description": "Yahoo Universal System",
-  "version": "3.141.0",
+  "version": "3.143.0",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -266,10 +266,10 @@
     "chalk": "^5.6.2",
     "concurrently": "^9.2.1",
     "eslint-config-custom": "workspace:*",
-    "rolldown": "^1.0.0-rc.1",
+    "rolldown": "^1.0.0",
     "tailwindcss": "^3.4.19",
     "tsconfig": "workspace:*",
-    "tsdown": "^0.21.10",
+    "tsdown": "^0.22.0",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {

package/dist/components/Divider/DividerCore.cjs

@@ -1,83 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-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_Box = require("../Box.cjs");
-const require_components_HStack = require("../HStack.cjs");
-const require_components_VStack = require("../VStack.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/Divider/DividerCore.tsx
-const ORIENTATION_WIDTH_MAP = {
-	horizontal: "w-full",
-	vertical: ""
-};
-const DividerCore = (0, react.forwardRef)(function Divider({ vertical = false, contentPosition = "center", className, slotProps, children, ...boxProps }, ref) {
-	const direction = vertical ? "vertical" : "horizontal";
-	const InternalComponent = vertical ? require_components_VStack.VStack : require_components_HStack.HStack;
-	const { className: rootClassName, ...rootSlotProps } = slotProps?.root ?? {};
-	const { className: labelClassName, ...labelSlotProps } = slotProps?.label ?? {};
-	const { className: lineClassName, ...lineSlotProps } = slotProps?.line ?? {};
-	const classNames = (0, react.useMemo)(() => ({
-		root: require_styles_styler.cx(ORIENTATION_WIDTH_MAP[direction], className, rootClassName),
-		label: labelClassName,
-		line: lineClassName
-	}), [
-		className,
-		direction,
-		rootClassName,
-		labelClassName,
-		lineClassName
-	]);
-	const lineStyle = (0, react.useMemo)(() => direction === "vertical" ? {
-		borderTopWidth: 0,
-		borderRightWidth: 0,
-		borderBottomWidth: 0
-	} : {
-		borderLeftWidth: 0,
-		borderRightWidth: 0,
-		borderBottomWidth: 0
-	}, [direction]);
-	const Line = () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
-		flex: "1",
-		className: require_styles_styler.cx(classNames.line, lineClassName),
-		style: lineStyle,
-		...lineSlotProps
-	});
-	if (children) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(InternalComponent, {
-		flex: "1",
-		alignItems: "center",
-		className: classNames.root,
-		ref,
-		...boxProps,
-		...rootSlotProps,
-		children: [
-			contentPosition !== "start" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Line, {}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
-				flex: "none",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Text.Text, {
-					as: "span",
-					color: "inherit",
-					variant: "inherit",
-					className: require_styles_styler.cx(classNames.label, labelClassName),
-					...labelSlotProps,
-					children
-				})
-			}),
-			contentPosition !== "end" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Line, {})
-		]
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Box.Box, {
-		display: "flex",
-		flex: "none",
-		className: classNames.root,
-		ref,
-		...boxProps,
-		...rootSlotProps,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Line, {})
-	});
-});
-DividerCore.displayName = "DividerCore";
-//#endregion
-exports.DividerCore = DividerCore;

package/dist/components/Divider/DividerCore.d.cts

@@ -1,22 +0,0 @@
-
-import { UniversalDividerProps, UniversalStackProps } from "../../types/dist/index.cjs";
-import { BoxProps } from "../Box.cjs";
-import { Text } from "../Text.cjs";
-import * as _$react from "react";
-import { ComponentProps, HTMLAttributes } from "react";
-
-//#region src/components/Divider/DividerCore.d.ts
-type DataAttributes = {
-  [name: `data-${string}`]: string;
-};
-interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
-  /** Props to be passed into various slots within the component. */
-  slotProps?: {
-    root?: Partial<HTMLAttributes<HTMLDivElement> & DataAttributes>;
-    label?: Partial<ComponentProps<typeof Text> & DataAttributes>;
-    line?: Partial<HTMLAttributes<HTMLDivElement> & DataAttributes>;
-  };
-}
-declare const DividerCore: _$react.ForwardRefExoticComponent<DividerCoreProps & _$react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { DividerCore, type DividerCoreProps };

package/dist/components/Divider/DividerCore.d.ts

@@ -1,22 +0,0 @@
-
-import { UniversalDividerProps, UniversalStackProps } from "../../types/dist/index.js";
-import { BoxProps } from "../Box.js";
-import { Text } from "../Text.js";
-import * as _$react from "react";
-import { ComponentProps, HTMLAttributes } from "react";
-
-//#region src/components/Divider/DividerCore.d.ts
-type DataAttributes = {
-  [name: `data-${string}`]: string;
-};
-interface DividerCoreProps extends Omit<BoxProps, 'color' | 'borderColor' | 'borderWidth'>, Omit<UniversalStackProps, 'separator' | 'asChild'>, Omit<UniversalDividerProps, 'variant'> {
-  /** Props to be passed into various slots within the component. */
-  slotProps?: {
-    root?: Partial<HTMLAttributes<HTMLDivElement> & DataAttributes>;
-    label?: Partial<ComponentProps<typeof Text> & DataAttributes>;
-    line?: Partial<HTMLAttributes<HTMLDivElement> & DataAttributes>;
-  };
-}
-declare const DividerCore: _$react.ForwardRefExoticComponent<DividerCoreProps & _$react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { DividerCore, type DividerCoreProps };

package/dist/components/Divider/DividerCore.js

@@ -1,81 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { cx } from "../../styles/styler.js";
-import { Text } from "../Text.js";
-import { Box } from "../Box.js";
-import { HStack } from "../HStack.js";
-import { VStack } from "../VStack.js";
-import { forwardRef, useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Divider/DividerCore.tsx
-const ORIENTATION_WIDTH_MAP = {
-	horizontal: "w-full",
-	vertical: ""
-};
-const DividerCore = forwardRef(function Divider({ vertical = false, contentPosition = "center", className, slotProps, children, ...boxProps }, ref) {
-	const direction = vertical ? "vertical" : "horizontal";
-	const InternalComponent = vertical ? VStack : HStack;
-	const { className: rootClassName, ...rootSlotProps } = slotProps?.root ?? {};
-	const { className: labelClassName, ...labelSlotProps } = slotProps?.label ?? {};
-	const { className: lineClassName, ...lineSlotProps } = slotProps?.line ?? {};
-	const classNames = useMemo(() => ({
-		root: cx(ORIENTATION_WIDTH_MAP[direction], className, rootClassName),
-		label: labelClassName,
-		line: lineClassName
-	}), [
-		className,
-		direction,
-		rootClassName,
-		labelClassName,
-		lineClassName
-	]);
-	const lineStyle = useMemo(() => direction === "vertical" ? {
-		borderTopWidth: 0,
-		borderRightWidth: 0,
-		borderBottomWidth: 0
-	} : {
-		borderLeftWidth: 0,
-		borderRightWidth: 0,
-		borderBottomWidth: 0
-	}, [direction]);
-	const Line = () => /* @__PURE__ */ jsx(Box, {
-		flex: "1",
-		className: cx(classNames.line, lineClassName),
-		style: lineStyle,
-		...lineSlotProps
-	});
-	if (children) return /* @__PURE__ */ jsxs(InternalComponent, {
-		flex: "1",
-		alignItems: "center",
-		className: classNames.root,
-		ref,
-		...boxProps,
-		...rootSlotProps,
-		children: [
-			contentPosition !== "start" && /* @__PURE__ */ jsx(Line, {}),
-			/* @__PURE__ */ jsx(Box, {
-				flex: "none",
-				children: /* @__PURE__ */ jsx(Text, {
-					as: "span",
-					color: "inherit",
-					variant: "inherit",
-					className: cx(classNames.label, labelClassName),
-					...labelSlotProps,
-					children
-				})
-			}),
-			contentPosition !== "end" && /* @__PURE__ */ jsx(Line, {})
-		]
-	});
-	return /* @__PURE__ */ jsx(Box, {
-		display: "flex",
-		flex: "none",
-		className: classNames.root,
-		ref,
-		...boxProps,
-		...rootSlotProps,
-		children: /* @__PURE__ */ jsx(Line, {})
-	});
-});
-DividerCore.displayName = "DividerCore";
-//#endregion
-export { DividerCore };

package/dist/components/Divider/DividerInternal.cjs

@@ -1,31 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../_virtual/_rolldown/runtime.cjs");
-const require_styles_styler = require("../../styles/styler.cjs");
-const require_components_Divider_DividerCore = require("./DividerCore.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-//#region src/components/Divider/DividerInternal.tsx
-const DividerInternal = (0, react.forwardRef)(function Divider({ variant = "primary", slotProps, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Divider_DividerCore.DividerCore, {
-		ref,
-		slotProps: (0, react.useMemo)(() => ({
-			root: {
-				...slotProps?.root,
-				className: require_styles_styler.cx(variant !== "inherit" && require_styles_styler.getStyles({ dividerVariantRoot: variant }), slotProps?.root?.className)
-			},
-			label: {
-				...slotProps?.label,
-				className: require_styles_styler.cx(variant !== "inherit" ? require_styles_styler.getStyles({ dividerVariantLabel: variant }) : void 0, slotProps?.label?.className)
-			},
-			line: {
-				...slotProps?.line,
-				className: require_styles_styler.cx(variant !== "inherit" && require_styles_styler.getStyles({ dividerVariantLine: variant }), slotProps?.line?.className)
-			}
-		}), [slotProps, variant]),
-		...props
-	});
-});
-DividerInternal.displayName = "DividerInternal";
-//#endregion
-exports.DividerInternal = DividerInternal;

package/dist/components/Divider/DividerInternal.d.cts

@@ -1,13 +0,0 @@
-
-import { UniversalDividerProps } from "../../types/dist/index.cjs";
-import { DividerCoreProps } from "./DividerCore.cjs";
-import * as _$react from "react";
-
-//#region src/components/Divider/DividerInternal.d.ts
-type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
-interface DividerInternalProps extends DividerCoreProps {
-  variant?: VariantWithInherit;
-}
-declare const DividerInternal: _$react.ForwardRefExoticComponent<DividerInternalProps & _$react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { DividerInternal, type DividerInternalProps };

package/dist/components/Divider/DividerInternal.d.ts

@@ -1,13 +0,0 @@
-
-import { UniversalDividerProps } from "../../types/dist/index.js";
-import { DividerCoreProps } from "./DividerCore.js";
-import * as _$react from "react";
-
-//#region src/components/Divider/DividerInternal.d.ts
-type VariantWithInherit = Exclude<UniversalDividerProps['variant'], undefined> | 'inherit';
-interface DividerInternalProps extends DividerCoreProps {
-  variant?: VariantWithInherit;
-}
-declare const DividerInternal: _$react.ForwardRefExoticComponent<DividerInternalProps & _$react.RefAttributes<HTMLDivElement>>;
-//#endregion
-export { DividerInternal, type DividerInternalProps };

package/dist/components/Divider/DividerInternal.js

@@ -1,29 +0,0 @@
-/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { cx, getStyles } from "../../styles/styler.js";
-import { DividerCore } from "./DividerCore.js";
-import { forwardRef, useMemo } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/Divider/DividerInternal.tsx
-const DividerInternal = forwardRef(function Divider({ variant = "primary", slotProps, ...props }, ref) {
-	return /* @__PURE__ */ jsx(DividerCore, {
-		ref,
-		slotProps: useMemo(() => ({
-			root: {
-				...slotProps?.root,
-				className: cx(variant !== "inherit" && getStyles({ dividerVariantRoot: variant }), slotProps?.root?.className)
-			},
-			label: {
-				...slotProps?.label,
-				className: cx(variant !== "inherit" ? getStyles({ dividerVariantLabel: variant }) : void 0, slotProps?.label?.className)
-			},
-			line: {
-				...slotProps?.line,
-				className: cx(variant !== "inherit" && getStyles({ dividerVariantLine: variant }), slotProps?.line?.className)
-			}
-		}), [slotProps, variant]),
-		...props
-	});
-});
-DividerInternal.displayName = "DividerInternal";
-//#endregion
-export { DividerInternal };