@zidsa/zidmui 2.1.3 → 2.1.6

package/dist/react/cjs/components/app-dialog-with-features.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-dialog-with-features.js","sources":["../../../../src/components/app-dialog-with-features.tsx"],"sourcesContent":["import { Box, StackProps, CircularProgress, styled } from '@mui/material';\n\nimport { AppDialog, AppDialogProps } from './app-dialog';\nimport { AppInputSearchProps, AppInputBaseSearch } from './app-input-base-search';\nimport { AppPagination, AppPaginationProps } from './app-pagination';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppDialogWithFeaturesProps = AppDialogProps & {\n  open: boolean;\n  onClose: () => void;\n  search: string;\n  onSearchChange?: (search: string) => void;\n  searchProps?: AppInputSearchProps;\n  pagination?: AppPaginationProps;\n  isLoading?: boolean;\n  contentProps?: StackProps;\n  children?: React.ReactNode;\n};\n\nexport const AppDialogWithFeatures: React.FC<AppDialogWithFeaturesProps> = ({\n  open,\n  onClose,\n  search,\n  onSearchChange,\n  title,\n  searchProps,\n  pagination,\n  children,\n  isLoading,\n  contentProps,\n  ...props\n}) => {\n  return (\n    <AppDialog\n      open={open}\n      onClose={onClose}\n      title={title}\n      fullWidth\n      dialogContentProps={{ sx: { overflow: 'hidden' } }}\n      {...props}\n    >\n      <Content>\n        {isLoading && (\n          <StackRow width=\"100%\" height={160} alignItems=\"center\" justifyContent=\"center\">\n            <CircularProgress />\n          </StackRow>\n        )}\n\n        {!isLoading && (\n          <>\n            {/* Search */}\n            {(search || onSearchChange) && (\n              <SearchInput\n                fullWidth\n                value={search}\n                onChange={e => onSearchChange?.(e.target.value)}\n                name=\"search\"\n                size=\"small\"\n                {...searchProps}\n              />\n            )}\n\n            {/* Main content */}\n            <StackColumn gap={2} maxHeight=\"500px\" overflow=\"auto\" {...contentProps}>\n              {children}\n            </StackColumn>\n\n            {/* Pagination */}\n            {pagination && (\n              <StackRow alignItems=\"center\" justifyContent=\"center\">\n                <AppPagination\n                  size=\"medium\"\n                  count={pagination.count}\n                  page={pagination.page}\n                  onChange={pagination.onChange}\n                />\n              </StackRow>\n            )}\n          </>\n        )}\n      </Content>\n    </AppDialog>\n  );\n};\n\n//\n\nconst SearchInput = styled(AppInputBaseSearch)(({ theme }) => ({\n  marginTop: 0,\n  '.MuiInputBase-root': {\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n    fieldset: {\n      borderRadius: theme.spacing(40),\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n    },\n\n    input: { paddingLeft: theme.spacing(1) },\n  },\n  '.MuiInputAdornment-root': {\n    marginLeft: theme.spacing(0),\n    marginRight: theme.spacing(0),\n    pointerEvents: 'none',\n  },\n}));\n\nconst Content = styled(Box)(({ theme }) => ({\n  display: 'grid',\n  gridTemplateRows: 'auto 1fr auto',\n  gap: theme.spacing(2),\n}));\n"],"names":["jsx","AppDialog","StackRow","CircularProgress","jsxs","Fragment","StackColumn","AppPagination","styled","AppInputBaseSearch","Box"],"mappings":";;;;;;;;;AAuBO,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACEA,2BAAAA;AAAAA,IAACC,UAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAS;AAAA,MACT,oBAAoB,EAAE,IAAI,EAAE,UAAU,WAAS;AAAA,MAC9C,GAAG;AAAA,MAEJ,0CAAC,SAAA,EACE,UAAA;AAAA,QAAA,aACCD,2BAAAA,IAACE,mBAAA,EAAS,OAAM,QAAO,QAAQ,KAAK,YAAW,UAAS,gBAAe,UACrE,UAAAF,2BAAAA,IAACG,SAAAA,kBAAA,CAAA,CAAiB,GACpB;AAAA,QAGD,CAAC,aACAC,2BAAAA,KAAAC,WAAAA,UAAA,EAEI,UAAA;AAAA,WAAA,UAAU,mBACVL,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAO;AAAA,cACP,UAAU,CAAA,MAAK,iBAAiB,EAAE,OAAO,KAAK;AAAA,cAC9C,MAAK;AAAA,cACL,MAAK;AAAA,cACJ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAKRA,2BAAAA,IAACM,YAAAA,aAAA,EAAY,KAAK,GAAG,WAAU,SAAQ,UAAS,QAAQ,GAAG,cACxD,SAAA,CACH;AAAA,UAGC,cACCN,2BAAAA,IAACE,SAAAA,UAAA,EAAS,YAAW,UAAS,gBAAe,UAC3C,UAAAF,2BAAAA;AAAAA,YAACO,cAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW;AAAA,cAClB,MAAM,WAAW;AAAA,cACjB,UAAU,WAAW;AAAA,YAAA;AAAA,UAAA,EACvB,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAIA,MAAM,cAAcC,SAAAA,OAAOC,mBAAAA,kBAAkB,EAAE,CAAC,EAAE,aAAa;AAAA,EAC7D,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,UAAU;AAAA,MACR,cAAc,MAAM,QAAQ,EAAE;AAAA,MAC9B,aAAa,MAAM,QAAQ,CAAC;AAAA,MAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,IAG/B,OAAO,EAAE,aAAa,MAAM,QAAQ,CAAC,EAAA;AAAA,EAAE;AAAA,EAEzC,2BAA2B;AAAA,IACzB,YAAY,MAAM,QAAQ,CAAC;AAAA,IAC3B,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,eAAe;AAAA,EAAA;AAEnB,EAAE;AAEF,MAAM,UAAUD,SAAAA,OAAOE,SAAAA,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC1C,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;;"}
+{"version":3,"file":"app-dialog-with-features.js","sources":["../../../../src/components/app-dialog-with-features.tsx"],"sourcesContent":["import { Box, StackProps, CircularProgress, styled } from '@mui/material';\n\nimport { AppDialog, AppDialogProps } from './app-dialog';\nimport { AppInputSearchProps, AppInputBaseSearch } from './app-input-base-search';\nimport { AppPagination, AppPaginationProps } from './app-pagination';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppDialogWithFeaturesProps = AppDialogProps & {\n  open: boolean;\n  onClose: () => void;\n  search?: string;\n  onSearchChange?: (search: string) => void;\n  searchProps?: AppInputSearchProps;\n  pagination?: AppPaginationProps;\n  isLoading?: boolean;\n  contentProps?: StackProps;\n  children?: React.ReactNode;\n};\n\nexport const AppDialogWithFeatures: React.FC<AppDialogWithFeaturesProps> = ({\n  open,\n  onClose,\n  search,\n  onSearchChange,\n  title,\n  searchProps,\n  pagination,\n  children,\n  isLoading,\n  contentProps,\n  ...props\n}) => {\n  return (\n    <AppDialog\n      open={open}\n      onClose={onClose}\n      title={title}\n      fullWidth\n      dialogContentProps={{ sx: { overflow: 'hidden' } }}\n      {...props}\n    >\n      <Content>\n        {isLoading && (\n          <StackRow width=\"100%\" height={160} alignItems=\"center\" justifyContent=\"center\">\n            <CircularProgress />\n          </StackRow>\n        )}\n\n        {!isLoading && (\n          <>\n            {/* Search */}\n            {(search || onSearchChange) && (\n              <SearchInput\n                fullWidth\n                value={search}\n                onChange={e => onSearchChange?.(e.target.value)}\n                name=\"search\"\n                size=\"small\"\n                {...searchProps}\n              />\n            )}\n\n            {/* Main content */}\n            <StackColumn gap={2} maxHeight=\"500px\" overflow=\"auto\" {...contentProps}>\n              {children}\n            </StackColumn>\n\n            {/* Pagination */}\n            {pagination && (\n              <StackRow alignItems=\"center\" justifyContent=\"center\">\n                <AppPagination\n                  size=\"medium\"\n                  count={pagination.count}\n                  page={pagination.page}\n                  onChange={pagination.onChange}\n                />\n              </StackRow>\n            )}\n          </>\n        )}\n      </Content>\n    </AppDialog>\n  );\n};\n\n//\n\nconst SearchInput = styled(AppInputBaseSearch)(({ theme }) => ({\n  marginTop: 0,\n  '.MuiInputBase-root': {\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n    fieldset: {\n      borderRadius: theme.spacing(40),\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n    },\n\n    input: { paddingLeft: theme.spacing(1) },\n  },\n  '.MuiInputAdornment-root': {\n    marginLeft: theme.spacing(0),\n    marginRight: theme.spacing(0),\n    pointerEvents: 'none',\n  },\n}));\n\nconst Content = styled(Box)(({ theme }) => ({\n  display: 'grid',\n  gridTemplateRows: 'auto 1fr auto',\n  gap: theme.spacing(2),\n}));\n"],"names":["jsx","AppDialog","StackRow","CircularProgress","jsxs","Fragment","StackColumn","AppPagination","styled","AppInputBaseSearch","Box"],"mappings":";;;;;;;;;AAuBO,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACEA,2BAAAA;AAAAA,IAACC,UAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAS;AAAA,MACT,oBAAoB,EAAE,IAAI,EAAE,UAAU,WAAS;AAAA,MAC9C,GAAG;AAAA,MAEJ,0CAAC,SAAA,EACE,UAAA;AAAA,QAAA,aACCD,2BAAAA,IAACE,mBAAA,EAAS,OAAM,QAAO,QAAQ,KAAK,YAAW,UAAS,gBAAe,UACrE,UAAAF,2BAAAA,IAACG,SAAAA,kBAAA,CAAA,CAAiB,GACpB;AAAA,QAGD,CAAC,aACAC,2BAAAA,KAAAC,WAAAA,UAAA,EAEI,UAAA;AAAA,WAAA,UAAU,mBACVL,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAO;AAAA,cACP,UAAU,CAAA,MAAK,iBAAiB,EAAE,OAAO,KAAK;AAAA,cAC9C,MAAK;AAAA,cACL,MAAK;AAAA,cACJ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAKRA,2BAAAA,IAACM,YAAAA,aAAA,EAAY,KAAK,GAAG,WAAU,SAAQ,UAAS,QAAQ,GAAG,cACxD,SAAA,CACH;AAAA,UAGC,cACCN,2BAAAA,IAACE,SAAAA,UAAA,EAAS,YAAW,UAAS,gBAAe,UAC3C,UAAAF,2BAAAA;AAAAA,YAACO,cAAAA;AAAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW;AAAA,cAClB,MAAM,WAAW;AAAA,cACjB,UAAU,WAAW;AAAA,YAAA;AAAA,UAAA,EACvB,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAIA,MAAM,cAAcC,SAAAA,OAAOC,mBAAAA,kBAAkB,EAAE,CAAC,EAAE,aAAa;AAAA,EAC7D,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,UAAU;AAAA,MACR,cAAc,MAAM,QAAQ,EAAE;AAAA,MAC9B,aAAa,MAAM,QAAQ,CAAC;AAAA,MAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,IAG/B,OAAO,EAAE,aAAa,MAAM,QAAQ,CAAC,EAAA;AAAA,EAAE;AAAA,EAEzC,2BAA2B;AAAA,IACzB,YAAY,MAAM,QAAQ,CAAC;AAAA,IAC3B,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,eAAe;AAAA,EAAA;AAEnB,EAAE;AAEF,MAAM,UAAUD,SAAAA,OAAOE,SAAAA,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC1C,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;;"}

package/dist/react/cjs/theme/components/backdrop.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiBackdrop = {
+  styleOverrides: {
+    root: {
+      backgroundColor: "rgba(0, 0, 0, 0.1)"
+    }
+  }
+};
+exports.MuiBackdrop = MuiBackdrop;
+//# sourceMappingURL=backdrop.js.map

package/dist/react/cjs/theme/components/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","sources":["../../../../../src/theme/components/backdrop.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiBackdrop: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiBackdrop'] = {\n  styleOverrides: {\n    root: {\n      backgroundColor: 'rgba(0, 0, 0, 0.1)',\n    },\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAEJ;;"}

package/dist/react/cjs/theme/components/svg-icon.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiSvgIcon = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      transition: theme.transitions.create("color", {
+        easing: theme.transitions.easing.easeInOut,
+        duration: theme.transitions.duration.standard
+      })
+    })
+  }
+};
+exports.MuiSvgIcon = MuiSvgIcon;
+//# sourceMappingURL=svg-icon.js.map

