vanilla-breeze 0.1.3 → 0.2.0

package/dist/cdn/themes/startup-dark.tokens.json

@@ -0,0 +1,522 @@
+{
+  "color": {
+    "background": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.12,
+          0.03,
+          270
+        ]
+      }
+    },
+    "surface": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.15,
+          0.03,
+          270
+        ]
+      }
+    },
+    "surface-alt": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.18,
+          0.03,
+          270
+        ]
+      }
+    },
+    "surface-raised": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.03,
+          270
+        ]
+      }
+    },
+    "surface-sunken": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.1,
+          0.03,
+          270
+        ]
+      }
+    },
+    "text": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.96,
+          0.005,
+          270
+        ]
+      }
+    },
+    "text-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.01,
+          270
+        ]
+      }
+    },
+    "text-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.6,
+          0.01,
+          270
+        ]
+      }
+    },
+    "primary": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.18,
+          270
+        ]
+      }
+    },
+    "primary-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.73,
+          0.19,
+          270
+        ]
+      }
+    },
+    "primary-subtle": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.22,
+          0.06,
+          270
+        ]
+      }
+    },
+    "accent": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.7,
+          0.16,
+          340
+        ]
+      }
+    },
+    "accent-hover": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.75,
+          0.17,
+          340
+        ]
+      }
+    },
+    "border": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.25,
+          0.03,
+          270
+        ]
+      }
+    },
+    "border-muted": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.2,
+          0.025,
+          270
+        ]
+      }
+    },
+    "border-strong": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.42,
+          0.04,
+          270
+        ]
+      }
+    },
+    "success": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.13,
+          145
+        ]
+      }
+    },
+    "warning": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.78,
+          0.12,
+          70
+        ]
+      }
+    },
+    "error": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.65,
+          0.18,
+          25
+        ]
+      }
+    },
+    "info": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "oklch",
+        "components": [
+          0.68,
+          0.18,
+          270
+        ]
+      }
+    }
+  },
+  "effect": {
+    "shadow": {
+      "xs": {
+        "$type": "shadow",
+        "$value": {
+          "offsetX": {
+            "value": 0,
+            "unit": "px"
+          },
+          "offsetY": {
+            "value": 1,
+            "unit": "px"
+          },
+          "blur": {
+            "value": 2,
+            "unit": "px"
+          },
+          "color": {
+            "colorSpace": "oklch",
+            "components": [
+              0.1,
+              0.03,
+              270
+            ],
+            "alpha": 0.2
+          }
+        }
+      },
+      "sm": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 1,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 3,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.1,
+                0.03,
+                270
+              ],
+              "alpha": 0.25
+            }
+          },
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 1,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 2,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.5,
+                0.15,
+                270
+              ],
+              "alpha": 0.05
+            }
+          }
+        ]
+      },
+      "md": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 4,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 6,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.1,
+                0.03,
+                270
+              ],
+              "alpha": 0.25
+            }
+          },
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 2,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 4,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.5,
+                0.15,
+                270
+              ],
+              "alpha": 0.06
+            }
+          }
+        ]
+      },
+      "lg": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 10,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 15,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.1,
+                0.03,
+                270
+              ],
+              "alpha": 0.25
+            }
+          },
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 4,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 6,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.5,
+                0.15,
+                270
+              ],
+              "alpha": 0.08
+            }
+          }
+        ]
+      },
+      "xl": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 20,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 25,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.1,
+                0.03,
+                270
+              ],
+              "alpha": 0.25
+            }
+          },
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 8,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 10,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.5,
+                0.15,
+                270
+              ],
+              "alpha": 0.1
+            }
+          }
+        ]
+      },
+      "2xl": {
+        "$type": "shadow",
+        "$value": [
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 25,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 50,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.1,
+                0.03,
+                270
+              ],
+              "alpha": 0.3
+            }
+          },
+          {
+            "offsetX": {
+              "value": 0,
+              "unit": "px"
+            },
+            "offsetY": {
+              "value": 12,
+              "unit": "px"
+            },
+            "blur": {
+              "value": 20,
+              "unit": "px"
+            },
+            "color": {
+              "colorSpace": "oklch",
+              "components": [
+                0.5,
+                0.15,
+                270
+              ],
+              "alpha": 0.12
+            }
+          }
+        ]
+      }
+    }
+  },
+  "$extensions": {
+    "com.vanilla-breeze": {
+      "spec": "2025.10",
+      "vbVersion": "0.2.0",
+      "unmapped": [
+        "--cb-header-bg",
+        "--cb-keyword",
+        "--cb-string",
+        "--cb-function",
+        "--cb-number"
+      ]
+    }
+  }
+}

package/dist/cdn/themes/startup.css

