@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/components/Tooltip/Tooltip.js

@@ -1,66 +1,3 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useState } from "react";
-import { Tooltip as Tooltip$1, Slot } from "radix-ui";
-import { usePortalElement } from "@preply/ds-web-root";
-import { getDatasetProps } from "@preply/ds-web-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import '../../assets/Tooltip.css';const content = "content__ZZg4T";
-const arrow = "arrow__IVeyw";
-const styles = {
-  content,
-  arrow
-};
-const LONG_PRESS_DELAY = 300;
-const Tooltip = forwardRef(function Tooltip2({
-  children,
-  content: content2,
-  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;
-    const isLongPress = Date.now() - touchStartTimeRef.current > LONG_PRESS_DELAY;
-    if (isLongPress) {
-      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__ */ jsxs(Tooltip$1.Root, { ...openProps, delayDuration: 300, children: [
-    /* @__PURE__ */ jsx(Slot.Root, { ref, ...restProps, children: /* @__PURE__ */ jsx(Tooltip$1.Trigger, { onTouchStart: handleTouchStart, onTouchEnd: handleTouchEnd, tabIndex: 0, asChild: true, children }) }),
-    /* @__PURE__ */ jsx(Tooltip$1.Portal, { container: portalElement, children: /* @__PURE__ */ jsxs(Tooltip$1.Content, { side, className: styles.content, onPointerDownOutside: () => setTouchOpen(false), ...getDatasetProps(dataset, {
-      preplyDsComponent: webComponentNames.Tooltip
-    }), children: [
-      content2,
-      /* @__PURE__ */ jsx(Tooltip$1.Arrow, { className: styles.arrow, width: 10, height: 6 })
-    ] }) })
-  ] });
-});
-export {
-  Tooltip
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as Tooltip } from "../../Tooltip-grvKQxTN.js";
+export { Tooltip };

package/dist/components/deprecated/Chips/Chips.js

@@ -1,76 +1,4 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { getDatasetProps } from "@preply/ds-web-core";
-import * as React from "react";
-import { forwardRef } from "react";
-import { Icon } from "../../Icon/Icon.js";
-import { filterAttributesPassedByRadixUIAtRuntime } from "../../../utils/filterAttributesPassedByRadixUIAtRuntime.js";
-import { useIntl } from "react-intl";
-import { genericAriaLabels } from "../../../utils/shared-strings.js";
-import '../../../assets/Chips.css';const chips = "chips__0cCVU";
-const chip = "chip__t4Yxh";
-const styles = {
-  chips,
-  chip,
-  "chip-toggle": "chip-toggle__Q6Xqq",
-  "chip-remove": "chip-remove__uHsIL"
-};
-const SvgClose = ({
-  title,
-  titleId,
-  ...props
-}, ref) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ref, "aria-labelledby": titleId, ...props }, title ? /* @__PURE__ */ React.createElement("title", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", d: "M7.207 5.793a1 1 0 0 0-1.414 1.414L10.586 12l-4.793 4.793a1 1 0 1 0 1.414 1.414L12 13.414l4.793 4.793a1 1 0 0 0 1.414-1.414L13.414 12l4.793-4.793a1 1 0 0 0-1.414-1.414L12 10.586 7.207 5.793Z", clipRule: "evenodd" }));
-const ForwardRef = forwardRef(SvgClose);
-const Chips = ({
-  variant = "choice",
-  children,
-  "aria-label": ariaLabel,
-  dataset
-}) => {
-  const dataAttributes = {
-    ...dataset,
-    variant
-  };
-  return /* @__PURE__ */ jsx("ul", { "aria-label": ariaLabel, className: styles.chips, ...getDatasetProps(dataAttributes, {
-    preplyDsComponent: webComponentNames.Chips
-  }), children });
-};
-Chips.Item = forwardRef(function ChipsItem({
-  label,
-  leadingSvgIcon,
-  pressed,
-  onToggle,
-  onRemove,
-  "aria-controls": ariaControls,
-  dataset,
-  ...restPropsPassedByRadixUI
-}, ref) {
-  const {
-    formatMessage
-  } = useIntl();
-  const toggle = () => onToggle == null ? void 0 : onToggle(!pressed);
-  const remove = onRemove != null ? onRemove : toggle;
-  return /* @__PURE__ */ jsxs("li", { ...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI), ref, className: styles.chip, ...getDatasetProps(dataset, {
-    preplyDsComponent: webComponentNames.Chip
-  }), children: [
-    /* @__PURE__ */ jsxs("button", { type: "button", className: styles["chip-toggle"], "aria-pressed": pressed, "aria-controls": ariaControls, onClick: toggle, onKeyUp: (e) => {
-      switch (e.key) {
-        case "Backspace":
-        case "Delete":
-          if (!pressed) {
-            return;
-          }
-          toggle();
-          break;
-      }
-    }, children: [
-      leadingSvgIcon && /* @__PURE__ */ jsx(Icon, { size: "24", svg: leadingSvgIcon }),
-      label
-    ] }),
-    /* @__PURE__ */ jsx("button", { type: "button", className: styles["chip-remove"], onClick: remove, "aria-label": formatMessage(genericAriaLabels.remove), "aria-controls": ariaControls, children: /* @__PURE__ */ jsx(Icon, { size: "24", svg: ForwardRef }) })
-  ] });
-});
-export {
-  Chips
-};
+import "../../../render-icon-Ch3b2dE0.js";
+import "../../../jsx-runtime-i4KUlhDu.js";
+import { t as Chips } from "../../../Chips-BRGw7Uup.js";
+export { Chips };

package/dist/components/deprecated/NativeSelectField/NativeSelect.js

@@ -1,36 +1,44 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { t as Icon } from "../../../Icon-CixAeOSd.js";
+import "../../../render-icon-Ch3b2dE0.js";
+import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
+import { n as Input_module_default, t as InputContainer } from "../../../InputContainer-CzzuOe_p.js";
+import { t as ForwardRef } from "../../../TokyoUIChevronDown-DGcVqR1z.js";
 import { forwardRef, useState } from "react";
 import { getDatasetProps } from "@preply/ds-web-core";
-import { F as ForwardRef } from "../../../TokyoUIChevronDown-D_tD1yU8.js";
-import { I as InputContainer, s as styles } from "../../../InputContainer-oHJlLWIi.js";
-import { Icon } from "../../Icon/Icon.js";
-const NativeSelect = forwardRef(function NativeSelectComponent({
-  dataset,
-  onChange,
-  onValueChange,
-  icon,
-  children,
-  placeholder,
-  ...props
-}, ref) {
-  const [isEmpty, setIsEmpty] = useState(!props.value && !props.defaultValue);
-  const datasetProps = getDatasetProps(dataset);
-  const valueProps = props.value === void 0 ? {
-    defaultValue: props.defaultValue || ""
-  } : {
-    value: props.value
-  };
-  const handleChange = (e) => {
-    onChange == null ? void 0 : onChange(e);
-    onValueChange == null ? void 0 : onValueChange(e.target.value);
-    setIsEmpty(!e.target.value);
-  };
-  return /* @__PURE__ */ jsx(InputContainer, { icon, trailingIcon: /* @__PURE__ */ jsx(Icon, { svg: ForwardRef }), children: /* @__PURE__ */ jsxs("select", { ...datasetProps, ...props, ...valueProps, onChange: handleChange, ref, className: styles.input, "data-empty": isEmpty, children: [
-    typeof placeholder === "string" && /* @__PURE__ */ jsx("option", { value: "", disabled: props.required, children: placeholder }),
-    children
-  ] }) });
+//#region src/components/deprecated/NativeSelectField/NativeSelect.tsx
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* A component to render a select with optional icon.
+* For internal use only.
+*/
+var NativeSelect = forwardRef(function NativeSelectComponent({ dataset, onChange, onValueChange, icon, children, placeholder, ...props }, ref) {
+	const [isEmpty, setIsEmpty] = useState(!props.value && !props.defaultValue);
+	const datasetProps = getDatasetProps(dataset);
+	const valueProps = props.value === void 0 ? { defaultValue: props.defaultValue || "" } : { value: props.value };
+	const handleChange = (e) => {
+		onChange === null || onChange === void 0 || onChange(e);
+		onValueChange === null || onValueChange === void 0 || onValueChange(e.target.value);
+		setIsEmpty(!e.target.value);
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(InputContainer, {
+		icon,
+		trailingIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { svg: ForwardRef }),
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", {
+			...datasetProps,
+			...props,
+			...valueProps,
+			onChange: handleChange,
+			ref,
+			className: Input_module_default.input,
+			"data-empty": isEmpty,
+			children: [typeof placeholder === "string" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+				value: "",
+				disabled: props.required,
+				children: placeholder
+			}), children]
+		})
+	});
 });
