css-is-awesome 1.1.0

package/package.json

@@ -0,0 +1,199 @@
+{
+  "name": "css-is-awesome",
+  "version": "1.1.0",
+  "description": "A token-driven SCSS design system with light/dark theming, semantic color tokens, and a 800+ LOC mixin API.",
+  "homepage": "https://github.com/Jerry2d3d/css-is-awesome#readme",
+  "bugs": {
+    "url": "https://github.com/Jerry2d3d/css-is-awesome/issues"
+  },
+  "main": "dist/css-is-awesome.css",
+  "style": "dist/css-is-awesome.css",
+  "sass": "scss/main.scss",
+  "bin": {
+    "css-is-awesome-mcp": "mcp/server.cjs",
+    "cia": "bin/cia.cjs"
+  },
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
+  "exports": {
+    ".": {
+      "sass": "./scss/main.scss",
+      "style": "./dist/css-is-awesome.css",
+      "default": "./dist/css-is-awesome.css"
+    },
+    "./api": {
+      "sass": "./scss/api.scss"
+    },
+    "./api.scss": "./scss/api.scss",
+    "./core": "./dist/css-is-awesome.core.css",
+    "./core.css": "./dist/css-is-awesome.core.css",
+    "./tokens": "./dist/tokens.css",
+    "./tokens.css": "./dist/tokens.css",
+    "./tokens.d.ts": "./dist/tokens.d.ts",
+    "./utilities": "./dist/css-is-awesome.utilities.css",
+    "./utilities.css": "./dist/css-is-awesome.utilities.css",
+    "./min": "./dist/css-is-awesome.min.css",
+    "./min.css": "./dist/css-is-awesome.min.css",
+    "./css": "./dist/css-is-awesome.css",
+    "./css.css": "./dist/css-is-awesome.css",
+    "./scss": "./scss/main.scss",
+    "./scss/main": "./scss/main.scss",
+    "./scss/tokens": "./scss/tokens.scss",
+    "./scss/mixins": "./scss/_mixins.scss",
+    "./scss/generator": "./scss/_generator.scss",
+    "./scss/utilities": "./scss/_utilities.scss",
+    "./scss/animations": "./scss/_animations.scss",
+    "./scss/icons": "./scss/_icons.scss",
+    "./scss/layout": "./scss/_layout.scss",
+    "./scss/system": "./scss/_system.scss",
+    "./scss/theme": "./scss/theme/_index.scss",
+    "./scss/theme/*": "./scss/theme/_*.scss",
+    "./scss/components": "./scss/components/_index.scss",
+    "./scss/components/*": "./scss/components/_*.scss",
+    "./scss/recipes/*": "./scss/recipes/_*.scss",
+    "./scss/*": "./scss/*.scss",
+    "./theme": "./public/theme.css",
+    "./theme.css": "./public/theme.css",
+    "./themes/*": "./public/themes/*/theme.css",
+    "./figma-tokens": "./figma-tokens/tokens.json",
+    "./figma-tokens/*": "./figma-tokens/*",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "scss",
+    "api.scss",
+    "_index.scss",
+    "dist",
+    "figma-tokens",
+    "mcp",
+    "scripts/theme-contract.json",
+    "scripts/theme-validator.js",
+    "scripts/theme-a11y.js",
+    "scripts/icon-validator.js",
+    "scripts/icon-contract.json",
+    "bin",
+    "public/theme.css",
+    "public/themes",
+    "public/icons",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE",
+    "LICENSE-third-party",
+    "css-is-awesome.instructions.md",
+    "AGENTS.md",
+    "CLAUDE.md",
+    "GEMINI.md",
+    "llm.txt",
+    "THREE-TIERS.md",
+    "THEMING.md",
+    "MIGRATION.md",
+    "CONTRACT.md",
+    "ROADMAP.md",
+    "VERSIONING.md",
+    "scripts/prepare-dist.mjs"
+  ],
+  "scripts": {
+    "dev": "next dev -p 5173",
+    "build": "next build",
+    "start": "next start -p 5173",
+    "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "lint:scss": "stylelint \"scss/**/*.scss\"",
+    "lint:scss:fix": "stylelint \"scss/**/*.scss\" --fix",
+    "build:css": "sass scss/main.scss dist/css-is-awesome.css --no-source-map",
+    "build:css:core": "sass scss/core.scss dist/css-is-awesome.core.css --no-source-map",
+    "build:css:tokens": "sass scss/tokens.scss dist/tokens.css --no-source-map",
+    "build:css:themes": "node scripts/build-themes.mjs && node scripts/build-theme-bundle.mjs",
+    "build:css:utilities": "sass scss/utilities-only.scss dist/css-is-awesome.utilities.css --no-source-map",
+    "build:css:min": "sass scss/main.scss dist/css-is-awesome.min.css --style=compressed --no-source-map && sass scss/core.scss dist/css-is-awesome.core.min.css --style=compressed --no-source-map && sass scss/tokens.scss dist/tokens.min.css --style=compressed --no-source-map && sass scss/utilities-only.scss dist/css-is-awesome.utilities.min.css --style=compressed --no-source-map",
+    "build:token-types": "node scripts/generate-token-types.mjs",
+    "dtcg-to-scss": "node scripts/dtcg-to-scss.mjs",
+    "build:css:all": "npm run build:css && npm run build:css:core && npm run build:css:tokens && npm run build:css:utilities && npm run build:css:themes && npm run build:css:min && npm run build:token-types",
+    "watch:css": "sass scss/main.scss dist/css-is-awesome.css --watch",
+    "validate-themes": "node scripts/theme-validator.js --all",
+    "validate-icons": "node scripts/icon-validator.js",
+    "validate-api": "node scripts/validate-api.mjs",
+    "validate-package": "node scripts/validate-package.mjs",
+    "validate-recipes": "node scripts/validate-recipes.mjs",
+    "size-budget": "node scripts/size-budget.mjs",
+    "size-report": "node scripts/size-budget.mjs --report",
+    "coverage:api": "node scripts/api-coverage.mjs",
+    "coverage:mcp": "node scripts/mcp-coverage.mjs",
+    "coverage": "npm run coverage:api && npm run coverage:mcp",
+    "pack:consumer": "node scripts/pack-to-consumer.mjs",
+    "test": "playwright test",
+    "test:update-snapshots": "playwright test --update-snapshots",
+    "playwright:install": "playwright install --with-deps",
+    "prepare": "node scripts/prepare-dist.mjs",
+    "prepublishOnly": "npm run build:css:all",
+    "check:theme-drift": "node scripts/check-theme-drift.mjs"
+  },
+  "keywords": [
+    "css",
+    "scss",
+    "sass",
+    "design-system",
+    "design-tokens",
+    "theming",
+    "dark-mode"
+  ],
+  "author": "Jerry2d3d",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Jerry2d3d/css-is-awesome.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "peerDependencies": {
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "sass": "^1.77.0",
+    "zod": "^3.25.0 || ^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "sass": {
+      "optional": true
+    },
+    "@modelcontextprotocol/sdk": {
+      "optional": true
+    },
+    "zod": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@axe-core/playwright": "^4.11.2",
+    "@eslint/eslintrc": "^3.2.0",
+    "@modelcontextprotocol/sdk": "^1.29.0",
+    "@playwright/test": "^1.59.1",
+    "@semantic-release/changelog": "^6.0.3",
+    "@semantic-release/commit-analyzer": "^13.0.0",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^11.0.0",
+    "@semantic-release/npm": "^12.0.1",
+    "@semantic-release/release-notes-generator": "^14.0.1",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "eslint": "^9.17.0",
+    "eslint-config-next": "^15.0.0",
+    "jiti": "^2.7.0",
+    "marked": "^15.0.12",
+    "next": "^15.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "sass": "^1.97.1",
+    "semantic-release": "^24.2.0",
+    "serve": "^14.2.6",
+    "stylelint": "^17.8.0",
+    "stylelint-config-standard-scss": "^17.0.0",
+    "typescript": "^5.7.0",
+    "zod": "^3.25.0"
+  }
+}

