@mhmo91/schmancy 0.4.47 → 0.4.48

package/ai/dialog.md

@@ -1,138 +1,174 @@
 # Schmancy Dialog - AI Reference
 
+## Quick Start
+
+### Service API (Recommended)
 ```js
-// Basic Dialog Component
-<schmancy-dialog
-  uid?="string">                             // Unique identifier for dialog instance
-  <!-- Dialog content goes here -->
-  <div>Dialog content</div>
-</schmancy-dialog>
-
-// Dialog Component Methods
-dialog.show(position?) -> Promise<boolean>   // Show dialog, optionally at a specific position
-dialog.hide(result?) -> void                 // Hide dialog with optional result (true/false)
-
-// Position can be:
-// - Undefined: Centers dialog in viewport
-// - Coordinates: { x: number, y: number }
-// - MouseEvent: Uses click coordinates
-// - TouchEvent: Uses touch coordinates
-
-// Dialog Events
-@close   // Fires when dialog is closed
-
-// CSS Variables
---dialog-width: 360px                        // Controls dialog width
-
-// Confirm Dialog Component (used internally by service)
-<confirm-dialog
-  title?="string"                            // Dialog title
-  subtitle?="string"                         // Dialog subtitle  
-  message?="string"                          // Dialog message
-  confirm-text?="string"                     // Confirm button text (default: "Confirm")
-  cancel-text?="string"                      // Cancel button text (default: "Cancel")
-  variant?="default|danger"                  // Dialog variant (default: "default")
-  confirm-color?="primary|error|warning|success">  // Confirm button color
-  <div slot="content">Custom content</div>
-</confirm-dialog>
-
-// Service API (higher-level abstraction)
-$dialog.confirm({
-  title?,
-  subtitle?,
-  message?,
-  confirmText?,
-  cancelText?,
-  variant?: "default"|"danger",
-  confirmColor?: "primary"|"error"|"warning"|"success",  // Button color for confirm action
-  position?: {x,y}|MouseEvent|TouchEvent,
-  width?: string,
-  content?: TemplateResult|HTMLElement|Function,
-  onConfirm?: Function,
-  onCancel?: Function,
-  targetContainer?: HTMLElement              // Container to append dialog to (uses theme discovery pattern)
-}) -> Promise<boolean>
-
-$dialog.ask(message, event?) -> Promise<boolean>
-$dialog.danger({...options}) -> Promise<boolean>
-$dialog.component(content, options?) -> Promise<boolean>
-$dialog.dismiss() -> boolean                 // Dismiss most recently opened dialog
-
-// Examples
-// Basic dialog usage
-const dialog = document.querySelector('schmancy-dialog');
-// Show dialog centered
-const result = await dialog.show();
-// Show dialog at specific coordinates
-const result = await dialog.show({ x: 100, y: 200 });
-// Show dialog at click position
-button.addEventListener('click', async (e) => {
-  const result = await dialog.show(e);
-  console.log('Dialog result:', result);
-});
-
-// Manually hiding dialog
-dialog.hide(true);  // Hide with positive result
-dialog.hide(false); // Hide with negative result
-
-// Dialog with confirm/cancel buttons
-<schmancy-dialog id="confirmDialog">
-  <div style="padding: 16px;">
-    <h3>Confirm Action</h3>
-    <p>Are you sure you want to proceed?</p>
-    <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px;">
-      <schmancy-button variant="text" @click=${() => dialog.hide(false)}>
-        Cancel
-      </schmancy-button>
-      <schmancy-button variant="filled" @click=${() => dialog.hide(true)}>
-        Confirm
-      </schmancy-button>
-    </div>
-  </div>
-</schmancy-dialog>
+import { $dialog } from '@mhmo91/schmancy'
 
-// Using the dialog service
 // Simple confirmation
-const confirmed = await $dialog.ask("Save changes?", event);
+const confirmed = await $dialog.ask("Save changes?")
 
-// Confirmation with custom options
+// Confirmation with options
 const confirmed = await $dialog.confirm({
-  title: "Confirm Deletion",
-  message: "Are you sure you want to delete this item? This action cannot be undone.",
+  title: "Delete Item",
+  message: "This action cannot be undone.",
   confirmText: "Delete",
-  cancelText: "Cancel",
-  variant: "danger",
-  position: event
-});
+  confirmColor: "error"  // Makes button red
+})
+
+// Custom component dialog
+const result = await $dialog.component(html`
+  <div class="p-4">
+    <schmancy-input label="Name"></schmancy-input>
+  </div>
+`)
+
+// Dismiss active dialog
+$dialog.dismiss()
+```
+
+### Component API (Low-level)
+```js
+// In Lit component template
+html`<schmancy-dialog id="myDialog">
+  <div class="p-4">Content here</div>
+</schmancy-dialog>`
+
+// In Lit component class
+@query('#myDialog') dialog!: SchmancyDialog
+
+// Show dialog (returns promise)
+const result = await this.dialog.show()        // Centered
+const result = await this.dialog.show(event)   // At click position
+const result = await this.dialog.show({x, y})  // At coordinates
+
+// Hide dialog
+this.dialog.hide(true)   // Resolve with true
+this.dialog.hide(false)  // Resolve with false
+```
+
+## Service Methods
+
+### $dialog.confirm(options)
+Shows a confirmation dialog with title, message, and buttons.
+
+```js
+options = {
+  title?: string,              // Dialog title
+  subtitle?: string,           // Subtitle below title
+  message?: string,            // Main message
+  confirmText?: string,        // Confirm button text (default: "Confirm")
+  cancelText?: string,         // Cancel button text (default: "Cancel")
+  variant?: "default"|"danger",// Style variant
+  confirmColor?: "primary"|"error"|"warning"|"success", // Button color
+  position?: {x,y}|Event,      // Position (default: centered)
+  width?: string,              // Dialog width (default: "360px")
+  content?: TemplateResult,    // Custom content (replaces message)
+  onConfirm?: Function,        // Confirm callback
+  onCancel?: Function,         // Cancel callback
+  targetContainer?: HTMLElement // Where to append dialog
+}
+```
+
+### $dialog.ask(message, event?)
+Simple confirmation with just a message.
+
+### $dialog.danger(options)
+Confirmation dialog with danger styling (same options as confirm, variant forced to "danger").
+
+### $dialog.component(content, options?)
+Shows dialog with custom content, no built-in buttons or title.
 