-export {
-  NativeSelect
-};
+//#endregion
+export { NativeSelect };

package/dist/components/deprecated/NativeSelectField/NativeSelectField.js

@@ -1,41 +1,42 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import "../../../render-icon-Ch3b2dE0.js";
+import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
+import { t as FormControl } from "../../../FormControl-qnbQL1iF.js";
+import "../../../TokyoUIChevronDown-DGcVqR1z.js";
+import { NativeSelect } from "./NativeSelect.js";
 import { forwardRef } from "react";
 import { getDatasetProps } from "@preply/ds-web-core";
 import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { FormControl } from "../../FormControl/FormControl.js";
-import { NativeSelect } from "./NativeSelect.js";
-const NativeSelectFieldLocal = forwardRef(function NativeSelectField2({
-  id,
-  label,
-  description,
-  error,
-  required,
-  inputDataset,
-  dataset,
-  hideLabel,
-  onClick,
-  children,
-  hasError,
-  useLegacyRequiredLabel,
-  // @ts-expect-error: removing className from `props`
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  className,
-  // @ts-expect-error: removing style from `props`
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  style,
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsx(FormControl, { id, label, description, error, hasError, required, dataset, hideLabel, onClick, useLegacyRequiredLabel, preplyDsComponent: webComponentNames.SelectField, children: /* @__PURE__ */ jsx(NativeSelect, { ...props, ref, dataset: inputDataset, children }) });
+//#region src/components/deprecated/NativeSelectField/NativeSelectField.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var NativeSelectFieldLocal = forwardRef(function NativeSelectField({ id, label, description, error, required, inputDataset, dataset, hideLabel, onClick, children, hasError, useLegacyRequiredLabel, className, style, ...props }, ref) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormControl, {
+		id,
+		label,
+		description,
+		error,
+		hasError,
+		required,
+		dataset,
+		hideLabel,
+		onClick,
+		useLegacyRequiredLabel,
+		preplyDsComponent: webComponentNames.SelectField,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeSelect, {
+			...props,
+			ref,
+			dataset: inputDataset,
+			children
+		})
+	});
 });
 NativeSelectFieldLocal.Option = NativeSelectFieldOption;
