@povio/ui 4.0.3 → 5.0.0-rc.10

package/dist/{Spinner-BOgO9bS6.d.ts → Spinner-DbXeDOa2.d.ts}

@@ -1,4 +1,5 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
 import { SVGProps } from "react";
 //#region src/components/status/Spinner/spinner.cva.d.ts
 declare const spinnerWrapperDefinition: {
@@ -14,7 +15,7 @@ declare const spinnerDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly size: {
-      readonly default: "size-3-5";
+      readonly default: "size-3.5";
       readonly l: "size-8";
     };
   }>;

package/dist/{SplitButton-BPZbQeYC.d.ts → SplitButton-D9ngY1rJ.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 { r as MenuItem } from "./DropdownMenu-CZQRzOBb.js";
+import { n as LinkNavigationProps } from "./Link-Ow9H7kNv.js";
+import { n as ButtonVariantProps } from "./button.cva-C7kEhgoA.js";
+import { r as MenuItem } from "./DropdownMenu-JNpYT4-3.js";
 import { ButtonProps } from "react-aria-components";
 //#region src/components/buttons/SplitButton/SplitButton.d.ts
 interface SplitButtonProps extends ButtonVariantProps, Omit<ButtonProps, "children"> {

package/dist/{Stepper-BbO9TlOM.js → Stepper-Cp5vbL5g.js}

@@ -1,125 +1,12 @@
 import { t as Check } from "./check-DYMBkp_Z.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { n as $7705c033048f6da7$export$353f5b6fc5456de1 } from "./Button-D6KlWSFL.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-LU4z2pR1.js";
+import { a as stepperSeparatorDefinition, i as stepperNumberDefinition, n as stepperIconDefinition, o as stepperSubtextDefinition, r as stepperItemDefinition, s as stepperTitleDefinition, t as stepperDefinition } from "./stepper.cva-CZ0Kj-s7.js";
 import { Fragment } from "react";
 import { c } from "react/compiler-runtime";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/navigation/Stepper/stepper.cva.ts
-const stepperDefinition = UIOverrides.defineConfig({
-	base: [""],
-	config: {
-		variants: { orientation: {
-			horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal",
-			vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical"
-		} },
-		defaultVariants: { orientation: "horizontal" }
-	}
-});
-const stepperItemDefinition = UIOverrides.defineConfig({
-	base: ["flex shrink-0"],
-	config: {
-		variants: { contentOrientation: {
-			horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left",
-			vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center"
-		} },
-		defaultVariants: { contentOrientation: "horizontal" }
-	}
-});
-const stepperIconDefinition = UIOverrides.defineConfig({
-	base: ["inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon"],
-	config: {
-		variants: { status: {
-			completed: [
-				"border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle",
-				"group-hover:border-interactive-outlined-primary-outline-hover group-hover:bg-interactive-contained-primary-hover",
-				"group-pressed:border-interactive-outlined-primary-outline-pressed group-pressed:bg-interactive-contained-primary-pressed"
-			],
-			active: "border border-interactive-outlined-primary-on-idle border-solid bg-interactive-outlined-primary-idle",
-			todo: "border border-interactive-outlined-primary-outline-disabled border-solid bg-interactive-outlined-primary-disabled"
-		} },
-		defaultVariants: { status: "todo" }
-	}
-});
-const stepperNumberDefinition = UIOverrides.defineConfig({
-	base: ["text-center align-middle"],
-	config: {
-		variants: { status: {
-			completed: "",
-			active: "text-interactive-outlined-primary-on-idle",
-			todo: "text-interactive-outlined-primary-on-disabled"
-		} },
-		defaultVariants: { status: "todo" }
-	}
-});
-const stepperTitleDefinition = UIOverrides.defineConfig({
-	base: [""],
-	config: {
-		variants: { status: {
-			completed: [
-				"text-interactive-text-secondary-idle",
-				"group-hover:text-interactive-text-secondary-hover",
-				"group-pressed:text-interactive-text-secondary-pressed"
-			],
-			active: "text-interactive-text-primary-idle",
-			todo: "text-interactive-text-secondary-disabled"
-		} },
-		defaultVariants: { status: "todo" }
-	}
-});
-const stepperSubtextDefinition = UIOverrides.defineConfig({
-	base: [""],
-	config: {
-		variants: { status: {
-			completed: [
-				"text-interactive-text-secondary-idle",
-				"group-hover:text-interactive-text-secondary-hover",
-				"group-pressed:text-interactive-text-secondary-pressed"
-			],
-			active: "text-interactive-text-secondary-idle",
-			todo: "text-interactive-text-secondary-disabled"
-		} },
-		defaultVariants: { status: "todo" }
-	}
-});
-const stepperSeparatorDefinition = UIOverrides.defineConfig({
-	base: ["bg-elevation-outline-default-1"],
-	config: {
-		variants: {
-			orientation: {
-				horizontal: "h-px min-w-4 flex-1",
-				vertical: "min-h-16 w-px"
-			},
-			contentOrientation: {
-				horizontal: "",
-				vertical: ""
-			}
-		},
-		defaultVariants: {
-			orientation: "horizontal",
-			contentOrientation: "horizontal"
-		},
-		compoundVariants: [
-			{
-				orientation: "horizontal",
-				contentOrientation: "vertical",
-				className: "mt-stepper-horizontal-line-top self-start"
-			},
-			{
-				orientation: "vertical",
-				contentOrientation: "vertical",
-				className: "self-center"
-			},
-			{
-				orientation: "vertical",
-				contentOrientation: "horizontal",
-				className: "ml-stepper-vertical-line-side"
-			}
-		]
-	}
-});
-//#endregion
 //#region src/components/navigation/Stepper/StepperItem.tsx
 const StepperItem = (t0) => {
 	const $ = c(31);
@@ -140,10 +27,9 @@ const StepperItem = (t0) => {
 	} else t1 = $[2];
 	let t2;
 	if ($[3] !== status || $[4] !== stepNumber || $[5] !== stepperNumberCva) {
-		t2 = status === "completed" ? /* @__PURE__ */ jsx(Check, { className: "size-5 text-interactive-contained-primary-on-idle" }) : /* @__PURE__ */ jsx(Typography, {
-			className: stepperNumberCva({ status }),
-			variant: "prominent-1",
-			size: "label-3",
+		t2 = status === "completed" ? /* @__PURE__ */ jsx(Check, { className: "size-5 text-interactive-primary-foreground" }) : /* @__PURE__ */ jsx(Typography, {
+			className: clsx(stepperNumberCva({ status }), "font-bold"),
+			size: "small",
 			children: stepNumber
 		});
 		$[3] = status;
@@ -167,13 +53,11 @@ const StepperItem = (t0) => {
 			className: "flex flex-col gap-stepper-gap-text-to-subtext",
 			children: [/* @__PURE__ */ jsx(Typography, {
 				className: stepperTitleCva({ status }),
-				size: "label-2",
-				variant: "default",
+				size: "small",
 				children: step.title
 			}), showSubtext && /* @__PURE__ */ jsx(Typography, {
 				className: stepperSubtextCva({ status }),
-				size: "label-3",
-				variant: "default",
+				size: "small",
 				children: step.subtext
 			})]
 		});
@@ -333,4 +217,4 @@ const Stepper = (t0) => {
 	return t5;
 };
 //#endregion
-export { stepperNumberDefinition as a, stepperTitleDefinition as c, stepperItemDefinition as i, stepperDefinition as n, stepperSeparatorDefinition as o, stepperIconDefinition as r, stepperSubtextDefinition as s, Stepper as t };
+export { Stepper as t };

package/dist/{Stepper-PcHlxDD5.d.ts → Stepper-TATlHZhQ.d.ts}

@@ -1,4 +1,5 @@
-import { n as StyleMergeUtils, t as UIOverrides } from "./uiOverrides.context-C3xb4Ttq.js";
+import { t as StyleMergeUtils } from "./style-merge.util-zLimKwt6.js";
+import { t as UIOverrides } from "./uiOverrides.context-DEp139He.js";
 //#region src/components/navigation/Stepper/stepper.cva.d.ts
 declare const stepperDefinition: {
   base: string[];
@@ -26,9 +27,9 @@ declare const stepperIconDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly completed: ["border border-interactive-outlined-primary-outline-idle border-solid bg-interactive-contained-primary-idle", "group-hover:border-interactive-outlined-primary-outline-hover group-hover:bg-interactive-contained-primary-hover", "group-pressed:border-interactive-outlined-primary-outline-pressed group-pressed:bg-interactive-contained-primary-pressed"];
-      readonly active: "border border-interactive-outlined-primary-on-idle border-solid bg-interactive-outlined-primary-idle";
-      readonly todo: "border border-interactive-outlined-primary-outline-disabled border-solid bg-interactive-outlined-primary-disabled";
+      readonly completed: ["border border-interactive-primary-background border-solid bg-interactive-primary-background", "group-hover:border-state-interactive-primary-background/hover group-hover:bg-state-interactive-primary-background/hover", "group-pressed:border-state-interactive-primary-background/pressed group-pressed:bg-state-interactive-primary-background/pressed"];
+      readonly active: "border border-interactive-subtle-primary-foreground border-solid bg-support-transparent-outline";
+      readonly todo: "border border-state-interactive-subtle-primary-foreground/disabled border-solid bg-support-transparent-outline";
     };
   }>;
 };
@@ -37,8 +38,8 @@ declare const stepperNumberDefinition: {
   config: StyleMergeUtils.Config<{
     readonly status: {
       readonly completed: "";
-      readonly active: "text-interactive-outlined-primary-on-idle";
-      readonly todo: "text-interactive-outlined-primary-on-disabled";
+      readonly active: "text-interactive-subtle-primary-foreground";
+      readonly todo: "text-state-interactive-subtle-primary-foreground/disabled";
     };
   }>;
 };
@@ -46,9 +47,9 @@ declare const stepperTitleDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly completed: ["text-interactive-text-secondary-idle", "group-hover:text-interactive-text-secondary-hover", "group-pressed:text-interactive-text-secondary-pressed"];
-      readonly active: "text-interactive-text-primary-idle";
-      readonly todo: "text-interactive-text-secondary-disabled";
+      readonly completed: ["text-surface-default-foreground", "group-hover:text-state-surface-default-foreground/hover", "group-pressed:text-state-surface-default-foreground/pressed"];
+      readonly active: "text-interactive-primary-background";
+      readonly todo: "text-state-surface-default-popover-foreground/disabled";
     };
   }>;
 };
