@preply/ds-web-lib 11.0.0 → 11.1.0

package/dist/components/IntlFormatted/IntlFormattedAggregatedDateTime.js

@@ -1,42 +1,26 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { t as require_jsx_runtime } from "../../jsx-runtime-i4KUlhDu.js";
 import { Wrapper } from "./Wrapper.js";
+import "react";
 import { useIntlFormattedAggregatedDateTime } from "@preply/ds-core";
+//#region src/components/IntlFormatted/IntlFormattedAggregatedDateTime.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function DateAndTime(...params) {
-  const {
-    formatDateAndTime
-  } = useIntlFormattedAggregatedDateTime();
-  const result = formatDateAndTime(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateAndTime } = useIntlFormattedAggregatedDateTime();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateAndTime(...params) });
 }
 function DateAndTimeRange(...params) {
-  const {
-    formatDateAndTimeRange
-  } = useIntlFormattedAggregatedDateTime();
-  const result = formatDateAndTimeRange(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateAndTimeRange } = useIntlFormattedAggregatedDateTime();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateAndTimeRange(...params) });
 }
 function DateTimeAndDateTime(...params) {
-  const {
-    formatDateTimeAndDateTime
-  } = useIntlFormattedAggregatedDateTime();
-  const result = formatDateTimeAndDateTime(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateTimeAndDateTime } = useIntlFormattedAggregatedDateTime();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateTimeAndDateTime(...params) });
 }
-const IntlFormattedAggregatedDateTime = {
-  /**
-   * @returns combined date and time object. e.g. "Mon, Jan 1, 18:00"
-   */
-  DateAndTime,
-  /**
-   * @returns combined date and time range object. e.g. "Mon, Jan 1, 18:00-18:50"
-   */
-  DateAndTimeRange,
-  /**
-   * @returns combined date time and date time object. e.g. "Jan 1, 18:00 - Jan 6, 20:00"
-   */
-  DateTimeAndDateTime
-};
-export {
-  IntlFormattedAggregatedDateTime
+var IntlFormattedAggregatedDateTime = {
+	DateAndTime,
+	DateAndTimeRange,
+	DateTimeAndDateTime
 };
+//#endregion
+export { IntlFormattedAggregatedDateTime };

package/dist/components/IntlFormatted/IntlFormattedCurrency.js

@@ -1,53 +1,31 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { useIntlFormattedCurrency } from "@preply/ds-core";
+import { t as require_jsx_runtime } from "../../jsx-runtime-i4KUlhDu.js";
 import { Wrapper } from "./Wrapper.js";
+import "react";
+import { useIntlFormattedCurrency } from "@preply/ds-core";
+//#region src/components/IntlFormatted/IntlFormattedCurrency.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function CurrencyShort(...params) {
-  const {
-    formatCurrencyShort
-  } = useIntlFormattedCurrency();
-  const result = formatCurrencyShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatCurrencyShort } = useIntlFormattedCurrency();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatCurrencyShort(...params) });
 }
 function CurrencyRounded(...params) {
-  const {
-    formatCurrencyRounded
-  } = useIntlFormattedCurrency();
-  const result = formatCurrencyRounded(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatCurrencyRounded } = useIntlFormattedCurrency();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatCurrencyRounded(...params) });
 }
 function CurrencyExplicit(...params) {
-  const {
-    formatCurrencyExplicit
-  } = useIntlFormattedCurrency();
-  const result = formatCurrencyExplicit(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatCurrencyExplicit } = useIntlFormattedCurrency();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatCurrencyExplicit(...params) });
 }
 function CurrencyRange(...params) {
-  const {
-    formatCurrencyRange
-  } = useIntlFormattedCurrency();
-  const result = formatCurrencyRange(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatCurrencyRange } = useIntlFormattedCurrency();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatCurrencyRange(...params) });
 }
