@preply/ds-web-lib 11.0.0 → 11.1.0

package/dist/Avatar-B-JdqVyg.js

@@ -0,0 +1,66 @@
+import { filterAttributesPassedByRadixUIAtRuntime } from "./utils/filterAttributesPassedByRadixUIAtRuntime.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import { forwardRef } from "react";
+import { booleanClassNames, getDatasetProps, moduleClassNames, stringClassNames } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT_TOKYO_UI } from "@preply/ds-core";
+import './assets/Avatar.css';var index_module_default = {
+	Avatar: "Avatar__ENaap",
+	"Avatar--size-24": "Avatar--size-24__ObR4y",
+	"Avatar--size-32": "Avatar--size-32__dN-5k",
+	"Avatar--size-48": "Avatar--size-48__ddqP8",
+	"Avatar--size-64": "Avatar--size-64__-Ju7I",
+	"Avatar--size-96": "Avatar--size-96__KgHP3",
+	"Avatar--size-160": "Avatar--size-160__KZ0Fc",
+	"Avatar--narrow-l--size-24": "Avatar--narrow-l--size-24__qXCWM",
+	"Avatar--narrow-l--size-32": "Avatar--narrow-l--size-32__qq9TP",
+	"Avatar--narrow-l--size-48": "Avatar--narrow-l--size-48__h51Bn",
+	"Avatar--narrow-l--size-64": "Avatar--narrow-l--size-64__LnrZ9",
+	"Avatar--narrow-l--size-96": "Avatar--narrow-l--size-96__n3HEe",
+	"Avatar--narrow-l--size-160": "Avatar--narrow-l--size-160__1zjWL",
+	"Avatar--medium-s--size-24": "Avatar--medium-s--size-24__7-PF9",
+	"Avatar--medium-s--size-32": "Avatar--medium-s--size-32__kS7dJ",
+	"Avatar--medium-s--size-48": "Avatar--medium-s--size-48__7rHLm",
+	"Avatar--medium-s--size-64": "Avatar--medium-s--size-64__eSycG",
+	"Avatar--medium-s--size-96": "Avatar--medium-s--size-96__gMO59",
+	"Avatar--medium-s--size-160": "Avatar--medium-s--size-160__VHYbX",
+	"Avatar--medium-l--size-24": "Avatar--medium-l--size-24__wkAJa",
+	"Avatar--medium-l--size-32": "Avatar--medium-l--size-32__ZX2QH",
+	"Avatar--medium-l--size-48": "Avatar--medium-l--size-48__17P3w",
+	"Avatar--medium-l--size-64": "Avatar--medium-l--size-64__FpM1G",
+	"Avatar--medium-l--size-96": "Avatar--medium-l--size-96__5-hlk",
+	"Avatar--medium-l--size-160": "Avatar--medium-l--size-160__fa-Bb",
+	"Avatar--wide-s--size-24": "Avatar--wide-s--size-24__ggmeN",
+	"Avatar--wide-s--size-32": "Avatar--wide-s--size-32__J7HvU",
+	"Avatar--wide-s--size-48": "Avatar--wide-s--size-48__FDJLh",
+	"Avatar--wide-s--size-64": "Avatar--wide-s--size-64__qE9HQ",
+	"Avatar--wide-s--size-96": "Avatar--wide-s--size-96__yjySN",
+	"Avatar--wide-s--size-160": "Avatar--wide-s--size-160__sQ83p",
+	"Avatar--wide-l--size-24": "Avatar--wide-l--size-24__lammM",
+	"Avatar--wide-l--size-32": "Avatar--wide-l--size-32__hM5mX",
+	"Avatar--wide-l--size-48": "Avatar--wide-l--size-48__mLV4a",
+	"Avatar--wide-l--size-64": "Avatar--wide-l--size-64__uQV-R",
+	"Avatar--wide-l--size-96": "Avatar--wide-l--size-96__nbICp",
+	"Avatar--wide-l--size-160": "Avatar--wide-l--size-160__gRCi9",
+	"Avatar--round": "Avatar--round__Ndyn3"
+};
+//#endregion
+//#region src/components/Avatar/Avatar.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var Avatar = forwardRef(function AvatarComponent({ size = AVATAR_SIZE_DEFAULT, round, src, alt = "", dataset, crossOrigin, ...restPropsPassedByRadixUI }, ref) {
+	const actualRound = round !== null && round !== void 0 ? round : true;
+	const classNames = moduleClassNames(index_module_default, webComponentNames.Avatar, [stringClassNames("size", size), booleanClassNames("round", void 0, actualRound)]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("picture", {
+		...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
+		ref,
+		className: classNames.join(" "),
+		...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Avatar }),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
+			src: src || AVATAR_SRC_DEFAULT_TOKYO_UI,
+			alt,
+			crossOrigin
+		})
+	});
+});
+//#endregion
+export { Avatar as t };

package/dist/AvatarWithStatus-CD9jEqEB.js

