@m4l/components 3.1.7 → 3.1.8

package/components/Period/index-2pJG3VmY.js

@@ -1,238 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
-import { z as ContainerPeriod } from "../../styles/index-DKj6m8SL.js";
-import { generateUtilityClasses, generateUtilityClass, Skeleton, Autocomplete, TextField } from "@mui/material";
-import { useState, useMemo } from "react";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index-CuG1pnXW.js";
-import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../test/constants_no_mock-CF-669v-.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
-import { T as Typography } from "../mui_extended/Typography/index-Cf_4Zw8f.js";
-import { I as IconButton } from "../mui_extended/IconButton/index-CusYFjie.js";
-var ETimePeriods = /* @__PURE__ */ ((ETimePeriods2) => {
-  ETimePeriods2[ETimePeriods2["YEARS"] = 0] = "YEARS";
-  ETimePeriods2[ETimePeriods2["MONTHS"] = 1] = "MONTHS";
-  ETimePeriods2[ETimePeriods2["DAYS"] = 2] = "DAYS";
-  return ETimePeriods2;
-})(ETimePeriods || {});
-const dictionary = {
-  LABEL_YEARS: "period.label_years",
-  LABEL_MONTHS: "period.label_months",
-  LABEL_DAYS: "period.label_days"
-};
-function getPeriodComponetsDictionary() {
-  return ["period"].concat(getCommonActionsDictionary());
-}
-const componentName = "M4LPeriod";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "containerDateLabel",
-  "containerDateValue",
-  "skeleton",
-  "skeletonFieldPrimary",
-  "skeletonFieldSecondary",
-  "skeletonFieldSecondary",
-  /* states or variants of elements */
-  "stateError",
-  "stateReadOnly",
-  "variantMonoperiod",
-  "variantMultiperiod",
-  "sizeSmall",
-  "sizeMedium",
-  "isFocus"
-]);
-function getPeriodUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const periodUtilityClasses = (ownerState) => {
-  const slots = {
-    root: [
-      "root",
-      ownerState.size === "small" && "sizeSmall",
-      ownerState.size === "medium" && "sizeMedium",
-      ownerState.state === "error" && "stateError",
-      ownerState.state === "success" && "stateSuccess",
-      ownerState.state === "warning" && "stateWarning",
-      ownerState.state === "info" && "stateInfo",
-      ownerState.readOnly && "stateReadOnly",
-      ownerState.variant === "monoperiod" ? "variantMonoperiod" : null,
-      ownerState.variant === "multiperiod" ? "variantMultiperiod" : null,
-      ownerState.focus && "isFocus"
-    ],
-    containerDateLabel: ["containerDateLabel"],
-    containerDateValue: ["containerDateValue"],
-    skeleton: ["skeleton"],
-    skeletonFieldPrimary: ["skeletonFieldPrimary"],
-    skeletonFieldSecondary: ["skeletonFieldSecondary"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPeriodUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const PERIOD_PREFIX = "M4LPeriod";
-const getNamePeriodDataTestId = (KEY) => {
-  return `${PERIOD_PREFIX}-${KEY}`;
-};
-const SkeletonPeriod = (props) => {
-  const { classes } = props;
-  return /* @__PURE__ */ jsxs("div", { className: classes.skeleton, children: [
-    /* @__PURE__ */ jsx("div", { className: classes.skeletonFieldPrimary, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%" }) }),
-    /* @__PURE__ */ jsx("div", { className: classes.skeletonFieldSecondary, children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "50%" }) })
-  ] });
-};
-const getSelPeriodTime = (period) => {
-  if (!period) return ETimePeriods.YEARS;
-  if (period.selPeriodTime) return period.selPeriodTime;
-  if (period.years && period.years > 0) return ETimePeriods.YEARS;
-  if (period.months && period.months > 0) return ETimePeriods.MONTHS;
-  if (period.days && period.days > 0) return ETimePeriods.DAYS;
-  return ETimePeriods.YEARS;
-};
-const getSingleValue = (period) => {
-  if (!period) return "";
-  if (period.singleValue !== void 0) return period.singleValue;
-  if (period.years && period.years > 0) return period.years;
-  if (period.months && period.months > 0) return period.months;
-  if (period.days && period.days > 0) return period.days;
-  return "";
-};
-const Period = (props) => {
-  const {
-    value,
-    onChange,
-    state,
-    readOnly = false,
-    variant = "monoperiod",
-    size = "small"
-  } = props;
-  const { getLabel } = useModuleDictionary();
-  const [open, setOpen] = useState(false);
-  const [isFocus, setIsFocus] = useState(false);
-  const isSkeleton = useModuleSkeleton();
-  const selPeriodTime = getSelPeriodTime(value);
-  const singleValue = getSingleValue(value);
-  const isDesktop = useResponsiveDesktop();
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const iconDown = `${host_static_assets}/${environment_assets}/frontend/components/RHFAutocompletarAsync/assets/icons/chevronDown.svg`;
-  const handleFocus = () => {
-    setIsFocus(true);
-  };
-  const handleBlur = () => {
-    setIsFocus(false);
-  };
-  const onTotalChange = (newPeriodTime, newValue) => {
-    const newPeriod = {
-      selPeriodTime: newPeriodTime,
-      singleValue: newValue
-    };
-    if (newValue !== "" && newValue > 0) {
-      newPeriod.years = 0;
-      newPeriod.months = 0;
-      newPeriod.days = 0;
-      if (newPeriodTime === ETimePeriods.YEARS) newPeriod.years = newValue;
-      if (newPeriodTime === ETimePeriods.MONTHS) newPeriod.months = newValue;
-      if (newPeriodTime === ETimePeriods.DAYS) newPeriod.days = newValue;
-    }
-    onChange(newPeriod);
-  };
-  const onChangeTime = (newPeriodTime) => {
-    if (newPeriodTime) {
-      onTotalChange(newPeriodTime.id, singleValue);
-    }
-  };
-  const options = useMemo(
-    () => [
-      {
-        id: 0,
-        label: getLabel(dictionary.LABEL_YEARS)
-      },
-      {
-        id: 1,
-        label: getLabel(dictionary.LABEL_MONTHS)
-      },
-      {
-        id: 2,
-        label: getLabel(dictionary.LABEL_DAYS)
-      }
-    ],
-    [getLabel]
-  );
-  const ownerState = {
-    readOnly,
-    state,
-    variant,
-    size: isDesktop ? size : "medium",
-    focus: isFocus
-  };
-  const classes = periodUtilityClasses(ownerState);
-  return /* @__PURE__ */ jsx(
-    ContainerPeriod,
-    {
-      className: classes.root,
-      onFocus: handleFocus,
-      onBlur: handleBlur,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNamePeriodDataTestId("root") } : {},
-      children: !isSkeleton ? readOnly ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: classes.containerDateLabel, children: /* @__PURE__ */ jsx(Typography, { variant: "body", skeletonWidth: "50%", children: value.selPeriodTime === 0 ? getLabel(dictionary.LABEL_YEARS) : value.selPeriodTime === 1 ? getLabel(dictionary.LABEL_MONTHS) : value.selPeriodTime === 2 ? getLabel(dictionary.LABEL_DAYS) : null }) }),
-        /* @__PURE__ */ jsx("div", { className: classes.containerDateValue, children: /* @__PURE__ */ jsx(Typography, { variant: "body", skeletonWidth: "80%", children: value.singleValue }) })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Autocomplete,
-          {
-            options,
-            value: options[selPeriodTime],
-            disableClearable: true,
-            open,
-            onOpen: () => setOpen(true),
-            onClose: () => setOpen(false),
-            onChange: (_event, autcValue) => {
-              onChangeTime(autcValue);
-            },
-            renderInput: (params) => {
-              return /* @__PURE__ */ jsx(
-                TextField,
-                {
-                  ...params,
-                  fullWidth: true,
-                  variant: "standard",
-                  SelectProps: { native: true },
-                  InputProps: {
-                    disableUnderline: true,
-                    ...params.InputProps,
-                    endAdornment: /* @__PURE__ */ jsx(
-                      IconButton,
-                      {
-                        src: iconDown,
-                        onClick: () => setOpen((currentOpen) => !currentOpen)
-                      }
-                    )
-                  },
-                  autoComplete: "off"
-                },
-                `tx_async_${params.id}`
-              );
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TextField,
-          {
-            type: "number",
-            variant: "standard",
-            value: singleValue,
-            InputProps: { disableUnderline: true },
-            onChange: (e) => {
-              onTotalChange(selPeriodTime, e.target.value === "" ? "" : parseInt(e.target.value));
-            }
-          }
-        )
-      ] }) : /* @__PURE__ */ jsx(SkeletonPeriod, { classes })
-    }
-  );
-};
-export {
-  Period as P,
-  getPeriodComponetsDictionary as g
-};

