@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/components/Slider/RangeSlider.js

@@ -1,58 +1,68 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { t as require_jsx_runtime } from "../../jsx-runtime-i4KUlhDu.js";
+import { n as filterThumbProps, r as Slider_module_default } from "../../Slider-Crg4DEn_.js";
 import { forwardRef } from "react";
-import { Slider } from "radix-ui";
-import { s as styles, f as filterThumbProps } from "../../Slider-DB4Maswa.js";
 import { getDatasetProps } from "@preply/ds-web-core";
 import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
 import { useIntl } from "react-intl";
-const RangeSlider = forwardRef(function RangeSlider2({
-  value,
-  defaultValue = [0, 100],
-  onValueChange,
-  min = 0,
-  max = 100,
-  step = 1,
-  minStepsBetweenThumbs = 0,
-  dataset,
-  "aria-label": ariaLabel,
-  ...thumbProps
-}, ref) {
-  const {
-    formatMessage
-  } = useIntl();
-  const datasetProps = getDatasetProps(dataset, {
-    preplyDsComponent: webComponentNames.Slider
-  });
-  const handleValueChange = onValueChange ? (newValue) => onValueChange([newValue[0], newValue[1]]) : void 0;
-  return /* @__PURE__ */ jsxs(Slider.Root, { ref, ...datasetProps, className: styles.root, value, defaultValue, onValueChange: handleValueChange, min, max, step, minStepsBetweenThumbs, children: [
-    /* @__PURE__ */ jsx(Slider.Track, { className: styles.track, children: /* @__PURE__ */ jsx(Slider.Range, { className: styles.range }) }),
-    /* @__PURE__ */ jsx(Slider.Thumb, { ...filterThumbProps(thumbProps), className: styles.thumb, "aria-label": formatMessage({
-      id: "preply-ds.slider-field.accessibility-label.minimum",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Minimum "
-      }, {
-        "type": 1,
-        "value": "label"
-      }]
-    }, {
-      label: ariaLabel
-    }) }),
-    /* @__PURE__ */ jsx(Slider.Thumb, { ...filterThumbProps(thumbProps), className: styles.thumb, "aria-label": formatMessage({
-      id: "preply-ds.slider-field.accessibility-label.maximum",
-      defaultMessage: [{
-        "type": 0,
-        "value": "Maximum "
-      }, {
-        "type": 1,
-        "value": "label"
-      }]
-    }, {
-      label: ariaLabel
-    }) })
-  ] });
+import { Slider } from "radix-ui";
+//#region src/components/Slider/RangeSlider.tsx
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* A slider input that allows users to select a range between two values.
+*
+* @example Uncontrolled
+* <RangeSlider defaultValue={[25, 75]} />
+*
+* @example Controlled
+* const [value, setValue] = useState([25, 75])
+* <RangeSlider value={value} onValueChange={setValue} />
+*
+* @example With minimum steps between thumbs
+* <RangeSlider defaultValue={[20, 80]} minStepsBetweenThumbs={10} />
+*/
+var RangeSlider = forwardRef(function RangeSlider({ value, defaultValue = [0, 100], onValueChange, min = 0, max = 100, step = 1, minStepsBetweenThumbs = 0, dataset, "aria-label": ariaLabel, ...thumbProps }, ref) {
+	const { formatMessage } = useIntl();
+	const datasetProps = getDatasetProps(dataset, { preplyDsComponent: webComponentNames.Slider });
+	const handleValueChange = onValueChange ? (newValue) => onValueChange([newValue[0], newValue[1]]) : void 0;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Slider.Root, {
+		ref,
+		...datasetProps,
+		className: Slider_module_default.root,
+		value,
+		defaultValue,
+		onValueChange: handleValueChange,
+		min,
+		max,
+		step,
+		minStepsBetweenThumbs,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slider.Track, {
+				className: Slider_module_default.track,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slider.Range, { className: Slider_module_default.range })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slider.Thumb, {
+				...filterThumbProps(thumbProps),
+				className: Slider_module_default.thumb,
+				"aria-label": formatMessage({
+					id: "preply-ds.slider-field.accessibility-label.minimum",
+					defaultMessage: "Minimum {label}",
+					description: `A label for a slider input's minimum value.
+                            For example: 'Minimum Price'.`
+				}, { label: ariaLabel })
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Slider.Thumb, {
+				...filterThumbProps(thumbProps),
+				className: Slider_module_default.thumb,
+				"aria-label": formatMessage({
+					id: "preply-ds.slider-field.accessibility-label.maximum",
+					defaultMessage: "Maximum {label}",
+					description: `A label for a slider input's maximum value.
+                            For example: 'Maximum Price'.`
+				}, { label: ariaLabel })
+			})
+		]
+	});
 });
