@threadlabs/looma 0.1.2 → 0.1.4

package/dist/{chunk-YK4MTZGJ.js → chunk-3PASQ7DE.js}

@@ -6,32 +6,32 @@ var __glob = (map) => (path) => {
 
 // import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js
 var globImport_entry_js = __glob({
-  "./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-BZGXBOSE.js"),
-  "./ui-avatar.entry.js": () => import("./ui-avatar.entry-S2O2W5SA.js"),
-  "./ui-badge.entry.js": () => import("./ui-badge.entry-CVJDISCR.js"),
-  "./ui-button.entry.js": () => import("./ui-button.entry-LNJBEJFE.js"),
-  "./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-5RA2CB43.js"),
-  "./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-UUOCT75F.js"),
-  "./ui-dialog.entry.js": () => import("./ui-dialog.entry-OEPJTEES.js"),
-  "./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-LRRISGUD.js"),
-  "./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-7TSAZRXP.js"),
-  "./ui-form-field.entry.js": () => import("./ui-form-field.entry-73YOVICF.js"),
-  "./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-MNXGPG36.js"),
-  "./ui-input.entry.js": () => import("./ui-input.entry-UWRVAOSW.js"),
-  "./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-5AOJO5MP.js"),
-  "./ui-menu.entry.js": () => import("./ui-menu.entry-YDS6UMB5.js"),
-  "./ui-popover.entry.js": () => import("./ui-popover.entry-PGWDCQIX.js"),
-  "./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-RHP5GNWU.js"),
-  "./ui-radio.entry.js": () => import("./ui-radio.entry-5WRWPSTK.js"),
-  "./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-IKJB2SJJ.js"),
-  "./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-ZIWF4ZHH.js"),
-  "./ui-select.entry.js": () => import("./ui-select.entry-N5TIKHR7.js"),
-  "./ui-switch.entry.js": () => import("./ui-switch.entry-WUSZTXIR.js"),
-  "./ui-tabs.entry.js": () => import("./ui-tabs.entry-UFAVAQIF.js"),
-  "./ui-textarea.entry.js": () => import("./ui-textarea.entry-BYT47RAQ.js"),
-  "./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-6UYR3ZU2.js"),
-  "./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-YS7UX4FS.js"),
-  "./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-V27H6NFO.js")
+  "./ui-avatar-group.entry.js": () => import("./ui-avatar-group.entry-DBVLQ4KB.js"),
+  "./ui-avatar.entry.js": () => import("./ui-avatar.entry-2WTBM2EC.js"),
+  "./ui-badge.entry.js": () => import("./ui-badge.entry-XKIGBK5V.js"),
+  "./ui-button.entry.js": () => import("./ui-button.entry-PWT56MPD.js"),
+  "./ui-checkbox.entry.js": () => import("./ui-checkbox.entry-QT5S7EEL.js"),
+  "./ui-context-menu.entry.js": () => import("./ui-context-menu.entry-NGWR3LOZ.js"),
+  "./ui-dialog.entry.js": () => import("./ui-dialog.entry-PEDDIALQ.js"),
+  "./ui-disclosure.entry.js": () => import("./ui-disclosure.entry-UKO7MAZM.js"),
+  "./ui-floating-action-button.entry.js": () => import("./ui-floating-action-button.entry-SSGHRMCO.js"),
+  "./ui-form-field.entry.js": () => import("./ui-form-field.entry-6TZCWPYL.js"),
+  "./ui-icon-button.entry.js": () => import("./ui-icon-button.entry-WMCYMK2H.js"),
+  "./ui-input.entry.js": () => import("./ui-input.entry-AZ5BGQNA.js"),
+  "./ui-menu-item.entry.js": () => import("./ui-menu-item.entry-L4NJDBKF.js"),
+  "./ui-menu.entry.js": () => import("./ui-menu.entry-DGUYAE3Q.js"),
+  "./ui-popover.entry.js": () => import("./ui-popover.entry-A54EKVZG.js"),
+  "./ui-radio-group.entry.js": () => import("./ui-radio-group.entry-6YP4LY4N.js"),
+  "./ui-radio.entry.js": () => import("./ui-radio.entry-CGYNK7PN.js"),
+  "./ui-search-result-row.entry.js": () => import("./ui-search-result-row.entry-DGKSI2QM.js"),
+  "./ui-search-shell.entry.js": () => import("./ui-search-shell.entry-3F5ASGTW.js"),
+  "./ui-select.entry.js": () => import("./ui-select.entry-SXSZPVXA.js"),
+  "./ui-switch.entry.js": () => import("./ui-switch.entry-AD4EVUWM.js"),
+  "./ui-tabs.entry.js": () => import("./ui-tabs.entry-WLKO5G5N.js"),
+  "./ui-textarea.entry.js": () => import("./ui-textarea.entry-IHPC7Q4R.js"),
+  "./ui-toast-region.entry.js": () => import("./ui-toast-region.entry-GCW2LJAC.js"),
+  "./ui-tooltip.entry.js": () => import("./ui-tooltip.entry-EU2G6BH5.js"),
+  "./ui-top-bar.entry.js": () => import("./ui-top-bar.entry-NMAFXVET.js")
 });
 
 // dist/esm/index-CEeiinfk.js

package/dist/cjs/ui-button.cjs.entry.js

@@ -3,14 +3,14 @@
 var index = require('./index-D07f6BOw.js');
 var events = require('./events-TcQIzpNv.js');
 
