ikoncomponents 1.6.3 → 1.6.5

package/dist/styles.css

@@ -3,6 +3,7 @@
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
+    --color-red-200: oklch(88.5% 0.062 18.334);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-800: oklch(44.4% 0.177 26.899);
     --color-blue-50: oklch(97% 0.014 254.604);
@@ -41,18 +42,26 @@
     --text-base--line-height: calc(1.5 / 1);
     --text-lg: 1.125rem;
     --text-lg--line-height: calc(1.75 / 1.125);
+    --text-xl: 1.25rem;
+    --text-xl--line-height: calc(1.75 / 1.25);
     --text-2xl: 1.5rem;
     --text-2xl--line-height: calc(2 / 1.5);
     --text-3xl: 1.875rem;
     --text-3xl--line-height: calc(2.25 / 1.875);
+    --text-4xl: 2.25rem;
+    --text-4xl--line-height: calc(2.5 / 2.25);
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
     --tracking-tight: -0.025em;
     --tracking-widest: 0.1em;
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
+    --radius-2xl: 1rem;
+    --radius-3xl: 1.5rem;
+    --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
     --animate-spin: spin 1s linear infinite;
     --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
@@ -215,6 +224,9 @@
     container-type: inline-size;
     container-name: card-header;
   }
+  .\@container {
+    container-type: inline-size;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -259,6 +271,9 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .-top-12 {
+    top: calc(var(--spacing) * -12);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -292,6 +307,9 @@
   .right-1 {
     right: calc(var(--spacing) * 1);
   }
+  .right-1\.5 {
+    right: calc(var(--spacing) * 1.5);
+  }
   .right-2 {
     right: calc(var(--spacing) * 2);
   }
@@ -331,15 +349,30 @@
   .z-\[1\] {
     z-index: 1;
   }
+  .col-span-full {
+    grid-column: 1 / -1;
+  }
+  .col-start-1 {
+    grid-column-start: 1;
+  }
   .col-start-2 {
     grid-column-start: 2;
   }
+  .col-start-3 {
+    grid-column-start: 3;
+  }
   .row-span-2 {
     grid-row: span 2 / span 2;
   }
   .row-start-1 {
     grid-row-start: 1;
   }
+  .row-start-2 {
+    grid-row-start: 2;
+  }
+  .row-start-3 {
+    grid-row-start: 3;
+  }
   .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -358,6 +391,9 @@
       max-width: 96rem;
     }
   }
+  .m-0 {
+    margin: calc(var(--spacing) * 0);
+  }
   .m-2 {
     margin: calc(var(--spacing) * 2);
   }
@@ -379,6 +415,9 @@
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
+  .mx-3 {
+    margin-inline: calc(var(--spacing) * 3);
+  }
   .mx-3\.5 {
     margin-inline: calc(var(--spacing) * 3.5);
   }
@@ -391,6 +430,15 @@
   .my-1 {
     margin-block: calc(var(--spacing) * 1);
   }
+  .my-4 {
+    margin-block: calc(var(--spacing) * 4);
+  }
+  .my-5 {
+    margin-block: calc(var(--spacing) * 5);
+  }
+  .my-auto {
+    margin-block: auto;
+  }
   .mt-1 {
     margin-top: calc(var(--spacing) * 1);
   }
@@ -406,18 +454,30 @@
   .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
+  .mt-5 {
+    margin-top: calc(var(--spacing) * 5);
+  }
   .mt-6 {
     margin-top: calc(var(--spacing) * 6);
   }
+  .mt-8 {
+    margin-top: calc(var(--spacing) * 8);
+  }
   .mt-auto {
     margin-top: auto;
   }
+  .-mr-1 {
+    margin-right: calc(var(--spacing) * -1);
+  }
   .-mr-2 {
     margin-right: calc(var(--spacing) * -2);
   }
   .mr-2 {
     margin-right: calc(var(--spacing) * 2);
   }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -427,15 +487,27 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-5 {
+    margin-bottom: calc(var(--spacing) * 5);
+  }
+  .mb-8 {
+    margin-bottom: calc(var(--spacing) * 8);
+  }
   .-ml-1 {
     margin-left: calc(var(--spacing) * -1);
   }
+  .-ml-2 {
+    margin-left: calc(var(--spacing) * -2);
+  }
   .ml-1 {
     margin-left: calc(var(--spacing) * 1);
   }
   .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
+  .ml-6 {
+    margin-left: calc(var(--spacing) * 6);
+  }
   .ml-12 {
     margin-left: calc(var(--spacing) * 12);
   }
