@almadar/ui 2.15.8 → 2.15.11

package/dist/{chunk-N7MVUW4R.js → stores/index.cjs}

@@ -1,3 +1,5 @@
+'use strict';
+
 // stores/filtering.ts
 function getDateString(value) {
   if (!value) return null;
@@ -191,4 +193,25 @@ 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 };
+exports.applyFilters = applyFilters;
+exports.clearAllFilters = clearAllFilters;
+exports.clearEntities = clearEntities;
+exports.clearFilter = clearFilter;
+exports.createFilter = createFilter;
+exports.getAllEntities = getAllEntities;
+exports.getByType = getByType;
+exports.getByTypeFiltered = getByTypeFiltered;
+exports.getDateString = getDateString;
+exports.getEntities = getEntities;
+exports.getEntity = getEntity;
+exports.getFilterSnapshot = getFilterSnapshot;
+exports.getFilters = getFilters;
+exports.getSingleton = getSingleton;
+exports.getSnapshot = getSnapshot;
+exports.matchesFilter = matchesFilter;
+exports.removeEntity = removeEntity;
+exports.setFilter = setFilter;
+exports.spawnEntity = spawnEntity;
+exports.subscribe = subscribe;
+exports.updateEntity = updateEntity;
+exports.updateSingleton = updateSingleton;

package/dist/stores/index.js

@@ -1,2 +1,194 @@
-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-PKBMQBKP.js';
+// 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 };

package/dist/tsup.config.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("tsup").Options | import("tsup").Options[] | ((overrideOptions: import("tsup").Options) => import("tsup").Options | import("tsup").Options[] | Promise<import("tsup").Options | import("tsup").Options[]>);
+import { type Options } from 'tsup';
+declare const _default: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "2.15.8",
+  "version": "2.15.11",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",
@@ -10,52 +10,52 @@
     ".": {
       "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js",
-      "require": "./dist/components/index.js"
+      "require": "./dist/components/index.cjs"
     },
     "./components": {
       "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js",
-      "require": "./dist/components/index.js"
+      "require": "./dist/components/index.cjs"
     },
     "./hooks": {
       "types": "./dist/hooks/index.d.ts",
       "import": "./dist/hooks/index.js",
-      "require": "./dist/hooks/index.js"
+      "require": "./dist/hooks/index.cjs"
     },
     "./providers": {
       "types": "./dist/providers/index.d.ts",
       "import": "./dist/providers/index.js",
-      "require": "./dist/providers/index.js"
+      "require": "./dist/providers/index.cjs"
     },
     "./context": {
       "types": "./dist/context/index.d.ts",
       "import": "./dist/context/index.js",
-      "require": "./dist/context/index.js"
+      "require": "./dist/context/index.cjs"
     },
     "./renderer": {
       "types": "./dist/renderer/index.d.ts",
       "import": "./dist/renderer/index.js",
-      "require": "./dist/renderer/index.js"
+      "require": "./dist/renderer/index.cjs"
     },
     "./runtime": {
       "types": "./dist/runtime/index.d.ts",
       "import": "./dist/runtime/index.js",
-      "require": "./dist/runtime/index.js"
+      "require": "./dist/runtime/index.cjs"
     },
     "./stores": {
       "types": "./dist/stores/index.d.ts",
       "import": "./dist/stores/index.js",
-      "require": "./dist/stores/index.js"
+      "require": "./dist/stores/index.cjs"
     },
     "./lib": {
       "types": "./dist/lib/index.d.ts",
       "import": "./dist/lib/index.js",
-      "require": "./dist/lib/index.js"
+      "require": "./dist/lib/index.cjs"
     },
     "./components/organisms/game/three": {
       "types": "./dist/components/organisms/game/three/index.d.ts",
       "import": "./dist/components/organisms/game/three/index.js",
-      "require": "./dist/components/organisms/game/three/index.js"
+      "require": "./dist/components/organisms/game/three/index.cjs"
     },
     "./components/organisms/game/TraitStateViewer": {
       "import": "./components/organisms/game/TraitStateViewer.tsx",
@@ -69,11 +69,26 @@
       "import": "./templates/index.ts",
       "types": "./templates/index.ts"
     },
