@preply/ds-web-lib 10.0.0 → 11.1.0

package/dist/components/DropdownMenu/primitives/DropdownMenuSelectItem.primitives.js

@@ -1,81 +1,131 @@
 "use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../../../render-icon-Ch3b2dE0.js";
+import { t as require_jsx_runtime } from "../../../jsx-runtime-i4KUlhDu.js";
+import { S as SubmenuTrigger, _ as RadioGroup, p as ItemValue, v as RadioItem, w as MenuRadioItemIndicator, x as SubmenuRoot } from "../../../DropdownMenu.primitives-BrsTBvMk.js";
+import { t as VisuallyHidden } from "../../../VisuallyHidden-CtcHcZCK.js";
+import { useControllableState } from "../../../utils/useControllableState/useControllableState.js";
+import "../../../useBreakpointMatch-D9a3CTNK.js";
 import { createContext, useContext, useState } from "react";
-import { g as SubmenuTrigger, k as RadioGroup, l as RadioItem, M as MenuRadioItemIndicator, S as SubmenuRoot, o as ItemValue } from "../../../DropdownMenu.primitives-CqJE9k4D.js";
 import { createPortal } from "react-dom";
-import { VisuallyHidden } from "../../private/VisuallyHidden/VisuallyHidden.js";
 import { FormattedMessage } from "react-intl";
