@povio/ui 3.4.0-rc.14 → 3.4.0-rc.16

package/dist/components/navigation/Stepper/Stepper.js

@@ -2,33 +2,78 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { stepperDefinition } from "./stepper.cva.js";
 import { StepperItem } from "./StepperItem.js";
 import { StepperSeparator } from "./StepperSeparator.js";
+import { c } from "react/compiler-runtime";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/Stepper/Stepper.tsx
-var Stepper = ({ steps, currentStep, orientation = "horizontal", contentOrientation = "horizontal", iconsOnly, titlesOnly, onStepClick, className }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: UIOverrides.useCva("stepper.cva", stepperDefinition)({
+const Stepper = (t0) => {
+	const $ = c(23);
+	const { steps, currentStep, orientation: t1, contentOrientation: t2, iconsOnly, titlesOnly, onStepClick, className } = t0;
+	const orientation = t1 === void 0 ? "horizontal" : t1;
+	const contentOrientation = t2 === void 0 ? "horizontal" : t2;
+	const stepperCva = UIOverrides.useCva("stepper.cva", stepperDefinition);
+	let t3;
+	if ($[0] !== className || $[1] !== orientation || $[2] !== stepperCva) {
+		t3 = stepperCva({
 			orientation,
 			className
-		}),
-		role: "group",
-		"aria-label": "Progress",
-		children: steps.map((step, index) => {
-			const status = index < currentStep ? "completed" : index === currentStep ? "active" : "todo";
-			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StepperItem, {
-				step,
-				stepNumber: index + 1,
-				status,
-				contentOrientation,
-				iconsOnly,
-				titlesOnly,
-				onPress: onStepClick && status === "completed" ? () => onStepClick(index) : void 0
-			}), index < steps.length - 1 && /* @__PURE__ */ jsx(StepperSeparator, {
-				orientation,
-				contentOrientation
-			})] }, step.id);
-		})
-	});
+		});
+		$[0] = className;
+		$[1] = orientation;
+		$[2] = stepperCva;
+		$[3] = t3;
+	} else t3 = $[3];
+	let t4;
+	if ($[4] !== contentOrientation || $[5] !== currentStep || $[6] !== iconsOnly || $[7] !== onStepClick || $[8] !== orientation || $[9] !== steps || $[10] !== titlesOnly) {
+		let t5;
+		if ($[12] !== contentOrientation || $[13] !== currentStep || $[14] !== iconsOnly || $[15] !== onStepClick || $[16] !== orientation || $[17] !== steps.length || $[18] !== titlesOnly) {
+			t5 = (step, index) => {
+				const status = index < currentStep ? "completed" : index === currentStep ? "active" : "todo";
+				return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(StepperItem, {
+					step,
+					stepNumber: index + 1,
+					status,
+					contentOrientation,
+					iconsOnly,
+					titlesOnly,
+					onPress: onStepClick && status === "completed" ? () => onStepClick(index) : void 0
+				}), index < steps.length - 1 && /* @__PURE__ */ jsx(StepperSeparator, {
+					orientation,
+					contentOrientation
+				})] }, step.id);
+			};
+			$[12] = contentOrientation;
+			$[13] = currentStep;
+			$[14] = iconsOnly;
+			$[15] = onStepClick;
+			$[16] = orientation;
+			$[17] = steps.length;
+			$[18] = titlesOnly;
+			$[19] = t5;
+		} else t5 = $[19];
+		t4 = steps.map(t5);
+		$[4] = contentOrientation;
+		$[5] = currentStep;
+		$[6] = iconsOnly;
+		$[7] = onStepClick;
+		$[8] = orientation;
+		$[9] = steps;
+		$[10] = titlesOnly;
+		$[11] = t4;
+	} else t4 = $[11];
+	let t5;
+	if ($[20] !== t3 || $[21] !== t4) {
+		t5 = /* @__PURE__ */ jsx("div", {
+			className: t3,
+			role: "group",
+			"aria-label": "Progress",
+			children: t4
+		});
+		$[20] = t3;
+		$[21] = t4;
+		$[22] = t5;
+	} else t5 = $[22];
+	return t5;
 };
 //#endregion
 export { Stepper };

