@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/components/Accordion/hooks/useOnOpenChange.js

@@ -1,30 +1,21 @@
-import { useRef, useEffect } from "react";
 import { useMergeRefs } from "../../../utils/useMergeRefs.js";
-function useOnOpenChange({
-  ref,
-  onOpenChange
-}) {
-  const detailsRef = useRef(null);
-  const mergedRef = useMergeRefs(detailsRef, ref);
-  useEffect(() => {
-    if (!detailsRef.current) return;
-    const detailsEl = detailsRef.current;
-    const handleToggle = () => {
-      onOpenChange == null ? void 0 : onOpenChange(detailsEl.open);
-    };
-    if (detailsEl) {
-      detailsEl.addEventListener("toggle", handleToggle);
-    }
-    return () => {
-      if (detailsEl) {
-        detailsEl.removeEventListener("toggle", handleToggle);
-      }
-    };
-  }, [onOpenChange]);
-  return {
-    mergedRef: !!onOpenChange || !!ref ? mergedRef : null
-  };
+import { useEffect, useRef } from "react";
+//#region src/components/Accordion/hooks/useOnOpenChange.ts
+function useOnOpenChange({ ref, onOpenChange }) {
+	const detailsRef = useRef(null);
+	const mergedRef = useMergeRefs(detailsRef, ref);
+	useEffect(() => {
+		if (!detailsRef.current) return;
+		const detailsEl = detailsRef.current;
+		const handleToggle = () => {
+			onOpenChange === null || onOpenChange === void 0 || onOpenChange(detailsEl.open);
+		};
+		if (detailsEl) detailsEl.addEventListener("toggle", handleToggle);
+		return () => {
+			if (detailsEl) detailsEl.removeEventListener("toggle", handleToggle);
+		};
+	}, [onOpenChange]);
+	return { mergedRef: !!onOpenChange || !!ref ? mergedRef : null };
 }
-export {
-  useOnOpenChange
-};
+//#endregion
+export { useOnOpenChange };

package/dist/components/AlertBanner/AlertBanner.js

@@ -1,26 +1,11 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { getDatasetProps } from "@preply/ds-web-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { AlertBannerRoot } from "./primitives/AlertBannerRoot.js";
-import { AlertBannerIcon } from "./primitives/AlertBannerIcon.js";
-import { a as AlertBannerText, A as AlertBannerAction } from "../../IconTile-D1G7MljH.js";
-const AlertBanner = (props) => {
-  const {
-    variant,
-    description,
-    action,
-    dataset
-  } = props;
-  const datasetProps = getDatasetProps(dataset, {
-    preplyDsComponent: webComponentNames.AlertBanner
-  });
-  return /* @__PURE__ */ jsxs(AlertBannerRoot, { variant, ...datasetProps, children: [
-    /* @__PURE__ */ jsx(AlertBannerIcon, {}),
-    /* @__PURE__ */ jsx(AlertBannerText, { children: description }),
-    /* @__PURE__ */ jsx(AlertBannerAction, { children: action })
-  ] });
-};
-export {
-  AlertBanner
-};
+import "../../render-icon-Ch3b2dE0.js";
+import "../../jsx-runtime-i4KUlhDu.js";
+import "../../store-sN_eYeZT.js";
+import "../../DialogCloseButton-DjDd9Mid.js";
+import { r as AlertBanner } from "../../components-BIYP8wHJ.js";
+import "../../useBreakpointMatch-D9a3CTNK.js";
+import "../../PasswordField-Bx5YG62t.js";
+import "../../TokyoUIChevronDown-DGcVqR1z.js";
+import "../../Select-Bo7PX_8V.js";
+import "../../Toast-wJAjSLfo.js";
+export { AlertBanner };

package/dist/components/AlertBanner/AlertBannerProvider.js

@@ -1,8 +1,3 @@
-import "react/jsx-runtime";
-import "react";
-import { A, u } from "../../AlertBannerProvider-DTx2Xp3V.js";
-import "react-intl";
-export {
-  A as AlertBannerProvider,
-  u as useAlertBannerHost
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { n as useAlertBannerHost, t as AlertBannerProvider } from "../../AlertBannerProvider-Cf7w9AOq.js";
+export { AlertBannerProvider, useAlertBannerHost };

package/dist/components/AlertBanner/primitives/AlertBannerAction.js

@@ -1,69 +1,11 @@
-import "react/jsx-runtime";
-import "react";
-import "../../Accordion/Accordion.js";
-import "../../AlertDialog/AlertDialog.js";
-import "@preply/ds-web-core";
-import "@preply/ds-visual-coverage-preply-component-names";
-import "./AlertBannerRoot.js";
-import "./AlertBannerIcon.js";
-import { A } from "../../../IconTile-D1G7MljH.js";
-import "../../../AlertBannerProvider-DTx2Xp3V.js";
-import "../../Avatar/Avatar.js";
-import "../../AvatarWithStatus/AvatarWithStatus.js";
-import "../../Badge/Badge.js";
-import "../../Box/Box.js";
-import "../../Button/Button.js";
-import "../../CalloutBanner/CalloutBanner.js";
-import "../../CalloutBanner/primitives/CalloutBannerDismissButton.js";
-import "../../CalloutBanner/primitives/CalloutBannerIcon.js";
-import "../../CalloutBanner/primitives/CalloutBannerRoot.js";
-import "../../CalloutBanner/primitives/CalloutBannerText.js";
-import "../../Checkbox/Checkbox.js";
-import "../../Chips/SingleSelectChips.js";
-import "../../Chips/MultiSelectChips.js";
-import "../../Chips/DismissibleChips.js";
-import "../../OnboardingTour/OnboardingTour.js";
-import "@preply/ds-web-root";
-import "../../Dialog/primitives/DialogTitle.js";
-import "../../Dialog/primitives/DialogDescription.js";
-import "../../Dialog/primitives/DialogCloseButton.js";
-import "../../Dialog/primitives/DialogButtonStack.js";
-import "../../Dialog/DialogSteps.js";
-import "../../DropdownMenu/DropdownMenu.js";
-import "../../FieldButton/FieldButton.js";
-import "../../CountryFlag/CountryFlag.js";
-import "radix-ui";
-import "react-intl";
-import "../../Heading/Heading.js";
-import "../../Icon/Icon.js";
-import "../../IconButton/IconButton.js";
-import "../../LayoutFlex/LayoutFlex.js";
-import "../../LayoutFlexItem/LayoutFlexItem.js";
-import "../../LayoutGrid/LayoutGrid.js";
-import "../../LayoutGridItem/LayoutGridItem.js";
-import "../../Link/Link.js";
-import "../../Loader/Loader.js";
-import "../../NumberField/NumberField.js";
-import "@preply/ds-core";
-import "../../OnboardingTooltip/OnboardingTooltip.js";
-import "../../PasswordField/PasswordField.js";
-import "../../PreplyLogo/PreplyLogo.js";
-import "@preply/ds-media-icons/dist/24/TokyoUIStar.svg";
-import "@preply/ds-media-icons/dist/24/TokyoUIStarFilled.svg";
-import "../../../utils/render-icon.js";
-import "../../Rating/RatingInput.js";
-import "../../SelectField/SelectField.js";
-import "../../../Slider-DB4Maswa.js";
-import "../../Slider/RangeSlider.js";
-import "../../Steps/Steps.js";
-import "../../Switch/Switch.js";
-import "../../Text/Text.js";
-import "../../TextareaField/TextareaField.js";
-import "../../TextField/TextField.js";
-import "../../TextHighlighted/TextHighlighted.js";
-import "../../TextInline/TextInline.js";
-import "../../Toast/Toast.js";
-import "../../Tooltip/Tooltip.js";
-export {
-  A as AlertBannerAction
-};
+import "../../../render-icon-Ch3b2dE0.js";
+import "../../../jsx-runtime-i4KUlhDu.js";
+import "../../../store-sN_eYeZT.js";
+import "../../../DialogCloseButton-DjDd9Mid.js";
+import { i as AlertBannerAction } from "../../../components-BIYP8wHJ.js";
+import "../../../useBreakpointMatch-D9a3CTNK.js";
+import "../../../PasswordField-Bx5YG62t.js";
+import "../../../TokyoUIChevronDown-DGcVqR1z.js";
+import "../../../Select-Bo7PX_8V.js";
+import "../../../Toast-wJAjSLfo.js";
+export { AlertBannerAction };

package/dist/components/AlertBanner/primitives/AlertBannerIcon.js

@@ -1,46 +1,84 @@
 "use client";
-import { jsx } 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 { r as AlertBanner_module_default } from "../../../AlertBannerProvider-Cf7w9AOq.js";
+import { AlertBannerComponentContext } from "./AlertBannerRoot.js";
 import { forwardRef, useContext } from "react";
 import TokyoUICheck from "@preply/ds-media-icons/dist/24/TokyoUICheck.svg";
 import TokyoUIError from "@preply/ds-media-icons/dist/24/TokyoUIError.svg";
 import TokyoUIErrorWarning from "@preply/ds-media-icons/dist/24/TokyoUIErrorWarning.svg";
-import { Icon } from "../../Icon/Icon.js";
-import { s as styles } from "../../../AlertBannerProvider-DTx2Xp3V.js";
-import { AlertBannerComponentContext } from "./AlertBannerRoot.js";
-const AlertBannerPositiveIcon = () => /* @__PURE__ */ jsx(Icon, { svg: TokyoUICheck, size: "24" });
-const AlertBannerWarningIcon = () => /* @__PURE__ */ jsx(Icon, { svg: TokyoUIErrorWarning, size: "24" });
-const AlertBannerCriticalIcon = () => /* @__PURE__ */ jsx(Icon, { svg: TokyoUIError, size: "24" });
-const alertBannerIconMap = {
-  positive: AlertBannerPositiveIcon,
-  warning: AlertBannerWarningIcon,
-  critical: AlertBannerCriticalIcon
-};
-const AlertBannerIcon = forwardRef(function AlertBannerIcon2({
-  svg,
-  children,
-  className = ""
-}, ref) {
-  const {
-    variant
-  } = useContext(AlertBannerComponentContext);
-  const classNames = [styles.icon, className].join(" ");
-  let icon = null;
-  if (children) {
-    icon = children;
-  } else if (svg) {
-    icon = /* @__PURE__ */ jsx(Icon, { svg, size: "24" });
-  } else if (variant && variant in alertBannerIconMap) {
-    icon = alertBannerIconMap[variant]();
-  }
-  if (!icon) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx("div", { ref, className: classNames, children: icon });
+//#region src/components/AlertBanner/primitives/AlertBannerIcon.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var AlertBannerPositiveIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+	svg: TokyoUICheck,
+	size: "24"
 });
-export {
-  AlertBannerCriticalIcon,
-  AlertBannerIcon,
-  AlertBannerPositiveIcon,
-  AlertBannerWarningIcon,
-  alertBannerIconMap
+var AlertBannerWarningIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+	svg: TokyoUIErrorWarning,
+	size: "24"
+});
+var AlertBannerCriticalIcon = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+	svg: TokyoUIError,
+	size: "24"
+});
+var alertBannerIconMap = {
+	positive: AlertBannerPositiveIcon,
+	warning: AlertBannerWarningIcon,
+	critical: AlertBannerCriticalIcon
 };