-export {
-  RangeSlider
-};
+//#endregion
+export { RangeSlider };

package/dist/components/Slider/Slider.js

@@ -1,10 +1,3 @@
-import "react/jsx-runtime";
-import "react";
-import "radix-ui";
-import { S, f } from "../../Slider-DB4Maswa.js";
-import "@preply/ds-web-core";
-import "@preply/ds-visual-coverage-preply-component-names";
-export {
-  S as Slider,
-  f as filterThumbProps
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { n as filterThumbProps, t as Slider } from "../../Slider-Crg4DEn_.js";
+export { Slider, filterThumbProps };

package/dist/components/Steps/Steps.js

@@ -1,210 +1,4 @@
-"use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { createContext, forwardRef, useContext, useId, useState, isValidElement } from "react";
-import { Button } from "../Button/Button.js";
-import { FormattedMessage } from "react-intl";
-import { getDatasetProps } from "@preply/ds-web-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { Heading } from "../Heading/Heading.js";
-import { ProgressSteps } from "../ProgressSteps/ProgressSteps.js";
-import { Text } from "../Text/Text.js";
-import '../../assets/Steps.css';const steps = "steps__BxrkC";
-const header = "header__HFxfM";
-const styles = {
-  steps,
-  header
-};
-const StepsContext = createContext(void 0);
-const useStepsContext = () => {
-  const context = useContext(StepsContext);
-  if (context === void 0) {
-    throw new Error("Steps navigation components must be used within a Steps component");
-  }
-  return context || {};
-};
-const StepsPrevious = forwardRef(function StepsPrevious2({
-  onClick,
-  disabled,
-  variant = "ghost",
-  ...props
-}, ref) {
-  const {
-    goToPreviousStep,
-    currentStep,
-    isNavigating,
-    contentId
-  } = useStepsContext();
-  return /* @__PURE__ */ jsx(Button, { ...props, ref, size: "medium", variant, onClick: (e) => {
-    onClick == null ? void 0 : onClick(e);
-    if (e.defaultPrevented) {
-      return;
-    }
-    goToPreviousStep();
-  }, disabled: currentStep === 1 || isNavigating || disabled, "aria-controls": contentId, children: props.children || /* @__PURE__ */ jsx(FormattedMessage, { id: "preply-ds.steps.previous", defaultMessage: [{
-    "type": 0,
-    "value": "Previous"
-  }] }) });
-});
-const StepsNext = forwardRef(function StepsNext2({
-  onClick,
-  disabled,
-  variant = "primary",
-  ...props
-}, ref) {
-  const {
-    goToNextStep,
-    currentStep,
-    totalSteps,
-    isNavigating,
-    contentId
-  } = useStepsContext();
-  return /* @__PURE__ */ jsx(Button, { ...props, ref, size: "medium", variant, onClick: (e) => {
-    onClick == null ? void 0 : onClick(e);
-    if (e.defaultPrevented) {
-      return;
-    }
-    goToNextStep();
-  }, disabled: currentStep === totalSteps || isNavigating || disabled, "aria-controls": contentId, children: props.children || /* @__PURE__ */ jsx(FormattedMessage, { id: "preply-ds.steps.next", defaultMessage: [{
-    "type": 0,
-    "value": "Next"
-  }] }) });
-});
-const StepsComponent = ({
-  children,
-  "aria-label": ariaLabel,
-  initialStep = 1,
-  onStepChange,
-  dataset
-}) => {
-  const contentId = useId();
-  const [currentStep, setCurrentStep] = useState(initialStep);
-  const [isNavigating, setIsNavigating] = useState(false);
-  const stepChildren = [];
-  const otherChildren = [];
-  children == null ? void 0 : children.forEach((child) => {
-    if (isValidElement(child) && child.type === Step) {
-      stepChildren.push(child);
-    } else {
-      otherChildren.push(child);
-    }
-  });
-  const totalSteps = stepChildren.length;
-  const datasetProps = getDatasetProps(dataset, {
-    preplyDsComponent: webComponentNames.Steps
-  });
-  const handleStepChange = async (nextStep) => {
-    const boundedNextStep = Math.min(Math.max(nextStep, 1), totalSteps);
-    if (!onStepChange) {
-      setCurrentStep(boundedNextStep);
-      return;
-    }
-    setIsNavigating(true);
-    try {
-      const interceptedStep = await onStepChange(currentStep, boundedNextStep);
-      setCurrentStep(interceptedStep != null ? interceptedStep : boundedNextStep);
-    } finally {
-      setIsNavigating(false);
-    }
-  };
-  const goToPreviousStep = () => handleStepChange(currentStep - 1);
-  const goToNextStep = () => handleStepChange(currentStep + 1);
-  const goToStep = (step) => handleStepChange(step);
-  const contextValue = {
-    goToPreviousStep,
-    goToNextStep,
-    goToStep,
-    currentStep,
-    totalSteps,
-    isNavigating,
-    contentId
-  };
-  return /* @__PURE__ */ jsxs("div", { ...datasetProps, className: styles.steps, id: contentId, "aria-live": "polite", "aria-busy": isNavigating, children: [
-    /* @__PURE__ */ jsx(ProgressSteps, { currentStep, totalSteps, "aria-label": ariaLabel }),
-    /* @__PURE__ */ jsx("div", { className: styles.content, children: /* @__PURE__ */ jsxs(StepsContext.Provider, { value: contextValue, children: [
-      stepChildren[currentStep - 1],
-      otherChildren
-    ] }) })
-  ] });
-};
-const Step = ({
-  title,
-  description,
-  children,
-  hideHeader
-}) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsxs("hgroup", { className: styles.header, hidden: hideHeader, children: [
-    /* @__PURE__ */ jsx(Heading, { tag: "h3", variant: {
-      _: "medium",
-      "medium-l": "large"
-    }, children: title }),
-    description && /* @__PURE__ */ jsx(Text, { variant: "default-regular", accent: "secondary", children: description })
-  ] }),
-  children
-] });
-const Steps = Object.assign(StepsComponent, {
-  /**
-   * An individual Step.
-   *
-   * @example
-   * <Steps aria-label="Onboarding Steps">
-   *   <Steps.Step title="Subject" description="What do you want to learn?">
-   *     <SubjectStep />
-   *   </Steps.Step>
-   *   <Steps.Step title="Availability" description="When would you like to have classes?">
-   *     <AvailabilityStep />
-   *   </Steps.Step>
-   * </Steps>
-   */
-  Step,
-  /**
-   * A wrapper around `Button` that automatically navigates to the previous step on click.
-   *
-   * It is also automatically disabled when on the first step or during navigation.
-   *
-   * This behaviour can be overridden by providing an `onClick` handler that calls `preventDefault()`.
-   *
-   * For full control, you can also use the `StepsContext` directly to call `goToPreviousStep` or `goToStep`.
-   *
-   * @example Usage in `Steps`
-   * <Steps aria-label="My Steps">
-   *   // Steps
-   *
-   *   <LayoutFlex justifyContent="space-between">
-   *     <Steps.Previous variant="tertiary">Back</Steps.Previous>
-   *     // Next button
-   *   </LayoutFlex>
-   * </Steps>
-   *
-   * @example Customisation
-   * <Steps.Previous variant="tertiary">Back</Steps.Previous>
-   */
-  Previous: StepsPrevious,
-  /**
-   * A wrapper around `Button` that automatically navigates to the next step on click.
-   *
-   * It is also automatically disabled when on the last step or during navigation.
-   *
-   * This behaviour can be overridden by providing an `onClick` handler that calls `preventDefault()`.
-   *
-   * For full control, you can also use the `StepsContext` directly to call `goToNextStep` or `goToStep`.
-   *
-   * @example Usage in `Steps`
-   * <Steps aria-label="My Steps">
-   *   // Steps
-   *
-   *   <LayoutFlex justifyContent="space-between">
-   *     // Previous button
-   *     <Steps.Next variant="primary">Next</Steps.Next>
-   *   </LayoutFlex>
-   * </Steps>
-   *
-   * @example Customisation
-   * <Steps.Next variant="secondary">Continue</Steps.Next>
-   */
-  Next: StepsNext
-});
-export {
-  Steps,
-  StepsContext,
-  useStepsContext
-};
+import "../../render-icon-Ch3b2dE0.js";
+import "../../jsx-runtime-i4KUlhDu.js";
+import { n as StepsContext, r as useStepsContext, t as Steps } from "../../Steps-DbN5vFrP.js";
+export { Steps, StepsContext, useStepsContext };

