@zidsa/zidmui 2.4.4 → 2.4.6

package/dist/react/cjs/components/app-icon-button.js

@@ -12,18 +12,16 @@ const AppIconButton = ({
   tooltip,
   tooltipProps,
   sx,
+  hideBorder,
   ...props
 }) => {
-  if (!tooltip) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(material.IconButton, { component: "button", color, size, ref, sx, ...props, children: [
-      children,
-      content
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(appTooltip.AppTooltip, { description: tooltip, disableInteractive: true, ...tooltipProps, children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(material.IconButton, { component: "button", color, size, ref, sx, ...props, children: [
+  const mergedSx = { ...sx, ...hideBorder && { border: "none" } };
+  const button = /* @__PURE__ */ jsxRuntime.jsxs(material.IconButton, { component: "button", color, size, ref, sx: mergedSx, ...props, children: [
     children,
     content
-  ] }) }) });
+  ] });
+  if (!tooltip) return button;
+  return /* @__PURE__ */ jsxRuntime.jsx(appTooltip.AppTooltip, { description: tooltip, disableInteractive: true, ...tooltipProps, children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { children: button }) });
 };
 AppIconButton.displayName = "AppIconButton";
 exports.AppIconButton = AppIconButton;

package/dist/react/cjs/components/app-icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-icon-button.js","sources":["../../../../src/components/app-icon-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, IconButton, type IconButtonProps } from '@mui/material';\nimport { AppTooltip, AppTooltipProps } from './app-tooltip';\n\n//\n//\n\nexport type AppIconButtonProps = Omit<IconButtonProps, 'component'> & {\n  content?: React.ReactNode;\n  href?: string;\n  tooltip?: string | null;\n  tooltipProps?: Omit<AppTooltipProps, 'children' | 'title'>;\n  hideBorder?: boolean;\n};\n\nexport const AppIconButton = ({\n  ref,\n  color = 'secondary',\n  size = 'small',\n  children,\n  content,\n  tooltip,\n  tooltipProps,\n  sx,\n  ...props\n}: AppIconButtonProps) => {\n  if (!tooltip) {\n    return (\n      <IconButton component=\"button\" color={color} size={size} ref={ref} sx={sx} {...props}>\n        {children}\n        {content}\n      </IconButton>\n    );\n  }\n\n  return (\n    <AppTooltip description={tooltip} disableInteractive {...tooltipProps}>\n      <Box>\n        <IconButton component=\"button\" color={color} size={size} ref={ref} sx={sx} {...props}>\n          {children}\n          {content}\n        </IconButton>\n      </Box>\n    </AppTooltip>\n  );\n};\n\nAppIconButton.displayName = 'AppIconButton';\n"],"names":["jsxs","IconButton","AppTooltip","jsx","Box"],"mappings":";;;;;AAgBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,MAAI,CAAC,SAAS;AACZ,WACEA,gCAACC,SAAAA,cAAW,WAAU,UAAS,OAAc,MAAY,KAAU,IAAS,GAAG,OAC5E,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,wCACGC,WAAAA,YAAA,EAAW,aAAa,SAAS,oBAAkB,MAAE,GAAG,cACvD,UAAAC,2BAAAA,IAACC,SAAAA,OACC,UAAAJ,gCAACC,SAAAA,YAAA,EAAW,WAAU,UAAS,OAAc,MAAY,KAAU,IAAS,GAAG,OAC5E,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,EAAA,CACH,GACF,GACF;AAEJ;AAEA,cAAc,cAAc;;"}
+{"version":3,"file":"app-icon-button.js","sources":["../../../../src/components/app-icon-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, IconButton, type IconButtonProps } from '@mui/material';\nimport { AppTooltip, AppTooltipProps } from './app-tooltip';\n\n//\n//\n\nexport type AppIconButtonProps = Omit<IconButtonProps, 'component'> & {\n  content?: React.ReactNode;\n  href?: string;\n  tooltip?: string | null;\n  tooltipProps?: Omit<AppTooltipProps, 'children' | 'title'>;\n  hideBorder?: boolean;\n};\n\nexport const AppIconButton = ({\n  ref,\n  color = 'secondary',\n  size = 'small',\n  children,\n  content,\n  tooltip,\n  tooltipProps,\n  sx,\n  hideBorder,\n  ...props\n}: AppIconButtonProps) => {\n  const mergedSx = { ...sx, ...(hideBorder && { border: 'none' }) };\n\n  const button = (\n    <IconButton component=\"button\" color={color} size={size} ref={ref} sx={mergedSx} {...props}>\n      {children}\n      {content}\n    </IconButton>\n  );\n\n  if (!tooltip) return button;\n\n  return (\n    <AppTooltip description={tooltip} disableInteractive {...tooltipProps}>\n      <Box>{button}</Box>\n    </AppTooltip>\n  );\n};\n\nAppIconButton.displayName = 'AppIconButton';\n"],"names":["jsxs","IconButton","jsx","AppTooltip","Box"],"mappings":";;;;;AAgBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,WAAW,EAAE,GAAG,IAAI,GAAI,cAAc,EAAE,QAAQ,SAAO;AAE7D,QAAM,SACJA,2BAAAA,KAACC,SAAAA,YAAA,EAAW,WAAU,UAAS,OAAc,MAAY,KAAU,IAAI,UAAW,GAAG,OAClF,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,GACH;AAGF,MAAI,CAAC,QAAS,QAAO;AAErB,SACEC,2BAAAA,IAACC,WAAAA,YAAA,EAAW,aAAa,SAAS,oBAAkB,MAAE,GAAG,cACvD,UAAAD,2BAAAA,IAACE,SAAAA,KAAA,EAAK,UAAA,OAAA,CAAO,GACf;AAEJ;AAEA,cAAc,cAAc;;"}

package/dist/react/cjs/components/app-input-radio-card.js