@@ -451,6 +523,12 @@
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 1;
   }
+  .line-clamp-2 {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
   .\!block {
     display: block !important;
   }
@@ -517,6 +595,14 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   .size-7 {
     width: calc(var(--spacing) * 7);
     height: calc(var(--spacing) * 7);
@@ -525,6 +611,10 @@
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
   }
+  .size-8\.5 {
+    width: calc(var(--spacing) * 8.5);
+    height: calc(var(--spacing) * 8.5);
+  }
   .size-9 {
     width: calc(var(--spacing) * 9);
     height: calc(var(--spacing) * 9);
@@ -533,6 +623,14 @@
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
+  .size-14 {
+    width: calc(var(--spacing) * 14);
+    height: calc(var(--spacing) * 14);
+  }
+  .size-\[34px\] {
+    width: 34px;
+    height: 34px;
+  }
   .size-auto {
     width: auto;
     height: auto;
@@ -631,9 +729,18 @@
   .max-h-\(--radix-select-content-available-height\) {
     max-height: var(--radix-select-content-available-height);
   }
+  .max-h-32 {
+    max-height: calc(var(--spacing) * 32);
+  }
   .max-h-60 {
     max-height: calc(var(--spacing) * 60);
   }
+  .max-h-\[80dvh\] {
+    max-height: 80dvh;
+  }
+  .max-h-\[80vh\] {
+    max-height: 80vh;
+  }
   .max-h-\[200px\] {
     max-height: 200px;
   }
@@ -658,6 +765,9 @@
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
+  .min-h-\[60px\] {
+    min-height: 60px;
+  }
   .min-h-screen {
     min-height: 100vh;
   }
@@ -784,6 +894,9 @@
   .max-w-3xl {
     max-width: var(--container-3xl);
   }
+  .max-w-7\/8 {
+    max-width: calc(7/8 * 100%);
+  }
   .max-w-20 {
     max-width: calc(var(--spacing) * 20);
   }
@@ -802,6 +915,9 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-\[var\(--thread-max-width\)\] {
+    max-width: var(--thread-max-width);
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -841,6 +957,9 @@
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
   .min-w-\[var\(--radix-popover-trigger-width\)\] {
     min-width: var(--radix-popover-trigger-width);
   }
@@ -868,6 +987,14 @@
   .border-collapse {
     border-collapse: collapse;
   }
+  .border-separate {
+    border-collapse: separate;
+  }
+  .border-spacing-0 {
+    --tw-border-spacing-x: calc(var(--spacing) * 0);
+    --tw-border-spacing-y: calc(var(--spacing) * 0);
+    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+  }
   .origin-\(--radix-dropdown-menu-content-transform-origin\) {
     transform-origin: var(--radix-dropdown-menu-content-transform-origin);
   }
@@ -887,6 +1014,10 @@
     --tw-translate-x: calc(calc(1/2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .-translate-x-full {
+    --tw-translate-x: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-x-px {
     --tw-translate-x: -1px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -957,15 +1088,30 @@
   .resize {
     resize: both;
   }
+  .resize-none {
+    resize: none;
+  }
+  .scroll-m-20 {
+    scroll-margin: calc(var(--spacing) * 20);
+  }
   .scroll-my-1 {
     scroll-margin-block: calc(var(--spacing) * 1);
   }
   .scroll-py-1 {
     scroll-padding-block: calc(var(--spacing) * 1);
   }
+  .list-decimal {
+    list-style-type: decimal;
+  }
+  .list-disc {
+    list-style-type: disc;
+  }
   .list-none {
     list-style-type: none;
   }
+  .auto-rows-auto {
+    grid-auto-rows: auto;
+  }
   .auto-rows-min {
     grid-auto-rows: min-content;
   }
@@ -975,6 +1121,9 @@
   .grid-cols-\[0_1fr\] {
     grid-template-columns: 0 1fr;
   }
+  .grid-cols-\[minmax\(72px\,1fr\)_auto\] {
+    grid-template-columns: minmax(72px,1fr) auto;
+  }
   .grid-rows-\[auto_auto\] {
     grid-template-rows: auto auto;
   }
@@ -993,6 +1142,9 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
+  .content-start {
+    align-content: flex-start;
+  }
   .items-center {
     align-items: center;
   }
@@ -1079,6 +1231,12 @@
   .gap-y-0\.5 {
     row-gap: calc(var(--spacing) * 0.5);
   }
+  .gap-y-2 {
+    row-gap: calc(var(--spacing) * 2);
+  }
+  .self-center {
+    align-self: center;
+  }
   .self-end {
     align-self: flex-end;
   }
@@ -1099,21 +1257,42 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
+  .overflow-x-auto {
+    overflow-x: auto;
+  }
   .overflow-x-hidden {
     overflow-x: hidden;
   }
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overflow-y-scroll {
+    overflow-y: scroll;
+  }
+  .scroll-smooth {
+    scroll-behavior: smooth;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
+  .rounded-2xl {
+    border-radius: var(--radius-2xl);
+  }
+  .rounded-3xl {
+    border-radius: var(--radius-3xl);
+  }
   .rounded-\[2px\] {
     border-radius: 2px;
   }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
+  .rounded-\[14px\] {
+    border-radius: 14px;
+  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -1146,6 +1325,14 @@
     border-start-end-radius: 0;
     border-end-end-radius: 0;
   }
+  .rounded-t-3xl {
+    border-top-left-radius: var(--radius-3xl);
+    border-top-right-radius: var(--radius-3xl);
+  }
+  .rounded-t-lg {
+    border-top-left-radius: var(--radius);
+    border-top-right-radius: var(--radius);
+  }
   .rounded-l-md {
     border-top-left-radius: calc(var(--radius) - 2px);
     border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -1217,6 +1404,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-2 {
+    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;
@@ -1251,6 +1442,15 @@
   .border-border {
     border-color: var(--border);
   }
+  .border-destructive {
+    border-color: var(--destructive);
+  }
+  .border-foreground\/20 {
+    border-color: var(--foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
+    }
+  }
   .border-gray-300 {
     border-color: var(--color-gray-300);
   }
@@ -1260,6 +1460,18 @@
   .border-input {
     border-color: var(--input);
   }
+  .border-muted-foreground\/30 {
+    border-color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
+    }
+  }
+  .border-muted-foreground\/60 {
+    border-color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
+    }
+  }
   .border-neutral-600 {
     border-color: var(--color-neutral-600);
   }
@@ -1362,6 +1574,12 @@
   .bg-destructive {
     background-color: var(--destructive);
   }
+  .bg-destructive\/10 {
+    background-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+    }
+  }
   .bg-foreground {
     background-color: var(--foreground);
   }
@@ -1374,6 +1592,18 @@
   .bg-muted {
     background-color: var(--muted);
   }
+  .bg-muted-foreground\/15 {
+    background-color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
+    }
+  }
+  .bg-muted\/30 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+    }
+  }
   .bg-muted\/50 {
     background-color: var(--muted);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1422,6 +1652,18 @@
   .fill-primary {
     fill: var(--primary);
   }
+  .fill-white {
+    fill: var(--color-white);
+  }
+  .stroke-\[1\.5px\] {
+    stroke-width: 1.5px;
+  }
+  .object-contain {
+    object-fit: contain;
+  }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -1473,6 +1715,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -1482,6 +1727,9 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .px-8 {
+    padding-inline: calc(var(--spacing) * 8);
+  }
   .px-16 {
     padding-inline: calc(var(--spacing) * 16);
   }
@@ -1497,6 +1745,9 @@
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
+  .py-2\.5 {
+    padding-block: calc(var(--spacing) * 2.5);
+  }
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -1512,9 +1763,18 @@
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
+  .pt-0\.5 {
+    padding-top: calc(var(--spacing) * 0.5);
+  }
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
+  .pt-1\.5 {
+    padding-top: calc(var(--spacing) * 1.5);
+  }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
   .pt-4 {
     padding-top: calc(var(--spacing) * 4);
   }
@@ -1539,6 +1799,9 @@
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -1548,6 +1811,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-6 {
+    padding-left: calc(var(--spacing) * 6);
+  }
   .pl-8 {
     padding-left: calc(var(--spacing) * 8);
   }
@@ -1563,6 +1829,9 @@
   .text-right {
     text-align: right;
   }
+  .text-start {
+    text-align: start;
+  }
   .align-middle {
     vertical-align: middle;
   }
@@ -1580,6 +1849,10 @@
     font-size: var(--text-3xl);
     line-height: var(--tw-leading, var(--text-3xl--line-height));
   }
+  .text-4xl {
+    font-size: var(--text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height));
+  }
   .text-base {
     font-size: var(--text-base);
     line-height: var(--tw-leading, var(--text-base--line-height));
@@ -1592,6 +1865,10 @@
     font-size: var(--text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height));
   }
+  .text-xl {
+    font-size: var(--text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height));
+  }
   .text-xs {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -1599,6 +1876,10 @@
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .leading-7 {
+    --tw-leading: calc(var(--spacing) * 7);
+    line-height: calc(var(--spacing) * 7);
+  }
   .leading-8 {
     --tw-leading: calc(var(--spacing) * 8);
     line-height: calc(var(--spacing) * 8);
@@ -1615,6 +1896,10 @@
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
   }
+  .font-extrabold {
+    --tw-font-weight: var(--font-weight-extrabold);
+    font-weight: var(--font-weight-extrabold);
+  }
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -1647,6 +1932,9 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
   .text-\[\#6A77D9\] {
     color: #6A77D9;
   }
@@ -1716,6 +2004,12 @@
       color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);
     }
   }