package/components/PrintingSystem/index-B2qcnfw0.js

@@ -1,187 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { generateUtilityClasses } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index-DiMrtgIu.js";
-import { B as PrintingSystemRoot } from "../../styles/index-DKj6m8SL.js";
-import clsx from "clsx";
-import { D as DividerNode } from "./subcomponents/DividerNode/index-MpFhE-H0.js";
-import { S as SectionNode } from "./subcomponents/SectionNode/index-iYPM3EaS.js";
-import { T as TextBoxNode } from "./subcomponents/TextBoxNode/index-DGjXCFKJ.js";
-import { H as HeaderNode } from "./subcomponents/HeaderNode/index-Cs8TOOBL.js";
-import { a as ImageNode, Q as QRImageNode } from "../Image/index-COp8vP0X.js";
-import { B as BodyNode } from "./subcomponents/BodyNode/index-Cv2aoy8S.js";
-import { F as FooterNode } from "./subcomponents/FooterNode/index-ZEcWdMSM.js";
-import { P as PaperNode } from "./subcomponents/PaperNode/index-DBb25Ecg.js";
-import { P as PropertyValueNode } from "./subcomponents/PropertyValueNode/index-CTVn7J9Q.js";
-import { G as GridNode } from "./subcomponents/GridNode/index-SsKax2xu.js";
-import { C as ChartNode } from "./subcomponents/ChartNode/index-BmJm8v_C.js";
-import { P as PagerNode, a as PageRender } from "../Page/index-DZMkYmr4.js";
-import { useBase, evaluateWithContext } from "@m4l/core";
-import { forwardRef, useRef, useImperativeHandle } from "react";
-import { useTheme } from "@mui/material/styles";
-const componentName = "M4LPrintingSystem";
-const classes = generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "pageNodeRoot",
-  "sectionNodeRoot",
-  "dividerNodeRoot",
-  "dividerNodeVertical",
-  "dividerNodeHorizontal",
-  "textBoxNodeVariant",
-  "textBoxNodeRoot",
-  "headerNodeRoot",
-  "imageNodeRoot",
-  "paperNodeRoot",
-  "paperNodeTitle",
-  "paperNodeContent",
-  "propertyValueNodeRoot",
-  "propertyValueNodeTitle",
-  "propertyValueNodeContent",
-  "propertyValueNodeHorizontal",
-  "propertyValueNodeVertical",
-  "gridNodeRoot",
-  "footerNodeRoot",
-  "bodyNodeRoot",
-  "paperNodeContainerTitles",
-  "paperNodeTitleSecondary",
-  "pagerNodeRoot",
-  "gridNodeTh",
-  "gridNodeTr",
-  "gridNodeTd",
-  "chartNodeRoot"
-  /* states or variants of elements */
-]);
-const printingSystemUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    pageNodeRoot: ["pageNodeRoot"],
-    sectionNodeRoot: ["sectionNodeRoot"],
-    dividerNodeRoot: ["dividerNodeRoot"],
-    dividerNodeVertical: ["dividerNodeVertical"],
-    dividerNodeHorizontal: ["dividerNodeHorizontal"],
-    textBoxNodeVariant: ["textBoxNodeVariant"],
-    textBoxNodeRoot: ["textBoxNodeRoot"],
-    headerNodeRoot: ["headerNodeRoot"],
-    imageNodeRoot: ["imageNodeRoot"],
-    paperNodeRoot: ["paperNodeRoot"],
-    paperNodeTitle: ["paperNodeTitle"],
-    paperNodeContent: ["paperNodeContent"],
-    propertyValueNodeRoot: ["propertyValueNodeRoot"],
-    propertyValueNodeTitle: ["propertyValueNodeTitle"],
-    propertyValueNodeContent: ["propertyValueNodeContent"],
-    propertyValueNodeHorizontal: ["propertyValueNodeHorizontal"],
-    propertyValueNodeVertical: ["propertyValueNodeVertical"],
-    gridNodeRoot: ["gridNodeRoot"],
-    footerNodeRoot: ["footerNodeRoot"],
-    bodyNodeRoot: ["bodyNodeRoot"],
-    paperNodeContainerTitles: ["paperNodeContainerTitles"],
-    paperNodeTitleSecondary: ["paperNodeTitleSecondary"],
-    pagerNodeRoot: ["pagerNodeRoot"],
-    gridNodeTh: ["gridNodeTh"],
-    gridNodeTr: ["gridNodeTr"],
-    gridNodeTd: ["gridNodeTd"],
-    chartNodeRoot: ["chartNodeRoot"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
-  return {
-    ...composedClasses
-  };
-};
-const getSize = (value, unitSize) => {
-  if (typeof value === "number") {
-    return `${value}${unitSize}`;
-  } else {
-    return value;
-  }
-};
-const FactoryRender = (props) => {
-  const { data: parent } = props;
-  const { children, ...otherProps } = parent || {};
-  const { sourceData } = useBase();
-  const strategiesComponents = {
-    section: SectionNode,
-    textBox: TextBoxNode,
-    divider: DividerNode,
-    image: ImageNode,
-    header: HeaderNode,
-    body: BodyNode,
-    footer: FooterNode,
-    paper: PaperNode,
-    propertyValue: PropertyValueNode,
-    grid: GridNode,
-    chart: ChartNode,
-    pager: PagerNode,
-    qrImage: QRImageNode,
-    __default__: () => {
-      throw new Error("Type no defined");
-    }
-  };
-  const Component = strategiesComponents[parent.type] ?? strategiesComponents.__default__;
-  return /* @__PURE__ */ jsxs(Component, { ...otherProps, children: [
-    Array.isArray(children) && children.length > 0 ? children.map((subComponent, _id) => {
-      return /* @__PURE__ */ jsx(
-        FactoryRender,
-        {
-          data: subComponent
-        },
-        `${subComponent.key}-${Math.random().toString(36).substring(7)}`
-      );
-    }) : null,
-    typeof children === "string" ? evaluateWithContext(sourceData, children) : null
-  ] });
-};
-const PrintingSystem = forwardRef((props, ref) => {
-  const { templateData: nodeRoot, sourceData, className } = props;
-  const theme = useTheme();
-  const classes2 = printingSystemUtilityClasses();
-  const listPages = Array.isArray(nodeRoot.pages) && nodeRoot.pages.length > 0 ? nodeRoot.pages : [];
-  const rootRef = useRef(null);
-  useImperativeHandle(ref, () => ({
-    GoPrint: async () => {
-      if (rootRef.current) {
-        const content = rootRef.current;
-        const printWindow = window.open("", "_blank");
-        if (printWindow) {
-          const printDocument = printWindow.document;
-          printDocument.write(
-            "<html><head><title>Contenido a imprimir</title></head><body></body></html>"
-          );
-          printDocument.body.appendChild(content.cloneNode(true));
-          const styleElement = printDocument.createElement("style");
-          styleElement.textContent = `
-                        ${theme.components?.M4LPrintingSystem?.styleOverrides}
-                    `;
-          printDocument.head.appendChild(styleElement);
-          printDocument.close();
-          printWindow.print();
-        }
-      }
-    }
-  }));
-  const Header = () => /* @__PURE__ */ jsx(FactoryRender, { data: nodeRoot.header[0] });
-  const Footer = () => /* @__PURE__ */ jsx(FactoryRender, { data: nodeRoot.footer[0] });
-  return /* @__PURE__ */ jsx(PrintingSystemRoot, { className: clsx(classes2.root, className), ref: rootRef, children: listPages.map((page, id) => {
-    return /* @__PURE__ */ jsx(
-      PageRender,
-      {
-        data: page,
-        id: id + 1,
-        unitSize: nodeRoot.unitSizes,
-        mainColor: nodeRoot.mainColor,
-        countPages: listPages.length,
-        HeaderGeneral: Header,
-        FooterGeneral: Footer,
-        sourceData,
-        templateData: nodeRoot
-      },
-      page.key
-    );
-  }) });
-});
-export {
-  FactoryRender as F,
-  PrintingSystem as P,
-  classes as c,
-  getSize as g
-};

