@rakun-kit/manager-react 1.0.4 → 1.2.0

package/dist/styles.css

@@ -1,9 +1,11 @@
-/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
-    --font-sans: 'Inter Variable', ui-sans-serif, system-ui, sans-serif;
+    --font-sans: var(--font-sans);
+    --font-serif: var(--font-serif);
+    --font-mono: var(--font-mono);
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-green-400: oklch(79.2% 0.209 151.711);
@@ -54,6 +56,13 @@
     --leading-relaxed: 1.625;
     --radius-xs: 0.125rem;
     --radius-2xl: 1rem;
+    --shadow-2xs: var(--shadow-2xs);
+    --shadow-xs: var(--shadow-xs);
+    --shadow-sm: var(--shadow-sm);
+    --shadow-md: var(--shadow-md);
+    --shadow-lg: var(--shadow-lg);
+    --shadow-xl: var(--shadow-xl);
+    --shadow-2xl: var(--shadow-2xl);
     --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;
@@ -61,9 +70,9 @@
     --aspect-video: 16 / 9;
     --default-transition-duration: 150ms;
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-    --default-font-family: 'Inter Variable', ui-sans-serif, system-ui, sans-serif;
-    --default-mono-font-family: var(--font-geist-mono, ui-monospace);
-    --font-heading: 'Space Grotesk Variable', var(--font-sans);
+    --default-font-family: var(--font-sans);
+    --default-mono-font-family: var(--font-mono);
+    --shadow: var(--shadow);
   }
 }
 @layer base {
@@ -258,9 +267,6 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
-  .start {
-    inset-inline-start: var(--spacing);
-  }
   .start-0 {
     inset-inline-start: calc(var(--spacing) * 0);
   }
@@ -273,9 +279,6 @@
   .start-\[50\%\] {
     inset-inline-start: 50%;
   }
-  .end {
-    inset-inline-end: var(--spacing);
-  }
   .end-0 {
     inset-inline-end: calc(var(--spacing) * 0);
   }
@@ -844,9 +847,6 @@
   .max-w-\(--skeleton-width\) {
     max-width: var(--skeleton-width);
   }
-  .max-w-2xl {
-    max-width: var(--container-2xl);
-  }
   .max-w-7xl\! {
     max-width: var(--container-7xl) !important;
   }
@@ -1614,7 +1614,7 @@
     vertical-align: middle;
   }
   .font-mono {
-    font-family: var(--font-geist-mono, ui-monospace);
+    font-family: var(--font-mono);
   }
   .text-2xl {
     font-size: var(--text-2xl);
@@ -1829,7 +1829,7 @@
     opacity: 70%;
   }
   .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));
