@stratakit/mui 0.2.1 → 0.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/CHANGELOG.md +126 -24
  2. package/README.md +8 -4
  3. package/dist/DEV/Icon.js +6 -0
  4. package/dist/DEV/Root.internal.js +57 -0
  5. package/dist/DEV/Root.js +30 -35
  6. package/dist/DEV/createTheme.js +266 -15
  7. package/dist/DEV/styles.css.js +2 -2
  8. package/dist/DEV/~components/MuiBadge.js +20 -0
  9. package/dist/DEV/~components/MuiBottomNavigation.js +23 -0
  10. package/dist/DEV/~components/MuiButtonBase.js +53 -0
  11. package/dist/DEV/~components/MuiCard.js +102 -0
  12. package/dist/DEV/~components/MuiChip.js +84 -0
  13. package/dist/DEV/~components/MuiDivider.js +15 -0
  14. package/dist/DEV/~components/MuiIconButton.js +17 -0
  15. package/dist/DEV/~components/MuiSnackbar.js +12 -0
  16. package/dist/DEV/~components/MuiStepper.js +21 -0
  17. package/dist/DEV/~components/MuiTable.js +23 -0
  18. package/dist/Icon.d.ts +3 -1
  19. package/dist/Icon.js +6 -0
  20. package/dist/Root.d.ts +4 -2
  21. package/dist/Root.internal.d.ts +3 -0
  22. package/dist/Root.internal.js +77 -0
  23. package/dist/Root.js +9 -7
  24. package/dist/createTheme.js +516 -9
  25. package/dist/styles.css.js +2 -2
  26. package/dist/types.d.ts +161 -2
  27. package/dist/~components/MuiBadge.d.ts +7 -0
  28. package/dist/~components/MuiBadge.js +17 -0
  29. package/dist/~components/MuiBottomNavigation.d.ts +2 -0
  30. package/dist/~components/MuiBottomNavigation.js +23 -0
  31. package/dist/~components/MuiButtonBase.d.ts +7 -0
  32. package/dist/~components/MuiButtonBase.js +80 -0
  33. package/dist/~components/MuiCard.d.ts +5 -0
  34. package/dist/~components/MuiCard.js +112 -0
  35. package/dist/~components/MuiChip.d.ts +10 -0
  36. package/dist/~components/MuiChip.js +83 -0
  37. package/dist/~components/MuiDivider.d.ts +6 -0
  38. package/dist/~components/MuiDivider.js +22 -0
  39. package/dist/~components/MuiIconButton.d.ts +6 -0
  40. package/dist/~components/MuiIconButton.js +27 -0
  41. package/dist/~components/MuiSnackbar.d.ts +2 -0
  42. package/dist/~components/MuiSnackbar.js +12 -0
  43. package/dist/~components/MuiStepper.d.ts +2 -0
  44. package/dist/~components/MuiStepper.js +26 -0
  45. package/dist/~components/MuiTable.d.ts +4 -0
  46. package/dist/~components/MuiTable.js +28 -0
  47. package/package.json +13 -9
