@vireo-ai/trellis-ui 0.1.5 → 0.1.7

package/trellis_ui/static/trellis_ui/{css/styles.css → assets/css/trellis.css}

@@ -5,9 +5,6 @@
   :root, :host {
     --font-sans: Inter var, Lexend, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: Geist Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
-    --color-red-600: oklch(57.7% 0.245 27.325);
-    --color-black: #000;
-    --color-white: #fff;
     --spacing: 0.25rem;
     --container-xs: 20rem;
     --container-sm: 24rem;
@@ -36,8 +33,6 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
-    --tracking-normal: 0em;
-    --tracking-wide: 0.025em;
     --animate-spin: spin 1s linear infinite;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -89,17 +84,11 @@
     --shadow-border-hover: var(--ui-shadow-border-hover);
     --shadow-1: var(--ui-shadow-1);
     --shadow-2: var(--ui-shadow-2);
-    --shadow-3: var(--ui-shadow-3);
-    --shadow-4: var(--ui-shadow-4);
     --shadow-5: var(--ui-shadow-5);
     --shadow-6: var(--ui-shadow-6);
-    --shadow-popover: var(--ui-popover-shadow);
-    --shadow-modal: var(--ui-modal-shadow);
     --shadow-control: var(--ui-control-shadow);
-    --shadow-control-disabled: var(--ui-control-shadow-disabled);
     --shadow-focus: 0 0 0 3px var(--color-focus-a4);
     --shadow-danger-focus: var(--shadow-control), 0 0 0 3px var(--color-danger-a4);
-    --container-reading: 42rem;
     --z-index-popover: 50;
     --z-index-dialog: 60;
     --z-index-toast: 70;
@@ -109,7 +98,6 @@
     --color-base-4: #e8e8ec;
     --color-base-5: #e0e1e6;
     --color-base-6: #d9d9e0;
-    --color-base-9: #8b8d98;
     --color-base-10: #80838d;
     --color-base-11: #60646c;
     --color-base-12: #1c2024;
@@ -121,7 +109,6 @@
     --color-base-a7: #00062e32;
     --color-accent-8: #5eb1ef;
     --color-accent-9: #0090ff;
-    --color-accent-10: #0588f0;
     --color-accent-11: #0d74ce;
     --color-accent-12: #113264;
     --color-accent-a3: #008ff519;
@@ -185,10 +172,7 @@
     --color-control-fg: var(--ui-control-fg);
     --color-control-disabled-fg: var(--ui-control-fg-disabled);
     --color-control-placeholder: var(--ui-control-placeholder);
-    --color-control-border: var(--ui-control-border);
-    --color-control-border-focus: var(--ui-control-border-focus);
     --color-control-border-invalid: var(--ui-control-border-invalid);
-    --color-control-border-invalid-focus: var(--ui-control-border-invalid-focus);
     --color-focus: var(--color-accent-8);
     --color-focus-a4: #5eb1ef;
     @supports (color: color-mix(in lab, red, red)) {
@@ -230,7 +214,6 @@
     --color-popover-fg: var(--ui-popover-fg);
     --color-popover-border: var(--ui-popover-border);
     --color-toast: var(--ui-toast-bg);
-    --color-menu-item-hover: var(--ui-menu-item-bg-hover);
     --color-menu-item-fg: var(--ui-menu-item-fg);
     --color-menu-item-muted: var(--ui-menu-item-fg-muted);
     --color-menu-item-danger-hover: var(--ui-menu-item-danger-bg-hover);
@@ -401,15 +384,6 @@
   .pointer-events-none {
     pointer-events: none;
   }
-  .collapse {
-    visibility: collapse;
-  }
-  .invisible {
-    visibility: hidden;
-  }
-  .visible {
-    visibility: visible;
-  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -430,9 +404,6 @@
   .relative {
     position: relative;
   }
-  .static {
-    position: static;
-  }
   .sticky {
     position: sticky;
   }
@@ -448,9 +419,6 @@
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
-  .top-2 {
-    top: var(--spacing-2);
-  }
   .top-3 {
     top: var(--spacing-3);
   }
@@ -466,9 +434,6 @@
   .right-1 {
     right: var(--spacing-1);
   }
-  .right-2 {
-    right: var(--spacing-2);
-  }
   .right-3 {
     right: var(--spacing-3);
   }
@@ -532,33 +497,12 @@
   .col-start-2 {
     grid-column-start: 2;
   }
-  .row-1 {
-    grid-row: 1;
-  }
   .row-span-2 {
     grid-row: span 2 / span 2;
   }
   .row-start-1 {
     grid-row-start: 1;
   }
-  .container {
-    width: 100%;
-    @media (width >= 40rem) {
-      max-width: 40rem;
-    }
-    @media (width >= 48rem) {
-      max-width: 48rem;
-    }
-    @media (width >= 64rem) {
-      max-width: 64rem;
-    }
-    @media (width >= 80rem) {
-      max-width: 80rem;
-    }
-    @media (width >= 96rem) {
-      max-width: 96rem;
-    }
-  }
   .m-0 {
     margin: var(--spacing-0);
   }
@@ -589,9 +533,6 @@
   .m-9 {
     margin: var(--spacing-9);
   }
-  .m-auto {
-    margin: auto;
-  }
   .-mx-popover {
     margin-inline: calc(var(--spacing-popover) * -1);
   }
@@ -664,12 +605,6 @@
   .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
-  .mt-1 {
-    margin-top: var(--spacing-1);
-  }
-  .mt-2 {
-    margin-top: var(--spacing-2);
-  }
   .-mr-1 {
     margin-right: calc(var(--spacing-1) * -1);
   }
@@ -703,9 +638,6 @@
   .mb-0 {
     margin-bottom: var(--spacing-0);
   }
-  .mb-4 {
-    margin-bottom: var(--spacing-4);
-  }
   .-ml-1\.5 {
     margin-left: calc(var(--spacing) * -1.5);
   }
@@ -748,9 +680,6 @@
   .hidden {
     display: none;
   }
-  .inline {
-    display: inline;
-  }
   .inline-block {
     display: inline-block;
   }
@@ -760,21 +689,6 @@
   .inline-grid {
     display: inline-grid;
   }
-  .table {
-    display: table;
-  }
-  .table-caption {
-    display: table-caption;
-  }
-  .table-cell {
-    display: table-cell;
-  }
-  .table-column {
-    display: table-column;
-  }
-  .table-row {
-    display: table-row;
-  }
   .size-1 {
     width: var(--spacing-1);
     height: var(--spacing-1);
@@ -823,14 +737,6 @@
     width: var(--spacing-9);
     height: var(--spacing-9);
   }
-  .size-12 {
-    width: var(--spacing-12);
-    height: var(--spacing-12);
-  }
-  .size-16 {
-    width: calc(var(--spacing) * 16);
-    height: calc(var(--spacing) * 16);
-  }
   .size-control-md {
     width: var(--spacing-control-md);
     height: var(--spacing-control-md);
@@ -891,33 +797,9 @@
   .h-7 {
     height: var(--spacing-7);
   }
-  .h-36 {
-    height: calc(var(--spacing) * 36);
-  }
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
-  .h-56 {
-    height: calc(var(--spacing) * 56);
-  }
-  .h-64 {
-    height: calc(var(--spacing) * 64);
-  }
-  .h-72 {
-    height: calc(var(--spacing) * 72);
-  }
-  .h-80 {
-    height: calc(var(--spacing) * 80);
-  }
-  .h-96 {
-    height: calc(var(--spacing) * 96);
-  }
-  .h-\[24rem\] {
-    height: 24rem;
-  }
-  .h-\[30rem\] {
-    height: 30rem;
-  }
   .h-auto {
     height: auto;
   }
@@ -939,9 +821,6 @@
   .h-dvh {
     height: 100dvh;
   }
-  .h-fit {
-    height: fit-content;
-  }
   .h-full {
     height: 100%;
   }
@@ -954,15 +833,6 @@
   .h-scrollbar {
     height: var(--spacing-scrollbar);
   }
-  .max-h-24 {
-    max-height: calc(var(--spacing) * 24);
-  }
-  .max-h-32 {
-    max-height: calc(var(--spacing) * 32);
-  }
-  .max-h-44 {
-    max-height: calc(var(--spacing) * 44);
-  }
   .max-h-combobox-listbox {
     max-height: var(--spacing-combobox-listbox);
   }
@@ -1002,12 +872,6 @@
   .min-h-24 {
     min-height: calc(var(--spacing) * 24);
   }
-  .min-h-72 {
-    min-height: calc(var(--spacing) * 72);
-  }
-  .min-h-\[18rem\] {
-    min-height: 18rem;
-  }
   .min-h-control-lg {
     min-height: var(--spacing-control-lg);
   }
@@ -1026,9 +890,6 @@
   .min-h-dvh {
     min-height: 100dvh;
   }
-  .min-h-screen {
-    min-height: 100vh;
-  }
   .w-1 {
     width: var(--spacing-1);
   }
@@ -1059,18 +920,6 @@
   .w-14 {
     width: calc(var(--spacing) * 14);
   }
-  .w-28 {
-    width: calc(var(--spacing) * 28);
-  }
-  .w-36 {
-    width: calc(var(--spacing) * 36);
-  }
-  .w-56 {
-    width: calc(var(--spacing) * 56);
-  }
-  .w-80 {
-    width: calc(var(--spacing) * 80);
-  }
   .w-\[min\(24rem\,calc\(100vw-2rem\)\)\] {
     width: min(24rem, calc(100vw - 2rem));
   }
@@ -1095,9 +944,6 @@
   .w-control-xs {
     width: var(--spacing-control-xs);
   }
-  .w-fit {
-    width: fit-content;
-  }
   .w-full {
     width: 100%;
   }
@@ -1152,9 +998,6 @@
   .max-w-prose {
     max-width: 65ch;
   }
-  .max-w-reading {
-    max-width: var(--container-reading);
-  }
   .max-w-sm {
     max-width: var(--container-sm);
   }
@@ -1179,18 +1022,12 @@
   .min-w-72 {
     min-width: calc(var(--spacing) * 72);
   }
-  .min-w-\[48rem\] {
-    min-width: 48rem;
-  }
   .min-w-control-lg {
     min-width: var(--spacing-control-lg);
   }
   .min-w-full {
     min-width: 100%;
   }
-  .min-w-max {
-    min-width: max-content;
-  }
   .flex-1 {
     flex: 1;
   }
@@ -1241,9 +1078,6 @@
   .rotate-180 {
     rotate: 180deg;
   }
-  .transform {
-    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
-  }
   .animate-spin {
     animation: var(--animate-spin);
   }
@@ -1253,12 +1087,6 @@
   .cursor-default {
     cursor: default;
   }
-  .cursor-grab {
-    cursor: grab;
-  }
-  .cursor-not-allowed {
-    cursor: not-allowed;
-  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1277,12 +1105,6 @@
   .resize-y {
     resize: vertical;
   }
-  .scroll-mt-6 {
-    scroll-margin-top: var(--spacing-6);
-  }
-  .list-disc {
-    list-style-type: disc;
-  }
   .list-none {
     list-style-type: none;
   }
@@ -1310,9 +1132,6 @@
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
-  .grid-cols-4 {
-    grid-template-columns: repeat(4, minmax(0, 1fr));
-  }
   .grid-cols-\[auto_minmax\(0\,1fr\)\] {
     grid-template-columns: auto minmax(0,1fr);
   }
@@ -1469,13 +1288,6 @@
   .gap-control {
     gap: var(--spacing-control);
   }
-  .space-y-16 {
-    :where(& > :not(:last-child)) {
-      --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)));
-    }
-  }
   .gap-x-1 {
     column-gap: var(--spacing-1);
   }
@@ -1536,9 +1348,6 @@
   .self-center {
     align-self: center;
   }
-  .self-end {
-    align-self: flex-end;
-  }
   .self-start {
     align-self: flex-start;
   }
@@ -1574,12 +1383,6 @@
   .overflow-y-hidden {
     overflow-y: hidden;
   }
-  .overscroll-contain {
-    overscroll-behavior: contain;
-  }
-  .rounded {
-    border-radius: 0.25rem;
-  }
   .rounded-1 {
     border-radius: var(--radius-1);
   }
@@ -1607,14 +1410,6 @@
   .rounded-scrollbar-thumb {
     border-radius: var(--radius-scrollbar-thumb);
   }
-  .rounded-l-none {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-  }
-  .rounded-r-none {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0;
-  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1635,10 +1430,6 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 0px;
   }
-  .border-t-4 {
-    border-top-style: var(--tw-border-style);
-    border-top-width: 4px;
-  }
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -1663,10 +1454,6 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
   }
-  .border-l-4 {
-    border-left-style: var(--tw-border-style);
-    border-left-width: 4px;
-  }
   .border-accent-border {
     border-color: var(--color-accent-border);
   }
@@ -1685,9 +1472,6 @@
       border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
     }
   }