-const IntlFormattedCurrency = {
-  /**
-   * @returns currency with symbol and standard decimal places, e.g. "$123.45"
-   */
-  CurrencyShort,
-  /**
-   * @returns currency without decimal places, e.g. "$123"
-   */
-  CurrencyRounded,
-  /**
-   * @returns currency with explicit currency code, e.g. "USD 123.45"
-   */
-  CurrencyExplicit,
-  /**
-   * @returns currency range with the selected variant, e.g. "$10 - $20"
-   */
-  CurrencyRange
-};
-export {
-  IntlFormattedCurrency
+var IntlFormattedCurrency = {
+	CurrencyShort,
+	CurrencyRounded,
+	CurrencyExplicit,
+	CurrencyRange
 };
+//#endregion
+export { IntlFormattedCurrency };

package/dist/components/IntlFormatted/IntlFormattedDate.js

@@ -1,240 +1,118 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { t as require_jsx_runtime } from "../../jsx-runtime-i4KUlhDu.js";
 import { Wrapper } from "./Wrapper.js";
+import "react";
 import { useIntlFormattedDate } from "@preply/ds-core";
+//#region src/components/IntlFormatted/IntlFormattedDate.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function DayFull(...params) {
-  const {
-    formatDayFull
-  } = useIntlFormattedDate();
-  const result = formatDayFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDayFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDayFull(...params) });
 }
 function DayShort(...params) {
-  const {
-    formatDayShort
-  } = useIntlFormattedDate();
-  const result = formatDayShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDayShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDayShort(...params) });
 }
 function MonthFull(...params) {
-  const {
-    formatMonthFull
-  } = useIntlFormattedDate();
-  const result = formatMonthFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatMonthFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatMonthFull(...params) });
 }
 function MonthShort(...params) {
-  const {
-    formatMonthShort
-  } = useIntlFormattedDate();
-  const result = formatMonthShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatMonthShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatMonthShort(...params) });
 }
 function MonthYearFull(...params) {
-  const {
-    formatMonthYearFull
-  } = useIntlFormattedDate();
-  const result = formatMonthYearFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatMonthYearFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatMonthYearFull(...params) });
 }
 function MonthYearShort(...params) {
-  const {
-    formatMonthYearShort
-  } = useIntlFormattedDate();
-  const result = formatMonthYearShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatMonthYearShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatMonthYearShort(...params) });
 }
 function DateFull(...params) {
-  const {
-    formatDateFull
-  } = useIntlFormattedDate();
-  const result = formatDateFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateFull(...params) });
 }
 function DateShort(...params) {
-  const {
-    formatDateShort
-  } = useIntlFormattedDate();
-  const result = formatDateShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateShort(...params) });
 }
 function DateYearShort(...params) {
-  const {
-    formatDateYearShort
-  } = useIntlFormattedDate();
-  const result = formatDateYearShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateYearShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateYearShort(...params) });
 }
 function DayDateFull(...params) {
-  const {
-    formatDayDateFull
-  } = useIntlFormattedDate();
-  const result = formatDayDateFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDayDateFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDayDateFull(...params) });
 }
 function DayDateShort(...params) {
-  const {
-    formatDayDateShort
-  } = useIntlFormattedDate();
-  const result = formatDayDateShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDayDateShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDayDateShort(...params) });
 }
 function DateYearFull(...params) {
-  const {
-    formatDateYearFull
-  } = useIntlFormattedDate();
-  const result = formatDateYearFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateYearFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateYearFull(...params) });
 }
 function DayDateYearFull(...params) {
-  const {
-    formatDayDateYearFull
-  } = useIntlFormattedDate();
-  const result = formatDayDateYearFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDayDateYearFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDayDateYearFull(...params) });
 }
 function DayDateYearShort(...params) {
-  const {
-    formatDayDateYearShort
-  } = useIntlFormattedDate();
-  const result = formatDayDateYearShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDayDateYearShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDayDateYearShort(...params) });
 }
 function DateRangeShort(...params) {
-  const {
-    formatDateRangeShort
-  } = useIntlFormattedDate();
-  const result = formatDateRangeShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateRangeShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateRangeShort(...params) });
 }
 function DateRangeFull(...params) {
-  const {
-    formatDateRangeFull
-  } = useIntlFormattedDate();
-  const result = formatDateRangeFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateRangeFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateRangeFull(...params) });
 }
 function DateRangeYearShort(...params) {
-  const {
-    formatDateRangeYearShort
-  } = useIntlFormattedDate();
-  const result = formatDateRangeYearShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDateRangeYearShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDateRangeYearShort(...params) });
 }
 function DayDateNumberShort(...params) {
-  const {
-    formatDayDateNumberShort
-  } = useIntlFormattedDate();
-  const result = formatDayDateNumberShort(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatDayDateNumberShort } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatDayDateNumberShort(...params) });
 }
 function RelativeDay(...params) {
-  const {
-    formatRelativeDay
-  } = useIntlFormattedDate();
-  const result = formatRelativeDay(...params);
-  return result ? /* @__PURE__ */ jsx(Wrapper, { children: result }) : void 0;
+	const { formatRelativeDay } = useIntlFormattedDate();
+	const result = formatRelativeDay(...params);
+	return result ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: result }) : void 0;
 }
 function RelativeDayDateShort(...params) {
-  const {
-    formatRelativeDayDateShort
-  } = useIntlFormattedDate();
-  const result = formatRelativeDayDateShort(...params);
-  return result ? /* @__PURE__ */ jsx(Wrapper, { children: result }) : void 0;
+	const { formatRelativeDayDateShort } = useIntlFormattedDate();
+	const result = formatRelativeDayDateShort(...params);
+	return result ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: result }) : void 0;
 }
 function EveryWeekDayFull(...params) {
-  const {
-    formatEveryWeekDayFull
-  } = useIntlFormattedDate();
-  const result = formatEveryWeekDayFull(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
-}
-const IntlFormattedDate = {
-  /**
-   * @returns e.g. "Monday"
-   */
-  DayFull,
-  /**
-   * @returns e.g. "Mon"
-   */
-  DayShort,
-  /**
-   * @returns e.g. "January"
-   */
-  MonthFull,
-  /**
-   * @returns e.g. "Jan"
-   */
-  MonthShort,
-  /**
-   * @returns e.g. "January 2024"
-   */
-  MonthYearFull,
-  /**
-   * @returns e.g. "Jan 2024"
-   */
-  MonthYearShort,
-  /**
-   * @returns e.g. "January 1"
-   */
-  DateFull,
-  /**
-   * @returns e.g. "Jan 1"
-   */
-  DateShort,
-  /**
-   * @returns e.g. "January 1, 2024"
-   */
-  DateYearFull,
-  /**
-   * @returns e.g. "Jan 1, 2024"
-   */
-  DateYearShort,
-  /**
-   * @returns e.g. "Monday, January 1"
-   */
-  DayDateFull,
-  /**
-   * @returns e.g. "Mon, Jan 1"
-   */
-  DayDateShort,
-  /**
-   * @returns e.g. "Monday, January 1, 2024"
-   */
-  DayDateYearFull,
-  /**
-   * @returns e.g. "Mon, Jan 1, 2024"
-   */
-  DayDateYearShort,
-  /**
-   * @returns e.g. "Jan 1 - 7"
-   */
-  DateRangeShort,
-  /**
-   * @returns e.g. "January 1 - 7"
-   */
-  DateRangeFull,
-  /**
-   * @returns e.g. "Jan 1 - 7, 2024"
-   */
-  DateRangeYearShort,
-  /**
-   * @returns e.g. "today", "tomorrow" or undefined
-   */
-  RelativeDay,
-  /**
-   * @returns e.g. "today, Jan 1" or "Monday, Jan 1"
-   */
-  RelativeDayDateShort,
-  /**
-   * @returns e.g. "Mon 31"
-   */
-  DayDateNumberShort,
-  /**
-   * @returns e.g. "Every Monday"
-   */
-  EveryWeekDayFull
-};
-export {
-  IntlFormattedDate
+	const { formatEveryWeekDayFull } = useIntlFormattedDate();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatEveryWeekDayFull(...params) });
+}
+var IntlFormattedDate = {
+	DayFull,
+	DayShort,
+	MonthFull,
+	MonthShort,
+	MonthYearFull,
+	MonthYearShort,
+	DateFull,
+	DateShort,
+	DateYearFull,
+	DateYearShort,
+	DayDateFull,
+	DayDateShort,
+	DayDateYearFull,
+	DayDateYearShort,
+	DateRangeShort,
+	DateRangeFull,
+	DateRangeYearShort,
+	RelativeDay,
+	RelativeDayDateShort,
+	DayDateNumberShort,
+	EveryWeekDayFull
 };