package/dist/components/navigation/Stepper/StepperItem.js

@@ -2,12 +2,12 @@ import { UIOverrides } from "../../../config/uiOverrides.context.js";
 import { Typography } from "../../text/Typography/Typography.js";
 import { stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSubtextDefinition, stepperTitleDefinition } from "./stepper.cva.js";
 import { Check } from "lucide-react";
+import { c } from "react/compiler-runtime";
 import { clsx } from "clsx";
 import { Button } from "react-aria-components";
-import { c } from "react/compiler-runtime";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/navigation/Stepper/StepperItem.tsx
-var StepperItem = (t0) => {
+const StepperItem = (t0) => {
 	const $ = c(31);
 	const { step, stepNumber, status, contentOrientation, iconsOnly, titlesOnly, onPress } = t0;
 	const stepperItemCva = UIOverrides.useCva("stepper.itemCva", stepperItemDefinition);

package/dist/components/navigation/Stepper/StepperSeparator.js

@@ -3,7 +3,7 @@ import { stepperSeparatorDefinition } from "./stepper.cva.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/navigation/Stepper/StepperSeparator.tsx
-var StepperSeparator = (t0) => {
+const StepperSeparator = (t0) => {
 	const $ = c(6);
 	const { orientation, contentOrientation } = t0;
 	const stepperSeparatorCva = UIOverrides.useCva("stepper.separatorCva", stepperSeparatorDefinition);

package/dist/components/navigation/Stepper/stepper.cva.d.ts

@@ -1,93 +1,80 @@
-import { UIOverrides } from '../../../config/uiOverrides.context';
-export declare const stepperDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly orientation: {
-            readonly horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal";
-            readonly vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical";
-        };
-    }>;
+import { StyleMergeUtils } from "../../../utils/style-merge.util.js";
+import { UIOverrides } from "../../../config/uiOverrides.context.js";
+//#region src/components/navigation/Stepper/stepper.cva.d.ts
+declare const stepperDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly orientation: {
+      readonly horizontal: "flex flex-row items-center gap-stepper-gap-step-to-line-horizontal";
+      readonly vertical: "inline-flex flex-col gap-stepper-gap-step-to-line-vertical";
+    };
+  }>;
 };
-export type StepperConfig = NonNullable<typeof stepperDefinition.config>;
-export interface StepperVariantProps extends UIOverrides.VariantProps<StepperConfig> {
-}
-export declare const stepperItemDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly contentOrientation: {
-            readonly horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left";
-            readonly vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center";
-        };
-    }>;
+type StepperConfig = NonNullable<typeof stepperDefinition.config>;
+interface StepperVariantProps extends UIOverrides.VariantProps<StepperConfig> {}
+declare const stepperItemDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly contentOrientation: {
+      readonly horizontal: "flex-row items-center gap-stepper-gap-icon-to-text-horizontal text-left";
+      readonly vertical: "flex-col items-center gap-stepper-gap-icon-to-text-vertical text-center";
+    };
+  }>;
 };
-export type StepperItemConfig = NonNullable<typeof stepperItemDefinition.config>;
-export interface StepperItemVariantProps extends UIOverrides.VariantProps<StepperItemConfig> {
-}
-export declare const stepperIconDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").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";
-        };
-    }>;
+type StepperItemConfig = NonNullable<typeof stepperItemDefinition.config>;
+interface StepperItemVariantProps extends UIOverrides.VariantProps<StepperItemConfig> {}
+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";
+    };
+  }>;
 };