@@ -0,0 +1,36 @@
+import { filterAttributesPassedByRadixUIAtRuntime } from "./utils/filterAttributesPassedByRadixUIAtRuntime.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import { t as Avatar } from "./Avatar-B-JdqVyg.js";
+import { forwardRef } from "react";
+import { booleanClassNames, getDatasetProps, moduleClassNames, moduleLocals, stringClassNames } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import { AVATAR_SIZE_DEFAULT, AVATAR_WITH_STATUS_SIZE_DEFAULT } from "@preply/ds-core";
+import './assets/AvatarWithStatus.css';var index_module_default = {
+	AvatarWithStatus: "AvatarWithStatus__STt5I",
+	"AvatarWithStatus--indicator": "AvatarWithStatus--indicator__FOBwU",
+	"AvatarWithStatus--online": "AvatarWithStatus--online__Qpspm",
+	"AvatarWithStatus--size-64": "AvatarWithStatus--size-64__gBDkn",
+	"AvatarWithStatus--size-96": "AvatarWithStatus--size-96__mLsgd",
+	"AvatarWithStatus--size-160": "AvatarWithStatus--size-160__UeQyT"
+};
+//#endregion
+//#region src/components/AvatarWithStatus/AvatarWithStatus.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var AvatarWithStatus = forwardRef(function AvatarWithStatusComponent({ online = false, size = AVATAR_WITH_STATUS_SIZE_DEFAULT, dataset, alt, crossOrigin, src, ...restPropsPassedByRadixUI }, ref) {
+	const classNames = moduleClassNames(index_module_default, webComponentNames.AvatarWithStatus, [booleanClassNames("online", void 0, online), stringClassNames("size", size)]);
+	const indicatorClassName = [...moduleLocals(index_module_default, webComponentNames.AvatarWithStatus, ["indicator"])];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
+		ref,
+		className: classNames.join(" "),
+		...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.AvatarWithStatus }),
+		children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: indicatorClassName.join(" ") }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Avatar, {
+			alt,
+			crossOrigin,
+			src,
+			size: size !== null && size !== void 0 ? size : AVATAR_SIZE_DEFAULT
+		}) })]
+	});
+});
+//#endregion
+export { AvatarWithStatus as t };

package/dist/Badge-Dd-CLBoW.js

@@ -0,0 +1,50 @@
+import { filterAttributesPassedByRadixUIAtRuntime } from "./utils/filterAttributesPassedByRadixUIAtRuntime.js";
+import { t as Icon } from "./Icon-CixAeOSd.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import { forwardRef } from "react";
+import { getDatasetProps } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import './assets/Badge.css';var Badge_module_default = {
+	badge: "badge__Aj95L",
+	label: "label__F86ML"
+};
+//#endregion
+//#region src/components/Badge/Badge.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var getActualSize = (size) => {
+	switch (size) {
+		case "xs": return "small";
+		case "s": return "medium";
+		case "m": return "large";
+		default: return size;
+	}
+};
+var Badge = forwardRef(function BadgeComponent({ type = "neutral", size: sizeProp = "medium", leadingSvgIcon, dataset: datasetProp, children, accent, inverted, hideLabel, ...restPropsPassedByRadixUI }, ref) {
+	const size = getActualSize(sizeProp);
+	const dataset = {
+		...datasetProp,
+		size
+	};
+	if (accent === void 0 && inverted === void 0) dataset.type = type;
+	else {
+		dataset.accent = accent || "unset";
+		dataset.inverted = !!inverted;
+	}
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", {
+		...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
+		ref,
+		className: Badge_module_default.badge,
+		...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Badge }),
+		children: [!!leadingSvgIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+			accent: "primary",
+			size: sizeProp === "large" ? "24" : "16",
+			svg: leadingSvgIcon
+		}), /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+			className: Badge_module_default.label,
+			"data-hidden": hideLabel,
+			children
+		})]
+	});
+});
+//#endregion
+export { Badge as t };

package/dist/Box-BJBE9KNm.js

