@stacksjs/stx 0.2.11 → 0.2.13

package/dist/stx.d.ts

@@ -301,6 +301,66 @@ declare function $watch<T>(
   options?: { immediate?: boolean, deep?: boolean },
 ): StxCleanup
 
+// ============================================================================
+// Toast notifications
+// ============================================================================
+
+interface StxToastOptions {
+  /** Auto-dismiss duration in ms. 0 = persistent. Default: 3000 */
+  duration?: number
+}
+
+interface StxToast {
+  /** Show a success toast (green) */
+  success: (message: string, options?: StxToastOptions) => number
+  /** Show an error toast (red) */
+  error: (message: string, options?: StxToastOptions) => number
+  /** Show an info toast (blue) */
+  info: (message: string, options?: StxToastOptions) => number
+  /** Show a warning toast (yellow) */
+  warning: (message: string, options?: StxToastOptions) => number
+  /** Dismiss a toast by id, or all toasts if no id is given */
+  dismiss: (id?: number) => void
+}
+
+declare const toast: StxToast
+
+// ============================================================================
+// Modal system
+// ============================================================================
+
+interface StxModal {
+  /** Open a modal by its id */
+  open: (id: string) => void
+  /** Close a modal by its id */
+  close: (id: string) => void
+  /** Toggle a modal by its id */
+  toggle: (id: string) => void
+}
+
+declare const modal: StxModal
+
+// ============================================================================
+// Alert & Confirm dialogs
+// ============================================================================
+
+interface StxDialogOptions {
+  /** Dialog title displayed above the message */
+  title?: string
+  /** Icon type: 'info' | 'warning' | 'error' | 'success' | 'question' */
+  type?: 'info' | 'warning' | 'error' | 'success' | 'question'
+  /** Text for the confirm/OK button (default: 'OK') */
+  confirmText?: string
+  /** Text for the cancel button — confirm only (default: 'Cancel') */
+  cancelText?: string
+}
+
+/** Styled replacement for window.alert(). Returns a Promise that resolves when dismissed. */
+declare function stxAlert(message: string, options?: StxDialogOptions): Promise<void>
+
+/** Styled replacement for window.confirm(). Returns a Promise<boolean>. */
+declare function stxConfirm(message: string, options?: StxDialogOptions): Promise<boolean>
+
 // ============================================================================
 // Stores (Pinia-inspired, signals-based)
 // ============================================================================
@@ -412,6 +472,16 @@ interface StxRuntimeRegistry {
   defineStore: typeof defineStore
   useStore: typeof useStore
 
+  // Toast
+  toast: StxToast
+
+  // Modal
+  modal: StxModal
+
+  // Dialogs
+  alert: typeof stxAlert
+  confirm: typeof stxConfirm
+
   // Mount API
   mount: (setupFn: () => any) => void
   mountEl: (selector: string, setupFn: () => any) => void

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stacksjs/stx",
   "type": "module",
-  "version": "0.2.11",
+  "version": "0.2.13",
   "description": "A performant UI Framework. Powered by Bun.",
   "author": "Chris Breuer <chris@stacksjs.org>",
   "license": "MIT",
@@ -61,12 +61,12 @@
       "import": "./dist/bundle-analyzer.js"
     },
     "./composables": {
-      "bun": "./src/composables/index.ts",
+      "bun": "./dist/composables/index.js",
       "types": "./dist/composables/index.d.ts",
       "import": "./dist/composables/index.js"
     },
     "./composables/*": {
-      "bun": "./src/composables/*.ts",
+      "bun": "./dist/composables/*.js",
       "types": "./dist/composables/*.d.ts",
       "import": "./dist/composables/*.js"
     },
@@ -74,59 +74,6 @@
       "import": "./dist/*"
     }
   },
