@apia/components 2.0.8 → 2.0.9

package/dist/components/modals/hooks/useEscapeKey.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEscapeKey.js","sources":["../../../../src/components/modals/hooks/useEscapeKey.ts"],"sourcesContent":["import { useEffect } from 'react';\r\n\r\n/**\r\n * Contorla la lógica encargada de cerrar el modal al presionar la tecla escape.\r\n */\r\nexport function useEscapeKey({\r\n  closeHandler,\r\n  id,\r\n  isOpenInner,\r\n  shouldCloseOnEsc,\r\n}: {\r\n  id: string;\r\n  closeHandler: () => void;\r\n  isOpenInner: boolean;\r\n  shouldCloseOnEsc?: boolean;\r\n}) {\r\n  useEffect(() => {\r\n    function handleEscape(event: KeyboardEvent) {\r\n      if (event.code !== 'Escape') return;\r\n\r\n      const overlays = [\r\n        ...document.querySelectorAll('.overlay, .window__modal'),\r\n      ];\r\n\r\n      const modal = (event.target as HTMLElement).closest(`#modal__${id}`);\r\n      if (modal) {\r\n        /**\r\n         * Funcionamiento para el WindowModal\r\n         */\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        closeHandler();\r\n      } else if (\r\n        overlays.length > 0 &&\r\n        (overlays[overlays.length - 1]?.id === id ||\r\n          overlays[overlays.length - 1]?.id === `modal__${id}`)\r\n      ) {\r\n        /**\r\n         * Legacy, para el StaticModal\r\n         */\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n\r\n        closeHandler();\r\n      }\r\n    }\r\n    if (isOpenInner && shouldCloseOnEsc)\r\n      document.addEventListener('keydown', handleEscape, false);\r\n    return () => {\r\n      document.removeEventListener('keydown', handleEscape, false);\r\n    };\r\n  }, [shouldCloseOnEsc, isOpenInner, closeHandler, id]);\r\n}\r\n"],"names":[],"mappings":";;AAKO,SAAS,YAAa,CAAA;AAAA,EAC3B,YAAA;AAAA,EACA,EAAA;AAAA,EACA,WAAA;AAAA,EACA,gBAAA;AACF,CAKG,EAAA;AACD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,SAAS,aAAa,KAAsB,EAAA;AAC1C,MAAA,IAAI,MAAM,IAAS,KAAA,QAAA;AAAU,QAAA,OAAA;AAE7B,MAAA,MAAM,QAAW,GAAA;AAAA,QACf,GAAG,QAAS,CAAA,gBAAA,CAAiB,0BAA0B,CAAA;AAAA,OACzD,CAAA;AAEA,MAAA,MAAM,QAAS,KAAM,CAAA,MAAA,CAAuB,OAAQ,CAAA,CAAA,QAAA,EAAW,EAAE,CAAE,CAAA,CAAA,CAAA;AACnE,MAAA,IAAI,KAAO,EAAA;AAIT,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAEtB,QAAa,YAAA,EAAA,CAAA;AAAA,iBAEb,QAAS,CAAA,MAAA,GAAS,MACjB,QAAS,CAAA,QAAA,CAAS,SAAS,CAAC,CAAA,EAAG,OAAO,EACrC,IAAA,QAAA,CAAS,SAAS,MAAS,GAAA,CAAC,GAAG,EAAO,KAAA,CAAA,OAAA,EAAU,EAAE,CACpD,CAAA,CAAA,EAAA;AAIA,QAAA,KAAA,CAAM,cAAe,EAAA,CAAA;AACrB,QAAA,KAAA,CAAM,eAAgB,EAAA,CAAA;AAEtB,QAAa,YAAA,EAAA,CAAA;AAAA,OACf;AAAA,KACF;AACA,IAAA,IAAI,WAAe,IAAA,gBAAA;AACjB,MAAS,QAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAC1D,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,mBAAA,CAAoB,SAAW,EAAA,YAAA,EAAc,KAAK,CAAA,CAAA;AAAA,KAC7D,CAAA;AAAA,KACC,CAAC,gBAAA,EAAkB,WAAa,EAAA,YAAA,EAAc,EAAE,CAAC,CAAA,CAAA;AACtD;;;;"}

package/dist/components/modals/hooks/useInitialFocus.js

