@povio/ui 5.0.0-rc.13 → 5.0.0-rc.15

package/dist/{AppCanvasPage-BZ2mrKY4.d.ts → AppCanvasPage-U9SxNwjS.d.ts}

@@ -67,7 +67,7 @@ interface AppCanvasProps {
   repositoryStorage?: boolean;
   frameUrl?: (page: CanvasPage) => string;
   /** URL of a frame that renders one component gallery section; enables the Components artboards. */
-  componentsHref?: (group: string) => string;
+  componentsHref?: (component: string) => string;
 }
 /** Live route artboards. The camera transforms only the canvas, never the iframe viewport width. */
 declare function AppCanvas({ router, examples, exclude, excludePaths, breakpoints, storageKey, frameUrl, componentsHref, repositoryStorage }: AppCanvasProps): import("react").JSX.Element;

package/dist/{BottomSheet-BXLE3161.js → BottomSheet-AqYVSMK9.js}

@@ -1,88 +1,14 @@
 import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
-import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
 import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-CKLkS00H.js";
-import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
 import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-w60dVQcb.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
 import { a as $a8ea2faf2ebe4d2f$re_export$useResizeObserver, o as $a8ea2faf2ebe4d2f$re_export$useViewportSize } from "./import-BE0r63d8.js";
-import "./i18n-CX2EjhJI.js";
 import { n as useStateAndRef, t as DomUtils } from "./dom.utils-D1AopHx9.js";
+import { t as BottomSheetHeader } from "./BottomSheetHeader-Be6Elvs2.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
 import { AnimatePresence, animate, motion, useDragControls, useMotionValue } from "motion/react";
-//#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
-const BottomSheetHeader = (t0) => {
-	const $ = c(17);
-	const { label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose } = t0;
-	const { t } = useTranslation("ui");
-	const t1 = !isDismissable && "pt-list-height-title-top";
-	let t2;
-	if ($[0] !== t1) {
-		t2 = clsx("pb-list-height-title-bottom", t1);
-		$[0] = t1;
-		$[1] = t2;
-	} else t2 = $[1];
-	let t3;
-	if ($[2] !== dragControls || $[3] !== hideThumb || $[4] !== isDismissable) {
-		t3 = isDismissable && !hideThumb && /* @__PURE__ */ jsx("div", {
-			className: "flex shrink-0 cursor-grab touch-none justify-center px-list-side-title pt-list-height-title-top pb-2.5",
-			onPointerDown: (e) => {
-				e.preventDefault();
-				dragControls?.start(e);
-			},
-			"aria-hidden": true,
-			children: /* @__PURE__ */ jsx("div", { className: "h-1 w-16 shrink-0 rounded-full bg-surface-default-popover" })
-		});
-		$[2] = dragControls;
-		$[3] = hideThumb;
-		$[4] = isDismissable;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== headerTypography || $[7] !== hideHeader || $[8] !== isDismissable || $[9] !== label || $[10] !== onClose || $[11] !== t) {
-		t4 = !hideHeader && /* @__PURE__ */ jsxs("div", {
-			className: "flex justify-between px-list-side-title",
-			children: [/* @__PURE__ */ jsx(Typography, {
-				size: "small",
-				className: "font-bold",
-				...headerTypography,
-				children: label
-			}), onClose && isDismissable && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
-				onPress: onClose,
-				"aria-label": t(_temp),
-				className: "-m-2 shrink-0 p-2 text-surface-default-foreground focus-visible:outline-interactive-ring",
-				children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
-			})]
-		});
-		$[6] = headerTypography;
-		$[7] = hideHeader;
-		$[8] = isDismissable;
-		$[9] = label;
-		$[10] = onClose;
-		$[11] = t;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: t2,
-			children: [t3, t4]
-		});
-		$[13] = t2;
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t5;
-	} else t5 = $[16];
-	return t5;
-};
-function _temp($) {
-	return $.ui.closeAlt;
-}
-//#endregion
 //#region src/components/overlays/BottomSheet/BottomSheet.tsx
 const MotionModal = motion.create($8b8d26808cb8cb53$export$2b77a92f1a5ad772);
 const MotionModalOverlay = motion.create($8b8d26808cb8cb53$export$8948f78d83984c69);

package/dist/BottomSheetHeader-Be6Elvs2.js

