@zidsa/zidmui 2.1.6 → 2.1.8

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

@@ -0,0 +1,32 @@
+const MuiSelect = {
+  styleOverrides: {
+    icon: ({ theme }) => ({
+      "&.MuiSvgIcon-root": {
+        marginRight: theme.spacing(0.5)
+      }
+    }),
+    select: ({ theme }) => ({
+      "&.MuiSelect-outlined": {
+        "&.MuiInputBase-input": {
+          "&.MuiOutlinedInput-input": {
+            padding: theme.spacing(1, 5, 1, 2),
+            boxSizing: "border-box",
+            minHeight: theme.spacing(6),
+            display: "flex",
+            alignItems: "center"
+          },
+          "&.MuiInputBase-inputSizeSmall": {
+            minHeight: theme.spacing(5)
+          },
+          "&.MuiInputBase-inputAdornedStart": {
+            padding: theme.spacing(1, 5, 1, 0)
+          }
+        }
+      }
+    })
+  }
+};
+export {
+  MuiSelect
+};
+//# sourceMappingURL=select.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../../../../src/theme/components/select.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiSelect: Components<Theme & CssVarsTheme>['MuiSelect'] = {\n  styleOverrides: {\n    icon: ({ theme }) => ({\n      '&.MuiSvgIcon-root': {\n        marginRight: theme.spacing(0.5),\n      },\n    }),\n    select: ({ theme }) => ({\n      '&.MuiSelect-outlined': {\n        '&.MuiInputBase-input': {\n          '&.MuiOutlinedInput-input': {\n            padding: theme.spacing(1, 5, 1, 2),\n            boxSizing: 'border-box',\n            minHeight: theme.spacing(6),\n            display: 'flex',\n            alignItems: 'center',\n          },\n\n          '&.MuiInputBase-inputSizeSmall': {\n            minHeight: theme.spacing(5),\n          },\n\n          '&.MuiInputBase-inputAdornedStart': {\n            padding: theme.spacing(1, 5, 1, 0),\n          },\n        },\n      },\n    }),\n  },\n};\n"],"names":[],"mappings":"AAMO,MAAM,YAA2D;AAAA,EACtE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,qBAAqB;AAAA,QACnB,aAAa,MAAM,QAAQ,GAAG;AAAA,MAAA;AAAA,IAChC;AAAA,IAEF,QAAQ,CAAC,EAAE,aAAa;AAAA,MACtB,wBAAwB;AAAA,QACtB,wBAAwB;AAAA,UACtB,4BAA4B;AAAA,YAC1B,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,YACjC,WAAW;AAAA,YACX,WAAW,MAAM,QAAQ,CAAC;AAAA,YAC1B,SAAS;AAAA,YACT,YAAY;AAAA,UAAA;AAAA,UAGd,iCAAiC;AAAA,YAC/B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAAA;AAAA,UAG5B,oCAAoC;AAAA,YAClC,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,UAAA;AAAA,QACnC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}

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

