@apia/components 4.0.44 → 4.0.45

package/dist/index.d.ts

@@ -357,7 +357,7 @@ type TabsControllerProps<TabType extends TTab> = {
     id: string;
     initialTabs?: TabType[];
     getController?: (controller: TabsController) => unknown;
-    initialState?: Pick<Partial<TTabsListState<TabType>>, 'isMultiple' | 'showAtLeastOneTab'>;
+    initialState?: Pick<Partial<TTabsListState<TabType>>, 'isMultiple'>;
     onCloseTab?: (tan: Tab) => void;
     orientation: TOrientation;
 };
@@ -538,8 +538,6 @@ declare class ApiaUtilParsers {
      * Toma un número en formato Apia y lo devuelve como float en javascript.
      */
     jsNumber(value: string): number;
-    dateToApiaString(value: Date): string | undefined;
-    dateFromApiaString(value: string): Date | null;
     /**
      * Hay muchos valores que podrían querer ser interpretados como booleano
      *
@@ -1745,7 +1743,6 @@ type TIconsList<P = Record<string, unknown>> = {
      * Listado de íconos
      */
     icons: TIcon<P>[];
-    iconsPerRow?: number;
     iconRenderer?: TIconRenderer<P>;
     /**
      * Por defecto se usa iconWidth=100.
@@ -2112,8 +2109,6 @@ declare function useMenu(breakPoints?: number[], initialMenu?: IMenuDefinition):
  */
 declare const FooterButtons: (props: BoxProps) => React$1.JSX.Element;
 
-declare const TwoColumns: ({ atVeryTop, upperAside, overHeadAside, image, title, subTitle, description, underHeadAside, mainContent, footer, asideContent, footerButtons, }: Partial<Record<"atVeryTop" | "upperAside" | "overHeadAside" | "image" | "title" | "subTitle" | "description" | "underHeadAside" | "mainContent" | "footer" | "asideContent" | "footerButtons", ReactNode>>) => React$1.JSX.Element;
-
 /**
  * Este aside aparece en la vista twoColumnList en los
  * breakpoints de vista móvil.
@@ -2181,8 +2176,6 @@ declare const ShowResponsive: ({ show, children, display, }: {
 
 declare const CenteredHeaderButtons: () => React__default.JSX.Element;
 
-declare const TwoColumnsList: ({ image, subTitle, title, description, favoriteIcon, content, headerBottom, contentFooter, footer, asideContent, footerButtons, }: Partial<Record<"image" | "title" | "subTitle" | "description" | "favoriteIcon" | "headerBottom" | "content" | "contentFooter" | "footer" | "asideContent" | "footerButtons", ReactNode>>) => React$1.JSX.Element;
-
 declare class TableParameter extends Parameter<ITableParameterProps> {
     constructor(params: ITableParameterProps);
 }
@@ -2569,5 +2562,5 @@ declare class Templater {
     parseString(content: string, options?: IAlterDefaultOptions): string | JSX.Element | JSX.Element[];
 }
 
-export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAsidePanel, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IMenuDefinition, type IOverlay, type IPagination, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, _default as MDRenderer, Modal, ModalContext, NumberInput, Overlay, Pagination, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TCheckbox, type TCssProps, type TDateProps, type TFieldLabel, type TFilterOp, type TFilterPayload, type TFilterType, type TFilterValue, type TFilterValueType, type TGetTabsController, type TIcon, type TIconButton, type TIconRenderer, type TIconSize, type TIconsList, type TListbox, type TMenuItem, type TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TSubmenu, type TTab, type TTabLabelRenderer as TTabRenderer, type TToolbarIconButton as TToolDefinition, type TTooltip, type TUploadHandlerProps, type TUploadInProgress, type TUploadedFile, type TUseModalConfiguration, type TVisualizationType, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, TwoColumns, TwoColumnsList, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, type AutocompleteCmpProps, AutocompleteController, type AutocompleteOption, type AutocompleteProps, AutogrowTextarea, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultAccordionItemButton, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, type IAccordionItemButton, type IAccordionItemProps, type IAccordionProps, type IAlert, type IApiaFilter, type IAsidePanel, type ICalendarModal, type IConfirm, type IDialogButtonBar, type IDialogHeader, type IField, type IFieldErrorMessage, type IFilterCondition, type IFilterDTOState, type IFilterValue, type IIconInput, type IMenuDefinition, type IOverlay, type IPagination, type IParameter, type IParametersGroup, type IRequiredMark, type IResponsiveComponent, type ISimpleButton, type ITableParameterProps, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, _default as MDRenderer, Modal, ModalContext, NumberInput, Overlay, Pagination, Parameter, type ParameterObject, type ParameterPossibleValue, ParameterRender, type ParameterRenderer, type ParameterRendererProps, type ParameterType, Parameters, type ParametersDefinition, ParametersGroup, type ParametersGroupRenderer, ParametersStore, ParametersTable, type Payload, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, type TAccordionHandler, type TAccordionItemButton, type TApiaButtonType, type TApiaIconButton, type TCheckbox, type TCssProps, type TDateProps, type TFieldLabel, type TFilterOp, type TFilterPayload, type TFilterType, type TFilterValue, type TFilterValueType, type TGetTabsController, type TIcon, type TIconButton, type TIconRenderer, type TIconSize, type TIconsList, type TListbox, type TMenuItem, type TModal, type TModalSize, type TNumberInput, type TNumberInputChangeEvent, type TOnClickNode, type TOnConfirmSelection, type TOnSelectionChange, type TOpenModal, type TParameterType, type TSubmenu, type TTab, type TTabLabelRenderer as TTabRenderer, type TToolbarIconButton as TToolDefinition, type TTooltip, type TUploadHandlerProps, type TUploadInProgress, type TUploadedFile, type TUseModalConfiguration, type TVisualizationType, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -7,7 +7,7 @@ import { uniqueId as uniqueId$3, cloneDeep, isFunction as isFunction$1 } from 'l
 import { Box, getVariant, useBreakpointIndex, Close, responsive, spacing, Heading, Link, Button, Spinner, createElement, Select, Input, Flex, IconButton as IconButton$1, Image, injectStyles, focusOutline, makeStyledComponent, useThemeUI, Label as Label$1, Progress, Grid, Paragraph, Container, Textarea } from '@apia/theme';
 import { BarLoader } from 'react-spinners';
 import uniqueId$2 from 'lodash-es/uniqueId';
-import { findScrollContainer, useUpdateEffect, focus, focusSelector, getFocusSelector, addBoundary, useCombinedRefs, usePrevious, getLabel, dateToApiaFormat, dateFromApiaFormat, isChild, EventEmitter, useUnmount, useMount, StatefulEmitter, shallowEqual as shallowEqual$1, getSpecificParent, getDateFormat, customEvents, persistentStorage, disableChildrenFocus, enableChildrenFocus, decodeHTMLEntities, useDebouncedCallback, getIndex, noNaN, useLatest, useSubscription, uniqueId as uniqueId$4, useMatchScrollDirection, arrayOrArray } from '@apia/util';
+import { findScrollContainer, useUpdateEffect, focus, focusSelector, getFocusSelector, addBoundary, useCombinedRefs, usePrevious, getLabel, isChild, EventEmitter, useUnmount, useMount, StatefulEmitter, shallowEqual as shallowEqual$1, getSpecificParent, getDateFormat, customEvents, persistentStorage, disableChildrenFocus, enableChildrenFocus, decodeHTMLEntities, useDebouncedCallback, getIndex, noNaN, useLatest, useSubscription, uniqueId as uniqueId$4, useMatchScrollDirection, arrayOrArray } from '@apia/util';
 import usePortal from 'react-cool-portal';
 import { CSSTransition } from 'react-transition-group';
 import { uniqueId as uniqueId$1, defaultNotifier, NotificationsList } from '@apia/notifications';
@@ -2252,12 +2252,6 @@ class ApiaUtilParsers {
     }
     return aux ? parseFloat(aux) : parseFloat(value);
   }
-  dateToApiaString(value) {
-    return dateToApiaFormat(value);
-  }
-  dateFromApiaString(value) {
-    return dateFromApiaFormat(value);
-  }
   /**
    * Hay muchos valores que podrían querer ser interpretados como booleano
    *
@@ -4162,19 +4156,18 @@ const DateInput = React__default.forwardRef(
     }, [stateError]);
     const shoutOnChange = React__default.useCallback(
       (newValue) => {
-        if (lastEmittedValue.current !== newValue) {
-          lastEmittedValue.current = newValue;
-          return onChange?.(newValue) ?? true;
-        }
+        lastEmittedValue.current = newValue;
+        return onChange?.(newValue) ?? true;
       },
       [onChange]
     );
     const setCalendarValue = React__default.useCallback(
       (value, nocheck, avoidShout) => {
         if (value === "") {
-          void shoutOnChange(value);
-          setInputValue(value);
-          setCalValue(void 0);
+          if (getMaskForDateFormat().replaceAll("9", DEFAULT_MASK_PLACEHOLDER) !== inputValue)
+            void shoutOnChange("");
+          setInputValue("");
+          setCalValue(/* @__PURE__ */ new Date());
           return;
         }
         let newDate = dayjs(value, dateFormat);
