@povio/ui 3.4.0-rc.9 → 4.0.0-rc.2

package/dist/Button-DTNjsGx5.d.ts

@@ -0,0 +1,42 @@
+import { n as LinkNavigationProps } from "./Link-DS9-0Ijl.js";
+import { n as ButtonVariantProps } from "./button.cva-ChabF4Am.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-CP857foM.js";
+import { FC, ReactElement, ReactNode, Ref, SVGProps } from "react";
+import { ButtonProps as ButtonProps$2, ToggleButtonProps as ToggleButtonProps$2 } from "react-aria-components";
+//#region src/components/buttons/Button/Button.d.ts
+type ButtonIconProps<IconOnly extends boolean = false> = {
+  iconOnly?: IconOnly;
+} & (IconOnly extends true ? {
+  icon: FC<SVGProps<SVGSVGElement>> | ReactElement;
+} : {
+  icon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+});
+type ToggleButtonProps$1 = {
+  toggle?: false;
+} | ({
+  toggle: true;
+  isSelected?: boolean;
+} & ToggleButtonProps$2);
+type ButtonAppearanceProps = Omit<ButtonVariantProps, "width"> & {
+  /** Standard boolean alternative to `width="fill"`. */
+  fullWidth?: boolean;
+  width?: ButtonVariantProps["width"];
+};
+type ButtonProps$1<IconOnly extends boolean = false> = ButtonAppearanceProps & Omit<ButtonContentVariantProps, "size"> & ButtonProps$2 & ButtonIconProps<IconOnly> & ToggleButtonProps$1 & {
+  children: ReactNode;
+  isLoading?: boolean;
+  /** Standard alias for `isLoading`. */
+  loading?: boolean;
+  link?: LinkNavigationProps;
+  /** Prefer this positive form over `noDisableWhenLoading`. */
+  disableWhileLoading?: boolean;
+  noDisableWhenLoading?: boolean;
+  iconClassName?: string;
+  contentRef?: Ref<HTMLElement>;
+  /** Standard icon placement props. `icon` and `iconPosition` remain supported. */
+  startIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+  endIcon?: FC<SVGProps<SVGSVGElement>> | ReactElement;
+};
+declare const Button: <IconOnly extends boolean = false>({ icon: Icon, startIcon, endIcon, iconPosition, children, isLoading: isLoadingProp, loading, className, link, iconClassName, noDisableWhenLoading, disableWhileLoading, contentRef, variant: variantProp, size: sizeProp, width: widthProp, fullWidth, ...props }: ButtonProps$1<IconOnly>) => import("react").JSX.Element;
+//#endregion
+export { ButtonProps$2 as a, ButtonProps$1 as i, ButtonAppearanceProps as n, ButtonIconProps as r, Button as t };

package/dist/ButtonContent-CohuJJzG.js

@@ -0,0 +1,136 @@
+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 Spinner } from "./Spinner-owSXOEzg.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(24);
+	const { ref, content, isLoading, icon: Icon, startIcon, endIcon, iconClassName, hideText, iconPosition: t1, typography: typographyOverrides } = t0;
+	const iconPosition = t1 === void 0 ? "left" : t1;
+	const typographyCva = UIOverrides.useCva("typography.cva", typographyDefinition);
+	let t2;
+	if ($[0] !== iconClassName) {
+		t2 = (icon) => {
+			if (!icon) return null;
+			if (isValidElement(icon)) return icon;
+			return /* @__PURE__ */ jsx(icon, { className: clsx("shrink-0", iconClassName) });
+		};
+		$[0] = iconClassName;
+		$[1] = t2;
+	} else t2 = $[1];
+	const renderIcon = t2;
+	let startIconOrLoader;
+	let endIconElement = null;
+	if (isLoading) {
+		let t3;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t3 = /* @__PURE__ */ jsx(Spinner, { className: "shrink-0" });
+			$[2] = t3;
+		} else t3 = $[2];
+		startIconOrLoader = t3;
+	} else {
+		const t3 = startIcon ?? (iconPosition !== "right" ? Icon : void 0);
+		let t4;
+		if ($[3] !== renderIcon || $[4] !== t3) {
+			t4 = renderIcon(t3);
+			$[3] = renderIcon;
+			$[4] = t3;
+			$[5] = t4;
+		} else t4 = $[5];
+		startIconOrLoader = t4;
+		const t5 = endIcon ?? (iconPosition === "right" ? Icon : void 0);
+		let t6;
+		if ($[6] !== renderIcon || $[7] !== t5) {
+			t6 = renderIcon(t5);
+			$[6] = renderIcon;
+			$[7] = t5;
+			$[8] = t6;
+		} else t6 = $[8];
+		endIconElement = t6;
+	}
+	let t3;
+	let t4;
+	if ($[9] !== endIconElement || $[10] !== hideText || $[11] !== startIconOrLoader || $[12] !== typographyCva || $[13] !== typographyOverrides) {
+		const resolvedTypography = {
+			size: "label-2",
+			variant: "prominent-1",
+			...typographyOverrides
+		};
+		t4 = startIconOrLoader;
+		t3 = clsx(typographyCva({
+			...resolvedTypography,
+			sizeMobile: resolvedTypography.sizeMobile ?? resolvedTypography.size
+		}), buttonContentLabel({
+			iconPosition: startIconOrLoader ? "left" : endIconElement ? "right" : "none",
+			hideText: !!hideText
+		}));
+		$[9] = endIconElement;
+		$[10] = hideText;
+		$[11] = startIconOrLoader;
+		$[12] = typographyCva;
+		$[13] = typographyOverrides;
+		$[14] = t3;
+		$[15] = t4;
+	} else {
+		t3 = $[14];
+		t4 = $[15];
+	}
+	let t5;
+	if ($[16] !== content || $[17] !== ref || $[18] !== t3) {
+		t5 = /* @__PURE__ */ jsx("span", {
+			className: t3,
+			ref,
+			children: content
+		});
+		$[16] = content;
+		$[17] = ref;
+		$[18] = t3;
+		$[19] = t5;
+	} else t5 = $[19];
+	let t6;
+	if ($[20] !== endIconElement || $[21] !== t4 || $[22] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			t4,
+			t5,
+			endIconElement
+		] });
+		$[20] = endIconElement;
+		$[21] = t4;
+		$[22] = t5;
+		$[23] = t6;
+	} else t6 = $[23];
+	return t6;
+};
+//#endregion
+export { ButtonContent as t };