-import { useControllableState } from "../../../utils/useControllableState/useControllableState.js";
-const selectValueElementCtx = createContext(null);
-const setValueElementCtx = createContext(() => {
-});
-const setSelectOpenCtx = createContext(() => {
-});
-function SelectRoot({
-  children,
-  open: openProp,
-  onOpenChange: onOpenChangeProp,
-  defaultOpen,
-  ...props
-}) {
-  const [valueElement, setValueElement] = useState(null);
-  const [open, setOpen] = useControllableState({
-    value: openProp,
-    onValueChange: onOpenChangeProp,
-    defaultValue: defaultOpen
-  });
-  return /* @__PURE__ */ jsx(selectValueElementCtx.Provider, { value: valueElement, children: /* @__PURE__ */ jsx(setValueElementCtx.Provider, { value: setValueElement, children: /* @__PURE__ */ jsx(setSelectOpenCtx.Provider, { value: setOpen, children: /* @__PURE__ */ jsx(SubmenuRoot, { ...props, open: !!open, onOpenChange: setOpen, children }) }) }) });
+//#region src/components/DropdownMenu/primitives/DropdownMenuSelectItem.primitives.tsx
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* Select menu item primitives. Basically, a Submenu with RadioGroup inside.
+*
+* Anatomy:
+*
+* <SelectRoot>
+*   <SelectTrigger>
+*     <ItemContainer>
+*       ...
+*       <ItemTrailingElements>
+*         <SelectValue />
+*         <ItemSubmenuIcon />
+*       </ItemTrailingElements>
+*     </ItemContainer>
+*   </SelectTrigger>
+*   <Portal>
+*     <Backdrop />
+*     <Positioner>
+*       <Popup>
+*         <SelectRadioGroup>
+*           <SelectOptionItem>
+*             <ItemContainer>
+*               ...
+*               <ItemLabel>
+*                 <SelectOptionLabelText />
+*               </ItemLabel>
+*             </ItemContainer>
+*           </SelectOptionItem>
+*         </SelectRadioGroup>
+*       </Popup>
+*     </Positioner>
+*   </Portal>
+* </SelectRoot>
+*/
+var selectValueElementCtx = createContext(null);
+var setValueElementCtx = createContext(() => {});
+var setSelectOpenCtx = createContext(() => {});
+/**
+* Groups parts of select menu item
+*/
+function SelectRoot({ children, open: openProp, onOpenChange: onOpenChangeProp, defaultOpen, ...props }) {
+	const [valueElement, setValueElement] = useState(null);
+	const [open, setOpen] = useControllableState({
+		value: openProp,
+		onValueChange: onOpenChangeProp,
+		defaultValue: defaultOpen
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(selectValueElementCtx.Provider, {
+		value: valueElement,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(setValueElementCtx.Provider, {
+			value: setValueElement,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(setSelectOpenCtx.Provider, {
+				value: setOpen,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SubmenuRoot, {
+					...props,
+					open: !!open,
+					onOpenChange: setOpen,
+					children
+				})
+			})
+		})
+	});
 }
-const SelectTrigger = SubmenuTrigger;
+var SelectTrigger = SubmenuTrigger;
+/**
+* Displays currently selected option label
+*/
 function SelectValue(props) {
-  const valueElementRef = useContext(setValueElementCtx);
-  return /* @__PURE__ */ jsx(ItemValue, { ...props, ref: valueElementRef });
+	const valueElementRef = useContext(setValueElementCtx);
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ItemValue, {
+		...props,
+		ref: valueElementRef
+	});
 }
-const SelectRadioGroup = RadioGroup;
-function SelectOptionItem({
-  value,
-  children,
-  onClick,
-  ...props
-}) {
-  const setSelectOpen = useContext(setSelectOpenCtx);
-  const handleClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
-    setSelectOpen(false);
-  };
-  return /* @__PURE__ */ jsx(RadioItem, { value, onClick: handleClick, ...props, children });
+/**
+* RadioGroup for select. Manages select state.
+*/
+var SelectRadioGroup = RadioGroup;
+/**
+* Select option item. Wraps RadioItem.
+*/
+function SelectOptionItem({ value, children, onClick, ...props }) {
+	const setSelectOpen = useContext(setSelectOpenCtx);
+	const handleClick = (event) => {
+		onClick === null || onClick === void 0 || onClick(event);
+		setSelectOpen(false);
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RadioItem, {
+		value,
+		onClick: handleClick,
+		...props,
+		children
+	});
 }
-function SelectOptionLabelText({
-  children
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    children,
-    /* @__PURE__ */ jsx(MenuRadioItemIndicator, { render: (_, {
-      checked
-    }) => /* @__PURE__ */ jsxs(SelectedValuePortal, { active: checked, children: [
-      /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(FormattedMessage, { id: "preply-ds.dropdown-menu.select-option-label-text", defaultMessage: [{
-        "type": 0,
-        "value": "Selected:"
-      }] }) }),
-      // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      " ",
-      children
-    ] }) })
-  ] });
+/**
+* Children of this component will be portalled into select trigger to display selected value.
+* Basically, it implements same pattern as radix-ui or base-ui select's ItemText
+*/
+function SelectOptionLabelText({ children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [children, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MenuRadioItemIndicator, { render: (_, { checked }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SelectedValuePortal, {
+		active: checked,
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)(VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormattedMessage, {
+				id: "preply-ds.dropdown-menu.select-option-label-text",
+				defaultMessage: "Selected:",
+				description: "Hints screen reader users that following text is currently selected value"
+			}) }),
+			" ",
+			children
+		]
+	}) })] });
 }