-// Confirmation with colored button
+```js
+content = TemplateResult | HTMLElement | (() => TemplateResult|HTMLElement)
+options = {
+  position?: {x,y}|Event,
+  width?: string,
+  targetContainer?: HTMLElement
+}
+```
+
+### $dialog.dismiss()
+Dismisses the most recently opened dialog. Returns true if a dialog was dismissed.
+
+## Component Structure
+
+### schmancy-dialog
+Basic dialog container without built-in UI.
+- Shows overlay and positioned container
+- Handles positioning (centered or at coordinates)
+- Emits `close` event
+- CSS variable: `--dialog-width`
+
+### confirm-dialog
+Extended dialog with title, message, and action buttons.
+- All features of schmancy-dialog
+- Built-in form with confirm/cancel buttons
+- Supports custom content via slot
+- Button colors based on `confirmColor` property
+
+## Positioning
+
+Dialogs can be positioned:
+1. **Centered** (default) - Centers in viewport with slight upward shift
+2. **At event** - Opens at click/touch position
+3. **At coordinates** - Opens at specific {x, y}
+
+Positioning automatically adjusts to stay within viewport using Floating UI.
+
+## Examples
+
+### Delete confirmation with red button
+```js
 const confirmed = await $dialog.confirm({
   title: "Delete Transaction",
-  message: `Are you sure you want to delete this transaction of ${amount} units?`,
+  message: "Are you sure you want to delete this transaction?",
   confirmText: "Delete",
-  cancelText: "Cancel",
-  confirmColor: "error",  // Makes confirm button red
-});
+  confirmColor: "error"
+})
+```
 
