@m4l/components 3.1.7 → 3.1.9

package/components/mui_extended/MenuActions/slots/MenuActionsSlots-D65KZAKF.js

@@ -1,46 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { MenuItem } from "@mui/material";
-import { M as MENU_ACTIONS_KEY_COMPONENT } from "../constants-BwsU9chA.js";
-import { m as menuActionsStyles } from "../../../../styles/MenuActions-lTi-ynPM.js";
-import { M as MenuActionsSlots } from "./MenuActionsEnum-Bu-L6eWU.js";
-import { P as Popover } from "../../Popover/index-DfrJAQkV.js";
-import { B as Badge } from "../../Badge/index-zI-F_Qkq.js";
-import { I as IconButton } from "../../IconButton/index-CusYFjie.js";
-import { I as Icon } from "../../../Icon/index-C89MAkeH.js";
-const RootStyled = styled(Popover, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.root
-})(menuActionsStyles?.root || {});
-const BadgeStyled = styled(Badge, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.badge
-})(menuActionsStyles?.badge || {});
-const IconButtonStyled = styled(IconButton, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.iconButton
-})(menuActionsStyles?.iconButton || {});
-const MenuItemStyled = styled(MenuItem, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.menuItem
-})(menuActionsStyles?.menuItem || {});
-const LabelMenuItemStyled = styled("div", {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.menuItemLabel
-})(menuActionsStyles?.menuItemLabel || {});
-const IconButtonUrlStyled = styled(Icon, {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.menuItemIcon
-})(menuActionsStyles?.menuItemIcon || {});
-const LabelEmptyStyled = styled("div", {
-  name: MENU_ACTIONS_KEY_COMPONENT,
-  slot: MenuActionsSlots.labelEmpty
-})(menuActionsStyles?.labelEmpty || {});
-export {
-  BadgeStyled as B,
-  IconButtonUrlStyled as I,
-  LabelMenuItemStyled as L,
-  MenuItemStyled as M,
-  RootStyled as R,
-  LabelEmptyStyled as a,
-  IconButtonStyled as b
-};

package/components/mui_extended/Pager/index-DCbxiTZA.js

