lynote-ui 0.0.8 → 0.0.10

package/dist/style.css

@@ -5,6 +5,11 @@
       --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-space-x-reverse: 0;
       --tw-border-style: solid;
@@ -85,13 +90,23 @@
     --font-sans: var(--font-sans);
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
-    --color-red-500: oklch(63.7% .237 25.331);
+    --color-amber-500: oklch(76.9% .188 70.08);
+    --color-emerald-300: oklch(84.5% .143 164.978);
+    --color-emerald-500: oklch(69.6% .17 162.48);
+    --color-emerald-700: oklch(50.8% .118 165.612);
+    --color-blue-600: oklch(54.6% .245 262.881);
+    --color-rose-500: oklch(64.5% .246 16.439);
+    --color-zinc-400: oklch(70.5% .015 286.067);
     --color-black: #000;
     --color-white: #fff;
     --spacing: .25rem;
     --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
+    --container-lg: 32rem;
+    --container-xl: 36rem;
+    --container-2xl: 42rem;
+    --container-3xl: 48rem;
     --text-xs: .75rem;
     --text-xs--line-height: calc(1 / .75);
     --text-sm: .875rem;
@@ -100,14 +115,20 @@
     --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-light: 300;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --font-weight-extrabold: 800;
     --tracking-tight: -.025em;
     --tracking-widest: .1em;
     --leading-snug: 1.375;
@@ -457,6 +478,10 @@
     inset-inline-end: var(--spacing);
   }
 
+  .-top-1\.5 {
+    top: calc(var(--spacing) * -1.5);
+  }
+
   .-top-12 {
     top: calc(var(--spacing) * -12);
   }
@@ -501,6 +526,10 @@
     top: 1px;
   }
 
+  .-right-1\.5 {
+    right: calc(var(--spacing) * -1.5);
+  }
+
   .-right-12 {
     right: calc(var(--spacing) * -12);
   }
@@ -537,10 +566,6 @@
     left: calc(var(--spacing) * -12);
   }
 
-  .left-0 {
-    left: calc(var(--spacing) * 0);
-  }
-
   .left-1\.5 {
     left: calc(var(--spacing) * 1.5);
   }
@@ -549,6 +574,10 @@
     left: 50%;
   }
 
+  .left-2\.5 {
+    left: calc(var(--spacing) * 2.5);
+  }
+
   .isolate {
     isolation: isolate;
   }
@@ -597,6 +626,40 @@
     grid-row-start: 1;
   }
 
+  .container {
+    width: 100%;
+  }
+
+  @media (min-width: 40rem) {
+    .container {
+      max-width: 40rem;
+    }
+  }
+
+  @media (min-width: 48rem) {
+    .container {
+      max-width: 48rem;
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .container {
+      max-width: 64rem;
+    }
+  }
+
+  @media (min-width: 80rem) {
+    .container {
+      max-width: 80rem;
+    }
+  }
+
+  @media (min-width: 96rem) {
+    .container {
+      max-width: 96rem;
+    }
+  }
+
   .-mx-1 {
     margin-inline: calc(var(--spacing) * -1);
   }
@@ -605,6 +668,10 @@
     margin-inline: calc(var(--spacing) * -4);
   }
 
+  .mx-0 {
+    margin-inline: calc(var(--spacing) * 0);
+  }
+
   .mx-2 {
     margin-inline: calc(var(--spacing) * 2);
   }
@@ -637,10 +704,30 @@
     margin-block: calc(var(--spacing) * 4);
   }
 
+  .my-6 {
+    margin-block: calc(var(--spacing) * 6);
+  }
+
+  .ms-2 {
+    margin-inline-start: calc(var(--spacing) * 2);
+  }
+
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
+
   .-mt-4 {
     margin-top: calc(var(--spacing) * -4);
   }
 
+  .mt-0\.5 {
+    margin-top: calc(var(--spacing) * .5);
+  }
+
+  .mt-1 {
+    margin-top: calc(var(--spacing) * 1);
+  }
+
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
@@ -649,18 +736,38 @@
     margin-top: calc(var(--spacing) * 4);
   }
 
