@almadar/core 10.97.0 → 10.100.0

package/fixtures/events-wire/sse-stream/response.json

@@ -0,0 +1,79 @@
+{
+  "clientEffects": [
+    [
+      "render-ui",
+      "toolbar",
+      {
+        "label": "New Note",
+        "type": "button"
+      },
+      {
+        "disabled": true,
+        "label": "Saving…"
+      }
+    ],
+    [
+      "render-ui",
+      "toast",
+      {
+        "type": "toast-slot",
+        "variant": "success"
+      },
+      {
+        "title": "Note saved"
+      },
+      5
+    ]
+  ],
+  "clientEffectsByTrait": [
+    {
+      "effect": [
+        "render-ui",
+        "toolbar",
+        {
+          "label": "New Note",
+          "type": "button"
+        },
+        {
+          "disabled": true,
+          "label": "Saving…"
+        }
+      ],
+      "traitName": "NotePersistor"
+    },
+    {
+      "effect": [
+        "render-ui",
+        "toast",
+        {
+          "type": "toast-slot",
+          "variant": "success"
+        },
+        {
+          "title": "Note saved"
+        },
+        5
+      ],
+      "traitName": "NotePersistor"
+    }
+  ],
+  "emittedEvents": [
+    {
+      "event": "NoteSaved",
+      "payload": {
+        "id": "note-1"
+      },
+      "source": {
+        "orbital": "NoteBoard",
+        "trait": "NotePersistor"
+      }
+    }
+  ],
+  "states": {
+    "InlineButtonRender3": "idle",
+    "NoteCatalog": "browsing",
+    "NotePersistor": "saved"
+  },
+  "success": true,
+  "transitioned": true
+}

package/fixtures/events-wire/sse-stream/stream.json

@@ -0,0 +1,131 @@
+[
+  {
+    "data": [
+      "render-ui",
+      "toolbar",
+      {
+        "label": "New Note",
+        "type": "button"
+      },
+      {
+        "disabled": true,
+        "label": "Saving…"
+      }
+    ],
+    "timestamp": 1700000000000,
+    "type": "effect"
+  },
+  {
+    "data": {
+      "event": "NoteSaved",
+      "payload": {
+        "id": "note-1"
+      },
+      "source": {
+        "orbital": "NoteBoard",
+        "trait": "NotePersistor"
+      }
+    },
+    "timestamp": 1700000000012,
+    "type": "event"
+  },
+  {
+    "data": [
+      "render-ui",
+      "toast",
+      {
+        "type": "toast-slot",
+        "variant": "success"
+      },
+      {
+        "title": "Note saved"
+      },
+      5
+    ],
+    "timestamp": 1700000000045,
+    "type": "effect"
+  },
+  {
+    "data": {
+      "clientEffects": [
+        [
+          "render-ui",
+          "toolbar",
+          {
+            "label": "New Note",
+            "type": "button"
+          },
+          {
+            "disabled": true,
+            "label": "Saving…"
+          }
+        ],
+        [
+          "render-ui",
+          "toast",
+          {
+            "type": "toast-slot",
+            "variant": "success"
+          },
+          {
+            "title": "Note saved"
+          },
+          5
+        ]
+      ],
+      "clientEffectsByTrait": [
+        {
+          "effect": [
+            "render-ui",
+            "toolbar",
+            {
+              "label": "New Note",
+              "type": "button"
+            },
+            {
+              "disabled": true,
+              "label": "Saving…"
+            }
+          ],
+          "traitName": "NotePersistor"
+        },
+        {
+          "effect": [
+            "render-ui",
+            "toast",
+            {
+              "type": "toast-slot",
+              "variant": "success"
+            },
+            {
+              "title": "Note saved"
+            },
+            5
+          ],
+          "traitName": "NotePersistor"
+        }
+      ],
+      "emittedEvents": [
+        {
+          "event": "NoteSaved",
+          "payload": {
+            "id": "note-1"
+          },
+          "source": {
+            "orbital": "NoteBoard",
+            "trait": "NotePersistor"
+          }
+        }
+      ],
+      "states": {
+        "InlineButtonRender3": "idle",
+        "NoteCatalog": "browsing",
+        "NotePersistor": "saved"
+      },
+      "success": true,
+      "transitioned": true
+    },
+    "timestamp": 1700000000210,
+    "type": "complete"
+  }
+]