+    "./marketing": {
+      "types": "./dist/marketing/index.d.ts",
+      "import": "./dist/marketing/index.js",
+      "require": "./dist/marketing/index.cjs"
+    },
+    "./docs": {
+      "types": "./dist/docs/index.d.ts",
+      "import": "./dist/docs/index.js",
+      "require": "./dist/docs/index.cjs"
+    },
+    "./illustrations": {
+      "types": "./dist/illustrations/index.d.ts",
+      "import": "./dist/illustrations/index.js",
+      "require": "./dist/illustrations/index.cjs"
+    },
     "./themes/*.css": "./themes/*.css",
     "./locales": {
       "types": "./dist/locales/index.d.ts",
       "import": "./dist/locales/index.js",
-      "require": "./dist/locales/index.js"
+      "require": "./dist/locales/index.cjs"
     },
     "./locales/en.json": "./locales/en.json",
     "./locales/ar.json": "./locales/ar.json",

package/tailwind-preset.cjs

@@ -177,6 +177,15 @@ module.exports = {
   'text-[var(--color-warning)]',
   'text-[var(--color-warning-foreground)]',
   'to-[var(--color-accent)]',
+  // Hover elevation & micro-interactions
+  'hover:-translate-y-0.5',
+  'hover:-translate-y-1',
+  'hover:scale-105',
+  'scale-[1.05]',
+  'transition-all',
+  'duration-200',
+  'ring-2',
+  'ring-[var(--color-primary)]',
   ],
   theme: {
     fontFamily: {

package/themes/almadar-website.css

@@ -0,0 +1,195 @@
+/**
+ * Almadar Website Theme
+ *
+ * Brand-accurate theme for almadar.io based on Almadar Brand Guidelines.
+ * Teal primary, Cyan accent, Sand Gold highlights, Plus Jakarta Sans typography.
+ * Dark hero sections with light content sections (mixed mode).
+ */
+
+/* ==========================================================================
+ * LIGHT MODE (content sections)
+ * ========================================================================== */
+[data-theme="almadar-website-light"] {
+    /* Shadows */
+    --shadow-main: 0 4px 14px rgba(20, 184, 166, 0.1), 0 1px 3px rgba(0, 0, 0, 0.05);
+    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.04);
+    --shadow-lg: 0 8px 30px rgba(20, 184, 166, 0.12), 0 4px 10px rgba(0, 0, 0, 0.04);
+    --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.04);
+    --shadow-none: none;
+    --shadow-hover: 0 12px 40px rgba(20, 184, 166, 0.15);
+    --shadow-active: 0 2px 8px rgba(20, 184, 166, 0.1);
+
+    /* Border radius */
+    --radius-none: 0px;
+    --radius-sm: 6px;
+    --radius-md: 10px;
+    --radius-lg: 14px;
+    --radius-xl: 20px;
+    --radius-full: 9999px;
+
+    /* Border width */
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+
+    /* Colors - Teal on parchment */
+    --color-primary: #14b8a6;
+    --color-primary-hover: #0d9488;
+    --color-primary-foreground: #ffffff;
+
+    --color-secondary: #f1f5f9;
+    --color-secondary-hover: #e2e8f0;
+    --color-secondary-foreground: #0f172a;
+
+    --color-accent: #06b6d4;
+    --color-accent-foreground: #ffffff;
+
+    --color-muted: #f1f5f9;
+    --color-muted-foreground: #64748b;
+
+    --color-background: #ffffff;
+    --color-foreground: #0f172a;
+    --color-card: #ffffff;
+    --color-card-foreground: #0f172a;
+    --color-surface: #f8fafc;
+    --color-border: #e2e8f0;
+    --color-input: #e2e8f0;
+    --color-ring: #14b8a6;
+
+    /* Sand Gold for special accents */
+    --color-gold: #c9a227;
+
+    /* Semantic colors */
+    --color-error: #dc2626;
+    --color-error-foreground: #ffffff;
+    --color-success: #22c55e;
+    --color-success-foreground: #ffffff;
+    --color-warning: #f59e0b;
+    --color-warning-foreground: #000000;
+    --color-info: #3b82f6;
+    --color-info-foreground: #ffffff;
+
+    /* Typography - Plus Jakarta Sans per brand guidelines */
+    --font-family: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: -0.02em;
+    --line-height: 1.6;
+
+    /* Icon styling */
+    --icon-stroke-width: 1.75;
+    --icon-color: #14b8a6;
+
+    /* Transitions */
+    --transition-fast: 150ms;
+    --transition-normal: 250ms;
+    --transition-slow: 400ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+
+    /* Hover/Active */
+    --hover-scale: 1.02;
+    --hover-translate-y: -2px;
+    --hover-translate-x: 0;
+    --active-scale: 0.98;
+    --active-translate-y: 0;
+
+    /* Focus ring */
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #14b8a6;
+}
+
+/* ==========================================================================
+ * DARK MODE (hero sections, dark backgrounds)
+ * ========================================================================== */
+[data-theme="almadar-website-dark"] {
+    /* Shadows - Teal glow */
+    --shadow-main: 0 4px 14px rgba(20, 184, 166, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1);
+    --shadow-sm: 0 2px 4px rgba(20, 184, 166, 0.1);
+    --shadow-lg: 0 8px 30px rgba(20, 184, 166, 0.25), 0 4px 10px rgba(0, 0, 0, 0.1);
+    --shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+    --shadow-none: none;
+    --shadow-hover: 0 12px 40px rgba(20, 184, 166, 0.35), 0 4px 12px rgba(6, 182, 212, 0.2);
+    --shadow-active: 0 2px 8px rgba(20, 184, 166, 0.2);
+
+    /* Border radius */
+    --radius-none: 0px;
+    --radius-sm: 6px;
+    --radius-md: 10px;
+    --radius-lg: 14px;
+    --radius-xl: 20px;
+    --radius-full: 9999px;
+
+    /* Border width */
+    --border-width: 1px;
+    --border-width-thin: 1px;
+    --border-width-thick: 2px;
+
+    /* Colors - Teal/Cyan on Midnight Blue */
+    --color-primary: #14b8a6;
+    --color-primary-hover: #2dd4bf;
+    --color-primary-foreground: #042f2e;
+
+    --color-secondary: #1e293b;
+    --color-secondary-hover: #334155;
+    --color-secondary-foreground: #f1f5f9;
+
+    --color-accent: #06b6d4;
+    --color-accent-foreground: #083344;
+
+    --color-muted: #1e293b;
+    --color-muted-foreground: #94a3b8;
+
+    --color-background: #0f172a;
+    --color-foreground: #f1f5f9;
+    --color-card: #1e293b;
+    --color-card-foreground: #f1f5f9;
+    --color-surface: #1e293b;
+    --color-border: #334155;
+    --color-input: rgba(20, 184, 166, 0.3);
+    --color-ring: #14b8a6;
+
+    /* Sand Gold for special accents */
+    --color-gold: #c9a227;
+
+    /* Semantic colors */
+    --color-error: #f87171;
+    --color-error-foreground: #000000;
+    --color-success: #4ade80;
+    --color-success-foreground: #000000;
+    --color-warning: #fbbf24;
+    --color-warning-foreground: #000000;
+    --color-info: #38bdf8;
+    --color-info-foreground: #000000;
+
+    /* Typography */
+    --font-family: "Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    --font-weight-normal: 400;
+    --font-weight-medium: 500;
+    --font-weight-bold: 700;
+    --letter-spacing: -0.02em;
+    --line-height: 1.6;
+
+    /* Icon styling */
+    --icon-stroke-width: 1.75;
+    --icon-color: #14b8a6;
+
+    /* Transitions */
+    --transition-fast: 150ms;
+    --transition-normal: 250ms;
+    --transition-slow: 400ms;
+    --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
+
+    /* Hover/Active */
+    --hover-scale: 1.02;
+    --hover-translate-y: -2px;
+    --hover-translate-x: 0;
+    --active-scale: 0.98;
+    --active-translate-y: 0;
+
+    /* Focus ring */
+    --focus-ring-width: 2px;
+    --focus-ring-offset: 2px;
+    --focus-ring-color: #14b8a6;
+}