@@ -4281,8 +4274,6 @@ const DateInput = React__default.forwardRef(
             const hasPlaceHolder = ev.target.value.match(/_/);
             if (!hasPlaceHolder)
               return onChange?.(ev.target.value);
-          } else if (getMaskForDateFormat().replaceAll("9", DEFAULT_MASK_PLACEHOLDER) === ev.target.value) {
-            setCalendarValue("");
           }
         },
         onBlur: (ev) => {
@@ -7079,11 +7070,9 @@ const IconsListNonForwarded = (props, ref) => {
       render = useCallback(() => doRender((current) => !current), []);
       const storeId = useMemo(() => uniqueId("IconsList"), []);
       const [actions, useProps, , , Context] = useStore({ storeId });
-      const rows = Math.ceil(
-        propsRef.current.icons.length / (props.iconsPerRow ? props.iconsPerRow : breakPoint)
-      );
+      const rows = Math.ceil(propsRef.current.icons.length / breakPoint);
       const sx = useStyles({
-        breakPoint: props.iconsPerRow ? props.iconsPerRow : breakPoint,
+        breakPoint,
         containerWidth,
         iconWidth: propsRef.current.iconWidth ?? 100,
         verticalGap: propsRef.current.verticalGap,
@@ -7094,7 +7083,7 @@ const IconsListNonForwarded = (props, ref) => {
       }, [breakPoint]);
       const IconRenderer = propsRef.current.iconRenderer ?? DefaultIconRenderer;
       const gridRef = useProps("grid", {
-        columns: props.iconsPerRow ? props.iconsPerRow : breakPoint,
+        columns: breakPoint,
         iconsCount: propsRef.current.icons.length,
         rows
       });
@@ -7109,7 +7098,7 @@ const IconsListNonForwarded = (props, ref) => {
           storeId,
           children: /* @__PURE__ */ jsx(Box, { ref: gridRef, children: Array(rows).fill(1).map((_, i) => {
             const icons = getRowIcons({
-              breakPoint: props.iconsPerRow ? props.iconsPerRow : breakPoint,
+              breakPoint,
               i,
               icons: propsRef.current.icons
             });
@@ -9764,6 +9753,119 @@ const FooterButtons = (props) => {
   return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Box, { ...props }) });
 };
 
+const AccordionAside = () => {
+  const children = useMenu([1, 2, 3]);
+  return children;
+};
+
+const Aside = () => {
+  const children = useMenu([5, 6, 7]);
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+const AsideLoader = (definition) => {
+  React__default.useEffect(() => {
+    const variant = definition.variant ?? "twoColumnsAside";
+    const unregister = menuController.setMenu({
+      menu: /* @__PURE__ */ jsx(Box, { className: "ApplicationMenu", variant: `layout.${variant}`, children: definition.menu ?? definition.children }),
+      stage: definition.stage ?? uniqueId$3()
+    });
+    return () => {
+      unregister();
+    };
+  }, [
+    definition.children,
+    definition.menu,
+    definition.stage,
+    definition.variant
+  ]);
+  return null;
+};
+
+const BodyAside = () => {
+  const children = useMenu([1, 2, 3]);
+  return children;
+};
+
+const FloatingAside = () => {
+  const isScrollingUp = useMatchScrollDirection("up");
+  const [hasScrolledEnough, setHasScrolledEnough] = React__default.useState(false);
+  useScroll(document, ({ top }) => {
+    const menu = document.getElementById("BodyAside");
+    if (!menu)
+      return false;
+    let computedStyle = 0;
+    if (window.getComputedStyle(menu).paddingTop.match(/\d+/)) {
+      computedStyle = Number(
+        window.getComputedStyle(menu).paddingTop.match(/\d+/)[0]
+      ) + Number(
+        window.getComputedStyle(menu).paddingBottom.match(/\d+/)[0]
+      );
+    }
+    const boxTop = menu.offsetHeight + menu.offsetTop + computedStyle;
+    if (hasScrolledEnough !== boxTop < top)
+      setHasScrolledEnough(boxTop < top);
+    return false;
+  });
+  const children = useMenu([1, 2, 3]);
+  const { Portal } = usePortal({
+    containerId: "NonControlledAppModals",
+    clickOutsideToHide: false,
+    autoRemoveContainer: false,
+    defaultShow: true,
+    escToHide: false
+  });
+  if (!children)
+    return null;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      ...getVariant("layout.twoColumnsAside.floatingResponsive"),
+      className: isScrollingUp && hasScrolledEnough ? "" : "hidden",
+      children: /* @__PURE__ */ jsx(
+        AccordionItem,
+        {
+          defaultExpanded: false,
+          buttonProps: {
+            label: getLabel("lblMnuOpc").text,
+            ariaLabel: getLabel("lblMnuOpc").title
+          },
+          id: "floatingMenuAccordion",
+          ...getVariant("tabPrimary"),
+          children: isScrollingUp && hasScrolledEnough && children
+        }
+      )
+    }
+  ) });
+};
+
+const FooterResponsiveButtons = ({
+  breakpoint = 4,
+  children,
+  className
+}) => {
+  const { Portal } = usePortal({
+    containerId: "NonControlledAppModals",
+    clickOutsideToHide: false,
+    autoRemoveContainer: false,
+    defaultShow: true,
+    escToHide: false
+  });
+  const appBreakpoint = useBreakpointIndex();
+  const shouldShow = useMatchScrollDirection("down") && breakpoint >= appBreakpoint;
+  if (Array.isArray(children) && children.length === 0)
+    return null;
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+    Box,
+    {
+      as: "aside",
+      ...getVariant("layout.footerResponsiveButtons"),
+      className: `${className ?? ""} ${shouldShow ? "visible" : "hidden"}`,
+      children
+    }
+  ) });
+};
+
 const HamburguerMenu = ({
   container = ".TitleContainer",
   header = "MainHeader",
@@ -9876,170 +9978,6 @@ const HamburguerMenu = ({
   ] });
 };
 