@@ -1,257 +0,0 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { aE as PagerRoot } from "../../../styles/index-DKj6m8SL.js";
-import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index-CusYFjie.js";
-import { useEnvironment } from "@m4l/core";
-import { useResponsiveContainerStore } from "@m4l/graphics";
-import { shallow } from "zustand/shallow";
-import { T as Typography } from "../Typography/index-Cf_4Zw8f.js";
-import { I as Icon } from "../../Icon/index-C89MAkeH.js";
-const componentName = "M4LPager";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "labelRowsPerPageContainer",
-  "labelRowsPager",
-  "select",
-  "selectMenuItem",
-  "selectMenuPopover",
-  "labelDisplayRows",
-  "pagerActions",
-  "customTablePaginationRoot",
-  "skeletonRoot",
-  "skeletonRowsPerPage",
-  "skeletonButtonContainer",
-  "skeletonIconButton",
-  "actionIconFirstPage",
-  "actionIconPrevious",
-  "actionIconNextPage",
-  "actionIconLastPage"
-  /* states or variants of elements */
-]);
-function getPagerUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const pagerUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    labelRowsPerPageContainer: ["labelRowsPerPageContainer"],
-    labelRowsPager: ["labelRowsBager"],
-    select: ["select"],
-    selectMenuPopover: ["selectMenuPopover"],
-    selectMenuItem: ["selectMenuItem"],
-    labelDisplayRows: ["labelDisplayRows"],
-    pagerActions: ["pagerActions"],
-    customTablePaginationRoot: ["customTablePaginationRoot"],
-    skeletonRoot: ["skeletonRoot"],
-    skeletonRowsPerPage: ["skeletonRowsPerPage"],
-    skeletonButtonContainer: ["skeletonButtonContainer"],
-    skeletonIconButton: ["skeletonIconButton"],
-    actionIconFirstPage: ["actionIconFirstPage"],
-    actionIconPrevious: ["actionIconPrevious"],
-    actionIconNextPage: ["actionIconNextPage"],
-    actionIconLastPage: ["actionIconLastPage"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPagerUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-function PagerActions(props) {
-  const { count, page, rowsPerPage, onPageChange, classes } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const handleFirstPageButtonClick = (event) => {
-    onPageChange(event, 0);
-  };
-  const handleBackButtonClick = (event) => {
-    onPageChange(event, page - 1);
-  };
-  const handleNextButtonClick = (event) => {
-    onPageChange(event, page + 1);
-  };
-  const handleLastPageButtonClick = (event) => {
-    onPageChange(event, Math.max(0, Math.ceil(count / rowsPerPage) - 1));
-  };
-  return /* @__PURE__ */ jsxs("div", { className: classes.pagerActions, children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        dictionaryTooltipId: "pager.first",
-        onClick: handleFirstPageButtonClick,
-        disabled: page === 0,
-        "aria-label": "first page",
-        className: classes.actionIconFirstPage,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/first.svg`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        dictionaryTooltipId: "pager.previous",
-        onClick: handleBackButtonClick,
-        disabled: page === 0,
-        "aria-label": "first page",
-        className: classes.actionIconPrevious,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/previous.svg`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        dictionaryTooltipId: "pager.next",
-        onClick: handleNextButtonClick,
-        disabled: page >= Math.ceil(count / rowsPerPage) - 1,
-        "aria-label": "next page",
-        className: classes.actionIconNextPage,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/next.svg`
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        dictionaryTooltipId: "pager.last",
-        onClick: handleLastPageButtonClick,
-        disabled: page >= Math.ceil(count / rowsPerPage) - 1,
-        "aria-label": "last page",
-        className: classes.actionIconLastPage,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/last.svg`
-      }
-    )
-  ] });
-}
-const CustomTablePagination = (props) => {
-  const {
-    count,
-    page,
-    rowsPerPage,
-    rowsPerPageOptions = [10, 25, 50, 100],
-    labelRowsPerPage,
-    classes,
-    onRowsPerPageChange,
-    onPageChange,
-    SelectProps,
-    labelDisplayedRows = defaultLabelDisplayedRows
-  } = props;
-  const { host_static_assets, environment_assets } = useEnvironment();
-  const isUpSm = useResponsiveContainerStore((state) => state.isUpSm, shallow);
-  const theme = useTheme();
-  function defaultLabelDisplayedRows({
-    from,
-    to,
-    // eslint-disable-next-line @typescript-eslint/no-shadow
-    count: count2
-  }) {
-    return `${from}–${to} of ${count2 !== -1 ? count2 : `more than ${to}`}`;
-  }
-  const getLabelDisplayedRowsTo = () => {
-    if (count === -1) {
-      return (page + 1) * rowsPerPage;
-    }
-    return rowsPerPage === -1 ? count : Math.min(count, (page + 1) * rowsPerPage);
-  };
-  const CustomIconComponent = (props2) => /* @__PURE__ */ jsx(
-    Icon,
-    {
-      src: `${host_static_assets}/${environment_assets}/frontend/components/pager/assets/icons/chevronDown.svg`,
-      ...props2
-    }
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    rowsPerPageOptions?.length > 1 ? /* @__PURE__ */ jsxs("div", { className: classes.labelRowsPerPageContainer, children: [
-      isUpSm ? /* @__PURE__ */ jsx(Typography, { variant: "body", children: labelRowsPerPage }) : null,
-      /* @__PURE__ */ jsx(
-        Select,
-        {
-          variant: "standard",
-          ...!SelectProps?.variant && { input: /* @__PURE__ */ jsx(InputBase, {}) },
-          value: rowsPerPage,
-          onChange: (e) => {
-            onRowsPerPageChange(e);
-          },
-          className: classes.select,
-          MenuProps: {
-            className: classes.selectMenuPopover,
-            sx: { ...theme.components?.M4LPagerMenuPopover?.styleOverrides }
-          },
-          IconComponent: CustomIconComponent,
-          ...SelectProps,
-          children: rowsPerPageOptions.map((item, idx) => /* @__PURE__ */ jsx(
-            MenuItem,
-            {
-              className: classes.selectMenuItem,
-              value: item,
-              children: item
-            },
-            `${classes.selectMenuItem}-${idx}`
-          ))
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ jsx(Typography, { variant: "body", className: classes.labelDisplayRows, children: labelDisplayedRows({
-      from: count === 0 ? 0 : page * rowsPerPage + 1,
-      to: getLabelDisplayedRowsTo(),
-      count: count === -1 ? -1 : count,
-      page
-    }) }),
-    /* @__PURE__ */ jsx(
-      PagerActions,
-      {
-        count,
-        page,
-        rowsPerPage,
-        onPageChange,
-        classes
-      }
-    )
-  ] });
-};
-function Pager(props) {
-  const {
-    totalRecords,
-    rowsPerPageOptions = [5, 10, 2],
-    rowsPerPage = 25,
-    page,
-    onPageChange,
-    onRowsPerPageChange,
-    labelRows = "Rows per page",
-    labelOf = "Of",
-    isXs
-  } = props;
-  const currentPage = useMemo(() => {
-    if (rowsPerPage * page > totalRecords) {
-      return Math.floor(totalRecords / rowsPerPage);
-    }
-    return page;
-  }, [page, rowsPerPage, totalRecords]);
-  const handleChangeRowsPerPage = (event) => {
-    onRowsPerPageChange(parseInt(event.target.value, 10));
-    onPageChange(0);
-  };
-  const handleChangePage = (_event, newPage) => {
-    onPageChange(newPage);
-  };
-  const classes = pagerUtilityClasses();
-  return /* @__PURE__ */ jsx(PagerRoot, { className: classes.root, children: /* @__PURE__ */ jsx(
-    CustomTablePagination,
-    {
-      rowsPerPageOptions,
-      count: totalRecords,
-      rowsPerPage,
-      classes,
-      labelRowsPerPage: labelRows,
-      page: currentPage,
-      onPageChange: handleChangePage,
-      onRowsPerPageChange: handleChangeRowsPerPage,
-      labelDisplayedRows: !isXs ? ({ from, to, count }) => `${from}-${to} ${labelOf} ${count}` : () => ``
-    }
-  ) });
-}
-function getPagerComponentsDictionary() {
-  return ["pager"];
-}
-export {
-  Pager as P,
-  getPagerComponentsDictionary as g
-};

package/components/mui_extended/Popover/index-DfrJAQkV.js

@@ -1,153 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { aF as PopoverRoot } from "../../../styles/index-DKj6m8SL.js";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { styled } from "@mui/material/styles";
-import clsx from "clsx";
-generateUtilityClasses("M4LPopover", [
-  /* elements */
-  "root",
-  "arrowStyle",
-  /* states or variants of elements */
-  "noArrow",
-  "topLeft",
-  "topCenter",
-  "topRight",
-  "bottomLeft",
-  "bottomCenter",
-  "bottomRight",
-  "leftTop",
-  "leftCenter",
-  "leftBottom",
-  "rightTop",
-  "rightCenter",
-  "rightBottom"
-]);
-function getPopoverClassesUtilityClass(slot) {
-  return generateUtilityClass("M4LPopover", slot);
-}
-const useUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root"],
-    arrowStyle: [
-      "arrowStyle",
-      ownerState.arrowType === "top-left" && "topLeft",
-      ownerState.arrowType === "top-center" && "topCenter",
-      ownerState.arrowType === "top-right" && "topRight",
-      ownerState.arrowType === "bottom-left" && "bottomLeft",
-      ownerState.arrowType === "bottom-center" && "bottomCenter",
-      ownerState.arrowType === "bottom-right" && "bottomRight",
-      ownerState.arrowType === "left-top" && "leftTop",
-      ownerState.arrowType === "left-center" && "leftCenter",
-      ownerState.arrowType === "left-bottom" && "leftBottom",
-      ownerState.arrowType === "right-top" && "rightTop",
-      ownerState.arrowType === "right-center" && "rightCenter",
-      ownerState.arrowType === "right-bottom" && "rightBottom"
-    ]
-  };
-  const composedClasses = unstable_composeClasses(slots, getPopoverClassesUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const ArrowStyle = styled("span")(({ arrowType, theme }) => {
-  const SIZE = 12;
-  const POSITION = -(SIZE / 2);
-  const borderStyle = `solid 1px ${theme.vars.palette.state.borderDens}`;
-  const topStyle = {
-    borderRadius: "0 0 3px 0",
-    top: POSITION,
-    borderBottom: borderStyle,
-    borderRight: borderStyle
-  };
-  const bottomStyle = {
-    borderRadius: "3px 0 0 0",
-    bottom: POSITION,
-    borderTop: borderStyle,
-    borderLeft: borderStyle
-  };
-  const leftStyle = {
-    borderRadius: "0 3px 0 0",
-    left: POSITION,
-    borderTop: borderStyle,
-    borderRight: borderStyle
-  };
-  const rightStyle = {
-    borderRadius: "0 0 0 3px",
-    right: POSITION,
-    borderBottom: borderStyle,
-    borderLeft: borderStyle
-  };
-  return {
-    display: "none",
-    [theme.breakpoints.up("sm")]: {
-      width: SIZE,
-      height: SIZE,
-      content: "''",
-      position: "absolute",
-      display: "block",
-      transform: "rotate(-135deg)",
-      background: theme.vars.palette.background.default
-    },
-    // Top
-    ...arrowType === "top-left" && { ...topStyle, left: 20 },
-    ...arrowType === "top-center" && { ...topStyle, left: 0, right: 0, margin: "auto" },
-    ...arrowType === "top-right" && { ...topStyle, right: 20 },
-    // Bottom
-    ...arrowType === "bottom-left" && { ...bottomStyle, left: 20 },
-    ...arrowType === "bottom-center" && { ...bottomStyle, left: 0, right: 0, margin: "auto" },
-    ...arrowType === "bottom-right" && { ...bottomStyle, right: 20 },
-    // Left
-    ...arrowType === "left-top" && { ...leftStyle, top: 20 },
-    ...arrowType === "left-center" && { ...leftStyle, top: 0, bottom: 0, margin: "auto" },
-    ...arrowType === "left-bottom" && { ...leftStyle, bottom: 20 },
-    // Right
-    ...arrowType === "right-top" && { ...rightStyle, top: 20 },
-    ...arrowType === "right-center" && { ...rightStyle, top: 0, bottom: 0, margin: "auto" },
-    ...arrowType === "right-bottom" && { ...rightStyle, bottom: 20 }
-  };
-});
-const Popover = (props) => {
-  const { children, arrowType = "top-right", className, ...other } = props;
-  const ownerState = {
-    arrowType
-  };
-  const classes = useUtilityClasses(ownerState);
-  return (
-    /* PopoverRoot: Contenedor principal del componente, es usado para aplicar los estilos css de los
-        overrides que provienen del objeto del tema. Se usa para garantizar de que estos estilos no se
-        propaguen a otros componentes de la plataforna web. */
-    /* @__PURE__ */ jsxs(
-      PopoverRoot,
-      {
-        className: clsx(classes.root, className),
-        "data-testid": "PopoverRoot",
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        transitionDuration: 0,
-        PaperProps: {
-          sx: {
-            p: 1,
-            overflow: "inherit"
-          }
-        },
-        ...other,
-        children: [
-          arrowType !== "no-arrow" && /* ArrowStyle: Subcomponente que posiciona una flecha de dialogo en el área del Popover. */
-          /* @__PURE__ */ jsx(
-            ArrowStyle,
-            {
-              className: classes.arrowStyle,
-              "data-testid": "ArrowStyle",
-              arrowType
-            }
-          ),
-          children
-        ]
-      }
-    )
-  );
-};
-export {
-  Popover as P
-};

package/components/mui_extended/Stack/index-DzEeCYfp.js

@@ -1,31 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { aG as MUISTack } from "../../../styles/index-DKj6m8SL.js";
-import clsx from "clsx";
-const componentName = "M4LStack";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getStackUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const useStackUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getStackUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const classes = useStackUtilityClasses();
-const Stack = (props) => {
-  const { children, className, ...others } = props;
-  return /* @__PURE__ */ jsx(MUISTack, { ...others, className: clsx(classes.root, className), children });
-};
-export {
-  Stack as S
-};

package/components/mui_extended/Tab/index-Bu3dPidV.js

@@ -1,129 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { generateUtilityClasses, generateUtilityClass, Tab as Tab$1, Skeleton } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { aH as MUITabs, aI as TabContentRoot, aJ as TabRoot, aK as SKTTabWrapper } from "../../../styles/index-DKj6m8SL.js";
-import { useModuleSkeleton } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock-CF-669v-.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId-BaBTWhBr.js";
-import { createContext, useState } from "react";
-const componentName$2 = "M4LTabs";
-generateUtilityClasses(componentName$2, [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getTabsUtilityClass(slot) {
-  return generateUtilityClass(componentName$2, slot);
-}
-const useTabsUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabsUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const Tabs = (props) => {
-  const { children, className, ...others } = props;
-  const classes = useTabsUtilityClasses();
-  return /* @__PURE__ */ jsx(MUITabs, { className: clsx(classes.root, className), ...others, children });
-};
-const componentName$1 = "M4LTabContent";
-generateUtilityClasses(componentName$1, [
-  /* elements */
-  "root"
-  /* states or variants of elements */
-]);
-function getTabContentUtilityClass(slot) {
-  return generateUtilityClass(componentName$1, slot);
-}
-const useTabContentUtilityClasses = () => {
-  const slots = {
-    root: ["root"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabContentUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const TabContent = (props) => {
-  const { children, className, ...others } = props;
-  const classes = useTabContentUtilityClasses();
-  return /* @__PURE__ */ jsx(TabContentRoot, { className: clsx(classes.root, className), ...others, children });
-};
-const componentName = "M4LTab";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "skeleton"
-  /* states or variants of elements */
-]);
-function getTabUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const tabUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-const COMPONENT_PREFIX = "m4l-tab";
-function Tab(props) {
-  const { SKTWidth, SKTHeight, className, dataTestId = "", ...other } = props;
-  const isSkeleton = useModuleSkeleton();
-  const classes = tabUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    TabRoot,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-      } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, { ...other }) : /* @__PURE__ */ jsx(
-        SKTTabWrapper,
-        {
-          className: classes.skeleton,
-          ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId(
-              COMPONENT_PREFIX,
-              "skeleton",
-              dataTestId
-            )
-          } : {},
-          children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: SKTWidth, height: SKTHeight })
-        }
-      )
-    }
-  );
-}
-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 {
-  Tabs as T,
-  Tab as a,
-  TabContent as b,
-  TabProvider as c,
-  TabContext as d
-};

