@povio/ui 4.0.2 → 5.0.0-rc.2

package/dist/{BottomSheet-CVTF1wQe.js → BottomSheet-DvqBvth_.js}

@@ -1,13 +1,13 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-D2eUIPHn.js";
 import { t as X } from "./x-B6vfz8Ps.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { n as $f2ff30fde7b014be$export$3ddf2d174ce01153, t as $f2ff30fde7b014be$export$2e1e1122cf0cba88 } from "./Dialog-CXoVeIkU.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
 import { n as $8b8d26808cb8cb53$export$8948f78d83984c69, t as $8b8d26808cb8cb53$export$2b77a92f1a5ad772 } from "./Modal-CoFt5PGP.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.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-D3mELNBA.js";
+import { n as useStateAndRef, t as DomUtils } from "./dom.utils-DjuRTR6U.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";
@@ -28,13 +28,13 @@ const BottomSheetHeader = (t0) => {
 	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",
+			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-elevation-fill-default-3" })
+			children: /* @__PURE__ */ jsx("div", { className: "h-1 w-16 shrink-0 rounded-full bg-surface-default-popover" })
 		});
 		$[2] = dragControls;
 		$[3] = hideThumb;
@@ -46,14 +46,14 @@ const BottomSheetHeader = (t0) => {
 		t4 = !hideHeader && /* @__PURE__ */ jsxs("div", {
 			className: "flex justify-between px-list-side-title",
 			children: [/* @__PURE__ */ jsx(Typography, {
-				size: "label-2",
-				variant: "prominent-1",
+				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-interactive-text-secondary-idle focus-visible:outline-interactive-text-secondary-focus",
+				className: "-m-2 shrink-0 p-2 text-surface-default-foreground focus-visible:outline-interactive-ring",
 				children: /* @__PURE__ */ jsx(X, { className: "size-6" })
 			})]
 		});
@@ -257,7 +257,7 @@ const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable =
 						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"),
+						className: clsx("pointer-events-auto relative flex min-h-0 flex-col items-stretch rounded-t-xl bg-surface-default-card", height === "full" && "flex-1"),
 						children: [
 							/* @__PURE__ */ jsx("div", {
 								className: clsx("absolute bottom-full left-0 w-full outline-none", isDismissable ? "h-0" : "h-screen"),
@@ -281,7 +281,7 @@ const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable =
 								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" })
+							/* @__PURE__ */ jsx("div", { className: "absolute top-full h-screen w-full bg-surface-default-card" })
 						]
 					}),
 					footer && /* @__PURE__ */ jsx(motion.div, {
@@ -289,7 +289,7 @@ const BottomSheetBase = ({ isOpen, onOpenChange, onStateChange, isDismissable =
 						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))]"),
+						className: clsx("pointer-events-auto absolute z-overlay-above w-full bg-surface-default-background", "top-[calc(100dvh-var(--bottom-sheet-keyboard-inset,0))] left-0 translate-y-[calc(-100%-var(--scroll-position,0))]"),
 						children: footer
 					})
 				] })

package/dist/{BottomSheet-CT0zuola.d.ts → BottomSheet-xaymO7aQ.d.ts}

@@ -1,4 +1,4 @@
-import { t as TypographyVariantProps } from "./typography.cva-YaO6JLqU.js";
+import { t as TypographyVariantProps } from "./typography.cva-jtp6WWUH.js";
 import { ReactNode, RefObject } from "react";
 //#region src/components/overlays/BottomSheet/BottomSheet.d.ts
 type BottomSheetState = "closed" | "opening" | "opened" | "closing";

package/dist/{BottomSheet.lazy-7AwnB4vS.d.ts → BottomSheet.lazy-CGBRPve_.d.ts}

@@ -1,4 +1,4 @@
-import { t as BottomSheetProps } from "./BottomSheet-CT0zuola.js";
+import { t as BottomSheetProps } from "./BottomSheet-xaymO7aQ.js";
 //#region src/components/overlays/BottomSheet/BottomSheet.lazy.d.ts
 declare const BottomSheet: ({ isOpen, onOpenChange, trigger, ...props }: BottomSheetProps) => import("react").JSX.Element;
 //#endregion

package/dist/{Breadcrumbs-BibAIBhY.js → Breadcrumbs-DiIYJAWf.js}