package/dist/components/Switch/Switch.js

@@ -1,51 +1,3 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef, useState } from "react";
-import { getDatasetProps } from "@preply/ds-web-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import '../../assets/Switch.css';const Switch$1 = "Switch__-4XFt";
-const thumb = "thumb__qAYMq";
-const styles = {
-  Switch: Switch$1,
-  thumb
-};
-function filterSwitchProps(props) {
-  const filteredProps = {};
-  Object.entries(props).forEach(([key, value]) => {
-    switch (key) {
-      case "id":
-      case "disabled":
-      case "aria-label":
-      case "aria-labelledby":
-      case "aria-describedby":
-      case "aria-invalid":
-      case "aria-errormessage":
-        filteredProps[key] = value;
-    }
-  });
-  return filteredProps;
-}
-const Switch = forwardRef(function Switch2({
-  checked: forceChecked,
-  defaultChecked,
-  onCheckedChange,
-  dataset,
-  ...otherProps
-}, ref) {
-  const [internalChecked, setInternalChecked] = useState(defaultChecked != null ? defaultChecked : false);
-  const isControlled = forceChecked !== void 0;
-  const checked = isControlled ? forceChecked : internalChecked;
-  const handleClick = () => {
-    const newValue = !checked;
-    if (!isControlled) {
-      setInternalChecked(newValue);
-    }
-    onCheckedChange == null ? void 0 : onCheckedChange(newValue);
-  };
-  return /* @__PURE__ */ jsx("button", { ...filterSwitchProps(otherProps), ...getDatasetProps(dataset, {
-    preplyDsComponent: webComponentNames.Switch
-  }), ref, role: "switch", "aria-checked": checked, className: styles.Switch, onClick: handleClick, children: /* @__PURE__ */ jsx("span", { className: styles.thumb }) });
-});
-export {
-  Switch
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as Switch } from "../../Switch-Ck_xB0ID.js";
+export { Switch };