-const NativeSelectField = NativeSelectFieldLocal;
+var NativeSelectField = NativeSelectFieldLocal;
 function NativeSelectFieldOption(props) {
-  return /* @__PURE__ */ jsx("option", { ...props, ...getDatasetProps(void 0, {
-    preplyDsComponent: webComponentNames.SelectFieldOption
-  }) });
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", {
+		...props,
+		...getDatasetProps(void 0, { preplyDsComponent: webComponentNames.SelectFieldOption })
+	});
 }
-export {
-  NativeSelectField,
-  NativeSelectFieldOption
-};
+//#endregion
+export { NativeSelectField, NativeSelectFieldOption };

package/dist/components/deprecated/index.js

@@ -1,7 +1,6 @@
-import { Chips } from "./Chips/Chips.js";
+import "../../render-icon-Ch3b2dE0.js";
+import "../../jsx-runtime-i4KUlhDu.js";
+import "../../TokyoUIChevronDown-DGcVqR1z.js";
+import { t as Chips } from "../../Chips-BRGw7Uup.js";
 import { NativeSelectField, NativeSelectFieldOption } from "./NativeSelectField/NativeSelectField.js";
-export {
-  Chips,
-  NativeSelectField,
-  NativeSelectFieldOption
-};
+export { Chips, NativeSelectField, NativeSelectFieldOption };

package/dist/components/index.js