+//#endregion
+export { IntlFormattedDate };

package/dist/components/IntlFormatted/IntlFormattedTime.js

@@ -1,31 +1,21 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { useIntlFormattedTime } from "@preply/ds-core";
+import { t as require_jsx_runtime } from "../../jsx-runtime-i4KUlhDu.js";
 import { Wrapper } from "./Wrapper.js";
+import "react";
+import { useIntlFormattedTime } from "@preply/ds-core";
+//#region src/components/IntlFormatted/IntlFormattedTime.tsx
+var import_jsx_runtime = require_jsx_runtime();
 function Time(...params) {
-  const {
-    formatTime
-  } = useIntlFormattedTime();
-  const result = formatTime(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatTime } = useIntlFormattedTime();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatTime(...params) });
 }
 function TimeRange(...params) {
-  const {
-    formatTimeRange
-  } = useIntlFormattedTime();
-  const result = formatTimeRange(...params);
-  return /* @__PURE__ */ jsx(Wrapper, { children: result });
+	const { formatTimeRange } = useIntlFormattedTime();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: formatTimeRange(...params) });
 }
-const IntlFormattedTime = {
-  /**
-   * @returns e.g. "18:00" or "6:00 PM" based on country code and locale
-   */
-  Time,
-  /**
-   * @returns e.g. "18:00 - 18:50" or "6:00 PM - 6:50 PM" based on country code and locale
-   */
-  TimeRange
-};
-export {
-  IntlFormattedTime
+var IntlFormattedTime = {
+	Time,
+	TimeRange
 };
+//#endregion
+export { IntlFormattedTime };

package/dist/components/IntlFormatted/Wrapper.js

@@ -1,9 +1,15 @@
-import { jsx } from "react/jsx-runtime";
-function Wrapper({
-  children
-}) {
-  return /* @__PURE__ */ jsx("span", { children });
+import { t as require_jsx_runtime } from "../../jsx-runtime-i4KUlhDu.js";
+import "react";
+//#region src/components/IntlFormatted/Wrapper.tsx
+var import_jsx_runtime = require_jsx_runtime();
+/**
+* Prevent Google Translate (or another browser translator / DOM manipulating extension) to make React
+* crash when the users translate the page.
+* @see https://preply.slack.com/archives/C033863HX/p1718188149201769
+* @see https://martijnhols.nl/blog/everything-about-google-translate-crashing-react#monkey-patching-removechild-and-insertbefore
+*/
+function Wrapper({ children }) {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children });
 }
