@moldable-ai/ui 0.2.29 → 0.2.32

package/src/tokens/macos-27/source/overlays-status.generated.css

@@ -0,0 +1,931 @@
+/*
+ * Generated presentation and status source data.
+ * Source: macOS 27.
+ * Values only. No artwork, symbols, vectors, images, or component code.
+ *
+ * Appearance, layout, placement, activity, size, and progress remain
+ * independent state axes. Reference dimensions are retained as references.
+ */
+
+[data-ui-platform='macos'][data-ui-platform-version='27'] {
+  /* Shared geometry */
+  --m27-source-presentation-corner-smoothing: 60%;
+  --m27-source-presentation-pill-radius: 100px;
+  --m27-source-modal-overlay: #00000033;
+
+  /* Alert geometry */
+  --m27-source-alert-width: 260px;
+  --m27-source-alert-stacked-height: 216px;
+  --m27-source-alert-side-by-side-height: 152px;
+  --m27-source-alert-radius: 10px;
+  --m27-source-alert-padding-block-start: 20px;
+  --m27-source-alert-padding-inline-end: 16px;
+  --m27-source-alert-padding-block-end: 16px;
+  --m27-source-alert-padding-inline-start: 16px;
+  --m27-source-alert-major-gap: 14px;
+  --m27-source-alert-text-width: 228px;
+  --m27-source-alert-text-height: 70px;
+  --m27-source-alert-text-padding-inline: 6px;
+  --m27-source-alert-text-padding-block-end: 2px;
+  --m27-source-alert-text-gap: 10px;
+  --m27-source-alert-icon-region-width: 228px;
+  --m27-source-alert-icon-region-height: 64px;
+  --m27-source-alert-icon-region-padding-inline: 6px;
+  --m27-source-alert-icon-region-gap: 10px;
+  --m27-source-alert-actions-offset-block-start: 104px;
+  --m27-source-alert-stacked-actions-width: 228px;
+  --m27-source-alert-stacked-actions-height: 96px;
+  --m27-source-alert-stacked-action-width: 228px;
+  --m27-source-alert-stacked-action-height: 28px;
+  --m27-source-alert-stacked-action-gap: 6px;
+  --m27-source-alert-side-by-side-actions-width: 228px;
+  --m27-source-alert-side-by-side-actions-height: 32px;
+  --m27-source-alert-side-by-side-action-width: 110px;
+  --m27-source-alert-side-by-side-action-height: 32px;
+  --m27-source-alert-side-by-side-action-gap: 8px;
+  --m27-source-alert-action-reference-width: 160px;
+  --m27-source-alert-action-reference-height: 28px;
+  --m27-source-alert-action-radius: 100px;
+  --m27-source-alert-action-padding-inline: 8px;
+  --m27-source-alert-destructive-background-opacity: 0.23;
+
+  /* Alert typography */
+  --m27-source-alert-title-font-size: 13px;
+  --m27-source-alert-title-line-height: 16px;
+  --m27-source-alert-title-font-weight: 700;
+  --m27-source-alert-title-letter-spacing: 0;
+  --m27-source-alert-message-font-size: 11px;
+  --m27-source-alert-message-line-height: 14px;
+  --m27-source-alert-message-font-weight: 400;
+  --m27-source-alert-message-letter-spacing: 0;
+  --m27-source-alert-action-font-size: 13px;
+  --m27-source-alert-action-line-height: 16px;
+  --m27-source-alert-action-font-weight: 500;
+  --m27-source-alert-action-letter-spacing: 0;
+
+  /* Alert large-material geometry and effects */
+  --m27-source-alert-material-glass-radius: 16px;
+  --m27-source-alert-material-shadow-offset-x: 0px;
+  --m27-source-alert-material-shadow-offset-y: 18px;
+  --m27-source-alert-material-shadow-blur: 48px;
+  --m27-source-alert-material-shadow-spread: 0px;
+  --m27-source-alert-material-perimeter-offset-x: 0px;
+  --m27-source-alert-material-perimeter-offset-y: 0px;
+  --m27-source-alert-material-perimeter-blur: 0px;
+  --m27-source-alert-material-perimeter-spread: 0.5px;
+  --m27-source-alert-material-side-edge-offset: 1.25px;
+  --m27-source-alert-material-side-edge-blur: 0px;
+  --m27-source-alert-material-side-edge-spread: -0.75px;
+  --m27-source-alert-material-inner-edge-offset-x: 0px;
+  --m27-source-alert-material-inner-edge-offset-y-positive: 40px;
+  --m27-source-alert-material-inner-edge-offset-y-negative: -40px;
+  --m27-source-alert-material-inner-edge-blur: 10px;
+  --m27-source-alert-material-inner-edge-spread: -40px;
+
+  /* Compact dialog reference */
+  --m27-source-dialog-radius: 16px;
+  --m27-source-dialog-compact-reference-width: 390px;
+  --m27-source-dialog-compact-reference-height: 318px;
+  --m27-source-dialog-compact-form-width: 390px;
+  --m27-source-dialog-compact-form-height: 262px;
+  --m27-source-dialog-compact-form-padding-block-start: 20px;
+  --m27-source-dialog-compact-form-padding-inline: 40px;
+  --m27-source-dialog-compact-form-padding-block-end: 10px;
+  --m27-source-dialog-compact-column-gap: 6px;
+  --m27-source-dialog-compact-label-column-width: 81px;
+  --m27-source-dialog-compact-control-column-width: 223px;
+  --m27-source-dialog-compact-column-height: 232px;
+  --m27-source-dialog-compact-control-height: 24px;
+  --m27-source-dialog-compact-popup-width: 223px;
+  --m27-source-dialog-compact-short-popup-width: 191px;
+  --m27-source-dialog-compact-actions-height: 56px;
+  --m27-source-dialog-compact-actions-padding-block-start: 12px;
+  --m27-source-dialog-compact-actions-padding-inline: 20px;
+  --m27-source-dialog-compact-actions-padding-block-end: 20px;
+  --m27-source-dialog-compact-action-gap: 8px;
+  --m27-source-dialog-compact-leading-action-width: 73px;
+  --m27-source-dialog-compact-flex-reference-width: 105px;
+  --m27-source-dialog-compact-trailing-action-width: 74px;
+  --m27-source-dialog-compact-default-action-width: 74px;
+
+  /* Expanded dialog reference */
+  --m27-source-dialog-expanded-reference-width: 1000px;
+  --m27-source-dialog-expanded-reference-height: 448px;
+  --m27-source-dialog-expanded-sidebar-width: 210px;
+  --m27-source-dialog-expanded-main-width: 790px;
+  --m27-source-dialog-expanded-form-height: 153px;
+  --m27-source-dialog-expanded-form-padding-block-start: 0px;
+  --m27-source-dialog-expanded-form-padding-inline-end: 20px;
+  --m27-source-dialog-expanded-form-padding-block-end: 12px;
+  --m27-source-dialog-expanded-form-padding-inline-start: 12px;
+  --m27-source-dialog-expanded-form-gap: 8px;
+  --m27-source-dialog-expanded-column-leading-width: 256.5px;
+  --m27-source-dialog-expanded-column-center-width: 229px;
+  --m27-source-dialog-expanded-column-trailing-width: 256.5px;
+  --m27-source-dialog-expanded-browser-offset-block-start: 173px;
+  --m27-source-dialog-expanded-browser-height: 219px;
+  --m27-source-dialog-expanded-column-header-height: 28px;
+  --m27-source-dialog-expanded-first-row-offset-block-start: 31px;
+  --m27-source-dialog-expanded-row-height: 20px;
+  --m27-source-dialog-expanded-actions-offset-block-start: 392px;
+  --m27-source-dialog-expanded-actions-height: 56px;
+  --m27-source-dialog-expanded-actions-padding-block-start: 12px;
+  --m27-source-dialog-expanded-actions-padding-inline: 20px;
+  --m27-source-dialog-expanded-actions-padding-block-end: 20px;
+  --m27-source-dialog-expanded-action-gap: 8px;
+  --m27-source-dialog-expanded-leading-primary-action-width: 104px;
+  --m27-source-dialog-expanded-leading-secondary-action-width: 73px;
+  --m27-source-dialog-expanded-trailing-action-width: 74px;
+
+  /* Dialog effects */
+  --m27-source-dialog-shadow-offset-x: 0px;
+  --m27-source-dialog-shadow-offset-y: 18px;
+  --m27-source-dialog-shadow-blur: 54px;
+  --m27-source-dialog-shadow-spread: 0px;
+  --m27-source-dialog-shadow-color: #0000004d;
+  --m27-source-dialog-halo-offset-x: 0px;
+  --m27-source-dialog-halo-offset-y: 0px;
+  --m27-source-dialog-halo-blur: 1px;
+  --m27-source-dialog-halo-spread: 0px;
+  --m27-source-dialog-halo-color: #000000cc;
+
+  /* Notification geometry */
+  --m27-source-notification-width: 344px;
+  --m27-source-notification-authored-reference-height: 77px;
+  --m27-source-notification-min-height: 56px;
+  --m27-source-notification-one-line-height: 56px;
+  --m27-source-notification-two-line-message-height: 72px;
+  --m27-source-notification-line-increment: 16px;
+  --m27-source-notification-padding-block: 12px;
+  --m27-source-notification-padding-inline-end: 14px;
+  --m27-source-notification-padding-inline-start: 10px;
+  --m27-source-notification-gap: 8px;
+  --m27-source-notification-icon-region-width: 40px;
+  --m27-source-notification-icon-region-padding-inline: 4px;
+  --m27-source-notification-one-line-content-width: 242px;
+  --m27-source-notification-one-line-trailing-width: 22px;
+  --m27-source-notification-authored-content-width: 232px;
+  --m27-source-notification-authored-trailing-width: 32px;
+  --m27-source-notification-one-line-text-height: 32px;
+  --m27-source-notification-two-line-text-height: 48px;
+  --m27-source-notification-radius: 20px;
+  --m27-source-notification-stack-inset-inline: 16px;
+  --m27-source-notification-stack-surface-width: 312px;
+  --m27-source-notification-stack-surface-height: 68px;
+  --m27-source-notification-stack-peek: 8px;
+
+  /* Notification typography */
+  --m27-source-notification-title-font-size: 13px;
+  --m27-source-notification-title-line-height: 16px;
+  --m27-source-notification-title-font-weight: 700;
+  --m27-source-notification-title-letter-spacing: -0.02em;
+  --m27-source-notification-message-font-size: 13px;
+  --m27-source-notification-message-line-height: 16px;
+  --m27-source-notification-message-font-weight: 400;
+  --m27-source-notification-message-letter-spacing: -0.008em;
+  --m27-source-notification-timestamp-font-size: 11px;
+  --m27-source-notification-timestamp-line-height: 14px;
+  --m27-source-notification-timestamp-font-weight: 400;
+  --m27-source-notification-timestamp-letter-spacing: 0;
+
+  /* Notification material geometry and effects */
+  --m27-source-notification-material-glass-radius: 25px;
+  --m27-source-notification-material-shadow-offset-x: 0px;
+  --m27-source-notification-material-shadow-offset-y: 8px;
+  --m27-source-notification-material-shadow-blur: 48px;
+  --m27-source-notification-material-shadow-spread: 0px;
+  --m27-source-notification-material-perimeter-spread: 0.5px;
+  --m27-source-notification-material-side-edge-offset: 1.25px;
+  --m27-source-notification-material-side-edge-spread: -0.75px;
+  --m27-source-notification-material-inner-edge-offset-y-positive: 40px;
+  --m27-source-notification-material-inner-edge-offset-y-negative: -40px;
+  --m27-source-notification-material-inner-edge-blur: 5px;
+  --m27-source-notification-material-inner-edge-spread: -40px;
+
+  /* Popover geometry */
+  --m27-source-popover-reference-content-width: 200px;
+  --m27-source-popover-reference-content-height: 200px;
+  --m27-source-popover-radius: 20px;
+  --m27-source-popover-protrusion-depth: 10.5px;
+  --m27-source-popover-horizontal-reference-width: 210.5px;
+  --m27-source-popover-horizontal-reference-height: 200px;
+  --m27-source-popover-vertical-reference-width: 200px;
+  --m27-source-popover-vertical-reference-height: 210.5px;
+
+  /* Popover material geometry and effects */
+  --m27-source-popover-material-glass-radius: 26px;
+  --m27-source-popover-material-shadow-offset-x: 0px;
+  --m27-source-popover-material-shadow-offset-y: 8px;
+  --m27-source-popover-material-shadow-blur: 48px;
+  --m27-source-popover-material-shadow-spread: 0px;
+  --m27-source-popover-material-edge-offset: 0.5px;
+  --m27-source-popover-material-edge-spread: -0.75px;
+  --m27-source-popover-material-inner-edge-offset-x: 0px;
+  --m27-source-popover-material-inner-edge-offset-y-negative: -1px;
+  --m27-source-popover-material-inner-edge-offset-y-positive: 1px;
+  --m27-source-popover-material-inner-edge-blur: 1px;
+  --m27-source-popover-material-inner-edge-spread: 0px;
+  --m27-source-popover-material-inner-edge-color: #333333;
+
+  /* Linear progress geometry and authored references */
+  --m27-source-progress-linear-reference-width: 100px;
+  --m27-source-progress-linear-small-height: 6px;
+  --m27-source-progress-linear-medium-height: 10px;
+  --m27-source-progress-linear-radius: 100px;
+  --m27-source-progress-linear-corner-smoothing: 60%;
+  --m27-source-progress-linear-stroke-width: 0.5px;
+  --m27-source-progress-linear-active-track-opacity: 0.1;
+  --m27-source-progress-linear-inactive-track-opacity: 0.06;
+  --m27-source-progress-linear-indeterminate-track-opacity: 0.1;
+  --m27-source-progress-linear-inactive-fill-opacity: 0.17;
+  --m27-source-progress-linear-small-value-0-width: 6px;
+  --m27-source-progress-linear-small-value-25-width: 25px;
+  --m27-source-progress-linear-small-value-50-width: 54px;
+  --m27-source-progress-linear-small-value-75-width: 75px;
+  --m27-source-progress-linear-small-value-100-width: 100px;
+  --m27-source-progress-linear-medium-value-0-width: 10px;
+  --m27-source-progress-linear-medium-value-25-width: 25px;
+  --m27-source-progress-linear-medium-value-50-width: 55px;
+  --m27-source-progress-linear-medium-value-75-width: 75px;
+  --m27-source-progress-linear-medium-value-100-width: 100px;
+  --m27-source-progress-linear-indeterminate-mask-offset-inline-start: 26px;
+  --m27-source-progress-linear-indeterminate-mask-width: 48px;
+  --m27-source-progress-linear-indeterminate-mask-radius: 1000px;
+  --m27-source-progress-linear-indeterminate-mask-start-opacity: 0;
+  --m27-source-progress-linear-indeterminate-mask-end-opacity: 1;
+
+  /* Circular progress geometry */
+  --m27-source-progress-circular-small-size: 16px;
+  --m27-source-progress-circular-large-size: 32px;
+  --m27-source-progress-circular-ring-thickness: 5px;
+  --m27-source-progress-circular-small-inner-diameter: 6px;
+  --m27-source-progress-circular-large-inner-diameter: 22px;
+  --m27-source-progress-circular-stroke-width: 0.5px;
+  --m27-source-progress-circular-inactive-fill-opacity: 0.17;
+
+  /* Spinner geometry and authored phase */
+  --m27-source-progress-spinner-small-size: 16px;
+  --m27-source-progress-spinner-large-size: 32px;
+  --m27-source-progress-spinner-small-bar-width: 2px;
+  --m27-source-progress-spinner-small-bar-height: 5px;
+  --m27-source-progress-spinner-large-bar-width: 4px;
+  --m27-source-progress-spinner-large-bar-height: 10px;
+  --m27-source-progress-spinner-bar-count: 8;
+  --m27-source-progress-spinner-step-angle: 45deg;
+  --m27-source-progress-spinner-bar-0-angle: 0deg;
+  --m27-source-progress-spinner-bar-0-opacity: 1;
+  --m27-source-progress-spinner-bar-1-angle: 45deg;
+  --m27-source-progress-spinner-bar-1-opacity: 0.15;
+  --m27-source-progress-spinner-bar-2-angle: 90deg;
+  --m27-source-progress-spinner-bar-2-opacity: 0.27;
+  --m27-source-progress-spinner-bar-3-angle: 135deg;
+  --m27-source-progress-spinner-bar-3-opacity: 0.39;
+  --m27-source-progress-spinner-bar-4-angle: 180deg;
+  --m27-source-progress-spinner-bar-4-opacity: 0.51;
+  --m27-source-progress-spinner-bar-5-angle: 225deg;
+  --m27-source-progress-spinner-bar-5-opacity: 0.63;
+  --m27-source-progress-spinner-bar-6-angle: 270deg;
+  --m27-source-progress-spinner-bar-6-opacity: 0.75;
+  --m27-source-progress-spinner-bar-7-angle: 315deg;
+  --m27-source-progress-spinner-bar-7-opacity: 0.87;
+
+  /* Sheet geometry and effects */
+  --m27-source-sheet-reference-width: 300px;
+  --m27-source-sheet-reference-height: 300px;
+  --m27-source-sheet-radius: 16px;
+  --m27-source-sheet-shadow-offset-x: 0px;
+  --m27-source-sheet-shadow-offset-y: 18px;
+  --m27-source-sheet-shadow-blur: 54px;
+  --m27-source-sheet-shadow-spread: 0px;
+  --m27-source-sheet-halo-offset-x: 0px;
+  --m27-source-sheet-halo-offset-y: 0px;
+  --m27-source-sheet-halo-blur: 1px;
+  --m27-source-sheet-halo-spread: 0px;
+  --m27-source-sheet-halo-color: #000000cc;
+
+  /* Tooltip geometry, typography, and effects */
+  --m27-source-tooltip-reference-width: 49px;
+  --m27-source-tooltip-reference-height: 18px;
+  --m27-source-tooltip-label-reference-width: 37px;
+  --m27-source-tooltip-label-reference-height: 13px;
+  --m27-source-tooltip-padding-block-start: 3px;
+  --m27-source-tooltip-padding-inline: 6px;
+  --m27-source-tooltip-padding-block-end: 2px;
+  --m27-source-tooltip-radius: 0px;
+  --m27-source-tooltip-corner-smoothing: 60%;
+  --m27-source-tooltip-outer-background-blur: 20px;
+  --m27-source-tooltip-material-background-blur: 60px;
+  --m27-source-tooltip-shadow-offset-x: 0px;
+  --m27-source-tooltip-shadow-offset-y: 2px;
+  --m27-source-tooltip-shadow-blur: 8px;
+  --m27-source-tooltip-shadow-spread: 0px;
+  --m27-source-tooltip-shadow-color: #00000033;
+  --m27-source-tooltip-halo-offset-x: 0px;
+  --m27-source-tooltip-halo-offset-y: 0px;
+  --m27-source-tooltip-halo-blur: 2px;
+  --m27-source-tooltip-halo-spread: 0px;
+  --m27-source-tooltip-halo-color: #00000066;
+  --m27-source-tooltip-inner-stroke-width: 0.6px;
+  --m27-source-tooltip-font-size: 11px;
+  --m27-source-tooltip-line-height: 13px;
+  --m27-source-tooltip-font-weight: 500;
+  --m27-source-tooltip-letter-spacing: 0;
+
+  /* Group box */
+  --m27-source-group-box-reference-width: 200px;
+  --m27-source-group-box-reference-height: 200px;
+  --m27-source-group-box-radius: 12px;
+  --m27-source-group-box-corner-smoothing: 60%;
+  --m27-source-group-box-opacity: 0.5;
+  --m27-source-group-box-effective-background-opacity: 0.015;
+}
+
+/*
+ * Appearance defaults to light. Each effect layer remains independently
+ * addressable so recipes can preserve blend order.
+ */
+[data-ui-platform='macos'][data-ui-platform-version='27'],
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-ui-appearance='light'] {
+  --m27-source-alert-surface-fill: var(--m27-source-color-window-background);
+  --m27-source-alert-overlay: var(--m27-source-color-alert-overlay);
+  --m27-source-alert-title-color: var(--m27-source-color-label-primary);
+  --m27-source-alert-message-color: var(--m27-source-color-label-primary);
+  --m27-source-alert-action-default-background: var(
+    --m27-source-color-accent-blue
+  );
+  --m27-source-alert-action-default-label: var(--m27-source-color-label-white);
+  --m27-source-alert-action-secondary-background: var(
+    --m27-source-color-vibrant-fill-secondary
+  );
+  --m27-source-alert-action-secondary-label: var(
+    --m27-source-color-label-primary
+  );
+  --m27-source-alert-action-destructive-background: #f52f323b;
+  --m27-source-alert-action-destructive-label: var(
+    --m27-source-color-accent-vibrant-red
+  );
+  --m27-source-alert-material-fill-layer-1-color: #ffffffb3;
+  --m27-source-alert-material-fill-layer-1-blend-mode: lighten;
+  --m27-source-alert-material-fill-layer-2-color: #bfbfbf1a;
+  --m27-source-alert-material-fill-layer-2-blend-mode: darken;
+  --m27-source-alert-material-shadow-color: #00000040;
+  --m27-source-alert-material-perimeter-color: #dbdbdb;
+  --m27-source-alert-material-perimeter-blend-mode: linear-burn;
+  --m27-source-alert-material-side-edge-color: #dbdbdb;
+  --m27-source-alert-material-side-edge-blend-mode: linear-burn;
+  --m27-source-alert-material-glass-color: #ffffff;
+  --m27-source-alert-material-glass-blend-mode: multiply;
+  --m27-source-alert-material-inner-edge-color: #282828;
+  --m27-source-alert-material-inner-edge-blend-mode: linear-dodge;
+
+  --m27-source-dialog-background: var(--m27-source-color-window-background);
+  --m27-source-dialog-table-separator: var(
+    --m27-source-color-table-column-separator
+  );
+
+  --m27-source-notification-title-color: var(
+    --m27-source-color-vibrant-label-primary
+  );
+  --m27-source-notification-message-color: var(
+    --m27-source-color-vibrant-label-primary
+  );
+  --m27-source-notification-timestamp-color: var(
+    --m27-source-color-vibrant-label-tertiary
+  );
+  --m27-source-notification-material-fill-layer-1-color: #bfbfbf40;
+  --m27-source-notification-material-fill-layer-1-blend-mode: lighten;
+  --m27-source-notification-material-fill-layer-2-color: #1a1a1a;
+  --m27-source-notification-material-fill-layer-2-blend-mode: linear-dodge;
+  --m27-source-notification-material-shadow-color: #00000040;
+  --m27-source-notification-material-perimeter-color: #dbdbdb;
+  --m27-source-notification-material-perimeter-blend-mode: linear-burn;
+  --m27-source-notification-material-side-edge-color: #dbdbdb;
+  --m27-source-notification-material-side-edge-blend-mode: linear-burn;
+  --m27-source-notification-material-glass-color: #ffffff;
+  --m27-source-notification-material-glass-blend-mode: multiply;
+  --m27-source-notification-material-inner-edge-color: #282828;
+  --m27-source-notification-material-inner-edge-blend-mode: linear-dodge;
+
+  --m27-source-popover-material-fill-layer-1-color: #ffffffb3;
+  --m27-source-popover-material-fill-layer-1-blend-mode: lighten;
+  --m27-source-popover-material-fill-layer-2-color: #bfbfbf1a;
+  --m27-source-popover-material-fill-layer-2-blend-mode: darken;
+  --m27-source-popover-material-shadow-color: #00000040;
+  --m27-source-popover-material-horizontal-edge-color: #dbdbdb;
+  --m27-source-popover-material-horizontal-edge-blend-mode: linear-burn;
+  --m27-source-popover-material-glass-color: #ffffff;
+  --m27-source-popover-material-glass-blend-mode: multiply;
+  --m27-source-popover-material-inner-edge-negative-blend-mode: color-dodge;
+  --m27-source-popover-material-inner-edge-positive-blend-mode: linear-dodge;
+
+  --m27-source-progress-track-stroke-color: var(
+    --m27-source-color-progress-track-stroke
+  );
+  --m27-source-progress-active-fill-color: var(--m27-source-color-accent-blue);
+  --m27-source-progress-inactive-fill-color: var(
+    --m27-source-color-label-primary
+  );
+  --m27-source-progress-spinner-color: var(--m27-source-color-label-primary);
+
+  --m27-source-sheet-background: var(--m27-source-color-window-background);
+  --m27-source-sheet-stroke-width: 0px;
+  --m27-source-sheet-stroke-color: #ffffff00;
+  --m27-source-sheet-shadow-color: #0000004d;
+
+  --m27-source-tooltip-material-fill-layer-1-color: #333333;
+  --m27-source-tooltip-material-fill-layer-1-blend-mode: linear-dodge;
+  --m27-source-tooltip-material-fill-layer-2-color: #ececece0;
+  --m27-source-tooltip-material-fill-layer-2-blend-mode: normal;
+  --m27-source-tooltip-inner-stroke-color: var(
+    --m27-source-color-tooltip-inner-stroke
+  );
+  --m27-source-tooltip-label-color: var(
+    --m27-source-color-vibrant-label-primary
+  );
+  --m27-source-tooltip-label-blend-mode: normal;
+
+  --m27-source-group-box-background: var(--m27-source-color-fill-quaternary);
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-ui-appearance='dark'],
+[data-ui-platform='macos'][data-ui-platform-version='27'][data-ui-appearance='dark'] {
+  --m27-source-alert-surface-fill: var(--m27-source-color-window-background);
+  --m27-source-alert-overlay: var(--m27-source-color-alert-overlay);
+  --m27-source-alert-title-color: var(--m27-source-color-label-primary);
+  --m27-source-alert-message-color: var(--m27-source-color-label-primary);
+  --m27-source-alert-action-default-background: var(
+    --m27-source-color-accent-blue
+  );
+  --m27-source-alert-action-default-label: var(--m27-source-color-label-white);
+  --m27-source-alert-action-secondary-background: var(
+    --m27-source-color-vibrant-fill-secondary
+  );
+  --m27-source-alert-action-secondary-label: var(
+    --m27-source-color-label-primary
+  );
+  --m27-source-alert-action-destructive-background: #ff47473b;
+  --m27-source-alert-action-destructive-label: var(
+    --m27-source-color-accent-vibrant-red
+  );
+  --m27-source-alert-material-fill-layer-1-color: #1a1a1ab3;
+  --m27-source-alert-material-fill-layer-1-blend-mode: luminosity;
+  --m27-source-alert-material-fill-layer-2-color: #1a1a1ae6;
+  --m27-source-alert-material-fill-layer-2-blend-mode: luminosity;
+  --m27-source-alert-material-fill-layer-3-color: #1a1a1a;
+  --m27-source-alert-material-fill-layer-3-blend-mode: lighten;
+  --m27-source-alert-material-shadow-color: #00000073;
+  --m27-source-alert-material-perimeter-color: #a6a6a6;
+  --m27-source-alert-material-perimeter-blend-mode: linear-burn;
+  --m27-source-alert-material-side-edge-color: #a6a6a6;
+  --m27-source-alert-material-side-edge-blend-mode: linear-burn;
+  --m27-source-alert-material-glass-color: #ffffff;
+  --m27-source-alert-material-glass-blend-mode: multiply;
+  --m27-source-alert-material-inner-edge-color: #1a1a1a;
+  --m27-source-alert-material-inner-edge-blend-mode: linear-dodge;
+
+  --m27-source-dialog-background: var(--m27-source-color-window-background);
+  --m27-source-dialog-table-separator: var(
+    --m27-source-color-table-column-separator
+  );
+
+  --m27-source-notification-title-color: var(
+    --m27-source-color-vibrant-label-primary
+  );
+  --m27-source-notification-message-color: var(
+    --m27-source-color-vibrant-label-primary
+  );
+  --m27-source-notification-timestamp-color: var(
+    --m27-source-color-vibrant-label-tertiary
+  );
+  --m27-source-notification-material-fill-layer-1-color: #1a1a1ae6;
+  --m27-source-notification-material-fill-layer-1-blend-mode: luminosity;
+  --m27-source-notification-material-fill-layer-2-color: #6666661a;
+  --m27-source-notification-material-fill-layer-2-blend-mode: lighten;
+  --m27-source-notification-material-fill-layer-3-color: #3333334d;
+  --m27-source-notification-material-fill-layer-3-blend-mode: luminosity;
+  --m27-source-notification-material-fill-layer-4-color: #3333331a;
+  --m27-source-notification-material-fill-layer-4-blend-mode: normal;
+  --m27-source-notification-material-shadow-color: #00000073;
+  --m27-source-notification-material-perimeter-color: #a6a6a6;
+  --m27-source-notification-material-perimeter-blend-mode: linear-burn;
+  --m27-source-notification-material-side-edge-color: #a6a6a6;
+  --m27-source-notification-material-side-edge-blend-mode: linear-burn;
+  --m27-source-notification-material-glass-color: #ffffff;
+  --m27-source-notification-material-glass-blend-mode: multiply;
+  --m27-source-notification-material-inner-edge-color: #1a1a1a;
+  --m27-source-notification-material-inner-edge-blend-mode: linear-dodge;
+
+  --m27-source-popover-material-fill-layer-1-color: #1a1a1a80;
+  --m27-source-popover-material-fill-layer-1-blend-mode: luminosity;
+  --m27-source-popover-material-fill-layer-2-color: #1a1a1a80;
+  --m27-source-popover-material-fill-layer-2-blend-mode: luminosity;
+  --m27-source-popover-material-fill-layer-3-color: #1a1a1a;
+  --m27-source-popover-material-fill-layer-3-blend-mode: lighten;
+  --m27-source-popover-material-shadow-color: #00000073;
+  --m27-source-popover-material-vertical-edge-color: #cccccc;
+  --m27-source-popover-material-vertical-edge-blend-mode: linear-burn;
+  --m27-source-popover-material-horizontal-edge-color: #a6a6a6;
+  --m27-source-popover-material-horizontal-edge-blend-mode: linear-burn;
+  --m27-source-popover-material-glass-color: #ffffff;
+  --m27-source-popover-material-glass-blend-mode: multiply;
+  --m27-source-popover-material-inner-edge-negative-blend-mode: color-dodge;
+  --m27-source-popover-material-inner-edge-positive-blend-mode: linear-dodge;
+
+  --m27-source-progress-track-stroke-color: var(
+    --m27-source-color-progress-track-stroke
+  );
+  --m27-source-progress-active-fill-color: var(--m27-source-color-accent-blue);
+  --m27-source-progress-inactive-fill-color: var(
+    --m27-source-color-label-primary
+  );
+  --m27-source-progress-spinner-color: var(--m27-source-color-label-primary);
+
+  --m27-source-sheet-background: var(--m27-source-color-window-background);
+  --m27-source-sheet-stroke-width: 1px;
+  --m27-source-sheet-stroke-color: #ffffff33;
+  --m27-source-sheet-shadow-color: #00000091;
+
+  --m27-source-tooltip-material-fill-layer-1-color: #00000080;
+  --m27-source-tooltip-material-fill-layer-1-blend-mode: normal;
+  --m27-source-tooltip-material-fill-layer-2-color: #ffffff00;
+  --m27-source-tooltip-material-fill-layer-2-blend-mode: normal;
+  --m27-source-tooltip-inner-stroke-color: var(
+    --m27-source-color-tooltip-inner-stroke
+  );
+  --m27-source-tooltip-label-color: var(
+    --m27-source-color-vibrant-label-primary
+  );
+  --m27-source-tooltip-label-blend-mode: linear-dodge;
+
+  --m27-source-group-box-background: var(--m27-source-color-fill-quaternary);
+}
+
+/* Alert layout axis */
+[data-ui-platform='macos'][data-ui-platform-version='27'],
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-alert-layout='stacked'] {
+  --m27-source-alert-layout: stacked;
+  --m27-source-alert-height: var(--m27-source-alert-stacked-height);
+  --m27-source-alert-actions-width: var(
+    --m27-source-alert-stacked-actions-width
+  );
+  --m27-source-alert-actions-height: var(
+    --m27-source-alert-stacked-actions-height
+  );
+  --m27-source-alert-action-width: var(--m27-source-alert-stacked-action-width);
+  --m27-source-alert-action-height: var(
+    --m27-source-alert-stacked-action-height
+  );
+  --m27-source-alert-action-gap: var(--m27-source-alert-stacked-action-gap);
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-alert-layout='side-by-side'] {
+  --m27-source-alert-layout: side-by-side;
+  --m27-source-alert-height: var(--m27-source-alert-side-by-side-height);
+  --m27-source-alert-actions-width: var(
+    --m27-source-alert-side-by-side-actions-width
+  );
+  --m27-source-alert-actions-height: var(
+    --m27-source-alert-side-by-side-actions-height
+  );
+  --m27-source-alert-action-width: var(
+    --m27-source-alert-side-by-side-action-width
+  );
+  --m27-source-alert-action-height: var(
+    --m27-source-alert-side-by-side-action-height
+  );
+  --m27-source-alert-action-gap: var(
+    --m27-source-alert-side-by-side-action-gap
+  );
+}
+
+/* Alert action-role axis */
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-alert-action-role='default'] {
+  --m27-source-alert-action-background: var(
+    --m27-source-alert-action-default-background
+  );
+  --m27-source-alert-action-label: var(--m27-source-alert-action-default-label);
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-alert-action-role='secondary'],
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-alert-action-role='cancel'] {
+  --m27-source-alert-action-background: var(
+    --m27-source-alert-action-secondary-background
+  );
+  --m27-source-alert-action-label: var(
+    --m27-source-alert-action-secondary-label
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-alert-action-role='destructive'] {
+  --m27-source-alert-action-background: var(
+    --m27-source-alert-action-destructive-background
+  );
+  --m27-source-alert-action-label: var(
+    --m27-source-alert-action-destructive-label
+  );
+}
+
+/* Dialog composition axis */
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-dialog-composition='compact-save'] {
+  --m27-source-dialog-reference-width: var(
+    --m27-source-dialog-compact-reference-width
+  );
+  --m27-source-dialog-reference-height: var(
+    --m27-source-dialog-compact-reference-height
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-dialog-composition='expanded-save'] {
+  --m27-source-dialog-reference-width: var(
+    --m27-source-dialog-expanded-reference-width
+  );
+  --m27-source-dialog-reference-height: var(
+    --m27-source-dialog-expanded-reference-height
+  );
+}
+
+/* Notification stack axis */
+[data-ui-platform='macos'][data-ui-platform-version='27'],
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-notification-stacked='false'] {
+  --m27-source-notification-stacked: 0;
+  --m27-source-notification-stack-extent: 0px;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-notification-stacked='true'] {
+  --m27-source-notification-stacked: 1;
+  --m27-source-notification-stack-extent: var(
+    --m27-source-notification-stack-peek
+  );
+}
+
+/* Popover placement axis */
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement^='top'] {
+  --m27-source-popover-edge: top;
+  --m27-source-popover-reference-width: var(
+    --m27-source-popover-vertical-reference-width
+  );
+  --m27-source-popover-reference-height: var(
+    --m27-source-popover-vertical-reference-height
+  );
+  --m27-source-popover-protrusion-offset-x: 0px;
+  --m27-source-popover-protrusion-offset-y: -10.5px;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement^='bottom'] {
+  --m27-source-popover-edge: bottom;
+  --m27-source-popover-reference-width: var(
+    --m27-source-popover-vertical-reference-width
+  );
+  --m27-source-popover-reference-height: var(
+    --m27-source-popover-vertical-reference-height
+  );
+  --m27-source-popover-protrusion-offset-x: 0px;
+  --m27-source-popover-protrusion-offset-y: 0px;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement^='left'] {
+  --m27-source-popover-edge: leading;
+  --m27-source-popover-reference-width: var(
+    --m27-source-popover-horizontal-reference-width
+  );
+  --m27-source-popover-reference-height: var(
+    --m27-source-popover-horizontal-reference-height
+  );
+  --m27-source-popover-protrusion-offset-x: -10.5px;
+  --m27-source-popover-protrusion-offset-y: 0px;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement^='right'] {
+  --m27-source-popover-edge: trailing;
+  --m27-source-popover-reference-width: var(
+    --m27-source-popover-horizontal-reference-width
+  );
+  --m27-source-popover-reference-height: var(
+    --m27-source-popover-horizontal-reference-height
+  );
+  --m27-source-popover-protrusion-offset-x: 0px;
+  --m27-source-popover-protrusion-offset-y: 0px;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement$='-start'] {
+  --m27-source-popover-alignment: start;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement$='-end'] {
+  --m27-source-popover-alignment: end;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement='top'],
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement='right'],
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement='bottom'],
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-popover-placement='left'] {
+  --m27-source-popover-alignment: center;
+}
+
+/* Linear-progress size axis */
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='linear'][data-progress-size='small'] {
+  --m27-source-progress-size: small;
+  --m27-source-progress-linear-height: var(
+    --m27-source-progress-linear-small-height
+  );
+  --m27-source-progress-linear-value-0-width: var(
+    --m27-source-progress-linear-small-value-0-width
+  );
+  --m27-source-progress-linear-value-25-width: var(
+    --m27-source-progress-linear-small-value-25-width
+  );
+  --m27-source-progress-linear-value-50-width: var(
+    --m27-source-progress-linear-small-value-50-width
+  );
+  --m27-source-progress-linear-value-75-width: var(
+    --m27-source-progress-linear-small-value-75-width
+  );
+  --m27-source-progress-linear-value-100-width: var(
+    --m27-source-progress-linear-small-value-100-width
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='linear'][data-progress-size='medium'] {
+  --m27-source-progress-size: medium;
+  --m27-source-progress-linear-height: var(
+    --m27-source-progress-linear-medium-height
+  );
+  --m27-source-progress-linear-value-0-width: var(
+    --m27-source-progress-linear-medium-value-0-width
+  );
+  --m27-source-progress-linear-value-25-width: var(
+    --m27-source-progress-linear-medium-value-25-width
+  );
+  --m27-source-progress-linear-value-50-width: var(
+    --m27-source-progress-linear-medium-value-50-width
+  );
+  --m27-source-progress-linear-value-75-width: var(
+    --m27-source-progress-linear-medium-value-75-width
+  );
+  --m27-source-progress-linear-value-100-width: var(
+    --m27-source-progress-linear-medium-value-100-width
+  );
+}
+
+/* Circular-progress and spinner size axes */
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='circular'][data-progress-size='small'] {
+  --m27-source-progress-size: small;
+  --m27-source-progress-circular-size: var(
+    --m27-source-progress-circular-small-size
+  );
+  --m27-source-progress-circular-inner-diameter: var(
+    --m27-source-progress-circular-small-inner-diameter
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='circular'][data-progress-size='large'] {
+  --m27-source-progress-size: large;
+  --m27-source-progress-circular-size: var(
+    --m27-source-progress-circular-large-size
+  );
+  --m27-source-progress-circular-inner-diameter: var(
+    --m27-source-progress-circular-large-inner-diameter
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='spinner'][data-progress-size='small'] {
+  --m27-source-progress-size: small;
+  --m27-source-progress-spinner-size: var(
+    --m27-source-progress-spinner-small-size
+  );
+  --m27-source-progress-spinner-bar-width: var(
+    --m27-source-progress-spinner-small-bar-width
+  );
+  --m27-source-progress-spinner-bar-height: var(
+    --m27-source-progress-spinner-small-bar-height
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='spinner'][data-progress-size='large'] {
+  --m27-source-progress-size: large;
+  --m27-source-progress-spinner-size: var(
+    --m27-source-progress-spinner-large-size
+  );
+  --m27-source-progress-spinner-bar-width: var(
+    --m27-source-progress-spinner-large-bar-width
+  );
+  --m27-source-progress-spinner-bar-height: var(
+    --m27-source-progress-spinner-large-bar-height
+  );
+}
+
+/* Progress activity axis */
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-active='true'] {
+  --m27-source-progress-active: 1;
+  --m27-source-progress-fill-color: var(
+    --m27-source-progress-active-fill-color
+  );
+  --m27-source-progress-fill-opacity: 1;
+  --m27-source-progress-linear-track-opacity: var(
+    --m27-source-progress-linear-active-track-opacity
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-active='false'] {
+  --m27-source-progress-active: 0;
+  --m27-source-progress-fill-color: var(
+    --m27-source-progress-inactive-fill-color
+  );
+  --m27-source-progress-fill-opacity: var(
+    --m27-source-progress-linear-inactive-fill-opacity
+  );
+  --m27-source-progress-linear-track-opacity: var(
+    --m27-source-progress-linear-inactive-track-opacity
+  );
+}
+
+/* Authored determinate progress references */
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='linear'][data-progress-value='0'] {
+  --m27-source-progress-linear-authored-fill-width: var(
+    --m27-source-progress-linear-value-0-width
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='linear'][data-progress-value='25'] {
+  --m27-source-progress-linear-authored-fill-width: var(
+    --m27-source-progress-linear-value-25-width
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='linear'][data-progress-value='50'] {
+  --m27-source-progress-linear-authored-fill-width: var(
+    --m27-source-progress-linear-value-50-width
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='linear'][data-progress-value='75'] {
+  --m27-source-progress-linear-authored-fill-width: var(
+    --m27-source-progress-linear-value-75-width
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='linear'][data-progress-value='100'] {
+  --m27-source-progress-linear-authored-fill-width: var(
+    --m27-source-progress-linear-value-100-width
+  );
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='circular'][data-progress-value='0'] {
+  --m27-source-progress-circular-authored-value: 0;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='circular'][data-progress-value='25'] {
+  --m27-source-progress-circular-authored-value: 25;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='circular'][data-progress-value='50'] {
+  --m27-source-progress-circular-authored-value: 50;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='circular'][data-progress-value='75'] {
+  --m27-source-progress-circular-authored-value: 75;
+}
+
+[data-ui-platform='macos'][data-ui-platform-version='27']
+  [data-progress-kind='circular'][data-progress-value='100'] {
+  --m27-source-progress-circular-authored-value: 100;
+}