@@ -1,178 +1,78 @@
-import { Accordion, AccordionContent, AccordionHeader, AccordionItem } from "./Accordion/Accordion.js";
-import { AlertDialog } from "./AlertDialog/AlertDialog.js";
-import { AlertBanner } from "./AlertBanner/AlertBanner.js";
-import { A } from "../AlertBannerProvider-DTx2Xp3V.js";
-import { A as A2, a, I } from "../IconTile-D1G7MljH.js";
-import { AlertBannerCriticalIcon, AlertBannerIcon, AlertBannerPositiveIcon, AlertBannerWarningIcon } from "./AlertBanner/primitives/AlertBannerIcon.js";
+import { t as Icon } from "../Icon-CixAeOSd.js";
+import "../render-icon-Ch3b2dE0.js";
+import "../jsx-runtime-i4KUlhDu.js";
+import { t as Text } from "../Text-CaOF75Z-.js";
+import { i as AccordionItem, n as AccordionContent, r as AccordionHeader, t as Accordion } from "../Accordion-B0hR-tcI.js";
+import { t as AlertDialog } from "../AlertDialog-BG-diKBi.js";
+import "../store-sN_eYeZT.js";
+import { t as DialogRoot } from "../DialogRoot-B67oJduC.js";
+import { t as DialogCloseButton } from "../DialogCloseButton-DjDd9Mid.js";
+import { t as DialogDescription } from "../DialogDescription-8zw9t6pm.js";
+import { t as DialogTitle } from "../DialogTitle-C2Nn2ys-.js";
+import { t as Heading } from "../Heading-DA9gHfsx.js";
+import { t as Button } from "../Button-C35BZJZT.js";
+import { t as AlertBannerProvider } from "../AlertBannerProvider-Cf7w9AOq.js";
 import { AlertBannerRoot } from "./AlertBanner/primitives/AlertBannerRoot.js";
-import { Avatar } from "./Avatar/Avatar.js";
-import { AvatarWithStatus } from "./AvatarWithStatus/AvatarWithStatus.js";
-import { Badge } from "./Badge/Badge.js";
-import { Box } from "./Box/Box.js";
+import { AlertBannerCriticalIcon, AlertBannerIcon, AlertBannerPositiveIcon, AlertBannerWarningIcon } from "./AlertBanner/primitives/AlertBannerIcon.js";
+import { a as AlertBannerText, i as AlertBannerAction, n as IconTile, r as AlertBanner, t as usePortalElement } from "../components-BIYP8wHJ.js";
+import { t as Avatar } from "../Avatar-B-JdqVyg.js";
+import { t as AvatarWithStatus } from "../AvatarWithStatus-CD9jEqEB.js";
+import { t as Badge } from "../Badge-Dd-CLBoW.js";
+import { t as Box } from "../Box-BJBE9KNm.js";
 import { BubbleCounter } from "./BubbleCounter/BubbleCounter.js";
-import { Button } from "./Button/Button.js";
+import { CalloutBannerRoot } from "./CalloutBanner/primitives/CalloutBannerRoot.js";
 import { CalloutBanner } from "./CalloutBanner/CalloutBanner.js";
+import { t as IconButton } from "../IconButton-BPKpgfep.js";
 import { CalloutBannerDismissButton } from "./CalloutBanner/primitives/CalloutBannerDismissButton.js";
 import { CalloutBannerCriticalIcon, CalloutBannerIcon, CalloutBannerInfoIcon, CalloutBannerPositiveIcon, CalloutBannerWarningIcon } from "./CalloutBanner/primitives/CalloutBannerIcon.js";
-import { CalloutBannerRoot } from "./CalloutBanner/primitives/CalloutBannerRoot.js";
 import { CalloutBannerText } from "./CalloutBanner/primitives/CalloutBannerText.js";
-import { Checkbox } from "./Checkbox/Checkbox.js";
+import { t as Checkbox } from "../Checkbox-CtolNbxI.js";
+import { t as CountryFlag } from "../CountryFlag-DVDKHmQH.js";
 import { SingleSelectChips, SingleSelectChipsItem } from "./Chips/SingleSelectChips.js";
 import { MultiSelectChips, MultiSelectChipsItem } from "./Chips/MultiSelectChips.js";
 import { DismissibleChips, DismissibleChipsItem } from "./Chips/DismissibleChips.js";
-import { createOnboardingTour } from "./OnboardingTour/OnboardingTour.js";
+import { n as OnboardingTooltip } from "../OnboardingTooltip-B47_Yrsj.js";
+import { t as createOnboardingTour } from "../OnboardingTour-DUUoI5WE.js";
 import { Dialog } from "./Dialog/Dialog.js";
-import { DialogRoot } from "./Dialog/primitives/DialogRoot.js";
-import { DialogCloseButton } from "./Dialog/primitives/DialogCloseButton.js";
 import { DialogFooter } from "./Dialog/primitives/DialogFooter.js";