package/dist/react/cjs/theme/components/svg-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      transition: theme.transitions.create('color', {\n        easing: theme.transitions.easing.easeInOut,\n        duration: theme.transitions.duration.standard,\n      }),\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH;AAEJ;;"}

package/dist/react/cjs/theme/components/switch.js

@@ -75,8 +75,7 @@ const MuiSwitch = {
         height: toggleSwitchHeight,
         padding: 0,
         overflow: "visible",
-        marginRight: theme.spacing(1),
-        marginLeft: theme.spacing(1.5),
+        marginInlineEnd: theme.spacing(1),
         "&:hover": {
           "& .MuiSwitch-switchBase:not(.Mui-checked)": {
             "& + .MuiSwitch-track": {

package/dist/react/cjs/theme/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n  const toggleCircleSize = theme.spacing(1.83);\n  const pressedToggleCircleSize = theme.spacing(2.25);\n  const transformValue = theme.spacing(0.5);\n\n  return {\n    '&:active': {\n      '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n        backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n        boxShadow: 'none',\n      },\n      '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: 'translateX(0)',\n          borderRadius: toggleCircleSize,\n        },\n      },\n      '& .MuiSwitch-switchBase.Mui-checked': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: `translateX(-${transformValue})`,\n          borderRadius: toggleCircleSize,\n        },\n      },\n    },\n  };\n};\n\nexport const MuiSwitch: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n  variants: [\n    {\n      props: { color: 'primary' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'primary'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n          },\n        },\n      }),\n    },\n    {\n      props: { color: 'error' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'error'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n          },\n        },\n      }),\n    },\n  ],\n  styleOverrides: {\n    root: ({ theme }) => {\n      const toggleSwitchWidth = theme.spacing(4);\n      const toggleSwitchHeight = theme.spacing(2.5);\n      const toggleCircleSize = theme.spacing(1.83);\n      const innerMargin = theme.spacing(0.33);\n      const shadowValue = theme.spacing(0, 0, 0, 0.25);\n      const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n      return {\n        width: toggleSwitchWidth,\n        height: toggleSwitchHeight,\n        padding: 0,\n        overflow: 'visible',\n        marginRight: theme.spacing(1),\n        marginLeft: theme.spacing(1.5),\n        '&:hover': {\n          '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n            '& + .MuiSwitch-track': {\n              boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n            },\n          },\n          '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-switchBase': {\n          padding: 0,\n          margin: innerMargin,\n          width: toggleCircleSize,\n          transitionDuration: '300ms',\n          '&.Mui-checked': {\n            transform: `translateX(${transformValue})`,\n            color: theme.palette._components?.switch?.knobFillEnabled,\n            '& + .MuiSwitch-track': {\n              opacity: 1,\n              boxShadow: 'none',\n            },\n            '&.Mui-disabled + .MuiSwitch-track': {\n              opacity: 0.5,\n            },\n          },\n          '&.Mui-focusVisible .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.color,\n            boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n          },\n          '&.Mui-disabled .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.knobFillEnabled,\n          },\n          '&.Mui-disabled + .MuiSwitch-track': {\n            opacity: 0.7,\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-thumb': {\n          boxSizing: 'border-box',\n          width: toggleCircleSize,\n          height: toggleCircleSize,\n          borderRadius: toggleCircleSize,\n          borderWidth: theme.spacing(0.08375),\n          borderStyle: 'solid',\n          borderColor: theme.palette._components.switch.knowFillDisabled,\n          boxShadow: theme.shadows[2],\n          transition: theme.transitions.create(['transform'], {\n            duration: 300,\n          }),\n        },\n        '& .MuiSwitch-track': {\n          borderRadius: theme.spacing(8.25),\n          backgroundColor: theme.palette._components.switch?.slideFill,\n          opacity: 1,\n          transition: theme.transitions.create(['background-color'], {\n            duration: 500,\n          }),\n          boxShadow: `${shadowValue} transparent`,\n        },\n      };\n    },\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n  const toggleCircleSize = theme.spacing(1.83);\n  const pressedToggleCircleSize = theme.spacing(2.25);\n  const transformValue = theme.spacing(0.5);\n\n  return {\n    '&:active': {\n      '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n        backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n        boxShadow: 'none',\n      },\n      '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: 'translateX(0)',\n          borderRadius: toggleCircleSize,\n        },\n      },\n      '& .MuiSwitch-switchBase.Mui-checked': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: `translateX(-${transformValue})`,\n          borderRadius: toggleCircleSize,\n        },\n      },\n    },\n  };\n};\n\nexport const MuiSwitch: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n  variants: [\n    {\n      props: { color: 'primary' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'primary'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n          },\n        },\n      }),\n    },\n    {\n      props: { color: 'error' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'error'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n          },\n        },\n      }),\n    },\n  ],\n  styleOverrides: {\n    root: ({ theme }) => {\n      const toggleSwitchWidth = theme.spacing(4);\n      const toggleSwitchHeight = theme.spacing(2.5);\n      const toggleCircleSize = theme.spacing(1.83);\n      const innerMargin = theme.spacing(0.33);\n      const shadowValue = theme.spacing(0, 0, 0, 0.25);\n      const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n      return {\n        width: toggleSwitchWidth,\n        height: toggleSwitchHeight,\n        padding: 0,\n        overflow: 'visible',\n        marginInlineEnd: theme.spacing(1),\n        '&:hover': {\n          '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n            '& + .MuiSwitch-track': {\n              boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n            },\n          },\n          '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-switchBase': {\n          padding: 0,\n          margin: innerMargin,\n          width: toggleCircleSize,\n          transitionDuration: '300ms',\n          '&.Mui-checked': {\n            transform: `translateX(${transformValue})`,\n            color: theme.palette._components?.switch?.knobFillEnabled,\n            '& + .MuiSwitch-track': {\n              opacity: 1,\n              boxShadow: 'none',\n            },\n            '&.Mui-disabled + .MuiSwitch-track': {\n              opacity: 0.5,\n            },\n          },\n          '&.Mui-focusVisible .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.color,\n            boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n          },\n          '&.Mui-disabled .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.knobFillEnabled,\n          },\n          '&.Mui-disabled + .MuiSwitch-track': {\n            opacity: 0.7,\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-thumb': {\n          boxSizing: 'border-box',\n          width: toggleCircleSize,\n          height: toggleCircleSize,\n          borderRadius: toggleCircleSize,\n          borderWidth: theme.spacing(0.08375),\n          borderStyle: 'solid',\n          borderColor: theme.palette._components.switch.knowFillDisabled,\n          boxShadow: theme.shadows[2],\n          transition: theme.transitions.create(['transform'], {\n            duration: 300,\n          }),\n        },\n        '& .MuiSwitch-track': {\n          borderRadius: theme.spacing(8.25),\n          backgroundColor: theme.palette._components.switch?.slideFill,\n          opacity: 1,\n          transition: theme.transitions.create(['background-color'], {\n            duration: 500,\n          }),\n          boxShadow: `${shadowValue} transparent`,\n        },\n      };\n    },\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/react/cjs/theme/components/timeline.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiTimeline = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      variants: [
+        {
+          // noOppositeContent is used to remove the opposite content,
+          // which is the content that is on the other side of the timeline item depending on the language
+          props: { noOppositeContent: true },
+          style: {
+            [`.MuiTimelineItem-root:before`]: {
+              flex: 0,
+              padding: 0
+            }
+          }
+        },
+        {
+          props: { color: "error", variant: "text" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.button.error.outlinedText,
+            borderColor: "transparent",
+            "&:hover": { backgroundColor: theme.palette._components.button.error.outlinedHover },
+            "&.Mui-focusVisible": {
+              backgroundColor: "transparent"
+            },
+            "&:active": {
+              backgroundColor: theme.palette._components.button.error.pressed
+            },
+            "&.Mui-disabled": {
+              backgroundColor: "transparent",
+              borderColor: "transparent",
+              color: theme.palette._components.button.disabledText
+            }
+          }
+        }
+      ]
+    })
+  }
+};
+exports.MuiTimeline = MuiTimeline;
+//# sourceMappingURL=timeline.js.map