@@ -1,5 +1,5 @@
1
- // inline-css:/home/runner/work/design-system/design-system/packages/mui/src/styles.css
2
- var styles_default = String.raw`@layer stratakit{[data-color-scheme],.🥝MuiRoot{--stratakit-mui-palette-background-default:var(--stratakit-color-bg-page-depth);--stratakit-mui-palette-background-paper:var(--stratakit-color-bg-page-depth);--stratakit-mui-palette-divider:var(--stratakit-color-border-page-base);--stratakit-mui-palette-text-primary:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-text-secondary:var(--stratakit-color-text-neutral-secondary);--stratakit-mui-palette-text-disabled:var(--stratakit-color-text-neutral-disabled);--stratakit-mui-palette-text-icon:var(--stratakit-color-icon-neutral-primary);--stratakit-mui-palette-primary-main:var(--stratakit-color-bg-accent-base);--stratakit-mui-palette-primary-dark:var(--stratakit-color-bg-accent-faded);--stratakit-mui-palette-primary-light:var(--stratakit-color-bg-accent-muted);--stratakit-mui-palette-primary-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-secondary-main:var(--stratakit-color-bg-mono-base);--stratakit-mui-palette-secondary-dark:var(--stratakit-color-bg-mono-faded);--stratakit-mui-palette-secondary-light:var(--stratakit-color-bg-mono-muted);--stratakit-mui-palette-secondary-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-action-active:var(--stratakit-color-icon-neutral-primary);--stratakit-mui-palette-action-disabled:var(--stratakit-color-icon-neutral-disabled);--stratakit-mui-palette-action-disabledBackground:var(--stratakit-color-bg-glow-on-surface-disabled);--stratakit-mui-palette-error-main:var(--stratakit-color-bg-critical-base);--stratakit-mui-palette-error-dark:var(--stratakit-color-bg-critical-faded);--stratakit-mui-palette-error-light:var(--stratakit-color-bg-critical-muted);--stratakit-mui-palette-error-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-warning-main:var(--stratakit-color-bg-attention-base);--stratakit-mui-palette-warning-dark:var(--stratakit-color-bg-attention-faded);--stratakit-mui-palette-warning-light:var(--stratakit-color-bg-attention-muted);--stratakit-mui-palette-warning-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-success-main:var(--stratakit-color-bg-positive-base);--stratakit-mui-palette-success-dark:var(--stratakit-color-bg-positive-faded);--stratakit-mui-palette-success-light:var(--stratakit-color-bg-positive-muted);--stratakit-mui-palette-success-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-info-main:var(--stratakit-color-bg-info-base);--stratakit-mui-palette-info-dark:var(--stratakit-color-bg-info-faded);--stratakit-mui-palette-info-light:var(--stratakit-color-bg-info-muted);--stratakit-mui-palette-info-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-grey-50:oklch(85.95% .006 255.48);--stratakit-mui-palette-grey-100:oklch(79.56% .008 241.69);--stratakit-mui-palette-grey-200:oklch(75.82% .01 252.83);--stratakit-mui-palette-grey-300:oklch(69.04% .014 255.53);--stratakit-mui-palette-grey-400:oklch(62.09% .017 257.22);--stratakit-mui-palette-grey-500:oklch(55.22% .018 253.99);--stratakit-mui-palette-grey-600:oklch(48.26% .017 254.7);--stratakit-mui-palette-grey-700:oklch(41.45% .013 256.75);--stratakit-mui-palette-grey-800:oklch(34.4% .011 264.42);--stratakit-mui-palette-grey-900:oklch(26.92% .008 268.32);--stratakit-mui-palette-grey-A100:oklch(79.56% .008 241.69);--stratakit-mui-palette-grey-A200:oklch(75.82% .01 252.83);--stratakit-mui-palette-grey-A400:oklch(62.09% .017 257.22);--stratakit-mui-palette-grey-A700:oklch(41.45% .013 256.75);--stratakit-mui-palette-Alert-errorColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-infoColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-successColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-warningColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-errorFilledBg:var(--stratakit-color-bg-critical-transparent);--stratakit-mui-palette-Alert-infoFilledBg:var(--stratakit-color-bg-info-transparent);--stratakit-mui-palette-Alert-successFilledBg:var(--stratakit-color-bg-positive-transparent);--stratakit-mui-palette-Alert-warningFilledBg:var(--stratakit-color-bg-attention-transparent);--stratakit-mui-palette-Alert-errorFilledColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-infoFilledColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-successFilledColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-warningFilledColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-errorIconColor:var(--stratakit-color-icon-critical-base);--stratakit-mui-palette-Alert-infoIconColor:var(--stratakit-color-icon-info-base);--stratakit-mui-palette-Alert-successIconColor:var(--stratakit-color-icon-positive-base);--stratakit-mui-palette-Alert-warningIconColor:var(--stratakit-color-icon-attention-base);--stratakit-mui-palette-AppBar-defaultBg:var(--stratakit-color-bg-page-base);--stratakit-mui-palette-AppBar-darkBg:var(--stratakit-color-bg-page-base);--stratakit-mui-palette-AppBar-darkColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Avatar-defaultBg:var(--stratakit-color-bg-mono-base);--stratakit-mui-palette-Button-inheritContainedBg:var(--stratakit-color-bg-neutral-base);--stratakit-mui-palette-Button-inheritContainedHoverBg:var(--stratakit-color-bg-neutral-base);--stratakit-mui-palette-Chip-defaultBorder:var(--stratakit-color-border-neutral-base);--stratakit-mui-palette-Chip-defaultAvatarColor:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-Chip-defaultIconColor:var(--stratakit-color-icon-neutral-primary);--stratakit-mui-palette-LinearProgress-primaryBg:var(--stratakit-color-bg-accent-muted);--stratakit-mui-palette-LinearProgress-secondaryBg:var(--stratakit-color-border-page-base);--stratakit-mui-palette-LinearProgress-infoBg:var(--stratakit-color-bg-info-muted);--stratakit-mui-palette-LinearProgress-successBg:var(--stratakit-color-bg-positive-muted);--stratakit-mui-palette-LinearProgress-warningBg:var(--stratakit-color-bg-attention-muted);--stratakit-mui-palette-LinearProgress-errorBg:var(--stratakit-color-bg-critical-muted);--stratakit-mui-palette-Skeleton-bg:var(--stratakit-color-bg-glow-on-surface-disabled);--stratakit-mui-palette-SnackbarContent-bg:var(--stratakit-color-bg-elevation-emphasis);--stratakit-mui-palette-SnackbarContent-color:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-StepConnector-border:var(--stratakit-color-border-neutral-muted);--stratakit-mui-palette-StepContent-border:var(--stratakit-color-border-neutral-muted);--stratakit-mui-palette-TableCell-border:var(--stratakit-color-border-neutral-muted);--stratakit-mui-palette-Tooltip-bg:var(--stratakit-color-bg-elevation-emphasis)}.MuiAccordion-root{background-color:#0000}.MuiAlert-icon{align-items:center}:where(.MuiAutocomplete-hasPopupIcon) .MuiAutocomplete-input{padding-inline-end:29px}:where(.MuiAutocomplete-hasClearIcon) .MuiAutocomplete-input{padding-inline-end:53px}.MuiAutocomplete-tag{margin-inline-start:var(--stratakit-space-x1);margin-inline-end:0}.MuiAutocomplete-tag:where(:nth-child(1 of .MuiAutocomplete-tag)){margin-inline-start:var(--stratakit-space-x2)}.MuiAutocomplete-tag:where(:nth-last-child(1 of .MuiAutocomplete-tag)){margin-inline-end:var(--stratakit-space-x2)}.MuiAppBar-root{background-color:var(--stratakit-color-bg-page-base);box-shadow:none;border-block-end:1px solid var(--stratakit-color-border-page-base);color:var(--stratakit-color-text-neutral-primary)}.MuiButtonBase-root:where(.Mui-disabled){cursor:not-allowed;pointer-events:auto;background-color:#0000}.MuiButton-root:where(.MuiButton-colorSecondary){--variant-containedBg:var(--stratakit-color-bg-neutral-base);--variant-containedColor:var(--stratakit-color-text-neutral-primary);--variant-outlinedColor:var(--stratakit-color-text-neutral-primary);--variant-textColor:var(--stratakit-color-text-neutral-primary)}@media (any-hover:hover){.MuiButton-root:where(.MuiButton-colorSecondary):where(:hover){--variant-containedBg:color-mix(in oklch,var(--stratakit-color-bg-neutral-base)100%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%))}}.MuiButton-root:where(.MuiButton-colorPrimary){--variant-outlinedColor:var(--stratakit-color-text-accent-strong);--variant-textColor:var(--stratakit-color-text-accent-strong)}.MuiButton-root:where(.MuiButton-contained):where(.Mui-disabled){background-color:var(--stratakit-color-bg-glow-on-surface-disabled)}.MuiCard-root{background-color:var(--stratakit-color-bg-elevation-base)}.MuiCardContent-root:where(:has(+.MuiCardActions-root)){padding-block-end:0}.MuiCardActions-root{padding:var(--stratakit-space-x4)}.MuiCheckbox-root:where(.MuiCheckbox-colorPrimary):where(.Mui-checked,.MuiCheckbox-indeterminate):where(:not(.Mui-disabled)){color:var(--stratakit-mui-palette-primary-dark)}.MuiCheckbox-root:where(.Mui-focusVisible){outline:2px solid var(--stratakit-color-border-accent-strong)}.MuiFormControl-root{row-gap:var(--stratakit-space-x1)}.MuiFormLabel-root{font-size:var(--stratakit-font-size-14);color:var(--stratakit-color-text-neutral-secondary);position:relative;transform:none}.MuiChip-root:where(.MuiChip-filledDefault.MuiChip-colorDefault){background-color:var(--stratakit-color-bg-neutral-base);border:1px solid var(--stratakit-color-border-neutral-base)}.MuiDialogActions-root:where(.MuiDialogActions-spacing){padding-block:var(--stratakit-space-x4);padding-inline:var(--stratakit-space-x5)}.MuiIconButton-root{border-radius:4px}.MuiIconButton-root:where(.MuiIconButton-colorPrimary){color:var(--stratakit-color-icon-accent-strong)}.MuiIconButton-root:where(.MuiIconButton-colorSecondary){color:var(--stratakit-color-icon-neutral-primary)}.MuiIconButton-root:where(.MuiIconButton-colorError){color:var(--stratakit-color-icon-critical-base)}.MuiInputBase-root{font:var(--stratakit-mui-font-body2);border:1px solid var(--stratakit-color-border-neutral-base);padding:0}.MuiInputBase-root:where(:focus-within){border-color:var(--stratakit-color-border-accent-strong);outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset)}.MuiInputBase-root :where(fieldset){display:none}.MuiInputBase-input{align-content:center;min-block-size:36.5px;padding-block:0;padding-inline:14px}.MuiInputBase-input:where(.MuiInputBase-inputMultiline){align-content:baseline;padding-block:8.25px}.MuiInputBase-input:where(.MuiInputBase-inputAdornedStart){padding-inline-start:0}.MuiInputBase-input:where(.MuiInputBase-inputAdornedEnd){padding-inline-end:0}.MuiInputBase-input:where(:focus-visible){outline:none!important}.MuiInputAdornment-root:where(.MuiInputAdornment-positionStart){margin-inline-start:var(--stratakit-space-x2);margin-inline-end:var(--stratakit-space-x1)}.MuiInputAdornment-root:where(.MuiInputAdornment-positionEnd){margin-inline-start:var(--stratakit-space-x1);margin-inline-end:var(--stratakit-space-x2)}.MuiLink-root{text-underline-offset:var(--stratakit-space-x05);font-weight:500;text-decoration-color:currentColor;transition:text-underline-offset .15s ease-out}.MuiLink-root:where(:hover,:focus-visible){text-underline-offset:var(--stratakit-space-x1)}.MuiMenuItem-root:where(.Mui-focusVisible){outline-offset:-2px}.MuiPaper-root{--Paper-overlay:unset!important}.MuiPaper-root:where(.MuiPaper-elevation1){--stratakit-mui-palette-background-paper:var(--stratakit-color-bg-page-base)}.MuiPaper-root:where(.MuiPaper-elevation2,.MuiPaper-elevation3,.MuiPaper-elevation4,.MuiPaper-elevation5,.MuiPaper-elevation6,.MuiPaper-elevation7){--stratakit-mui-palette-background-paper:var(--stratakit-color-bg-elevation-base)}.MuiPaper-root:where(.MuiPaper-elevation8,.MuiPaper-elevation9,.MuiPaper-elevation10,.MuiPaper-elevation11,.MuiPaper-elevation12,.MuiPaper-elevation13,.MuiPaper-elevation14,.MuiPaper-elevation15,.MuiPaper-elevation16,.MuiPaper-elevation17,.MuiPaper-elevation18,.MuiPaper-elevation19,.MuiPaper-elevation20,.MuiPaper-elevation21,.MuiPaper-elevation22,.MuiPaper-elevation23,.MuiPaper-elevation24){--stratakit-mui-palette-background-paper:var(--stratakit-color-bg-elevation-level-1)}.MuiTab-root:where(.Mui-selected){color:var(--stratakit-color-text-accent-strong)}.MuiTab-root:where(:focus-visible){outline-offset:-4px}.MuiTabs-indicator{background-color:var(--stratakit-color-border-accent-strong)}.MuiTooltip-tooltip{box-shadow:var(--stratakit-shadow-control-tooltip-base)}.MuiSwitch-root .MuiSwitch-switchBase:where(.MuiSwitch-colorPrimary):where(.Mui-checked):where(:not(.Mui-disabled)){color:var(--stratakit-mui-palette-primary-dark)}.MuiSwitch-root:where(:has(.MuiSwitch-switchBase.Mui-focusVisible)){outline:2px solid var(--stratakit-color-border-accent-strong)}}@layer mui{:focus-visible:not(#a#b){outline:revert-layer}}`;
1
+ // inline-css:/home/runner/work/stratakit/stratakit/packages/mui/src/styles.css
2
+ var styles_default = String.raw`@layer stratakit{[data-color-scheme],.🥝MuiRoot{--stratakit-mui-palette-background-default:var(--stratakit-color-bg-page-depth);--stratakit-mui-palette-background-paper:var(--stratakit-color-bg-page-depth);--stratakit-mui-palette-divider:var(--stratakit-color-border-page-base);--stratakit-mui-palette-text-primary:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-text-secondary:var(--stratakit-color-text-neutral-secondary);--stratakit-mui-palette-text-disabled:var(--stratakit-color-text-neutral-disabled);--stratakit-mui-palette-text-icon:var(--stratakit-color-icon-neutral-primary);--stratakit-mui-palette-primary-main:var(--stratakit-color-bg-accent-base);--stratakit-mui-palette-primary-dark:var(--stratakit-color-bg-accent-faded);--stratakit-mui-palette-primary-light:var(--stratakit-color-bg-accent-muted);--stratakit-mui-palette-primary-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-secondary-main:var(--stratakit-color-bg-mono-base);--stratakit-mui-palette-secondary-dark:var(--stratakit-color-bg-mono-faded);--stratakit-mui-palette-secondary-light:var(--stratakit-color-bg-mono-muted);--stratakit-mui-palette-secondary-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-action-active:var(--stratakit-color-icon-neutral-primary);--stratakit-mui-palette-action-selected:var(--stratakit-color-bg-glow-on-surface-accent-pressed);--stratakit-mui-palette-action-disabled:var(--stratakit-color-icon-neutral-disabled);--stratakit-mui-palette-action-disabledBackground:var(--stratakit-color-bg-glow-on-surface-disabled);--stratakit-mui-palette-error-main:var(--stratakit-color-bg-critical-base);--stratakit-mui-palette-error-dark:var(--stratakit-color-bg-critical-faded);--stratakit-mui-palette-error-light:var(--stratakit-color-bg-critical-muted);--stratakit-mui-palette-error-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-warning-main:var(--stratakit-color-bg-attention-base);--stratakit-mui-palette-warning-dark:var(--stratakit-color-bg-attention-faded);--stratakit-mui-palette-warning-light:var(--stratakit-color-bg-attention-muted);--stratakit-mui-palette-warning-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-success-main:var(--stratakit-color-bg-positive-base);--stratakit-mui-palette-success-dark:var(--stratakit-color-bg-positive-faded);--stratakit-mui-palette-success-light:var(--stratakit-color-bg-positive-muted);--stratakit-mui-palette-success-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-info-main:var(--stratakit-color-bg-info-base);--stratakit-mui-palette-info-dark:var(--stratakit-color-bg-info-faded);--stratakit-mui-palette-info-light:var(--stratakit-color-bg-info-muted);--stratakit-mui-palette-info-contrastText:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-grey-50:oklch(85.95% .006 255.48);--stratakit-mui-palette-grey-100:oklch(79.56% .008 241.69);--stratakit-mui-palette-grey-200:oklch(75.82% .01 252.83);--stratakit-mui-palette-grey-300:oklch(69.04% .014 255.53);--stratakit-mui-palette-grey-400:oklch(62.09% .017 257.22);--stratakit-mui-palette-grey-500:oklch(55.22% .018 253.99);--stratakit-mui-palette-grey-600:oklch(48.26% .017 254.7);--stratakit-mui-palette-grey-700:oklch(41.45% .013 256.75);--stratakit-mui-palette-grey-800:oklch(34.4% .011 264.42);--stratakit-mui-palette-grey-900:oklch(26.92% .008 268.32);--stratakit-mui-palette-grey-A100:oklch(79.56% .008 241.69);--stratakit-mui-palette-grey-A200:oklch(75.82% .01 252.83);--stratakit-mui-palette-grey-A400:oklch(62.09% .017 257.22);--stratakit-mui-palette-grey-A700:oklch(41.45% .013 256.75);--stratakit-mui-palette-Alert-errorColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-infoColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-successColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-warningColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-errorFilledBg:var(--stratakit-color-bg-critical-transparent);--stratakit-mui-palette-Alert-infoFilledBg:var(--stratakit-color-bg-info-transparent);--stratakit-mui-palette-Alert-successFilledBg:var(--stratakit-color-bg-positive-transparent);--stratakit-mui-palette-Alert-warningFilledBg:var(--stratakit-color-bg-attention-transparent);--stratakit-mui-palette-Alert-errorFilledColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-infoFilledColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-successFilledColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-warningFilledColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Alert-errorIconColor:var(--stratakit-color-icon-critical-base);--stratakit-mui-palette-Alert-infoIconColor:var(--stratakit-color-icon-info-base);--stratakit-mui-palette-Alert-successIconColor:var(--stratakit-color-icon-positive-base);--stratakit-mui-palette-Alert-warningIconColor:var(--stratakit-color-icon-attention-base);--stratakit-mui-palette-AppBar-defaultBg:var(--stratakit-color-bg-page-base);--stratakit-mui-palette-AppBar-darkBg:var(--stratakit-color-bg-page-base);--stratakit-mui-palette-AppBar-darkColor:var(--stratakit-color-text-neutral-primary);--stratakit-mui-palette-Avatar-defaultBg:var(--stratakit-color-bg-mono-base);--stratakit-mui-palette-Button-inheritContainedBg:var(--stratakit-color-bg-neutral-base);--stratakit-mui-palette-Button-inheritContainedHoverBg:var(--stratakit-color-bg-neutral-base);--stratakit-mui-palette-Chip-defaultBorder:var(--stratakit-color-border-neutral-base);--stratakit-mui-palette-Chip-defaultAvatarColor:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-Chip-defaultIconColor:var(--stratakit-color-icon-neutral-primary);--stratakit-mui-palette-LinearProgress-primaryBg:var(--stratakit-color-bg-accent-muted);--stratakit-mui-palette-LinearProgress-secondaryBg:var(--stratakit-color-border-page-base);--stratakit-mui-palette-LinearProgress-infoBg:var(--stratakit-color-bg-info-muted);--stratakit-mui-palette-LinearProgress-successBg:var(--stratakit-color-bg-positive-muted);--stratakit-mui-palette-LinearProgress-warningBg:var(--stratakit-color-bg-attention-muted);--stratakit-mui-palette-LinearProgress-errorBg:var(--stratakit-color-bg-critical-muted);--stratakit-mui-palette-Skeleton-bg:var(--stratakit-color-bg-glow-on-surface-disabled);--stratakit-mui-palette-SnackbarContent-bg:var(--stratakit-color-bg-elevation-emphasis);--stratakit-mui-palette-SnackbarContent-color:var(--stratakit-color-text-neutral-emphasis);--stratakit-mui-palette-StepConnector-border:var(--stratakit-color-border-neutral-muted);--stratakit-mui-palette-StepContent-border:var(--stratakit-color-border-neutral-muted);--stratakit-mui-palette-TableCell-border:var(--stratakit-color-border-neutral-muted);--stratakit-mui-palette-Tooltip-bg:var(--stratakit-color-bg-elevation-emphasis)}:where(.MuiPaper-root){--Paper-overlay:unset!important}:where(.MuiPaper-root):where(.MuiPaper-rounded){border-radius:8px}:where(.MuiPaper-root):where(.MuiPaper-elevation1){--stratakit-mui-palette-background-paper:var(--stratakit-color-bg-page-base)}:where(.MuiPaper-root):where(.MuiPaper-elevation2,.MuiPaper-elevation3,.MuiPaper-elevation4,.MuiPaper-elevation5,.MuiPaper-elevation6,.MuiPaper-elevation7){--stratakit-mui-palette-background-paper:var(--stratakit-color-bg-elevation-base)}:where(.MuiPaper-root):where(.MuiPaper-elevation8,.MuiPaper-elevation9,.MuiPaper-elevation10,.MuiPaper-elevation11,.MuiPaper-elevation12,.MuiPaper-elevation13,.MuiPaper-elevation14,.MuiPaper-elevation15,.MuiPaper-elevation16,.MuiPaper-elevation17,.MuiPaper-elevation18,.MuiPaper-elevation19,.MuiPaper-elevation20,.MuiPaper-elevation21,.MuiPaper-elevation22,.MuiPaper-elevation23,.MuiPaper-elevation24){--stratakit-mui-palette-background-paper:var(--stratakit-color-bg-elevation-level-1)}:where(.MuiTypography-root):where(.MuiTypography-body1){font-size:var(--stratakit-font-size-16);line-height:1.5}:where(.MuiTypography-root):where(.MuiTypography-body2){font-size:var(--stratakit-font-size-14);line-height:1.4286}:where(.MuiTypography-root):where(.MuiTypography-h1){font-size:var(--stratakit-font-size-48);line-height:1.1667}:where(.MuiTypography-root):where(.MuiTypography-h2){font-size:var(--stratakit-font-size-40);line-height:1.2}:where(.MuiTypography-root):where(.MuiTypography-h3){font-size:var(--stratakit-font-size-32);line-height:1.25}:where(.MuiTypography-root):where(.MuiTypography-h4){font-size:var(--stratakit-font-size-28);line-height:1.2857}:where(.MuiTypography-root):where(.MuiTypography-h5){font-size:var(--stratakit-font-size-24);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-h6){font-size:var(--stratakit-font-size-20);line-height:1.4}:where(.MuiTypography-root):where(.MuiTypography-caption){font-size:var(--stratakit-font-size-12);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-subtitle1){font-size:var(--stratakit-font-size-12);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-subtitle2){font-size:var(--stratakit-font-size-11);line-height:1.4545}.MuiAlert-root{border:1px solid var(--stratakit-color-border-neutral-base)}.MuiAlert-root:where(.MuiAlert-outlined){background-color:var(--stratakit-color-bg-elevation-base)}.MuiAlert-root:where(.MuiAlert-colorSuccess){border-color:var(--stratakit-color-border-positive-base)}.MuiAlert-root:where(.MuiAlert-colorInfo){border-color:var(--stratakit-color-border-info-base)}.MuiAlert-root:where(.MuiAlert-colorWarning){border-color:var(--stratakit-color-border-attention-base)}.MuiAlert-root:where(.MuiAlert-colorError){border-color:var(--stratakit-color-border-critical-base)}.MuiAlert-icon{align-items:center}:where(.MuiAlert-root.MuiAlert-colorSuccess) .MuiAlert-icon{color:var(--stratakit-color-icon-positive-base)}:where(.MuiAlert-root.MuiAlert-colorInfo) .MuiAlert-icon{color:var(--stratakit-color-icon-info-base)}:where(.MuiAlert-root.MuiAlert-colorWarning) .MuiAlert-icon{color:var(--stratakit-color-icon-attention-base)}:where(.MuiAlert-root.MuiAlert-colorError) .MuiAlert-icon{color:var(--stratakit-color-icon-critical-base)}.MuiAutocomplete-inputRoot.MuiInputBase-root{--_MuiAutocomplete-icon-button-width:var(--stratakit-size-control-field-height-medium);padding-inline-end:calc(var(--_MuiAutocomplete-icon-button-width)*2 - 1px)}.MuiAutocomplete-inputRoot.MuiInputBase-root:where(.MuiInputBase-sizeSmall){--_MuiAutocomplete-icon-button-width:var(--stratakit-size-control-field-height-small)}.MuiAutocomplete-tag.MuiChip-root{margin-block:var(--stratakit-space-x05);margin-inline-start:var(--stratakit-space-x1);margin-inline-end:0}.MuiAutocomplete-tag.MuiChip-root:where(:nth-child(1 of .MuiAutocomplete-tag.MuiChip-root)){margin-inline-start:var(--stratakit-space-x2)}.MuiAutocomplete-tag.MuiChip-root:where(:nth-last-child(1 of .MuiAutocomplete-tag.MuiChip-root)){margin-inline-end:var(--stratakit-space-x2)}.MuiAutocomplete-clearIndicator{visibility:visible}.MuiAutocomplete-endAdornment{inset-inline-end:calc(-1px + var(--stratakit-space-x1))}.MuiAutocomplete-endAdornment>*{margin-inline-end:0}.MuiAutocomplete-option{font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiAutocomplete-option{min-block-size:var(--stratakit-size-control-listitem-height-small)}.MuiAutocomplete-option{font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiAutocomplete-option{background-color:#0000}.MuiAutocomplete-option:where([aria-selected=true]:not([aria-disabled=true])){border-block:1px solid var(--stratakit-color-border-accent-strong);background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);color:var(--stratakit-color-text-accent-strong)}.MuiAutocomplete-option:where(.Mui-focusVisible){outline:var(--🥝focus-outline);outline-offset:-2px}.MuiAvatar-root{--🥝Icon-color:var(--stratakit-color-icon-neutral-emphasis);--🥝Icon-size:50%;aspect-ratio:1;color:var(--stratakit-color-text-neutral-emphasis);font-size:var(--stratakit-font-size-12);text-transform:uppercase;font-weight:600;container-type:inline-size}.MuiAvatar-root>abbr{font-size:calc(50cqw - 4px)}.MuiAvatar-root:after{content:"";pointer-events:none;border-radius:inherit;box-shadow:0px 0px 0px 1px var(--stratakit-color-border-glow-strong-default)inset;position:absolute;inset:0}.MuiBadge-badge{--🥝selection-color-bg:var(--stratakit-color-static-white);--🥝selection-color-text:var(--stratakit-color-static-black);box-shadow:0px 0px 0px 1px var(--stratakit-color-border-glow-strong-default)inset}:where(.MuiBadge-root[data-_sk-inline]) .MuiBadge-badge{position:static;transform:none}.MuiBottomNavigationAction-root{isolation:isolate;color:var(--stratakit-color-text-neutral-primary);--🥝Icon-color:var(--stratakit-color-icon-neutral-base)}@media (any-hover:hover){.MuiBottomNavigationAction-root:where(:hover){--🥝Icon-color:var(--stratakit-color-icon-neutral-primary)}}.MuiBottomNavigationAction-root:where(.Mui-selected){color:var(--stratakit-color-text-accent-strong);--🥝Icon-color:var(--stratakit-color-icon-accent-strong)}.MuiBottomNavigationAction-content{flex-direction:column;align-items:center;display:flex;position:relative}:where(.MuiBottomNavigationAction-root.Mui-selected) .MuiBottomNavigationAction-content:before{content:"";pointer-events:none;z-index:-1;inset-block:calc(-1*var(--stratakit-space-x1));inset-inline:calc(-1*var(--stratakit-space-x2));background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);border:1px solid var(--stratakit-color-border-accent-strong);border-radius:4px;position:absolute}.MuiBottomNavigationAction-label{font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiButtonBase-root:where(.Mui-disabled){cursor:not-allowed;pointer-events:auto;background-color:#0000}.MuiButton-root{min-block-size:var(--_MuiButton-height);min-inline-size:var(--_MuiButton-height);padding-block:var(--_MuiButton-padding-block);padding-inline:var(--_MuiButton-padding-inline)}.MuiButton-root:where(.MuiButton-sizeSmall){font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiButton-root:where(.MuiButton-sizeSmall){--_MuiButton-height:var(--stratakit-size-control-field-height-small);--_MuiButton-padding-block:var(--stratakit-space-x05);--_MuiButton-padding-inline:var(--stratakit-space-x2)}.MuiButton-root:where(.MuiButton-sizeMedium){font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiButton-root:where(.MuiButton-sizeMedium){--_MuiButton-height:var(--stratakit-size-control-field-height-medium);--_MuiButton-padding-block:var(--stratakit-space-x1);--_MuiButton-padding-inline:var(--stratakit-space-x3)}.MuiButton-root:where(.MuiButton-sizeLarge){font-size:var(--stratakit-font-size-16);line-height:1.5}.MuiButton-root:where(.MuiButton-sizeLarge){--_MuiButton-height:var(--stratakit-size-control-field-height-large);--_MuiButton-padding-block:var(--stratakit-space-x2);--_MuiButton-padding-inline:var(--stratakit-space-x4)}.MuiButton-root:where(.MuiButton-colorSecondary){--variant-containedBg:var(--stratakit-color-bg-neutral-base);--variant-containedColor:var(--stratakit-color-text-neutral-primary);--variant-outlinedColor:var(--stratakit-color-text-neutral-primary);--variant-textColor:var(--stratakit-color-text-neutral-primary);--_MuiButton-icon-color:var(--stratakit-color-icon-neutral-base)}@media (any-hover:hover){.MuiButton-root:where(.MuiButton-colorSecondary):where(:hover){--variant-containedBg:color-mix(in oklch,var(--stratakit-color-bg-neutral-base)100%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%));--_MuiButton-icon-color:var(--stratakit-color-icon-neutral-primary)}}.MuiButton-root:where(.MuiButton-colorPrimary){--variant-outlinedColor:var(--stratakit-color-text-accent-strong);--variant-textColor:var(--stratakit-color-text-accent-strong)}.MuiButton-root:where(.MuiButton-contained):where(.Mui-disabled){background-color:var(--stratakit-color-bg-glow-on-surface-disabled)}.MuiButton-root:where(.MuiButton-containedPrimary,.MuiButton-containedError){--_MuiButton-icon-color:var(--stratakit-color-icon-neutral-emphasis)}.MuiButton-root:where(.MuiButton-outlinedPrimary,.MuiButton-textPrimary){--_MuiButton-icon-color:var(--stratakit-color-icon-accent-strong);--variant-outlinedBorder:var(--stratakit-color-border-accent-base)}.MuiButton-root:where(.MuiButton-outlinedError,.MuiButton-textError){--_MuiButton-icon-color:var(--stratakit-color-icon-critical-base);--variant-textColor:var(--stratakit-color-text-critical-base);--variant-outlinedColor:var(--stratakit-color-text-critical-base);--variant-outlinedBorder:var(--stratakit-color-border-critical-base)}.MuiButton-root:where(.Mui-disabled){--_MuiButton-icon-color:var(--stratakit-color-icon-neutral-disabled)}.MuiButton-icon{color:var(--_MuiButton-icon-color)}.MuiCard-root{background-color:var(--stratakit-color-bg-elevation-base)}.MuiCard-root:where([data-_sk-actionable]){cursor:pointer;transition:background-color .15s ease-out}@media (any-hover:hover){.MuiCard-root:where([data-_sk-actionable]):where(:hover){background-color:color-mix(in oklch,var(--stratakit-color-bg-elevation-base)100%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%))}}.MuiCard-root:where([data-_sk-actionable]):where(:has(.MuiCardActionArea-root.Mui-focusVisible)){outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset)}.MuiCardHeader-title{font-size:var(--stratakit-font-size-20);line-height:1.4}.MuiCardHeader-title{font-weight:500}.MuiCardHeader-subheader{font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiCardMedia-root{inline-size:100%}.MuiCardMedia-root:where(img,picture){object-fit:cover}.MuiCardContent-root:where(:has(+.MuiCardActions-root)){padding-block-end:0}.MuiCardActionArea-root{background-color:unset;-webkit-user-select:auto;user-select:auto}.MuiCardActionArea-root:where(.Mui-focusVisible){outline:none!important}.MuiCardActionArea-focusHighlight{display:none}.MuiCardActions-root{padding:var(--stratakit-space-x4)}:is(.MuiCheckbox-root,.MuiRadio-root){padding:0;position:relative}:is(.MuiCheckbox-root,.MuiRadio-root):before{content:"";border-radius:50%;position:absolute;inset:calc(-12px + .5rem)}:is(.MuiCheckbox-root,.MuiRadio-root)>input{appearance:none;opacity:1;aspect-ratio:1;background-color:var(--_MuiCheckbox-background-color);border:1px solid var(--_MuiCheckbox-border-color);border-radius:var(--_MuiCheckbox-border-radius);block-size:1rem;inline-size:1rem;color:var(--_MuiCheckbox-color);position:relative}:is(.MuiCheckbox-root,.MuiRadio-root)>input:after{content:"";-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--_MuiCheckbox-mask-image);mask-image:var(--_MuiCheckbox-mask-image);background-color:currentColor;position:absolute;inset:0}:is(.MuiCheckbox-root,.MuiRadio-root){--_MuiCheckbox-mask-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 16 16\"></svg>");--_MuiCheckbox-background-color:var(--stratakit-color-bg-neutral-base);--_MuiCheckbox-border-color:var(--stratakit-color-border-shadow-base);--_MuiCheckbox-color:var(--stratakit-color-icon-neutral-emphasis);--_MuiCheckbox-hover-overlay-color:var(--stratakit-color-bg-glow-on-surface-neutral-hover)}:is(.MuiCheckbox-root,.MuiRadio-root):where(.Mui-checked,.MuiCheckbox-indeterminate){--_MuiCheckbox-background-color:var(--stratakit-color-bg-accent-base);--_MuiCheckbox-border-color:var(--stratakit-color-border-shadow-strong);--_MuiCheckbox-hover-overlay-color:var(--stratakit-color-bg-glow-on-surface-accent-hover)}:where(.MuiFormControlLabel-root.Mui-error) :is(.MuiCheckbox-root,.MuiRadio-root){--_MuiCheckbox-background-color:var(--stratakit-color-bg-neutral-base);--_MuiCheckbox-border-color:var(--stratakit-color-border-critical-base);--_MuiCheckbox-color:var(--stratakit-color-icon-neutral-primary);--_MuiCheckbox-hover-overlay-color:var(--stratakit-color-bg-glow-on-surface-critical-hover)}:is(.MuiCheckbox-root,.MuiRadio-root):where(.Mui-disabled){--_MuiCheckbox-background-color:var(--stratakit-color-bg-glow-on-surface-disabled);--_MuiCheckbox-border-color:var(--stratakit-color-border-glow-on-surface-disabled);--_MuiCheckbox-color:var(--stratakit-color-icon-neutral-disabled);--_MuiCheckbox-hover-overlay-color:transparent}:is(.MuiCheckbox-root,.MuiRadio-root):where(.MuiCheckbox-root){--_MuiCheckbox-border-radius:var(--stratakit-mui-shape-borderRadius)}:is(.MuiCheckbox-root,.MuiRadio-root):where(.MuiCheckbox-root):where(.Mui-checked){--_MuiCheckbox-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M11.73 5.47a.75.75 0 0 1 0 1.06l-4.4 4.4a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 0 1 1.06-1.06L6.8 9.34l3.87-3.87a.75.75 0 0 1 1.06 0Z\"/></svg>")}:is(.MuiCheckbox-root,.MuiRadio-root):where(.MuiCheckbox-root):where(.MuiCheckbox-indeterminate){--_MuiCheckbox-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M4.25 8A.75.75 0 0 1 5 7.25h6.5a.75.75 0 0 1 0 1.5H5A.75.75 0 0 1 4.25 8Z\"/></svg>")}:is(.MuiCheckbox-root,.MuiRadio-root):where(.MuiRadio-root){--_MuiCheckbox-border-radius:50.0%}:is(.MuiCheckbox-root,.MuiRadio-root):where(.MuiRadio-root):where(.Mui-checked){--_MuiCheckbox-mask-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" ><circle cx=\"8\" cy=\"8\" r=\"4\" /></svg>")}@media (any-hover:hover){:is(.MuiCheckbox-root,.MuiRadio-root):where(:hover):before,:where(.MuiFormControlLabel-root:hover) :is(.MuiCheckbox-root,.MuiRadio-root):before{background-color:var(--_MuiCheckbox-hover-overlay-color)}}.MuiChip-root{block-size:var(--_MuiChip-block-size)}.MuiChip-root:where(.MuiChip-sizeSmall){--_MuiChip-block-size:var(--stratakit-size-control-field-height-small);--_MuiChip-padding-inline:var(--stratakit-space-x2)}.MuiChip-root:where(.MuiChip-sizeMedium){--_MuiChip-block-size:var(--stratakit-size-control-field-height-medium);--_MuiChip-padding-inline:var(--stratakit-space-x3)}.MuiChip-root:where(.MuiChip-filledDefault.MuiChip-colorDefault){background-color:var(--stratakit-color-bg-neutral-base);border:1px solid var(--stratakit-color-border-neutral-base)}.MuiChip-root:where(.MuiButtonBase-root){-webkit-user-select:auto;user-select:auto}.MuiChip-root:where(:has(.MuiChip-label:focus-visible)){outline:var(--🥝focus-outline)}.MuiChip-label{padding-inline:var(--_MuiChip-padding-inline)}.MuiChip-label:where(.MuiChip-labelSmall){font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiChip-label:where(.MuiChip-labelMedium){font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiChip-label:where(button){outline:unset!important}.MuiChip-deleteIcon.MuiIconButton-root{border-radius:inherit;margin-inline-start:calc(var(--stratakit-space-x2)*-1)}.MuiChip-deleteIcon.MuiIconButton-root:where(.MuiChip-deleteIconSmall){margin-inline-end:-1px}.MuiChip-deleteIcon.MuiIconButton-root:where(.MuiChip-deleteIconMedium){margin-inline-end:calc(var(--stratakit-space-x1) - 1px)}.MuiChip-deleteIcon.MuiIconButton-root:after{content:"";position:absolute;inset:0}.MuiChip-avatar{margin-inline-start:calc(var(--stratakit-space-x1) - 1px)}.MuiChip-avatar:where(.MuiChip-avatarSmall){margin-inline-end:calc(var(--stratakit-space-x1)*-1)}.MuiChip-avatar:where(.MuiChip-avatarMedium){margin-inline-end:calc(var(--stratakit-space-x2)*-1)}.MuiDialogActions-root{background-color:var(--stratakit-color-bg-page-base);border:1px solid #0000;border-block-start-color:var(--stratakit-color-border-page-base);background-clip:padding-box;border-end-end-radius:inherit;border-end-start-radius:inherit}.MuiDialogActions-root:where(.MuiDialogActions-spacing){padding-block:var(--stratakit-space-x4);padding-inline:var(--stratakit-space-x5)}.MuiFormControl-root{row-gap:var(--stratakit-space-x1)}.MuiFormControlLabel-root{column-gap:var(--stratakit-space-x1);margin-inline:0}.MuiFormControlLabel-root:where(.Mui-disabled){cursor:not-allowed}.MuiFormControlLabel-label{font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiFormGroup-root{row-gap:var(--stratakit-space-x1)}.MuiFormHelperText-root{inline-size:fit-content;margin:0}.MuiFormHelperText-root{font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiFormHelperText-root:where(.Mui-error){color:var(--stratakit-color-text-critical-base);position:relative}.MuiFormHelperText-root:where(.Mui-error):before,.MuiFormHelperText-root:where(.Mui-error):after{content:"";aspect-ratio:1;vertical-align:top;block-size:1lh;display:inline-block}.MuiFormHelperText-root:where(.Mui-error):before{--_octagon-filled:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M10.086 2H5.914a1 1 0 0 0-.707.293L2.293 5.207A1 1 0 0 0 2 5.914v4.237a1 1 0 0 0 .3.715l2.908 2.848a1 1 0 0 0 .7.286h4.178a1 1 0 0 0 .707-.293l2.914-2.914a1 1 0 0 0 .293-.707V5.914a1 1 0 0 0-.293-.707l-2.914-2.914A1 1 0 0 0 10.086 2Z\" /></svg>");--_❗:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 16 16\"><path fill=\"black\" fill-opacity=\".48\" d=\"M8.875 10.625a.875.875 0 1 0-1.75 0 .875.875 0 0 0 1.75 0ZM8 4a1.581 1.581 0 0 1 1.5 2.081l-.789 2.365c-.228.684-1.195.684-1.423 0L6.5 6.081A1.581 1.581 0 0 1 8 4Zm0 .5a1.08 1.08 0 0 0-1.025 1.423l.788 2.365a.25.25 0 0 0 .436.075l.039-.075.788-2.365a1.082 1.082 0 0 0-.89-1.415L8 4.5Zm1.375 6.125a1.375 1.375 0 1 1-2.75 0 1.375 1.375 0 0 1 2.75 0Z\" /><path fill=\"white\" d=\"M8.875 10.625a.875.875 0 1 1-1.75 0 .875.875 0 0 1 1.75 0ZM6.974 5.923l.789 2.366a.25.25 0 0 0 .474 0l.789-2.366a1.081 1.081 0 1 0-2.052 0Z\" /></svg>");-webkit-mask:var(--_octagon-filled)no-repeat center;mask:var(--_octagon-filled)no-repeat center;background-color:var(--stratakit-color-bg-critical-base);background-image:var(--_❗);background-repeat:no-repeat;margin-inline-end:var(--stratakit-space-x1)}.MuiFormHelperText-root:where(.Mui-error):after{--_octagon-outline:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\"><path fill=\"currentColor\" d=\"M10.086 2a1 1 0 0 1 .707.293l2.914 2.914a1 1 0 0 1 .293.707v4.172l-.005.099a1 1 0 0 1-.288.608l-2.914 2.914-.073.066a1 1 0 0 1-.634.227H5.908l-.097-.005a1 1 0 0 1-.53-.216l-.073-.064-2.908-2.85a1 1 0 0 1-.295-.614l-.005-.1V5.914a1 1 0 0 1 .227-.634l.066-.073 2.914-2.914A1 1 0 0 1 5.914 2h4.172ZM5.914 3 3 5.914v4.237L5.908 13h4.178L13 10.086V5.914L10.086 3H5.914Z\" /></svg>");-webkit-mask:var(--_octagon-outline)no-repeat center;mask:var(--_octagon-outline)no-repeat center;background-color:var(--stratakit-color-border-glow-strong-default);position:absolute;inset-block-start:0;inset-inline-start:0}.MuiFormLabel-root{font-size:var(--stratakit-font-size-14);color:var(--stratakit-color-text-neutral-secondary);position:relative;transform:none}.MuiFormLabel-root:where(.Mui-disabled){color:var(--stratakit-color-text-neutral-disabled)}.MuiIconButton-root{--_MuiIconButton-icon-color:var(--stratakit-color-icon-neutral-base);aspect-ratio:1;color:var(--_MuiIconButton-icon-color);min-block-size:var(--_MuiIconButton-size);padding:var(--_MuiIconButton-padding);border-radius:4px}@media (any-hover:hover){.MuiIconButton-root:where(:hover){--_MuiIconButton-icon-color:var(--stratakit-color-icon-neutral-primary)}}.MuiIconButton-root:where(.MuiIconButton-sizeSmall){--_MuiIconButton-size:var(--stratakit-size-control-field-height-small);--_MuiIconButton-padding:var(--stratakit-space-x1)}.MuiIconButton-root:where(.MuiIconButton-sizeMedium){--_MuiIconButton-size:var(--stratakit-size-control-field-height-medium);--_MuiIconButton-padding:var(--stratakit-space-x2)}.MuiIconButton-root:where(.MuiIconButton-sizeLarge){--_MuiIconButton-size:var(--stratakit-size-control-field-height-large);--_MuiIconButton-padding:var(--stratakit-space-x3)}.MuiIconButton-root:where(.MuiIconButton-colorPrimary){--_MuiIconButton-icon-color:var(--stratakit-color-icon-accent-strong)}.MuiIconButton-root:where(.MuiIconButton-colorError){--_MuiIconButton-icon-color:var(--stratakit-color-icon-critical-base)}.MuiIconButton-root:where(.Mui-disabled){--_MuiIconButton-icon-color:var(--stratakit-color-icon-neutral-disabled)}.MuiInputBase-root{border:1px solid var(--_MuiInput-border-color);border-radius:4px;padding:0;transition:border-color .15s ease-out}.MuiInputBase-root{font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiInputBase-root{--_MuiInput-block-size:var(--stratakit-size-control-field-height-medium);--_MuiInput-border-color:var(--stratakit-color-border-control-textbox)}@media (any-hover:hover){.MuiInputBase-root:where(:not(.Mui-disabled)):hover{border-color:color-mix(in oklch,var(--_MuiInput-border-color)100%,var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-hover-\%))}}.MuiInputBase-root:where(.MuiInputBase-sizeSmall){font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiInputBase-root:where(.MuiInputBase-sizeSmall){--_MuiInput-block-size:var(--stratakit-size-control-field-height-small)}.MuiInputBase-root:where(:focus-within){--_MuiInput-border-color:var(--stratakit-color-border-accent-strong);outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset)}.MuiInputBase-root:where(.Mui-error){--_MuiInput-border-color:var(--stratakit-color-border-critical-base);--🥝Icon-color:var(--stratakit-color-icon-critical-base)}.MuiInputBase-root:where(.Mui-disabled){--_MuiInput-border-color:var(--stratakit-color-border-glow-on-surface-disabled);cursor:not-allowed;--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled)}.MuiInputBase-root :where(fieldset){display:none}.MuiInputBase-input{height:unset;min-block-size:calc(var(--_MuiInput-block-size) - 2px);padding-block:0;padding-inline:var(--_MuiInput-padding-inline);--_MuiInput-padding-inline:var(--stratakit-space-x3);align-content:center}:where(.MuiInputBase-root.MuiInputBase-sizeSmall) .MuiInputBase-input{--_MuiInput-padding-inline:var(--stratakit-space-x2)}.MuiInputBase-input:where(input,textarea)::placeholder{color:var(--stratakit-color-text-neutral-secondary);opacity:1;-webkit-user-select:none;user-select:none}.MuiInputBase-input:where(.MuiInputBase-inputMultiline){align-content:baseline;padding-block:8.25px}.MuiInputBase-input:where(.MuiInputBase-inputAdornedStart){padding-inline-start:0}.MuiInputBase-input:where(.MuiInputBase-inputAdornedEnd){padding-inline-end:0}.MuiInputBase-input:where(:focus-visible){outline:none!important}.MuiInputBase-input:where(.Mui-disabled){cursor:not-allowed}.MuiInputAdornment-root:where(.MuiInputAdornment-positionStart){margin-inline-start:var(--stratakit-space-x2);margin-inline-end:var(--stratakit-space-x1)}.MuiInputAdornment-root:where(.MuiInputAdornment-positionEnd){margin-inline-start:var(--stratakit-space-x1);margin-inline-end:var(--stratakit-space-x2)}.MuiList-root:where(.MuiList-padding){padding-block:var(--stratakit-space-x1)}:is(.MuiListItemButton-root,.MuiListSubheader-root,.MuiListItem-root:where(.MuiListItem-padding)){line-height:unset;min-block-size:var(--stratakit-size-control-listitem-height-large);padding-block:var(--stratakit-space-x1);padding-inline:var(--stratakit-space-x3);align-content:center;gap:var(--stratakit-space-x2);border-block:1px solid #0000;margin-block-end:-1px}:where(.MuiList-root.MuiList-dense) :is(.MuiListItemButton-root,.MuiListSubheader-root,.MuiListItem-root:where(.MuiListItem-padding)){min-block-size:var(--stratakit-size-control-listitem-height-small)}:where(.MuiList-root.MuiList-dense) :is(.MuiListItemButton-root,.MuiListSubheader-root,.MuiListItem-root:where(.MuiListItem-padding)){font-size:var(--stratakit-font-size-12);line-height:1.3333}:is(.MuiListItemButton-root,.MuiListSubheader-root,.MuiListItem-root:where(.MuiListItem-padding)):where(:has(~.MuiListItem-secondaryAction)){padding-inline-end:calc(var(--stratakit-size-control-field-height-medium) + var(--stratakit-space-x3))}:is(.MuiListItemButton-root,.MuiListSubheader-root,.MuiListItem-root:where(.MuiListItem-padding)):where(.Mui-selected){border-block:1px solid var(--stratakit-color-border-accent-strong);background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);color:var(--stratakit-color-text-accent-strong);--🥝Icon-color:var(--stratakit-color-icon-accent-strong)}:is(.MuiListItemIcon-root,.MuiListItemAvatar-root){min-width:unset}.MuiListItemText-root{gap:var(--stratakit-space-x1);margin:0}.MuiListItemSecondaryAction-root{inset-inline-end:var(--stratakit-space-x3)}.MuiMenuItem-root{font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiMenuItem-root:where(.Mui-selected){border-block:1px solid var(--stratakit-color-border-accent-strong);background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);color:var(--stratakit-color-text-accent-strong)}.MuiMenuItem-root:where(.Mui-focusVisible){outline-offset:-2px}.MuiSlider-root{--_MuiSlider-rail-background-color:var(--stratakit-color-bg-control-slider-track);--_MuiSlider-rail-border-color:var(--stratakit-color-bg-control-slider-track);--_MuiSlider-track-background-color:var(--stratakit-color-bg-accent-base);--_MuiSlider-track-border-color:var(--stratakit-color-bg-accent-base);padding:0}.MuiSlider-root:where(.MuiSlider-sizeSmall){--_MuiSlider-rail-track-size:.125rem;--_MuiSlider-rail-track-size-increase:calc(.125rem + var(--stratakit-space-x1));--_MuiSlider-thumb-size:.875rem}.MuiSlider-root:where(.MuiSlider-sizeMedium){--_MuiSlider-rail-track-size:.25rem;--_MuiSlider-rail-track-size-increase:calc(.25rem + var(--stratakit-space-x1));--_MuiSlider-thumb-size:1rem}.MuiSlider-root:has(.Mui-active,.Mui-focusVisible){--_MuiSlider-rail-track-size:var(--_MuiSlider-rail-track-size-increase)}@media (any-hover:hover){.MuiSlider-root:where(:not(.Mui-disabled):hover){--_MuiSlider-rail-track-size:var(--_MuiSlider-rail-track-size-increase)}}.MuiSlider-root:where(:not(.MuiSlider-vertical)){block-size:var(--_MuiSlider-thumb-size)}.MuiSlider-root:where(.MuiSlider-vertical){inline-size:var(--_MuiSlider-thumb-size)}.MuiSlider-root:where(.Mui-disabled){cursor:not-allowed;pointer-events:initial;--_MuiSlider-rail-background-color:var(--stratakit-color-bg-control-switch);--_MuiSlider-rail-border-color:var(--stratakit-color-border-glow-on-surface-disabled);--_MuiSlider-track-background-color:var(--stratakit-color-border-glow-on-surface-disabled);--_MuiSlider-track-border-color:var(--stratakit-color-border-glow-on-surface-disabled)}:where(.MuiSlider-root:not(.MuiSlider-vertical)) :is(.MuiSlider-rail,.MuiSlider-track){block-size:var(--_MuiSlider-rail-track-size)}:where(.MuiSlider-root.MuiSlider-vertical) :is(.MuiSlider-rail,.MuiSlider-track){inline-size:var(--_MuiSlider-rail-track-size)}.MuiSlider-rail{background-color:var(--_MuiSlider-rail-background-color);border:1px solid var(--_MuiSlider-rail-border-color);opacity:1}@media (prefers-reduced-motion:no-preference){:where(.MuiSlider-root:not(.MuiSlider-vertical)) .MuiSlider-rail{transition:block-size .15s cubic-bezier(.4,0,.2,1)}:where(.MuiSlider-root.MuiSlider-vertical) .MuiSlider-rail{transition:inline-size .15s cubic-bezier(.4,0,.2,1)}}.MuiSlider-track{background-color:var(--_MuiSlider-track-background-color);border:1px solid var(--_MuiSlider-track-border-color)}.MuiSlider-thumb{aspect-ratio:1;block-size:var(--_MuiSlider-thumb-size);inline-size:var(--_MuiSlider-thumb-size);background-color:var(--stratakit-color-bg-neutral-inverse);border:1px solid var(--stratakit-color-border-shadow-base);box-shadow:none;cursor:grab}.MuiSlider-thumb:where(.Mui-active){cursor:grabbing}.MuiSlider-thumb:where(.Mui-disabled){background-color:var(--stratakit-color-icon-neutral-disabled);border-color:var(--stratakit-color-icon-neutral-disabled);cursor:not-allowed}.MuiSlider-thumb:where(.Mui-focusVisible){outline:var(--🥝focus-outline);outline-offset:2px}.MuiSlider-thumb:after{block-size:24px;inline-size:24px}.MuiSlider-mark{background-color:var(--stratakit-color-icon-neutral-base)}.MuiSlider-mark:where(.MuiSlider-markActive){background-color:var(--stratakit-color-icon-neutral-emphasis)}:where(.MuiSlider-root.Mui-disabled) .MuiSlider-mark{background-color:var(--stratakit-color-icon-neutral-disabled)}.MuiSlider-mark:where(:nth-child(1 of .MuiSlider-mark),:nth-last-child(1 of .MuiSlider-mark)){background-color:#0000}@media (prefers-reduced-motion:reduce){:is(.MuiSlider-track,.MuiSlider-thumb){transition:none}}.MuiStepper-root{counter-reset:stepper}.MuiStep-root{counter-increment:stepper}.MuiStepButton-root{padding:var(--stratakit-space-x3);margin:calc(-1*var(--stratakit-space-x3))}.MuiStepLabel-labelContainer{align-content:start;row-gap:var(--stratakit-space-x05);display:grid}.MuiStepLabel-label:where(.Mui-error){color:var(--stratakit-color-text-critical-base)}.MuiStepIcon-root{aspect-ratio:1;border:1px solid var(--stratakit-color-border-neutral-base);background-color:var(--stratakit-color-bg-neutral-base);block-size:1.5rem;color:var(--stratakit-color-text-neutral-primary);border-radius:50%;place-items:center;display:inline-grid}.MuiStepIcon-root{font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiStepIcon-root:where(:not(.Mui-completed):empty):before{content:counter(stepper);content:counter(stepper)/"";font-variant-numeric:tabular-nums;margin-inline-end:-1px}.MuiStepIcon-root:where(:is(.Mui-active,.Mui-completed):not(.Mui-error)){background-color:var(--stratakit-color-bg-accent-base);color:var(--stratakit-color-text-neutral-emphasis);--🥝Icon-color:var(--stratakit-color-icon-neutral-emphasis);border-color:#0000}.MuiStepIcon-root:where(.Mui-error){color:var(--stratakit-color-text-critical-base);--🥝Icon-color:var(--stratakit-color-icon-critical-base)}.MuiSwitch-root{outline-offset:var(--🥝focus-outline-offset);--_MuiSwitch-padding:var(--stratakit-space-x05);border-radius:3.40282e38px;align-items:center;block-size:auto;inline-size:auto;padding:0}.MuiSwitch-root:where(.MuiSwitch-sizeSmall){--_MuiSwitch-height:1.25rem}.MuiSwitch-root:where(.MuiSwitch-sizeMedium){--_MuiSwitch-height:1.5rem}.MuiSwitch-root:has(.Mui-focusVisible){outline:var(--🥝focus-outline)}@supports not selector(:has(+ *)){.MuiSwitch-root:where(:focus-within){outline:var(--🥝focus-outline)}}.MuiSwitch-switchBase{aspect-ratio:1;block-size:var(--_MuiSwitch-height);inset:unset;padding:var(--_MuiSwitch-padding);transform:var(--_MuiSwitch-thumb-position-off);transform-origin:0;--_MuiSwitch-thumb-background-color:var(--stratakit-color-bg-neutral-inverse);--_MuiSwitch-thumb-box-shadow:var(--stratakit-shadow-control-button-base-inset),0px 0px 0px 1px var(--stratakit-color-border-shadow-base)inset,var(--stratakit-shadow-control-button-base-drop);--_MuiSwitch-thumb-position-off:none;--_MuiSwitch-thumb-position-on:translateX(calc(var(--_MuiSwitch-height) - var(--_MuiSwitch-padding)*2))}@media (prefers-reduced-motion:no-preference){.MuiSwitch-switchBase{will-change:transform;transition:transform .15s ease-out}}@media (any-hover:hover){.MuiSwitch-switchBase:hover{background-color:#0000}}.MuiSwitch-switchBase:where(.Mui-checked){inset:unset;transform:var(--_MuiSwitch-thumb-position-on)}.MuiSwitch-switchBase:where(.Mui-disabled){--_MuiSwitch-thumb-background-color:var(--stratakit-color-icon-neutral-disabled);--_MuiSwitch-thumb-box-shadow:none}:root[dir=rtl] .MuiSwitch-switchBase{--_MuiSwitch-thumb-position-off:translateX(calc(calc(var(--_MuiSwitch-height) - var(--_MuiSwitch-padding)*2)*-1));--_MuiSwitch-thumb-position-on:none}.MuiSwitch-thumb{aspect-ratio:inherit;background-color:var(--_MuiSwitch-thumb-background-color);box-shadow:var(--_MuiSwitch-thumb-box-shadow);border-radius:50%;block-size:100%;inline-size:100%}.MuiSwitch-track{block-size:var(--_MuiSwitch-height);inline-size:calc(var(--_MuiSwitch-height)*2 - var(--_MuiSwitch-padding)*2);background-color:var(--_MuiSwitch-track-background-color);border:1px solid var(--_MuiSwitch-track-border-color);border-radius:inherit;opacity:1;--_MuiSwitch-track-background-color:var(--stratakit-color-bg-control-switch);--_MuiSwitch-track-background-hover-effect:var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%);--_MuiSwitch-track-border-color:var(--stratakit-color-border-control-switch);--_MuiSwitch-track-border-hover-effect:var(--stratakit-color-glow-hue)var(--stratakit-color-border-glow-base-hover-\%);transition:background-color .15s ease-out,border-color .15s ease-out}@media (any-hover:hover){:where(.MuiSwitch-switchBase:not(.Mui-disabled):hover)+.MuiSwitch-track{background-color:color-mix(in oklch,var(--_MuiSwitch-track-background-color)100%,var(--_MuiSwitch-track-background-hover-effect));border-color:color-mix(in oklch,var(--_MuiSwitch-track-border-color)100%,var(--_MuiSwitch-track-border-hover-effect))}}:where(.MuiSwitch-switchBase.Mui-checked)+.MuiSwitch-track{--_MuiSwitch-track-background-color:var(--stratakit-color-bg-accent-base);--_MuiSwitch-track-background-hover-effect:var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-strong-hover-\%);--_MuiSwitch-track-border-color:var(--stratakit-color-border-accent-base);--_MuiSwitch-track-border-hover-effect:var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%)}:where(.MuiSwitch-switchBase.Mui-disabled)+.MuiSwitch-track{--_MuiSwitch-track-background-color:var(--stratakit-color-bg-control-switch);--_MuiSwitch-track-border-color:var(--stratakit-color-border-glow-on-surface-disabled)}.MuiTableRow-root:where(.Mui-selected){background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed)}.MuiTableCell-root:where(.MuiTableCell-paddingCheckbox){text-align:center}:where(.MuiTableRow-root.Mui-selected) .MuiTableCell-root{border-color:var(--stratakit-color-border-accent-strong);position:relative}:where(.MuiTableRow-root.Mui-selected) .MuiTableCell-root:before{content:"";pointer-events:none;border-block-start:1px solid var(--stratakit-color-border-accent-strong);position:absolute;inset:0}.MuiTab-root:where(.Mui-selected){color:var(--stratakit-color-text-accent-strong)}.MuiTab-root:where(:focus-visible){outline-offset:-4px}.MuiTabs-indicator{background-color:var(--stratakit-color-border-accent-strong)}.MuiToggleButton-root{min-block-size:var(--_MuiToggleButton-height);min-inline-size:var(--_MuiToggleButton-height);padding:calc(var(--_MuiToggleButton-padding) - 1px)}.MuiToggleButton-root:where(.MuiToggleButton-sizeSmall){font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiToggleButton-root:where(.MuiToggleButton-sizeSmall){--_MuiToggleButton-height:var(--stratakit-size-control-field-height-small);--_MuiToggleButton-padding:var(--stratakit-space-x1)}.MuiToggleButton-root:where(.MuiToggleButton-sizeMedium){font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiToggleButton-root:where(.MuiToggleButton-sizeMedium){--_MuiToggleButton-height:var(--stratakit-size-control-field-height-medium);--_MuiToggleButton-padding:var(--stratakit-space-x2)}.MuiToggleButton-root:where(.MuiToggleButton-sizeLarge){font-size:var(--stratakit-font-size-16);line-height:1.5}.MuiToggleButton-root:where(.MuiToggleButton-sizeLarge){--_MuiToggleButton-height:var(--stratakit-size-control-field-height-large);--_MuiToggleButton-padding:var(--stratakit-space-x3)}.MuiToggleButton-root:where(.Mui-selected){border-color:var(--stratakit-color-border-accent-strong);background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);color:var(--stratakit-color-text-accent-strong);--🥝Icon-color:var(--stratakit-color-icon-accent-strong)}.MuiAccordion-root{background-color:#0000}.MuiAppBar-root{background-color:var(--stratakit-color-bg-page-base);box-shadow:none;border-block-end:1px solid var(--stratakit-color-border-page-base);color:var(--stratakit-color-text-neutral-primary)}.MuiBackdrop-root:where(:not(.MuiBackdrop-invisible)){background-color:oklch(from var(--stratakit-color-bg-elevation-overlay)l c h/.8)}.MuiLink-root{text-underline-offset:var(--stratakit-space-x05);font-weight:500;text-decoration-color:currentColor;transition:text-underline-offset .15s ease-out}.MuiLink-root:where(:hover,:focus-visible){text-underline-offset:var(--stratakit-space-x1)}.MuiPaginationItem-root:where(.Mui-selected){background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);border:1px solid var(--stratakit-color-border-accent-strong);color:var(--stratakit-color-text-accent-strong)}.MuiTooltip-tooltip{box-shadow:var(--stratakit-shadow-control-tooltip-base)}}@media (forced-colors:active){@layer stratakit{.MuiAutocomplete-option:where([aria-selected=true]:not([aria-disabled=true])){color:selecteditemtext;forced-color-adjust:none;background-color:selecteditem;border-color:selecteditemtext}.MuiAvatar-root{border:1px solid}.MuiBadge-badge{border:1px solid canvastext}.MuiBottomNavigationAction-root:where(.Mui-selected){color:selecteditemtext}:where(.MuiBottomNavigationAction-root.Mui-selected) .MuiBottomNavigationAction-content:before{background-color:selecteditem;border-color:selecteditemtext}.MuiBottomNavigationAction-label:where(.Mui-selected){forced-color-adjust:none}:is(.MuiButton-root,.MuiIconButton-root){color:buttontext;background-color:buttonface;border:1px solid buttonborder}:is(.MuiButton-root,.MuiIconButton-root):where(.MuiButton-colorError){forced-color-adjust:none;box-shadow:none}:is(.MuiButton-root,.MuiIconButton-root):where(.MuiIconButton-colorError,.MuiButton-colorError){color:marktext;background-color:mark}:is(.MuiButton-root,.MuiIconButton-root):where(.Mui-disabled){color:graytext;background-color:canvas;border-color:graytext}:is(.MuiCheckbox-root,.MuiRadio-root){--_MuiCheckbox-border-color:CanvasText;--_MuiCheckbox-color:CanvasText}:is(.MuiCheckbox-root,.MuiRadio-root):where(.Mui-checked,.MuiCheckbox-indeterminate){--_MuiCheckbox-background-color:SelectedItem;--_MuiCheckbox-color:SelectedItemText}:where(.MuiFormControlLabel-root.Mui-error) :is(.MuiCheckbox-root,.MuiRadio-root){--_MuiCheckbox-background-color:Mark;--_MuiCheckbox-color:MarkText}:is(.MuiCheckbox-root,.MuiRadio-root):where(.Mui-disabled){--_MuiCheckbox-background-color:Canvas;--_MuiCheckbox-border-color:GrayText;--_MuiCheckbox-color:GrayText}.MuiDialog-paper{border:1px solid}.MuiFormControlLabel-label:where(.Mui-disabled){color:graytext}.MuiFormHelperText-root:where(.Mui-error){forced-color-adjust:none;color:marktext;background-color:mark}.MuiFormHelperText-root:where(.Mui-error):before,.MuiFormHelperText-root:where(.Mui-error):after{background-color:marktext}.MuiPaginationItem-root:where(.Mui-selected){color:selecteditemtext;forced-color-adjust:none;background-color:selecteditem;border-color:selecteditemtext}.MuiSlider-root{--_MuiSlider-track-background-color:SelectedItem}.MuiSlider-root:where(.Mui-disabled){--_MuiSlider-rail-border-color:GrayText;--_MuiSlider-track-background-color:GrayText;--_MuiSlider-track-border-color:GrayText}.MuiSlider-thumb:where(.Mui-disabled){border-color:graytext}.MuiSlider-mark{background-color:canvastext}.MuiSlider-mark:where(.MuiSlider-markActive){background-color:selecteditemtext}:where(.MuiSlider-root.Mui-disabled) .MuiSlider-mark{background-color:graytext}:where(.MuiSlider-root.Mui-disabled) .MuiSlider-mark:where(.MuiSlider-markActive){background-color:canvas}.MuiSlider-mark:where(:nth-child(1 of .MuiSlider-mark),:nth-last-child(1 of .MuiSlider-mark)){background-color:#0000}.MuiStepLabel-label:where(.Mui-error){color:marktext;forced-color-adjust:none;background-color:mark}.MuiStepIcon-root:where(.Mui-active){color:selecteditemtext;background-color:selecteditem;border-color:selecteditemtext}.MuiStepIcon-root:where(.Mui-active):before{forced-color-adjust:none}.MuiSwitch-switchBase{--_MuiSwitch-thumb-background-color:CanvasText}.MuiSwitch-switchBase:where(.Mui-checked:not(.Mui-disabled)){--_MuiSwitch-thumb-background-color:SelectedItemText}.MuiSwitch-switchBase:where(.Mui-checked:not(.Mui-disabled))+.MuiSwitch-track{background-color:selecteditem}.MuiSwitch-switchBase:where(.Mui-disabled){--_MuiSwitch-thumb-background-color:GrayText}.MuiSwitch-switchBase:where(.Mui-disabled)+.MuiSwitch-track{--_MuiSwitch-track-border-color:GrayText}.MuiToggleButton-root:where(.Mui-selected){color:selecteditemtext;background-color:selecteditem}}}@layer mui{:focus-visible:not(#a#b){outline:revert-layer}}`;
3
3
 