-const BodyAside = () => {
-  const children = useMenu([1, 2, 3]);
-  return children;
-};
-
-const Aside = () => {
-  const children = useMenu([5, 6, 7]);
-  return /* @__PURE__ */ jsx(Fragment, { children });
-};
-
-const FooterResponsiveButtons = ({
-  breakpoint = 4,
-  children,
-  className
-}) => {
-  const { Portal } = usePortal({
-    containerId: "NonControlledAppModals",
-    clickOutsideToHide: false,
-    autoRemoveContainer: false,
-    defaultShow: true,
-    escToHide: false
-  });
-  const appBreakpoint = useBreakpointIndex();
-  const shouldShow = useMatchScrollDirection("down") && breakpoint >= appBreakpoint;
-  if (Array.isArray(children) && children.length === 0)
-    return null;
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      as: "aside",
-      ...getVariant("layout.footerResponsiveButtons"),
-      className: `${className ?? ""} ${shouldShow ? "visible" : "hidden"}`,
-      children
-    }
-  ) });
-};
-
-const FloatingAside = () => {
-  const isScrollingUp = useMatchScrollDirection("up");
-  const [hasScrolledEnough, setHasScrolledEnough] = React__default.useState(false);
-  useScroll(document, ({ top }) => {
-    const menu = document.getElementById("BodyAside");
-    if (!menu)
-      return false;
-    let computedStyle = 0;
-    if (window.getComputedStyle(menu).paddingTop.match(/\d+/)) {
-      computedStyle = Number(
-        window.getComputedStyle(menu).paddingTop.match(/\d+/)[0]
-      ) + Number(
-        window.getComputedStyle(menu).paddingBottom.match(/\d+/)[0]
-      );
-    }
-    const boxTop = menu.offsetHeight + menu.offsetTop + computedStyle;
-    if (hasScrolledEnough !== boxTop < top)
-      setHasScrolledEnough(boxTop < top);
-    return false;
-  });
-  const children = useMenu([1, 2, 3]);
-  const { Portal } = usePortal({
-    containerId: "NonControlledAppModals",
-    clickOutsideToHide: false,
-    autoRemoveContainer: false,
-    defaultShow: true,
-    escToHide: false
-  });
-  if (!children)
-    return null;
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
-    Box,
-    {
-      ...getVariant("layout.twoColumnsAside.floatingResponsive"),
-      className: isScrollingUp && hasScrolledEnough ? "" : "hidden",
-      children: /* @__PURE__ */ jsx(
-        AccordionItem,
-        {
-          defaultExpanded: false,
-          buttonProps: {
-            label: getLabel("lblMnuOpc").text,
-            ariaLabel: getLabel("lblMnuOpc").title
-          },
-          id: "floatingMenuAccordion",
-          ...getVariant("tabPrimary"),
-          children: isScrollingUp && hasScrolledEnough && children
-        }
-      )
-    }
-  ) });
-};
-
-const AsideLoader = (definition) => {
-  React__default.useEffect(() => {
-    const variant = definition.variant ?? "twoColumnsAside";
-    const unregister = menuController.setMenu({
-      menu: /* @__PURE__ */ jsx(Box, { className: "ApplicationMenu", variant: `layout.${variant}`, children: definition.menu ?? definition.children }),
-      stage: definition.stage ?? uniqueId$3()
-    });
-    return () => {
-      unregister();
-    };
-  }, [
-    definition.children,
-    definition.menu,
-    definition.stage,
-    definition.variant
-  ]);
-  return null;
-};
-
-const TwoColumns = ({
-  atVeryTop,
-  upperAside,
-  overHeadAside,
-  image,
-  title,
-  subTitle,
-  description,
-  underHeadAside,
-  mainContent,
-  footer,
-  asideContent,
-  footerButtons
-}) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(Box, { ...getVariant("layout.twoColumns"), children: [
-      /* @__PURE__ */ jsxs(Box, { as: "section", className: "twoColumns__topBox", id: "MainHeader", children: [
-        atVeryTop,
-        /* @__PURE__ */ jsx(Box, { as: "aside", className: "topBox__upperAside", children: upperAside }),
-        overHeadAside,
-        /* @__PURE__ */ jsxs(Box, { className: "topBox__heading", children: [
-          /* @__PURE__ */ jsx(Box, { as: "header", className: "topBox__imageHeader", children: image }),
-          /* @__PURE__ */ jsxs(Box, { as: "header", className: "topBox__header TitleContainer", children: [
-            /* @__PURE__ */ jsxs(Box, { className: "topBox__headings", children: [
-              /* @__PURE__ */ jsx("h1", { children: title }),
-              subTitle && /* @__PURE__ */ jsx("h2", { children: subTitle })
-            ] }),
-            /* @__PURE__ */ jsx(Box, { as: "p", children: description })
-          ] }),
-          /* @__PURE__ */ jsxs(Box, { className: "topBox__nav", children: [
-            /* @__PURE__ */ jsx(FavoriteIcon, {}),
-            /* @__PURE__ */ jsx(HamburguerMenu, {})
-          ] })
-        ] }),
-        underHeadAside
-      ] }),
-      /* @__PURE__ */ jsxs(Box, { as: "section", className: "twoColumns__section", children: [
-        /* @__PURE__ */ jsxs(Box, { as: "main", className: "twoColumns__main", children: [
-          /* @__PURE__ */ jsx(BodyAside, {}),
-          mainContent
-        ] }),
-        /* @__PURE__ */ jsx(Box, { as: "nav", id: "MainAside", className: "twoColumns__aside", children: /* @__PURE__ */ jsx(Aside, {}) })
-      ] }),
-      /* @__PURE__ */ jsx(Box, { as: "footer", className: "twoColumns__footer", children: footer })
-    ] }),
-    /* @__PURE__ */ jsx(AsideLoader, { children: asideContent }),
-    /* @__PURE__ */ jsx(FooterResponsiveButtons, { children: footerButtons }),
-    /* @__PURE__ */ jsx(FloatingAside, {})
-  ] });
-};
-
-const AccordionAside = () => {
-  const children = useMenu([1, 2, 3]);
-  return children;
-};
-
 const HeaderButtons = () => {
   const breakPoint = useBreakpointIndex();
   const shouldShowAsFloat = breakPoint === 3;
@@ -10122,52 +10060,6 @@ const CenteredHeaderButtons = () => {
   return /* @__PURE__ */ jsx(Portal3, { children: icon });
 };
 
-const TwoColumnsList = ({
-  image,
-  subTitle,
-  title,
-  description,
-  favoriteIcon,
-  content,
-  headerBottom,
-  contentFooter,
-  footer,
-  asideContent,
-  footerButtons
-}) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { ...getVariant("layout.twoColumnsList"), className: "twoColumnsList", children: [
-      /* @__PURE__ */ jsxs("div", { className: "twoColumnsList__topBox", id: "MainHeader", children: [
-        /* @__PURE__ */ jsxs("header", { className: "topBox__heading", children: [
-          /* @__PURE__ */ jsx("section", { className: "topBox__imageHeader", children: image }),
-          /* @__PURE__ */ jsxs("section", { className: "topBox__header TitleContainer", children: [
-            /* @__PURE__ */ jsxs("div", { className: "topBox__headings", children: [
-              /* @__PURE__ */ jsx("h1", { children: title }),
-              subTitle && /* @__PURE__ */ jsx("h2", { children: subTitle })
-            ] }),
-            /* @__PURE__ */ jsx("p", { className: "topBox__description", children: description })
-          ] }),
-          /* @__PURE__ */ jsxs("nav", { className: "topBox__nav", title: getLabel("lblNavOptions").text, children: [
-            favoriteIcon,
-            /* @__PURE__ */ jsx(HamburguerMenu, {})
-          ] })
-        ] }),
-        headerBottom
-      ] }),
-      /* @__PURE__ */ jsxs("section", { className: "twoColumnsList__section", children: [
-        /* @__PURE__ */ jsxs("main", { className: "twoColumnsList__main", children: [
-          /* @__PURE__ */ jsx("div", { className: "twoColumnsList__content", children: content }),
-          /* @__PURE__ */ jsx("div", { className: "twoColumnsList__contentFooter", children: contentFooter })
-        ] }),
-        /* @__PURE__ */ jsx("aside", { id: "MainAside", className: "twoColumnsList__aside", children: /* @__PURE__ */ jsx(Aside, {}) })
-      ] }),
-      /* @__PURE__ */ jsx("footer", { className: "twoColumnsList__mainFooter", children: footer })
-    ] }),
-    /* @__PURE__ */ jsx(AsideLoader, { children: asideContent }),
-    /* @__PURE__ */ jsx(FooterResponsiveButtons, { children: footerButtons })
-  ] });
-};
-
 var __defProp$5 = Object.defineProperty;
 var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$5 = (obj, key, value) => {
@@ -11234,5 +11126,5 @@ const _FiltersStore = class _FiltersStore {
 __publicField(_FiltersStore, "instance", new _FiltersStore());
 let FiltersStore = _FiltersStore;
 
-export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, AutocompleteController, AutogrowTextarea, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, index as MDRenderer, Modal, ModalContext, NumberInput, Overlay, Pagination, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, TwoColumns, TwoColumnsList, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
+export { Accordion, AccordionAside, AccordionContext, AccordionItem, AccordionItemButton, AccordionItemContent, AccordionItemContext, AlertModal, ApiaFilter, ApiaUtil, ApiaUtilModalHandler, ApiaUtilTooltip, Aside, AsideLoader, AsidePanel, AutoEllipsis, Autocomplete, AutocompleteController, AutogrowTextarea, BaseButton, BodyAside, CalendarModal, Captcha, CenteredHeaderButtons, Checkbox$1 as Checkbox, CollapsiblePanel, Confirm, ConfirmModal, ContainerWithHeader, DateInput, DeadSessionModal, DefaultIconRenderer, DefaultTabsLabelRenderer, DialogButtonBar, Dropzone, FavoriteIcon, FieldErrorMessage, FieldLabel, FileCard, FilterConditionDTO, FilterDTO, FiltersStore, FloatingAside, FooterButtons, FooterResponsiveButtons, HamburguerMenu, Header, HeaderButtons, IconButton, IconInput, IconsList, Label, LabelBox, LinearLoader, LinearSpinnerLock, ListSkeletonLoader, Listbox, ListboxItem, LoaderSpinner, index as MDRenderer, Modal, ModalContext, NumberInput, Overlay, Pagination, Parameter, ParameterRender, Parameters, ParametersGroup, ParametersStore, ParametersTable, ProgressBar, RequiredMark, ScreenLocker, ShowResponsive, SimpleButton, SortableList, SortableListItem, Tab, Tabs, TabsContent, TabsController, TabsList, Templater, Toolbar, ToolbarController, ToolbarIconButton, ToolbarInput, ToolbarSelect, ToolbarSeparator, ToolbarTextButton, UnstyledSortableList, UploadHandler, Uploader, WaiTypeAhead, getFieldErrorStyles, getFieldTouchedStyles, importComponent, isFavoriteIcon, isParametersGroup, makeResponsiveComponent, menuController, parseNumberInputValueToNumber, parseNumberValueToNumberInput, useAccordionContext, useCurrentTab, useMenu, useModal, useModalContext, useOtherTagButton, useTabsContext };
 //# sourceMappingURL=index.js.map