@stacksjs/ui 0.70.160 → 0.70.161

package/README.md

@@ -4,7 +4,7 @@ This package contains the Stacks UI engine.
 
 ## ☘️ Features
 
-- 🍀 **Vue-powered** _extendable & native access to the ecosystem_
+- 🍀 **STX-powered** _extendable & native access to the ecosystem_
 - 🎨 **Style with ease** _via a blazingly fast utility-first CSS framework, powered by Headwind_
 - 🍍 **Simple data storage** _accessed via an intuitive API_
 - Written in modern ESM/TypeScript

package/dist/components/disclosure.d.ts

@@ -1,4 +1,4 @@
-// Disclosure primitives were part of the former Vue compatibility layer.
+// Disclosure primitives were part of the former compatibility layer.
 // stx does not expose them, so keep this module intentionally empty instead
 // of publishing exports that fail at runtime.
 export {};

package/dist/components/menu.d.ts

@@ -1,2 +1,2 @@
-// Menu primitives were part of the former Vue compatibility layer.
+// Menu primitives were part of the former compatibility layer.
 export {};

package/dist/components/modal.d.ts

@@ -1,3 +1,22 @@
+export declare function createModal<T = unknown>(initialValue?: T): ModalController<T>;
+export declare function createAlert(initialValue?: AlertValue): ModalController<AlertValue>;
+export declare interface ModalSnapshot<T = unknown> {
+  open: boolean
+  value?: T
+}
+export declare interface ModalController<T = unknown> {
+  readonly snapshot: ModalSnapshot<T>
+  open: (value?: T) => void
+  close: () => void
+  toggle: (value?: T) => void
+  subscribe: (listener: (snapshot: ModalSnapshot<T>) => void) => () => void
+}
+export declare interface AlertValue {
+  title: string
+  description?: string
+  tone?: AlertTone
+}
+export type AlertTone = 'info' | 'success' | 'warning' | 'danger';
 export {
   Dialog,
   DialogDescription,

package/dist/components/modal.js

@@ -4,3 +4,34 @@ export {
   DialogPanel,
   DialogTitle
 } from "@stacksjs/components";
+export function createModal(initialValue) {
+  let snapshot = { open: !1, value: initialValue };
+  const listeners = new Set;
+  function publish(next) {
+    snapshot = next;
+    for (const listener of listeners)
+      listener(snapshot);
+  }
+  return {
+    get snapshot() {
+      return snapshot;
+    },
+    open(value = snapshot.value) {
+      publish({ open: !0, value });
+    },
+    close() {
+      publish({ ...snapshot, open: !1 });
+    },
+    toggle(value = snapshot.value) {
+      publish({ open: !snapshot.open, value });
+    },
+    subscribe(listener) {
+      listeners.add(listener);
+      listener(snapshot);
+      return () => listeners.delete(listener);
+    }
+  };
+}
+export function createAlert(initialValue) {
+  return createModal(initialValue);
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/ui",
   "type": "module",
-  "version": "0.70.160",
+  "version": "0.70.161",
   "description": "The Stacks UI engine.",
   "author": "Chris Breuer",
   "contributors": [
@@ -61,9 +61,9 @@
     "@stacksjs/components": "^0.2.82"
   },
   "devDependencies": {
-    "@stacksjs/build": "0.70.160",
-    "@stacksjs/config": "0.70.160",
+    "@stacksjs/build": "0.70.161",
+    "@stacksjs/config": "0.70.161",
     "better-dx": "^0.2.17",
-    "@stacksjs/router": "0.70.160"
+    "@stacksjs/router": "0.70.161"
   }
 }