@povio/ui 3.4.0-rc.19 → 3.4.0-rc.20

package/dist/Button-Cq7t4Xxl.js

@@ -0,0 +1,160 @@
+import { J as $bdb11010cef70236$export$f680877a34711e37, L as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, R as $3ef42575df84b30b$export$9d1611c77c2fe928, T as $64fa3d84918910a7$export$df3a06d6289f983e, b as $64fa3d84918910a7$export$29f1550f4b0d4415, t as $6179b936705e76d3$export$ae780daf29e6d456, x as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./useHover-DwfnacVy.js";
+import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuXtCnJj.js";
+import { t as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-BtagiSrf.js";
+import { t as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-iUReggbG.js";
+import $HgANd$react, { createContext, useEffect, useRef } from "react";
+//#region ../../node_modules/.bun/@react-aria+live-announcer@3.4.4/node_modules/@react-aria/live-announcer/dist/LiveAnnouncer.mjs
+const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7e3;
+let $319e236875307eab$var$liveAnnouncer = null;
+function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
+	if (!$319e236875307eab$var$liveAnnouncer) {
+		$319e236875307eab$var$liveAnnouncer = new $319e236875307eab$var$LiveAnnouncer();
+		if (!(typeof IS_REACT_ACT_ENVIRONMENT === "boolean" ? IS_REACT_ACT_ENVIRONMENT : typeof jest !== "undefined")) setTimeout(() => {
+			if ($319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 ? void 0 : $319e236875307eab$var$liveAnnouncer.isAttached()) $319e236875307eab$var$liveAnnouncer === null || $319e236875307eab$var$liveAnnouncer === void 0 || $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+		}, 100);
+		else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+	} else $319e236875307eab$var$liveAnnouncer.announce(message, assertiveness, timeout);
+}
+function $319e236875307eab$export$d10ae4f68404609a(assertiveness) {
+	if ($319e236875307eab$var$liveAnnouncer) $319e236875307eab$var$liveAnnouncer.clear(assertiveness);
+}
+var $319e236875307eab$var$LiveAnnouncer = class {
+	isAttached() {
+		var _this_node;
+		return (_this_node = this.node) === null || _this_node === void 0 ? void 0 : _this_node.isConnected;
+	}
+	createLog(ariaLive) {
+		let node = document.createElement("div");
+		node.setAttribute("role", "log");
+		node.setAttribute("aria-live", ariaLive);
+		node.setAttribute("aria-relevant", "additions");
+		return node;
+	}
+	destroy() {
+		if (!this.node) return;
+		document.body.removeChild(this.node);
+		this.node = null;
+	}
+	announce(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
+		var _this_assertiveLog, _this_politeLog;
+		if (!this.node) return;
+		let node = document.createElement("div");
+		if (typeof message === "object") {
+			node.setAttribute("role", "img");
+			node.setAttribute("aria-labelledby", message["aria-labelledby"]);
+		} else node.textContent = message;
+		if (assertiveness === "assertive") (_this_assertiveLog = this.assertiveLog) === null || _this_assertiveLog === void 0 || _this_assertiveLog.appendChild(node);
+		else (_this_politeLog = this.politeLog) === null || _this_politeLog === void 0 || _this_politeLog.appendChild(node);
+		if (message !== "") setTimeout(() => {
+			node.remove();
+		}, timeout);
+	}
+	clear(assertiveness) {
+		if (!this.node) return;
+		if ((!assertiveness || assertiveness === "assertive") && this.assertiveLog) this.assertiveLog.innerHTML = "";
+		if ((!assertiveness || assertiveness === "polite") && this.politeLog) this.politeLog.innerHTML = "";
+	}
+	constructor() {
+		this.node = null;
+		this.assertiveLog = null;
+		this.politeLog = null;
+		if (typeof document !== "undefined") {
+			this.node = document.createElement("div");
+			this.node.dataset.liveAnnouncer = "true";
+			Object.assign(this.node.style, {
+				border: 0,
+				clip: "rect(0 0 0 0)",
+				clipPath: "inset(50%)",
+				height: "1px",
+				margin: "-1px",
+				overflow: "hidden",
+				padding: 0,
+				position: "absolute",
+				width: "1px",
+				whiteSpace: "nowrap"
+			});
+			this.assertiveLog = this.createLog("assertive");
+			this.node.appendChild(this.assertiveLog);
+			this.politeLog = this.createLog("polite");
+			this.node.appendChild(this.politeLog);
+			document.body.prepend(this.node);
+		}
+	}
+};
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/ProgressBar.mjs
+const $0393f8ab869a0f1a$export$e9f3bf65a26ce129 = /*#__PURE__*/ createContext(null);
+//#endregion
+//#region ../../node_modules/.bun/react-aria-components@1.15.1+67f6792bdf102c28/node_modules/react-aria-components/dist/Button.mjs
+const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /*#__PURE__*/ createContext({});
+const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /*#__PURE__*/ $f39a9eba43920ace$export$86427a43e3e48ebb(function Button(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
+	let ctx = props;
+	let { isPending } = ctx;
+	let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref);
+	buttonProps = $d2b4bc8c273e7be6$var$useDisableInteractions(buttonProps, isPending);
+	let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
+	let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+		...props,
+		isDisabled: props.isDisabled || isPending
+	});
+	let renderValues = {
+		isHovered,
+		isPressed: (ctx.isPressed || isPressed) && !isPending,
+		isFocused,
+		isFocusVisible,
+		isDisabled: props.isDisabled || false,
+		isPending: isPending !== null && isPending !== void 0 ? isPending : false
+	};
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		values: renderValues,
+		defaultClassName: "react-aria-Button"
+	});
+	let buttonId = $bdb11010cef70236$export$f680877a34711e37(buttonProps.id);
+	let progressId = $bdb11010cef70236$export$f680877a34711e37();
+	let ariaLabelledby = buttonProps["aria-labelledby"];
+	if (isPending) {
+		if (ariaLabelledby) ariaLabelledby = `${ariaLabelledby} ${progressId}`;
+		else if (buttonProps["aria-label"]) ariaLabelledby = `${buttonId} ${progressId}`;
+	}
+	let wasPending = useRef(isPending);
+	useEffect(() => {
+		let message = { "aria-labelledby": ariaLabelledby || buttonId };
+		if (!wasPending.current && isFocused && isPending) $319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
+		else if (wasPending.current && isFocused && !isPending) $319e236875307eab$export$a9b970dcc4ae71a9(message, "assertive");
+		wasPending.current = isPending;
+	}, [
+		isPending,
+		isFocused,
+		ariaLabelledby,
+		buttonId
+	]);
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, { global: true });
+	delete DOMProps.onClick;
+	return /*#__PURE__*/ $HgANd$react.createElement($64fa3d84918910a7$export$df3a06d6289f983e.button, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, buttonProps, focusProps, hoverProps),
+		type: buttonProps.type === "submit" && isPending ? "button" : buttonProps.type,
+		id: buttonId,
+		ref,
+		"aria-labelledby": ariaLabelledby,
+		slot: props.slot || void 0,
+		"aria-disabled": isPending ? "true" : buttonProps["aria-disabled"],
+		"data-disabled": props.isDisabled || void 0,
+		"data-pressed": renderValues.isPressed || void 0,
+		"data-hovered": isHovered || void 0,
+		"data-focused": isFocused || void 0,
+		"data-pending": isPending || void 0,
+		"data-focus-visible": isFocusVisible || void 0
+	}, /*#__PURE__*/ $HgANd$react.createElement($0393f8ab869a0f1a$export$e9f3bf65a26ce129.Provider, { value: { id: progressId } }, renderProps.children));
+});
+function $d2b4bc8c273e7be6$var$useDisableInteractions(props, isPending) {
+	if (isPending) {
+		for (const key in props) if (key.startsWith("on") && !(key.includes("Focus") || key.includes("Blur"))) props[key] = void 0;
+		props.href = void 0;
+		props.target = void 0;
+	}
+	return props;
+}
+//#endregion
+export { $319e236875307eab$export$d10ae4f68404609a as i, $d2b4bc8c273e7be6$export$353f5b6fc5456de1 as n, $319e236875307eab$export$a9b970dcc4ae71a9 as r, $d2b4bc8c273e7be6$export$24d547caef80ccd1 as t };