@@ -1,13 +1,13 @@
-import { t as DropdownMenuDesktop } from "./DropdownMenuDesktop-C9ttysuk.js";
+import { t as DropdownMenuDesktop } from "./DropdownMenuDesktop-CGYxsavQ.js";
 import { t as ChevronRight } from "./chevron-right-3nKJR5Bb.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
 import { l as $7230ffa83bc0c2cf$export$fabf2dc03a41866e, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e } from "./utils-Czcqspm7.js";
 import { p as $263ab7fc0f95ccdb$export$4feb769f8ddf26c5 } from "./Dialog-CXoVeIkU.js";
 import { n as $984a1fc08f87e4f3$export$e2509388b49734e7, t as $984a1fc08f87e4f3$export$a6c7ac8248d6e38a } from "./Link-FupWOW1f.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.js";
-import { t as Tooltip } from "./Tooltip-D94a1IQl.js";
+import { t as Tooltip } from "./Tooltip-aE1Vswxz.js";
 import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
-import { t as Typography } from "./Typography-AcUd9df8.js";
+import { t as Typography } from "./Typography-B0Gp1lpc.js";
 import { t as LinkContext } from "./link.context-J7aQtMOr.js";
 import $ahdqC$react, { createContext, forwardRef, useContext, useLayoutEffect, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
@@ -76,18 +76,18 @@ const $65dbe90f868fa5f4$export$dabcc1ec9dd9d1cc = /*#__PURE__*/ createLeafCompon
 //#region src/components/Breadcrumbs/breadcrumbs.cva.ts
 const breadcrumbsDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
 const breadcrumbSegmentDefinition = UIOverrides.defineConfig({ base: ["flex items-center gap-breadcrumbs-gap-segment-to-segment"] });
-const breadcrumbChevronDefinition = UIOverrides.defineConfig({ base: ["size-6 shrink-0 text-interactive-text-secondary-idle"] });
+const breadcrumbChevronDefinition = UIOverrides.defineConfig({ base: ["size-6 shrink-0 text-surface-default-foreground"] });
 const breadcrumbIconDefinition = UIOverrides.defineConfig({ base: ["size-4 shrink-0"] });
 const breadcrumbItemDefinition = UIOverrides.defineConfig({
-	base: ["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-label-3 no-underline"],
+	base: ["inline-flex cursor-pointer items-center gap-breadcrumbs-gap-icon-to-text whitespace-nowrap font-inter font-medium text-small no-underline"],
 	config: {
 		variants: {
 			isCurrent: {
-				true: "text-interactive-text-primary-idle",
-				false: "text-interactive-text-secondary-idle hover:text-interactive-text-secondary-hover"
+				true: "text-interactive-primary-background",
+				false: "text-surface-default-foreground hover:text-tint-surface-default-foreground/80"
 			},
 			isEllipsis: {
-				true: "hover:text-interactive-text-primary-hover!",
+				true: "hover:text-tint-interactive-primary-background/80!",
 				false: ""
 			}
 		},
@@ -149,8 +149,7 @@ const Breadcrumbs = (t0) => {
 				className: breadcrumbIconCva({}),
 				"aria-label": item.label
 			}), !iconOnly_0 && /* @__PURE__ */ jsx(Typography, {
-				variant: "default",
-				size: "label-3",
+				size: "small",
 				children: item.label
 			})]
 		});
@@ -172,8 +171,7 @@ const Breadcrumbs = (t0) => {
 						isEllipsis: true
 					}),
 					children: /* @__PURE__ */ jsx(Typography, {
-						variant: "default",
-						size: "label-3",
+						size: "small",
 						children: "..."
 					})
 				})

package/dist/{Breadcrumbs-D-3YEuem.d.ts → Breadcrumbs-DyriI-Bi.d.ts}

@@ -1,4 +1,4 @@
-import { n as LinkNavigationProps } from "./Link-DS9-0Ijl.js";
+import { n as LinkNavigationProps } from "./Link-QYpprkN1.js";
 import { FC, SVGProps } from "react";
 import { Key } from "react-aria-components";
 //#region src/components/Breadcrumbs/Breadcrumbs.d.ts

package/dist/{Button-DTNjsGx5.d.ts → Button-BZ3is6IU.d.ts}

@@ -1,6 +1,6 @@
-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 { n as LinkNavigationProps } from "./Link-QYpprkN1.js";
+import { n as ButtonVariantProps } from "./button.cva-BvRI-3Gn.js";
+import { t as ButtonContentVariantProps } from "./buttonContent.cva-BDT_CReI.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