package/dist/react/cjs/theme/components/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sources":["../../../../../src/theme/components/timeline.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiTimeline: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiTimeline'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      variants: [\n        {\n          // noOppositeContent is used to remove the opposite content,\n          // which is the content that is on the other side of the timeline item depending on the language\n          props: { noOppositeContent: true },\n          style: {\n            [`.MuiTimelineItem-root:before`]: {\n              flex: 0,\n              padding: 0,\n            },\n          },\n        },\n        {\n          props: { color: 'error', variant: 'text' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.button.error.outlinedText,\n            borderColor: 'transparent',\n            '&:hover': { backgroundColor: theme.palette._components.button.error.outlinedHover },\n            '&.Mui-focusVisible': {\n              backgroundColor: 'transparent',\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.button.error.pressed,\n            },\n            '&.Mui-disabled': {\n              backgroundColor: 'transparent',\n              borderColor: 'transparent',\n              color: theme.palette._components.button.disabledText,\n            },\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAMO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,UAAU;AAAA,QACR;AAAA;AAAA;AAAA,UAGE,OAAO,EAAE,mBAAmB,KAAA;AAAA,UAC5B,OAAO;AAAA,YACL,CAAC,8BAA8B,GAAG;AAAA,cAChC,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,SAAS,SAAS,OAAA;AAAA,UAClC,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAC9C,aAAa;AAAA,YACb,WAAW,EAAE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM,cAAA;AAAA,YACrE,sBAAsB;AAAA,cACpB,iBAAiB;AAAA,YAAA;AAAA,YAEnB,YAAY;AAAA,cACV,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAAA;AAAA,YAE1D,kBAAkB;AAAA,cAChB,iBAAiB;AAAA,cACjB,aAAa;AAAA,cACb,OAAO,MAAM,QAAQ,YAAY,OAAO;AAAA,YAAA;AAAA,UAC1C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components.js

@@ -22,6 +22,9 @@ const pagination = require("./components/pagination.js");
 const _switch = require("./components/switch.js");
 const radio = require("./components/radio.js");
 const formGroup = require("./components/form-group.js");
