@povio/ui 2.2.0 → 2.2.1

package/dist/Button.js

@@ -1,54 +0,0 @@
-import { UIStyle } from "./uiStyle.context.js";
-import { LinkContext } from "./link.context.js";
-import { ButtonContent } from "./ButtonContent.js";
-import { TooltipEllipsis } from "./TooltipEllipsis.js";
-import { button, buttonContent, buttonIconSize, buttonSize, buttonTypography } from "./button.cva.js";
-import { jsx } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { Button, Link, ToggleButton } from "react-aria-components";
-const Button$1 = ({ icon: Icon, iconPosition, children, isLoading, className, link, iconClassName, noDisableWhenLoading, disableTooltip,...props }) => {
-	const linkContext = LinkContext.useLinkContext();
-	const uiStyle = UIStyle.useConfig();
-	const buttonCva = uiStyle?.button?.cva ?? button;
-	const buttonSizeCva = uiStyle?.button?.sizeCva ?? buttonSize;
-	const buttonContentCva = uiStyle?.button?.contentCva ?? buttonContent;
-	const buttonIconSizeCva = uiStyle?.button?.iconSize ?? buttonIconSize;
-	const typographyMap = uiStyle?.button?.typography ?? buttonTypography;
-	const Component = (() => {
-		if (link) return linkContext?.LinkComponent ?? Link;
-		if (props.toggle != null) return ToggleButton;
-		return Button;
-	})();
-	if (link && !link.to && link.href) link.to = link.href;
-	return /* @__PURE__ */ jsx(TooltipEllipsis, {
-		text: children,
-		isDisabled: disableTooltip,
-		children: (onContentRef) => /* @__PURE__ */ jsx(Component, {
-			...props,
-			...link,
-			isDisabled: props.isDisabled || isLoading && !noDisableWhenLoading,
-			className: clsx(buttonCva({
-				...props,
-				className
-			}), buttonSizeCva({ ...props })),
-			children: /* @__PURE__ */ jsx(ButtonContent, {
-				isLoading,
-				icon: Icon,
-				text: children,
-				ref: onContentRef,
-				hideText: props.iconOnly,
-				iconPosition,
-				iconClassName: buttonIconSizeCva({
-					...props,
-					className: iconClassName
-				}),
-				className: buttonContentCva({
-					...props,
-					iconPosition: !Icon ? "none" : iconPosition
-				}),
-				typography: typographyMap({ ...props })
-			})
-		})
-	});
-};
-export { Button$1 as Button };

package/dist/ButtonContent.js

@@ -1,28 +0,0 @@
-import { Typography } from "./Typography.js";
-import { buttonContent } from "./buttonContent.cva.js";
-import { Loader } from "./Loader.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { isValidElement } from "react";
-const ButtonContent = ({ ref, text, isLoading, className, icon: Icon, iconClassName, hideText, iconPosition, typography }) => {
-	let iconOrLoader = null;
-	if (isLoading) iconOrLoader = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
-	else if (Icon) if (isValidElement(Icon)) iconOrLoader = Icon;
-	else iconOrLoader = /* @__PURE__ */ jsx(Icon, { className: clsx("shrink-0", iconClassName) });
-	return /* @__PURE__ */ jsxs("span", {
-		className: buttonContent({
-			iconPosition: iconOrLoader ? iconPosition : null,
-			className
-		}),
-		children: [iconOrLoader, /* @__PURE__ */ jsx(Typography, {
-			as: "span",
-			size: "label-2",
-			variant: "prominent-1",
-			...typography,
-			className: clsx("hyphens-auto md:truncate", hideText && "sr-only"),
-			ref,
-			children: text
-		})]
-	});
-};
-export { ButtonContent };

package/dist/IconButton.js

@@ -1,12 +0,0 @@
-import { Button } from "./Button.js";
-import { jsx } from "react/jsx-runtime";
-const IconButton = ({ label,...props }) => {
-	return /* @__PURE__ */ jsx(Button, {
-		...props,
-		iconOnly: true,
-		width: "hug",
-		disableTooltip: props.disableTooltip,
-		children: label
-	});
-};
-export { IconButton };

package/dist/MenuDesktop.js

@@ -1,54 +0,0 @@
-import { MenuPopover } from "./MenuPopover.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useRef, useState } from "react";
-import { MenuTrigger } from "react-aria-components";
-import { useHover } from "react-aria";
-var CLOSE_DELAY = 100;
-const MenuDesktop = ({ trigger, items, closeDelay = CLOSE_DELAY, triggerOnHover = false, onAction,...props }) => {
-	const [isOpen, setIsOpen] = useState(false);
-	const timeoutRef = useRef(null);
-	const isHoveringTrigger = useRef(false);
-	const openMenu = () => {
-		if (timeoutRef.current) {
-			clearTimeout(timeoutRef.current);
-			timeoutRef.current = null;
-		}
-		setIsOpen(true);
-	};
-	const closeMenu = () => {
-		if (isHoveringTrigger.current) return;
-		timeoutRef.current = setTimeout(() => {
-			setIsOpen(false);
-			timeoutRef.current = null;
-		}, closeDelay);
-	};
-	const { hoverProps } = useHover({
-		isDisabled: !triggerOnHover,
-		onHoverChange: (isHovering) => {
-			if (isHovering) {
-				isHoveringTrigger.current = true;
-				openMenu();
-			} else {
-				isHoveringTrigger.current = false;
-				closeMenu();
-			}
-		}
-	});
-	let triggerComponent = trigger;
-	if (triggerOnHover) triggerComponent = React.cloneElement(trigger, hoverProps);
-	return /* @__PURE__ */ jsxs(MenuTrigger, {
-		isOpen: triggerOnHover ? isOpen : void 0,
-		onOpenChange: setIsOpen,
-		children: [triggerComponent, /* @__PURE__ */ jsx(MenuPopover, {
-			...props,
-			offset: 0,
-			items,
-			onAction,
-			isOpen: triggerOnHover ? isOpen : void 0,
-			isNonModal: triggerOnHover,
-			onMouseEnter: triggerOnHover ? openMenu : void 0,
-			onMouseLeave: triggerOnHover ? closeMenu : void 0
-		})]
-	});
-};
-export { MenuDesktop };