4
4
  // src/styles.css.ts
5
5
  var styles_css_default = styles_default;
package/dist/types.d.ts CHANGED
@@ -1,5 +1,29 @@
1
- import type { TextFieldProps, TextFieldVariants } from "@mui/material";
1
+ import type { RoleProps } from "@ariakit/react/role";
2
+ import type { BadgeProps } from "@mui/material/Badge";
3
+ import type { IconButtonProps } from "@mui/material/IconButton";
4
+ import type { CommonProps } from "@mui/material/OverridableComponent";
5
+ import type { TableCellProps as MuiTableCellProps } from "@mui/material/TableCell";
6
+ import type { TextFieldProps, TextFieldVariants } from "@mui/material/TextField";
7
+ import type { TypographyProps } from "@mui/material/Typography";
2
8
  import type * as React from "react";
9
+ declare module "@mui/material/OverridableComponent" {
10
+ interface CommonProps {
11
+ /**
12
+ * Customize the `root` element by passing a React element.
13
+ *
14
+ * @example
15
+ * ```tsx
16
+ * render={<a href="/example" />}>
17
+ * ```
18
+ *
19
+ * **Note**: When using the `render` prop with a custom component, you must ensure the component is open for extension.
20
+ * This means it should pass the incoming props, including event listeners and the forwarded `ref` prop, to the underlying element.
21
+ */
22
+ render?: RoleProps["render"];
23
+ /** @deprecated Use `render` prop instead. */
24
+ component?: React.ElementType;
25
+ }
26
+ }
3
27
  declare module "@mui/material/Alert" {
4
28
  interface AlertPropsVariantOverrides {
5
29
  standard: false;
@@ -13,6 +37,32 @@ declare module "@mui/material/Alert" {
13
37
  variant?: "filled" | "outlined";
14
38
  }
15
39
  }
40
+ declare module "@mui/material/Badge" {
41
+ interface BadgePropsColorOverrides {
42
+ default: false;
43
+ }
44
+ interface BadgeOwnProps {
45
+ /**
46
+ * When `true`, the badge is rendered in normal document flow,
47
+ * instead of being positioned relative to its child based on `anchorOrigin` and `overlap` props.
48
+ *
49
+ * @default false
50
+ */
51
+ inline?: boolean;
52
+ /**
53
+ * The default color with `@stratakit/mui` is `"secondary"`.
54
+ *
55
+ * @default 'secondary'
56
+ */
57
+ color?: BadgeProps["color"];
58
+ }
59
+ }
60
+ declare module "@mui/material/ButtonBase" {
61
+ interface ButtonBaseOwnProps {
62
+ /** @deprecated Use the `render` prop instead. */
63
+ LinkComponent?: React.ElementType;
64
+ }
65
+ }
16
66
  declare module "@mui/material/Button" {
17
67
  interface ButtonPropsColorOverrides {
18
68
  info: false;
@@ -21,6 +71,7 @@ declare module "@mui/material/Button" {
21
71
  inherit: false;
22
72
  }
23
73
  interface ButtonOwnProps {
74
+ LinkComponent?: never;
24
75
  /**
25
76
  * The default variant with `@stratakit/mui` is `"contained"`.
26
77
  *
@@ -29,6 +80,16 @@ declare module "@mui/material/Button" {
29
80
  variant?: "contained" | "outlined" | "text";
30
81
  }
31
82
  }
83
+ declare module "@mui/material/BottomNavigationAction" {
84
+ interface BottomNavigationActionOwnProps {
85
+ LinkComponent?: never;
86
+ }
87
+ }
88
+ declare module "@mui/material/CardActionArea" {
89
+ interface CardActionAreaOwnProps {
90
+ LinkComponent?: never;
91
+ }
92
+ }
32
93
  declare module "@mui/material/Checkbox" {
33
94
  interface CheckboxPropsColorOverrides {
34
95
  secondary: false;
@@ -38,6 +99,31 @@ declare module "@mui/material/Checkbox" {
38
99
  warning: false;
39
100
  error: false;
40
101
  }
102
+ interface CheckboxPropsSizeOverrides {
103
+ small: false;
104
+ large: false;
105
+ }
106
+ }
107
+ declare module "@mui/material/Chip" {
108
+ interface ChipOwnProps {
109
+ /**
110
+ * The label of the delete button.
111
+ *
112
+ * @default 'Clear'
113
+ */
114
+ deleteLabel?: string;
115
+ /** @deprecated DO NOT USE */
116
+ color?: never;
117
+ }
118
+ interface ChipPropsColorOverrides {
119
+ default: false;
120
+ primary: false;
121
+ secondary: false;
122
+ error: false;
123
+ info: false;
124
+ success: false;
125
+ warning: false;
126
+ }
41
127
  }
42
128
  declare module "@mui/material/Fab" {
43
129
  interface FabPropsColorOverrides {
@@ -49,6 +135,7 @@ declare module "@mui/material/Fab" {
49
135
  inherit: false;
50
136
  }
51
137
  interface FabOwnProps {
138
+ LinkComponent?: never;
52
139
  /**
53
140
  * The default color with `@stratakit/mui` is `"primary"`.
54
141
  *
@@ -65,14 +152,34 @@ declare module "@mui/material/FormLabel" {
65
152
  warning: false;
66
153
  error: false;
67
154
  }
155
+ interface FormLabelOwnProps {
156
+ /** @deprecated */
157
+ component?: never;
158
+ }
68
159
  }
69
160
  declare module "@mui/material/IconButton" {
70
161
  interface IconButtonPropsColorOverrides {
162
+ default: false;
71
163
  info: false;
72
164
  success: false;
73
165
  warning: false;
74
166
  inherit: false;
75
167
  }
168
+ interface IconButtonOwnProps {
169
+ LinkComponent?: never;
170
+ /**
171
+ * The default color with `@stratakit/mui` is `"secondary"`.
172
+ *
173
+ * @default 'secondary'
174
+ */
175
+ color?: IconButtonProps["color"];
176
+ /**
177
+ * The accessible name of the button, which is also shown as a tooltip on hover/focus.
178
+ *
179
+ * If not specified, the accessible name and tooltip must be wired up manually.
180
+ */
181
+ label?: string;
182
+ }
76
183
  }
77
184
  declare module "@mui/material/InputBase" {
78
185
  interface InputBasePropsColorOverrides {
@@ -83,6 +190,21 @@ declare module "@mui/material/InputBase" {
83
190
  error: false;
84
191
  }
85
192
  }
193
+ declare module "@mui/material/ListItemButton" {
194
+ interface ListItemButtonOwnProps {
195
+ LinkComponent?: never;
196
+ }
197
+ }
198
+ declare module "@mui/material/MenuItem" {
199
+ interface MenuItemOwnProps {
200
+ LinkComponent?: never;
201
+ }
202
+ }
203
+ declare module "@mui/material/PaginationItem" {
204
+ interface PaginationItemOwnProps {
205
+ LinkComponent?: never;
206
+ }
207
+ }
86
208
  declare module "@mui/material/Radio" {
87
209
  interface RadioPropsColorOverrides {
88
210
  secondary: false;
@@ -92,6 +214,9 @@ declare module "@mui/material/Radio" {
92
214
  warning: false;
93
215
  error: false;
94
216
  }
217
+ interface RadioPropsSizeOverrides {
218
+ small: false;
219
+ }
95
220
  }
96
221
  declare module "@mui/material/Slider" {
97
222
  interface SliderPropsColorOverrides {
@@ -112,6 +237,22 @@ declare module "@mui/material/Switch" {
112
237
  error: false;
113
238
  }
114
239
  }
240
+ declare module "@mui/material/StepButton" {
241
+ interface StepButtonOwnProps {
242
+ LinkComponent?: never;
243
+ }
244
+ }
245
+ declare module "@mui/material/Tab" {
246
+ interface TabOwnProps {
247
+ LinkComponent?: never;
248
+ }
249
+ }
250
+ declare module "@mui/material/TableCell" {
251
+ interface TableCellProps extends Pick<CommonProps, "render"> {
252
+ /** @deprecated Use `render` prop instead. */
253
+ component?: MuiTableCellProps["component"];
254
+ }
255
+ }
115
256
  declare module "@mui/material/TextField" {
116
257
  interface TextFieldPropsColorOverrides {
117
258
  secondary: false;
@@ -124,12 +265,30 @@ declare module "@mui/material/TextField" {
124
265
  /** @deprecated DO NOT USE */ variant?: TextFieldVariants;
125
266
  } & Omit<TextFieldProps, "variant">): React.JSX.Element;
126
267
  }
268
+ declare module "@mui/material/ToggleButton" {
269
+ interface ToggleButtonOwnProps {
270
+ LinkComponent?: never;
271
+ label?: IconButtonProps["label"];
272
+ }
273
+ }
127
274
  declare module "@mui/material/Tooltip" {
128
- interface TooltipOwnProps {
275
+ interface TooltipProps {
129
276
  /**
130
277
  * The default value with `@stratakit/mui` is `true`.
131
278
  * Use `describeChild={false}` if you want to label the child element.
279
+ *
280
+ * @default true
132
281
  */
133
282
  describeChild?: boolean;
134
283
  }
135
284
  }
285
+ declare module "@mui/material/Typography" {
286
+ interface TypographyOwnProps {
287
+ /**
288
+ * The default variant with `@stratakit/mui` is `"body2"`.
289
+ *
290
+ * @default "body2"
291
+ */
292
+ variant?: TypographyProps["variant"];
293
+ }
294
+ }
@@ -0,0 +1,7 @@
1
+ import { type BaseProps } from "@stratakit/foundations/secret-internals";
2
+ import type Badge from "@mui/material/Badge";
3
+ type BadgeProps = React.ComponentProps<typeof Badge>;
4
+ interface MuiBadgeProps extends BaseProps<"span">, Pick<BadgeProps, "inline"> {
5
+ }
6
+ declare const MuiBadge: import("react").ForwardRefExoticComponent<MuiBadgeProps & import("react").RefAttributes<HTMLElement | HTMLSpanElement>>;
7
+ export { MuiBadge };
@@ -0,0 +1,17 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { Role } from "@ariakit/react/role";
3
+ import { forwardRef } from "@stratakit/foundations/secret-internals";
4
+ const MuiBadge = forwardRef((props, forwardedRef) => {
5
+ const {
6
+ inline,
7
+ ...rest
8
+ } = props;
9
+ return /* @__PURE__ */ jsx(Role.span, {
10
+ ...rest,
11
+ "data-_sk-inline": inline ? "" : void 0,
12
+ ref: forwardedRef
13
+ });
14
+ });
15
+ export {
16
+ MuiBadge
17
+ };
@@ -0,0 +1,2 @@
1
+ declare const MuiBottomNavigationAction: import("react").ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "render"> & import("react").RefAttributes<HTMLElement | HTMLButtonElement>>;
2
+ export { MuiBottomNavigationAction };
@@ -0,0 +1,23 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { forwardRef } from "@stratakit/foundations/secret-internals";
3
+ import { MuiButtonBase } from "./MuiButtonBase.js";
4
+ const MuiBottomNavigationAction = forwardRef((props, forwardedRef) => {
5
+ const {
6
+ children,
7
+ ...rest
8
+ } = props;
9
+ const classList = props.className?.split(" ") ?? [];
10
+ const selected = classList.includes("Mui-selected");
11
+ return /* @__PURE__ */ jsx(MuiButtonBase, {
12
+ "aria-current": selected ? "true" : "false",
13
+ ...rest,
14
+ ref: forwardedRef,
15
+ children: /* @__PURE__ */ jsx("span", {
16
+ className: "MuiBottomNavigationAction-content",
17
+ children
18
+ })
19
+ });
20
+ });
21
+ export {
22
+ MuiBottomNavigationAction
23
+ };
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import type { ButtonOwnProps } from "@mui/material/Button";
3
+ import type { BaseProps } from "@stratakit/foundations/secret-internals";
4
+ interface MuiButtonBaseProps extends BaseProps<"button">, Pick<ButtonOwnProps, "href"> {
5
+ }
6
+ declare const MuiButtonBase: React.ForwardRefExoticComponent<MuiButtonBaseProps & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
7
+ export { MuiButtonBase };
@@ -0,0 +1,80 @@
1
+ import { c as _c } from "react-compiler-runtime";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import * as React from "react";
4
+ import { Role } from "@ariakit/react/role";
5
+ import { forwardRef, useMergedRefs } from "@stratakit/foundations/secret-internals";
6
+ const MuiButtonBase = forwardRef((props, forwardedRef) => {
7
+ const $ = _c(1);
8
+ const {
9
+ href,
10
+ "aria-disabled": ariaDisabled,
11
+ ...rest
12
+ } = props;
13
+ const isDisabled = ariaDisabled === true || ariaDisabled === "true";
14
+ const [tagName, setTagName] = React.useState(void 0);
15
+ let t0;
16
+ if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
17
+ t0 = (element) => {
18
+ if (!element) {
19
+ return;
20
+ }
21
+ setTagName(element.tagName);
22
+ };
23
+ $[0] = t0;
24
+ } else {
25
+ t0 = $[0];
26
+ }
27
+ const determineTagName = t0;
28
+ const isNativeButton = !props.render && !href || tagName === "BUTTON";
29
+ const isLink = !props.render && href || tagName === "A";
30
+ let t1;
31
+ bb0: {
32
+ if (!isNativeButton || props.type) {
33
+ t1 = props.type;
34
+ break bb0;
35
+ }
36
+ if (props.formAction) {
37
+ t1 = "submit";
38
+ break bb0;
39
+ }
40
+ t1 = "button";
41
+ }
42
+ const type = t1;
43
+ let t2;
44
+ bb1: {
45
+ if (isLink && props.role === "button") {
46
+ t2 = void 0;
47
+ break bb1;
48
+ }
49
+ if (isNativeButton && props.role === "button") {
50
+ t2 = void 0;
51
+ break bb1;
52
+ }
53
+ t2 = props.role;
54
+ }
55
+ const role = t2;
56
+ let t3;
57
+ bb2: {
58
+ if (href) {
59
+ t3 = jsx(Role.a, {
60
+ href,
61
+ render: props.render
62
+ });
63
+ break bb2;
64
+ }
65
+ t3 = props.render;
66
+ }
67
+ const render = t3;
68
+ return jsx(Role.button, {
69
+ ...rest,
70
+ render,
71
+ type,
72
+ role,
73
+ ref: useMergedRefs(determineTagName, forwardedRef),
74
+ disabled: isNativeButton ? isDisabled : void 0,
75
+ "aria-disabled": isNativeButton ? void 0 : ariaDisabled
76
+ });
77
+ });
78
+ export {
79
+ MuiButtonBase
80
+ };
@@ -0,0 +1,5 @@
1
+ import * as React from "react";
2
+ declare const MuiCard: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "render"> & React.RefAttributes<HTMLElement>>;
3
+ declare const MuiCardActionArea: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "render"> & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
4
+ declare const MuiCardMedia: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "render"> & React.RefAttributes<HTMLElement | HTMLDivElement>>;
5
+ export { MuiCard, MuiCardActionArea, MuiCardMedia };
@@ -0,0 +1,112 @@
1
+ import { c as _c } from "react-compiler-runtime";
2
+ import { jsx } from "react/jsx-runtime";
3
+ import * as React from "react";
4
+ import { Role } from "@ariakit/react/role";
5
+ import { forwardRef, useEventHandlers, useMergedRefs } from "@stratakit/foundations/secret-internals";
6
+ import { MuiButtonBase } from "./MuiButtonBase.js";
7
+ const MuiCardContext = React.createContext(void 0);
8
+ const MuiCard = forwardRef((props, forwardedRef) => {
9
+ const {
10
+ role,
11
+ ...rest
12
+ } = props;
13
+ const [actionAreaElement, setActionAreaElement] = React.useState(void 0);
14
+ const handleActionAreaClick = (event) => {
15
+ if (!actionAreaElement) return;
16
+ if (!(event.target instanceof Element)) return;
17
+ if (event.target.closest("a, button, [role=button]")) return;
18
+ const selection = window.getSelection();
19
+ if (selection && !selection.isCollapsed) return;
20
+ actionAreaElement.click();
21
+ };
22
+ return /* @__PURE__ */ jsx(MuiCardContext.Provider, {
23
+ value: {
24
+ actionAreaElement,
25
+ setActionAreaElement
26
+ },
27
+ children: /* @__PURE__ */ jsx(Role, {
28
+ render: /* @__PURE__ */ jsx("article", {}),
29
+ ...rest,
30
+ "data-_sk-actionable": actionAreaElement ? "" : void 0,
31
+ onClick: useEventHandlers(props.onClick, handleActionAreaClick),
32
+ ref: forwardedRef
33
+ })
34
+ });
35
+ });
36
+ const MuiCardActionArea = forwardRef((props, forwardedRef) => {
37
+ const {
38
+ role,
39
+ ...rest
40
+ } = props;
41
+ const context = React.useContext(MuiCardContext);
42
+ return jsx(MuiButtonBase, {
43
+ ...rest,
44
+ ref: useMergedRefs(context?.setActionAreaElement, forwardedRef)
45
+ });
46
+ });
47
+ const MEDIA_COMPONENTS = ["audio", "iframe", "img", "picture", "video"];
48
+ function extractBackgroundImageUrl(style) {
49
+ const backgroundImage = style?.backgroundImage;
50
+ if (!backgroundImage?.startsWith("url(")) return void 0;
51
+ if (!['"', "'"].includes(backgroundImage[4])) return void 0;
52
+ return backgroundImage.slice(5, -2);
53
+ }
54
+ const MuiCardMedia = forwardRef((props, forwardedRef) => {
55
+ const $ = _c(1);
56
+ const [tagName, setTagName] = React.useState(void 0);
57
+ let t0;
58
+ if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
59
+ t0 = (element) => {
60
+ if (!element) {
61
+ return;
62
+ }
63
+ setTagName(element.tagName.toLowerCase());
64
+ };
65
+ $[0] = t0;
66
+ } else {
67
+ t0 = $[0];
68
+ }
69
+ const determineTagName = t0;
70
+ const isMediaComponent = MEDIA_COMPONENTS.includes(tagName ?? "");
71
+ const src = isMediaComponent ? extractBackgroundImageUrl(props.style) : void 0;
72
+ let t1;
73
+ bb0: {
74
+ if (!isMediaComponent) {
75
+ t1 = props.style;
76
+ break bb0;
77
+ }
78
+ const {
79
+ backgroundImage,
80
+ ...restStyle
81
+ } = props.style ?? {};
82
+ t1 = restStyle;
83
+ }
84
+ const style = t1;
85
+ let t2;
86
+ bb1: {
87
+ if (!isMediaComponent) {
88
+ t2 = props.role;
89
+ break bb1;
90
+ }
91
+ if (props.role === "img") {
92
+ t2 = void 0;
93
+ break bb1;
94
+ }
95
+ t2 = props.role;
96
+ }
97
+ const role = t2;
98
+ return jsx(Role.div, {
99
+ ...props,
100
+ ...src ? {
101
+ src
102
+ } : {},
103
+ role,
104
+ style,
105
+ ref: useMergedRefs(determineTagName, forwardedRef)
106
+ });
107
+ });
108
+ export {
109
+ MuiCard,
110
+ MuiCardActionArea,
111
+ MuiCardMedia
112
+ };