+  .mt-6 {
+    margin-top: calc(var(--spacing) * 6);
+  }
+
+  .mt-8 {
+    margin-top: calc(var(--spacing) * 8);
+  }
+
+  .mt-10 {
+    margin-top: calc(var(--spacing) * 10);
+  }
+
   .mt-auto {
     margin-top: auto;
   }
 
-  .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
+  .mr-5 {
+    margin-right: calc(var(--spacing) * 5);
+  }
+
+  .-mb-1 {
+    margin-bottom: calc(var(--spacing) * -1);
   }
 
   .-mb-4 {
     margin-bottom: calc(var(--spacing) * -4);
   }
 
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
+
   .mb-1\.5 {
     margin-bottom: calc(var(--spacing) * 1.5);
   }
@@ -669,6 +776,10 @@
     margin-bottom: calc(var(--spacing) * 2);
   }
 
+  .mb-4 {
+    margin-bottom: calc(var(--spacing) * 4);
+  }
+
   .-ml-1 {
     margin-left: calc(var(--spacing) * -1);
   }
@@ -681,10 +792,18 @@
     margin-left: calc(var(--spacing) * 1);
   }
 
+  .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
+  }
+
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
 
+  .ml-6 {
+    margin-left: calc(var(--spacing) * 6);
+  }
+
   .ml-auto {
     margin-left: auto;
   }
@@ -728,10 +847,6 @@
     display: none;
   }
 
-  .inline {
-    display: inline;
-  }
-
   .inline-flex {
     display: inline-flex;
   }
@@ -773,6 +888,11 @@
     height: var(--cell-size);
   }
 
+  .size-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+    height: calc(var(--spacing) * 1.5);
+  }
+
   .size-2 {
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
@@ -788,6 +908,11 @@
     height: calc(var(--spacing) * 3);
   }
 
+  .size-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
+
   .size-4 {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
@@ -828,6 +953,16 @@
     height: calc(var(--spacing) * 12);
   }
 
+  .size-16 {
+    width: calc(var(--spacing) * 16);
+    height: calc(var(--spacing) * 16);
+  }
+
+  .size-\[1em\] {
+    width: 1em;
+    height: 1em;
+  }
+
   .size-auto {
     width: auto;
     height: auto;
@@ -870,6 +1005,10 @@
     height: calc(var(--spacing) * 2.5);
   }
 
+  .h-3 {
+    height: calc(var(--spacing) * 3);
+  }
+
   .h-4 {
     height: calc(var(--spacing) * 4);
   }
@@ -910,6 +1049,14 @@
     height: calc(var(--spacing) * 14) !important;
   }
 
+  .h-24 {
+    height: calc(var(--spacing) * 24);
+  }
+
+  .h-32 {
+    height: calc(var(--spacing) * 32);
+  }
+
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
@@ -926,6 +1073,14 @@
     height: 200px;
   }
 
+  .h-\[260px\] {
+    height: 260px;
+  }
+
+  .h-\[300px\] {
+    height: 300px;
+  }
+
   .h-\[calc\(--spacing\(5\.25\)\)\] {
     height: calc(calc(var(--spacing) * 5.25));
   }
@@ -934,6 +1089,12 @@
     height: calc(100% - 1px);
   }
 
+  .h-\[stretch\] {
+    height: -webkit-fill-available;
+    height: -moz-available;
+    height: stretch;
+  }
+
   .h-auto {
     height: auto;
   }
@@ -954,10 +1115,26 @@
     max-height: var(--available-height);
   }
 
+  .max-h-64 {
+    max-height: calc(var(--spacing) * 64);
+  }
+
   .max-h-72 {
     max-height: calc(var(--spacing) * 72);
   }
 
+  .max-h-96 {
+    max-height: calc(var(--spacing) * 96);
+  }
+
+  .max-h-\[50vh\] {
+    max-height: 50vh;
+  }
+
+  .max-h-\[80vh\] {
+    max-height: 80vh;
+  }
+
   .max-h-\[min\(calc\(--spacing\(72\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
     max-height: min(calc(calc(var(--spacing) * 72) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)));
   }
@@ -974,6 +1151,14 @@
     min-height: calc(var(--spacing) * 16);
   }
 
+  .min-h-\[120px\] {
+    min-height: 120px;
+  }
+
+  .min-h-\[200px\] {
+    min-height: 200px;
+  }
+
   .min-h-svh {
     min-height: 100svh;
   }
@@ -1018,10 +1203,22 @@
     width: calc(var(--spacing) * 2.5);
   }
 
