@usememos/ui 26.10.0 → 26.10.2

package/dist/theme.css

@@ -1,1097 +0,0 @@
-@layer mui.reset, mui.tokens, mui.components, mui.utilities;
-
-@layer mui.reset {
-  *, *::before, *::after {
-    box-sizing: border-box;
-  }
-
-  :where(button, input, textarea, select) {
-    font: inherit;
-  }
-}
-
-@layer mui.tokens {
-  :root,
-  [data-mui-theme="light"] {
-    color-scheme: light;
-    --mui-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
-    --mui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    --mui-radius-sm: 0.125rem;
-    --mui-radius-md: 0.25rem;
-    --mui-radius-lg: 0.375rem;
-    --mui-radius-xl: 0.5rem;
-    --mui-space-1: 0.25rem;
-    --mui-space-2: 0.5rem;
-    --mui-space-3: 0.75rem;
-    --mui-space-4: 1rem;
-    --mui-space-5: 1.25rem;
-    --mui-space-6: 1.5rem;
-    --mui-space-8: 2rem;
-    --mui-space-12: 3rem;
-    --mui-text-xs: 0.75rem;
-    --mui-text-sm: 0.875rem;
-    --mui-text-base: 0.9375rem;
-    --mui-text-lg: 1.125rem;
-    --mui-text-xl: 1.25rem;
-    --mui-text-2xl: 1.5rem;
-    --mui-control-height-xs: 1.25rem;
-    --mui-control-height-sm: 1.625rem;
-    --mui-control-height-md: 2.25rem;
-    --mui-control-height-lg: 2.5rem;
-    --mui-control-padding-x-xs: 0.375rem;
-    --mui-control-padding-x-sm: 0.5rem;
-    --mui-control-padding-x-md: 0.75rem;
-    --mui-control-padding-x-lg: 1rem;
-    --mui-control-gap-sm: 0.25rem;
-    --mui-control-gap-md: 0.375rem;
-    --mui-control-gap-lg: 0.5rem;
-    --mui-control-icon-size-xs: 0.875rem;
-    --mui-control-icon-size-sm: 0.875rem;
-    --mui-control-icon-size-md: 1rem;
-    --mui-control-icon-size-lg: 1.125rem;
-    --mui-control-font-size-xs: var(--mui-text-xs);
-    --mui-control-font-size-sm: var(--mui-text-xs);
-    --mui-control-font-size-md: 1rem;
-    --mui-control-font-size-lg: 1rem;
-    --mui-choice-size-xs: 0.75rem;
-    --mui-choice-size-sm: 0.875rem;
-    --mui-choice-size-md: 1rem;
-    --mui-choice-size-lg: 1.125rem;
-    --mui-switch-width-xs: 1.75rem;
-    --mui-switch-width-sm: 2rem;
-    --mui-switch-width-md: 2.25rem;
-    --mui-switch-width-lg: 2.75rem;
-    --mui-switch-height-xs: 1rem;
-    --mui-switch-height-sm: 1.125rem;
-    --mui-switch-height-md: 1.25rem;
-    --mui-switch-height-lg: 1.5rem;
-    --mui-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
-    --mui-shadow-floating: 0 10px 28px rgb(0 0 0 / 0.12), 0 2px 8px rgb(0 0 0 / 0.06);
-    --mui-shadow-modal: 0 24px 72px rgb(0 0 0 / 0.18), 0 6px 18px rgb(0 0 0 / 0.08);
-    --mui-z-index-dropdown: 1000;
-    --mui-z-index-sticky: 1100;
-    --mui-z-index-overlay: 1300;
-    --mui-z-index-modal: 1400;
-    --mui-z-index-modal-popover: 1500;
-    --mui-z-index-popover: 1200;
-    --mui-z-index-tooltip: 1200;
-    --mui-color-background: oklch(0.985 0.0015 260);
-    --mui-color-foreground: oklch(0.205 0.004 260);
-    --mui-color-card: oklch(1 0 0);
-    --mui-color-card-foreground: oklch(0.205 0.004 260);
-    --mui-color-popover: oklch(1 0 0);
-    --mui-color-popover-foreground: oklch(0.205 0.004 260);
-    --mui-color-primary: oklch(0.245 0.006 260);
-    --mui-color-primary-foreground: oklch(0.99 0 0);
-    --mui-color-secondary: oklch(0.952 0.002 260);
-    --mui-color-secondary-foreground: oklch(0.265 0.005 260);
-    --mui-color-muted: oklch(0.943 0.002 260);
-    --mui-color-muted-foreground: oklch(0.49 0.004 260);
-    --mui-color-accent: oklch(0.93 0.003 260);
-    --mui-color-accent-foreground: oklch(0.225 0.005 260);
-    --mui-color-destructive: oklch(0.56 0.18 25);
-    --mui-color-destructive-foreground: oklch(1 0 0);
-    --mui-color-border: oklch(0.895 0.003 260);
-    --mui-color-input: oklch(0.84 0.003 260);
-    --mui-color-ring: oklch(0.52 0.085 155);
-    --mui-color-sidebar: oklch(0.965 0.002 260);
-    --mui-color-sidebar-foreground: oklch(0.41 0.004 260);
-    --mui-color-sidebar-accent: oklch(0.925 0.003 260);
-    --mui-color-sidebar-accent-foreground: oklch(0.225 0.005 260);
-    --mui-color-sidebar-border: oklch(0.88 0.003 260);
-    --mui-color-surface-hover: oklch(0.958 0.002 260);
-    --mui-color-surface-pressed: oklch(0.925 0.003 260);
-    --mui-color-border-subtle: oklch(0.925 0.0025 260);
-    --mui-color-text-subtle: oklch(0.42 0.004 260);
-    --mui-color-text-faint: oklch(0.63 0.004 260);
-    --mui-color-brand-accent: oklch(0.56 0.105 155);
-    --mui-color-overlay: oklch(0.205 0.004 260 / 0.42);
-    --mui-color-surface: var(--mui-color-card);
-    --mui-color-success: var(--mui-color-brand-accent);
-    --mui-shadow-md: var(--mui-shadow-floating);
-    --mui-font-size-3xs: 0.625rem;
-    --mui-font-size-2xs: 0.6875rem;
-    --mui-font-size-xs: var(--mui-text-xs);
-    --mui-font-size-sm: var(--mui-text-sm);
-    --mui-font-size-md: var(--mui-text-base);
-  }
-
-  .dark,
-  [data-mui-theme="dark"] {
-    color-scheme: dark;
-    --mui-color-background: oklch(0.18 0.003 260);
-    --mui-color-foreground: oklch(0.965 0.002 260);
-    --mui-color-card: oklch(0.225 0.004 260);
-    --mui-color-card-foreground: oklch(0.965 0.002 260);
-    --mui-color-popover: oklch(0.245 0.004 260);
-    --mui-color-popover-foreground: oklch(0.965 0.002 260);
-    --mui-color-primary: oklch(0.94 0.002 260);
-    --mui-color-primary-foreground: oklch(0.19 0.004 260);
-    --mui-color-secondary: oklch(0.285 0.004 260);
-    --mui-color-secondary-foreground: oklch(0.94 0.002 260);
-    --mui-color-muted: oklch(0.265 0.004 260);
-    --mui-color-muted-foreground: oklch(0.74 0.004 260);
-    --mui-color-accent: oklch(0.315 0.004 260);
-    --mui-color-accent-foreground: oklch(0.965 0.002 260);
-    --mui-color-destructive: oklch(0.62 0.17 25);
-    --mui-color-destructive-foreground: oklch(1 0 0);
-    --mui-color-border: oklch(0.36 0.004 260);
-    --mui-color-input: oklch(0.43 0.004 260);
-    --mui-color-ring: oklch(0.66 0.095 155);
-    --mui-color-sidebar: oklch(0.205 0.004 260);
-    --mui-color-sidebar-foreground: oklch(0.78 0.004 260);
-    --mui-color-sidebar-accent: oklch(0.295 0.004 260);
-    --mui-color-sidebar-accent-foreground: oklch(0.965 0.002 260);
-    --mui-color-sidebar-border: oklch(0.33 0.004 260);
-    --mui-color-surface-hover: oklch(0.285 0.004 260);
-    --mui-color-surface-pressed: oklch(0.34 0.004 260);
-    --mui-color-border-subtle: oklch(0.31 0.004 260);
-    --mui-color-text-subtle: oklch(0.78 0.004 260);
-    --mui-color-text-faint: oklch(0.64 0.004 260);
-    --mui-color-brand-accent: oklch(0.68 0.105 155);
-    --mui-color-overlay: oklch(0.12 0.003 260 / 0.72);
-  }
-
-  [data-mui-theme] {
-    font-family: var(--mui-font-sans);
-    color: var(--mui-color-foreground);
-    background: var(--mui-color-background);
-  }
-}
-
-@layer mui.components {
-  .mui-button,
-  .mui-input,
-  .mui-textarea,
-  .mui-badge,
-  .mui-checkbox,
-  .mui-switch,
-  .mui-switch__thumb,
-  .mui-radio-group__item,
-  .mui-select__trigger,
-  .mui-dialog__content,
-  .mui-popover__content,
-  .mui-select__content,
-  .mui-tooltip__content,
-  .mui-dropdown-menu__content,
-  .mui-sheet__content {
-    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, opacity 140ms ease, transform 140ms ease;
-  }
-
-  .mui-button {
-    all: unset;
-    appearance: none;
-    box-sizing: border-box;
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    gap: var(--mui-control-gap-md);
-    min-width: 0;
-    border: 1px solid transparent;
-    border-radius: var(--mui-radius-lg);
-    font-size: var(--mui-control-font-size-md);
-    font-weight: 500;
-    letter-spacing: 0;
-    line-height: 1.25;
-    cursor: pointer;
-    text-decoration: none;
-    outline: none;
-    white-space: nowrap;
-  }
-
-  .mui-button > svg {
-    width: var(--mui-control-icon-size-md);
-    height: var(--mui-control-icon-size-md);
-    flex: 0 0 auto;
-  }
-
-  .mui-button:focus-visible {
-    border-color: var(--mui-color-ring);
-  }
-
-  .mui-input:focus-visible,
-  .mui-textarea:focus-visible,
-  .mui-checkbox:focus-visible,
-  .mui-switch:focus-visible,
-  .mui-radio-group__item:focus-visible,
-  .mui-select__trigger:focus-visible {
-    border-color: var(--mui-color-ring);
-  }
-
-  .mui-button[data-size="xs"] {
-    min-height: var(--mui-control-height-xs);
-    padding: 0 var(--mui-control-padding-x-xs);
-    gap: var(--mui-control-gap-sm);
-    border-radius: var(--mui-radius-md);
-    font-size: var(--mui-control-font-size-xs);
-  }
-
-  .mui-button[data-size="sm"] {
-    min-height: var(--mui-control-height-sm);
-    padding: 0 var(--mui-control-padding-x-sm);
-    gap: var(--mui-control-gap-sm);
-    border-radius: var(--mui-radius-md);
-    font-size: var(--mui-control-font-size-sm);
-  }
-
-  .mui-button[data-size="md"] {
-    min-height: var(--mui-control-height-md);
-    padding: 0 var(--mui-control-padding-x-md);
-    border-radius: var(--mui-radius-xl);
-    font-size: var(--mui-control-font-size-md);
-  }
-
-  .mui-button[data-size="lg"] {
-    min-height: var(--mui-control-height-lg);
-    padding: 0 var(--mui-control-padding-x-lg);
-    gap: var(--mui-control-gap-lg);
-    border-radius: var(--mui-radius-xl);
-    font-size: var(--mui-control-font-size-lg);
-  }
-
-  .mui-button[data-size="icon"] {
-    width: var(--mui-control-height-xs);
-    height: var(--mui-control-height-xs);
-    min-height: var(--mui-control-height-xs);
-    padding: 0;
-    gap: 0;
-  }
-
-  .mui-button[data-size="xs"] > svg {
-    width: var(--mui-control-icon-size-xs);
-    height: var(--mui-control-icon-size-xs);
-  }
-
-  .mui-button[data-size="sm"] > svg {
-    width: var(--mui-control-icon-size-sm);
-    height: var(--mui-control-icon-size-sm);
-  }
-
-  .mui-button[data-size="lg"] > svg {
-    width: var(--mui-control-icon-size-lg);
-    height: var(--mui-control-icon-size-lg);
-  }
-
-  .mui-button[data-variant="default"] {
-    background: var(--mui-color-primary);
-    color: var(--mui-color-primary-foreground);
-  }
-
-  .mui-button[data-variant="secondary"] {
-    background: var(--mui-color-secondary);
-    color: var(--mui-color-secondary-foreground);
-  }
-
-  .mui-button[data-variant="outline"] {
-    background: var(--mui-color-card);
-    color: var(--mui-color-foreground);
-    border-color: var(--mui-color-input);
-  }
-
-  .mui-button[data-variant="ghost"] {
-    background: transparent;
-    color: var(--mui-color-foreground);
-  }
-
-  .mui-button[data-variant="destructive"] {
-    background: var(--mui-color-destructive);
-    color: var(--mui-color-destructive-foreground);
-  }
-
-  .mui-button[data-variant="link"] {
-    background: transparent;
-    color: var(--mui-color-primary);
-    border-color: transparent;
-    text-decoration-line: underline;
-    text-underline-offset: 3px;
-  }
-
-  .mui-button:is(:hover, [data-hovered]):not(:disabled, [data-disabled]) {
-    background: var(--mui-color-surface-hover);
-  }
-
-  .mui-button[data-variant="default"]:is(:hover, [data-hovered]):not(:disabled, [data-disabled]) {
-    background: color-mix(in oklch, var(--mui-color-primary) 92%, var(--mui-color-background));
-  }
-
-  .mui-button[data-variant="destructive"]:is(:hover, [data-hovered]):not(:disabled, [data-disabled]) {
-    background: color-mix(in oklch, var(--mui-color-destructive) 92%, var(--mui-color-background));
-  }
-
-  .mui-button:is(:active, [data-pressed]):not(:disabled, [data-disabled]) {
-    background: var(--mui-color-surface-pressed);
-  }
-
-  .mui-button[data-variant="default"]:is(:active, [data-pressed]):not(:disabled, [data-disabled]) {
-    background: color-mix(in oklch, var(--mui-color-primary) 86%, var(--mui-color-background));
-  }
-
-  .mui-button[data-variant="destructive"]:is(:active, [data-pressed]):not(:disabled, [data-disabled]) {
-    background: color-mix(in oklch, var(--mui-color-destructive) 86%, var(--mui-color-background));
-  }
-
-  .mui-button:disabled,
-  .mui-button[data-disabled] {
-    cursor: not-allowed;
-    opacity: 0.55;
-  }
-
-  .mui-input,
-  .mui-textarea,
-  .mui-select__trigger {
-    appearance: none;
-    width: 100%;
-    border: 1px solid var(--mui-color-input);
-    border-radius: var(--mui-radius-xl);
-    background: var(--mui-color-card);
-    color: var(--mui-color-foreground);
-    font-size: var(--mui-control-font-size-md);
-    line-height: 1.4;
-    outline: none;
-  }
-
-  .mui-input {
-    min-height: var(--mui-control-height-md);
-    padding: 0 var(--mui-control-padding-x-md);
-  }
-
-  .mui-input[data-size="xs"],
-  .mui-select__trigger[data-size="xs"] {
-    min-height: var(--mui-control-height-xs);
-    padding: 0 var(--mui-control-padding-x-xs);
-    border-radius: var(--mui-radius-md);
-    font-size: var(--mui-control-font-size-xs);
-  }
-
-  .mui-input[data-size="sm"],
-  .mui-select__trigger[data-size="sm"] {
-    min-height: var(--mui-control-height-sm);
-    padding: 0 var(--mui-control-padding-x-sm);
-    border-radius: var(--mui-radius-md);
-    font-size: var(--mui-control-font-size-sm);
-  }
-
-  .mui-input[data-size="md"],
-  .mui-select__trigger[data-size="md"] {
-    min-height: var(--mui-control-height-md);
-    padding: 0 var(--mui-control-padding-x-md);
-    border-radius: var(--mui-radius-xl);
-    font-size: var(--mui-control-font-size-md);
-  }
-
-  .mui-input[data-size="lg"],
-  .mui-select__trigger[data-size="lg"] {
-    min-height: var(--mui-control-height-lg);
-    padding: 0 var(--mui-control-padding-x-lg);
-    border-radius: var(--mui-radius-xl);
-    font-size: var(--mui-control-font-size-lg);
-  }
-
-  .mui-textarea {
-    min-height: 5rem;
-    resize: vertical;
-    padding: var(--mui-space-2) var(--mui-control-padding-x-md);
-  }
-
-  .mui-textarea[data-size="xs"] {
-    min-height: calc(var(--mui-control-height-xs) * 3);
-    padding: var(--mui-space-1) var(--mui-control-padding-x-xs);
-    border-radius: var(--mui-radius-md);
-    font-size: var(--mui-control-font-size-xs);
-  }
-
-  .mui-textarea[data-size="sm"] {
-    min-height: calc(var(--mui-control-height-sm) * 3);
-    padding: var(--mui-space-1) var(--mui-control-padding-x-sm);
-    border-radius: var(--mui-radius-md);
-    font-size: var(--mui-control-font-size-sm);
-  }
-
-  .mui-textarea[data-size="md"] {
-    min-height: 5rem;
-    padding: var(--mui-space-2) var(--mui-control-padding-x-md);
-    border-radius: var(--mui-radius-xl);
-    font-size: var(--mui-control-font-size-md);
-  }
-
-  .mui-textarea[data-size="lg"] {
-    min-height: 6rem;
-    padding: var(--mui-space-2) var(--mui-control-padding-x-lg);
-    border-radius: var(--mui-radius-xl);
-    font-size: var(--mui-control-font-size-lg);
-  }
-
-  .mui-input:not([data-size]),
-  .mui-textarea:not([data-size]),
-  .mui-select__trigger:not([data-size]) {
-    border-radius: var(--mui-radius-xl);
-  }
-
-  .mui-input::placeholder,
-  .mui-textarea::placeholder {
-    color: var(--mui-color-text-faint);
-  }
-
-  .mui-input:disabled,
-  .mui-input[data-disabled],
-  .mui-textarea:disabled,
-  .mui-select__trigger[data-disabled] {
-    cursor: not-allowed;
-    opacity: 0.55;
-  }
-
-  .mui-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: var(--mui-space-1);
-    min-height: 1.25rem;
-    padding: 0 var(--mui-space-2);
-    border-radius: 999px;
-    font-size: var(--mui-font-size-xs);
-    font-weight: 500;
-    letter-spacing: 0;
-    border: 1px solid transparent;
-    line-height: 1;
-  }
-
-  .mui-badge[data-variant="solid"] {
-    background: var(--mui-color-primary);
-    color: var(--mui-color-primary-foreground);
-  }
-
-  .mui-badge[data-variant="subtle"] {
-    background: var(--mui-color-secondary);
-    color: var(--mui-color-secondary-foreground);
-  }
-
-  .mui-badge[data-variant="outline"] {
-    background: var(--mui-color-card);
-    border-color: var(--mui-color-input);
-    color: var(--mui-color-foreground);
-  }
-
-  .mui-separator[data-orientation="horizontal"] {
-    width: 100%;
-    height: 1px;
-    background: var(--mui-color-border-subtle);
-  }
-
-  .mui-separator[data-orientation="vertical"] {
-    width: 1px;
-    height: 100%;
-    background: var(--mui-color-border-subtle);
-  }
-
-  .mui-checkbox,
-  .mui-radio-group__item {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--mui-choice-size-md);
-    height: var(--mui-choice-size-md);
-    flex: 0 0 var(--mui-choice-size-md);
-    border: 1px solid var(--mui-color-input);
-    background: var(--mui-color-card);
-    color: var(--mui-color-primary-foreground);
-    outline: none;
-  }
-
-  .mui-checkbox {
-    border-radius: var(--mui-radius-md);
-  }
-
-  .mui-checkbox[data-size="xs"],
-  .mui-radio-group__item[data-size="xs"] {
-    width: var(--mui-choice-size-xs);
-    height: var(--mui-choice-size-xs);
-    flex-basis: var(--mui-choice-size-xs);
-  }
-
-  .mui-checkbox[data-size="sm"],
-  .mui-radio-group__item[data-size="sm"] {
-    width: var(--mui-choice-size-sm);
-    height: var(--mui-choice-size-sm);
-    flex-basis: var(--mui-choice-size-sm);
-  }
-
-  .mui-checkbox[data-size="md"],
-  .mui-radio-group__item[data-size="md"] {
-    width: var(--mui-choice-size-md);
-    height: var(--mui-choice-size-md);
-    flex-basis: var(--mui-choice-size-md);
-  }
-
-  .mui-checkbox[data-size="lg"],
-  .mui-radio-group__item[data-size="lg"] {
-    width: var(--mui-choice-size-lg);
-    height: var(--mui-choice-size-lg);
-    flex-basis: var(--mui-choice-size-lg);
-  }
-
-  .mui-checkbox:is(:hover, [data-hovered]):not([data-disabled]),
-  .mui-radio-group__item:is(:hover, [data-hovered]):not([data-disabled]) {
-    background: var(--mui-color-surface-hover);
-  }
-
-  .mui-checkbox[data-checked],
-  .mui-radio-group__item[data-checked] {
-    background: var(--mui-color-primary);
-    border-color: var(--mui-color-primary);
-  }
-
-  .mui-checkbox[data-disabled],
-  .mui-radio-group__item[data-disabled] {
-    cursor: not-allowed;
-    opacity: 0.55;
-  }
-
-  .mui-checkbox__indicator,
-  .mui-radio-group__indicator {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    height: 100%;
-  }
-
-  .mui-checkbox__indicator > svg {
-    width: 70%;
-    height: 70%;
-  }
-
-  .mui-switch {
-    display: inline-flex;
-    align-items: center;
-    width: var(--mui-switch-width-md);
-    height: var(--mui-switch-height-md);
-    border-radius: 999px;
-    border: 1px solid var(--mui-color-input);
-    background: var(--mui-color-muted);
-    padding: 1px;
-    outline: none;
-  }
-
-  .mui-switch[data-size="xs"] {
-    width: var(--mui-switch-width-xs);
-    height: var(--mui-switch-height-xs);
-  }
-
-  .mui-switch[data-size="sm"] {
-    width: var(--mui-switch-width-sm);
-    height: var(--mui-switch-height-sm);
-  }
-
-  .mui-switch[data-size="md"] {
-    width: var(--mui-switch-width-md);
-    height: var(--mui-switch-height-md);
-  }
-
-  .mui-switch[data-size="lg"] {
-    width: var(--mui-switch-width-lg);
-    height: var(--mui-switch-height-lg);
-  }
-
-  .mui-switch:is(:hover, [data-hovered]):not([data-disabled]) {
-    background: var(--mui-color-surface-hover);
-  }
-
-  .mui-switch[data-checked] {
-    background: var(--mui-color-primary);
-    border-color: var(--mui-color-primary);
-  }
-
-  .mui-switch[data-disabled] {
-    cursor: not-allowed;
-    opacity: 0.55;
-  }
-
-  .mui-switch__thumb {
-    display: block;
-    width: calc(var(--mui-switch-height-md) - 0.25rem);
-    height: calc(var(--mui-switch-height-md) - 0.25rem);
-    border-radius: 999px;
-    background: var(--mui-color-card);
-    box-shadow: var(--mui-shadow-sm);
-    transform: translateX(0);
-  }
-
-  .mui-switch[data-checked] .mui-switch__thumb {
-    transform: translateX(calc(var(--mui-switch-width-md) - var(--mui-switch-height-md)));
-  }
-
-  .mui-switch[data-size="xs"] .mui-switch__thumb {
-    width: calc(var(--mui-switch-height-xs) - 0.25rem);
-    height: calc(var(--mui-switch-height-xs) - 0.25rem);
-  }
-
-  .mui-switch[data-size="sm"] .mui-switch__thumb {
-    width: calc(var(--mui-switch-height-sm) - 0.25rem);
-    height: calc(var(--mui-switch-height-sm) - 0.25rem);
-  }
-
-  .mui-switch[data-size="lg"] .mui-switch__thumb {
-    width: calc(var(--mui-switch-height-lg) - 0.25rem);
-    height: calc(var(--mui-switch-height-lg) - 0.25rem);
-  }
-
-  .mui-switch[data-size="xs"][data-checked] .mui-switch__thumb {
-    transform: translateX(calc(var(--mui-switch-width-xs) - var(--mui-switch-height-xs)));
-  }
-
-  .mui-switch[data-size="sm"][data-checked] .mui-switch__thumb {
-    transform: translateX(calc(var(--mui-switch-width-sm) - var(--mui-switch-height-sm)));
-  }
-
-  .mui-switch[data-size="lg"][data-checked] .mui-switch__thumb {
-    transform: translateX(calc(var(--mui-switch-width-lg) - var(--mui-switch-height-lg)));
-  }
-
-  .mui-radio-group {
-    display: grid;
-    gap: var(--mui-space-2);
-  }
-
-  .mui-radio-group__item {
-    border-radius: 999px;
-  }
-
-  .mui-radio-group__indicator::after {
-    content: "";
-    width: 45%;
-    height: 45%;
-    border-radius: 999px;
-    background: currentColor;
-    display: block;
-  }
-
-  .mui-dialog__overlay,
-  .mui-sheet__overlay {
-    position: fixed;
-    inset: 0;
-    z-index: var(--mui-z-index-overlay);
-    background: var(--mui-color-overlay);
-    animation: mui-fade-in 140ms ease;
-  }
-
-  [data-scope="dropdown-menu"][data-part="positioner"],
-  [data-scope="dropdown-menu"][data-part="sub-positioner"],
-  [data-scope="select"][data-part="positioner"] {
-    z-index: var(--mui-z-index-dropdown);
-  }
-
-  [data-scope="popover"][data-part="positioner"] {
-    z-index: var(--mui-z-index-popover);
-  }
-
-  [data-scope="tooltip"][data-part="positioner"] {
-    z-index: var(--mui-z-index-tooltip);
-  }
-
-  [data-mui-layer="modal"][data-part="positioner"],
-  [data-mui-layer="modal"][data-part="sub-positioner"] {
-    z-index: var(--mui-z-index-modal-popover);
-  }
-
-  .mui-dialog__content,
-  .mui-sheet__content,
-  .mui-popover__content,
-  .mui-select__content,
-  .mui-tooltip__content,
-  .mui-dropdown-menu__content,
-  .mui-calendar {
-    background: var(--mui-color-popover);
-    border: 1px solid var(--mui-color-border-subtle);
-    box-shadow: var(--mui-shadow-floating);
-    color: var(--mui-color-popover-foreground);
-  }
-
-  .mui-popover__content,
-  .mui-select__content,
-  .mui-tooltip__content,
-  .mui-dropdown-menu__content {
-    border-radius: var(--mui-radius-lg);
-  }
-
-  .mui-dialog__content,
-  .mui-sheet__content,
-  .mui-calendar {
-    border-radius: var(--mui-radius-xl);
-  }
-
-  .mui-dialog__content {
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    z-index: var(--mui-z-index-modal);
-    width: min(28rem, calc(100vw - 2rem));
-    max-height: calc(100vh - 2rem);
-    transform: translate(-50%, -50%);
-    padding: var(--mui-space-4);
-    display: grid;
-    gap: var(--mui-space-3);
-    overflow: auto;
-    box-shadow: var(--mui-shadow-modal);
-    animation: mui-dialog-in 160ms ease;
-  }
-
-  .mui-dialog__header,
-  .mui-dialog__footer {
-    display: flex;
-    gap: var(--mui-space-2);
-  }
-
-  .mui-dialog__header {
-    flex-direction: column;
-    padding-right: var(--mui-space-6);
-  }
-
-  .mui-dialog__footer {
-    justify-content: flex-end;
-    flex-wrap: wrap;
-  }
-
-  .mui-dialog__title {
-    font-size: var(--mui-text-lg);
-    font-weight: 600;
-    letter-spacing: 0;
-    line-height: 1.35;
-  }
-
-  .mui-dialog__description {
-    font-size: var(--mui-text-sm);
-    color: var(--mui-color-muted-foreground);
-    line-height: 1.5;
-  }
-
-  .mui-dialog__close,
-  .mui-sheet__close {
-    position: absolute;
-    top: var(--mui-space-3);
-    right: var(--mui-space-3);
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 2rem;
-    height: 2rem;
-    border: 0;
-    border-radius: var(--mui-radius-lg);
-    background: transparent;
-    color: var(--mui-color-muted-foreground);
-    cursor: pointer;
-    outline: none;
-  }
-
-  .mui-dialog__close:hover,
-  .mui-sheet__close:hover {
-    background: var(--mui-color-surface-hover);
-    color: var(--mui-color-foreground);
-  }
-
-  .mui-dialog__close:focus-visible,
-  .mui-sheet__close:focus-visible {
-    color: var(--mui-color-ring);
-  }
-
-  .mui-popover__content,
-  .mui-select__content,
-  .mui-dropdown-menu__content {
-    padding: var(--mui-space-1);
-    min-width: 10rem;
-    max-height: min(22rem, var(--available-height, calc(100vh - 1rem)));
-    overflow: auto;
-    font-size: var(--mui-text-sm);
-    line-height: 1.4;
-    animation: mui-surface-in 140ms ease;
-  }
-
-  .mui-popover__content {
-    padding: var(--mui-space-3);
-  }
-
-  .mui-select__content {
-    min-width: max(10rem, var(--anchor-width, 0px));
-  }
-
-  .mui-tooltip__content {
-    padding: var(--mui-space-1) var(--mui-space-2);
-    font-size: var(--mui-text-xs);
-    line-height: 1.35;
-    max-width: 16rem;
-    background: var(--mui-color-primary);
-    border-color: transparent;
-    color: var(--mui-color-primary-foreground);
-    box-shadow: var(--mui-shadow-floating);
-    animation: mui-surface-in 120ms ease;
-  }
-
-  .mui-dropdown-menu__item,
-  .mui-select__item,
-  .mui-dropdown-menu__sub-trigger {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: var(--mui-space-2);
-    width: 100%;
-    min-height: 2rem;
-    padding: 0 var(--mui-space-2);
-    border-radius: var(--mui-radius-md);
-    color: var(--mui-color-popover-foreground);
-    cursor: pointer;
-    outline: none;
-    font-size: var(--mui-text-sm);
-    line-height: 1.4;
-  }
-
-  .mui-dropdown-menu__item[data-highlighted],
-  .mui-select__item[data-highlighted],
-  .mui-dropdown-menu__sub-trigger[data-highlighted] {
-    background: var(--mui-color-accent);
-    color: var(--mui-color-accent-foreground);
-  }
-
-  .mui-dropdown-menu__item[data-disabled],
-  .mui-select__item[data-disabled],
-  .mui-dropdown-menu__sub-trigger[data-disabled] {
-    cursor: not-allowed;
-    opacity: 0.55;
-  }
-
-  .mui-dropdown-menu__item[data-variant="destructive"],
-  .mui-dropdown-menu__item[data-destructive],
-  .mui-select__item[data-variant="destructive"],
-  .mui-select__item[data-destructive] {
-    color: var(--mui-color-destructive);
-  }
-
-  .mui-dropdown-menu__item[data-variant="destructive"][data-highlighted],
-  .mui-dropdown-menu__item[data-destructive][data-highlighted],
-  .mui-select__item[data-variant="destructive"][data-highlighted],
-  .mui-select__item[data-destructive][data-highlighted] {
-    background: color-mix(in oklch, var(--mui-color-destructive) 14%, var(--mui-color-popover));
-    color: var(--mui-color-destructive);
-  }
-
-  .mui-dropdown-menu__label,
-  .mui-select__label {
-    padding: var(--mui-space-1) var(--mui-space-2);
-    font-size: var(--mui-text-xs);
-    font-weight: 500;
-    color: var(--mui-color-muted-foreground);
-    letter-spacing: 0;
-    line-height: 1.35;
-  }
-
-  .mui-dropdown-menu__separator,
-  .mui-select__separator {
-    height: 1px;
-    background: var(--mui-color-border-subtle);
-    margin: var(--mui-space-1);
-  }
-
-  .mui-select__trigger {
-    all: unset;
-    appearance: none;
-    box-sizing: border-box;
-    width: 100%;
-    border: 1px solid var(--mui-color-input);
-    border-radius: var(--mui-radius-xl);
-    background: var(--mui-color-card);
-    color: var(--mui-color-foreground);
-    font-size: var(--mui-control-font-size-md);
-    line-height: 1.4;
-    outline: none;
-    min-height: var(--mui-control-height-md);
-    padding: 0 var(--mui-control-padding-x-md);
-    display: inline-flex;
-    align-items: center;
-    justify-content: space-between;
-    gap: var(--mui-control-gap-md);
-  }
-
-  .mui-select__trigger:is(:hover, [data-hovered]):not([data-disabled]) {
-    background: var(--mui-color-surface-hover);
-  }
-
-  .mui-select__value-slot {
-    display: inline-flex;
-    align-items: center;
-    flex: 1 1 auto;
-    min-width: 0;
-  }
-
-  .mui-select__value {
-    color: var(--mui-color-foreground);
-  }
-
-  .mui-select__value[data-placeholder] {
-    color: var(--mui-color-text-faint);
-  }
-
-  .mui-select__icon-slot {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    flex: 0 0 auto;
-  }
-
-  .mui-select__icon {
-    color: var(--mui-color-muted-foreground);
-  }
-
-  .mui-select__viewport {
-    display: grid;
-    gap: 2px;
-  }
-
-  .mui-select__scroll-button {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 1.5rem;
-    color: var(--mui-color-muted-foreground);
-  }
-
-  .mui-select__item-leading,
-  .mui-dropdown-menu__item-leading,
-  .mui-dropdown-menu__item-trailing {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    width: 1rem;
-    flex: 0 0 1rem;
-    color: var(--mui-color-muted-foreground);
-  }
-
-  .mui-select__item-text,
-  .mui-dropdown-menu__item-text {
-    flex: 1 1 auto;
-    min-width: 0;
-    line-height: 1.4;
-  }
-
-  .mui-select__item-indicator,
-  .mui-dropdown-menu__item-indicator {
-    color: var(--mui-color-foreground);
-  }
-
-  .mui-dropdown-menu__shortcut {
-    display: inline-flex;
-    align-items: center;
-    margin-left: auto;
-    color: var(--mui-color-muted-foreground);
-    font-size: var(--mui-text-xs);
-    font-family: var(--mui-font-mono);
-    letter-spacing: 0;
-  }
-
-  .mui-sheet__content {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    z-index: var(--mui-z-index-modal);
-    width: min(22rem, calc(100vw - 1rem));
-    padding: var(--mui-space-4);
-    display: grid;
-    gap: var(--mui-space-3);
-    overflow: auto;
-    animation: mui-slide-in-right 180ms ease;
-  }
-
-  .mui-sheet__content[data-side="left"] {
-    left: 0;
-    animation-name: mui-slide-in-left;
-  }
-
-  .mui-sheet__content[data-side="right"] {
-    right: 0;
-  }
-
-  .mui-calendar {
-    padding: var(--mui-space-4);
-  }
-
-  .mui-calendar .rdp {
-    --rdp-cell-size: 2.25rem;
-    margin: 0;
-  }
-
-  .mui-calendar .rdp-caption_label {
-    font-weight: 600;
-  }
-
-  .mui-calendar .rdp-button_reset,
-  .mui-calendar .rdp-day_button {
-    border-radius: 999px;
-  }
-
-  .mui-calendar .rdp-day_button:hover {
-    background: var(--mui-color-accent);
-  }
-
-  .mui-calendar .rdp-selected .rdp-day_button {
-    background: var(--mui-color-primary);
-    color: var(--mui-color-primary-foreground);
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .mui-button,
-    .mui-input,
-    .mui-textarea,
-    .mui-badge,
-    .mui-checkbox,
-    .mui-switch,
-    .mui-switch__thumb,
-    .mui-radio-group__item,
-    .mui-select__trigger,
-    .mui-dialog__overlay,
-    .mui-sheet__overlay,
-    .mui-dialog__content,
-    .mui-popover__content,
-    .mui-select__content,
-    .mui-tooltip__content,
-    .mui-dropdown-menu__content,
-    .mui-sheet__content {
-      animation: none;
-      transition: none;
-    }
-  }
-}
-
-@layer mui.utilities {
-  .sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border: 0;
-  }
-
-  @keyframes mui-fade-in {
-    from { opacity: 0; }
-    to { opacity: 1; }
-  }
-
-  @keyframes mui-dialog-in {
-    from { opacity: 0; transform: translate(-50%, -48%) scale(0.98); }
-    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
-  }
-
-  @keyframes mui-surface-in {
-    from { opacity: 0; transform: translateY(4px); }
-    to { opacity: 1; transform: translateY(0); }
-  }
-
-  @keyframes mui-slide-in-right {
-    from { opacity: 0; transform: translateX(16px); }
-    to { opacity: 1; transform: translateX(0); }
-  }
-
-  @keyframes mui-slide-in-left {
-    from { opacity: 0; transform: translateX(-16px); }
-    to { opacity: 1; transform: translateX(0); }
-  }
-}