+/**
+* An icon for the alert banner.
+*
+* This component will render the appropriate icon based on the parent
+* `AlertBannerRoot` component's `variant` prop — these semantic icons are also
+* exported for the following variants:
+* - `positive` -> `<AlertBannerPositiveIcon />`
+* - `warning` -> `<AlertBannerWarningIcon />`
+* - `critical` -> `<AlertBannerCriticalIcon />`
+*
+* The icon can be overridden by passing a custom SVG icon via the `svg` prop.
+*
+* If you want to place any leading element inside of the `AlertBanner`,
+* with the same spacing as the icon, you can pass it as a child element.
+*
+* Note: The root of this component is a `div` element. You can use the
+* `className` prop to override the default styles for the **container**.
+*
+* @example
+* // Context-aware icon
+* <AlertBannerIcon />
+*
+* @example
+* // Custom SVG icon
+* <AlertBannerIcon svg={myCustomIcon} />
+*
+* @example
+* // Icon container style override class name
+* <AlertBannerIcon className={myCustomStyles.icon} />
+*
+* @example
+* // Custom leading element
+* <AlertBannerIcon>
+*   <Avatar size="24" />
+* </AlertBannerIcon>
+*/
+var AlertBannerIcon = forwardRef(function AlertBannerIcon({ svg, children, className = "" }, ref) {
+	const { variant } = useContext(AlertBannerComponentContext);
+	const classNames = [AlertBanner_module_default.icon, className].join(" ");
+	let icon = null;
+	if (children) icon = children;
+	else if (svg) icon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {
+		svg,
+		size: "24"
+	});
+	else if (variant && variant in alertBannerIconMap) icon = alertBannerIconMap[variant]();
+	if (!icon) return null;
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+		ref,
+		className: classNames,
+		children: icon
+	});
+});
+//#endregion
+export { AlertBannerCriticalIcon, AlertBannerIcon, AlertBannerPositiveIcon, AlertBannerWarningIcon, alertBannerIconMap };