-import { DialogTitle } from "./Dialog/primitives/DialogTitle.js";
-import { DialogDescription } from "./Dialog/primitives/DialogDescription.js";
-import { DialogActions } from "./Dialog/primitives/DialogActions.js";
+import "../useBreakpointMatch-D9a3CTNK.js";
 import { DialogButtonStack } from "./Dialog/primitives/DialogButtonStack.js";
+import { DialogActions } from "./Dialog/primitives/DialogActions.js";
+import { t as Steps } from "../Steps-DbN5vFrP.js";
+import { t as ProgressSteps } from "../ProgressSteps-BSqopxqv.js";
 import { DialogStep, DialogSteps, DialogStepsActions, DialogStepsNext, DialogStepsPrevious } from "./Dialog/DialogSteps.js";
-import { Divider } from "./Divider/Divider.js";
+import { t as Divider } from "../Divider-DvwDWB9_.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSelect, DropdownMenuSelectOption, DropdownSubmenu } from "./DropdownMenu/DropdownMenu.js";
-import { FieldButton } from "./FieldButton/FieldButton.js";
-import { CountryFlag } from "./CountryFlag/CountryFlag.js";
-import { FormControl } from "./FormControl/FormControl.js";
-import { Heading } from "./Heading/Heading.js";
-import { Icon } from "./Icon/Icon.js";
-import { IconButton } from "./IconButton/IconButton.js";
-import { LayoutFlex } from "./LayoutFlex/LayoutFlex.js";
-import { LayoutFlexItem } from "./LayoutFlexItem/LayoutFlexItem.js";
+import { t as FieldButton } from "../FieldButton-B2slox8P.js";
+import { t as FormControl } from "../FormControl-qnbQL1iF.js";
+import { t as LayoutFlex } from "../LayoutFlex-e9auDvWD.js";
+import { t as LayoutFlexItem } from "../LayoutFlexItem-D9ziMmHe.js";
 import { LayoutGrid } from "./LayoutGrid/LayoutGrid.js";
-import { LayoutGridItem } from "./LayoutGridItem/LayoutGridItem.js";
-import { Link } from "./Link/Link.js";
-import { Loader } from "./Loader/Loader.js";
+import { t as LayoutGridItem } from "../LayoutGridItem-Q8Lnvrri.js";
+import { t as Link } from "../Link-CdoJVeER.js";
+import { t as Loader } from "../Loader-BMOxdJce.js";
 import { NumberField } from "./NumberField/NumberField.js";
 import { ObserveIntersection } from "./ObserveIntersection/ObserveIntersection.js";
-import { OnboardingTooltip } from "./OnboardingTooltip/OnboardingTooltip.js";
-import { PasswordField } from "./PasswordField/PasswordField.js";
-import { PreplyLogo } from "./PreplyLogo/PreplyLogo.js";
-import { ProgressBar } from "./ProgressBar/ProgressBar.js";
-import { ProgressSteps } from "./ProgressSteps/ProgressSteps.js";
+import { t as PasswordField } from "../PasswordField-Bx5YG62t.js";
+import { t as PreplyLogo } from "../PreplyLogo-abgOre30.js";
+import { t as ProgressBar } from "../ProgressBar-CEU4GyHn.js";
 import { Rating } from "./Rating/Rating.js";
 import { RatingInput } from "./Rating/RatingInput.js";
+import "../TokyoUIChevronDown-DGcVqR1z.js";
+import "../Select-Bo7PX_8V.js";
 import { SelectField, SelectFieldGroup, SelectFieldOption } from "./SelectField/SelectField.js";
 import { ShowOnIntersection } from "./ShowOnIntersection/ShowOnIntersection.js";
-import { S } from "../Slider-DB4Maswa.js";
+import { t as Slider } from "../Slider-Crg4DEn_.js";
 import { RangeSlider } from "./Slider/RangeSlider.js";
-import { Steps } from "./Steps/Steps.js";
-import { Switch } from "./Switch/Switch.js";
-import { Text } from "./Text/Text.js";
+import { t as Switch } from "../Switch-Ck_xB0ID.js";
 import { TextareaField } from "./TextareaField/TextareaField.js";
 import { TextField } from "./TextField/TextField.js";
