@tesouro/embedded-components-react 0.9.26 → 0.9.29

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/labels.js

@@ -43,10 +43,10 @@ var n = {
 	}
 }, r = {
 	stepIndicator: {
-		personal: "Personal",
-		business: "Business",
+		personal: "Personal details",
+		business: "Business details",
 		review: "Review",
-		terms: "Terms",
+		terms: "Terms and conditions",
 		done: "Done"
 	},
 	businessDetails: {},
@@ -55,6 +55,7 @@ var n = {
 	applicationReview: {},
 	result: e,
 	deleteApplicationDialog: {},
+	applicationDeleted: {},
 	back: "Back",
 	nextToStep: {
 		business: "Next: Business details",

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/feature/dist/lib/BankAccountOnboardingWidget/testIds.js

@@ -7,10 +7,11 @@ var e = {
 	shellNext: "onboarding-shell-next",
 	shellScrollRegion: "onboarding-shell-scroll-region",
 	shellScrollFade: "onboarding-shell-scroll-fade",
-	shellScrollHint: "onboarding-shell-scroll-hint",
 	deleteDialog: "delete-application-dialog",
 	deleteDialogConfirm: "delete-application-dialog-confirm",
 	deleteDialogCancel: "delete-application-dialog-cancel",
+	applicationDeletedScreen: "application-deleted-screen",
+	applicationDeletedStartNew: "application-deleted-start-new",
 	businessDetailsPanel: "business-details-panel",
 	businessDetailsEditButton: "business-details-edit-button",
 	businessDetailsSummary: "business-details-summary",

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index.js

@@ -16,4 +16,6 @@ import "./index29.js";
 import { ApplicationReview as h } from "./index30.js";
 import "./index31.js";
 import { DeleteApplicationDialog as g } from "./index32.js";
-export { f as ABOUT_YOU_PANEL_LABELS_EN, e as ADDITIONAL_OWNERS_LABELS_EN, p as AboutYouPanel, t as AdditionalOwnerRowStatus, n as AdditionalOwnersForm, h as ApplicationReview, o as ApplicationStatusCard, s as ApplicationStatusTone, r as BUSINESS_DETAILS_LABELS_EN, u as BUSINESS_DETAILS_PANEL_LABELS_EN, d as BusinessDetailsPanel, m as BusinessDisclosuresSection, g as DeleteApplicationDialog, a as PERSONAL_DETAILS_LABELS_EN, l as RESULT_LABELS_EN, c as ResultStep, i as interpolateBankName };
+import "./index33.js";
+import { ApplicationDeletedScreen as _ } from "./index34.js";
+export { f as ABOUT_YOU_PANEL_LABELS_EN, e as ADDITIONAL_OWNERS_LABELS_EN, p as AboutYouPanel, t as AdditionalOwnerRowStatus, n as AdditionalOwnersForm, _ as ApplicationDeletedScreen, h as ApplicationReview, o as ApplicationStatusCard, s as ApplicationStatusTone, r as BUSINESS_DETAILS_LABELS_EN, u as BUSINESS_DETAILS_PANEL_LABELS_EN, d as BusinessDetailsPanel, m as BusinessDisclosuresSection, g as DeleteApplicationDialog, a as PERSONAL_DETAILS_LABELS_EN, l as RESULT_LABELS_EN, c as ResultStep, i as interpolateBankName };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index33.js

@@ -0,0 +1,8 @@
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index33.js
+var e = {
+	title: "Application deleted",
+	body: "Your application and everything you entered have been permanently removed. You can start a new application whenever you're ready.",
+	startNewApplicationButton: "Start a new application"
+};
+//#endregion
+export { e as APPLICATION_DELETED_SCREEN_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index34.js

@@ -0,0 +1,46 @@
+import { Button as e, cn as t } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { APPLICATION_DELETED_SCREEN_LABELS_EN as n } from "./index33.js";
+import { useEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { CircleCheckIcon as s } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/bank-account-onboarding-widget/ui/dist/index34.js
+function c({ onStartNewApplication: c, labels: l, className: u, testIds: d }) {
+	let f = {
+		...n,
+		...l
+	}, p = i(null);
+	return r(() => {
+		p.current?.focus();
+	}, []), /* @__PURE__ */ o("section", {
+		"data-testid": d?.root,
+		"aria-label": f.title,
+		className: t("ttw:flex ttw:w-full ttw:flex-col ttw:items-center ttw:gap-4 ttw:p-6 ttw:text-center ttw:text-foreground", u),
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: "ttw:flex ttw:size-14 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-primary/10",
+				"aria-hidden": !0,
+				children: /* @__PURE__ */ a(s, { className: "ttw:size-6 ttw:text-primary" })
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "ttw:flex ttw:flex-col ttw:gap-2",
+				children: [/* @__PURE__ */ a("p", {
+					ref: p,
+					tabIndex: -1,
+					className: "ttw:text-xl ttw:font-semibold ttw:outline-none",
+					children: f.title
+				}), /* @__PURE__ */ a("p", {
+					className: "ttw:text-sm ttw:text-muted-foreground",
+					children: f.body
+				})]
+			}),
+			/* @__PURE__ */ a(e, {
+				type: "button",
+				onClick: c,
+				"data-testid": d?.startNewApplication,
+				children: f.startNewApplicationButton
+			})
+		]
+	});
+}
+//#endregion
+export { n as APPLICATION_DELETED_SCREEN_LABELS_EN, c as ApplicationDeletedScreen };

package/dist/libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js

@@ -1,5 +1,5 @@
 //#region ../../libs/tesouro-embedded-components-react/shared/feature/dist/lib/analytics/build-info.js
-var e = "@tesouro/embedded-components-react", t = "0.9.26", n = "88ae58a76629539b8ecea341c6e8bb841ecf480d", r = Object.freeze({
+var e = "@tesouro/embedded-components-react", t = "0.9.29", n = "df4399969c22305c35a4bf219012507badb35037", r = Object.freeze({
 	library_name: e,
 	library_version: t,
 	library_sha: n

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShell.js

@@ -9,37 +9,49 @@ import * as l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Check as f, Trash2 as p } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShell.js
-function m({ title: m, subtitle: h, isTitleVisuallyHidden: g = !1, stepLabels: _, activeStep: v, disclaimerText: y, onBack: b, onNext: x, onCancel: S, onSaveAndClose: C, isSaveAndCloseDisabled: w = !1, isSaveAndCloseLoading: T = !1, onDelete: E, isBackDisabled: D = !1, showBackButton: O = !0, backAriaLabel: k, isNextDisabled: A = !1, isNextLoading: j = !1, nextLabel: M, nextIcon: N, nextTone: P = "primary", errorMessage: F, children: I, labels: L, testIds: R }) {
-	let z = {
+function m({ title: m, subtitle: h, isTitleVisuallyHidden: g = !1, focusTitleOnMount: _ = !1, stepLabels: v, activeStep: y, disclaimerText: b, onBack: x, onNext: S, onCancel: C, onSaveAndClose: w, isSaveAndCloseDisabled: T = !1, isSaveAndCloseLoading: E = !1, onDelete: D, isBackDisabled: O = !1, showBackButton: k = !0, backAriaLabel: A, isNextDisabled: j = !1, isNextLoading: M = !1, nextLabel: N, nextIcon: P, nextTone: F = "primary", errorMessage: I, children: L, labels: R, testIds: z }) {
+	let B = {
 		...i,
-		...L
-	}, [B, V] = l.useState(null), H = l.useCallback((e) => {
-		V(e);
-	}, []), U = l.useMemo(() => ({ container: B }), [B]), W = j || T, G = !j && (N === void 0 ? /* @__PURE__ */ u(f, {
+		...R
+	}, [V, H] = l.useState(null), U = l.useCallback((e) => {
+		H(e);
+	}, []), W = l.useRef(y);
+	l.useEffect(() => {
+		if (W.current === y || (W.current = y, !V)) return;
+		let e = V.ownerDocument.documentElement, t = Number.parseFloat(getComputedStyle(e).scrollPaddingTop) || 0;
+		V.getBoundingClientRect().top < t && V.scrollIntoView({ block: "start" });
+	}, [y, V]);
+	let G = l.useRef(null), K = l.useRef(_);
+	l.useEffect(() => {
+		K.current && G.current?.focus();
+	}, []);
+	let q = l.useMemo(() => ({ container: V }), [V]), J = M || E, Y = !M && (P === void 0 ? /* @__PURE__ */ u(f, {
 		className: "ttw:size-5",
 		"aria-hidden": !0
-	}) : N), K = O ? /* @__PURE__ */ u(e, {
+	}) : P), X = k ? /* @__PURE__ */ u(e, {
 		type: "button",
 		variant: "outline",
-		disabled: D || W,
-		onClick: b,
-		"aria-label": k,
+		disabled: O || J,
+		onClick: x,
+		"aria-label": A,
 		className: "ttw:h-auto ttw:rounded-2xl ttw:border-border ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted ttw:hover:text-foreground",
-		"data-testid": R?.back,
-		children: z.backButton
+		"data-testid": z?.back,
+		children: B.backButton
 	}) : null;
 	return /* @__PURE__ */ u(o.Provider, {
-		value: U,
+		value: q,
 		children: /* @__PURE__ */ d("div", {
-			ref: H,
-			className: "ttw:relative ttw:grid ttw:h-full ttw:w-full ttw:min-h-0 ttw:grid-rows-[auto_1fr_auto] ttw:gap-0 ttw:overflow-hidden ttw:bg-background",
-			"data-testid": R?.root,
+			ref: U,
+			className: "ttw:relative ttw:grid ttw:max-h-full ttw:w-full ttw:min-h-0 ttw:grid-rows-[auto_1fr_auto] ttw:gap-0 ttw:overflow-hidden ttw:bg-background",
+			"data-testid": z?.root,
 			children: [
 				/* @__PURE__ */ d("header", {
 					className: "ttw:px-8 ttw:pt-8",
 					children: [
 						/* @__PURE__ */ u("h2", {
-							className: g ? "ttw:sr-only" : "ttw:text-2xl ttw:font-bold ttw:leading-tight ttw:text-foreground",
+							ref: G,
+							tabIndex: -1,
+							className: n("ttw:outline-none", g ? "ttw:sr-only" : "ttw:text-2xl ttw:font-bold ttw:leading-tight ttw:text-foreground"),
 							children: m
 						}),
 						/* @__PURE__ */ u("p", {
@@ -47,17 +59,16 @@ function m({ title: m, subtitle: h, isTitleVisuallyHidden: g = !1, stepLabels: _
 							children: h
 						}),
 						/* @__PURE__ */ u(a, {
-							stepLabels: _,
-							activeStep: v,
-							labels: L
+							stepLabels: v,
+							activeStep: y,
+							labels: R
 						})
 					]
 				}),
 				/* @__PURE__ */ u(c, {
-					activeStep: v,
-					scrollForMoreLabel: z.scrollForMore,
-					testIds: R?.scrollRegion,
-					children: I
+					activeStep: y,
+					testIds: z?.scrollRegion,
+					children: L
 				}),
 				/* @__PURE__ */ d("footer", {
 					className: "ttw:px-8 ttw:pb-8",
@@ -67,57 +78,57 @@ function m({ title: m, subtitle: h, isTitleVisuallyHidden: g = !1, stepLabels: _
 							className: "ttw:mb-4 ttw:flex ttw:items-center ttw:gap-1",
 							children: [/* @__PURE__ */ u("p", {
 								className: "ttw:text-sm ttw:text-muted-foreground",
-								children: y
+								children: b
 							}), /* @__PURE__ */ u(s, {})]
 						}),
-						F ? /* @__PURE__ */ u(r, {
+						I ? /* @__PURE__ */ u(r, {
 							className: "ttw:mb-3",
-							children: F
+							children: I
 						}) : null,
 						/* @__PURE__ */ d("div", {
 							className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3",
-							children: [E ? /* @__PURE__ */ d(e, {
+							children: [D ? /* @__PURE__ */ d(e, {
 								type: "button",
 								variant: "ghost",
-								disabled: W,
-								onClick: E,
+								disabled: J,
+								onClick: D,
 								className: "ttw:h-auto ttw:max-w-full ttw:whitespace-normal ttw:rounded-2xl ttw:px-3 ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-destructive/10 ttw:hover:text-[color-mix(in_srgb,var(--ttw-destructive),black_10%)]",
-								"data-testid": R?.delete,
+								"data-testid": z?.delete,
 								children: [/* @__PURE__ */ u(p, {
 									className: "ttw:size-4",
 									"aria-hidden": !0
-								}), z.deleteButton]
-							}) : K, /* @__PURE__ */ d("div", {
+								}), B.deleteButton]
+							}) : X, /* @__PURE__ */ d("div", {
 								className: "ttw:ml-auto ttw:flex ttw:min-w-0 ttw:max-w-full ttw:flex-wrap ttw:items-center ttw:justify-end ttw:gap-3",
 								children: [
-									E ? K : null,
-									S ? /* @__PURE__ */ u(e, {
+									D ? X : null,
+									C ? /* @__PURE__ */ u(e, {
 										type: "button",
 										variant: "outline",
-										disabled: W,
-										onClick: S,
+										disabled: J,
+										onClick: C,
 										className: "ttw:h-auto ttw:rounded-2xl ttw:border-border ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium ttw:text-foreground ttw:hover:bg-muted ttw:hover:text-foreground",
-										"data-testid": R?.cancel,
-										children: z.cancelButton
+										"data-testid": z?.cancel,
+										children: B.cancelButton
 									}) : null,
-									C ? /* @__PURE__ */ u(e, {
+									w ? /* @__PURE__ */ u(e, {
 										type: "button",
 										variant: "secondary",
-										disabled: w || W,
-										loading: T,
-										onClick: C,
+										disabled: T || J,
+										loading: E,
+										onClick: w,
 										className: "ttw:h-auto ttw:rounded-2xl ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium",
-										"data-testid": R?.saveAndClose,
-										children: z.saveAndCloseButton
+										"data-testid": z?.saveAndClose,
+										children: B.saveAndCloseButton
 									}) : null,
 									/* @__PURE__ */ d(e, {
 										type: "button",
-										disabled: A || W,
-										loading: j,
-										onClick: x,
-										className: n("ttw:h-auto ttw:rounded-2xl ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium", P === "success" && "ttw:bg-green-600! ttw:text-white! ttw:hover:bg-green-700!"),
-										"data-testid": R?.next,
-										children: [M, G]
+										disabled: j || J,
+										loading: M,
+										onClick: S,
+										className: n("ttw:h-auto ttw:rounded-2xl ttw:px-5 ttw:py-3 ttw:text-base ttw:font-medium", F === "success" && "ttw:bg-green-600! ttw:text-white! ttw:hover:bg-green-700!"),
+										"data-testid": z?.next,
+										children: [N, Y]
 									})
 								]
 							})]

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShellScrollRegion.js

@@ -1,10 +1,9 @@
 import { useScrollHintContainer as e } from "./useScrollHintContainer.js";
 import * as t from "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { ArrowDown as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShellScrollRegion.js
-var a = 160;
-function o(e) {
+var i = 160;
+function a(e) {
 	let [n, r] = t.useState(e), [i, a] = t.useState(e);
 	return t.useEffect(() => {
 		if (e) {
@@ -21,50 +20,31 @@ function o(e) {
 		}, [e])
 	};
 }
-function s({ activeStep: s, scrollForMoreLabel: c, children: l, testIds: u }) {
-	let { containerRef: d, showHint: f, hasOverflow: p, fadeVisible: m, fadeHeight: h, resetHint: g } = e(), { mounted: _, visible: v, onTransitionEnd: y } = o(m), { mounted: b, visible: x, onTransitionEnd: S } = o(f);
+function o({ activeStep: o, children: s, testIds: c }) {
+	let { containerRef: l, hasOverflow: u, fadeVisible: d, fadeHeight: f, resetHint: p } = e(), { mounted: m, visible: h, onTransitionEnd: g } = a(d);
 	return t.useEffect(() => {
-		g();
-	}, [s, g]), /* @__PURE__ */ r("div", {
-		ref: d,
+		p();
+	}, [o, p]), /* @__PURE__ */ r("div", {
+		ref: l,
 		className: "ttw:relative ttw:min-h-0 ttw:overflow-y-auto ttw:px-8 ttw:pt-2",
-		"data-testid": u?.root,
-		children: [
-			/* @__PURE__ */ n("div", {
-				className: "ttw:pb-4",
-				children: l
-			}),
-			p && _ ? /* @__PURE__ */ n("div", {
-				"aria-hidden": !0,
-				"data-testid": u?.fade,
-				onTransitionEnd: y,
-				className: "ttw:pointer-events-none ttw:sticky ttw:bottom-0 ttw:left-0 ttw:right-0 ttw:z-[1] ttw:transition-opacity ttw:ease-in-out",
-				style: {
-					height: h,
-					marginTop: `-${h}px`,
-					opacity: +!!v,
-					transitionDuration: `${a}ms`,
-					background: "linear-gradient(to bottom, rgba(0,0,0,0) 0%, var(--ttw-background) 85%, var(--ttw-background) 100%)"
-				}
-			}) : null,
-			b ? /* @__PURE__ */ r("div", {
-				role: "status",
-				"aria-live": "polite",
-				"data-testid": u?.hint,
-				onTransitionEnd: S,
-				className: "ttw:pointer-events-none ttw:absolute ttw:left-1/2 ttw:z-[2] ttw:flex ttw:-translate-x-1/2 ttw:items-center ttw:gap-1 ttw:rounded-full ttw:bg-primary ttw:px-3 ttw:py-1.5 ttw:text-[13px] ttw:font-medium ttw:text-primary-foreground ttw:shadow-md ttw:transition-opacity ttw:ease-in-out",
-				style: {
-					bottom: h / 2,
-					opacity: +!!x,
-					transitionDuration: `${a}ms`
-				},
-				children: [c, /* @__PURE__ */ n(i, {
-					className: "ttw:size-4",
-					"aria-hidden": !0
-				})]
-			}) : null
-		]
+		"data-testid": c?.root,
+		children: [/* @__PURE__ */ n("div", {
+			className: "ttw:pb-4",
+			children: s
+		}), u && m ? /* @__PURE__ */ n("div", {
+			"aria-hidden": !0,
+			"data-testid": c?.fade,
+			onTransitionEnd: g,
+			className: "ttw:pointer-events-none ttw:sticky ttw:bottom-0 ttw:left-0 ttw:right-0 ttw:z-[1] ttw:transition-opacity ttw:ease-in-out",
+			style: {
+				height: f,
+				marginTop: `-${f}px`,
+				opacity: +!!h,
+				transitionDuration: `${i}ms`,
+				background: "linear-gradient(to bottom, rgba(0,0,0,0) 0%, var(--ttw-background) 85%, var(--ttw-background) 100%)"
+			}
+		}) : null]
 	});
 }
 //#endregion
-export { s as OnboardingShellScrollRegion };
+export { o as OnboardingShellScrollRegion };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShellStepper.js

@@ -1,59 +1,49 @@
-import { ONBOARDING_SHELL_LABELS_EN as e } from "./labels.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Check as r } from "lucide-react";
+import { cn as e } from "../../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ONBOARDING_SHELL_LABELS_EN as t } from "./labels.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Check as i } from "lucide-react";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/OnboardingShellStepper.js
-var i = "#18C29C", a = "#E0E3E8", o = "#E0E3E8", s = "#667085";
-function c({ stepLabels: c, activeStep: l, labels: u }) {
-	let d = {
-		...e,
-		...u
+var a = "#18C29C";
+function o({ stepLabels: o, activeStep: s, labels: c }) {
+	let l = {
+		...t,
+		...c
 	};
-	return /* @__PURE__ */ t("div", {
+	return /* @__PURE__ */ n("div", {
 		className: "ttw:mb-2",
-		children: /* @__PURE__ */ t("ol", {
-			className: "ttw:flex ttw:w-full ttw:items-center",
-			"aria-label": d.stepperAriaLabel,
-			children: c.map((e, u) => {
-				let d = u < l, f = u === l, p = u + 1;
-				return /* @__PURE__ */ n("li", {
-					className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:items-center ttw:last:flex-none",
-					"aria-current": f ? "step" : void 0,
-					children: [
-						/* @__PURE__ */ t("span", {
-							className: "ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-sm ttw:font-bold ttw:transition-colors",
-							style: d ? {
-								backgroundColor: i,
-								color: "#fff"
-							} : f ? {
-								backgroundColor: "#fff",
-								color: "var(--ttw-primary)",
-								border: "2px solid var(--ttw-primary)",
-								boxShadow: "0 0 0 2px #E6E9FA"
-							} : {
-								backgroundColor: "#fff",
-								color: s,
-								border: `2px solid ${o}`
-							},
-							children: d ? /* @__PURE__ */ t(r, {
+		children: /* @__PURE__ */ n("ol", {
+			className: "ttw:flex ttw:w-full ttw:items-start ttw:contain-inline-size",
+			"aria-label": l.stepperAriaLabel,
+			children: o.map((t, c) => {
+				let l = c < s, u = c === s, d = c + 1, f = c === o.length - 1;
+				return /* @__PURE__ */ r("li", {
+					className: "ttw:flex ttw:min-w-0 ttw:flex-1 ttw:flex-col ttw:gap-2 ttw:last:flex-initial",
+					style: f ? { maxWidth: `${100 / o.length}%` } : void 0,
+					"aria-current": u ? "step" : void 0,
+					children: [/* @__PURE__ */ r("div", {
+						className: "ttw:flex ttw:items-center",
+						children: [/* @__PURE__ */ n("span", {
+							className: e("ttw:flex ttw:size-6 ttw:shrink-0 ttw:items-center ttw:justify-center ttw:rounded-full ttw:text-sm ttw:font-bold ttw:transition-colors", l && "ttw:text-background ttw:opacity-50", u && "ttw:bg-primary ttw:text-primary-foreground", !l && !u && "ttw:border-2 ttw:border-border ttw:bg-background ttw:text-muted-foreground"),
+							style: l ? { backgroundColor: a } : void 0,
+							"aria-hidden": !0,
+							children: l ? /* @__PURE__ */ n(i, {
 								className: "ttw:size-4",
-								"aria-hidden": !0,
 								strokeWidth: 3
-							}) : p
-						}),
-						u < c.length - 1 ? /* @__PURE__ */ t("span", {
-							className: "ttw:mx-1 ttw:h-0.5 ttw:min-w-2 ttw:flex-1 ttw:rounded-full",
-							style: { backgroundColor: u < l ? i : a },
+							}) : d
+						}), f ? null : /* @__PURE__ */ n("span", {
+							className: e("ttw:mx-1 ttw:h-0.5 ttw:min-w-2 ttw:flex-1 ttw:rounded-full", l && "ttw:opacity-50", u && "ttw:bg-primary", !l && !u && "ttw:bg-border"),
+							style: l ? { backgroundColor: a } : void 0,
 							"aria-hidden": !0
-						}) : null,
-						/* @__PURE__ */ t("span", {
-							className: "ttw:sr-only",
-							children: e
-						})
-					]
-				}, `step-${u}`);
+						})]
+					}), /* @__PURE__ */ n("span", {
+						className: e("ttw:truncate ttw:pr-2 ttw:text-xs", u ? "ttw:font-semibold ttw:text-foreground" : "ttw:text-muted-foreground"),
+						title: t,
+						children: t
+					})]
+				}, `step-${c}`);
 			})
 		})
 	});
 }
 //#endregion
-export { c as OnboardingShellStepper };
+export { o as OnboardingShellStepper };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/labels.js

@@ -4,8 +4,7 @@ var e = {
 	cancelButton: "Cancel",
 	saveAndCloseButton: "Save and continue later",
 	deleteButton: "Delete",
-	stepperAriaLabel: "Onboarding progress",
-	scrollForMore: "Scroll for more"
+	stepperAriaLabel: "Onboarding progress"
 };
 //#endregion
 export { e as ONBOARDING_SHELL_LABELS_EN };

package/dist/libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/useScrollHintContainer.js

@@ -1,31 +1,30 @@
 import * as e from "react";
 //#region ../../libs/tesouro-embedded-components-react/shared/ui/dist/lib/OnboardingShell/useScrollHintContainer.js
 function t({ fadeHeight: t = 32, hideFadeAtBottom: n = !0 } = {}) {
-	let r = e.useRef(null), [i, a] = e.useState(!1), [o, s] = e.useState(!1), [c, l] = e.useState(!1), [u, d] = e.useState(!1), f = e.useCallback(() => {
+	let r = e.useRef(null), [i, a] = e.useState(!1), [o, s] = e.useState(!1), [c, l] = e.useState(!1), u = e.useCallback(() => {
 		let e = r.current;
 		if (!e) return;
-		let t = e.scrollHeight - e.clientHeight > 1, a = e.scrollTop < 2, o = e.scrollTop + e.clientHeight >= e.scrollHeight - 2, c = i || e.scrollTop > 1;
-		l(t), s(!c && t && a), d(t && !c && (!n || !o));
+		let t = e.scrollHeight - e.clientHeight > 1, a = e.scrollTop + e.clientHeight >= e.scrollHeight - 2, o = i || e.scrollTop > 1;
+		s(t), l(t && !o && (!n || !a));
 	}, [i, n]);
 	return e.useEffect(() => {
 		let e = r.current;
 		if (!e) return;
 		let t = () => {
-			!i && e.scrollTop > 1 && a(!0), f();
+			!i && e.scrollTop > 1 && a(!0), u();
 		}, n;
-		return typeof ResizeObserver < "u" && (n = new ResizeObserver(f), n.observe(e)), requestAnimationFrame(f), e.addEventListener("scroll", t), window.addEventListener("resize", f), () => {
-			n?.disconnect(), e.removeEventListener("scroll", t), window.removeEventListener("resize", f);
+		return typeof ResizeObserver < "u" && (n = new ResizeObserver(u), n.observe(e)), requestAnimationFrame(u), e.addEventListener("scroll", t), window.addEventListener("resize", u), () => {
+			n?.disconnect(), e.removeEventListener("scroll", t), window.removeEventListener("resize", u);
 		};
-	}, [f, i]), {
+	}, [u, i]), {
 		containerRef: r,
-		showHint: o,
-		hasOverflow: c,
-		fadeVisible: u,
+		hasOverflow: o,
+		fadeVisible: c,
 		fadeHeight: t,
 		resetHint: e.useCallback(() => {
 			a(!1), r.current && (r.current.scrollTop = 0);
 		}, []),
-		recompute: f
+		recompute: u
 	};
 }
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tesouro/embedded-components-react",
-  "version": "0.9.26",
+  "version": "0.9.29",
   "license": "Apache-2.0",
   "type": "module",
   "sideEffects": [
@@ -220,7 +220,7 @@
     }
   },
   "devDependencies": {
-    "postcss": "^8.5.30"
+    "postcss": "^8.5.31"
   },
   "dependencies": {
     "@radix-ui/react-alert-dialog": "^1.1.23",