-export type StepperIconConfig = NonNullable<typeof stepperIconDefinition.config>;
-export interface StepperIconVariantProps extends UIOverrides.VariantProps<StepperIconConfig> {
-}
-export declare const stepperNumberDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly status: {
-            readonly completed: "";
-            readonly active: "text-interactive-outlined-primary-on-idle";
-            readonly todo: "text-interactive-outlined-primary-on-disabled";
-        };
-    }>;
+declare const stepperNumberDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly status: {
+      readonly completed: "";
+      readonly active: "text-interactive-outlined-primary-on-idle";
+      readonly todo: "text-interactive-outlined-primary-on-disabled";
+    };
+  }>;
 };
-export type StepperNumberConfig = NonNullable<typeof stepperNumberDefinition.config>;
-export interface StepperNumberVariantProps extends UIOverrides.VariantProps<StepperNumberConfig> {
-}
-export declare const stepperTitleDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").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";
-        };
-    }>;
+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";
+    };
+  }>;
 };
-export type StepperTitleConfig = NonNullable<typeof stepperTitleDefinition.config>;
-export interface StepperTitleVariantProps extends UIOverrides.VariantProps<StepperTitleConfig> {
-}
-export declare const stepperSubtextDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").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";
-        };
-    }>;
+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";
+    };
+  }>;
 };
-export type StepperSubtextConfig = NonNullable<typeof stepperSubtextDefinition.config>;
-export interface StepperSubtextVariantProps extends UIOverrides.VariantProps<StepperSubtextConfig> {
-}
-export declare const stepperSeparatorDefinition: {
-    base: string[];
-    config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
-        readonly orientation: {
-            readonly horizontal: "h-px min-w-4 flex-1";
-            readonly vertical: "min-h-16 w-px";
-        };
-        readonly contentOrientation: {
-            readonly horizontal: "";
-            readonly vertical: "";
-        };
-    }>;
+declare const stepperSeparatorDefinition: {
+  base: string[];
+  config: StyleMergeUtils.Config<{
+    readonly orientation: {
+      readonly horizontal: "h-px min-w-4 flex-1";
+      readonly vertical: "min-h-16 w-px";
+    };
+    readonly contentOrientation: {
+      readonly horizontal: "";
+      readonly vertical: "";
+    };
+  }>;
 };
-export type StepperSeparatorConfig = NonNullable<typeof stepperSeparatorDefinition.config>;
-export interface StepperSeparatorVariantProps extends UIOverrides.VariantProps<StepperSeparatorConfig> {
-}
+//#endregion
+export { StepperConfig, StepperItemConfig, StepperItemVariantProps, StepperVariantProps, stepperDefinition, stepperIconDefinition, stepperItemDefinition, stepperNumberDefinition, stepperSeparatorDefinition, stepperSubtextDefinition, stepperTitleDefinition };

package/dist/components/navigation/Stepper/stepper.cva.js

@@ -1,6 +1,6 @@
 import { UIOverrides } from "../../../config/uiOverrides.context.js";
 //#region src/components/navigation/Stepper/stepper.cva.ts
