@yahoo/uds 3.145.0 → 3.146.0

package/dist/components/Banner/Banner.js

@@ -3,7 +3,8 @@ import { cx, getStyles } from "../../styles/styler.js";
 import { Pressable } from "../client/Pressable.js";
 import { IconSlot } from "../IconSlot.js";
 import { Text } from "../Text.js";
-import { BANNER_TO_BUTTON_VARIANT, hasDisplayName, separateChildren } from "./utils.js";
+import { hasDisplayName } from "../../utils/hasDisplayName.js";
+import { BANNER_TO_BUTTON_VARIANT, separateChildren } from "./utils.js";
 import { Cross } from "@yahoo/uds-icons";
 import { cloneElement, forwardRef, isValidElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/Banner/utils.cjs

@@ -1,6 +1,7 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../_virtual/_rolldown/runtime.cjs");
+const require_utils_hasDisplayName = require("../../utils/hasDisplayName.cjs");
 let react = require("react");
 //#region src/components/Banner/utils.ts
 /**
@@ -22,16 +23,6 @@ const BANNER_TO_BUTTON_VARIANT = {
 	"info-secondary": "info-secondary"
 };
 /**
-* Checks whether a React element has a specific displayName.
-* Handles both regular function components and forwardRef components
-* (which have typeof type === 'object').
-*/
-function hasDisplayName(child, name) {
-	if (!(0, react.isValidElement)(child)) return false;
-	const type = child.type;
-	return (typeof type === "function" || typeof type === "object" && type !== null) && "displayName" in type && type.displayName === name;
-}
-/**
 * Separates Banner children into content (BannerContent) and action elements.
 * Skips falsy children so conditional patterns like {show && <Button />} work.
 */
@@ -40,7 +31,7 @@ function separateChildren(children) {
 	const actions = [];
 	react.Children.forEach(children, (child) => {
 		if (child == null || child === false || child === true || child === "") return;
-		if (hasDisplayName(child, "BannerContent")) content = child;
+		if (require_utils_hasDisplayName.hasDisplayName(child, "BannerContent")) content = child;
 		else actions.push(child);
 	});
 	return {
@@ -50,5 +41,5 @@ function separateChildren(children) {
 }
 //#endregion
 exports.BANNER_TO_BUTTON_VARIANT = BANNER_TO_BUTTON_VARIANT;
-exports.hasDisplayName = hasDisplayName;
+exports.hasDisplayName = require_utils_hasDisplayName.hasDisplayName;
 exports.separateChildren = separateChildren;

package/dist/components/Banner/utils.d.cts

@@ -1,5 +1,6 @@
 
 import { BannerVariant } from "../../types/dist/index.cjs";
+import { hasDisplayName } from "../../utils/hasDisplayName.cjs";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/utils.d.ts
@@ -8,12 +9,6 @@ import { ReactNode } from "react";
  * Secondary banner variants map to secondary button variants.
  */
 declare const BANNER_TO_BUTTON_VARIANT: Record<BannerVariant, string>;
-/**
- * Checks whether a React element has a specific displayName.
- * Handles both regular function components and forwardRef components
- * (which have typeof type === 'object').
- */
-declare function hasDisplayName(child: ReactNode, name: string): boolean;
 /**
  * Separates Banner children into content (BannerContent) and action elements.
  * Skips falsy children so conditional patterns like {show && <Button />} work.

package/dist/components/Banner/utils.d.ts

@@ -1,5 +1,6 @@
 
 import { BannerVariant } from "../../types/dist/index.js";
+import { hasDisplayName } from "../../utils/hasDisplayName.js";
 import { ReactNode } from "react";
 
 //#region src/components/Banner/utils.d.ts
@@ -8,12 +9,6 @@ import { ReactNode } from "react";
  * Secondary banner variants map to secondary button variants.
  */
 declare const BANNER_TO_BUTTON_VARIANT: Record<BannerVariant, string>;
-/**
- * Checks whether a React element has a specific displayName.
- * Handles both regular function components and forwardRef components
- * (which have typeof type === 'object').
- */
-declare function hasDisplayName(child: ReactNode, name: string): boolean;
 /**
  * Separates Banner children into content (BannerContent) and action elements.
  * Skips falsy children so conditional patterns like {show && <Button />} work.

package/dist/components/Banner/utils.js

@@ -1,5 +1,6 @@
 /*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
-import { Children, isValidElement } from "react";
+import { hasDisplayName } from "../../utils/hasDisplayName.js";
+import { Children } from "react";
 //#region src/components/Banner/utils.ts
 /**
 * Maps banner variants to button variants following the Figma spec.
@@ -20,16 +21,6 @@ const BANNER_TO_BUTTON_VARIANT = {
 	"info-secondary": "info-secondary"
 };
 /**
-* Checks whether a React element has a specific displayName.
-* Handles both regular function components and forwardRef components
-* (which have typeof type === 'object').
-*/
-function hasDisplayName(child, name) {
-	if (!isValidElement(child)) return false;
-	const type = child.type;
-	return (typeof type === "function" || typeof type === "object" && type !== null) && "displayName" in type && type.displayName === name;
-}
-/**
 * Separates Banner children into content (BannerContent) and action elements.
 * Skips falsy children so conditional patterns like {show && <Button />} work.
 */

package/dist/components/client/Menu/Menu.ItemCheckbox.d.cts

@@ -87,6 +87,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/components/client/Menu/Menu.ItemCheckbox.d.ts

@@ -88,6 +88,6 @@ interface MenuItemCheckboxProps extends Omit<PressableProps, 'asChild'>, HtmlBut
  *
  * @related [Menu](https://uds.build/docs/components/menu), [Menu.Item](https://uds.build/docs/components/menu-item)
  **/
-declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "rootProps" | "hideEndIcon"> & _$react.RefAttributes<HTMLDivElement>>;
+declare const MenuItemCheckbox: _$react.ForwardRefExoticComponent<Omit<MenuItemCheckboxProps, "active" | "hideEndIcon" | "rootProps"> & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { MenuItemCheckbox, type MenuItemCheckboxProps };

package/dist/components/client/PaddleNav/PaddleButton.cjs

@@ -0,0 +1,51 @@
+/*! © 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_Icon = require("../../Icon.cjs");
+const require_components_client_PaddleNav_paddleButtonIcons = require("./paddleButtonIcons.cjs");
+const require_components_client_PaddleNav_paddleNavContext = require("./paddleNavContext.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/PaddleNav/PaddleButton.tsx
+const PaddleButton = (0, react.forwardRef)(function PaddleButton({ onClick, disabled = false, hidden = false, icon, paddleRole, className, ...rest }, ref) {
+	const { variant, size, orientation, registerPaddleHidden } = require_components_client_PaddleNav_paddleNavContext.usePaddleNavContext();
+	(0, react.useLayoutEffect)(() => {
+		registerPaddleHidden(paddleRole, hidden);
+		return () => registerPaddleHidden(paddleRole, false);
+	}, [
+		paddleRole,
+		hidden,
+		registerPaddleHidden
+	]);
+	const resolvedIcon = icon ?? require_components_client_PaddleNav_paddleButtonIcons.pickDefaultPaddleIcon(orientation, paddleRole);
+	const rootClass = (0, react.useMemo)(() => require_styles_styler.cx(require_styles_styler.getStyles({ paddlenavSizeRoot: size }), require_styles_styler.getStyles({ paddlenavVariantRoot: variant })), [size, variant]);
+	const backgroundClass = (0, react.useMemo)(() => require_styles_styler.getStyles({ paddlenavVariantBackground: variant }), [variant]);
+	const iconSizeClass = (0, react.useMemo)(() => require_styles_styler.getStyles({ paddlenavSizeIcon: size }), [size]);
+	const iconVariantClass = (0, react.useMemo)(() => require_styles_styler.getStyles({ paddlenavVariantIcon: variant }), [variant]);
+	const styles = require_styles_styler.cx("relative inline-flex items-center justify-center box-border overflow-hidden", "border-solid select-none uds-nested-radius", "transition-[color,border-color,box-shadow] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", "uds-ring", !disabled && !hidden && "cursor-pointer", disabled && "cursor-not-allowed opacity-50", hidden && "pointer-events-none hidden", rootClass, className);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+		...rest,
+		ref,
+		type: "button",
+		className: styles,
+		onClick: hidden ? void 0 : onClick,
+		disabled,
+		"aria-hidden": hidden || void 0,
+		"data-paddle-button-hidden": hidden ? "true" : void 0,
+		"data-paddle-button-role": paddleRole,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"aria-hidden": true,
+			className: require_styles_styler.cx("absolute inset-0 -z-10 pointer-events-none rounded-[length:var(--uds-nested-radius)]", "transition-[background-color,opacity] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", backgroundClass)
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_Icon.Icon, {
+			size: "md",
+			name: resolvedIcon,
+			color: "current",
+			className: require_styles_styler.cx(iconSizeClass, iconVariantClass)
+		})]
+	});
+});
+PaddleButton.displayName = "PaddleButton";
+//#endregion
+exports.PaddleButton = PaddleButton;

package/dist/components/client/PaddleNav/PaddleButton.d.cts

@@ -0,0 +1,16 @@
+
+import { UniversalPaddleButtonProps } from "../../../tokens/types.cjs";
+import { PaddleButtonRole } from "./paddleNavContext.cjs";
+import * as _$react from "react";
+import { ButtonHTMLAttributes } from "react";
+
+//#region src/components/client/PaddleNav/PaddleButton.d.ts
+type HtmlButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+type PaddleButtonProps = UniversalPaddleButtonProps & HtmlButtonProps & {
+  /** @internal Set by `PaddleButtonPrevious` / `PaddleButtonNext`. */paddleRole: PaddleButtonRole;
+};
+declare const PaddleButton: _$react.ForwardRefExoticComponent<UniversalPaddleButtonProps & HtmlButtonProps & {
+  /** @internal Set by `PaddleButtonPrevious` / `PaddleButtonNext`. */paddleRole: PaddleButtonRole;
+} & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaddleButton, type PaddleButtonProps };

package/dist/components/client/PaddleNav/PaddleButton.d.ts

@@ -0,0 +1,17 @@
+
+"use client";
+import { UniversalPaddleButtonProps } from "../../../tokens/types.js";
+import { PaddleButtonRole } from "./paddleNavContext.js";
+import * as _$react from "react";
+import { ButtonHTMLAttributes } from "react";
+
+//#region src/components/client/PaddleNav/PaddleButton.d.ts
+type HtmlButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+type PaddleButtonProps = UniversalPaddleButtonProps & HtmlButtonProps & {
+  /** @internal Set by `PaddleButtonPrevious` / `PaddleButtonNext`. */paddleRole: PaddleButtonRole;
+};
+declare const PaddleButton: _$react.ForwardRefExoticComponent<UniversalPaddleButtonProps & HtmlButtonProps & {
+  /** @internal Set by `PaddleButtonPrevious` / `PaddleButtonNext`. */paddleRole: PaddleButtonRole;
+} & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaddleButton, type PaddleButtonProps };

package/dist/components/client/PaddleNav/PaddleButton.js

@@ -0,0 +1,49 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { cx, getStyles } from "../../../styles/styler.js";
+import { Icon } from "../../Icon.js";
+import { pickDefaultPaddleIcon } from "./paddleButtonIcons.js";
+import { usePaddleNavContext } from "./paddleNavContext.js";
+import { forwardRef, useLayoutEffect, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/client/PaddleNav/PaddleButton.tsx
+const PaddleButton = forwardRef(function PaddleButton({ onClick, disabled = false, hidden = false, icon, paddleRole, className, ...rest }, ref) {
+	const { variant, size, orientation, registerPaddleHidden } = usePaddleNavContext();
+	useLayoutEffect(() => {
+		registerPaddleHidden(paddleRole, hidden);
+		return () => registerPaddleHidden(paddleRole, false);
+	}, [
+		paddleRole,
+		hidden,
+		registerPaddleHidden
+	]);
+	const resolvedIcon = icon ?? pickDefaultPaddleIcon(orientation, paddleRole);
+	const rootClass = useMemo(() => cx(getStyles({ paddlenavSizeRoot: size }), getStyles({ paddlenavVariantRoot: variant })), [size, variant]);
+	const backgroundClass = useMemo(() => getStyles({ paddlenavVariantBackground: variant }), [variant]);
+	const iconSizeClass = useMemo(() => getStyles({ paddlenavSizeIcon: size }), [size]);
+	const iconVariantClass = useMemo(() => getStyles({ paddlenavVariantIcon: variant }), [variant]);
+	const styles = cx("relative inline-flex items-center justify-center box-border overflow-hidden", "border-solid select-none uds-nested-radius", "transition-[color,border-color,box-shadow] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", "uds-ring", !disabled && !hidden && "cursor-pointer", disabled && "cursor-not-allowed opacity-50", hidden && "pointer-events-none hidden", rootClass, className);
+	return /* @__PURE__ */ jsxs("button", {
+		...rest,
+		ref,
+		type: "button",
+		className: styles,
+		onClick: hidden ? void 0 : onClick,
+		disabled,
+		"aria-hidden": hidden || void 0,
+		"data-paddle-button-hidden": hidden ? "true" : void 0,
+		"data-paddle-button-role": paddleRole,
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			className: cx("absolute inset-0 -z-10 pointer-events-none rounded-[length:var(--uds-nested-radius)]", "transition-[background-color,opacity] duration-[180ms] ease-[cubic-bezier(0,0,0.2,1)]", backgroundClass)
+		}), /* @__PURE__ */ jsx(Icon, {
+			size: "md",
+			name: resolvedIcon,
+			color: "current",
+			className: cx(iconSizeClass, iconVariantClass)
+		})]
+	});
+});
+PaddleButton.displayName = "PaddleButton";
+//#endregion
+export { PaddleButton };

