@povio/ui 5.0.0-rc.9 → 6.0.0-rc.2

package/dist/components/tag.js

@@ -1,2 +1,94 @@
-import { t as Tag } from "../Tag-DPg5sL1Z.js";
+import { t as UIConfig } from "../uiConfig.context-dxsO9puE.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-Cuvpj1gd.js";
+import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "../Button-C1YB5dOw.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
+import "../i18n-BjNKHh_D.js";
+import { t as tagDefinition } from "../tag.cva-BVa0EWBU.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 rounded-sm opacity-70 outline-none transition-opacity hover:opacity-100 disabled:pointer-events-none disabled:opacity-50",
+			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.d.ts

@@ -1,2 +1,2 @@
-import { n as TextArea, r as TextAreaProps, t as ControlledTextAreaProps } from "../TextArea-l_keyLK7.js";
-export { ControlledTextAreaProps, TextArea, TextAreaProps };
+import { i as TextAreaProps, n as TextAreaBase, r as TextAreaComponent, t as TextArea } from "../TextArea-t5IYaVds.js";
+export { TextArea, type TextAreaBase, type TextAreaComponent, type TextAreaProps };

package/dist/components/text-area.js

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

package/dist/components/time-picker.d.ts

@@ -1,2 +1,2 @@
-import { n as TimePicker, r as TimePickerProps, t as ControlledTimePickerProps } from "../TimePicker-B1POvGWs.js";
-export { type ControlledTimePickerProps, TimePicker, type TimePickerProps };
+import { i as TimePickerProps, n as TimePickerComponent, r as TimePickerInner, t as TimePicker } from "../TimePicker-BK4AnHQa.js";
+export { TimePicker, type TimePickerComponent, type TimePickerInner, type TimePickerProps };

package/dist/components/time-picker.js

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

package/dist/components/toast.d.ts

@@ -1,4 +1,4 @@
-import { t as ToastVariantProps } from "../toast.cva-By5lvAfr.js";
-import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-ruXqONDA.js";
+import { t as ToastVariantProps } from "../toast.cva-B8i61tEN.js";
+import { n as ToastAction, r as ToastProps, t as Toast } from "../Toast-6rYk8AAG.js";
 import { n as ToastProvider, t as ToastContainer } from "../ToastContainer-1H_IxvyH.js";
 export { Toast, type ToastAction, ToastContainer, type ToastProps, ToastProvider, type ToastVariantProps };

package/dist/components/toast.js

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

package/dist/components/toggle-button.d.ts

@@ -1,2 +1,2 @@
-import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-7aP8Jb11.js";
+import { n as ToggleButtonProps, t as ToggleButton } from "../ToggleButton-DZ340rQr.js";
 export { ToggleButton, ToggleButtonProps };

package/dist/components/toggle-button.js