+const backdrop = require("./components/backdrop.js");
+const svgIcon = require("./components/svg-icon.js");
+const timeline = require("./components/timeline.js");
 const components = {
   MuiTypography: typography.MuiTypography,
   MuiChip: chip.MuiChip,
@@ -49,7 +52,10 @@ const components = {
   MuiPagination: pagination.MuiPagination,
   MuiSwitch: _switch.MuiSwitch,
   MuiRadio: radio.MuiRadio,
-  MuiFormGroup: formGroup.MuiFormGroup
+  MuiFormGroup: formGroup.MuiFormGroup,
+  MuiBackdrop: backdrop.MuiBackdrop,
+  MuiSvgIcon: svgIcon.MuiSvgIcon,
+  MuiTimeline: timeline.MuiTimeline
 };
 exports.components = components;
 //# sourceMappingURL=components.js.map

package/dist/react/cjs/theme/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n  MuiTypography,\n  MuiChip,\n  MuiButton,\n  MuiAlert,\n  MuiStack,\n  MuiList,\n  MuiListItemText,\n  MuiListItemIcon,\n  MuiTooltip,\n  MuiDivider,\n  MuiIconButton,\n  MuiTabs,\n  MuiTab,\n  MuiSkeleton,\n  MuiCheckbox,\n  MuiDialog,\n  MuiDialogTitle,\n  MuiDialogContent,\n  MuiDialogActions,\n  MuiTextField,\n  MuiInputBase,\n  MuiInputLabel,\n  MuiInputAdornment,\n  MuiPagination,\n  MuiSwitch,\n  MuiRadio,\n  MuiFormGroup,\n};\n"],"names":["MuiTypography","MuiChip","MuiButton","MuiAlert","MuiStack","MuiList","MuiListItemText","MuiListItemIcon","MuiTooltip","MuiDivider","MuiIconButton","MuiTabs","MuiTab","MuiSkeleton","MuiCheckbox","MuiDialog","MuiDialogTitle","MuiDialogContent","MuiDialogActions","MuiTextField","MuiInputBase","MuiInputLabel","MuiInputAdornment","MuiPagination","MuiSwitch","MuiRadio","MuiFormGroup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,aAAkC;AAAA,EAAA,eAC7CA,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,QACAC,IAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,gBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,WACAC,QAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,cACAC,UAAAA;AACF;;"}
+{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n  MuiTypography,\n  MuiChip,\n  MuiButton,\n  MuiAlert,\n  MuiStack,\n  MuiList,\n  MuiListItemText,\n  MuiListItemIcon,\n  MuiTooltip,\n  MuiDivider,\n  MuiIconButton,\n  MuiTabs,\n  MuiTab,\n  MuiSkeleton,\n  MuiCheckbox,\n  MuiDialog,\n  MuiDialogTitle,\n  MuiDialogContent,\n  MuiDialogActions,\n  MuiTextField,\n  MuiInputBase,\n  MuiInputLabel,\n  MuiInputAdornment,\n  MuiPagination,\n  MuiSwitch,\n  MuiRadio,\n  MuiFormGroup,\n  MuiBackdrop,\n  MuiSvgIcon,\n  MuiTimeline,\n};\n"],"names":["MuiTypography","MuiChip","MuiButton","MuiAlert","MuiStack","MuiList","MuiListItemText","MuiListItemIcon","MuiTooltip","MuiDivider","MuiIconButton","MuiTabs","MuiTab","MuiSkeleton","MuiCheckbox","MuiDialog","MuiDialogTitle","MuiDialogContent","MuiDialogActions","MuiTextField","MuiInputBase","MuiInputLabel","MuiInputAdornment","MuiPagination","MuiSwitch","MuiRadio","MuiFormGroup","MuiBackdrop","MuiSvgIcon","MuiTimeline"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,aAAkC;AAAA,EAAA,eAC7CA,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,iBACAC,KAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,QACAC,IAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,gBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,kBACAC,OAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,eACAC,WAAAA;AAAAA,EAAA,WACAC,QAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,aACAC,SAAAA;AAAAA,EAAA,YACAC,QAAAA;AAAAA,EAAA,aACAC,SAAAA;AACF;;"}