package/dist/components/client/PaddleNav/PaddleButtonNext.cjs

@@ -0,0 +1,18 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_components_client_PaddleNav_PaddleButton = require("./PaddleButton.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/PaddleNav/PaddleButtonNext.tsx
+const PaddleButtonNext = (0, react.forwardRef)(function PaddleButtonNext(props, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_PaddleNav_PaddleButton.PaddleButton, {
+		ref,
+		paddleRole: "next",
+		...props
+	});
+});
+PaddleButtonNext.displayName = "PaddleButtonNext";
+//#endregion
+exports.PaddleButtonNext = PaddleButtonNext;

package/dist/components/client/PaddleNav/PaddleButtonNext.d.cts

@@ -0,0 +1,11 @@
+
+import { UniversalPaddleButtonProps } from "../../../tokens/types.cjs";
+import * as _$react from "react";
+import { ButtonHTMLAttributes } from "react";
+
+//#region src/components/client/PaddleNav/PaddleButtonNext.d.ts
+type HtmlButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+type PaddleButtonNextProps = UniversalPaddleButtonProps & HtmlButtonProps;
+declare const PaddleButtonNext: _$react.ForwardRefExoticComponent<UniversalPaddleButtonProps & HtmlButtonProps & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaddleButtonNext, type PaddleButtonNextProps };