-import { TextHighlighted } from "./TextHighlighted/TextHighlighted.js";
-import { TextInline } from "./TextInline/TextInline.js";
-import { ToastProvider, showToast } from "./Toast/Toast.js";
-import { Tooltip } from "./Tooltip/Tooltip.js";
+import { t as TextHighlighted } from "../TextHighlighted-Dwq9Clgn.js";
+import { t as TextInline } from "../TextInline-BcA4H2Tk.js";
+import { n as ToastProvider, r as showToast } from "../Toast-wJAjSLfo.js";
+import { t as Tooltip } from "../Tooltip-grvKQxTN.js";
 import { IntlFormattedAggregatedDateTime } from "./IntlFormatted/IntlFormattedAggregatedDateTime.js";
 import { IntlFormattedCurrency } from "./IntlFormatted/IntlFormattedCurrency.js";
 import { IntlFormattedDate } from "./IntlFormatted/IntlFormattedDate.js";
 import { IntlFormattedTime } from "./IntlFormatted/IntlFormattedTime.js";
-import { usePortalElement } from "@preply/ds-web-root";
-export {
-  Accordion,
-  AccordionContent,
-  AccordionHeader,
-  AccordionItem,
-  AlertBanner,
-  A2 as AlertBannerAction,
-  AlertBannerCriticalIcon,
-  AlertBannerIcon,
-  AlertBannerPositiveIcon,
-  A as AlertBannerProvider,
-  AlertBannerRoot,
-  a as AlertBannerText,
-  AlertBannerWarningIcon,
-  AlertDialog,
-  Avatar,
-  AvatarWithStatus,
-  Badge,
-  Box,
-  BubbleCounter,
-  Button,
-  CalloutBanner,
-  CalloutBannerCriticalIcon,
-  CalloutBannerDismissButton,
-  CalloutBannerIcon,
-  CalloutBannerInfoIcon,
-  CalloutBannerPositiveIcon,
-  CalloutBannerRoot,
-  CalloutBannerText,
-  CalloutBannerWarningIcon,
-  Checkbox,
-  CountryFlag,
-  Dialog,
-  DialogActions,
-  DialogButtonStack,
-  DialogCloseButton,
-  DialogDescription,
-  DialogFooter,
-  DialogRoot,
-  DialogStep,
-  DialogSteps,
-  DialogStepsActions,
-  DialogStepsNext,
-  DialogStepsPrevious,
-  DialogTitle,
-  DismissibleChips,
-  DismissibleChipsItem,
-  Divider,
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSelect,
-  DropdownMenuSelectOption,
-  DropdownSubmenu,
-  FieldButton,
-  FormControl,
-  Heading,
-  Icon,
-  IconButton,
-  I as IconTile,
-  IntlFormattedAggregatedDateTime,
-  IntlFormattedCurrency,
-  IntlFormattedDate,
-  IntlFormattedTime,
-  LayoutFlex,
-  LayoutFlexItem,
-  LayoutGrid,
-  LayoutGridItem,
-  Link,
-  Loader,
-  MultiSelectChips,
-  MultiSelectChipsItem,
-  NumberField,
-  ObserveIntersection,
-  OnboardingTooltip,
-  PasswordField,
-  PreplyLogo,
-  ProgressBar,
-  ProgressSteps,
-  RangeSlider,
-  Rating,
-  RatingInput,
-  SelectField,
-  SelectFieldGroup,
-  SelectFieldOption,
-  ShowOnIntersection,
-  SingleSelectChips,
-  SingleSelectChipsItem,
-  S as Slider,
-  Steps,
-  Switch,
-  Text,
-  TextField,
-  TextHighlighted,
-  TextInline,
-  TextareaField,
-  ToastProvider,
-  Tooltip,
-  createOnboardingTour,
-  showToast,
-  usePortalElement
-};
+export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AlertBanner, AlertBannerAction, AlertBannerCriticalIcon, AlertBannerIcon, AlertBannerPositiveIcon, AlertBannerProvider, AlertBannerRoot, AlertBannerText, AlertBannerWarningIcon, AlertDialog, Avatar, AvatarWithStatus, Badge, Box, BubbleCounter, Button, CalloutBanner, CalloutBannerCriticalIcon, CalloutBannerDismissButton, CalloutBannerIcon, CalloutBannerInfoIcon, CalloutBannerPositiveIcon, CalloutBannerRoot, CalloutBannerText, CalloutBannerWarningIcon, Checkbox, CountryFlag, Dialog, DialogActions, DialogButtonStack, DialogCloseButton, DialogDescription, DialogFooter, DialogRoot, DialogStep, DialogSteps, DialogStepsActions, DialogStepsNext, DialogStepsPrevious, DialogTitle, DismissibleChips, DismissibleChipsItem, Divider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSelect, DropdownMenuSelectOption, DropdownSubmenu, FieldButton, FormControl, Heading, Icon, IconButton, IconTile, IntlFormattedAggregatedDateTime, IntlFormattedCurrency, IntlFormattedDate, IntlFormattedTime, LayoutFlex, LayoutFlexItem, LayoutGrid, LayoutGridItem, Link, Loader, MultiSelectChips, MultiSelectChipsItem, NumberField, ObserveIntersection, OnboardingTooltip, PasswordField, PreplyLogo, ProgressBar, ProgressSteps, RangeSlider, Rating, RatingInput, SelectField, SelectFieldGroup, SelectFieldOption, ShowOnIntersection, SingleSelectChips, SingleSelectChipsItem, Slider, Steps, Switch, Text, TextField, TextHighlighted, TextInline, TextareaField, ToastProvider, Tooltip, createOnboardingTour, showToast, usePortalElement };