package/dist/react/es/components/app-dialog-with-features.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-dialog-with-features.js","sources":["../../../../src/components/app-dialog-with-features.tsx"],"sourcesContent":["import { Box, StackProps, CircularProgress, styled } from '@mui/material';\n\nimport { AppDialog, AppDialogProps } from './app-dialog';\nimport { AppInputSearchProps, AppInputBaseSearch } from './app-input-base-search';\nimport { AppPagination, AppPaginationProps } from './app-pagination';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppDialogWithFeaturesProps = AppDialogProps & {\n  open: boolean;\n  onClose: () => void;\n  search: string;\n  onSearchChange?: (search: string) => void;\n  searchProps?: AppInputSearchProps;\n  pagination?: AppPaginationProps;\n  isLoading?: boolean;\n  contentProps?: StackProps;\n  children?: React.ReactNode;\n};\n\nexport const AppDialogWithFeatures: React.FC<AppDialogWithFeaturesProps> = ({\n  open,\n  onClose,\n  search,\n  onSearchChange,\n  title,\n  searchProps,\n  pagination,\n  children,\n  isLoading,\n  contentProps,\n  ...props\n}) => {\n  return (\n    <AppDialog\n      open={open}\n      onClose={onClose}\n      title={title}\n      fullWidth\n      dialogContentProps={{ sx: { overflow: 'hidden' } }}\n      {...props}\n    >\n      <Content>\n        {isLoading && (\n          <StackRow width=\"100%\" height={160} alignItems=\"center\" justifyContent=\"center\">\n            <CircularProgress />\n          </StackRow>\n        )}\n\n        {!isLoading && (\n          <>\n            {/* Search */}\n            {(search || onSearchChange) && (\n              <SearchInput\n                fullWidth\n                value={search}\n                onChange={e => onSearchChange?.(e.target.value)}\n                name=\"search\"\n                size=\"small\"\n                {...searchProps}\n              />\n            )}\n\n            {/* Main content */}\n            <StackColumn gap={2} maxHeight=\"500px\" overflow=\"auto\" {...contentProps}>\n              {children}\n            </StackColumn>\n\n            {/* Pagination */}\n            {pagination && (\n              <StackRow alignItems=\"center\" justifyContent=\"center\">\n                <AppPagination\n                  size=\"medium\"\n                  count={pagination.count}\n                  page={pagination.page}\n                  onChange={pagination.onChange}\n                />\n              </StackRow>\n            )}\n          </>\n        )}\n      </Content>\n    </AppDialog>\n  );\n};\n\n//\n\nconst SearchInput = styled(AppInputBaseSearch)(({ theme }) => ({\n  marginTop: 0,\n  '.MuiInputBase-root': {\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n    fieldset: {\n      borderRadius: theme.spacing(40),\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n    },\n\n    input: { paddingLeft: theme.spacing(1) },\n  },\n  '.MuiInputAdornment-root': {\n    marginLeft: theme.spacing(0),\n    marginRight: theme.spacing(0),\n    pointerEvents: 'none',\n  },\n}));\n\nconst Content = styled(Box)(({ theme }) => ({\n  display: 'grid',\n  gridTemplateRows: 'auto 1fr auto',\n  gap: theme.spacing(2),\n}));\n"],"names":[],"mappings":";;;;;;;AAuBO,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAS;AAAA,MACT,oBAAoB,EAAE,IAAI,EAAE,UAAU,WAAS;AAAA,MAC9C,GAAG;AAAA,MAEJ,+BAAC,SAAA,EACE,UAAA;AAAA,QAAA,aACC,oBAAC,UAAA,EAAS,OAAM,QAAO,QAAQ,KAAK,YAAW,UAAS,gBAAe,UACrE,UAAA,oBAAC,kBAAA,CAAA,CAAiB,GACpB;AAAA,QAGD,CAAC,aACA,qBAAA,UAAA,EAEI,UAAA;AAAA,WAAA,UAAU,mBACV;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAO;AAAA,cACP,UAAU,CAAA,MAAK,iBAAiB,EAAE,OAAO,KAAK;AAAA,cAC9C,MAAK;AAAA,cACL,MAAK;AAAA,cACJ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAKR,oBAAC,aAAA,EAAY,KAAK,GAAG,WAAU,SAAQ,UAAS,QAAQ,GAAG,cACxD,SAAA,CACH;AAAA,UAGC,cACC,oBAAC,UAAA,EAAS,YAAW,UAAS,gBAAe,UAC3C,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW;AAAA,cAClB,MAAM,WAAW;AAAA,cACjB,UAAU,WAAW;AAAA,YAAA;AAAA,UAAA,EACvB,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAIA,MAAM,cAAc,OAAO,kBAAkB,EAAE,CAAC,EAAE,aAAa;AAAA,EAC7D,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,UAAU;AAAA,MACR,cAAc,MAAM,QAAQ,EAAE;AAAA,MAC9B,aAAa,MAAM,QAAQ,CAAC;AAAA,MAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,IAG/B,OAAO,EAAE,aAAa,MAAM,QAAQ,CAAC,EAAA;AAAA,EAAE;AAAA,EAEzC,2BAA2B;AAAA,IACzB,YAAY,MAAM,QAAQ,CAAC;AAAA,IAC3B,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,eAAe;AAAA,EAAA;AAEnB,EAAE;AAEF,MAAM,UAAU,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC1C,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;"}
+{"version":3,"file":"app-dialog-with-features.js","sources":["../../../../src/components/app-dialog-with-features.tsx"],"sourcesContent":["import { Box, StackProps, CircularProgress, styled } from '@mui/material';\n\nimport { AppDialog, AppDialogProps } from './app-dialog';\nimport { AppInputSearchProps, AppInputBaseSearch } from './app-input-base-search';\nimport { AppPagination, AppPaginationProps } from './app-pagination';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppDialogWithFeaturesProps = AppDialogProps & {\n  open: boolean;\n  onClose: () => void;\n  search?: string;\n  onSearchChange?: (search: string) => void;\n  searchProps?: AppInputSearchProps;\n  pagination?: AppPaginationProps;\n  isLoading?: boolean;\n  contentProps?: StackProps;\n  children?: React.ReactNode;\n};\n\nexport const AppDialogWithFeatures: React.FC<AppDialogWithFeaturesProps> = ({\n  open,\n  onClose,\n  search,\n  onSearchChange,\n  title,\n  searchProps,\n  pagination,\n  children,\n  isLoading,\n  contentProps,\n  ...props\n}) => {\n  return (\n    <AppDialog\n      open={open}\n      onClose={onClose}\n      title={title}\n      fullWidth\n      dialogContentProps={{ sx: { overflow: 'hidden' } }}\n      {...props}\n    >\n      <Content>\n        {isLoading && (\n          <StackRow width=\"100%\" height={160} alignItems=\"center\" justifyContent=\"center\">\n            <CircularProgress />\n          </StackRow>\n        )}\n\n        {!isLoading && (\n          <>\n            {/* Search */}\n            {(search || onSearchChange) && (\n              <SearchInput\n                fullWidth\n                value={search}\n                onChange={e => onSearchChange?.(e.target.value)}\n                name=\"search\"\n                size=\"small\"\n                {...searchProps}\n              />\n            )}\n\n            {/* Main content */}\n            <StackColumn gap={2} maxHeight=\"500px\" overflow=\"auto\" {...contentProps}>\n              {children}\n            </StackColumn>\n\n            {/* Pagination */}\n            {pagination && (\n              <StackRow alignItems=\"center\" justifyContent=\"center\">\n                <AppPagination\n                  size=\"medium\"\n                  count={pagination.count}\n                  page={pagination.page}\n                  onChange={pagination.onChange}\n                />\n              </StackRow>\n            )}\n          </>\n        )}\n      </Content>\n    </AppDialog>\n  );\n};\n\n//\n\nconst SearchInput = styled(AppInputBaseSearch)(({ theme }) => ({\n  marginTop: 0,\n  '.MuiInputBase-root': {\n    paddingLeft: theme.spacing(2),\n    paddingRight: theme.spacing(2),\n    fieldset: {\n      borderRadius: theme.spacing(40),\n      paddingLeft: theme.spacing(2),\n      paddingRight: theme.spacing(2),\n    },\n\n    input: { paddingLeft: theme.spacing(1) },\n  },\n  '.MuiInputAdornment-root': {\n    marginLeft: theme.spacing(0),\n    marginRight: theme.spacing(0),\n    pointerEvents: 'none',\n  },\n}));\n\nconst Content = styled(Box)(({ theme }) => ({\n  display: 'grid',\n  gridTemplateRows: 'auto 1fr auto',\n  gap: theme.spacing(2),\n}));\n"],"names":[],"mappings":";;;;;;;AAuBO,MAAM,wBAA8D,CAAC;AAAA,EAC1E;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAS;AAAA,MACT,oBAAoB,EAAE,IAAI,EAAE,UAAU,WAAS;AAAA,MAC9C,GAAG;AAAA,MAEJ,+BAAC,SAAA,EACE,UAAA;AAAA,QAAA,aACC,oBAAC,UAAA,EAAS,OAAM,QAAO,QAAQ,KAAK,YAAW,UAAS,gBAAe,UACrE,UAAA,oBAAC,kBAAA,CAAA,CAAiB,GACpB;AAAA,QAGD,CAAC,aACA,qBAAA,UAAA,EAEI,UAAA;AAAA,WAAA,UAAU,mBACV;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAS;AAAA,cACT,OAAO;AAAA,cACP,UAAU,CAAA,MAAK,iBAAiB,EAAE,OAAO,KAAK;AAAA,cAC9C,MAAK;AAAA,cACL,MAAK;AAAA,cACJ,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAKR,oBAAC,aAAA,EAAY,KAAK,GAAG,WAAU,SAAQ,UAAS,QAAQ,GAAG,cACxD,SAAA,CACH;AAAA,UAGC,cACC,oBAAC,UAAA,EAAS,YAAW,UAAS,gBAAe,UAC3C,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAO,WAAW;AAAA,cAClB,MAAM,WAAW;AAAA,cACjB,UAAU,WAAW;AAAA,YAAA;AAAA,UAAA,EACvB,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;AAIA,MAAM,cAAc,OAAO,kBAAkB,EAAE,CAAC,EAAE,aAAa;AAAA,EAC7D,WAAW;AAAA,EACX,sBAAsB;AAAA,IACpB,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAC7B,UAAU;AAAA,MACR,cAAc,MAAM,QAAQ,EAAE;AAAA,MAC9B,aAAa,MAAM,QAAQ,CAAC;AAAA,MAC5B,cAAc,MAAM,QAAQ,CAAC;AAAA,IAAA;AAAA,IAG/B,OAAO,EAAE,aAAa,MAAM,QAAQ,CAAC,EAAA;AAAA,EAAE;AAAA,EAEzC,2BAA2B;AAAA,IACzB,YAAY,MAAM,QAAQ,CAAC;AAAA,IAC3B,aAAa,MAAM,QAAQ,CAAC;AAAA,IAC5B,eAAe;AAAA,EAAA;AAEnB,EAAE;AAEF,MAAM,UAAU,OAAO,GAAG,EAAE,CAAC,EAAE,aAAa;AAAA,EAC1C,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;"}

package/dist/react/es/theme/components/backdrop.js

@@ -0,0 +1,11 @@
+const MuiBackdrop = {
+  styleOverrides: {
+    root: {
+      backgroundColor: "rgba(0, 0, 0, 0.1)"
+    }
+  }
+};
+export {
+  MuiBackdrop
+};
+//# sourceMappingURL=backdrop.js.map

package/dist/react/es/theme/components/backdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"backdrop.js","sources":["../../../../../src/theme/components/backdrop.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiBackdrop: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiBackdrop'] = {\n  styleOverrides: {\n    root: {\n      backgroundColor: 'rgba(0, 0, 0, 0.1)',\n    },\n  },\n};\n"],"names":[],"mappings":"AAKO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,iBAAiB;AAAA,IAAA;AAAA,EACnB;AAEJ;"}

package/dist/react/es/theme/components/svg-icon.js

@@ -0,0 +1,14 @@
+const MuiSvgIcon = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      transition: theme.transitions.create("color", {
+        easing: theme.transitions.easing.easeInOut,
+        duration: theme.transitions.duration.standard
+      })
+    })
+  }
+};
+export {
+  MuiSvgIcon
+};
+//# sourceMappingURL=svg-icon.js.map