package/dist/components/client/PaddleNav/PaddleButtonNext.d.ts

@@ -0,0 +1,12 @@
+
+"use client";
+import { UniversalPaddleButtonProps } from "../../../tokens/types.js";
+import * as _$react from "react";
+import { ButtonHTMLAttributes } from "react";
+
+//#region src/components/client/PaddleNav/PaddleButtonNext.d.ts
+type HtmlButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+type PaddleButtonNextProps = UniversalPaddleButtonProps & HtmlButtonProps;
+declare const PaddleButtonNext: _$react.ForwardRefExoticComponent<UniversalPaddleButtonProps & HtmlButtonProps & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaddleButtonNext, type PaddleButtonNextProps };

package/dist/components/client/PaddleNav/PaddleButtonNext.js

@@ -0,0 +1,16 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { PaddleButton } from "./PaddleButton.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/PaddleNav/PaddleButtonNext.tsx
+const PaddleButtonNext = forwardRef(function PaddleButtonNext(props, ref) {
+	return /* @__PURE__ */ jsx(PaddleButton, {
+		ref,
+		paddleRole: "next",
+		...props
+	});
+});
+PaddleButtonNext.displayName = "PaddleButtonNext";
+//#endregion
+export { PaddleButtonNext };

package/dist/components/client/PaddleNav/PaddleButtonPrevious.cjs

