@eqtylab/equality 0.0.0

package/dist/generated/tailwind-tokens.css

@@ -0,0 +1,252 @@
+@theme inline {
+  --color-mixed-light: color-mix(in oklch, var(--mix-color), white var(--hover-lighten, 20%));
+  --color-mixed-dark: color-mix(in oklch, var(--mix-color), black var(--hover-darken, 20%));
+
+  --color-amber-100: var(--color-amber-100);
+  --color-amber-200: var(--color-amber-200);
+  --color-amber-300: var(--color-amber-300);
+  --color-amber-400: var(--color-amber-400);
+  --color-amber-500: var(--color-amber-500);
+  --color-amber-600: var(--color-amber-600);
+  --color-amber-700: var(--color-amber-700);
+  --color-amber-800: var(--color-amber-800);
+  --color-amber-900: var(--color-amber-900);
+  --color-background-base: var(--color-background-base);
+  --color-background-bottom: var(--color-background-bottom);
+  --color-background-floating: var(--color-background-floating);
+  --color-background-overlay: var(--color-background-overlay);
+  --color-background-raised: var(--color-background-raised);
+  --color-background-sunken: var(--color-background-sunken);
+  --color-background-top: var(--color-background-top);
+  --color-background: var(--color-background);
+  --color-badge-background-accepted: var(--color-badge-background-accepted);
+  --color-badge-background-comment: var(--color-badge-background-comment);
+  --color-badge-background-compliant: var(--color-badge-background-compliant);
+  --color-badge-background-danger: var(--color-badge-background-danger);
+  --color-badge-background-in-progress: var(--color-badge-background-in-progress);
+  --color-badge-background-in-review: var(--color-badge-background-in-review);
+  --color-badge-background-neutral: var(--color-badge-background-neutral);
+  --color-badge-background-non-compliant: var(--color-badge-background-non-compliant);
+  --color-badge-background-not-applicable: var(--color-badge-background-not-applicable);
+  --color-badge-background-not-started: var(--color-badge-background-not-started);
+  --color-badge-background-primary: var(--color-badge-background-primary);
+  --color-badge-background-question: var(--color-badge-background-question);
+  --color-badge-background-ready-for-review: var(--color-badge-background-ready-for-review);
+  --color-badge-background-success: var(--color-badge-background-success);
+  --color-badge-background-warning: var(--color-badge-background-warning);
+  --color-badge-text-accepted: var(--color-badge-text-accepted);
+  --color-badge-text-comment: var(--color-badge-text-comment);
+  --color-badge-text-compliant: var(--color-badge-text-compliant);
+  --color-badge-text-danger: var(--color-badge-text-danger);
+  --color-badge-text-in-progress: var(--color-badge-text-in-progress);
+  --color-badge-text-in-review: var(--color-badge-text-in-review);
+  --color-badge-text-neutral: var(--color-badge-text-neutral);
+  --color-badge-text-non-compliant: var(--color-badge-text-non-compliant);
+  --color-badge-text-not-applicable: var(--color-badge-text-not-applicable);
+  --color-badge-text-not-started: var(--color-badge-text-not-started);
+  --color-badge-text-primary: var(--color-badge-text-primary);
+  --color-badge-text-question: var(--color-badge-text-question);
+  --color-badge-text-ready-for-review: var(--color-badge-text-ready-for-review);
+  --color-badge-text-success: var(--color-badge-text-success);
+  --color-badge-text-warning: var(--color-badge-text-warning);
+  --color-black: var(--color-black);
+  --color-blue-100: var(--color-blue-100);
+  --color-blue-200: var(--color-blue-200);
+  --color-blue-300: var(--color-blue-300);
+  --color-blue-400: var(--color-blue-400);
+  --color-blue-500: var(--color-blue-500);
+  --color-blue-600: var(--color-blue-600);
+  --color-blue-700: var(--color-blue-700);
+  --color-blue-800: var(--color-blue-800);
+  --color-blue-900: var(--color-blue-900);
+  --color-border-base: var(--color-border-base);
+  --color-border-bottom: var(--color-border-bottom);
+  --color-border-floating: var(--color-border-floating);
+  --color-border-overlay: var(--color-border-overlay);
+  --color-border-raised: var(--color-border-raised);
+  --color-border-sunken: var(--color-border-sunken);
+  --color-border-top: var(--color-border-top);
+  --color-border: var(--color-border);
+  --color-brand-green: var(--color-brand-green);
+  --color-brand-primary: var(--color-brand-primary);
+  --color-brand-red: var(--color-brand-red);
+  --color-brand-secondary: var(--color-brand-secondary);
+  --color-brand-yellow: var(--color-brand-yellow);
+  --color-button-danger-border: var(--color-button-danger-border);
+  --color-button-danger-fill: var(--color-button-danger-fill);
+  --color-button-danger-text: var(--color-button-danger-text);
+  --color-button-primary-border: var(--color-button-primary-border);
+  --color-button-primary-fill: var(--color-button-primary-fill);
+  --color-button-primary-text: var(--color-button-primary-text);
+  --color-button-secondary-border: var(--color-button-secondary-border);
+  --color-button-secondary-fill: var(--color-button-secondary-fill);
+  --color-button-secondary-text: var(--color-button-secondary-text);
+  --color-button-tertiary-border: var(--color-button-tertiary-border);
+  --color-button-tertiary-fill: var(--color-button-tertiary-fill);
+  --color-button-tertiary-text: var(--color-button-tertiary-text);
+  --color-card-background: var(--color-card-background);
+  --color-card-border: var(--color-card-border);
+  --color-cyan-100: var(--color-cyan-100);
+  --color-cyan-200: var(--color-cyan-200);
+  --color-cyan-300: var(--color-cyan-300);
+  --color-cyan-400: var(--color-cyan-400);
+  --color-cyan-500: var(--color-cyan-500);
+  --color-cyan-600: var(--color-cyan-600);
+  --color-cyan-700: var(--color-cyan-700);
+  --color-cyan-800: var(--color-cyan-800);
+  --color-cyan-900: var(--color-cyan-900);
+  --color-emerald-100: var(--color-emerald-100);
+  --color-emerald-200: var(--color-emerald-200);
+  --color-emerald-300: var(--color-emerald-300);
+  --color-emerald-400: var(--color-emerald-400);
+  --color-emerald-500: var(--color-emerald-500);
+  --color-emerald-600: var(--color-emerald-600);
+  --color-emerald-700: var(--color-emerald-700);
+  --color-emerald-800: var(--color-emerald-800);
+  --color-emerald-900: var(--color-emerald-900);
+  --color-focus-ring: var(--color-focus-ring);
+  --color-fuschia-100: var(--color-fuschia-100);
+  --color-fuschia-200: var(--color-fuschia-200);
+  --color-fuschia-300: var(--color-fuschia-300);
+  --color-fuschia-400: var(--color-fuschia-400);
+  --color-fuschia-500: var(--color-fuschia-500);
+  --color-fuschia-600: var(--color-fuschia-600);
+  --color-fuschia-700: var(--color-fuschia-700);
+  --color-fuschia-800: var(--color-fuschia-800);
+  --color-fuschia-900: var(--color-fuschia-900);
+  --color-greyscale-100: var(--color-greyscale-100);
+  --color-greyscale-200: var(--color-greyscale-200);
+  --color-greyscale-300: var(--color-greyscale-300);
+  --color-greyscale-400: var(--color-greyscale-400);
+  --color-greyscale-500: var(--color-greyscale-500);
+  --color-greyscale-600: var(--color-greyscale-600);
+  --color-greyscale-700: var(--color-greyscale-700);
+  --color-greyscale-800: var(--color-greyscale-800);
+  --color-greyscale-900: var(--color-greyscale-900);
+  --color-lilac-100: var(--color-lilac-100);
+  --color-lilac-200: var(--color-lilac-200);
+  --color-lilac-300: var(--color-lilac-300);
+  --color-lilac-400: var(--color-lilac-400);
+  --color-lilac-500: var(--color-lilac-500);
+  --color-lilac-600: var(--color-lilac-600);
+  --color-lilac-700: var(--color-lilac-700);
+  --color-lilac-800: var(--color-lilac-800);
+  --color-lilac-900: var(--color-lilac-900);
+  --color-olive-100: var(--color-olive-100);
+  --color-olive-200: var(--color-olive-200);
+  --color-olive-300: var(--color-olive-300);
+  --color-olive-400: var(--color-olive-400);
+  --color-olive-500: var(--color-olive-500);
+  --color-olive-600: var(--color-olive-600);
+  --color-olive-700: var(--color-olive-700);
+  --color-olive-800: var(--color-olive-800);
+  --color-olive-900: var(--color-olive-900);
+  --color-orange-100: var(--color-orange-100);
+  --color-orange-200: var(--color-orange-200);
+  --color-orange-300: var(--color-orange-300);
+  --color-orange-400: var(--color-orange-400);
+  --color-orange-500: var(--color-orange-500);
+  --color-orange-600: var(--color-orange-600);
+  --color-orange-700: var(--color-orange-700);
+  --color-orange-800: var(--color-orange-800);
+  --color-orange-900: var(--color-orange-900);
+  --color-popover-background: var(--color-popover-background);
+  --color-purple-100: var(--color-purple-100);
+  --color-purple-200: var(--color-purple-200);
+  --color-purple-300: var(--color-purple-300);
+  --color-purple-400: var(--color-purple-400);
+  --color-purple-500: var(--color-purple-500);
+  --color-purple-600: var(--color-purple-600);
+  --color-purple-700: var(--color-purple-700);
+  --color-purple-800: var(--color-purple-800);
+  --color-purple-900: var(--color-purple-900);
+  --color-red-100: var(--color-red-100);
+  --color-red-200: var(--color-red-200);
+  --color-red-300: var(--color-red-300);
+  --color-red-400: var(--color-red-400);
+  --color-red-500: var(--color-red-500);
+  --color-red-600: var(--color-red-600);
+  --color-red-700: var(--color-red-700);
+  --color-red-800: var(--color-red-800);
+  --color-red-900: var(--color-red-900);
+  --color-resource-agent: var(--color-resource-agent);
+  --color-resource-background-agent: var(--color-resource-background-agent);
+  --color-resource-background-benchmark: var(--color-resource-background-benchmark);
+  --color-resource-background-code: var(--color-resource-background-code);
+  --color-resource-background-compute: var(--color-resource-background-compute);
+  --color-resource-background-context: var(--color-resource-background-context);
+  --color-resource-background-database: var(--color-resource-background-database);
+  --color-resource-background-dataset: var(--color-resource-background-dataset);
+  --color-resource-background-document: var(--color-resource-background-document);
+  --color-resource-background-guard: var(--color-resource-background-guard);
+  --color-resource-background-guardrail: var(--color-resource-background-guardrail);
+  --color-resource-background-inference: var(--color-resource-background-inference);
+  --color-resource-background-model: var(--color-resource-background-model);
+  --color-resource-background-prompt: var(--color-resource-background-prompt);
+  --color-resource-background-reasoning: var(--color-resource-background-reasoning);
+  --color-resource-background-system-parameters: var(--color-resource-background-system-parameters);
+  --color-resource-background-system-prompt: var(--color-resource-background-system-prompt);
+  --color-resource-background-token: var(--color-resource-background-token);
+  --color-resource-background-tools: var(--color-resource-background-tools);
+  --color-resource-background-unknown: var(--color-resource-background-unknown);
+  --color-resource-benchmark: var(--color-resource-benchmark);
+  --color-resource-code: var(--color-resource-code);
+  --color-resource-compute: var(--color-resource-compute);
+  --color-resource-context: var(--color-resource-context);
+  --color-resource-database: var(--color-resource-database);
+  --color-resource-dataset: var(--color-resource-dataset);
+  --color-resource-document: var(--color-resource-document);
+  --color-resource-guard: var(--color-resource-guard);
+  --color-resource-guardrail: var(--color-resource-guardrail);
+  --color-resource-inference: var(--color-resource-inference);
+  --color-resource-model: var(--color-resource-model);
+  --color-resource-prompt: var(--color-resource-prompt);
+  --color-resource-reasoning: var(--color-resource-reasoning);
+  --color-resource-system-parameters: var(--color-resource-system-parameters);
+  --color-resource-system-prompt: var(--color-resource-system-prompt);
+  --color-resource-text-agent: var(--color-resource-text-agent);
+  --color-resource-text-benchmark: var(--color-resource-text-benchmark);
+  --color-resource-text-code: var(--color-resource-text-code);
+  --color-resource-text-compute: var(--color-resource-text-compute);
+  --color-resource-text-context: var(--color-resource-text-context);
+  --color-resource-text-database: var(--color-resource-text-database);
+  --color-resource-text-dataset: var(--color-resource-text-dataset);
+  --color-resource-text-document: var(--color-resource-text-document);
+  --color-resource-text-guard: var(--color-resource-text-guard);
+  --color-resource-text-guardrail: var(--color-resource-text-guardrail);
+  --color-resource-text-inference: var(--color-resource-text-inference);
+  --color-resource-text-model: var(--color-resource-text-model);
+  --color-resource-text-prompt: var(--color-resource-text-prompt);
+  --color-resource-text-reasoning: var(--color-resource-text-reasoning);
+  --color-resource-text-system-parameters: var(--color-resource-text-system-parameters);
+  --color-resource-text-system-prompt: var(--color-resource-text-system-prompt);
+  --color-resource-text-token: var(--color-resource-text-token);
+  --color-resource-text-tools: var(--color-resource-text-tools);
+  --color-resource-text-unknown: var(--color-resource-text-unknown);
+  --color-resource-token: var(--color-resource-token);
+  --color-resource-tools: var(--color-resource-tools);
+  --color-resource-unknown: var(--color-resource-unknown);
+  --color-teal-100: var(--color-teal-100);
+  --color-teal-200: var(--color-teal-200);
+  --color-teal-300: var(--color-teal-300);
+  --color-teal-400: var(--color-teal-400);
+  --color-teal-500: var(--color-teal-500);
+  --color-teal-600: var(--color-teal-600);
+  --color-teal-700: var(--color-teal-700);
+  --color-teal-800: var(--color-teal-800);
+  --color-teal-900: var(--color-teal-900);
+  --color-text-link: var(--color-text-link);
+  --color-text-primary: var(--color-text-primary);
+  --color-text-secondary: var(--color-text-secondary);
+  --color-text-tertiary: var(--color-text-tertiary);
+  --color-white: var(--color-white);
+  --color-yellow-100: var(--color-yellow-100);
+  --color-yellow-200: var(--color-yellow-200);
+  --color-yellow-300: var(--color-yellow-300);
+  --color-yellow-400: var(--color-yellow-400);
+  --color-yellow-500: var(--color-yellow-500);
+  --color-yellow-600: var(--color-yellow-600);
+  --color-yellow-700: var(--color-yellow-700);
+  --color-yellow-800: var(--color-yellow-800);
+  --color-yellow-900: var(--color-yellow-900);
+}