-// Dialog with custom content
+### Form in dialog
+```js
 const result = await $dialog.component(html`
-  <div>
-    <schmancy-input id="nameInput" label="Your Name"></schmancy-input>
-  </div>
-`, {
-  title: "Enter Name",
-  confirmText: "Submit",
-  onConfirm: () => {
-    const value = document.getElementById("nameInput").value;
-    return value ? true : false;
-  }
-});
-
-// Dialog for dangerous actions
-const confirmed = await $dialog.danger({
-  title: "Warning",
-  message: "You are about to delete your account. This action is permanent.",
-  confirmText: "Delete Account",
-  position: event
-});
-```
+  <schmancy-form class="p-4">
+    <schmancy-input label="Email" type="email" required></schmancy-input>
+    <schmancy-input label="Password" type="password" required></schmancy-input>
+    <div class="flex gap-2 mt-4">
+      <schmancy-button @click=${() => $dialog.dismiss()}>Cancel</schmancy-button>
+      <schmancy-button type="submit">Login</schmancy-button>
+    </div>
+  </schmancy-form>
+`)
+```
+
+### Context menu at click position
+```js
+// In Lit component
+async handleContextMenu(e: MouseEvent) {
+  const action = await $dialog.component(html`
+    <schmancy-list>
+      <schmancy-list-item @click=${() => $dialog.dismiss()}>Edit</schmancy-list-item>
+      <schmancy-list-item @click=${() => $dialog.dismiss()}>Delete</schmancy-list-item>
+    </schmancy-list>
+  `, { position: e, width: '200px' })
+  
+  console.log('Selected:', action)
+}
+
+render() {
+  return html`
+    <schmancy-button @click=${this.handleContextMenu}>Options</schmancy-button>
+  `
+}
+```
+
+## Important Notes
+
+1. **Service is singleton** - All dialogs managed centrally
+2. **Auto-cleanup** - Dialogs removed from DOM after closing
+3. **Theme-aware** - Dialogs attach to nearest `<schmancy-theme>` element
+4. **Stacking** - Multiple dialogs stack with proper z-index
+5. **Responsive** - Dialogs resize and reposition on viewport changes
+6. **Keyboard** - ESC key triggers cancel (via overlay click)

package/dist/ai/dialog.md

@@ -1,138 +1,174 @@
 # Schmancy Dialog - AI Reference
 
