@almadar/ui 1.0.0 → 1.0.10

package/dist/stores/index.js

@@ -1,196 +1,2 @@
-// stores/filtering.ts
-function getDateString(value) {
-  if (!value) return null;
-  if (typeof value === "string") {
-    const match = value.match(/^(\d{4}-\d{2}-\d{2})/);
-    return match ? match[1] : null;
-  }
-  if (value instanceof Date) {
-    return value.toISOString().split("T")[0];
-  }
-  return null;
-}
-function matchesFilter(record, filter) {
-  const fieldToCompare = filter.targetField || filter.field;
-  const recordValue = record[fieldToCompare];
-  const filterValue = filter.value;
-  const operator = filter.operator || "eq";
-  if (filterValue === null || filterValue === void 0 || filterValue === "") {
-    return true;
-  }
-  switch (operator) {
-    case "eq":
-      if (typeof recordValue === "string" && typeof filterValue === "string") {
-        return recordValue.toLowerCase() === filterValue.toLowerCase();
-      }
-      return recordValue === filterValue;
-    case "contains":
-      if (typeof recordValue !== "string") return false;
-      return recordValue.toLowerCase().includes(String(filterValue).toLowerCase());
-    case "in":
-      if (Array.isArray(filterValue)) {
-        const normalizedFilterValues = filterValue.map(
-          (v) => typeof v === "string" ? v.toLowerCase() : v
-        );
-        const normalizedRecordValue = typeof recordValue === "string" ? recordValue.toLowerCase() : recordValue;
-        return normalizedFilterValues.includes(normalizedRecordValue);
-      }
-      return false;
-    case "date_eq": {
-      const recordDate = getDateString(recordValue);
-      const filterDate = getDateString(filterValue);
-      return Boolean(recordDate && filterDate && recordDate === filterDate);
-    }
-    case "date_gte": {
-      const recordDate = getDateString(recordValue);
-      const filterDate = getDateString(filterValue);
-      return Boolean(recordDate && filterDate && recordDate >= filterDate);
-    }
-    case "date_lte": {
-      const recordDate = getDateString(recordValue);
-      const filterDate = getDateString(filterValue);
-      return Boolean(recordDate && filterDate && recordDate <= filterDate);
-    }
-    case "search": {
-      if (typeof filterValue !== "string" || !filterValue.trim()) {
-        return true;
-      }
-      const searchTerm = filterValue.toLowerCase();
-      return Object.values(record).some((value) => {
-        if (value === null || value === void 0) return false;
-        return String(value).toLowerCase().includes(searchTerm);
-      });
-    }
-    default:
-      return true;
-  }
-}
-function applyFilters(records, entityFilters) {
-  if (entityFilters.size === 0) return records;
-  return records.filter((record) => {
-    for (const [, filter] of entityFilters) {
-      if (!matchesFilter(record, filter)) {
-        return false;
-      }
-    }
-    return true;
-  });
-}
-function createFilter(field, value, operator = "eq", targetField) {
-  return {
-    field,
-    value,
-    operator,
-    targetField: targetField || field
-  };
-}
-
-// stores/entityStore.ts
-var entities = /* @__PURE__ */ new Map();
-var filters = /* @__PURE__ */ new Map();
-var listeners = /* @__PURE__ */ new Set();
-var idCounter = 0;
-function subscribe(listener) {
-  listeners.add(listener);
-  return () => listeners.delete(listener);
-}
-function notify() {
-  listeners.forEach((listener) => listener());
-}
-function getEntities() {
-  return entities;
-}
-function getEntity(id) {
-  return entities.get(id);
-}
-function getByType(type) {
-  const types = Array.isArray(type) ? type : [type];
-  return [...entities.values()].filter((e) => types.includes(e.type));
-}
-function getAllEntities() {
-  return [...entities.values()];
-}
-function getSingleton(type) {
-  return [...entities.values()].find((e) => e.type === type);
-}
-function spawnEntity(config) {
-  const id = config.id ?? `entity_${++idCounter}`;
-  const entity = { ...config, id };
-  entities = new Map(entities);
-  entities.set(id, entity);
-  notify();
-  return id;
-}
-function updateEntity(id, updates) {
-  const entity = entities.get(id);
-  if (entity) {
-    entities = new Map(entities);
-    entities.set(id, { ...entity, ...updates });
-    notify();
-  }
-}
-function updateSingleton(type, updates) {
-  const entity = getSingleton(type);
-  if (entity) {
-    updateEntity(entity.id, updates);
-  }
-}
-function removeEntity(id) {
-  if (entities.has(id)) {
-    entities = new Map(entities);
-    entities.delete(id);
-    notify();
-  }
-}
-function clearEntities() {
-  entities = /* @__PURE__ */ new Map();
-  notify();
-}
-function setFilter(entityType, field, value, operator = "eq", targetField) {
-  filters = new Map(filters);
-  const entityFilters = new Map(filters.get(entityType) || []);
-  entityFilters.set(field, createFilter(field, value, operator, targetField));
-  filters.set(entityType, entityFilters);
-  notify();
-}
-function clearFilter(entityType, field) {
-  const entityFilters = filters.get(entityType);
-  if (entityFilters && entityFilters.has(field)) {
-    filters = new Map(filters);
-    const newFilters = new Map(entityFilters);
-    newFilters.delete(field);
-    filters.set(entityType, newFilters);
-    notify();
-  }
-}
-function clearAllFilters(entityType) {
-  if (filters.has(entityType)) {
-    filters = new Map(filters);
-    filters.set(entityType, /* @__PURE__ */ new Map());
-    notify();
-  }
-}
-function getFilters(entityType) {
-  return filters.get(entityType) || /* @__PURE__ */ new Map();
-}
-function getByTypeFiltered(type) {
-  const types = Array.isArray(type) ? type : [type];
-  let result = [...entities.values()].filter((e) => types.includes(e.type));
-  for (const t of types) {
-    const typeFilters = filters.get(t);
-    if (typeFilters && typeFilters.size > 0) {
-      result = applyFilters(result, typeFilters);
-    }
-  }
-  return result;
-}
-function getSnapshot() {
-  return entities;
-}
-function getFilterSnapshot() {
-  return filters;
-}
-
-export { applyFilters, clearAllFilters, clearEntities, clearFilter, createFilter, getAllEntities, getByType, getByTypeFiltered, getDateString, getEntities, getEntity, getFilterSnapshot, getFilters, getSingleton, getSnapshot, matchesFilter, removeEntity, setFilter, spawnEntity, subscribe, updateEntity, updateSingleton };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map
+export { applyFilters, clearAllFilters, clearEntities, clearFilter, createFilter, getAllEntities, getByType, getByTypeFiltered, getDateString, getEntities, getEntity, getFilterSnapshot, getFilters, getSingleton, getSnapshot, matchesFilter, removeEntity, setFilter, spawnEntity, subscribe, updateEntity, updateSingleton } from '../chunk-N7MVUW4R.js';
+import '../chunk-S7EYY36U.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "1.0.0",
+  "version": "1.0.10",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -60,8 +60,9 @@
     "remark-gfm": "^4.0.1",
     "remark-math": "^6.0.0",
     "react-force-graph-2d": "^1.28.0",
