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

package/dist/components/bottom-sheet.js

@@ -1,331 +1,2 @@
-import { UIConfig } from "../config/uiConfig.context.js";
-import { BottomSheetHeader } from "./overlays/BottomSheet/BottomSheetHeader.js";
-import { useStateAndRef } from "../hooks/useStateAndRef.js";
-import { DomUtils } from "../utils/dom.utils.js";
-import { c } from "react/compiler-runtime";
-import { clsx } from "clsx";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { Dialog, DialogTrigger, Modal, ModalOverlay } from "react-aria-components";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useResizeObserver, useViewportSize } from "@react-aria/utils";
-import { AnimatePresence, animate, motion, useDragControls, useMotionValue } from "motion/react";
-//#region src/components/overlays/BottomSheet/BottomSheet.tsx
-const MotionModal = motion.create(Modal);
-const MotionModalOverlay = motion.create(ModalOverlay);
-const inertiaTransition = {
-	type: "inertia",
-	bounceStiffness: 300,
-	bounceDamping: 40,
-	timeConstant: 300
-};
-const staticTransition = {
-	duration: .5,
-	ease: [
-		.32,
-		.72,
-		0,
-		1
-	]
-};
-const KEYBOARD_INSET_THRESHOLD = 48;
-const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable = true, isScrollable = true, height = "full", label, portalContainerRef, children, footer, hideHeader, hideThumb: hideThumbProp, sheetMarginTop = 96, sheetMarginBottom = 128, closeDragThreshold: closeDragThresholdProp, closeVelocityThreshold: closeVelocityThresholdProp, shouldCloseOnInteractOutside, containerClassName, overlayClassName, headerTypography: headerTypographyProp }) => {
-	const uiConfig = UIConfig.useConfig();
-	const closeDragThreshold = closeDragThresholdProp ?? uiConfig.bottomSheet.closeDragThreshold;
-	const closeVelocityThreshold = closeVelocityThresholdProp ?? uiConfig.bottomSheet.closeVelocityThreshold;
-	const hideThumb = hideThumbProp ?? uiConfig.bottomSheet.hideThumb;
-	const headerTypography = headerTypographyProp ?? uiConfig.bottomSheet.headerTypography;
-	const viewport = useViewportSize();
-	const { sheetHeight, windowHeight } = useMemo(() => {
-		const sh = viewport.height - sheetMarginTop;
-		const browserHeight = typeof window === "undefined" ? viewport.height : window.innerHeight;
-		return {
-			sheetHeight: sh,
-			windowHeight: Math.max(browserHeight, viewport.height) - sheetMarginTop
-		};
-	}, [viewport.height, sheetMarginTop]);
-	const y = useMotionValue(sheetHeight);
-	const dragControls = useDragControls();
-	const closeVelocityRef = useRef(true);
-	const overlayRef = useRef(null);
-	const containerRef = useRef(null);
-	const dialogRef = useRef(null);
-	const focusTrapRef = useRef(null);
-	const [footerElement, footerRef, setFooterElement] = useStateAndRef(null);
-	const [footerHeight, setFooterHeight] = useState(0);
-	const [keyboardInset, setKeyboardInset] = useState(0);
-	useEffect(() => {
-		if (!isOpen) {
-			setKeyboardInset(0);
-			return;
-		}
-		if (typeof window === "undefined") return;
-		const vv = window.visualViewport;
-		if (!vv) return;
-		const update = () => {
-			const naturalHeight = vv.height * Math.max(vv.scale, 1);
-			const next = Math.max(0, window.innerHeight - naturalHeight);
-			setKeyboardInset(next > KEYBOARD_INSET_THRESHOLD ? Math.round(next) : 0);
-		};
-		update();
-		vv.addEventListener("resize", update);
-		vv.addEventListener("scroll", update);
-		return () => {
-			vv.removeEventListener("resize", update);
-			vv.removeEventListener("scroll", update);
-		};
-	}, [isOpen]);
-	useEffect(() => {
-		if (!footerElement) return;
-		const onResize = () => {
-			setFooterHeight(footerElement.offsetHeight || 0);
-		};
-		onResize();
-		const observer = new ResizeObserver(onResize);
-		observer.observe(footerElement);
-		return () => {
-			observer.disconnect();
-		};
-	}, [footerElement]);
-	const oldHeightRef = useRef(0);
-	useResizeObserver({
-		ref: dialogRef,
-		onResize: () => {
-			const rect = dialogRef.current?.getBoundingClientRect();
-			if (!rect || oldHeightRef.current === rect.height) return;
-			oldHeightRef.current = rect.height;
-			if (y.get() < 0) {
-				y.stop();
-				animate(y, 0);
-			}
-		}
-	});
-	return /* @__PURE__ */ jsx(AnimatePresence, { children: isOpen && /* @__PURE__ */ jsxs(MotionModalOverlay, {
-		isOpen: true,
-		UNSTABLE_portalContainer: portalContainerRef?.current,
-		className: clsx("fixed top-0 left-0 z-bottom-sheet w-screen h-dvh", containerClassName),
-		style: { "--bottom-sheet-keyboard-inset": `${keyboardInset}px` },
-		onOpenChange,
-		isDismissable,
-		ref: overlayRef,
-		shouldCloseOnInteractOutside,
-		children: [/* @__PURE__ */ jsx(motion.div, {
-			className: clsx("pointer-events-none absolute inset-0 bg-support-overlay", overlayClassName),
-			animate: { opacity: 1 },
-			initial: { opacity: 0 },
-			exit: { opacity: 0 }
-		}), /* @__PURE__ */ jsx(MotionModal, {
-			isDismissable,
-			className: clsx("pointer-events-none flex h-full w-full flex-col items-stretch justify-end outline-none will-change-transform"),
-			animate: {
-				y: 0,
-				opacity: 1
-			},
-			initial: {
-				y: windowHeight,
-				opacity: 1
-			},
-			exit: {
-				y: windowHeight,
-				opacity: 1
-			},
-			onAnimationComplete: (data) => {
-				onStateChange?.(data.y === 0 ? "opened" : "closed");
-			},
-			onAnimationStart: (data_0) => {
-				onStateChange?.(data_0.y === 0 ? "opening" : "closing");
-			},
-			transition: staticTransition,
-			style: {
-				y,
-				height: "calc(100dvh - var(--bottom-sheet-keyboard-inset, 0px))",
-				minHeight: "calc(100dvh - var(--bottom-sheet-keyboard-inset, 0px))"
-			},
-			drag: "y",
-			dragListener: false,
-			dragControls,
-			dragElastic: {
-				top: 0,
-				bottom: .5
-			},
-			dragConstraints: {
-				top: 0,
-				bottom: 0
-			},
-			onUpdate: (latest) => {
-				if (!latest || !footerRef.current) return;
-				footerRef.current?.style.setProperty("--scroll-position", `${(latest.y || 0).toFixed(0)}px`);
-			},
-			onDragStart: () => {
-				if (document.activeElement && DomUtils.isKeyboardInput(document.activeElement)) focusTrapRef.current?.focus();
-				y.animation?.stop();
-				closeVelocityRef.current = true;
-				containerRef.current?.style.setProperty("pointer-events", "none");
-			},
-			onDragEnd: (e, { velocity }) => {
-				containerRef.current?.style.removeProperty("pointer-events");
-				const yValue = y.get();
-				if (yValue > 0) {
-					const dragPastThreshold = yValue > closeDragThreshold;
-					if (closeVelocityRef.current && velocity.y > closeVelocityThreshold || dragPastThreshold) onOpenChange?.(false);
-					else animate(y, 0, {
-						...inertiaTransition,
-						min: 0,
-						max: 0
-					});
-				}
-			},
-			children: /* @__PURE__ */ jsx(Dialog, {
-				className: "relative flex min-h-0 flex-1 flex-col items-stretch outline-none",
-				ref: dialogRef,
-				"aria-label": label,
-				children: ({ close }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-					/* @__PURE__ */ jsx("div", {
-						style: { minHeight: `${sheetMarginTop}px` },
-						className: clsx("shrink-0", height === "auto" && "grow")
-					}),
-					/* @__PURE__ */ jsxs("div", {
-						className: clsx("pointer-events-auto relative flex min-h-0 flex-col items-stretch rounded-t-xl bg-elevation-fill-default-1", height === "full" && "flex-1"),
-						children: [
-							/* @__PURE__ */ jsx("div", {
-								className: clsx("absolute bottom-full left-0 w-full outline-none", isDismissable ? "h-0" : "h-screen"),
-								ref: focusTrapRef,
-								tabIndex: -1
-							}),
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex max-h-full min-h-0 flex-col items-stretch",
-								ref: containerRef,
-								children: [/* @__PURE__ */ jsx(BottomSheetHeader, {
-									label,
-									dragControls,
-									onClose: close,
-									isDismissable,
-									hideHeader,
-									hideThumb,
-									headerTypography
-								}), typeof children === "function" ? children(close) : children]
-							}),
-							/* @__PURE__ */ jsx("div", {
-								className: "shrink-0",
-								style: { height: `${footerHeight + (isScrollable ? 0 : sheetMarginBottom)}px` }
-							}),
-							/* @__PURE__ */ jsx("div", { className: "absolute top-full h-screen w-full bg-elevation-fill-default-1" })
-						]
-					}),
-					footer && /* @__PURE__ */ jsx(motion.div, {
-						animate: { opacity: 1 },
-						initial: { opacity: 0 },
-						exit: { opacity: 0 },
-						ref: setFooterElement,
-						className: clsx("pointer-events-auto absolute z-overlay-above w-full bg-elevation-fill-default-2", "top-[calc(100dvh-var(--bottom-sheet-keyboard-inset,0))] left-0 translate-y-[calc(-100%-var(--scroll-position,0))]"),
-						children: footer
-					})
-				] })
-			})
-		})]
-	}) });
-};
-const BottomSheet = (t0) => {
-	const $ = c(30);
-	let children;
-	let isOpen;
-	let onOpenChange;
-	let portalContainerRef;
-	let rest;
-	let trigger;
-	if ($[0] !== t0) {
-		({isOpen, portalContainerRef, onOpenChange, trigger, children, ...rest} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = isOpen;
-		$[3] = onOpenChange;
-		$[4] = portalContainerRef;
-		$[5] = rest;
-		$[6] = trigger;
-	} else {
-		children = $[1];
-		isOpen = $[2];
-		onOpenChange = $[3];
-		portalContainerRef = $[4];
-		rest = $[5];
-		trigger = $[6];
-	}
-	const [isSheetOpen, setIsSheetOpen] = useState(!!isOpen);
-	const hasTrigger = !!trigger;
-	let t1;
-	let t2;
-	if ($[7] !== hasTrigger || $[8] !== isOpen) {
-		t1 = () => {
-			if (hasTrigger) setIsSheetOpen(!!isOpen);
-		};
-		t2 = [isOpen, hasTrigger];
-		$[7] = hasTrigger;
-		$[8] = isOpen;
-		$[9] = t1;
-		$[10] = t2;
-	} else {
-		t1 = $[9];
-		t2 = $[10];
-	}
-	useEffect(t1, t2);
-	if (trigger) {
-		let t3;
-		if ($[11] !== onOpenChange) {
-			t3 = (open) => {
-				setIsSheetOpen(open);
-				onOpenChange?.(open);
-			};
-			$[11] = onOpenChange;
-			$[12] = t3;
-		} else t3 = $[12];
-		const handleOpenChange = t3;
-		let t4;
-		if ($[13] !== children || $[14] !== handleOpenChange || $[15] !== isSheetOpen || $[16] !== portalContainerRef || $[17] !== rest) {
-			t4 = /* @__PURE__ */ jsx(BottomSheetBase, {
-				isOpen: isSheetOpen,
-				onOpenChange: handleOpenChange,
-				portalContainerRef,
-				...rest,
-				children
-			});
-			$[13] = children;
-			$[14] = handleOpenChange;
-			$[15] = isSheetOpen;
-			$[16] = portalContainerRef;
-			$[17] = rest;
-			$[18] = t4;
-		} else t4 = $[18];
-		let t5;
-		if ($[19] !== handleOpenChange || $[20] !== isSheetOpen || $[21] !== t4 || $[22] !== trigger) {
-			t5 = /* @__PURE__ */ jsxs(DialogTrigger, {
-				isOpen: isSheetOpen,
-				onOpenChange: handleOpenChange,
-				children: [trigger, t4]
-			});
-			$[19] = handleOpenChange;
-			$[20] = isSheetOpen;
-			$[21] = t4;
-			$[22] = trigger;
-			$[23] = t5;
-		} else t5 = $[23];
-		return t5;
-	}
-	let t3;
-	if ($[24] !== children || $[25] !== isOpen || $[26] !== onOpenChange || $[27] !== portalContainerRef || $[28] !== rest) {
-		t3 = /* @__PURE__ */ jsx(BottomSheetBase, {
-			isOpen,
-			onOpenChange,
-			portalContainerRef,
-			...rest,
-			children
-		});
-		$[24] = children;
-		$[25] = isOpen;
-		$[26] = onOpenChange;
-		$[27] = portalContainerRef;
-		$[28] = rest;
-		$[29] = t3;
-	} else t3 = $[29];
-	return t3;
-};
-//#endregion
+import { t as BottomSheet } from "../BottomSheet-Cwci3M8j.js";
 export { BottomSheet };

package/dist/components/breadcrumbs.d.ts

@@ -1,19 +1,2 @@
-import { LinkNavigationProps } from "./link.js";
-import { FC, SVGProps } from "react";
-import { Key } from "react-aria-components";
-//#region src/components/Breadcrumbs/Breadcrumbs.d.ts
-interface BreadcrumbItem {
-  id: Key;
-  label: string;
-  link?: LinkNavigationProps;
-  icon?: FC<SVGProps<SVGSVGElement>>;
-}
-interface BreadcrumbsProps {
-  items: BreadcrumbItem[];
-  className?: string;
-  onAction?: (id: Key) => void;
-  iconOnly?: boolean;
-}
-declare const Breadcrumbs: ({ items, className, onAction, iconOnly }: BreadcrumbsProps) => import("react/jsx-runtime").JSX.Element;
-//#endregion
+import { n as Breadcrumbs, r as BreadcrumbsProps, t as BreadcrumbItem } from "../Breadcrumbs-pSLRyeOe.js";
 export { BreadcrumbItem, Breadcrumbs, BreadcrumbsProps };

package/dist/components/breadcrumbs.js

@@ -1,263 +1,2 @@
-import { UIOverrides } from "../config/uiOverrides.context.js";
-import { breadcrumbChevronDefinition, breadcrumbIconDefinition, breadcrumbItemDefinition, breadcrumbSegmentDefinition, breadcrumbsDefinition } from "./Breadcrumbs/breadcrumbs.cva.js";
-import { MenuDesktop } from "./Menu/MenuDesktop.js";
-import { Typography } from "./text/Typography/Typography.js";
-import { Tooltip as Tooltip$1 } from "./tooltip.js";
-import { LinkContext } from "../config/link.context.js";
-import { ChevronRight } from "lucide-react";
-import { c } from "react/compiler-runtime";
-import { clsx } from "clsx";
-import { useLayoutEffect, useRef, useState } from "react";
-import { Breadcrumb, Breadcrumbs as Breadcrumbs$1, Button, Link as Link$1 } from "react-aria-components";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/Breadcrumbs/Breadcrumbs.tsx
-const Breadcrumbs = (t0) => {
-	const $ = c(58);
-	const { items, className, onAction, iconOnly: t1 } = t0;
-	const iconOnly = t1 === void 0 ? false : t1;
-	const breadcrumbsCva = UIOverrides.useCva("breadcrumbs.cva", breadcrumbsDefinition);
-	const breadcrumbItem = UIOverrides.useCva("breadcrumbs.itemCva", breadcrumbItemDefinition);
-	const breadcrumbSegmentCva = UIOverrides.useCva("breadcrumbs.segmentCva", breadcrumbSegmentDefinition);
-	const breadcrumbChevronCva = UIOverrides.useCva("breadcrumbs.chevronCva", breadcrumbChevronDefinition);
-	const breadcrumbIconCva = UIOverrides.useCva("breadcrumbs.iconCva", breadcrumbIconDefinition);
-	const containerRef = useRef(null);
-	const [isOverflowing, setIsOverflowing] = useState(items.length <= 2 ? false : null);
-	let t2;
-	if ($[0] !== items.length) {
-		t2 = () => {
-			if (items.length <= 2) {
-				setIsOverflowing(false);
-				return;
-			}
-			const container = containerRef.current;
-			if (!container) return;
-			const resizeObserver = new ResizeObserver(() => {
-				setIsOverflowing(container.scrollWidth > container.clientWidth);
-			});
-			resizeObserver.observe(container);
-			return () => resizeObserver.disconnect();
-		};
-		$[0] = items.length;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] !== items) {
-		t3 = [items];
-		$[2] = items;
-		$[3] = t3;
-	} else t3 = $[3];
-	useLayoutEffect(t2, t3);
-	const isReady = isOverflowing !== null;
-	const hiddenItems = items.length > 2 ? items.slice(1, -1) : [];
-	const firstItem = items[0];
-	const lastItem = items[items.length - 1];
-	const LinkComponent = LinkContext.useLinkContext()?.LinkComponent ?? Link$1;
-	let t4;
-	if ($[4] !== LinkComponent || $[5] !== breadcrumbIconCva || $[6] !== breadcrumbItem) {
-		t4 = (item, isCurrent, iconOnly_0) => /* @__PURE__ */ jsxs(LinkComponent, {
-			...item.link,
-			className: breadcrumbItem({ isCurrent }),
-			children: [item.icon && /* @__PURE__ */ jsx(item.icon, {
-				className: breadcrumbIconCva({}),
-				"aria-label": item.label
-			}), !iconOnly_0 && /* @__PURE__ */ jsx(Typography, {
-				variant: "default",
-				size: "label-3",
-				children: item.label
-			})]
-		});
-		$[4] = LinkComponent;
-		$[5] = breadcrumbIconCva;
-		$[6] = breadcrumbItem;
-		$[7] = t4;
-	} else t4 = $[7];
-	const renderBreadcrumbLink = t4;
-	if (isOverflowing === true && items.length > 2) {
-		const menuItems = hiddenItems.map(_temp);
-		const renderEllipsis = () => /* @__PURE__ */ jsx(MenuDesktop, {
-			trigger: /* @__PURE__ */ jsx(Tooltip$1, {
-				text: hiddenItems.map(_temp2).join(", "),
-				children: /* @__PURE__ */ jsx(Button, {
-					"aria-label": "Show hidden breadcrumbs",
-					className: breadcrumbItem({
-						isCurrent: false,
-						isEllipsis: true
-					}),
-					children: /* @__PURE__ */ jsx(Typography, {
-						variant: "default",
-						size: "label-3",
-						children: "..."
-					})
-				})
-			}),
-			items: menuItems,
-			onAction: onAction ? (key) => onAction(key) : void 0
-		});
-		let t5;
-		if ($[8] !== breadcrumbsCva || $[9] !== className) {
-			t5 = clsx(breadcrumbsCva({}), className);
-			$[8] = breadcrumbsCva;
-			$[9] = className;
-			$[10] = t5;
-		} else t5 = $[10];
-		const t6 = firstItem.id;
-		let t7;
-		if ($[11] !== breadcrumbSegmentCva) {
-			t7 = breadcrumbSegmentCva({});
-			$[11] = breadcrumbSegmentCva;
-			$[12] = t7;
-		} else t7 = $[12];
-		let t8;
-		if ($[13] !== firstItem || $[14] !== iconOnly || $[15] !== renderBreadcrumbLink) {
-			t8 = renderBreadcrumbLink(firstItem, false, iconOnly);
-			$[13] = firstItem;
-			$[14] = iconOnly;
-			$[15] = renderBreadcrumbLink;
-			$[16] = t8;
-		} else t8 = $[16];
-		let t9;
-		if ($[17] !== breadcrumbChevronCva) {
-			t9 = breadcrumbChevronCva({});
-			$[17] = breadcrumbChevronCva;
-			$[18] = t9;
-		} else t9 = $[18];
-		let t10;
-		if ($[19] !== t9) {
-			t10 = /* @__PURE__ */ jsx(ChevronRight, { className: t9 });
-			$[19] = t9;
-			$[20] = t10;
-		} else t10 = $[20];
-		let t11;
-		if ($[21] !== firstItem.id || $[22] !== t10 || $[23] !== t7 || $[24] !== t8) {
-			t11 = /* @__PURE__ */ jsxs(Breadcrumb, {
-				id: t6,
-				className: t7,
-				children: [t8, t10]
-			});
-			$[21] = firstItem.id;
-			$[22] = t10;
-			$[23] = t7;
-			$[24] = t8;
-			$[25] = t11;
-		} else t11 = $[25];
-		let t12;
-		if ($[26] !== breadcrumbSegmentCva) {
-			t12 = breadcrumbSegmentCva({});
-			$[26] = breadcrumbSegmentCva;
-			$[27] = t12;
-		} else t12 = $[27];
-		const t13 = renderEllipsis();
-		let t14;
-		if ($[28] !== breadcrumbChevronCva) {
-			t14 = breadcrumbChevronCva({});
-			$[28] = breadcrumbChevronCva;
-			$[29] = t14;
-		} else t14 = $[29];
-		let t15;
-		if ($[30] !== t14) {
-			t15 = /* @__PURE__ */ jsx(ChevronRight, { className: t14 });
-			$[30] = t14;
-			$[31] = t15;
-		} else t15 = $[31];
-		const t16 = lastItem.id;
-		let t17;
-		if ($[32] !== breadcrumbSegmentCva) {
-			t17 = breadcrumbSegmentCva({});
-			$[32] = breadcrumbSegmentCva;
-			$[33] = t17;
-		} else t17 = $[33];
-		let t18;
-		if ($[34] !== lastItem || $[35] !== renderBreadcrumbLink) {
-			t18 = renderBreadcrumbLink(lastItem, true);
-			$[34] = lastItem;
-			$[35] = renderBreadcrumbLink;
-			$[36] = t18;
-		} else t18 = $[36];
-		let t19;
-		if ($[37] !== lastItem.id || $[38] !== t17 || $[39] !== t18) {
-			t19 = /* @__PURE__ */ jsx(Breadcrumb, {
-				id: t16,
-				className: t17,
-				children: t18
-			});
-			$[37] = lastItem.id;
-			$[38] = t17;
-			$[39] = t18;
-			$[40] = t19;
-		} else t19 = $[40];
-		return /* @__PURE__ */ jsxs(Breadcrumbs$1, {
-			onAction,
-			className: t5,
-			children: [
-				t11,
-				/* @__PURE__ */ jsxs(Breadcrumb, {
-					id: "ellipsis",
-					className: t12,
-					children: [t13, t15]
-				}),
-				t19
-			]
-		});
-	}
-	let t5;
-	if ($[41] !== breadcrumbsCva || $[42] !== className) {
-		t5 = clsx(breadcrumbsCva({}), className);
-		$[41] = breadcrumbsCva;
-		$[42] = className;
-		$[43] = t5;
-	} else t5 = $[43];
-	const t6 = isReady ? "visible" : "hidden";
-	let t7;
-	if ($[44] !== t6) {
-		t7 = { visibility: t6 };
-		$[44] = t6;
-		$[45] = t7;
-	} else t7 = $[45];
-	let t8;
-	if ($[46] !== breadcrumbChevronCva || $[47] !== breadcrumbSegmentCva || $[48] !== iconOnly || $[49] !== items[0] || $[50] !== renderBreadcrumbLink) {
-		t8 = (item_1) => /* @__PURE__ */ jsx(Breadcrumb, {
-			id: item_1.id,
-			className: breadcrumbSegmentCva({}),
-			children: (t9) => {
-				const { isCurrent: isCurrent_0 } = t9;
-				return /* @__PURE__ */ jsxs(Fragment$1, { children: [renderBreadcrumbLink(item_1, isCurrent_0, iconOnly && item_1 === items[0]), !isCurrent_0 && /* @__PURE__ */ jsx(ChevronRight, { className: breadcrumbChevronCva({}) })] });
-			}
-		});
-		$[46] = breadcrumbChevronCva;
-		$[47] = breadcrumbSegmentCva;
-		$[48] = iconOnly;
-		$[49] = items[0];
-		$[50] = renderBreadcrumbLink;
-		$[51] = t8;
-	} else t8 = $[51];
-	let t9;
-	if ($[52] !== items || $[53] !== onAction || $[54] !== t5 || $[55] !== t7 || $[56] !== t8) {
-		t9 = /* @__PURE__ */ jsx(Breadcrumbs$1, {
-			ref: containerRef,
-			items,
-			onAction,
-			className: t5,
-			style: t7,
-			children: t8
-		});
-		$[52] = items;
-		$[53] = onAction;
-		$[54] = t5;
-		$[55] = t7;
-		$[56] = t8;
-		$[57] = t9;
-	} else t9 = $[57];
-	return t9;
-};
-function _temp(item_0) {
-	return {
-		id: item_0.id,
-		label: item_0.label,
-		link: item_0.link
-	};
-}
-function _temp2(i) {
-	return i.label;
-}
-//#endregion
+import { t as Breadcrumbs } from "../Breadcrumbs-DrmLNtmQ.js";
 export { Breadcrumbs };

