@preply/ds-web-lib 11.0.0 → 11.1.0

package/dist/TokyoUIChevronDown-DGcVqR1z.js

@@ -0,0 +1,14 @@
+import * as React$1 from "react";
+import { forwardRef } from "react";
+//#region ../media-icons/dist/24/TokyoUIChevronDown.svg
+var SvgTokyoUiChevronDown = ({ title, titleId, ...props }, ref) => /* @__PURE__ */ React$1.createElement("svg", {
+	"data-preply-ds-component": "SvgTokyoUIIcon",
+	xmlns: "http://www.w3.org/2000/svg",
+	viewBox: "0 0 24 24",
+	ref,
+	"aria-labelledby": titleId,
+	...props
+}, title ? /* @__PURE__ */ React$1.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React$1.createElement("path", { d: "M18.707 9.707 12 16.414 5.293 9.707l1.414-1.414L12 13.586l5.293-5.293z" }));
+var ForwardRef = forwardRef(SvgTokyoUiChevronDown);
+//#endregion
+export { ForwardRef as t };

package/dist/Tooltip-grvKQxTN.js

@@ -0,0 +1,84 @@
+"use client";
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import { forwardRef, useRef, useState } from "react";
+import { getDatasetProps } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import { usePortalElement } from "@preply/ds-web-root";
+import { Slot, Tooltip } from "radix-ui";
+import './assets/Tooltip.css';var Tooltip_module_default = {
+	content: "content__ZZg4T",
+	appear: "appear__G3E6P",
+	disappear: "disappear__Y33gr",
+	arrow: "arrow__IVeyw"
+};
+//#endregion
+//#region src/components/Tooltip/Tooltip.tsx
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* Note that Tooltip.Provider is not used here, it's added globally to RootProvider.
+*/
+/**
+* Delay after touch start, after which tooltip will be closed immediately after release.
+*/
+var LONG_PRESS_DELAY = 300;
+/**
+* Tooltip component.
+*
+* The direct child of the component should be html element, DS component,
+* or a component that forwards ref and spreads props to the underlying DOM node.
+*
+* @example
+* <Tooltip content="Tooltip content">
+*   <Button>Hover me</Button>
+* </Tooltip>
+*/
+var Tooltip$1 = forwardRef(function Tooltip$2({ children, content, side = "top", trigger = "hover", disabled = false, dataset, dsInternalSimulation, ...restProps }, ref) {
+	const portalElement = usePortalElement();
+	const touchStartTimeRef = useRef(0);
+	const [touchOpen, setTouchOpen] = useState(false);
+	const handleTouchStart = () => {
+		if (trigger === "hover") return;
+		touchStartTimeRef.current = Date.now();
+		setTouchOpen(true);
+	};
+	const handleTouchEnd = () => {
+		if (trigger === "hover") return;
+		if (Date.now() - touchStartTimeRef.current > LONG_PRESS_DELAY) setTouchOpen(false);
+	};
+	if (disabled) return children;
+	let open;
+	if (dsInternalSimulation === "open") open = true;
+	else if (trigger === "hover") open = void 0;
+	else open = touchOpen || void 0;
+	const openProps = open === void 0 ? {} : { open };
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip.Root, {
+		...openProps,
+		delayDuration: 300,
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slot.Root, {
+			ref,
+			...restProps,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.Trigger, {
+				onTouchStart: handleTouchStart,
+				onTouchEnd: handleTouchEnd,
+				tabIndex: 0,
+				asChild: true,
+				children
+			})
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.Portal, {
+			container: portalElement,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tooltip.Content, {
+				side,
+				className: Tooltip_module_default.content,
+				onPointerDownOutside: () => setTouchOpen(false),
+				...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Tooltip }),
+				children: [content, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip.Arrow, {
+					className: Tooltip_module_default.arrow,
+					width: 10,
+					height: 6
+				})]
+			})
+		})]
+	});
+});
+//#endregion
+export { Tooltip$1 as t };

package/dist/VisuallyHidden-CtcHcZCK.js

