@m4l/components 0.2.1 → 0.2.2

package/components/maps/leaflet.d.ts

@@ -0,0 +1,29 @@
+import L from 'leaflet';
+declare module 'leaflet' {
+    export function polylineDecorator(
+        layer: Layer,
+        options?: PolylineDecoratorOptions,
+    ): PolylineDecorator;
+
+    export namespace Symbol {
+        function arrowHead(options?: any): any;
+    }
+
+    namespace Polyline {
+        function decorator(layer: Layer, options?: PolylineDecoratorOptions): PolylineDecorator;
+    }
+
+    interface PolylineDecoratorOptions {
+        patterns: Pattern[];
+    }
+
+    interface Pattern {
+        offset?: number | string;
+        repeat?: number | string;
+        symbol: L.Symbol;
+    }
+
+    interface PolylineDecorator extends Layer {
+        setPatterns(patterns: Pattern[]): this;
+    }
+}

package/components/modal/ModalDialog/index.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
-export declare const ModalDialog: () => import("react").JSX.Element;
+export declare const ModalDialog: () => import("react/jsx-runtime").JSX.Element;

package/components/modal/WindowBase/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { WindowBaseProps } from './types';
-export declare const WindowBase: (props: WindowBaseProps) => import("react").JSX.Element;
+export declare const WindowBase: (props: WindowBaseProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/WindowBase/subcomponents/Header/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { HeaderProps } from './types';
-export declare const Header: (props: HeaderProps) => import("react").JSX.Element;
+export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/{WindowBase.444849a3.js → WindowBase.38d4b8e7.js}

@@ -2,9 +2,9 @@ import { m as modalUtilityClasses } from "./index.61389369.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../mui_extended/IconButton/index.f42fa68d.js";
-import { I as Icon } from "../Icon/index.3e559a61.js";
-import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.df52ae90.js";
+import { I as Icon } from "../Icon/index.6db034b5.js";
+import { u as useModal } from "../../hooks/useModal/index.b4b84d5d.js";
 const Header = (props) => {
   const {
     title,

package/components/modal/WindowConfirm/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { WindowConfirmProps } from './types';
-export declare const WindowConfirm: (props: WindowConfirmProps) => import("react").JSX.Element;
+export declare const WindowConfirm: (props: WindowConfirmProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/WindowConfirm/subcomponents/MessageIlustration/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ModalConfirmProps } from './types';
-export declare const MessageIlustration: (props: ModalConfirmProps) => import("react").JSX.Element;
+export declare const MessageIlustration: (props: ModalConfirmProps) => import("react/jsx-runtime").JSX.Element;

package/components/modal/{WindowConfirm.66c99957.js → WindowConfirm.cd776fe5.js}

@@ -1,13 +1,13 @@
-import { A as Actions } from "../CommonActions/components/Actions/index.2f6286eb.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.f358ae72.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.abdc0962.js";
+import { u as useModal } from "../../hooks/useModal/index.b4b84d5d.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.bb1670e5.js";
+import { I as Image } from "../Image/index.2a2e0b27.js";
 import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.444849a3.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.bec75bdf.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.e0150cfc.js";
+import { W as WindowBase } from "./WindowBase.38d4b8e7.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.6aa59730.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.33acdebb.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/Accordion.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { AccordionProps } from './types';
-export declare function Accordion(props: AccordionProps): import("react").JSX.Element;
+export declare function Accordion(props: AccordionProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Accordion/{index.c628e883.js → index.5b4b2075.js}

@@ -1,12 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.f42fa68d.js";
+import { I as IconButton } from "../IconButton/index.df52ae90.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.f577fced.js";
+import { g as getNameDataTestId } from "../../../vendor.caaaf054.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../Icon/index.3e559a61.js";
+import { I as Icon } from "../../Icon/index.6db034b5.js";
 import { T as Typography } from "../Typography/index.379dd374.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Avatar/subcomponents/SkeletonAvatar/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SkeletonSkeletonAvatar } from './types';
-export declare const SkeletonAvatar: (props: SkeletonSkeletonAvatar) => import("react").JSX.Element;
+export declare const SkeletonAvatar: (props: SkeletonSkeletonAvatar) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Badge/Badge.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BadgeProps } from "./types";
-export declare const Badge: (props: BadgeProps) => import("react").JSX.Element;
+export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/BoxIcon/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { BoxIconProps } from './types';
-export declare function BoxIcon({ src, sx }: BoxIconProps): import("react").JSX.Element;
+export declare function BoxIcon({ src, sx }: BoxIconProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Breadcrumbs/components/LinkItem/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LinkItemProps } from './types';
-export declare function LinkItem({ link }: LinkItemProps): import("react").JSX.Element;
+export declare function LinkItem({ link }: LinkItemProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Breadcrumbs/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BreadcrumbsProps } from './types';
-export declare function Breadcrumbs(props: BreadcrumbsProps): import("react").JSX.Element;
+export declare function Breadcrumbs(props: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;
 export default Breadcrumbs;

package/components/mui_extended/Button/Button.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
-import { ExtendButtonProps } from './types';
+import { ButtonProps } from './types';
 /**
- * Provee un botón para que los clientes ejecuten acciones en la plataforma web. Aporta su versión provisional de carga en red.
+ * Provee un botón para que los clientes ejecuten acciones en la plataforma web.
+ * Aporta su versión provisional de carga en red.
  * @param props
  * @returns
  */
-export declare const Button: (props: ExtendButtonProps) => import("react").JSX.Element;
+export declare const Button: React.FC<ButtonProps>;

package/components/mui_extended/Button/classes/types.d.ts

@@ -1,4 +1,3 @@
-import { useUtilityClasses } from ".";
 export interface ButtonClassesType {
     root: string;
     skeleton: string;
@@ -11,6 +10,8 @@ export interface ButtonClassesType {
     colorError: string;
     colorSuccess: string;
     colorWarning: string;
+    /**Toggle */
+    togglePressed: string;
+    toggleNotPressed: string;
 }
 export declare type ButtonClassesKey = keyof ButtonClassesType;
-export declare type Classes = ReturnType<typeof useUtilityClasses>;

package/components/mui_extended/Button/{index.56e7522c.js → index.fc5132fa.js}

@@ -5,7 +5,7 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.bb1670e5.js";
+import { I as Image } from "../../Image/index.2a2e0b27.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
 import { T as Typography } from "../Typography/index.379dd374.js";
@@ -20,7 +20,7 @@ styled(Skeleton)(({
   borderRadius: theme.spacing(0.5)
 }));
 const componentName$2 = "M4LButton";
-generateUtilityClasses(componentName$2, [
+const buttonClasses = generateUtilityClasses(componentName$2, [
   "root",
   "skeleton",
   "sizeSmall",
@@ -31,7 +31,9 @@ generateUtilityClasses(componentName$2, [
   "isDisabled",
   "colorError",
   "colorSuccess",
-  "colorWarning"
+  "colorWarning",
+  "togglePressed",
+  "toggleNotPressed"
 ]);
 function getButtonUtilityClass(slot) {
   return generateUtilityClass(componentName$2, slot);
@@ -144,7 +146,7 @@ function ImageButton({
     }) : imageButton
   });
 }
-const componentName = "M4LLoadingButton";
+const componentName = "M4LoadingButton";
 generateUtilityClasses(componentName, [
   "root",
   "skeleton",
@@ -169,7 +171,7 @@ const useUtilityClasses = (onwerState) => {
   };
 };
 const LoadingButtonRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LLoadingButton?.styleOverrides
+  ...theme.components?.M4LoadingButton?.styleOverrides
 }));
 const LOADINGBUTTON_PREFIX = "M4LoadingButton";
 const getNameDataTestId = (KEY) => {
@@ -218,5 +220,6 @@ const LoadingButton = (props) => {
 export {
   Button as B,
   ImageButton as I,
-  LoadingButton as L
+  LoadingButton as L,
+  buttonClasses as b
 };

package/components/mui_extended/Button/types.d.ts

@@ -1,10 +1,10 @@
-import { ButtonProps } from '@mui/material';
-export interface ExtendButtonProps extends Omit<ButtonProps, 'size'> {
+import { ButtonProps as MUIButtonProps } from '@mui/material';
+export interface ButtonProps extends Omit<MUIButtonProps, 'size'> {
     size?: 'small' | 'medium';
     skeletonWidth?: number | string;
     skeletonHeight?: number | string;
     colorState?: 'error' | 'success' | 'warning';
 }
-export interface OwnerState extends Pick<ExtendButtonProps, 'size' | 'variant' | 'colorState'> {
+export interface OwnerState extends Pick<ButtonProps, 'size' | 'variant' | 'colorState'> {
     isDisabled?: boolean;
 }

package/components/mui_extended/CheckBox/subcomponents/Skeleton/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SkeletonCheckBoxProps } from './types';
-export declare const SkeletonCheckBox: (props: SkeletonCheckBoxProps) => import("react").JSX.Element;
+export declare const SkeletonCheckBox: (props: SkeletonCheckBoxProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/CircularProgress/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CircularProgressProps } from '@mui/material';
-export declare const CircularProgress: (props: CircularProgressProps) => import("react").JSX.Element;
+export declare const CircularProgress: (props: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/IconButton/IconButton.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { IconButtonProps } from './types';
 /**
  * Provee un botón con un icono para que los clientes ejecuten acciones en la plataforma web. Aporta su versión provisional de carga en red.
  * @param props
  * @returns
  */
-export declare const IconButton: (props: IconButtonProps) => import("react").JSX.Element;
+export declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/IconButton/classes/index.d.ts

@@ -1,6 +1,6 @@
 import { IconButtonClassesType } from './types';
 import { OwnerState } from '../types';
-export declare const IconButtonClasses: IconButtonClassesType;
+export declare const iconButtonClasses: IconButtonClassesType;
 export declare function getIconButtonUtilityClass(slot: string): string;
 export declare const useUtilityClasses: (ownerState: OwnerState) => {
     root: string;

package/components/mui_extended/IconButton/classes/types.d.ts

@@ -9,5 +9,8 @@ export interface IconButtonClassesType {
     variantLine: string;
     isFocus: string;
     isDisabled: string;
+    /**Toggle */
+    togglePressed: string;
+    toggleNotPressed: string;
 }
 export declare type IconButtonClassesKey = keyof IconButtonClassesType;

package/components/mui_extended/IconButton/{index.f42fa68d.js → index.df52ae90.js}

@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.3e559a61.js";
+import { I as Icon } from "../../Icon/index.6db034b5.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
@@ -24,7 +24,7 @@ const IconButtonRoot = styled("div")(({
   ...theme.components?.M4LIconButton?.styleOverrides
 }));
 const componentName = "M4LIconButton";
-generateUtilityClasses(componentName, [
+const iconButtonClasses = generateUtilityClasses(componentName, [
   "root",
   "skeleton",
   "sizeExtraSmall",
@@ -34,7 +34,9 @@ generateUtilityClasses(componentName, [
   "variantSecondary",
   "variantLine",
   "isFocus",
-  "isDisabled"
+  "isDisabled",
+  "togglePressed",
+  "toggleNotPressed"
 ]);
 function getIconButtonUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
@@ -121,5 +123,6 @@ const IconButton = (props) => {
   });
 };
 export {
-  IconButton as I
+  IconButton as I,
+  iconButtonClasses as i
 };

package/components/mui_extended/IconButton/subcomponents/SkeletonIconButton/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { SkeletonIconButtonProps } from './types';
-export declare const SkeletonIconButton: (props: SkeletonIconButtonProps) => import("react").JSX.Element;
+export declare const SkeletonIconButton: (props: SkeletonIconButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/ImageButton/ImageButton.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ImageButtonProps } from './types';
-export declare function ImageButton({ src, width, height, useIntersectionObserver, skeletonVariant, tooltip, sx, ...other }: ImageButtonProps): import("react").JSX.Element;
+export declare function ImageButton({ src, width, height, useIntersectionObserver, skeletonVariant, tooltip, sx, ...other }: ImageButtonProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/LinearProgress/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LinearProgressProps } from '@mui/material';
-export declare const LinearProgress: (props: LinearProgressProps) => import("react").JSX.Element;
+export declare const LinearProgress: (props: LinearProgressProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/LinkWithRoute/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LinkWithRouteProps } from './types';
-export declare const LinkWithRoute: (props: LinkWithRouteProps) => import("react").JSX.Element;
+export declare const LinkWithRoute: (props: LinkWithRouteProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/LoadingButton/classes/constants.d.ts

@@ -1 +1 @@
-export declare const componentName = "M4LLoadingButton";
+export declare const componentName = "M4LoadingButton";

package/components/mui_extended/LoadingButton/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { MuiLabLoadingButtonProps } from './types';
-export declare const LoadingButton: (props: MuiLabLoadingButtonProps) => import("react").JSX.Element;
+export declare const LoadingButton: (props: MuiLabLoadingButtonProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/MenuActions/{index.e146c11b.js → index.04d87c36.js}

@@ -3,12 +3,12 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.b3eca6b1.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.3e559a61.js";
+import { I as Icon } from "../../Icon/index.6db034b5.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { B as Badge } from "../Badge/index.09f5aee5.js";
-import { I as IconButton$1 } from "../IconButton/index.f42fa68d.js";
+import { I as IconButton$1 } from "../IconButton/index.df52ae90.js";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme

package/components/mui_extended/MenuActions/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { MenuActionsProps } from './types';
-export declare function MenuActions(props: MenuActionsProps): React.JSX.Element;
+export declare function MenuActions(props: MenuActionsProps): import("react/jsx-runtime").JSX.Element;
 export declare const MemonizedMenuActions: React.MemoExoticComponent<typeof MenuActions>;
 export default MenuActions;

package/components/mui_extended/Pager/{index.9f0a2757.js → index.c6990cd4.js}

@@ -2,7 +2,7 @@ import { useMemo } from "react";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.f42fa68d.js";
+import { I as IconButton } from "../IconButton/index.df52ae90.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/mui_extended/Pager/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PagerProps } from './types';
-export declare function Pager(props: PagerProps): import("react").JSX.Element;
+export declare function Pager(props: PagerProps): import("react/jsx-runtime").JSX.Element;
 export default Pager;

package/components/mui_extended/Pager/subcomponents/CustomTablePagination/index.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { CustomTablePaginationProps } from './types';
 /**
  *  Todo:
  *  1 Trabajar con el modelo de diccionarios.
  *  2
  */
-export declare const CustomTablePagination: (props: CustomTablePaginationProps) => import("react").JSX.Element;
+export declare const CustomTablePagination: (props: CustomTablePaginationProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Pager/subcomponents/PagerActions/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { PagerActionsProps } from './types';
-export declare function PagerActions(props: PagerActionsProps): import("react").JSX.Element;
+export declare function PagerActions(props: PagerActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Popover/Popover.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PopoverProps } from './types';
 /**
  * Provee de un componente que genera un contenedor desacoplado del flujo del documento de tipo ventana emergente,
@@ -6,4 +5,4 @@ import { PopoverProps } from './types';
  * @param props
  * @returns
  */
-export declare const Popover: (props: PopoverProps) => import("react").JSX.Element;
+export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Stack/Stack.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { StackProps } from "@mui/material";
-export declare const Stack: (props: StackProps) => import("react").JSX.Element;
+export declare const Stack: (props: StackProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/Tab/{index.7bdd1260.js → index.53203047.js}

@@ -5,7 +5,8 @@ import { jsx } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
 import { styled as styled$1 } from "@mui/material/styles";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../../vendor.f577fced.js";
+import { g as getNameDataTestId } from "../../../vendor.caaaf054.js";
+import { createContext, useState } from "react";
 const componentName$2 = "M4LTabs";
 generateUtilityClasses(componentName$2, [
   "root"
@@ -60,11 +61,12 @@ const TabContentRoot = styled("div")(({ theme }) => ({
 const TabContent = (props) => {
   const {
     children,
+    className,
     ...others
   } = props;
   const classes = useTabContentUtilityClasses();
   return /* @__PURE__ */ jsx(TabContentRoot, {
-    className: classes.root,
+    className: clsx(classes.root, className),
     ...others,
     children
   });
@@ -128,8 +130,28 @@ function Tab(props) {
     })
   });
 }
+const TabContext = createContext(null);
+function TabProvider(props) {
+  const {
+    children,
+    initialValue
+  } = props;
+  const [currentTab, setCurrentTab] = useState(initialValue);
+  const handleChange = (_event, newTab) => {
+    setCurrentTab(newTab);
+  };
+  return /* @__PURE__ */ jsx(TabContext.Provider, {
+    value: {
+      currentTab: currentTab.toString(),
+      handleChange
+    },
+    children
+  });
+}
 export {
-  Tab as T,
-  Tabs as a,
-  TabContent as b
+  Tabs as T,
+  Tab as a,
+  TabContent as b,
+  TabProvider as c,
+  TabContext as d
 };

package/components/mui_extended/Tab/index.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TabProps } from './types';
-export declare function Tab(props: TabProps): import("react").JSX.Element;
+export declare function Tab(props: TabProps): import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/TabContent/TabContent.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TabContentProps } from "./types";
-export declare const TabContent: (props: TabContentProps) => import("react").JSX.Element;
+export declare const TabContent: (props: TabContentProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/TabContent/types.d.ts

@@ -3,4 +3,5 @@ export interface TabContentProps {
     children: React.ReactNode;
     style?: React.CSSProperties;
     key?: Key | null | undefined;
+    className?: string | undefined;
 }

package/components/mui_extended/TabContext/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { TabProviderProps, TabContextType } from './types';
+declare const TabContext: import("react").Context<TabContextType<string> | null>;
+declare function TabProvider<T extends string | number = string>(props: TabProviderProps<T>): import("react/jsx-runtime").JSX.Element;
+export { TabProvider, TabContext };

package/components/mui_extended/TabContext/types.d.ts

@@ -0,0 +1,9 @@
+import { ChangeEvent, ReactNode } from 'react';
+export interface TabContextType<T extends string | number = string> {
+    currentTab: T;
+    handleChange: (event: ChangeEvent<{}> | null, newTab: T) => void;
+}
+export interface TabProviderProps<T extends string | number = string> {
+    initialValue: T;
+    children: ReactNode;
+}

package/components/mui_extended/Tabs/Tabs.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { TabsProps } from '@mui/material';
-export declare const Tabs: (props: TabsProps) => import("react").JSX.Element;
+export declare const Tabs: (props: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1 @@
+export declare const ToggleButton: (props: import("../../../hocs/withToggle").ComponentWithToggleProps) => import("react/jsx-runtime").JSX.Element;

package/components/mui_extended/ToggleButton/index.4b7b7df0.js

@@ -0,0 +1,22 @@
+import clsx from "clsx";
+import { B as Button, b as buttonClasses } from "../Button/index.fc5132fa.js";
+import { w as withToggle } from "../../../hocs/withToggle/index.e44eb0da.js";
+import { jsx } from "react/jsx-runtime";
+const ToggleAbleButton = ({
+  onClick,
+  isPressed,
+  ...props
+}) => {
+  const onLocalClick = (e) => {
+    onClick(e, !isPressed);
+  };
+  return /* @__PURE__ */ jsx(Button, {
+    onClick: onLocalClick,
+    ...props,
+    className: clsx(isPressed ? buttonClasses.togglePressed : buttonClasses.toggleNotPressed)
+  });
+};
+const ToggleButton = withToggle(ToggleAbleButton);
+export {
+  ToggleButton as T
+};

package/components/mui_extended/ToggleButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ToggleButton';
+export * from './types';

package/components/mui_extended/ToggleButton/types.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentWithToggleProps, WithToggleProps } from '../../../hocs/withToggle';
+import { ButtonProps } from '../Button';
+export interface ExtendToggleButtonProps extends Omit<ButtonProps, 'onClick'>, Pick<ComponentWithToggleProps, 'onClick'>, Pick<WithToggleProps, 'isPressed'> {
+}

package/components/mui_extended/ToggleIconButton/ToggleIconButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ToggleIconButtonProps } from "./types";
+interface ToggleIconButtonWrapperProps extends Omit<ToggleIconButtonProps, 'isPressed'> {
+    src: string;
+}
+/**
+ * Para no tener que poner src en ComponentWithToggleProps, dejando de ser generico
+ * se crea wrapper que recibe src a traves de ToggleIconButtonWrapperProps el cual extiende ComponentWithToggleProps
+ * por lo tanto es aceptado withToggle.
+
+ **/
+export declare const ToggleIconButton: React.FC<ToggleIconButtonWrapperProps>;
+export {};

package/components/mui_extended/ToggleIconButton/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ToggleIconButton';
+export * from './types';