@@ -1,2 +1,2 @@
-@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v18/UcCo3FwrK3iLTcviYwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root[data-theme~=startup],[data-theme~=startup]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(99% .005 270);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(97% .01 270);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(96% .01 270);--color-text: oklch(15% .02 270);--color-text-muted: oklch(38% .015 270);--color-text-subtle: oklch(52% .01 270);--color-primary: oklch(50% .2 270);--color-primary-hover: oklch(45% .22 270);--color-primary-subtle: oklch(93% .04 270);--color-accent: oklch(62% .18 340);--color-accent-hover: oklch(57% .19 340);--color-border: oklch(90% .01 270);--color-border-muted: oklch(93% .008 270);--color-border-strong: oklch(65% .02 270);--color-success: oklch(58% .15 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .2 25);--color-info: oklch(50% .2 270);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.15;--radius-xs: 4px;--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .1 270 / .06);--shadow-sm: 0 1px 3px oklch(50% .1 270 / .08), 0 1px 2px oklch(50% .1 270 / .04);--shadow-md: 0 4px 6px oklch(50% .1 270 / .08), 0 2px 4px oklch(50% .1 270 / .04);--shadow-lg: 0 10px 15px oklch(50% .1 270 / .1), 0 4px 6px oklch(50% .1 270 / .04);--shadow-xl: 0 20px 25px oklch(50% .1 270 / .1);--shadow-2xl: 0 25px 50px oklch(50% .1 270 / .15);--duration-instant: 50ms;--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=startup],[data-theme~=startup]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;background:linear-gradient(90deg,#3b51d3,#c952a8,#3b51d300);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.025em;color:#080b14}& h3{font-weight:600;letter-spacing:-.015em;color:#12161f}& a:not([class]){color:var(--color-primary);text-decoration-color:#3b51d366;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(50% .2 270);padding-inline-start:1.25rem;color:#373a43}.button:not(page-tools *),button:not(page-tools *){font-weight:600;letter-spacing:-.01em;border-radius:var(--radius-full);background:linear-gradient(135deg,#3b51d3,#8451c9);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b51d340}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .2 270);--cb-string: oklch(58% .15 145);--cb-function: oklch(62% .18 340);--cb-number: oklch(60% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:#3b51d333;color:#080b14}}:root[data-theme~=startup][data-mode=dark],[data-theme~=startup][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .03 270);--color-surface: oklch(15% .03 270);--color-surface-alt: oklch(18% .03 270);--color-surface-raised: oklch(22% .03 270);--color-surface-sunken: oklch(10% .03 270);--color-text: oklch(96% .005 270);--color-text-muted: oklch(78% .01 270);--color-text-subtle: oklch(60% .01 270);--color-primary: oklch(68% .18 270);--color-primary-hover: oklch(73% .19 270);--color-primary-subtle: oklch(22% .06 270);--color-accent: oklch(70% .16 340);--color-accent-hover: oklch(75% .17 340);--color-border: oklch(25% .03 270);--color-border-muted: oklch(20% .025 270);--color-border-strong: oklch(42% .04 270);--color-success: oklch(68% .13 145);--color-warning: oklch(78% .12 70);--color-error: oklch(65% .18 25);--color-info: oklch(68% .18 270);--shadow-xs: 0 1px 2px oklch(10% .03 270 / .2);--shadow-sm: 0 1px 3px oklch(10% .03 270 / .25), 0 1px 2px oklch(50% .15 270 / .05);--shadow-md: 0 4px 6px oklch(10% .03 270 / .25), 0 2px 4px oklch(50% .15 270 / .06);--shadow-lg: 0 10px 15px oklch(10% .03 270 / .25), 0 4px 6px oklch(50% .15 270 / .08);--shadow-xl: 0 20px 25px oklch(10% .03 270 / .25), 0 8px 10px oklch(50% .15 270 / .1);--shadow-2xl: 0 25px 50px oklch(10% .03 270 / .3), 0 12px 20px oklch(50% .15 270 / .12);:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,oklch(68% .18 270),#de73bd,oklch(68% .18 270 / 0))}& h1,h2{color:#f0f2f5}& h3{color:#dcdee3}& blockquote{border-inline-start-color:oklch(68% .18 270);color:#b5b7be}.button:not(page-tools *),button:not(page-tools *){background:linear-gradient(135deg,oklch(68% .18 270),#9f75e1);&:hover{box-shadow:0 8px 20px oklch(68% .18 270 / .3)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .18 270);--cb-string: oklch(68% .13 145);--cb-function: oklch(70% .16 340);--cb-number: oklch(72% .12 70)}::selection{background:oklch(68% .18 270 / .3);color:#f0f2f5}}
+@import"https://fonts.googleapis.com/css2?family=Inter:wght@400..700&display=swap";:root[data-theme~=startup],[data-theme~=startup]{color-scheme:light;--theme-border-style: soft;--theme-icon-set: lucide;--color-background: oklch(99% .005 270);--color-surface: oklch(100% 0 0);--color-surface-alt: oklch(97% .01 270);--color-surface-raised: oklch(100% 0 0);--color-surface-sunken: oklch(96% .01 270);--color-text: oklch(15% .02 270);--color-text-muted: oklch(38% .015 270);--color-text-subtle: oklch(52% .01 270);--color-primary: oklch(50% .2 270);--color-primary-hover: oklch(45% .22 270);--color-primary-subtle: oklch(93% .04 270);--color-accent: oklch(62% .18 340);--color-accent-hover: oklch(57% .19 340);--color-border: oklch(90% .01 270);--color-border-muted: oklch(93% .008 270);--color-border-strong: oklch(65% .02 270);--color-success: oklch(58% .15 145);--color-warning: oklch(72% .14 70);--color-error: oklch(55% .2 25);--color-info: oklch(50% .2 270);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--line-height-normal: 1.6;--line-height-tight: 1.15;--radius-xs: 4px;--radius-s: 6px;--radius-m: 8px;--radius-l: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px oklch(50% .1 270 / .06);--shadow-sm: 0 1px 3px oklch(50% .1 270 / .08), 0 1px 2px oklch(50% .1 270 / .04);--shadow-md: 0 4px 6px oklch(50% .1 270 / .08), 0 2px 4px oklch(50% .1 270 / .04);--shadow-lg: 0 10px 15px oklch(50% .1 270 / .1), 0 4px 6px oklch(50% .1 270 / .04);--shadow-xl: 0 20px 25px oklch(50% .1 270 / .1);--shadow-2xl: 0 25px 50px oklch(50% .1 270 / .15);--duration-instant: 50ms;--duration-fast: 80ms;--duration-normal: .15s;--duration-slow: .25s;--ease-default: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(0, 0, .2, 1)}:root[data-theme~=startup],[data-theme~=startup]{:is(main,article){& hr:not([data-ornament]){border:none;height:2px;background:linear-gradient(90deg,#3b51d3,#c952a8,#3b51d300);margin-block:2rem}& h1,h2{font-weight:700;letter-spacing:-.025em;color:#080b14}& h3{font-weight:600;letter-spacing:-.015em;color:#12161f}& a:not([class]){color:var(--color-primary);text-decoration-color:#3b51d366;text-underline-offset:.15em;&:hover{text-decoration-color:currentColor}}& blockquote{border-inline-start:3px solid oklch(50% .2 270);padding-inline-start:1.25rem;color:#373a43}.button:not(page-tools *),button:not(page-tools *){font-weight:600;letter-spacing:-.01em;border-radius:var(--radius-full);background:linear-gradient(135deg,#3b51d3,#8451c9);transition:transform var(--duration-normal) var(--ease-default),box-shadow var(--duration-normal) var(--ease-default);&:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b51d340}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(50% .2 270);--cb-string: oklch(58% .15 145);--cb-function: oklch(62% .18 340);--cb-number: oklch(60% .14 70);--cb-button-bg: var(--color-surface)}::selection{background:#3b51d333;color:#080b14}}:root[data-theme~=startup][data-mode=dark],[data-theme~=startup][data-mode=dark]{color-scheme:dark;--color-background: oklch(12% .03 270);--color-surface: oklch(15% .03 270);--color-surface-alt: oklch(18% .03 270);--color-surface-raised: oklch(22% .03 270);--color-surface-sunken: oklch(10% .03 270);--color-text: oklch(96% .005 270);--color-text-muted: oklch(78% .01 270);--color-text-subtle: oklch(60% .01 270);--color-primary: oklch(68% .18 270);--color-primary-hover: oklch(73% .19 270);--color-primary-subtle: oklch(22% .06 270);--color-accent: oklch(70% .16 340);--color-accent-hover: oklch(75% .17 340);--color-border: oklch(25% .03 270);--color-border-muted: oklch(20% .025 270);--color-border-strong: oklch(42% .04 270);--color-success: oklch(68% .13 145);--color-warning: oklch(78% .12 70);--color-error: oklch(65% .18 25);--color-info: oklch(68% .18 270);--shadow-xs: 0 1px 2px oklch(10% .03 270 / .2);--shadow-sm: 0 1px 3px oklch(10% .03 270 / .25), 0 1px 2px oklch(50% .15 270 / .05);--shadow-md: 0 4px 6px oklch(10% .03 270 / .25), 0 2px 4px oklch(50% .15 270 / .06);--shadow-lg: 0 10px 15px oklch(10% .03 270 / .25), 0 4px 6px oklch(50% .15 270 / .08);--shadow-xl: 0 20px 25px oklch(10% .03 270 / .25), 0 8px 10px oklch(50% .15 270 / .1);--shadow-2xl: 0 25px 50px oklch(10% .03 270 / .3), 0 12px 20px oklch(50% .15 270 / .12);:is(main,article){& hr:not([data-ornament]){background:linear-gradient(90deg,oklch(68% .18 270),#de73bd,oklch(68% .18 270 / 0))}& h1,h2{color:#f0f2f5}& h3{color:#dcdee3}& blockquote{border-inline-start-color:oklch(68% .18 270);color:#b5b7be}.button:not(page-tools *),button:not(page-tools *){background:linear-gradient(135deg,oklch(68% .18 270),#9f75e1);&:hover{box-shadow:0 8px 20px oklch(68% .18 270 / .3)}}}:is(main,article) code-block{--cb-header-bg: var(--color-surface);--cb-keyword: oklch(68% .18 270);--cb-string: oklch(68% .13 145);--cb-function: oklch(70% .16 340);--cb-number: oklch(72% .12 70)}::selection{background:oklch(68% .18 270 / .3);color:#f0f2f5}}
 /*# sourceMappingURL=startup.css.map */