+## Quick Start
+
+### Service API (Recommended)
 ```js
-// Basic Dialog Component
-<schmancy-dialog
-  uid?="string">                             // Unique identifier for dialog instance
-  <!-- Dialog content goes here -->
-  <div>Dialog content</div>
-</schmancy-dialog>
-
-// Dialog Component Methods
-dialog.show(position?) -> Promise<boolean>   // Show dialog, optionally at a specific position
-dialog.hide(result?) -> void                 // Hide dialog with optional result (true/false)
-
-// Position can be:
-// - Undefined: Centers dialog in viewport
-// - Coordinates: { x: number, y: number }
-// - MouseEvent: Uses click coordinates
-// - TouchEvent: Uses touch coordinates
-
-// Dialog Events
-@close   // Fires when dialog is closed
-
-// CSS Variables
---dialog-width: 360px                        // Controls dialog width
-
-// Confirm Dialog Component (used internally by service)
-<confirm-dialog
-  title?="string"                            // Dialog title
-  subtitle?="string"                         // Dialog subtitle  
-  message?="string"                          // Dialog message
-  confirm-text?="string"                     // Confirm button text (default: "Confirm")
-  cancel-text?="string"                      // Cancel button text (default: "Cancel")
-  variant?="default|danger"                  // Dialog variant (default: "default")
-  confirm-color?="primary|error|warning|success">  // Confirm button color
-  <div slot="content">Custom content</div>
-</confirm-dialog>
-
-// Service API (higher-level abstraction)
-$dialog.confirm({
-  title?,
-  subtitle?,
-  message?,
-  confirmText?,
-  cancelText?,
-  variant?: "default"|"danger",
-  confirmColor?: "primary"|"error"|"warning"|"success",  // Button color for confirm action
-  position?: {x,y}|MouseEvent|TouchEvent,
-  width?: string,
-  content?: TemplateResult|HTMLElement|Function,
-  onConfirm?: Function,
-  onCancel?: Function,
-  targetContainer?: HTMLElement              // Container to append dialog to (uses theme discovery pattern)
-}) -> Promise<boolean>
-
-$dialog.ask(message, event?) -> Promise<boolean>
-$dialog.danger({...options}) -> Promise<boolean>
-$dialog.component(content, options?) -> Promise<boolean>
-$dialog.dismiss() -> boolean                 // Dismiss most recently opened dialog
-
-// Examples
-// Basic dialog usage
-const dialog = document.querySelector('schmancy-dialog');
-// Show dialog centered
-const result = await dialog.show();
-// Show dialog at specific coordinates
-const result = await dialog.show({ x: 100, y: 200 });
-// Show dialog at click position
-button.addEventListener('click', async (e) => {
-  const result = await dialog.show(e);
-  console.log('Dialog result:', result);
-});
-
-// Manually hiding dialog
-dialog.hide(true);  // Hide with positive result
-dialog.hide(false); // Hide with negative result
-
-// Dialog with confirm/cancel buttons
-<schmancy-dialog id="confirmDialog">
-  <div style="padding: 16px;">
-    <h3>Confirm Action</h3>
-    <p>Are you sure you want to proceed?</p>
-    <div style="display: flex; justify-content: flex-end; gap: 8px; margin-top: 16px;">
-      <schmancy-button variant="text" @click=${() => dialog.hide(false)}>
-        Cancel
-      </schmancy-button>
-      <schmancy-button variant="filled" @click=${() => dialog.hide(true)}>
-        Confirm
-      </schmancy-button>
-    </div>
-  </div>
-</schmancy-dialog>
+import { $dialog } from '@mhmo91/schmancy'
 
-// Using the dialog service
 // Simple confirmation
-const confirmed = await $dialog.ask("Save changes?", event);
+const confirmed = await $dialog.ask("Save changes?")
 
-// Confirmation with custom options
+// Confirmation with options
 const confirmed = await $dialog.confirm({
-  title: "Confirm Deletion",
-  message: "Are you sure you want to delete this item? This action cannot be undone.",
+  title: "Delete Item",
+  message: "This action cannot be undone.",
   confirmText: "Delete",
-  cancelText: "Cancel",
-  variant: "danger",
-  position: event
-});
+  confirmColor: "error"  // Makes button red
+})
+
+// Custom component dialog
+const result = await $dialog.component(html`
+  <div class="p-4">
+    <schmancy-input label="Name"></schmancy-input>
+  </div>
+`)
+
+// Dismiss active dialog
+$dialog.dismiss()
+```
+
+### Component API (Low-level)
+```js
+// In Lit component template
+html`<schmancy-dialog id="myDialog">
+  <div class="p-4">Content here</div>
+</schmancy-dialog>`
+
+// In Lit component class
+@query('#myDialog') dialog!: SchmancyDialog
+
+// Show dialog (returns promise)
+const result = await this.dialog.show()        // Centered
+const result = await this.dialog.show(event)   // At click position
+const result = await this.dialog.show({x, y})  // At coordinates
+
+// Hide dialog
+this.dialog.hide(true)   // Resolve with true
+this.dialog.hide(false)  // Resolve with false
+```
+
+## Service Methods
+
+### $dialog.confirm(options)
+Shows a confirmation dialog with title, message, and buttons.
+
+```js
+options = {
+  title?: string,              // Dialog title
+  subtitle?: string,           // Subtitle below title
+  message?: string,            // Main message
+  confirmText?: string,        // Confirm button text (default: "Confirm")
+  cancelText?: string,         // Cancel button text (default: "Cancel")
+  variant?: "default"|"danger",// Style variant
+  confirmColor?: "primary"|"error"|"warning"|"success", // Button color
+  position?: {x,y}|Event,      // Position (default: centered)
+  width?: string,              // Dialog width (default: "360px")
+  content?: TemplateResult,    // Custom content (replaces message)
+  onConfirm?: Function,        // Confirm callback
+  onCancel?: Function,         // Cancel callback
+  targetContainer?: HTMLElement // Where to append dialog
+}
+```
+
+### $dialog.ask(message, event?)
+Simple confirmation with just a message.
+
+### $dialog.danger(options)
+Confirmation dialog with danger styling (same options as confirm, variant forced to "danger").
+
+### $dialog.component(content, options?)
+Shows dialog with custom content, no built-in buttons or title.
 