+  .w-2\/3 {
+    width: 66.6667%;
+  }
+
+  .w-3\/4 {
+    width: 75%;
+  }
+
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
 
+  .w-4\/5 {
+    width: 80%;
+  }
+
   .w-5 {
     width: calc(var(--spacing) * 5);
   }
@@ -1030,6 +1227,18 @@
     width: calc(var(--spacing) * 9);
   }
 
+  .w-12 {
+    width: calc(var(--spacing) * 12);
+  }
+
+  .w-20 {
+    width: calc(var(--spacing) * 20);
+  }
+
+  .w-24 {
+    width: calc(var(--spacing) * 24);
+  }
+
   .w-32 {
     width: calc(var(--spacing) * 32);
   }
@@ -1046,6 +1255,10 @@
     width: calc(var(--spacing) * 48);
   }
 
+  .w-56 {
+    width: calc(var(--spacing) * 56);
+  }
+
   .w-60 {
     width: calc(var(--spacing) * 60);
   }
@@ -1078,6 +1291,10 @@
     width: 212px;
   }
 
+  .w-\[220px\] {
+    width: 220px;
+  }
+
   .w-\[240px\] {
     width: 240px;
   }
@@ -1114,10 +1331,22 @@
     width: 420px;
   }
 
+  .w-\[425px\] {
+    width: 425px;
+  }
+
   .w-\[450px\] {
     width: 450px;
   }
 
+  .w-\[480px\] {
+    width: 480px;
+  }
+
+  .w-\[520px\] {
+    width: 520px;
+  }
+
   .w-auto {
     width: auto;
   }
@@ -1146,10 +1375,26 @@
     max-width: var(--skeleton-width);
   }
 
+  .max-w-2xl {
+    max-width: var(--container-2xl);
+  }
+
+  .max-w-3xl {
+    max-width: var(--container-3xl);
+  }
+
+  .max-w-\[300px\] {
+    max-width: 300px;
+  }
+
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
 
+  .max-w-full {
+    max-width: 100%;
+  }
+
   .max-w-max {
     max-width: max-content;
   }
@@ -1162,6 +1407,10 @@
     max-width: var(--container-sm);
   }
 
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
+
   .max-w-xs {
     max-width: var(--container-xs);
   }
@@ -1174,6 +1423,10 @@
     min-width: calc(var(--spacing) * 0);
   }
 
+  .min-w-4 {
+    min-width: calc(var(--spacing) * 4);
+  }
+
   .min-w-5 {
     min-width: calc(var(--spacing) * 5);
   }
@@ -1194,6 +1447,10 @@
     min-width: calc(var(--spacing) * 16);
   }
 
+  .min-w-20 {
+    min-width: calc(var(--spacing) * 20);
+  }
+
   .min-w-32 {
     min-width: calc(var(--spacing) * 32);
   }
@@ -1202,6 +1459,10 @@
     min-width: calc(var(--spacing) * 36);
   }
 
+  .min-w-56 {
+    min-width: calc(var(--spacing) * 56);
+  }
+
   .min-w-60 {
     min-width: calc(var(--spacing) * 60);
   }
@@ -1210,14 +1471,26 @@
     min-width: 96px;
   }
 
+  .min-w-\[120px\] {
+    min-width: 120px;
+  }
+
   .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
     min-width: calc(var(--anchor-width) + calc(var(--spacing) * 7));
   }
 
+  .min-w-max {
+    min-width: max-content;
+  }
+
   .flex-1 {
     flex: 1;
   }
 