-  .border-control-border {
-    border-color: var(--color-control-border);
-  }
   .border-danger-border {
     border-color: var(--color-danger-border);
   }
@@ -1703,9 +1487,6 @@
   .border-warning-border {
     border-color: var(--color-warning-border);
   }
-  .bg-accent-9 {
-    background-color: var(--color-accent-9);
-  }
   .bg-accent-solid {
     background-color: var(--color-accent-solid);
   }
@@ -1715,9 +1496,6 @@
   .bg-app {
     background-color: var(--color-app);
   }
-  .bg-base-9 {
-    background-color: var(--color-base-9);
-  }
   .bg-base-12 {
     background-color: var(--color-base-12);
   }
@@ -1766,9 +1544,6 @@
   .bg-danger-surface {
     background-color: var(--color-danger-surface);
   }
-  .bg-interactive-selected {
-    background-color: var(--color-interactive-selected);
-  }
   .bg-menu-separator {
     background-color: var(--color-menu-separator);
   }
@@ -1778,15 +1553,9 @@
   .bg-popover {
     background-color: var(--color-popover);
   }
-  .bg-red-600 {
-    background-color: var(--color-red-600);
-  }
   .bg-scrollbar-thumb {
     background-color: var(--color-scrollbar-thumb);
   }
-  .bg-success-9 {
-    background-color: var(--color-success-9);
-  }
   .bg-success-solid {
     background-color: var(--color-success-solid);
   }