@@ -56,9 +57,9 @@ declare const stepperSubtextDefinition: {
   base: string[];
   config: StyleMergeUtils.Config<{
     readonly status: {
-      readonly completed: ["text-interactive-text-secondary-idle", "group-hover:text-interactive-text-secondary-hover", "group-pressed:text-interactive-text-secondary-pressed"];
-      readonly active: "text-interactive-text-secondary-idle";
-      readonly todo: "text-interactive-text-secondary-disabled";
+      readonly completed: ["text-surface-default-foreground", "group-hover:text-state-surface-default-foreground/hover", "group-pressed:text-state-surface-default-foreground/pressed"];
+      readonly active: "text-surface-default-foreground";
+      readonly todo: "text-state-surface-default-popover-foreground/disabled";
     };
   }>;
 };

package/dist/{Switch-Cylpjatb.js → Switch-CqnGEdeD.js}

@@ -1,14 +1,15 @@
-import { t as UIConfig } from "./uiConfig.context-RFvaQYzD.js";
+import { t as UIConfig } from "./uiConfig.context-BS3r_kTS.js";
 import { t as clsx } from "./clsx-CnD0nOiA.js";
+import { t as UIOverrides } from "./uiOverrides.context-BTCH9y5a.js";
 import { c as $7230ffa83bc0c2cf$export$ef03459518577ad4, n as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, r as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, s as $7230ffa83bc0c2cf$export$df3a06d6289f983e, t as $7230ffa83bc0c2cf$export$2881499e37b75b9a } from "./utils-Czcqspm7.js";
