sunpeak 0.5.15 → 0.5.17

package/dist/style.css

@@ -114,6 +114,7 @@
     --tracking-normal: var(--font-tracking-normal);
     --tracking-tight: var(--font-tracking-tight);
     --shadow-hairline: var(--shadow-hairline);
+    --color-white: var(--white);
   }
 
   :root, :where([data-theme]) {
@@ -3050,6 +3051,15 @@
   body {
     counter-reset: katexEqnNo mmlEqnNo;
   }
+
+  :root, :where([data-theme="light"]) {
+    --color-text: var(--gray-1000);
+    --color-text-secondary: var(--gray-500);
+  }
+
+  :where([data-theme="dark"]) {
+    --color-text-secondary: var(--gray-700);
+  }
 }
 
 @layer components;
@@ -3103,6 +3113,22 @@
     inset: calc(var(--spacing) * 0);
   }
 
+  .-start-2 {
+    inset-inline-start: calc(var(--spacing) * -2);
+  }
+
+  .start-4 {
+    inset-inline-start: calc(var(--spacing) * 4);
+  }
+
+  .end-4 {
+    inset-inline-end: calc(var(--spacing) * 4);
+  }
+
+  .-top-1\.5 {
+    top: calc(var(--spacing) * -1.5);
+  }
+
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -3111,6 +3137,10 @@
     top: 50%;
   }
 
+  .top-14 {
+    top: calc(var(--spacing) * 14);
+  }
+
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
@@ -3119,18 +3149,10 @@
     right: calc(var(--spacing) * 2);
   }
 
-  .right-6 {
-    right: calc(var(--spacing) * 6);
-  }
-
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
 
-  .bottom-20 {
-    bottom: calc(var(--spacing) * 20);
-  }
-
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -3147,6 +3169,10 @@
     z-index: 20;
   }
 
+  .z-40 {
+    z-index: 40;
+  }
+
   .z-50 {
     z-index: 50;
   }
@@ -3299,6 +3325,10 @@
     max-height: 100%;
   }
 
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
+
   .min-h-8 {
     min-height: calc(var(--spacing) * 8);
   }
@@ -3327,10 +3357,6 @@
     width: calc(var(--spacing) * 56);
   }
 
-  .w-80 {
-    width: calc(var(--spacing) * 80);
-  }
-
   .w-full {
     width: 100%;
   }
@@ -3499,6 +3525,10 @@
     overflow: hidden;
   }
 
+  .overflow-visible {
+    overflow: visible;
+  }
+
   .overflow-x-auto {
     overflow-x: auto;
   }
@@ -3579,6 +3609,10 @@
     border-color: #0000;
   }
 
+  .bg-\[\#3a3a3a\] {
+    background-color: #3a3a3a;
+  }
+
   .bg-\[var\(--color-background-primary\)\] {
     background-color: var(--color-background-primary);
   }
@@ -3626,12 +3660,12 @@
     padding: calc(var(--spacing) * 0);
   }
 
-  .p-2 {
-    padding: calc(var(--spacing) * 2);
+  .p-1\.5 {
+    padding: calc(var(--spacing) * 1.5);
   }
 
-  .p-3 {
-    padding: calc(var(--spacing) * 3);
+  .p-2 {
+    padding: calc(var(--spacing) * 2);
   }
 
   .p-4 {
@@ -3658,6 +3692,10 @@
     padding-inline: calc(var(--spacing) * 2);
   }
 
+  .px-3 {
+    padding-inline: calc(var(--spacing) * 3);
+  }
+
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -3678,6 +3716,10 @@
     padding-block: calc(var(--spacing) * 1);
   }
 
+  .py-2 {
+    padding-block: calc(var(--spacing) * 2);
+  }
+
   .py-3 {
     padding-block: calc(var(--spacing) * 3);
   }
@@ -3690,6 +3732,10 @@
     padding-block: calc(var(--spacing) * 10);
   }
 
+  .pt-0 {
+    padding-top: calc(var(--spacing) * 0);
+  }
+
   .pt-12 {
     padding-top: calc(var(--spacing) * 12);
   }
@@ -3698,6 +3744,10 @@
     padding-right: calc(var(--spacing) * 12);
   }
 
+  .pb-3 {
+    padding-bottom: calc(var(--spacing) * 3);
+  }
+
   .pb-10 {
     padding-bottom: calc(var(--spacing) * 10);
   }
@@ -3838,10 +3888,24 @@
     color: var(--color-text-secondary);
   }
 
+  .text-white {
+    color: var(--color-white);
+  }
+
   .opacity-60 {
     opacity: .6;
   }
 
+  .shadow-\[0px_0px_0px_1px_var\(--border-heavy\)\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
+    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--border-heavy)), 0px 4px 12px var(--tw-shadow-color, #0000001f);
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+
+  .shadow-\[0px_0px_0px_1px_var\(--border-heavy\)\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
+    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, var(--border-heavy)), 0px 6px 20px var(--tw-shadow-color, #0000001a);
+    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: var(--shadow-300);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -3857,11 +3921,6 @@
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
 
-  .shadow-xl {
-    --tw-shadow: var(--shadow-400);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
-
   .outline {
     outline-style: var(--tw-outline-style);
     outline-width: 1px;
@@ -3903,6 +3962,10 @@
   }
 
   @media (hover: hover) and (pointer: fine) {
+    .hover\:bg-\[\#6a6a6a\]:hover {
+      background-color: #6a6a6a;
+    }
+
     .hover\:bg-transparent:hover {
       background-color: #0000;
     }
@@ -3927,7 +3990,33 @@
     }
   }
 
+  @media (min-width: 576px) {
+    .sm\:start-0 {
+      inset-inline-start: calc(var(--spacing) * 0);
+    }
+
+    .sm\:end-0 {
+      inset-inline-end: calc(var(--spacing) * 0);
+    }
+
+    .sm\:w-full {
+      width: 100%;
+    }
+
+    .sm\:rounded-3xl {
+      border-radius: var(--radius-3xl);
+    }
+  }
+
   @media (min-width: 768px) {
+    .md\:start-60 {
+      inset-inline-start: calc(var(--spacing) * 60);
+    }
+
+    .md\:end-4 {
+      inset-inline-end: calc(var(--spacing) * 4);
+    }
+
     .md\:block {
       display: block;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sunpeak",
-  "version": "0.5.15",
+  "version": "0.5.17",
   "description": "The MCP App SDK. Quickstart, build, & test your ChatGPT App locally!",
   "type": "module",
   "main": "./dist/index.cjs",