-    "@almadar/core": "1.0.0",
-    "@almadar/patterns": "1.0.0"
+    "@almadar/evaluator": "1.0.10",
+    "@almadar/core": "1.0.10",
+    "@almadar/patterns": "1.0.10"
   },
   "peerDependencies": {
     "react": "^18.0.0",
@@ -75,15 +76,11 @@
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
     "@types/react-syntax-highlighter": "^15.5.11",
-    "@storybook/addon-essentials": "^8.0.0",
-    "@storybook/addon-interactions": "^8.0.0",
-    "@storybook/addon-links": "^8.0.0",
-    "@storybook/addon-themes": "^8.0.0",
-    "@storybook/blocks": "^8.0.0",
-    "@storybook/react": "^8.0.0",
-    "@storybook/react-vite": "^8.0.0",
-    "@storybook/test": "^8.0.0",
-    "storybook": "^8.0.0",
+    "@storybook/addon-links": "^10.2.6",
+    "@storybook/addon-themes": "^10.2.6",
+    "@storybook/react": "^10.2.6",
+    "@storybook/react-vite": "^10.2.6",
+    "storybook": "^10.2.6",
     "@vitejs/plugin-react": "^4.2.0",
     "autoprefixer": "^10.4.0",
     "postcss": "^8.4.35",
@@ -96,7 +93,8 @@
     "@testing-library/react": "^14.2.0",
     "@testing-library/jest-dom": "^6.4.0",
     "@vitest/ui": "^1.4.0",
-    "jsdom": "^24.0.0"
+    "jsdom": "^24.0.0",
+    "@storybook/addon-docs": "^10.2.6"
   },
   "repository": {
     "type": "git",

package/themes/almadar.css

@@ -98,6 +98,10 @@
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #14b8a6;
+
+    /* Apply background and foreground colors */
+    background-color: var(--color-background);
+    color: var(--color-foreground);
 }
 
 /* ==========================================================================
@@ -193,4 +197,8 @@
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #14b8a6;
+
+    /* Apply background and foreground colors */
+    background-color: var(--color-background);
+    color: var(--color-foreground);
 }