@@ -1880,9 +1649,6 @@
   .p-9 {
     padding: var(--spacing-9);
   }
-  .p-10 {
-    padding: var(--spacing-10);
-  }
   .p-popover {
     padding: var(--spacing-popover);
   }
@@ -1976,9 +1742,6 @@
   .pr-2 {
     padding-right: var(--spacing-2);
   }
-  .pr-3 {
-    padding-right: var(--spacing-3);
-  }
   .pr-8 {
     padding-right: var(--spacing-8);
   }
@@ -1994,9 +1757,6 @@
   .\!pl-1\.5 {
     padding-left: calc(var(--spacing) * 1.5) !important;
   }
-  .pl-5 {
-    padding-left: var(--spacing-5);
-  }
   .text-center {
     text-align: center;
   }
@@ -2045,10 +1805,6 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .leading-4 {
-    --tw-leading: var(--spacing-4);
-    line-height: var(--spacing-4);
-  }
   .leading-5 {
     --tw-leading: var(--spacing-5);
     line-height: var(--spacing-5);
@@ -2073,14 +1829,6 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
-  .tracking-normal {
-    --tw-tracking: var(--tracking-normal);
-    letter-spacing: var(--tracking-normal);
-  }
-  .tracking-wide {
-    --tw-tracking: var(--tracking-wide);
-    letter-spacing: var(--tracking-wide);
-  }
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2156,15 +1904,6 @@
   .text-warning-text {
     color: var(--color-warning-text);
   }
-  .text-white {
-    color: var(--color-white);
-  }
-  .lowercase {
-    text-transform: lowercase;
-  }
-  .uppercase {
-    text-transform: uppercase;
-  }
   .tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -2172,24 +1911,9 @@
   .no-underline {
     text-decoration-line: none;
   }
-  .underline {
-    text-decoration-line: underline;
-  }
-  .underline-offset-2 {
-    text-underline-offset: 2px;
-  }
-  .underline-offset-4 {
-    text-underline-offset: 4px;
-  }
   .opacity-0 {
     opacity: 0%;
   }
-  .opacity-25 {
-    opacity: 25%;
-  }
-  .opacity-50 {
-    opacity: 50%;
-  }
   .opacity-60 {
     opacity: 60%;
   }
@@ -2202,10 +1926,6 @@
   .opacity-80 {
     opacity: 80%;
   }
-  .shadow {
-    --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);
-  }
   .shadow-1 {
     --tw-shadow: var(--ui-shadow-1);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2254,31 +1974,10 @@
     --tw-shadow: var(--ui-popover-shadow);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  .shadow\/depth {
-    --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);
-  }
-  .ring {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
-  }
   .ring-1 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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);
   }