package/components/PrintingSystem/subcomponents/BodyNode/index-Cv2aoy8S.js

@@ -1,49 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index-B2qcnfw0.js";
-import clsx from "clsx";
-const BodyNode = (props) => {
-  const {
-    children,
-    className,
-    direction = "row",
-    gap = "unset",
-    style,
-    width = "auto",
-    height = "auto",
-    paddingTop = "unset",
-    paddingRight = "unset",
-    paddingBottom = "unset",
-    paddingLeft = "unset",
-    alignX = "unset",
-    alignY = "unset",
-    grow = false
-  } = props;
-  const { unitSize } = useBase();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.bodyNodeRoot, className),
-      style: {
-        flexDirection: direction,
-        gap: getSize(gap, unitSize),
-        width: getSize(width, unitSize),
-        height: getSize(height, unitSize),
-        minWidth: getSize(width, unitSize),
-        minHeight: getSize(height, unitSize),
-        paddingTop: getSize(paddingTop, unitSize),
-        paddingRight: getSize(paddingRight, unitSize),
-        paddingBottom: getSize(paddingBottom, unitSize),
-        paddingLeft: getSize(paddingLeft, unitSize),
-        justifyContent: direction === "row" ? alignX : alignY,
-        alignItems: direction === "row" ? alignY : alignX,
-        flex: grow ? 1 : "unset",
-        ...style
-      },
-      children
-    }
-  );
-};
-export {
-  BodyNode as B
-};

