@povio/ui 5.0.0-rc.7 → 5.0.0-rc.8

package/dist/components/checkbox-group.js

@@ -1,12 +1,12 @@
 import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
-import { i as checkboxContentWrapperDefinition, o as checkboxGroupLabelDefinition, r as checkboxContentRowDefinition } from "../CheckboxCheckmark-CpC3wlMs.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
-import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "../Checkbox-CV1ILXXO.js";
+import { n as CheckboxBase, r as $ed8ccb2e23e76301$export$4aa08d5625cb8ead } from "../Checkbox-DYxXYfKL.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
 import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { r as FormFieldLabel, t as FormField } from "../FormField-B99dLt8o.js";
+import { n as FormFieldLabel, t as FormField } from "../FormField-AY25LzbW.js";
 import { a as inputSizeDefinition, t as inputBaseDefinition } from "../input.cva-DJA8ovm_.js";
+import { a as checkboxGroupLabelDefinition, n as checkboxContentRowDefinition, r as checkboxContentWrapperDefinition } from "../checkbox.cva-IfOByVLA.js";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useLabel } from "@react-aria/label";

package/dist/components/checkbox.js

@@ -1,2 +1,2 @@
-import { n as CheckboxBase, t as Checkbox } from "../Checkbox-CV1ILXXO.js";
+import { n as CheckboxBase, t as Checkbox } from "../Checkbox-DYxXYfKL.js";
 export { Checkbox, CheckboxBase };

package/dist/components/date-picker.js

@@ -1,2 +1,2 @@
-import { t as DatePicker } from "../DatePicker-DOLL7mkc.js";
+import { t as DatePicker } from "../DatePicker-wulRNGyL.js";
 export { DatePicker };

package/dist/components/date-range-picker.js

@@ -1,2 +1,2 @@
-import { a as isDateRangePresetValue, c as resolveDateRangePreset, i as hydrateRelativeDateRangeValue, n as dateRangePresetValues, o as isRelativeDateRangeValue, r as getDateRangePreset, s as isStoredRelativeDateRangeValue, t as DateRangePicker } from "../DateRangePicker-BF-1CztH.js";
+import { a as isDateRangePresetValue, c as resolveDateRangePreset, i as hydrateRelativeDateRangeValue, n as dateRangePresetValues, o as isRelativeDateRangeValue, r as getDateRangePreset, s as isStoredRelativeDateRangeValue, t as DateRangePicker } from "../DateRangePicker-B0tMVREG.js";
 export { DateRangePicker, dateRangePresetValues, getDateRangePreset, hydrateRelativeDateRangeValue, isDateRangePresetValue, isRelativeDateRangeValue, isStoredRelativeDateRangeValue, resolveDateRangePreset };

package/dist/components/date-time-picker.js

@@ -1,2 +1,2 @@
-import { t as DateTimePicker } from "../DateTimePicker-Cj0qvJUz.js";
+import { t as DateTimePicker } from "../DateTimePicker-WGMr0bEH.js";
 export { DateTimePicker };

package/dist/components/file-input.js

@@ -1,2 +1,2 @@
-import { t as FileInput } from "../FileInput-Br5DQaGQ.js";
+import { t as FileInput } from "../FileInput-DP105Iy9.js";
 export { FileInput };

package/dist/components/file-upload-container.js

@@ -1,4 +1,4 @@
-import { t as FileUpload } from "../FileUpload--7ub3EZO.js";
+import { t as FileUpload } from "../FileUpload-CgNDIvzg.js";
 import { memo } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/inputs/File/FileUploadContainer.tsx

package/dist/components/file-upload.js

@@ -1,2 +1,2 @@
-import { t as FileUpload } from "../FileUpload--7ub3EZO.js";
+import { t as FileUpload } from "../FileUpload-CgNDIvzg.js";
 export { FileUpload };

package/dist/components/form-field.js

@@ -1,2 +1,2 @@
-import { t as FormField } from "../FormField-B99dLt8o.js";
+import { t as FormField } from "../FormField-AY25LzbW.js";
 export { FormField };

