@benqoder/beam 0.1.3 → 0.2.0

package/dist/createBeam.d.ts

@@ -1,5 +1,5 @@
 import { RpcTarget } from 'capnweb';
-import type { ActionHandler, ActionResponse, ModalHandler, DrawerHandler, BeamConfig, BeamInstance, BeamContext, BeamSession, SessionConfig } from './types';
+import type { ActionHandler, ActionResponse, BeamConfig, BeamInstance, BeamContext, BeamSession, SessionConfig } from './types';
 /**
  * Session implementation using KV storage.
  * Exported for users who need custom storage adapter.
@@ -50,21 +50,11 @@ export declare class CookieSession implements BeamSession {
 declare class BeamServer<TEnv extends object> extends RpcTarget {
     private ctx;
     private actions;
-    private modals;
-    private drawers;
-    constructor(ctx: BeamContext<TEnv>, actions: Record<string, ActionHandler<TEnv>>, modals: Record<string, ModalHandler<TEnv>>, drawers: Record<string, DrawerHandler<TEnv>>);
+    constructor(ctx: BeamContext<TEnv>, actions: Record<string, ActionHandler<TEnv>>);
     /**
      * Call an action handler
      */
     call(action: string, data?: Record<string, unknown>): Promise<ActionResponse>;
-    /**
-     * Open a modal
-     */
-    modal(modalId: string, data?: Record<string, unknown>): Promise<string>;
-    /**
-     * Open a drawer
-     */
-    drawer(drawerId: string, data?: Record<string, unknown>): Promise<string>;
     /**
      * Register a client callback for server-initiated updates
      * This enables bidirectional communication - server can push to client
@@ -76,7 +66,7 @@ declare class BeamServer<TEnv extends object> extends RpcTarget {
     notify(event: string, data: unknown): Promise<void>;
 }
 /**
- * Creates a Beam instance configured with actions, modals, and drawers.
+ * Creates a Beam instance configured with actions.
  * Uses capnweb for RPC, enabling promise pipelining and bidirectional calls.
  *
  * @example
@@ -86,9 +76,7 @@ declare class BeamServer<TEnv extends object> extends RpcTarget {
  * import type { Env } from './types'
  *
  * export const beam = createBeam<Env>({
- *   actions: { createProduct, deleteProduct },
- *   modals: { confirmDelete },
- *   drawers: { productDetails }
+ *   actions: { createProduct, deleteProduct, confirmDelete }
  * })
  *
  * // app/server.ts
@@ -114,10 +102,8 @@ declare class PublicBeamServer<TEnv extends object> extends RpcTarget {
     private env;
     private request;
     private actions;
-    private modals;
-    private drawers;
     private auth;
-    constructor(secret: string, sessionConfig: SessionConfig<TEnv> | undefined, env: TEnv, request: Request, actions: Record<string, ActionHandler<TEnv>>, modals: Record<string, ModalHandler<TEnv>>, drawers: Record<string, DrawerHandler<TEnv>>, auth: ((request: Request, env: TEnv) => Promise<import('./types').BeamUser | null>) | undefined);
+    constructor(secret: string, sessionConfig: SessionConfig<TEnv> | undefined, env: TEnv, request: Request, actions: Record<string, ActionHandler<TEnv>>, auth: ((request: Request, env: TEnv) => Promise<import('./types').BeamUser | null>) | undefined);
     /**
      * Authenticate with a token and return the authenticated API
      * This is the only method available on the public API

package/dist/createBeam.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createBeam.d.ts","sourceRoot":"","sources":["../src/createBeam.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"createBeam.d.ts","sourceRoot":"","sources":["../src/createBeam.ts"],"names":[],"mappings":"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"}

package/dist/createBeam.js

@@ -152,29 +152,81 @@ function parseSessionDataFromRequest(request) {
     }
 }
 /**
- * Create a BeamContext with script() and render() helpers
+ * Helper to convert JSX/Promise/string to HTML string.
+ * Handles HonoX HtmlEscapedString, Promises, and plain strings.
+ *
+ * HonoX async components have `.toString()` that returns a Promise<string>.
+ * We need to await that result as well.
+ */
+async function toHtml(content) {
+    // First, await if content itself is a Promise
+    const resolved = await content;
+    // Plain string - return as-is
+    if (typeof resolved === 'string')
+        return resolved;
+    // Null/undefined - return empty string
+    if (resolved == null)
+        return '';
+    // HtmlEscapedString or JSX element - call toString()
+    // For async components, toString() returns a Promise<string>
+    const maybeStringable = resolved;
+    if (typeof maybeStringable.toString === 'function') {
+        const str = await maybeStringable.toString();
+        // Ensure it's a plain string
+        return '' + str;
+    }
+    // Fallback
+    return '' + resolved;
+}
+/**
+ * Create a BeamContext with script(), render(), modal(), drawer() helpers
  */
 function createBeamContext(base) {
     return {
         ...base,
         script: (code) => ({ script: code }),
-        render: (html, options) => {
-            if (html instanceof Promise) {
-                return html.then((resolved) => ({
-                    html: resolved,
-                    script: options?.script,
-                    target: options?.target,
-                    swap: options?.swap,
-                }));
-            }
-            return {
-                html,
-                script: options?.script,
-                target: options?.target,
-                swap: options?.swap,
+        render: (content, options) => {
+            // Helper to build response without undefined values
+            const buildResponse = (html) => {
+                const response = { html };
+                if (options?.script)
+                    response.script = options.script;
+                if (options?.target)
+                    response.target = options.target;
+                if (options?.swap)
+                    response.swap = options.swap;
+                return response;
             };
+            // Handle array of JSX/strings for multi-target rendering
+            if (Array.isArray(content)) {
+                return Promise.all(content.map(toHtml)).then(buildResponse);
+            }
+            // Single content - always convert via toHtml to handle HtmlEscapedString
+            return toHtml(content).then(buildResponse);
         },
         redirect: (url) => ({ redirect: url }),
+        modal: (html, options) => {
+            return toHtml(html).then((resolved) => {
+                const modalObj = { html: resolved };
+                if (options?.size)
+                    modalObj.size = options.size;
+                if (options?.spacing !== undefined)
+                    modalObj.spacing = options.spacing;
+                return { modal: modalObj };
+            });
+        },
+        drawer: (html, options) => {
+            return toHtml(html).then((resolved) => {
+                const drawerObj = { html: resolved };
+                if (options?.position)
+                    drawerObj.position = options.position;
+                if (options?.size)
+                    drawerObj.size = options.size;
+                if (options?.spacing !== undefined)
+                    drawerObj.spacing = options.spacing;
+                return { drawer: drawerObj };
+            });
+        },
     };
 }
 /**
@@ -189,14 +241,10 @@ function createBeamContext(base) {
 class BeamServer extends RpcTarget {
     ctx;
     actions;
-    modals;
-    drawers;
-    constructor(ctx, actions, modals, drawers) {
+    constructor(ctx, actions) {
         super();
         this.ctx = ctx;
         this.actions = actions;
-        this.modals = modals;
-        this.drawers = drawers;
     }
     /**
      * Call an action handler
@@ -213,26 +261,6 @@ class BeamServer extends RpcTarget {
         }
         return result;
     }
-    /**
-     * Open a modal
-     */
-    async modal(modalId, data = {}) {
-        const handler = this.modals[modalId];
-        if (!handler) {
-            throw new Error(`Unknown modal: ${modalId}`);
-        }
-        return await handler(this.ctx, data);
-    }
-    /**
-     * Open a drawer
-     */
-    async drawer(drawerId, data = {}) {
-        const handler = this.drawers[drawerId];
-        if (!handler) {
-            throw new Error(`Unknown drawer: ${drawerId}`);
-        }
-        return await handler(this.ctx, data);
-    }
     /**
      * Register a client callback for server-initiated updates
      * This enables bidirectional communication - server can push to client
@@ -253,7 +281,7 @@ class BeamServer extends RpcTarget {
     }
 }
 /**
- * Creates a Beam instance configured with actions, modals, and drawers.
+ * Creates a Beam instance configured with actions.
  * Uses capnweb for RPC, enabling promise pipelining and bidirectional calls.
  *
  * @example
@@ -263,9 +291,7 @@ class BeamServer extends RpcTarget {
  * import type { Env } from './types'
  *
  * export const beam = createBeam<Env>({
- *   actions: { createProduct, deleteProduct },
- *   modals: { confirmDelete },
- *   drawers: { productDetails }
+ *   actions: { createProduct, deleteProduct, confirmDelete }
  * })
  *
  * // app/server.ts
@@ -277,14 +303,12 @@ class BeamServer extends RpcTarget {
  * ```
  */
 export function createBeam(config) {
-    const { actions, modals, drawers = {}, auth, session: sessionConfig } = config;
+    const { actions, auth, session: sessionConfig } = config;
     // Session defaults
     const cookieName = sessionConfig?.cookieName ?? 'beam_sid';
     const maxAge = sessionConfig?.maxAge ?? 365 * 24 * 60 * 60; // 1 year
     return {
         actions,
-        modals,
-        drawers,
         auth,
         /**
          * Middleware that resolves auth, session, and sets beam context in Hono.
@@ -468,7 +492,7 @@ export function createBeam(config) {
                     return c.text('Session secret is required for secure WebSocket connections', 500);
                 }
                 // Create PublicBeamServer - client must authenticate to get full API
-                const server = new PublicBeamServer(secret, sessionConfig, c.env, c.req.raw, actions, modals, drawers, auth);
+                const server = new PublicBeamServer(secret, sessionConfig, c.env, c.req.raw, actions, auth);
                 // Use capnweb to handle the RPC connection
                 return newWorkersRpcResponse(c.req.raw, server);
             });
@@ -489,18 +513,14 @@ class PublicBeamServer extends RpcTarget {
     env;
     request;
     actions;
-    modals;
-    drawers;
     auth;
-    constructor(secret, sessionConfig, env, request, actions, modals, drawers, auth) {
+    constructor(secret, sessionConfig, env, request, actions, auth) {
         super();
         this.secret = secret;
         this.sessionConfig = sessionConfig;
         this.env = env;
         this.request = request;
         this.actions = actions;
-        this.modals = modals;
-        this.drawers = drawers;
         this.auth = auth;
     }
     /**
@@ -546,7 +566,7 @@ class PublicBeamServer extends RpcTarget {
             session,
         });
         // Return the authenticated BeamServer
-        return new BeamServer(ctx, this.actions, this.modals, this.drawers);
+        return new BeamServer(ctx, this.actions);
     }
 }
 /**

package/dist/index.d.ts

@@ -1,7 +1,5 @@
 export { createBeam, KVSession, CookieSession, beamTokenMeta } from './createBeam';
 export { render } from './render';
-export { ModalFrame } from './ModalFrame';
-export { DrawerFrame } from './DrawerFrame';
-export { collectActions, collectModals, collectDrawers, collectHandlers, } from './collect';
-export type { ActionHandler, ModalHandler, DrawerHandler, BeamConfig, BeamInstance, BeamInitOptions, BeamUser, BeamContext, BeamVariables, AuthResolver, BeamSession, SessionConfig, SessionStorageFactory, AuthTokenPayload, } from './types';
+export { collectActions, } from './collect';
+export type { ActionHandler, ActionResponse, ModalOptions, DrawerOptions, BeamConfig, BeamInstance, BeamInitOptions, BeamUser, BeamContext, BeamVariables, AuthResolver, BeamSession, SessionConfig, SessionStorageFactory, AuthTokenPayload, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,OAAO,EACL,cAAc,EACd,aAAa,EACb,cAAc,EACd,eAAe,GAChB,MAAM,WAAW,CAAA;AAGlB,YAAY,EACV,aAAa,EACb,YAAY,EACZ,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAClF,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,OAAO,EACL,cAAc,GACf,MAAM,WAAW,CAAA;AAGlB,YAAY,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,aAAa,EACb,UAAU,EACV,YAAY,EACZ,eAAe,EACf,QAAQ,EACR,WAAW,EACX,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,qBAAqB,EACrB,gBAAgB,GACjB,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -1,7 +1,5 @@
 // Main server-side exports for @benqoder/beam
 export { createBeam, KVSession, CookieSession, beamTokenMeta } from './createBeam';
 export { render } from './render';
-export { ModalFrame } from './ModalFrame';
-export { DrawerFrame } from './DrawerFrame';
 // Auto-discovery utilities
-export { collectActions, collectModals, collectDrawers, collectHandlers, } from './collect';
+export { collectActions, } from './collect';

package/dist/types.d.ts

@@ -43,16 +43,38 @@ export interface BeamContext<TEnv = object> {
      */
     script(code: string): ActionResponse;
     /**
-     * Return HTML with optional script to execute
+     * Return HTML with optional script to execute.
+     * Accepts JSX directly (converts to string), single string, or array for multi-target rendering.
      * @example ctx.render(<ProductList />, { script: 'playSound("ding")' })
+     * @example ctx.render([<StatsWidget />, <NotificationList />], { target: '#stats, #notifications' })
+     * @example ctx.render([<div id="stats">...</div>, <div id="notifications">...</div>]) // auto-detects targets by ID
      */
-    render(html: string | Promise<string>, options?: RenderOptions): ActionResponse | Promise<ActionResponse>;
+    render(content: string | Promise<string> | (string | Promise<string>)[], options?: RenderOptions): ActionResponse | Promise<ActionResponse>;
     /**
      * Redirect the client to a new URL
      * @example ctx.redirect('/dashboard')
      * @example ctx.redirect('https://example.com')
      */
     redirect(url: string): ActionResponse;
+    /**
+     * Open a modal with HTML content
+     * @example ctx.modal(render(<MyModal />))
+     * @example ctx.modal(render(<MyModal />), { size: 'large', spacing: 20 })
+     */
+    modal(html: string | Promise<string>, options?: {
+        size?: string;
+        spacing?: number;
+    }): ActionResponse | Promise<ActionResponse>;
+    /**
+     * Open a drawer with HTML content
+     * @example ctx.drawer(render(<MyDrawer />))
+     * @example ctx.drawer(render(<MyDrawer />), { position: 'left', size: 'large', spacing: 20 })
+     */
+    drawer(html: string | Promise<string>, options?: {
+        position?: string;
+        size?: string;
+        spacing?: number;
+    }): ActionResponse | Promise<ActionResponse>;
 }
 /**
  * Auth resolver function - user provides this to extract user from request
@@ -77,33 +99,46 @@ export interface AuthTokenConfig {
     /** Token lifetime in milliseconds (default: 5 minutes) */
     tokenLifetime?: number;
 }
+/**
+ * Modal options for ActionResponse
+ */
+export interface ModalOptions {
+    html: string;
+    size?: string;
+    spacing?: number;
+}
+/**
+ * Drawer options for ActionResponse
+ */
+export interface DrawerOptions {
+    html: string;
+    position?: string;
+    size?: string;
+    spacing?: number;
+}
 /**
  * Response type for actions - can include HTML and/or script to execute
  */
 export interface ActionResponse {
-    /** HTML to render (optional) */
-    html?: string;
+    /** HTML to render (optional) - single string or array of HTML strings for multi-target rendering */
+    html?: string | string[];
     /** JavaScript to execute on client (optional) */
     script?: string;
     /** URL to redirect to (optional) */
     redirect?: string;
-    /** CSS selector for target element (optional - overrides frontend target) */
+    /** CSS selector for target element (optional - overrides frontend target). Can be comma-separated for array html: "#a, #b, #c" */
     target?: string;
     /** Swap mode: 'morph' | 'replace' | 'append' | 'prepend' | 'delete' (optional) */
     swap?: string;
+    /** Open a modal with HTML content */
+    modal?: string | ModalOptions;
+    /** Open a drawer with HTML content */
+    drawer?: string | DrawerOptions;
 }
 /**
  * Type for action handlers - receives context and data, returns ActionResponse
  */
 export type ActionHandler<TEnv = object> = (ctx: BeamContext<TEnv>, data: Record<string, unknown>) => Promise<ActionResponse> | ActionResponse;
-/**
- * Type for modal handlers - receives context and params, returns HTML string
- */
-export type ModalHandler<TEnv = object> = (ctx: BeamContext<TEnv>, params: Record<string, unknown>) => Promise<string>;
-/**
- * Type for drawer handlers - receives context and params, returns HTML string
- */
-export type DrawerHandler<TEnv = object> = (ctx: BeamContext<TEnv>, params: Record<string, unknown>) => Promise<string>;
 /**
  * Factory function to create a session storage adapter.
  * Called with the session ID and environment, returns a BeamSession implementation.
@@ -136,8 +171,6 @@ export interface SessionConfig<TEnv = object> {
  */
 export interface BeamConfig<TEnv = object> {
     actions: Record<string, ActionHandler<TEnv>>;
-    modals: Record<string, ModalHandler<TEnv>>;
-    drawers?: Record<string, DrawerHandler<TEnv>>;
     auth?: AuthResolver<TEnv>;
     /** Session config - default uses cookie storage, or provide storageFactory for custom storage */
     session?: SessionConfig<TEnv>;
@@ -163,8 +196,6 @@ export interface BeamVariables<TEnv = object> {
  */
 export interface BeamInstance<TEnv extends object = object> {
     actions: Record<string, ActionHandler<TEnv>>;
-    modals: Record<string, ModalHandler<TEnv>>;
-    drawers: Record<string, DrawerHandler<TEnv>>;
     /** Auth resolver (if provided) */
     auth: AuthResolver<TEnv> | undefined;
     /** Init function for HonoX createApp({ init(app) { beam.init(app, options) } }) */

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/vite.d.ts

@@ -5,16 +5,6 @@ export interface BeamPluginOptions {
      * @default '/app/actions/*.tsx'
      */
     actions?: string;
-    /**
-     * Glob pattern for modal handlers (must start with '/' for virtual modules)
-     * @default '/app/modals/*.tsx'
-     */
-    modals?: string;
-    /**
-     * Glob pattern for drawer handlers (must start with '/' for virtual modules)
-     * @default '/app/drawers/*.tsx'
-     */
-    drawers?: string;
     /**
      * Path to auth resolver module (must export default AuthResolver function)
      * @example '/app/auth.ts'
@@ -55,8 +45,6 @@ export interface BeamPluginOptions {
  *   plugins: [
  *     beamPlugin({
  *       actions: '/app/actions/*.tsx',
- *       modals: '/app/modals/*.tsx',
- *       drawers: '/app/drawers/*.tsx',
  *     })
  *   ]
  * })

package/dist/vite.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG;QAClB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,wFAAwF;QACxF,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;CACF;AAKD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAgElE;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"vite.d.ts","sourceRoot":"","sources":["../src/vite.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,MAAM,CAAA;AAElC,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;;;;;;OAcG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG;QAClB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,wFAAwF;QACxF,OAAO,CAAC,EAAE,MAAM,CAAA;KACjB,CAAA;CACF;AAKD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,MAAM,CA0DlE;AAED,eAAe,UAAU,CAAA"}

package/dist/vite.js

@@ -12,8 +12,6 @@ const RESOLVED_VIRTUAL_MODULE_ID = '\0' + VIRTUAL_MODULE_ID;
  *   plugins: [
  *     beamPlugin({
  *       actions: '/app/actions/*.tsx',
- *       modals: '/app/modals/*.tsx',
- *       drawers: '/app/drawers/*.tsx',
  *     })
  *   ]
  * })
@@ -25,7 +23,7 @@ const RESOLVED_VIRTUAL_MODULE_ID = '\0' + VIRTUAL_MODULE_ID;
  * ```
  */
 export function beamPlugin(options = {}) {
-    const { actions = '/app/actions/*.tsx', modals = '/app/modals/*.tsx', drawers = '/app/drawers/*.tsx', auth, session, } = options;
+    const { actions = '/app/actions/*.tsx', auth, session, } = options;
     return {
         name: 'beam-plugin',
         resolveId(id) {
@@ -60,17 +58,13 @@ export function beamPlugin(options = {}) {
                 }
                 // Generate plain JavaScript - TypeScript types are handled via virtual-beam.d.ts
                 return `
-import { createBeam, collectHandlers } from '@benqoder/beam'
+import { createBeam, collectActions } from '@benqoder/beam'
 ${authImport}
 ${storageImport}
 
-const { actions, modals, drawers } = collectHandlers({
-  actions: import.meta.glob('${actions}', { eager: true }),
-  modals: import.meta.glob('${modals}', { eager: true }),
-  drawers: import.meta.glob('${drawers}', { eager: true }),
-})
+const actions = collectActions(import.meta.glob('${actions}', { eager: true }))
 
-export const beam = createBeam({ actions, modals, drawers${authConfig}${sessionConfig} })
+export const beam = createBeam({ actions${authConfig}${sessionConfig} })
 `;
             }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@benqoder/beam",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "type": "module",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",

package/src/beam.css

@@ -127,6 +127,7 @@
   transform: scale(0.95);
   opacity: 0;
   transition: transform 200ms ease-out, opacity 200ms ease-out;
+  padding: 15px;
 }
 
 #modal-backdrop.open #modal-content {
@@ -175,6 +176,7 @@
   max-height: 100vh;
   overflow: auto;
   transition: transform 200ms ease-out;
+  padding: 15px;
 }
 
 /* Drawer positions */

package/dist/DrawerFrame.d.ts

@@ -1,16 +0,0 @@
-import type { Child } from 'hono/jsx';
-type Props = {
-    title: string;
-    children: Child;
-};
-/**
- * Reusable drawer wrapper component.
- * Provides consistent header with title and close button.
- *
- * Note: The position (left/right) and size (small/medium/large) are
- * controlled by the client via beam-position and beam-size attributes
- * on the trigger element.
- */
-export declare function DrawerFrame({ title, children }: Props): import("hono/jsx/jsx-dev-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=DrawerFrame.d.ts.map

package/dist/DrawerFrame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DrawerFrame.d.ts","sourceRoot":"","sources":["../src/DrawerFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAA;CAChB,CAAA;AAED;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,kDAcrD"}

package/dist/DrawerFrame.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-/**
- * Reusable drawer wrapper component.
- * Provides consistent header with title and close button.
- *
- * Note: The position (left/right) and size (small/medium/large) are
- * controlled by the client via beam-position and beam-size attributes
- * on the trigger element.
- */
-export function DrawerFrame({ title, children }) {
-    return (_jsxs(_Fragment, { children: [_jsxs("header", { class: "drawer-header", children: [_jsx("h2", { children: title }), _jsx("button", { type: "button", "beam-close": true, "aria-label": "Close", class: "drawer-close", children: "\u00D7" })] }), _jsx("div", { class: "drawer-body", children: children })] }));
-}

package/dist/ModalFrame.d.ts

@@ -1,12 +0,0 @@
-import type { Child } from 'hono/jsx';
-type Props = {
-    title: string;
-    children: Child;
-};
-/**
- * Reusable modal wrapper component.
- * Provides consistent header with title and close button.
- */
-export declare function ModalFrame({ title, children }: Props): import("hono/jsx/jsx-dev-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=ModalFrame.d.ts.map

package/dist/ModalFrame.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalFrame.d.ts","sourceRoot":"","sources":["../src/ModalFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAErC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAA;CAChB,CAAA;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,KAAK,kDAcpD"}

package/dist/ModalFrame.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "hono/jsx/jsx-runtime";
-/**
- * Reusable modal wrapper component.
- * Provides consistent header with title and close button.
- */
-export function ModalFrame({ title, children }) {
-    return (_jsxs(_Fragment, { children: [_jsxs("header", { class: "modal-header", children: [_jsx("h2", { children: title }), _jsx("button", { type: "button", "beam-close": true, "aria-label": "Close", class: "modal-close", children: "\u00D7" })] }), _jsx("div", { class: "modal-body", children: children })] }));
-}