package/themes/index.css

@@ -9,3 +9,4 @@
 @import "./wireframe.css";
 @import "./minimalist.css";
 @import "./almadar.css";
+@import "./trait-wars.css";

package/themes/minimalist.css

@@ -97,6 +97,10 @@
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #18181b;
+
+    /* Apply background and foreground colors */
+    background-color: var(--color-background);
+    color: var(--color-foreground);
 }
 
 /* ==========================================================================
@@ -190,4 +194,8 @@
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #fafafa;
+
+    /* Apply background and foreground colors */
+    background-color: var(--color-background);
+    color: var(--color-foreground);
 }

package/themes/trait-wars.css

@@ -0,0 +1,176 @@
+/**
+ * Trait Wars Theme — "Illuminated Manuscript Futurism"
+ *
+ * Dune meets Book of Kells: aged parchment surfaces, gold celtic filigree
+ * borders, warm ivory text, faction-coded accents. Dark mode only — this
+ * is a game UI, not a productivity app.
+ *
+ * Surface hierarchy (darkest → lightest):
+ *   background → card/surface → elevated (hover) → muted
+ */
+
+/* Google Fonts — Cinzel (400, 500, 700) */
+@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&display=swap');
+
+/* ==========================================================================
+ * DARK MODE (primary — game is always dark)
+ * ========================================================================== */
+[data-theme="trait-wars-dark"] {
+    /* Shadows — warm gold glow instead of cool blue */
+    --shadow-main:
+        0 4px 14px rgba(201, 168, 76, 0.10), 0 1px 3px rgba(0, 0, 0, 0.20);
+    --shadow-sm: 0 2px 4px rgba(201, 168, 76, 0.06);
+    --shadow-lg:
+        0 8px 30px rgba(201, 168, 76, 0.15), 0 4px 10px rgba(0, 0, 0, 0.15);
+    --shadow-inner: inset 0 1px 3px rgba(0, 0, 0, 0.25);
+    --shadow-none: none;
+    --shadow-hover:
+        0 12px 40px rgba(201, 168, 76, 0.20), 0 4px 12px rgba(234, 179, 8, 0.10);
+    --shadow-active: 0 2px 8px rgba(201, 168, 76, 0.15);
+
+    /* Border radius — slightly rounded, not too modern */
+    --radius-none: 0px;
+    --radius-sm: 4px;
+    --radius-md: 6px;
+    --radius-lg: 8px;
+    --radius-xl: 12px;
+    --radius-full: 9999px;
+
+    /* Border width — thin default, thick for emphasis */
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+
+    /* ======================================================================
+     * CORE COLORS
+     * ====================================================================== */
+
+    /* Primary — Gold (actions, interactive elements) */
+    --color-primary: #c9a84c;
+    --color-primary-hover: #eab308;
+    --color-primary-foreground: #1a1410;
+
+    /* Secondary — Dark parchment (neutral backgrounds) */
+    --color-secondary: #2a2118;
+    --color-secondary-hover: #3a2f22;
+    --color-secondary-foreground: #e8dcc8;
+
+    /* Accent — Teal resonance (faction, energy, selected) */
+    --color-accent: #14b8a6;
+    --color-accent-foreground: #042f2e;
+
+    /* Muted — Dim parchment (disabled, tertiary) */
+    --color-muted: #3a2f22;
+    --color-muted-foreground: #7a6a50;
+
+    /* Surfaces */
+    --color-background: #1a1410;
+    --color-foreground: #e8dcc8;
+    --color-card: #2a2118;
+    --color-card-foreground: #e8dcc8;
+    --color-surface: #2a2118;
+
+    /* Borders & Inputs */
+    --color-border: #5a4a36;
+    --color-input: #3a2f22;
+    --color-ring: #c9a84c;
+
+    /* Semantic colors — warmed to match parchment palette */
+    --color-error: #c04040;
+    --color-error-foreground: #e8dcc8;
+    --color-success: #4a9e4a;
+    --color-success-foreground: #e8dcc8;
+    --color-warning: #d97706;
+    --color-warning-foreground: #1a1410;
+    --color-info: #14b8a6;
+    --color-info-foreground: #e8dcc8;
+
+    /* ======================================================================
+     * GAME-SPECIFIC TOKENS (extend the base theme system)
+     * ====================================================================== */
+
+    /* Gold hierarchy (bright → dim) */
+    --tw-gold: #eab308;
+    --tw-gold-mid: #c9a84c;
+    --tw-gold-dim: #8a7340;
+    --tw-gold-dark: #5a4a36;
+
+    /* Parchment text hierarchy (bright → dim) */
+    --tw-text-primary: #e8dcc8;
+    --tw-text-secondary: #b8a88c;
+    --tw-text-dim: #7a6a50;
+
+    /* Surface hierarchy (light → dark) */
+    --tw-surface-elevated: #3a2f22;
+    --tw-surface-hover: #4a3d2e;
+
+    /* Faction: Resonator (player) */
+    --tw-faction-resonator: #7c3aed;
+    --tw-faction-resonator-glow: rgba(124, 58, 237, 0.3);
+
+    /* Faction: Dominion (enemy) */
+    --tw-faction-dominion: #b91c1c;
+    --tw-faction-dominion-glow: rgba(185, 28, 28, 0.3);
+
+    /* Faction: Neutral */
+    --tw-faction-neutral: #78716c;
+
+    /* Tier colors (bronze → illuminated) */
+    --tw-tier-1: #8B7355;
+    --tw-tier-2: #A8A8A8;
+    --tw-tier-3: #c9a84c;
+    --tw-tier-4: #eab308;
+
+    /* Combat */
+    --tw-health: #c04040;
+    --tw-health-bg: rgba(192, 64, 64, 0.2);
+    --tw-heal: #4a9e4a;
+    --tw-heal-bg: rgba(74, 158, 74, 0.2);
+    --tw-mana: #7c5cbf;
+    --tw-mana-bg: rgba(124, 92, 191, 0.2);
+
+    /* ======================================================================
+     * TYPOGRAPHY
+     * ====================================================================== */
+    --font-family:
+        "Cinzel", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: 0.01em;
+    --line-height: 1.5;
+
+    /* Icon styling — gold tint */
+    --icon-stroke-width: 1.75;
+    --icon-color: #c9a84c;
+
+    /* Transitions — slightly slower for gravitas */
+    --transition-fast: 150ms;
+    --transition-normal: 300ms;
+    --transition-slow: 500ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+
+    /* Hover/Active transforms — subtle, dignified */
+    --hover-scale: 1.01;
+    --hover-translate-y: -1px;
+    --hover-translate-x: 0;
+    --active-scale: 0.99;
+    --active-translate-y: 0;
+
+    /* Focus ring — gold */
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #c9a84c;
+
+    /* Apply background and foreground colors */
+    background-color: var(--color-background);
+    color: var(--color-foreground);
+}
+
+/* ==========================================================================
+ * LIGHT MODE (alias to dark — game has no light mode)
+ * ========================================================================== */
+[data-theme="trait-wars-light"] {
+    /* Trait Wars is dark-only. Light selector inherits dark values so the
+       theme switcher doesn't break if someone selects "light". */
+}

package/themes/wireframe.css

@@ -94,6 +94,10 @@
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #000000;
+
+    /* Apply background and foreground colors */
+    background-color: var(--color-background);
+    color: var(--color-foreground);
 }
 
 /* ==========================================================================
@@ -185,4 +189,8 @@
     --focus-ring-width: 2px;
     --focus-ring-offset: 2px;
     --focus-ring-color: #ffffff;
+
+    /* Apply background and foreground colors */
+    background-color: var(--color-background);
+    color: var(--color-foreground);
 }