-// Confirmation with colored button
+```js
+content = TemplateResult | HTMLElement | (() => TemplateResult|HTMLElement)
+options = {
+  position?: {x,y}|Event,
+  width?: string,
+  targetContainer?: HTMLElement
+}
+```
+
+### $dialog.dismiss()
+Dismisses the most recently opened dialog. Returns true if a dialog was dismissed.
+
+## Component Structure
+
+### schmancy-dialog
+Basic dialog container without built-in UI.
+- Shows overlay and positioned container
+- Handles positioning (centered or at coordinates)
+- Emits `close` event
+- CSS variable: `--dialog-width`
+
+### confirm-dialog
+Extended dialog with title, message, and action buttons.
+- All features of schmancy-dialog
+- Built-in form with confirm/cancel buttons
+- Supports custom content via slot
+- Button colors based on `confirmColor` property
+
+## Positioning
+
+Dialogs can be positioned:
+1. **Centered** (default) - Centers in viewport with slight upward shift
+2. **At event** - Opens at click/touch position
+3. **At coordinates** - Opens at specific {x, y}
+
+Positioning automatically adjusts to stay within viewport using Floating UI.
+
+## Examples
+
+### Delete confirmation with red button
+```js
 const confirmed = await $dialog.confirm({
   title: "Delete Transaction",
-  message: `Are you sure you want to delete this transaction of ${amount} units?`,
+  message: "Are you sure you want to delete this transaction?",
   confirmText: "Delete",
-  cancelText: "Cancel",
-  confirmColor: "error",  // Makes confirm button red
-});
+  confirmColor: "error"
+})
+```
 
-// Dialog with custom content
+### Form in dialog
+```js
 const result = await $dialog.component(html`
-  <div>
-    <schmancy-input id="nameInput" label="Your Name"></schmancy-input>
-  </div>
-`, {
-  title: "Enter Name",
-  confirmText: "Submit",
-  onConfirm: () => {
-    const value = document.getElementById("nameInput").value;
-    return value ? true : false;
-  }
-});
-
-// Dialog for dangerous actions
-const confirmed = await $dialog.danger({
-  title: "Warning",
-  message: "You are about to delete your account. This action is permanent.",
-  confirmText: "Delete Account",
-  position: event
-});
-```
+  <schmancy-form class="p-4">
+    <schmancy-input label="Email" type="email" required></schmancy-input>
+    <schmancy-input label="Password" type="password" required></schmancy-input>
+    <div class="flex gap-2 mt-4">
+      <schmancy-button @click=${() => $dialog.dismiss()}>Cancel</schmancy-button>
+      <schmancy-button type="submit">Login</schmancy-button>
+    </div>
+  </schmancy-form>
+`)
+```
+
+### Context menu at click position
+```js
+// In Lit component
+async handleContextMenu(e: MouseEvent) {
+  const action = await $dialog.component(html`
+    <schmancy-list>
+      <schmancy-list-item @click=${() => $dialog.dismiss()}>Edit</schmancy-list-item>
+      <schmancy-list-item @click=${() => $dialog.dismiss()}>Delete</schmancy-list-item>
+    </schmancy-list>
+  `, { position: e, width: '200px' })
+  
+  console.log('Selected:', action)
+}
+
+render() {
+  return html`
+    <schmancy-button @click=${this.handleContextMenu}>Options</schmancy-button>
+  `
+}
+```
+
+## Important Notes
+
+1. **Service is singleton** - All dialogs managed centrally
+2. **Auto-cleanup** - Dialogs removed from DOM after closing
+3. **Theme-aware** - Dialogs attach to nearest `<schmancy-theme>` element
+4. **Stacking** - Multiple dialogs stack with proper z-index
+5. **Responsive** - Dialogs resize and reposition on viewport changes
+6. **Keyboard** - ESC key triggers cancel (via overlay click)