@@ -0,0 +1,18 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../../_virtual/_rolldown/runtime.cjs");
+const require_components_client_PaddleNav_PaddleButton = require("./PaddleButton.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/PaddleNav/PaddleButtonPrevious.tsx
+const PaddleButtonPrevious = (0, react.forwardRef)(function PaddleButtonPrevious(props, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_PaddleNav_PaddleButton.PaddleButton, {
+		ref,
+		paddleRole: "previous",
+		...props
+	});
+});
+PaddleButtonPrevious.displayName = "PaddleButtonPrevious";
+//#endregion
+exports.PaddleButtonPrevious = PaddleButtonPrevious;

package/dist/components/client/PaddleNav/PaddleButtonPrevious.d.cts

@@ -0,0 +1,11 @@
+
+import { UniversalPaddleButtonProps } from "../../../tokens/types.cjs";
+import * as _$react from "react";
+import { ButtonHTMLAttributes } from "react";
+
+//#region src/components/client/PaddleNav/PaddleButtonPrevious.d.ts
+type HtmlButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+type PaddleButtonPreviousProps = UniversalPaddleButtonProps & HtmlButtonProps;
+declare const PaddleButtonPrevious: _$react.ForwardRefExoticComponent<UniversalPaddleButtonProps & HtmlButtonProps & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaddleButtonPrevious, type PaddleButtonPreviousProps };