package/themes/index.css

@@ -4,8 +4,31 @@
  * Each theme provides both light and dark modes via:
  *   [data-theme="themename-light"] { ... }
  *   [data-theme="themename-dark"] { ... }
+ *
+ * IMPORTANT: @import must precede all other statements (Vite requirement).
  */
 
+/* Core themes */
+@import "./wireframe.css";
+@import "./minimalist.css";
+@import "./almadar.css";
+@import "./almadar-website.css";
+@import "./trait-wars.css";
+
+/* Extended themes */
+@import "./ocean.css";
+@import "./forest.css";
+@import "./sunset.css";
+@import "./lavender.css";
+@import "./rose.css";
+@import "./slate.css";
+@import "./ember.css";
+@import "./midnight.css";
+@import "./sand.css";
+@import "./neon.css";
+@import "./arctic.css";
+@import "./copper.css";
+
 /**
  * Minimal element reset for @almadar/ui components.
  *
@@ -56,23 +79,3 @@
 #ui-slot-portal-root h6 {
     font-family: var(--font-family, inherit);
 }
-
-/* Core themes */
-@import "./wireframe.css";
-@import "./minimalist.css";
-@import "./almadar.css";
-@import "./trait-wars.css";
-
-/* Extended themes */
-@import "./ocean.css";
-@import "./forest.css";
-@import "./sunset.css";
-@import "./lavender.css";
-@import "./rose.css";
-@import "./slate.css";
-@import "./ember.css";
-@import "./midnight.css";
-@import "./sand.css";
-@import "./neon.css";
-@import "./arctic.css";
-@import "./copper.css";