-import { t as UIOverrides } from "./uiOverrides.context-Bfm2n-n8.js";
 import { t as uiGroupOutlineClass } from "./outline.clsx-50W_vNDl.js";
 import { t as compoundMapper } from "./compoundMapper-Di3SKZnS.js";
 import { r as $a8ea2faf2ebe4d2f$re_export$mergeRefs } from "./import-BE0r63d8.js";
 import { t as FieldController } from "./form.binding-CG1RPv6o.js";
-import { t as FormFieldError } from "./FormFieldError-CFg0Wn3i.js";
-import { t as CheckContent } from "./CheckContent-DzWpxKGq.js";
+import { t as FormFieldError } from "./FormFieldError-DeOHHLo2.js";
+import { t as CheckContent } from "./CheckContent-D7sZPmzx.js";
 import $ahdqC$react, { createContext, forwardRef, memo, useContext, useMemo } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "react-aria/mergeProps";
 import { mergeRefs } from "react-aria/mergeRefs";
 import { useObjectRef } from "react-aria/useObjectRef";
@@ -18,7 +19,6 @@ import { useHover } from "react-aria/useHover";
 import { VisuallyHidden } from "react-aria/VisuallyHidden";
 import { useToggleState } from "react-stately/useToggleState";
 import { useSwitch } from "react-aria/useSwitch";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/react-aria-components@1.21.1+67f6792bdf102c28/node_modules/react-aria-components/dist/private/Switch.mjs
 const $24585aa46d6ffdff$export$8699e3b644d5a28a = /*#__PURE__*/ createContext(null);
 const $24585aa46d6ffdff$export$5cc1518e1ec171c = /*#__PURE__*/ createContext(null);