+  .flex-none {
+    flex: none;
+  }
+
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -1276,9 +1549,12 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
-  .translate-y-\[calc\(100\%\+2px\)\] {
-    --tw-translate-y: calc(100% + 2px);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
+  .-rotate-12 {
+    rotate: -12deg;
+  }
+
+  .rotate-0 {
+    rotate: 0deg;
   }
 
   .rotate-45 {
@@ -1289,10 +1565,18 @@
     rotate: 90deg;
   }
 
+  .transform {
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
   .animate-caret-blink {
     animation: 1.25s ease-out infinite caret-blink;
   }
 
+  .animate-none {
+    animation: none;
+  }
+
   .animate-pulse {
     animation: var(--animate-pulse);
   }
@@ -1301,10 +1585,22 @@
     animation: var(--animate-spin);
   }
 
+  .cursor-col-resize {
+    cursor: col-resize;
+  }
+
   .cursor-default {
     cursor: default;
   }
 
+  .cursor-grab {
+    cursor: grab;
+  }
+
+  .cursor-pointer {
+    cursor: pointer;
+  }
+
   .cursor-text {
     cursor: text;
   }
@@ -1325,6 +1621,10 @@
     resize: none;
   }
 
+  .scroll-m-20 {
+    scroll-margin: calc(var(--spacing) * 20);
+  }
+
   .scroll-my-1 {
     scroll-margin-block: calc(var(--spacing) * 1);
   }
@@ -1349,10 +1649,18 @@
     grid-auto-rows: min-content;
   }
 
+  .grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+
   .grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 
+  .grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
   .grid-cols-subgrid {
     grid-template-columns: subgrid;
   }
@@ -1409,6 +1717,10 @@
     justify-content: center;
   }
 
+  .justify-end {
+    justify-content: flex-end;
+  }
+
   .justify-start {
     justify-content: flex-start;
   }
@@ -1481,10 +1793,10 @@
     margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
   }
 
-  :where(.space-y-6 > :not(:last-child)) {
+  :where(.space-y-10 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
-    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
-    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
+    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
   }
 
   :where(.-space-x-2 > :not(:last-child)) {
@@ -1505,6 +1817,10 @@
     margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
   }
 
+  .self-end {
+    align-self: flex-end;
+  }
+
   .self-start {
     align-self: flex-start;
   }
@@ -1517,6 +1833,12 @@
     justify-self: flex-end;
   }
 
+  .truncate {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
   .overflow-auto {
     overflow: auto;
   }
@@ -1541,6 +1863,10 @@
     overscroll-behavior: contain;
   }
 
+  .rounded {
+    border-radius: .25rem;
+  }
+
   .rounded-\(--cell-radius\) {
     border-radius: var(--cell-radius);
   }
@@ -1669,6 +1995,11 @@
     border-left-width: 1px;
   }
 
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
+
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -1714,6 +2045,10 @@
     background-color: var(--color-bg);
   }
 
+  .bg-amber-500 {
+    background-color: var(--color-amber-500);
+  }
+
   .bg-background {
     background-color: var(--background);
   }
@@ -1746,6 +2081,20 @@
     }
   }
 
+  .bg-emerald-500 {
+    background-color: var(--color-emerald-500);
+  }
+
+  .bg-emerald-500\/15 {
+    background-color: #00bb7f26;
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-emerald-500\/15 {
+      background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);
+    }
+  }
+
   .bg-foreground {
     background-color: var(--foreground);
   }
@@ -1760,7 +2109,17 @@
     }
   }
 
-  .bg-muted, .bg-muted\/50 {
+  .bg-muted, .bg-muted\/30 {
+    background-color: var(--muted);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted\/30 {
+      background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+    }
+  }
+
+  .bg-muted\/50 {
     background-color: var(--muted);
   }
 
@@ -1770,6 +2129,16 @@
     }
   }
 
+  .bg-muted\/70 {
+    background-color: var(--muted);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    .bg-muted\/70 {
+      background-color: color-mix(in oklab, var(--muted) 70%, transparent);
+    }
+  }
+
   .bg-popover {
     background-color: var(--popover);
   }
@@ -1782,6 +2151,10 @@
     background-color: var(--primary-foreground);
   }
 
+  .bg-rose-500 {
+    background-color: var(--color-rose-500);
+  }
+
   .bg-secondary {
     background-color: var(--secondary);
   }
@@ -1790,6 +2163,10 @@
     background-color: var(--sidebar);
   }
 
