snice 2.3.0 → 2.4.0

package/README.md

@@ -538,13 +538,12 @@ class AdminPage extends HTMLElement {
 }
 
 // Guard that uses route params to check resource-specific permissions
-const canEditUser: Guard<AppContext> = async (ctx, params) => {
+const canEditUser: Guard<AppContext> = (ctx, params) => {
   const user = ctx.getUser();
   if (!user) return false;
-  
+
   // params.id comes from route '/users/:id/edit'
-  const response = await fetch(`/api/permissions/users/${params.id}/can-edit`);
-  return response.ok;
+  return ctx.hasPermission('users.edit', params.id);
 };
 
 // Guard that checks ownership
@@ -1028,6 +1027,79 @@ renderSearchResults() { /* ... */ }
 
 The `@part` decorator is ideal when you have components with multiple independent sections that update at different frequencies or from different data sources.
 
+## Lifecycle Callbacks
+
+Snice provides decorators for advanced DOM lifecycle events that go beyond basic connected/disconnected callbacks:
+
+### @moved Decorator
+
+The `@moved` decorator runs methods when an element is moved within the DOM using `Element.moveBefore()`. This is useful for handling position changes without full disconnection/reconnection:
+
+```typescript
+@element('my-element')
+class MyElement extends HTMLElement {
+  @moved()
+  onElementMoved() {
+    console.log('Element moved to new position');
+    this.updatePosition();
+  }
+
+  // With timing options
+  @moved({ debounce: 100 })
+  onMovedDebounced() {
+    // Only called once after moves stop for 100ms
+    this.recalculateLayout();
+  }
+
+  @moved({ throttle: 500 })
+  onMovedThrottled() {
+    // Called at most once every 500ms during rapid moves
+    this.optimizePerformance();
+  }
+}
+```
+
+### @adopted Decorator
+
+The `@adopted` decorator runs methods when an element is moved to a new document (like iframes or document fragments):
+
+```typescript
+@element('portable-element')
+class PortableElement extends HTMLElement {
+  @adopted()
+  onAdoptedToNewDocument() {
+    console.log('Element moved to new document');
+    this.updateDocumentReferences();
+  }
+
+  // With timing options
+  @adopted({ debounce: 200 })
+  onAdoptedDebounced() {
+    // Debounced for performance during rapid document moves
+    this.reinitializeForNewContext();
+  }
+}
+```
+
+### Timing Options
+
+Both decorators support the same timing options as `@part`:
+
+- **`debounce`** - Delays execution until after calls stop for the specified milliseconds
+- **`throttle`** - Limits execution to once per specified milliseconds
+
+```typescript
+// Examples of timing control
+@moved({ debounce: 150 })    // Wait 150ms after moves stop
+@adopted({ throttle: 300 })  // Maximum once per 300ms
+```
+
+These lifecycle callbacks are perfect for:
+- **Performance optimization** during rapid DOM changes
+- **Layout recalculation** when elements move
+- **Context updates** when elements move between documents
+- **Resource cleanup/setup** during document adoption
+
 ## Documentation
 
 - [Elements API](./docs/elements.md) - Complete guide to creating elements with properties, queries, and styling

package/bin/templates/base/src/main.ts

@@ -1,6 +1,9 @@
 import { initialize } from './router';
 import './styles/global.css';
 
+// Import a layout
+import 'snice/components/layout/snice-layout';
+
 // Import components
 import './components/counter-button';
 

package/bin/templates/base/src/pages/about-page.ts

@@ -1,6 +1,15 @@
 import { page } from '../router';
+import type { Placard } from 'snice';
 
-@page({ tag: 'about-page', routes: ['/about'] })
+const placard: Placard = {
+  name: 'about',
+  title: 'About',
+  icon: 'ℹ️',
+  show: true,
+  order: 2
+};
+
+@page({ tag: 'about-page', routes: ['/about'], placard })
 export class AboutPage extends HTMLElement {
   html() {
     return /*html*/`

package/bin/templates/base/src/pages/home-page.ts

@@ -1,6 +1,15 @@
 import { page } from '../router';
+import type { Placard } from 'snice';
 
-@page({ tag: 'home-page', routes: ['/'] })
+const placard: Placard = {
+  name: 'home',
+  title: 'Home',
+  icon: '🏠',
+  show: true,
+  order: 1
+};
+
+@page({ tag: 'home-page', routes: ['/'], placard })
 export class HomePage extends HTMLElement {
   html() {
     return /*html*/`

package/bin/templates/base/src/router.ts

@@ -1,8 +1,9 @@
 import { Router } from 'snice';
 
-const { page, initialize, navigate } = Router({ 
-  target: '#app', 
+const { page, initialize, navigate } = Router({
+  target: '#app',
   type: 'hash',
+  layout: 'snice-layout',
   transition: {
     mode: 'simultaneous',
     outDuration: 200,

package/dist/components/drawer/snice-drawer.d.ts

@@ -9,6 +9,7 @@ export declare class SniceDrawer extends HTMLElement implements SniceDrawerEleme
     noFocusTrap: boolean;
     persistent: boolean;
     pushContent: boolean;
+    contained: boolean;
     drawerElement?: HTMLElement;
     backdropElement?: HTMLElement;
     closeButton?: HTMLButtonElement;
@@ -19,6 +20,7 @@ export declare class SniceDrawer extends HTMLElement implements SniceDrawerEleme
     html(): string;
     css(): string;
     init(): void;
+    private _isHandlingOpenChange;
     handleOpenChange(): void;
     handleBackdropClick(e: MouseEvent): void;
     handleCloseClick(e: MouseEvent): void;
@@ -28,6 +30,8 @@ export declare class SniceDrawer extends HTMLElement implements SniceDrawerEleme
     private handleClose;
     private updatePushContent;
     private getFocusableElements;
+    private _lastEventType;
+    private _lastEventTime;
     private dispatchOpenEvent;
     private dispatchCloseEvent;
     cleanup(): void;

package/dist/components/drawer/snice-drawer.js

@@ -1,7 +1,7 @@
 import { __runInitializers, __esDecorate } from 'tslib';
-import { element, property, query, ready, watch, on, dispatch, dispose } from 'snice';
+import { element, property, query, ready, watch, on, dispose } from 'snice';
 
-var css = ":host {\n  --drawer-width-small: 15rem; /* 240px */\n  --drawer-width-medium: 20rem; /* 320px */\n  --drawer-width-large: 30rem; /* 480px */\n  --drawer-width-xl: 40rem; /* 640px */\n  --drawer-width-xxl: 50rem; /* 800px */\n  --drawer-width-xxxl: 60rem; /* 960px */\n  --drawer-height-small: 12.5rem; /* 200px */\n  --drawer-height-medium: 25rem; /* 400px */\n  --drawer-height-large: 37.5rem; /* 600px */\n  --drawer-height-xl: 70vh;\n  --drawer-height-xxl: 80vh;\n  --drawer-height-xxxl: 90vh;\n  --drawer-bg: white;\n  --drawer-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n  --drawer-backdrop: rgba(0, 0, 0, 0.5);\n  --drawer-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  --drawer-z-index: 1000;\n  \n  display: block;\n}\n\n.drawer-backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--drawer-backdrop);\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n  z-index: var(--drawer-z-index);\n  pointer-events: none;\n  visibility: hidden;\n}\n\n:host([open]) .drawer-backdrop {\n  opacity: 1;\n  pointer-events: auto;\n  visibility: visible;\n}\n\n:host([no-backdrop]) .drawer-backdrop {\n  display: none;\n}\n\n.drawer {\n  position: fixed;\n  background: var(--drawer-bg);\n  box-shadow: var(--drawer-shadow);\n  transition: var(--drawer-transition);\n  z-index: calc(var(--drawer-z-index) + 1);\n  display: flex;\n  flex-direction: column;\n  outline: none;\n  overflow: hidden;\n  visibility: hidden;\n}\n\n:host([open]) .drawer {\n  visibility: visible;\n}\n\n/* Default styles when no position attribute (defaults to left) */\n:host(:not([position])) .drawer {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: var(--drawer-width-medium);\n  transform: translateX(-100%);\n}\n\n:host(:not([position])[open]) .drawer {\n  transform: translateX(0);\n}\n\n/* Position: Left */\n:host([position=\"left\"]) .drawer {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: var(--drawer-width-medium); /* Default width */\n  transform: translateX(-100%);\n}\n\n:host([position=\"left\"][size=\"small\"]) .drawer {\n  width: var(--drawer-width-small);\n}\n\n:host([position=\"left\"][size=\"medium\"]) .drawer {\n  width: var(--drawer-width-medium);\n}\n\n:host([position=\"left\"][size=\"large\"]) .drawer {\n  width: var(--drawer-width-large);\n}\n\n:host([position=\"left\"][size=\"xl\"]) .drawer {\n  width: var(--drawer-width-xl);\n}\n\n:host([position=\"left\"][size=\"xxl\"]) .drawer {\n  width: var(--drawer-width-xxl);\n}\n\n:host([position=\"left\"][size=\"xxxl\"]) .drawer {\n  width: var(--drawer-width-xxxl);\n}\n\n:host([position=\"left\"][size=\"full\"]) .drawer {\n  width: 100%;\n}\n\n:host([position=\"left\"][open]) .drawer {\n  transform: translateX(0);\n}\n\n/* Position: Right */\n:host([position=\"right\"]) .drawer {\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: var(--drawer-width-medium); /* Default width */\n  transform: translateX(100%);\n}\n\n:host([position=\"right\"][size=\"small\"]) .drawer {\n  width: var(--drawer-width-small);\n}\n\n:host([position=\"right\"][size=\"medium\"]) .drawer {\n  width: var(--drawer-width-medium);\n}\n\n:host([position=\"right\"][size=\"large\"]) .drawer {\n  width: var(--drawer-width-large);\n}\n\n:host([position=\"right\"][size=\"xl\"]) .drawer {\n  width: var(--drawer-width-xl);\n}\n\n:host([position=\"right\"][size=\"xxl\"]) .drawer {\n  width: var(--drawer-width-xxl);\n}\n\n:host([position=\"right\"][size=\"xxxl\"]) .drawer {\n  width: var(--drawer-width-xxxl);\n}\n\n:host([position=\"right\"][size=\"full\"]) .drawer {\n  width: 100%;\n}\n\n:host([position=\"right\"][open]) .drawer {\n  transform: translateX(0);\n}\n\n/* Position: Top */\n:host([position=\"top\"]) .drawer {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: var(--drawer-height-medium); /* Default height */\n  transform: translateY(-100%);\n}\n\n:host([position=\"top\"][size=\"small\"]) .drawer {\n  height: var(--drawer-height-small);\n}\n\n:host([position=\"top\"][size=\"medium\"]) .drawer {\n  height: var(--drawer-height-medium);\n}\n\n:host([position=\"top\"][size=\"large\"]) .drawer {\n  height: var(--drawer-height-large);\n}\n\n:host([position=\"top\"][size=\"xl\"]) .drawer {\n  height: var(--drawer-height-xl);\n}\n\n:host([position=\"top\"][size=\"xxl\"]) .drawer {\n  height: var(--drawer-height-xxl);\n}\n\n:host([position=\"top\"][size=\"xxxl\"]) .drawer {\n  height: var(--drawer-height-xxxl);\n}\n\n:host([position=\"top\"][size=\"full\"]) .drawer {\n  height: 100%;\n}\n\n:host([position=\"top\"][open]) .drawer {\n  transform: translateY(0);\n}\n\n/* Position: Bottom */\n:host([position=\"bottom\"]) .drawer {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--drawer-height-medium); /* Default height */\n  transform: translateY(100%);\n}\n\n:host([position=\"bottom\"][size=\"small\"]) .drawer {\n  height: var(--drawer-height-small);\n}\n\n:host([position=\"bottom\"][size=\"medium\"]) .drawer {\n  height: var(--drawer-height-medium);\n}\n\n:host([position=\"bottom\"][size=\"large\"]) .drawer {\n  height: var(--drawer-height-large);\n}\n\n:host([position=\"bottom\"][size=\"xl\"]) .drawer {\n  height: var(--drawer-height-xl);\n}\n\n:host([position=\"bottom\"][size=\"xxl\"]) .drawer {\n  height: var(--drawer-height-xxl);\n}\n\n:host([position=\"bottom\"][size=\"xxxl\"]) .drawer {\n  height: var(--drawer-height-xxxl);\n}\n\n:host([position=\"bottom\"][size=\"full\"]) .drawer {\n  height: 100%;\n}\n\n:host([position=\"bottom\"][open]) .drawer {\n  transform: translateY(0);\n}\n\n/* Drawer Header */\n.drawer-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1rem 1.25rem; /* 16px 20px */\n  border-bottom: 1px solid #e5e7eb;\n  flex-shrink: 0;\n}\n\n.drawer-header:has(.drawer-title:empty):not(:has(.drawer-close)) {\n  display: none;\n}\n\n.drawer-title {\n  font-size: 1.125rem; /* 18px */\n  font-weight: 600;\n  margin: 0;\n  color: #111827;\n}\n\n.drawer-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 2rem; /* 32px */\n  height: 2rem; /* 32px */\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  color: #6b7280;\n  transition: all 0.2s;\n}\n\n.drawer-close:hover {\n  background: #f3f4f6;\n  color: #111827;\n}\n\n.drawer-close:focus-visible {\n  outline: 2px solid #3b82f6;\n  outline-offset: 2px;\n}\n\n/* Drawer Body */\n.drawer-body {\n  flex: 1;\n  padding: 1.25rem; /* 20px */\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* Drawer Footer */\n.drawer-footer {\n  padding: 1rem 1.25rem; /* 16px 20px */\n  border-top: 1px solid #e5e7eb;\n  flex-shrink: 0;\n}\n\n.drawer-footer:empty {\n  display: none;\n}\n\n/* Animations */\n@media (prefers-reduced-motion: reduce) {\n  .drawer,\n  .drawer-backdrop {\n    transition: none;\n  }\n}\n\n/* Responsive */\n@media (max-width: 640px) {\n  :host([position=\"left\"][size=\"medium\"]) .drawer,\n  :host([position=\"left\"][size=\"large\"]) .drawer,\n  :host([position=\"left\"][size=\"xl\"]) .drawer,\n  :host([position=\"left\"][size=\"xxl\"]) .drawer,\n  :host([position=\"left\"][size=\"xxxl\"]) .drawer,\n  :host([position=\"right\"][size=\"medium\"]) .drawer,\n  :host([position=\"right\"][size=\"large\"]) .drawer,\n  :host([position=\"right\"][size=\"xl\"]) .drawer,\n  :host([position=\"right\"][size=\"xxl\"]) .drawer,\n  :host([position=\"right\"][size=\"xxxl\"]) .drawer {\n    width: calc(100% - 2.5rem); /* 40px */\n  }\n}\n\n/* Focus trap styles */\n.focus-trap-start,\n.focus-trap-end {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* Push content mode */\n:host([push-content]) {\n  --drawer-push-amount: 0px;\n}\n\n/* Left position push amounts */\n:host([push-content][position=\"left\"][open][size=\"small\"]) {\n  --drawer-push-amount: var(--drawer-width-small);\n}\n\n:host([push-content][position=\"left\"][open][size=\"medium\"]) {\n  --drawer-push-amount: var(--drawer-width-medium);\n}\n\n:host([push-content][position=\"left\"][open][size=\"large\"]) {\n  --drawer-push-amount: var(--drawer-width-large);\n}\n\n:host([push-content][position=\"left\"][open][size=\"xl\"]) {\n  --drawer-push-amount: var(--drawer-width-xl);\n}\n\n:host([push-content][position=\"left\"][open][size=\"xxl\"]) {\n  --drawer-push-amount: var(--drawer-width-xxl);\n}\n\n:host([push-content][position=\"left\"][open][size=\"xxxl\"]) {\n  --drawer-push-amount: var(--drawer-width-xxxl);\n}\n\n:host([push-content][position=\"left\"][open][size=\"full\"]) {\n  --drawer-push-amount: 100vw;\n}\n\n/* Also handle when no size is specified (defaults to medium) */\n:host([push-content][position=\"left\"][open]:not([size])) {\n  --drawer-push-amount: var(--drawer-width-medium);\n}\n\n/* Right position push amounts */\n:host([push-content][position=\"right\"][open][size=\"small\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-small));\n}\n\n:host([push-content][position=\"right\"][open][size=\"medium\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\n}\n\n:host([push-content][position=\"right\"][open][size=\"large\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-large));\n}\n\n:host([push-content][position=\"right\"][open][size=\"xl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xl));\n}\n\n:host([push-content][position=\"right\"][open][size=\"xxl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxl));\n}\n\n:host([push-content][position=\"right\"][open][size=\"xxxl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxxl));\n}\n\n:host([push-content][position=\"right\"][open][size=\"full\"]) {\n  --drawer-push-amount: -100vw;\n}\n\n:host([push-content][position=\"right\"][open]:not([size])) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\n}\n\n/* Top position push amounts */\n:host([push-content][position=\"top\"][open][size=\"small\"]) {\n  --drawer-push-amount: var(--drawer-height-small);\n}\n\n:host([push-content][position=\"top\"][open][size=\"medium\"]) {\n  --drawer-push-amount: var(--drawer-height-medium);\n}\n\n:host([push-content][position=\"top\"][open][size=\"large\"]) {\n  --drawer-push-amount: var(--drawer-height-large);\n}\n\n:host([push-content][position=\"top\"][open][size=\"xl\"]) {\n  --drawer-push-amount: var(--drawer-height-xl);\n}\n\n:host([push-content][position=\"top\"][open][size=\"xxl\"]) {\n  --drawer-push-amount: var(--drawer-height-xxl);\n}\n\n:host([push-content][position=\"top\"][open][size=\"xxxl\"]) {\n  --drawer-push-amount: var(--drawer-height-xxxl);\n}\n\n:host([push-content][position=\"top\"][open][size=\"full\"]) {\n  --drawer-push-amount: 100vh;\n}\n\n:host([push-content][position=\"top\"][open]:not([size])) {\n  --drawer-push-amount: var(--drawer-height-medium);\n}\n\n/* Bottom position push amounts */\n:host([push-content][position=\"bottom\"][open][size=\"small\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-small));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"medium\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"large\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-large));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"xl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xl));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"xxl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxl));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"xxxl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxxl));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"full\"]) {\n  --drawer-push-amount: -100vh;\n}\n\n:host([push-content][position=\"bottom\"][open]:not([size])) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\n}";
+var css = ":host {\n  /* Drawer sizes with theme integration and rem units */\n  --drawer-width-small: var(--snice-size-drawer-small, 15rem); /* 240px */\n  --drawer-width-medium: var(--snice-size-drawer-medium, 20rem); /* 320px */\n  --drawer-width-large: var(--snice-size-drawer-large, 30rem); /* 480px */\n  --drawer-width-xl: var(--snice-size-drawer-xl, 40rem); /* 640px */\n  --drawer-width-xxl: var(--snice-size-drawer-xxl, 50rem); /* 800px */\n  --drawer-width-xxxl: var(--snice-size-drawer-xxxl, 60rem); /* 960px */\n  --drawer-height-small: var(--snice-size-drawer-height-small, 12.5rem); /* 200px */\n  --drawer-height-medium: var(--snice-size-drawer-height-medium, 25rem); /* 400px */\n  --drawer-height-large: var(--snice-size-drawer-height-large, 37.5rem); /* 600px */\n  --drawer-height-xl: var(--snice-size-drawer-height-xl, 70vh);\n  --drawer-height-xxl: var(--snice-size-drawer-height-xxl, 80vh);\n  --drawer-height-xxxl: var(--snice-size-drawer-height-xxxl, 90vh);\n\n  /* Theme-integrated colors and effects */\n  --drawer-bg: var(--snice-color-background, white);\n  --drawer-shadow: var(--snice-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1));\n  --drawer-backdrop: var(--snice-color-backdrop, rgba(0, 0, 0, 0.5));\n  --drawer-transition: transform var(--snice-transition-medium, 250ms) cubic-bezier(0.4, 0, 0.2, 1);\n  --drawer-z-index: var(--snice-z-index-modal, 1050);\n\n  /* Default: fixed positioning (modal behavior) */\n  display: block;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  pointer-events: none;\n  isolation: isolate;\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);\n  contain: layout style paint;\n}\n\n/* Contained variant - position within parent */\n:host([contained]) {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n}\n\n.drawer-backdrop {\n  position: absolute;\n  inset: 0;\n  background: var(--drawer-backdrop);\n  opacity: 0;\n  transition: opacity 0.3s ease-in-out;\n  z-index: var(--drawer-z-index);\n  pointer-events: none;\n  visibility: hidden;\n}\n\n:host([open]) {\n  pointer-events: auto;\n}\n\n:host([open]) .drawer-backdrop {\n  opacity: 1;\n  pointer-events: auto;\n  visibility: visible;\n}\n\n:host([no-backdrop]) .drawer-backdrop {\n  display: none;\n}\n\n.drawer {\n  position: absolute;\n  background: var(--drawer-bg);\n  box-shadow: var(--drawer-shadow);\n  transition:\n    transform var(--snice-transition-medium, 250ms) cubic-bezier(0.4, 0, 0.2, 1),\n    opacity var(--snice-transition-medium, 250ms) cubic-bezier(0.2, 0, 0.8, 1);\n  z-index: calc(var(--drawer-z-index) + 1);\n  display: flex;\n  flex-direction: column;\n  outline: none;\n  overflow: hidden;\n  opacity: 0;\n  pointer-events: auto;\n}\n\n:host([open]) .drawer {\n  opacity: 1;\n}\n\n/* Default styles when no position attribute (defaults to left) */\n:host(:not([position])) .drawer {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: var(--drawer-width-medium);\n  transform: translateX(-100%);\n}\n\n:host(:not([position])[open]) .drawer {\n  transform: translateX(0);\n}\n\n/* Position: Left */\n:host([position=\"left\"]) .drawer {\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: var(--drawer-width-medium); /* Default width */\n  transform: translateX(-100%);\n}\n\n:host([position=\"left\"][size=\"small\"]) .drawer {\n  width: var(--drawer-width-small);\n}\n\n:host([position=\"left\"][size=\"medium\"]) .drawer {\n  width: var(--drawer-width-medium);\n}\n\n:host([position=\"left\"][size=\"large\"]) .drawer {\n  width: var(--drawer-width-large);\n}\n\n:host([position=\"left\"][size=\"xl\"]) .drawer {\n  width: var(--drawer-width-xl);\n}\n\n:host([position=\"left\"][size=\"xxl\"]) .drawer {\n  width: var(--drawer-width-xxl);\n}\n\n:host([position=\"left\"][size=\"xxxl\"]) .drawer {\n  width: var(--drawer-width-xxxl);\n}\n\n:host([position=\"left\"][size=\"full\"]) .drawer {\n  width: 100%;\n}\n\n:host([position=\"left\"][open]) .drawer {\n  transform: translateX(0);\n}\n\n/* Position: Right */\n:host([position=\"right\"]) .drawer {\n  top: 0;\n  right: 0;\n  height: 100%;\n  width: var(--drawer-width-medium); /* Default width */\n  transform: translateX(100%);\n}\n\n:host([position=\"right\"][size=\"small\"]) .drawer {\n  width: var(--drawer-width-small);\n}\n\n:host([position=\"right\"][size=\"medium\"]) .drawer {\n  width: var(--drawer-width-medium);\n}\n\n:host([position=\"right\"][size=\"large\"]) .drawer {\n  width: var(--drawer-width-large);\n}\n\n:host([position=\"right\"][size=\"xl\"]) .drawer {\n  width: var(--drawer-width-xl);\n}\n\n:host([position=\"right\"][size=\"xxl\"]) .drawer {\n  width: var(--drawer-width-xxl);\n}\n\n:host([position=\"right\"][size=\"xxxl\"]) .drawer {\n  width: var(--drawer-width-xxxl);\n}\n\n:host([position=\"right\"][size=\"full\"]) .drawer {\n  width: 100%;\n}\n\n:host([position=\"right\"][open]) .drawer {\n  transform: translateX(0);\n}\n\n/* Position: Top */\n:host([position=\"top\"]) .drawer {\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: var(--drawer-height-medium); /* Default height */\n  transform: translateY(-100%);\n}\n\n:host([position=\"top\"][size=\"small\"]) .drawer {\n  height: var(--drawer-height-small);\n}\n\n:host([position=\"top\"][size=\"medium\"]) .drawer {\n  height: var(--drawer-height-medium);\n}\n\n:host([position=\"top\"][size=\"large\"]) .drawer {\n  height: var(--drawer-height-large);\n}\n\n:host([position=\"top\"][size=\"xl\"]) .drawer {\n  height: var(--drawer-height-xl);\n}\n\n:host([position=\"top\"][size=\"xxl\"]) .drawer {\n  height: var(--drawer-height-xxl);\n}\n\n:host([position=\"top\"][size=\"xxxl\"]) .drawer {\n  height: var(--drawer-height-xxxl);\n}\n\n:host([position=\"top\"][size=\"full\"]) .drawer {\n  height: 100%;\n}\n\n:host([position=\"top\"][open]) .drawer {\n  transform: translateY(0);\n}\n\n/* Position: Bottom */\n:host([position=\"bottom\"]) .drawer {\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  height: var(--drawer-height-medium); /* Default height */\n  transform: translateY(100%);\n}\n\n:host([position=\"bottom\"][size=\"small\"]) .drawer {\n  height: var(--drawer-height-small);\n}\n\n:host([position=\"bottom\"][size=\"medium\"]) .drawer {\n  height: var(--drawer-height-medium);\n}\n\n:host([position=\"bottom\"][size=\"large\"]) .drawer {\n  height: var(--drawer-height-large);\n}\n\n:host([position=\"bottom\"][size=\"xl\"]) .drawer {\n  height: var(--drawer-height-xl);\n}\n\n:host([position=\"bottom\"][size=\"xxl\"]) .drawer {\n  height: var(--drawer-height-xxl);\n}\n\n:host([position=\"bottom\"][size=\"xxxl\"]) .drawer {\n  height: var(--drawer-height-xxxl);\n}\n\n:host([position=\"bottom\"][size=\"full\"]) .drawer {\n  height: 100%;\n}\n\n:host([position=\"bottom\"][open]) .drawer {\n  transform: translateY(0);\n}\n\n/* Drawer Header */\n.drawer-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 1.25rem); /* 16px 20px */\n  border-bottom: 1px solid var(--snice-color-border, rgb(229 231 235));\n  background: var(--snice-color-background, white);\n  flex-shrink: 0;\n}\n\n.drawer-header:has(.drawer-title:empty):not(:has(.drawer-close)) {\n  display: none;\n}\n\n.drawer-title {\n  font-size: var(--snice-font-size-lg, 1.125rem); /* 18px */\n  font-weight: var(--snice-font-weight-semibold, 600);\n  margin: 0;\n  color: var(--snice-color-text, rgb(17 24 39));\n  line-height: var(--snice-line-height-tight, 1.25);\n}\n\n.drawer-close {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--snice-size-control-md, 2rem); /* 32px */\n  height: var(--snice-size-control-md, 2rem); /* 32px */\n  border: none;\n  background: transparent;\n  border-radius: var(--snice-border-radius-md, 6px);\n  cursor: pointer;\n  color: var(--snice-color-text-secondary, rgb(107 114 128));\n  transition: all var(--snice-transition-fast, 150ms) ease;\n}\n\n.drawer-close:hover {\n  background: var(--snice-color-background-hover, rgb(243 244 246));\n  color: var(--snice-color-text, rgb(17 24 39));\n}\n\n.drawer-close:focus-visible {\n  outline: var(--snice-focus-ring-width, 2px) solid var(--snice-focus-ring-color, rgb(59 130 246));\n  outline-offset: var(--snice-focus-ring-offset, 2px);\n}\n\n/* Drawer Body */\n.drawer-body {\n  flex: 1;\n  padding: var(--snice-spacing-lg, 1.25rem); /* 20px */\n  overflow-y: auto;\n  overflow-x: hidden;\n  color: var(--snice-color-text, rgb(17 24 39));\n}\n\n/* Drawer Footer */\n.drawer-footer {\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 1.25rem); /* 16px 20px */\n  border-top: 1px solid var(--snice-color-border, rgb(229 231 235));\n  background: var(--snice-color-background, white);\n  flex-shrink: 0;\n}\n\n.drawer-footer:empty {\n  display: none;\n}\n\n/* Animations */\n@media (prefers-reduced-motion: reduce) {\n  .drawer,\n  .drawer-backdrop {\n    transition: none;\n  }\n}\n\n/* Responsive */\n@media (max-width: 640px) {\n  :host([position=\"left\"][size=\"medium\"]) .drawer,\n  :host([position=\"left\"][size=\"large\"]) .drawer,\n  :host([position=\"left\"][size=\"xl\"]) .drawer,\n  :host([position=\"left\"][size=\"xxl\"]) .drawer,\n  :host([position=\"left\"][size=\"xxxl\"]) .drawer,\n  :host([position=\"right\"][size=\"medium\"]) .drawer,\n  :host([position=\"right\"][size=\"large\"]) .drawer,\n  :host([position=\"right\"][size=\"xl\"]) .drawer,\n  :host([position=\"right\"][size=\"xxl\"]) .drawer,\n  :host([position=\"right\"][size=\"xxxl\"]) .drawer {\n    width: calc(100% - 2.5rem); /* 40px */\n  }\n}\n\n/* Focus trap styles */\n.focus-trap-start,\n.focus-trap-end {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0, 0, 0, 0);\n  white-space: nowrap;\n  border: 0;\n}\n\n/* Push content mode */\n:host([push-content]) {\n  --drawer-push-amount: 0px;\n}\n\n/* Left position push amounts */\n:host([push-content][position=\"left\"][open][size=\"small\"]) {\n  --drawer-push-amount: var(--drawer-width-small);\n}\n\n:host([push-content][position=\"left\"][open][size=\"medium\"]) {\n  --drawer-push-amount: var(--drawer-width-medium);\n}\n\n:host([push-content][position=\"left\"][open][size=\"large\"]) {\n  --drawer-push-amount: var(--drawer-width-large);\n}\n\n:host([push-content][position=\"left\"][open][size=\"xl\"]) {\n  --drawer-push-amount: var(--drawer-width-xl);\n}\n\n:host([push-content][position=\"left\"][open][size=\"xxl\"]) {\n  --drawer-push-amount: var(--drawer-width-xxl);\n}\n\n:host([push-content][position=\"left\"][open][size=\"xxxl\"]) {\n  --drawer-push-amount: var(--drawer-width-xxxl);\n}\n\n:host([push-content][position=\"left\"][open][size=\"full\"]) {\n  --drawer-push-amount: 100vw;\n}\n\n/* Also handle when no size is specified (defaults to medium) */\n:host([push-content][position=\"left\"][open]:not([size])) {\n  --drawer-push-amount: var(--drawer-width-medium);\n}\n\n/* Right position push amounts */\n:host([push-content][position=\"right\"][open][size=\"small\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-small));\n}\n\n:host([push-content][position=\"right\"][open][size=\"medium\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\n}\n\n:host([push-content][position=\"right\"][open][size=\"large\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-large));\n}\n\n:host([push-content][position=\"right\"][open][size=\"xl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xl));\n}\n\n:host([push-content][position=\"right\"][open][size=\"xxl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxl));\n}\n\n:host([push-content][position=\"right\"][open][size=\"xxxl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxxl));\n}\n\n:host([push-content][position=\"right\"][open][size=\"full\"]) {\n  --drawer-push-amount: -100vw;\n}\n\n:host([push-content][position=\"right\"][open]:not([size])) {\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\n}\n\n/* Top position push amounts */\n:host([push-content][position=\"top\"][open][size=\"small\"]) {\n  --drawer-push-amount: var(--drawer-height-small);\n}\n\n:host([push-content][position=\"top\"][open][size=\"medium\"]) {\n  --drawer-push-amount: var(--drawer-height-medium);\n}\n\n:host([push-content][position=\"top\"][open][size=\"large\"]) {\n  --drawer-push-amount: var(--drawer-height-large);\n}\n\n:host([push-content][position=\"top\"][open][size=\"xl\"]) {\n  --drawer-push-amount: var(--drawer-height-xl);\n}\n\n:host([push-content][position=\"top\"][open][size=\"xxl\"]) {\n  --drawer-push-amount: var(--drawer-height-xxl);\n}\n\n:host([push-content][position=\"top\"][open][size=\"xxxl\"]) {\n  --drawer-push-amount: var(--drawer-height-xxxl);\n}\n\n:host([push-content][position=\"top\"][open][size=\"full\"]) {\n  --drawer-push-amount: 100vh;\n}\n\n:host([push-content][position=\"top\"][open]:not([size])) {\n  --drawer-push-amount: var(--drawer-height-medium);\n}\n\n/* Bottom position push amounts */\n:host([push-content][position=\"bottom\"][open][size=\"small\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-small));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"medium\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"large\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-large));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"xl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xl));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"xxl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxl));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"xxxl\"]) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxxl));\n}\n\n:host([push-content][position=\"bottom\"][open][size=\"full\"]) {\n  --drawer-push-amount: -100vh;\n}\n\n:host([push-content][position=\"bottom\"][open]:not([size])) {\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\n}";
 
 let SniceDrawer = (() => {
     let _classDecorators = [element('snice-drawer')];
@@ -37,6 +37,9 @@ let SniceDrawer = (() => {
     let _pushContent_decorators;
     let _pushContent_initializers = [];
     let _pushContent_extraInitializers = [];
+    let _contained_decorators;
+    let _contained_initializers = [];
+    let _contained_extraInitializers = [];
     let _drawerElement_decorators;
     let _drawerElement_initializers = [];
     let _drawerElement_extraInitializers = [];
@@ -58,8 +61,6 @@ let SniceDrawer = (() => {
     let _handleCloseClick_decorators;
     let _handleFocusTrapStart_decorators;
     let _handleFocusTrapEnd_decorators;
-    let _dispatchOpenEvent_decorators;
-    let _dispatchCloseEvent_decorators;
     let _cleanup_decorators;
     (class extends _classSuper {
         static { _classThis = this; }
@@ -74,12 +75,16 @@ let SniceDrawer = (() => {
             this.noFocusTrap = (__runInitializers(this, _noEscapeDismiss_extraInitializers), __runInitializers(this, _noFocusTrap_initializers, false));
             this.persistent = (__runInitializers(this, _noFocusTrap_extraInitializers), __runInitializers(this, _persistent_initializers, false));
             this.pushContent = (__runInitializers(this, _persistent_extraInitializers), __runInitializers(this, _pushContent_initializers, false));
-            this.drawerElement = (__runInitializers(this, _pushContent_extraInitializers), __runInitializers(this, _drawerElement_initializers, void 0));
+            this.contained = (__runInitializers(this, _pushContent_extraInitializers), __runInitializers(this, _contained_initializers, false));
+            this.drawerElement = (__runInitializers(this, _contained_extraInitializers), __runInitializers(this, _drawerElement_initializers, void 0));
             this.backdropElement = (__runInitializers(this, _drawerElement_extraInitializers), __runInitializers(this, _backdropElement_initializers, void 0));
             this.closeButton = (__runInitializers(this, _backdropElement_extraInitializers), __runInitializers(this, _closeButton_initializers, void 0));
             this.focusTrapStart = (__runInitializers(this, _closeButton_extraInitializers), __runInitializers(this, _focusTrapStart_initializers, void 0));
             this.focusTrapEnd = (__runInitializers(this, _focusTrapStart_extraInitializers), __runInitializers(this, _focusTrapEnd_initializers, void 0));
             this.previousFocus = __runInitializers(this, _focusTrapEnd_extraInitializers);
+            this._isHandlingOpenChange = false;
+            this._lastEventType = null;
+            this._lastEventTime = 0;
         }
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
@@ -92,6 +97,7 @@ let SniceDrawer = (() => {
             _noFocusTrap_decorators = [property({ type: Boolean, attribute: 'no-focus-trap', })];
             _persistent_decorators = [property({ type: Boolean, })];
             _pushContent_decorators = [property({ type: Boolean, attribute: 'push-content', })];
+            _contained_decorators = [property({ type: Boolean, })];
             _drawerElement_decorators = [query('.drawer')];
             _backdropElement_decorators = [query('.drawer-backdrop')];
             _closeButton_decorators = [query('.drawer-close')];
@@ -103,8 +109,6 @@ let SniceDrawer = (() => {
             _handleCloseClick_decorators = [on('click', '.drawer-close')];
             _handleFocusTrapStart_decorators = [on('focus', '.focus-trap-start')];
             _handleFocusTrapEnd_decorators = [on('focus', '.focus-trap-end')];
-            _dispatchOpenEvent_decorators = [dispatch('drawer-open', { bubbles: true, composed: true })];
-            _dispatchCloseEvent_decorators = [dispatch('drawer-close', { bubbles: true, composed: true })];
             _cleanup_decorators = [dispose()];
             __esDecorate(this, null, _init_decorators, { kind: "method", name: "init", static: false, private: false, access: { has: obj => "init" in obj, get: obj => obj.init }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleOpenChange_decorators, { kind: "method", name: "handleOpenChange", static: false, private: false, access: { has: obj => "handleOpenChange" in obj, get: obj => obj.handleOpenChange }, metadata: _metadata }, null, _instanceExtraInitializers);
@@ -112,8 +116,6 @@ let SniceDrawer = (() => {
             __esDecorate(this, null, _handleCloseClick_decorators, { kind: "method", name: "handleCloseClick", static: false, private: false, access: { has: obj => "handleCloseClick" in obj, get: obj => obj.handleCloseClick }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleFocusTrapStart_decorators, { kind: "method", name: "handleFocusTrapStart", static: false, private: false, access: { has: obj => "handleFocusTrapStart" in obj, get: obj => obj.handleFocusTrapStart }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _handleFocusTrapEnd_decorators, { kind: "method", name: "handleFocusTrapEnd", static: false, private: false, access: { has: obj => "handleFocusTrapEnd" in obj, get: obj => obj.handleFocusTrapEnd }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _dispatchOpenEvent_decorators, { kind: "method", name: "dispatchOpenEvent", static: false, private: false, access: { has: obj => "dispatchOpenEvent" in obj, get: obj => obj.dispatchOpenEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(this, null, _dispatchCloseEvent_decorators, { kind: "method", name: "dispatchCloseEvent", static: false, private: false, access: { has: obj => "dispatchCloseEvent" in obj, get: obj => obj.dispatchCloseEvent }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(this, null, _cleanup_decorators, { kind: "method", name: "cleanup", static: false, private: false, access: { has: obj => "cleanup" in obj, get: obj => obj.cleanup }, metadata: _metadata }, null, _instanceExtraInitializers);
             __esDecorate(null, null, _open_decorators, { kind: "field", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
             __esDecorate(null, null, _position_decorators, { kind: "field", name: "position", static: false, private: false, access: { has: obj => "position" in obj, get: obj => obj.position, set: (obj, value) => { obj.position = value; } }, metadata: _metadata }, _position_initializers, _position_extraInitializers);
@@ -124,6 +126,7 @@ let SniceDrawer = (() => {
             __esDecorate(null, null, _noFocusTrap_decorators, { kind: "field", name: "noFocusTrap", static: false, private: false, access: { has: obj => "noFocusTrap" in obj, get: obj => obj.noFocusTrap, set: (obj, value) => { obj.noFocusTrap = value; } }, metadata: _metadata }, _noFocusTrap_initializers, _noFocusTrap_extraInitializers);
             __esDecorate(null, null, _persistent_decorators, { kind: "field", name: "persistent", static: false, private: false, access: { has: obj => "persistent" in obj, get: obj => obj.persistent, set: (obj, value) => { obj.persistent = value; } }, metadata: _metadata }, _persistent_initializers, _persistent_extraInitializers);
             __esDecorate(null, null, _pushContent_decorators, { kind: "field", name: "pushContent", static: false, private: false, access: { has: obj => "pushContent" in obj, get: obj => obj.pushContent, set: (obj, value) => { obj.pushContent = value; } }, metadata: _metadata }, _pushContent_initializers, _pushContent_extraInitializers);
+            __esDecorate(null, null, _contained_decorators, { kind: "field", name: "contained", static: false, private: false, access: { has: obj => "contained" in obj, get: obj => obj.contained, set: (obj, value) => { obj.contained = value; } }, metadata: _metadata }, _contained_initializers, _contained_extraInitializers);
             __esDecorate(null, null, _drawerElement_decorators, { kind: "field", name: "drawerElement", static: false, private: false, access: { has: obj => "drawerElement" in obj, get: obj => obj.drawerElement, set: (obj, value) => { obj.drawerElement = value; } }, metadata: _metadata }, _drawerElement_initializers, _drawerElement_extraInitializers);
             __esDecorate(null, null, _backdropElement_decorators, { kind: "field", name: "backdropElement", static: false, private: false, access: { has: obj => "backdropElement" in obj, get: obj => obj.backdropElement, set: (obj, value) => { obj.backdropElement = value; } }, metadata: _metadata }, _backdropElement_initializers, _backdropElement_extraInitializers);
             __esDecorate(null, null, _closeButton_decorators, { kind: "field", name: "closeButton", static: false, private: false, access: { has: obj => "closeButton" in obj, get: obj => obj.closeButton, set: (obj, value) => { obj.closeButton = value; } }, metadata: _metadata }, _closeButton_initializers, _closeButton_extraInitializers);
@@ -191,12 +194,21 @@ let SniceDrawer = (() => {
             }
         }
         handleOpenChange() {
-            this.setAttribute('aria-hidden', String(!this.open));
-            if (this.open) {
-                this.handleOpen();
+            // Prevent duplicate handling
+            if (this._isHandlingOpenChange)
+                return;
+            this._isHandlingOpenChange = true;
+            try {
+                this.setAttribute('aria-hidden', String(!this.open));
+                if (this.open) {
+                    this.handleOpen();
+                }
+                else {
+                    this.handleClose();
+                }
             }
-            else {
-                this.handleClose();
+            finally {
+                this._isHandlingOpenChange = false;
             }
         }
         handleBackdropClick(e) {
@@ -240,17 +252,17 @@ let SniceDrawer = (() => {
                 };
                 document.addEventListener('keydown', this.boundHandleEscape);
             }
-            // Prevent body scroll
-            document.body.style.overflow = 'hidden';
+            // REMOVED: No longer manipulating document.body.style.overflow
+            // The drawer is now contained and doesn't need to prevent body scroll
             // Focus management
             if (!this.noFocusTrap) {
                 requestAnimationFrame(() => {
                     if (this.drawerElement) {
-                        this.drawerElement.focus();
+                        this.drawerElement.focus({ preventScroll: true });
                     }
                 });
             }
-            // Push content if enabled
+            // Push content if enabled (still supported for those who need it)
             if (this.pushContent) {
                 this.updatePushContent();
             }
@@ -262,8 +274,7 @@ let SniceDrawer = (() => {
                 document.removeEventListener('keydown', this.boundHandleEscape);
                 this.boundHandleEscape = undefined;
             }
-            // Restore body scroll
-            document.body.style.overflow = '';
+            // REMOVED: No longer manipulating document.body.style.overflow
             // Restore focus
             if (this.previousFocus && this.previousFocus.focus) {
                 this.previousFocus.focus();
@@ -308,16 +319,40 @@ let SniceDrawer = (() => {
                 '[tabindex]:not([tabindex="-1"])');
         }
         dispatchOpenEvent() {
-            return { drawer: this };
+            // Prevent duplicate events within 100ms
+            const now = Date.now();
+            if (this._lastEventType === 'open' && (now - this._lastEventTime) < 100) {
+                return;
+            }
+            this._lastEventType = 'open';
+            this._lastEventTime = now;
+            // Manually dispatch event
+            this.dispatchEvent(new CustomEvent('@snice/drawer-open', {
+                bubbles: true,
+                composed: true,
+                detail: { drawer: this }
+            }));
         }
         dispatchCloseEvent() {
-            return { drawer: this };
+            // Prevent duplicate events within 100ms
+            const now = Date.now();
+            if (this._lastEventType === 'close' && (now - this._lastEventTime) < 100) {
+                return;
+            }
+            this._lastEventType = 'close';
+            this._lastEventTime = now;
+            // Manually dispatch event
+            this.dispatchEvent(new CustomEvent('@snice/drawer-close', {
+                bubbles: true,
+                composed: true,
+                detail: { drawer: this }
+            }));
         }
         cleanup() {
             if (this.boundHandleEscape) {
                 document.removeEventListener('keydown', this.boundHandleEscape);
             }
-            document.body.style.overflow = '';
+            // REMOVED: No longer manipulating document.body.style.overflow
         }
         // Public API
         show() {

package/dist/components/drawer/snice-drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"snice-drawer.js","sources":["../../../components/drawer/snice-drawer.css?inline","../../../../components/drawer/snice-drawer.ts"],"sourcesContent":["export default \":host {\\n  --drawer-width-small: 15rem; /* 240px */\\n  --drawer-width-medium: 20rem; /* 320px */\\n  --drawer-width-large: 30rem; /* 480px */\\n  --drawer-width-xl: 40rem; /* 640px */\\n  --drawer-width-xxl: 50rem; /* 800px */\\n  --drawer-width-xxxl: 60rem; /* 960px */\\n  --drawer-height-small: 12.5rem; /* 200px */\\n  --drawer-height-medium: 25rem; /* 400px */\\n  --drawer-height-large: 37.5rem; /* 600px */\\n  --drawer-height-xl: 70vh;\\n  --drawer-height-xxl: 80vh;\\n  --drawer-height-xxxl: 90vh;\\n  --drawer-bg: white;\\n  --drawer-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\\n  --drawer-backdrop: rgba(0, 0, 0, 0.5);\\n  --drawer-transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\\n  --drawer-z-index: 1000;\\n  \\n  display: block;\\n}\\n\\n.drawer-backdrop {\\n  position: fixed;\\n  inset: 0;\\n  background: var(--drawer-backdrop);\\n  opacity: 0;\\n  transition: opacity 0.3s ease-in-out;\\n  z-index: var(--drawer-z-index);\\n  pointer-events: none;\\n  visibility: hidden;\\n}\\n\\n:host([open]) .drawer-backdrop {\\n  opacity: 1;\\n  pointer-events: auto;\\n  visibility: visible;\\n}\\n\\n:host([no-backdrop]) .drawer-backdrop {\\n  display: none;\\n}\\n\\n.drawer {\\n  position: fixed;\\n  background: var(--drawer-bg);\\n  box-shadow: var(--drawer-shadow);\\n  transition: var(--drawer-transition);\\n  z-index: calc(var(--drawer-z-index) + 1);\\n  display: flex;\\n  flex-direction: column;\\n  outline: none;\\n  overflow: hidden;\\n  visibility: hidden;\\n}\\n\\n:host([open]) .drawer {\\n  visibility: visible;\\n}\\n\\n/* Default styles when no position attribute (defaults to left) */\\n:host(:not([position])) .drawer {\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium);\\n  transform: translateX(-100%);\\n}\\n\\n:host(:not([position])[open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Left */\\n:host([position=\\\"left\\\"]) .drawer {\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium); /* Default width */\\n  transform: translateX(-100%);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"small\\\"]) .drawer {\\n  width: var(--drawer-width-small);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"medium\\\"]) .drawer {\\n  width: var(--drawer-width-medium);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"large\\\"]) .drawer {\\n  width: var(--drawer-width-large);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xl\\\"]) .drawer {\\n  width: var(--drawer-width-xl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxxl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"full\\\"]) .drawer {\\n  width: 100%;\\n}\\n\\n:host([position=\\\"left\\\"][open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Right */\\n:host([position=\\\"right\\\"]) .drawer {\\n  top: 0;\\n  right: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium); /* Default width */\\n  transform: translateX(100%);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"small\\\"]) .drawer {\\n  width: var(--drawer-width-small);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"medium\\\"]) .drawer {\\n  width: var(--drawer-width-medium);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"large\\\"]) .drawer {\\n  width: var(--drawer-width-large);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xl\\\"]) .drawer {\\n  width: var(--drawer-width-xl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxxl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"full\\\"]) .drawer {\\n  width: 100%;\\n}\\n\\n:host([position=\\\"right\\\"][open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Top */\\n:host([position=\\\"top\\\"]) .drawer {\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: var(--drawer-height-medium); /* Default height */\\n  transform: translateY(-100%);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"small\\\"]) .drawer {\\n  height: var(--drawer-height-small);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"medium\\\"]) .drawer {\\n  height: var(--drawer-height-medium);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"large\\\"]) .drawer {\\n  height: var(--drawer-height-large);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xl\\\"]) .drawer {\\n  height: var(--drawer-height-xl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxxl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"full\\\"]) .drawer {\\n  height: 100%;\\n}\\n\\n:host([position=\\\"top\\\"][open]) .drawer {\\n  transform: translateY(0);\\n}\\n\\n/* Position: Bottom */\\n:host([position=\\\"bottom\\\"]) .drawer {\\n  bottom: 0;\\n  left: 0;\\n  width: 100%;\\n  height: var(--drawer-height-medium); /* Default height */\\n  transform: translateY(100%);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"small\\\"]) .drawer {\\n  height: var(--drawer-height-small);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"medium\\\"]) .drawer {\\n  height: var(--drawer-height-medium);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"large\\\"]) .drawer {\\n  height: var(--drawer-height-large);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xl\\\"]) .drawer {\\n  height: var(--drawer-height-xl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxxl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"full\\\"]) .drawer {\\n  height: 100%;\\n}\\n\\n:host([position=\\\"bottom\\\"][open]) .drawer {\\n  transform: translateY(0);\\n}\\n\\n/* Drawer Header */\\n.drawer-header {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  padding: 1rem 1.25rem; /* 16px 20px */\\n  border-bottom: 1px solid #e5e7eb;\\n  flex-shrink: 0;\\n}\\n\\n.drawer-header:has(.drawer-title:empty):not(:has(.drawer-close)) {\\n  display: none;\\n}\\n\\n.drawer-title {\\n  font-size: 1.125rem; /* 18px */\\n  font-weight: 600;\\n  margin: 0;\\n  color: #111827;\\n}\\n\\n.drawer-close {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: 2rem; /* 32px */\\n  height: 2rem; /* 32px */\\n  border: none;\\n  background: transparent;\\n  border-radius: 6px;\\n  cursor: pointer;\\n  color: #6b7280;\\n  transition: all 0.2s;\\n}\\n\\n.drawer-close:hover {\\n  background: #f3f4f6;\\n  color: #111827;\\n}\\n\\n.drawer-close:focus-visible {\\n  outline: 2px solid #3b82f6;\\n  outline-offset: 2px;\\n}\\n\\n/* Drawer Body */\\n.drawer-body {\\n  flex: 1;\\n  padding: 1.25rem; /* 20px */\\n  overflow-y: auto;\\n  overflow-x: hidden;\\n}\\n\\n/* Drawer Footer */\\n.drawer-footer {\\n  padding: 1rem 1.25rem; /* 16px 20px */\\n  border-top: 1px solid #e5e7eb;\\n  flex-shrink: 0;\\n}\\n\\n.drawer-footer:empty {\\n  display: none;\\n}\\n\\n/* Animations */\\n@media (prefers-reduced-motion: reduce) {\\n  .drawer,\\n  .drawer-backdrop {\\n    transition: none;\\n  }\\n}\\n\\n/* Responsive */\\n@media (max-width: 640px) {\\n  :host([position=\\\"left\\\"][size=\\\"medium\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"large\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xl\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xxl\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xxxl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"medium\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"large\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xxl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xxxl\\\"]) .drawer {\\n    width: calc(100% - 2.5rem); /* 40px */\\n  }\\n}\\n\\n/* Focus trap styles */\\n.focus-trap-start,\\n.focus-trap-end {\\n  position: absolute;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  margin: -1px;\\n  overflow: hidden;\\n  clip: rect(0, 0, 0, 0);\\n  white-space: nowrap;\\n  border: 0;\\n}\\n\\n/* Push content mode */\\n:host([push-content]) {\\n  --drawer-push-amount: 0px;\\n}\\n\\n/* Left position push amounts */\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-small);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-medium);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-large);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xxl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xxxl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: 100vw;\\n}\\n\\n/* Also handle when no size is specified (defaults to medium) */\\n:host([push-content][position=\\\"left\\\"][open]:not([size])) {\\n  --drawer-push-amount: var(--drawer-width-medium);\\n}\\n\\n/* Right position push amounts */\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-small));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-large));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxxl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: -100vw;\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open]:not([size])) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\\n}\\n\\n/* Top position push amounts */\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-small);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-medium);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-large);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xxl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xxxl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: 100vh;\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open]:not([size])) {\\n  --drawer-push-amount: var(--drawer-height-medium);\\n}\\n\\n/* Bottom position push amounts */\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-small));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-large));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxxl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: -100vh;\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open]:not([size])) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\\n}\";",null],"names":[],"mappings":"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"}
+{"version":3,"file":"snice-drawer.js","sources":["../../../components/drawer/snice-drawer.css?inline","../../../../components/drawer/snice-drawer.ts"],"sourcesContent":["export default \":host {\\n  /* Drawer sizes with theme integration and rem units */\\n  --drawer-width-small: var(--snice-size-drawer-small, 15rem); /* 240px */\\n  --drawer-width-medium: var(--snice-size-drawer-medium, 20rem); /* 320px */\\n  --drawer-width-large: var(--snice-size-drawer-large, 30rem); /* 480px */\\n  --drawer-width-xl: var(--snice-size-drawer-xl, 40rem); /* 640px */\\n  --drawer-width-xxl: var(--snice-size-drawer-xxl, 50rem); /* 800px */\\n  --drawer-width-xxxl: var(--snice-size-drawer-xxxl, 60rem); /* 960px */\\n  --drawer-height-small: var(--snice-size-drawer-height-small, 12.5rem); /* 200px */\\n  --drawer-height-medium: var(--snice-size-drawer-height-medium, 25rem); /* 400px */\\n  --drawer-height-large: var(--snice-size-drawer-height-large, 37.5rem); /* 600px */\\n  --drawer-height-xl: var(--snice-size-drawer-height-xl, 70vh);\\n  --drawer-height-xxl: var(--snice-size-drawer-height-xxl, 80vh);\\n  --drawer-height-xxxl: var(--snice-size-drawer-height-xxxl, 90vh);\\n\\n  /* Theme-integrated colors and effects */\\n  --drawer-bg: var(--snice-color-background, white);\\n  --drawer-shadow: var(--snice-shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1));\\n  --drawer-backdrop: var(--snice-color-backdrop, rgba(0, 0, 0, 0.5));\\n  --drawer-transition: transform var(--snice-transition-medium, 250ms) cubic-bezier(0.4, 0, 0.2, 1);\\n  --drawer-z-index: var(--snice-z-index-modal, 1050);\\n\\n  /* Default: fixed positioning (modal behavior) */\\n  display: block;\\n  position: fixed;\\n  top: 0;\\n  left: 0;\\n  width: 100vw;\\n  height: 100vh;\\n  pointer-events: none;\\n  isolation: isolate;\\n  font-family: var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);\\n  contain: layout style paint;\\n}\\n\\n/* Contained variant - position within parent */\\n:host([contained]) {\\n  position: absolute;\\n  width: 100%;\\n  height: 100%;\\n}\\n\\n.drawer-backdrop {\\n  position: absolute;\\n  inset: 0;\\n  background: var(--drawer-backdrop);\\n  opacity: 0;\\n  transition: opacity 0.3s ease-in-out;\\n  z-index: var(--drawer-z-index);\\n  pointer-events: none;\\n  visibility: hidden;\\n}\\n\\n:host([open]) {\\n  pointer-events: auto;\\n}\\n\\n:host([open]) .drawer-backdrop {\\n  opacity: 1;\\n  pointer-events: auto;\\n  visibility: visible;\\n}\\n\\n:host([no-backdrop]) .drawer-backdrop {\\n  display: none;\\n}\\n\\n.drawer {\\n  position: absolute;\\n  background: var(--drawer-bg);\\n  box-shadow: var(--drawer-shadow);\\n  transition:\\n    transform var(--snice-transition-medium, 250ms) cubic-bezier(0.4, 0, 0.2, 1),\\n    opacity var(--snice-transition-medium, 250ms) cubic-bezier(0.2, 0, 0.8, 1);\\n  z-index: calc(var(--drawer-z-index) + 1);\\n  display: flex;\\n  flex-direction: column;\\n  outline: none;\\n  overflow: hidden;\\n  opacity: 0;\\n  pointer-events: auto;\\n}\\n\\n:host([open]) .drawer {\\n  opacity: 1;\\n}\\n\\n/* Default styles when no position attribute (defaults to left) */\\n:host(:not([position])) .drawer {\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium);\\n  transform: translateX(-100%);\\n}\\n\\n:host(:not([position])[open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Left */\\n:host([position=\\\"left\\\"]) .drawer {\\n  top: 0;\\n  left: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium); /* Default width */\\n  transform: translateX(-100%);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"small\\\"]) .drawer {\\n  width: var(--drawer-width-small);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"medium\\\"]) .drawer {\\n  width: var(--drawer-width-medium);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"large\\\"]) .drawer {\\n  width: var(--drawer-width-large);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xl\\\"]) .drawer {\\n  width: var(--drawer-width-xl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxxl);\\n}\\n\\n:host([position=\\\"left\\\"][size=\\\"full\\\"]) .drawer {\\n  width: 100%;\\n}\\n\\n:host([position=\\\"left\\\"][open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Right */\\n:host([position=\\\"right\\\"]) .drawer {\\n  top: 0;\\n  right: 0;\\n  height: 100%;\\n  width: var(--drawer-width-medium); /* Default width */\\n  transform: translateX(100%);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"small\\\"]) .drawer {\\n  width: var(--drawer-width-small);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"medium\\\"]) .drawer {\\n  width: var(--drawer-width-medium);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"large\\\"]) .drawer {\\n  width: var(--drawer-width-large);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xl\\\"]) .drawer {\\n  width: var(--drawer-width-xl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  width: var(--drawer-width-xxxl);\\n}\\n\\n:host([position=\\\"right\\\"][size=\\\"full\\\"]) .drawer {\\n  width: 100%;\\n}\\n\\n:host([position=\\\"right\\\"][open]) .drawer {\\n  transform: translateX(0);\\n}\\n\\n/* Position: Top */\\n:host([position=\\\"top\\\"]) .drawer {\\n  top: 0;\\n  left: 0;\\n  width: 100%;\\n  height: var(--drawer-height-medium); /* Default height */\\n  transform: translateY(-100%);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"small\\\"]) .drawer {\\n  height: var(--drawer-height-small);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"medium\\\"]) .drawer {\\n  height: var(--drawer-height-medium);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"large\\\"]) .drawer {\\n  height: var(--drawer-height-large);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xl\\\"]) .drawer {\\n  height: var(--drawer-height-xl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxxl);\\n}\\n\\n:host([position=\\\"top\\\"][size=\\\"full\\\"]) .drawer {\\n  height: 100%;\\n}\\n\\n:host([position=\\\"top\\\"][open]) .drawer {\\n  transform: translateY(0);\\n}\\n\\n/* Position: Bottom */\\n:host([position=\\\"bottom\\\"]) .drawer {\\n  bottom: 0;\\n  left: 0;\\n  width: 100%;\\n  height: var(--drawer-height-medium); /* Default height */\\n  transform: translateY(100%);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"small\\\"]) .drawer {\\n  height: var(--drawer-height-small);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"medium\\\"]) .drawer {\\n  height: var(--drawer-height-medium);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"large\\\"]) .drawer {\\n  height: var(--drawer-height-large);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xl\\\"]) .drawer {\\n  height: var(--drawer-height-xl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"xxxl\\\"]) .drawer {\\n  height: var(--drawer-height-xxxl);\\n}\\n\\n:host([position=\\\"bottom\\\"][size=\\\"full\\\"]) .drawer {\\n  height: 100%;\\n}\\n\\n:host([position=\\\"bottom\\\"][open]) .drawer {\\n  transform: translateY(0);\\n}\\n\\n/* Drawer Header */\\n.drawer-header {\\n  display: flex;\\n  align-items: center;\\n  justify-content: space-between;\\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 1.25rem); /* 16px 20px */\\n  border-bottom: 1px solid var(--snice-color-border, rgb(229 231 235));\\n  background: var(--snice-color-background, white);\\n  flex-shrink: 0;\\n}\\n\\n.drawer-header:has(.drawer-title:empty):not(:has(.drawer-close)) {\\n  display: none;\\n}\\n\\n.drawer-title {\\n  font-size: var(--snice-font-size-lg, 1.125rem); /* 18px */\\n  font-weight: var(--snice-font-weight-semibold, 600);\\n  margin: 0;\\n  color: var(--snice-color-text, rgb(17 24 39));\\n  line-height: var(--snice-line-height-tight, 1.25);\\n}\\n\\n.drawer-close {\\n  display: flex;\\n  align-items: center;\\n  justify-content: center;\\n  width: var(--snice-size-control-md, 2rem); /* 32px */\\n  height: var(--snice-size-control-md, 2rem); /* 32px */\\n  border: none;\\n  background: transparent;\\n  border-radius: var(--snice-border-radius-md, 6px);\\n  cursor: pointer;\\n  color: var(--snice-color-text-secondary, rgb(107 114 128));\\n  transition: all var(--snice-transition-fast, 150ms) ease;\\n}\\n\\n.drawer-close:hover {\\n  background: var(--snice-color-background-hover, rgb(243 244 246));\\n  color: var(--snice-color-text, rgb(17 24 39));\\n}\\n\\n.drawer-close:focus-visible {\\n  outline: var(--snice-focus-ring-width, 2px) solid var(--snice-focus-ring-color, rgb(59 130 246));\\n  outline-offset: var(--snice-focus-ring-offset, 2px);\\n}\\n\\n/* Drawer Body */\\n.drawer-body {\\n  flex: 1;\\n  padding: var(--snice-spacing-lg, 1.25rem); /* 20px */\\n  overflow-y: auto;\\n  overflow-x: hidden;\\n  color: var(--snice-color-text, rgb(17 24 39));\\n}\\n\\n/* Drawer Footer */\\n.drawer-footer {\\n  padding: var(--snice-spacing-md, 1rem) var(--snice-spacing-lg, 1.25rem); /* 16px 20px */\\n  border-top: 1px solid var(--snice-color-border, rgb(229 231 235));\\n  background: var(--snice-color-background, white);\\n  flex-shrink: 0;\\n}\\n\\n.drawer-footer:empty {\\n  display: none;\\n}\\n\\n/* Animations */\\n@media (prefers-reduced-motion: reduce) {\\n  .drawer,\\n  .drawer-backdrop {\\n    transition: none;\\n  }\\n}\\n\\n/* Responsive */\\n@media (max-width: 640px) {\\n  :host([position=\\\"left\\\"][size=\\\"medium\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"large\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xl\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xxl\\\"]) .drawer,\\n  :host([position=\\\"left\\\"][size=\\\"xxxl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"medium\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"large\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xxl\\\"]) .drawer,\\n  :host([position=\\\"right\\\"][size=\\\"xxxl\\\"]) .drawer {\\n    width: calc(100% - 2.5rem); /* 40px */\\n  }\\n}\\n\\n/* Focus trap styles */\\n.focus-trap-start,\\n.focus-trap-end {\\n  position: absolute;\\n  width: 1px;\\n  height: 1px;\\n  padding: 0;\\n  margin: -1px;\\n  overflow: hidden;\\n  clip: rect(0, 0, 0, 0);\\n  white-space: nowrap;\\n  border: 0;\\n}\\n\\n/* Push content mode */\\n:host([push-content]) {\\n  --drawer-push-amount: 0px;\\n}\\n\\n/* Left position push amounts */\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-small);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-medium);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-large);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xxl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-width-xxxl);\\n}\\n\\n:host([push-content][position=\\\"left\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: 100vw;\\n}\\n\\n/* Also handle when no size is specified (defaults to medium) */\\n:host([push-content][position=\\\"left\\\"][open]:not([size])) {\\n  --drawer-push-amount: var(--drawer-width-medium);\\n}\\n\\n/* Right position push amounts */\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-small));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-large));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-xxxl));\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: -100vw;\\n}\\n\\n:host([push-content][position=\\\"right\\\"][open]:not([size])) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-width-medium));\\n}\\n\\n/* Top position push amounts */\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-small);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-medium);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-large);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xxl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: var(--drawer-height-xxxl);\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: 100vh;\\n}\\n\\n:host([push-content][position=\\\"top\\\"][open]:not([size])) {\\n  --drawer-push-amount: var(--drawer-height-medium);\\n}\\n\\n/* Bottom position push amounts */\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"small\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-small));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"medium\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"large\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-large));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"xxxl\\\"]) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-xxxl));\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open][size=\\\"full\\\"]) {\\n  --drawer-push-amount: -100vh;\\n}\\n\\n:host([push-content][position=\\\"bottom\\\"][open]:not([size])) {\\n  --drawer-push-amount: calc(-1 * var(--drawer-height-medium));\\n}\";",null],"names":[],"mappings":"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"}

package/dist/components/drawer/snice-drawer.types.d.ts

@@ -4,6 +4,7 @@ export interface SniceDrawerElement extends HTMLElement {
     open: boolean;
     position: DrawerPosition;
     size: DrawerSize;
+    contained: boolean;
     noBackdrop: boolean;
     noBackdropDismiss: boolean;
     noEscapeDismiss: boolean;

package/dist/components/layout/snice-layout-blog.d.ts

@@ -1,4 +1,13 @@
-export declare class SniceLayoutBlog extends HTMLElement {
+import type { AppContext, Placard, RouteParams, Layout } from 'snice';
+import '../nav/snice-nav.ts';
+import type { SniceNav } from '../nav/snice-nav.ts';
+export declare class SniceLayoutBlog extends HTMLElement implements Layout {
+    navElement?: SniceNav;
+    useNav: boolean;
+    private placards;
+    private currentRoute;
     html(): string;
     css(): string;
+    update(_appContext: AppContext, placards: Placard[], currentRoute: string, _routeParams: RouteParams): void;
+    renderNav(): string;
 }