package/components/mui_extended/ToggleButton/index-C9cBkT1V.js

@@ -1,18 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index-CGfZbaea.js";
-import { w as withToggle } from "../../../hocs/withToggle/index-C1_DMZD3.js";
-const ToggleAbleButton = ({ onToggle, isToggled, ...props }) => {
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      onClick: onToggle,
-      ...props,
-      className: clsx(isToggled ? buttonClasses.togglePressed : buttonClasses.toggleNotPressed)
-    }
-  );
-};
-const ToggleButton = withToggle(ToggleAbleButton);
-export {
-  ToggleButton as T
-};

package/components/mui_extended/ToggleIconButton/index--0b3Td6C.js

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { i as iconButtonClasses } from "../IconButton/classes/index-BxjJGAqZ.js";
-import { w as withToggle } from "../../../hocs/withToggle/index-C1_DMZD3.js";
-import { I as IconButton } from "../IconButton/index-CusYFjie.js";
-const ToggleAbleIconButton = ({
-  onToggle,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  isToggled,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      onClick: onToggle,
-      ...props,
-      className: clsx(
-        onToggle ? iconButtonClasses.togglePressed : iconButtonClasses.toggleNotPressed
-      )
-    }
-  );
-};
-const ToggleIconButton = withToggle(ToggleAbleIconButton);
-export {
-  ToggleIconButton as T
-};