+  .bg-sidebar-accent {
+    background-color: var(--sidebar-accent);
+  }
+
   .bg-sidebar-border {
     background-color: var(--sidebar-border);
   }
@@ -1802,6 +2179,10 @@
     background-color: var(--color-white);
   }
 
+  .bg-zinc-400 {
+    background-color: var(--color-zinc-400);
+  }
+
   .bg-clip-padding {
     background-clip: padding-box;
   }
@@ -1878,6 +2259,10 @@
     padding-inline: calc(var(--spacing) * 4);
   }
 
+  .px-\[0\.3rem\] {
+    padding-inline: .3rem;
+  }
+
   .py-0\.5 {
     padding-block: calc(var(--spacing) * .5);
   }
@@ -1898,6 +2283,10 @@
     padding-block: calc(var(--spacing) * 2.5);
   }
 
+  .py-3 {
+    padding-block: calc(var(--spacing) * 3);
+  }
+
   .py-4 {
     padding-block: calc(var(--spacing) * 4);
   }
@@ -1906,6 +2295,14 @@
     padding-block: calc(var(--spacing) * 6);
   }
 
+  .py-12 {
+    padding-block: calc(var(--spacing) * 12);
+  }
+
+  .py-\[0\.2rem\] {
+    padding-block: .2rem;
+  }
+
   .py-\[2px\] {
     padding-block: 2px;
   }
@@ -1914,6 +2311,10 @@
     padding-top: calc(var(--spacing) * 0);
   }
 
+  .pt-1 {
+    padding-top: calc(var(--spacing) * 1);
+  }
+
   .pt-2 {
     padding-top: calc(var(--spacing) * 2);
   }
@@ -1958,6 +2359,10 @@
     padding-bottom: calc(var(--spacing) * 3);
   }
 
+  .pl-0\.5\! {
+    padding-left: calc(var(--spacing) * .5) !important;
+  }
+
   .pl-1\.5 {
     padding-left: calc(var(--spacing) * 1.5);
   }
@@ -1978,10 +2383,18 @@
     padding-left: calc(var(--spacing) * 4);
   }
 
+  .pl-6 {
+    padding-left: calc(var(--spacing) * 6);
+  }
+
   .pl-7 {
     padding-left: calc(var(--spacing) * 7);
   }
 
+  .pl-8 {
+    padding-left: calc(var(--spacing) * 8);
+  }
+
   .text-center {
     text-align: center;
   }
@@ -1990,6 +2403,14 @@
     text-align: left;
   }
 
+  .text-right {
+    text-align: right;
+  }
+
+  .text-start {
+    text-align: start;
+  }
+
   .align-middle {
     vertical-align: middle;
   }
@@ -2011,6 +2432,11 @@
     line-height: var(--tw-leading, var(--text-2xl--line-height));
   }
 
+  .text-3xl {
+    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));
@@ -2036,6 +2462,11 @@
     line-height: var(--leading-relaxed);
   }
 
+  .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));
@@ -2045,6 +2476,20 @@
     font-size: .8rem;
   }
 
+  .text-\[10px\] {
+    font-size: 10px;
+  }
+
+  .leading-5 {
+    --tw-leading: calc(var(--spacing) * 5);
+    line-height: calc(var(--spacing) * 5);
+  }
+
+  .leading-7 {
+    --tw-leading: calc(var(--spacing) * 7);
+    line-height: calc(var(--spacing) * 7);
+  }
+
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -2055,11 +2500,6 @@
     line-height: var(--leading-normal);
   }
 
-  .leading-relaxed {
-    --tw-leading: var(--leading-relaxed);
-    line-height: var(--leading-relaxed);
-  }
-
   .leading-snug {
     --tw-leading: var(--leading-snug);
     line-height: var(--leading-snug);
@@ -2070,6 +2510,16 @@
     font-weight: var(--font-weight-bold);
   }
 