@@ -1,38 +1,25 @@
-import { t as Button } from "../Button-C5rv4Cr2.js";
+import { t as ButtonBase } from "../ButtonBase-BhlpPPDi.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/buttons/ToggleButton/ToggleButton.tsx
-const ToggleButton = (t0) => {
-	const $ = c(8);
-	let children;
-	let props;
-	if ($[0] !== t0) {
-		({children, ...props} = t0);
-		$[0] = t0;
-		$[1] = children;
-		$[2] = props;
-	} else {
-		children = $[1];
-		props = $[2];
-	}
-	const t1 = props.variant ?? "outlined";
-	const t2 = props.color ?? "primary";
-	let t3;
-	if ($[3] !== children || $[4] !== props || $[5] !== t1 || $[6] !== t2) {
-		t3 = /* @__PURE__ */ jsx(Button, {
+const ToggleButton = (props) => {
+	const $ = c(4);
+	const t0 = props.variant ?? "outlined";
+	const t1 = props.color ?? "primary";
+	let t2;
+	if ($[0] !== props || $[1] !== t0 || $[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(ButtonBase, {
 			...props,
-			toggle: true,
-			variant: t1,
-			color: t2,
-			children
+			behavior: "toggle",
+			variant: t0,
+			color: t1
 		});
-		$[3] = children;
-		$[4] = props;
-		$[5] = t1;
-		$[6] = t2;
-		$[7] = t3;
-	} else t3 = $[7];
-	return t3;
+		$[0] = props;
+		$[1] = t0;
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
 };
 //#endregion
 export { ToggleButton };

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

@@ -1,3 +1,2 @@
-import { s as ToggleGroupProps, t as ControlledToggleGroupProps } from "../toggleGroup.types-Bp43zbSQ.js";
-import { t as ToggleGroup } from "../ToggleGroup-CRFDIPGZ.js";
-export { type ControlledToggleGroupProps, ToggleGroup, type ToggleGroupProps };
+import { a as ToggleGroupProps, t as ToggleGroup } from "../ToggleGroup-BTqYh6FH.js";
+export { ToggleGroup, type ToggleGroupProps };

package/dist/components/toggle-group.js

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

package/dist/components/tooltip-ellipsis.js

@@ -1,4 +1,4 @@
-import { t as Tooltip } from "../Tooltip-CpG1nz7Y.js";
+import { t as Tooltip } from "../Tooltip-CqbyoJhl.js";
 import { useState } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/tooltip.d.ts

@@ -1,2 +1,2 @@
-import { n as TooltipProps, t as Tooltip } from "../Tooltip-DHv6vAqW.js";
+import { n as TooltipProps, t as Tooltip } from "../Tooltip-DP5RDkXs.js";
 export { Tooltip, TooltipProps };

package/dist/components/tooltip.js

@@ -1,2 +1,2 @@
-import { t as Tooltip } from "../Tooltip-CpG1nz7Y.js";
+import { t as Tooltip } from "../Tooltip-CqbyoJhl.js";
 export { Tooltip };

package/dist/components/typography.d.ts

@@ -1,3 +1,3 @@
-import { t as TypographyVariantProps } from "../typography.cva-D1JOEYl-.js";
-import { n as TypographyProps, t as Typography } from "../Typography-XljT9s02.js";
+import { t as TypographyVariantProps } from "../typography.cva-CKCCpIMj.js";
+import { n as TypographyProps, t as Typography } from "../Typography-BD-MSuTp.js";
 export { Typography, type TypographyProps, type TypographyVariantProps };

package/dist/components/typography.js

@@ -1,2 +1,2 @@
-import { t as Typography } from "../Typography-LU4z2pR1.js";
+import { t as Typography } from "../Typography-Ba5l4rmj.js";
 export { Typography };

package/dist/components/use-toast.d.ts

@@ -1,2 +1,2 @@
-import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-yreVCUer.js";
+import { n as ToastParams, r as useToast, t as ToastOptions } from "../useToast-CA0BGCDK.js";
 export { ToastOptions, ToastParams, useToast };

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-D18gn2Ty.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-D18gn2Ty.js").then(({ dismissToast }) => dismissToast(id));
 	}, []);
 	return useMemo(() => ({
 		successToast,

package/dist/config/component-configuration.d.ts

@@ -0,0 +1,30 @@
+import { t as UIOverrides } from "../uiOverrides.context-Dmev7iRS.js";
+import { t as UIConfig } from "../uiConfig.context-B1SCCG5j.js";
+//#region src/config/component-configuration.d.ts
+interface CvaDefinition {
+  base: string[];
+  config: {
+    variants: Record<string, Record<string, string>>;
+    defaultVariants: Record<string, string | boolean | null>;
+    compoundVariants: Array<Record<string, string | boolean | string[] | boolean[] | null>>;
+  };
+}
+/** Persisted component settings consumed by applications in every environment. */
+interface ComponentConfiguration {
+  config: Partial<Pick<UIConfig.Options, "button" | "input" | "renderStaticInput">>;
+  overrides: Partial<Record<string, CvaDefinition>>;
+}
+/** Returns an independent component configuration, or undefined when invalid. */
+declare function parseComponentConfiguration(value: unknown): ComponentConfiguration | undefined;
+declare function applyCvaEdits(inherited: UIOverrides.Config | null | undefined, edits?: Partial<Record<string, CvaDefinition>>): UIOverrides.Config;
+declare const emptyComponentConfiguration: () => ComponentConfiguration;
+/**
+ * The app's applied component settings: pass the JSON written by the configurator's Apply theme
+ * and the app's code-level overrides, which stay underneath the applied variant overrides.
+ */
+declare function resolveUIConfiguration(file: unknown, baseOverrides?: UIOverrides.Config | null): {
+  config: ComponentConfiguration["config"];
+  overrides: UIOverrides.Config;
+};
+//#endregion
+export { ComponentConfiguration, CvaDefinition, applyCvaEdits, emptyComponentConfiguration, parseComponentConfiguration, resolveUIConfiguration };

package/dist/config/component-configuration.js

@@ -0,0 +1,69 @@
+//#region src/config/component-configuration.ts
+function isRecord(value) {
+	return value !== null && typeof value === "object" && !Array.isArray(value);
+}
+function safeJSON(value, ancestors = /* @__PURE__ */ new Set(), depth = 0) {
+	if (value === null || typeof value === "string" || typeof value === "boolean") return true;
+	if (typeof value === "number") return Number.isFinite(value);
+	if (typeof value !== "object" || depth > 30 || ancestors.has(value)) return false;
+	if (!Array.isArray(value) && Object.getPrototypeOf(value) !== Object.prototype && Object.getPrototypeOf(value) !== null) return false;
+	ancestors.add(value);
+	const valid = Object.entries(value).every(([key, child]) => ![
+		"__proto__",
+		"prototype",
+		"constructor"
+	].includes(key) && safeJSON(child, ancestors, depth + 1));
+	ancestors.delete(value);
+	return valid;
+}
+const stringMap = (value) => isRecord(value) && Object.values(value).every((item) => typeof item === "string");
+const variantValue = (value) => value === null || typeof value === "string" || typeof value === "boolean";
+function validCvaEdits(value) {
+	return isRecord(value) && Object.entries(value).every(([slot, definition]) => {
+		if (!/^[a-zA-Z][a-zA-Z0-9]*\.[a-zA-Z][a-zA-Z0-9]*$/.test(slot) || !isRecord(definition) || !Array.isArray(definition.base) || !definition.base.every((item) => typeof item === "string") || !isRecord(definition.config)) return false;
+		const config = definition.config;
+		return isRecord(config.variants) && Object.values(config.variants).every(stringMap) && isRecord(config.defaultVariants) && Object.values(config.defaultVariants).every(variantValue) && Array.isArray(config.compoundVariants) && config.compoundVariants.every((compound) => isRecord(compound) && Object.values(compound).every((item) => variantValue(item) || Array.isArray(item) && (item.every((part) => typeof part === "string") || item.every((part) => typeof part === "boolean"))));
+	});
+}
+/** Returns an independent component configuration, or undefined when invalid. */
+function parseComponentConfiguration(value) {
+	if (!isRecord(value) || !safeJSON(value) || !isRecord(value.config) || value.overrides !== void 0 && !validCvaEdits(value.overrides)) return void 0;
+	const copy = JSON.parse(JSON.stringify(value));
+	return {
+		config: copy.config ?? {},
+		overrides: copy.overrides ?? {}
+	};
+}
+function applyCvaEdits(inherited, edits = {}) {
+	const result = { ...inherited };
+	for (const [slot, definition] of Object.entries(edits)) {
+		if (!definition) continue;
+		const [component, part] = slot.split(".");
+		const key = component;
+		result[key] = {
+			...result[key],
+			[part]: {
+				mode: "overrideCva",
+				...definition
+			}
+		};
+	}
+	return result;
+}
+const emptyComponentConfiguration = () => ({
+	config: {},
+	overrides: {}
+});
+/**
+* The app's applied component settings: pass the JSON written by the configurator's Apply theme
+* and the app's code-level overrides, which stay underneath the applied variant overrides.
+*/
+function resolveUIConfiguration(file, baseOverrides) {
+	const { config, overrides } = parseComponentConfiguration(file) ?? emptyComponentConfiguration();
+	return {
+		config,
+		overrides: applyCvaEdits(baseOverrides, overrides)
+	};
+}
+//#endregion
+export { applyCvaEdits, emptyComponentConfiguration, parseComponentConfiguration, resolveUIConfiguration };

package/dist/config/confirmation.d.ts

@@ -1,2 +1,2 @@
-import { t as Confirmation } from "../confirmation.context-BOeEVczb.js";
+import { t as Confirmation } from "../confirmation.context-DdxzxDWB.js";
 export { Confirmation };

package/dist/config/confirmation.js

@@ -1,2 +1,2 @@
-import { t as Confirmation } from "../confirmation.context-BuzgCfYl.js";
+import { t as Confirmation } from "../confirmation.context-BSn1s-ip.js";
 export { Confirmation };

package/dist/config/link-context.d.ts

@@ -1,3 +1,3 @@
-import { n as LinkNavigationProps } from "../Link-Ow9H7kNv.js";
-import { t as LinkContext } from "../link.context-D5qyz9Rf.js";
+import { n as LinkNavigationProps } from "../Link-D0Kk3F5w.js";
+import { t as LinkContext } from "../link.context-pIX2TUSb.js";
 export { LinkContext, type LinkNavigationProps };

package/dist/config/resources.d.ts

@@ -1,2 +1,2 @@
-import { n as resources, t as ns } from "../i18n-CX1vFM9r.js";
+import { n as resources, t as ns } from "../i18n-2z5on9No.js";
 export { ns, resources };

package/dist/config/resources.js

@@ -1,2 +1,2 @@
-import { n as resources, t as ns } from "../i18n-CX2EjhJI.js";
+import { n as resources, t as ns } from "../i18n-BjNKHh_D.js";
 export { ns, resources };

package/dist/config/ui-config.d.ts

@@ -1,3 +1,3 @@
-import { t as UIConfig } from "../uiConfig.context-DeBX2beU.js";
-import { a as DateRangeResolvedValue, i as DateRangeRelativeOption } from "../DateRangePicker-Bfq-yDm7.js";
+import { t as UIConfig } from "../uiConfig.context-B1SCCG5j.js";
+import { o as DateRangeRelativeOption, s as DateRangeResolvedValue } from "../DateRangePicker-CzWwO5bA.js";
 export { type DateRangeRelativeOption, type DateRangeResolvedValue, UIConfig };

package/dist/config/ui-config.js

@@ -1,2 +1,2 @@
-import { t as UIConfig } from "../uiConfig.context-BS3r_kTS.js";
+import { t as UIConfig } from "../uiConfig.context-dxsO9puE.js";
 export { UIConfig };

package/dist/config/ui-overrides.d.ts

@@ -1,2 +1,2 @@
-import { t as UIOverrides } from "../uiOverrides.context-DEp139He.js";
+import { t as UIOverrides } from "../uiOverrides.context-Dmev7iRS.js";
 export { UIOverrides };

package/dist/{confirmation.context-BuzgCfYl.js → confirmation.context-BSn1s-ip.js}

@@ -1,4 +1,4 @@
-import "./i18n-CX2EjhJI.js";
+import "./i18n-BjNKHh_D.js";
 import { AlertDialog } from "./components/alert-dialog.js";
 import { createContext, use, useRef, useState } from "react";
 import { c } from "react/compiler-runtime";

package/dist/{confirmation.context-BOeEVczb.d.ts → confirmation.context-DdxzxDWB.d.ts}

@@ -1,4 +1,4 @@
-import { n as AlertDialogProps } from "./AlertDialog-OWTbR4km.js";
+import { n as AlertDialogProps } from "./AlertDialog-CDCbfARJ.js";
 import { PropsWithChildren } from "react";
 //#region src/config/confirmation.context.d.ts
 declare namespace Confirmation {

package/dist/{datePickerInput.cva-Cd7UUN61.js → datePickerInput.cva--gCeAsRx.js}

@@ -1,7 +1,7 @@
 import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/inputs/DateTime/shared/datePickerInput.cva.ts
 const datePickerInputContentRowDefinition = UIOverrides.defineConfig({
-	base: ["flex items-center gap-input-gap-input-text-to-elements"],
+	base: ["flex items-center gap-2"],
 	config: {
 		variants: { size: {
 			small: "",

package/dist/{datePickerValue.utils-DCgoSrP3.js → datePickerValue.utils-BxHR_BQZ.js}

@@ -1,15 +1,17 @@
 import { t as ChevronDown } from "./chevron-down-B4Pr8bD3.js";
-import { t as ChevronUp } from "./chevron-up-D_Gqpb5M.js";
+import { n as ChevronUp } from "./Tooltip-CqbyoJhl.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
-import { t as Typography } from "./Typography-LU4z2pR1.js";
-import { InlineIconButton } from "./components/inline-icon-button.js";
-import { t as useBreakpoint } from "./useBreakpoint-DQoMN-BG.js";
-import { u as getPlaceholder } from "./staticDateTimeSegments-DtU63_dw.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { IconButton } from "./components/icon-button.js";
+import { t as useBreakpoint } from "./useBreakpoint-DOUmXVZ2.js";
+import { u as getPlaceholder } from "./staticDateTimeSegments-CA_lwN-O.js";
+import "./i18n-BjNKHh_D.js";
 import { useEffect, useRef } from "react";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Time } from "@internationalized/date";
 import { useDateSegment, useLocale, useTimeField } from "react-aria";
+import { useTranslation } from "react-i18next";
 import { useTimeFieldState } from "@react-stately/datepicker";
 //#region src/hooks/useLongPressRepeat.ts
 const useLongPressRepeat = (t0) => {
@@ -148,8 +150,8 @@ const TimeSegmentInput = ({ segment, state, autoFocus }) => {
 			ref,
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
-				size: "small",
-				className: "text-surface-default-foreground font-bold",
+				size: "body",
+				className: "font-medium text-foreground",
 				children: segment.text
 			})
 		});
@@ -159,12 +161,13 @@ const TimeSegmentInput = ({ segment, state, autoFocus }) => {
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			...isDesktop && segmentProps,
-			className: clsx("w-11 rounded-input-rounding-default bg-surface-default-popover py-input-height-small text-center", "font-body font-bold text-surface-default-popover-foreground", "border border-border-default-input border-solid", "not-focus-within:hover:border-state-border-default-input/hover not-focus-within:hover:bg-state-surface-default-popover/hover not-focus-within:hover:text-state-surface-default-popover-foreground/hover", "focus-within:border-interactive-ring focus-within:bg-surface-default-background focus-within:text-surface-default-card-foreground focus-within:outline-none"),
+			className: clsx("w-11 rounded-md bg-muted py-1 text-center", "font-sans font-bold text-muted-foreground", "border border-input border-solid", "not-focus-within:hover:border-input not-focus-within:hover:bg-accent not-focus-within:hover:text-foreground", "focus-within:border-ring focus-within:bg-background focus-within:text-foreground focus-within:outline-none"),
 			children: getPlaceholder(segment) ?? segment.text
 		})
 	});
 };
 const TimeSegmentButton = ({ segment, state, type }) => {
+	const { t } = useTranslation("ui");
 	const stateRef = useRef(state);
 	useEffect(() => {
 		stateRef.current = state;
@@ -194,22 +197,27 @@ const TimeSegmentButton = ({ segment, state, type }) => {
 			className: "flex shrink-0",
 			children: /* @__PURE__ */ jsx(Typography, {
 				as: "span",
-				size: "small",
-				className: "invisible text-surface-default-foreground font-bold",
+				size: "body",
+				className: "invisible font-medium text-foreground",
 				"aria-hidden": true,
 				children: segment.text
 			})
 		});
 	}
+	const Icon = type === "increment" ? ChevronUp : ChevronDown;
 	return /* @__PURE__ */ jsx("div", {
 		className: "flex w-11 select-none items-center justify-center",
 		onContextMenu: (e) => e.preventDefault(),
-		children: /* @__PURE__ */ jsx(InlineIconButton, {
-			label: "",
+		children: /* @__PURE__ */ jsx(IconButton, {
+			label: t(($) => type === "increment" ? $.ui.datePicker.adjustTime.increment : $.ui.datePicker.adjustTime.decrement, { segment: t(($) => segment.type === "hour" ? $.ui.datePicker.adjustTime.hour : segment.type === "minute" ? $.ui.datePicker.adjustTime.minute : $.ui.datePicker.adjustTime.dayPeriod) }),
 			color: "secondary",
 			onPressStart,
 			onPressEnd,
-			icon: type === "increment" ? ChevronUp : ChevronDown
+			icon: Icon,
+			variant: "text",
+			width: "hug",
+			disableTooltip: true,
+			size: "sm"
 		})
 	});
 };

package/dist/{dialog.cva-COhDZaVl.js → dialog.cva-DzJlaK5a.js}

@@ -2,22 +2,22 @@ import { r as cva, t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 //#region src/components/overlays/Dialog/dialog.cva.ts
 const dialogContentDefinition = UIOverrides.defineConfig({
 	base: [
-		"relative flex flex-col items-center gap-modal-gap-content px-modal-side-mobile py-modal-height-mobile md:px-modal-side-desktop md:py-modal-height-desktop",
+		"relative flex flex-col gap-4 shadow-lg",
 		"w-fit max-w-full [&>*]:max-w-full",
-		"border-border-default-subtle bg-surface-default-card text-surface-default-card-foreground outline-none",
+		"bg-background text-foreground outline-none",
 		"pointer-events-auto"
 	],
 	config: {
 		variants: { aside: {
-			left: "h-screen rounded-none border-r",
-			right: "h-screen rounded-none border-l",
-			center: "rounded-modal-rounding-default border"
+			left: "h-screen rounded-none border-r p-4",
+			right: "h-screen rounded-none border-l p-4",
+			center: "rounded-lg border p-6"
 		} },
 		defaultVariants: { aside: "center" }
 	}
 });
 const dialogOverlayDefinition = UIOverrides.defineConfig({
-	base: ["fixed inset-0 z-modal flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-support-overlay", "transition-opacity duration-200 ease-out starting:opacity-0 entering:opacity-0 exiting:opacity-0 exiting:duration-150 motion-reduce:transition-none"],
+	base: ["fixed inset-0 z-modal flex h-(--visual-viewport-height) w-screen overflow-y-auto bg-black/50", "transition-opacity duration-200 ease-out starting:opacity-0 entering:opacity-0 exiting:opacity-0 exiting:duration-150 motion-reduce:transition-none"],
 	config: {
 		variants: { aside: {
 			left: "p-0",

package/dist/{dist-CAdwxJbe.js → dist-D35rjADF.js}

@@ -1,5 +1,58 @@
+import { t as UIConfig } from "./uiConfig.context-dxsO9puE.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
+import { t as IconSlot } from "./IconSlot-Cuvpj1gd.js";
+import { t as Typography } from "./Typography-Ba5l4rmj.js";
+import { t as Spinner } from "./Spinner-CFj5Iu77.js";
+import { t as Button } from "./Button-DU1Q8GDB.js";
+import { a as toastDefinition, n as statusIconDefinition, r as statusSeparatorDefinition, t as buttonColorVariant } from "./toast.cva-BMOx7_9f.js";
 import $ahdqC$react, { cloneElement, isValidElement, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/status/Toast/Toast.tsx
+const Toast = ({ text, isLoading = false, actions = [], icon: Icon, ...props }) => {
+	const uiConfig = UIConfig.useConfig();
+	const { variant = uiConfig.toast.variant, ...restProps } = props;
+	const toastCva = UIOverrides.useCva("toast.cva", toastDefinition);
+	const buttonColor = UIOverrides.useMapper("toast.buttonColor", buttonColorVariant);
+	const iconCva = UIOverrides.useCva("status.iconCva", statusIconDefinition);
+	const separatorCva = UIOverrides.useCva("status.separatorCva", statusSeparatorDefinition);
+	const variantProps = {
+		variant,
+		...restProps
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: toastCva(variantProps),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 flex-1 items-start gap-1.5",
+			children: [
+				isLoading && /* @__PURE__ */ jsx("span", {
+					className: "flex h-5 shrink-0 items-center",
+					children: /* @__PURE__ */ jsx(Spinner, { size: "default" })
+				}),
+				!isLoading && Icon && /* @__PURE__ */ jsx(IconSlot, {
+					icon: Icon,
+					className: iconCva(variantProps)
+				}),
+				/* @__PURE__ */ jsx(Typography, {
+					size: "large",
+					className: "font-medium",
+					children: text
+				})
+			]
+		}), actions.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("div", { className: separatorCva(variantProps) }), /* @__PURE__ */ jsx("div", {
+			className: "ml-auto flex shrink-0 items-center gap-2",
+			children: actions.map(({ text: buttonText, onPress }) => /* @__PURE__ */ jsx(Button, {
+				onPress,
+				...buttonColor(variantProps),
+				variant: "contained",
+				size: "s",
+				width: "hug",
+				children: buttonText
+			}, buttonText))
+		})] })]
+	});
+};
+//#endregion
 //#region ../../node_modules/.bun/react-toastify@11.1.0+67f6792bdf102c28/node_modules/react-toastify/dist/index.mjs
 var L = (t) => typeof t == "number" && !isNaN(t);
 var N = (t) => typeof t == "string";
@@ -1482,4 +1535,4 @@ function xo(t) {
 	return Rt(Mt, t.nonce), $ahdqC$react.createElement(dt, { ...t });
 }
 //#endregion
-export { y as n, xo as t };
+export { y as n, Toast as r, xo as t };

package/dist/{dom.utils-D1AopHx9.js → dom.utils-BbfrA6RP.js}

@@ -1,4 +1,4 @@
-import { o as ObjectUtils } from "./uiConfig.context-BS3r_kTS.js";
+import { n as ObjectUtils } from "./isEqual-LFw0W5rU.js";
 import { useRef, useState } from "react";
 import { c } from "react/compiler-runtime";
 //#region src/hooks/useStateAndRef.ts