@@ -73,6 +73,7 @@ const MuiSwitch = {
         height: toggleSwitchHeight,
         padding: 0,
         overflow: "visible",
+        marginInlineStart: theme.spacing(0),
         marginInlineEnd: theme.spacing(1),
         "&:hover": {
           "& .MuiSwitch-switchBase:not(.Mui-checked)": {
@@ -112,6 +113,10 @@ const MuiSwitch = {
             boxShadow: "none"
           }
         },
+        "& .MuiSwitch-input": {
+          left: "unset",
+          width: "100%"
+        },
         "& .MuiSwitch-thumb": {
           boxSizing: "border-box",
           width: toggleCircleSize,

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        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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"}
+{"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        marginInlineStart: theme.spacing(0),\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-input': {\n          left: 'unset',\n          width: '100%',\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/es/theme/components/table.js

@@ -0,0 +1,45 @@
+const MuiTable = {
+  styleOverrides: {
+    root: ({ theme }) => ({
+      border: "none",
+      ".MuiTableHead-root": {
+        ".MuiTableCell-root": {
+          borderBottom: `1px solid ${theme.palette.background.gray200}`,
+          borderTop: `1px solid ${theme.palette.background.gray200}`,
+          background: theme.palette.background.gray,
+          verticalAlign: "baseline"
+        },
+        whiteSpace: "nowrap"
+      },
+      ".MuiTableBody-root": {
+        ".MuiTableRow-root": {
+          ".MuiTableCell-root": {
+            borderBottom: `1px solid ${theme.palette.background.gray200}`,
+            borderTop: `1px solid ${theme.palette.background.gray200}`
+          }
+        },
+        ".MuiTableRow-root:last-child": {
+          ".MuiTableCell-root": {
+            borderBottom: "none"
+          }
+        }
+      }
+    })
+  }
+};
+const MuiTableRow = {
+  styleOverrides: {
+    root: ({ ownerState }) => ({
+      ...ownerState["disable-row-hover"] ? {} : {
+        "&:hover": {
+          backgroundColor: "#FBFBFB"
+        }
+      }
+    })
+  }
+};
+export {
+  MuiTable,
+  MuiTableRow
+};
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../../../src/theme/components/table.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiTable: Components<Theme & CssVarsTheme>['MuiTable'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      border: 'none',\n\n      '.MuiTableHead-root': {\n        '.MuiTableCell-root': {\n          borderBottom: `1px solid ${theme.palette.background.gray200}`,\n          borderTop: `1px solid ${theme.palette.background.gray200}`,\n          background: theme.palette.background.gray,\n          verticalAlign: 'baseline',\n        },\n        whiteSpace: 'nowrap',\n      },\n\n      '.MuiTableBody-root': {\n        '.MuiTableRow-root': {\n          '.MuiTableCell-root': {\n            borderBottom: `1px solid ${theme.palette.background.gray200}`,\n            borderTop: `1px solid ${theme.palette.background.gray200}`,\n          },\n        },\n\n        '.MuiTableRow-root:last-child': {\n          '.MuiTableCell-root': {\n            borderBottom: 'none',\n          },\n        },\n      },\n    }),\n  },\n};\n\nexport const MuiTableRow: Components<Theme & CssVarsTheme>['MuiTableRow'] = {\n  styleOverrides: {\n    root: ({ ownerState }) => ({\n      ...(ownerState['disable-row-hover']\n        ? {}\n        : {\n            '&:hover': {\n              backgroundColor: '#FBFBFB',\n            },\n          }),\n    }),\n  },\n};\n"],"names":[],"mappings":"AAGO,MAAM,WAAyD;AAAA,EACpE,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,QAAQ;AAAA,MAER,sBAAsB;AAAA,QACpB,sBAAsB;AAAA,UACpB,cAAc,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UAC3D,WAAW,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UACxD,YAAY,MAAM,QAAQ,WAAW;AAAA,UACrC,eAAe;AAAA,QAAA;AAAA,QAEjB,YAAY;AAAA,MAAA;AAAA,MAGd,sBAAsB;AAAA,QACpB,qBAAqB;AAAA,UACnB,sBAAsB;AAAA,YACpB,cAAc,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,YAC3D,WAAW,aAAa,MAAM,QAAQ,WAAW,OAAO;AAAA,UAAA;AAAA,QAC1D;AAAA,QAGF,gCAAgC;AAAA,UAC9B,sBAAsB;AAAA,YACpB,cAAc;AAAA,UAAA;AAAA,QAChB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;AAEO,MAAM,cAA+D;AAAA,EAC1E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,kBAAkB;AAAA,MACzB,GAAI,WAAW,mBAAmB,IAC9B,KACA;AAAA,QACE,WAAW;AAAA,UACT,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACN;AAEJ;"}

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

@@ -23,6 +23,18 @@ 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";
+import { MuiFormControlLabel } from "./components/form-control-label.js";
+import { MuiFormLabel } from "./components/form-label.js";
+import { MuiFormHelperText } from "./components/form-helper-text.js";
+import { MuiAppBar } from "./components/app-bar.js";
+import { MuiAutocomplete } from "./components/autocomplete.js";
+import { MuiDrawer } from "./components/drawer.js";
+import { MuiMenuItem, MuiMenu } from "./components/menu.js";
+import { MuiIcon } from "./components/icon.js";
+import { MuiPaper } from "./components/paper.js";
+import { MuiTableRow, MuiTable } from "./components/table.js";
+import { MuiSelect } from "./components/select.js";
+import { MuiCard } from "./components/card.js";
 const components = {
   MuiTypography,
   MuiChip,
@@ -53,7 +65,21 @@ const components = {
   MuiFormGroup,
   MuiBackdrop,
   MuiSvgIcon,
-  MuiTimeline
+  MuiTimeline,
+  MuiFormControlLabel,
+  MuiFormLabel,
+  MuiFormHelperText,
+  MuiAppBar,
+  MuiAutocomplete,
+  MuiDrawer,
+  MuiMenu,
+  MuiMenuItem,
+  MuiIcon,
+  MuiPaper,
+  MuiTable,
+  MuiTableRow,
+  MuiSelect,
+  MuiCard
 };
 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';\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;"}
+{"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';\nimport { MuiFormControlLabel } from './components/form-control-label';\nimport { MuiFormLabel } from './components/form-label';\nimport { MuiFormHelperText } from './components/form-helper-text';\nimport { MuiAppBar } from './components/app-bar';\nimport { MuiAutocomplete } from './components/autocomplete';\nimport { MuiDrawer } from './components/drawer';\nimport { MuiMenu, MuiMenuItem } from './components/menu';\nimport { MuiIcon } from './components/icon';\nimport { MuiPaper } from './components/paper';\nimport { MuiTable, MuiTableRow } from './components/table';\nimport { MuiSelect } from './components/select';\nimport { MuiCard } from './components/card';\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  MuiFormControlLabel,\n  MuiFormLabel,\n  MuiFormHelperText,\n  MuiAppBar,\n  MuiAutocomplete,\n  MuiDrawer,\n  MuiMenu,\n  MuiMenuItem,\n  MuiIcon,\n  MuiPaper,\n  MuiTable,\n  MuiTableRow,\n  MuiSelect,\n  MuiCard,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CO,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;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/theme/components/app-bar.d.ts

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

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

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

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

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

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

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

package/dist/react/types/theme/components/form-control-label.d.ts

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

package/dist/react/types/theme/components/form-helper-text.d.ts

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

package/dist/react/types/theme/components/form-label.d.ts

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

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

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

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

@@ -0,0 +1,3 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
+export declare const MuiMenu: Components<Theme & CssVarsTheme>['MuiMenu'];
+export declare const MuiMenuItem: Components<Theme & CssVarsTheme>['MuiMenuItem'];

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { Components, CssVarsTheme, Theme } from '@mui/material/styles';
+export declare const MuiTable: Components<Theme & CssVarsTheme>['MuiTable'];
+export declare const MuiTableRow: Components<Theme & CssVarsTheme>['MuiTableRow'];