@benqoder/beam 0.1.3 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@benqoder/beam",
-  "version": "0.1.3",
+  "version": "0.3.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 })] }));
-}