package/dist/components/AlertBanner/primitives/AlertBannerRoot.js

@@ -1,27 +1,31 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
+import { n as useAlertBannerHost, r as AlertBanner_module_default } from "../../../AlertBannerProvider-Cf7w9AOq.js";
 import { createContext, forwardRef } from "react";
-import { u as useAlertBannerHost, s as styles } from "../../../AlertBannerProvider-DTx2Xp3V.js";
 import { createPortal } from "react-dom";
-const AlertBannerComponentContext = createContext({
-  variant: "positive"
+//#region src/components/AlertBanner/primitives/AlertBannerRoot.tsx
+var import_jsx_runtime = require_jsx_runtime();
+var AlertBannerComponentContext = createContext({ variant: "positive" });
+var AlertBannerRoot = forwardRef(function AlertBannerRoot(props, ref) {
+	const hostEl = useAlertBannerHost();
+	if (!hostEl) return null;
+	return createPortal(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertBannerContainer, {
+		ref,
+		...props
+	}), hostEl);
 });
-const AlertBannerRoot = forwardRef(function AlertBannerRoot2(props, ref) {
-  const hostEl = useAlertBannerHost();
-  if (!hostEl) return null;
-  return createPortal(/* @__PURE__ */ jsx(AlertBannerContainer, { ref, ...props }), hostEl);
+var AlertBannerContainer = forwardRef(function AlertBannerContainer({ className, variant, ...props }, ref) {
+	const classNames = [AlertBanner_module_default.alertBanner, className].filter(Boolean).join(" ");
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AlertBannerComponentContext.Provider, {
+		value: { variant },
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+			ref,
+			className: classNames,
+			"data-preply-ds-component": "AlertBannerRoot",
+			"data-variant": variant,
+			...props
+		})
+	});
 });