+  .text-muted-foreground\/65 {
+    color: var(--muted-foreground);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--muted-foreground) 65%, transparent);
+    }
+  }
   .text-neutral-400 {
     color: var(--color-neutral-400);
   }
@@ -1755,10 +2049,19 @@
   .text-zinc-950 {
     color: var(--color-zinc-950);
   }
+  .lowercase {
+    text-transform: lowercase;
+  }
+  .italic {
+    font-style: italic;
+  }
   .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,);
   }
+  .line-through {
+    text-decoration-line: line-through;
+  }
   .underline {
     text-decoration-line: underline;
   }
@@ -1954,6 +2257,10 @@
     --tw-ease: linear;
     transition-timing-function: linear;
   }
+  .ease-out {
+    --tw-ease: var(--ease-out);
+    transition-timing-function: var(--ease-out);
+  }
   .fade-in-0 {
     --tw-enter-opacity: calc(0/100);
     --tw-enter-opacity: 0;
@@ -1977,6 +2284,15 @@
   .\[--cell-size\:2rem\] {
     --cell-size: 2rem;
   }
+  .fade-in {
+    --tw-enter-opacity: 0;
+  }
+  .running {
+    animation-play-state: running;
+  }
+  .slide-in-from-bottom-1 {
+    --tw-enter-translate-y: calc(1*var(--spacing));
+  }
   .group-focus-within\/menu-item\:opacity-100 {
     &:is(:where(.group\/menu-item):focus-within *) {
       opacity: 100%;
@@ -2441,30 +2757,67 @@
       }
     }
   }