package/dist/components/client/PaddleNav/PaddleButtonPrevious.d.ts

@@ -0,0 +1,12 @@
+
+"use client";
+import { UniversalPaddleButtonProps } from "../../../tokens/types.js";
+import * as _$react from "react";
+import { ButtonHTMLAttributes } from "react";
+
+//#region src/components/client/PaddleNav/PaddleButtonPrevious.d.ts
+type HtmlButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>;
+type PaddleButtonPreviousProps = UniversalPaddleButtonProps & HtmlButtonProps;
+declare const PaddleButtonPrevious: _$react.ForwardRefExoticComponent<UniversalPaddleButtonProps & HtmlButtonProps & _$react.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { PaddleButtonPrevious, type PaddleButtonPreviousProps };

package/dist/components/client/PaddleNav/PaddleButtonPrevious.js

@@ -0,0 +1,16 @@
+/*! © 2026 Yahoo, Inc. UDS v0.0.0-development */
+"use client";
+import { PaddleButton } from "./PaddleButton.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/client/PaddleNav/PaddleButtonPrevious.tsx
+const PaddleButtonPrevious = forwardRef(function PaddleButtonPrevious(props, ref) {
+	return /* @__PURE__ */ jsx(PaddleButton, {
+		ref,
+		paddleRole: "previous",
+		...props
+	});
+});
+PaddleButtonPrevious.displayName = "PaddleButtonPrevious";
+//#endregion
+export { PaddleButtonPrevious };

package/dist/components/client/PaddleNav/PaddleNav.cjs

