@monospaced/set-assets 0.0.0

package/README.md

@@ -0,0 +1,94 @@
+# @monospaced/set-assets
+
+Runtime assets for Set. Fonts and favicons consumed by sites and apps building on the system.
+
+## Fonts
+
+Bundled `.woff2` files in `src/fonts/`:
+
+- `InterVariable.subset.woff2`
+- `InterVariable-Italic.subset.woff2`
+- `RobotoMono-VariableFont_wght.subset.woff2`
+- `RobotoMono-Italic-VariableFont_wght.subset.woff2`
+- `PlaypenSans[wght].subset.woff2`
+- `FantasqueSansMono-Regular.subset.woff2`
+
+Family names exposed by `fonts.css`:
+
+- `InterVariable`
+- `Roboto Mono`
+- `Playpen Sans`
+- `Fantasque Sans Mono`
+
+### Usage
+
+Import fonts before core styles:
+
+```css
+@import "@monospaced/set-assets/fonts.css";
+@import "@monospaced/set-core/styles.css";
+```
+
+## Favicons
+
+Bundled icon files in `src/favicons/`:
+
+- `favicon.ico` — legacy fallback
+- `favicon.svg` — modern scalable; adapts to OS light/dark via `prefers-color-scheme`
+- `apple-touch-icon.png` — iOS home screen (180×180)
+- `maskable-icon-192.png` — PWA / Android (192×192, maskable)
+- `maskable-icon-512.png` — PWA / Android (512×512, maskable)
+
+### Usage
+
+Copy the icon files into the consumer site's static directory at build time (e.g. Vite/Next/Astro `public/`, plain HTML's web root) and reference them at root paths:
+
+```html
+<link href="apple-touch-icon.png" rel="apple-touch-icon" />
+<link href="favicon.ico" rel="icon" sizes="32x32" />
+<link href="favicon.svg" rel="icon" type="image/svg+xml" />
+```
+
+For PWA / Android install icons, reference the maskable PNGs from your manifest (`manifest.webmanifest`):
+
+```json
+{
+  "icons": [
+    {
+      "purpose": "any",
+      "sizes": "192x192",
+      "src": "maskable-icon-192.png",
+      "type": "image/png"
+    },
+    {
+      "purpose": "maskable",
+      "sizes": "192x192",
+      "src": "maskable-icon-192.png",
+      "type": "image/png"
+    },
+    {
+      "purpose": "any",
+      "sizes": "512x512",
+      "src": "maskable-icon-512.png",
+      "type": "image/png"
+    },
+    {
+      "purpose": "maskable",
+      "sizes": "512x512",
+      "src": "maskable-icon-512.png",
+      "type": "image/png"
+    }
+  ]
+}
+```
+
+The manifest itself isn't shipped by this package — its icon paths must be resolvable from the consumer's served origin, so consumers author their own and copy the icon files into their static directory at build time.
+
+For bundler-import workflows:
+
+```js
+import faviconSvg from "@monospaced/set-assets/favicons/favicon.svg";
+import appleTouchIcon from "@monospaced/set-assets/favicons/apple-touch-icon.png";
+```
+
+The bundler resolves these to hashed asset URLs.

package/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "@monospaced/set-assets",
+  "version": "0.0.0",
+  "description": "Runtime assets for Set. Fonts and favicons consumed by sites and apps building on the system.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/monospaced/set.git",
+    "directory": "packages/assets"
+  },
+  "type": "module",
+  "style": "./src/fonts.css",
+  "files": [
+    "src/fonts.css",
+    "src/fonts",
+    "src/favicons"
+  ],
+  "exports": {
+    "./fonts.css": "./src/fonts.css",
+    "./favicons/favicon.ico": "./src/favicons/favicon.ico",
+    "./favicons/favicon.svg": "./src/favicons/favicon.svg",
+    "./favicons/apple-touch-icon.png": "./src/favicons/apple-touch-icon.png",
+    "./favicons/maskable-icon-192.png": "./src/favicons/maskable-icon-192.png",
+    "./favicons/maskable-icon-512.png": "./src/favicons/maskable-icon-512.png"
+  }
+}

package/src/favicons/favicon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><style>#tile{fill:#007c7c}#mark{fill:#fff}@media (prefers-color-scheme:dark){#tile{fill:#3ba9a9}#mark{fill:#000}}</style><path id="tile" d="M0 0h512v512H0z"/><path id="mark" d="M149.76 43.52h53.12v106.24h-53.12zm106.24 0h53.12v106.24H256zm-53.12 106.24H256V256h-53.12zm106.24 0h53.12V256h-53.12zM149.76 256h53.12v106.24h-53.12zM256 256h53.12v106.24H256zm-53.12 106.24H256v106.24h-53.12zm106.24 0h53.12v106.24h-53.12z"/></svg>

package/src/fonts.css

@@ -0,0 +1,38 @@
+/* stylelint-disable scale-unlimited/declaration-strict-value -- @font-face font-weight is a font-file descriptor not a typographic styling */
+
+@font-face {
+  font-display: swap;
+  font-family: "Berkeley Mono";
+  font-stretch: 60% 100%;
+  font-style: normal;
+  font-weight: 100 900;
+  src: url("./fonts/Berkeley Mono Variable.woff2") format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Berkeley Mono";
+  font-stretch: 60% 100%;
+  font-style: oblique 0deg 16deg;
+  font-weight: 100 900;
+  src: url("./fonts/Berkeley Mono Variable.woff2") format("woff2");
+}
+
+@font-face {
+  font-display: swap;
+  font-family: "Fantasque Sans Mono";
+  font-style: normal;
+  font-weight: 400;
+  size-adjust: 116%;
+  src: url("./fonts/FantasqueSansMono-Regular.subset.woff2") format("woff2");
+}
+
+@font-face {
+  descent-override: 42%;
+  font-display: swap;
+  font-family: "Playpen Sans";
+  font-style: normal;
+  font-weight: 100 800;
+  size-adjust: 94%;
+  src: url("./fonts/PlaypenSans[wght].subset.woff2") format("woff2");
+}