package/dist/global-theme-config.css

@@ -0,0 +1,15 @@
+@layer theme, base, components, utilities;
+
+@import 'tailwindcss/theme.css' layer(theme) theme(inline);
+@import 'tailwindcss/utilities.css' layer(utilities);
+@import 'tw-animate-css';
+
+/* COLORS SCOPED GLOBALLY */
+@import './generated/global-light-tokens.css';
+@import './generated/global-dark-tokens.css';
+@import './generated/tailwind-tokens.css';
+
+@import './theme-base.css';
+@import './theme-preflight-global.css';
+@import './theme-components.css';
+@import './theme-utilities.css';

package/dist/heading.module.module.css.module.css

@@ -0,0 +1,41 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.h1 {
+  font-size: 2.25rem;
+  line-height: var(--tw-leading, calc(2.5 / 2.25));
+  --tw-font-weight: 700;
+  font-weight: 700;
+}
+.h2 {
+  font-size: 1.5rem;
+  line-height: var(--tw-leading, calc(2 / 1.5));
+  --tw-font-weight: 600;
+  font-weight: 600;
+}
+.h3 {
+  font-size: 1.25rem;
+  line-height: var(--tw-leading, calc(1.75 / 1.25));
+  --tw-font-weight: 500;
+  font-weight: 500;
+}
+.h4 {
+  font-size: 1.125rem;
+  line-height: var(--tw-leading, calc(1.75 / 1.125));
+  --tw-font-weight: 500;
+  font-weight: 500;
+}
+.h5 {
+  font-size: 1rem;
+  line-height: var(--tw-leading, calc(1.5 / 1));
+  --tw-font-weight: 500;
+  font-weight: 500;
+}
+.h6 {
+  font-size: 0.875rem;
+  line-height: var(--tw-leading, calc(1.25 / 0.875));
+  --tw-font-weight: 500;
+  font-weight: 500;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}