@@ -0,0 +1,193 @@
+/*! © 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_utils_hasDisplayName = require("../../../utils/hasDisplayName.cjs");
+const require_components_Box = require("../../Box.cjs");
+const require_hooks_useRtl = require("../../../hooks/useRtl.cjs");
+const require_components_client_PaddleNav_paddleNavContext = require("./paddleNavContext.cjs");
+const require_components_client_PaddleNav_PaddleButtonNext = require("./PaddleButtonNext.cjs");
+const require_components_client_PaddleNav_PaddleButtonPrevious = require("./PaddleButtonPrevious.cjs");
+const require_components_client_PaddleNav_PaddleNavContent = require("./PaddleNavContent.cjs");
+const require_components_client_PaddleNav_utils_resolvePaddleNavCornerOrientation = require("./utils/resolvePaddleNavCornerOrientation.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/client/PaddleNav/PaddleNav.tsx
+function isPaddleButtonPrevious(child) {
+	return child.type === require_components_client_PaddleNav_PaddleButtonPrevious.PaddleButtonPrevious || require_utils_hasDisplayName.hasDisplayName(child, "PaddleButtonPrevious");
+}
+function isPaddleButtonNext(child) {
+	return child.type === require_components_client_PaddleNav_PaddleButtonNext.PaddleButtonNext || require_utils_hasDisplayName.hasDisplayName(child, "PaddleButtonNext");
+}
+function partitionChildren(children) {
+	const contentNodes = [];
+	let previousPaddle;
+	let nextPaddle;
+	const passthroughNodes = [];
+	react.Children.forEach(children, (child) => {
+		if (!(0, react.isValidElement)(child)) {
+			passthroughNodes.push(child);
+			return;
+		}
+		if (isPaddleButtonPrevious(child)) {
+			if (!previousPaddle) previousPaddle = child;
+			return;
+		}
+		if (isPaddleButtonNext(child)) {
+			if (!nextPaddle) nextPaddle = child;
+			return;
+		}
+		if (child.type === require_components_client_PaddleNav_PaddleNavContent.PaddleNavContent || require_utils_hasDisplayName.hasDisplayName(child, "PaddleNavContent")) {
+			contentNodes.push(child);
+			return;
+		}
+		passthroughNodes.push(child);
+	});
+	return {
+		contentNodes,
+		previousPaddle,
+		nextPaddle,
+		passthroughNodes
+	};
+}
+function getPaddleWrapperClassName(positionClasses, hidden) {
+	return require_styles_styler.cx(positionClasses, hidden && "pointer-events-none");
+}
+function getCornerInsetClasses(orientation, outsideContent) {
+	const inside = !outsideContent;
+	switch (orientation) {
+		case "top-left": return inside ? "top-2 left-2" : "-top-12 left-0";
+		case "top-right": return inside ? "top-2 right-2" : "-top-12 right-0";
+		case "bottom-left": return inside ? "bottom-2 left-2" : "-bottom-12 left-0";
+		case "bottom-right": return inside ? "bottom-2 right-2" : "-bottom-12 right-0";
+		default: return "";
+	}
+}
+const horizontalOverlayStartClass = "left-2 top-1/2 -translate-y-1/2";
+const horizontalOverlayEndClass = "right-2 top-1/2 -translate-y-1/2";
+/** Keeps prev/next paddles in [←][→] screen order inside a cluster when an ancestor sets dir="rtl". */
+const paddleClusterClassName = "inline-flex flex-row gap-2 items-center pointer-events-auto";
+const PaddleNav = (0, react.forwardRef)(function PaddleNav({ children, orientation = "horizontal", outsideContent = false, variant = "primary", size = "md", className, ...rest }, ref) {
+	const isRtl = require_hooks_useRtl.useRtl();
+	const [paddleHiddenByRole, setPaddleHiddenByRole] = (0, react.useState)(require_components_client_PaddleNav_paddleNavContext.defaultPaddleHiddenByRole);
+	const registerPaddleHidden = (0, react.useCallback)((role, hidden) => {
+		setPaddleHiddenByRole((current) => {
+			if (current[role] === hidden) return current;
+			return {
+				...current,
+				[role]: hidden
+			};
+		});
+	}, []);
+	const paddleNavContextValue = (0, react.useMemo)(() => ({
+		orientation,
+		outsideContent,
+		variant,
+		size,
+		paddleHiddenByRole,
+		registerPaddleHidden
+	}), [
+		orientation,
+		outsideContent,
+		variant,
+		size,
+		paddleHiddenByRole,
+		registerPaddleHidden
+	]);
+	const { contentNodes, previousPaddle, nextPaddle, passthroughNodes } = partitionChildren(children);
+	const isVertical = orientation === "vertical";
+	const isHorizontalCenter = orientation === "horizontal";
+	const isCenter = isVertical || isHorizontalCenter;
+	const isCorner = !isCenter;
+	const resolvedOrientation = require_components_client_PaddleNav_utils_resolvePaddleNavCornerOrientation.resolvePaddleNavCornerOrientation(orientation, isCorner ? isRtl : false);
+	const physicalCornerOrientation = isCorner && resolvedOrientation !== "horizontal" && resolvedOrientation !== "vertical" ? resolvedOrientation : void 0;
+	if (!(contentNodes.length > 0)) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_PaddleNav_paddleNavContext.PaddleNavContext.Provider, {
+		value: paddleNavContextValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
+			ref,
+			dir: isVertical ? void 0 : "ltr",
+			className: require_styles_styler.cx(paddleClusterClassName, isVertical && "flex-col", className),
+			"data-paddle-nav-orientation": orientation,
+			"data-paddle-nav-outside": outsideContent ? "true" : "false",
+			...rest,
+			children: [
+				previousPaddle,
+				nextPaddle,
+				passthroughNodes
+			]
+		})
+	});
+	if (isCenter) {
+		if (outsideContent) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_PaddleNav_paddleNavContext.PaddleNavContext.Provider, {
+			value: paddleNavContextValue,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_components_Box.Box, {
+				ref,
+				dir: isHorizontalCenter ? "ltr" : void 0,
+				display: "inline-flex",
+				alignItems: "center",
+				justifyContent: "center",
+				flexDirection: isVertical ? "column" : "row",
+				columnGap: isVertical ? void 0 : "2",
+				rowGap: isVertical ? "2" : void 0,
+				className,
+				"data-paddle-nav-orientation": orientation,
+				"data-paddle-nav-outside": "true",
+				...rest,
+				children: [
+					previousPaddle,
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: require_styles_styler.cx("relative min-w-0 min-h-0 flex-1"),
+						children: contentNodes
+					}),
+					nextPaddle,
+					passthroughNodes
+				]
+			})
+		});
+		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_PaddleNav_paddleNavContext.PaddleNavContext.Provider, {
+			value: paddleNavContextValue,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				ref,
+				className: require_styles_styler.cx("relative inline-block", className),
+				"data-paddle-nav-orientation": orientation,
+				"data-paddle-nav-outside": "false",
+				...rest,
+				children: [
+					contentNodes,
+					previousPaddle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: getPaddleWrapperClassName(require_styles_styler.cx("absolute z-10 pointer-events-auto", isVertical ? "top-2 left-1/2 -translate-x-1/2" : horizontalOverlayStartClass), paddleHiddenByRole.previous),
+						children: previousPaddle
+					}),
+					nextPaddle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: getPaddleWrapperClassName(require_styles_styler.cx("absolute z-10 pointer-events-auto", isVertical ? "bottom-2 left-1/2 -translate-x-1/2" : horizontalOverlayEndClass), paddleHiddenByRole.next),
+						children: nextPaddle
+					}),
+					passthroughNodes
+				]
+			})
+		});
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_components_client_PaddleNav_paddleNavContext.PaddleNavContext.Provider, {
+		value: paddleNavContextValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			ref,
+			className: require_styles_styler.cx("relative inline-block", className),
+			"data-paddle-nav-orientation": orientation,
+			"data-paddle-nav-outside": outsideContent ? "true" : "false",
+			...rest,
+			children: [
+				contentNodes,
+				(previousPaddle || nextPaddle) && physicalCornerOrientation && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					dir: "ltr",
+					className: require_styles_styler.cx("absolute z-10", paddleClusterClassName, getCornerInsetClasses(physicalCornerOrientation, outsideContent)),
+					children: [previousPaddle, nextPaddle]
+				}),
+				passthroughNodes
+			]
+		})
+	});
+});
+PaddleNav.displayName = "PaddleNav";
+//#endregion
+exports.PaddleNav = PaddleNav;