package/dist/PillButton.js

@@ -1,37 +0,0 @@
-import { CloseIcon } from "./Close.js";
-import { UIStyle } from "./uiStyle.context.js";
-import { ButtonContent } from "./ButtonContent.js";
-import { TooltipEllipsis } from "./TooltipEllipsis.js";
-import { pillButton, pillButtonContent, pillButtonIconSize, pillButtonTypography } from "./pillButton.cva.js";
-import { jsx } from "react/jsx-runtime";
-import { Button, ToggleButton } from "react-aria-components";
-const PillButton = ({ children, dismissable, toggle, icon, iconPosition,...props }) => {
-	const uiStyle = UIStyle.useConfig();
-	const pillButtonCva = uiStyle?.pillButton?.cva ?? pillButton;
-	const pillButtonTypographyMap = uiStyle?.pillButton?.typography ?? pillButtonTypography;
-	const Component = toggle ? ToggleButton : Button;
-	const getIconPosition = () => {
-		if (dismissable) return "right";
-		return icon ? iconPosition : "none";
-	};
-	return /* @__PURE__ */ jsx(TooltipEllipsis, {
-		text: children,
-		children: (onContentRef) => /* @__PURE__ */ jsx(Component, {
-			...props,
-			className: pillButtonCva({
-				...props,
-				className: props.className
-			}),
-			children: /* @__PURE__ */ jsx(ButtonContent, {
-				text: children,
-				ref: onContentRef,
-				icon: dismissable ? CloseIcon : icon,
-				iconPosition: dismissable ? "right" : iconPosition,
-				className: pillButtonContent({ iconPosition: getIconPosition() }),
-				iconClassName: pillButtonIconSize,
-				typography: pillButtonTypographyMap({ ...props })
-			})
-		})
-	});
-};
-export { PillButton };

package/dist/Tag.js

@@ -1,42 +0,0 @@
-import { CloseIcon } from "./Close.js";
-import { UIStyle } from "./uiStyle.context.js";
-import { Typography } from "./Typography.js";
-import { TooltipEllipsis } from "./TooltipEllipsis.js";
-import { ns } from "./i18n.js";
-import { tag } from "./tag.cva.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { clsx } from "clsx";
-import { Button } from "react-aria-components";
-import { useTranslation } from "react-i18next";
-const Tag = ({ className, children, dismissable, isDisabled, onDismiss,...props }) => {
-	const tagCva = UIStyle.useConfig()?.tag?.cva ?? tag;
-	const { t } = useTranslation("ui");
-	const buttonProps = {
-		isDisabled,
-		onPress: onDismiss,
-		label: t(($) => $.ui.tag.dismiss),
-		...props
-	};
-	return /* @__PURE__ */ jsx(TooltipEllipsis, {
-		text: children,
-		children: (onContentRef) => /* @__PURE__ */ jsxs("div", {
-			className: tagCva({
-				...props,
-				className: clsx("pointer-events-none", className)
-			}),
-			children: [/* @__PURE__ */ jsx(Typography, {
-				ref: onContentRef,
-				variant: "default",
-				size: "label-2",
-				as: "span",
-				className: "truncate",
-				children
-			}), dismissable && /* @__PURE__ */ jsx(Button, {
-				...buttonProps,
-				className: "pointer-events-auto shrink-0",
-				children: /* @__PURE__ */ jsx(CloseIcon, { className: "size-4" })
-			})]
-		})
-	});
-};
-export { Tag };

package/dist/buttonContent.cva.js

@@ -1,10 +0,0 @@
-import { cva } from "class-variance-authority";
-const buttonContent = cva("flex w-full items-center justify-center", {
-	variants: { iconPosition: {
-		left: "flex-row",
-		right: "flex-row-reverse",
-		none: "flex-row"
-	} },
-	defaultVariants: { iconPosition: "left" }
-});
-export { buttonContent };

package/dist/i18n.js

@@ -1,8 +0,0 @@
-import translation_default from "./translation.js";
-import translation_default$1 from "./translation2.js";
-const ns = "ui";
-const resources = {
-	en: { ["ui"]: translation_default },
-	sl: { ["ui"]: translation_default$1 }
-};
-export { ns, resources };

package/dist/react.js

@@ -1,6 +0,0 @@
-import { __reExport } from "./rolldown_runtime.js";
-export * from "framer-motion";
-var react_exports = {};
-import * as import_framer_motion from "framer-motion";
-__reExport(react_exports, import_framer_motion);
-export { react_exports };