package/dist/icon-button.module.module.css.module.css

@@ -0,0 +1,196 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.icon-btn {
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-duration: var(--tw-duration, 150ms);
+  align-items: center;
+  justify-content: center;
+  &:disabled {
+    cursor: not-allowed;
+  }
+  &:disabled {
+    opacity: 50%;
+  }
+  &:hover {
+    @media (hover: hover) {
+      &:disabled {
+        background-color: transparent;
+      }
+    }
+  }
+  --tw-ring-offset-color: var(--color-background);
+  &:focus-visible {
+    --tw-ring-color: var(--color-focus-ring);
+  }
+  &:focus-visible {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  &:focus-visible {
+    --tw-ring-offset-width: 2px;
+    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  }
+  &:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+  display: flex;
+}
+.size--sm {
+  width: calc(0.25rem * 8);
+  height: calc(0.25rem * 8);
+  border-radius: var(--radius-md, 0.375rem);
+}
+.size--md {
+  width: calc(0.25rem * 10);
+  height: calc(0.25rem * 10);
+  border-radius: 0.5rem;
+}
+.size--lg {
+  width: calc(0.25rem * 12);
+  height: calc(0.25rem * 12);
+  border-radius: 0.75rem;
+}
+.icon-btn--primary {
+  color: var(--color-text-primary);
+  &:not(*:disabled) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-lilac-400);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-lilac-400) 25%, transparent);
+        }
+      }
+    }
+  }
+  &:not(*:disabled) {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-lilac-800);
+      }
+    }
+  }
+  &:not(*:disabled) {
+    &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-lilac-500);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-lilac-500) 25%, transparent);
+          }
+        }
+      }
+    }
+  }
+  &:not(*:disabled) {
+    &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-lilac-200);
+        }
+      }
+    }
+  }
+}
+.icon-btn--danger {
+  color: var(--color-red-600);
+  &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+    color: var(--color-red-400);
+  }
+  &:not(*:disabled) {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-red-400);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-red-400) 25%, transparent);
+        }
+      }
+    }
+  }
+  &:not(*:disabled) {
+    &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--color-red-500);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent);
+          }
+        }
+      }
+    }
+  }
+  &:not(*:disabled) {
+    &:where(html[data-equality-theme=dark], html[data-equality-theme=dark] *, [data-equality-theme=dark] .root, [data-equality-theme=dark] .root *) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-red-300);
+        }
+      }
+    }
+  }
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}