-const AlertBannerContainer = forwardRef(function AlertBannerContainer2({
-  className,
-  variant,
-  ...props
-}, ref) {
-  const classNames = [styles.alertBanner, className].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsx(AlertBannerComponentContext.Provider, { value: {
-    variant
-  }, children: /* @__PURE__ */ jsx("div", { ref, className: classNames, "data-preply-ds-component": "AlertBannerRoot", "data-variant": variant, ...props }) });
-});
-export {
-  AlertBannerComponentContext,
-  AlertBannerRoot
-};
+//#endregion
+export { AlertBannerComponentContext, AlertBannerRoot };

package/dist/components/AlertBanner/primitives/AlertBannerText.js

@@ -1,70 +1,11 @@
-import "react/jsx-runtime";
-import "react";
-import "react-intl";
-import "../../Accordion/Accordion.js";
-import "../../AlertDialog/AlertDialog.js";
-import "@preply/ds-web-core";
-import "@preply/ds-visual-coverage-preply-component-names";
-import "./AlertBannerRoot.js";
-import "./AlertBannerIcon.js";
-import { a } from "../../../IconTile-D1G7MljH.js";
-import "../../../AlertBannerProvider-DTx2Xp3V.js";
-import "../../Avatar/Avatar.js";
-import "../../AvatarWithStatus/AvatarWithStatus.js";
-import "../../Badge/Badge.js";
-import "../../Box/Box.js";
-import "../../Button/Button.js";
-import "../../CalloutBanner/CalloutBanner.js";
-import "../../CalloutBanner/primitives/CalloutBannerDismissButton.js";
-import "../../CalloutBanner/primitives/CalloutBannerIcon.js";
-import "../../CalloutBanner/primitives/CalloutBannerRoot.js";
-import "../../CalloutBanner/primitives/CalloutBannerText.js";
-import "../../Checkbox/Checkbox.js";
-import "../../Chips/SingleSelectChips.js";
-import "../../Chips/MultiSelectChips.js";
-import "../../Chips/DismissibleChips.js";
-import "../../OnboardingTour/OnboardingTour.js";
-import "@preply/ds-web-root";
-import "../../Dialog/primitives/DialogTitle.js";
-import "../../Dialog/primitives/DialogDescription.js";
-import "../../Dialog/primitives/DialogCloseButton.js";
-import "../../Dialog/primitives/DialogButtonStack.js";
-import "../../Dialog/DialogSteps.js";
-import "../../DropdownMenu/DropdownMenu.js";
-import "../../FieldButton/FieldButton.js";
-import "../../CountryFlag/CountryFlag.js";
-import "radix-ui";
-import "../../Heading/Heading.js";
-import "../../Icon/Icon.js";
-import "../../IconButton/IconButton.js";
-import "../../LayoutFlex/LayoutFlex.js";
-import "../../LayoutFlexItem/LayoutFlexItem.js";
-import "../../LayoutGrid/LayoutGrid.js";
-import "../../LayoutGridItem/LayoutGridItem.js";
-import "../../Link/Link.js";
-import "../../Loader/Loader.js";
-import "../../NumberField/NumberField.js";
-import "@preply/ds-core";
-import "../../OnboardingTooltip/OnboardingTooltip.js";
-import "../../PasswordField/PasswordField.js";
-import "../../PreplyLogo/PreplyLogo.js";
-import "@preply/ds-media-icons/dist/24/TokyoUIStar.svg";
-import "@preply/ds-media-icons/dist/24/TokyoUIStarFilled.svg";
-import "../../../utils/render-icon.js";
-import "../../Rating/RatingInput.js";
-import "../../SelectField/SelectField.js";
-import "../../../Slider-DB4Maswa.js";
-import "../../Slider/RangeSlider.js";
-import "../../Steps/Steps.js";
-import "../../Switch/Switch.js";
-import "../../Text/Text.js";
-import "../../TextareaField/TextareaField.js";
-import "../../TextField/TextField.js";
-import "../../TextHighlighted/TextHighlighted.js";
-import "../../TextInline/TextInline.js";
-import "../../Toast/Toast.js";
-import "../../Tooltip/Tooltip.js";
-import "../../private/VisuallyHidden/VisuallyHidden.js";
-export {
-  a as AlertBannerText
-};
+import "../../../render-icon-Ch3b2dE0.js";
+import "../../../jsx-runtime-i4KUlhDu.js";
+import "../../../store-sN_eYeZT.js";
+import "../../../DialogCloseButton-DjDd9Mid.js";
+import { a as AlertBannerText } from "../../../components-BIYP8wHJ.js";
+import "../../../useBreakpointMatch-D9a3CTNK.js";
+import "../../../PasswordField-Bx5YG62t.js";
+import "../../../TokyoUIChevronDown-DGcVqR1z.js";
+import "../../../Select-Bo7PX_8V.js";
+import "../../../Toast-wJAjSLfo.js";
+export { AlertBannerText };