package/public/icons/README.md

@@ -0,0 +1,278 @@
+# Icons
+
+The css-is-awesome icon system is mixin-first and pack-based. The
+default `core` pack ships at `public/icons/core/` (49 Lucide-vendored
+glyphs — see `LICENSE-third-party` for attribution).
+
+## The 30-second version
+
+1. Drop an SVG file into a pack folder (`public/icons/core/foo.svg`).
+2. Reference it anywhere: `@include m.svg(foo);`
+3. Style it with CSS. `currentColor` means it reskins automatically with `color:`.
+
+That's the whole system. No registry file, no build step, no import list.
+
+The full contract (resolution order, naming rules, override mechanism)
+lives in [`CONTRACT.md` → Icons contract](../../CONTRACT.md#icons-contract).
+
+## Mixins
+
+All mixins live in `scss/_icons.scss`. Bring them in via the `m.` namespace
+(`@use 'mixins' as m;`) that the rest of the system uses.
+
+### `m.svg($name, $size: t.$theme-icon-size, $color: currentColor)`
+
+Inline single-color icon. Renders via CSS `mask` + `background: currentColor`,
+so the icon inherits the parent's `color`. Use for UI glyphs that should
+tint with text.
+
+```scss
+.btn-close {
+  @include m.svg(close);
+  color: var(--color-danger);
+}
+```
+
+Compiled CSS:
+
+```css
+.btn-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  color: var(--color-danger);
+}
+.btn-close::before {
+  content: '';
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: currentColor;
+  mask: var(--cia-icon-x, url('/icons/core/x.svg')) center / contain no-repeat;
+}
+```
+
+### `m.svg-bg($name, $size: t.$icon-size)`
+
+SVG rendered as a plain `background-image`. No mask, no tint — the source
+SVG's colors are preserved. Use for multi-color illustrations and brand
+marks that should NOT become monochrome.
+
+```scss
+.logo {
+  @include m.svg-bg(brand-mark, 48px);
+}
+```
+
+### `m.svg-text($name, $size: 1em, $gap: 0.5em, $position: before)`
+
+Icon + label in one flex row. The icon goes in `::before` (default) or
+`::after`, with `gap` between them. `$size: 1em` means the icon scales
+with the element's `font-size`.
+
+```scss
+.btn-save {
+  @include m.svg-text(check);   // icon-then-text, 0.5em gap
+}
+
+.btn-next {
+  @include m.svg-text(arrow-right, 1em, 0.5em, after);
+}
+```
+
+## Config
+
+All config lives in `scss/theme/_icons.scss` and is re-exported from
+`scss/theme/_index.scss` as `t.$theme-*`.
+
+### Icon folder path
+
+`$theme-icon-path` defaults to `/icons` and `$theme-icon-pack` defaults
+to `core`, so `m.svg(foo)` resolves to `/icons/core/foo.svg` by default.
+Each theme can override individual glyphs via `--cia-icon-<name>` custom
+properties (preferred) or swap the entire pack folder by changing
+`$theme-icon-path` / `$theme-icon-pack` — see "Per-theme icon packs"
+below and `CONTRACT.md → Icons contract`.
+
+### Default icon size
+
+`$theme-icon-size` defaults to `24px`. Used by `svg` and `fa-icon` when
+you don't pass an explicit `$size`.
+
+### Alias map
+
+`$theme-icon-svg-alias` remaps semantic names to real filenames. Ships
+with a small default set:
+
+```scss
+$icon-svg-alias: (
+  delete: 'trash',
+  close:  'x',
+);
+```
+
+With that map in place, `@include m.svg(delete);` resolves to
+`/icons/trash.svg`. Add your own entries to keep call sites semantic
+without renaming files.
+
+## Sizing
+
+Two ways to size an icon:
+
+1. **Implicit (recommended for text-paired icons).** `svg-text` defaults
+   `$size` to `1em`, so the icon scales with `font-size`.
+
+   ```scss
+   .btn { font-size: 1.125rem; @include m.svg-text(check); } // icon is 18px
+   ```
+
+2. **Explicit.** Pass a `$size`:
+
+   ```scss
+   .nav-toggle { @include m.svg(menu, 32px); }
+   ```
+
+## Coloring
+
+Set `color:` on the element (or any ancestor) and the icon follows. This
+works because `svg` / `svg-text` render the glyph as a mask over
+`background: currentColor`.
+
+```scss
+.btn-danger { color: #e11; @include m.svg(delete); }      // red trash icon
+.btn-danger:hover { color: #a00; }                         // hover darkens
+```
+
+If an icon isn't picking up the color, see Troubleshooting.
+
+## Mask vs background (svg vs svg-bg)
+
+| Use case                                 | Mixin       |
+|------------------------------------------|-------------|
+| Single-color UI glyph that tints         | `svg`       |
+| Multi-color illustration / brand mark    | `svg-bg`    |
+| Icon paired with a text label            | `svg-text`  |
+
+The `svg` path requires the source SVG to have no hardcoded `fill=` (or
+have `fill="currentColor"`). If the SVG has baked-in colors, `svg` will
+discard them (mask only cares about shape). Use `svg-bg` to keep them.
+
+## Aliases
+
+`$theme-icon-svg-alias` is a `name → filename` map. It lets call sites
+use semantic names while the file on disk stays neutral:
+
+```scss
+// scss/theme/_icons.scss
+$icon-svg-alias: (
+  delete:         'trash',
+  close:          'x',
+  primary-action: 'star-filled',
+);
+```
+
+```scss
+.btn-remove { @include m.svg(delete); }   // loads /icons/trash.svg
+```
+
+## Per-theme icon packs
+
+There are two ways a theme overrides icons. Pick whichever matches the
+scope of the change.
+
+### Per-glyph (preferred — runtime CSS, no SCSS rebuild)
+
+Drop replacement SVGs at `public/themes/<theme>/icons/<pack>/<name>.svg`
+and declare a custom property in that theme's `:root` (or
+`[data-theme="<theme>"]`) block:
+
+```css
+[data-theme="sketchbook-light"] {
+  --cia-icon-search: url('/themes/sketchbook-light/icons/core/search.svg');
+  --cia-icon-x:      url('/themes/sketchbook-light/icons/core/x.svg');
+}
+```
+
+Glyphs you don't override fall back to the bundled `core` pack
+automatically. The mixin emits `var(--cia-icon-<name>, url(<core>))` —
+the second argument is the fallback.
+
+### Pack-wide (compile-time SCSS swap)
+
+If a theme replaces every glyph, override `$theme-icon-path` once and
+ship the full set in the new folder:
+
+```scss
+// themes/corporate/_icons.scss
+$icon-path: '/themes/corporate/icons';
+$icon-pack: 'core';            // keep the contract pack name
+$icon-svg-alias: (
+  delete: 'bin',
+  close:  'dismiss',
+);
+```
+
+Drop the SVGs at `public/themes/corporate/icons/core/` and every
+`@include m.svg(...)` in that theme's bundle resolves against the
+corporate pack.
+
+## Font Awesome integration
+
+Use the FA mixins when your project is already on Font Awesome (you have
+a Pro license, a brand kit, or need thousands of glyphs you don't want to
+curate by hand). Configure `$theme-fa-path`, `$theme-fa-style`, and
+`$theme-icon-fa-map` in `scss/theme/_icons.scss`.
+
+### Self-hosted
+
+Drop `fa-solid-900.woff2`, `fa-regular-400.woff2`, and
+`fa-brands-400.woff2` into your `$theme-fa-path` folder (default
+`/webfonts`), then call `fa-load` once:
+
+```scss
+// main.scss
+@include m.fa-load;
+```
+
+### CDN / kit
+
+Skip `fa-load` entirely. Include FA's stylesheet in your HTML as normal;
+the mixins below will pick up the already-registered font families.
+
+### FA mixins at a glance
+
+```scss
+.icon-search       { @include m.fa-icon(search); }
+.btn-download      { @include m.fa-text(download); }
+.loader            { @include m.fa-spin(spinner); }
+```
+
+## Authoring tips
+
+- **Single-color glyph.** Export with `fill="currentColor"` (or no `fill`
+  at all). Use `m.svg` / `m.svg-text`. Drive the color from the parent's
+  `color:`.
+- **Multi-color illustration.** Export with fills baked in. Use `m.svg-bg`.
+  `color:` has no effect.
+- **Adding a new icon.** Save the file as `public/icons/<name>.svg` and
+  reference it with `@include m.svg(<name>);`. No manifest update needed.
+
+## Troubleshooting
+
+- **Icon doesn't render.** Check `$theme-icon-path` resolves to a real URL
+  and the file exists (e.g. open `/icons/foo.svg` in the browser).
+- **Icon renders black and won't pick up `color`.** The SVG has a hardcoded
+  `fill` attribute. Either remove the `fill` from the source, change it to
+  `currentColor`, or switch to `m.svg-bg`.
+- **Icon is stretched or cropped.** `svg` / `svg-text` set `width` and
+  `height` to the same value. If your source SVG isn't square, wrap it in
+  a `<svg viewBox="...">` with matching width/height, or size it via
+  `svg-bg` with an explicit `background-size`.
+- **Icon looks fuzzy on high-DPI.** Bump `$size`, or confirm the source is
+  a real SVG (not a rasterized PNG exported as `.svg`).
+- **FA icon shows a box / wrong glyph.** `$theme-icon-fa-map` doesn't have
+  that name, or the FA font file for that style (solid/regular/brands)
+  isn't loaded. Check `fa-load` was called, or that your CDN include is
+  present.