package/dist/components/client/PaddleNav/PaddleNav.d.cts

@@ -0,0 +1,11 @@
+
+import { UniversalPaddleNavProps } from "../../../types/dist/index.cjs";
+import * as _$react from "react";
+import { HTMLAttributes } from "react";
+
+//#region src/components/client/PaddleNav/PaddleNav.d.ts
+type HtmlDivProps = Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+type PaddleNavProps = UniversalPaddleNavProps & HtmlDivProps;
+declare const PaddleNav: _$react.ForwardRefExoticComponent<UniversalPaddleNavProps & HtmlDivProps & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { PaddleNav, type PaddleNavProps };

package/dist/components/client/PaddleNav/PaddleNav.d.ts

@@ -0,0 +1,12 @@
+
+"use client";
+import { UniversalPaddleNavProps } from "../../../types/dist/index.js";
+import * as _$react from "react";
+import { HTMLAttributes } from "react";
+
+//#region src/components/client/PaddleNav/PaddleNav.d.ts
+type HtmlDivProps = Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+type PaddleNavProps = UniversalPaddleNavProps & HtmlDivProps;
+declare const PaddleNav: _$react.ForwardRefExoticComponent<UniversalPaddleNavProps & HtmlDivProps & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { PaddleNav, type PaddleNavProps };