package/dist/components/icon-button.js

@@ -1,5 +1,5 @@
 import { t as Tooltip } from "../Tooltip-CpG1nz7Y.js";
-import { t as Button } from "../Button-C5rv4Cr2.js";
+import { t as Button } from "../Button-BPTvffuk.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/IconButton/IconButton.tsx

package/dist/components/inline-icon-button.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-C5rv4Cr2.js";
+import { t as Button } from "../Button-BPTvffuk.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/InlineIconButton/InlineIconButton.tsx

package/dist/components/input.js

@@ -4,11 +4,11 @@ import { t as UIOverrides } from "../uiOverrides.context-BTCH9y5a.js";
 import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "../Input-BsbLZDtC.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
 import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { t as FormField } from "../FormField-B99dLt8o.js";
+import { t as FormField } from "../FormField-AY25LzbW.js";
 import { t as inputBaseDefinition } from "../input.cva-DJA8ovm_.js";
 import { t as TooltipWrapper } from "../TooltipWrapper-3jyN0Wss.js";
-import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-ScC6Mtd5.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "../useStaticInputHandoff-NeZVnci-.js";
+import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-CcBTgGfm.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "../useStaticInputHandoff-kkQrc6DA.js";
 import { memo, useEffect, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useFocusVisible } from "@react-aria/interactions";

package/dist/components/number-field.js

@@ -5,11 +5,11 @@ import { n as $41fb335299a4a39e$export$f5b8910cec6cf069 } from "../Input-BsbLZDt
 import { a as $a3be900807531178$re_export$useLocale } from "../exports-BNrTn8Tj.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
 import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { t as FormField } from "../FormField-B99dLt8o.js";
+import { t as FormField } from "../FormField-AY25LzbW.js";
 import { t as inputBaseDefinition } from "../input.cva-DJA8ovm_.js";
 import { t as TooltipWrapper } from "../TooltipWrapper-3jyN0Wss.js";
-import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-ScC6Mtd5.js";
-import { i as InputFrame, n as useStaticInputHandoff } from "../useStaticInputHandoff-NeZVnci-.js";
+import { n as InputContent, t as useFieldAccessibility } from "../useFieldAccessibility-CcBTgGfm.js";
+import { i as InputFrame, n as useStaticInputHandoff } from "../useStaticInputHandoff-kkQrc6DA.js";
 import { n as $3d0ee518c6f3d04f$export$7f629e9dc1ecf37c, t as getStaticNumberDisplayValue } from "../numberStatic.utils-BX50PSee.js";
 import { t as IntlUtils } from "../intl.utils-zwAFoZ0U.js";
 import { memo, useCallback, useEffect, useRef, useState } from "react";

package/dist/components/number-range-input.js

@@ -1,2 +1,2 @@
-import { t as NumberRangeInput } from "../NumberRangeInput-B8-LHfg3.js";
+import { t as NumberRangeInput } from "../NumberRangeInput-B_sMIpP1.js";
 export { NumberRangeInput };

package/dist/components/pagination-list.js

@@ -1,2 +1,2 @@
-import { t as PaginationList } from "../PaginationList-DtvuP63b.js";
+import { t as PaginationList } from "../PaginationList-DptMNpNs.js";
 export { PaginationList };

package/dist/components/pagination.js

@@ -2,7 +2,7 @@ import { t as clsx } from "../clsx-CnD0nOiA.js";
 import { t as Typography } from "../Typography-LU4z2pR1.js";
 import "../i18n-CX2EjhJI.js";
 import { NumberField } from "./number-field.js";
-import { t as PaginationList } from "../PaginationList-DtvuP63b.js";
+import { t as PaginationList } from "../PaginationList-DptMNpNs.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";

package/dist/components/progress.js

@@ -1,2 +1,2 @@
-import { t as Progress } from "../Progress-B3mY9rIP.js";
+import { t as Progress } from "../Progress-Du30L4_s.js";
 export { Progress };