package/fixtures/events-wire/stateless-traits/request.json

@@ -0,0 +1,27 @@
+{
+  "behavior": "NoteBoard",
+  "entityByTrait": {
+    "NoteCatalog": {
+      "id": "note-1",
+      "title": "Old title"
+    },
+    "NotePersistor": {
+      "id": "note-1",
+      "title": "Old title"
+    }
+  },
+  "event": "RENAME",
+  "payload": {
+    "title": "New title"
+  },
+  "traits": [
+    {
+      "from": "browsing",
+      "trait": "NoteCatalog"
+    },
+    {
+      "from": "idle",
+      "trait": "NotePersistor"
+    }
+  ]
+}

package/fixtures/events-wire/stateless-traits/response.json

@@ -0,0 +1,15 @@
+{
+  "emittedEvents": [],
+  "entityByTrait": {
+    "NotePersistor": {
+      "id": "note-1",
+      "title": "New title"
+    }
+  },
+  "states": {
+    "NoteCatalog": "browsing",
+    "NotePersistor": "idle"
+  },
+  "success": true,
+  "transitioned": true
+}

package/fixtures/theme-tokens/every-key.json

@@ -0,0 +1,43 @@
+{
+  "color": {
+    "primary": "#000000",
+    "primaryHover": "#000001",
+    "primaryForeground": "#000002",
+    "secondary": "#000003",
+    "secondaryHover": "#000004",
+    "secondaryForeground": "#000005",
+    "accent": "#000006",
+    "accentForeground": "#000007",
+    "muted": "#000008",
+    "mutedForeground": "#000009",
+    "background": "#00000a",
+    "foreground": "#00000b",
+    "card": "#00000c",
+    "cardForeground": "#00000d",
+    "surface": "#00000e",
+    "border": "#00000f",
+    "input": "#000010",
+    "ring": "#000011",
+    "error": "#000012",
+    "errorForeground": "#000013",
+    "success": "#000014",
+    "successForeground": "#000015",
+    "warning": "#000016",
+    "warningForeground": "#000017",
+    "info": "#000018",
+    "infoForeground": "#000019",
+    "tableHeader": "#00001a",
+    "tableBorder": "#00001b",
+    "tableRowHover": "#00001c",
+    "surfaceHover": "#00001d",
+    "borderHover": "#00001e",
+    "placeholder": "#00001f"
+  },
+  "illustration": {
+    "style": "minimal",
+    "emptyAsset": "emptyAsset.svg",
+    "loadingAsset": "loadingAsset.svg",
+    "errorAsset": "errorAsset.svg",
+    "onboardingAsset": "onboardingAsset.svg"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/core",
-  "version": "10.97.0",
+  "version": "10.100.0",
   "description": "Core schema types and definitions for Almadar",
   "type": "module",
   "main": "./dist/index.js",
@@ -52,15 +52,27 @@
       "import": "./dist/i18n/index.js",
       "require": "./dist/i18n/index.js"
     },
+    "./themes": {
+      "types": "./dist/themes/index.d.ts",
+      "import": "./dist/themes/index.js",
+      "require": "./dist/themes/index.js"
+    },
     "./patterns/*": {
       "types": "./dist/patterns/*",
       "import": "./dist/patterns/*",
       "require": "./dist/patterns/*"
+    },
+    "./fixtures": {
+      "types": "./dist/fixtures.d.ts",
+      "import": "./dist/fixtures.js",
+      "require": "./dist/fixtures.js"
     }
   },
   "files": [
     "dist",
-    "src/types/bindings.ts"
+    "src/types/bindings.ts",
+    "themes",
+    "fixtures"
   ],
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
@@ -76,6 +88,7 @@
     "@typescript/native": "npm:typescript@^7.0.2",
     "eslint": "10.0.0",
     "tsup": "^8.0.0",