-export {
-  Wrapper
-};
+//#endregion
+export { Wrapper };

package/dist/components/LayoutFlex/LayoutFlex.js

@@ -1,100 +1,3 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { getDatasetProps } from "@preply/ds-web-core";
-import { LAYOUT_TAG_DEFAULT } from "@preply/ds-core";
-import { webComponentNames } from "@preply/ds-visual-coverage-preply-component-names";
-import { filterAttributesPassedByRadixUIAtRuntime } from "../../utils/filterAttributesPassedByRadixUIAtRuntime.js";
-import { getGapAttr, getRelativeAttr, getDisplayAttr, getAlignItemsAttr, getJustifyContentAttr, getDirectionAttr, getPaddingAttr, DO_NOT_ADD_DATA_ATTRIBUTE, getWrapAttr } from "./style/getStyleAttrs.js";
-import { s as styles$1 } from "../../layout-gap.module-MKn_un_k.js";
-import { s as styles$2 } from "../../layout-hide.module-Bpl3Pl-a.js";
-import { l as layoutPaddingStyles } from "../../layout-padding-D5I6rRlL.js";
-import { s as styles$3 } from "../../layout-relative.module-1z75aSwo.js";
-import '../../assets/LayoutFlex.css';const styles = {};
-const LayoutFlex = forwardRef(function LayoutFlexComponent(props, ref) {
-  const {
-    gap,
-    hide,
-    column,
-    nowrap,
-    inline,
-    dataset,
-    reverse,
-    padding,
-    children,
-    relative,
-    direction,
-    alignItems,
-    justifyContent,
-    tag: Tag = LAYOUT_TAG_DEFAULT,
-    ...restPropsPassedByRadixUI
-  } = props;
-  const classNames = [
-    // Temporary trick to avoid global styles
-    styles.LayoutFlex,
-    styles$1.LayoutGap,
-    styles$2.LayoutHide,
-    layoutPaddingStyles.layoutPadding,
-    styles$3.LayoutRelative
-  ];
-  const gapAttr = getGapAttr({
-    gap
-  });
-  const wrapAttr = getWrapAttr({
-    nowrap
-  });
-  const htmlRelative = getRelativeAttr({
-    relative
-  });
-  const displayAttr = getDisplayAttr({
-    hide,
-    inline
-  });
-  const alignItemsAttr = getAlignItemsAttr({
-    alignItems
-  });
-  const justifyContentAttr = getJustifyContentAttr({
-    justifyContent
-  });
-  let directionAttr = DO_NOT_ADD_DATA_ATTRIBUTE;
-  let columnReverseAttr = DO_NOT_ADD_DATA_ATTRIBUTE;
-  const directionResult = getDirectionAttr({
-    direction,
-    column,
-    reverse
-  });
-  if (directionResult.applyThrough === "columnReverse") {
-    columnReverseAttr = directionResult.columnReverseAttr;
-  } else {
-    directionAttr = directionResult.directionAttr;
-  }
-  let paddingAttr = DO_NOT_ADD_DATA_ATTRIBUTE;
-  const paddingResult = getPaddingAttr({
-    padding
-  });
-  if (paddingResult.applyThrough === "classnames") {
-    classNames.push(...paddingResult.classNames);
-  } else {
-    paddingAttr = paddingResult.attr;
-  }
-  const tagProps = {
-    ...filterAttributesPassedByRadixUIAtRuntime(restPropsPassedByRadixUI),
-    ref,
-    className: classNames.join(" "),
-    "data-ds-gap": gapAttr,
-    "data-ds-nowrap": wrapAttr,
-    "data-ds-padding": paddingAttr,
-    "data-ds-display": displayAttr,
-    "data-ds-relative": htmlRelative,
-    "data-ds-direction": directionAttr,
-    "data-ds-alignitems": alignItemsAttr,
-    "data-ds-columnreverse": columnReverseAttr,
-    "data-ds-justifycontent": justifyContentAttr,
-    ...getDatasetProps(dataset, {
-      preplyDsComponent: webComponentNames.LayoutFlex
-    })
-  };
-  return /* @__PURE__ */ jsx(Tag, { ...tagProps, children });
-});
-export {
-  LayoutFlex
-};
+import "../../jsx-runtime-i4KUlhDu.js";
+import { t as LayoutFlex } from "../../LayoutFlex-e9auDvWD.js";
+export { LayoutFlex };