@@ -44,10 +44,10 @@ const FormControlLabelStyled = material.styled(material.FormControlLabel)(({ the
     gap: theme.spacing(0.5),
     margin: 0,
     padding: theme.spacing(1.5),
-    border: `solid 1px ${theme.palette.colors.neutral[100]}`,
+    border: `solid 1px ${theme.palette.divider}`,
     borderRadius: theme.shape.standardBorderRadius,
     ":has(:checked)": {
-      backgroundColor: theme.palette.colors.primary[50],
+      backgroundColor: material.alpha(theme.palette.primary.main, 0.08),
       borderColor: "#AE72FF80"
     },
     overflow: "hidden",

package/dist/react/cjs/components/app-input-radio-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-input-radio-card.js","sources":["../../../../src/components/app-input-radio-card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  FormControlLabelProps,\n  StackProps,\n  RadioProps,\n  FormControlLabel,\n  Radio,\n  CircularProgress,\n  styled,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppInputRadioCardProps = Omit<FormControlLabelProps, 'control' | 'label'> & {\n  label: string | React.ReactNode;\n  labelProps?: AppTypographyProps;\n  labelContainerProps?: StackProps;\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n  radioProps?: RadioProps;\n  isLoading?: boolean;\n  labelSuffix?: React.ReactNode;\n  icon?: React.ReactNode;\n};\n\nexport const AppInputRadioCard: React.FC<AppInputRadioCardProps> = ({\n  label,\n  labelProps,\n  labelContainerProps,\n  description,\n  descriptionProps,\n  radioProps,\n  isLoading,\n  labelSuffix,\n  icon,\n  ...props\n}) => {\n  return (\n    <FormControlLabelStyled\n      {...props}\n      control={<RadioStyled {...radioProps} />}\n      label={\n        <StackRow justifyContent=\"space-between\" alignItems=\"center\">\n          <StackColumn gap={0} overflow=\"hidden\" {...labelContainerProps}>\n            {isLoading && <CircularProgressStyled />}\n\n            {typeof label === 'string' ? (\n              <StackRow width=\"100%\" justifyContent=\"space-between\">\n                <AppTypography variant=\"body2\" {...labelProps}>\n                  {label}\n                </AppTypography>\n                {labelSuffix ? labelSuffix : null}\n              </StackRow>\n            ) : (\n              label\n            )}\n            {description && (\n              <RadioDescriptionStyled variant=\"caption\" color=\"text.tertiary\" {...descriptionProps}>\n                {description}\n              </RadioDescriptionStyled>\n            )}\n          </StackColumn>\n\n          {icon}\n        </StackRow>\n      }\n    />\n  );\n};\n\n//\n\nconst FormControlLabelStyled = styled(FormControlLabel)(({ theme }) => {\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(0.5),\n    margin: 0,\n    padding: theme.spacing(1.5),\n    border: `solid 1px ${theme.palette.colors.neutral[100]}`,\n    borderRadius: theme.shape.standardBorderRadius,\n    ':has(:checked)': {\n      backgroundColor: theme.palette.colors.primary[50],\n      borderColor: '#AE72FF80',\n    },\n    overflow: 'hidden',\n    '> .MuiFormControlLabel-label': {\n      overflow: 'hidden',\n    },\n    '& .MuiFormControlLabel-label': {\n      width: '100%',\n    },\n  };\n});\n\nconst RadioStyled = styled(Radio)(({ theme }) => {\n  return {\n    width: theme.spacing(2.5),\n    minWidth: theme.spacing(2.5),\n    height: theme.spacing(2.5),\n    padding: 0,\n  };\n});\n\nconst RadioDescriptionStyled = styled(AppTypography)(() => {\n  return {\n    display: '-webkit-box',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n  };\n});\n\nconst CircularProgressStyled = styled(CircularProgress)(() => {\n  return {\n    position: 'absolute',\n    left: 'calc(50% - 20px)',\n    top: 'calc(50% - 20px)',\n  };\n});\n"],"names":["jsx","jsxs","StackRow","StackColumn","AppTypography","styled","FormControlLabel","Radio","CircularProgress"],"mappings":";;;;;;;AA6BO,MAAM,oBAAsD,CAAC;AAAA,EAClE;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,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAASA,2BAAAA,IAAC,aAAA,EAAa,GAAG,WAAA,CAAY;AAAA,MACtC,OACEC,2BAAAA,KAACC,SAAAA,UAAA,EAAS,gBAAe,iBAAgB,YAAW,UAClD,UAAA;AAAA,QAAAD,gCAACE,YAAAA,eAAY,KAAK,GAAG,UAAS,UAAU,GAAG,qBACxC,UAAA;AAAA,UAAA,4CAAc,wBAAA,EAAuB;AAAA,UAErC,OAAO,UAAU,WAChBF,2BAAAA,KAACC,SAAAA,YAAS,OAAM,QAAO,gBAAe,iBACpC,UAAA;AAAA,YAAAF,+BAACI,cAAAA,eAAA,EAAc,SAAQ,SAAS,GAAG,YAChC,UAAA,OACH;AAAA,YACC,cAAc,cAAc;AAAA,UAAA,EAAA,CAC/B,IAEA;AAAA,UAED,8CACE,wBAAA,EAAuB,SAAQ,WAAU,OAAM,iBAAiB,GAAG,kBACjE,UAAA,YAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAEC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAIA,MAAM,yBAAyBC,SAAAA,OAAOC,SAAAA,gBAAgB,EAAE,CAAC,EAAE,YAAY;AACrE,SAAO;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,IACtB,QAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,GAAG;AAAA,IAC1B,QAAQ,aAAa,MAAM,QAAQ,OAAO,QAAQ,GAAG,CAAC;AAAA,IACtD,cAAc,MAAM,MAAM;AAAA,IAC1B,kBAAkB;AAAA,MAChB,iBAAiB,MAAM,QAAQ,OAAO,QAAQ,EAAE;AAAA,MAChD,aAAa;AAAA,IAAA;AAAA,IAEf,UAAU;AAAA,IACV,gCAAgC;AAAA,MAC9B,UAAU;AAAA,IAAA;AAAA,IAEZ,gCAAgC;AAAA,MAC9B,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,CAAC;AAED,MAAM,cAAcD,SAAAA,OAAOE,SAAAA,KAAK,EAAE,CAAC,EAAE,YAAY;AAC/C,SAAO;AAAA,IACL,OAAO,MAAM,QAAQ,GAAG;AAAA,IACxB,UAAU,MAAM,QAAQ,GAAG;AAAA,IAC3B,QAAQ,MAAM,QAAQ,GAAG;AAAA,IACzB,SAAS;AAAA,EAAA;AAEb,CAAC;AAED,MAAM,yBAAyBF,SAAAA,OAAOD,cAAAA,aAAa,EAAE,MAAM;AACzD,SAAO;AAAA,IACL,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,CAAC;AAED,MAAM,yBAAyBC,SAAAA,OAAOG,SAAAA,gBAAgB,EAAE,MAAM;AAC5D,SAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,CAAC;;"}
+{"version":3,"file":"app-input-radio-card.js","sources":["../../../../src/components/app-input-radio-card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  FormControlLabelProps,\n  StackProps,\n  RadioProps,\n  FormControlLabel,\n  Radio,\n  CircularProgress,\n  styled,\n  alpha,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppInputRadioCardProps = Omit<FormControlLabelProps, 'control' | 'label'> & {\n  label: string | React.ReactNode;\n  labelProps?: AppTypographyProps;\n  labelContainerProps?: StackProps;\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n  radioProps?: RadioProps;\n  isLoading?: boolean;\n  labelSuffix?: React.ReactNode;\n  icon?: React.ReactNode;\n};\n\nexport const AppInputRadioCard: React.FC<AppInputRadioCardProps> = ({\n  label,\n  labelProps,\n  labelContainerProps,\n  description,\n  descriptionProps,\n  radioProps,\n  isLoading,\n  labelSuffix,\n  icon,\n  ...props\n}) => {\n  return (\n    <FormControlLabelStyled\n      {...props}\n      control={<RadioStyled {...radioProps} />}\n      label={\n        <StackRow justifyContent=\"space-between\" alignItems=\"center\">\n          <StackColumn gap={0} overflow=\"hidden\" {...labelContainerProps}>\n            {isLoading && <CircularProgressStyled />}\n\n            {typeof label === 'string' ? (\n              <StackRow width=\"100%\" justifyContent=\"space-between\">\n                <AppTypography variant=\"body2\" {...labelProps}>\n                  {label}\n                </AppTypography>\n                {labelSuffix ? labelSuffix : null}\n              </StackRow>\n            ) : (\n              label\n            )}\n            {description && (\n              <RadioDescriptionStyled variant=\"caption\" color=\"text.tertiary\" {...descriptionProps}>\n                {description}\n              </RadioDescriptionStyled>\n            )}\n          </StackColumn>\n\n          {icon}\n        </StackRow>\n      }\n    />\n  );\n};\n\n//\n\nconst FormControlLabelStyled = styled(FormControlLabel)(({ theme }) => {\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(0.5),\n    margin: 0,\n    padding: theme.spacing(1.5),\n    border: `solid 1px ${theme.palette.divider}`,\n    borderRadius: theme.shape.standardBorderRadius,\n    ':has(:checked)': {\n      backgroundColor: alpha(theme.palette.primary.main, 0.08),\n      borderColor: '#AE72FF80',\n    },\n    overflow: 'hidden',\n    '> .MuiFormControlLabel-label': {\n      overflow: 'hidden',\n    },\n    '& .MuiFormControlLabel-label': {\n      width: '100%',\n    },\n  };\n});\n\nconst RadioStyled = styled(Radio)(({ theme }) => {\n  return {\n    width: theme.spacing(2.5),\n    minWidth: theme.spacing(2.5),\n    height: theme.spacing(2.5),\n    padding: 0,\n  };\n});\n\nconst RadioDescriptionStyled = styled(AppTypography)(() => {\n  return {\n    display: '-webkit-box',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n  };\n});\n\nconst CircularProgressStyled = styled(CircularProgress)(() => {\n  return {\n    position: 'absolute',\n    left: 'calc(50% - 20px)',\n    top: 'calc(50% - 20px)',\n  };\n});\n"],"names":["jsx","jsxs","StackRow","StackColumn","AppTypography","styled","FormControlLabel","alpha","Radio","CircularProgress"],"mappings":";;;;;;;AA8BO,MAAM,oBAAsD,CAAC;AAAA,EAClE;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,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,SAASA,2BAAAA,IAAC,aAAA,EAAa,GAAG,WAAA,CAAY;AAAA,MACtC,OACEC,2BAAAA,KAACC,SAAAA,UAAA,EAAS,gBAAe,iBAAgB,YAAW,UAClD,UAAA;AAAA,QAAAD,gCAACE,YAAAA,eAAY,KAAK,GAAG,UAAS,UAAU,GAAG,qBACxC,UAAA;AAAA,UAAA,4CAAc,wBAAA,EAAuB;AAAA,UAErC,OAAO,UAAU,WAChBF,2BAAAA,KAACC,SAAAA,YAAS,OAAM,QAAO,gBAAe,iBACpC,UAAA;AAAA,YAAAF,+BAACI,cAAAA,eAAA,EAAc,SAAQ,SAAS,GAAG,YAChC,UAAA,OACH;AAAA,YACC,cAAc,cAAc;AAAA,UAAA,EAAA,CAC/B,IAEA;AAAA,UAED,8CACE,wBAAA,EAAuB,SAAQ,WAAU,OAAM,iBAAiB,GAAG,kBACjE,UAAA,YAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAEC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAIA,MAAM,yBAAyBC,SAAAA,OAAOC,SAAAA,gBAAgB,EAAE,CAAC,EAAE,YAAY;AACrE,SAAO;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,IACtB,QAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,GAAG;AAAA,IAC1B,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,IAC1C,cAAc,MAAM,MAAM;AAAA,IAC1B,kBAAkB;AAAA,MAChB,iBAAiBC,SAAAA,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,MACvD,aAAa;AAAA,IAAA;AAAA,IAEf,UAAU;AAAA,IACV,gCAAgC;AAAA,MAC9B,UAAU;AAAA,IAAA;AAAA,IAEZ,gCAAgC;AAAA,MAC9B,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,CAAC;AAED,MAAM,cAAcF,SAAAA,OAAOG,SAAAA,KAAK,EAAE,CAAC,EAAE,YAAY;AAC/C,SAAO;AAAA,IACL,OAAO,MAAM,QAAQ,GAAG;AAAA,IACxB,UAAU,MAAM,QAAQ,GAAG;AAAA,IAC3B,QAAQ,MAAM,QAAQ,GAAG;AAAA,IACzB,SAAS;AAAA,EAAA;AAEb,CAAC;AAED,MAAM,yBAAyBH,SAAAA,OAAOD,cAAAA,aAAa,EAAE,MAAM;AACzD,SAAO;AAAA,IACL,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,CAAC;AAED,MAAM,yBAAyBC,SAAAA,OAAOI,SAAAA,gBAAgB,EAAE,MAAM;AAC5D,SAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,CAAC;;"}

package/dist/react/cjs/theme/components/app-bar.js

@@ -124,9 +124,9 @@ const MuiAppBar = {
         {
           props: { color: "transparent" },
           style: ({ theme: theme2 }) => ({
-            backgroundColor: theme2.palette.background.default,
+            backgroundColor: theme2.palette.background.sidebar,
             boxShadow: theme2.shadows[0],
-            borderBottom: `1px solid ${theme2.palette?.outlined?.outlined_2}`,
+            borderBottom: `1px solid ${theme2.palette?.outlined?.outlined_2 ?? theme2.palette.divider}`,
             "& .MuiTextField-root": {
               "& .MuiOutlinedInput-root": {
                 "& fieldset": {

package/dist/react/cjs/theme/components/app-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      boxShadow: theme.shadows[4],\n      input: {\n        fontSize: 14,\n        '&:-webkit-autofill': {\n          transitionDelay: '9999s !important',\n        },\n        '&::-webkit-input-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n        '&::-moz-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n        '&:-ms-input-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n      },\n      '& form': {\n        margin: 0,\n        maxWidth: 564,\n        width: '100%',\n        '& .MuiFormControl-root': {\n          marginTop: 0,\n        },\n      },\n      //\n      variants: [\n        {\n          props: { color: 'primary' },\n          style: ({ theme }) => ({\n            '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n              {\n                color: theme.palette.common.white_states.main,\n              },\n            input: {\n              color: theme.palette.primary.contrastText,\n              '&::-webkit-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&::-moz-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n            },\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.white_states.focusVisible,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'default' },\n          style: ({ theme }) => ({\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.black_states.selected,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'secondary' },\n          style: ({ theme }) => ({\n            '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n              {\n                color: theme.palette.common.white_states.main,\n              },\n            input: {\n              opacity: 1,\n              color: theme.palette.primary.contrastText,\n              '&::-webkit-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&::-moz-placeholder, &:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n            },\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.white_states.focus,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'inherit' },\n          style: ({ theme }) => ({\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.black_states.hover,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'transparent' },\n          style: ({ theme }) => ({\n            backgroundColor: theme.palette.background.default,\n            boxShadow: theme.shadows[0],\n            borderBottom: `1px solid ${theme.palette?.outlined?.outlined_2}`,\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  borderColor: theme.palette?.outlined?.outlined,\n                  background: theme.palette?.common?.black_states?.hover,\n                },\n                '&.Mui-focused fieldset': {\n                  borderColor: theme.palette.primary.main,\n                },\n                '&:active fieldset': {\n                  borderColor: theme.palette.primary.main,\n                },\n              },\n            },\n          }),\n        },\n      ],\n    }),\n  },\n};\n"],"names":["theme"],"mappings":"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"}
+{"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      boxShadow: theme.shadows[4],\n      input: {\n        fontSize: 14,\n        '&:-webkit-autofill': {\n          transitionDelay: '9999s !important',\n        },\n        '&::-webkit-input-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n        '&::-moz-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n        '&:-ms-input-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n      },\n      '& form': {\n        margin: 0,\n        maxWidth: 564,\n        width: '100%',\n        '& .MuiFormControl-root': {\n          marginTop: 0,\n        },\n      },\n      //\n      variants: [\n        {\n          props: { color: 'primary' },\n          style: ({ theme }) => ({\n            '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n              {\n                color: theme.palette.common.white_states.main,\n              },\n            input: {\n              color: theme.palette.primary.contrastText,\n              '&::-webkit-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&::-moz-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n            },\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.white_states.focusVisible,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'default' },\n          style: ({ theme }) => ({\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.black_states.selected,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'secondary' },\n          style: ({ theme }) => ({\n            '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n              {\n                color: theme.palette.common.white_states.main,\n              },\n            input: {\n              opacity: 1,\n              color: theme.palette.primary.contrastText,\n              '&::-webkit-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&::-moz-placeholder, &:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n            },\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.white_states.focus,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'inherit' },\n          style: ({ theme }) => ({\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.black_states.hover,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'transparent' },\n          style: ({ theme }) => ({\n            backgroundColor: theme.palette.background.sidebar,\n            boxShadow: theme.shadows[0],\n            borderBottom: `1px solid ${theme.palette?.outlined?.outlined_2 ?? theme.palette.divider}`,\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  borderColor: theme.palette?.outlined?.outlined,\n                  background: theme.palette?.common?.black_states?.hover,\n                },\n                '&.Mui-focused fieldset': {\n                  borderColor: theme.palette.primary.main,\n                },\n                '&:active fieldset': {\n                  borderColor: theme.palette.primary.main,\n                },\n              },\n            },\n          }),\n        },\n      ],\n    }),\n  },\n};\n"],"names":["theme"],"mappings":"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"}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const MuiBackdrop = {
   styleOverrides: {
-    root: {
-      backgroundColor: "rgba(0, 0, 0, 0.1)"
-    }
+    root: ({ theme }) => ({
+      backgroundColor: theme.palette._components.backdrop.fill
+    })
   }
 };
 exports.MuiBackdrop = MuiBackdrop;

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

@@ -1 +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;;"}
+{"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: ({ theme }) => ({\n      backgroundColor: theme.palette._components.backdrop.fill,\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,iBAAiB,MAAM,QAAQ,YAAY,SAAS;AAAA,IAAA;AAAA,EACtD;AAEJ;;"}

package/dist/react/cjs/theme/components/filled-input.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiFilledInput = {
+  styleOverrides: {
+    root: {
+      borderRadius: 8,
+      "&::before, &::after": {
+        borderBottom: 0
+      },
+      "&:hover:not(.Mui-disabled, .Mui-error):before": {
+        borderBottom: 0
+      },
+      "&.Mui-focused:after": {
+        borderBottom: 0
+      }
+    }
+  }
+};
+exports.MuiFilledInput = MuiFilledInput;
+//# sourceMappingURL=filled-input.js.map

package/dist/react/cjs/theme/components/filled-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled-input.js","sources":["../../../../../src/theme/components/filled-input.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiFilledInput: Components<Theme & CssVarsTheme>['MuiFilledInput'] = {\n  styleOverrides: {\n    root: {\n      borderRadius: 8,\n      '&::before, &::after': {\n        borderBottom: 0,\n      },\n      '&:hover:not(.Mui-disabled, .Mui-error):before': {\n        borderBottom: 0,\n      },\n      '&.Mui-focused:after': {\n        borderBottom: 0,\n      },\n    },\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,iBAAqE;AAAA,EAChF,gBAAgB;AAAA,IACd,MAAM;AAAA,MACJ,cAAc;AAAA,MACd,uBAAuB;AAAA,QACrB,cAAc;AAAA,MAAA;AAAA,MAEhB,iDAAiD;AAAA,QAC/C,cAAc;AAAA,MAAA;AAAA,MAEhB,uBAAuB;AAAA,QACrB,cAAc;AAAA,MAAA;AAAA,IAChB;AAAA,EACF;AAEJ;;"}

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

@@ -16,7 +16,7 @@ const MuiIconButton = {
         color: theme.palette._components.button.disabledText
       },
       "&.MuiIconButton-loading .MuiSvgIcon-root": {
-        fill: "rgba(0,0,0,0) !important"
+        fill: "transparent !important"
       },
       variants: [
         {

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

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../../../../src/theme/components/icon-button.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiIconButton: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiIconButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&.Mui-focusVisible': {\n        backgroundColor: theme.palette._components.iconButton.default.hover,\n        outline: `2px solid ${theme.palette.primary.dark}`,\n        outlineOffset: '2px',\n      },\n      '&.Mui-disabled': {\n        color: theme.palette._components.button.disabledText,\n      },\n      '&.MuiIconButton-loading .MuiSvgIcon-root': {\n        fill: 'rgba(0,0,0,0) !important',\n      },\n\n      variants: [\n        {\n          props: { size: 'large' },\n          style: {\n            minWidth: theme.spacing(6),\n            minHeight: theme.spacing(6),\n            padding: theme.spacing(1),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(3),\n              minWidth: theme.spacing(3),\n              height: theme.spacing(3),\n              minHeight: theme.spacing(3),\n            },\n          },\n        },\n        {\n          props: { size: 'medium' },\n          style: {\n            minWidth: theme.spacing(5),\n            minHeight: theme.spacing(5),\n            padding: theme.spacing(0.65),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(2.5),\n              minWidth: theme.spacing(2.5),\n              height: theme.spacing(2.5),\n              minHeight: theme.spacing(2.5),\n            },\n          },\n        },\n        {\n          props: { size: 'small' },\n          style: {\n            minWidth: theme.spacing(4),\n            minHeight: theme.spacing(4),\n            padding: theme.spacing(0.75),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(2.5),\n              minWidth: theme.spacing(2.5),\n              height: theme.spacing(2.5),\n              minHeight: theme.spacing(2.5),\n            },\n          },\n        },\n        {\n          props: { size: 'extraSmall' },\n          style: {\n            minWidth: theme.spacing(3),\n            minHeight: theme.spacing(3),\n            padding: theme.spacing(0),\n            fontSize: theme.spacing(2),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(1.75),\n              minWidth: theme.spacing(1.75),\n              height: theme.spacing(1.75),\n              minHeight: theme.spacing(1.75),\n            },\n          },\n        },\n        {\n          props: { color: 'primary' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.iconButton.primary.text,\n            border: `1px solid ${theme.palette._components.button.primary.contained}`,\n            '&:hover': { backgroundColor: theme.palette._components.iconButton.primary.hover },\n            '&.Mui-focusVisible': {\n              borderColor: 'transparent',\n              backgroundColor: theme.palette._components.iconButton.primary.focused,\n              color: theme.palette._components.iconButton.primary.focusedIcon,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.iconButton.primary.focused,\n              borderColor: theme.palette._components.button.primary.contained,\n            },\n          },\n        },\n        {\n          props: { color: 'secondary' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.iconButton.secondary.text,\n            border: `1px solid ${theme.palette._components.button.secondary.border}`,\n            '&:hover': {\n              backgroundColor: theme.palette._components.iconButton.secondary.hover,\n            },\n            '&.Mui-focusVisible': {\n              borderColor: 'transparent',\n              backgroundColor: theme.palette._components.iconButton.secondary.focused,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.button.secondary.pressed,\n            },\n          },\n        },\n        {\n          props: { color: 'error' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.button.error.focused,\n            border: `1px solid ${theme.palette._components.button.error.border}`,\n            '&:hover': {\n              backgroundColor: theme.palette._components.button.error.outlinedHover,\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: theme.palette._components.iconButton.error.focused,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.iconButton.error.focused,\n            },\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"icon-button.js","sources":["../../../../../src/theme/components/icon-button.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiIconButton: Components<\n  Omit<Theme, 'components' | 'palette'> & CssVarsTheme\n>['MuiIconButton'] = {\n  defaultProps: {\n    disableRipple: true,\n    disableTouchRipple: true,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&.Mui-focusVisible': {\n        backgroundColor: theme.palette._components.iconButton.default.hover,\n        outline: `2px solid ${theme.palette.primary.dark}`,\n        outlineOffset: '2px',\n      },\n      '&.Mui-disabled': {\n        color: theme.palette._components.button.disabledText,\n      },\n      '&.MuiIconButton-loading .MuiSvgIcon-root': {\n        fill: 'transparent !important',\n      },\n\n      variants: [\n        {\n          props: { size: 'large' },\n          style: {\n            minWidth: theme.spacing(6),\n            minHeight: theme.spacing(6),\n            padding: theme.spacing(1),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(3),\n              minWidth: theme.spacing(3),\n              height: theme.spacing(3),\n              minHeight: theme.spacing(3),\n            },\n          },\n        },\n        {\n          props: { size: 'medium' },\n          style: {\n            minWidth: theme.spacing(5),\n            minHeight: theme.spacing(5),\n            padding: theme.spacing(0.65),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(2.5),\n              minWidth: theme.spacing(2.5),\n              height: theme.spacing(2.5),\n              minHeight: theme.spacing(2.5),\n            },\n          },\n        },\n        {\n          props: { size: 'small' },\n          style: {\n            minWidth: theme.spacing(4),\n            minHeight: theme.spacing(4),\n            padding: theme.spacing(0.75),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(2.5),\n              minWidth: theme.spacing(2.5),\n              height: theme.spacing(2.5),\n              minHeight: theme.spacing(2.5),\n            },\n          },\n        },\n        {\n          props: { size: 'extraSmall' },\n          style: {\n            minWidth: theme.spacing(3),\n            minHeight: theme.spacing(3),\n            padding: theme.spacing(0),\n            fontSize: theme.spacing(2),\n            '> .MuiSvgIcon-root': {\n              width: theme.spacing(1.75),\n              minWidth: theme.spacing(1.75),\n              height: theme.spacing(1.75),\n              minHeight: theme.spacing(1.75),\n            },\n          },\n        },\n        {\n          props: { color: 'primary' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.iconButton.primary.text,\n            border: `1px solid ${theme.palette._components.button.primary.contained}`,\n            '&:hover': { backgroundColor: theme.palette._components.iconButton.primary.hover },\n            '&.Mui-focusVisible': {\n              borderColor: 'transparent',\n              backgroundColor: theme.palette._components.iconButton.primary.focused,\n              color: theme.palette._components.iconButton.primary.focusedIcon,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.iconButton.primary.focused,\n              borderColor: theme.palette._components.button.primary.contained,\n            },\n          },\n        },\n        {\n          props: { color: 'secondary' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.iconButton.secondary.text,\n            border: `1px solid ${theme.palette._components.button.secondary.border}`,\n            '&:hover': {\n              backgroundColor: theme.palette._components.iconButton.secondary.hover,\n            },\n            '&.Mui-focusVisible': {\n              borderColor: 'transparent',\n              backgroundColor: theme.palette._components.iconButton.secondary.focused,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.button.secondary.pressed,\n            },\n          },\n        },\n        {\n          props: { color: 'error' },\n          style: {\n            backgroundColor: 'transparent',\n            color: theme.palette._components.button.error.focused,\n            border: `1px solid ${theme.palette._components.button.error.border}`,\n            '&:hover': {\n              backgroundColor: theme.palette._components.button.error.outlinedHover,\n            },\n            '&.Mui-focusVisible': {\n              backgroundColor: theme.palette._components.iconButton.error.focused,\n            },\n            '&:active': {\n              backgroundColor: theme.palette._components.iconButton.error.focused,\n            },\n          },\n        },\n      ],\n    }),\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/react/cjs/theme/components/input-base.js

@@ -2,6 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const MuiInputBase = {
   styleOverrides: {
+    root: ({ theme }) => ({
+      "&.MuiInputBase-root": {
+        background: theme.palette.background.white
+      }
+    }),
     input: ({ theme }) => ({
       ...theme.typography.body2,
       "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {

package/dist/react/cjs/theme/components/input-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-base.js","sources":["../../../../../src/theme/components/input-base.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\nexport const MuiInputBase: Components<Theme & CssVarsTheme>['MuiInputBase'] = {\n  styleOverrides: {\n    input: ({ theme }) => ({\n      ...theme.typography.body2,\n\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n        WebkitAppearance: 'none',\n      },\n\n      /* Firefox */\n      '&[type=number]': {\n        MozAppearance: 'textfield',\n      },\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,GAAG,MAAM,WAAW;AAAA,MAEpB,8DAA8D;AAAA,QAC5D,kBAAkB;AAAA,MAAA;AAAA;AAAA,MAIpB,kBAAkB;AAAA,QAChB,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"input-base.js","sources":["../../../../../src/theme/components/input-base.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiInputBase: Components<Theme & CssVarsTheme>['MuiInputBase'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      '&.MuiInputBase-root': {\n        background: theme.palette.background.white,\n      },\n    }),\n    input: ({ theme }) => ({\n      ...theme.typography.body2,\n\n      '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\n        WebkitAppearance: 'none',\n      },\n\n      /* Firefox */\n      '&[type=number]': {\n        MozAppearance: 'textfield',\n      },\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAGO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,uBAAuB;AAAA,QACrB,YAAY,MAAM,QAAQ,WAAW;AAAA,MAAA;AAAA,IACvC;AAAA,IAEF,OAAO,CAAC,EAAE,aAAa;AAAA,MACrB,GAAG,MAAM,WAAW;AAAA,MAEpB,8DAA8D;AAAA,QAC5D,kBAAkB;AAAA,MAAA;AAAA;AAAA,MAIpB,kBAAkB;AAAA,QAChB,eAAe;AAAA,MAAA;AAAA,IACjB;AAAA,EACF;AAEJ;;"}

package/dist/react/cjs/theme/components/outlined-input.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const MuiOutlinedInput = {
+  styleOverrides: {
+    notchedOutline: ({ theme }) => ({
+      borderColor: theme.palette._components.input.outlined.enabledBorder
+    })
+  }
+};
+exports.MuiOutlinedInput = MuiOutlinedInput;
+//# sourceMappingURL=outlined-input.js.map

package/dist/react/cjs/theme/components/outlined-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"outlined-input.js","sources":["../../../../../src/theme/components/outlined-input.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiOutlinedInput: Components<Theme & CssVarsTheme>['MuiOutlinedInput'] = {\n  styleOverrides: {\n    notchedOutline: ({ theme }) => ({\n      borderColor: theme.palette._components.input.outlined.enabledBorder,\n    }),\n  },\n};\n"],"names":[],"mappings":";;AAKO,MAAM,mBAAyE;AAAA,EACpF,gBAAgB;AAAA,IACd,gBAAgB,CAAC,EAAE,aAAa;AAAA,MAC9B,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,IAAA;AAAA,EACxD;AAEJ;;"}

package/dist/react/cjs/theme/components/text-field.js

@@ -3,14 +3,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const MuiTextField = {
   styleOverrides: {
     root: ({ theme }) => ({
+      marginTop: theme.spacing(2.5),
       legend: {
         display: "none"
       },
       "& .MuiInputLabel-root": {
         marginBottom: theme.spacing(1),
         transform: "scale(1)",
-        position: "relative",
-        color: theme.palette.text.secondary
+        position: "relative"
+      },
+      "& .MuiFormHelperText-root": {
+        marginTop: theme.spacing(1)
       },
       "& .MuiOutlinedInput-root": {
         fieldset: {
@@ -59,10 +62,18 @@ const MuiTextField = {
       style: ({ theme }) => ({
         "& .MuiOutlinedInput-root": {
           minHeight: theme.spacing(5),
-          paddingBlock: theme.spacing(1),
-          paddingInline: theme.spacing(2),
           input: {
-            padding: 0
+            padding: theme.spacing(1.25, 2)
+          }
+        },
+        "& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart": {
+          input: {
+            padding: theme.spacing(1.25, 2, 1.25, 0.5)
+          }
+        },
+        "& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd": {
+          input: {
+            padding: theme.spacing(1.25, 0.5, 1.25, 2)
           }
         }
       })
@@ -72,10 +83,18 @@ const MuiTextField = {
       style: ({ theme }) => ({
         "& .MuiOutlinedInput-root": {
           minHeight: theme.spacing(6),
-          paddingBlock: theme.spacing(1),
-          paddingInline: theme.spacing(2),
           input: {
-            padding: 0
+            padding: theme.spacing(1.75, 2)
+          }
+        },
+        "& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart": {
+          input: {
+            padding: theme.spacing(1.75, 2, 1.75, 0.5)
+          }
+        },
+        "& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd": {
+          input: {
+            padding: theme.spacing(1.75, 0.5, 1.75, 2)
           }
         }
       })

package/dist/react/cjs/theme/components/text-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-field.js","sources":["../../../../../src/theme/components/text-field.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material';\n\n//\n//\n\nexport const MuiTextField: Components<Theme & CssVarsTheme>['MuiTextField'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      legend: {\n        display: 'none',\n      },\n\n      '& .MuiInputLabel-root': {\n        marginBottom: theme.spacing(1),\n        transform: 'scale(1)',\n        position: 'relative',\n        color: theme.palette.text.secondary,\n      },\n\n      '& .MuiOutlinedInput-root': {\n        fieldset: {\n          top: 0,\n        },\n      },\n\n      '& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette._components.input.outlined.enabledBorder,\n      },\n      '& .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette._components.input.outlined.hoverBorder,\n      },\n      '& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette.primary.main,\n      },\n      '& .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette.error.main,\n      },\n      '& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline': {\n        backgroundColor: theme.palette.action.hover,\n        borderColor: theme.palette._components.input.outlined.enabledBorder,\n      },\n      '& .MuiOutlinedInput-root.Mui-disabled:hover .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette._components.input.outlined.enabledBorder,\n      },\n      '& .MuiInputBase-input': {\n        position: 'relative',\n        color: theme.palette.text.primary,\n        transition: theme.transitions.create(['border-color', 'background-color', 'box-shadow']),\n        lineHeight: theme.spacing(3),\n        '&.Mui-disabled': {\n          color: theme.palette.text.disabled,\n          WebkitTextFillColor: theme.palette.text.disabled,\n        },\n        // TODO: investigate why this is causing the HTML to crash for Arabic\n        // '&::placeholder': {\n        //   opacity: 1,\n        //   color: theme.palette.text.disabled,\n        // },\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { size: 'small' },\n      style: ({ theme }) => ({\n        '& .MuiOutlinedInput-root': {\n          minHeight: theme.spacing(5),\n          paddingBlock: theme.spacing(1),\n          paddingInline: theme.spacing(2),\n          input: {\n            padding: 0,\n          },\n        },\n      }),\n    },\n    {\n      props: { size: 'medium' },\n      style: ({ theme }) => ({\n        '& .MuiOutlinedInput-root': {\n          minHeight: theme.spacing(6),\n          paddingBlock: theme.spacing(1),\n          paddingInline: theme.spacing(2),\n          input: {\n            padding: 0,\n          },\n        },\n      }),\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAMO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAGX,yBAAyB;AAAA,QACvB,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,WAAW;AAAA,QACX,UAAU;AAAA,QACV,OAAO,MAAM,QAAQ,KAAK;AAAA,MAAA;AAAA,MAG5B,4BAA4B;AAAA,QAC1B,UAAU;AAAA,UACR,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAGF,6DAA6D;AAAA,QAC3D,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,mEAAmE;AAAA,QACjE,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,yEAAyE;AAAA,QACvE,aAAa,MAAM,QAAQ,QAAQ;AAAA,MAAA;AAAA,MAErC,uEAAuE;AAAA,QACrE,aAAa,MAAM,QAAQ,MAAM;AAAA,MAAA;AAAA,MAEnC,0EAA0E;AAAA,QACxE,iBAAiB,MAAM,QAAQ,OAAO;AAAA,QACtC,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,gFAAgF;AAAA,QAC9E,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,yBAAyB;AAAA,QACvB,UAAU;AAAA,QACV,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,YAAY,MAAM,YAAY,OAAO,CAAC,gBAAgB,oBAAoB,YAAY,CAAC;AAAA,QACvF,YAAY,MAAM,QAAQ,CAAC;AAAA,QAC3B,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,UAC1B,qBAAqB,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAC1C;AAAA,IAMF;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,MAAM,QAAA;AAAA,MACf,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,4BAA4B;AAAA,UAC1B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,cAAc,MAAM,QAAQ,CAAC;AAAA,UAC7B,eAAe,MAAM,QAAQ,CAAC;AAAA,UAC9B,OAAO;AAAA,YACL,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,MAAM,SAAA;AAAA,MACf,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,4BAA4B;AAAA,UAC1B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,cAAc,MAAM,QAAQ,CAAC;AAAA,UAC7B,eAAe,MAAM,QAAQ,CAAC;AAAA,UAC9B,OAAO;AAAA,YACL,SAAS;AAAA,UAAA;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"text-field.js","sources":["../../../../../src/theme/components/text-field.ts"],"sourcesContent":["import type {} from '@mui/lab/themeAugmentation';\nimport { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\nexport const MuiTextField: Components<Theme & CssVarsTheme>['MuiTextField'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      marginTop: theme.spacing(2.5),\n      legend: {\n        display: 'none',\n      },\n      '& .MuiInputLabel-root': {\n        marginBottom: theme.spacing(1),\n        transform: 'scale(1)',\n        position: 'relative',\n      },\n      '& .MuiFormHelperText-root': {\n        marginTop: theme.spacing(1),\n      },\n\n      '& .MuiOutlinedInput-root': {\n        fieldset: {\n          top: 0,\n        },\n      },\n\n      '& .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette._components.input.outlined.enabledBorder,\n      },\n      '& .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette._components.input.outlined.hoverBorder,\n      },\n      '& .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette.primary.main,\n      },\n      '& .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette.error.main,\n      },\n      '& .MuiOutlinedInput-root.Mui-disabled .MuiOutlinedInput-notchedOutline': {\n        backgroundColor: theme.palette.action.hover,\n        borderColor: theme.palette._components.input.outlined.enabledBorder,\n      },\n      '& .MuiOutlinedInput-root.Mui-disabled:hover .MuiOutlinedInput-notchedOutline': {\n        borderColor: theme.palette._components.input.outlined.enabledBorder,\n      },\n      '& .MuiInputBase-input': {\n        position: 'relative',\n        color: theme.palette.text.primary,\n        transition: theme.transitions.create(['border-color', 'background-color', 'box-shadow']),\n        lineHeight: theme.spacing(3),\n        '&.Mui-disabled': {\n          color: theme.palette.text.disabled,\n          WebkitTextFillColor: theme.palette.text.disabled,\n        },\n        // TODO: investigate why this is causing the HTML to crash for Arabic\n        // '&::placeholder': {\n        //   opacity: 1,\n        //   color: theme.palette.text.disabled,\n        // },\n      },\n    }),\n  },\n  variants: [\n    {\n      props: { size: 'small' },\n      style: ({ theme }) => ({\n        '& .MuiOutlinedInput-root': {\n          minHeight: theme.spacing(5),\n          input: {\n            padding: theme.spacing(1.25, 2),\n          },\n        },\n        '& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart': {\n          input: {\n            padding: theme.spacing(1.25, 2, 1.25, 0.5),\n          },\n        },\n        '& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd': {\n          input: {\n            padding: theme.spacing(1.25, 0.5, 1.25, 2),\n          },\n        },\n      }),\n    },\n    {\n      props: { size: 'medium' },\n      style: ({ theme }) => ({\n        '& .MuiOutlinedInput-root': {\n          minHeight: theme.spacing(6),\n\n          input: {\n            padding: theme.spacing(1.75, 2),\n          },\n        },\n        '& .MuiInputBase-adornedStart, & .MuiInputBase-inputAdornedStart': {\n          input: {\n            padding: theme.spacing(1.75, 2, 1.75, 0.5),\n          },\n        },\n        '& .MuiInputBase-adornedEnd, & .MuiInputBase-inputAdornedEnd': {\n          input: {\n            padding: theme.spacing(1.75, 0.5, 1.75, 2),\n          },\n        },\n      }),\n    },\n  ],\n};\n"],"names":[],"mappings":";;AAGO,MAAM,eAAiE;AAAA,EAC5E,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,WAAW,MAAM,QAAQ,GAAG;AAAA,MAC5B,QAAQ;AAAA,QACN,SAAS;AAAA,MAAA;AAAA,MAEX,yBAAyB;AAAA,QACvB,cAAc,MAAM,QAAQ,CAAC;AAAA,QAC7B,WAAW;AAAA,QACX,UAAU;AAAA,MAAA;AAAA,MAEZ,6BAA6B;AAAA,QAC3B,WAAW,MAAM,QAAQ,CAAC;AAAA,MAAA;AAAA,MAG5B,4BAA4B;AAAA,QAC1B,UAAU;AAAA,UACR,KAAK;AAAA,QAAA;AAAA,MACP;AAAA,MAGF,6DAA6D;AAAA,QAC3D,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,mEAAmE;AAAA,QACjE,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,yEAAyE;AAAA,QACvE,aAAa,MAAM,QAAQ,QAAQ;AAAA,MAAA;AAAA,MAErC,uEAAuE;AAAA,QACrE,aAAa,MAAM,QAAQ,MAAM;AAAA,MAAA;AAAA,MAEnC,0EAA0E;AAAA,QACxE,iBAAiB,MAAM,QAAQ,OAAO;AAAA,QACtC,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,gFAAgF;AAAA,QAC9E,aAAa,MAAM,QAAQ,YAAY,MAAM,SAAS;AAAA,MAAA;AAAA,MAExD,yBAAyB;AAAA,QACvB,UAAU;AAAA,QACV,OAAO,MAAM,QAAQ,KAAK;AAAA,QAC1B,YAAY,MAAM,YAAY,OAAO,CAAC,gBAAgB,oBAAoB,YAAY,CAAC;AAAA,QACvF,YAAY,MAAM,QAAQ,CAAC;AAAA,QAC3B,kBAAkB;AAAA,UAChB,OAAO,MAAM,QAAQ,KAAK;AAAA,UAC1B,qBAAqB,MAAM,QAAQ,KAAK;AAAA,QAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAC1C;AAAA,IAMF;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR;AAAA,MACE,OAAO,EAAE,MAAM,QAAA;AAAA,MACf,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,4BAA4B;AAAA,UAC1B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAC1B,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,CAAC;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,mEAAmE;AAAA,UACjE,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,GAAG,MAAM,GAAG;AAAA,UAAA;AAAA,QAC3C;AAAA,QAEF,+DAA+D;AAAA,UAC7D,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC;AAAA,UAAA;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,IAEF;AAAA,MACE,OAAO,EAAE,MAAM,SAAA;AAAA,MACf,OAAO,CAAC,EAAE,aAAa;AAAA,QACrB,4BAA4B;AAAA,UAC1B,WAAW,MAAM,QAAQ,CAAC;AAAA,UAE1B,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,CAAC;AAAA,UAAA;AAAA,QAChC;AAAA,QAEF,mEAAmE;AAAA,UACjE,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,GAAG,MAAM,GAAG;AAAA,UAAA;AAAA,QAC3C;AAAA,QAEF,+DAA+D;AAAA,UAC7D,OAAO;AAAA,YACL,SAAS,MAAM,QAAQ,MAAM,KAAK,MAAM,CAAC;AAAA,UAAA;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;;"}

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

@@ -37,6 +37,8 @@ const paper = require("./components/paper.js");
 const table = require("./components/table.js");
 const select = require("./components/select.js");
 const card = require("./components/card.js");
+const outlinedInput = require("./components/outlined-input.js");
+const filledInput = require("./components/filled-input.js");
 const components = {
   MuiTypography: typography.MuiTypography,
   MuiChip: chip.MuiChip,
@@ -81,7 +83,9 @@ const components = {
   MuiTable: table.MuiTable,
   MuiTableRow: table.MuiTableRow,
   MuiSelect: select.MuiSelect,
-  MuiCard: card.MuiCard
+  MuiCard: card.MuiCard,
+  MuiOutlinedInput: outlinedInput.MuiOutlinedInput,
+  MuiFilledInput: filledInput.MuiFilledInput
 };
 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';\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":["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","MuiFormControlLabel","MuiFormLabel","MuiFormHelperText","MuiAppBar","MuiAutocomplete","MuiDrawer","MuiMenu","MuiMenuItem","MuiIcon","MuiPaper","MuiTable","MuiTableRow","MuiSelect","MuiCard"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CO,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;AAAAA,EAAA,qBACAC,iBAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,iBACAC,aAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,aACAC,KAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,aACAC,MAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,SACAC,KAAAA;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';\nimport { MuiOutlinedInput } from './components/outlined-input';\nimport { MuiFilledInput } from './components/filled-input';\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  MuiOutlinedInput,\n  MuiFilledInput,\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","MuiFormControlLabel","MuiFormLabel","MuiFormHelperText","MuiAppBar","MuiAutocomplete","MuiDrawer","MuiMenu","MuiMenuItem","MuiIcon","MuiPaper","MuiTable","MuiTableRow","MuiSelect","MuiCard","MuiOutlinedInput","MuiFilledInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CO,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;AAAAA,EAAA,qBACAC,iBAAAA;AAAAA,EAAA,cACAC,UAAAA;AAAAA,EAAA,mBACAC,eAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,iBACAC,aAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,aACAC,KAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,UACAC,MAAAA;AAAAA,EAAA,aACAC,MAAAA;AAAAA,EAAA,WACAC,OAAAA;AAAAA,EAAA,SACAC,KAAAA;AAAAA,EAAA,kBACAC,cAAAA;AAAAA,EAAA,gBACAC,YAAAA;AACF;;"}

package/dist/react/es/components/app-icon-button.js

@@ -10,18 +10,16 @@ const AppIconButton = ({
   tooltip,
   tooltipProps,
   sx,
+  hideBorder,
   ...props
 }) => {
-  if (!tooltip) {
-    return /* @__PURE__ */ jsxs(IconButton, { component: "button", color, size, ref, sx, ...props, children: [
-      children,
-      content
-    ] });
-  }
-  return /* @__PURE__ */ jsx(AppTooltip, { description: tooltip, disableInteractive: true, ...tooltipProps, children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(IconButton, { component: "button", color, size, ref, sx, ...props, children: [
+  const mergedSx = { ...sx, ...hideBorder && { border: "none" } };
+  const button = /* @__PURE__ */ jsxs(IconButton, { component: "button", color, size, ref, sx: mergedSx, ...props, children: [
     children,
     content
-  ] }) }) });
+  ] });
+  if (!tooltip) return button;
+  return /* @__PURE__ */ jsx(AppTooltip, { description: tooltip, disableInteractive: true, ...tooltipProps, children: /* @__PURE__ */ jsx(Box, { children: button }) });
 };
 AppIconButton.displayName = "AppIconButton";
 export {

package/dist/react/es/components/app-icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-icon-button.js","sources":["../../../../src/components/app-icon-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, IconButton, type IconButtonProps } from '@mui/material';\nimport { AppTooltip, AppTooltipProps } from './app-tooltip';\n\n//\n//\n\nexport type AppIconButtonProps = Omit<IconButtonProps, 'component'> & {\n  content?: React.ReactNode;\n  href?: string;\n  tooltip?: string | null;\n  tooltipProps?: Omit<AppTooltipProps, 'children' | 'title'>;\n  hideBorder?: boolean;\n};\n\nexport const AppIconButton = ({\n  ref,\n  color = 'secondary',\n  size = 'small',\n  children,\n  content,\n  tooltip,\n  tooltipProps,\n  sx,\n  ...props\n}: AppIconButtonProps) => {\n  if (!tooltip) {\n    return (\n      <IconButton component=\"button\" color={color} size={size} ref={ref} sx={sx} {...props}>\n        {children}\n        {content}\n      </IconButton>\n    );\n  }\n\n  return (\n    <AppTooltip description={tooltip} disableInteractive {...tooltipProps}>\n      <Box>\n        <IconButton component=\"button\" color={color} size={size} ref={ref} sx={sx} {...props}>\n          {children}\n          {content}\n        </IconButton>\n      </Box>\n    </AppTooltip>\n  );\n};\n\nAppIconButton.displayName = 'AppIconButton';\n"],"names":[],"mappings":";;;AAgBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,MAAI,CAAC,SAAS;AACZ,WACE,qBAAC,cAAW,WAAU,UAAS,OAAc,MAAY,KAAU,IAAS,GAAG,OAC5E,UAAA;AAAA,MAAA;AAAA,MACA;AAAA,IAAA,GACH;AAAA,EAEJ;AAEA,6BACG,YAAA,EAAW,aAAa,SAAS,oBAAkB,MAAE,GAAG,cACvD,UAAA,oBAAC,OACC,UAAA,qBAAC,YAAA,EAAW,WAAU,UAAS,OAAc,MAAY,KAAU,IAAS,GAAG,OAC5E,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,EAAA,CACH,GACF,GACF;AAEJ;AAEA,cAAc,cAAc;"}
+{"version":3,"file":"app-icon-button.js","sources":["../../../../src/components/app-icon-button.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Box, IconButton, type IconButtonProps } from '@mui/material';\nimport { AppTooltip, AppTooltipProps } from './app-tooltip';\n\n//\n//\n\nexport type AppIconButtonProps = Omit<IconButtonProps, 'component'> & {\n  content?: React.ReactNode;\n  href?: string;\n  tooltip?: string | null;\n  tooltipProps?: Omit<AppTooltipProps, 'children' | 'title'>;\n  hideBorder?: boolean;\n};\n\nexport const AppIconButton = ({\n  ref,\n  color = 'secondary',\n  size = 'small',\n  children,\n  content,\n  tooltip,\n  tooltipProps,\n  sx,\n  hideBorder,\n  ...props\n}: AppIconButtonProps) => {\n  const mergedSx = { ...sx, ...(hideBorder && { border: 'none' }) };\n\n  const button = (\n    <IconButton component=\"button\" color={color} size={size} ref={ref} sx={mergedSx} {...props}>\n      {children}\n      {content}\n    </IconButton>\n  );\n\n  if (!tooltip) return button;\n\n  return (\n    <AppTooltip description={tooltip} disableInteractive {...tooltipProps}>\n      <Box>{button}</Box>\n    </AppTooltip>\n  );\n};\n\nAppIconButton.displayName = 'AppIconButton';\n"],"names":[],"mappings":";;;AAgBO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,WAAW,EAAE,GAAG,IAAI,GAAI,cAAc,EAAE,QAAQ,SAAO;AAE7D,QAAM,SACJ,qBAAC,YAAA,EAAW,WAAU,UAAS,OAAc,MAAY,KAAU,IAAI,UAAW,GAAG,OAClF,UAAA;AAAA,IAAA;AAAA,IACA;AAAA,EAAA,GACH;AAGF,MAAI,CAAC,QAAS,QAAO;AAErB,SACE,oBAAC,YAAA,EAAW,aAAa,SAAS,oBAAkB,MAAE,GAAG,cACvD,UAAA,oBAAC,KAAA,EAAK,UAAA,OAAA,CAAO,GACf;AAEJ;AAEA,cAAc,cAAc;"}

package/dist/react/es/components/app-input-radio-card.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { styled, FormControlLabel, Radio, CircularProgress } from "@mui/material";
+import { styled, FormControlLabel, alpha, Radio, CircularProgress } from "@mui/material";
 import { AppTypography } from "./app-typography.js";
 import { StackColumn } from "./stack-column.js";
 import { StackRow } from "./stack-row.js";
@@ -42,10 +42,10 @@ const FormControlLabelStyled = styled(FormControlLabel)(({ theme }) => {
     gap: theme.spacing(0.5),
     margin: 0,
     padding: theme.spacing(1.5),
-    border: `solid 1px ${theme.palette.colors.neutral[100]}`,
+    border: `solid 1px ${theme.palette.divider}`,
     borderRadius: theme.shape.standardBorderRadius,
     ":has(:checked)": {
-      backgroundColor: theme.palette.colors.primary[50],
+      backgroundColor: alpha(theme.palette.primary.main, 0.08),
       borderColor: "#AE72FF80"
     },
     overflow: "hidden",

package/dist/react/es/components/app-input-radio-card.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-input-radio-card.js","sources":["../../../../src/components/app-input-radio-card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  FormControlLabelProps,\n  StackProps,\n  RadioProps,\n  FormControlLabel,\n  Radio,\n  CircularProgress,\n  styled,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppInputRadioCardProps = Omit<FormControlLabelProps, 'control' | 'label'> & {\n  label: string | React.ReactNode;\n  labelProps?: AppTypographyProps;\n  labelContainerProps?: StackProps;\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n  radioProps?: RadioProps;\n  isLoading?: boolean;\n  labelSuffix?: React.ReactNode;\n  icon?: React.ReactNode;\n};\n\nexport const AppInputRadioCard: React.FC<AppInputRadioCardProps> = ({\n  label,\n  labelProps,\n  labelContainerProps,\n  description,\n  descriptionProps,\n  radioProps,\n  isLoading,\n  labelSuffix,\n  icon,\n  ...props\n}) => {\n  return (\n    <FormControlLabelStyled\n      {...props}\n      control={<RadioStyled {...radioProps} />}\n      label={\n        <StackRow justifyContent=\"space-between\" alignItems=\"center\">\n          <StackColumn gap={0} overflow=\"hidden\" {...labelContainerProps}>\n            {isLoading && <CircularProgressStyled />}\n\n            {typeof label === 'string' ? (\n              <StackRow width=\"100%\" justifyContent=\"space-between\">\n                <AppTypography variant=\"body2\" {...labelProps}>\n                  {label}\n                </AppTypography>\n                {labelSuffix ? labelSuffix : null}\n              </StackRow>\n            ) : (\n              label\n            )}\n            {description && (\n              <RadioDescriptionStyled variant=\"caption\" color=\"text.tertiary\" {...descriptionProps}>\n                {description}\n              </RadioDescriptionStyled>\n            )}\n          </StackColumn>\n\n          {icon}\n        </StackRow>\n      }\n    />\n  );\n};\n\n//\n\nconst FormControlLabelStyled = styled(FormControlLabel)(({ theme }) => {\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(0.5),\n    margin: 0,\n    padding: theme.spacing(1.5),\n    border: `solid 1px ${theme.palette.colors.neutral[100]}`,\n    borderRadius: theme.shape.standardBorderRadius,\n    ':has(:checked)': {\n      backgroundColor: theme.palette.colors.primary[50],\n      borderColor: '#AE72FF80',\n    },\n    overflow: 'hidden',\n    '> .MuiFormControlLabel-label': {\n      overflow: 'hidden',\n    },\n    '& .MuiFormControlLabel-label': {\n      width: '100%',\n    },\n  };\n});\n\nconst RadioStyled = styled(Radio)(({ theme }) => {\n  return {\n    width: theme.spacing(2.5),\n    minWidth: theme.spacing(2.5),\n    height: theme.spacing(2.5),\n    padding: 0,\n  };\n});\n\nconst RadioDescriptionStyled = styled(AppTypography)(() => {\n  return {\n    display: '-webkit-box',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n  };\n});\n\nconst CircularProgressStyled = styled(CircularProgress)(() => {\n  return {\n    position: 'absolute',\n    left: 'calc(50% - 20px)',\n    top: 'calc(50% - 20px)',\n  };\n});\n"],"names":[],"mappings":";;;;;AA6BO,MAAM,oBAAsD,CAAC;AAAA,EAClE;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,MACE,GAAG;AAAA,MACJ,SAAS,oBAAC,aAAA,EAAa,GAAG,WAAA,CAAY;AAAA,MACtC,OACE,qBAAC,UAAA,EAAS,gBAAe,iBAAgB,YAAW,UAClD,UAAA;AAAA,QAAA,qBAAC,eAAY,KAAK,GAAG,UAAS,UAAU,GAAG,qBACxC,UAAA;AAAA,UAAA,iCAAc,wBAAA,EAAuB;AAAA,UAErC,OAAO,UAAU,WAChB,qBAAC,YAAS,OAAM,QAAO,gBAAe,iBACpC,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc,SAAQ,SAAS,GAAG,YAChC,UAAA,OACH;AAAA,YACC,cAAc,cAAc;AAAA,UAAA,EAAA,CAC/B,IAEA;AAAA,UAED,mCACE,wBAAA,EAAuB,SAAQ,WAAU,OAAM,iBAAiB,GAAG,kBACjE,UAAA,YAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAEC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAIA,MAAM,yBAAyB,OAAO,gBAAgB,EAAE,CAAC,EAAE,YAAY;AACrE,SAAO;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,IACtB,QAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,GAAG;AAAA,IAC1B,QAAQ,aAAa,MAAM,QAAQ,OAAO,QAAQ,GAAG,CAAC;AAAA,IACtD,cAAc,MAAM,MAAM;AAAA,IAC1B,kBAAkB;AAAA,MAChB,iBAAiB,MAAM,QAAQ,OAAO,QAAQ,EAAE;AAAA,MAChD,aAAa;AAAA,IAAA;AAAA,IAEf,UAAU;AAAA,IACV,gCAAgC;AAAA,MAC9B,UAAU;AAAA,IAAA;AAAA,IAEZ,gCAAgC;AAAA,MAC9B,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,CAAC;AAED,MAAM,cAAc,OAAO,KAAK,EAAE,CAAC,EAAE,YAAY;AAC/C,SAAO;AAAA,IACL,OAAO,MAAM,QAAQ,GAAG;AAAA,IACxB,UAAU,MAAM,QAAQ,GAAG;AAAA,IAC3B,QAAQ,MAAM,QAAQ,GAAG;AAAA,IACzB,SAAS;AAAA,EAAA;AAEb,CAAC;AAED,MAAM,yBAAyB,OAAO,aAAa,EAAE,MAAM;AACzD,SAAO;AAAA,IACL,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,CAAC;AAED,MAAM,yBAAyB,OAAO,gBAAgB,EAAE,MAAM;AAC5D,SAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,CAAC;"}
+{"version":3,"file":"app-input-radio-card.js","sources":["../../../../src/components/app-input-radio-card.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  FormControlLabelProps,\n  StackProps,\n  RadioProps,\n  FormControlLabel,\n  Radio,\n  CircularProgress,\n  styled,\n  alpha,\n} from '@mui/material';\nimport { AppTypographyProps, AppTypography } from './app-typography';\nimport { StackColumn } from './stack-column';\nimport { StackRow } from './stack-row';\n\n//\n//\n\nexport type AppInputRadioCardProps = Omit<FormControlLabelProps, 'control' | 'label'> & {\n  label: string | React.ReactNode;\n  labelProps?: AppTypographyProps;\n  labelContainerProps?: StackProps;\n  description?: React.ReactNode;\n  descriptionProps?: AppTypographyProps;\n  radioProps?: RadioProps;\n  isLoading?: boolean;\n  labelSuffix?: React.ReactNode;\n  icon?: React.ReactNode;\n};\n\nexport const AppInputRadioCard: React.FC<AppInputRadioCardProps> = ({\n  label,\n  labelProps,\n  labelContainerProps,\n  description,\n  descriptionProps,\n  radioProps,\n  isLoading,\n  labelSuffix,\n  icon,\n  ...props\n}) => {\n  return (\n    <FormControlLabelStyled\n      {...props}\n      control={<RadioStyled {...radioProps} />}\n      label={\n        <StackRow justifyContent=\"space-between\" alignItems=\"center\">\n          <StackColumn gap={0} overflow=\"hidden\" {...labelContainerProps}>\n            {isLoading && <CircularProgressStyled />}\n\n            {typeof label === 'string' ? (\n              <StackRow width=\"100%\" justifyContent=\"space-between\">\n                <AppTypography variant=\"body2\" {...labelProps}>\n                  {label}\n                </AppTypography>\n                {labelSuffix ? labelSuffix : null}\n              </StackRow>\n            ) : (\n              label\n            )}\n            {description && (\n              <RadioDescriptionStyled variant=\"caption\" color=\"text.tertiary\" {...descriptionProps}>\n                {description}\n              </RadioDescriptionStyled>\n            )}\n          </StackColumn>\n\n          {icon}\n        </StackRow>\n      }\n    />\n  );\n};\n\n//\n\nconst FormControlLabelStyled = styled(FormControlLabel)(({ theme }) => {\n  return {\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(0.5),\n    margin: 0,\n    padding: theme.spacing(1.5),\n    border: `solid 1px ${theme.palette.divider}`,\n    borderRadius: theme.shape.standardBorderRadius,\n    ':has(:checked)': {\n      backgroundColor: alpha(theme.palette.primary.main, 0.08),\n      borderColor: '#AE72FF80',\n    },\n    overflow: 'hidden',\n    '> .MuiFormControlLabel-label': {\n      overflow: 'hidden',\n    },\n    '& .MuiFormControlLabel-label': {\n      width: '100%',\n    },\n  };\n});\n\nconst RadioStyled = styled(Radio)(({ theme }) => {\n  return {\n    width: theme.spacing(2.5),\n    minWidth: theme.spacing(2.5),\n    height: theme.spacing(2.5),\n    padding: 0,\n  };\n});\n\nconst RadioDescriptionStyled = styled(AppTypography)(() => {\n  return {\n    display: '-webkit-box',\n    WebkitLineClamp: 3,\n    WebkitBoxOrient: 'vertical',\n    overflow: 'hidden',\n  };\n});\n\nconst CircularProgressStyled = styled(CircularProgress)(() => {\n  return {\n    position: 'absolute',\n    left: 'calc(50% - 20px)',\n    top: 'calc(50% - 20px)',\n  };\n});\n"],"names":[],"mappings":";;;;;AA8BO,MAAM,oBAAsD,CAAC;AAAA,EAClE;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,MACE,GAAG;AAAA,MACJ,SAAS,oBAAC,aAAA,EAAa,GAAG,WAAA,CAAY;AAAA,MACtC,OACE,qBAAC,UAAA,EAAS,gBAAe,iBAAgB,YAAW,UAClD,UAAA;AAAA,QAAA,qBAAC,eAAY,KAAK,GAAG,UAAS,UAAU,GAAG,qBACxC,UAAA;AAAA,UAAA,iCAAc,wBAAA,EAAuB;AAAA,UAErC,OAAO,UAAU,WAChB,qBAAC,YAAS,OAAM,QAAO,gBAAe,iBACpC,UAAA;AAAA,YAAA,oBAAC,eAAA,EAAc,SAAQ,SAAS,GAAG,YAChC,UAAA,OACH;AAAA,YACC,cAAc,cAAc;AAAA,UAAA,EAAA,CAC/B,IAEA;AAAA,UAED,mCACE,wBAAA,EAAuB,SAAQ,WAAU,OAAM,iBAAiB,GAAG,kBACjE,UAAA,YAAA,CACH;AAAA,QAAA,GAEJ;AAAA,QAEC;AAAA,MAAA,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAIR;AAIA,MAAM,yBAAyB,OAAO,gBAAgB,EAAE,CAAC,EAAE,YAAY;AACrE,SAAO;AAAA,IACL,UAAU;AAAA,IACV,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,KAAK,MAAM,QAAQ,GAAG;AAAA,IACtB,QAAQ;AAAA,IACR,SAAS,MAAM,QAAQ,GAAG;AAAA,IAC1B,QAAQ,aAAa,MAAM,QAAQ,OAAO;AAAA,IAC1C,cAAc,MAAM,MAAM;AAAA,IAC1B,kBAAkB;AAAA,MAChB,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,MACvD,aAAa;AAAA,IAAA;AAAA,IAEf,UAAU;AAAA,IACV,gCAAgC;AAAA,MAC9B,UAAU;AAAA,IAAA;AAAA,IAEZ,gCAAgC;AAAA,MAC9B,OAAO;AAAA,IAAA;AAAA,EACT;AAEJ,CAAC;AAED,MAAM,cAAc,OAAO,KAAK,EAAE,CAAC,EAAE,YAAY;AAC/C,SAAO;AAAA,IACL,OAAO,MAAM,QAAQ,GAAG;AAAA,IACxB,UAAU,MAAM,QAAQ,GAAG;AAAA,IAC3B,QAAQ,MAAM,QAAQ,GAAG;AAAA,IACzB,SAAS;AAAA,EAAA;AAEb,CAAC;AAED,MAAM,yBAAyB,OAAO,aAAa,EAAE,MAAM;AACzD,SAAO;AAAA,IACL,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,UAAU;AAAA,EAAA;AAEd,CAAC;AAED,MAAM,yBAAyB,OAAO,gBAAgB,EAAE,MAAM;AAC5D,SAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET,CAAC;"}

package/dist/react/es/theme/components/app-bar.js

@@ -122,9 +122,9 @@ const MuiAppBar = {
         {
           props: { color: "transparent" },
           style: ({ theme: theme2 }) => ({
-            backgroundColor: theme2.palette.background.default,
+            backgroundColor: theme2.palette.background.sidebar,
             boxShadow: theme2.shadows[0],
-            borderBottom: `1px solid ${theme2.palette?.outlined?.outlined_2}`,
+            borderBottom: `1px solid ${theme2.palette?.outlined?.outlined_2 ?? theme2.palette.divider}`,
             "& .MuiTextField-root": {
               "& .MuiOutlinedInput-root": {
                 "& fieldset": {

package/dist/react/es/theme/components/app-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      boxShadow: theme.shadows[4],\n      input: {\n        fontSize: 14,\n        '&:-webkit-autofill': {\n          transitionDelay: '9999s !important',\n        },\n        '&::-webkit-input-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n        '&::-moz-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n        '&:-ms-input-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n      },\n      '& form': {\n        margin: 0,\n        maxWidth: 564,\n        width: '100%',\n        '& .MuiFormControl-root': {\n          marginTop: 0,\n        },\n      },\n      //\n      variants: [\n        {\n          props: { color: 'primary' },\n          style: ({ theme }) => ({\n            '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n              {\n                color: theme.palette.common.white_states.main,\n              },\n            input: {\n              color: theme.palette.primary.contrastText,\n              '&::-webkit-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&::-moz-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n            },\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.white_states.focusVisible,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'default' },\n          style: ({ theme }) => ({\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.black_states.selected,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'secondary' },\n          style: ({ theme }) => ({\n            '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n              {\n                color: theme.palette.common.white_states.main,\n              },\n            input: {\n              opacity: 1,\n              color: theme.palette.primary.contrastText,\n              '&::-webkit-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&::-moz-placeholder, &:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n            },\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.white_states.focus,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'inherit' },\n          style: ({ theme }) => ({\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.black_states.hover,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'transparent' },\n          style: ({ theme }) => ({\n            backgroundColor: theme.palette.background.default,\n            boxShadow: theme.shadows[0],\n            borderBottom: `1px solid ${theme.palette?.outlined?.outlined_2}`,\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  borderColor: theme.palette?.outlined?.outlined,\n                  background: theme.palette?.common?.black_states?.hover,\n                },\n                '&.Mui-focused fieldset': {\n                  borderColor: theme.palette.primary.main,\n                },\n                '&:active fieldset': {\n                  borderColor: theme.palette.primary.main,\n                },\n              },\n            },\n          }),\n        },\n      ],\n    }),\n  },\n};\n"],"names":["theme"],"mappings":"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"}
+{"version":3,"file":"app-bar.js","sources":["../../../../../src/theme/components/app-bar.ts"],"sourcesContent":["import { Components, CssVarsTheme, Theme } from '@mui/material/styles';\n\n//\n//\n\nexport const MuiAppBar: Components<Theme & CssVarsTheme>['MuiAppBar'] = {\n  styleOverrides: {\n    root: ({ theme }) => ({\n      boxShadow: theme.shadows[4],\n      input: {\n        fontSize: 14,\n        '&:-webkit-autofill': {\n          transitionDelay: '9999s !important',\n        },\n        '&::-webkit-input-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n        '&::-moz-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n        '&:-ms-input-placeholder': {\n          opacity: 1,\n          color: theme.palette.text.secondary,\n        },\n      },\n      '& form': {\n        margin: 0,\n        maxWidth: 564,\n        width: '100%',\n        '& .MuiFormControl-root': {\n          marginTop: 0,\n        },\n      },\n      //\n      variants: [\n        {\n          props: { color: 'primary' },\n          style: ({ theme }) => ({\n            '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n              {\n                color: theme.palette.common.white_states.main,\n              },\n            input: {\n              color: theme.palette.primary.contrastText,\n              '&::-webkit-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&::-moz-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n            },\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.white_states.focusVisible,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'default' },\n          style: ({ theme }) => ({\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.black_states.selected,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'secondary' },\n          style: ({ theme }) => ({\n            '& .MuiButtonBase-root.menuIcon > .MuiSvgIcon-root, .MuiButtonBase-root.searchIcon > .MuiSvgIcon-root':\n              {\n                color: theme.palette.common.white_states.main,\n              },\n            input: {\n              opacity: 1,\n              color: theme.palette.primary.contrastText,\n              '&::-webkit-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&::-moz-placeholder, &:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n              '&:-ms-input-placeholder': {\n                opacity: 1,\n                color: theme.palette.primary.contrastText,\n              },\n            },\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.white_states.focus,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'inherit' },\n          style: ({ theme }) => ({\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  border: 'none',\n                  background: theme.palette.common.black_states.hover,\n                },\n              },\n            },\n          }),\n        },\n        {\n          props: { color: 'transparent' },\n          style: ({ theme }) => ({\n            backgroundColor: theme.palette.background.sidebar,\n            boxShadow: theme.shadows[0],\n            borderBottom: `1px solid ${theme.palette?.outlined?.outlined_2 ?? theme.palette.divider}`,\n            '& .MuiTextField-root': {\n              '& .MuiOutlinedInput-root': {\n                '& fieldset': {\n                  borderColor: theme.palette?.outlined?.outlined,\n                  background: theme.palette?.common?.black_states?.hover,\n                },\n                '&.Mui-focused fieldset': {\n                  borderColor: theme.palette.primary.main,\n                },\n                '&:active fieldset': {\n                  borderColor: theme.palette.primary.main,\n                },\n              },\n            },\n          }),\n        },\n      ],\n    }),\n  },\n};\n"],"names":["theme"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 const MuiBackdrop = {
   styleOverrides: {
-    root: {
-      backgroundColor: "rgba(0, 0, 0, 0.1)"
-    }
+    root: ({ theme }) => ({
+      backgroundColor: theme.palette._components.backdrop.fill
+    })
   }
 };
 export {

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

@@ -1 +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;"}
+{"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: ({ theme }) => ({\n      backgroundColor: theme.palette._components.backdrop.fill,\n    }),\n  },\n};\n"],"names":[],"mappings":"AAKO,MAAM,cAEM;AAAA,EACjB,gBAAgB;AAAA,IACd,MAAM,CAAC,EAAE,aAAa;AAAA,MACpB,iBAAiB,MAAM,QAAQ,YAAY,SAAS;AAAA,IAAA;AAAA,EACtD;AAEJ;"}