package/components/PrintingSystem/subcomponents/ChartNode/index-BmJm8v_C.js

@@ -1,105 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index-B2qcnfw0.js";
-import clsx from "clsx";
-import { createRef, useEffect } from "react";
-import { Chart, registerables } from "chart.js";
-import { ScatterWithErrorBarsController, LineWithErrorBarsChart, PointWithErrorBar } from "chartjs-chart-error-bars";
-import { useBase, getPropertyByString, evaluateWithContext } from "@m4l/core";
-Chart.register(
-  ScatterWithErrorBarsController,
-  LineWithErrorBarsChart,
-  PointWithErrorBar,
-  ...registerables
-);
-const ChartNode = (props) => {
-  const { style = {}, className = "", points, messageX, messageY } = props;
-  const canvasRef = createRef();
-  const regexPattern = /\$\{([^{}]+)\}/g;
-  const { sourceData } = useBase();
-  const pointsMaybeString = typeof points === "string" && regexPattern.exec(points) || "";
-  const formatPoints = typeof points === "string" ? getPropertyByString(sourceData, pointsMaybeString[1]) : points;
-  const adjustedPoints = [];
-  if (Array.isArray(formatPoints) && formatPoints.length > 0) {
-    formatPoints.forEach((point, index) => {
-      adjustedPoints.push(point);
-      if (index < formatPoints.length - 1) {
-        const nextPoint = formatPoints[index + 1];
-        const step = 0.5;
-        for (let x = point.avg + step; x < nextPoint.avg; x += step) {
-          adjustedPoints.push({ avg: x, correction: null, uncertainty: null });
-        }
-      }
-    });
-  }
-  const data = Array.isArray(adjustedPoints) && adjustedPoints.length > 0 ? adjustedPoints.map((point) => {
-    return {
-      x: point.avg,
-      // Usar el valor promedio como el punto x
-      y: point.correction,
-      yMin: point.correction !== null && point.uncertainty !== null ? point.correction - point.uncertainty : 0,
-      yMax: point.correction !== null && point.uncertainty !== null ? point.correction + point.uncertainty : 0
-    };
-  }) : [];
-  useEffect(() => {
-    const canvas = canvasRef.current;
-    if (canvas != null) {
-      const ctx = canvas.getContext("2d");
-      if (ctx != null) {
-        new LineWithErrorBarsChart(ctx, {
-          data: {
-            labels: Array.isArray(adjustedPoints) && adjustedPoints.length > 0 ? adjustedPoints.map((point) => point.avg) : [],
-            datasets: [
-              {
-                data,
-                borderWidth: 0,
-                pointBorderWidth: 0
-              }
-            ]
-          },
-          options: {
-            plugins: {
-              legend: {
-                display: false
-              }
-            },
-            elements: {
-              pointWithErrorBar: {
-                radius: 5,
-                backgroundColor: "black"
-              }
-            },
-            scales: {
-              x: {
-                title: {
-                  display: true,
-                  text: evaluateWithContext(sourceData, messageX)
-                },
-                beginAtZero: false
-                // No empezar en 0 en el eje x
-              },
-              y: {
-                title: {
-                  display: true,
-                  text: evaluateWithContext(sourceData, messageY)
-                }
-              }
-            }
-          }
-        });
-      }
-    }
-  }, [canvasRef, points]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.chartNodeRoot, className),
-      style: {
-        ...style
-      },
-      children: /* @__PURE__ */ jsx("canvas", { ref: canvasRef })
-    }
-  );
-};
-export {
-  ChartNode as C
-};