-  .ring-2 {
-    --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);
-  }
-  .shadow-control-hover {
-    --tw-shadow-color: var(--color-control-hover);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, var(--color-control-hover) var(--tw-shadow-alpha), transparent);
-    }
-  }
-  .ring-accent-9 {
-    --tw-ring-color: var(--color-accent-9);
-  }
   .ring-accent-border {
     --tw-ring-color: var(--color-accent-border);
   }
@@ -2291,35 +1990,6 @@
   .ring-danger-border {
     --tw-ring-color: var(--color-danger-border);
   }
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
-  .outline-1 {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
-  .-outline-offset-1 {
-    outline-offset: calc(1px * -1);
-  }
-  .outline-black\/10 {
-    outline-color: color-mix(in srgb, #000 10%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      outline-color: color-mix(in oklab, var(--color-black) 10%, transparent);
-    }
-  }
-  .blur {
-    --tw-blur: blur(8px);
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
-  .filter {
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
-  .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-opacity {
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2364,9 +2034,6 @@
   .\[grid-area\:sidebar\] {
     grid-area: sidebar;
   }
-  .\[grid-template-areas\:\"header\"_\"main\"_\"footer\"\] {
-    grid-template-areas: "header" "main" "footer";
-  }
   .\[print-color-adjust\:exact\] {
     print-color-adjust: exact;
   }
@@ -2378,30 +2045,6 @@
       rotate: 90deg;
     }
   }
-  .group-focus-within\:pointer-events-auto {
-    &:is(:where(.group):focus-within *) {
-      pointer-events: auto;
-    }
-  }
-  .group-focus-within\:opacity-100 {
-    &:is(:where(.group):focus-within *) {
-      opacity: 100%;
-    }
-  }
-  .group-hover\:pointer-events-auto {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        pointer-events: auto;
-      }
-    }
-  }
-  .group-hover\:opacity-100 {
-    &:is(:where(.group):hover *) {
-      @media (hover: hover) {
-        opacity: 100%;
-      }
-    }
-  }
   .peer-focus-visible\:shadow-focus {
     &:is(:where(.peer):focus-visible ~ *) {
       --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-focus-a4));