@@ -0,0 +1,91 @@
+import { filterAttributesPassedByRadixUIAtRuntime } from "./utils/filterAttributesPassedByRadixUIAtRuntime.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import { t as getLayoutPaddingClassnames } from "./layout-padding-ugY-yd2q.js";
+import { forwardRef } from "react";
+import { getDatasetProps, moduleClassNames, stringClassNames } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import { BOX_PADDING_DEFAULT, BOX_RADIUS_DEFAULT, LAYOUT_TAG_DEFAULT } from "@preply/ds-core";
+import './assets/Box.css';var index_module_default = {
+	Box: "Box__sKgFi",
+	"Box--box-radius-0": "Box--box-radius-0__54Jf2",
+	"Box--box-radius-2": "Box--box-radius-2__pEI33",
+	"Box--box-radius-4": "Box--box-radius-4__z3MJd",
+	"Box--box-radius-8": "Box--box-radius-8__iQAzJ",
+	"Box--box-radius-16": "Box--box-radius-16__NGCMF",
+	"Box--box-radius-300": "Box--box-radius-300__0X-HP",
+	"Box--narrow-l--box-radius-0": "Box--narrow-l--box-radius-0__nCUtM",
+	"Box--narrow-l--box-radius-2": "Box--narrow-l--box-radius-2__Cze1y",
+	"Box--narrow-l--box-radius-4": "Box--narrow-l--box-radius-4__G5JK-",
+	"Box--narrow-l--box-radius-8": "Box--narrow-l--box-radius-8__yWuos",
+	"Box--narrow-l--box-radius-16": "Box--narrow-l--box-radius-16__Zyr3O",
+	"Box--narrow-l--box-radius-300": "Box--narrow-l--box-radius-300__YWYwi",
+	"Box--medium-s--box-radius-0": "Box--medium-s--box-radius-0__WKjfo",
+	"Box--medium-s--box-radius-2": "Box--medium-s--box-radius-2__aRF-8",
+	"Box--medium-s--box-radius-4": "Box--medium-s--box-radius-4__rLRaG",
+	"Box--medium-s--box-radius-8": "Box--medium-s--box-radius-8__bfknI",
+	"Box--medium-s--box-radius-16": "Box--medium-s--box-radius-16__ph01E",
+	"Box--medium-s--box-radius-300": "Box--medium-s--box-radius-300__TK3VE",
+	"Box--medium-l--box-radius-0": "Box--medium-l--box-radius-0__lPezW",
+	"Box--medium-l--box-radius-2": "Box--medium-l--box-radius-2__bmunw",
+	"Box--medium-l--box-radius-4": "Box--medium-l--box-radius-4__IUY2C",
+	"Box--medium-l--box-radius-8": "Box--medium-l--box-radius-8__Q67vL",
+	"Box--medium-l--box-radius-16": "Box--medium-l--box-radius-16__-vjtO",
+	"Box--medium-l--box-radius-300": "Box--medium-l--box-radius-300__RnKpK",
+	"Box--wide-s--box-radius-0": "Box--wide-s--box-radius-0__q7wPC",
+	"Box--wide-s--box-radius-2": "Box--wide-s--box-radius-2__OXe-M",
+	"Box--wide-s--box-radius-4": "Box--wide-s--box-radius-4__sp-lm",
+	"Box--wide-s--box-radius-8": "Box--wide-s--box-radius-8__i3loZ",
+	"Box--wide-s--box-radius-16": "Box--wide-s--box-radius-16__lkphx",
+	"Box--wide-s--box-radius-300": "Box--wide-s--box-radius-300__HNn5b",
+	"Box--wide-l--box-radius-0": "Box--wide-l--box-radius-0__yBz-a",
+	"Box--wide-l--box-radius-2": "Box--wide-l--box-radius-2__-9J90",
+	"Box--wide-l--box-radius-4": "Box--wide-l--box-radius-4__WWouo",
+	"Box--wide-l--box-radius-8": "Box--wide-l--box-radius-8__FjMqp",
+	"Box--wide-l--box-radius-16": "Box--wide-l--box-radius-16__Nf6SP",
+	"Box--wide-l--box-radius-300": "Box--wide-l--box-radius-300__tdPjt",
+	"Box--background-primary": "Box--background-primary__iwTv3",
+	"Box--background-secondary": "Box--background-secondary__BDhTr",
+	"Box--background-tertiary": "Box--background-tertiary__71k6r",
+	"Box--background-overlay": "Box--background-overlay__K0eEJ",
+	"Box--background-disabled": "Box--background-disabled__5J3YK",
+	"Box--background-brand": "Box--background-brand__uZPPV",
+	"Box--background-brandB2b": "Box--background-brandB2b__-CJU6",
+	"Box--background-accentLight": "Box--background-accentLight__xKZph",
+	"Box--background-accentDark": "Box--background-accentDark__Zr7i7",
+	"Box--background-positiveLight": "Box--background-positiveLight__dPlfk",
+	"Box--background-positiveDark": "Box--background-positiveDark__Z5umI",
+	"Box--background-infoLight": "Box--background-infoLight__jOsWt",
+	"Box--background-infoDark": "Box--background-infoDark__17bK4",
+	"Box--background-warningLight": "Box--background-warningLight__o5wMl",
+	"Box--background-warningDark": "Box--background-warningDark__VxpPI",
+	"Box--background-criticalLight": "Box--background-criticalLight__h-v7I",
+	"Box--background-criticalDark": "Box--background-criticalDark__X4qyY",
+	"Box--background-statusOnline": "Box--background-statusOnline__RsqXY",
+	"Box--background-statusOffline": "Box--background-statusOffline__n49GJ",
+	"Box--background-primaryInverted": "Box--background-primaryInverted__R1bFi",
+	"Box--background-secondaryInverted": "Box--background-secondaryInverted__PUg12",
+	"Box--background-tertiaryInverted": "Box--background-tertiaryInverted__lwYUb"
+};
+//#endregion
+//#region src/components/Box/Box.tsx
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* A styleable container.
+*
+* Use this with `Layout*` components to create complex content containers.
+*/
+var Box = forwardRef(function BoxComponent({ children, background = "primary", radius = BOX_RADIUS_DEFAULT, padding = BOX_PADDING_DEFAULT, tag, dataset, ...restPropsPassedByRadixUI }, ref) {
+	const classNames = moduleClassNames(index_module_default, webComponentNames.Box, [stringClassNames("box-radius", radius), stringClassNames("background", background)]);
+	const paddingClassNames = getLayoutPaddingClassnames(padding);
+	const Tag = tag !== null && tag !== void 0 ? tag : LAYOUT_TAG_DEFAULT;
+	const allClassNames = [...classNames, ...paddingClassNames];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tag, {
+		...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
+		ref,
+		className: allClassNames.join(" "),
+		...getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Box }),
+		children
+	});
+});
+//#endregion
+export { Box as t };

