@ansiversa/components 0.0.19 → 0.0.21

package/index.ts

@@ -25,3 +25,4 @@ export { default as AvChipList } from './src/AvChipList.astro';
 export { default as AvTemplateCard } from './src/AvTemplateCard.astro';
 export { default as AvTemplateGrid } from './src/AvTemplateGrid.astro';
 export { default as AvDrawer } from './src/AvDrawer.astro';
+export * from "./src/alpine";

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@ansiversa/components",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "Shared UI components and layouts for the Ansiversa ecosystem",
   "type": "module",
   "exports": {
     ".": "./index.ts",
+    "./alpine": "./src/alpine/index.ts",
     "./styles/global.css": "./src/styles/global.css"
   },
   "files": [
@@ -21,4 +22,4 @@
   "peerDependencies": {
     "astro": "^4.0.0 || ^5.0.0"
   }
-}
+}

package/src/AvBreadcrumb.astro

@@ -99,9 +99,9 @@ const rootClassAttr = rootClasses.join(" ");
   }
 
   .av-breadcrumb__current {
-    font-weight: 500;
-    color: var(--ans-fg, #111827);
-  }
+  font-weight: 500;
+  color: var(--ans-text, var(--ans-fg, #e5e7eb));
+}
 
   .av-breadcrumb__separator {
     margin-inline: 0.125rem;

package/src/alpine/BaseStore.ts

@@ -0,0 +1,28 @@
+export class AvBaseStore {
+  isLoading = false;
+  error: string | null = null;
+  toast: { type: "success" | "error"; message: string } | null = null;
+
+  setLoading(v: boolean) { this.isLoading = v; }
+  setError(msg: string | null) { this.error = msg; }
+  clearError() { this.error = null; }
+
+  notify(type: "success" | "error", message: string) {
+    this.toast = { type, message };
+    window.setTimeout(() => {
+      if (this.toast?.message === message) this.toast = null;
+    }, 2500);
+  }
+
+  confirm(message: string) {
+    return window.confirm(message);
+  }
+}
+
+export function safeErrorMessage(err: unknown, fallback = "Something went wrong.") {
+  if (err && typeof err === "object" && "message" in err) {
+    const msg = (err as any).message;
+    if (typeof msg === "string" && msg.trim()) return msg;
+  }
+  return fallback;
+}

package/src/alpine/index.ts

@@ -0,0 +1 @@
+export * from "./BaseStore";

package/src/styles/global.css

@@ -1107,6 +1107,42 @@
   stroke-width: 1.75;
 }
 
+/* Grid utility */
+.av-card-grid {
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+}
+/* Status pill utility */
+.av-status-pill {
+  padding: 0.25rem 0.6rem;
+  border-radius: 999px;
+  background: rgba(148, 163, 184, 0.15);
+  color: var(--av-fg, #e2e8f0);
+  font-size: 0.85rem;
+  white-space: nowrap;
+}
+
+.av-status-pill--primary {
+  background: rgba(34, 211, 238, 0.18);
+  color: var(--av-fg, #e2e8f0);
+}
+
+/* Loading bar utility */
+.av-loading-bar {
+  height: 4px;
+  width: 100%;
+  background: linear-gradient(90deg, #22d3ee, #6366f1);
+  animation: av-shimmer 1.6s linear infinite;
+  margin-bottom: 1rem;
+  background-size: 200% 100%;
+}
+
+@keyframes av-shimmer {
+  0% { background-position: 0 0; }
+  100% { background-position: 200% 0; }
+}
+
 }