package/public/icons/arrow-right.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M5 12h14m-6-6 6 6-6 6"/>
+</svg>

package/public/icons/check.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M4 12l5 5L20 6"/>
+</svg>

package/public/icons/chevron-down.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M6 9l6 6 6-6"/>
+</svg>

package/public/icons/close.svg

@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round">
+  <path d="M6 6l12 12M18 6L6 18"/>
+</svg>

package/public/icons/core/arrow-down.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M12 5v14" />
+  <path d="m19 12-7 7-7-7" />
+</svg>

package/public/icons/core/arrow-left.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m12 19-7-7 7-7" />
+  <path d="M19 12H5" />
+</svg>

package/public/icons/core/arrow-right.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M5 12h14" />
+  <path d="m12 5 7 7-7 7" />
+</svg>

package/public/icons/core/arrow-up.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m5 12 7-7 7 7" />
+  <path d="M12 19V5" />
+</svg>

package/public/icons/core/bell.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M10.268 21a2 2 0 0 0 3.464 0" />
+  <path d="M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326" />
+</svg>

package/public/icons/core/calendar.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M8 2v4" />
+  <path d="M16 2v4" />
+  <rect width="18" height="18" x="3" y="4" rx="2" />
+  <path d="M3 10h18" />
+</svg>

package/public/icons/core/check.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M20 6 9 17l-5-5" />
+</svg>

package/public/icons/core/chevron-down.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m6 9 6 6 6-6" />
+</svg>

package/public/icons/core/chevron-left.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m15 18-6-6 6-6" />
+</svg>

package/public/icons/core/chevron-right.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m9 18 6-6-6-6" />
+</svg>

package/public/icons/core/chevron-up.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m18 15-6-6-6 6" />
+</svg>

package/public/icons/core/clock.svg

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <circle cx="12" cy="12" r="10" />
+  <path d="M12 6v6l4 2" />
+</svg>