package/dist/components/AlertDialog/AlertDialog.d.ts

@@ -79,20 +79,20 @@ export declare const AlertDialog: React.FC<AlertDialogProps> & {
      *   as a trigger button, at the location where the `AlertDialog` node is
      *   placed in the DOM.
      */
-    Trigger: React.FC<AlertDialogTriggerProps>;
+    Trigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
     /**
      * Wraps a Button component that closes the dialog when clicked, unless if
      * `event.defaultPrevented`.
      *
      * It's intended for the main/confirmatory action (e.g. "Delete", "Confirm").
      */
-    Action: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    Action: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
     /**
      * Wraps a Button component that closes the dialog when clicked, unless if
      * `event.defaultPrevented`.
      *
      * It's intended for the secondary/cancellation action (e.g. "Cancel", "Close").
      */
-    Cancel: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+    Cancel: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 };
 //# sourceMappingURL=AlertDialog.d.ts.map

package/dist/components/AlertDialog/AlertDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAgC,SAAS,EAAc,MAAM,OAAO,CAAC;AAMnF,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAU,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAMF,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC;AAYjD,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC;AAYjD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,mEAAmE;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,WAAW,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AA+CF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,WAAW;IACpB;;;;;;;;;;;OAWG;;IAEH;;;;;OAKG;;IAEH;;;;;OAKG;;CAEL,CAAC"}
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/components/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAgC,SAAS,EAA4B,MAAM,OAAO,CAAC;AAMjG,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE1C,OAAO,EAAU,KAAK,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG;IAClC,QAAQ,EAAE,SAAS,CAAC;CACvB,CAAC;AAoBF,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC;AAQjD,MAAM,MAAM,sBAAsB,GAAG,WAAW,CAAC;AAQjD,MAAM,MAAM,gBAAgB,GAAG;IAC3B,mEAAmE;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,oDAAoD;IACpD,WAAW,EAAE,SAAS,CAAC;IACvB;;;;OAIG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAiDF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,eAAO,MAAM,WAAW;IACpB;;;;;;;;;;;OAWG;;IAEH;;;;;OAKG;;IAEH;;;;;OAKG;;CAEL,CAAC"}