+    --tw-shadow: var(--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-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\] {
@@ -1837,11 +1837,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-lg {
-    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    --tw-shadow: var(--shadow-lg);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-md {
-    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    --tw-shadow: var(--shadow-md);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-none {
@@ -1849,11 +1849,11 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-sm {
-    --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));
+    --tw-shadow: var(--shadow-sm);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   .shadow-xs {
-    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+    --tw-shadow: var(--shadow-xs);
     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 {
@@ -2177,6 +2177,11 @@
       border-inline-start-width: 1px;
     }
   }
+  .group-data-\[state\=open\]\/collapsible\:rotate-90 {
+    &:is(:where(.group\/collapsible)[data-state="open"] *) {
+      rotate: 90deg;
+    }
+  }
   .group-data-\[variant\=floating\]\:rounded-lg {
     &:is(:where(.group)[data-variant="floating"] *) {
       border-radius: var(--radius);
@@ -2195,7 +2200,7 @@
   }
   .group-data-\[variant\=floating\]\:shadow-sm {
     &:is(:where(.group)[data-variant="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));
+      --tw-shadow: var(--shadow-sm);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
@@ -3322,6 +3327,11 @@
       border-color: var(--ring);
     }
   }
+  .data-\[active\=true\]\:bg-primary {
+    &[data-active="true"] {
+      background-color: var(--primary);
+    }
+  }
   .data-\[active\=true\]\:bg-sidebar-accent {
     &[data-active="true"] {
       background-color: var(--sidebar-accent);
@@ -3333,11 +3343,22 @@
       font-weight: var(--font-weight-medium);
     }
   }
+  .data-\[active\=true\]\:text-primary-foreground {
+    &[data-active="true"] {
+      color: var(--primary-foreground);
+    }
+  }
   .data-\[active\=true\]\:text-sidebar-accent-foreground {
     &[data-active="true"] {
       color: var(--sidebar-accent-foreground);
     }
   }
+  .data-\[active\=true\]\:shadow-sm {
+    &[data-active="true"] {
+      --tw-shadow: var(--shadow-sm);
+      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\]\:ring-\[3px\] {
     &[data-active="true"] {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -3352,6 +3373,27 @@
       }
     }
   }
+  .data-\[active\=true\]\:hover\:bg-primary\/90 {
+    &[data-active="true"] {
+      &:hover {
+        @media (hover: hover) {
+          background-color: var(--primary);
+          @supports (color: color-mix(in lab, red, red)) {
+            background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+          }
+        }
+      }
+    }
+  }
+  .data-\[active\=true\]\:hover\:text-primary-foreground {
+    &[data-active="true"] {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--primary-foreground);
+        }
+      }
+    }
+  }
   .data-\[active\=true\]\:aria-invalid\:border-destructive {
     &[data-active="true"] {
       &[aria-invalid="true"] {
@@ -3602,7 +3644,7 @@
   .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm {
     &:is(:where(.group\/tabs-list)[data-variant="default"] *) {
       &[data-state="active"] {
-        --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));
+        --tw-shadow: var(--shadow-sm);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
       }
     }
@@ -3701,6 +3743,53 @@
       --tw-exit-translate-y: -100%;
     }
   }
+  .data-\[state\=closed\]\:data-\[active\=true\]\:bg-primary {
+    &[data-state="closed"] {
+      &[data-active="true"] {
+        background-color: var(--primary);
+      }
+    }
+  }
+  .data-\[state\=closed\]\:data-\[active\=true\]\:text-primary-foreground {
+    &[data-state="closed"] {
+      &[data-active="true"] {
+        color: var(--primary-foreground);
+      }
+    }
+  }
+  .data-\[state\=closed\]\:data-\[active\=true\]\:shadow-sm {
+    &[data-state="closed"] {
+      &[data-active="true"] {
+        --tw-shadow: var(--shadow-sm);
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
+  .data-\[state\=closed\]\:data-\[active\=true\]\:hover\:bg-primary\/90 {
+    &[data-state="closed"] {
+      &[data-active="true"] {
+        &:hover {
+          @media (hover: hover) {
+            background-color: var(--primary);
+            @supports (color: color-mix(in lab, red, red)) {
+              background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+            }
+          }
+        }
+      }
+    }
+  }
+  .data-\[state\=closed\]\:data-\[active\=true\]\:hover\:text-primary-foreground {
+    &[data-state="closed"] {
+      &[data-active="true"] {
+        &:hover {
+          @media (hover: hover) {
+            color: var(--primary-foreground);
+          }
+        }
+      }
+    }
+  }
   .data-\[state\=inactive\]\:animate-out {
     &[data-state="inactive"] {
       animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
@@ -3727,11 +3816,6 @@
       color: var(--accent-foreground);
     }
   }
-  .data-\[state\=open\]\:rotate-90 {
-    &[data-state="open"] {
-      rotate: 90deg;
-    }
-  }
   .data-\[state\=open\]\:animate-in {
     &[data-state="open"] {
       animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
@@ -3913,7 +3997,7 @@
   }
   .data-\[variant\=outline\]\:shadow-xs {
     &[data-variant="outline"] {
-      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
+      --tw-shadow: var(--shadow-xs);
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
@@ -4141,7 +4225,7 @@
   .md\:peer-data-\[variant\=inset\]\:shadow-sm {
     @media (width >= 48rem) {
       &:is(:where(.peer)[data-variant="inset"] ~ *) {
-        --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));
+        --tw-shadow: var(--shadow-sm);
         box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
       }
     }
@@ -4836,6 +4920,22 @@
       color: var(--sidebar-accent-foreground);
     }
   }
+  .data-\[active\=true\]\:\[\&\>svg\]\:text-primary-foreground {
+    &[data-active="true"] {
+      &>svg {
+        color: var(--primary-foreground);
+      }
+    }
+  }
+  .data-\[state\=closed\]\:data-\[active\=true\]\:\[\&\>svg\]\:text-primary-foreground {
+    &[data-state="closed"] {
+      &[data-active="true"] {
+        &>svg {
+          color: var(--primary-foreground);
+        }
+      }
+    }
+  }
   .\[\&\>tr\]\:last\:border-b-0 {
     &>tr {
       &:last-child {
@@ -5136,93 +5236,131 @@
   list-style-type: disclosure-open;
 }
 @font-face {
-  font-family: 'Inter Variable';
-  src: url('./fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
+  font-family: "Inter Variable";
+  src: url("./fonts/Inter-VariableFont_opsz,wght.ttf") format("truetype");
   font-style: normal;
   font-weight: 100 900;
   font-display: swap;
 }
 @font-face {
-  font-family: 'Inter Variable';
-  src: url('./fonts/Inter-Italic-VariableFont_opsz,wght.ttf') format('truetype');
+  font-family: "Inter Variable";
+  src: url("./fonts/Inter-Italic-VariableFont_opsz,wght.ttf") format("truetype");
   font-style: italic;
   font-weight: 100 900;
   font-display: swap;
 }
 @font-face {
-  font-family: 'Space Grotesk Variable';
-  src: url('./fonts/SpaceGrotesk-VariableFont_wght.ttf') format('truetype');
+  font-family: "Space Grotesk Variable";
+  src: url("./fonts/SpaceGrotesk-VariableFont_wght.ttf") format("truetype");
   font-style: normal;
   font-weight: 300 700;
   font-display: swap;
 }
 :root {
-  --radius: 0.625rem;
-  --background: oklch(1 0 0);
-  --foreground: oklch(0.145 0 0);
-  --card: oklch(1 0 0);
-  --card-foreground: oklch(0.145 0 0);
-  --popover: oklch(1 0 0);
-  --popover-foreground: oklch(0.145 0 0);
-  --primary: oklch(0.205 0 0);
-  --primary-foreground: oklch(0.985 0 0);
-  --secondary: oklch(0.97 0 0);
-  --secondary-foreground: oklch(0.205 0 0);
-  --muted: oklch(0.97 0 0);
-  --muted-foreground: oklch(0.556 0 0);
-  --accent: oklch(0.97 0 0);
-  --accent-foreground: oklch(0.205 0 0);
-  --destructive: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.708 0 0);
-  --chart-1: oklch(0.646 0.222 41.116);
-  --chart-2: oklch(0.6 0.118 184.704);
-  --chart-3: oklch(0.398 0.07 227.392);
-  --chart-4: oklch(0.828 0.189 84.429);
-  --chart-5: oklch(0.769 0.188 70.08);
-  --sidebar: oklch(0.985 0 0);
-  --sidebar-foreground: oklch(0.145 0 0);
-  --sidebar-primary: oklch(0.205 0 0);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.97 0 0);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
-  --sidebar-border: oklch(0.922 0 0);
-  --sidebar-ring: oklch(0.708 0 0);
-  --content-height: calc(100dvh - 6.5rem);
+  --background: rgb(251, 250, 248);
+  --foreground: rgb(54, 36, 23);
+  --card: rgb(247, 245, 242);
+  --card-foreground: rgb(54, 36, 23);
+  --popover: rgb(251, 250, 248);
+  --popover-foreground: rgb(54, 36, 23);
+  --primary: rgb(36, 158, 87);
+  --primary-foreground: rgb(251, 250, 248);
+  --secondary: rgb(129, 84, 44);
+  --secondary-foreground: rgb(255, 251, 245);
+  --muted: rgb(238, 235, 232);
+  --muted-foreground: rgb(126, 113, 103);
+  --accent: rgb(232, 247, 238);
+  --accent-foreground: rgb(24, 104, 57);
+  --destructive: rgb(230, 76, 76);
+  --destructive-foreground: rgb(255, 255, 255);
+  --border: rgb(229, 225, 220);
+  --input: rgb(238, 235, 232);
+  --ring: rgb(36, 158, 87);
+  --chart-1: rgb(36, 158, 87);
+  --chart-2: rgb(129, 84, 44);
+  --chart-3: rgb(57, 172, 134);
+  --chart-4: rgb(203, 130, 77);
+  --chart-5: rgb(117, 189, 141);
+  --sidebar: rgb(247, 245, 242);
+  --sidebar-foreground: rgb(69, 48, 33);
+  --sidebar-primary: rgb(36, 158, 87);
+  --sidebar-primary-foreground: rgb(251, 250, 248);
+  --sidebar-accent: rgb(245, 234, 225);
+  --sidebar-accent-foreground: rgb(95, 62, 33);
+  --sidebar-border: rgb(229, 225, 220);
+  --sidebar-ring: rgb(36, 158, 87);
+  --font-sans: Inter, system-ui, sans-serif;
+  --font-serif: Georgia, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.5rem;
+  --shadow-x: 0px;
+  --shadow-y: 4px;
+  --shadow-blur: 12px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0;
+  --shadow-color: hsl(25, 40%, 10%);
+  --shadow-2xs: 0px 4px 12px 0px hsl(25 40% 10% / 0);
+  --shadow-xs: 0px 4px 12px 0px hsl(25 40% 10% / 0);
+  --shadow-sm: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 1px 2px -1px hsl(25 40% 10% / 0);
+  --shadow: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 1px 2px -1px hsl(25 40% 10% / 0);
+  --shadow-md: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 2px 4px -1px hsl(25 40% 10% / 0);
+  --shadow-lg: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 4px 6px -1px hsl(25 40% 10% / 0);
+  --shadow-xl: 0px 4px 12px 0px hsl(25 40% 10% / 0), 0px 8px 10px -1px hsl(25 40% 10% / 0);
+  --shadow-2xl: 0px 4px 12px 0px hsl(25 40% 10% / 0);
+  --tracking-normal: -0.01em;
+  --spacing: 0.25rem;
 }
 .dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
+  --background: rgb(26, 20, 15);
+  --foreground: rgb(237, 231, 222);
+  --card: rgb(37, 30, 24);
+  --card-foreground: rgb(228, 219, 205);
+  --popover: rgb(26, 20, 15);
+  --popover-foreground: rgb(237, 231, 222);
+  --primary: rgb(42, 187, 103);
+  --primary-foreground: rgb(26, 20, 15);
+  --secondary: rgb(152, 99, 52);
+  --secondary-foreground: rgb(255, 251, 245);
+  --muted: rgb(44, 37, 33);
+  --muted-foreground: rgb(175, 167, 157);
+  --accent: rgb(11, 50, 27);
+  --accent-foreground: rgb(159, 223, 186);
+  --destructive: rgb(189, 40, 40);
+  --destructive-foreground: rgb(250, 250, 250);
+  --border: rgb(53, 45, 39);
+  --input: rgb(44, 37, 33);
+  --ring: rgb(42, 187, 103);
+  --chart-1: rgb(42, 187, 103);
+  --chart-2: rgb(152, 99, 52);
+  --chart-3: rgb(70, 185, 147);
+  --chart-4: rgb(179, 119, 77);
+  --chart-5: rgb(106, 175, 129);
+  --sidebar: rgb(20, 15, 11);
+  --sidebar-foreground: rgb(224, 218, 209);
+  --sidebar-primary: rgb(42, 187, 103);
+  --sidebar-primary-foreground: rgb(26, 20, 15);
+  --sidebar-accent: rgb(54, 37, 23);
+  --sidebar-accent-foreground: rgb(222, 189, 160);
+  --sidebar-border: rgb(41, 35, 30);
+  --sidebar-ring: rgb(42, 187, 103);
+  --font-sans: Inter, system-ui, sans-serif;
+  --font-serif: Georgia, serif;
+  --font-mono: JetBrains Mono, monospace;
+  --radius: 0.5rem;
+  --shadow-x: 0px;
+  --shadow-y: 10px;
+  --shadow-blur: 25px;
+  --shadow-spread: 0px;
+  --shadow-opacity: 0;
+  --shadow-color: hsl(0, 0%, 0%);
+  --shadow-2xs: 0px 10px 25px 0px hsl(0 0% 0% / 0);
+  --shadow-xs: 0px 10px 25px 0px hsl(0 0% 0% / 0);
+  --shadow-sm: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+  --shadow: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 1px 2px -1px hsl(0 0% 0% / 0);
+  --shadow-md: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 2px 4px -1px hsl(0 0% 0% / 0);
+  --shadow-lg: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 4px 6px -1px hsl(0 0% 0% / 0);
+  --shadow-xl: 0px 10px 25px 0px hsl(0 0% 0% / 0), 0px 8px 10px -1px hsl(0 0% 0% / 0);
+  --shadow-2xl: 0px 10px 25px 0px hsl(0 0% 0% / 0);
 }
 .shiki {
   padding: 1rem;