package/dist/chunk-3HJHHULT.js

@@ -1,93 +0,0 @@
-// lib/api-client.ts
-var API_BASE_URL = typeof process !== "undefined" && process.env?.VITE_API_URL ? process.env.VITE_API_URL : "/api";
-var ApiError = class extends Error {
-  constructor(status, statusText, message) {
-    super(message || `API Error: ${status} ${statusText}`);
-    this.status = status;
-    this.statusText = statusText;
-    this.name = "ApiError";
-  }
-};
-async function handleResponse(response) {
-  if (!response.ok) {
-    let message;
-    try {
-      const errorData = await response.json();
-      message = errorData.message || errorData.error;
-    } catch {
-    }
-    throw new ApiError(response.status, response.statusText, message);
-  }
-  const text = await response.text();
-  if (!text) {
-    return void 0;
-  }
-  return JSON.parse(text);
-}
-function getHeaders() {
-  const headers = {
-    "Content-Type": "application/json"
-  };
-  const token = typeof localStorage !== "undefined" ? localStorage.getItem("authToken") : null;
-  if (token) {
-    headers["Authorization"] = `Bearer ${token}`;
-  }
-  return headers;
-}
-var apiClient = {
-  /**
-   * GET request
-   */
-  async get(endpoint) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "GET",
-      headers: getHeaders()
-    });
-    return handleResponse(response);
-  },
-  /**
-   * POST request
-   */
-  async post(endpoint, data) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "POST",
-      headers: getHeaders(),
-      body: data ? JSON.stringify(data) : void 0
-    });
-    return handleResponse(response);
-  },
-  /**
-   * PUT request
-   */
-  async put(endpoint, data) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "PUT",
-      headers: getHeaders(),
-      body: data ? JSON.stringify(data) : void 0
-    });
-    return handleResponse(response);
-  },
-  /**
-   * PATCH request
-   */
-  async patch(endpoint, data) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "PATCH",
-      headers: getHeaders(),
-      body: data ? JSON.stringify(data) : void 0
-    });
-    return handleResponse(response);
-  },
-  /**
-   * DELETE request
-   */
-  async delete(endpoint) {
-    const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-      method: "DELETE",
-      headers: getHeaders()
-    });
-    return handleResponse(response);
-  }
-};
-
-export { ApiError, apiClient };