package/dist/components/button.d.ts

@@ -1,3 +1,3 @@
-import { ButtonVariantProps } from "./buttons/Button/button.cva.js";
-import { Button, ButtonProps } from "./buttons/Button/Button.js";
+import { n as ButtonVariantProps } from "../button.cva-zMNkoZH8.js";
+import { r as ButtonProps, t as Button } from "../Button-C_FOjIn-.js";
 export { Button, type ButtonProps, type ButtonVariantProps };

package/dist/components/button.js

@@ -1,2 +1,2 @@
-import { Button } from "./buttons/Button/Button.js";
+import { t as Button } from "../Button-Dlm1NyTJ.js";
 export { Button };

package/dist/components/checkbox-group.d.ts

@@ -1,28 +1,2 @@
-import { FieldValues } from "./inputs/shared/form.binding.js";
-import { CheckboxVariantProps } from "./inputs/Checkbox/checkbox.cva.js";
-import { ControlProps } from "./inputs/shared/form.types.js";
-import { InputVariantProps } from "./inputs/shared/input.cva.js";
-import { FormFieldProps } from "./form-field.js";
-import { ReactElement, Ref } from "react";
-import { CheckboxGroupProps as CheckboxGroupProps$1 } from "react-aria-components";
-//#region src/components/inputs/Checkbox/CheckboxGroup.d.ts
-interface CheckboxGroupBaseProps extends Omit<FormFieldProps, "variant">, CheckboxVariantProps, Omit<InputVariantProps, "variant">, Omit<CheckboxGroupProps$1, "children" | "className" | "defaultValue" | "label" | "onChange" | "value"> {
-  ref?: Ref<HTMLDivElement>;
-  options: {
-    label: string | ReactElement;
-    value: string;
-  }[];
-  allValue?: string[] | null;
-  value?: string[] | null;
-  defaultValue?: string[] | null;
-  onChange?: (value: string[] | null) => void;
-  isDirty?: boolean;
-  inputClassName?: string;
-  labelClassName?: string;
-}
-interface CheckboxGroupProps extends CheckboxGroupBaseProps {}
-type ControlledCheckboxGroupProps<TFieldValues extends FieldValues> = ControlProps<CheckboxGroupProps, TFieldValues>;
-declare const CheckboxGroupComponent: <TFieldValues extends FieldValues>(props: ControlledCheckboxGroupProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;
-declare const CheckboxGroup: typeof CheckboxGroupComponent;
-//#endregion
+import { n as CheckboxGroupProps, r as ControlledCheckboxGroupProps, t as CheckboxGroup } from "../CheckboxGroup-D-sNgUMN.js";
 export { CheckboxGroup, CheckboxGroupProps, ControlledCheckboxGroupProps };