@@ -2456,22 +2099,12 @@
       background-color: transparent;
     }
   }
-  .last\:mb-0 {
-    &:last-child {
-      margin-bottom: var(--spacing-0);
-    }
-  }
   .last\:border-b-0 {
     &:last-child {
       border-bottom-style: var(--tw-border-style);
       border-bottom-width: 0px;
     }
   }
-  .focus-within\:border-control-border-focus {
-    &:focus-within {
-      border-color: var(--color-control-border-focus);
-    }
-  }
   .hover\:border-border-interactive {
     &:hover {
       @media (hover: hover) {
@@ -2479,20 +2112,6 @@
       }
     }
   }
-  .hover\:bg-base-3 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-base-3);
-      }
-    }
-  }
-  .hover\:bg-base-4 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-base-4);
-      }
-    }
-  }
   .hover\:bg-base-a2 {
     &:hover {
       @media (hover: hover) {
@@ -2545,13 +2164,6 @@
       }
     }
   }
-  .hover\:bg-surface-subtle {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-surface-subtle);
-      }
-    }
-  }
   .hover\:text-accent-12 {
     &:hover {
       @media (hover: hover) {
@@ -2650,16 +2262,6 @@
       --tw-ring-inset: inset;
     }
   }
-  .active\:cursor-grabbing {
-    &:active {
-      cursor: grabbing;
-    }
-  }
-  .disabled\:opacity-50 {
-    &:disabled {
-      opacity: 50%;
-    }
-  }
   .data-checked\:translate-x-2\.5 {
     &[data-checked] {
       --tw-translate-x: calc(var(--spacing) * 2.5);
@@ -2883,11 +2485,6 @@
       border-color: var(--color-danger-border);
     }
   }
-  .data-invalid\:bg-danger-solid {
-    &[data-invalid] {
-      background-color: var(--color-danger-solid);
-    }
-  }
   .data-invalid\:shadow-control {
     &[data-invalid] {
       --tw-shadow: var(--ui-control-shadow);
@@ -2900,13 +2497,6 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .data-invalid\:focus-within\:border-control-border-invalid-focus {
-    &[data-invalid] {
-      &:focus-within {
-        border-color: var(--color-control-border-invalid-focus);
-      }
-    }
-  }
   .data-invalid\:focus-within\:shadow-danger-focus {
     &[data-invalid] {
       &:focus-within {
@@ -2915,13 +2505,6 @@
       }
     }
   }
-  .data-invalid\:focus-within\:ring-danger-a4 {
-    &[data-invalid] {
-      &:focus-within {
-        --tw-ring-color: var(--color-danger-a4);
-      }
-    }
-  }
   .data-invalid\:data-checked\:border-danger-border {
     &[data-invalid] {
       &[data-checked] {
@@ -2929,20 +2512,6 @@
       }
     }
   }
-  .data-invalid\:data-checked\:bg-danger-solid {
-    &[data-invalid] {
-      &[data-checked] {
-        background-color: var(--color-danger-solid);
-      }
-    }
-  }
-  .data-invalid\:data-checked\:text-danger-text {
-    &[data-invalid] {
-      &[data-checked] {
-        color: var(--color-danger-text);
-      }
-    }
-  }
   .data-invalid\:data-indeterminate\:border-danger-border {
     &[data-invalid] {
       &[data-indeterminate] {
@@ -3033,26 +2602,6 @@
       }
     }
   }
-  .max-lg\:min-w-fit {
-    @media (width < 64rem) {
-      min-width: fit-content;
-    }
-  }
-  .max-sm\:flex-col {
-    @media (width < 40rem) {
-      flex-direction: column;
-    }
-  }
-  .max-sm\:px-6 {
-    @media (width < 40rem) {
-      padding-inline: var(--spacing-6);
-    }
-  }
-  .sm\:w-fit {
-    @media (width >= 40rem) {
-      width: fit-content;
-    }
-  }
   .sm\:grid-cols-2 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -3094,11 +2643,6 @@
       grid-auto-flow: column;
     }
   }
-  .md\:grid-cols-2 {
-    @media (width >= 48rem) {
-      grid-template-columns: repeat(2, minmax(0, 1fr));
-    }
-  }
   .md\:grid-cols-\[max-content_minmax\(0\,1fr\)\] {
     @media (width >= 48rem) {
       grid-template-columns: max-content minmax(0,1fr);
@@ -3169,11 +2713,6 @@
       width: var(--ui-sidebar-width);
     }
   }
-  .lg\:max-w-96 {
-    @media (width >= 64rem) {
-      max-width: calc(var(--spacing) * 96);
-    }
-  }
   .lg\:translate-x-0 {
     @media (width >= 64rem) {
       --tw-translate-x: var(--spacing-0);
@@ -3205,42 +2744,12 @@
       grid-template-columns: minmax(0,1fr);
     }
   }
-  .lg\:grid-cols-\[minmax\(0\,56rem\)_14rem\] {
-    @media (width >= 64rem) {
-      grid-template-columns: minmax(0,56rem) 14rem;
-    }
-  }
-  .lg\:items-start {
-    @media (width >= 64rem) {
-      align-items: flex-start;
-    }
-  }
-  .lg\:justify-center {
-    @media (width >= 64rem) {
-      justify-content: center;
-    }
-  }
   .lg\:shadow-none {
     @media (width >= 64rem) {
       --tw-shadow: 0 0 #0000;
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  .lg\:\[grid-template-areas\:\"header\"_\"main\"_\"footer\"\] {
-    @media (width >= 64rem) {
-      grid-template-areas: "header" "main" "footer";
-    }
-  }
-  .lg\:\[grid-template-areas\:\"header_sidebar_aside\"_\"main_sidebar_aside\"_\"footer_sidebar_aside\"\] {
-    @media (width >= 64rem) {
-      grid-template-areas: "header sidebar aside" "main sidebar aside" "footer sidebar aside";
-    }
-  }
-  .lg\:\[grid-template-areas\:\"sidebar_header_aside\"_\"sidebar_main_aside\"_\"sidebar_footer_aside\"\] {
-    @media (width >= 64rem) {
-      grid-template-areas: "sidebar header aside" "sidebar main aside" "sidebar footer aside";
-    }
-  }
   .lg\:data-\[desktop-state\=stashed\]\:data-\[drawer-state\=open\]\:fixed {
     @media (width >= 64rem) {
       &[data-desktop-state="stashed"] {
@@ -3410,11 +2919,6 @@
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
-  .xl\:grid-cols-\[minmax\(0\,56rem\)_16rem\] {
-    @media (width >= 80rem) {
-      grid-template-columns: minmax(0,56rem) 16rem;
-    }
-  }
   .dark\:block {
     &:where(.dark, .dark *):not(:where(.light, .light *)) {
       display: block;
@@ -3435,14 +2939,6 @@
       background-color: var(--color-surface-inverse);
     }
   }
-  .dark\:outline-white\/10 {
-    &:where(.dark, .dark *):not(:where(.light, .light *)) {
-      outline-color: color-mix(in srgb, #fff 10%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        outline-color: color-mix(in oklab, var(--color-white) 10%, transparent);
-      }
-    }
-  }
   .ui-interactive\:hover\:bg-interactive-hover {
     &:is([data-ui-interactive]) {
       &:hover {
@@ -3949,6 +3445,20 @@
     width: 100%;
   }
 }
+[data-ui-app] {
+  grid-template-areas: "header" "main" "footer";
+}
+@media (min-width: 1024px) {
+  [data-ui-app][data-sidebar="left"], [data-ui-app][data-sidebar="both"] {
+    grid-template-areas: "sidebar header aside" "sidebar main aside" "sidebar footer aside";
+  }
+  [data-ui-app][data-sidebar="right"] {
+    grid-template-areas: "header sidebar aside" "main sidebar aside" "footer sidebar aside";
+  }
+  [data-ui-app][data-sidebar="none"] {
+    grid-template-areas: "header" "main" "footer";
+  }
+}
 @layer components {
   [data-ui-scroll-area][data-size="md"] {
     --ui-scrollbar-size: 0.5rem;
@@ -5167,31 +4677,6 @@ html, body {
   inherits: false;
   initial-value: 0;
 }
-@property --tw-rotate-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-rotate-z {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-x {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-skew-y {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-space-y-reverse {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -5205,10 +4690,6 @@ html, body {
   syntax: "*";
   inherits: false;
 }
-@property --tw-tracking {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-ordinal {
   syntax: "*";
   inherits: false;
@@ -5294,64 +4775,6 @@ html, body {
   inherits: false;
   initial-value: 0 0 #0000;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
-@property --tw-blur {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-brightness {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-contrast {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-grayscale {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-hue-rotate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-invert {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-opacity {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-saturate {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-sepia {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-color {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-drop-shadow-alpha {
-  syntax: "<percentage>";
-  inherits: false;
-  initial-value: 100%;
-}
-@property --tw-drop-shadow-size {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-duration {
   syntax: "*";
   inherits: false;
@@ -5369,16 +4792,9 @@ html, body {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
-      --tw-rotate-x: initial;
-      --tw-rotate-y: initial;
-      --tw-rotate-z: initial;
-      --tw-skew-x: initial;
-      --tw-skew-y: initial;
-      --tw-space-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
-      --tw-tracking: initial;
       --tw-ordinal: initial;
       --tw-slashed-zero: initial;
       --tw-numeric-figure: initial;
@@ -5398,20 +4814,6 @@ html, body {
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
-      --tw-blur: initial;
-      --tw-brightness: initial;
-      --tw-contrast: initial;
-      --tw-grayscale: initial;
-      --tw-hue-rotate: initial;
-      --tw-invert: initial;
-      --tw-opacity: initial;
-      --tw-saturate: initial;
-      --tw-sepia: initial;
-      --tw-drop-shadow: initial;
-      --tw-drop-shadow-color: initial;
-      --tw-drop-shadow-alpha: 100%;
-      --tw-drop-shadow-size: initial;
       --tw-duration: initial;
     }
   }