package/dist/{avatar-BiT2LzbV.cjs → avatar-CagKP9HD.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("lit"),o=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-CtXY3MHV.cjs");const $=require("./area.component-DQ_erV9e.cjs");require("./autocomplete-PHnzqAII.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-DVKI3qb9.cjs"),D=require("./ripple-C2BHbhcS.cjs");require("./boat-B_xZilsk.cjs"),require("./spinner-CV62BBoF.cjs"),require("./icon-button-9V68mzcL.cjs"),require("./media-CIuTybvD.cjs"),require("./checkbox-BAuVXvYL.cjs"),require("./chips-Dg2otqDI.cjs"),require("./circular-progress-DZUJU-z3.cjs"),require("./code-preview-CYHNaPek.cjs"),require("./payment-card-form-ccF9dfGC.cjs");const p=require("./types.cjs"),d=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-B01R2oT7.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-Cf9ldt-N.cjs"),require("./date-range-inline-Czq1wHs1.cjs"),require("./delay-FgtrEHdo.cjs"),require("./dialog-content-tiwbeegi.cjs"),require("./dialog-service-DUDhcx9X.cjs"),require("./divider-2yg9r1tF.cjs"),require("./dropdown-content-DJ4CA3ug.cjs"),require("./timezone-UBBApQoU.cjs"),require("./form-Dpokur4M.cjs"),require("./icon-mhchC8Qw.cjs"),require("./input-DzNoI9qU.cjs"),require("./flex-DWnX0ZPR.cjs"),require("./list-DRbkWHho.cjs"),require("./menu-DEbZxoXr.cjs");const W=require("lit/directives/when.js");require("./notification-service-B6nHqzq5.cjs"),require("./option-BPmOG_Hw.cjs"),require("./progress-BqZ7yHQe.cjs"),require("./radio-button-WmbuT_YW.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-CPnSionr.cjs");const A=require("./sheet-eCDoMdHF.cjs");require("./slider-DBNoXRWS.cjs"),require("./schmancy-steps-container-CjAsrjKf.cjs"),require("./context-object-K_1gDFu-.cjs");const N=require("rxjs/operators");require("./surface-ClfeUI6q.cjs"),require("./table-Rqnb4AJl.cjs"),require("./tabs-compatibility-B1bE7hSG.cjs"),require("./textarea-Dlnyyrbq.cjs"),require("./theme.component-RtV3l-Ns.cjs"),require("./theme-button-Cao8AH8r.cjs"),require("./tooltip-WpE4e-fO.cjs"),require("./tree-Dn0t7MUR.cjs"),require("./typewriter-DwLZUKKQ.cjs"),require("./typography-BhCrqK_b.cjs");const i=require("./theme.interface-Xg5Zi46a.cjs");var X=Object.defineProperty,H=Object.getOwnPropertyDescriptor,g=(e,t,n,a)=>{for(var c,r=a>1?void 0:a?H(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(a?c(t,n,r):c(r))||r);return a&&r&&X(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
+"use strict";const l=require("lit"),o=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-CtXY3MHV.cjs");const $=require("./area.component-DQ_erV9e.cjs");require("./autocomplete-PHnzqAII.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-DVKI3qb9.cjs"),D=require("./ripple-C2BHbhcS.cjs");require("./boat-B_xZilsk.cjs"),require("./spinner-CV62BBoF.cjs"),require("./icon-button-DbvjV5zJ.cjs"),require("./media-CIuTybvD.cjs"),require("./checkbox-BAuVXvYL.cjs"),require("./chips-Dg2otqDI.cjs"),require("./circular-progress-DZUJU-z3.cjs"),require("./code-preview-CYHNaPek.cjs"),require("./payment-card-form-ccF9dfGC.cjs");const p=require("./types.cjs"),d=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-B01R2oT7.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-Cf9ldt-N.cjs"),require("./date-range-inline-Czq1wHs1.cjs"),require("./delay-FgtrEHdo.cjs"),require("./dialog-content-tiwbeegi.cjs"),require("./dialog-service-DUDhcx9X.cjs"),require("./divider-2yg9r1tF.cjs"),require("./dropdown-content-DJ4CA3ug.cjs"),require("./timezone-UBBApQoU.cjs"),require("./form-Dpokur4M.cjs"),require("./icon-mhchC8Qw.cjs"),require("./input-DzNoI9qU.cjs"),require("./flex-DWnX0ZPR.cjs"),require("./list-DRbkWHho.cjs"),require("./menu-DEbZxoXr.cjs");const W=require("lit/directives/when.js");require("./notification-service-B6nHqzq5.cjs"),require("./option-BPmOG_Hw.cjs"),require("./progress-BqZ7yHQe.cjs"),require("./radio-button-WmbuT_YW.cjs"),require("./index-DyJ0oDpR.cjs"),require("./select-CPnSionr.cjs");const A=require("./sheet-eCDoMdHF.cjs");require("./slider-DBNoXRWS.cjs"),require("./schmancy-steps-container-CjAsrjKf.cjs"),require("./context-object-K_1gDFu-.cjs");const N=require("rxjs/operators");require("./surface-ClfeUI6q.cjs"),require("./table-Rqnb4AJl.cjs"),require("./tabs-compatibility-B1bE7hSG.cjs"),require("./textarea-Dlnyyrbq.cjs"),require("./theme.component-RtV3l-Ns.cjs"),require("./theme-button-Cao8AH8r.cjs"),require("./tooltip-WpE4e-fO.cjs"),require("./tree-Dn0t7MUR.cjs"),require("./typewriter-DwLZUKKQ.cjs"),require("./typography-BhCrqK_b.cjs");const i=require("./theme.interface-Xg5Zi46a.cjs");var X=Object.defineProperty,H=Object.getOwnPropertyDescriptor,g=(e,t,n,a)=>{for(var c,r=a>1?void 0:a?H(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(a?c(t,n,r):c(r))||r);return a&&r&&X(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
 	:host {
 		display: inline-flex;
 	}
@@ -202,4 +202,4 @@
 		`}getColorAttributes(){const e={primary:{bgColor:i.SchmancyTheme.sys.color.primary.container,color:i.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:i.SchmancyTheme.sys.color.secondary.container,color:i.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:i.SchmancyTheme.sys.color.tertiary.container,color:i.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:i.SchmancyTheme.sys.color.success.container,color:i.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:i.SchmancyTheme.sys.color.error.container,color:i.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:i.SchmancyTheme.sys.color.surface.container,color:i.SchmancyTheme.sys.color.surface.on}};return D.color(e[this.color])}renderStatusIndicator(){const e={online:i.SchmancyTheme.sys.color.success.default,offline:i.SchmancyTheme.sys.color.surface.onVariant,busy:i.SchmancyTheme.sys.color.error.default,away:i.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4"}[this.size]]:!0};return l.html`
 			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
 		`}},u([o.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),u([o.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),u([o.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=u([o.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=Q,exports.HereMorty=B,exports.SchmancyContentDrawerID=I,exports.SchmancyContentDrawerMaxHeight=k,exports.SchmancyContentDrawerMinWidth=M,exports.SchmancyContentDrawerSheetMode=q,exports.SchmancyContentDrawerSheetState=j,exports.SchmancyDrawerNavbarMode=O,exports.SchmancyDrawerNavbarState=z,exports.WhereAreYouRicky=P,exports.schmancyContentDrawer=V,exports.schmancyNavDrawer=R,exports.teleport=x;
-//# sourceMappingURL=avatar-BiT2LzbV.cjs.map
+//# sourceMappingURL=avatar-CagKP9HD.cjs.map