+  .first\:mt-0 {
+    &:first-child {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
   .first\:rounded-l-md {
     &:first-child {
       border-top-left-radius: calc(var(--radius) - 2px);
       border-bottom-left-radius: calc(var(--radius) - 2px);
     }
   }
+  .first\:rounded-tl-lg {
+    &:first-child {
+      border-top-left-radius: var(--radius);
+    }
+  }
+  .first\:border-t {
+    &:first-child {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 1px;
+    }
+  }
   .first\:border-l {
     &:first-child {
       border-left-style: var(--tw-border-style);
       border-left-width: 1px;
     }
   }
+  .last\:mb-0 {
+    &:last-child {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .last\:rounded-r-md {
     &:last-child {
       border-top-right-radius: calc(var(--radius) - 2px);
       border-bottom-right-radius: calc(var(--radius) - 2px);
     }
   }
+  .last\:rounded-tr-lg {
+    &:last-child {
+      border-top-right-radius: var(--radius);
+    }
+  }
+  .last\:border-r {
+    &:last-child {
+      border-right-style: var(--tw-border-style);
+      border-right-width: 1px;
+    }
+  }
   .last\:border-b-0 {
     &:last-child {
       border-bottom-style: var(--tw-border-style);
       border-bottom-width: 0px;
     }
   }
+  .empty\:hidden {
+    &:empty {
+      display: none;
+    }
+  }
   .hover\:border-primary {
     &:hover {
       @media (hover: hover) {
@@ -2527,6 +2880,16 @@
       }
     }
   }
+  .hover\:bg-accent\/50 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-black\/\[\.04\] {
     &:hover {
       @media (hover: hover) {
@@ -2554,6 +2917,16 @@
       }
     }
   }
+  .hover\:bg-muted-foreground\/15 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--muted-foreground);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-muted\/50 {
     &:hover {
       @media (hover: hover) {
@@ -2564,6 +2937,16 @@
       }
     }
   }
+  .hover\:bg-primary\/75 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 75%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-sidebar-accent {
     &:hover {
       @media (hover: hover) {
@@ -2585,6 +2968,13 @@
       }
     }
   }
+  .hover\:bg-white\! {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-white) !important;
+      }
+    }
+  }
   .hover\:text-accent-foreground {
     &:hover {
       @media (hover: hover) {
@@ -2641,6 +3031,13 @@
       }
     }
   }