package/dist/components/AlertDialog/AlertDialog.js

@@ -1,94 +1,5 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, Children, isValidElement } from "react";
-import { AlertDialog as AlertDialog$1 } from "radix-ui";
-import { usePortalElement } from "@preply/ds-web-root";
-import { Heading } from "../Heading/Heading.js";
-import { getDatasetProps } from "@preply/ds-web-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { Button } from "../Button/Button.js";
-import '../../assets/AlertDialog.css';const overlay = "overlay__cqEa0";
-const content = "content__U-iLo";
-const description = "description__7w95W";
-const actions = "actions__DbfEY";
-const styles = {
-  overlay,
-  content,
-  description,
-  actions
-};
-const AlertDialogTrigger = ({
-  children
-}) => /* @__PURE__ */ jsx(AlertDialog$1.Trigger, { asChild: true, children: Children.only(children) });
-const AlertDialogAction = forwardRef(function AlertDialogActionComponent(props, ref) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Action, { asChild: true, children: /* @__PURE__ */ jsx(Button, { ...props, ref }) });
-});
-const AlertDialogCancel = forwardRef(function AlertDialogCancelComponent(props, ref) {
-  return /* @__PURE__ */ jsx(AlertDialog$1.Cancel, { asChild: true, children: /* @__PURE__ */ jsx(Button, { ...props, ref }) });
-});
-const AlertDialogComponent = ({
-  open,
-  title,
-  description: description2,
-  dataset,
-  children
-}) => {
-  const container = usePortalElement();
-  const datasetProps = getDatasetProps(dataset, {
-    preplyDsComponent: webComponentNames.AlertDialog
-  });
-  let trigger;
-  const actions2 = [];
-  Children.forEach(children, (child) => {
-    if (isValidElement(child)) {
-      if (child.type === AlertDialogTrigger) {
-        trigger = child;
-      } else {
-        actions2.push(child);
-      }
-    }
-  });
-  return /* @__PURE__ */ jsxs(AlertDialog$1.Root, { open, children: [
-    trigger,
-    /* @__PURE__ */ jsxs(AlertDialog$1.Portal, { container, children: [
-      /* @__PURE__ */ jsx(AlertDialog$1.Overlay, { className: styles.overlay }),
-      /* @__PURE__ */ jsxs(AlertDialog$1.Content, { ...datasetProps, className: styles.content, children: [
-        /* @__PURE__ */ jsx(AlertDialog$1.Title, { asChild: true, children: /* @__PURE__ */ jsx(Heading, { tag: "h3", variant: "medium", children: title }) }),
-        /* @__PURE__ */ jsx(AlertDialog$1.Description, { asChild: true, children: /* @__PURE__ */ jsx("p", { className: styles.description, children: description2 }) }),
-        /* @__PURE__ */ jsx("div", { className: styles.actions, children: actions2 })
-      ] })
-    ] })
-  ] });
-};
-const AlertDialog = Object.assign(AlertDialogComponent, {
-  /**
-   * Wraps a child component, making it open the alert dialog when clicked
-   * (unless if `event.defaultPrevented`).
-   *
-   * Unlike the `Action` and `Cancel` subcomponents:
-   * - It must only be used as a direct child of `AlertDialog`.
-   * - It does not wrap a `Button` component out-of-the-box. This is so that
-   *   any component (e.g. a dropdown item) can be used to trigger the alert.
-   * - It won't be rendered inside the alert itself, but rather outside of it
-   *   as a trigger button, at the location where the `AlertDialog` node is
-   *   placed in the DOM.
-   */
-  Trigger: AlertDialogTrigger,
-  /**
-   * Wraps a Button component that closes the dialog when clicked, unless if
-   * `event.defaultPrevented`.
-   *
-   * It's intended for the main/confirmatory action (e.g. "Delete", "Confirm").
-   */
-  Action: AlertDialogAction,
-  /**
-   * Wraps a Button component that closes the dialog when clicked, unless if
-   * `event.defaultPrevented`.
-   *
-   * It's intended for the secondary/cancellation action (e.g. "Cancel", "Close").
-   */
-  Cancel: AlertDialogCancel
-});
-export {
-  AlertDialog
-};
+import "../../render-icon-Ch3b2dE0.js";
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as AlertDialog } from "../../AlertDialog-BG-diKBi.js";
+import "../../store-sN_eYeZT.js";
+export { AlertDialog };