package/dist/components/Text/Text.js

@@ -1,128 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import { TEXT_VARIANT_DEFAULT, TEXT_TAG_DEFAULT } from "@preply/ds-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { moduleClassNames, stringClassNames, booleanClassNames, getDatasetProps } from "@preply/ds-web-core";
-import { forwardRef } from "react";
-import { getTextAccentClassnames } from "../../shared-styles/text-accent/text-accent.js";
-import { getTextCenteredClassnames } from "../../shared-styles/text-centered/text-centered.js";
-import { filterAttributesPassedByRadixUIAtRuntime } from "../../utils/filterAttributesPassedByRadixUIAtRuntime.js";
-import '../../assets/Text.css';const Text$1 = "Text__uVacy";
-const styles = {
-  Text: Text$1,
-  "Text--variant-caption-regular": "Text--variant-caption-regular__Qv2Ax",
-  "Text--variant-caption-semibold": "Text--variant-caption-semibold__qycaB",
-  "Text--variant-small-regular": "Text--variant-small-regular__YFauL",
-  "Text--variant-small-regular-italic": "Text--variant-small-regular-italic__sGPGa",
-  "Text--variant-small-semibold": "Text--variant-small-semibold__wY3fp",
-  "Text--variant-small-semibold-italic": "Text--variant-small-semibold-italic__ydWgK",
-  "Text--variant-default-regular": "Text--variant-default-regular__d6Rfb",
-  "Text--variant-default-regular-italic": "Text--variant-default-regular-italic__adOeM",
-  "Text--variant-default-semibold": "Text--variant-default-semibold__UlmHo",
-  "Text--variant-default-semibold-italic": "Text--variant-default-semibold-italic__9WbJJ",
-  "Text--variant-large-regular": "Text--variant-large-regular__zzp2H",
-  "Text--variant-large-regular-italic": "Text--variant-large-regular-italic__gGcEV",
-  "Text--variant-large-semibold": "Text--variant-large-semibold__4S-U4",
-  "Text--variant-large-semibold-italic": "Text--variant-large-semibold-italic__ZrpZw",
-  "Text--narrow-l--variant-caption-regular": "Text--narrow-l--variant-caption-regular__62qXj",
-  "Text--narrow-l--variant-caption-semibold": "Text--narrow-l--variant-caption-semibold__niLxy",
-  "Text--narrow-l--variant-small-regular": "Text--narrow-l--variant-small-regular__JI9Mz",
-  "Text--narrow-l--variant-small-regular-italic": "Text--narrow-l--variant-small-regular-italic__h38Hy",
-  "Text--narrow-l--variant-small-semibold": "Text--narrow-l--variant-small-semibold__jqUJO",
-  "Text--narrow-l--variant-small-semibold-italic": "Text--narrow-l--variant-small-semibold-italic__XCXW6",
-  "Text--narrow-l--variant-default-regular": "Text--narrow-l--variant-default-regular__nCPnt",
-  "Text--narrow-l--variant-default-regular-italic": "Text--narrow-l--variant-default-regular-italic__dKZEJ",
-  "Text--narrow-l--variant-default-semibold": "Text--narrow-l--variant-default-semibold__6VGIy",
-  "Text--narrow-l--variant-default-semibold-italic": "Text--narrow-l--variant-default-semibold-italic__giyrw",
-  "Text--narrow-l--variant-large-regular": "Text--narrow-l--variant-large-regular__7uObP",
-  "Text--narrow-l--variant-large-regular-italic": "Text--narrow-l--variant-large-regular-italic__iW3Nb",
-  "Text--narrow-l--variant-large-semibold": "Text--narrow-l--variant-large-semibold__-R2qZ",
-  "Text--narrow-l--variant-large-semibold-italic": "Text--narrow-l--variant-large-semibold-italic__VISYL",
-  "Text--medium-s--variant-caption-regular": "Text--medium-s--variant-caption-regular__XEVQe",
-  "Text--medium-s--variant-caption-semibold": "Text--medium-s--variant-caption-semibold__f0rdW",
-  "Text--medium-s--variant-small-regular": "Text--medium-s--variant-small-regular__2dml2",
-  "Text--medium-s--variant-small-regular-italic": "Text--medium-s--variant-small-regular-italic__GUOiJ",
-  "Text--medium-s--variant-small-semibold": "Text--medium-s--variant-small-semibold__uQZGO",
-  "Text--medium-s--variant-small-semibold-italic": "Text--medium-s--variant-small-semibold-italic__5Jqrk",
-  "Text--medium-s--variant-default-regular": "Text--medium-s--variant-default-regular__jLGVH",
-  "Text--medium-s--variant-default-regular-italic": "Text--medium-s--variant-default-regular-italic__meFSk",
-  "Text--medium-s--variant-default-semibold": "Text--medium-s--variant-default-semibold__V4BoL",
-  "Text--medium-s--variant-default-semibold-italic": "Text--medium-s--variant-default-semibold-italic__wNC52",
-  "Text--medium-s--variant-large-regular": "Text--medium-s--variant-large-regular__0WQ9H",
-  "Text--medium-s--variant-large-regular-italic": "Text--medium-s--variant-large-regular-italic__-lOJl",
-  "Text--medium-s--variant-large-semibold": "Text--medium-s--variant-large-semibold__qbJdo",
-  "Text--medium-s--variant-large-semibold-italic": "Text--medium-s--variant-large-semibold-italic__OwChG",
-  "Text--medium-l--variant-caption-regular": "Text--medium-l--variant-caption-regular__mT3--",
-  "Text--medium-l--variant-caption-semibold": "Text--medium-l--variant-caption-semibold__8-hkD",
-  "Text--medium-l--variant-small-regular": "Text--medium-l--variant-small-regular__HO15d",
-  "Text--medium-l--variant-small-regular-italic": "Text--medium-l--variant-small-regular-italic__i92C6",
-  "Text--medium-l--variant-small-semibold": "Text--medium-l--variant-small-semibold__CjiKc",
-  "Text--medium-l--variant-small-semibold-italic": "Text--medium-l--variant-small-semibold-italic__PJHhp",
-  "Text--medium-l--variant-default-regular": "Text--medium-l--variant-default-regular__bWryq",
-  "Text--medium-l--variant-default-regular-italic": "Text--medium-l--variant-default-regular-italic__eWPQy",
-  "Text--medium-l--variant-default-semibold": "Text--medium-l--variant-default-semibold__DlFqw",
-  "Text--medium-l--variant-default-semibold-italic": "Text--medium-l--variant-default-semibold-italic__1UrvG",
-  "Text--medium-l--variant-large-regular": "Text--medium-l--variant-large-regular__Ur-1P",
-  "Text--medium-l--variant-large-regular-italic": "Text--medium-l--variant-large-regular-italic__sZ7If",
-  "Text--medium-l--variant-large-semibold": "Text--medium-l--variant-large-semibold__BPxlV",
-  "Text--medium-l--variant-large-semibold-italic": "Text--medium-l--variant-large-semibold-italic__vTWZt",
-  "Text--wide-s--variant-caption-regular": "Text--wide-s--variant-caption-regular__45qL-",
-  "Text--wide-s--variant-caption-semibold": "Text--wide-s--variant-caption-semibold__ybSD2",
-  "Text--wide-s--variant-small-regular": "Text--wide-s--variant-small-regular__pnI1L",
-  "Text--wide-s--variant-small-regular-italic": "Text--wide-s--variant-small-regular-italic__zbEZJ",
-  "Text--wide-s--variant-small-semibold": "Text--wide-s--variant-small-semibold__pBKrO",
-  "Text--wide-s--variant-small-semibold-italic": "Text--wide-s--variant-small-semibold-italic__5xaMk",
-  "Text--wide-s--variant-default-regular": "Text--wide-s--variant-default-regular__DEbnG",
-  "Text--wide-s--variant-default-regular-italic": "Text--wide-s--variant-default-regular-italic__QPvW9",
-  "Text--wide-s--variant-default-semibold": "Text--wide-s--variant-default-semibold__eOf2n",
-  "Text--wide-s--variant-default-semibold-italic": "Text--wide-s--variant-default-semibold-italic__52kF0",
-  "Text--wide-s--variant-large-regular": "Text--wide-s--variant-large-regular__nkIe1",
-  "Text--wide-s--variant-large-regular-italic": "Text--wide-s--variant-large-regular-italic__Z9BlJ",
-  "Text--wide-s--variant-large-semibold": "Text--wide-s--variant-large-semibold__hnlmr",
-  "Text--wide-s--variant-large-semibold-italic": "Text--wide-s--variant-large-semibold-italic__-E52C",
-  "Text--wide-l--variant-caption-regular": "Text--wide-l--variant-caption-regular__A-258",
-  "Text--wide-l--variant-caption-semibold": "Text--wide-l--variant-caption-semibold__Fkrc2",
-  "Text--wide-l--variant-small-regular": "Text--wide-l--variant-small-regular__jxxVQ",
-  "Text--wide-l--variant-small-regular-italic": "Text--wide-l--variant-small-regular-italic__m4Blo",
-  "Text--wide-l--variant-small-semibold": "Text--wide-l--variant-small-semibold__xpw7Q",
-  "Text--wide-l--variant-small-semibold-italic": "Text--wide-l--variant-small-semibold-italic__AYnvO",
-  "Text--wide-l--variant-default-regular": "Text--wide-l--variant-default-regular__ZB6T-",
-  "Text--wide-l--variant-default-regular-italic": "Text--wide-l--variant-default-regular-italic__-kppq",
-  "Text--wide-l--variant-default-semibold": "Text--wide-l--variant-default-semibold__-4aqX",
-  "Text--wide-l--variant-default-semibold-italic": "Text--wide-l--variant-default-semibold-italic__aju5z",
-  "Text--wide-l--variant-large-regular": "Text--wide-l--variant-large-regular__2LL-6",
-  "Text--wide-l--variant-large-regular-italic": "Text--wide-l--variant-large-regular-italic__TIX-D",
-  "Text--wide-l--variant-large-semibold": "Text--wide-l--variant-large-semibold__taO1N",
-  "Text--wide-l--variant-large-semibold-italic": "Text--wide-l--variant-large-semibold-italic__7iaxB",
-  "Text--strong": "Text--strong__SiU3Y"
-};
-const Text = forwardRef(function TextComponent({
-  children,
-  variant,
-  tag: Tag = TEXT_TAG_DEFAULT,
-  accent,
-  strong,
-  centered,
-  dataset,
-  className,
-  ...restPropsPassedByRadixUI
-}, ref) {
-  const actualVariant = variant || TEXT_VARIANT_DEFAULT;
-  const actualStrong = variant ? void 0 : strong;
-  const classNames = moduleClassNames(styles, webComponentNames.Text, [stringClassNames("variant", actualVariant), booleanClassNames("strong", void 0, actualStrong)]);
-  const useDefaultAccent = !accent;
-  const accentClassNames = getTextAccentClassnames(useDefaultAccent, accent);
-  const centeredClassNames = getTextCenteredClassnames(centered);
-  const allClassNames = [...classNames, ...accentClassNames, ...centeredClassNames, className];
-  const props = {
-    ...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
-    ref,
-    className: allClassNames.join(" "),
-    ...getDatasetProps(dataset, {
-      preplyDsComponent: webComponentNames.Text
-    })
-  };
-  return /* @__PURE__ */ jsx(Tag, { ...props, children });
-});
-export {
-  Text
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as Text } from "../../Text-CaOF75Z-.js";
+export { Text };