+    "tsx": "^4.22.4",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
     "vitest": "^1.4.0",
     "turbo": "^2.8.17"
@@ -94,8 +107,10 @@
   ],
   "homepage": "https://github.com/almadar-io/almadar#readme",
   "scripts": {
-    "build": "tsup",
+    "build": "pnpm run build:themes && pnpm run build:fixtures && tsup",
     "build:watch": "tsup --watch",
+    "build:fixtures": "tsx scripts/generate-event-wire-fixtures.ts && tsx scripts/generate-theme-fixtures.ts",
+    "build:themes": "tsx scripts/generate-theme-index.ts",
     "test": "vitest",
     "typecheck": "tsc --noEmit",
     "gen:orb-notation": "tsx scripts/gen-orb-notation.mts"

package/themes/almadar-website.json

@@ -0,0 +1,207 @@
+{
+  "name": "almadar-website",
+  "tokens": {
+    "motion": {
+      "durations": {
+        "instant": "0ms",
+        "fast": "var(--transition-fast)",
+        "normal": "var(--transition-normal)",
+        "slow": "var(--transition-slow)",
+        "dramatic": "600ms"
+      },
+      "easings": {
+        "linear": "linear",
+        "standard": "var(--transition-timing)",
+        "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
+        "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+      }
+    },
+    "iconography": {
+      "family": "lucide",
+      "strokeWidth": "1.75",
+      "defaultSize": "16px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-sm)",
+      "popoverElevation": "var(--shadow-main)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-main)"
+    },
+    "geometry": {
+      "radiusContainer": "var(--radius-md)",
+      "radiusInteractive": "var(--radius-md)",
+      "radiusPill": "var(--radius-full)",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "colors": {
+      "primary": "#0f766e",
+      "primary-hover": "#115e59",
+      "primary-foreground": "#ffffff",
+      "secondary": "#f1f5f9",
+      "secondary-hover": "#e2e8f0",
+      "secondary-foreground": "#0f172a",
+      "accent": "#c9a227",
+      "accent-foreground": "#0f172a",
+      "muted": "#f1f5f9",
+      "muted-foreground": "#5c6b80",
+      "background": "#ffffff",
+      "foreground": "#0f172a",
+      "card": "#ffffff",
+      "card-foreground": "#0f172a",
+      "surface": "#f8fafc",
+      "border": "#e2e8f0",
+      "input": "#e2e8f0",
+      "ring": "#14b8a6",
+      "error": "#dc2626",
+      "error-foreground": "#ffffff",
+      "success": "#15803d",
+      "success-foreground": "#ffffff",
+      "warning": "#f59e0b",
+      "warning-foreground": "#000000",
+      "info": "#1d4ed8",
+      "info-foreground": "#ffffff"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "12px",
+      "xl": "16px",
+      "full": "9999px"
+    },
+    "shadows": {
+      "main": "0 4px 14px rgba(15, 23, 42, 0.1), 0 1px 3px rgba(15, 23, 42, 0.06)",
+      "sm": "0 1px 3px rgba(15, 23, 42, 0.08)",
+      "lg": "0 10px 15px rgba(15, 23, 42, 0.15)",
+      "inner": "inset 0 1px 2px rgba(0, 0, 0, 0.05)",
+      "none": "none",
+      "hover": "0 12px 40px rgba(15, 23, 42, 0.15)",
+      "active": "0 2px 8px rgba(15, 23, 42, 0.1)"
+    },
+    "typography": {
+      "border-width": "1px",
+      "border-width-thin": "1px",
+      "border-width-thick": "2px",
+      "icon-color": "#14b8a6",
+      "transition-fast": "150ms",
+      "transition-normal": "250ms",
+      "transition-slow": "400ms",
+      "transition-timing": "cubic-bezier(0.4, 0, 0.2, 1)",
+      "hover-scale": "1.02",
+      "hover-translate-y": "-2px",
+      "hover-translate-x": "0",
+      "active-scale": "0.98",
+      "active-translate-y": "0",
+      "focus-ring-width": "2px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#14b8a6"
+    }
+  },
+  "variants": {
+    "dark": {
+      "motion": {
+        "durations": {
+          "instant": "0ms",
+          "fast": "var(--transition-fast)",
+          "normal": "var(--transition-normal)",
+          "slow": "var(--transition-slow)",
+          "dramatic": "600ms"
+        },
+        "easings": {
+          "linear": "linear",
+          "standard": "var(--transition-timing)",
+          "emphasized": "cubic-bezier(0.2, 0, 0, 1)",
+          "spring": "cubic-bezier(0.34, 1.56, 0.64, 1)"
+        }
+      },
+      "iconography": {
+        "family": "lucide",
+        "strokeWidth": "1.75",
+        "defaultSize": "16px"
+      },
+      "elevation": {
+        "cardElevation": "var(--shadow-sm)",
+        "popoverElevation": "var(--shadow-main)",
+        "dialogElevation": "var(--shadow-lg)",
+        "toastElevation": "var(--shadow-main)"
+      },
+      "geometry": {
+        "radiusContainer": "var(--radius-md)",
+        "radiusInteractive": "var(--radius-md)",
+        "radiusPill": "var(--radius-full)",
+        "borderHairline": "1px",
+        "borderStandard": "var(--border-width)",
+        "borderHeavy": "var(--border-width-thick)"
+      },
+      "colors": {
+        "primary": "#14b8a6",
+        "primary-hover": "#2dd4bf",
+        "primary-foreground": "#042f2e",
+        "secondary": "#1e293b",
+        "secondary-hover": "#334155",
+        "secondary-foreground": "#f1f5f9",
+        "accent": "#d4b44a",
+        "accent-foreground": "#0f172a",
+        "muted": "#1e293b",
+        "muted-foreground": "#94a3b8",
+        "background": "#0f172a",
+        "foreground": "#f8fafc",
+        "card": "#1e293b",
+        "card-foreground": "#f8fafc",
+        "surface": "#1e293b",
+        "border": "#334155",
+        "input": "#334155",
+        "ring": "#14b8a6",
+        "tertiary": "#c9a227",
+        "tertiary-hover": "#d4b44a",
+        "tertiary-foreground": "#0f172a",
+        "tertiary-muted": "rgba(201, 162, 39, 0.15)",
+        "error": "#f87171",
+        "error-foreground": "#000000",
+        "success": "#4ade80",
+        "success-foreground": "#000000",
+        "warning": "#fbbf24",
+        "warning-foreground": "#000000",
+        "info": "#38bdf8",
+        "info-foreground": "#000000"
+      },
+      "radii": {
+        "none": "0px",
+        "sm": "4px",
+        "md": "8px",
+        "lg": "12px",
+        "xl": "16px",
+        "full": "9999px"
+      },
+      "shadows": {
+        "main": "0 4px 14px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3)",
+        "sm": "0 1px 3px rgba(0, 0, 0, 0.3)",
+        "lg": "0 10px 15px rgba(0, 0, 0, 0.5)",
+        "inner": "inset 0 1px 2px rgba(0, 0, 0, 0.1)",
+        "none": "none",
+        "hover": "0 12px 40px rgba(0, 0, 0, 0.5)",
+        "active": "0 2px 8px rgba(0, 0, 0, 0.3)"
+      },
+      "typography": {
+        "border-width": "1px",
+        "border-width-thin": "1px",
+        "border-width-thick": "2px",
+        "icon-color": "#14b8a6",
+        "transition-fast": "150ms",
+        "transition-normal": "250ms",
+        "transition-slow": "400ms",
+        "transition-timing": "cubic-bezier(0.4, 0, 0.2, 1)",
+        "hover-scale": "1.02",
+        "hover-translate-y": "-2px",
+        "hover-translate-x": "0",
+        "active-scale": "0.98",
+        "active-translate-y": "0",
+        "focus-ring-width": "2px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#14b8a6"
+      }
+    }
+  }
+}