package/dist/icon.module.module.css.module.css

@@ -0,0 +1,155 @@
+/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+.icon-container {
+  color: var(--color-text-primary);
+  width: max-content;
+  flex-shrink: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.icon-container:not(.background--transparent):not(.icon-container--sunken) {
+  --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+}
+.icon-container:not(.background--transparent):not(.size--xs) {
+  padding: calc(0.25rem * 2);
+}
+.icon-container:not(.background--transparent).size--xs {
+  padding: calc(0.25rem * 1.5);
+}
+.size--xs .icon {
+  width: calc(0.25rem * 3);
+  height: calc(0.25rem * 3);
+}
+.size--sm .icon {
+  width: calc(0.25rem * 4);
+  height: calc(0.25rem * 4);
+}
+.size--md .icon {
+  width: calc(0.25rem * 5);
+  height: calc(0.25rem * 5);
+}
+.size--lg .icon {
+  width: calc(0.25rem * 8);
+  height: calc(0.25rem * 8);
+}
+.background--square.size--xs {
+  border-radius: 0.25rem;
+}
+.background--square.size--sm {
+  border-radius: var(--radius-md, 0.375rem);
+}
+.background--square.size--md,
+.background--square.size--lg {
+  border-radius: 0.5rem;
+}
+.background--circle {
+  border-radius: calc(infinity * 1px);
+}
+.icon-container--sunken:not(.background--transparent) {
+  border-color: var(--color-border-sunken);
+  background-color: var(--color-background-sunken);
+  --tw-inset-shadow: inset 0 1px 1px var(--tw-inset-shadow-color, rgb(0 0 0 / 0.05));
+  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  --tw-shadow-color: rgba(0, 0, 0, 0.05);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.05) var(--tw-shadow-alpha), transparent);
+  }
+}
+.icon-container--base:not(.background--transparent) {
+  border-color: var(--color-border-base);
+  background-color: var(--color-background-base);
+  --tw-shadow-color: transparent;
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, transparent var(--tw-shadow-alpha), transparent);
+  }
+}
+.icon-container--raised:not(.background--transparent) {
+  border-color: var(--color-border-raised);
+  background-color: var(--color-background-raised);
+  --tw-shadow-color: rgba(0, 0, 0, 0.05);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.05) var(--tw-shadow-alpha), transparent);
+  }
+}
+.icon-container--overlay:not(.background--transparent) {
+  border-color: var(--color-border-overlay);
+  background-color: var(--color-background-overlay);
+  --tw-shadow-color: rgba(0, 0, 0, 0.1);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.1) var(--tw-shadow-alpha), transparent);
+  }
+}
+.icon-container--floating:not(.background--transparent) {
+  border-color: var(--color-border-floating);
+  background-color: var(--color-background-floating);
+  --tw-shadow-color: rgba(0, 0, 0, 0.15);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-shadow-color: color-mix(in oklab, rgba(0, 0, 0, 0.15) var(--tw-shadow-alpha), transparent);
+  }
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}