sunpeak 0.5.36 → 0.5.41

package/dist/providers/openai/types.d.ts

@@ -9,7 +9,7 @@ export type OpenAiGlobals<ToolInput = UnknownObject, ToolOutput = UnknownObject,
     theme: Theme;
     userAgent: UserAgent;
     locale: string;
-    maxHeight: number;
+    maxHeight: number | undefined;
     displayMode: DisplayMode;
     safeArea: SafeArea;
     view: View | null;

package/dist/providers/types.d.ts

@@ -12,7 +12,7 @@ export type WidgetGlobals<ToolInput = UnknownObject, ToolOutput = UnknownObject,
     theme: Theme;
     userAgent: UserAgent;
     locale: string;
-    maxHeight: number;
+    maxHeight: number | undefined;
     displayMode: DisplayMode;
     safeArea: SafeArea;
     view: View | null;

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-pan-x: initial;
       --tw-pan-y: initial;
       --tw-pinch-zoom: initial;
@@ -49,6 +54,15 @@
       --tw-drop-shadow-color: initial;
       --tw-drop-shadow-alpha: 100%;
       --tw-drop-shadow-size: initial;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --tw-backdrop-opacity: initial;
+      --tw-backdrop-saturate: initial;
+      --tw-backdrop-sepia: initial;
       --tw-duration: initial;
     }
   }
@@ -67,6 +81,7 @@
     --container-md: 28rem;
     --leading-tight: 1.25;
     --leading-normal: 1.5;
+    --blur-sm: 8px;
     --default-transition-duration: .15s;
     --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
     --default-font-family: var(--font-sans);
@@ -3109,18 +3124,22 @@
     position: sticky;
   }
 
-  .inset-0 {
-    inset: calc(var(--spacing) * 0);
-  }
-
   .-start-2 {
     inset-inline-start: calc(var(--spacing) * -2);
   }
 
+  .start-0 {
+    inset-inline-start: calc(var(--spacing) * 0);
+  }
+
   .start-4 {
     inset-inline-start: calc(var(--spacing) * 4);
   }
 
+  .end-0 {
+    inset-inline-end: calc(var(--spacing) * 0);
+  }
+
   .end-4 {
     inset-inline-end: calc(var(--spacing) * 4);
   }
@@ -3137,8 +3156,8 @@
     top: 50%;
   }
 
-  .top-14 {
-    top: calc(var(--spacing) * 14);
+  .top-4 {
+    top: calc(var(--spacing) * 4);
   }
 
   .right-0 {
@@ -3217,8 +3236,8 @@
     }
   }
 
-  .m-auto {
-    margin: auto;
+  .mx-0 {
+    margin-inline: calc(var(--spacing) * 0);
   }
 
   .mx-auto {
@@ -3313,6 +3332,10 @@
     height: calc(var(--spacing) * 12);
   }
 
+  .h-\[3\.25rem\] {
+    height: 3.25rem;
+  }
+
   .h-auto {
     height: auto;
   }
@@ -3361,10 +3384,18 @@
     width: calc(var(--spacing) * 56);
   }
 
+  .w-auto {
+    width: auto;
+  }
+
   .w-full {
     width: 100%;
   }
 
+  .max-w-\[40rem\] {
+    max-width: 40rem;
+  }
+
   .max-w-\[48rem\] {
     max-width: 48rem;
   }
@@ -3410,6 +3441,10 @@
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
 
+  .transform {
+    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
+  }
+
   .cursor-pointer {
     cursor: pointer;
   }
@@ -3533,10 +3568,6 @@
     overflow: visible;
   }
 
-  .overflow-x-auto {
-    overflow-x: auto;
-  }
-
   .overflow-x-hidden {
     overflow-x: hidden;
   }
@@ -3617,8 +3648,8 @@
     background-color: #3a3a3a;
   }
 
-  .bg-\[var\(--color-background-primary\)\] {
-    background-color: var(--color-background-primary);
+  .bg-\[\#212121\] {
+    background-color: #212121;
   }
 
   .bg-\[var\(--color-background-primary-soft\)\] {
@@ -3708,10 +3739,6 @@
     padding-inline: calc(var(--spacing) * 5);
   }
 
-  .px-40 {
-    padding-inline: calc(var(--spacing) * 40);
-  }
-
   .py-0\.5 {
     padding-block: calc(var(--spacing) * .5);
   }
@@ -3732,10 +3759,6 @@
     padding-block: calc(var(--spacing) * 4);
   }
 
-  .py-10 {
-    padding-block: calc(var(--spacing) * 10);
-  }
-
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -3896,13 +3919,13 @@
     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);
+  .shadow-\[0px_0px_0px_1px_\#fff3\,0px_4px_12px_rgba\(0\,0\,0\,0\.12\)\] {
+    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff3), 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);
+  .shadow-\[0px_0px_0px_1px_\#fff3\,0px_6px_20px_rgba\(0\,0\,0\,0\.1\)\] {
+    --tw-shadow: 0px 0px 0px 1px var(--tw-shadow-color, #fff3), 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);
   }
 
@@ -3935,6 +3958,12 @@
     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, );
   }
 
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(var(--blur-sm));
+    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
+  }
+
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3990,6 +4019,20 @@
     }
   }
 
+  @media not all and (min-width: 576px) {
+    .max-sm\:-mx-\[1rem\] {
+      margin-inline: -1rem;
+    }
+
+    .max-sm\:w-\[100cqw\] {
+      width: 100cqw;
+    }
+
+    .max-sm\:overflow-hidden {
+      overflow: hidden;
+    }
+  }
+
   @media (min-width: 576px) {
     .sm\:start-0 {
       inset-inline-start: calc(var(--spacing) * 0);
@@ -3999,6 +4042,10 @@
       inset-inline-end: calc(var(--spacing) * 0);
     }
 
+    .sm\:top-\[3\.25rem\] {
+      top: 3.25rem;
+    }
+
     .sm\:w-full {
       width: 100%;
     }
@@ -4009,24 +4056,26 @@
   }
 
   @media (min-width: 768px) {
-    .md\:start-60 {
-      inset-inline-start: calc(var(--spacing) * 60);
+    .md\:-mx-4 {
+      margin-inline: calc(var(--spacing) * -4);
     }
 
-    .md\:end-4 {
-      inset-inline-end: calc(var(--spacing) * 4);
+    .md\:flex {
+      display: flex;
     }
 
-    .md\:block {
-      display: block;
+    .md\:p-10 {
+      padding: calc(var(--spacing) * 10);
     }
 
-    .md\:flex {
-      display: flex;
+    .md\:pt-8 {
+      padding-top: calc(var(--spacing) * 8);
     }
+  }
 
-    .md\:pt-12 {
-      padding-top: calc(var(--spacing) * 12);
+  @media (min-width: 1024px) {
+    .lg\:max-w-\[48rem\] {
+      max-width: 48rem;
     }
   }
 
@@ -4062,6 +4111,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-pan-x {
   syntax: "*";
   inherits: false
@@ -4301,6 +4375,51 @@
   inherits: false
 }
 
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false
+}
+
+@property --tw-backdrop-sepia {
+  syntax: "*";
+  inherits: false
+}
+
 @property --tw-duration {
   syntax: "*";
   inherits: false

package/package.json

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