@ojiepermana/angular 22.0.1 → 22.0.27

package/theme/styles/integrations/material/button.css

@@ -1,468 +0,0 @@
-/**
- * Angular Material button overrides.
- *
- * Material buttons keep their native button and anchor semantics, keyboard
- * behavior, ripple handling, and focus monitoring while the visible surfaces
- * follow local theme tokens.
- */
-@layer tokens {
-  :root,
-  [data-style='default'] {
-    --ui-mat-button-border-width: var(--border-width);
-    --ui-mat-button-outline-color: hsl(var(--border));
-    --ui-mat-button-focus-outline-color: hsl(var(--ring));
-    --ui-mat-button-shape: var(--radius-sm);
-    --ui-mat-button-icon-shape: var(--radius-md);
-    --ui-mat-button-fab-shape: var(--radius-lg);
-    --ui-mat-button-brutal-shadow: 2px 2px 0 0 hsl(var(--foreground));
-
-    --mat-button-text-container-height: 2.25rem;
-    --mat-button-filled-container-height: 2.25rem;
-    --mat-button-outlined-container-height: 2.25rem;
-    --mat-button-protected-container-height: 2.25rem;
-    --mat-button-tonal-container-height: 2.25rem;
-
-    --mat-button-text-container-shape: var(--ui-mat-button-shape);
-    --mat-button-filled-container-shape: var(--ui-mat-button-shape);
-    --mat-button-outlined-container-shape: var(--ui-mat-button-shape);
-    --mat-button-protected-container-shape: var(--ui-mat-button-shape);
-    --mat-button-tonal-container-shape: var(--ui-mat-button-shape);
-
-    --mat-button-text-horizontal-padding: 0.875rem;
-    --mat-button-text-with-icon-horizontal-padding: 1rem;
-    --mat-button-filled-horizontal-padding: 1rem;
-    --mat-button-outlined-horizontal-padding: 1rem;
-    --mat-button-protected-horizontal-padding: 1rem;
-    --mat-button-tonal-horizontal-padding: 1rem;
-
-    --mat-button-text-label-text-font: var(--font-sans);
-    --mat-button-text-label-text-size: 0.875rem;
-    --mat-button-text-label-text-tracking: 0;
-    --mat-button-text-label-text-transform: none;
-    --mat-button-text-label-text-weight: 500;
-    --mat-button-filled-label-text-font: var(--font-sans);
-    --mat-button-filled-label-text-size: 0.875rem;
-    --mat-button-filled-label-text-tracking: 0;
-    --mat-button-filled-label-text-transform: none;
-    --mat-button-filled-label-text-weight: 500;
-    --mat-button-outlined-label-text-font: var(--font-sans);
-    --mat-button-outlined-label-text-size: 0.875rem;
-    --mat-button-outlined-label-text-tracking: 0;
-    --mat-button-outlined-label-text-transform: none;
-    --mat-button-outlined-label-text-weight: 500;
-    --mat-button-protected-label-text-font: var(--font-sans);
-    --mat-button-protected-label-text-size: 0.875rem;
-    --mat-button-protected-label-text-tracking: 0;
-    --mat-button-protected-label-text-transform: none;
-    --mat-button-protected-label-text-weight: 500;
-    --mat-button-tonal-label-text-font: var(--font-sans);
-    --mat-button-tonal-label-text-size: 0.875rem;
-    --mat-button-tonal-label-text-tracking: 0;
-    --mat-button-tonal-label-text-transform: none;
-    --mat-button-tonal-label-text-weight: 500;
-
-    --mat-button-text-label-text-color: hsl(var(--foreground));
-    --mat-button-text-state-layer-color: hsl(var(--foreground));
-    --mat-button-text-ripple-color: hsl(var(--foreground) / 0.12);
-    --mat-button-text-hover-state-layer-opacity: 0.08;
-    --mat-button-text-focus-state-layer-opacity: 0.12;
-    --mat-button-text-pressed-state-layer-opacity: 0.14;
-    --mat-button-text-disabled-label-text-color: hsl(var(--muted-foreground));
-    --mat-button-text-disabled-state-layer-color: hsl(var(--muted-foreground));
-
-    --mat-button-filled-container-color: hsl(var(--primary));
-    --mat-button-filled-label-text-color: hsl(var(--primary-foreground));
-    --mat-button-filled-state-layer-color: hsl(var(--primary-foreground));
-    --mat-button-filled-ripple-color: hsl(var(--primary-foreground) / 0.16);
-    --mat-button-filled-hover-state-layer-opacity: 0.08;
-    --mat-button-filled-focus-state-layer-opacity: 0.12;
-    --mat-button-filled-pressed-state-layer-opacity: 0.14;
-    --mat-button-filled-disabled-container-color: hsl(var(--muted));
-    --mat-button-filled-disabled-label-text-color: hsl(var(--muted-foreground));
-    --mat-button-filled-disabled-state-layer-color: hsl(var(--muted-foreground));
-
-    --mat-button-outlined-label-text-color: hsl(var(--foreground));
-    --mat-button-outlined-outline-color: var(--ui-mat-button-outline-color);
-    --mat-button-outlined-outline-width: var(--ui-mat-button-border-width);
-    --mat-button-outlined-state-layer-color: hsl(var(--foreground));
-    --mat-button-outlined-ripple-color: hsl(var(--foreground) / 0.12);
-    --mat-button-outlined-hover-state-layer-opacity: 0.08;
-    --mat-button-outlined-focus-state-layer-opacity: 0.12;
-    --mat-button-outlined-pressed-state-layer-opacity: 0.14;
-    --mat-button-outlined-disabled-outline-color: hsl(var(--border) / 0.72);
-    --mat-button-outlined-disabled-label-text-color: hsl(var(--muted-foreground));
-    --mat-button-outlined-disabled-state-layer-color: hsl(var(--muted-foreground));
-
-    --mat-button-protected-container-color: hsl(var(--card));
-    --mat-button-protected-label-text-color: hsl(var(--foreground));
-    --mat-button-protected-state-layer-color: hsl(var(--foreground));
-    --mat-button-protected-ripple-color: hsl(var(--foreground) / 0.12);
-    --mat-button-protected-hover-state-layer-opacity: 0.08;
-    --mat-button-protected-focus-state-layer-opacity: 0.12;
-    --mat-button-protected-pressed-state-layer-opacity: 0.14;
-    --mat-button-protected-container-elevation-shadow: var(--shadow-sm);
-    --mat-button-protected-hover-container-elevation-shadow: var(--shadow);
-    --mat-button-protected-focus-container-elevation-shadow: var(--shadow);
-    --mat-button-protected-pressed-container-elevation-shadow: var(--shadow-sm);
-    --mat-button-protected-disabled-container-color: hsl(var(--muted));
-    --mat-button-protected-disabled-label-text-color: hsl(var(--muted-foreground));
-    --mat-button-protected-disabled-state-layer-color: hsl(var(--muted-foreground));
-    --mat-button-protected-disabled-container-elevation-shadow: none;
-
-    --mat-button-tonal-container-color: hsl(var(--secondary));
-    --mat-button-tonal-label-text-color: hsl(var(--secondary-foreground));
-    --mat-button-tonal-state-layer-color: hsl(var(--secondary-foreground));
-    --mat-button-tonal-ripple-color: hsl(var(--secondary-foreground) / 0.16);
-    --mat-button-tonal-hover-state-layer-opacity: 0.08;
-    --mat-button-tonal-focus-state-layer-opacity: 0.12;
-    --mat-button-tonal-pressed-state-layer-opacity: 0.14;
-    --mat-button-tonal-disabled-container-color: hsl(var(--muted));
-    --mat-button-tonal-disabled-label-text-color: hsl(var(--muted-foreground));
-    --mat-button-tonal-disabled-state-layer-color: hsl(var(--muted-foreground));
-
-    --mat-icon-button-icon-size: 1rem;
-    --mat-icon-button-container-shape: var(--ui-mat-button-icon-shape);
-    --mat-icon-button-state-layer-size: 2.25rem;
-    --mat-icon-button-touch-target-size: 2.25rem;
-    --mat-icon-button-touch-target-display: block;
-    --mat-icon-button-icon-color: hsl(var(--foreground));
-    --mat-icon-button-state-layer-color: hsl(var(--foreground));
-    --mat-icon-button-ripple-color: hsl(var(--foreground) / 0.12);
-    --mat-icon-button-hover-state-layer-opacity: 0.08;
-    --mat-icon-button-focus-state-layer-opacity: 0.12;
-    --mat-icon-button-pressed-state-layer-opacity: 0.14;
-    --mat-icon-button-disabled-icon-color: hsl(var(--muted-foreground));
-    --mat-icon-button-disabled-state-layer-color: hsl(var(--muted-foreground));
-
-    --mat-fab-container-color: hsl(var(--primary));
-    --mat-fab-foreground-color: hsl(var(--primary-foreground));
-    --mat-fab-state-layer-color: hsl(var(--primary-foreground));
-    --mat-fab-ripple-color: hsl(var(--primary-foreground) / 0.18);
-    --mat-fab-hover-state-layer-opacity: 0.08;
-    --mat-fab-focus-state-layer-opacity: 0.12;
-    --mat-fab-pressed-state-layer-opacity: 0.14;
-    --mat-fab-container-shape: var(--ui-mat-button-fab-shape);
-    --mat-fab-container-elevation-shadow: var(--shadow);
-    --mat-fab-hover-container-elevation-shadow: var(--shadow-md);
-    --mat-fab-focus-container-elevation-shadow: var(--shadow-md);
-    --mat-fab-pressed-container-elevation-shadow: var(--shadow);
-    --mat-fab-touch-target-size: 2.75rem;
-    --mat-fab-touch-target-display: block;
-    --mat-fab-disabled-state-container-color: hsl(var(--muted));
-    --mat-fab-disabled-state-foreground-color: hsl(var(--muted-foreground));
-    --mat-fab-disabled-state-layer-color: hsl(var(--muted-foreground));
-
-    --mat-fab-small-container-color: hsl(var(--secondary));
-    --mat-fab-small-foreground-color: hsl(var(--secondary-foreground));
-    --mat-fab-small-state-layer-color: hsl(var(--secondary-foreground));
-    --mat-fab-small-ripple-color: hsl(var(--secondary-foreground) / 0.18);
-    --mat-fab-small-hover-state-layer-opacity: 0.08;
-    --mat-fab-small-focus-state-layer-opacity: 0.12;
-    --mat-fab-small-pressed-state-layer-opacity: 0.14;
-    --mat-fab-small-container-shape: var(--ui-mat-button-icon-shape);
-    --mat-fab-small-container-elevation-shadow: var(--shadow-sm);
-    --mat-fab-small-hover-container-elevation-shadow: var(--shadow);
-    --mat-fab-small-focus-container-elevation-shadow: var(--shadow);
-    --mat-fab-small-pressed-container-elevation-shadow: var(--shadow-sm);
-    --mat-fab-small-touch-target-size: 2.25rem;
-    --mat-fab-small-touch-target-display: block;
-    --mat-fab-small-disabled-state-container-color: hsl(var(--muted));
-    --mat-fab-small-disabled-state-foreground-color: hsl(var(--muted-foreground));
-    --mat-fab-small-disabled-state-layer-color: hsl(var(--muted-foreground));
-
-    --mat-fab-extended-container-height: 2.75rem;
-    --mat-fab-extended-container-shape: var(--ui-mat-button-fab-shape);
-    --mat-fab-extended-container-elevation-shadow: var(--shadow);
-    --mat-fab-extended-hover-container-elevation-shadow: var(--shadow-md);
-    --mat-fab-extended-focus-container-elevation-shadow: var(--shadow-md);
-    --mat-fab-extended-pressed-container-elevation-shadow: var(--shadow);
-    --mat-fab-extended-label-text-font: var(--font-sans);
-    --mat-fab-extended-label-text-size: 0.875rem;
-    --mat-fab-extended-label-text-tracking: 0;
-    --mat-fab-extended-label-text-weight: 500;
-  }
-
-  [data-style='sharp'] {
-    --ui-mat-button-shape: 0;
-    --ui-mat-button-icon-shape: 0;
-    --ui-mat-button-fab-shape: 0;
-
-    --mat-button-text-container-shape: 0;
-    --mat-button-filled-container-shape: 0;
-    --mat-button-outlined-container-shape: 0;
-    --mat-button-protected-container-shape: 0;
-    --mat-button-tonal-container-shape: 0;
-    --mat-icon-button-container-shape: 0;
-    --mat-fab-container-shape: 0;
-    --mat-fab-small-container-shape: 0;
-    --mat-fab-extended-container-shape: 0;
-
-    --mat-button-protected-container-elevation-shadow: none;
-    --mat-button-protected-hover-container-elevation-shadow: none;
-    --mat-button-protected-focus-container-elevation-shadow: none;
-    --mat-button-protected-pressed-container-elevation-shadow: none;
-    --mat-fab-container-elevation-shadow: none;
-    --mat-fab-hover-container-elevation-shadow: none;
-    --mat-fab-focus-container-elevation-shadow: none;
-    --mat-fab-pressed-container-elevation-shadow: none;
-    --mat-fab-small-container-elevation-shadow: none;
-    --mat-fab-small-hover-container-elevation-shadow: none;
-    --mat-fab-small-focus-container-elevation-shadow: none;
-    --mat-fab-small-pressed-container-elevation-shadow: none;
-    --mat-fab-extended-container-elevation-shadow: none;
-    --mat-fab-extended-hover-container-elevation-shadow: none;
-    --mat-fab-extended-focus-container-elevation-shadow: none;
-    --mat-fab-extended-pressed-container-elevation-shadow: none;
-  }
-
-  [data-style='brutal'] {
-    --ui-mat-button-outline-color: hsl(var(--foreground));
-    --ui-mat-button-focus-outline-color: hsl(var(--foreground));
-    --ui-mat-button-shape: 0;
-    --ui-mat-button-icon-shape: 0;
-    --ui-mat-button-fab-shape: 0;
-
-    --mat-button-text-container-shape: 0;
-    --mat-button-filled-container-shape: 0;
-    --mat-button-outlined-container-shape: 0;
-    --mat-button-protected-container-shape: 0;
-    --mat-button-tonal-container-shape: 0;
-    --mat-icon-button-container-shape: 0;
-    --mat-fab-container-shape: 0;
-    --mat-fab-small-container-shape: 0;
-    --mat-fab-extended-container-shape: 0;
-
-    --mat-button-filled-container-color: hsl(var(--foreground));
-    --mat-button-filled-label-text-color: hsl(var(--background));
-    --mat-button-filled-state-layer-color: hsl(var(--background));
-    --mat-button-filled-ripple-color: hsl(var(--background) / 0.18);
-    --mat-button-protected-container-color: hsl(var(--background));
-    --mat-button-protected-label-text-color: hsl(var(--foreground));
-    --mat-button-protected-state-layer-color: hsl(var(--foreground));
-    --mat-button-protected-ripple-color: hsl(var(--foreground) / 0.12);
-    --mat-button-protected-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-button-protected-hover-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-button-protected-focus-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-button-protected-pressed-container-elevation-shadow: none;
-    --mat-button-tonal-container-color: hsl(var(--accent));
-    --mat-button-tonal-label-text-color: hsl(var(--accent-foreground));
-    --mat-button-tonal-state-layer-color: hsl(var(--accent-foreground));
-    --mat-icon-button-icon-color: hsl(var(--foreground));
-    --mat-icon-button-state-layer-color: hsl(var(--foreground));
-
-    --mat-fab-container-color: hsl(var(--foreground));
-    --mat-fab-foreground-color: hsl(var(--background));
-    --mat-fab-state-layer-color: hsl(var(--background));
-    --mat-fab-ripple-color: hsl(var(--background) / 0.18);
-    --mat-fab-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-hover-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-focus-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-pressed-container-elevation-shadow: none;
-
-    --mat-fab-small-container-color: hsl(var(--background));
-    --mat-fab-small-foreground-color: hsl(var(--foreground));
-    --mat-fab-small-state-layer-color: hsl(var(--foreground));
-    --mat-fab-small-ripple-color: hsl(var(--foreground) / 0.18);
-    --mat-fab-small-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-small-hover-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-small-focus-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-small-pressed-container-elevation-shadow: none;
-
-    --mat-fab-extended-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-extended-hover-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-extended-focus-container-elevation-shadow: var(--ui-mat-button-brutal-shadow);
-    --mat-fab-extended-pressed-container-elevation-shadow: none;
-  }
-
-  [data-style='soft'] {
-    --ui-mat-button-outline-color: hsl(var(--border) / 0.72);
-    --ui-mat-button-shape: var(--radius-md);
-    --ui-mat-button-icon-shape: var(--radius-lg);
-    --ui-mat-button-fab-shape: calc(var(--radius-lg) + 0.25rem);
-
-    --mat-button-text-container-shape: var(--radius-md);
-    --mat-button-filled-container-shape: var(--radius-md);
-    --mat-button-outlined-container-shape: var(--radius-md);
-    --mat-button-protected-container-shape: var(--radius-md);
-    --mat-button-tonal-container-shape: var(--radius-md);
-    --mat-icon-button-container-shape: var(--radius-lg);
-    --mat-fab-container-shape: calc(var(--radius-lg) + 0.25rem);
-    --mat-fab-small-container-shape: var(--radius-lg);
-    --mat-fab-extended-container-shape: calc(var(--radius-lg) + 0.25rem);
-
-    --mat-button-protected-container-color: hsl(var(--background));
-    --mat-button-protected-container-elevation-shadow: 0 10px 24px hsl(var(--foreground) / 0.08);
-    --mat-button-protected-hover-container-elevation-shadow: 0 14px 28px hsl(var(--foreground) / 0.1);
-    --mat-button-protected-focus-container-elevation-shadow: 0 14px 28px hsl(var(--foreground) / 0.1);
-    --mat-button-protected-pressed-container-elevation-shadow: 0 8px 18px hsl(var(--foreground) / 0.08);
-    --mat-button-tonal-container-color: hsl(var(--accent));
-    --mat-button-tonal-label-text-color: hsl(var(--accent-foreground));
-    --mat-button-tonal-state-layer-color: hsl(var(--accent-foreground));
-
-    --mat-fab-container-elevation-shadow: 0 12px 28px hsl(var(--foreground) / 0.14);
-    --mat-fab-hover-container-elevation-shadow: 0 16px 32px hsl(var(--foreground) / 0.16);
-    --mat-fab-focus-container-elevation-shadow: 0 16px 32px hsl(var(--foreground) / 0.16);
-    --mat-fab-pressed-container-elevation-shadow: 0 10px 20px hsl(var(--foreground) / 0.14);
-    --mat-fab-small-container-elevation-shadow: 0 8px 20px hsl(var(--foreground) / 0.1);
-    --mat-fab-small-hover-container-elevation-shadow: 0 12px 24px hsl(var(--foreground) / 0.12);
-    --mat-fab-small-focus-container-elevation-shadow: 0 12px 24px hsl(var(--foreground) / 0.12);
-    --mat-fab-small-pressed-container-elevation-shadow: 0 8px 18px hsl(var(--foreground) / 0.1);
-    --mat-fab-extended-container-elevation-shadow: 0 12px 28px hsl(var(--foreground) / 0.14);
-    --mat-fab-extended-hover-container-elevation-shadow: 0 16px 32px hsl(var(--foreground) / 0.16);
-    --mat-fab-extended-focus-container-elevation-shadow: 0 16px 32px hsl(var(--foreground) / 0.16);
-    --mat-fab-extended-pressed-container-elevation-shadow: 0 10px 20px hsl(var(--foreground) / 0.14);
-  }
-}
-
-@layer components {
-  .mat-mdc-button-base,
-  .mat-mdc-fab-base {
-    @apply align-middle transition-[transform,box-shadow,border-color,background-color,color];
-  }
-
-  .mat-mdc-button-base .mat-mdc-button-ripple,
-  .mat-mdc-button-base .mat-mdc-button-persistent-ripple,
-  .mat-mdc-button-base .mat-mdc-button-persistent-ripple::before,
-  .mat-mdc-button-base .mat-focus-indicator,
-  .mat-mdc-button-base .mat-focus-indicator::before,
-  .mat-mdc-fab-base .mat-mdc-button-ripple,
-  .mat-mdc-fab-base .mat-mdc-button-persistent-ripple,
-  .mat-mdc-fab-base .mat-mdc-button-persistent-ripple::before,
-  .mat-mdc-fab-base .mat-focus-indicator,
-  .mat-mdc-fab-base .mat-focus-indicator::before {
-    border-radius: inherit;
-  }
-
-  .mat-mdc-button-base:focus-visible > .mat-focus-indicator::before,
-  .mat-mdc-fab-base:focus-visible > .mat-focus-indicator::before {
-    outline: 2px solid var(--ui-mat-button-focus-outline-color);
-    outline-offset: 3px;
-  }
-
-  .mat-mdc-button-base:hover:not([disabled]):not(.mat-mdc-button-disabled),
-  .mat-mdc-fab-base:hover:not([disabled]):not(.mat-mdc-button-disabled) {
-    transform: translateY(-1px);
-  }
-
-  .mat-mdc-button-base .mat-icon,
-  .mat-mdc-fab-base .mat-icon {
-    @apply text-base;
-  }
-
-  button.mat-mdc-button,
-  a.mat-mdc-button,
-  button.mat-mdc-unelevated-button,
-  a.mat-mdc-unelevated-button,
-  button.mat-mdc-raised-button,
-  a.mat-mdc-raised-button,
-  button.mat-mdc-outlined-button,
-  a.mat-mdc-outlined-button,
-  button.mat-tonal-button,
-  a.mat-tonal-button,
-  button.mat-mdc-button .mdc-button__ripple,
-  a.mat-mdc-button .mdc-button__ripple,
-  button.mat-mdc-unelevated-button .mdc-button__ripple,
-  a.mat-mdc-unelevated-button .mdc-button__ripple,
-  button.mat-mdc-raised-button .mdc-button__ripple,
-  a.mat-mdc-raised-button .mdc-button__ripple,
-  button.mat-mdc-outlined-button .mdc-button__ripple,
-  a.mat-mdc-outlined-button .mdc-button__ripple,
-  button.mat-tonal-button .mdc-button__ripple,
-  a.mat-tonal-button .mdc-button__ripple {
-    border-radius: var(--ui-mat-button-shape);
-  }
-
-  button.mat-mdc-icon-button,
-  a.mat-mdc-icon-button,
-  button.mat-mdc-mini-fab,
-  a.mat-mdc-mini-fab {
-    border-radius: var(--ui-mat-button-icon-shape);
-  }
-
-  button.mat-mdc-fab,
-  a.mat-mdc-fab,
-  button.mat-mdc-extended-fab,
-  a.mat-mdc-extended-fab {
-    border-radius: var(--ui-mat-button-fab-shape);
-  }
-
-  button.mat-mdc-icon-button.mat-mdc-button-base,
-  a.mat-mdc-icon-button.mat-mdc-button-base {
-    width: var(--mat-icon-button-state-layer-size);
-    height: var(--mat-icon-button-state-layer-size);
-    padding: 0.625rem;
-  }
-
-  [data-style='default'] .mat-mdc-fab,
-  [data-style='sharp'] .mat-mdc-fab,
-  [data-style='brutal'] .mat-mdc-fab,
-  [data-style='soft'] .mat-mdc-fab {
-    width: 2.75rem;
-    height: 2.75rem;
-  }
-
-  [data-style='default'] .mat-mdc-mini-fab,
-  [data-style='sharp'] .mat-mdc-mini-fab,
-  [data-style='brutal'] .mat-mdc-mini-fab,
-  [data-style='soft'] .mat-mdc-mini-fab {
-    width: 2.25rem;
-    height: 2.25rem;
-  }
-
-  [data-style='default'] .mat-mdc-extended-fab,
-  [data-style='sharp'] .mat-mdc-extended-fab,
-  [data-style='brutal'] .mat-mdc-extended-fab,
-  [data-style='soft'] .mat-mdc-extended-fab {
-    @apply px-4;
-
-    height: var(--mat-fab-extended-container-height);
-    min-width: 0;
-  }
-
-  .mat-mdc-button[disabled],
-  .mat-mdc-unelevated-button[disabled],
-  .mat-mdc-raised-button[disabled],
-  .mat-mdc-outlined-button[disabled],
-  .mat-tonal-button[disabled],
-  .mat-mdc-button.mat-mdc-button-disabled,
-  .mat-mdc-unelevated-button.mat-mdc-button-disabled,
-  .mat-mdc-raised-button.mat-mdc-button-disabled,
-  .mat-mdc-outlined-button.mat-mdc-button-disabled,
-  .mat-tonal-button.mat-mdc-button-disabled,
-  .mat-mdc-icon-button[disabled],
-  .mat-mdc-icon-button.mat-mdc-button-disabled,
-  .mat-mdc-fab[disabled],
-  .mat-mdc-fab.mat-mdc-button-disabled,
-  .mat-mdc-mini-fab[disabled],
-  .mat-mdc-mini-fab.mat-mdc-button-disabled,
-  .mat-mdc-extended-fab[disabled],
-  .mat-mdc-extended-fab.mat-mdc-button-disabled {
-    @apply opacity-70;
-  }
-
-  [data-style='sharp'] .mat-mdc-button-base:hover:not([disabled]):not(.mat-mdc-button-disabled),
-  [data-style='sharp'] .mat-mdc-fab-base:hover:not([disabled]):not(.mat-mdc-button-disabled) {
-    transform: none;
-  }
-
-  [data-style='brutal'] .mat-mdc-unelevated-button,
-  [data-style='brutal'] .mat-mdc-raised-button,
-  [data-style='brutal'] .mat-mdc-outlined-button,
-  [data-style='brutal'] .mat-tonal-button,
-  [data-style='brutal'] .mat-mdc-fab,
-  [data-style='brutal'] .mat-mdc-mini-fab,
-  [data-style='brutal'] .mat-mdc-extended-fab {
-    box-shadow: var(--ui-mat-button-brutal-shadow);
-  }
-
-  [data-style='brutal'] .mat-mdc-unelevated-button:hover:not([disabled]):not(.mat-mdc-button-disabled),
-  [data-style='brutal'] .mat-mdc-raised-button:hover:not([disabled]):not(.mat-mdc-button-disabled),
-  [data-style='brutal'] .mat-mdc-outlined-button:hover:not([disabled]):not(.mat-mdc-button-disabled),
-  [data-style='brutal'] .mat-tonal-button:hover:not([disabled]):not(.mat-mdc-button-disabled),
-  [data-style='brutal'] .mat-mdc-fab:hover:not([disabled]):not(.mat-mdc-button-disabled),
-  [data-style='brutal'] .mat-mdc-mini-fab:hover:not([disabled]):not(.mat-mdc-button-disabled),
-  [data-style='brutal'] .mat-mdc-extended-fab:hover:not([disabled]):not(.mat-mdc-button-disabled) {
-    transform: translate(1px, 1px);
-    box-shadow: none;
-  }
-}