package/dist/react/es/theme/components/svg-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-icon.js","sources":["../../../../../src/theme/components/svg-icon.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiSvgIcon: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSvgIcon'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      transition: theme.transitions.create('color', {\n        easing: theme.transitions.easing.easeInOut,\n        duration: theme.transitions.duration.standard,\n      }),\n    }),\n  },\n};\n"],"names":[],"mappings":"AAKO,MAAM,aAEK;AAAA,EAChB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,YAAY,MAAM,YAAY,OAAO,SAAS;AAAA,QAC5C,QAAQ,MAAM,YAAY,OAAO;AAAA,QACjC,UAAU,MAAM,YAAY,SAAS;AAAA,MAAA,CACtC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/react/es/theme/components/switch.js

@@ -73,8 +73,7 @@ const MuiSwitch = {
         height: toggleSwitchHeight,
         padding: 0,
         overflow: "visible",
-        marginRight: theme.spacing(1),
-        marginLeft: theme.spacing(1.5),
+        marginInlineEnd: theme.spacing(1),
         "&:hover": {
           "& .MuiSwitch-switchBase:not(.Mui-checked)": {
             "& + .MuiSwitch-track": {

package/dist/react/es/theme/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n  const toggleCircleSize = theme.spacing(1.83);\n  const pressedToggleCircleSize = theme.spacing(2.25);\n  const transformValue = theme.spacing(0.5);\n\n  return {\n    '&:active': {\n      '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n        backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n        boxShadow: 'none',\n      },\n      '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: 'translateX(0)',\n          borderRadius: toggleCircleSize,\n        },\n      },\n      '& .MuiSwitch-switchBase.Mui-checked': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: `translateX(-${transformValue})`,\n          borderRadius: toggleCircleSize,\n        },\n      },\n    },\n  };\n};\n\nexport const MuiSwitch: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n  variants: [\n    {\n      props: { color: 'primary' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'primary'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n          },\n        },\n      }),\n    },\n    {\n      props: { color: 'error' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'error'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n          },\n        },\n      }),\n    },\n  ],\n  styleOverrides: {\n    root: ({ theme }) => {\n      const toggleSwitchWidth = theme.spacing(4);\n      const toggleSwitchHeight = theme.spacing(2.5);\n      const toggleCircleSize = theme.spacing(1.83);\n      const innerMargin = theme.spacing(0.33);\n      const shadowValue = theme.spacing(0, 0, 0, 0.25);\n      const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n      return {\n        width: toggleSwitchWidth,\n        height: toggleSwitchHeight,\n        padding: 0,\n        overflow: 'visible',\n        marginRight: theme.spacing(1),\n        marginLeft: theme.spacing(1.5),\n        '&:hover': {\n          '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n            '& + .MuiSwitch-track': {\n              boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n            },\n          },\n          '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-switchBase': {\n          padding: 0,\n          margin: innerMargin,\n          width: toggleCircleSize,\n          transitionDuration: '300ms',\n          '&.Mui-checked': {\n            transform: `translateX(${transformValue})`,\n            color: theme.palette._components?.switch?.knobFillEnabled,\n            '& + .MuiSwitch-track': {\n              opacity: 1,\n              boxShadow: 'none',\n            },\n            '&.Mui-disabled + .MuiSwitch-track': {\n              opacity: 0.5,\n            },\n          },\n          '&.Mui-focusVisible .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.color,\n            boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n          },\n          '&.Mui-disabled .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.knobFillEnabled,\n          },\n          '&.Mui-disabled + .MuiSwitch-track': {\n            opacity: 0.7,\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-thumb': {\n          boxSizing: 'border-box',\n          width: toggleCircleSize,\n          height: toggleCircleSize,\n          borderRadius: toggleCircleSize,\n          borderWidth: theme.spacing(0.08375),\n          borderStyle: 'solid',\n          borderColor: theme.palette._components.switch.knowFillDisabled,\n          boxShadow: theme.shadows[2],\n          transition: theme.transitions.create(['transform'], {\n            duration: 300,\n          }),\n        },\n        '& .MuiSwitch-track': {\n          borderRadius: theme.spacing(8.25),\n          backgroundColor: theme.palette._components.switch?.slideFill,\n          opacity: 1,\n          transition: theme.transitions.create(['background-color'], {\n            duration: 500,\n          }),\n          boxShadow: `${shadowValue} transparent`,\n        },\n      };\n    },\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"switch.js","sources":["../../../../../src/theme/components/switch.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nconst createSwitchActiveStyles = (theme: CssVarsTheme, colorKey: 'primary' | 'error') => {\n  const toggleCircleSize = theme.spacing(1.83);\n  const pressedToggleCircleSize = theme.spacing(2.25);\n  const transformValue = theme.spacing(0.5);\n\n  return {\n    '&:active': {\n      '& .MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track': {\n        backgroundColor: theme.palette._components.switch?.[colorKey]?.pressedBackground,\n        boxShadow: 'none',\n      },\n      '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: 'translateX(0)',\n          borderRadius: toggleCircleSize,\n        },\n      },\n      '& .MuiSwitch-switchBase.Mui-checked': {\n        '& + .MuiSwitch-track': {\n          boxShadow: 'none',\n        },\n        '& .MuiSwitch-thumb': {\n          width: `${pressedToggleCircleSize}`,\n          transform: `translateX(-${transformValue})`,\n          borderRadius: toggleCircleSize,\n        },\n      },\n    },\n  };\n};\n\nexport const MuiSwitch: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiSwitch'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n  variants: [\n    {\n      props: { color: 'primary' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'primary'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.primary?.activeBackground,\n          },\n        },\n      }),\n    },\n    {\n      props: { color: 'error' },\n      style: ({ theme }) => ({\n        ...createSwitchActiveStyles(theme, 'error'),\n        '& .MuiSwitch-switchBase.Mui-checked': {\n          '& + .MuiSwitch-track': {\n            backgroundColor: theme.palette._components.switch?.error?.activeBackground,\n          },\n        },\n      }),\n    },\n  ],\n  styleOverrides: {\n    root: ({ theme }) => {\n      const toggleSwitchWidth = theme.spacing(4);\n      const toggleSwitchHeight = theme.spacing(2.5);\n      const toggleCircleSize = theme.spacing(1.83);\n      const innerMargin = theme.spacing(0.33);\n      const shadowValue = theme.spacing(0, 0, 0, 0.25);\n      const transformValue = theme.spacing(1.51); // 4 - 1.83 - 0.33 * 2 = 1.51\n\n      return {\n        width: toggleSwitchWidth,\n        height: toggleSwitchHeight,\n        padding: 0,\n        overflow: 'visible',\n        marginInlineEnd: theme.spacing(1),\n        '&:hover': {\n          '& .MuiSwitch-switchBase:not(.Mui-checked)': {\n            '& + .MuiSwitch-track': {\n              boxShadow: `${shadowValue} ${theme.palette._components.switch?.shadow}`,\n            },\n          },\n          '& .MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track': {\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-switchBase': {\n          padding: 0,\n          margin: innerMargin,\n          width: toggleCircleSize,\n          transitionDuration: '300ms',\n          '&.Mui-checked': {\n            transform: `translateX(${transformValue})`,\n            color: theme.palette._components?.switch?.knobFillEnabled,\n            '& + .MuiSwitch-track': {\n              opacity: 1,\n              boxShadow: 'none',\n            },\n            '&.Mui-disabled + .MuiSwitch-track': {\n              opacity: 0.5,\n            },\n          },\n          '&.Mui-focusVisible .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.color,\n            boxShadow: `${shadowValue} ${theme.palette._components?.switch?.background}`,\n          },\n          '&.Mui-disabled .MuiSwitch-thumb': {\n            color: theme.palette._components?.switch?.knobFillEnabled,\n          },\n          '&.Mui-disabled + .MuiSwitch-track': {\n            opacity: 0.7,\n            boxShadow: 'none',\n          },\n        },\n        '& .MuiSwitch-thumb': {\n          boxSizing: 'border-box',\n          width: toggleCircleSize,\n          height: toggleCircleSize,\n          borderRadius: toggleCircleSize,\n          borderWidth: theme.spacing(0.08375),\n          borderStyle: 'solid',\n          borderColor: theme.palette._components.switch.knowFillDisabled,\n          boxShadow: theme.shadows[2],\n          transition: theme.transitions.create(['transform'], {\n            duration: 300,\n          }),\n        },\n        '& .MuiSwitch-track': {\n          borderRadius: theme.spacing(8.25),\n          backgroundColor: theme.palette._components.switch?.slideFill,\n          opacity: 1,\n          transition: theme.transitions.create(['background-color'], {\n            duration: 500,\n          }),\n          boxShadow: `${shadowValue} transparent`,\n        },\n      };\n    },\n  },\n};\n"],"names":[],"mappings":"AAGA,MAAM,2BAA2B,CAAC,OAAqB,aAAkC;AACvF,QAAM,mBAAmB,MAAM,QAAQ,IAAI;AAC3C,QAAM,0BAA0B,MAAM,QAAQ,IAAI;AAClD,QAAM,iBAAiB,MAAM,QAAQ,GAAG;AAExC,SAAO;AAAA,IACL,YAAY;AAAA,MACV,0DAA0D;AAAA,QACxD,iBAAiB,MAAM,QAAQ,YAAY,SAAS,QAAQ,GAAG;AAAA,QAC/D,WAAW;AAAA,MAAA;AAAA,MAEb,6CAA6C;AAAA,QAC3C,wBAAwB;AAAA,UACtB,WAAW;AAAA,QAAA;AAAA,QAEb,sBAAsB;AAAA,UACpB,OAAO,GAAG,uBAAuB;AAAA,UACjC,WAAW;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,MAEF,uCAAuC;AAAA,QACrC,wBAAwB;AAAA,UACtB,WAAW;AAAA,QAAA;AAAA,QAEb,sBAAsB;AAAA,UACpB,OAAO,GAAG,uBAAuB;AAAA,UACjC,WAAW,eAAe,cAAc;AAAA,UACxC,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF;AAEJ;AAEO,MAAM,YAEI;AAAA,EACf,cAAc;AAAA,IACZ,eAAe;AAAA,IACf,oBAAoB;AAAA,EAAA;AAAA,EAEtB,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,OAAO,UAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,GAAG,yBAAyB,OAAO,SAAS;AAAA,QAC5C,uCAAuC;AAAA,UACrC,wBAAwB;AAAA,YACtB,iBAAiB,MAAM,QAAQ,YAAY,QAAQ,SAAS;AAAA,UAAA;AAAA,QAC9D;AAAA,MACF;AAAA,IACF;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,OAAO,QAAA;AAAA,MAChB,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,GAAG,yBAAyB,OAAO,OAAO;AAAA,QAC1C,uCAAuC;AAAA,UACrC,wBAAwB;AAAA,YACtB,iBAAiB,MAAM,QAAQ,YAAY,QAAQ,OAAO;AAAA,UAAA;AAAA,QAC5D;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEF,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,YAAY;AACnB,YAAM,oBAAoB,MAAM,QAAQ,CAAC;AACzC,YAAM,qBAAqB,MAAM,QAAQ,GAAG;AAC5C,YAAM,mBAAmB,MAAM,QAAQ,IAAI;AAC3C,YAAM,cAAc,MAAM,QAAQ,IAAI;AACtC,YAAM,cAAc,MAAM,QAAQ,GAAG,GAAG,GAAG,IAAI;AAC/C,YAAM,iBAAiB,MAAM,QAAQ,IAAI;AAEzC,aAAO;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,UAAU;AAAA,QACV,iBAAiB,MAAM,QAAQ,CAAC;AAAA,QAChC,WAAW;AAAA,UACT,6CAA6C;AAAA,YAC3C,wBAAwB;AAAA,cACtB,WAAW,GAAG,WAAW,IAAI,MAAM,QAAQ,YAAY,QAAQ,MAAM;AAAA,YAAA;AAAA,UACvE;AAAA,UAEF,2DAA2D;AAAA,YACzD,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF,2BAA2B;AAAA,UACzB,SAAS;AAAA,UACT,QAAQ;AAAA,UACR,OAAO;AAAA,UACP,oBAAoB;AAAA,UACpB,iBAAiB;AAAA,YACf,WAAW,cAAc,cAAc;AAAA,YACvC,OAAO,MAAM,QAAQ,aAAa,QAAQ;AAAA,YAC1C,wBAAwB;AAAA,cACtB,SAAS;AAAA,cACT,WAAW;AAAA,YAAA;AAAA,YAEb,qCAAqC;AAAA,cACnC,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,UAEF,uCAAuC;AAAA,YACrC,OAAO,MAAM,QAAQ,aAAa,QAAQ;AAAA,YAC1C,WAAW,GAAG,WAAW,IAAI,MAAM,QAAQ,aAAa,QAAQ,UAAU;AAAA,UAAA;AAAA,UAE5E,mCAAmC;AAAA,YACjC,OAAO,MAAM,QAAQ,aAAa,QAAQ;AAAA,UAAA;AAAA,UAE5C,qCAAqC;AAAA,YACnC,SAAS;AAAA,YACT,WAAW;AAAA,UAAA;AAAA,QACb;AAAA,QAEF,sBAAsB;AAAA,UACpB,WAAW;AAAA,UACX,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,aAAa,MAAM,QAAQ,OAAO;AAAA,UAClC,aAAa;AAAA,UACb,aAAa,MAAM,QAAQ,YAAY,OAAO;AAAA,UAC9C,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,YAAY,MAAM,YAAY,OAAO,CAAC,WAAW,GAAG;AAAA,YAClD,UAAU;AAAA,UAAA,CACX;AAAA,QAAA;AAAA,QAEH,sBAAsB;AAAA,UACpB,cAAc,MAAM,QAAQ,IAAI;AAAA,UAChC,iBAAiB,MAAM,QAAQ,YAAY,QAAQ;AAAA,UACnD,SAAS;AAAA,UACT,YAAY,MAAM,YAAY,OAAO,CAAC,kBAAkB,GAAG;AAAA,YACzD,UAAU;AAAA,UAAA,CACX;AAAA,UACD,WAAW,GAAG,WAAW;AAAA,QAAA;AAAA,MAC3B;AAAA,IAEJ;AAAA,EAAA;AAEJ;"}

