sunpeak 0.5.35 → 0.5.39

package/dist/style.css

@@ -49,6 +49,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 +76,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);
@@ -3117,14 +3127,6 @@
     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);
   }
@@ -3157,6 +3159,10 @@
     left: calc(var(--spacing) * 0);
   }
 
+  .left-1\/2 {
+    left: 50%;
+  }
+
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
@@ -3225,6 +3231,10 @@
     margin-inline: auto;
   }
 
+  .my-3 {
+    margin-block: calc(var(--spacing) * 3);
+  }
+
   .my-auto {
     margin-block: auto;
   }
@@ -3369,6 +3379,10 @@
     max-width: 70%;
   }
 
+  .max-w-\[calc\(100vw-2rem\)\] {
+    max-width: calc(100vw - 2rem);
+  }
+
   .max-w-full {
     max-width: 100%;
   }
@@ -3401,6 +3415,11 @@
     flex-grow: 1;
   }
 
+  .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+
   .-translate-y-1\/2 {
     --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -3704,10 +3723,6 @@
     padding-inline: calc(var(--spacing) * 5);
   }
 
-  .px-40 {
-    padding-inline: calc(var(--spacing) * 40);
-  }
-
   .py-0\.5 {
     padding-block: calc(var(--spacing) * .5);
   }
@@ -3728,18 +3743,10 @@
     padding-block: calc(var(--spacing) * 4);
   }
 
-  .py-10 {
-    padding-block: calc(var(--spacing) * 10);
-  }
-
   .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
 
-  .pt-12 {
-    padding-top: calc(var(--spacing) * 12);
-  }
-
   .pr-12 {
     padding-right: calc(var(--spacing) * 12);
   }
@@ -3935,6 +3942,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));
@@ -3991,38 +4004,26 @@
   }
 
   @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\:left-\[calc\(50vw\+7rem\)\] {
+      left: calc(50vw + 7rem);
     }
 
-    .md\:end-4 {
-      inset-inline-end: calc(var(--spacing) * 4);
+    .md\:flex {
+      display: flex;
     }
 
-    .md\:block {
-      display: block;
+    .md\:max-w-\[calc\(100vw-16rem\)\] {
+      max-width: calc(100vw - 16rem);
     }
 
-    .md\:flex {
-      display: flex;
+    .md\:pt-8 {
+      padding-top: calc(var(--spacing) * 8);
     }
   }
 
@@ -4297,6 +4298,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.35",
+  "version": "0.5.39",
   "description": "The ChatGPT App framework. Quickstart, build, & test your ChatGPT App locally!",
   "type": "module",
   "main": "./dist/index.cjs",