+  .font-extrabold {
+    --tw-font-weight: var(--font-weight-extrabold);
+    font-weight: var(--font-weight-extrabold);
+  }
+
+  .font-light {
+    --tw-font-weight: var(--font-weight-light);
+    font-weight: var(--font-weight-light);
+  }
+
   .font-medium {
     --tw-font-weight: var(--font-weight-medium);
     font-weight: var(--font-weight-medium);
@@ -2103,6 +2553,10 @@
     overflow-wrap: break-word;
   }
 
+  .whitespace-normal {
+    white-space: normal;
+  }
+
   .whitespace-nowrap {
     white-space: nowrap;
   }
@@ -2123,6 +2577,14 @@
     color: var(--destructive);
   }
 
+  .text-emerald-500 {
+    color: var(--color-emerald-500);
+  }
+
+  .text-emerald-700 {
+    color: var(--color-emerald-700);
+  }
+
   .text-foreground, .text-foreground\/60 {
     color: var(--foreground);
   }
@@ -2149,8 +2611,8 @@
     color: var(--primary-foreground);
   }
 
-  .text-red-500 {
-    color: var(--color-red-500);
+  .text-rose-500 {
+    color: var(--color-rose-500);
   }
 
   .text-secondary-foreground {
@@ -2171,6 +2633,10 @@
     text-transform: capitalize;
   }
 
+  .normal-case {
+    text-transform: none;
+  }
+
   .italic {
     font-style: italic;
   }
@@ -2200,6 +2666,14 @@
     opacity: .5;
   }
 
+  .opacity-80 {
+    opacity: .8;
+  }
+
+  .opacity-100 {
+    opacity: 1;
+  }
+
   .bg-blend-color {
     background-blend-mode: color;
   }
@@ -2249,6 +2723,11 @@
     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-0 {
     --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);
@@ -2313,6 +2792,16 @@
     outline-width: 1px;
   }
 
+  .grayscale {
+    --tw-grayscale: grayscale(100%);
+    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, );
+  }
+
+  .invert {
+    --tw-invert: invert(100%);
+    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, );
   }
@@ -2462,10 +2951,26 @@
     --cell-size: calc(var(--spacing) * 7);
   }
 
+  .\[--cell-size\:--spacing\(9\.5\)\] {
+    --cell-size: calc(var(--spacing) * 9.5);
+  }
+
+  .\[--cell-size\:--spacing\(10\)\] {
+    --cell-size: calc(var(--spacing) * 10);
+  }
+
+  .\[--radius\:9999px\] {
+    --radius: 9999px;
+  }
+
   :is(.\*\:w-full > *) {
     width: 100%;
   }
 
+  .not-first\:mt-6:not(:first-child) {
+    margin-top: calc(var(--spacing) * 6);
+  }
+
   .not-last\:border-b:not(:last-child) {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -2952,11 +3457,21 @@
     inset-inline-start: 50%;
   }
 
+  .after\:top-0:after {
+    content: var(--tw-content);
+    top: calc(var(--spacing) * 0);
+  }
+
   .after\:right-0:after {
     content: var(--tw-content);
     right: calc(var(--spacing) * 0);
   }
 
+  .after\:bottom-0:after {
+    content: var(--tw-content);
+    bottom: calc(var(--spacing) * 0);
+  }
+
   .after\:left-0:after {
     content: var(--tw-content);
     left: calc(var(--spacing) * 0);
@@ -2982,12 +3497,29 @@
     width: 2px;
   }
 