-var stepperDefinition = UIOverrides.defineConfig({
+const stepperDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { orientation: {
@@ -10,7 +10,7 @@ var stepperDefinition = UIOverrides.defineConfig({
 		defaultVariants: { orientation: "horizontal" }
 	}
 });
-var stepperItemDefinition = UIOverrides.defineConfig({
+const stepperItemDefinition = UIOverrides.defineConfig({
 	base: ["flex shrink-0"],
 	config: {
 		variants: { contentOrientation: {
@@ -20,7 +20,7 @@ var stepperItemDefinition = UIOverrides.defineConfig({
 		defaultVariants: { contentOrientation: "horizontal" }
 	}
 });
-var stepperIconDefinition = UIOverrides.defineConfig({
+const stepperIconDefinition = UIOverrides.defineConfig({
 	base: ["inline-flex size-5 shrink-0 items-center justify-center rounded-stepper-rounding-icon"],
 	config: {
 		variants: { status: {
@@ -35,7 +35,7 @@ var stepperIconDefinition = UIOverrides.defineConfig({
 		defaultVariants: { status: "todo" }
 	}
 });
-var stepperNumberDefinition = UIOverrides.defineConfig({
+const stepperNumberDefinition = UIOverrides.defineConfig({
 	base: ["text-center align-middle"],
 	config: {
 		variants: { status: {
@@ -46,7 +46,7 @@ var stepperNumberDefinition = UIOverrides.defineConfig({
 		defaultVariants: { status: "todo" }
 	}
 });
-var stepperTitleDefinition = UIOverrides.defineConfig({
+const stepperTitleDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { status: {
@@ -61,7 +61,7 @@ var stepperTitleDefinition = UIOverrides.defineConfig({
 		defaultVariants: { status: "todo" }
 	}
 });
-var stepperSubtextDefinition = UIOverrides.defineConfig({
+const stepperSubtextDefinition = UIOverrides.defineConfig({
 	base: [""],
 	config: {
 		variants: { status: {
@@ -76,7 +76,7 @@ var stepperSubtextDefinition = UIOverrides.defineConfig({
 		defaultVariants: { status: "todo" }
 	}
 });
-var stepperSeparatorDefinition = UIOverrides.defineConfig({
+const stepperSeparatorDefinition = UIOverrides.defineConfig({
 	base: ["bg-elevation-outline-default-1"],
 	config: {
 		variants: {

package/dist/components/navigation/Stepper/stepper.types.d.ts

@@ -1,41 +1,33 @@
-import { StepperItemVariantProps, StepperVariantProps } from './stepper.cva';
+import { StepperItemVariantProps, StepperVariantProps } from "./stepper.cva.js";
+//#region src/components/navigation/Stepper/stepper.types.d.ts
 /** A single step definition passed by the consumer. */
-export interface StepItem {
-    /** Unique key for React rendering. */
-    id: string;
-    /** Step title text. Rendered unless iconsOnly is true. */
-    title: string;
-    /** Optional subtext beneath the title. Only rendered in default (full) mode. */
-    subtext?: string;
+interface StepItem {
+  /** Unique key for React rendering. */
+  id: string;
+  /** Step title text. Rendered unless iconsOnly is true. */
+  title: string;
+  /** Optional subtext beneath the title. Only rendered in default (full) mode. */
+  subtext?: string;
 }
-/** Derived step status, computed from currentStep index. */
-export type StepStatus = "completed" | "active" | "todo";
 /** Public props for the Stepper component. */
-export interface StepperProps extends StepperVariantProps, StepperItemVariantProps {
-    /** Array of step definitions. Order determines step numbering (1-based). */
-    steps: StepItem[];
-    /**
-     * The current active step index (0-based).
-     * - Steps at index < currentStep are "completed"
-     * - Step at index === currentStep is "active"
-     * - Steps at index > currentStep are "todo"
-     */
-    currentStep: number;
-    /** When true, only step indicator icons are rendered (no title or subtext). */
-    iconsOnly?: boolean;
-    /** When true, step indicator icons and titles are rendered (no subtext). Takes no effect if iconsOnly is true. */
-    titlesOnly?: boolean;
-    /** Callback when a completed step is clicked. Receives the 0-based step index. */
-    onStepClick?: (stepIndex: number) => void;
-    /** Optional className for the root container. */
-    className?: string;
-}
-/** Internal props for StepperItem sub-component. */
-export interface StepperItemProps extends StepperItemVariantProps {
-    step: StepItem;
-    stepNumber: number;
-    status: StepStatus;
-    iconsOnly?: boolean;
-    titlesOnly?: boolean;
-    onPress?: () => void;
+interface StepperProps extends StepperVariantProps, StepperItemVariantProps {
+  /** Array of step definitions. Order determines step numbering (1-based). */
+  steps: StepItem[];
+  /**
+   * The current active step index (0-based).
+   * - Steps at index < currentStep are "completed"
+   * - Step at index === currentStep is "active"
+   * - Steps at index > currentStep are "todo"
+   */
+  currentStep: number;
+  /** When true, only step indicator icons are rendered (no title or subtext). */
+  iconsOnly?: boolean;
+  /** When true, step indicator icons and titles are rendered (no subtext). Takes no effect if iconsOnly is true. */
+  titlesOnly?: boolean;
+  /** Callback when a completed step is clicked. Receives the 0-based step index. */
+  onStepClick?: (stepIndex: number) => void;
+  /** Optional className for the root container. */
+  className?: string;
 }
+//#endregion
+export { StepItem, StepperProps };

package/dist/components/outline.clsx.d.ts

@@ -1,2 +1,4 @@
-export declare const uiOutlineClass: string;
-export declare const uiGroupOutlineClass: string;
+//#region src/components/outline.clsx.d.ts
+declare const uiOutlineClass: string;
+//#endregion
+export { uiOutlineClass };

package/dist/components/outline.clsx.js

@@ -1,6 +1,6 @@
 import { clsx } from "clsx";
 //#region src/components/outline.clsx.ts
-var uiOutlineClass = clsx("focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2", "has-focus-visible:outline has-focus-visible:outline-2 has-focus-visible:outline-solid has-focus-visible:outline-offset-2");
-var uiGroupOutlineClass = clsx("group-focus:outline-none group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:outline-solid group-focus-visible:outline-offset-2");
+const uiOutlineClass = clsx("focus:outline-none focus-visible:outline focus-visible:outline-2 focus-visible:outline-solid focus-visible:outline-offset-2", "has-focus-visible:outline has-focus-visible:outline-2 has-focus-visible:outline-solid has-focus-visible:outline-offset-2");
+const uiGroupOutlineClass = clsx("group-focus:outline-none group-focus-visible:outline group-focus-visible:outline-2 group-focus-visible:outline-solid group-focus-visible:outline-offset-2");
 //#endregion
 export { uiGroupOutlineClass, uiOutlineClass };

package/dist/components/overlays/ActionModal/ActionModal.d.ts

@@ -1,24 +1,26 @@
-import { ButtonVariantProps } from '../../buttons/Button/button.cva';
-import { ModalProps } from '../Modal/Modal';
-import { TypographyPropsCva } from '../../text/Typography/Typography';
+import { ButtonVariantProps } from "../../buttons/Button/button.cva.js";
+import { ModalProps } from "../Modal/Modal.js";
+import { TypographyPropsCva } from "../../text/Typography/Typography.js";
+//#region src/components/overlays/ActionModal/ActionModal.d.ts
 interface ActionModalAction {
-    label: string;
-    onPress: () => void;
-    className?: string;
-    variant?: ButtonVariantProps["variant"];
-    color?: ButtonVariantProps["color"];
+  label: string;
+  onPress: () => void;
+  className?: string;
+  variant?: ButtonVariantProps["variant"];
+  color?: ButtonVariantProps["color"];
 }
-export interface ActionModalProps extends ModalProps {
-    heading: string;
-    description: string;
-    primaryAction: ActionModalAction;
-    secondaryAction?: ActionModalAction;
-    buttonSize?: ButtonVariantProps["size"];
-    textAlign?: "left" | "center" | "right";
-    titleTypography?: TypographyPropsCva;
-    titleClassName?: string;
-    descriptionTypography?: TypographyPropsCva;
-    descriptionClassName?: string;
+interface ActionModalProps extends ModalProps {
+  heading: string;
+  description: string;
+  primaryAction: ActionModalAction;
+  secondaryAction?: ActionModalAction;
+  buttonSize?: ButtonVariantProps["size"];
+  textAlign?: "left" | "center" | "right";
+  titleTypography?: TypographyPropsCva;
+  titleClassName?: string;
+  descriptionTypography?: TypographyPropsCva;
+  descriptionClassName?: string;
 }
-export declare const ActionModal: ({ heading, description, primaryAction, secondaryAction, buttonSize, textAlign, modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }: ActionModalProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+declare const ActionModal: ({ heading, description, primaryAction, secondaryAction, buttonSize, textAlign, modalClassName, titleTypography, titleClassName, descriptionTypography, descriptionClassName, ...modalProps }: ActionModalProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { ActionModal, ActionModalProps };