-  "publishConfig": {
-    "exports": {
-      ".": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js"
-      },
-      "./jsx-runtime": {
-        "types": "./dist/jsx-runtime.d.ts",
-        "import": "./dist/jsx-runtime.js"
-      },
-      "./jsx-dev-runtime": {
-        "types": "./dist/jsx-runtime.d.ts",
-        "import": "./dist/jsx-runtime.js"
-      },
-      "./craft": {
-        "types": "./dist/craft-entry.d.ts",
-        "import": "./dist/craft.js"
-      },
-      "./database": {
-        "types": "./dist/database.d.ts",
-        "import": "./dist/database.js"
-      },
-      "./ssg": {
-        "types": "./dist/ssg.d.ts",
-        "import": "./dist/ssg.js"
-      },
-      "./pwa": {
-        "types": "./dist/pwa.d.ts",
-        "import": "./dist/pwa.js"
-      },
-      "./visual-testing": {
-        "types": "./dist/visual-testing.d.ts",
-        "import": "./dist/visual-testing.js"
-      },
-      "./bundle-analyzer": {
-        "types": "./dist/bundle-analyzer.d.ts",
-        "import": "./dist/bundle-analyzer.js"
-      },
-      "./composables": {
-        "bun": "./dist/composables/index.js",
-        "types": "./dist/composables/index.d.ts",
-        "import": "./dist/composables/index.js"
-      },
-      "./composables/*": {
-        "bun": "./dist/composables/*.js",
-        "types": "./dist/composables/*.d.ts",
-        "import": "./dist/composables/*.js"
-      },
-      "./*": {
-        "import": "./dist/*"
-      }
-    }
-  },
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "bin": {
@@ -169,12 +116,12 @@
   "dependencies": {
     "@cwcss/crosswind": "^0.2.0",
     "@stacksjs/clapp": "^0.2.0",
-    "@stacksjs/desktop": "0.2.11",
-    "@stacksjs/sanitizer": "0.2.11",
+    "@stacksjs/desktop": "0.2.13",
+    "@stacksjs/sanitizer": "0.2.13",
     "@stacksjs/ts-craft": "^0.0.2",
-    "bun-plugin-stx": "0.2.11",
+    "bun-plugin-stx": "0.2.13",
     "bunfig": "^0.15.6",
-    "stx-router": "0.2.11",
+    "stx-router": "0.2.13",
     "ts-broadcasting": "^0.0.4",
     "ts-syntax-highlighter": "^0.2.1"
   }

package/stx.d.ts

@@ -301,6 +301,66 @@ declare function $watch<T>(
   options?: { immediate?: boolean, deep?: boolean },
 ): StxCleanup
 
+// ============================================================================
+// Toast notifications
+// ============================================================================
+
+interface StxToastOptions {
+  /** Auto-dismiss duration in ms. 0 = persistent. Default: 3000 */
+  duration?: number
+}
+
+interface StxToast {
+  /** Show a success toast (green) */
+  success: (message: string, options?: StxToastOptions) => number
+  /** Show an error toast (red) */
+  error: (message: string, options?: StxToastOptions) => number
+  /** Show an info toast (blue) */
+  info: (message: string, options?: StxToastOptions) => number
+  /** Show a warning toast (yellow) */
+  warning: (message: string, options?: StxToastOptions) => number
+  /** Dismiss a toast by id, or all toasts if no id is given */
+  dismiss: (id?: number) => void
+}
+
+declare const toast: StxToast
+
+// ============================================================================
+// Modal system
+// ============================================================================
+
+interface StxModal {
+  /** Open a modal by its id */
+  open: (id: string) => void
+  /** Close a modal by its id */
+  close: (id: string) => void
+  /** Toggle a modal by its id */
+  toggle: (id: string) => void
+}
+
+declare const modal: StxModal
+
+// ============================================================================
+// Alert & Confirm dialogs
+// ============================================================================
+
+interface StxDialogOptions {
+  /** Dialog title displayed above the message */
+  title?: string
+  /** Icon type: 'info' | 'warning' | 'error' | 'success' | 'question' */
+  type?: 'info' | 'warning' | 'error' | 'success' | 'question'
+  /** Text for the confirm/OK button (default: 'OK') */
+  confirmText?: string
+  /** Text for the cancel button — confirm only (default: 'Cancel') */
+  cancelText?: string
+}
+
+/** Styled replacement for window.alert(). Returns a Promise that resolves when dismissed. */
+declare function stxAlert(message: string, options?: StxDialogOptions): Promise<void>
+
+/** Styled replacement for window.confirm(). Returns a Promise<boolean>. */
+declare function stxConfirm(message: string, options?: StxDialogOptions): Promise<boolean>
+
 // ============================================================================
 // Stores (Pinia-inspired, signals-based)
 // ============================================================================
@@ -412,6 +472,16 @@ interface StxRuntimeRegistry {
   defineStore: typeof defineStore
   useStore: typeof useStore
 
+  // Toast
+  toast: StxToast
+
+  // Modal
+  modal: StxModal
+
+  // Dialogs
+  alert: typeof stxAlert
+  confirm: typeof stxConfirm
+
   // Mount API
   mount: (setupFn: () => any) => void
   mountEl: (selector: string, setupFn: () => any) => void