package/dist/BubbleCounter.module-BU2S0euA.js

@@ -0,0 +1,16 @@
+import './assets/BubbleCounter.css';//#region src/components/BubbleCounter/BubbleCounter.module.less
+var bubbleCounter = "bubbleCounter__ARQXM";
+var childTargetOverlay = "childTargetOverlay__xypD-";
+var cutout = "cutout__1sEQk";
+var BubbleCounter_module_default = {
+	bubbleCounter,
+	"size-small": "size-small__vThJY",
+	"size-medium": "size-medium__7sdZb",
+	"size-large": "size-large__NFhHi",
+	"variant-dark": "variant-dark__wAdfT",
+	"variant-light": "variant-light__Jje-9",
+	childTargetOverlay,
+	cutout
+};
+//#endregion
+export { BubbleCounter_module_default as t };

package/dist/Button-C35BZJZT.js

@@ -0,0 +1,91 @@
+import { t as renderIcon } from "./render-icon-Ch3b2dE0.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import { t as ButtonBase } from "./ButtonBase-8eUyTWxX.js";
+import { forwardRef } from "react";
+import { moduleClassNames, stringClassNames } from "@preply/ds-web-core";
+import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
+import { BUTTON_SIZE_DEFAULT, BUTTON_VARIANT_DEFAULT } from "@preply/ds-core";
+import './assets/Button.css';//#region src/components/Button/style/index.module.less
+var Button$1 = "Button__lJRiF";
+var leadingIcon = "leadingIcon__OZj4E";
+var trailingIcon = "trailingIcon__d6fiW";
+var icon = "icon__M1Hs-";
+var index_module_default = {
+	Button: Button$1,
+	leadingIcon,
+	trailingIcon,
+	"Button--size-s": "Button--size-s__02RwJ",
+	icon,
+	"Button--size-m": "Button--size-m__m1kGp",
+	"Button--size-small": "Button--size-small__hrJyO",
+	"Button--size-medium": "Button--size-medium__ToEik",
+	"Button--size-l": "Button--size-l__rHzPz",
+	"Button--size-large": "Button--size-large__2ARbP",
+	"Button--narrow-l--size-s": "Button--narrow-l--size-s__1iIxT",
+	"Button--narrow-l--size-m": "Button--narrow-l--size-m__Hn-71",
+	"Button--narrow-l--size-small": "Button--narrow-l--size-small__clOC0",
+	"Button--narrow-l--size-medium": "Button--narrow-l--size-medium__4CZXu",
+	"Button--narrow-l--size-l": "Button--narrow-l--size-l__VsnrA",
+	"Button--narrow-l--size-large": "Button--narrow-l--size-large__NNkfS",
+	"Button--medium-s--size-s": "Button--medium-s--size-s__JOAqd",
+	"Button--medium-s--size-m": "Button--medium-s--size-m__hQdSS",
+	"Button--medium-s--size-small": "Button--medium-s--size-small__EweV7",
+	"Button--medium-s--size-medium": "Button--medium-s--size-medium__72Buq",
+	"Button--medium-s--size-l": "Button--medium-s--size-l__cRcEp",
+	"Button--medium-s--size-large": "Button--medium-s--size-large__PaPLT",
+	"Button--medium-l--size-s": "Button--medium-l--size-s__FrGUu",
+	"Button--medium-l--size-m": "Button--medium-l--size-m__SWC53",
+	"Button--medium-l--size-small": "Button--medium-l--size-small__36CyE",
+	"Button--medium-l--size-medium": "Button--medium-l--size-medium__ySDr1",
+	"Button--medium-l--size-l": "Button--medium-l--size-l__ImFHA",
+	"Button--medium-l--size-large": "Button--medium-l--size-large__o93q-",
+	"Button--wide-s--size-s": "Button--wide-s--size-s__fGKJg",
+	"Button--wide-s--size-m": "Button--wide-s--size-m__qAksG",
+	"Button--wide-s--size-small": "Button--wide-s--size-small__sKZpV",
+	"Button--wide-s--size-medium": "Button--wide-s--size-medium__ovQ2U",
+	"Button--wide-s--size-l": "Button--wide-s--size-l__MTeN9",
+	"Button--wide-s--size-large": "Button--wide-s--size-large__vQ0OS",
+	"Button--wide-l--size-s": "Button--wide-l--size-s__ROYdJ",
+	"Button--wide-l--size-m": "Button--wide-l--size-m__4cVoF",
+	"Button--wide-l--size-small": "Button--wide-l--size-small__RU5x9",
+	"Button--wide-l--size-medium": "Button--wide-l--size-medium__Hv0g8",
+	"Button--wide-l--size-l": "Button--wide-l--size-l__r0ktJ",
+	"Button--wide-l--size-large": "Button--wide-l--size-large__WblYc"
+};
+//#endregion
+//#region src/components/Button/Button.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var Button = forwardRef(function ButtonComponent({ variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, url, a11yLabel, leadingSvgIcon, trailingSvgIcon, children, ...props }, ref) {
+	const hasIcon = !!leadingSvgIcon || !!trailingSvgIcon;
+	const classNames = moduleClassNames(index_module_default, webComponentNames.Button, [stringClassNames("size", size)]);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ButtonBase, {
+		...props,
+		ref,
+		isIconButton: false,
+		variant,
+		size,
+		url,
+		a11yLabel,
+		preplyDsComponent: webComponentNames.Button,
+		className: hasIcon ? classNames.join(" ") : "",
+		children: [
+			!!leadingSvgIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: `${index_module_default.icon} ${index_module_default.leadingIcon}`,
+				children: renderIcon(leadingSvgIcon, {
+					"aria-hidden": "true",
+					focusable: "false"
+				})
+			}),
+			children,
+			!!trailingSvgIcon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+				className: `${index_module_default.icon} ${index_module_default.trailingIcon}`,
+				children: renderIcon(trailingSvgIcon, {
+					"aria-hidden": "true",
+					focusable: "false"
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { Button as t };

package/dist/ButtonBase-8eUyTWxX.js

@@ -0,0 +1,215 @@
+"use client";
+import { filterAttributesPassedByRadixUIAtRuntime } from "./utils/filterAttributesPassedByRadixUIAtRuntime.js";
+import { t as require_jsx_runtime } from "./jsx-runtime-i4KUlhDu.js";
+import { useMergeRefs as useMergeRefs$1 } from "./utils/useMergeRefs.js";
+import { t as Spinner } from "./Spinner-Ck8KQA22.js";
+import { cloneElement, forwardRef, useRef } from "react";
+import { booleanClassNames, getDatasetProps, getExternalUrlProps, mapEdgeKeyToStandard, moduleClassNames, moduleLocals, stringClassNames, useHostname } from "@preply/ds-web-core";
+import { BUTTON_SIZE_DEFAULT, BUTTON_VARIANT_DEFAULT } from "@preply/ds-core";
+import './assets/ButtonBase.css';//#region src/components/private/ButtonBase/style/index.module.less
+var ButtonBase$1 = "ButtonBase__lIl-s";
+var index_module_default = {
+	"button-width--width-full": "button-width--width-full__nJNYU",
+	"button-width--width-auto": "button-width--width-auto__gsqlf",
+	"button-width--narrow-l--width-full": "button-width--narrow-l--width-full__y2YjC",
+	"button-width--narrow-l--width-auto": "button-width--narrow-l--width-auto__1qVpi",
+	"button-width--medium-s--width-full": "button-width--medium-s--width-full__IdW9b",
+	"button-width--medium-s--width-auto": "button-width--medium-s--width-auto__hrO4e",
+	"button-width--medium-l--width-full": "button-width--medium-l--width-full__Oc0vB",
+	"button-width--medium-l--width-auto": "button-width--medium-l--width-auto__RNuIr",
+	"button-width--wide-s--width-full": "button-width--wide-s--width-full__-egYf",
+	"button-width--wide-s--width-auto": "button-width--wide-s--width-auto__h-tgw",
+	"button-width--wide-l--width-full": "button-width--wide-l--width-full__OWgAy",
+	"button-width--wide-l--width-auto": "button-width--wide-l--width-auto__orWDN",
+	ButtonBase: ButtonBase$1,
+	"ButtonBase--content": "ButtonBase--content__F9k22",
+	"ButtonBase--is-icon-button": "ButtonBase--is-icon-button__48zlf",
+	"ButtonBase--is-icon-button-size-large": "ButtonBase--is-icon-button-size-large__9HVLW",
+	"ButtonBase--busy": "ButtonBase--busy__XAkcK",
+	"ButtonBase--dsInternalSimulation-focus": "ButtonBase--dsInternalSimulation-focus__8jkWp",
+	"ButtonBase--is-busy": "ButtonBase--is-busy__OpmZd",
+	"ButtonBase--width-full": "ButtonBase--width-full__rPUpd",
+	"ButtonBase--width-auto": "ButtonBase--width-auto__4ebPj",
+	"ButtonBase--narrow-l--width-full": "ButtonBase--narrow-l--width-full__Bwysi",
+	"ButtonBase--narrow-l--width-auto": "ButtonBase--narrow-l--width-auto__r52SI",
+	"ButtonBase--medium-s--width-full": "ButtonBase--medium-s--width-full__nsvpl",
+	"ButtonBase--medium-s--width-auto": "ButtonBase--medium-s--width-auto__hcYr9",
+	"ButtonBase--medium-l--width-full": "ButtonBase--medium-l--width-full__6AYGL",
+	"ButtonBase--medium-l--width-auto": "ButtonBase--medium-l--width-auto__BGHr5",
+	"ButtonBase--wide-s--width-full": "ButtonBase--wide-s--width-full__4w-XJ",
+	"ButtonBase--wide-s--width-auto": "ButtonBase--wide-s--width-auto__5eGoZ",
+	"ButtonBase--wide-l--width-full": "ButtonBase--wide-l--width-full__8LbNM",
+	"ButtonBase--wide-l--width-auto": "ButtonBase--wide-l--width-auto__ys3sp",
+	"ButtonBase--size-large": "ButtonBase--size-large__mHtSn",
+	"ButtonBase--size-medium": "ButtonBase--size-medium__5Qsuj",
+	"ButtonBase--is-icon-button-size-medium": "ButtonBase--is-icon-button-size-medium__HRsbM",
+	"ButtonBase--size-small": "ButtonBase--size-small__Ajd60",
+	"ButtonBase--is-icon-button-size-small": "ButtonBase--is-icon-button-size-small__Me6wm",
+	"ButtonBase--narrow-l--size-large": "ButtonBase--narrow-l--size-large__3gfd8",
+	"ButtonBase--narrow-l--is-icon-button-size-large": "ButtonBase--narrow-l--is-icon-button-size-large__mWjvJ",
+	"ButtonBase--narrow-l--size-medium": "ButtonBase--narrow-l--size-medium__BhXNK",
+	"ButtonBase--narrow-l--is-icon-button-size-medium": "ButtonBase--narrow-l--is-icon-button-size-medium__RWwYm",
+	"ButtonBase--narrow-l--size-small": "ButtonBase--narrow-l--size-small__Vl2nb",
+	"ButtonBase--narrow-l--is-icon-button-size-small": "ButtonBase--narrow-l--is-icon-button-size-small__-dAMj",
+	"ButtonBase--medium-s--size-large": "ButtonBase--medium-s--size-large__x6d3B",
+	"ButtonBase--medium-s--is-icon-button-size-large": "ButtonBase--medium-s--is-icon-button-size-large__54tXt",
+	"ButtonBase--medium-s--size-medium": "ButtonBase--medium-s--size-medium__l27CC",
+	"ButtonBase--medium-s--is-icon-button-size-medium": "ButtonBase--medium-s--is-icon-button-size-medium__zUviu",
+	"ButtonBase--medium-s--size-small": "ButtonBase--medium-s--size-small__49UoI",
+	"ButtonBase--medium-s--is-icon-button-size-small": "ButtonBase--medium-s--is-icon-button-size-small__IvyNG",
+	"ButtonBase--medium-l--size-large": "ButtonBase--medium-l--size-large__HywFW",
+	"ButtonBase--medium-l--is-icon-button-size-large": "ButtonBase--medium-l--is-icon-button-size-large__7IhZP",
+	"ButtonBase--medium-l--size-medium": "ButtonBase--medium-l--size-medium__Tf265",
+	"ButtonBase--medium-l--is-icon-button-size-medium": "ButtonBase--medium-l--is-icon-button-size-medium__bwlaM",
+	"ButtonBase--medium-l--size-small": "ButtonBase--medium-l--size-small__t2X0A",
+	"ButtonBase--medium-l--is-icon-button-size-small": "ButtonBase--medium-l--is-icon-button-size-small__LyC6d",
+	"ButtonBase--wide-s--size-large": "ButtonBase--wide-s--size-large__revq4",
+	"ButtonBase--wide-s--is-icon-button-size-large": "ButtonBase--wide-s--is-icon-button-size-large__ECs3C",
+	"ButtonBase--wide-s--size-medium": "ButtonBase--wide-s--size-medium__LcWNl",
+	"ButtonBase--wide-s--is-icon-button-size-medium": "ButtonBase--wide-s--is-icon-button-size-medium__XgG6m",
+	"ButtonBase--wide-s--size-small": "ButtonBase--wide-s--size-small__zMihk",
+	"ButtonBase--wide-s--is-icon-button-size-small": "ButtonBase--wide-s--is-icon-button-size-small__86pYD",
+	"ButtonBase--wide-l--size-large": "ButtonBase--wide-l--size-large__dkSfM",
+	"ButtonBase--wide-l--is-icon-button-size-large": "ButtonBase--wide-l--is-icon-button-size-large__Exb49",
+	"ButtonBase--wide-l--size-medium": "ButtonBase--wide-l--size-medium__DSTMt",
+	"ButtonBase--wide-l--is-icon-button-size-medium": "ButtonBase--wide-l--is-icon-button-size-medium__wftX5",
+	"ButtonBase--wide-l--size-small": "ButtonBase--wide-l--size-small__1o3ZA",
+	"ButtonBase--wide-l--is-icon-button-size-small": "ButtonBase--wide-l--is-icon-button-size-small__Xqy2p",
+	"ButtonBase--variant-primary": "ButtonBase--variant-primary__EgRuu",
+	"ButtonBase--variant-primary--dsInternalSimulation-hover": "ButtonBase--variant-primary--dsInternalSimulation-hover__qshA-",
+	"ButtonBase--variant-primary--dsInternalSimulation-active": "ButtonBase--variant-primary--dsInternalSimulation-active__RQanZ",
+	"ButtonBase--variant-secondary": "ButtonBase--variant-secondary__GphQb",
+	"ButtonBase--variant-secondary--dsInternalSimulation-hover": "ButtonBase--variant-secondary--dsInternalSimulation-hover__ndGIz",
+	"ButtonBase--variant-secondary--dsInternalSimulation-active": "ButtonBase--variant-secondary--dsInternalSimulation-active__k4I5F",
+	"ButtonBase--variant-tertiary": "ButtonBase--variant-tertiary__O9c3W",
+	"ButtonBase--variant-tertiary--dsInternalSimulation-hover": "ButtonBase--variant-tertiary--dsInternalSimulation-hover__4-xa1",
+	"ButtonBase--variant-tertiary--dsInternalSimulation-active": "ButtonBase--variant-tertiary--dsInternalSimulation-active__-10gZ",
+	"ButtonBase--variant-quaternary": "ButtonBase--variant-quaternary__pLeI5",
+	"ButtonBase--variant-quaternary--dsInternalSimulation-hover": "ButtonBase--variant-quaternary--dsInternalSimulation-hover__ED-s6",
+	"ButtonBase--variant-quaternary--dsInternalSimulation-active": "ButtonBase--variant-quaternary--dsInternalSimulation-active__4fmhU",
+	"ButtonBase--variant-ghost": "ButtonBase--variant-ghost__ezCgl",
+	"ButtonBase--variant-ghost--dsInternalSimulation-hover": "ButtonBase--variant-ghost--dsInternalSimulation-hover__N-vL2",
+	"ButtonBase--variant-ghost--dsInternalSimulation-active": "ButtonBase--variant-ghost--dsInternalSimulation-active__ap8Wb",
+	"ButtonBase--variant-ghost--is-selected": "ButtonBase--variant-ghost--is-selected__vHgdy",
+	"ButtonBase--variant-critical": "ButtonBase--variant-critical__0FoGb",
+	"ButtonBase--variant-critical--dsInternalSimulation-hover": "ButtonBase--variant-critical--dsInternalSimulation-hover__DcuKz",
+	"ButtonBase--variant-critical--dsInternalSimulation-active": "ButtonBase--variant-critical--dsInternalSimulation-active__-D3p9",
+	"ButtonBase--variant-onColor": "ButtonBase--variant-onColor__gDgiZ",
+	"ButtonBase--variant-onColor--dsInternalSimulation-hover": "ButtonBase--variant-onColor--dsInternalSimulation-hover__GtnDL",
+	"ButtonBase--variant-onColor--dsInternalSimulation-active": "ButtonBase--variant-onColor--dsInternalSimulation-active__4ca8i",
+	"ButtonBase--variant-classroom": "ButtonBase--variant-classroom__HVQMA",
+	"ButtonBase--variant-classroom--dsInternalSimulation-hover": "ButtonBase--variant-classroom--dsInternalSimulation-hover__h2nxf",
+	"ButtonBase--variant-classroom--dsInternalSimulation-active": "ButtonBase--variant-classroom--dsInternalSimulation-active__3uCrs",
+	"ButtonBase--variant-classroom--is-selected": "ButtonBase--variant-classroom--is-selected__o47f2",
+	"ButtonBase--variant-primaryB2b": "ButtonBase--variant-primaryB2b__mqIFn",
+	"ButtonBase--variant-primaryB2b--dsInternalSimulation-hover": "ButtonBase--variant-primaryB2b--dsInternalSimulation-hover__s-6Io",
+	"ButtonBase--variant-primaryB2b--dsInternalSimulation-active": "ButtonBase--variant-primaryB2b--dsInternalSimulation-active__5Zy8P",
+	"ButtonBase--variant-primaryTutor": "ButtonBase--variant-primaryTutor__0m-N0",
+	"ButtonBase--variant-primaryTutor--dsInternalSimulation-hover": "ButtonBase--variant-primaryTutor--dsInternalSimulation-hover__-St95",
+	"ButtonBase--variant-primaryTutor--dsInternalSimulation-active": "ButtonBase--variant-primaryTutor--dsInternalSimulation-active__U8f46",
+	"ButtonBase--variant-inverted": "ButtonBase--variant-inverted__espSx",
+	"ButtonBase--variant-inverted--dsInternalSimulation-hover": "ButtonBase--variant-inverted--dsInternalSimulation-hover__2QLK5",
+	"ButtonBase--variant-inverted--dsInternalSimulation-active": "ButtonBase--variant-inverted--dsInternalSimulation-active__XPR7p",
+	"ButtonBase--variant-newFeature": "ButtonBase--variant-newFeature__kiL3X",
+	"ButtonBase--variant-newFeature--dsInternalSimulation-hover": "ButtonBase--variant-newFeature--dsInternalSimulation-hover__MJYRN",
+	"ButtonBase--variant-newFeature--dsInternalSimulation-active": "ButtonBase--variant-newFeature--dsInternalSimulation-active__eVKIo",
+	"ButtonBase--variant-ai": "ButtonBase--variant-ai__QQ5F5",
+	"ButtonBase--variant-ai--dsInternalSimulation-hover": "ButtonBase--variant-ai--dsInternalSimulation-hover__sEFmg",
+	"ButtonBase--variant-ai--dsInternalSimulation-active": "ButtonBase--variant-ai--dsInternalSimulation-active__wLX6u",
+	"ButtonBase--no-wrap": "ButtonBase--no-wrap__U0fYw"
+};
+//#endregion
+//#region src/components/private/ButtonBase/ButtonBase.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var BUTTON_BASE = "ButtonBase";
+var renderContent = ({ children, busy }) => {
+	const contentClassNames = [...moduleLocals(index_module_default, BUTTON_BASE, ["content"])];
+	const busyClassNames = [...moduleLocals(index_module_default, BUTTON_BASE, ["busy"])];
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: contentClassNames.join(" "),
+		children
+	}), busy && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+		className: busyClassNames.join(" "),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Spinner, {})
+	})] });
+};
+var ButtonBase = forwardRef(function ButtonBaseComponent(props, forwardedRef) {
+	const { id, variant = BUTTON_VARIANT_DEFAULT, size = BUTTON_SIZE_DEFAULT, fullWidth = false, wrap = false, href, download, opensInNewTab, nofollow, submitsForm, assistiveText, onClick, onKeyDown, onKeyUp, onMouseDown, onMouseUp, onMouseEnter, onMouseMove, onPointerDown, onPointerEnter, disabled, busy, selected, isIconButton, as, url, a11yLabel, dataset, children, dsInternalSimulation, preplyDsComponent, className, ...restPropsPassedByRadixUI } = props;
+	const hostname = useHostname();
+	const innerRef = useRef(null);
+	const ref = useMergeRefs$1(innerRef, forwardedRef);
+	const handleClick = (event) => {
+		if (disabled || busy) event.preventDefault();
+		onClick === null || onClick === void 0 || onClick(event);
+	};
+	const handleKeyPress = (event) => {
+		const key = mapEdgeKeyToStandard(event.key);
+		if (key === " " || key === "Enter") {
+			var _innerRef$current;
+			event.preventDefault();
+			(_innerRef$current = innerRef.current) === null || _innerRef$current === void 0 || _innerRef$current.click();
+		}
+	};
+	const classNames = moduleClassNames(index_module_default, BUTTON_BASE, [
+		dsInternalSimulation === "focus" ? booleanClassNames(`dsInternalSimulation-focus`, void 0, true) : stringClassNames(`variant-${variant}--dsInternalSimulation`, dsInternalSimulation),
+		stringClassNames("variant", variant),
+		stringClassNames("size", size),
+		isIconButton ? stringClassNames("is-icon-button-size", size) : [],
+		booleanClassNames(void 0, "no-wrap", wrap),
+		booleanClassNames("width-full", "width-auto", fullWidth),
+		booleanClassNames("is-busy", void 0, busy),
+		booleanClassNames("is-icon-button", void 0, isIconButton),
+		booleanClassNames(`variant-${variant}--is-selected`, void 0, selected)
+	]);
+	const buttonProps = {
+		...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
+		...getDatasetProps(dataset, { preplyDsComponent }),
+		className: [...classNames, className].join(" "),
+		"aria-label": assistiveText || a11yLabel,
+		onClick: handleClick,
+		disabled,
+		"aria-disabled": disabled || busy ? true : void 0,
+		ref,
+		id,
+		onKeyDown,
+		onKeyUp,
+		onMouseDown,
+		onMouseUp,
+		onMouseEnter,
+		onMouseMove,
+		onPointerDown,
+		onPointerEnter
+	};
+	const actualHref = href || url;
+	const linkProps = {
+		...buttonProps,
+		download,
+		ref,
+		role: "button",
+		tabIndex: disabled ? -1 : 0,
+		href: actualHref,
+		onKeyDown: handleKeyPress
+	};
+	if (actualHref) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", {
+		...linkProps,
+		...getExternalUrlProps(hostname, actualHref, opensInNewTab, nofollow),
+		children: renderContent({
+			children,
+			busy
+		})
+	});
+	if (as) return cloneElement(as, { ...linkProps }, renderContent({
+		children,
+		busy
+	}));
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
+		...buttonProps,
+		type: submitsForm ? "submit" : "button",
+		children: renderContent({
+			children,
+			busy
+		})
+	});
+});
+//#endregion
+export { ButtonBase as t };