package/dist/components/private/ButtonBase/ButtonBase.d.ts

@@ -1,6 +1,6 @@
 import { ButtonSize, ButtonVariant, Dataset, Responsive } from '@preply/ds-core';
 import { default as React, KeyboardEventHandler, MouseEventHandler, ReactElement, ReactNode } from 'react';
-type ButtonBaseCommonProps = {
+export type ButtonBaseProps = {
     id?: string;
     variant?: ButtonVariant;
     size?: Responsive<ButtonSize>;
@@ -26,6 +26,10 @@ type ButtonBaseCommonProps = {
      * Replaces the content with a loading indicator.
      */
     busy?: boolean;
+    /**
+     * Used only for classroom and ghost variants
+     * */
+    selected?: boolean;
     isIconButton: boolean;
     /**
      * Custom element to render the button.
@@ -60,15 +64,7 @@ type ButtonBaseCommonProps = {
      */
     preplyDsComponent: string;
 };
-export type ButtonSelectableVariant = Extract<ButtonVariant, 'classroom' | 'ghost'>;
-export type ButtonBaseSelectableProps = ButtonBaseCommonProps & {
-    variant: ButtonSelectableVariant;
-    isIconButton: true;
-    selected?: boolean;
-};
-export type ButtonBaseProps = ButtonBaseCommonProps | ButtonBaseSelectableProps;
-export declare const ButtonBase: React.ForwardRefExoticComponent<(ButtonBaseProps & {
+export declare const ButtonBase: React.ForwardRefExoticComponent<ButtonBaseProps & {
     className?: string | undefined;
-}) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
-export {};
+} & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 //# sourceMappingURL=ButtonBase.d.ts.map

package/dist/components/private/ButtonBase/ButtonBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/private/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAYtF,OAAO,KAAK,EAAE,EAGV,oBAAoB,EAEpB,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAIZ,MAAM,OAAO,CAAC;AAUf,KAAK,qBAAqB,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;;;;;;;OAWG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpD;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAGF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,aAAa,EAAE,WAAW,GAAG,OAAO,CAAC,CAAC;AAEpF,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC5D,OAAO,EAAE,uBAAuB,CAAC;IACjC,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,qBAAqB,GAAG,yBAAyB,CAAC;AAoBhF,eAAO,MAAM,UAAU;;gEAwIrB,CAAC"}
+{"version":3,"file":"ButtonBase.d.ts","sourceRoot":"","sources":["../../../../src/components/private/ButtonBase/ButtonBase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAYtF,OAAO,KAAK,EAAE,EAGV,oBAAoB,EAEpB,iBAAiB,EACjB,YAAY,EACZ,SAAS,EAIZ,MAAM,OAAO,CAAC;AAUf,MAAM,MAAM,eAAe,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,YAAY,CAAC,EAAE,iBAAiB,CAAC;IACjC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,cAAc,CAAC,EAAE,iBAAiB,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB;;;;;;;;;;;OAWG;IACH,EAAE,CAAC,EAAE,YAAY,CAAC;IAClB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpD;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAiBF,eAAO,MAAM,UAAU;;+DAwIrB,CAAC"}