-function SelectedValuePortal({
-  children,
-  active
-}) {
-  const selectValueElement = useContext(selectValueElementCtx);
-  if (!active || !selectValueElement) return null;
-  return createPortal(children, selectValueElement);
+function SelectedValuePortal({ children, active }) {
+	const selectValueElement = useContext(selectValueElementCtx);
+	if (!active || !selectValueElement) return null;
+	return createPortal(children, selectValueElement);
 }
-export {
-  SelectOptionItem,
-  SelectOptionLabelText,
-  SelectRadioGroup,
-  SelectRoot,
-  SelectTrigger,
-  SelectValue
-};
+//#endregion
+export { SelectOptionItem, SelectOptionLabelText, SelectRadioGroup, SelectRoot, SelectTrigger, SelectValue };

package/dist/components/FieldButton/FieldButton.js

@@ -1,37 +1,3 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { moduleClassNames, getDatasetProps } from "@preply/ds-web-core";
-import { forwardRef } from "react";
-import { filterAttributesPassedByRadixUIAtRuntime } from "../../utils/filterAttributesPassedByRadixUIAtRuntime.js";
-import '../../assets/FieldButton.css';const FieldButton$1 = "FieldButton__OWtNd";
-const styles = {
-  FieldButton: FieldButton$1
-};
-const FieldButton = forwardRef(function FieldButtonComponent({
-  svg: Svg,
-  assistiveText,
-  onClick,
-  dataset,
-  ...restPropsPassedByRadixUI
-}, ref) {
-  const classNames = moduleClassNames(styles, webComponentNames.FieldButton);
-  const handleClick = (ev) => {
-    ev.stopPropagation();
-    onClick == null ? void 0 : onClick(ev);
-  };
-  const ownProps = {
-    ...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
-    ...getDatasetProps(dataset, {
-      preplyDsComponent: webComponentNames.FieldButton
-    }),
-    className: classNames.join(" "),
-    title: assistiveText,
-    onClick: handleClick,
-    ref
-  };
-  return /* @__PURE__ */ jsx("button", { ...ownProps, type: "button", children: /* @__PURE__ */ jsx(Svg, { "aria-hidden": "true", focusable: "false" }) });
-});
-export {
-  FieldButton
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as FieldButton } from "../../FieldButton-B2slox8P.js";
+export { FieldButton };

package/dist/components/FormControl/FormControl.js

@@ -1,105 +1,3 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Slot } from "radix-ui";
-import { useId, isValidElement } from "react";
-import { FormattedMessage } from "react-intl";
-import { getDatasetProps } from "@preply/ds-web-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import '../../assets/FormControl.css';const container = "container__dtKps";
-const label = "label__S0tQE";
-const required = "required__GVzWg";
-const description = "description__h6Gw1";
-const error = "error__MGvA2";
-const styles = {
-  container,
-  label,
-  required,
-  description,
-  error
-};
-function getInputAriaAttributes({
-  id,
-  error: error2,
-  description: description2,
-  hasError
-}) {
-  const ariaAttributes = {};
-  if (hasError) {
-    ariaAttributes["aria-invalid"] = true;
-  }
-  if (error2) {
-    ariaAttributes["aria-invalid"] = true;
-    ariaAttributes["aria-errormessage"] = `${id}-error`;
-  }
-  if (description2) {
-    ariaAttributes["aria-describedby"] = `${id}-description`;
-  }
-  return ariaAttributes;
-}
-const FormControl = ({
-  id: idProp,
-  label: label2,
-  hideLabel,
-  description: description2,
-  error: error2,
-  hasError,
-  children,
-  required: required2,
-  dataset,
-  onClick,
-  preplyDsComponent = webComponentNames.FormControl,
-  useLegacyRequiredLabel = false
-}) => {
-  const generatedId = useId();
-  const id = idProp || generatedId;
-  const inputAriaAttributes = getInputAriaAttributes({
-    id,
-    error: error2,
-    description: description2,
-    hasError
-  });
-  const datasetProps = getDatasetProps(dataset, {
-    preplyDsComponent
-  });
-  if (process.env.NODE_ENV === "development") {
-    if (isValidElement(children)) {
-      const childProps = children.props;
-      if ("id" in childProps) {
-        console.error("FormControl: trying to pass id prop to the child component. Pass it to the FormControl instead.");
-      }
-      if ("required" in childProps) {
-        console.error("FormControl: trying to pass required prop to the child component. Pass it to the FormControl instead.");
-      }
-    }
-    if (!label2) {
-      console.error("FormControl: label is required for accessibility reasons. Pass it to the field even if it's visually hidden.");
-    }
-  }
-  return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
-    /* @__PURE__ */ jsxs("div", { className: styles.container, ...datasetProps, onClick, children: [
-      /* @__PURE__ */ jsxs("label", { htmlFor: id, className: styles.label, "data-hidden": hideLabel || !label2, "data-testid": "label", children: [
-        label2,
-        !!useLegacyRequiredLabel && required2 && /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: styles.required, children: [
-          " • ",
-          /* @__PURE__ */ jsx(FormattedMessage, { id: "preply-ds.fieldLabel.required", defaultMessage: [{
-            "type": 0,
-            "value": "Required"
-          }] })
-        ] }),
-        !useLegacyRequiredLabel && !required2 && /* @__PURE__ */ jsxs("span", { "aria-hidden": true, className: styles.required, children: [
-          " • ",
-          /* @__PURE__ */ jsx(FormattedMessage, { id: "preply-ds.fieldLabel.optional", defaultMessage: [{
-            "type": 0,
-            "value": "Optional"
-          }] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx(Slot.Root, { id, required: required2, ...inputAriaAttributes, children }),
-      error2 ? /* @__PURE__ */ jsx("p", { className: styles.error, role: "alert", id: `${id}-error`, "data-testid": "error", children: error2 }) : description2 ? /* @__PURE__ */ jsx("p", { className: styles.description, id: `${id}-description`, "data-testid": "description", children: description2 }) : null
-    ] })
-  );
-};
-export {
-  FormControl
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as FormControl } from "../../FormControl-qnbQL1iF.js";
+export { FormControl };

package/dist/components/Heading/Heading.js

@@ -1,78 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { moduleClassNames, stringClassNames, 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/Heading.css';const Heading$1 = "Heading__Lv13n";
-const styles = {
-  Heading: Heading$1,
-  "Heading--variant-massive": "Heading--variant-massive__xBbvd",
-  "Heading--variant-huge": "Heading--variant-huge__uNKwX",
-  "Heading--variant-extraLarge": "Heading--variant-extraLarge__O5YaA",
-  "Heading--variant-large": "Heading--variant-large__npEGh",
-  "Heading--variant-medium": "Heading--variant-medium__WRzNp",
-  "Heading--variant-small": "Heading--variant-small__RlTJl",
-  "Heading--narrow-l--variant-massive": "Heading--narrow-l--variant-massive__NkQiN",
-  "Heading--narrow-l--variant-huge": "Heading--narrow-l--variant-huge__xN-4a",
-  "Heading--narrow-l--variant-extraLarge": "Heading--narrow-l--variant-extraLarge__dhHS3",
-  "Heading--narrow-l--variant-large": "Heading--narrow-l--variant-large__O-yyq",
-  "Heading--narrow-l--variant-medium": "Heading--narrow-l--variant-medium__T3ZkZ",
-  "Heading--narrow-l--variant-small": "Heading--narrow-l--variant-small__nibGn",
-  "Heading--medium-s--variant-massive": "Heading--medium-s--variant-massive__dkhpb",
-  "Heading--medium-s--variant-huge": "Heading--medium-s--variant-huge__Td7XG",
-  "Heading--medium-s--variant-extraLarge": "Heading--medium-s--variant-extraLarge__puDN9",
-  "Heading--medium-s--variant-large": "Heading--medium-s--variant-large__UQMHF",
-  "Heading--medium-s--variant-medium": "Heading--medium-s--variant-medium__i2JwC",
-  "Heading--medium-s--variant-small": "Heading--medium-s--variant-small__UQTL9",
-  "Heading--medium-l--variant-massive": "Heading--medium-l--variant-massive__UtPA0",
-  "Heading--medium-l--variant-huge": "Heading--medium-l--variant-huge__BiY-j",
-  "Heading--medium-l--variant-extraLarge": "Heading--medium-l--variant-extraLarge__IP2Vo",
-  "Heading--medium-l--variant-large": "Heading--medium-l--variant-large__tV93Y",
-  "Heading--medium-l--variant-medium": "Heading--medium-l--variant-medium__945np",
-  "Heading--medium-l--variant-small": "Heading--medium-l--variant-small__ZUV1D",
-  "Heading--wide-s--variant-massive": "Heading--wide-s--variant-massive__BWmTX",
-  "Heading--wide-s--variant-huge": "Heading--wide-s--variant-huge__inkxv",
-  "Heading--wide-s--variant-extraLarge": "Heading--wide-s--variant-extraLarge__SQjI9",
-  "Heading--wide-s--variant-large": "Heading--wide-s--variant-large__UNDsi",
-  "Heading--wide-s--variant-medium": "Heading--wide-s--variant-medium__4OLaD",
-  "Heading--wide-s--variant-small": "Heading--wide-s--variant-small__ex4C1",
-  "Heading--wide-l--variant-massive": "Heading--wide-l--variant-massive__94l-9",
-  "Heading--wide-l--variant-huge": "Heading--wide-l--variant-huge__1qto2",
-  "Heading--wide-l--variant-extraLarge": "Heading--wide-l--variant-extraLarge__udFtI",
-  "Heading--wide-l--variant-large": "Heading--wide-l--variant-large__Y7k-Q",
-  "Heading--wide-l--variant-medium": "Heading--wide-l--variant-medium__xkuYd",
-  "Heading--wide-l--variant-small": "Heading--wide-l--variant-small__ORLbL"
-};
-const Heading = forwardRef(function HeadingComponent({
-  children,
-  variant,
-  accent,
-  tag,
-  centered,
-  dataset,
-  id,
-  className,
-  ...restPropsPassedByRadixUI
-}, ref) {
-  const Tag = tag || "h1";
-  const classNames = moduleClassNames(styles, webComponentNames.Heading, stringClassNames("variant", variant));
-  const centeredClassNames = getTextCenteredClassnames(centered);
-  const useDefaultAccent = !accent;
-  const accentClassNames = getTextAccentClassnames(useDefaultAccent, accent);
-  const allClassNames = [...classNames, ...centeredClassNames, ...accentClassNames, className];
-  const props = {
-    ...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
-    className: allClassNames.join(" "),
-    ...getDatasetProps(dataset, {
-      preplyDsComponent: webComponentNames.Heading
-    }),
-    id,
-    ref
-  };
-  return /* @__PURE__ */ jsx(Tag, { ...props, children });
-});
-export {
-  Heading
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as Heading } from "../../Heading-DA9gHfsx.js";
+export { Heading };

package/dist/components/Icon/Icon.js

@@ -1,49 +1,4 @@
-import { jsx } from "react/jsx-runtime";
-import { moduleClassNames, getDatasetProps } from "@preply/ds-web-core";
-import { forwardRef } from "react";
-import { getTextAccentClassnames } from "../../shared-styles/text-accent/text-accent.js";
-import { filterAttributesPassedByRadixUIAtRuntime } from "../../utils/filterAttributesPassedByRadixUIAtRuntime.js";
-import { renderIcon } from "../../utils/render-icon.js";
-import { getExpColorClassNames } from "../../shared-styles/exp-color/exp-color.js";
-import { ICON_SIZE_DEFAULT } from "@preply/ds-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import '../../assets/Icon.css';const Icon$1 = "Icon__jDdMD";
-const styles = {
-  Icon: Icon$1,
-  "Icon--size-16": "Icon--size-16__P1SXI",
-  "Icon--size-24": "Icon--size-24__vnVQ0",
-  "Icon--size-32": "Icon--size-32__gHIna",
-  "Icon--size-48": "Icon--size-48__0PUAE"
-};
-const Icon = forwardRef(function IconComponent({
-  svg,
-  size = ICON_SIZE_DEFAULT,
-  accent,
-  expColor,
-  label,
-  dataset,
-  ...restPropsPassedByRadixUI
-}, ref) {
-  const classNames = moduleClassNames(styles, webComponentNames.Icon, [`size-${size}`]);
-  const accentClassNames = getTextAccentClassnames(false, accent);
-  const expColorClassNames = accent ? [] : getExpColorClassNames(expColor);
-  const allClassNames = [...classNames, ...accentClassNames, ...expColorClassNames];
-  const props = {
-    ...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
-    className: allClassNames.join(" "),
-    ...getDatasetProps(dataset, {
-      preplyDsComponent: webComponentNames.Icon
-    }),
-    ref
-  };
-  if (!svg) {
-    throw new Error("Icon prop svg is mandatory");
-  }
-  return /* @__PURE__ */ jsx("span", { ...props, role: "img", "aria-hidden": !label, "aria-label": label, children: renderIcon(svg, {
-    "aria-hidden": "true",
-    focusable: "false"
-  }) });
-});
-export {
-  Icon
-};
+import { t as Icon } from "../../Icon-CixAeOSd.js";
+import "../../render-icon-Ch3b2dE0.js";
+import "../../jsx-runtime-i4KUlhDu.js";
+export { Icon };

package/dist/components/IconButton/IconButton.d.ts

@@ -8,6 +8,10 @@ export type Props = IconButtonProps & {
     svg: SvgComponentOrElement;
     children?: ReactNode;
 };
-export declare const IconButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export declare const IconButton: React.ForwardRefExoticComponent<Omit<ButtonBaseProps, "children" | "preplyDsComponent" | "fullWidth" | "wrap" | "isIconButton"> & {
+    assistiveText: string;
+    svg: SvgComponentOrElement;
+    children?: ReactNode;
+} & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 export {};
 //# sourceMappingURL=IconButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAc,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAc,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAO/E,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;AAE/F,MAAM,MAAM,eAAe,GAAG,SAAS,CACnC,eAAe,EACf,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,mBAAmB,CAC3E,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,qBAAqB,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU,qGA6BtB,CAAC"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAc,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAc,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAO/E,KAAK,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,IAAI,CAAC,SAAS,OAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC;AAE/F,MAAM,MAAM,eAAe,GAAG,SAAS,CACnC,eAAe,EACf,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,UAAU,GAAG,mBAAmB,CAC3E,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,eAAe,GAAG;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,GAAG,EAAE,qBAAqB,CAAC;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,UAAU;mBALJ,MAAM;SAChB,qBAAqB;eACf,SAAS;+DAgCvB,CAAC"}

package/dist/components/IconButton/IconButton.js

@@ -1,28 +1,4 @@
-import { jsx } from "react/jsx-runtime";
-import { BUTTON_SIZE_DEFAULT, BUTTON_VARIANT_DEFAULT } from "@preply/ds-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { forwardRef } from "react";
-import { renderIcon } from "../../utils/render-icon.js";
-import { ButtonBase } from "../private/ButtonBase/ButtonBase.js";
-import { b as bubbleCounterStyles } from "../../BubbleCounter.module-QMwXWFIS.js";
-import '../../assets/IconButton.css';const IconButton$1 = "IconButton__FZTVy";
-const styles = {
-  IconButton: IconButton$1
-};
-const IconButton = forwardRef(function IconButtonComponent({
-  variant = BUTTON_VARIANT_DEFAULT,
-  size = BUTTON_SIZE_DEFAULT,
-  url,
-  a11yLabel,
-  svg,
-  ...props
-}, ref) {
-  const classNames = [styles.IconButton, bubbleCounterStyles.cutout].join(" ");
-  return /* @__PURE__ */ jsx(ButtonBase, { ...props, ref, className: classNames, isIconButton: true, variant, size, url, a11yLabel, preplyDsComponent: webComponentNames.IconButton, children: renderIcon(svg, {
-    "aria-hidden": "true",
-    focusable: "false"
-  }) });
-});
-export {
-  IconButton
-};
+import "../../render-icon-Ch3b2dE0.js";
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as IconButton } from "../../IconButton-BPKpgfep.js";
+export { IconButton };

package/dist/components/IconTile/IconTile.js

@@ -1,69 +1,11 @@
-import "react/jsx-runtime";
-import "@preply/ds-web-core";
-import "react";
-import { I } from "../../IconTile-D1G7MljH.js";
-import "@preply/ds-visual-coverage-preply-component-names";
-import "../Accordion/Accordion.js";
-import "../AlertDialog/AlertDialog.js";
-import "../AlertBanner/primitives/AlertBannerRoot.js";
-import "../AlertBanner/primitives/AlertBannerIcon.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 {
-  I as IconTile
-};
+import "../../render-icon-Ch3b2dE0.js";
+import "../../jsx-runtime-i4KUlhDu.js";
+import "../../store-sN_eYeZT.js";
+import "../../DialogCloseButton-DjDd9Mid.js";
+import { n as IconTile } 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 { IconTile };