package/components/PrintingSystem/subcomponents/DividerNode/index-MpFhE-H0.js

@@ -1,20 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { c as classes } from "../../index-B2qcnfw0.js";
-import clsx from "clsx";
-const DividerNode = (props) => {
-  const { direction = "vertical", className = "", style = {} } = props;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(
-        classes.dividerNodeRoot,
-        className,
-        direction === "vertical" ? classes.dividerNodeVertical : classes.dividerNodeHorizontal
-      ),
-      style: { ...style }
-    }
-  );
-};
-export {
-  DividerNode as D
-};

package/components/PrintingSystem/subcomponents/FooterNode/index-ZEcWdMSM.js

@@ -1,49 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useBase } from "@m4l/core";
-import { c as classes, g as getSize } from "../../index-B2qcnfw0.js";
-import clsx from "clsx";
-const FooterNode = (props) => {
-  const {
-    children,
-    className,
-    direction = "row",
-    gap = "unset",
-    style,
-    width = "auto",
-    height = "auto",
-    paddingTop = "unset",
-    paddingRight = "unset",
-    paddingBottom = "unset",
-    paddingLeft = "unset",
-    alignX = "unset",
-    alignY = "unset",
-    grow = false
-  } = props;
-  const { unitSize } = useBase();
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.footerNodeRoot, className),
-      style: {
-        flexDirection: direction,
-        gap: getSize(gap, unitSize),
-        width: getSize(width, unitSize),
-        height: getSize(height, unitSize),
-        minWidth: getSize(width, unitSize),
-        minHeight: getSize(height, unitSize),
-        paddingTop: getSize(paddingTop, unitSize),
-        paddingRight: getSize(paddingRight, unitSize),
-        paddingBottom: getSize(paddingBottom, unitSize),
-        paddingLeft: getSize(paddingLeft, unitSize),
-        justifyContent: direction === "row" ? alignX : alignY,
-        alignItems: direction === "row" ? alignY : alignX,
-        flex: grow ? 1 : "unset",
-        ...style
-      },
-      children
-    }
-  );
-};
-export {
-  FooterNode as F
-};