@chromvoid/uikit 0.1.0 → 0.2.0

package/dist/components/cv-table-row.js

@@ -21,10 +21,7 @@ export class CVTableRow extends LitElement {
       }
 
       :host([selected]) {
-        background: var(
-          --cv-table-row-selected-background,
-          color-mix(in oklab, var(--cv-color-primary, #65d7ff) 12%, transparent)
-        );
+        background: var(--cv-table-row-selected-background, var(--cv-color-primary-surface));
       }
     `,
     ];

package/dist/components/cv-table.d.ts

@@ -104,8 +104,6 @@ export declare class CVTable extends ReatomLitElement {
     private columnListeners;
     private rowListeners;
     private model;
-    private prevFocusedRowIndex;
-    private prevFocusedColumnIndex;
     constructor();
     static styles: import("lit").CSSResult[];
     static define(): void;
@@ -143,5 +141,5 @@ export declare class CVTable extends ReatomLitElement {
     private handleColumnsSlotChange;
     private handleRowsSlotChange;
     private handleRowSlotChange;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-table.js

@@ -1,5 +1,6 @@
 import { createTable } from '@chromvoid/headless-ui/table';
-import { css, html, nothing } from 'lit';
+import { css, nothing } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 import { CVTableCell } from './cv-table-cell.js';
 import { CVTableColumn } from './cv-table-column.js';
@@ -32,8 +33,6 @@ export class CVTable extends ReatomLitElement {
     columnListeners = new WeakMap();
     rowListeners = new WeakMap();
     model;
-    prevFocusedRowIndex = null;
-    prevFocusedColumnIndex = null;
     constructor() {
         super();
         this.sortColumn = '';
@@ -79,10 +78,7 @@ export class CVTable extends ReatomLitElement {
 
       [part='head-row'] {
         display: table-row;
-        background: var(
-          --cv-table-header-background,
-          color-mix(in oklab, var(--cv-color-surface, #141923) 82%, transparent)
-        );
+        background: var(--cv-table-header-background, var(--cv-color-surface-glass-strong));
       }
 
       :host([sticky-header]) [part='head-row'] {
@@ -96,10 +92,7 @@ export class CVTable extends ReatomLitElement {
       }
 
       :host([striped]) ::slotted(cv-table-row:nth-child(even)) {
-        background: var(
-          --cv-table-stripe-background,
-          color-mix(in oklab, var(--cv-color-surface, #141923) 90%, transparent)
-        );
+        background: var(--cv-table-stripe-background, var(--cv-color-surface-secondary-glass-strong));
       }
 
       :host([compact]) ::slotted(cv-table-row) {

package/dist/components/cv-tabs.d.ts

@@ -66,5 +66,5 @@ export declare class CVTabs extends ReatomLitElement {
     private handleTabClick;
     private handleTabsKeyDown;
     private handleSlotChange;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-tabs.js

@@ -1,5 +1,6 @@
 import { createTabs, } from '@chromvoid/headless-ui/tabs';
-import { css, html, nothing } from 'lit';
+import { css, nothing } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 import { CVTab } from './cv-tab.js';
 import { CVTabPanel } from './cv-tab-panel.js';
@@ -105,7 +106,7 @@ export class CVTabs extends ReatomLitElement {
       [part='panels'] {
         border-radius: var(--cv-radius-md, 10px);
         border: 1px solid var(--cv-color-border, #2a3245);
-        background: color-mix(in oklab, var(--cv-color-surface, #141923) 75%, transparent);
+        background: var(--cv-color-surface-secondary-glass);
         padding: var(--cv-space-3, 12px);
       }
     `,

package/dist/components/cv-textarea.d.ts

@@ -4,6 +4,7 @@ import { FormAssociatedReatomElement } from '../form-associated/FormAssociatedRe
 import type { FormAssociatedValidity } from '../form-associated/withFormAssociated.js';
 type CVTextareaSize = 'small' | 'medium' | 'large';
 type CVTextareaVariant = 'outlined' | 'filled';
+type CVTextareaEnterBehavior = 'newline' | 'submit';
 export interface CVTextareaValueDetail {
     value: string;
 }
@@ -64,6 +65,11 @@ export declare class CVTextarea extends FormAssociatedReatomElement {
             type: StringConstructor;
             reflect: boolean;
         };
+        enterBehavior: {
+            type: StringConstructor;
+            reflect: boolean;
+            attribute: string;
+        };
         name: {
             type: StringConstructor;
         };
@@ -80,6 +86,7 @@ export declare class CVTextarea extends FormAssociatedReatomElement {
     resize: TextareaResize;
     size: CVTextareaSize;
     variant: CVTextareaVariant;
+    enterBehavior: CVTextareaEnterBehavior;
     name: string;
     private model;
     private valueOnFocus;
@@ -94,15 +101,18 @@ export declare class CVTextarea extends FormAssociatedReatomElement {
     protected onFormDisabledChanged(_disabled: boolean): void;
     protected onFormReset(): void;
     protected onFormStateRestore(state: string | File | FormData | null): void;
+    focus(options?: FocusOptions): void;
     protected isFormAssociatedDisabled(): boolean;
     protected getFormAssociatedValue(): string | File | FormData | null;
     protected getFormAssociatedValidity(): FormAssociatedValidity;
     private isEffectivelyDisabled;
     private normalizeResize;
+    private normalizeEnterBehavior;
     private toNonNegativeIntegerOrUndefined;
     private handleNativeInput;
     private handleNativeFocus;
     private handleNativeBlur;
-    protected render(): import("lit").TemplateResult<1>;
+    private handleNativeKeyDown;
+    protected render(): import("lit-html").TemplateResult<1>;
 }
 export {};

package/dist/components/cv-textarea.js

@@ -18,6 +18,7 @@ export class CVTextarea extends FormAssociatedReatomElement {
             resize: { type: String, reflect: true },
             size: { type: String, reflect: true },
             variant: { type: String, reflect: true },
+            enterBehavior: { type: String, reflect: true, attribute: 'enter-behavior' },
             name: { type: String },
         };
     }
@@ -39,6 +40,7 @@ export class CVTextarea extends FormAssociatedReatomElement {
         this.resize = 'vertical';
         this.size = 'medium';
         this.variant = 'outlined';
+        this.enterBehavior = 'newline';
         this.name = '';
         this.model = this.createModel();
     }
@@ -98,6 +100,7 @@ export class CVTextarea extends FormAssociatedReatomElement {
 
       [part='form-control-label'] {
         display: block;
+        margin-bottom: 5px;
       }
 
       [part='form-control-help-text'] {
@@ -235,6 +238,14 @@ export class CVTextarea extends FormAssociatedReatomElement {
         this.value = state;
         this.model.actions.setValue(state);
     }
+    focus(options) {
+        const textarea = this.shadowRoot?.querySelector('[part="textarea"]');
+        if (textarea) {
+            textarea.focus(options);
+            return;
+        }
+        super.focus(options);
+    }
     isFormAssociatedDisabled() {
         return this.isEffectivelyDisabled();
     }
@@ -256,6 +267,9 @@ export class CVTextarea extends FormAssociatedReatomElement {
     normalizeResize(resize) {
         return resize === 'none' ? 'none' : 'vertical';
     }
+    normalizeEnterBehavior(value) {
+        return value === 'submit' ? 'submit' : 'newline';
+    }
     toNonNegativeIntegerOrUndefined(value) {
         if (typeof value !== 'number' || !Number.isFinite(value) || value < 0) {
             return undefined;
@@ -295,6 +309,24 @@ export class CVTextarea extends FormAssociatedReatomElement {
         }
         this.syncFormAssociatedState();
     }
+    handleNativeKeyDown(event) {
+        if (this.normalizeEnterBehavior(this.enterBehavior) !== 'submit' ||
+            event.key !== 'Enter' ||
+            event.defaultPrevented ||
+            event.isComposing ||
+            event.shiftKey ||
+            event.altKey ||
+            event.ctrlKey ||
+            event.metaKey) {
+            return;
+        }
+        const form = this.form ?? this.closest('form');
+        if (!form) {
+            return;
+        }
+        event.preventDefault();
+        form.requestSubmit();
+    }
     render() {
         const textareaProps = this.model.contracts.getTextareaProps();
         return html `
@@ -320,6 +352,7 @@ export class CVTextarea extends FormAssociatedReatomElement {
           @input=${this.handleNativeInput}
           @focus=${this.handleNativeFocus}
           @blur=${this.handleNativeBlur}
+          @keydown=${this.handleNativeKeyDown}
         ></textarea>
       </div>
       <span part="form-control-help-text"><slot name="help-text"></slot></span>

package/dist/components/cv-toast-region.d.ts

@@ -35,5 +35,5 @@ export declare class CVToastRegion extends ReatomLitElement {
     private handlePause;
     private handleResume;
     private handleToastClose;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-toast-region.js

@@ -1,4 +1,5 @@
-import { css, html } from 'lit';
+import { css } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 import { createToastController } from '../toast/create-toast-controller.js';
 import { CVToast } from './cv-toast.js';

package/dist/components/cv-toast.d.ts

@@ -63,5 +63,5 @@ export declare class CVToast extends ReatomLitElement {
     private handleActionClick;
     updated(changedProperties: Map<string, unknown>): void;
     private renderFallbackIcon;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-toast.js

@@ -1,4 +1,5 @@
-import { css, html, nothing } from 'lit';
+import { css, nothing } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 import { CVIcon } from './cv-icon.js';
 import { CVSpinner } from './cv-spinner.js';
@@ -54,35 +55,19 @@ export class CVToast extends ReatomLitElement {
       }
 
       [part='base'][data-level='success'] {
-        border-color: color-mix(
-          in oklab,
-          var(--cv-color-success, #6ef7c8) 45%,
-          var(--cv-color-border, #2a3245)
-        );
+        border-color: var(--cv-color-success-border-strong, var(--cv-color-success, #6ef7c8));
       }
 
       [part='base'][data-level='warning'] {
-        border-color: color-mix(
-          in oklab,
-          var(--cv-color-warning, #ffd36e) 45%,
-          var(--cv-color-border, #2a3245)
-        );
+        border-color: var(--cv-color-warning-border-strong, var(--cv-color-warning, #ffd36e));
       }
 
       [part='base'][data-level='error'] {
-        border-color: color-mix(
-          in oklab,
-          var(--cv-color-danger, #ff7d86) 45%,
-          var(--cv-color-border, #2a3245)
-        );
+        border-color: var(--cv-color-danger-border-strong, var(--cv-color-danger, #ff7d86));
       }
 
       [part='base'][data-level='loading'] {
-        border-color: color-mix(
-          in oklab,
-          var(--cv-color-primary, #65d7ff) 40%,
-          var(--cv-color-border, #2a3245)
-        );
+        border-color: var(--cv-color-primary-border-strong, var(--cv-color-primary, #65d7ff));
       }
 
       [part='icon-wrap'] {
@@ -151,7 +136,7 @@ export class CVToast extends ReatomLitElement {
 
       [part='action'] {
         border: 1px solid var(--cv-color-border, #2a3245);
-        background: color-mix(in oklab, var(--cv-color-surface-elevated, #1d2432) 88%, white 4%);
+        background: var(--cv-color-surface-glass, var(--cv-color-surface-elevated, #1d2432));
         color: var(--cv-color-text, #e8ecf6);
         font: inherit;
         font-size: var(--cv-font-size-xs, 0.75rem);
@@ -176,14 +161,22 @@ export class CVToast extends ReatomLitElement {
         inset-inline: 0;
         inset-block-end: 0;
         block-size: var(--cv-toast-progress-height, 3px);
-        background: linear-gradient(
-          90deg,
-          var(--cv-toast-accent, var(--cv-color-primary, #65d7ff)) 0%,
-          color-mix(in oklab, var(--cv-toast-accent, var(--cv-color-primary, #65d7ff)) 70%, white) 100%
-        );
+        background: var(--cv-gradient-progress-primary, var(--cv-gradient-primary));
         transform-origin: left center;
       }
 
+      [part='base'][data-level='success'] [part='progress'] {
+        background: var(--cv-gradient-progress-success, var(--cv-gradient-success));
+      }
+
+      [part='base'][data-level='warning'] [part='progress'] {
+        background: var(--cv-gradient-progress-warning, var(--cv-gradient-primary));
+      }
+
+      [part='base'][data-level='error'] [part='progress'] {
+        background: var(--cv-gradient-progress-danger, var(--cv-gradient-primary));
+      }
+
       :host([progress]) [part='progress'] {
         animation: cv-toast-progress var(--cv-toast-progress-duration, 5000ms) linear forwards;
         animation-play-state: var(--cv-toast-progress-play-state, running);

package/dist/components/cv-toolbar-item.d.ts

@@ -21,5 +21,5 @@ export declare class CVToolbarItem extends LitElement {
     constructor();
     static styles: import("lit").CSSResult[];
     static define(): void;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/cv-toolbar-separator.d.ts

@@ -21,5 +21,5 @@ export declare class CVToolbarSeparator extends LitElement {
     constructor();
     static styles: import("lit").CSSResult[];
     static define(): void;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/cv-toolbar.d.ts

@@ -59,5 +59,5 @@ export declare class CVToolbar extends ReatomLitElement {
     private handleSlotChange;
     private handleFocusIn;
     private handleFocusOut;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-toolbar.js

@@ -1,6 +1,7 @@
 import {} from '@chromvoid/headless-ui/interactions/composite-navigation';
 import { createToolbar } from '@chromvoid/headless-ui/toolbar';
-import { css, html, nothing } from 'lit';
+import { css, nothing } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 import { CVToolbarItem } from './cv-toolbar-item.js';
 import { CVToolbarSeparator } from './cv-toolbar-separator.js';

package/dist/components/cv-tooltip.d.ts

@@ -79,5 +79,5 @@ export declare class CVTooltip extends ReatomLitElement {
     show(): void;
     /** Programmatically closes the tooltip (intended for manual trigger mode). */
     hide(): void;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-tooltip.js

@@ -1,5 +1,6 @@
 import { createTooltip } from '@chromvoid/headless-ui/tooltip';
-import { css, html, nothing } from 'lit';
+import { css, nothing } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 const supportsNativePopover = typeof HTMLElement !== 'undefined' &&
     typeof HTMLElement.prototype.showPopover === 'function' &&

package/dist/components/cv-treegrid-cell.d.ts

@@ -26,5 +26,5 @@ export declare class CVTreegridCell extends LitElement {
     constructor();
     static styles: import("lit").CSSResult[];
     static define(): void;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/cv-treegrid-cell.js

@@ -27,7 +27,7 @@ export class CVTreegridCell extends LitElement {
       }
 
       :host([active]) {
-        background: color-mix(in oklab, var(--cv-color-primary, #65d7ff) 16%, transparent);
+        background: var(--cv-color-selected);
       }
 
       :host([selected]) {

package/dist/components/cv-treegrid-column.d.ts

@@ -33,5 +33,5 @@ export declare class CVTreegridColumn extends LitElement {
     constructor();
     static styles: import("lit").CSSResult[];
     static define(): void;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/cv-treegrid-column.js

@@ -28,7 +28,7 @@ export class CVTreegridColumn extends LitElement {
         border-bottom: 1px solid var(--cv-color-border, #2a3245);
         font-weight: 600;
         color: var(--cv-color-text, #e8ecf6);
-        background: color-mix(in oklab, var(--cv-color-surface, #141923) 82%, transparent);
+        background: var(--cv-color-surface-glass-strong);
         outline: none;
       }
 

package/dist/components/cv-treegrid-row.d.ts

@@ -51,5 +51,5 @@ export declare class CVTreegridRow extends LitElement {
     static styles: import("lit").CSSResult[];
     static define(): void;
     private handleSlotChange;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/cv-treegrid-row.js

@@ -43,7 +43,7 @@ export class CVTreegridRow extends LitElement {
 
       :host([active]) [part='row'],
       :host([selected]) [part='row'] {
-        background: color-mix(in oklab, var(--cv-color-primary, #65d7ff) 18%, transparent);
+        background: var(--cv-color-active);
       }
 
       :host([disabled]) [part='row'],

package/dist/components/cv-treegrid.d.ts

@@ -92,5 +92,5 @@ export declare class CVTreegrid extends ReatomLitElement {
     private setActiveCellFromRecord;
     private handleTreegridKeyDown;
     private handleSlotChange;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-treegrid.js

@@ -1,5 +1,6 @@
 import { createTreegrid, } from '@chromvoid/headless-ui/treegrid';
-import { css, html, nothing } from 'lit';
+import { css, nothing } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 import { CVTreegridCell } from './cv-treegrid-cell.js';
 import { CVTreegridColumn } from './cv-treegrid-column.js';
@@ -351,7 +352,7 @@ export class CVTreegrid extends ReatomLitElement {
             if (!record.valid)
                 continue;
             const focus = () => this.handleCellFocus(record);
-            const click = (event) => this.handleCellPointer(event, record);
+            const click = () => this.handleCellPointer(record);
             record.element.addEventListener('focus', focus);
             record.element.addEventListener('click', click);
             this.cellListeners.set(record.element, { focus, click });
@@ -572,7 +573,7 @@ export class CVTreegrid extends ReatomLitElement {
         this.model.contracts.getCellProps(record.rowId, record.colId).onFocus();
         this.applyInteractionResult(previous);
     };
-    handleCellPointer = (event, record) => {
+    handleCellPointer = (record) => {
         if (record.element.disabled)
             return;
         const previous = this.captureSnapshot();

package/dist/components/cv-treeitem.d.ts

@@ -54,5 +54,5 @@ export declare class CVTreeItem extends LitElement {
     static styles: import("lit").CSSResult[];
     static define(): void;
     private handleToggleClick;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }

package/dist/components/cv-treeitem.js

@@ -51,11 +51,11 @@ export class CVTreeItem extends LitElement {
       }
 
       :host([active]) [part='row'] {
-        background: color-mix(in oklab, var(--cv-color-primary, #65d7ff) 22%, transparent);
+        background: var(--cv-color-primary-ring);
       }
 
       :host([selected]) [part='row'] {
-        background: color-mix(in oklab, var(--cv-color-primary, #65d7ff) 30%, transparent);
+        background: var(--cv-color-primary-border);
       }
 
       :host([disabled]) [part='row'] {

package/dist/components/cv-treeview.d.ts

@@ -66,5 +66,5 @@ export declare class CVTreeview extends ReatomLitElement {
     private handleItemToggle;
     private handleTreeKeyDown;
     private handleSlotChange;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-treeview.js

@@ -1,5 +1,6 @@
 import { createTreeview } from '@chromvoid/headless-ui/treeview';
-import { css, html, nothing } from 'lit';
+import { css, nothing } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 import { CVTreeItem } from './cv-treeitem.js';
 const treeviewKeysToPrevent = new Set([

package/dist/components/cv-window-splitter.d.ts

@@ -75,5 +75,5 @@ export declare class CVWindowSplitter extends ReatomLitElement {
     private _onPointerMove;
     private _onPointerUp;
     private _onLostPointerCapture;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult;
 }

package/dist/components/cv-window-splitter.js

@@ -1,5 +1,6 @@
 import { createWindowSplitter, } from '@chromvoid/headless-ui/window-splitter';
-import { css, html, nothing } from 'lit';
+import { css, nothing } from 'lit';
+import { html } from '../reatom-lit/index.js';
 import { ReatomLitElement } from '../reatom-lit/ReatomLitElement.js';
 const splitterKeysToPrevent = new Set([
     'ArrowLeft',

package/dist/components/index.d.ts

@@ -5,6 +5,8 @@ export { CVAlert } from './cv-alert.js';
 export { CVBreadcrumb } from './cv-breadcrumb.js';
 export { CVBreadcrumbItem } from './cv-breadcrumb-item.js';
 export { CVBadge } from './cv-badge.js';
+export { CVBottomSheet } from './cv-bottom-sheet.js';
+export type { CVBottomSheetChangeEvent, CVBottomSheetDetent, CVBottomSheetEventDetail, CVBottomSheetEventMap, CVBottomSheetInputEvent, } from './cv-bottom-sheet.js';
 export { CVButton } from './cv-button.js';
 export { CVCallout } from './cv-callout.js';
 export { CVCopyButton } from './cv-copy-button.js';
@@ -28,6 +30,10 @@ export { CVGridCell } from './cv-grid-cell.js';
 export { CVGridColumn } from './cv-grid-column.js';
 export { CVGridRow } from './cv-grid-row.js';
 export { CVGrid } from './cv-grid.js';
+export { CVGuidanceAnchor, GUIDANCE_ANCHOR_REGISTER_EVENT, GUIDANCE_ANCHOR_UNREGISTER_EVENT, } from './cv-guidance-anchor.js';
+export type { CVGuidanceAnchorEventDetail, CVGuidanceAnchorRegisterEvent, CVGuidanceAnchorUnregisterEvent, } from './cv-guidance-anchor.js';
+export { CVGuidancePanel } from './cv-guidance-panel.js';
+export type { GuidancePanelDensity, GuidancePanelVariant } from './cv-guidance-panel.js';
 export { CVIcon } from './cv-icon.js';
 export { CVInput } from './cv-input.js';
 export type { CVAccordionItemEventMap, CVAccordionItemTriggerClickEvent, CVAccordionItemTriggerFocusEvent, CVAccordionItemTriggerKeydownDetail, CVAccordionItemTriggerKeydownEvent, } from './cv-accordion-item.js';
@@ -57,6 +63,7 @@ export { CVMeter } from './cv-meter.js';
 export { CVNumber } from './cv-number.js';
 export { CVOption } from './cv-option.js';
 export { CVPopover } from './cv-popover.js';
+export type { CVPopoverAnchor, CVPopoverEventDetail, CVPopoverPlacement, CVPopoverShowOptions, CVPopoverTriggerMode, } from './cv-popover.js';
 export { CVProgress } from './cv-progress.js';
 export { CVProgressRing } from './cv-progress-ring.js';
 export { CVRadio } from './cv-radio.js';

package/dist/components/index.js

@@ -5,6 +5,7 @@ export { CVAlert } from './cv-alert.js';
 export { CVBreadcrumb } from './cv-breadcrumb.js';
 export { CVBreadcrumbItem } from './cv-breadcrumb-item.js';
 export { CVBadge } from './cv-badge.js';
+export { CVBottomSheet } from './cv-bottom-sheet.js';
 export { CVButton } from './cv-button.js';
 export { CVCallout } from './cv-callout.js';
 export { CVCopyButton } from './cv-copy-button.js';
@@ -28,6 +29,8 @@ export { CVGridCell } from './cv-grid-cell.js';
 export { CVGridColumn } from './cv-grid-column.js';
 export { CVGridRow } from './cv-grid-row.js';
 export { CVGrid } from './cv-grid.js';
+export { CVGuidanceAnchor, GUIDANCE_ANCHOR_REGISTER_EVENT, GUIDANCE_ANCHOR_UNREGISTER_EVENT, } from './cv-guidance-anchor.js';
+export { CVGuidancePanel } from './cv-guidance-panel.js';
 export { CVIcon } from './cv-icon.js';
 export { CVInput } from './cv-input.js';
 export { CVLandmark } from './cv-landmark.js';

package/dist/dialog/create-dialog-controller.d.ts

@@ -1,16 +1,14 @@
 import { type TemplateResult } from 'lit';
-export type DialogPriority = 'polite' | 'assertive';
 export interface DialogControllerAdapters {
-    announce?: (message: string, priority?: DialogPriority) => void;
-    setInertExcept?: (element: HTMLElement) => void;
-    restoreInert?: () => void;
     findFirstFocusable?: (container: Element) => HTMLElement | null;
+    createCustomDialogElement?: () => ManagedDialogSurfaceElement;
 }
 export interface ManagedDialogOptions<T> {
     element: HTMLElement;
     title?: string;
     show: () => Promise<T>;
     close: () => void;
+    autoFocus?: boolean;
 }
 export interface CustomDialogOptions {
     title?: string;
@@ -25,7 +23,17 @@ export interface CustomDialogOptions {
 export interface DialogController {
     present<T>(options: ManagedDialogOptions<T>): Promise<T>;
     showCustom<T>(options: CustomDialogOptions, resultHandler: (dialog: HTMLElement, resolve: (value: T | null) => void) => void): Promise<T | null>;
+    closeTop(): boolean;
     closeAll(): void;
     getActiveCount(): number;
 }
+export interface ManagedDialogSurfaceElement extends HTMLElement {
+    open: boolean;
+    noHeader: boolean;
+    closable: boolean;
+    closeOnEscape: boolean;
+    closeOnOutsidePointer: boolean;
+    closeOnOutsideFocus: boolean;
+    updateComplete?: Promise<boolean>;
+}
 export declare function createDialogController(adapters?: DialogControllerAdapters): DialogController;