+  .hover\:opacity-75 {
+    &:hover {
+      @media (hover: hover) {
+        opacity: 75%;
+      }
+    }
+  }
   .hover\:opacity-100 {
     &:hover {
       @media (hover: hover) {
@@ -2773,6 +3170,12 @@
       border-color: var(--ring);
     }
   }
+  .focus-visible\:ring-0 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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\:ring-1 {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2865,6 +3268,11 @@
       pointer-events: none;
     }
   }
+  .disabled\:invisible {
+    &:disabled {
+      visibility: hidden;
+    }
+  }
   .disabled\:cursor-not-allowed {
     &:disabled {
       cursor: not-allowed;
@@ -2919,6 +3327,25 @@
       opacity: 50%;
     }
   }
+  .has-\[textarea\:focus-visible\]\:border-ring {
+    &:has(*:is(textarea:focus-visible)) {
+      border-color: var(--ring);
+    }
+  }
+  .has-\[textarea\:focus-visible\]\:ring-\[3px\] {
+    &:has(*:is(textarea:focus-visible)) {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + 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);
+    }
+  }
+  .has-\[textarea\:focus-visible\]\:ring-ring\/50 {
+    &:has(*:is(textarea:focus-visible)) {
+      --tw-ring-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
+      }
+    }
+  }
   .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\] {
     &:has(>svg) {
       grid-template-columns: calc(var(--spacing) * 4) 1fr;
@@ -2972,6 +3399,38 @@
       color: var(--muted-foreground);
     }
   }
+  .data-floating\:absolute {
+    &[data-floating] {
+      position: absolute;
+    }
+  }
+  .data-floating\:rounded-md {
+    &[data-floating] {
+      border-radius: calc(var(--radius) - 2px);
+    }
+  }
+  .data-floating\:border {
+    &[data-floating] {
+      border-style: var(--tw-border-style);
+      border-width: 1px;
+    }
+  }
+  .data-floating\:bg-background {
+    &[data-floating] {
+      background-color: var(--background);
+    }
+  }
+  .data-floating\:p-1 {
+    &[data-floating] {
+      padding: calc(var(--spacing) * 1);
+    }
+  }
+  .data-floating\:shadow-sm {
+    &[data-floating] {
+      --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);
+    }
+  }
   .data-\[active\=true\]\:bg-\[var\(--chart-1\)\] {
     &[data-active="true"] {
       background-color: var(--chart-1);
@@ -3018,6 +3477,25 @@
       opacity: 50%;
     }
   }
+  .data-\[dragging\=true\]\:border-dashed {
+    &[data-dragging="true"] {
+      --tw-border-style: dashed;
+      border-style: dashed;
+    }
+  }
+  .data-\[dragging\=true\]\:border-ring {
+    &[data-dragging="true"] {
+      border-color: var(--ring);
+    }
+  }
+  .data-\[dragging\=true\]\:bg-accent\/50 {
+    &[data-dragging="true"] {
+      background-color: var(--accent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+      }
+    }
+  }
   .data-\[error\=true\]\:text-destructive {
     &[data-error="true"] {
       color: var(--destructive);
@@ -3817,6 +4295,11 @@
       width: auto;
     }
   }
+  .sm\:max-w-3xl {
+    @media (width >= 40rem) {
+      max-width: var(--container-3xl);
+    }
+  }
   .sm\:max-w-lg {
     @media (width >= 40rem) {
       max-width: var(--container-lg);
@@ -3926,6 +4409,11 @@
       gap: calc(var(--spacing) * 1.5);
     }
   }
+  .md\:pb-6 {
+    @media (width >= 48rem) {
+      padding-bottom: calc(var(--spacing) * 6);
+    }
+  }
   .md\:text-left {
     @media (width >= 48rem) {
       text-align: left;
@@ -4028,6 +4516,32 @@
       padding-inline: calc(var(--spacing) * 4);
     }
   }