package/dist/components/Avatar/Avatar.js

@@ -1,71 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import { AVATAR_SIZE_DEFAULT, AVATAR_SRC_DEFAULT_TOKYO_UI } 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 { filterAttributesPassedByRadixUIAtRuntime } from "../../utils/filterAttributesPassedByRadixUIAtRuntime.js";
-import '../../assets/Avatar.css';const Avatar$1 = "Avatar__ENaap";
-const styles = {
-  Avatar: Avatar$1,
-  "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"
-};
-const Avatar = forwardRef(function AvatarComponent({
-  size = AVATAR_SIZE_DEFAULT,
-  round,
-  src,
-  alt = "",
-  dataset,
-  crossOrigin,
-  ...restPropsPassedByRadixUI
-}, ref) {
-  const actualRound = round != null ? round : true;
-  const classNames = moduleClassNames(styles, webComponentNames.Avatar, [stringClassNames("size", size), booleanClassNames("round", void 0, actualRound)]);
-  const props = {
-    ...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
-    ref,
-    className: classNames.join(" "),
-    ...getDatasetProps(dataset, {
-      preplyDsComponent: webComponentNames.Avatar
-    })
-  };
-  return /* @__PURE__ */ jsx("picture", { ...props, children: /* @__PURE__ */ jsx("img", { src: src || AVATAR_SRC_DEFAULT_TOKYO_UI, alt, crossOrigin }) });
-});
-export {
-  Avatar
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as Avatar } from "../../Avatar-B-JdqVyg.js";
+export { Avatar };