@@ -0,0 +1,79 @@
+import { t as X } from "./x-B6vfz8Ps.js";
+import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
+import { t as Typography } from "./Typography-LU4z2pR1.js";
+import "./i18n-CX2EjhJI.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+//#region src/components/overlays/BottomSheet/BottomSheetHeader.tsx
+const BottomSheetHeader = (t0) => {
+	const $ = c(17);
+	const { label, dragControls, isDismissable, hideThumb, hideHeader, headerTypography, onClose } = t0;
+	const { t } = useTranslation("ui");
+	const t1 = !isDismissable && "pt-list-height-title-top";
+	let t2;
+	if ($[0] !== t1) {
+		t2 = clsx("pb-list-height-title-bottom", t1);
+		$[0] = t1;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== dragControls || $[3] !== hideThumb || $[4] !== isDismissable) {
+		t3 = isDismissable && !hideThumb && /* @__PURE__ */ jsx("div", {
+			className: "flex shrink-0 cursor-grab touch-none justify-center px-list-side-title pt-list-height-title-top pb-2.5",
+			onPointerDown: (e) => {
+				e.preventDefault();
+				dragControls?.start(e);
+			},
+			"aria-hidden": true,
+			children: /* @__PURE__ */ jsx("div", { className: "h-1 w-16 shrink-0 rounded-full bg-surface-default-popover" })
+		});
+		$[2] = dragControls;
+		$[3] = hideThumb;
+		$[4] = isDismissable;
+		$[5] = t3;
+	} else t3 = $[5];
+	let t4;
+	if ($[6] !== headerTypography || $[7] !== hideHeader || $[8] !== isDismissable || $[9] !== label || $[10] !== onClose || $[11] !== t) {
+		t4 = !hideHeader && /* @__PURE__ */ jsxs("div", {
+			className: "flex justify-between px-list-side-title",
+			children: [/* @__PURE__ */ jsx(Typography, {
+				size: "small",
+				className: "font-bold",
+				...headerTypography,
+				children: label
+			}), onClose && isDismissable && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
+				onPress: onClose,
+				"aria-label": t(_temp),
+				className: "-m-2 shrink-0 p-2 text-surface-default-foreground focus-visible:outline-interactive-ring",
+				children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
+			})]
+		});
+		$[6] = headerTypography;
+		$[7] = hideHeader;
+		$[8] = isDismissable;
+		$[9] = label;
+		$[10] = onClose;
+		$[11] = t;
+		$[12] = t4;
+	} else t4 = $[12];
+	let t5;
+	if ($[13] !== t2 || $[14] !== t3 || $[15] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
+			className: t2,
+			children: [t3, t4]
+		});
+		$[13] = t2;
+		$[14] = t3;
+		$[15] = t4;
+		$[16] = t5;
+	} else t5 = $[16];
+	return t5;
+};
+function _temp($) {
+	return $.ui.closeAlt;
+}
+//#endregion
+export { BottomSheetHeader as t };

package/dist/{Calendar-DRHruqr_.js → Calendar-1p3VjSED.js}

@@ -2,7 +2,7 @@ import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
 import { t as ChevronLeft } from "./chevron-left-Dgo_b9wJ.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
-import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-B0fEeCOf.js";
+import { a as $f11fb0bcf1b2687a$export$61c6a8c84e605fb6, i as CalendarGrid, r as $1697a7ad3db7b79f$re_export$useDateFormatter } from "./DatePickerInput-BeQOVCk0.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { t as IconSlot } from "./IconSlot-DSK7qNxc.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
@@ -13,8 +13,8 @@ import { BadgeButton } from "./components/badge-button.js";
 import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
 import { t as $3e6197669829fe11$export$40bfa8c7b0832715 } from "./useControlledState-CzXkZCX8.js";
 import { i as $fd2148440a13ec26$export$fc1a364ae1f3ff10 } from "./NumberFormatter-CLDS_LRZ.js";
-import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-BWea3HAt.js";
-import { n as TimePickerForm } from "./datePickerValue.utils-QWR2q5Vv.js";
+import { f as $8b141f2f71e88f85$export$2440da353cedad43, g as $8b141f2f71e88f85$export$f18627323ab57ac0, h as $8b141f2f71e88f85$export$c5221a78ef73c5e9, p as $8b141f2f71e88f85$export$7e319ea407e63bc0 } from "./staticDateTimeSegments-Bs1_N5MR.js";
+import { n as TimePickerForm } from "./datePickerValue.utils-BDB6KM8q.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/{CanvasComponentsFrame-CbgJJv-3.js → CanvasComponentsFrame-Dp0oDDoH.js}

@@ -1,18 +1,18 @@
-import { ComponentArtboard } from "./ComponentGallery-COqEqqN6.js";
+import { t as ComponentDemoArtboard } from "./ComponentGallery-C_rXFvUY.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/app-canvas/CanvasComponentsFrame.tsx
-/** The document of a Components artboard: one gallery section, themed by the configuration the canvas sends. */
+/** The document of a Components artboard: one component, themed by the configuration the canvas sends. */
 function CanvasComponentsFrame(t0) {
 	const $ = c(2);
-	const { group } = t0;
+	const { id } = t0;
 	let t1;
-	if ($[0] !== group) {
+	if ($[0] !== id) {
 		t1 = /* @__PURE__ */ jsx("main", {
 			className: "studio-sample povio-canvas-components-frame",
-			children: /* @__PURE__ */ jsx(ComponentArtboard, { group })
+			children: /* @__PURE__ */ jsx(ComponentDemoArtboard, { id })
 		});
-		$[0] = group;
+		$[0] = id;
 		$[1] = t1;
 	} else t1 = $[1];
 	return t1;