package/dist/react/es/theme/components/timeline.js

@@ -0,0 +1,43 @@
+const MuiTimeline = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      variants: [
+        {
+          // noOppositeContent is used to remove the opposite content,
+          // which is the content that is on the other side of the timeline item depending on the language
+          props: { noOppositeContent: true },
+          style: {
+            [`.MuiTimelineItem-root:before`]: {
+              flex: 0,
+              padding: 0
+            }
+          }
+        },
+        {
+          props: { color: "error", variant: "text" },
+          style: {
+            backgroundColor: "transparent",
+            color: theme.palette._components.button.error.outlinedText,
+            borderColor: "transparent",
+            "&:hover": { backgroundColor: theme.palette._components.button.error.outlinedHover },
+            "&.Mui-focusVisible": {
+              backgroundColor: "transparent"
+            },
+            "&:active": {
+              backgroundColor: theme.palette._components.button.error.pressed
+            },
+            "&.Mui-disabled": {
+              backgroundColor: "transparent",
+              borderColor: "transparent",
+              color: theme.palette._components.button.disabledText
+            }
+          }
+        }
+      ]
+    })
+  }
+};
+export {
+  MuiTimeline
+};
+//# sourceMappingURL=timeline.js.map

package/dist/react/es/theme/components/timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.js","sources":["../../../../../src/theme/components/timeline.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiTimeline: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiTimeline'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      variants: [\n        {\n          // noOppositeContent is used to remove the opposite content,\n          // which is the content that is on the other side of the timeline item depending on the language\n          props: { noOppositeContent: true },\n          style: {\n            [`.MuiTimelineItem-root:before`]: {\n              flex: 0,\n              padding: 0,\n            },\n          },\n        },\n        {\n          props: { color: 'error', variant: 'text' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.button.error.outlinedText,\n            borderColor: 'transparent',\n            '&:hover': { backgroundColor: theme.palette._components.button.error.outlinedHover },\n            '&.Mui-focusVisible': {\n              backgroundColor: 'transparent',\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.button.error.pressed,\n            },\n            '&.Mui-disabled': {\n              backgroundColor: 'transparent',\n              borderColor: 'transparent',\n              color: theme.palette._components.button.disabledText,\n            },\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":"AAMO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,UAAU;AAAA,QACR;AAAA;AAAA;AAAA,UAGE,OAAO,EAAE,mBAAmB,KAAA;AAAA,UAC5B,OAAO;AAAA,YACL,CAAC,8BAA8B,GAAG;AAAA,cAChC,MAAM;AAAA,cACN,SAAS;AAAA,YAAA;AAAA,UACX;AAAA,QACF;AAAA,QAEF;AAAA,UACE,OAAO,EAAE,OAAO,SAAS,SAAS,OAAA;AAAA,UAClC,OAAO;AAAA,YACL,iBAAiB;AAAA,YACjB,OAAO,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAC9C,aAAa;AAAA,YACb,WAAW,EAAE,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM,cAAA;AAAA,YACrE,sBAAsB;AAAA,cACpB,iBAAiB;AAAA,YAAA;AAAA,YAEnB,YAAY;AAAA,cACV,iBAAiB,MAAM,QAAQ,YAAY,OAAO,MAAM;AAAA,YAAA;AAAA,YAE1D,kBAAkB;AAAA,cAChB,iBAAiB;AAAA,cACjB,aAAa;AAAA,cACb,OAAO,MAAM,QAAQ,YAAY,OAAO;AAAA,YAAA;AAAA,UAC1C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/react/es/theme/components.js