package/dist/components/TextField/TextField.js

@@ -1,33 +1,31 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { FormControl } from "../FormControl/FormControl.js";
+import { t as require_jsx_runtime } from "../../jsx-runtime-i4KUlhDu.js";
+import { t as FormControl } from "../../FormControl-qnbQL1iF.js";
 import { Input } from "../private/Input/Input.js";
-import "../private/Input/Textarea.js";
+import { forwardRef } from "react";
 import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-const TextField = forwardRef(function TextField2({
-  id,
-  label,
-  description,
-  error,
-  required,
-  type = "text",
-  inputDataset,
-  dataset,
-  hideLabel,
-  onClick,
-  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.TextField, children: /* @__PURE__ */ jsx(Input, { ...props, type, ref, dataset: inputDataset }) });
+//#region src/components/TextField/TextField.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var TextField = forwardRef(function TextField({ id, label, description, error, required, type = "text", inputDataset, dataset, hideLabel, onClick, 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.TextField,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Input, {
+			...props,
+			type,
+			ref,
+			dataset: inputDataset
+		})
+	});
 });
-export {
-  TextField
-};
+//#endregion
+export { TextField };

package/dist/components/TextHighlighted/TextHighlighted.js

@@ -1,41 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import { TEXT_HIGHLIGHT_DEFAULT, TEXT_INLINE_TAG_DEFAULT } from "@preply/ds-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { moduleClassNames, stringClassNames, getDatasetProps } from "@preply/ds-web-core";
-import { forwardRef } from "react";
-import { filterAttributesPassedByRadixUIAtRuntime } from "../../utils/filterAttributesPassedByRadixUIAtRuntime.js";
-import '../../assets/TextHighlighted.css';const TextHighlighted$1 = "TextHighlighted__ehLpO";
-const styles = {
-  TextHighlighted: TextHighlighted$1,
-  "TextHighlighted--highlight-blue": "TextHighlighted--highlight-blue__a1Ymf",
-  "TextHighlighted--highlight-green": "TextHighlighted--highlight-green__QQm6L",
-  "TextHighlighted--highlight-primary": "TextHighlighted--highlight-primary__n35-d",
-  "TextHighlighted--highlight-secondary": "TextHighlighted--highlight-secondary__YEj6c",
-  "TextHighlighted--highlight-tertiary": "TextHighlighted--highlight-tertiary__uDEFk",
-  "TextHighlighted--highlight-accent": "TextHighlighted--highlight-accent__JrA2s",
-  "TextHighlighted--highlight-positive": "TextHighlighted--highlight-positive__tfVNZ",
-  "TextHighlighted--highlight-info": "TextHighlighted--highlight-info__W1sMI",
-  "TextHighlighted--highlight-warning": "TextHighlighted--highlight-warning__dzj54",
-  "TextHighlighted--highlight-critical": "TextHighlighted--highlight-critical__V3-1S"
-};
-const TextHighlighted = forwardRef(function TextHighlightedComponent({
-  children,
-  highlight = TEXT_HIGHLIGHT_DEFAULT,
-  tag: Tag = TEXT_INLINE_TAG_DEFAULT,
-  dataset,
-  ...restPropsPassedByRadixUI
-}, ref) {
-  const classNames = moduleClassNames(styles, webComponentNames.TextHighlighted, [stringClassNames("highlight", highlight)]);
-  const props = {
-    ...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
-    ref,
-    className: classNames.join(" "),
-    ...getDatasetProps(dataset, {
-      preplyDsComponent: webComponentNames.TextHighlighted
-    })
-  };
-  return /* @__PURE__ */ jsx(Tag, { ...props, children });
-});
-export {
-  TextHighlighted
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as TextHighlighted } from "../../TextHighlighted-Dwq9Clgn.js";
+export { TextHighlighted };