+  .after\:w-\[30px\]:after {
+    content: var(--tw-content);
+    width: 30px;
+  }
+
   .after\:-translate-x-1\/2:after {
     content: var(--tw-content);
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .after\:-translate-x-full:after {
+    content: var(--tw-content);
+    --tw-translate-x: -100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
+  .after\:translate-x-full:after {
+    content: var(--tw-content);
+    --tw-translate-x: 100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .after\:rounded-full:after {
     content: var(--tw-content);
     border-radius: 3.40282e38px;
@@ -3024,6 +3556,37 @@
     mix-blend-mode: darken;
   }
 
+  .after\:shadow-\[inset_-15px_0_8px_-8px_\#0000000d\]:after {
+    content: var(--tw-content);
+    --tw-shadow: inset -15px 0 8px -8px var(--tw-shadow-color, #0000000d);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .after\:shadow-\[inset_-15px_0_8px_-8px_\#00000000\]:after {
+    content: var(--tw-content);
+    --tw-shadow: inset -15px 0 8px -8px var(--tw-shadow-color, #0000);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .after\:shadow-\[inset_15px_0_8px_-8px_\#0000000d\]:after {
+    content: var(--tw-content);
+    --tw-shadow: inset 15px 0 8px -8px var(--tw-shadow-color, #0000000d);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .after\:shadow-\[inset_15px_0_8px_-8px_\#00000000\]:after {
+    content: var(--tw-content);
+    --tw-shadow: inset 15px 0 8px -8px var(--tw-shadow-color, #0000);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .after\:transition-all:after {
+    content: var(--tw-content);
+    transition-property: all;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+
   .after\:transition-opacity:after {
     content: var(--tw-content);
     transition-property: opacity;
@@ -3031,6 +3594,11 @@
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
 
+  .after\:content-\[\'\'\]:after {
+    --tw-content: "";
+    content: var(--tw-content);
+  }
+
   .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
     content: var(--tw-content);
     left: 100%;
@@ -3066,6 +3634,10 @@
     width: calc(var(--spacing) * .5);
   }
 
+  .first\:mt-0:first-child {
+    margin-top: calc(var(--spacing) * 0);
+  }
+
   .first\:rounded-l-md:first-child {
     border-top-left-radius: calc(var(--radius) * .8);
     border-bottom-left-radius: calc(var(--radius) * .8);
@@ -3119,7 +3691,31 @@
       }
     }
 
-    .hover\:bg-muted:hover, .hover\:bg-muted\/50:hover {
+    .hover\:bg-muted:hover {
+      background-color: var(--muted);
+    }
+
+    .hover\:bg-muted-foreground\/20:hover {
+      background-color: var(--muted-foreground);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted-foreground\/20:hover {
+        background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
+      }
+    }
+
+    .hover\:bg-muted\/30:hover {
+      background-color: var(--muted);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-muted\/30:hover {
+        background-color: color-mix(in oklab, var(--muted) 30%, transparent);
+      }
+    }
+
+    .hover\:bg-muted\/50:hover {
       background-color: var(--muted);
     }
 
@@ -3129,6 +3725,16 @@
       }
     }
 
+    .hover\:bg-primary\/40:hover {
+      background-color: var(--primary);
+    }
+
+    @supports (color: color-mix(in lab, red, red)) {
+      .hover\:bg-primary\/40:hover {
+        background-color: color-mix(in oklab, var(--primary) 40%, transparent);
+      }
+    }
+
     .hover\:bg-secondary\/80:hover {
       background-color: var(--secondary);
     }
@@ -3291,6 +3897,11 @@
     outline-color: var(--ring);
   }
 
+  .focus-visible\:outline-none:focus-visible {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
+
   :is(.\*\:focus-visible\:relative > *):focus-visible {
     position: relative;
   }
@@ -3304,6 +3915,10 @@
     border-color: var(--ring);
   }
 
+  .active\:cursor-grabbing:active {
+    cursor: grabbing;
+  }
+
   .active\:bg-sidebar-accent:active {
     background-color: var(--sidebar-accent);
   }
@@ -3924,6 +4539,14 @@
     color: var(--muted-foreground);
   }
 
+  .data-\[favorite\=true\]\:fill-blue-600[data-favorite="true"] {
+    fill: var(--color-blue-600);
+  }
+
+  .data-\[favorite\=true\]\:stroke-blue-600[data-favorite="true"] {
+    stroke: var(--color-blue-600);
+  }
+
   .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
     color: var(--destructive);
   }
@@ -4006,7 +4629,7 @@
     color: var(--primary-foreground);
   }
 
-  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
+  .data-\[resizing\=true\]\:bg-primary[data-resizing="true"], .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
     background-color: var(--primary);
   }
 
@@ -4423,6 +5046,13 @@
     overflow: hidden;
   }
 
+  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-none > *)[data-slot="select-value"] {
+    -webkit-line-clamp: unset;
+    -webkit-box-orient: horizontal;
+    display: block;
+    overflow: visible;
+  }
+
   :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
     display: flex;
   }