@@ -20,6 +20,9 @@ import { MuiPagination } from "./components/pagination.js";
 import { MuiSwitch } from "./components/switch.js";
 import { MuiRadio } from "./components/radio.js";
 import { MuiFormGroup } from "./components/form-group.js";
+import { MuiBackdrop } from "./components/backdrop.js";
+import { MuiSvgIcon } from "./components/svg-icon.js";
+import { MuiTimeline } from "./components/timeline.js";
 const components = {
   MuiTypography,
   MuiChip,
@@ -47,7 +50,10 @@ const components = {
   MuiPagination,
   MuiSwitch,
   MuiRadio,
-  MuiFormGroup
+  MuiFormGroup,
+  MuiBackdrop,
+  MuiSvgIcon,
+  MuiTimeline
 };
 export {
   components

package/dist/react/es/theme/components.js.map

@@ -1 +1 @@
-{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n  MuiTypography,\n  MuiChip,\n  MuiButton,\n  MuiAlert,\n  MuiStack,\n  MuiList,\n  MuiListItemText,\n  MuiListItemIcon,\n  MuiTooltip,\n  MuiDivider,\n  MuiIconButton,\n  MuiTabs,\n  MuiTab,\n  MuiSkeleton,\n  MuiCheckbox,\n  MuiDialog,\n  MuiDialogTitle,\n  MuiDialogContent,\n  MuiDialogActions,\n  MuiTextField,\n  MuiInputBase,\n  MuiInputLabel,\n  MuiInputAdornment,\n  MuiPagination,\n  MuiSwitch,\n  MuiRadio,\n  MuiFormGroup,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,aAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"components.js","sources":["../../../../src/theme/components.ts"],"sourcesContent":["import { MuiAlert } from './components/alert';\nimport { MuiButton } from './components/button';\nimport { MuiChip } from './components/chip';\nimport { MuiList, MuiListItemText, MuiListItemIcon } from './components/list';\nimport { MuiStack } from './components/stack';\nimport { MuiTooltip } from './components/tooltip';\nimport { MuiTypography } from './components/typography';\nimport { MuiDivider } from './components/divider';\nimport { MuiIconButton } from './components/icon-button';\nimport { MuiTab } from './components/tab';\nimport { MuiTabs } from './components/tabs';\nimport { MuiSkeleton } from './components/skeleton';\nimport { MuiCheckbox } from './components/checkbox';\nimport { MuiDialog, MuiDialogTitle, MuiDialogContent, MuiDialogActions } from './components/dialog';\nimport { MuiInputAdornment } from './components/input-adornment';\nimport { MuiInputBase } from './components/input-base';\nimport { MuiInputLabel } from './components/input-label';\nimport { MuiTextField } from './components/text-field';\nimport { MuiPagination } from './components/pagination';\nimport { MuiSwitch } from './components/switch';\nimport { MuiRadio } from './components/radio';\nimport { MuiFormGroup } from './components/form-group';\nimport { MuiBackdrop } from './components/backdrop';\nimport { MuiSvgIcon } from './components/svg-icon';\nimport { MuiTimeline } from './components/timeline';\n\n//\n//\n\n// NOTE: We use any here to avoid type inference issues\n// oxlint-disable-next-line @typescript-eslint/no-explicit-any\nexport const components: Record<string, any> = {\n  MuiTypography,\n  MuiChip,\n  MuiButton,\n  MuiAlert,\n  MuiStack,\n  MuiList,\n  MuiListItemText,\n  MuiListItemIcon,\n  MuiTooltip,\n  MuiDivider,\n  MuiIconButton,\n  MuiTabs,\n  MuiTab,\n  MuiSkeleton,\n  MuiCheckbox,\n  MuiDialog,\n  MuiDialogTitle,\n  MuiDialogContent,\n  MuiDialogActions,\n  MuiTextField,\n  MuiInputBase,\n  MuiInputLabel,\n  MuiInputAdornment,\n  MuiPagination,\n  MuiSwitch,\n  MuiRadio,\n  MuiFormGroup,\n  MuiBackdrop,\n  MuiSvgIcon,\n  MuiTimeline,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BO,MAAM,aAAkC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}

package/dist/react/types/components/app-dialog-with-features.d.ts

@@ -5,7 +5,7 @@ import { AppPaginationProps } from './app-pagination';
 export type AppDialogWithFeaturesProps = AppDialogProps & {
     open: boolean;
     onClose: () => void;
-    search: string;
+    search?: string;
     onSearchChange?: (search: string) => void;
     searchProps?: AppInputSearchProps;
     pagination?: AppPaginationProps;

package/dist/react/types/theme/components/backdrop.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
+export declare const MuiBackdrop: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiBackdrop'];

package/dist/react/types/theme/components/svg-icon.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
+export declare const MuiSvgIcon: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiSvgIcon'];

package/dist/react/types/theme/components/timeline.d.ts

@@ -0,0 +1,2 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
+export declare const MuiTimeline: Components<Omit<Theme, 'components' | 'palette'> & CssVarsTheme>['MuiTimeline'];