@@ -0,0 +1,29 @@
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import "react";
+import './assets/VisuallyHidden.css';var VisuallyHidden_module_default = { visuallyHidden: "visuallyHidden__u7xQ9" };
+//#endregion
+//#region src/components/private/VisuallyHidden/VisuallyHidden.tsx
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* Visually hides content while keeping it accessible to screen readers.
+*
+* @example
+* ```tsx
+* function RemoveButton({ children }) {
+*   return (
+*     <button type="button">
+*       <VisuallyHidden>Remove</VisuallyHidden>
+*       {children}
+*     </button>
+*   );
+* }
+* ```
+*/
+function VisuallyHidden({ as = "span", children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(as !== null && as !== void 0 ? as : "span", {
+		className: VisuallyHidden_module_default.visuallyHidden,
+		children
+	});
+}
+//#endregion
+export { VisuallyHidden as t };

package/dist/align-self-VrZUceie.js

@@ -0,0 +1,42 @@
+import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
+import './assets/align-self.css';var align_self_module_default = {
+	AlignSelf: "AlignSelf__huNbz",
+	"AlignSelf--align-self-start": "AlignSelf--align-self-start__Pk4Ld",
+	"AlignSelf--align-self-center": "AlignSelf--align-self-center__oKqnl",
+	"AlignSelf--align-self-end": "AlignSelf--align-self-end__mLp7w",
+	"AlignSelf--align-self-stretch": "AlignSelf--align-self-stretch__e5jP9",
+	"AlignSelf--narrow-l--align-self-start": "AlignSelf--narrow-l--align-self-start__RD68B",
+	"AlignSelf--narrow-l--align-self-center": "AlignSelf--narrow-l--align-self-center__9KYyf",
+	"AlignSelf--narrow-l--align-self-end": "AlignSelf--narrow-l--align-self-end__ydYg3",
+	"AlignSelf--narrow-l--align-self-stretch": "AlignSelf--narrow-l--align-self-stretch__an8ci",
+	"AlignSelf--medium-s--align-self-start": "AlignSelf--medium-s--align-self-start__qq8h0",
+	"AlignSelf--medium-s--align-self-center": "AlignSelf--medium-s--align-self-center__d0RSi",
+	"AlignSelf--medium-s--align-self-end": "AlignSelf--medium-s--align-self-end__Kmsf2",
+	"AlignSelf--medium-s--align-self-stretch": "AlignSelf--medium-s--align-self-stretch__j3NnI",
+	"AlignSelf--medium-l--align-self-start": "AlignSelf--medium-l--align-self-start__74bsY",
+	"AlignSelf--medium-l--align-self-center": "AlignSelf--medium-l--align-self-center__ljw4i",
+	"AlignSelf--medium-l--align-self-end": "AlignSelf--medium-l--align-self-end__Pewtw",
+	"AlignSelf--medium-l--align-self-stretch": "AlignSelf--medium-l--align-self-stretch__TkySK",
+	"AlignSelf--wide-s--align-self-start": "AlignSelf--wide-s--align-self-start__zgUOz",
+	"AlignSelf--wide-s--align-self-center": "AlignSelf--wide-s--align-self-center__sU3Gp",
+	"AlignSelf--wide-s--align-self-end": "AlignSelf--wide-s--align-self-end__o-XTQ",
+	"AlignSelf--wide-s--align-self-stretch": "AlignSelf--wide-s--align-self-stretch__G9OEM",
+	"AlignSelf--wide-l--align-self-start": "AlignSelf--wide-l--align-self-start__DcXjX",
+	"AlignSelf--wide-l--align-self-center": "AlignSelf--wide-l--align-self-center__36VHM",
+	"AlignSelf--wide-l--align-self-end": "AlignSelf--wide-l--align-self-end__VolCH",
+	"AlignSelf--wide-l--align-self-stretch": "AlignSelf--wide-l--align-self-stretch__pdrgF"
+};
+//#endregion
+//#region src/shared-styles/align-self/align-self.ts
+var ALIGN_SELF = "AlignSelf";
+/**
+* Note: be careful with styles specificity.
+* It's possible that some of the styles will be overridden
+* by other components/hooks, that were rendered after this one.
+* See #incident-918 (https://preply.slack.com/archives/C05R913FCNR/p1694510587143179) for details
+*/
+var getAlignSelfClassNames = (alignSelf) => {
+	return moduleClassNames(align_self_module_default, ALIGN_SELF, [stringClassNames("align-self", alignSelf)]);
+};
+//#endregion
+export { getAlignSelfClassNames as t };

package/dist/assets/Accordion.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .accordion__GSBx4 {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/dist/assets/AlertBannerProvider.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .alertBannerHost__LKZaB {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/AlertDialog.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 @-webkit-keyframes overlayShow__DlV95 {
   from {
     opacity: 0;

package/dist/assets/Avatar.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Mar 02 2026 15:14:20 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .Avatar__ENaap {
   display: inline-block;
 }

package/dist/assets/AvatarWithStatus.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Mar 02 2026 15:14:20 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
 .AvatarWithStatus__STt5I {
   display: inline-block;
   position: relative;

package/dist/assets/Badge.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
 .badge__Aj95L {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/dist/assets/Box.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Mar 02 2026 15:14:20 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .Box__sKgFi {
   margin: 0;
   list-style: none;

package/dist/assets/BubbleCounter.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
 .bubbleCounter__ARQXM {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;

package/dist/assets/Button.css

@@ -1,7 +1,7 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Mar 02 2026 15:14:20 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .Button__lJRiF .leadingIcon__OZj4E,
 .Button__lJRiF .trailingIcon__d6fiW {
   display: -webkit-box;

package/dist/assets/ButtonBase.css

@@ -1,7 +1,7 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Mon Mar 02 2026 15:14:20 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/types/web-core-options-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .button-width--width-full__nJNYU {
   width: 100%;
 }
@@ -196,14 +196,14 @@
   }
 }
 .ButtonBase--size-large__mHtSn {
-  min-height: var(--3d8452);
   padding-top: 6px;
   padding-bottom: 6px;
-  line-height: 1.33333333;
+  min-height: var(--3d8452);
   padding-left: var(--79f043);
   padding-right: var(--79f043);
   font-size: var(--56d354);
   letter-spacing: var(--dc9bea);
+  line-height: var(--4c2ede);
 }
 .ButtonBase--is-icon-button-size-large__9HVLW {
   width: var(--3d8452);
@@ -211,14 +211,14 @@
   padding: 0;
 }
 .ButtonBase--size-medium__5Qsuj {
-  min-height: var(--c82a41);
   padding-top: 6px;
   padding-bottom: 6px;
-  line-height: 1.33333333;
+  min-height: var(--c82a41);
   padding-left: var(--aebd97);
   padding-right: var(--aebd97);
   font-size: var(--c84e20);
   letter-spacing: var(--ad1bd2);
+  line-height: var(--5c2532);
 }
 .ButtonBase--is-icon-button-size-medium__HRsbM {
   width: var(--c82a41);
@@ -226,15 +226,14 @@
   padding: 0;
 }
 .ButtonBase--size-small__Ajd60 {
-  min-height: var(--5eca09);
   padding-top: 6px;
   padding-bottom: 6px;
-  line-height: 1.33333333;
-  line-height: 1.14285714;
+  min-height: var(--5eca09);
   padding-left: var(--d17b90);
   padding-right: var(--d17b90);
   font-size: var(--f20194);
   letter-spacing: var(--9663af);
+  line-height: var(--50cd80);
 }
 .ButtonBase--is-icon-button-size-small__Me6wm {
   width: var(--5eca09);
@@ -243,14 +242,14 @@
 }
 @media (min-width: 400px) {
   .ButtonBase--narrow-l--size-large__3gfd8 {
-    min-height: var(--3d8452);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--3d8452);
     padding-left: var(--79f043);
     padding-right: var(--79f043);
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
+    line-height: var(--4c2ede);
   }
   .ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ {
     width: var(--3d8452);
@@ -258,14 +257,14 @@
     padding: 0;
   }
   .ButtonBase--narrow-l--size-medium__BhXNK {
-    min-height: var(--c82a41);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--c82a41);
     padding-left: var(--aebd97);
     padding-right: var(--aebd97);
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
+    line-height: var(--5c2532);
   }
   .ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm {
     width: var(--c82a41);
@@ -273,15 +272,14 @@
     padding: 0;
   }
   .ButtonBase--narrow-l--size-small__Vl2nb {
-    min-height: var(--5eca09);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
-    line-height: 1.14285714;
+    min-height: var(--5eca09);
     padding-left: var(--d17b90);
     padding-right: var(--d17b90);
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
+    line-height: var(--50cd80);
   }
   .ButtonBase--narrow-l--is-icon-button-size-small__-dAMj {
     width: var(--5eca09);
@@ -291,14 +289,14 @@
 }
 @media (min-width: 700px) {
   .ButtonBase--medium-s--size-large__x6d3B {
-    min-height: var(--3d8452);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--3d8452);
     padding-left: var(--79f043);
     padding-right: var(--79f043);
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
+    line-height: var(--4c2ede);
   }
   .ButtonBase--medium-s--is-icon-button-size-large__54tXt {
     width: var(--3d8452);
@@ -306,14 +304,14 @@
     padding: 0;
   }
   .ButtonBase--medium-s--size-medium__l27CC {
-    min-height: var(--c82a41);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--c82a41);
     padding-left: var(--aebd97);
     padding-right: var(--aebd97);
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
+    line-height: var(--5c2532);
   }
   .ButtonBase--medium-s--is-icon-button-size-medium__zUviu {
     width: var(--c82a41);
@@ -321,15 +319,14 @@
     padding: 0;
   }
   .ButtonBase--medium-s--size-small__49UoI {
-    min-height: var(--5eca09);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
-    line-height: 1.14285714;
+    min-height: var(--5eca09);
     padding-left: var(--d17b90);
     padding-right: var(--d17b90);
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
+    line-height: var(--50cd80);
   }
   .ButtonBase--medium-s--is-icon-button-size-small__IvyNG {
     width: var(--5eca09);
@@ -339,14 +336,14 @@
 }
 @media (min-width: 880px) {
   .ButtonBase--medium-l--size-large__HywFW {
-    min-height: var(--3d8452);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--3d8452);
     padding-left: var(--79f043);
     padding-right: var(--79f043);
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
+    line-height: var(--4c2ede);
   }
   .ButtonBase--medium-l--is-icon-button-size-large__7IhZP {
     width: var(--3d8452);
@@ -354,14 +351,14 @@
     padding: 0;
   }
   .ButtonBase--medium-l--size-medium__Tf265 {
-    min-height: var(--c82a41);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--c82a41);
     padding-left: var(--aebd97);
     padding-right: var(--aebd97);
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
+    line-height: var(--5c2532);
   }
   .ButtonBase--medium-l--is-icon-button-size-medium__bwlaM {
     width: var(--c82a41);
@@ -369,15 +366,14 @@
     padding: 0;
   }
   .ButtonBase--medium-l--size-small__t2X0A {
-    min-height: var(--5eca09);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
-    line-height: 1.14285714;
+    min-height: var(--5eca09);
     padding-left: var(--d17b90);
     padding-right: var(--d17b90);
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
+    line-height: var(--50cd80);
   }
   .ButtonBase--medium-l--is-icon-button-size-small__LyC6d {
     width: var(--5eca09);
@@ -387,14 +383,14 @@
 }
 @media (min-width: 1200px) {
   .ButtonBase--wide-s--size-large__revq4 {
-    min-height: var(--3d8452);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--3d8452);
     padding-left: var(--79f043);
     padding-right: var(--79f043);
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
+    line-height: var(--4c2ede);
   }
   .ButtonBase--wide-s--is-icon-button-size-large__ECs3C {
     width: var(--3d8452);
@@ -402,14 +398,14 @@
     padding: 0;
   }
   .ButtonBase--wide-s--size-medium__LcWNl {
-    min-height: var(--c82a41);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--c82a41);
     padding-left: var(--aebd97);
     padding-right: var(--aebd97);
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
+    line-height: var(--5c2532);
   }
   .ButtonBase--wide-s--is-icon-button-size-medium__XgG6m {
     width: var(--c82a41);
@@ -417,15 +413,14 @@
     padding: 0;
   }
   .ButtonBase--wide-s--size-small__zMihk {
-    min-height: var(--5eca09);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
-    line-height: 1.14285714;
+    min-height: var(--5eca09);
     padding-left: var(--d17b90);
     padding-right: var(--d17b90);
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
+    line-height: var(--50cd80);
   }
   .ButtonBase--wide-s--is-icon-button-size-small__86pYD {
     width: var(--5eca09);
@@ -435,14 +430,14 @@
 }
 @media (min-width: 1900px) {
   .ButtonBase--wide-l--size-large__dkSfM {
-    min-height: var(--3d8452);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--3d8452);
     padding-left: var(--79f043);
     padding-right: var(--79f043);
     font-size: var(--56d354);
     letter-spacing: var(--dc9bea);
+    line-height: var(--4c2ede);
   }
   .ButtonBase--wide-l--is-icon-button-size-large__Exb49 {
     width: var(--3d8452);
@@ -450,14 +445,14 @@
     padding: 0;
   }
   .ButtonBase--wide-l--size-medium__DSTMt {
-    min-height: var(--c82a41);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
+    min-height: var(--c82a41);
     padding-left: var(--aebd97);
     padding-right: var(--aebd97);
     font-size: var(--c84e20);
     letter-spacing: var(--ad1bd2);
+    line-height: var(--5c2532);
   }
   .ButtonBase--wide-l--is-icon-button-size-medium__wftX5 {
     width: var(--c82a41);
@@ -465,15 +460,14 @@
     padding: 0;
   }
   .ButtonBase--wide-l--size-small__1o3ZA {
-    min-height: var(--5eca09);
     padding-top: 6px;
     padding-bottom: 6px;
-    line-height: 1.33333333;
-    line-height: 1.14285714;
+    min-height: var(--5eca09);
     padding-left: var(--d17b90);
     padding-right: var(--d17b90);
     font-size: var(--f20194);
     letter-spacing: var(--9663af);
+    line-height: var(--50cd80);
   }
   .ButtonBase--wide-l--is-icon-button-size-small__Xqy2p {
     width: var(--5eca09);

package/dist/assets/Checkbox.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
 .checkbox__KtCna {
   -webkit-box-sizing: border-box;
           box-sizing: border-box;

package/dist/assets/Chips.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .chips__0cCVU {
   display: -webkit-box;
   display: -ms-flexbox;

package/dist/assets/ChipsPrimitive.css

@@ -1,5 +1,5 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/hover/web-core-hover-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .list__U846B {
   all: unset;
   list-style: none;

package/dist/assets/CountryFlag.css

@@ -1,4 +1,4 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
 .flag__wPkCc {
   border-radius: var(--e38d71);
   border: 0.5px solid var(--b445b1);

package/dist/assets/Dialog.css

@@ -1,6 +1,6 @@
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Mon Mar 02 2026 15:14:21 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
-/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Mon Mar 02 2026 15:14:22 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/tokens/web-core-tokens-less.ts @Tue Mar 24 2026 10:02:19 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED by support/tools/src/tool/code-generator/output/breakpoints/web-core-breakpoints-less.ts @Tue Mar 24 2026 10:02:20 GMT+0000 (Coordinated Universal Time) */
 .dialog__80F7X {
   --dialog-padding: var(--1e685c);
   --slide-animation-distance: 100%;
@@ -325,7 +325,7 @@
   gap: var(--813599);
 }
 @media (min-width: 400px) {
-  .buttonStack__KhEjj {
+  .buttonStack__KhEjj:not([data-horizontal-layout]) {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
         -ms-flex-direction: row;
@@ -335,6 +335,15 @@
             justify-content: flex-end;
   }
 }
+.buttonStack__KhEjj[data-horizontal-layout] {
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
+}
 .stepControls__FoOIr {
   display: -webkit-box;
   display: -ms-flexbox;