package/dist/components/query-autocomplete.js

@@ -1,7 +1,7 @@
 import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
 import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { t as getStaticInputFocusTarget } from "../useStaticInputHandoff-NeZVnci-.js";
+import { t as getStaticInputFocusTarget } from "../useStaticInputHandoff-kkQrc6DA.js";
 import { Autocomplete } from "./autocomplete.js";
 import { n as getQueryItems, r as getSelectionIdsToResolve, t as useQueryAutocomplete } from "../useQueryAutocomplete-CraXvRm_.js";
 import { memo, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";

package/dist/components/query-select.js

@@ -1,8 +1,8 @@
 import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "../import-BE0r63d8.js";
 import { t as FieldController } from "../form.binding-CG1RPv6o.js";
-import { t as getStaticInputFocusTarget } from "../useStaticInputHandoff-NeZVnci-.js";
-import { t as Select } from "../Select-UR0ec2Ux.js";
+import { t as getStaticInputFocusTarget } from "../useStaticInputHandoff-kkQrc6DA.js";
+import { t as Select } from "../Select-B2pAfwRk.js";
 import { n as getQueryItems, r as getSelectionIdsToResolve, t as useQueryAutocomplete } from "../useQueryAutocomplete-CraXvRm_.js";
 import { memo, useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/radio-group.js

@@ -1,2 +1,2 @@
-import { t as RadioGroup } from "../RadioGroup-DOw3PRoX.js";
+import { t as RadioGroup } from "../RadioGroup-CUGNSJql.js";
 export { RadioGroup };

package/dist/components/select.js

@@ -1,2 +1,2 @@
-import { t as Select } from "../Select-UR0ec2Ux.js";
+import { t as Select } from "../Select-B2pAfwRk.js";
 export { Select };

package/dist/components/slider.js

@@ -1,2 +1,2 @@
-import { t as Slider } from "../Slider-CzEmKYBF.js";
+import { t as Slider } from "../Slider-Clc1szFY.js";
 export { Slider };

package/dist/components/split-button.js

@@ -1,7 +1,7 @@
 import { t as DropdownMenu } from "../DropdownMenu-5jmtgLXd.js";
 import { t as ChevronDown } from "../chevron-down-B4Pr8bD3.js";
 import { t as clsx } from "../clsx-CnD0nOiA.js";
-import { t as Button } from "../Button-C5rv4Cr2.js";
+import { t as Button } from "../Button-BPTvffuk.js";
 import { IconButton } from "./icon-button.js";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/switch.js

@@ -1,2 +1,2 @@
-import { t as Switch } from "../Switch-CqnGEdeD.js";
+import { t as Switch } from "../Switch-CimmMqEk.js";
 export { Switch };

package/dist/components/tag.js

@@ -1,2 +1,94 @@
-import { t as Tag } from "../Tag-DPg5sL1Z.js";
+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 UIOverrides } from "../uiOverrides.context-BTCH9y5a.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 { t as tagDefinition } from "../tag.cva-B3MudLeC.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/text/Tag/Tag.tsx
+const Tag = (t0) => {
+	const $ = c(19);
+	const { className, children, dismissible, dismissable, isDisabled, disabled, onRemove, onDismiss, dismissButtonProps, excludeFromTabOrder, onPress, contentRef, textSize: textSizeProp, ...appearanceProps } = t0;
+	const uiConfig = UIConfig.useConfig();
+	const textSize = textSizeProp ?? uiConfig.tag.textSize;
+	const isDismissible = dismissible ?? dismissable ?? false;
+	const resolvedIsDisabled = isDisabled ?? disabled;
+	const tagCva = UIOverrides.useCva("tag.cva", tagDefinition);
+	const { t } = useTranslation("ui");
+	const t1 = onRemove ?? onDismiss ?? onPress;
+	let t2;
+	if ($[0] !== t) {
+		t2 = t(_temp);
+		$[0] = t;
+		$[1] = t2;
+	} else t2 = $[1];
+	let t3;
+	if ($[2] !== dismissButtonProps || $[3] !== excludeFromTabOrder || $[4] !== resolvedIsDisabled || $[5] !== t1 || $[6] !== t2) {
+		t3 = {
+			...dismissButtonProps,
+			excludeFromTabOrder,
+			isDisabled: resolvedIsDisabled,
+			onPress: t1,
+			"aria-label": t2
+		};
+		$[2] = dismissButtonProps;
+		$[3] = excludeFromTabOrder;
+		$[4] = resolvedIsDisabled;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	const buttonProps = t3;
+	const t4 = tagCva({
+		...appearanceProps,
+		className: clsx("pointer-events-none", className)
+	});
+	const t5 = contentRef;
+	let t6;
+	if ($[8] !== children || $[9] !== t5 || $[10] !== textSize) {
+		t6 = /* @__PURE__ */ jsx(Typography, {
+			ref: t5,
+			size: textSize,
+			as: "span",
+			className: "truncate",
+			children
+		});
+		$[8] = children;
+		$[9] = t5;
+		$[10] = textSize;
+		$[11] = t6;
+	} else t6 = $[11];
+	let t7;
+	if ($[12] !== buttonProps || $[13] !== isDismissible) {
+		t7 = isDismissible && /* @__PURE__ */ jsx($7705c033048f6da7$export$353f5b6fc5456de1, {
+			...buttonProps,
+			className: "pointer-events-auto shrink-0",
+			children: /* @__PURE__ */ jsx(IconSlot, { icon: X })
+		});
+		$[12] = buttonProps;
+		$[13] = isDismissible;
+		$[14] = t7;
+	} else t7 = $[14];
+	let t8;
+	if ($[15] !== t4 || $[16] !== t6 || $[17] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			className: t4,
+			children: [t6, t7]
+		});
+		$[15] = t4;
+		$[16] = t6;
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	return t8;
+};
+function _temp($) {
+	return $.ui.tag.dismiss;
+}
+//#endregion
 export { Tag };

package/dist/components/text-area.js

@@ -1,2 +1,2 @@
-import { t as TextArea } from "../TextArea-D8WkKsGn.js";
+import { t as TextArea } from "../TextArea-B3teIhsJ.js";
 export { TextArea };

package/dist/components/text-button.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-C5rv4Cr2.js";
+import { t as Button } from "../Button-BPTvffuk.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/TextButton/TextButton.tsx

package/dist/components/time-picker.js

@@ -1,2 +1,2 @@
-import { t as TimePicker } from "../TimePicker-C4taAOFQ.js";
+import { t as TimePicker } from "../TimePicker-CU_yL2sY.js";
 export { TimePicker };

package/dist/components/toast.js

@@ -1,3 +1,3 @@
-import { t as Toast } from "../Toast-DtG3pA61.js";
+import { t as Toast } from "../Toast-DPbnLlBi.js";
 import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-qgpzMFD4.js";
 export { Toast, ToastContainer, ToastProvider };

package/dist/components/toggle-button.js

@@ -1,4 +1,4 @@
-import { t as Button } from "../Button-C5rv4Cr2.js";
+import { t as Button } from "../Button-BPTvffuk.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx

package/dist/components/toggle-group.js

@@ -1,2 +1,2 @@
-import { t as ToggleGroup } from "../ToggleGroup-DOk27fgI.js";
+import { t as ToggleGroup } from "../ToggleGroup-BULVwErp.js";
 export { ToggleGroup };

package/dist/components/use-toast.js

@@ -5,7 +5,7 @@ let nextToastId = 0;
 const enqueueToast = (color, params, options) => {
 	const id = `povio-toast-${++nextToastId}`;
 	activateToastRenderer();
-	import("../toast.runtime-cxex9e4E.js").then(({ showToast }) => showToast(id, color, params, options));
+	import("../toast.runtime-Zf-XyAC3.js").then(({ showToast }) => showToast(id, color, params, options));
 	return id;
 };
 const useToast = () => {
@@ -22,7 +22,7 @@ const useToast = () => {
 		return enqueueToast("neutral", params_2, options_2);
 	}, []);
 	const closeToast = useCallback((id) => {
-		import("../toast.runtime-cxex9e4E.js").then(({ dismissToast }) => dismissToast(id));
+		import("../toast.runtime-Zf-XyAC3.js").then(({ dismissToast }) => dismissToast(id));
 	}, []);
 	return useMemo(() => ({
 		successToast,

package/dist/config/app-canvas.d.ts

@@ -0,0 +1,79 @@
+import "../configuration.context-f_FSPWhQ.js";
+//#region src/app-canvas/route-model.d.ts
+/** Structural TanStack Router contract; no router runtime is bundled with UI. */
+interface CanvasRoute {
+  id?: string;
+  path?: string;
+  fullPath?: string;
+  children?: readonly CanvasRoute[] | object;
+  options?: {
+    id?: string;
+    path?: string;
+    component?: unknown;
+    lazyFn?: unknown;
+  };
+}
+interface CanvasRouter {
+  routeTree: CanvasRoute;
+  routesById?: object;
+}
+interface CanvasRouteExample {
+  params?: Record<string, string>;
+  search?: Record<string, unknown>;
+  title?: string;
+}
+interface DiscoverCanvasPagesOptions {
+  examples?: Record<string, CanvasRouteExample>;
+  exclude?: string[];
+}
+interface CanvasPage {
+  id: string;
+  title: string;
+  path: string;
+  href?: string;
+  parentId?: string;
+  missingParams: string[];
+  kind: "page" | "unresolved";
+}
+interface CanvasPosition {
+  x: number;
+  y: number;
+}
+interface CanvasPageLayout extends CanvasPage, CanvasPosition {
+  width: number;
+  height: number;
+}
+/** Catalog route destinations without executing loaders or needing every dynamic parameter. */
+declare function discoverCanvasPages(router: CanvasRouter, options?: DiscoverCanvasPagesOptions): CanvasPage[];
+/** Deterministic masonry placement. Full measured heights (including 20,000px pages) are never capped. */
+declare function layoutCanvasPages(pages: readonly CanvasPage[], width: number, heights: Record<string, number>, positions?: Record<string, CanvasPosition>): CanvasPageLayout[];
+//#endregion
+//#region src/app-canvas/AppCanvas.d.ts
+interface CanvasBreakpoint {
+  id: string;
+  label: string;
+  width: number;
+  height: number;
+}
+declare const defaultCanvasBreakpoints: CanvasBreakpoint[];
+interface AppCanvasProps {
+  router: CanvasRouter;
+  examples?: Record<string, CanvasRouteExample>;
+  exclude?: string[];
+  breakpoints?: CanvasBreakpoint[];
+  storageKey?: string;
+  frameUrl?: (page: CanvasPage) => string;
+}
+/** Live route artboards. The camera transforms only the canvas, never the iframe viewport width. */
+declare function AppCanvas({ router, examples, exclude, breakpoints, storageKey, frameUrl }: AppCanvasProps): import("react").JSX.Element;
+//#endregion
+//#region src/app-canvas/AppCanvasFrameBridge.d.ts
+/** Mount once inside the application's existing UIConfigurationProvider. No separate app copy or theme fork. */
+declare function AppCanvasFrameBridge({ href }: {
+  href?: string;
+}): null;
+//#endregion
+//#region src/app-canvas/protocol.d.ts
+declare const isAppCanvasFrame: () => boolean;
+//#endregion
+export { AppCanvas, AppCanvasFrameBridge, type AppCanvasProps, type CanvasBreakpoint, type CanvasPage, type CanvasPosition, type CanvasRouteExample, type CanvasRouter, defaultCanvasBreakpoints, discoverCanvasPages, isAppCanvasFrame, layoutCanvasPages };