+  .\@md\:grid-cols-2 {
+    @container (width >= 28rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
+  .\@md\:flex-col {
+    @container (width >= 28rem) {
+      flex-direction: column;
+    }
+  }
+  .dark\:border-muted-foreground\/15 {
+    &:is(.dark *) {
+      border-color: var(--muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);
+      }
+    }
+  }
+  .dark\:border-muted-foreground\/90 {
+    &:is(.dark *) {
+      border-color: var(--muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--muted-foreground) 90%, transparent);
+      }
+    }
+  }
   .dark\:border-white {
     &:is(.dark *) {
       border-color: var(--color-white);
@@ -4086,6 +4600,14 @@
       background-color: var(--destructive);
     }
   }
+  .dark\:bg-destructive\/5 {
+    &:is(.dark *) {
+      background-color: var(--destructive);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--destructive) 5%, transparent);
+      }
+    }
+  }
   .dark\:bg-destructive\/60 {
     &:is(.dark *) {
       background-color: var(--destructive);
@@ -4107,6 +4629,14 @@
       }
     }
   }
+  .dark\:bg-muted-foreground\/20 {
+    &:is(.dark *) {
+      background-color: var(--muted-foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
+      }
+    }
+  }
   .dark\:bg-neutral-800 {
     &:is(.dark *) {
       background-color: var(--color-neutral-800);
@@ -4122,6 +4652,16 @@
       background-color: var(--color-white);
     }
   }
+  .dark\:fill-black {
+    &:is(.dark *) {
+      fill: var(--color-black);
+    }
+  }
+  .dark\:stroke-\[2\.5px\] {
+    &:is(.dark *) {
+      stroke-width: 2.5px;
+    }
+  }
   .dark\:text-accent-foreground {
     &:is(.dark *) {
       color: var(--accent-foreground);
@@ -4147,6 +4687,11 @@
       color: var(--muted-foreground);
     }
   }
+  .dark\:text-red-200 {
+    &:is(.dark *) {
+      color: var(--color-red-200);
+    }
+  }
   .dark\:text-secondary-foreground {
     &:is(.dark *) {
       color: var(--secondary-foreground);
@@ -4186,6 +4731,15 @@
       }
     }
   }
+  .dark\:hover\:bg-accent {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--accent);
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-accent\/50 {
     &:is(.dark *) {
       &:hover {
@@ -4198,6 +4752,18 @@
       }
     }
   }
+  .dark\:hover\:bg-accent\/60 {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--accent);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--accent) 60%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:hover\:bg-input\/50 {
     &:is(.dark *) {
       &:hover {
@@ -4210,6 +4776,18 @@
       }
     }
   }