-const uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([data-variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none}:host([data-variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([data-variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([data-variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}`;
+const uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}:host([variant='outline'])::slotted(button),::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-button-radius, var(--ui-radius-2));background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs))}:host([variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none;transform:translateY(0)}:host([variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs))}:host([variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([variant='destructive'])::slotted(button:active:enabled){box-shadow:none;transform:translateY(0)}:host([variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}`;
 
 const UIButton = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     get host() { return index.getElement(this); }
-    variant;
+    variant = 'outline';
     size;
     disabled = false;
     slotRef;
@@ -18,7 +18,6 @@ const UIButton = class {
         const btn = this.getButton();
         if (!btn)
             return;
-        this.host.dataset.variant = this.variant || '';
         this.host.dataset.size = this.size || '';
         this.host.dataset.disabled = this.disabled ? 'true' : '';
         btn.disabled = this.disabled;
@@ -43,7 +42,7 @@ const UIButton = class {
         this.host.click();
     };
     render() {
-        return (index.h(index.Host, { key: '01011aa13228b9e8d10ed11b99c95ef1df91326d', "data-variant": this.variant || undefined, "data-size": this.size || undefined, "data-disabled": this.disabled ? '' : undefined, onKeyDown: this.onKeydown }, index.h("slot", { key: '2bf0274d2732ea46fdf016a46d85bbe6e0d96bba', ref: (el) => (this.slotRef = el) })));
+        return (index.h(index.Host, { key: '7840303538ca2e4724ea634809fd6c2ad451f9d1', "data-size": this.size || undefined, "data-disabled": this.disabled ? '' : undefined, onKeyDown: this.onKeydown }, index.h("slot", { key: '731348c7cbb5c5f196dbd565058e0f410836ace2', ref: (el) => (this.slotRef = el) })));
     }
     static get watchers() { return {
         "variant": [{

package/dist/cjs/ui-dialog.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-D07f6BOw.js');
 var manager = require('./manager-BOpVXb92.js');
 var events = require('./events-TcQIzpNv.js');
 
-const uiDialogCss = () => `:host{display:block}:host:not([open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);position:fixed;inset:var(--ui-space-4);width:min(100%, 440px);max-width:min(100%, 440px);margin:auto;padding:var(--ui-space-4);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
+const uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
 
 const UIDialog = class {
     constructor(hostRef) {

package/dist/cjs/ui-floating-action-button.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-D07f6BOw.js');
 
-const uiFloatingActionButtonCss = () => `:host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem));inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}`;
+const uiFloatingActionButtonCss = () => `:host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:max(     var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),     env(safe-area-inset-right)   );inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}`;
 
 const UIFloatingActionButton = class {
     constructor(hostRef) {

package/dist/cjs/ui-menu.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-D07f6BOw.js');
 var events = require('./events-TcQIzpNv.js');
 
-const uiMenuCss = () => `:host{display:flex;flex-direction:column;min-width:12rem;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}`;
+const uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}`;
 
 const UIMenu = class {
     constructor(hostRef) {

package/dist/cjs/ui-popover.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-D07f6BOw.js');
 var manager = require('./manager-BOpVXb92.js');
 var events = require('./events-TcQIzpNv.js');
 
-const uiPopoverCss = () => `:host{padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-width:min(20rem, 90vw)}`;
+const uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto}`;
 
 const UIPopover = class {
     constructor(hostRef) {

package/dist/cjs/ui-search-shell.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-D07f6BOw.js');
 
-const uiSearchShellCss = () => `:host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min(     calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)),     var(--ui-search-shell-max-width, 640px)   );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;max-block-size:100dvh;border-radius:0;border-inline:none;border-block-start:none}}`;
+const uiSearchShellCss = () => `:host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min(     calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)),     var(--ui-search-shell-max-width, 640px)   );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;block-size:100vh;block-size:100dvh;max-block-size:none;border-radius:0;border-inline:none;border-block-start:none}}`;
 
 function slotHasContent(slot) {
     if (!slot) {

package/dist/cjs/ui-tabs.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-D07f6BOw.js');
 var events = require('./events-TcQIzpNv.js');
 
-const uiTabsCss = () => `:host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}`;
+const uiTabsCss = () => `:host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}`;
 
 const UITabs = class {
     constructor(hostRef) {

package/dist/cjs/ui-toast-region.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-D07f6BOw.js');
 var events = require('./events-TcQIzpNv.js');
 
-const uiToastRegionCss = () => `:host{position:fixed;top:var(--ui-space-4);left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);max-width:min(24rem, 90vw);pointer-events:none}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}`;
+const uiToastRegionCss = () => `:host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}`;
 
 const UIToastRegion = class {
     constructor(hostRef) {

package/dist/cjs/ui-top-bar.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-D07f6BOw.js');
 
-const uiTopBarCss = () => `:host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:var(--ui-top-bar-height, 56px);display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem));background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}`;
+const uiTopBarCss = () => `:host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-block-start:env(safe-area-inset-top);padding-inline-start:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-left)   );padding-inline-end:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-right)   );background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}`;
 
 function slotHasContent(slot) {
     if (!slot) {

package/dist/collection/components/ui-button/ui-button.css

@@ -4,10 +4,11 @@
   color: var(--ui-text-primary);
 }
 
+:host([variant='outline'])::slotted(button),
 ::slotted(button) {
   appearance: none;
   border: 1px solid var(--ui-border-default);
-  border-radius: var(--ui-radius-2);
+  border-radius: var(--ui-button-radius, var(--ui-radius-2));
   background: var(--ui-surface-default);
   color: inherit;
   font: inherit;
@@ -19,7 +20,8 @@
     background-color var(--ui-motion-fast) var(--ui-motion-ease),
     border-color var(--ui-motion-fast) var(--ui-motion-ease),
     color var(--ui-motion-fast) var(--ui-motion-ease),
-    box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
+    box-shadow var(--ui-motion-fast) var(--ui-motion-ease),
+    transform var(--ui-motion-fast) var(--ui-motion-ease);
   margin: 0;
 }
 
@@ -42,49 +44,57 @@
   background: var(--ui-surface-subtle);
 }
 
-:host([data-variant='solid'])::slotted(button) {
+:host([variant='solid'])::slotted(button) {
   border-color: var(--ui-accent-solid);
   background: var(--ui-accent-solid);
   color: var(--ui-text-on-accent);
-  box-shadow: var(--ui-shadow-xs);
+  box-shadow: var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs));
 }
 
-:host([data-variant='solid'])::slotted(button:hover:enabled) {
+:host([variant='solid'])::slotted(button:hover:enabled) {
   background: var(--ui-accent-hover);
   border-color: var(--ui-accent-hover);
   box-shadow: var(--ui-shadow-sm);
+  transform: translateY(-1px);
 }
 
-:host([data-variant='solid'])::slotted(button:active:enabled) {
+:host([variant='solid'])::slotted(button:active:enabled) {
   background: var(--ui-accent-active);
   border-color: var(--ui-accent-active);
   box-shadow: none;
+  transform: translateY(0);
 }
 
-:host([data-variant='destructive'])::slotted(button) {
+:host([variant='destructive'])::slotted(button) {
   border-color: var(--ui-danger-solid);
   background: var(--ui-danger-solid);
   color: var(--ui-text-on-accent);
-  box-shadow: var(--ui-shadow-xs);
+  box-shadow: var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs));
 }
 
-:host([data-variant='destructive'])::slotted(button:hover:enabled) {
+:host([variant='destructive'])::slotted(button:hover:enabled) {
   background: var(--ui-danger-hover);
   border-color: var(--ui-danger-hover);
   box-shadow: var(--ui-shadow-sm);
+  transform: translateY(-1px);
 }
 
-:host([data-variant='ghost'])::slotted(button) {
+:host([variant='destructive'])::slotted(button:active:enabled) {
+  box-shadow: none;
+  transform: translateY(0);
+}
+
+:host([variant='ghost'])::slotted(button) {
   border-color: transparent;
   background: transparent;
 }
 
-:host([data-variant='ghost'])::slotted(button:hover:enabled) {
+:host([variant='ghost'])::slotted(button:hover:enabled) {
   background: var(--ui-surface-muted);
   border-color: transparent;
 }
 
-:host([data-variant='ghost'])::slotted(button:active:enabled) {
+:host([variant='ghost'])::slotted(button:active:enabled) {
   background: var(--ui-surface-subtle);
   border-color: transparent;
 }

package/dist/collection/components/ui-button/ui-button.js

@@ -2,7 +2,7 @@ import { Host, h } from "@stencil/core";
 import { isActivationKey } from "../../utils/events";
 export class UIButton {
     host;
-    variant;
+    variant = 'outline';
     size;
     disabled = false;
     slotRef;
@@ -10,7 +10,6 @@ export class UIButton {
         const btn = this.getButton();
         if (!btn)
             return;
-        this.host.dataset.variant = this.variant || '';
         this.host.dataset.size = this.size || '';
         this.host.dataset.disabled = this.disabled ? 'true' : '';
         btn.disabled = this.disabled;
@@ -35,7 +34,7 @@ export class UIButton {
         this.host.click();
     };
     render() {
-        return (h(Host, { key: '01011aa13228b9e8d10ed11b99c95ef1df91326d', "data-variant": this.variant || undefined, "data-size": this.size || undefined, "data-disabled": this.disabled ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: '2bf0274d2732ea46fdf016a46d85bbe6e0d96bba', ref: (el) => (this.slotRef = el) })));
+        return (h(Host, { key: '7840303538ca2e4724ea634809fd6c2ad451f9d1', "data-size": this.size || undefined, "data-disabled": this.disabled ? '' : undefined, onKeyDown: this.onKeydown }, h("slot", { key: '731348c7cbb5c5f196dbd565058e0f410836ace2', ref: (el) => (this.slotRef = el) })));
     }
     static get is() { return "ui-button"; }
     static get encapsulation() { return "shadow"; }
@@ -55,12 +54,12 @@ export class UIButton {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "'outline' | 'solid' | 'destructive' | 'ghost'",
+                    "resolved": "\"destructive\" | \"ghost\" | \"outline\" | \"solid\"",
                     "references": {}
                 },
                 "required": false,
-                "optional": true,
+                "optional": false,
                 "docs": {
                     "tags": [],
                     "text": ""
@@ -68,7 +67,8 @@ export class UIButton {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "variant"
+                "attribute": "variant",
+                "defaultValue": "'outline'"
             },
             "size": {
                 "type": "string",

package/dist/collection/components/ui-dialog/ui-dialog.css

@@ -2,18 +2,24 @@
   display: block;
 }
 
-:host:not([open]) {
+:host:not([data-open]) {
   display: none;
 }
 
 :host dialog {
   --ui-dialog-duration: var(--ui-motion-base);
+  --ui-dialog-viewport-gap: var(--ui-space-4, 1rem);
   position: fixed;
-  inset: var(--ui-space-4);
-  width: min(100%, 440px);
-  max-width: min(100%, 440px);
+  inset: 0;
+  inline-size: min(
+    calc(100% - (var(--ui-dialog-viewport-gap) * 2)),
+    var(--ui-dialog-max-width, 440px)
+  );
+  max-inline-size: none;
+  max-block-size: calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));
   margin: auto;
   padding: var(--ui-space-4);
+  overflow: auto;
   background: var(--ui-surface-elevated);
   border: 1px solid var(--ui-border-default);
   border-radius: var(--ui-radius-dialog);

package/dist/collection/components/ui-floating-action-button/ui-floating-action-button.css

@@ -3,7 +3,10 @@
   inset-block-end: calc(
     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)
   );
-  inset-inline-end: var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem));
+  inset-inline-end: max(
+    var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),
+    env(safe-area-inset-right)
+  );
   inline-size: var(--ui-floating-action-button-size, 56px);
   block-size: var(--ui-floating-action-button-size, 56px);
   display: inline-flex;

package/dist/collection/components/ui-menu/ui-menu.css

@@ -1,7 +1,10 @@
 :host {
+  --ui-menu-viewport-gap: var(--ui-space-2, 0.5rem);
   display: flex;
   flex-direction: column;
-  min-width: 12rem;
+  inline-size: max-content;
+  min-inline-size: min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));
+  max-inline-size: calc(100vw - (var(--ui-menu-viewport-gap) * 2));
   padding: var(--ui-space-1);
   background: var(--ui-surface-elevated);
   border: 1px solid var(--ui-border-default);

package/dist/collection/components/ui-popover/ui-popover.css

@@ -1,8 +1,14 @@
 :host {
+  --ui-popover-viewport-gap: var(--ui-space-2, 0.5rem);
   padding: var(--ui-space-3);
   background: var(--ui-surface-elevated);
   border: 1px solid var(--ui-border-default);
   border-radius: var(--ui-radius-3);
   box-shadow: var(--ui-shadow-lg);
-  max-width: min(20rem, 90vw);
+  max-inline-size: min(
+    20rem,
+    calc(100vw - (var(--ui-popover-viewport-gap) * 2))
+  );
+  max-block-size: calc(100dvh - (var(--ui-popover-viewport-gap) * 2));
+  overflow: auto;
 }

package/dist/collection/components/ui-search-shell/ui-search-shell.css

@@ -53,7 +53,9 @@
 
   .search-shell__panel {
     inline-size: 100%;
-    max-block-size: 100dvh;
+    block-size: 100vh;
+    block-size: 100dvh;
+    max-block-size: none;
     border-radius: 0;
     border-inline: none;
     border-block-start: none;

package/dist/collection/components/ui-tabs/ui-tabs.css

@@ -11,6 +11,9 @@
 ::slotted([role='tablist']) {
   display: flex;
   gap: 0;
+  max-inline-size: 100%;
+  overflow-x: auto;
+  overscroll-behavior-inline: contain;
   border-bottom: 1px solid var(--ui-border-default);
 }
 

package/dist/collection/components/ui-toast-region/ui-toast-region.css

@@ -1,12 +1,13 @@
 :host {
   position: fixed;
-  top: var(--ui-space-4);
+  top: calc(var(--ui-space-4) + env(safe-area-inset-top));
   left: 50%;
   transform: translateX(-50%);
   z-index: 9999;
   display: grid;
   gap: var(--ui-space-2);
-  max-width: min(24rem, 90vw);
+  inline-size: min(24rem, calc(100vw - (var(--ui-space-4) * 2)));
+  max-inline-size: 100%;
   pointer-events: none;
 }
 

package/dist/collection/components/ui-top-bar/ui-top-bar.css

@@ -6,11 +6,19 @@
 }
 
 .top-bar {
-  min-block-size: var(--ui-top-bar-height, 56px);
+  min-block-size: calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));
   display: flex;
   align-items: center;
   gap: var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));
-  padding-inline: var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem));
+  padding-block-start: env(safe-area-inset-top);
+  padding-inline-start: max(
+    var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),
+    env(safe-area-inset-left)
+  );
+  padding-inline-end: max(
+    var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),
+    env(safe-area-inset-right)
+  );
   background: var(--ui-top-bar-bg, var(--ui-surface, #ffffff));
   border-block-end: 1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb));
 }

package/dist/components/p-gHC_Ei92.js

@@ -0,0 +1 @@
+import{p as e,H as t,h as i,c as r,t as a}from"./p-CIA4RyEp.js";import{d as o,e as s}from"./p-JwSoedEO.js";const n=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;internalOpen=!1;syncFromProp(){this.internalOpen=this.open}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.host.addEventListener("click",this.onItemClick),this.host.addEventListener("keydown",this.onKeydown)}disconnectedCallback(){this.host.removeEventListener("click",this.onItemClick),this.host.removeEventListener("keydown",this.onKeydown)}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item"))}isItemDisabled(e){return"true"===e.getAttribute("aria-disabled")||e.hasAttribute("disabled")||"true"===e.getAttribute("disabled")||!0===e.disabled}onItemClick=e=>{const t=e.target.closest?.("ui-menu-item");if(!t||t.getRootNode()!==this.host.getRootNode())return;if(this.isItemDisabled(t))return;const i=t.getAttribute("value")??t.getAttribute("data-value")??"";o(this.host,"select",{value:i,trigger:s(e)}),o(this.host,"close",{open:!1,reason:"action",trigger:s(e)}),this.internalOpen=!1};onKeydown=e=>{const i=this.getItems().filter((e=>!this.isItemDisabled(e)));if(0===i.length)return;const r=e.target.closest?.("ui-menu-item"),a=r&&r instanceof t?i.indexOf(r):-1;if("Enter"!==e.key&&" "!==e.key)"ArrowDown"!==e.key&&"ArrowUp"!==e.key||(e.preventDefault(),i["ArrowDown"===e.key?a<0?0:Math.min(a+1,i.length-1):a<=0?i.length-1:a-1].focus());else if(e.preventDefault(),r&&a>=0){const e=r.getAttribute("value")??r.getAttribute("data-value")??"";o(this.host,"select",{value:e,trigger:"keyboard"}),o(this.host,"close",{open:!1,reason:"action",trigger:"keyboard"}),this.internalOpen=!1}};render(){return i(r,{key:"f06ad0f8c09060495757ced2da095817409720b7",role:"menu","aria-orientation":"vertical","data-open":this.internalOpen?"":void 0},i("slot",{key:"d504fd3c33894d0e464b957ce67c75fe8a24899c"}))}static get watchers(){return{open:[{syncFromProp:0}]}}static get style(){return":host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}"}},[769,"ui-menu",{open:[4],defaultOpen:[4,"default-open"],internalOpen:[32]},void 0,{open:[{syncFromProp:0}]}]);function u(){"undefined"!=typeof customElements&&["ui-menu"].forEach((e=>{"ui-menu"===e&&(customElements.get(a(e))||customElements.define(a(e),n))}))}export{n as U,u as d}

package/dist/components/ui-button.js

@@ -1 +1 @@
-import{p as t,H as o,h as a,c as e,t as r}from"./p-CIA4RyEp.js";import{i}from"./p-JwSoedEO.js";const s=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}variant;size;disabled=!1;slotRef;syncToButton(){const t=this.getButton();t&&(this.host.dataset.variant=this.variant||"",this.host.dataset.size=this.size||"",this.host.dataset.disabled=this.disabled?"true":"",t.disabled=this.disabled)}componentDidLoad(){this.slotRef?.addEventListener("slotchange",(()=>this.syncToButton())),this.syncToButton()}componentDidUpdate(){this.syncToButton()}getButton(){const t=this.host.shadowRoot?.querySelector("slot");return(t?.assignedElements()??Array.from(this.host.children)).find((t=>"BUTTON"===t.tagName))??null}onKeydown=t=>{this.getButton()||this.disabled||!i(t)||(t.preventDefault(),this.host.click())};render(){return a(e,{key:"01011aa13228b9e8d10ed11b99c95ef1df91326d","data-variant":this.variant||void 0,"data-size":this.size||void 0,"data-disabled":this.disabled?"":void 0,onKeyDown:this.onKeydown},a("slot",{key:"2bf0274d2732ea46fdf016a46d85bbe6e0d96bba",ref:t=>this.slotRef=t}))}static get watchers(){return{variant:[{syncToButton:0}],size:[{syncToButton:0}],disabled:[{syncToButton:0}]}}static get style(){return":host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([data-variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none}:host([data-variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-shadow-xs)}:host([data-variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm)}:host([data-variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([data-variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([data-variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}"}},[769,"ui-button",{variant:[1],size:[1],disabled:[4]},void 0,{variant:[{syncToButton:0}],size:[{syncToButton:0}],disabled:[{syncToButton:0}]}]),n=s,d=function(){"undefined"!=typeof customElements&&["ui-button"].forEach((t=>{"ui-button"===t&&(customElements.get(r(t))||customElements.define(r(t),s))}))};export{n as UiButton,d as defineCustomElement}
+import{p as t,H as o,h as a,c as r,t as e}from"./p-CIA4RyEp.js";import{i as s}from"./p-JwSoedEO.js";const i=t(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}variant="outline";size;disabled=!1;slotRef;syncToButton(){const t=this.getButton();t&&(this.host.dataset.size=this.size||"",this.host.dataset.disabled=this.disabled?"true":"",t.disabled=this.disabled)}componentDidLoad(){this.slotRef?.addEventListener("slotchange",(()=>this.syncToButton())),this.syncToButton()}componentDidUpdate(){this.syncToButton()}getButton(){const t=this.host.shadowRoot?.querySelector("slot");return(t?.assignedElements()??Array.from(this.host.children)).find((t=>"BUTTON"===t.tagName))??null}onKeydown=t=>{this.getButton()||this.disabled||!s(t)||(t.preventDefault(),this.host.click())};render(){return a(r,{key:"7840303538ca2e4724ea634809fd6c2ad451f9d1","data-size":this.size||void 0,"data-disabled":this.disabled?"":void 0,onKeyDown:this.onKeydown},a("slot",{key:"731348c7cbb5c5f196dbd565058e0f410836ace2",ref:t=>this.slotRef=t}))}static get watchers(){return{variant:[{syncToButton:0}],size:[{syncToButton:0}],disabled:[{syncToButton:0}]}}static get style(){return":host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}:host([variant='outline'])::slotted(button),::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-button-radius, var(--ui-radius-2));background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs))}:host([variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none;transform:translateY(0)}:host([variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs))}:host([variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([variant='destructive'])::slotted(button:active:enabled){box-shadow:none;transform:translateY(0)}:host([variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}"}},[769,"ui-button",{variant:[1],size:[1],disabled:[4]},void 0,{variant:[{syncToButton:0}],size:[{syncToButton:0}],disabled:[{syncToButton:0}]}]),n=i,d=function(){"undefined"!=typeof customElements&&["ui-button"].forEach((t=>{"ui-button"===t&&(customElements.get(e(t))||customElements.define(e(t),i))}))};export{n as UiButton,d as defineCustomElement}

package/dist/components/ui-context-menu.js

@@ -1 +1 @@
-import{p as t,H as e,h as i,c as s,t as n}from"./p-CIA4RyEp.js";import{o,c as r,r as a}from"./p-CR7f2MQC.js";import{d as h}from"./p-JwSoedEO.js";import{d as c}from"./p-WvL4iAhX.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;for;internalOpen=!1;overlayId="ui-context-menu-"+Math.random().toString(36).slice(2,11);trigger=null;contextTarget=null;pointerX=0;pointerY=0;syncFromProp(){this.internalOpen=this.open}syncTarget(){this.resolveTargets(),this.attachTargetListeners()}syncOverlay(){this.syncTriggerState(),this.internalOpen?o({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(t,e)=>this.closeMenu(t,e)}):r(this.overlayId)}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.resolveTargets(),this.attachTargetListeners(),this.syncTriggerState(),this.syncOverlay()}componentDidUpdate(){this.resolveTargets(),this.attachTargetListeners(),this.syncTriggerState()}disconnectedCallback(){this.detachTargetListeners(),r(this.overlayId)}resolveTargets(){const t=this.trigger,e=this.contextTarget,i=this.host.querySelector('[slot="trigger"]'),s=this.for?document.getElementById(this.for):null;this.trigger=i,this.contextTarget=s??i??this.host.parentElement,t===this.trigger&&e===this.contextTarget||(t?.removeEventListener("click",this.onTriggerClick),t?.removeEventListener("keydown",this.onTriggerKeydown),e?.removeEventListener("contextmenu",this.onContextMenu))}attachTargetListeners(){this.detachTargetListeners(),this.trigger?.addEventListener("click",this.onTriggerClick),this.trigger?.addEventListener("keydown",this.onTriggerKeydown),this.contextTarget?.addEventListener("contextmenu",this.onContextMenu)}detachTargetListeners(){this.trigger?.removeEventListener("click",this.onTriggerClick),this.trigger?.removeEventListener("keydown",this.onTriggerKeydown),this.contextTarget?.removeEventListener("contextmenu",this.onContextMenu)}syncTriggerState(){this.trigger&&(this.trigger.setAttribute("aria-haspopup","menu"),this.trigger.setAttribute("aria-expanded",this.internalOpen?"true":"false"))}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item")).filter((t=>!this.isItemDisabled(t)))}focusFirstItem(){requestAnimationFrame((()=>this.getItems()[0]?.focus()))}openMenu(t,e,i){this.pointerX=t,this.pointerY=e,this.internalOpen=!0,h(this.host,"open",{open:!0,reason:"action",trigger:i}),this.focusFirstItem()}openFromTrigger(t){if(!this.trigger)return;const e=this.trigger.getBoundingClientRect();this.openMenu(e.left,e.bottom,t)}closeMenu(t,e,i=!0){this.internalOpen&&(this.internalOpen=!1,h(this.host,"close",{open:!1,reason:t,trigger:e}),i&&this.trigger?.focus())}onTriggerClick=t=>{this.internalOpen?this.closeMenu("action",0===t.detail?"keyboard":"pointer"):this.openFromTrigger(0===t.detail?"keyboard":"pointer")};onTriggerKeydown=t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.internalOpen?this.focusFirstItem():this.openFromTrigger("keyboard"))};onContextMenu=t=>{t.preventDefault(),this.openMenu(t.clientX,t.clientY,"pointer")};isItemDisabled(t){return"true"===t.getAttribute("aria-disabled")||t.hasAttribute("disabled")||"true"===t.getAttribute("disabled")||!0===t.disabled}onKeydown=t=>{if(this.internalOpen){if("Escape"===t.key)return t.preventDefault(),void a("escape","keyboard");if("Enter"===t.key||" "===t.key){const e=t.target.closest?.("ui-menu-item");if(!e||this.isItemDisabled(e))return;t.preventDefault();const i=e.getAttribute("value")??e.getAttribute("data-value")??"";h(this.host,"select",{value:i,trigger:"keyboard"}),this.closeMenu("action","keyboard")}}};onItemClick=t=>{const e=t.target.closest?.("ui-menu-item");if(!e||this.isItemDisabled(e))return;const i=e.getAttribute("value")??e.getAttribute("data-value")??"";h(this.host,"select",{value:i,trigger:"pointer"}),this.closeMenu("action","pointer")};render(){return i(s,{key:"c57c08724714d1de8c22a4a1e86e3a790f45fa20","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown,onClick:this.onItemClick},i("slot",{key:"4048abb040de1125b8eb02358480914c97ea6b06",name:"trigger"}),i("div",{key:"6ce80f67142319260093903d289456070d49bfcc",class:"menu","data-open":this.internalOpen?"":void 0,style:{left:this.pointerX+"px",top:this.pointerY+"px"}},i("ui-menu",{key:"2a2c22f0a797ca3a70a1399de41de2b18257abf8",open:this.internalOpen},i("slot",{key:"252cc6e973704cd561301b5bf96f98481c6c74ff"}))))}static get watchers(){return{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}}static get style(){return":host{display:contents}.menu{position:fixed;z-index:var(--ui-z-overlay, 1000);min-width:12rem}.menu[data-open]{display:block}.menu:not([data-open]){display:none !important}"}},[769,"ui-context-menu",{open:[4],defaultOpen:[4,"default-open"],for:[1],internalOpen:[32]},void 0,{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}]),d=u,l=function(){"undefined"!=typeof customElements&&["ui-context-menu","ui-menu"].forEach((t=>{switch(t){case"ui-context-menu":customElements.get(n(t))||customElements.define(n(t),u);break;case"ui-menu":customElements.get(n(t))||c()}}))};export{d as UiContextMenu,l as defineCustomElement}
+import{p as t,H as e,h as i,c as s,t as n}from"./p-CIA4RyEp.js";import{o,c as r,r as a}from"./p-CR7f2MQC.js";import{d as h}from"./p-JwSoedEO.js";import{d as c}from"./p-gHC_Ei92.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;for;internalOpen=!1;overlayId="ui-context-menu-"+Math.random().toString(36).slice(2,11);trigger=null;contextTarget=null;pointerX=0;pointerY=0;syncFromProp(){this.internalOpen=this.open}syncTarget(){this.resolveTargets(),this.attachTargetListeners()}syncOverlay(){this.syncTriggerState(),this.internalOpen?o({id:this.overlayId,modal:!1,element:this.host,dismissible:!0,requestClose:(t,e)=>this.closeMenu(t,e)}):r(this.overlayId)}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.resolveTargets(),this.attachTargetListeners(),this.syncTriggerState(),this.syncOverlay()}componentDidUpdate(){this.resolveTargets(),this.attachTargetListeners(),this.syncTriggerState()}disconnectedCallback(){this.detachTargetListeners(),r(this.overlayId)}resolveTargets(){const t=this.trigger,e=this.contextTarget,i=this.host.querySelector('[slot="trigger"]'),s=this.for?document.getElementById(this.for):null;this.trigger=i,this.contextTarget=s??i??this.host.parentElement,t===this.trigger&&e===this.contextTarget||(t?.removeEventListener("click",this.onTriggerClick),t?.removeEventListener("keydown",this.onTriggerKeydown),e?.removeEventListener("contextmenu",this.onContextMenu))}attachTargetListeners(){this.detachTargetListeners(),this.trigger?.addEventListener("click",this.onTriggerClick),this.trigger?.addEventListener("keydown",this.onTriggerKeydown),this.contextTarget?.addEventListener("contextmenu",this.onContextMenu)}detachTargetListeners(){this.trigger?.removeEventListener("click",this.onTriggerClick),this.trigger?.removeEventListener("keydown",this.onTriggerKeydown),this.contextTarget?.removeEventListener("contextmenu",this.onContextMenu)}syncTriggerState(){this.trigger&&(this.trigger.setAttribute("aria-haspopup","menu"),this.trigger.setAttribute("aria-expanded",this.internalOpen?"true":"false"))}getItems(){return Array.from(this.host.querySelectorAll("ui-menu-item")).filter((t=>!this.isItemDisabled(t)))}focusFirstItem(){requestAnimationFrame((()=>this.getItems()[0]?.focus()))}openMenu(t,e,i){this.pointerX=t,this.pointerY=e,this.internalOpen=!0,h(this.host,"open",{open:!0,reason:"action",trigger:i}),this.focusFirstItem()}openFromTrigger(t){if(!this.trigger)return;const e=this.trigger.getBoundingClientRect();this.openMenu(e.left,e.bottom,t)}closeMenu(t,e,i=!0){this.internalOpen&&(this.internalOpen=!1,h(this.host,"close",{open:!1,reason:t,trigger:e}),i&&this.trigger?.focus())}onTriggerClick=t=>{this.internalOpen?this.closeMenu("action",0===t.detail?"keyboard":"pointer"):this.openFromTrigger(0===t.detail?"keyboard":"pointer")};onTriggerKeydown=t=>{"Enter"!==t.key&&" "!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.internalOpen?this.focusFirstItem():this.openFromTrigger("keyboard"))};onContextMenu=t=>{t.preventDefault(),this.openMenu(t.clientX,t.clientY,"pointer")};isItemDisabled(t){return"true"===t.getAttribute("aria-disabled")||t.hasAttribute("disabled")||"true"===t.getAttribute("disabled")||!0===t.disabled}onKeydown=t=>{if(this.internalOpen){if("Escape"===t.key)return t.preventDefault(),void a("escape","keyboard");if("Enter"===t.key||" "===t.key){const e=t.target.closest?.("ui-menu-item");if(!e||this.isItemDisabled(e))return;t.preventDefault();const i=e.getAttribute("value")??e.getAttribute("data-value")??"";h(this.host,"select",{value:i,trigger:"keyboard"}),this.closeMenu("action","keyboard")}}};onItemClick=t=>{const e=t.target.closest?.("ui-menu-item");if(!e||this.isItemDisabled(e))return;const i=e.getAttribute("value")??e.getAttribute("data-value")??"";h(this.host,"select",{value:i,trigger:"pointer"}),this.closeMenu("action","pointer")};render(){return i(s,{key:"c57c08724714d1de8c22a4a1e86e3a790f45fa20","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown,onClick:this.onItemClick},i("slot",{key:"4048abb040de1125b8eb02358480914c97ea6b06",name:"trigger"}),i("div",{key:"6ce80f67142319260093903d289456070d49bfcc",class:"menu","data-open":this.internalOpen?"":void 0,style:{left:this.pointerX+"px",top:this.pointerY+"px"}},i("ui-menu",{key:"2a2c22f0a797ca3a70a1399de41de2b18257abf8",open:this.internalOpen},i("slot",{key:"252cc6e973704cd561301b5bf96f98481c6c74ff"}))))}static get watchers(){return{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}}static get style(){return":host{display:contents}.menu{position:fixed;z-index:var(--ui-z-overlay, 1000);min-width:12rem}.menu[data-open]{display:block}.menu:not([data-open]){display:none !important}"}},[769,"ui-context-menu",{open:[4],defaultOpen:[4,"default-open"],for:[1],internalOpen:[32]},void 0,{open:[{syncFromProp:0}],for:[{syncTarget:0}],internalOpen:[{syncOverlay:0}]}]),d=u,l=function(){"undefined"!=typeof customElements&&["ui-context-menu","ui-menu"].forEach((t=>{switch(t){case"ui-context-menu":customElements.get(n(t))||customElements.define(n(t),u);break;case"ui-menu":customElements.get(n(t))||c()}}))};export{d as UiContextMenu,l as defineCustomElement}

package/dist/components/ui-dialog.js

@@ -1 +1 @@
-import{p as i,H as o,h as a,c as e,t}from"./p-CIA4RyEp.js";import{o as s,c as r,r as n}from"./p-CR7f2MQC.js";import{d}from"./p-JwSoedEO.js";const l=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;modal=!0;dismissible=!0;internalOpen=!1;overlayId="ui-dialog-"+Math.random().toString(36).slice(2,11);dialogRef;syncFromProp(){this.internalOpen=this.open}syncOpen(){this.dialogRef&&(this.internalOpen?(this.dialogRef.showModal(),s({id:this.overlayId,modal:this.modal,element:this.host,dismissible:this.dismissible,requestClose:(i,o)=>this.handleRequestClose(i,o)})):(this.dialogRef.close(),r(this.overlayId)))}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.dialogRef?.addEventListener("close",this.onDialogClose),this.syncOpen()}disconnectedCallback(){this.dialogRef?.removeEventListener("close",this.onDialogClose),r(this.overlayId)}componentDidUpdate(){this.syncOpen()}handleRequestClose(i,o){this.internalOpen=!1,d(this.host,"close",{open:!1,reason:i,trigger:o})}onDialogClose=()=>{this.internalOpen&&(this.internalOpen=!1,r(this.overlayId),d(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"}))};onKeydown=i=>{"Escape"===i.key&&n("escape","keyboard")};render(){return a(e,{key:"2a2fcdfa1e3fac5eb3c0e3d6748cebdf388c216d","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},a("dialog",{key:"c3eef2bb3bec77fa518269fce38c19c2ededda49",ref:i=>this.dialogRef=i,open:this.internalOpen},a("slot",{key:"9ae5c30d57096184ec287fd9dd134ff566b9fd39"})))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncOpen:0}]}}static get style(){return":host{display:block}:host:not([open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);position:fixed;inset:var(--ui-space-4);width:min(100%, 440px);max-width:min(100%, 440px);margin:auto;padding:var(--ui-space-4);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}"}},[769,"ui-dialog",{open:[4],defaultOpen:[4,"default-open"],modal:[4],dismissible:[4],internalOpen:[32]},void 0,{open:[{syncFromProp:0}],internalOpen:[{syncOpen:0}]}]),u=l,c=function(){"undefined"!=typeof customElements&&["ui-dialog"].forEach((i=>{"ui-dialog"===i&&(customElements.get(t(i))||customElements.define(t(i),l))}))};export{u as UiDialog,c as defineCustomElement}
+import{p as i,H as o,h as a,c as e,t}from"./p-CIA4RyEp.js";import{o as s,c as r,r as n}from"./p-CR7f2MQC.js";import{d}from"./p-JwSoedEO.js";const l=i(class extends o{constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow()}get host(){return this}open=!1;defaultOpen=!1;modal=!0;dismissible=!0;internalOpen=!1;overlayId="ui-dialog-"+Math.random().toString(36).slice(2,11);dialogRef;syncFromProp(){this.internalOpen=this.open}syncOpen(){this.dialogRef&&(this.internalOpen?(this.dialogRef.showModal(),s({id:this.overlayId,modal:this.modal,element:this.host,dismissible:this.dismissible,requestClose:(i,o)=>this.handleRequestClose(i,o)})):(this.dialogRef.close(),r(this.overlayId)))}componentDidLoad(){this.syncFromProp(),this.internalOpen=this.internalOpen||this.defaultOpen,this.dialogRef?.addEventListener("close",this.onDialogClose),this.syncOpen()}disconnectedCallback(){this.dialogRef?.removeEventListener("close",this.onDialogClose),r(this.overlayId)}componentDidUpdate(){this.syncOpen()}handleRequestClose(i,o){this.internalOpen=!1,d(this.host,"close",{open:!1,reason:i,trigger:o})}onDialogClose=()=>{this.internalOpen&&(this.internalOpen=!1,r(this.overlayId),d(this.host,"close",{open:!1,reason:"programmatic",trigger:"programmatic"}))};onKeydown=i=>{"Escape"===i.key&&n("escape","keyboard")};render(){return a(e,{key:"2a2fcdfa1e3fac5eb3c0e3d6748cebdf388c216d","data-open":this.internalOpen?"":void 0,onKeyDown:this.onKeydown},a("dialog",{key:"c3eef2bb3bec77fa518269fce38c19c2ededda49",ref:i=>this.dialogRef=i,open:this.internalOpen},a("slot",{key:"9ae5c30d57096184ec287fd9dd134ff566b9fd39"})))}static get watchers(){return{open:[{syncFromProp:0}],internalOpen:[{syncOpen:0}]}}static get style(){return":host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}"}},[769,"ui-dialog",{open:[4],defaultOpen:[4,"default-open"],modal:[4],dismissible:[4],internalOpen:[32]},void 0,{open:[{syncFromProp:0}],internalOpen:[{syncOpen:0}]}]),u=l,c=function(){"undefined"!=typeof customElements&&["ui-dialog"].forEach((i=>{"ui-dialog"===i&&(customElements.get(t(i))||customElements.define(t(i),l))}))};export{u as UiDialog,c as defineCustomElement}

package/dist/components/ui-floating-action-button.js

@@ -1 +1 @@
-import{p as t,H as i,h as o,c as n,t as a}from"./p-CIA4RyEp.js";const e=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}disabled=!1;mobileOnly=!1;label="";render(){return o(n,{key:"4b5b5eb530e4ab424e1189cff83d697f28432d84","data-disabled":this.disabled?"":void 0},o("button",{key:"f8a4b8ac90bf306434b2b905030b46c1fcbcb000",type:"button","aria-label":this.label||void 0,disabled:this.disabled},o("slot",{key:"500d0606ea7166669f104e42813591395fc81c3f"})))}static get style(){return":host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem));inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}"}},[769,"ui-floating-action-button",{disabled:[516],mobileOnly:[516,"mobile-only"],label:[1]}]),s=e,r=function(){"undefined"!=typeof customElements&&["ui-floating-action-button"].forEach((t=>{"ui-floating-action-button"===t&&(customElements.get(a(t))||customElements.define(a(t),e))}))};export{s as UiFloatingActionButton,r as defineCustomElement}
+import{p as t,H as i,h as o,c as n,t as a}from"./p-CIA4RyEp.js";const e=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}disabled=!1;mobileOnly=!1;label="";render(){return o(n,{key:"4b5b5eb530e4ab424e1189cff83d697f28432d84","data-disabled":this.disabled?"":void 0},o("button",{key:"f8a4b8ac90bf306434b2b905030b46c1fcbcb000",type:"button","aria-label":this.label||void 0,disabled:this.disabled},o("slot",{key:"500d0606ea7166669f104e42813591395fc81c3f"})))}static get style(){return":host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:max(     var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),     env(safe-area-inset-right)   );inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}"}},[769,"ui-floating-action-button",{disabled:[516],mobileOnly:[516,"mobile-only"],label:[1]}]),s=e,r=function(){"undefined"!=typeof customElements&&["ui-floating-action-button"].forEach((t=>{"ui-floating-action-button"===t&&(customElements.get(a(t))||customElements.define(a(t),e))}))};export{s as UiFloatingActionButton,r as defineCustomElement}

package/dist/components/ui-menu.js

@@ -1 +1 @@
-import{U as o,d as s}from"./p-WvL4iAhX.js";const p=o,r=s;export{p as UiMenu,r as defineCustomElement}
+import{U as o,d as s}from"./p-gHC_Ei92.js";const p=o,r=s;export{p as UiMenu,r as defineCustomElement}