@@ -1,37 +0,0 @@
-import { useEffect } from 'react';
-import { focus, focusSelector, getFocusSelector } from '@apia/util';
-
-function useInitialFocus({
-  isOpenInner,
-  initialFocusConfiguration,
-  initialFocusGetter,
-  initialFocusRef,
-  noFocus,
-  parentElement
-}) {
-  useEffect(
-    () => {
-      if (!noFocus && isOpenInner) {
-        if (parentElement) {
-          void focus.on(
-            () => {
-              if (initialFocusGetter)
-                return initialFocusGetter(parentElement);
-              if (initialFocusRef?.current)
-                return (initialFocusRef?.current || parentElement).querySelector(focusSelector);
-              return parentElement.querySelector(
-                getFocusSelector(":not(.modal__closeButton)")
-              );
-            },
-            { ...initialFocusConfiguration, focusEvenWhenScreenLocked: true }
-          );
-        }
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [parentElement]
-  );
-}
-
-export { useInitialFocus };
-//# sourceMappingURL=useInitialFocus.js.map

package/dist/components/modals/hooks/useInitialFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInitialFocus.js","sources":["../../../../src/components/modals/hooks/useInitialFocus.ts"],"sourcesContent":["import { useEffect } from 'react';\r\nimport { TModal } from '../Modal';\r\nimport { focus, focusSelector, getFocusSelector } from '@apia/util';\r\n\r\nexport function useInitialFocus({\r\n  isOpenInner,\r\n  initialFocusConfiguration,\r\n  initialFocusGetter,\r\n  initialFocusRef,\r\n  noFocus,\r\n  parentElement,\r\n}: { isOpenInner: boolean; parentElement?: HTMLElement | null } & Pick<\r\n  TModal,\r\n  | 'noFocus'\r\n  | 'initialFocusGetter'\r\n  | 'initialFocusRef'\r\n  | 'initialFocusConfiguration'\r\n>) {\r\n  useEffect(\r\n    () => {\r\n      if (!noFocus && isOpenInner) {\r\n        if (parentElement) {\r\n          void focus.on(\r\n            () => {\r\n              if (initialFocusGetter) return initialFocusGetter(parentElement);\r\n              if (initialFocusRef?.current)\r\n                return (\r\n                  (initialFocusRef?.current || parentElement) as HTMLElement\r\n                ).querySelector(focusSelector) as HTMLElement;\r\n              return parentElement.querySelector(\r\n                getFocusSelector(':not(.modal__closeButton)'),\r\n              ) as HTMLElement;\r\n            },\r\n            { ...initialFocusConfiguration, focusEvenWhenScreenLocked: true },\r\n          );\r\n        }\r\n      }\r\n    },\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n    [parentElement],\r\n  );\r\n}\r\n"],"names":[],"mappings":";;;AAIO,SAAS,eAAgB,CAAA;AAAA,EAC9B,WAAA;AAAA,EACA,yBAAA;AAAA,EACA,kBAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAA;AACF,CAMG,EAAA;AACD,EAAA,SAAA;AAAA,IACE,MAAM;AACJ,MAAI,IAAA,CAAC,WAAW,WAAa,EAAA;AAC3B,QAAA,IAAI,aAAe,EAAA;AACjB,UAAA,KAAK,KAAM,CAAA,EAAA;AAAA,YACT,MAAM;AACJ,cAAI,IAAA,kBAAA;AAAoB,gBAAA,OAAO,mBAAmB,aAAa,CAAA,CAAA;AAC/D,cAAA,IAAI,eAAiB,EAAA,OAAA;AACnB,gBAAA,OAAA,CACG,eAAiB,EAAA,OAAA,IAAW,aAC7B,EAAA,aAAA,CAAc,aAAa,CAAA,CAAA;AAC/B,cAAA,OAAO,aAAc,CAAA,aAAA;AAAA,gBACnB,iBAAiB,2BAA2B,CAAA;AAAA,eAC9C,CAAA;AAAA,aACF;AAAA,YACA,EAAE,GAAG,yBAA2B,EAAA,yBAAA,EAA2B,IAAK,EAAA;AAAA,WAClE,CAAA;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA;AAAA,IAEA,CAAC,aAAa,CAAA;AAAA,GAChB,CAAA;AACF;;;;"}

package/dist/components/modals/hooks/useModal.d.ts

@@ -1,97 +0,0 @@
-import React__default from 'react';
-import { Args } from 'react-cool-portal';
-import { TModal } from '../Modal.js';
-
-type TUseModalConfiguration = Pick<TModal, 'onClose' | 'onExited'> & {
-    debugPerformanceName?: string;
-    isDefaultOpen?: boolean;
-    onOpen?: () => unknown;
-    portalArgs?: Omit<Args, 'containerId'>;
-    preFetcher?: () => Promise<void>;
-};
-/**
- * Este hook provee una forma muy sencilla de utilizar nuestro modal. Provee
- * varias funcionalidades interesantes para poder manipular el modal en
- * distintas circunstancias:
- *
- * Objeto parámetro:
- *
- * - **defaultOpen**, Boolean, si es true el modal aparecerá abierto al montar
- * y sino aparecerá cerrado.
- * - **onOpen**: Event listener que será llamado en el momento exacto en que la
- * orden de apertura del modal fue dada.
- * - **onClose**: Event listener que será llamado en el momento exacto en que
- * el modal es cerrado, ya sea por un click en el overlay o porque la tecla
- * escape fue presionada.
- * - **onExited**, Event listener que será llamado luego de que la animación de
- * cierre del modal terminó.
- * - **preFetcher**, este método deberá devolver una promesa y en dicha promesa
- * deberá realizar cualquier operación que fuera necesaria antes de abrir el
- * modal, ejemplo: cargar la información que el modal debe mostrar. Si este
- * método es pasado, será llamado antes de abrir el modal y la vista se pondrá
- * en modo de carga (la propiedad isLoading devuelta y la propiedad isLoading
- * del OpenModalContextProvider estarán en true), hasta que la promesa sea
- * resuelta, momento en que se abrirá el modal e isLoading será puesto en false.
- * - **portalArgs**, objeto de configuración aceptado por el hook usePortal de
- * **react-cool-portal**.
- *
- * Objeto devuelto:
- *
- * - Para un modal en donde el botón de abrir el modal esté inserto dentro del
- * componente que lo utiliza, se devuelven los métodos **show** y **hide**.
- * - Para un modal en donde el botón de abrir el modal esté fuera del
- * componente, se devuelve **openModalContextValue**, que es el valor que debe
- * pasarse al contexto de tipo OpenModalContextProvider, un contexto que
- * puede ser utilizado para renderizar el botón encargado de abrir el modal,
- * fuera del alcance del componente que define el modal en sí. Se muestra un
- * ejemplo más abajo.
- * - Todos los demás elementos devueltos son para pasar directamente al modal,
- * entre ellos se encuentran las propiedades que el modal utiliza para saber si
- * debe estar abierto, los event listeners correspondientes y un portal, que el
- * modal usará para mostrarse dentro del área de modales, lo cual es sumamente
- * importante para que el focusController funcione correctamente.
- *
- * @see OpenModalContextProvider
- * @see usePortal
- *
- * @example
- *
-  const { openModalContextValue, ...modalProps } = useModal(
-    React.useMemo(() => ({
-      onClose: () => console.log("Al presionar en cerrar."),
-      onExited: () => console.log("Al terminar la animación de cierre."),
-      onOpen: () => console.log("Al abrir."),
-    }), [])
-  );
-
-  return (
-    <OpenModalContext.Provider value={openModalContextValue}>
-      <OpenModalContext.Consumer>
-        {({ isLoading, show }) => (
-          <Button isLoading={isLoading} onClick={show}>Open modal</Button>
-        )}
-      </OpenModalContext.Consumer>
-      <Modal shouldCloseOnEsc shouldCloseOnOverlayClick {...modalProps}>
-        Hello world
-      </Modal>
-    </OpenModalContext.Provider>
-  );
- */
-declare function useModal(configuration?: TUseModalConfiguration): {
-    hide: () => void;
-    isLoading: boolean;
-    isOpen: boolean;
-    onClose: () => void;
-    onExited: () => void;
-    openModalContextValue: {
-        isLoading: boolean;
-        show: () => void;
-    };
-    Portal: React__default.FC<{
-        children: React__default.ReactNode;
-    }>;
-    show: () => void;
-};
-
-export { type TUseModalConfiguration, useModal };
-//# sourceMappingURL=useModal.d.ts.map

package/dist/components/modals/hooks/useModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/modals/hooks/useModal.js

@@ -1,73 +0,0 @@
-import { useUpdateEffect } from '@apia/util';
-import React__default from 'react';
-import usePortal from 'react-cool-portal';
-
-function useModal(configuration) {
-  const [isLoading, setIsLoading] = React__default.useState(false);
-  const [isOpen, setIsOpen] = React__default.useState(
-    configuration?.portalArgs?.defaultShow ?? configuration?.isDefaultOpen ?? false
-  );
-  const {
-    Portal,
-    hide: hidePortal,
-    show: showPortal
-  } = usePortal({
-    ...configuration?.portalArgs,
-    containerId: "AppModals",
-    autoRemoveContainer: false,
-    escToHide: false,
-    clickOutsideToHide: false,
-    defaultShow: false,
-    internalShowHide: false
-  });
-  const hide = React__default.useCallback(() => {
-    setIsOpen(false);
-  }, []);
-  const show = React__default.useCallback(() => {
-    if (configuration?.preFetcher) {
-      setIsLoading(true);
-      configuration.preFetcher().then(() => {
-        setIsOpen(true);
-        setIsLoading(false);
-      }).catch(console.error);
-    } else
-      setIsOpen(true);
-  }, [configuration]);
-  const onClose = React__default.useCallback(() => {
-    setIsOpen(false);
-    if (configuration?.onClose)
-      configuration.onClose();
-  }, [configuration]);
-  const onExited = React__default.useCallback(() => {
-    hidePortal();
-    if (configuration?.onExited)
-      configuration.onExited();
-  }, [configuration, hidePortal]);
-  const openModalContextValue = React__default.useMemo(() => {
-    return {
-      isLoading,
-      show
-    };
-  }, [isLoading, show]);
-  useUpdateEffect(() => {
-    if (isOpen) {
-      if (configuration?.onOpen)
-        configuration.onOpen();
-      showPortal();
-    } else
-      onClose?.();
-  }, [isOpen]);
-  return {
-    hide,
-    isLoading,
-    isOpen,
-    onClose,
-    onExited,
-    openModalContextValue,
-    Portal,
-    show
-  };
-}
-
-export { useModal };
-//# sourceMappingURL=useModal.js.map

package/dist/components/modals/hooks/useModal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useModal.js","sources":["../../../../src/components/modals/hooks/useModal.tsx"],"sourcesContent":["import { useUpdateEffect } from '@apia/util';\r\nimport React from 'react';\r\nimport usePortal, { Args } from 'react-cool-portal';\r\nimport { TModal } from '../Modal';\r\n\r\nexport type TUseModalConfiguration = Pick<TModal, 'onClose' | 'onExited'> & {\r\n  debugPerformanceName?: string;\r\n  isDefaultOpen?: boolean;\r\n  onOpen?: () => unknown;\r\n  portalArgs?: Omit<Args, 'containerId'>;\r\n  preFetcher?: () => Promise<void>;\r\n};\r\n\r\n/**\r\n * Este hook provee una forma muy sencilla de utilizar nuestro modal. Provee\r\n * varias funcionalidades interesantes para poder manipular el modal en\r\n * distintas circunstancias:\r\n *\r\n * Objeto parámetro:\r\n *\r\n * - **defaultOpen**, Boolean, si es true el modal aparecerá abierto al montar\r\n * y sino aparecerá cerrado.\r\n * - **onOpen**: Event listener que será llamado en el momento exacto en que la\r\n * orden de apertura del modal fue dada.\r\n * - **onClose**: Event listener que será llamado en el momento exacto en que\r\n * el modal es cerrado, ya sea por un click en el overlay o porque la tecla\r\n * escape fue presionada.\r\n * - **onExited**, Event listener que será llamado luego de que la animación de\r\n * cierre del modal terminó.\r\n * - **preFetcher**, este método deberá devolver una promesa y en dicha promesa\r\n * deberá realizar cualquier operación que fuera necesaria antes de abrir el\r\n * modal, ejemplo: cargar la información que el modal debe mostrar. Si este\r\n * método es pasado, será llamado antes de abrir el modal y la vista se pondrá\r\n * en modo de carga (la propiedad isLoading devuelta y la propiedad isLoading\r\n * del OpenModalContextProvider estarán en true), hasta que la promesa sea\r\n * resuelta, momento en que se abrirá el modal e isLoading será puesto en false.\r\n * - **portalArgs**, objeto de configuración aceptado por el hook usePortal de\r\n * **react-cool-portal**.\r\n *\r\n * Objeto devuelto:\r\n *\r\n * - Para un modal en donde el botón de abrir el modal esté inserto dentro del\r\n * componente que lo utiliza, se devuelven los métodos **show** y **hide**.\r\n * - Para un modal en donde el botón de abrir el modal esté fuera del\r\n * componente, se devuelve **openModalContextValue**, que es el valor que debe\r\n * pasarse al contexto de tipo OpenModalContextProvider, un contexto que\r\n * puede ser utilizado para renderizar el botón encargado de abrir el modal,\r\n * fuera del alcance del componente que define el modal en sí. Se muestra un\r\n * ejemplo más abajo.\r\n * - Todos los demás elementos devueltos son para pasar directamente al modal,\r\n * entre ellos se encuentran las propiedades que el modal utiliza para saber si\r\n * debe estar abierto, los event listeners correspondientes y un portal, que el\r\n * modal usará para mostrarse dentro del área de modales, lo cual es sumamente\r\n * importante para que el focusController funcione correctamente.\r\n *\r\n * @see OpenModalContextProvider\r\n * @see usePortal\r\n *\r\n * @example\r\n *\r\n  const { openModalContextValue, ...modalProps } = useModal(\r\n    React.useMemo(() => ({\r\n      onClose: () => console.log(\"Al presionar en cerrar.\"),\r\n      onExited: () => console.log(\"Al terminar la animación de cierre.\"),\r\n      onOpen: () => console.log(\"Al abrir.\"),\r\n    }), [])\r\n  );\r\n\r\n  return (\r\n    <OpenModalContext.Provider value={openModalContextValue}>\r\n      <OpenModalContext.Consumer>\r\n        {({ isLoading, show }) => (\r\n          <Button isLoading={isLoading} onClick={show}>Open modal</Button>\r\n        )}\r\n      </OpenModalContext.Consumer>\r\n      <Modal shouldCloseOnEsc shouldCloseOnOverlayClick {...modalProps}>\r\n        Hello world\r\n      </Modal>\r\n    </OpenModalContext.Provider>\r\n  );\r\n */\r\nexport function useModal(configuration?: TUseModalConfiguration) {\r\n  const [isLoading, setIsLoading] = React.useState(false);\r\n  const [isOpen, setIsOpen] = React.useState(\r\n    configuration?.portalArgs?.defaultShow ??\r\n      configuration?.isDefaultOpen ??\r\n      false,\r\n  );\r\n\r\n  const {\r\n    Portal,\r\n    hide: hidePortal,\r\n    show: showPortal,\r\n  } = usePortal({\r\n    ...configuration?.portalArgs,\r\n    containerId: 'AppModals',\r\n    autoRemoveContainer: false,\r\n    escToHide: false,\r\n    clickOutsideToHide: false,\r\n    defaultShow: false,\r\n    internalShowHide: false,\r\n  });\r\n\r\n  const hide = React.useCallback(() => {\r\n    setIsOpen(false);\r\n  }, []);\r\n  const show = React.useCallback(() => {\r\n    if (configuration?.preFetcher) {\r\n      setIsLoading(true);\r\n      configuration\r\n        .preFetcher()\r\n        .then(() => {\r\n          setIsOpen(true);\r\n          setIsLoading(false);\r\n        })\r\n        .catch(console.error);\r\n    } else setIsOpen(true);\r\n  }, [configuration]);\r\n  const onClose = React.useCallback(() => {\r\n    setIsOpen(false);\r\n    if (configuration?.onClose) configuration.onClose();\r\n  }, [configuration]);\r\n  const onExited = React.useCallback(() => {\r\n    hidePortal();\r\n    if (configuration?.onExited) configuration.onExited();\r\n  }, [configuration, hidePortal]);\r\n  const openModalContextValue = React.useMemo(() => {\r\n    return {\r\n      isLoading,\r\n      show,\r\n    };\r\n  }, [isLoading, show]);\r\n\r\n  useUpdateEffect(() => {\r\n    if (isOpen) {\r\n      if (configuration?.onOpen) configuration.onOpen();\r\n      showPortal();\r\n    } else onClose?.();\r\n  }, [isOpen]);\r\n\r\n  return {\r\n    hide,\r\n    isLoading,\r\n    isOpen,\r\n    onClose,\r\n    onExited,\r\n    openModalContextValue,\r\n    Portal,\r\n    show,\r\n  };\r\n}\r\n"],"names":["React"],"mappings":";;;;AAiFO,SAAS,SAAS,aAAwC,EAAA;AAC/D,EAAA,MAAM,CAAC,SAAW,EAAA,YAAY,CAAI,GAAAA,cAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AACtD,EAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAIA,cAAM,CAAA,QAAA;AAAA,IAChC,aAAe,EAAA,UAAA,EAAY,WACzB,IAAA,aAAA,EAAe,aACf,IAAA,KAAA;AAAA,GACJ,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,MAAA;AAAA,IACA,IAAM,EAAA,UAAA;AAAA,IACN,IAAM,EAAA,UAAA;AAAA,MACJ,SAAU,CAAA;AAAA,IACZ,GAAG,aAAe,EAAA,UAAA;AAAA,IAClB,WAAa,EAAA,WAAA;AAAA,IACb,mBAAqB,EAAA,KAAA;AAAA,IACrB,SAAW,EAAA,KAAA;AAAA,IACX,kBAAoB,EAAA,KAAA;AAAA,IACpB,WAAa,EAAA,KAAA;AAAA,IACb,gBAAkB,EAAA,KAAA;AAAA,GACnB,CAAA,CAAA;AAED,EAAM,MAAA,IAAA,GAAOA,cAAM,CAAA,WAAA,CAAY,MAAM;AACnC,IAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAAA,GACjB,EAAG,EAAE,CAAA,CAAA;AACL,EAAM,MAAA,IAAA,GAAOA,cAAM,CAAA,WAAA,CAAY,MAAM;AACnC,IAAA,IAAI,eAAe,UAAY,EAAA;AAC7B,MAAA,YAAA,CAAa,IAAI,CAAA,CAAA;AACjB,MACG,aAAA,CAAA,UAAA,EACA,CAAA,IAAA,CAAK,MAAM;AACV,QAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AACd,QAAA,YAAA,CAAa,KAAK,CAAA,CAAA;AAAA,OACnB,CAAA,CACA,KAAM,CAAA,OAAA,CAAQ,KAAK,CAAA,CAAA;AAAA,KACxB;AAAO,MAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,GACvB,EAAG,CAAC,aAAa,CAAC,CAAA,CAAA;AAClB,EAAM,MAAA,OAAA,GAAUA,cAAM,CAAA,WAAA,CAAY,MAAM;AACtC,IAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AACf,IAAA,IAAI,aAAe,EAAA,OAAA;AAAS,MAAA,aAAA,CAAc,OAAQ,EAAA,CAAA;AAAA,GACpD,EAAG,CAAC,aAAa,CAAC,CAAA,CAAA;AAClB,EAAM,MAAA,QAAA,GAAWA,cAAM,CAAA,WAAA,CAAY,MAAM;AACvC,IAAW,UAAA,EAAA,CAAA;AACX,IAAA,IAAI,aAAe,EAAA,QAAA;AAAU,MAAA,aAAA,CAAc,QAAS,EAAA,CAAA;AAAA,GACnD,EAAA,CAAC,aAAe,EAAA,UAAU,CAAC,CAAA,CAAA;AAC9B,EAAM,MAAA,qBAAA,GAAwBA,cAAM,CAAA,OAAA,CAAQ,MAAM;AAChD,IAAO,OAAA;AAAA,MACL,SAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AAAA,GACC,EAAA,CAAC,SAAW,EAAA,IAAI,CAAC,CAAA,CAAA;AAEpB,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,MAAQ,EAAA;AACV,MAAA,IAAI,aAAe,EAAA,MAAA;AAAQ,QAAA,aAAA,CAAc,MAAO,EAAA,CAAA;AAChD,MAAW,UAAA,EAAA,CAAA;AAAA,KACb;AAAO,MAAU,OAAA,IAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,qBAAA;AAAA,IACA,MAAA;AAAA,IACA,IAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/components/modals/hooks/useStyleState.js

@@ -1,44 +0,0 @@
-import { useRef, useCallback } from 'react';
-
-function useStyleState(initialStyle) {
-  const element = useRef(null);
-  const state = useRef(
-    typeof initialStyle === "object" ? initialStyle : {}
-  );
-  const applyStyles = useCallback(() => {
-    if (element.current) {
-      Object.entries(state.current).forEach(([name, value]) => {
-        if (Object.getOwnPropertyDescriptor(element.current.style, name)?.writable) {
-          element.current.style[name] = value;
-        }
-      });
-    }
-  }, []);
-  const hasInitializedState = useRef(typeof initialStyle !== "function");
-  return {
-    ref: useCallback(
-      (el) => {
-        element.current = el;
-        if (el) {
-          if (!hasInitializedState.current) {
-            hasInitializedState.current = true;
-            state.current = initialStyle(el);
-          }
-          applyStyles();
-        }
-      },
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [applyStyles]
-    ),
-    setState: useCallback(
-      (newState) => {
-        state.current = typeof newState === "function" ? newState(state.current) : newState;
-        applyStyles();
-      },
-      [applyStyles]
-    )
-  };
-}
-
-export { useStyleState };
-//# sourceMappingURL=useStyleState.js.map

package/dist/components/modals/hooks/useStyleState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStyleState.js","sources":["../../../../src/components/modals/hooks/useStyleState.ts"],"sourcesContent":["import { SetStateAction, useCallback, useRef } from 'react';\r\n\r\ntype InitialStyleAssigner = (el: HTMLElement) => Partial<CSSStyleDeclaration>;\r\ntype CSSState = Partial<CSSStyleDeclaration>;\r\n\r\n/**\r\n * Este hook permite mantener un estado de estilos, para utilizar en un elemento del DOM.\r\n *\r\n * A diferencia de un setState común, al realizar setState en este hook no se re-renderiza el componente, sino que se aplican los estilos directamente en el DOM.\r\n *\r\n * Se garantiza además que estos estados no se perderán en los re-renderizados provocados por causas externas a este hook.\r\n */\r\nexport function useStyleState(initialStyle?: CSSState | InitialStyleAssigner) {\r\n  const element = useRef<null | HTMLElement>(null);\r\n  const state = useRef<CSSState>(\r\n    typeof initialStyle === 'object' ? initialStyle : ({} as CSSState),\r\n  );\r\n\r\n  const applyStyles = useCallback(() => {\r\n    if (element.current) {\r\n      Object.entries(state.current).forEach(([name, value]) => {\r\n        if (\r\n          Object.getOwnPropertyDescriptor(element.current!.style, name)\r\n            ?.writable\r\n        ) {\r\n          element.current!.style[name as 'width'] = value as any;\r\n        }\r\n      });\r\n    }\r\n  }, []);\r\n\r\n  const hasInitializedState = useRef(typeof initialStyle !== 'function');\r\n  return {\r\n    ref: useCallback(\r\n      (el: HTMLElement | null) => {\r\n        element.current = el;\r\n        if (el) {\r\n          if (!hasInitializedState.current) {\r\n            hasInitializedState.current = true;\r\n            state.current = (initialStyle as InitialStyleAssigner)(el);\r\n          }\r\n          applyStyles();\r\n        }\r\n      },\r\n      // eslint-disable-next-line react-hooks/exhaustive-deps\r\n      [applyStyles],\r\n    ),\r\n    setState: useCallback(\r\n      (newState: SetStateAction<CSSState>) => {\r\n        state.current =\r\n          typeof newState === 'function' ? newState(state.current) : newState;\r\n        applyStyles();\r\n      },\r\n      [applyStyles],\r\n    ),\r\n  };\r\n}\r\n"],"names":[],"mappings":";;AAYO,SAAS,cAAc,YAAgD,EAAA;AAC5E,EAAM,MAAA,OAAA,GAAU,OAA2B,IAAI,CAAA,CAAA;AAC/C,EAAA,MAAM,KAAQ,GAAA,MAAA;AAAA,IACZ,OAAO,YAAA,KAAiB,QAAW,GAAA,YAAA,GAAgB,EAAC;AAAA,GACtD,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAO,MAAA,CAAA,OAAA,CAAQ,MAAM,OAAO,CAAA,CAAE,QAAQ,CAAC,CAAC,IAAM,EAAA,KAAK,CAAM,KAAA;AACvD,QAAA,IACE,OAAO,wBAAyB,CAAA,OAAA,CAAQ,QAAS,KAAO,EAAA,IAAI,GACxD,QACJ,EAAA;AACA,UAAQ,OAAA,CAAA,OAAA,CAAS,KAAM,CAAA,IAAe,CAAI,GAAA,KAAA,CAAA;AAAA,SAC5C;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,mBAAsB,GAAA,MAAA,CAAO,OAAO,YAAA,KAAiB,UAAU,CAAA,CAAA;AACrE,EAAO,OAAA;AAAA,IACL,GAAK,EAAA,WAAA;AAAA,MACH,CAAC,EAA2B,KAAA;AAC1B,QAAA,OAAA,CAAQ,OAAU,GAAA,EAAA,CAAA;AAClB,QAAA,IAAI,EAAI,EAAA;AACN,UAAI,IAAA,CAAC,oBAAoB,OAAS,EAAA;AAChC,YAAA,mBAAA,CAAoB,OAAU,GAAA,IAAA,CAAA;AAC9B,YAAM,KAAA,CAAA,OAAA,GAAW,aAAsC,EAAE,CAAA,CAAA;AAAA,WAC3D;AACA,UAAY,WAAA,EAAA,CAAA;AAAA,SACd;AAAA,OACF;AAAA;AAAA,MAEA,CAAC,WAAW,CAAA;AAAA,KACd;AAAA,IACA,QAAU,EAAA,WAAA;AAAA,MACR,CAAC,QAAuC,KAAA;AACtC,QAAA,KAAA,CAAM,UACJ,OAAO,QAAA,KAAa,aAAa,QAAS,CAAA,KAAA,CAAM,OAAO,CAAI,GAAA,QAAA,CAAA;AAC7D,QAAY,WAAA,EAAA,CAAA;AAAA,OACd;AAAA,MACA,CAAC,WAAW,CAAA;AAAA,KACd;AAAA,GACF,CAAA;AACF;;;;"}

package/dist/components/modals/layout/Confirm.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { IConfirm } from '../../dialogs/ConfirmModal.js';
-
-declare const Confirm: ({ children, additionalButtons, additionalButtonsOnRight, cancelButtonText: cancelText, className, confirmButtonText: confirmText, confirmButtonVariant, contentRef, disabled, hideCancelButton, hideConfirmButton, isLoading, onCancel, onConfirm, variant, }: Omit<IConfirm, 'title'>) => React.JSX.Element;
-
-export { Confirm };
-//# sourceMappingURL=Confirm.d.ts.map

package/dist/components/modals/layout/Confirm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Confirm.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/modals/layout/Confirm.js

@@ -1,96 +0,0 @@
-import { jsxs, jsx } from '@apia/theme/jsx-runtime';
-import { Box, getVariant } from '@apia/theme';
-import { getLabel } from '@apia/util';
-import { useCallback } from 'react';
-import { DialogButtonBar } from './DialogButtonBar.js';
-import { SimpleButton } from '../../forms/buttons/SimpleButton.js';
-import { useModalContext } from '../ModalContext.js';
-
-const Confirm = ({
-  children,
-  additionalButtons,
-  additionalButtonsOnRight,
-  cancelButtonText: cancelText = getLabel("btnCan").text,
-  className,
-  confirmButtonText: confirmText = getLabel("btnCon").text,
-  confirmButtonVariant = "primary",
-  contentRef,
-  disabled,
-  hideCancelButton,
-  hideConfirmButton,
-  isLoading,
-  onCancel,
-  onConfirm,
-  variant
-}) => {
-  const { descriptionId } = useModalContext();
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      ...getVariant(variant ?? "layout.common.modals.confirm"),
-      className: `${className ?? ""} confirm`,
-      children: [
-        /* @__PURE__ */ jsx(Box, { ref: contentRef, className: "confirm__content", id: descriptionId, children }),
-        /* @__PURE__ */ jsxs(DialogButtonBar, { className: "confirm__buttonBar", children: [
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              className: "confirm__customButtons",
-              onClick: useCallback(
-                (ev) => {
-                  if (ev.target.closest("button"))
-                    onCancel?.();
-                },
-                [onCancel]
-              ),
-              children: additionalButtons
-            }
-          ),
-          /* @__PURE__ */ jsxs(Box, { className: "confirm__defaultButtons", children: [
-            /* @__PURE__ */ jsx(
-              Box,
-              {
-                className: "confirm__customButtonsOnRight",
-                onClick: useCallback(
-                  (ev) => {
-                    if (ev.target.closest("button"))
-                      onCancel?.();
-                  },
-                  [onCancel]
-                ),
-                children: additionalButtonsOnRight
-              }
-            ),
-            !hideConfirmButton && /* @__PURE__ */ jsx(
-              SimpleButton,
-              {
-                onClick: onConfirm,
-                title: confirmText,
-                variant: confirmButtonVariant,
-                disabled: isLoading ?? disabled,
-                isLoading,
-                className: "confirm__confirmButton",
-                type: "submit",
-                children: confirmText
-              }
-            ),
-            onCancel && !hideCancelButton && /* @__PURE__ */ jsx(
-              SimpleButton,
-              {
-                onClick: onCancel,
-                title: cancelText,
-                ...getVariant("secondary"),
-                disabled: isLoading,
-                className: "confirm__cancelButton",
-                children: cancelText
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-
-export { Confirm };
-//# sourceMappingURL=Confirm.js.map

package/dist/components/modals/layout/Confirm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Confirm.js","sources":["../../../../src/components/modals/layout/Confirm.tsx"],"sourcesContent":["import { Box, getVariant } from '@apia/theme';\r\nimport { IConfirm } from '../../dialogs';\r\nimport { getLabel } from '@apia/util';\r\nimport { MouseEvent, useCallback } from 'react';\r\nimport { DialogButtonBar } from './DialogButtonBar';\r\nimport { SimpleButton } from '../../forms/buttons/SimpleButton';\r\nimport { useModalContext } from '../ModalContext';\r\n\r\nexport const Confirm = ({\r\n  children,\r\n  additionalButtons,\r\n  additionalButtonsOnRight,\r\n  cancelButtonText: cancelText = getLabel('btnCan').text,\r\n  className,\r\n  confirmButtonText: confirmText = getLabel('btnCon').text,\r\n  confirmButtonVariant = 'primary',\r\n  contentRef,\r\n  disabled,\r\n  hideCancelButton,\r\n  hideConfirmButton,\r\n  isLoading,\r\n  onCancel,\r\n  onConfirm,\r\n  variant,\r\n}: Omit<IConfirm, 'title'>) => {\r\n  const { descriptionId } = useModalContext();\r\n\r\n  return (\r\n    <Box\r\n      {...getVariant(variant ?? 'layout.common.modals.confirm')}\r\n      className={`${className ?? ''} confirm`}\r\n    >\r\n      <Box ref={contentRef} className=\"confirm__content\" id={descriptionId}>\r\n        {children}\r\n      </Box>\r\n      <DialogButtonBar className=\"confirm__buttonBar\">\r\n        <Box\r\n          className=\"confirm__customButtons\"\r\n          onClick={useCallback(\r\n            (ev: MouseEvent) => {\r\n              if ((ev.target as HTMLElement).closest('button')) onCancel?.();\r\n            },\r\n            [onCancel],\r\n          )}\r\n        >\r\n          {additionalButtons}\r\n        </Box>\r\n\r\n        <Box className=\"confirm__defaultButtons\">\r\n          <Box\r\n            className=\"confirm__customButtonsOnRight\"\r\n            onClick={useCallback(\r\n              (ev: MouseEvent) => {\r\n                if ((ev.target as HTMLElement).closest('button')) onCancel?.();\r\n              },\r\n              [onCancel],\r\n            )}\r\n          >\r\n            {additionalButtonsOnRight}\r\n          </Box>\r\n          {!hideConfirmButton && (\r\n            <SimpleButton\r\n              onClick={onConfirm}\r\n              title={confirmText}\r\n              variant={confirmButtonVariant}\r\n              disabled={isLoading ?? disabled}\r\n              isLoading={isLoading}\r\n              className=\"confirm__confirmButton\"\r\n              type=\"submit\"\r\n            >\r\n              {confirmText}\r\n            </SimpleButton>\r\n          )}\r\n          {onCancel && !hideCancelButton && (\r\n            <SimpleButton\r\n              onClick={onCancel}\r\n              title={cancelText}\r\n              {...getVariant('secondary')}\r\n              disabled={isLoading}\r\n              className=\"confirm__cancelButton\"\r\n            >\r\n              {cancelText}\r\n            </SimpleButton>\r\n          )}\r\n        </Box>\r\n      </DialogButtonBar>\r\n    </Box>\r\n  );\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/components/modals/layout/DialogButtonBar.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-
-interface IDialogButtonBar {
-    children: React.ReactNode;
-    className?: string;
-}
-declare const DialogButtonBar: React.FC<IDialogButtonBar>;
-
-export { DialogButtonBar, type IDialogButtonBar };
-//# sourceMappingURL=DialogButtonBar.d.ts.map

package/dist/components/modals/layout/DialogButtonBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogButtonBar.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/modals/layout/DialogButtonBar.js

@@ -1,19 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { Box, getVariant } from '@apia/theme';
-
-const DialogButtonBar = ({
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className: `${className ?? ""} buttonsBar`,
-      ...getVariant("layout.common.modals.buttonsBar"),
-      children
-    }
-  );
-};
-
-export { DialogButtonBar };
-//# sourceMappingURL=DialogButtonBar.js.map

package/dist/components/modals/layout/DialogButtonBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogButtonBar.js","sources":["../../../../src/components/modals/layout/DialogButtonBar.tsx"],"sourcesContent":["import { getVariant } from '@apia/theme';\r\nimport * as React from 'react';\r\nimport { Box } from '@apia/theme';\r\n\r\nexport interface IDialogButtonBar {\r\n  children: React.ReactNode;\r\n  className?: string;\r\n}\r\n\r\nexport const DialogButtonBar: React.FC<IDialogButtonBar> = ({\r\n  children,\r\n  className,\r\n}) => {\r\n  return (\r\n    <Box\r\n      className={`${className ?? ''} buttonsBar`}\r\n      {...getVariant('layout.common.modals.buttonsBar')}\r\n    >\r\n      {children}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;AASO,MAAM,kBAA8C,CAAC;AAAA,EAC1D,QAAA;AAAA,EACA,SAAA;AACF,CAAM,KAAA;AACJ,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAG,EAAA,SAAA,IAAa,EAAE,CAAA,WAAA,CAAA;AAAA,MAC5B,GAAG,WAAW,iCAAiC,CAAA;AAAA,MAE/C,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/components/modals/layout/DialogHeader.d.ts

@@ -1,18 +0,0 @@
-import React__default from 'react';
-
-interface IDialogHeader {
-    className?: string;
-    close: () => void;
-    hideCloseButton?: boolean;
-    id?: string;
-    NavBar?: React__default.ReactNode;
-    title?: string;
-}
-declare global {
-    interface Window {
-        BTN_CLOSE: string;
-    }
-}
-
-export type { IDialogHeader };
-//# sourceMappingURL=DialogHeader.d.ts.map

package/dist/components/modals/layout/DialogHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogHeader.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/modals/layout/DialogHeader.js

@@ -1,116 +0,0 @@
-import { jsx, jsxs } from '@apia/theme/jsx-runtime';
-import { useBreakpointIndex, Close, Box, responsive, spacing, Heading } from '@apia/theme';
-import React__default from 'react';
-
-const DialogHeader = ({
-  className,
-  close,
-  hideCloseButton,
-  id,
-  NavBar,
-  title = ""
-}) => {
-  const breakpointIndex = useBreakpointIndex();
-  const Title = /* @__PURE__ */ jsx(
-    Heading,
-    {
-      as: "h3",
-      sx: {
-        wordBreak: "break-word",
-        m: "0",
-        flex: "2 0",
-        color: "title"
-      },
-      className: "modal__title",
-      id: id ? `modal-${id}-title` : "",
-      children: title
-    }
-  );
-  const CloseButton = React__default.useMemo(
-    () => hideCloseButton ? null : /* @__PURE__ */ jsx(
-      Close,
-      {
-        role: "button",
-        type: "button",
-        "aria-label": window.BTN_CLOSE,
-        onClick: close,
-        title: window.BTN_CLOSE,
-        sx: {
-          mr: "unset"
-        },
-        className: "modal__closeButton"
-      }
-    ),
-    [close, hideCloseButton]
-  );
-  const NavBarElement = NavBar && /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        gap: responsive({ 0: 2, 1: "3px", 2: 2 }),
-        justifyContent: "end",
-        flexDirection: responsive({ 0: "row", 1: "column", 3: "row" }),
-        width: responsive({ 0: "auto", 1: "100%", 2: "auto" }),
-        flexBasis: "max-content",
-        height: "100%"
-      },
-      className: "modal__headerBar",
-      children: NavBar
-    }
-  );
-  return breakpointIndex > 3 ? /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      sx: {
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "start",
-        mb: spacing(0),
-        justifyContent: "space-between",
-        width: "100%",
-        gap: spacing(2),
-        flexWrap: "nowrap"
-      },
-      children: [
-        Title,
-        NavBarElement,
-        CloseButton
-      ]
-    }
-  ) : /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: responsive({ 0: "center", 2: "end" }),
-        mb: spacing(0),
-        justifyContent: "space-between",
-        width: "100%",
-        gap: spacing(2)
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: {
-              display: "flex",
-              width: "100%"
-            },
-            children: [
-              Title,
-              CloseButton
-            ]
-          }
-        ),
-        NavBarElement
-      ]
-    }
-  );
-};
-
-export { DialogHeader as default };
-//# sourceMappingURL=DialogHeader.js.map

package/dist/components/modals/layout/DialogHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogHeader.js","sources":["../../../../src/components/modals/layout/DialogHeader.tsx"],"sourcesContent":["import { Box, Close, Heading, useBreakpointIndex } from '@apia/theme';\r\nimport React, { FC } from 'react';\r\nimport { responsive, spacing } from '@apia/theme';\r\n\r\nexport interface IDialogHeader {\r\n  className?: string;\r\n  close: () => void;\r\n  hideCloseButton?: boolean;\r\n  id?: string;\r\n  NavBar?: React.ReactNode;\r\n  title?: string;\r\n}\r\n\r\ndeclare global {\r\n  interface Window {\r\n    BTN_CLOSE: string;\r\n  }\r\n}\r\n\r\nconst DialogHeader: FC<IDialogHeader> = ({\r\n  className,\r\n  close,\r\n  hideCloseButton,\r\n  id,\r\n  NavBar,\r\n  title = '',\r\n}) => {\r\n  const breakpointIndex = useBreakpointIndex();\r\n\r\n  const Title = (\r\n    <Heading\r\n      as=\"h3\"\r\n      sx={{\r\n        wordBreak: 'break-word',\r\n        m: '0',\r\n        flex: '2 0',\r\n        color: 'title',\r\n      }}\r\n      className=\"modal__title\"\r\n      id={id ? `modal-${id}-title` : ''}\r\n    >\r\n      {title}\r\n    </Heading>\r\n  );\r\n\r\n  const CloseButton = React.useMemo(\r\n    () =>\r\n      hideCloseButton ? null : (\r\n        <Close\r\n          role=\"button\"\r\n          type=\"button\"\r\n          aria-label={window.BTN_CLOSE}\r\n          onClick={close}\r\n          title={window.BTN_CLOSE}\r\n          sx={{\r\n            mr: 'unset',\r\n          }}\r\n          className=\"modal__closeButton\"\r\n        />\r\n      ),\r\n    [close, hideCloseButton],\r\n  );\r\n\r\n  const NavBarElement = NavBar && (\r\n    <Box\r\n      sx={{\r\n        display: 'flex',\r\n        gap: responsive({ 0: 2, 1: '3px', 2: 2 }),\r\n        justifyContent: 'end',\r\n        flexDirection: responsive({ 0: 'row', 1: 'column', 3: 'row' }),\r\n        width: responsive({ 0: 'auto', 1: '100%', 2: 'auto' }),\r\n        flexBasis: 'max-content',\r\n        height: '100%',\r\n      }}\r\n      className=\"modal__headerBar\"\r\n    >\r\n      {NavBar}\r\n    </Box>\r\n  );\r\n\r\n  return breakpointIndex > 3 ? (\r\n    <Box\r\n      className={className}\r\n      sx={{\r\n        display: 'flex',\r\n        flexDirection: 'row',\r\n        alignItems: 'start',\r\n        mb: spacing(0),\r\n        justifyContent: 'space-between',\r\n        width: '100%',\r\n        gap: spacing(2),\r\n        flexWrap: 'nowrap',\r\n      }}\r\n    >\r\n      {Title}\r\n      {NavBarElement}\r\n      {CloseButton}\r\n    </Box>\r\n  ) : (\r\n    <Box\r\n      className={className}\r\n      sx={{\r\n        display: 'flex',\r\n        flexDirection: 'column',\r\n        alignItems: responsive({ 0: 'center', 2: 'end' }),\r\n        mb: spacing(0),\r\n        justifyContent: 'space-between',\r\n        width: '100%',\r\n        gap: spacing(2),\r\n      }}\r\n    >\r\n      <Box\r\n        sx={{\r\n          display: 'flex',\r\n          width: '100%',\r\n        }}\r\n      >\r\n        {Title}\r\n        {CloseButton}\r\n      </Box>\r\n      {NavBarElement}\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default DialogHeader;\r\n"],"names":["React"],"mappings":"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"}

package/dist/components/responsive/AutoEllipsis.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-
-declare const AutoEllipsis: ({ children, findParent, overrideStyles, }: {
-    children: ReactNode;
-    /**
-     * Si se pasa el método findParent, será invocado con el nodo de AutoEllipsis
-     * para dar control sobre cuál es el elemento al que se le clonarán los
-     * estilos.
-     */
-    findParent?: ((currentElement: HTMLElement) => HTMLElement) | undefined;
-    /**
-     * Si se pasa overrideStyles, será invocado con el nodo actual de
-     * AutoEllipsis para tomar decisiones acerca de cuáles estilos serán
-     * aplicados.
-     */
-    overrideStyles?: ((currentElement: HTMLElement) => Partial<CSSStyleDeclaration>) | undefined;
-}) => React.JSX.Element;
-
-export { AutoEllipsis };
-//# sourceMappingURL=AutoEllipsis.d.ts.map

package/dist/components/responsive/AutoEllipsis.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AutoEllipsis.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}