+  .dark\:hover\:bg-muted-foreground\/30 {
+    &:is(.dark *) {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--muted-foreground);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);
+          }
+        }
+      }
+    }
+  }
   .dark\:focus\:bg-\[var\(--card\)\] {
     &:is(.dark *) {
       &:focus {
@@ -4461,6 +5039,25 @@
       flex-shrink: 0;
     }
   }
+  .\[\&_svg\]\:text-background {
+    & svg {
+      color: var(--background);
+    }
+  }
+  .\[\&_svg\]\:text-black {
+    & svg {
+      color: var(--color-black);
+    }
+  }
+  .hover\:\[\&_svg\]\:text-destructive {
+    &:hover {
+      @media (hover: hover) {
+        & svg {
+          color: var(--destructive);
+        }
+      }
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
     & svg:not([class*='size-']) {
       width: calc(var(--spacing) * 4);
@@ -4523,6 +5120,16 @@
       }
     }
   }
+  .\[\[align\=center\]\]\:text-center {
+    &:is([align=center]) {
+      text-align: center;
+    }
+  }
+  .\[\[align\=right\]\]\:text-right {
+    &:is([align=right]) {
+      text-align: right;
+    }
+  }
   .\*\:\[span\]\:last\:flex {
     :is(& > *) {
       &:is(span) {
@@ -4559,23 +5166,114 @@
       }
     }
   }
+  .\[\&\:last-child\>td\:first-child\]\:rounded-bl-lg {
+    &:last-child>td:first-child {
+      border-bottom-left-radius: var(--radius);
+    }
+  }
+  .\[\&\:last-child\>td\:last-child\]\:rounded-br-lg {
+    &:last-child>td:last-child {
+      border-bottom-right-radius: var(--radius);
+    }
+  }
   .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md {
     &:last-child[data-selected=true] button {
       border-top-right-radius: calc(var(--radius) - 2px);
       border-bottom-right-radius: calc(var(--radius) - 2px);
     }
   }
+  .\[\&\:nth-child\(n\+3\)\]\:hidden {
+    &:nth-child(n+3) {
+      display: none;
+    }
+  }
+  .\@md\:\[\&\:nth-child\(n\+3\)\]\:block {
+    @container (width >= 28rem) {
+      &:nth-child(n+3) {
+        display: block;
+      }
+    }
+  }
+  .\[\&\:where\(\>\*\)\]\:col-start-2 {
+    &:where(>*) {
+      grid-column-start: 2;
+    }
+  }
+  .only\:\[\&\>\#attachment-tile\]\:size-24 {
+    &:only-child {
+      &>#attachment-tile {
+        width: calc(var(--spacing) * 24);
+        height: calc(var(--spacing) * 24);
+      }
+    }
+  }
   .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] {
     &>[role=checkbox] {
       --tw-translate-y: 2px;
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .\[\&\>a\]\:text-xs {
+    &>a {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+  }
+  .\[\&\>a\]\:no-underline {
+    &>a {
+      text-decoration-line: none;
+    }
+  }
   .\[\&\>button\]\:hidden {
     &>button {
       display: none;
     }
   }
+  .\[\&\>button\]\:rounded-full {
+    &>button {
+      border-radius: calc(infinity * 1px);
+    }
+  }
+  .\[\&\>button\]\:bg-foreground\/60 {
+    &>button {
+      background-color: var(--foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--foreground) 60%, transparent);
+      }
+    }
+  }
+  .\[\&\>button\]\:p-1 {
+    &>button {
+      padding: calc(var(--spacing) * 1);
+    }
+  }
+  .\[\&\>button\]\:opacity-100 {
+    &>button {
+      opacity: 100%;
+    }
+  }
+  .\[\&\>button\]\:ring-0\! {
+    &>button {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
+    }
+  }
+  .\[\&\>button\]\:hover\:\[\&_svg\]\:text-destructive {
+    &>button {
+      &:hover {
+        @media (hover: hover) {
+          & svg {
+            color: var(--destructive);
+          }
+        }
+      }
+    }
+  }
+  .\[\&\>li\]\:mt-2 {
+    &>li {
+      margin-top: calc(var(--spacing) * 2);
+    }
+  }
   .\[\&\>span\]\:text-xs {
     &>span {
       font-size: var(--text-xs);
@@ -4980,7 +5678,10 @@
     .custom-buttons {
       font-size: 14px;
     }
-    .rbc-date-cell.rbc-now, .rbc-time-slot.rbc-now, .rbc-show-more, .rbc-header {
+    .rbc-date-cell.rbc-now,
+    .rbc-time-slot.rbc-now,
+    .rbc-show-more,
+    .rbc-header {
       font-weight: normal !important;
     }
     .rbc-btn {
@@ -5025,11 +5726,14 @@
     .rbc-h-full {
       height: 100%;
     }
-    .rbc-calendar *, .rbc-calendar *:before, .rbc-calendar *:after {
+    .rbc-calendar *,
+    .rbc-calendar *:before,
+    .rbc-calendar *:after {
       -webkit-box-sizing: inherit;
       box-sizing: inherit;
     }
-    .rbc-abs-full, .rbc-row-bg {
+    .rbc-abs-full,
+    .rbc-row-bg {
       overflow: hidden;
       position: absolute;
       top: 0;
@@ -5037,7 +5741,10 @@
       right: 0;
       bottom: 0;
     }
-    .rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
+    .rbc-ellipsis,
+    .rbc-show-more,
+    .rbc-row-segment .rbc-event-content,
+    .rbc-event-label {
       display: block;
       overflow: hidden;
       text-overflow: ellipsis;
@@ -5075,7 +5782,9 @@
       border-left-width: 0;
       border-right: 1px solid hsl(var(--border));
     }
-    .rbc-header>a, .rbc-header>a:active, .rbc-header>a:visited {
+    .rbc-header>a,
+    .rbc-header>a:active,
+    .rbc-header>a:visited {
       color: inherit;
       text-decoration: none;
     }
@@ -5158,14 +5867,18 @@
       line-height: normal;
       white-space: nowrap;
     }
-    .rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
+    .rbc-toolbar button:active,
+    .rbc-toolbar button.rbc-active {
       background-image: none;
       -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
       box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
       background-color: #e6e6e6;
       border-color: #adadad;
     }
-    .rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
+    .rbc-toolbar button:active:hover,
+    .rbc-toolbar button:active:focus,
+    .rbc-toolbar button.rbc-active:hover,
+    .rbc-toolbar button.rbc-active:focus {
       color: #373a3c;
       background-color: #d4d4d4;
       border-color: #8c8c8c;
@@ -5212,7 +5925,8 @@
       margin-left: 0;
       margin-right: -1px;
     }
-    .rbc-btn-group+.rbc-btn-group, .rbc-btn-group+button {
+    .rbc-btn-group+.rbc-btn-group,
+    .rbc-btn-group+button {
       margin-left: 10px;
     }
     @media (max-width: 767px) {
@@ -5223,7 +5937,8 @@
         flex-direction: column;
       }
     }
-    .rbc-event, .rbc-day-slot .rbc-background-event {
+    .rbc-event,
+    .rbc-day-slot .rbc-background-event {
       border: none;
       -webkit-box-sizing: border-box;
       box-sizing: border-box;
@@ -5238,14 +5953,18 @@
       width: 100%;
       text-align: left;
     }
-    .rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
+    .rbc-slot-selecting .rbc-event,
+    .rbc-slot-selecting .rbc-day-slot .rbc-background-event,
+    .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
       cursor: inherit;
       pointer-events: none;
     }
-    .rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
+    .rbc-event.rbc-selected,
+    .rbc-day-slot .rbc-selected.rbc-background-event {
       background-color: #265985;
     }
-    .rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
+    .rbc-event:focus,
+    .rbc-day-slot .rbc-background-event:focus {
       outline: 5px auto #3b99fc;
     }
     .rbc-event-label {
@@ -5296,7 +6015,8 @@
       line-height: normal;
       color: hsl(var(--input));
     }
-    .rbc-show-more:hover, .rbc-show-more:focus {
+    .rbc-show-more:hover,
+    .rbc-show-more:focus {
       color: #265985;
     }
     .rbc-month-view {
@@ -5359,7 +6079,9 @@
     .rbc-date-cell.rbc-now {
       font-weight: bold;
     }
-    .rbc-date-cell>a, .rbc-date-cell>a:active, .rbc-date-cell>a:visited {
+    .rbc-date-cell>a,
+    .rbc-date-cell>a:active,
+    .rbc-date-cell>a:visited {
       color: inherit;
       text-decoration: none;
     }
@@ -5461,7 +6183,8 @@
     .rbc-agenda-time-cell .rbc-continues-prior:before {
       content: "« ";
     }
-    .rbc-agenda-date-cell, .rbc-agenda-time-cell {
+    .rbc-agenda-date-cell,
+    .rbc-agenda-time-cell {
       white-space: nowrap;
     }
     .rbc-agenda-event-cell {
@@ -5493,7 +6216,8 @@
       -ms-flex-flow: column nowrap;
       flex-flow: column nowrap;
     }
-    .rbc-time-gutter, .rbc-header-gutter {
+    .rbc-time-gutter,
+    .rbc-header-gutter {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
@@ -5516,7 +6240,8 @@
       left: 10px;
       right: 0;
     }
-    .rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
+    .rbc-day-slot .rbc-event,
+    .rbc-day-slot .rbc-background-event {
       border: 1px solid #265985;
       display: -webkit-box;
       display: -ms-flexbox;
@@ -5556,7 +6281,8 @@
     .rbc-day-slot .rbc-time-slot {
       border-top: 1px solid hsl(var(--border));
     }
-    .rbc-time-view-resources .rbc-time-gutter, .rbc-time-view-resources .rbc-time-header-gutter {
+    .rbc-time-view-resources .rbc-time-gutter,
+    .rbc-time-view-resources .rbc-time-header-gutter {
       position: sticky;
       left: 0;
       background-color: white;
@@ -5581,7 +6307,8 @@
     .rbc-time-view-resources .rbc-day-slot {
       min-width: 140px;
     }
-    .rbc-time-view-resources .rbc-header, .rbc-time-view-resources .rbc-day-bg {
+    .rbc-time-view-resources .rbc-header,
+    .rbc-time-view-resources .rbc-day-bg {
       width: 140px;
       -webkit-box-flex: 1;
       -ms-flex: 1 1 0px;
@@ -5775,6 +6502,16 @@
     border-radius: 50%;
   }
 }
+@property --tw-border-spacing-x {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-spacing-y {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-translate-x {
   syntax: "*";
   inherits: false;
@@ -6059,6 +6796,8 @@
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
+      --tw-border-spacing-x: 0;
+      --tw-border-spacing-y: 0;
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
@@ -6131,4 +6870,4 @@
       --tw-exit-translate-y: 0;
     }
   }
-}
+}