package/dist/{components/buttons/Button/button.cva.js → Button-Dlm1NyTJ.js}

@@ -1,6 +1,14 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { uiOutlineClass } from "../../outline.clsx.js";
-import { compoundMapper } from "../../../utils/compoundMapper.js";
+import { t as UIConfig } from "./uiConfig.context-SBtRegKv.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { n as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "./Button-Cq7t4Xxl.js";
+import { t as $4f118338184dc1d9$export$a6c7ac8248d6e38a } from "./Link-BBMgG7TX.js";
+import { t as $efde0372d7a700fe$export$d2b052e7b4be1756 } from "./ToggleButton-D94yRla8.js";
+import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as LinkContext } from "./link.context-J7aQtMOr.js";
+import { t as ButtonContent } from "./ButtonContent-17xvQXod.js";
+import { n as uiOutlineClass } from "./outline.clsx-50W_vNDl.js";
+import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/Button/button.cva.ts
 const buttonDefinition = UIOverrides.defineConfig({
 	base: [
@@ -622,4 +630,61 @@ const buttonTypography = compoundMapper({ default: {
 	variant: "prominent-1"
 } });
 //#endregion
-export { buttonContentDefinition, buttonDefinition, buttonIconSizeDefinition, buttonSizeDefinition, buttonTypography };
+//#region src/components/buttons/Button/Button.tsx
+const Button = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, contentRef, ...props }) => {
+	const linkContext = LinkContext.useLinkContext();
+	const uiConfig = UIConfig.useConfig();
+	const { variant = uiConfig.button.variant, size = uiConfig.button.size } = props;
+	const buttonCva = UIOverrides.useCva("button.cva", buttonDefinition);
+	const buttonSizeCva = UIOverrides.useCva("button.sizeCva", buttonSizeDefinition);
+	const buttonContentCva = UIOverrides.useCva("button.contentCva", buttonContentDefinition);
+	const buttonIconSizeCva = UIOverrides.useCva("button.iconSize", buttonIconSizeDefinition);
+	const typographyMap = UIOverrides.useMapper("button.typography", buttonTypography);
+	const Component = (() => {
+		if (link) return linkContext?.LinkComponent ?? $4f118338184dc1d9$export$a6c7ac8248d6e38a;
+		if (props.toggle != null) return $efde0372d7a700fe$export$d2b052e7b4be1756;
+		return $d2b4bc8c273e7be6$export$353f5b6fc5456de1;
+	})();
+	if (link && !link.to && link.href) link.to = link.href;
+	return /* @__PURE__ */ jsx(Component, {
+		...props,
+		...link,
+		isDisabled: isLoading && !noDisableWhenLoading ? true : props.isDisabled,
+		className: clsx(buttonCva({
+			...props,
+			variant,
+			size,
+			className
+		}), buttonSizeCva({
+			...props,
+			variant,
+			size
+		}), buttonContentCva({
+			...props,
+			variant,
+			size,
+			iconPosition: !Icon ? "none" : iconPosition
+		})),
+		children: /* @__PURE__ */ jsx(ButtonContent, {
+			ref: contentRef,
+			isLoading,
+			icon: Icon,
+			content: children,
+			hideText: props.iconOnly,
+			iconPosition,
+			iconClassName: buttonIconSizeCva({
+				...props,
+				variant,
+				size,
+				className: iconClassName
+			}),
+			typography: typographyMap({
+				...props,
+				variant,
+				size
+			})
+		})
+	});
+};
+//#endregion
+export { buttonSizeDefinition as a, buttonIconSizeDefinition as i, buttonContentDefinition as n, buttonDefinition as r, Button as t };

package/dist/{components/buttons/shared/ButtonContent.js → ButtonContent-17xvQXod.js}

@@ -1,11 +1,38 @@
-import { UIOverrides } from "../../../config/uiOverrides.context.js";
-import { typographyDefinition } from "../../text/Typography/typography.cva.js";
-import { buttonContentLabel } from "./buttonContent.cva.js";
-import { Loader } from "../../loader.js";
-import { c } from "react/compiler-runtime";
-import { clsx } from "clsx";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { n as cva, t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
+import { t as typographyDefinition } from "./typography.cva-BI0FyIqm.js";
+import { t as Loader } from "./Loader-C6YkWZOO.js";
 import { isValidElement } from "react";
+import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/buttons/shared/buttonContent.cva.ts
+const buttonContentLabel = cva("hyphens-auto md:truncate", {
+	variants: {
+		iconPosition: {
+			left: "",
+			right: "",
+			none: ""
+		},
+		hideText: {
+			true: "sr-only",
+			false: ""
+		}
+	},
+	compoundVariants: [{
+		iconPosition: "left",
+		hideText: false,
+		className: "mr-button-side-button-content"
+	}, {
+		iconPosition: "right",
+		hideText: false,
+		className: "ml-button-side-button-content"
+	}],
+	defaultVariants: {
+		iconPosition: "none",
+		hideText: false
+	}
+});
+//#endregion
 //#region src/components/buttons/shared/ButtonContent.tsx
 const ButtonContent = (t0) => {
 	const $ = c(21);
@@ -92,4 +119,4 @@ const ButtonContent = (t0) => {
 	return t6;
 };
 //#endregion
-export { ButtonContent };
+export { ButtonContent as t };