@@ -90,34 +90,26 @@ const $24585aa46d6ffdff$export$72111f742dee7cb8 = /*#__PURE__*/ forwardRef(funct
 //#endregion
 //#region src/components/inputs/Switch/switch.cva.ts
 const switchDefinition = UIOverrides.defineConfig({
-	base: ["h-6 w-10 rounded-full before:m-0-5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
+	base: ["h-6 w-10 rounded-full before:m-0.5 before:block before:aspect-square before:h-5 before:rounded-full before:transition-transform before:content-[''] group-selected:before:translate-x-4", uiGroupOutlineClass],
 	config: {
 		variants: { variant: { default: [
-			"bg-interactive-contained-secondary-idle",
-			"group-disabled:bg-interactive-contained-secondary-disabled",
-			"group-hover:bg-interactive-contained-secondary-hover",
-			"group-pressed:bg-interactive-contained-secondary-pressed",
-			"group-selected:bg-interactive-contained-primary-idle",
-			"group-selected:group-hover:bg-interactive-contained-primary-hover",
-			"group-selected:group-pressed:bg-interactive-contained-primary-pressed",
-			"group-focus-visible:outline-interactive-text-secondary-focus",
-			"before:bg-interactive-contained-secondary-on-idle",
-			"group-hover:before:bg-interactive-contained-secondary-on-hover",
-			"group-disabled:before:bg-interactive-contained-secondary-on-disabled",
-			"group-selected:before:bg-interactive-contained-primary-on-idle",
-			"group-selected:group-hover:before:bg-interactive-contained-primary-on-hover",
-			"group-selected:group-pressed:before:bg-interactive-contained-primary-on-pressed",
-			"group-selected:group-disabled:bg-interactive-contained-primary-disabled"
+			"bg-state-interactive-primary-background/disabled before:bg-interactive-primary-foreground",
+			"group-not-disabled:group-selected:bg-interactive-primary-background",
+			"group-disabled:bg-state-interactive-secondary-background/disabled group-disabled:before:bg-interactive-secondary-foreground",
+			"group-focus-visible:outline-interactive-ring",
+			"group-not-disabled:group-hover:bg-state-interactive-primary-background/hover",
+			"group-not-disabled:group-pressed:bg-state-interactive-primary-background/pressed",
+			"group-not-disabled:group-selected:group-hover:bg-state-interactive-primary-background/hover",
+			"group-not-disabled:group-selected:group-pressed:bg-state-interactive-primary-background/pressed"
 		] } },
 		defaultVariants: { variant: "default" }
 	}
 });
 const switchTypography = compoundMapper({ default: {
-	size: "label-1",
-	sizeMobile: "label-1",
-	variant: "default"
+	size: "large",
+	sizeMobile: "large"
 } });
-const switchContentClassName = compoundMapper({ default: "text-text-default-2" });
+const switchContentClassName = compoundMapper({ default: "text-surface-default-foreground" });
 //#endregion
 //#region src/components/inputs/Switch/Switch.tsx
 const SwitchBase = (props) => {

package/dist/{Switch-C0S5Juhf.d.ts → Switch-s_EPn0Jz.d.ts}

@@ -1,7 +1,7 @@
 import { n as FieldValues } from "./form.binding-DVJ5F0JE.js";
 import { t as FormFieldErrorProps } from "./FormFieldError-BT4uxbKY.js";
 import { t as ControlProps } from "./form.types-CecYaerF.js";
-import { t as SwitchVariantProps } from "./switch.cva-BIioyegR.js";
+import { t as SwitchVariantProps } from "./switch.cva-CWNzmdRc.js";
 import { Ref } from "react";
 import { SwitchProps } from "react-aria-components";
 //#region src/components/inputs/Switch/Switch.d.ts