@marwes-ui/presets 0.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Niklas Westman
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,68 @@
+# @marwes-ui/presets
+
+Design presets for Marwes. Presets define theme defaults and static CSS for component classnames.
+
+## Responsibilities
+- Provide preset objects (currently `firstEdition`).
+- Provide static CSS for `.mw-*` classnames.
+- Map semantic theme values to visual styles with CSS variables.
+
+## Non-Responsibilities
+- No component logic.
+- No framework rendering.
+- No runtime CSS-in-JS.
+
+## Install and Use
+```tsx
+import { MarwesProvider } from "@marwes-ui/react";
+import { firstEdition } from "@marwes-ui/presets";
+import "@marwes-ui/presets/firstEdition/styles.css";
+
+<MarwesProvider preset={firstEdition}>
+  <App />
+</MarwesProvider>;
+```
+
+## firstEdition
+Preset definition:
+- `src/firstEdition/index.ts`
+
+Main stylesheet:
+- `src/firstEdition/styles.css`
+
+Imported component styles:
+- `button.css`
+- `input.css`
+- `checkbox.css`
+- `icon.css`
+- `typography.css`
+- `molecules/checkbox-field.css`
+
+## Contract with Core
+Core recipes emit:
+- stable classes such as `mw-btn`, `mw-input`, `mw-checkbox`
+- CSS vars such as `--mw-primary`, `--mw-radius`
+
+Presets must style those classes/vars consistently and should not require adapter-specific hacks.
+
+## CSS Conventions
+- Keep prefix `--mw-*` for variables.
+- Keep classname prefix `.mw-*`.
+- Prefer semantic vars from core (`--mw-primary`, `--mw-text`, `--mw-surface`) over hardcoded colors.
+- Keep focus-visible and disabled states explicit in CSS.
+
+## Figma Mapping
+When syncing design changes from Figma, follow:
+- `../../docs/FIGMA_TO_MARWES.md`
+
+This ensures token names and state variants map predictably into preset CSS.
+
+## Scripts
+- `pnpm --filter @marwes-ui/presets dev`
+- `pnpm --filter @marwes-ui/presets build`
+- `pnpm --filter @marwes-ui/presets typecheck`
+
+## Related Docs
+- `../../docs/PROJECT.md`
+- `../../docs/ARCHITECTURE.md`
+- `../../docs/ENGINEERING.md`

package/dist/chunk-UJIVT75P.js

@@ -0,0 +1,26 @@
+import '@fontsource/instrument-sans/400.css';
+import '@fontsource/instrument-sans/500.css';
+import '@fontsource/instrument-sans/600.css';
+
+// src/firstEdition/index.ts
+var firstEdition = {
+  name: "firstEdition",
+  theme: {
+    ui: {
+      radius: 4,
+      density: "comfortable",
+      variant: "solid"
+    },
+    font: {
+      primary: "Instrument Sans, system-ui, -apple-system, sans-serif"
+    },
+    icon: {
+      size: "sm",
+      strokeWidth: "sm"
+    }
+  }
+};
+
+export { firstEdition };
+//# sourceMappingURL=chunk-UJIVT75P.js.map
+//# sourceMappingURL=chunk-UJIVT75P.js.map

package/dist/chunk-UJIVT75P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/firstEdition/index.ts"],"names":[],"mappings":";;;;;AAKO,IAAM,YAAA,GAAuB;AAAA,EAClC,IAAA,EAAM,cAAA;AAAA,EACN,KAAA,EAAO;AAAA,IACL,EAAA,EAAI;AAAA,MACF,MAAA,EAAQ,CAAA;AAAA,MACR,OAAA,EAAS,aAAA;AAAA,MACT,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS;AAAA,KACX;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,IAAA,EAAM,IAAA;AAAA,MACN,WAAA,EAAa;AAAA;AACf;AAEJ","file":"chunk-UJIVT75P.js","sourcesContent":["import type { Preset } from \"@marwes-ui/core\"\nimport \"@fontsource/instrument-sans/400.css\"\nimport \"@fontsource/instrument-sans/500.css\"\nimport \"@fontsource/instrument-sans/600.css\"\n\nexport const firstEdition: Preset = {\n  name: \"firstEdition\",\n  theme: {\n    ui: {\n      radius: 4,\n      density: \"comfortable\",\n      variant: \"solid\",\n    },\n    font: {\n      primary: \"Instrument Sans, system-ui, -apple-system, sans-serif\",\n    },\n    icon: {\n      size: \"sm\",\n      strokeWidth: \"sm\",\n    },\n  },\n}\n"]}

package/dist/firstEdition/index.d.ts

@@ -0,0 +1,5 @@
+import { Preset } from '@marwes-ui/core';
+
+declare const firstEdition: Preset;
+
+export { firstEdition };

package/dist/firstEdition/index.js

@@ -0,0 +1,3 @@
+export { firstEdition } from '../chunk-UJIVT75P.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/firstEdition/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { firstEdition } from './firstEdition/index.js';
+export { Preset } from '@marwes-ui/core';

package/dist/index.js

@@ -0,0 +1,3 @@
+export { firstEdition } from './chunk-UJIVT75P.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@marwes-ui/presets",
+  "version": "0.0.3",
+  "publishConfig": {
+    "access": "public"
+  },
+  "private": false,
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./firstEdition": {
+      "types": "./dist/firstEdition/index.d.ts",
+      "default": "./dist/firstEdition/index.js"
+    },
+    "./firstEdition/styles.css": "./src/firstEdition/styles.css"
+  },
+  "files": [
+    "dist",
+    "src/firstEdition/styles.css"
+  ],
+  "dependencies": {
+    "@fontsource/instrument-sans": "^5.2.8",
+    "@marwes-ui/core": "0.0.3"
+  },
+  "devDependencies": {
+    "rimraf": "^6.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.4.0"
+  },
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "test": "echo \"No tests in @marwes-ui/presets\"",
+    "clean": "rimraf dist",
+    "lint": "biome lint .",
+    "format": "biome format --write ."
+  }
+}

package/src/firstEdition/styles.css

@@ -0,0 +1,17 @@
+/**
+ * firstEdition Preset Styles
+ *
+ * Main stylesheet that imports all component styles.
+ * Each component has its own CSS file for better organization.
+ */
+
+@import "./button.css";
+@import "./input.css";
+@import "./icon.css";
+@import "./checkbox.css";
+@import "./divider.css";
+@import "./typography.css";
+
+/* Molecules */
+@import "./molecules/checkbox-field.css";
+@import "./molecules/input-field.css";