@stratakit/mui 0.4.1 → 0.5.0

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 (41) hide show
  1. package/CHANGELOG.md +79 -0
  2. package/dist/DEV/Root.js +43 -21
  3. package/dist/DEV/styles.css.js +1 -1
  4. package/dist/DEV/~components/MuiAccordion.js +36 -0
  5. package/dist/DEV/~components/MuiAlert.js +37 -0
  6. package/dist/DEV/~components/MuiAutocomplete.js +134 -11
  7. package/dist/DEV/~components/MuiBadge.js +22 -4
  8. package/dist/DEV/~components/MuiCard.js +52 -8
  9. package/dist/DEV/~components/MuiDivider.js +2 -1
  10. package/dist/DEV/~components/MuiMenu.js +22 -0
  11. package/dist/DEV/~components/MuiPopover.js +40 -0
  12. package/dist/DEV/~components/MuiTabs.js +43 -0
  13. package/dist/DEV/~components/MuiTypography.js +16 -13
  14. package/dist/DEV/~createTheme.js +146 -53
  15. package/dist/Root.internal.d.ts +1 -1
  16. package/dist/Root.js +13 -4
  17. package/dist/styles.css.js +1 -1
  18. package/dist/types.d.ts +137 -5
  19. package/dist/~components/MuiAccordion.d.ts +11 -0
  20. package/dist/~components/MuiAccordion.js +30 -0
  21. package/dist/~components/MuiAlert.d.ts +4 -0
  22. package/dist/~components/MuiAlert.js +38 -0
  23. package/dist/~components/MuiAutocomplete.d.ts +4 -1
  24. package/dist/~components/MuiAutocomplete.js +132 -12
  25. package/dist/~components/MuiBadge.d.ts +5 -3
  26. package/dist/~components/MuiBadge.js +22 -4
  27. package/dist/~components/MuiCard.d.ts +2 -1
  28. package/dist/~components/MuiCard.js +66 -11
  29. package/dist/~components/MuiChip.d.ts +1 -1
  30. package/dist/~components/MuiDivider.js +1 -1
  31. package/dist/~components/MuiMenu.d.ts +7 -0
  32. package/dist/~components/MuiMenu.js +25 -0
  33. package/dist/~components/MuiPopover.d.ts +10 -0
  34. package/dist/~components/MuiPopover.js +62 -0
  35. package/dist/~components/MuiTabs.d.ts +8 -0
  36. package/dist/~components/MuiTabs.js +33 -0
  37. package/dist/~components/MuiTypography.d.ts +17 -1
  38. package/dist/~components/MuiTypography.js +13 -12
  39. package/dist/~createTheme.d.ts +4 -1
  40. package/dist/~createTheme.js +153 -70
  41. package/package.json +9 -9