package/theme/styles/integrations/material/dialog.css

@@ -1,152 +0,0 @@
-/**
- * Angular Material dialog overrides.
- *
- * The dialog keeps MatDialog focus management, ARIA roles, and overlay
- * behavior while the surface follows the local shadcn-like theme tokens.
- */
-@layer tokens {
-  :root,
-  [data-style='default'] {
-    --mat-dialog-container-color: hsl(var(--popover));
-    --mat-dialog-container-shape: var(--radius-lg);
-    --mat-dialog-container-elevation-shadow: var(--shadow-lg);
-    --mat-dialog-container-max-width: min(calc(100vw - 2rem), 32rem);
-    --mat-dialog-container-small-max-width: calc(100vw - 2rem);
-    --mat-dialog-container-min-width: 0;
-    --mat-dialog-actions-alignment: flex-end;
-    --mat-dialog-actions-padding: 1rem 1.5rem 1.5rem;
-    --mat-dialog-content-padding: 0 1.5rem 1.5rem;
-    --mat-dialog-headline-padding: 1.5rem 1.5rem 0.5rem;
-    --mat-dialog-with-actions-content-padding: 0 1.5rem 0.25rem;
-    --mat-dialog-subhead-color: hsl(var(--popover-foreground));
-    --mat-dialog-supporting-text-color: hsl(var(--muted-foreground));
-    --mat-dialog-subhead-font: var(--font-sans);
-    --mat-dialog-subhead-line-height: 1.75rem;
-    --mat-dialog-subhead-size: 1.125rem;
-    --mat-dialog-subhead-tracking: 0;
-    --mat-dialog-subhead-weight: 600;
-    --mat-dialog-supporting-text-font: var(--font-sans);
-    --mat-dialog-supporting-text-line-height: 1.5rem;
-    --mat-dialog-supporting-text-size: 0.875rem;
-    --mat-dialog-supporting-text-tracking: 0;
-    --mat-dialog-supporting-text-weight: 400;
-
-    --ui-mat-dialog-backdrop-background: hsl(var(--foreground) / 0.5);
-    --ui-mat-dialog-border-color: hsl(var(--border));
-    --ui-mat-dialog-border-width: var(--border-width);
-    --ui-mat-dialog-actions-border-color: transparent;
-    --ui-mat-dialog-focus-ring-color: hsl(var(--ring));
-  }
-
-  [data-style='sharp'] {
-    --mat-dialog-container-shape: 0;
-    --mat-dialog-container-elevation-shadow: none;
-    --ui-mat-dialog-backdrop-background: hsl(var(--foreground) / 0.42);
-  }
-
-  [data-style='brutal'] {
-    --mat-dialog-container-shape: 0;
-    --mat-dialog-container-elevation-shadow: var(--shadow-lg);
-    --ui-mat-dialog-backdrop-background: hsl(var(--foreground) / 0.36);
-    --ui-mat-dialog-border-color: hsl(var(--foreground));
-    --ui-mat-dialog-border-width: var(--border-width);
-  }
-
-  [data-style='soft'] {
-    --mat-dialog-container-shape: calc(var(--radius-lg) + 0.375rem);
-    --mat-dialog-container-elevation-shadow: var(--shadow-lg);
-    --ui-mat-dialog-backdrop-background: hsl(var(--foreground) / 0.32);
-    --ui-mat-dialog-border-color: hsl(var(--border) / 0.72);
-  }
-}
-
-@layer components {
-  .cdk-overlay-backdrop.cdk-overlay-dark-backdrop {
-    background-color: var(--ui-mat-dialog-backdrop-background);
-  }
-
-  .cdk-overlay-pane.mat-mdc-dialog-panel {
-    @apply box-border;
-  }
-
-  .cdk-overlay-pane.mat-mdc-dialog-panel.ui-mat-dialog-wide {
-    --mat-dialog-container-max-width: min(calc(100vw - 2rem), 42rem);
-  }
-
-  .cdk-overlay-pane.mat-mdc-dialog-panel.ui-mat-dialog-compact {
-    --mat-dialog-container-max-width: min(calc(100vw - 2rem), 26rem);
-  }
-
-  .cdk-overlay-pane.mat-mdc-dialog-panel.ui-mat-dialog-alert {
-    --ui-mat-dialog-border-color: hsl(var(--destructive) / 0.42);
-  }
-
-  .mat-mdc-dialog-container {
-    @apply text-popover-foreground;
-  }
-
-  .mat-mdc-dialog-container .mat-mdc-dialog-surface {
-    @apply border bg-popover text-popover-foreground;
-
-    border-color: var(--ui-mat-dialog-border-color) !important;
-    border-width: var(--ui-mat-dialog-border-width) !important;
-    border-radius: var(--mat-dialog-container-shape) !important;
-    background-color: var(--mat-dialog-container-color) !important;
-    box-shadow: var(--mat-dialog-container-elevation-shadow) !important;
-  }
-
-  .mat-mdc-dialog-container .mat-mdc-dialog-surface:focus-visible {
-    outline: 2px solid var(--ui-mat-dialog-focus-ring-color);
-    outline-offset: 2px;
-  }
-
-  .mat-mdc-dialog-container .mat-mdc-dialog-title {
-    @apply m-0 text-lg font-semibold text-popover-foreground;
-
-    letter-spacing: 0;
-  }
-
-  .mat-mdc-dialog-container .mat-mdc-dialog-title::before {
-    display: none;
-  }
-
-  .mat-mdc-dialog-container .mat-mdc-dialog-content {
-    @apply text-sm text-muted-foreground;
-
-    line-height: 1.5rem;
-  }
-
-  .mat-mdc-dialog-container .mat-mdc-dialog-content p + p {
-    @apply mt-3;
-  }
-
-  .mat-mdc-dialog-container .mat-mdc-dialog-actions {
-    @apply gap-2;
-
-    min-height: auto;
-    border-top-color: var(--ui-mat-dialog-actions-border-color);
-  }
-
-  .mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-mdc-button-base + .mat-mdc-button-base,
-  .mat-mdc-dialog-container .mat-mdc-dialog-actions .mat-button-base + .mat-button-base {
-    margin-left: 0;
-  }
-
-  [data-style='brutal'] .mat-mdc-dialog-container .mat-mdc-dialog-surface {
-    @apply border-2;
-  }
-
-  [data-style='sharp'] .mat-mdc-dialog-container .mat-mdc-dialog-surface {
-    @apply shadow-none;
-  }
-
-  @media (max-width: 640px) {
-    .mat-mdc-dialog-container .mat-mdc-dialog-actions {
-      @apply flex-col-reverse items-stretch;
-    }
-
-    .mat-mdc-dialog-container .mat-mdc-dialog-actions button {
-      @apply w-full;
-    }
-  }
-}