@@ -4656,10 +5286,38 @@
       display: flex;
     }
 
+    .sm\:max-w-3xl {
+      max-width: var(--container-3xl);
+    }
+
+    .sm\:max-w-\[425px\] {
+      max-width: 425px;
+    }
+
+    .sm\:max-w-lg {
+      max-width: var(--container-lg);
+    }
+
+    .sm\:max-w-md {
+      max-width: var(--container-md);
+    }
+
     .sm\:max-w-sm {
       max-width: var(--container-sm);
     }
 
+    .sm\:max-w-xs {
+      max-width: var(--container-xs);
+    }
+
+    .sm\:grid-cols-3 {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+
+    .sm\:grid-cols-4 {
+      grid-template-columns: repeat(4, minmax(0, 1fr));
+    }
+
     .sm\:flex-row {
       flex-direction: row;
     }
@@ -4702,6 +5360,10 @@
       display: flex;
     }
 
+    .md\:basis-1\/2 {
+      flex-basis: 50%;
+    }
+
     .md\:flex-row {
       flex-direction: row;
     }
@@ -4727,6 +5389,10 @@
       opacity: 0;
     }
 
+    .md\:\[--cell-size\:--spacing\(12\)\] {
+      --cell-size: calc(var(--spacing) * 12);
+    }
+
     .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
       margin: calc(var(--spacing) * 2);
     }
@@ -4809,6 +5475,14 @@
     background-color: #0000;
   }
 
+  .dark\:text-destructive:is(.dark *) {
+    color: var(--destructive);
+  }
+
+  .dark\:text-emerald-300:is(.dark *) {
+    color: var(--color-emerald-300);
+  }
+
   .dark\:text-muted-foreground:is(.dark *) {
     color: var(--muted-foreground);
   }
@@ -4818,6 +5492,18 @@
     mix-blend-mode: lighten;
   }
 
+  .dark\:after\:shadow-\[inset_-15px_0_8px_-8px_\#ffffff0d\]:is(.dark *):after {
+    content: var(--tw-content);
+    --tw-shadow: inset -15px 0 8px -8px var(--tw-shadow-color, #ffffff0d);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .dark\:after\:shadow-\[inset_15px_0_8px_-8px_\#ffffff0d\]:is(.dark *):after {
+    content: var(--tw-content);
+    --tw-shadow: inset 15px 0 8px -8px var(--tw-shadow-color, #ffffff0d);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
   @media (hover: hover) {
     .dark\:hover\:bg-destructive\/30:is(.dark *):hover {
       background-color: var(--destructive);
@@ -4988,6 +5674,18 @@
     }
   }
 
+  @media (pointer: coarse) {
+    .pointer-coarse\:inline-block {
+      display: inline-block;
+    }
+  }
+
+  @media (pointer: fine) {
+    .pointer-fine\:inline-block {
+      display: inline-block;
+    }
+  }
+
   .data-open\:animate-accordion-down:where([data-state="open"]), .data-open\:animate-accordion-down:where([data-open]:not([data-open="false"])) {
     animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
   }
@@ -5465,6 +6163,11 @@
     height: calc(var(--spacing) * 4);
   }
 
+  .\[\&_td\]\:border-r td, .\[\&_th\]\:border-r th {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+
   .\[\&_tr\]\:border-b tr {
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
@@ -5475,6 +6178,11 @@
     border-width: 0;
   }
 
+  .\[\&_tr\>\*\:last-child\]\:border-r-0 tr > :last-child {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 0;
+  }
+
   .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
     flex: none;
   }
@@ -5736,6 +6444,10 @@
     display: none;
   }
 
+  .\[\&\>button\]\:line-through > button {
+    text-decoration-line: line-through;
+  }
+
   .\[\&\>input\]\:flex-1 > input {
     flex: 1;
   }
@@ -5760,6 +6472,10 @@
     border-radius: calc(var(--radius) - 5px);
   }
 
+  .\[\&\>li\]\:mt-2 > li {
+    margin-top: calc(var(--spacing) * 2);
+  }
+
   .\[\&\>span\]\:text-xs > span {
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -6069,6 +6785,31 @@
   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;