package/dist/styles.css.js CHANGED
@@ -1,5 +1,5 @@
1
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-16);line-height:1.5}:where(.MuiTypography-root):where(.MuiTypography-subtitle2){font-size:var(--stratakit-font-size-14);line-height:1.4286}.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-button-inset:calc(-1px + var(--stratakit-space-x1));column-gap:var(--stratakit-space-x1);padding-inline-start:var(--_MuiInput-padding-inline);padding-inline-end:calc((var(--stratakit-size-control-field-height-small)*2) + (var(--_MuiAutocomplete-button-inset)*2))}.MuiAutocomplete-inputRoot.MuiInputBase-root:where(:not(:has(.MuiAutocomplete-clearIndicator))){padding-inline-end:calc(var(--stratakit-size-control-field-height-small) + (var(--_MuiAutocomplete-button-inset)*2))}.MuiAutocomplete-input.MuiInputBase-input{padding-inline:0}.MuiAutocomplete-tag.MuiChip-root{margin-block:var(--stratakit-space-x05);margin-inline:0}.MuiAutocomplete-clearIndicator{visibility:visible}.MuiAutocomplete-endAdornment{inset-inline-end:var(--_MuiAutocomplete-button-inset)}.MuiAutocomplete-endAdornment>*{margin-inline-end:0}.MuiAutocomplete-listbox{padding:var(--stratakit-space-x1)}.MuiAutocomplete-option:where(.Mui-focusVisible){outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset)}.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);font-weight:600;container-type:inline-size}.MuiAvatar-root:where(:not([data-_sk-surplus])){text-transform:uppercase}.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}.MuiAvatarGroup-root{flex-direction:row}.MuiAvatarGroup-avatar{margin-inline:0}.🥝MuiAvatarGroupItem:where(:not(:nth-child(1 of .🥝MuiAvatarGroupItem))){margin-inline-start:var(--AvatarGroup-spacing)}.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);--_MuiButton-height:var(--stratakit-size-control-field-height-small);--_MuiButton-padding-block:var(--stratakit-space-x05);--_MuiButton-padding-inline:var(--stratakit-space-x2);line-height:1.3333}.MuiButton-root:where(.MuiButton-sizeMedium){font-size:var(--stratakit-font-size-14);--_MuiButton-height:var(--stratakit-size-control-field-height-medium);--_MuiButton-padding-block:var(--stratakit-space-x1);--_MuiButton-padding-inline:var(--stratakit-space-x3);line-height:1.4286}.MuiButton-root:where(.MuiButton-sizeLarge){font-size:var(--stratakit-font-size-16);--_MuiButton-height:var(--stratakit-size-control-field-height-large);--_MuiButton-padding-block:var(--stratakit-space-x2);--_MuiButton-padding-inline:var(--stratakit-space-x4);line-height:1.5}.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-contained):where(.MuiButton-colorPrimary,.MuiButton-colorError){--_MuiButton-icon-color:var(--stratakit-color-icon-neutral-emphasis)}.MuiButton-root:where(.MuiButton-outlined,.MuiButton-text):where(.MuiButton-colorPrimary){--_MuiButton-icon-color:var(--stratakit-color-icon-accent-strong);--variant-outlinedBorder:var(--stratakit-color-border-accent-base)}.MuiButton-root:where(.MuiButton-outlined,.MuiButton-text):where(.MuiButton-colorError){--_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-root:where(:has(+.MuiCardContent-root,+.MuiCardActions-root)){padding-block-end:0}.MuiCardHeader-title{font-size:var(--stratakit-font-size-20);font-weight:500;line-height:1.4}.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}:where(.MuiCardHeader-root)+.MuiCardContent-root{padding-block-start:var(--stratakit-space-x2)}.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;position:relative}:is(.MuiCheckbox-root,.MuiRadio-root)>input:after{content:"";background-color:var(--_MuiCheckbox-color);-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);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-filled.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)}:where(.MuiChip-root.MuiChip-sizeSmall) .MuiChip-label{font-size:var(--stratakit-font-size-12);line-height:1.3333}:where(.MuiChip-root.MuiChip-sizeMedium) .MuiChip-label{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)}:where(.MuiChip-root.MuiChip-sizeSmall) .MuiChip-deleteIcon.MuiIconButton-root{margin-inline-end:-1px}:where(.MuiChip-root.MuiChip-sizeMedium) .MuiChip-deleteIcon.MuiIconButton-root{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)}:where(.MuiChip-root.MuiChip-sizeSmall) .MuiChip-avatar{margin-inline-end:calc(var(--stratakit-space-x1)*-1)}:where(.MuiChip-root.MuiChip-sizeMedium) .MuiChip-avatar{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;font-size:var(--stratakit-font-size-12);margin:0;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);color:var(--_MuiIconButton-icon-color);min-block-size:var(--_MuiIconButton-size);min-inline-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-x05)}.MuiIconButton-root:where(.MuiIconButton-sizeMedium){--_MuiIconButton-size:var(--stratakit-size-control-field-height-medium);--_MuiIconButton-padding:var(--stratakit-space-x05)}.MuiIconButton-root:where(.MuiIconButton-sizeLarge){--_MuiIconButton-size:var(--stratakit-size-control-field-height-large);--_MuiIconButton-padding:var(--stratakit-space-x1)}.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);background-color:var(--stratakit-color-bg-control-textbox);font-size:var(--stratakit-font-size-14);--_MuiInput-block-size:var(--stratakit-size-control-field-height-medium);--_MuiInput-border-color:var(--stratakit-color-border-control-textbox);--_MuiInput-padding-inline:var(--stratakit-space-x3);border-radius:4px;padding:0;line-height:1.4286;transition:border-color .15s ease-out}@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);--_MuiInput-block-size:var(--stratakit-size-control-field-height-small);--_MuiInput-padding-inline:var(--stratakit-space-x2);line-height:1.3333}.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);align-content:center}.MuiInputBase-input:where(input,textarea)::placeholder{color:var(--stratakit-color-text-neutral-secondary);opacity:1;-webkit-user-select:none;user-select:none}:where(.MuiInputBase-root.MuiInputBase-multiline)>.MuiInputBase-input{align-content:baseline;padding-block:8.25px}:where(.MuiInputBase-root.MuiInputBase-adornedStart)>.MuiInputBase-input{padding-inline-start:0}:where(.MuiInputBase-root.MuiInputBase-adornedEnd)>.MuiInputBase-input{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);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}.MuiListItem-secondaryAction{inset-inline-end:var(--stratakit-space-x3)}.MuiMenu-paper{box-shadow:var(--stratakit-shadow-control-dropdown-base)}.MuiMenu-list{padding:var(--stratakit-space-x1)}.MuiMenu-list:where([role=menu]){min-inline-size:min(95vi,164px)}.MuiMenuItem-root{font-size:var(--stratakit-font-size-14);background-color:var(--_MuiMenuItem-background-color);border:1px solid var(--_MuiMenuItem-border-color,transparent);color:var(--_MuiMenuItem-color);column-gap:calc(var(--stratakit-space-x1) + var(--stratakit-space-x05));min-block-size:var(--_MuiMenuItem-height);padding-block:0;padding-inline:var(--stratakit-space-x2);--🥝Icon-color:var(--stratakit-color-icon-neutral-base);--_MuiMenuItem-background-color:transparent;--_MuiMenuItem-color:var(--stratakit-color-text-neutral-primary);--_MuiMenuItem-height:2rem;border-radius:4px;line-height:1.4286}:where(.MuiMenu-list.MuiList-dense) .MuiMenuItem-root{font-size:var(--stratakit-font-size-12);--_MuiMenuItem-height:var(--stratakit-size-control-listitem-height-small);line-height:1.3333}.MuiMenuItem-root:where([role=option]){--_MuiMenuItem-root-mask-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 16 16\"></svg>")}.MuiMenuItem-root:where([role=option]):before{content:"";aspect-ratio:1;block-size:var(--🥝Icon-size,1rem);inline-size:var(--🥝Icon-size,1rem);background-color:var(--🥝Icon-color);-webkit-mask-image:var(--_MuiMenuItem-root-mask-image);mask-image:var(--_MuiMenuItem-root-mask-image);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (any-hover:hover){.MuiMenuItem-root:where(:hover){--🥝Icon-color:var(--stratakit-color-icon-neutral-primary);--_MuiMenuItem-background-color:var(--stratakit-color-bg-glow-on-surface-neutral-hover)}}.MuiMenuItem-root:where(:active){--_MuiMenuItem-background-color:var(--stratakit-color-bg-glow-on-surface-neutral-pressed)}.MuiMenuItem-root:where(.Mui-focusVisible){outline-offset:calc(var(--🥝focus-outline-offset)*-1)}.MuiMenuItem-root:where(.Mui-selected,[aria-selected=true]){--🥝Icon-color:var(--stratakit-color-icon-accent-strong);--_MuiMenuItem-background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);--_MuiMenuItem-color:var(--stratakit-color-text-accent-strong);--_MuiMenuItem-root-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.607 4.191a.5.5 0 0 1 .787.617l-5.5 7a.503.503 0 0 1-.777.012l-2.5-3-.057-.084a.5.5 0 0 1 .752-.627l.072.07 2.105 2.526 5.118-6.514Z\"/></svg>")}.MuiMenuItem-root:where(.Mui-selected,[aria-selected=true]):where(:not(.Mui-disabled)){--_MuiMenuItem-border-color:var(--stratakit-color-border-accent-strong)}.MuiMenuItem-root:where(.Mui-disabled){--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled);--_MuiMenuItem-background-color:transparent;--_MuiMenuItem-color:var(--stratakit-color-text-neutral-disabled);opacity:1}:is(.MuiSelect-select,.MuiNativeSelect-select).MuiInputBase-input{align-items:center;gap:var(--stratakit-space-x2);padding-inline-end:calc((var(--_MuiInput-padding-inline) + var(--stratakit-space-x2) - 1px) + 1rem);display:flex}:is(.MuiSelect-icon,.MuiNativeSelect-icon){inset-block-start:50%;inset-inline-end:calc(var(--_MuiInput-padding-inline) - 1px);translate:0 -50%}.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{border-radius:0;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}.MuiSlider-markLabel{font-size:var(--stratakit-font-size-11);color:var(--stratakit-color-text-neutral-tertiary);-webkit-user-select:none;user-select:none;line-height:1.4545}.MuiSlider-markLabel:where(.MuiSlider-markLabelActive){color:var(--stratakit-color-text-neutral-secondary)}:where(.MuiSlider-root:not(.MuiSlider-vertical)) .MuiSlider-markLabel{inset-block-start:calc(var(--_MuiSlider-thumb-size) + var(--stratakit-space-x1))}:where(.MuiSlider-root.MuiSlider-vertical) .MuiSlider-markLabel{inset-inline-start:calc(var(--_MuiSlider-thumb-size) + var(--stratakit-space-x1))}:where(.MuiSlider-root.Mui-disabled) .MuiSlider-markLabel{color:var(--stratakit-color-text-neutral-disabled)}@media (prefers-reduced-motion:reduce){:is(.MuiSlider-track,.MuiSlider-thumb){transition:none}}.MuiSlider-valueLabel{font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.MuiSlider-valueLabel.MuiTooltip-tooltip{margin:0}:where(.MuiSlider-root:not(.MuiSlider-vertical)) .MuiSlider-valueLabel.MuiTooltip-tooltip{inset-block-start:calc((var(--stratakit-space-x1) + 1px)*-1)}:where(.MuiSlider-root.MuiSlider-vertical) .MuiSlider-valueLabel.MuiTooltip-tooltip{inset-inline-end:calc(var(--_MuiSlider-thumb-size) - 1px + var(--stratakit-space-x1))}.MuiSlider-valueLabel:before{display: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);font-size:var(--stratakit-font-size-12);border-radius:50%;place-items:center;line-height:1.3333;display:inline-grid}.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-border-radius:50.0%;--_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));--_MuiSwitch-thumb-position-pressed:translateX(calc(calc(var(--_MuiSwitch-height) - var(--_MuiSwitch-padding)*2)*.5));transition:none}@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(:has(.MuiSwitch-input:active):not(.Mui-disabled)){transform:var(--_MuiSwitch-thumb-position-pressed);--_MuiSwitch-thumb-stretch-transform:scaleX(2);--_MuiSwitch-thumb-border-radius:calc(50.0%/2)/50.0%}.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-position-pressed:translateX(calc(calc(calc(var(--_MuiSwitch-height) - var(--_MuiSwitch-padding)*2)*.5)*-1))}.MuiSwitch-thumb{aspect-ratio:inherit;background-color:var(--_MuiSwitch-thumb-background-color);box-shadow:var(--_MuiSwitch-thumb-box-shadow);border-radius:var(--_MuiSwitch-thumb-border-radius);block-size:100%;inline-size:100%;transform:var(--_MuiSwitch-thumb-stretch-transform);border:none}@media (prefers-reduced-motion:no-preference){.MuiSwitch-thumb{will-change:border-radius,transform;transition:border-radius .15s ease-out,transform .15s ease-out}}.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{--_MuiTableRow-bg:transparent;background-color:var(--_MuiTableRow-bg)}.MuiTableRow-root:where(.MuiTableRow-hover){--_MuiTableRow-bg--hover:var(--stratakit-color-bg-glow-on-surface-neutral-hover)}@media (any-hover:hover){.MuiTableRow-root:where(.MuiTableRow-hover):where(:hover){background-color:var(--_MuiTableRow-bg--hover)}}.MuiTableRow-root:where(.MuiTableRow-hover):where(:has(.MuiTableCell-paddingCheckbox)){cursor:pointer}.MuiTableRow-root:where(.Mui-selected){--_MuiTableRow-bg:var(--stratakit-color-bg-glow-on-surface-accent-pressed);--_MuiTableRow-bg--hover:var(--stratakit-color-bg-glow-on-surface-accent-active-hover)}.MuiTableCell-root:where(.MuiTableCell-sizeMedium){block-size:3rem;padding-block:var(--stratakit-space-x2);padding-inline-start:var(--stratakit-space-x4);padding-inline-end:var(--stratakit-space-x3)}.MuiTableCell-root:where(.MuiTableCell-paddingCheckbox){padding-inline:var(--stratakit-space-x4);text-align:center}.MuiTableCell-head{color:var(--stratakit-color-text-neutral-secondary);font-weight:unset}.MuiTableCell-body{--_MuiTableCell-border-color:var(--stratakit-color-border-neutral-muted);border-color:var(--_MuiTableCell-border-color)}:where(.MuiTableRow-root.Mui-selected) .MuiTableCell-body{--_MuiTableCell-border-color:var(--stratakit-color-border-accent-strong);position:relative}:where(.MuiTableRow-root.Mui-selected) .MuiTableCell-body:before{content:"";pointer-events:none;border-block-start:1px solid var(--_MuiTableCell-border-color);position:absolute;inset:0;inset-block-start:-1px}.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:where(:not(.MuiToggleButtonGroup-grouped)){border-color:#0000}.MuiToggleButton-root:where(.MuiToggleButtonGroup-grouped){border-radius:revert-layer}.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)}.MuiToggleButton-root:where(.Mui-disabled){color:var(--stratakit-color-text-neutral-disabled);--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled)}:where(.MuiToggleButton-root.MuiIconButton-root:where(.MuiToggleButtonGroup-grouped.Mui-selected))+.MuiToggleButton-root.MuiIconButton-root:where(.MuiToggleButtonGroup-grouped.Mui-selected){min-inline-size:calc(var(--_MuiIconButton-size) - 1px)}.MuiTooltip-tooltip{font-size:var(--stratakit-font-size-12);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;background-color:var(--stratakit-color-bg-elevation-emphasis);box-shadow:var(--stratakit-shadow-control-tooltip-base);color:var(--stratakit-color-text-neutral-emphasis);padding-block:calc(var(--stratakit-space-x1) - 1px);padding-inline:calc(var(--stratakit-space-x2) - 1px);min-block-size:1rem;max-inline-size:12.25rem;margin:var(--stratakit-space-x05);isolation:isolate;border:1px solid #0000;border-radius:4px;line-height:1.3333}.MuiTooltip-tooltip:before{content:"";inset:calc(var(--stratakit-space-x05)*-1);z-index:-1;position:absolute}.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)}}@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}.MuiAutocomplete-paper,.MuiAvatar-root{border:1px solid}:where(.MuiBadge-root[data-_sk-inline]) .MuiBadge-badge{border:1px solid}:where(.MuiBadge-root:not([data-_sk-inline])) .MuiBadge-badge{forced-color-adjust:none;color:highlighttext;background-color:highlight}.MuiBottomNavigation-root{border-block-start:1px solid}.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){--_MuiButton-icon-color:currentColor;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}:where(.MuiDrawer-anchorTop)>.MuiDrawer-paper{border-block-end:1px solid}:where(.MuiDrawer-anchorRight)>.MuiDrawer-paper{border-inline-start:1px solid}:where(.MuiDrawer-anchorBottom)>.MuiDrawer-paper{border-block-start:1px solid}:where(.MuiDrawer-anchorLeft)>.MuiDrawer-paper{border-inline-end: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}.MuiInputBase-root:where(.Mui-disabled){border-color:graytext}.MuiLinearProgress-root{border:1px solid}.MuiLinearProgress-bar{background-color:canvastext}.MuiListItemIcon-root{color:inherit}.MuiMenuItem-root{border-color:canvas}.MuiMenuItem-root:where(.Mui-selected:not(.Mui-disabled)){forced-color-adjust:none;color:selecteditemtext;--🥝Icon-color:SelectedItemText;background-color:selecteditem;border-color:selecteditemtext}.MuiMenuItem-root:where(.Mui-disabled){color:graytext;--🥝Icon-color:GrayText}.MuiMenu-paper{border:1px solid canvastext}.MuiPaginationItem-root:where(.Mui-selected){color:selecteditemtext;forced-color-adjust:none;background-color:selecteditem;border-color:selecteditemtext}.MuiPopover-paper{border:1px solid}.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-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}:where(.MuiSlider-root.Mui-disabled) .MuiSlider-markLabel{color:graytext}.MuiSnackbarContent-root{border:1px solid}.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}.MuiTabs-indicator{background-color:canvastext}.MuiToggleButton-root:where(.Mui-selected){forced-color-adjust:none;color:selecteditemtext;background-color:selecteditem}}}@layer mui{:focus-visible:not(#a#b){outline:revert-layer}}`;
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-20);line-height:1.4}:where(.MuiTypography-root):where(.MuiTypography-h2){font-size:var(--stratakit-font-size-18);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-h3){font-size:var(--stratakit-font-size-16);line-height:1.5}:where(.MuiTypography-root):where(.MuiTypography-h4){font-size:var(--stratakit-font-size-14);line-height:1.4286}:where(.MuiTypography-root):where(.MuiTypography-h5),:where(.MuiTypography-root):where(.MuiTypography-h6),:where(.MuiTypography-root):where(.MuiTypography-caption),:where(.MuiTypography-root):where(.MuiTypography-overline){font-size:var(--stratakit-font-size-12);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-subtitle1){font-size:var(--stratakit-font-size-16);line-height:1.5}:where(.MuiTypography-root):where(.MuiTypography-subtitle2){font-size:var(--stratakit-font-size-14);line-height:1.4286}:where(.MuiTypography-root):where(.MuiTypography-display-lg){font-size:var(--stratakit-font-size-64);line-height:1.1875}:where(.MuiTypography-root):where(.MuiTypography-display-md){font-size:var(--stratakit-font-size-48);line-height:1.1667}:where(.MuiTypography-root):where(.MuiTypography-display-sm){font-size:var(--stratakit-font-size-32);line-height:1.25}:where(.MuiTypography-root):where(.MuiTypography-headline-lg){font-size:var(--stratakit-font-size-24);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-headline-md){font-size:var(--stratakit-font-size-20);line-height:1.4}:where(.MuiTypography-root):where(.MuiTypography-headline-sm){font-size:var(--stratakit-font-size-18);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-body-lg){font-size:var(--stratakit-font-size-16);line-height:1.5}:where(.MuiTypography-root):where(.MuiTypography-body-md){font-size:var(--stratakit-font-size-14);line-height:1.4286}:where(.MuiTypography-root):where(.MuiTypography-body-sm){font-size:var(--stratakit-font-size-12);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-subtitle-lg){font-size:var(--stratakit-font-size-16);line-height:1.5}:where(.MuiTypography-root):where(.MuiTypography-subtitle-md){font-size:var(--stratakit-font-size-14);line-height:1.4286}:where(.MuiTypography-root):where(.MuiTypography-subtitle-sm),:where(.MuiTypography-root):where(.MuiTypography-caption-lg){font-size:var(--stratakit-font-size-12);line-height:1.3333}:where(.MuiTypography-root):where(.MuiTypography-caption-md){font-size:var(--stratakit-font-size-11);line-height:1.429}:where(.MuiTypography-root):where(.MuiTypography-caption-sm){font-size:var(--stratakit-font-size-10);line-height:1.4}:where(.MuiTypography-root):where(.MuiTypography-mono-sm){font-family:var(--stratakit-font-family-mono);font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiAccordion-root{--_MuiAccordion-border-radius-top:0;--_MuiAccordion-border-radius-bottom:0;--_MuiAccordion-padding:var(--stratakit-space-x3);--_MuiAccordion-column-gap:var(--stratakit-space-x3);border-color:var(--stratakit-color-border-neutral-muted);overflow-anchor:none;background-color:#0000;border-start-start-radius:var(--_MuiAccordion-border-radius-top);border-start-end-radius:var(--_MuiAccordion-border-radius-top);border-end-end-radius:var(--_MuiAccordion-border-radius-bottom);border-end-start-radius:var(--_MuiAccordion-border-radius-bottom)}@container (inline-size<500px){.MuiAccordion-root:where(:has(.MuiAccordionSummary-root:not([data-_sk-marker-placement=start]))){--_MuiAccordion-details-indent:var(--_MuiAccordion-padding);--_MuiAccordion-expand-icon-order:0}}.MuiAccordion-root:where(:has(.MuiAccordionSummary-root[data-_sk-marker-placement=end])){--_MuiAccordion-details-indent:var(--_MuiAccordion-padding);--_MuiAccordion-expand-icon-order:0}.MuiAccordion-root:where(.MuiPaper-rounded):where(:nth-child(1 of .MuiAccordion-root:where(.MuiPaper-rounded))){--_MuiAccordion-border-radius-top:8px}.MuiAccordion-root:where(.MuiPaper-rounded):where(:nth-last-child(1 of .MuiAccordion-root:where(.MuiPaper-rounded))){--_MuiAccordion-border-radius-bottom:8px}.MuiAccordion-root:where(:not(:nth-child(1 of .MuiAccordion-root))):where(.MuiPaper-elevation){border-block-start-style:solid;border-block-start-width:1px}.MuiAccordion-root:where(:not(:nth-child(1 of .MuiAccordion-root))):where(.MuiPaper-outlined){border-block-start-width:0}.MuiAccordion-root:where(.Mui-disabled){border-color:var(--stratakit-color-border-glow-on-surface-disabled)}.MuiAccordionSummary-root{--_MuiAccordion-expand-icon-color:var(--stratakit-color-icon-neutral-base);column-gap:var(--_MuiAccordion-column-gap);min-block-size:var(--stratakit-size-control-listitem-height-large);background-color:#0000;border-start-start-radius:calc(var(--_MuiAccordion-border-radius-top) - 1px);border-start-end-radius:calc(var(--_MuiAccordion-border-radius-top) - 1px);border-end-end-radius:calc(var(--_MuiAccordion-border-radius-bottom) - 1px);border-end-start-radius:calc(var(--_MuiAccordion-border-radius-bottom) - 1px);padding-inline-start:var(--_MuiAccordion-padding);padding-inline-end:var(--_MuiAccordion-padding)}:where(.MuiAccordion-root.MuiPaper-elevation) .MuiAccordionSummary-root{--🥝focus-outline-offset:-2px}:where(.MuiAccordion-root.MuiPaper-outlined) .MuiAccordionSummary-root{--🥝focus-outline-offset:-1px}.MuiAccordionSummary-root:where(.Mui-expanded){--_MuiAccordion-border-radius-bottom:0}@media (any-hover:hover){.MuiAccordionSummary-root:where(:hover:not(.Mui-disabled)){background-color:var(--stratakit-color-bg-glow-on-surface-neutral-hover);--_MuiAccordion-expand-icon-color:var(--stratakit-color-icon-neutral-hover)}}.MuiAccordionSummary-root:where(.Mui-disabled){--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled);color:var(--stratakit-color-text-neutral-disabled);opacity:1}.MuiAccordionSummary-content{align-items:center;column-gap:var(--stratakit-space-x2);margin-block-start:var(--stratakit-space-x1);margin-block-end:var(--stratakit-space-x1);font-weight:500}.MuiAccordionSummary-expandIconWrapper{color:var(--_MuiAccordion-expand-icon-color);order:var(--_MuiAccordion-expand-icon-order,-1)}@supports (rotate:if(else: -0.5turn)){.MuiAccordionSummary-expandIconWrapper{transition:rotate .15s ease-in-out;transform:none}:where(.MuiAccordion-root.Mui-expanded) .MuiAccordionSummary-expandIconWrapper{rotate:if(style(--_MuiAccordion-expand-icon-order: 0): .5turn; else: -.5turn)}}@media (prefers-reduced-motion:reduce){.MuiAccordionSummary-expandIconWrapper{transition:none}}.MuiAccordionDetails-root{color:var(--stratakit-color-text-neutral-secondary);padding:var(--_MuiAccordion-padding);padding-inline-start:var(--_MuiAccordion-details-indent,calc(var(--_MuiAccordion-padding) + var(--🥝Icon-size,1rem) + var(--_MuiAccordion-column-gap)))}@media (prefers-reduced-motion:reduce){.MuiCollapse-root{transition:none}}.MuiAlert-root{border:1px solid var(--stratakit-color-border-neutral-base);padding-block-start:var(--stratakit-space-x3);padding-block-end:var(--stratakit-space-x3)}.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{font-size:inherit;opacity:1;block-size:1lh;flex-shrink:0;align-self:start;align-items:center;margin-inline-end:var(--stratakit-space-x2);padding:0}.MuiAlert-icon:where(:empty){display:none}: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)}.MuiAlert-message{padding:0}.MuiAlertTitle-root{margin:0;margin-block-end:var(--stratakit-space-x1)}.MuiAutocomplete-inputRoot.MuiInputBase-root{--_MuiAutocomplete-button-inset:calc(-1px + var(--stratakit-space-x1));column-gap:var(--stratakit-space-x1);padding-inline-start:var(--_MuiInput-padding-inline);padding-inline-end:calc((var(--stratakit-size-control-field-height-small)*2) + (var(--_MuiAutocomplete-button-inset)*2))}.MuiAutocomplete-inputRoot.MuiInputBase-root:where(:not(:has(.MuiAutocomplete-clearIndicator))){padding-inline-end:calc(var(--stratakit-size-control-field-height-small) + (var(--_MuiAutocomplete-button-inset)*2))}.MuiAutocomplete-input.MuiInputBase-input{order:2;padding-inline:0}.MuiAutocomplete-tag.MuiChip-root{order:1;margin-block-start:var(--stratakit-space-x05);margin-block-end:var(--stratakit-space-x05);margin-inline:0}.MuiAutocomplete-clearIndicator{visibility:visible}.MuiAutocomplete-endAdornment{display:flex;inset-inline-end:var(--_MuiAutocomplete-button-inset)}.MuiAutocomplete-endAdornment>*{margin-inline-end:0}.MuiAutocomplete-listbox{padding:var(--stratakit-space-x1)}.MuiAutocomplete-option:where(.Mui-focusVisible){outline:var(--🥝focus-outline);outline-offset:var(--🥝focus-outline-offset)}.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);font-weight:600;container-type:inline-size}.MuiAvatar-root:where(:not([data-_sk-surplus])){text-transform:uppercase}.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}.MuiAvatarGroup-root{flex-direction:row}.MuiAvatarGroup-avatar{border:none;margin-inline:0}.🥝MuiAvatarGroupItem:where(:not(:nth-child(1 of .🥝MuiAvatarGroupItem))){margin-inline-start:var(--AvatarGroup-spacing)}.🥝MuiAvatarGroupItem:where(:not(:nth-last-child(1 of .🥝MuiAvatarGroupItem))){-webkit-mask:radial-gradient(50% 50% at calc(150% + var(--AvatarGroup-spacing) - var(--stratakit-space-x1)),#0000 98%,#000 100%);mask:radial-gradient(50% 50% at calc(150% + var(--AvatarGroup-spacing) - var(--stratakit-space-x1)),#0000 98%,#000 100%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:calc(100.0% + var(--stratakit-space-x1))calc(100.0% + var(--stratakit-space-x1));mask-size:calc(100.0% + var(--stratakit-space-x1))calc(100.0% + var(--stratakit-space-x1))}.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-start:var(--_MuiButton-padding-block);padding-block-end:var(--_MuiButton-padding-block);padding-inline-start:var(--_MuiButton-padding-inline);padding-inline-end:var(--_MuiButton-padding-inline)}.MuiButton-root:where(.MuiButton-sizeSmall){font-size:var(--stratakit-font-size-12);--_MuiButton-height:var(--stratakit-size-control-field-height-small);--_MuiButton-padding-block:var(--stratakit-space-x05);--_MuiButton-padding-inline:var(--stratakit-space-x2);line-height:1.3333}.MuiButton-root:where(.MuiButton-sizeMedium){font-size:var(--stratakit-font-size-14);--_MuiButton-height:var(--stratakit-size-control-field-height-medium);--_MuiButton-padding-block:var(--stratakit-space-x1);--_MuiButton-padding-inline:var(--stratakit-space-x3);line-height:1.4286}.MuiButton-root:where(.MuiButton-sizeLarge){font-size:var(--stratakit-font-size-16);--_MuiButton-height:var(--stratakit-size-control-field-height-large);--_MuiButton-padding-block:var(--stratakit-space-x2);--_MuiButton-padding-inline:var(--stratakit-space-x4);line-height:1.5}.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-contained):where(.MuiButton-colorPrimary,.MuiButton-colorError){--_MuiButton-icon-color:var(--stratakit-color-icon-neutral-emphasis)}.MuiButton-root:where(.MuiButton-outlined,.MuiButton-text):where(.MuiButton-colorPrimary){--_MuiButton-icon-color:var(--stratakit-color-icon-accent-strong);--variant-outlinedBorder:var(--stratakit-color-border-accent-base)}.MuiButton-root:where(.MuiButton-outlined,.MuiButton-text):where(.MuiButton-colorError){--_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-root:where(:has(+.MuiCardContent-root,+.MuiCardActions-root)){padding-block-end:0}.MuiCardHeader-title{font-size:var(--stratakit-font-size-18);font-weight:500;line-height:1.3333}.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{color:var(--stratakit-color-text-neutral-secondary)}.MuiCardContent-root:where(:has(+.MuiCardActions-root)){padding-block-end:0}:where(.MuiCardHeader-root)+.MuiCardContent-root{padding-block-start:var(--stratakit-space-x2)}.MuiCardActionArea-root{background-color:unset;-webkit-user-select:auto;user-select:auto}.MuiCardActionArea-root:where(.Mui-focusVisible){outline:none!important}.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;position:relative}:is(.MuiCheckbox-root,.MuiRadio-root)>input:after{content:"";background-color:var(--_MuiCheckbox-color);-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);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{background-color:var(--_MuiChip-background-color);block-size:var(--_MuiChip-block-size);border:1px solid var(--_MuiChip-border-color);color:var(--_MuiChip-text-color);--_MuiChip-border-color:var(--stratakit-color-border-neutral-base);--_MuiChip-text-color:var(--stratakit-color-text-neutral-primary)}.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-filled){--_MuiChip-background-color:var(--stratakit-color-bg-neutral-base)}.MuiChip-root:where(.MuiChip-outlined){--_MuiChip-background-color:transparent}.MuiChip-root:where(.MuiChip-clickable){transition:background-color .15s ease-out}@media (any-hover:hover){.MuiChip-root:where(.MuiChip-clickable):where(:not(.Mui-disabled):hover){background-color:color-mix(in oklch,var(--_MuiChip-background-color)100%,var(--stratakit-color-glow-hue)var(--stratakit-color-bg-glow-base-hover-\%))}}.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-root:where(.Mui-disabled){cursor:not-allowed;opacity:1;pointer-events:auto;--_MuiChip-border-color:var(--stratakit-color-border-glow-on-surface-disabled);--_MuiChip-text-color:var(--stratakit-color-text-neutral-disabled)}.MuiChip-root:where(.Mui-disabled):where(.MuiChip-filled){--_MuiChip-background-color:var(--stratakit-color-bg-glow-on-surface-disabled)}.MuiChip-label{padding-inline-start:var(--_MuiChip-padding-inline);padding-inline-end:var(--_MuiChip-padding-inline)}:where(.MuiChip-root.MuiChip-sizeSmall) .MuiChip-label{font-size:var(--stratakit-font-size-12);line-height:1.3333}:where(.MuiChip-root.MuiChip-sizeMedium) .MuiChip-label{font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiChip-label:where(button){cursor:inherit;outline:unset!important}.MuiChip-deleteIcon.MuiIconButton-root{border-radius:inherit;margin-inline-start:calc(var(--stratakit-space-x2)*-1)}:where(.MuiChip-root.MuiChip-sizeSmall) .MuiChip-deleteIcon.MuiIconButton-root{margin-inline-end:-1px}:where(.MuiChip-root.MuiChip-sizeMedium) .MuiChip-deleteIcon.MuiIconButton-root{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)}:where(.MuiChip-root.MuiChip-sizeSmall) .MuiChip-avatar{margin-inline-end:calc(var(--stratakit-space-x1)*-1)}:where(.MuiChip-root.MuiChip-sizeMedium) .MuiChip-avatar{margin-inline-end:calc(var(--stratakit-space-x2)*-1)}.MuiDialog-paper{min-block-size:min(calc(100% - var(--stratakit-space-x4)),100px);min-inline-size:min(calc(100% - var(--stratakit-space-x4)),100%,296px)}.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-start:var(--stratakit-space-x4);padding-block-end:var(--stratakit-space-x4);padding-inline-start:var(--stratakit-space-x5);padding-inline-end:var(--stratakit-space-x5)}.MuiFormControl-root{row-gap:var(--stratakit-space-x1)}.MuiFormControlLabel-root{gap:var(--stratakit-space-x1);margin-inline:0}.MuiFormControlLabel-root:where(.MuiFormControlLabel-labelPlacementTop,.MuiFormControlLabel-labelPlacementBottom){align-items:start}.MuiFormControlLabel-root:where(.Mui-disabled){cursor:not-allowed}.MuiFormControlLabel-label{font-size:var(--stratakit-font-size-14);line-height:1.4286}.MuiFormLabel-root:where(legend){margin-block-end:var(--stratakit-space-x1)}.MuiFormGroup-root{row-gap:var(--stratakit-space-x1);column-gap:var(--stratakit-space-x2)}.MuiFormHelperText-root{inline-size:fit-content;font-size:var(--stratakit-font-size-12);margin:0;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;inline-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);line-height:1.4286;position:relative;transform:none}.MuiFormLabel-root:where(.MuiInputLabel-root.MuiInputLabel-sizeSmall){font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiFormLabel-root:where(.Mui-disabled){color:var(--stratakit-color-text-neutral-disabled)}.MuiIconButton-root{--_MuiIconButton-icon-color:var(--stratakit-color-icon-neutral-base);color:var(--_MuiIconButton-icon-color);min-block-size:var(--_MuiIconButton-size);min-inline-size:var(--_MuiIconButton-size);padding:var(--_MuiIconButton-padding);border-radius:4px}.MuiIconButton-root:where(.MuiIconButton-edgeStart){margin-inline-start:calc(var(--_MuiIconButton-margin-negative)*-1)}.MuiIconButton-root:where(.MuiIconButton-edgeEnd){margin-inline-end:calc(var(--_MuiIconButton-margin-negative)*-1)}@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-x05);--_MuiIconButton-margin-negative:var(--stratakit-space-x1)}.MuiIconButton-root:where(.MuiIconButton-sizeMedium){--_MuiIconButton-size:var(--stratakit-size-control-field-height-medium);--_MuiIconButton-padding:var(--stratakit-space-x05);--_MuiIconButton-margin-negative:var(--stratakit-space-x2)}.MuiIconButton-root:where(.MuiIconButton-sizeLarge){--_MuiIconButton-size:var(--stratakit-size-control-field-height-large);--_MuiIconButton-padding:var(--stratakit-space-x1);--_MuiIconButton-margin-negative: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);background-color:var(--stratakit-color-bg-control-textbox);font-size:var(--stratakit-font-size-14);--_MuiInput-block-size:var(--stratakit-size-control-field-height-medium);--_MuiInput-border-color:var(--stratakit-color-border-control-textbox);--_MuiInput-padding-inline:var(--stratakit-space-x3);border-radius:4px;padding:0;line-height:1.4286;transition:border-color .15s ease-out}@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);--_MuiInput-block-size:var(--stratakit-size-control-field-height-small);--_MuiInput-padding-inline:var(--stratakit-space-x2);line-height:1.3333}.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);align-content:center;padding-block:0;padding-inline-start:var(--_MuiInput-padding-inline);padding-inline-end:var(--_MuiInput-padding-inline)}.MuiInputBase-input:where(input,textarea)::placeholder{color:var(--stratakit-color-text-neutral-secondary);opacity:1;-webkit-user-select:none;user-select:none}:where(.MuiInputBase-root.MuiInputBase-multiline)>.MuiInputBase-input{align-content:baseline;padding-block:8.25px}:where(.MuiInputBase-root.MuiInputBase-adornedStart)>.MuiInputBase-input{padding-inline-start:0}:where(.MuiInputBase-root.MuiInputBase-adornedEnd)>.MuiInputBase-input{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)}.MuiLink-root{text-underline-offset:var(--stratakit-space-x05);font-weight:500;text-decoration-line:underline;text-decoration-color:currentColor;transition:text-underline-offset .15s ease-out}.MuiLink-root:where(a:not(:any-link)){text-decoration-line:none}.MuiLink-root:where(:hover,:focus-visible){text-underline-offset:var(--stratakit-space-x1)}.MuiList-root:where(.MuiList-padding){padding-block-start:var(--stratakit-space-x1);padding-block-end: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);align-content:center;gap:var(--stratakit-space-x2);border-block:1px solid #0000;margin-block-end:-1px;padding-block-start:var(--stratakit-space-x1);padding-block-end:var(--stratakit-space-x1);padding-inline-start:var(--stratakit-space-x3);padding-inline-end:var(--stratakit-space-x3)}: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);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}.MuiListItem-secondaryAction{inset-inline-end:var(--stratakit-space-x3)}.MuiMenu-paper{box-shadow:var(--stratakit-shadow-control-dropdown-base)}.MuiMenu-list{padding:var(--stratakit-space-x1)}.MuiMenu-list:where([role=menu]){min-inline-size:min(95vi,164px)}.MuiMenuItem-root{font-size:var(--stratakit-font-size-14);background-color:var(--_MuiMenuItem-background-color);border:1px solid var(--_MuiMenuItem-border-color,transparent);color:var(--_MuiMenuItem-color);column-gap:calc(var(--stratakit-space-x1) + var(--stratakit-space-x05));min-block-size:var(--_MuiMenuItem-height);--🥝Icon-color:var(--stratakit-color-icon-neutral-base);--_MuiMenuItem-background-color:transparent;--_MuiMenuItem-color:var(--stratakit-color-text-neutral-primary);--_MuiMenuItem-height:2rem;border-radius:4px;padding-block:0;padding-inline-start:var(--stratakit-space-x2);padding-inline-end:var(--stratakit-space-x2);line-height:1.4286}:where(.MuiMenu-list.MuiList-dense) .MuiMenuItem-root,.MuiMenuItem-root:where([data-_sk-dense]){font-size:var(--stratakit-font-size-12);--_MuiMenuItem-height:var(--stratakit-size-control-listitem-height-small);line-height:1.3333}.MuiMenuItem-root:where([role=option],[role=menuitemradio],[role=menuitemcheckbox]){--_MuiMenuItem-root-mask-image:url("data:image/svg+xml;utf8,<svg viewBox=\"0 0 16 16\"></svg>")}.MuiMenuItem-root:where([role=option],[role=menuitemradio],[role=menuitemcheckbox]):before{content:"";aspect-ratio:1;block-size:var(--🥝Icon-size,1rem);inline-size:var(--🥝Icon-size,1rem);background-color:var(--🥝Icon-color);-webkit-mask-image:var(--_MuiMenuItem-root-mask-image);mask-image:var(--_MuiMenuItem-root-mask-image);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (any-hover:hover){.MuiMenuItem-root:where(:hover){--🥝Icon-color:var(--stratakit-color-icon-neutral-primary);--_MuiMenuItem-background-color:var(--stratakit-color-bg-glow-on-surface-neutral-hover)}}.MuiMenuItem-root:where(:active){--_MuiMenuItem-background-color:var(--stratakit-color-bg-glow-on-surface-neutral-pressed)}.MuiMenuItem-root:where(.Mui-focusVisible){outline-offset:calc(var(--🥝focus-outline-offset)*-1)}.MuiMenuItem-root:where(.Mui-selected,[aria-selected=true],[aria-checked=true]){--🥝Icon-color:var(--stratakit-color-icon-accent-strong);--_MuiMenuItem-background-color:var(--stratakit-color-bg-glow-on-surface-accent-pressed);--_MuiMenuItem-color:var(--stratakit-color-text-accent-strong);--_MuiMenuItem-root-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.607 4.191a.5.5 0 0 1 .787.617l-5.5 7a.503.503 0 0 1-.777.012l-2.5-3-.057-.084a.5.5 0 0 1 .752-.627l.072.07 2.105 2.526 5.118-6.514Z\"/></svg>")}@media (any-hover:hover){.MuiMenuItem-root:where(.Mui-selected,[aria-selected=true],[aria-checked=true]):where(:hover){--_MuiMenuItem-background-color:var(--stratakit-color-bg-glow-on-surface-accent-active-hover)}}.MuiMenuItem-root:where(.Mui-selected,[aria-selected=true],[aria-checked=true]):where(:not(.Mui-disabled)){--_MuiMenuItem-border-color:var(--stratakit-color-border-accent-strong)}.MuiMenuItem-root:where(.Mui-disabled){--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled);--_MuiMenuItem-background-color:transparent;--_MuiMenuItem-color:var(--stratakit-color-text-neutral-disabled);opacity:1}.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)}.MuiPaginationItem-root:where(.Mui-disabled){color:var(--stratakit-color-text-neutral-disabled);opacity:1}.MuiPaginationItem-root:where(.Mui-disabled):where(.Mui-selected){background-color:var(--stratakit-color-bg-glow-on-surface-disabled);border-color:var(--stratakit-color-border-glow-on-surface-disabled)}:is(.MuiSelect-select,.MuiNativeSelect-select).MuiInputBase-input{align-items:center;gap:var(--stratakit-space-x2);padding-inline-end:calc((var(--_MuiInput-padding-inline) + var(--stratakit-space-x2) - 1px) + 1rem);display:flex}:is(.MuiSelect-icon,.MuiNativeSelect-icon){inset-block-start:50%;inset-inline-end:calc(var(--_MuiInput-padding-inline) - 1px);translate:0 -50%}.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:where(:has(.MuiSlider-thumb.Mui-active)){cursor:grabbing}.MuiSlider-root:where(:has(.MuiSlider-thumb:is(.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{border-radius:0;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}.MuiSlider-markLabel{font-size:var(--stratakit-font-size-11);color:var(--stratakit-color-text-neutral-tertiary);-webkit-user-select:none;user-select:none;line-height:1.429}.MuiSlider-markLabel:where(.MuiSlider-markLabelActive){color:var(--stratakit-color-text-neutral-secondary)}:where(.MuiSlider-root:not(.MuiSlider-vertical)) .MuiSlider-markLabel{inset-block-start:calc(var(--_MuiSlider-thumb-size) + var(--stratakit-space-x1))}:where(.MuiSlider-root.MuiSlider-vertical) .MuiSlider-markLabel{inset-inline-start:calc(var(--_MuiSlider-thumb-size) + var(--stratakit-space-x1))}:where(.MuiSlider-root.Mui-disabled) .MuiSlider-markLabel{color:var(--stratakit-color-text-neutral-disabled)}@media (prefers-reduced-motion:reduce){:is(.MuiSlider-track,.MuiSlider-thumb){transition:none}}.MuiSlider-valueLabel{font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.MuiSlider-valueLabel.MuiTooltip-tooltip{margin:0}:where(.MuiSlider-root:not(.MuiSlider-vertical)) .MuiSlider-valueLabel.MuiTooltip-tooltip{inset-block-start:calc((var(--stratakit-space-x1) + 1px)*-1)}:where(.MuiSlider-root.MuiSlider-vertical) .MuiSlider-valueLabel.MuiTooltip-tooltip{inset-inline-end:calc(var(--_MuiSlider-thumb-size) - 1px + var(--stratakit-space-x1))}.MuiSlider-valueLabel:before{display: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;inline-size:1.5rem;color:var(--stratakit-color-text-neutral-primary);font-size:var(--stratakit-font-size-12);border-radius:50%;place-items:center;line-height:1.3333;display:inline-grid}.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);inline-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-border-radius:50.0%;--_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));--_MuiSwitch-thumb-position-pressed:translateX(calc(calc(var(--_MuiSwitch-height) - var(--_MuiSwitch-padding)*2)*.5));transition:none}@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(:has(.MuiSwitch-input:active):not(.Mui-disabled)){transform:var(--_MuiSwitch-thumb-position-pressed);--_MuiSwitch-thumb-stretch-transform:scaleX(2);--_MuiSwitch-thumb-border-radius:calc(50.0%/2)/50.0%}.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-position-pressed:translateX(calc(calc(calc(var(--_MuiSwitch-height) - var(--_MuiSwitch-padding)*2)*.5)*-1))}.MuiSwitch-thumb{aspect-ratio:inherit;background-color:var(--_MuiSwitch-thumb-background-color);box-shadow:var(--_MuiSwitch-thumb-box-shadow);border-radius:var(--_MuiSwitch-thumb-border-radius);block-size:100%;inline-size:100%;transform:var(--_MuiSwitch-thumb-stretch-transform);border:none}@media (prefers-reduced-motion:no-preference){.MuiSwitch-thumb{will-change:border-radius,transform;transition:border-radius .15s ease-out,transform .15s ease-out}}.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{--_MuiTableRow-bg:transparent;background-color:var(--_MuiTableRow-bg)}.MuiTableRow-root:where(.MuiTableRow-hover){--_MuiTableRow-bg--hover:var(--stratakit-color-bg-glow-on-surface-neutral-hover)}@media (any-hover:hover){.MuiTableRow-root:where(.MuiTableRow-hover):where(:hover){background-color:var(--_MuiTableRow-bg--hover)}}.MuiTableRow-root:where(.MuiTableRow-hover):where(:has(.MuiTableCell-paddingCheckbox)){cursor:pointer}.MuiTableRow-root:where(.Mui-selected){--_MuiTableRow-bg:var(--stratakit-color-bg-glow-on-surface-accent-pressed);--_MuiTableRow-bg--hover:var(--stratakit-color-bg-glow-on-surface-accent-active-hover)}.MuiTableCell-root:where(.MuiTableCell-sizeMedium){block-size:3rem;padding-block-start:var(--stratakit-space-x2);padding-block-end:var(--stratakit-space-x2);padding-inline-start:var(--stratakit-space-x4);padding-inline-end:var(--stratakit-space-x3)}.MuiTableCell-root:where(.MuiTableCell-paddingCheckbox){text-align:center;padding-inline-start:var(--stratakit-space-x4);padding-inline-end:var(--stratakit-space-x4)}.MuiTableCell-head{color:var(--stratakit-color-text-neutral-secondary);font-weight:unset}.MuiTableCell-body{--_MuiTableCell-border-color:var(--stratakit-color-border-neutral-muted);border-color:var(--_MuiTableCell-border-color)}:where(.MuiTableRow-root.Mui-selected) .MuiTableCell-body{--_MuiTableCell-border-color:var(--stratakit-color-border-accent-strong);position:relative}:where(.MuiTableRow-root.Mui-selected) .MuiTableCell-body:before{content:"";pointer-events:none;border-block-start:1px solid var(--_MuiTableCell-border-color);position:absolute;inset:0;inset-block-start:-1px}.MuiTabs-root{--_MuiTabs-indicator-gap:var(--stratakit-space-x2);--_MuiTab-height:var(--stratakit-size-control-field-height-medium);--_MuiTab-max-width:70ch;--_MuiTab-padding-block:var(--stratakit-space-x1);--_MuiTab-padding-inline:var(--stratakit-space-x3);--_MuiTab-scroll-button-size:var(--stratakit-size-control-field-height-small);isolation:isolate;min-block-size:unset;position:relative}.MuiTabs-root:where([data-_sk-size=small]){--_MuiTab-height:var(--stratakit-size-control-field-height-small);--_MuiTab-padding-block:var(--stratakit-space-x05);--_MuiTab-padding-inline:var(--stratakit-space-x2)}@media (pointer:fine){.MuiTabs-root:where(:has(>.MuiTabScrollButton-root:not(.Mui-disabled):first-child)):after{content:"";position:absolute}.MuiTabs-root:where(:has(>.MuiTabScrollButton-root.MuiTabScrollButton-horizontal:not(.Mui-disabled):first-child)):after{inline-size:var(--_MuiTab-scroll-button-size);inset:0;inset-inline-end:auto}.MuiTabs-root:where(:has(>.MuiTabScrollButton-root.MuiTabScrollButton-vertical:not(.Mui-disabled):first-child)):after{block-size:var(--_MuiTab-scroll-button-size);inset:0;inset-block-end:auto}}.MuiTabs-list{gap:var(--stratakit-space-x2)}.MuiTab-root{font-size:var(--stratakit-font-size-14);background-color:var(--_MuiTab-background-color);color:var(--_MuiTab-color);gap:var(--stratakit-space-x1);max-inline-size:var(--_MuiTab-max-width);min-block-size:var(--_MuiTab-height);min-inline-size:var(--_MuiTab-height);border-radius:4px;padding-block-start:var(--_MuiTab-padding-block);padding-block-end:var(--_MuiTab-padding-block);padding-inline-start:var(--_MuiTab-padding-inline);padding-inline-end:var(--_MuiTab-padding-inline);line-height:1.4286;transition:background-color .15s ease-out,color .15s ease-out;position:relative;overflow:visible}:where(.MuiTabs-root[data-_sk-size=small]) .MuiTab-root{font-size:var(--stratakit-font-size-12);line-height:1.3333}.MuiTab-root:before{content:"";position:absolute;inset-block-start:var(--_MuiTab-tap-target-inset-block,0);inset-block-end:var(--_MuiTab-tap-target-inset-block,0);inset-inline-start:var(--_MuiTab-tap-target-inset-inline,0);inset-inline-end:var(--_MuiTab-tap-target-inset-inline,0)}:where(.MuiTabs-list:not(.MuiTabs-vertical)) .MuiTab-root{--_MuiTab-tap-target-inset-block:calc(var(--_MuiTabs-indicator-gap)*-1);margin-block-end:var(--_MuiTabs-indicator-gap)}:where(.MuiTabs-list.MuiTabs-vertical) .MuiTab-root{--_MuiTab-tap-target-inset-inline:calc(var(--_MuiTabs-indicator-gap)*-1);margin-inline-end:var(--_MuiTabs-indicator-gap)}.MuiTab-root:where(:focus-visible){outline-offset:-2px}.MuiTab-root{--_MuiTab-background-color:transparent;--_MuiTab-color:var(--stratakit-color-text-neutral-tertiary);--🥝Icon-color:var(--stratakit-color-icon-neutral-tertiary);--_MuiTab-selected-color:var(--stratakit-color-text-neutral-tertiary);--_MuiTab-selected-icon-color:var(--stratakit-color-icon-neutral-tertiary)}.MuiTab-root:where(.MuiTab-textColorPrimary){--_MuiTab-selected-color:var(--stratakit-color-text-accent-strong);--_MuiTab-selected-icon-color:var(--stratakit-color-icon-accent-strong)}@media (any-hover:hover){.MuiTab-root:where(.MuiTab-textColorPrimary):where(:not(.Mui-disabled):hover){--_MuiTab-background-color:var(--stratakit-color-bg-glow-on-surface-accent-hover);--_MuiTab-color:var(--stratakit-color-text-accent-strong);--🥝Icon-color:var(--stratakit-color-icon-accent-strong)}}.MuiTab-root:where(.MuiTab-textColorSecondary){--_MuiTab-selected-color:var(--stratakit-color-text-neutral-primary);--_MuiTab-selected-icon-color:var(--stratakit-color-icon-neutral-primary)}@media (any-hover:hover){.MuiTab-root:where(.MuiTab-textColorSecondary):where(:not(.Mui-disabled):hover){--_MuiTab-background-color:var(--stratakit-color-bg-glow-on-surface-neutral-hover);--_MuiTab-color:var(--stratakit-color-text-neutral-primary);--🥝Icon-color:var(--stratakit-color-icon-neutral-primary)}}.MuiTab-root:where(.Mui-selected){--_MuiTab-color:var(--_MuiTab-selected-color);--🥝Icon-color:var(--_MuiTab-selected-icon-color)}.MuiTab-root:where(.Mui-disabled){--_MuiTab-color:var(--stratakit-color-text-neutral-disabled);--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled)}.MuiTab-icon{margin:0}:where(.MuiTabs-root:has(.MuiTab-root.MuiTab-textColorPrimary)) .MuiTabs-indicator{background-color:var(--stratakit-color-border-accent-strong)}:where(.MuiTabs-root:has(.MuiTab-root.MuiTab-textColorSecondary)) .MuiTabs-indicator{background-color:var(--stratakit-color-border-neutral-inverse)}:where(.MuiTabs-root:has(.MuiTab-root.Mui-selected.Mui-disabled)) .MuiTabs-indicator{background-color:var(--stratakit-color-border-neutral-disabled)}@media (prefers-reduced-motion:reduce){.MuiTabs-indicator{transition:none}}.MuiTabScrollButton-root{--🥝Icon-color:var(--stratakit-color-icon-neutral-base);background-color:var(--_MuiTab-scroll-button-background-color,transparent);block-size:var(--_MuiTab-scroll-button-size);opacity:1;border-radius:4px;transition:background-color .15s ease-out}.MuiTabScrollButton-root:where(:nth-child(1 of .MuiTabScrollButton-root)){z-index:1;position:absolute}.MuiTabScrollButton-root:where(.MuiTabScrollButton-horizontal){inline-size:var(--_MuiTab-scroll-button-size);inset-block:0}:where(.MuiTabs-root:not([data-_sk-size=small])) .MuiTabScrollButton-root:where(.MuiTabScrollButton-horizontal){margin-block-start:var(--stratakit-space-x1)}.MuiTabScrollButton-root:where(.MuiTabScrollButton-horizontal):where(:nth-child(1 of .MuiTabScrollButton-root:where(.MuiTabScrollButton-horizontal))){inset-inline-start:0}.MuiTabScrollButton-root:where(.MuiTabScrollButton-vertical){max-inline-size:var(--_MuiTab-max-width);inset-inline:0}.MuiTabScrollButton-root:where(.MuiTabScrollButton-vertical):where(:nth-child(1 of .MuiTabScrollButton-root:where(.MuiTabScrollButton-vertical))){inset-block-start:0}@media (any-hover:hover){.MuiTabScrollButton-root:where(:not(.Mui-disabled):hover){--_MuiTab-scroll-button-background-color:var(--stratakit-color-bg-glow-on-surface-neutral-hover);--🥝Icon-color:var(--stratakit-color-icon-neutral-primary)}}.MuiTabScrollButton-root:where(.Mui-disabled){--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled)}.MuiTabScrollButton-root:where(.Mui-disabled:nth-child(1 of .MuiTabScrollButton-root)){display:none}@media (pointer:coarse){.MuiTabScrollButton-root{display:none}}.MuiTabs-scroller{--_MuiTabs-scroller-fade-start:var(--stratakit-space-x2);--_MuiTabs-scroller-fade-end:var(--stratakit-space-x2);--_MuiTabs-scroller-fade-inset-start:0px}@media (pointer:coarse){.MuiTabs-scroller{scrollbar-width:thin}}@media (pointer:fine){.MuiTabs-scroller{--_MuiTabs-scroller-fade-inset-start:var(--_MuiTab-scroll-button-size)}}:where(.MuiTabs-root:has(>.MuiTabScrollButton-root.Mui-disabled:first-child)) .MuiTabs-scroller{--_MuiTabs-scroller-fade-start:0px;--_MuiTabs-scroller-fade-inset-start:0px}:where(.MuiTabs-root:has(>.MuiTabScrollButton-root.Mui-disabled:last-child)) .MuiTabs-scroller{--_MuiTabs-scroller-fade-end:0px}.MuiTabs-scroller{-webkit-mask-image:linear-gradient(to var(--_MuiTabs-scroller-direction),transparent,transparent var(--_MuiTabs-scroller-fade-inset-start),#000 calc(var(--_MuiTabs-scroller-fade-inset-start) + var(--_MuiTabs-scroller-fade-start)),#000 calc(100% - var(--_MuiTabs-scroller-fade-end)),transparent 100%,transparent);mask-image:linear-gradient(to var(--_MuiTabs-scroller-direction),transparent,transparent var(--_MuiTabs-scroller-fade-inset-start),#000 calc(var(--_MuiTabs-scroller-fade-inset-start) + var(--_MuiTabs-scroller-fade-start)),#000 calc(100% - var(--_MuiTabs-scroller-fade-end)),transparent 100%,transparent)}.MuiTabs-scroller:where(.MuiTabs-scrollableX){--_MuiTabs-scroller-direction:right;overscroll-behavior-x:contain;scroll-padding-inline:calc(var(--stratakit-space-x2) + var(--_MuiTab-scroll-button-size))}.MuiTabs-scroller:where(.MuiTabs-scrollableY){--_MuiTabs-scroller-direction:bottom;overscroll-behavior-y:contain;scroll-padding-block:calc(var(--stratakit-space-x2) + var(--_MuiTab-scroll-button-size))}.MuiToggleButton-root:where(:not(.MuiToggleButtonGroup-grouped)){border-color:#0000}.MuiToggleButton-root:where(.MuiToggleButtonGroup-grouped){border-radius:revert-layer}.MuiToggleButton-root:where(.Mui-selected){--_MuiToggleButton-bg--selected:var(--stratakit-color-bg-glow-on-surface-accent-pressed);--_MuiToggleButton-border--selected:var(--stratakit-color-border-accent-strong);background-color:var(--_MuiToggleButton-bg--selected);border-color:var(--_MuiToggleButton-border--selected);color:var(--stratakit-color-text-accent-strong);--🥝Icon-color:var(--stratakit-color-icon-accent-strong)}@media (any-hover:hover){.MuiToggleButton-root:where(.Mui-selected):where(:hover){--_MuiToggleButton-bg--selected:var(--stratakit-color-bg-glow-on-surface-accent-active-hover)}}.MuiToggleButton-root:where(.Mui-disabled){color:var(--stratakit-color-text-neutral-disabled);--🥝Icon-color:var(--stratakit-color-icon-neutral-disabled);--_MuiToggleButton-bg--selected:var(--stratakit-color-bg-glow-on-surface-disabled);--_MuiToggleButton-border--selected:var(--stratakit-color-border-glow-on-surface-disabled)}:where(.MuiToggleButton-root.MuiIconButton-root:where(.MuiToggleButtonGroup-grouped.Mui-selected))+.MuiToggleButton-root.MuiIconButton-root:where(.MuiToggleButtonGroup-grouped.Mui-selected){min-inline-size:calc(var(--_MuiIconButton-size) - 1px)}.MuiTooltip-tooltip{font-size:var(--stratakit-font-size-12);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;background-color:var(--stratakit-color-bg-elevation-emphasis);box-shadow:var(--stratakit-shadow-control-tooltip-base);color:var(--stratakit-color-text-neutral-emphasis);min-block-size:1rem;max-inline-size:12.25rem;margin:var(--stratakit-space-x05);isolation:isolate;border:1px solid #0000;border-radius:4px;padding-block-start:calc(var(--stratakit-space-x1) - 1px);padding-block-end:calc(var(--stratakit-space-x1) - 1px);padding-inline-start:calc(var(--stratakit-space-x2) - 1px);padding-inline-end:calc(var(--stratakit-space-x2) - 1px);line-height:1.3333}.MuiTooltip-tooltip:before{content:"";inset:calc(var(--stratakit-space-x05)*-1);z-index:-1;position:absolute}.MuiAppBar-root{background-color:var(--stratakit-color-bg-page-base);box-shadow:none;border-block-end:1px solid;border-color: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)}.MuiRating-root{inline-size:fit-content}}@media (forced-colors:active){@layer stratakit{.MuiAccordionSummary-root:where(.Mui-disabled){--_MuiAccordion-expand-icon-color:GrayText;color:graytext}.MuiAutocomplete-option:where([aria-selected=true]:not([aria-disabled=true])){color:selecteditemtext;forced-color-adjust:none;background-color:selecteditem;border-color:selecteditemtext}.MuiAutocomplete-paper,.MuiAvatar-root{border:1px solid}:where(.MuiBadge-root[data-_sk-inline]) .MuiBadge-badge{border:1px solid}:where(.MuiBadge-root:not([data-_sk-inline])) .MuiBadge-badge{forced-color-adjust:none;color:highlighttext;background-color:highlight}.MuiBottomNavigation-root{border-block-start:1px solid}.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){--_MuiButton-icon-color:currentColor;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}.MuiChip-root:where(.Mui-disabled){color:graytext;border-color:graytext}.MuiDialog-paper{border:1px solid}:where(.MuiDrawer-anchorTop)>.MuiDrawer-paper{border-block-end:1px solid}:where(.MuiDrawer-anchorRight)>.MuiDrawer-paper{border-inline-start:1px solid}:where(.MuiDrawer-anchorBottom)>.MuiDrawer-paper{border-block-start:1px solid}:where(.MuiDrawer-anchorLeft)>.MuiDrawer-paper{border-inline-end: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}.MuiInputBase-root:where(.Mui-disabled){border-color:graytext}.MuiLinearProgress-root{border:1px solid}.MuiLinearProgress-bar{background-color:canvastext}.MuiListItemIcon-root{color:inherit}.MuiMenuItem-root{border-color:canvas}.MuiMenuItem-root:where(.Mui-selected:not(.Mui-disabled)){forced-color-adjust:none;color:selecteditemtext;--🥝Icon-color:SelectedItemText;background-color:selecteditem;border-color:selecteditemtext}.MuiMenuItem-root:where(.Mui-disabled){color:graytext;--🥝Icon-color:GrayText}.MuiMenu-paper{border:1px solid canvastext}.MuiPaginationItem-root:where(.Mui-selected:not(.Mui-disabled)){color:selecteditemtext;forced-color-adjust:none;background-color:selecteditem;border-color:selecteditemtext}.MuiPopover-paper{border:1px solid}.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-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}:where(.MuiSlider-root.Mui-disabled) .MuiSlider-markLabel{color:graytext}.MuiSnackbarContent-root{border:1px solid}.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}.MuiTab-root{color:buttontext;background-color:buttonface;border:1px solid buttonborder}.MuiTab-root:where(.Mui-selected){forced-color-adjust:none;color:selecteditemtext;background-color:selecteditem}.MuiTab-root:where(.Mui-disabled){color:graytext;background-color:canvas;border-color:graytext}.MuiTabs-indicator{background-color:canvastext}:where(.MuiTabs-root:has(.MuiTab-root.Mui-selected.Mui-disabled)) .MuiTabs-indicator{background-color:graytext}.MuiToggleButton-root:where(.Mui-selected){forced-color-adjust:none;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,11 +1,14 @@
1
1
  import type { RoleProps } from "@ariakit/react/role";
2
+ import type { AlertProps } from "@mui/material/Alert";
2
3
  import type { BadgeProps } from "@mui/material/Badge";
3
4
  import type { IconButtonProps } from "@mui/material/IconButton";
4
- import type { CommonProps } from "@mui/material/OverridableComponent";
5
+ import type { CommonProps, DefaultComponentProps, OverridableTypeMap } from "@mui/material/OverridableComponent";
6
+ import type { TabProps } from "@mui/material/Tab";
5
7
  import type { TableCellProps as MuiTableCellProps } from "@mui/material/TableCell";
8
+ import type { TabsProps } from "@mui/material/Tabs";
6
9
  import type { TextFieldProps, TextFieldVariants } from "@mui/material/TextField";
7
10
  import type { TooltipProps } from "@mui/material/Tooltip";
8
- import type { TypographyProps } from "@mui/material/Typography";
11
+ import type { TypographyProps, TypographyTypeMap } from "@mui/material/Typography";
9
12
  import type * as React from "react";
10
13
  declare module "@mui/material/OverridableComponent" {
11
14
  interface CommonProps {
@@ -24,18 +27,66 @@ declare module "@mui/material/OverridableComponent" {
24
27
  /** @deprecated Use `render` prop instead. */
25
28
  component?: React.ElementType;
26
29
  }
30
+ interface OverridableComponent<TypeMap extends OverridableTypeMap> {
31
+ (props: DefaultComponentProps<TypeMap> | TypographyOverridableComponentProps<TypeMap>): React.JSX.Element | null;
32
+ }
33
+ }
34
+ declare module "@mui/material/AccordionSummary" {
35
+ interface AccordionSummaryOwnProps {
36
+ /**
37
+ * The placement of the expander icon.
38
+ *
39
+ * - `"auto"`: Expander icon is placed to the left when wide, and to the right when narrow.
40
+ * - `"start"`: Forces expander icon to the left.
41
+ * - `"end"`: Forces expander icon to the right.
42
+ *
43
+ * @default 'auto'
44
+ */
45
+ markerPlacement?: "auto" | "start" | "end";
46
+ }
27
47
  }
28
48
  declare module "@mui/material/Alert" {
29
49
  interface AlertPropsVariantOverrides {
30
50
  standard: false;
31
51
  }
52
+ interface AlertPropsColorOverrides {
53
+ none: true;
54
+ }
32
55
  interface AlertOwnProps {
33
56
  /**
34
57
  * The default variant with `@stratakit/mui` is `"outlined"`.
35
58
  *
36
59
  * @default 'outlined'
37
60
  */
38
- variant?: "filled" | "outlined";
61
+ variant?: AlertProps["variant"];
62
+ /**
63
+ * The default severity with `@stratakit/mui` is `"none"`.
64
+ *
65
+ * @default 'none'
66
+ */
67
+ severity?: AlertProps["severity"];
68
+ }
69
+ }
70
+ declare module "@mui/material/Avatar" {
71
+ interface AvatarPropsVariantOverrides {
72
+ circular: false;
73
+ rounded: false;
74
+ square: false;
75
+ }
76
+ interface AvatarOwnProps {
77
+ /** @deprecated `variant` is unnecessary. Only `"circular"` is supported and already the default. */
78
+ variant?: never;
79
+ }
80
+ }
81
+ declare module "@mui/material/AvatarGroup" {
82
+ interface AvatarGroupPropsVariantOverrides {
83
+ circular: false;
84
+ rounded: false;
85
+ square: false;
86
+ }
87
+ interface AvatarGroupOwnProps {
88
+ /** @deprecated `variant` is unnecessary. Only `"circular"` is supported and already the default. */
89
+ variant?: never;
39
90
  }
40
91
  }
41
92
  declare module "@mui/material/Badge" {
@@ -86,6 +137,16 @@ declare module "@mui/material/BottomNavigationAction" {
86
137
  LinkComponent?: never;
87
138
  }
88
139
  }
140
+ declare module "@mui/material/Card" {
141
+ interface CardOwnProps {
142
+ /**
143
+ * The default variant with `@stratakit/mui` is `"outlined"`.
144
+ *
145
+ * @default 'outlined'
146
+ */
147
+ variant?: "outlined" | "elevation";
148
+ }
149
+ }
89
150
  declare module "@mui/material/CardActionArea" {
90
151
  interface CardActionAreaOwnProps {
91
152
  LinkComponent?: never;
@@ -203,6 +264,12 @@ declare module "@mui/material/InputBase" {
203
264
  error: false;
204
265
  }
205
266
  }
267
+ declare module "@mui/material/Link" {
268
+ interface LinkOwnProps {
269
+ /** @deprecated DO NOT USE */
270
+ underline?: "none" | "hover" | "always";
271
+ }
272
+ }
206
273
  declare module "@mui/material/ListItemButton" {
207
274
  interface ListItemButtonOwnProps {
208
275
  LinkComponent?: never;
@@ -258,6 +325,31 @@ declare module "@mui/material/StepButton" {
258
325
  declare module "@mui/material/Tab" {
259
326
  interface TabOwnProps {
260
327
  LinkComponent?: never;
328
+ /**
329
+ * The default icon position with `@stratakit/mui` is `"start"`.
330
+ *
331
+ * @default 'start'
332
+ */
333
+ iconPosition?: TabProps["iconPosition"];
334
+ }
335
+ }
336
+ declare module "@mui/material/Tabs" {
337
+ interface TabsPropsTextColorOverrides {
338
+ inherit: false;
339
+ }
340
+ interface TabsOwnProps {
341
+ /**
342
+ * The size of the tab buttons.
343
+ *
344
+ * @default 'medium'
345
+ */
346
+ size?: "small" | "medium";
347
+ /** @deprecated DO NOT USE */
348
+ indicatorColor?: TabsProps["indicatorColor"];
349
+ /** @deprecated DO NOT USE. */
350
+ allowScrollButtonsMobile?: boolean;
351
+ /** @deprecated DO NOT USE. */
352
+ scrollButtons?: TabsProps["scrollButtons"];
261
353
  }
262
354
  }
263
355
  declare module "@mui/material/TableCell" {
@@ -312,13 +404,53 @@ declare module "@mui/material/Tooltip" {
312
404
  describeChild?: boolean;
313
405
  }
314
406
  }
407
+ type TypographyHeadingVariantProps = {
408
+ variant: "display-lg" | "display-md" | "display-sm" | "headline-lg" | "headline-md" | "headline-sm" | "subtitle-lg" | "subtitle-md" | "subtitle-sm" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2";
409
+ /**
410
+ * When using a heading-like `variant`, the `render` prop must be manually set to the most semantically appropriate element.
411
+ *
412
+ * Pick the most appropriate heading element ([`<h1>` to `<h6>`](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements))
413
+ * required to maintain proper [heading structure](https://www.a11yproject.com/posts/how-to-accessible-heading-structure/) in your application.
414
+ *
415
+ * @example
416
+ * ```tsx
417
+ * render={<h2 />}>
418
+ * ```
419
+ *
420
+ * Do not use heading elements when you simply want to grab attention with large variants.
421
+ */
422
+ render: NonNullable<RoleProps["render"]>;
423
+ };
424
+ type TypographyOverridableComponentProps<TypeMap extends OverridableTypeMap> = TypeMap extends TypographyTypeMap ? Omit<DefaultComponentProps<TypeMap>, keyof TypographyHeadingVariantProps> & TypographyHeadingVariantProps : never;
315
425
  declare module "@mui/material/Typography" {
426
+ interface TypographyPropsColorOverrides {
427
+ secondary: false;
428
+ textTertiary: true;
429
+ }
430
+ interface TypographyPropsVariantOverrides {
431
+ "body-lg": true;
432
+ "body-md": true;
433
+ "body-sm": true;
434
+ "caption-lg": true;
435
+ "caption-md": true;
436
+ "caption-sm": true;
437
+ "mono-sm": true;
438
+ h1: false;
439
+ h2: false;
440
+ h3: false;
441
+ h4: false;
442
+ h5: false;
443
+ h6: false;
444
+ subtitle1: false;
445
+ subtitle2: false;
446
+ }
316
447
  interface TypographyOwnProps {
317
448
  /**
318
- * The default variant with `@stratakit/mui` is `"body2"`.
449
+ * The default variant with `@stratakit/mui` is `"inherit"`.
319
450
  *
320
- * @default "body2"
451
+ * @default "inherit"
321
452
  */
322
453
  variant?: TypographyProps["variant"];
323
454
  }
324
455
  }
456
+ export {};
package/dist/~components/MuiAccordion.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import type { AccordionOwnerState } from "@mui/material/Accordion";
2
+ import type { AccordionSummaryOwnProps } from "@mui/material/AccordionSummary";
3
+ import type { BaseProps } from "@stratakit/foundations/secret-internals";
4
+ interface MuiAccordionRootSlotProps extends BaseProps {
5
+ ownerState?: AccordionOwnerState;
6
+ }
7
+ declare const MuiAccordionRootSlot: import("react").ForwardRefExoticComponent<MuiAccordionRootSlotProps & import("react").RefAttributes<HTMLElement | HTMLDivElement>>;
8
+ interface MuiAccordionSummaryProps extends BaseProps, Pick<AccordionSummaryOwnProps, "markerPlacement"> {
9
+ }
10
+ declare const MuiAccordionSummary: import("react").ForwardRefExoticComponent<MuiAccordionSummaryProps & import("react").RefAttributes<HTMLElement | HTMLDivElement>>;
11
+ export { MuiAccordionRootSlot, MuiAccordionSummary };
package/dist/~components/MuiAccordion.js ADDED
@@ -0,0 +1,30 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { Role } from "@ariakit/react/role";
3
+ import Paper from "@mui/material/Paper";
4
+ import { forwardRef } from "@stratakit/foundations/secret-internals";
5
+ const MuiAccordionRootSlot = forwardRef((props, forwardedRef) => {
6
+ const {
7
+ square,
8
+ variant
9
+ } = props.ownerState || {};
10
+ return /* @__PURE__ */ jsx(Paper, {
11
+ ...props,
12
+ square: square ?? variant !== "outlined",
13
+ ref: forwardedRef
14
+ });
15
+ });
16
+ const MuiAccordionSummary = forwardRef((props, forwardedRef) => {
17
+ const {
18
+ markerPlacement = "auto",
19
+ ...rest
20
+ } = props;
21
+ return /* @__PURE__ */ jsx(Role.div, {
22
+ ...rest,
23
+ "data-_sk-marker-placement": markerPlacement === "auto" ? void 0 : markerPlacement,
24
+ ref: forwardedRef
25
+ });
26
+ });
27
+ export {
28
+ MuiAccordionRootSlot,
29
+ MuiAccordionSummary
30
+ };
package/dist/~components/MuiAlert.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import * as React from "react";
2
+ declare const MuiAlert: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "render"> & React.RefAttributes<HTMLElement | HTMLDivElement>>;
3
+ declare const MuiAlertTitle: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "render"> & React.RefAttributes<HTMLElement | HTMLDivElement>>;
4
+ export { MuiAlert, MuiAlertTitle };
package/dist/~components/MuiAlert.js ADDED
@@ -0,0 +1,38 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import * as React from "react";
3
+ import { Role } from "@ariakit/react/role";
4
+ import { forwardRef, useSafeContext } from "@stratakit/foundations/secret-internals";
5
+ const MuiAlertContext = React.createContext(void 0);
6
+ const MuiAlert = forwardRef((props, forwardedRef) => {
7
+ const [labelId, setLabelId] = React.useState(void 0);
8
+ return /* @__PURE__ */ jsx(MuiAlertContext.Provider, {
9
+ value: {
10
+ setLabelId
11
+ },
12
+ children: /* @__PURE__ */ jsx(Role.div, {
13
+ "aria-labelledby": labelId,
14
+ ...props,
15
+ ref: forwardedRef
16
+ })
17
+ });
18
+ });
19
+ const MuiAlertTitle = forwardRef((props, forwardedRef) => {
20
+ const generatedId = React.useId();
21
+ const id = props.id ?? generatedId;
22
+ const {
23
+ setLabelId
24
+ } = useSafeContext(MuiAlertContext);
25
+ React.useEffect(() => {
26
+ setLabelId(id);
27
+ return () => setLabelId(void 0);
28
+ }, [id, setLabelId]);
29
+ return /* @__PURE__ */ jsx(Role.div, {
30
+ ...props,
31
+ id,
32
+ ref: forwardedRef
33
+ });
34
+ });
35
+ export {
36
+ MuiAlert,
37
+ MuiAlertTitle
38
+ };
package/dist/~components/MuiAutocomplete.d.ts CHANGED
@@ -1,3 +1,6 @@
1
1
  import * as React from "react";
2
2
  declare const MuiAutocomplete: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "render"> & React.RefAttributes<HTMLElement | HTMLDivElement>>;
3
- export { MuiAutocomplete };
3
+ declare const MuiAutocompleteClearIndicator: 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 MuiAutocompleteChip: React.ForwardRefExoticComponent<Pick<import("@ariakit/react/role").RoleProps, "render"> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "render"> & React.RefAttributes<HTMLElement | HTMLDivElement>>;
5
+ declare const MuiAutocompleteChipDeleteIcon: React.ForwardRefExoticComponent<Omit<Omit<import("@mui/material/IconButton").IconButtonOwnProps & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, keyof import("@mui/material/IconButton").IconButtonOwnProps> & Omit<import("@mui/material/ButtonBase").ButtonBaseOwnProps, "type" | "tabIndex" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | keyof import("@mui/material/IconButton").IconButtonOwnProps> & import("@mui/material/OverridableComponent").CommonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "color" | "style" | "type" | "tabIndex" | "children" | "render" | "label" | "classes" | "sx" | "component" | "disabled" | "disableFocusRipple" | "loading" | "loadingIndicator" | "size" | "LinkComponent" | "nativeButton" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "edge" | "labelPlacement">, "ref"> & React.RefAttributes<HTMLElement | HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLElement | HTMLButtonElement>>;
6
+ export { MuiAutocomplete, MuiAutocompleteChip, MuiAutocompleteChipDeleteIcon, MuiAutocompleteClearIndicator, };