@chromvoid/uikit 0.1.0 → 0.2.0

package/dist/dialog/create-dialog-controller.js

@@ -1,10 +1,10 @@
 import { render } from 'lit';
 import { CVDialog } from '../components/cv-dialog.js';
 const sizeMap = {
-    s: '320px',
-    m: '480px',
-    l: '640px',
-    xl: '800px',
+    s: 'var(--cv-dialog-width-s)',
+    m: 'var(--cv-dialog-width-m)',
+    l: 'var(--cv-dialog-width-l)',
+    xl: 'var(--cv-dialog-width-xl)',
 };
 const STANDARD_FOCUSABLE_SELECTORS = [
     'a[href]',
@@ -19,21 +19,21 @@ const STANDARD_FOCUSABLE_SELECTORS = [
 ].join(',');
 const INPUT_LIKE_COMPONENTS = ['cv-input', 'cv-number', 'cv-textarea', 'cv-select'];
 const managedDialogStyles = `
-  cv-dialog.cv-managed-dialog::part(trigger) {
+  :is(cv-dialog, cv-bottom-sheet).cv-managed-dialog::part(trigger) {
     display: none;
   }
 
-  cv-dialog.cv-managed-dialog::part(content) {
+  :is(cv-dialog, cv-bottom-sheet).cv-managed-dialog::part(content) {
     gap: 0;
     padding: 0;
     overflow: hidden;
   }
 
-  cv-dialog.cv-managed-dialog::part(body) {
+  :is(cv-dialog, cv-bottom-sheet).cv-managed-dialog::part(body) {
     padding: 0;
   }
 
-  cv-dialog.cv-managed-dialog::part(footer) {
+  :is(cv-dialog, cv-bottom-sheet).cv-managed-dialog::part(footer) {
     display: block;
     padding: 0;
   }
@@ -49,7 +49,7 @@ const managedDialogStyles = `
     justify-content: flex-end;
     padding: var(--cv-space-4, 16px);
     border-top: 1px solid var(--cv-color-border, #2a3245);
-    background: color-mix(in oklab, var(--cv-color-surface-elevated, #1d2432) 90%, black);
+    background: var(--cv-color-surface-glass-strong, var(--cv-color-surface-elevated, #1d2432));
   }
 
   @media (max-width: 640px) {
@@ -65,6 +65,60 @@ const managedDialogStyles = `
 let stylesInjected = false;
 let lastDeepFocusedElement = null;
 let focusTrackerInstalled = false;
+const managedInertStack = [];
+const managedInertElements = new Set();
+function restoreManagedInertElements() {
+    for (const element of managedInertElements) {
+        element.removeAttribute('inert');
+    }
+    managedInertElements.clear();
+}
+function removeManagedInertSurface(element) {
+    for (let index = managedInertStack.length - 1; index >= 0; index -= 1) {
+        if (managedInertStack[index] === element) {
+            managedInertStack.splice(index, 1);
+        }
+    }
+}
+function getTopManagedInertSurface() {
+    for (let index = managedInertStack.length - 1; index >= 0; index -= 1) {
+        const element = managedInertStack[index];
+        if (element?.isConnected) {
+            return element;
+        }
+        managedInertStack.splice(index, 1);
+    }
+    return null;
+}
+function syncManagedInert() {
+    restoreManagedInertElements();
+    if (typeof document === 'undefined')
+        return;
+    const topSurface = getTopManagedInertSurface();
+    if (!topSurface)
+        return;
+    for (const element of Array.from(document.body.children)) {
+        if (element === topSurface || element.hasAttribute('inert'))
+            continue;
+        element.setAttribute('inert', '');
+        managedInertElements.add(element);
+    }
+}
+function activateManagedInertSurface(element) {
+    removeManagedInertSurface(element);
+    managedInertStack.push(element);
+    syncManagedInert();
+}
+function deactivateManagedInertSurface(element) {
+    removeManagedInertSurface(element);
+    syncManagedInert();
+}
+function deactivateManagedInertSurfaces(elements) {
+    for (const element of elements) {
+        removeManagedInertSurface(element);
+    }
+    syncManagedInert();
+}
 function injectStyles() {
     if (stylesInjected || typeof document === 'undefined')
         return;
@@ -156,28 +210,31 @@ export function createDialogController(adapters = {}) {
     const activeDialogs = new Map();
     let zIndexCounter = 1100;
     const findFirstFocusable = adapters.findFirstFocusable ?? defaultFindFirstFocusable;
+    const createCustomDialogElement = adapters.createCustomDialogElement ??
+        (() => document.createElement('cv-dialog'));
     const getNextZIndex = () => zIndexCounter++;
     const addDialog = (element, closeFn) => {
         activeDialogs.set(element, closeFn);
         const zIndex = getNextZIndex().toString();
         element.style.setProperty('--cv-dialog-z-index', zIndex);
+        element.style.setProperty('--cv-bottom-sheet-z-index', zIndex);
     };
     const removeDialog = (element) => {
         activeDialogs.delete(element);
+        deactivateManagedInertSurface(element);
         if (activeDialogs.size === 0) {
             zIndexCounter = 1100;
-            adapters.restoreInert?.();
         }
     };
-    const present = async ({ element, title, show, close }) => {
+    const present = async ({ element, title, show, close, autoFocus = true, }) => {
         const focusRestoreTarget = getFocusRestoreTarget();
         document.body.appendChild(element);
         addDialog(element, close);
         element.addEventListener('cv-after-show', () => {
             if (!activeDialogs.has(element))
                 return;
-            adapters.setInertExcept?.(element);
-            const firstFocusable = findFirstFocusable(element);
+            activateManagedInertSurface(element);
+            const firstFocusable = autoFocus ? findFirstFocusable(element) : null;
             if (firstFocusable) {
                 setTimeout(() => {
                     if (firstFocusable.isConnected) {
@@ -185,9 +242,6 @@ export function createDialogController(adapters = {}) {
                     }
                 }, 50);
             }
-            if (title) {
-                adapters.announce?.(title, 'assertive');
-            }
         }, { once: true });
         try {
             return await show();
@@ -212,7 +266,7 @@ export function createDialogController(adapters = {}) {
                 isResolved = true;
                 resolve(result);
             };
-            const dialog = document.createElement('cv-dialog');
+            const dialog = createCustomDialogElement();
             dialog.classList.add('cv-managed-dialog');
             dialog.noHeader = options.noHeader ?? false;
             dialog.closable = options.closable !== false;
@@ -223,6 +277,7 @@ export function createDialogController(adapters = {}) {
                 dialog.classList.add(...options.className.split(/\s+/).filter(Boolean));
             }
             dialog.style.setProperty('--cv-dialog-width', sizeMap[options.size || 'm']);
+            dialog.style.setProperty('--cv-bottom-sheet-width', sizeMap[options.size || 'm']);
             if (!options.noHeader && options.title) {
                 const title = document.createElement('span');
                 title.slot = 'title';
@@ -270,14 +325,11 @@ export function createDialogController(adapters = {}) {
                 if (!activeDialogs.has(dialog))
                     return;
                 hasOpened = true;
-                adapters.setInertExcept?.(dialog);
+                activateManagedInertSurface(dialog);
                 const firstFocusable = findFirstFocusable(dialog);
                 if (firstFocusable) {
                     setTimeout(() => firstFocusable.focus(), 50);
                 }
-                if (options.title) {
-                    adapters.announce?.(options.title, 'assertive');
-                }
             });
             dialog.addEventListener('cv-change', (event) => {
                 const detail = event.detail;
@@ -306,14 +358,24 @@ export function createDialogController(adapters = {}) {
         });
     };
     const closeAll = () => {
+        const dialogs = [...activeDialogs.keys()];
         activeDialogs.forEach((close) => close());
         activeDialogs.clear();
         zIndexCounter = 1100;
-        adapters.restoreInert?.();
+        deactivateManagedInertSurfaces(dialogs);
+    };
+    const closeTop = () => {
+        const close = [...activeDialogs.values()].at(-1);
+        if (!close) {
+            return false;
+        }
+        close();
+        return true;
     };
     return {
         present,
         showCustom,
+        closeTop,
         closeAll,
         getActiveCount: () => activeDialogs.size,
     };

package/dist/dialog/index.d.ts

@@ -1,2 +1,2 @@
 export { createDialogController } from './create-dialog-controller.js';
-export type { CustomDialogOptions, DialogController, DialogControllerAdapters, DialogPriority, ManagedDialogOptions, } from './create-dialog-controller.js';
+export type { CustomDialogOptions, DialogController, DialogControllerAdapters, ManagedDialogOptions, } from './create-dialog-controller.js';

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export * from './components/index.js';
 export { createDialogController } from './dialog/create-dialog-controller.js';
-export type { CustomDialogOptions, DialogController, DialogControllerAdapters, DialogPriority, ManagedDialogOptions, } from './dialog/create-dialog-controller.js';
+export type { CustomDialogOptions, DialogController, DialogControllerAdapters, ManagedDialogOptions, } from './dialog/create-dialog-controller.js';
 export * from './reatom-lit/index.js';
 export * from './theme/index.js';
 export * from './toast/index.js';

package/dist/reatom-lit/ReatomLitElement.d.ts

@@ -3,9 +3,10 @@ import type { CSSResultGroup, CSSResultOrNative, PropertyValues, TemplateResult
 declare const __aliased_event_dispatch: unique symbol;
 import { type ComponentHostDisplay } from '../styles/component-styles.js';
 /**
- * Lazily set the shared UnoCSS utility stylesheet.
- * Call once at app bootstrap (after `virtual:uno.css` is available):
- *   import {unoUtilities} from './styles/uno-utilities.js'
+ * Override the shared UnoCSS utility stylesheet.
+ * By default, ReatomLitElement uses the bundled runtime-generated utilities.
+ * Call this only when a host app needs to provide a custom utility sheet:
+ *   import {unoUtilities} from '../styles/uno-utilities.js'
  *   setUnoUtilities(unoUtilities)
  */
 export declare function setUnoUtilities(sheet: CSSResultOrNative): void;
@@ -15,9 +16,11 @@ export declare class ReatomLitElement extends LitElement {
     private __frame;
     private __abstractRender?;
     private __unmount?;
+    private __hasRenderedWithReatom;
     private [__aliased_event_dispatch];
     constructor();
     private __initAbstractRender;
+    private __mountAbstractRender;
     protected render(): TemplateResult | unknown;
     protected update(changedProperties: PropertyValues): void;
     connectedCallback(): void;

package/dist/reatom-lit/ReatomLitElement.js

@@ -4,15 +4,17 @@ const __inner_update = Symbol('Inner update');
 const __aliased_event_dispatch = Symbol('Aliased event dispatch');
 const CV_EVENT_PREFIX = 'cv-';
 import { componentResetStyles, getComponentHostDisplayStyles, } from '../styles/component-styles.js';
-let _unoUtilities;
+import { unoUtilities as bundledUnoUtilities } from '../styles/uno-utilities.js';
+let _unoUtilitiesOverride;
 /**
- * Lazily set the shared UnoCSS utility stylesheet.
- * Call once at app bootstrap (after `virtual:uno.css` is available):
- *   import {unoUtilities} from './styles/uno-utilities.js'
+ * Override the shared UnoCSS utility stylesheet.
+ * By default, ReatomLitElement uses the bundled runtime-generated utilities.
+ * Call this only when a host app needs to provide a custom utility sheet:
+ *   import {unoUtilities} from '../styles/uno-utilities.js'
  *   setUnoUtilities(unoUtilities)
  */
 export function setUnoUtilities(sheet) {
-    _unoUtilities = sheet;
+    _unoUtilitiesOverride = sheet;
 }
 export class ReatomLitElement extends LitElement {
     static hostDisplay = 'block';
@@ -20,15 +22,15 @@ export class ReatomLitElement extends LitElement {
         const base = [
             componentResetStyles,
             getComponentHostDisplayStyles(this.hostDisplay),
+            _unoUtilitiesOverride ?? bundledUnoUtilities,
             ...super.finalizeStyles(styles),
         ];
-        if (_unoUtilities)
-            base.push(_unoUtilities);
         return base;
     }
     __frame;
     __abstractRender;
     __unmount;
+    __hasRenderedWithReatom = false;
     [__aliased_event_dispatch] = false;
     constructor() {
         super();
@@ -46,14 +48,21 @@ export class ReatomLitElement extends LitElement {
                 return this.requestUpdate(__inner_update, 1);
             },
             name: 'ReatomElement',
+            abortOnUnmount: false,
         });
     }
+    __mountAbstractRender() {
+        if (!this.isConnected || this.__unmount || !this.__hasRenderedWithReatom)
+            return;
+        this.__unmount = this.__abstractRender.mount();
+    }
     render() {
         return undefined;
     }
     update(changedProperties) {
         this.__initAbstractRender();
         const { result: value } = this.__abstractRender.render(changedProperties);
+        this.__hasRenderedWithReatom = true;
         const hadOwnRender = Object.prototype.hasOwnProperty.call(this, 'render');
         const ownRenderDescriptor = hadOwnRender ? Object.getOwnPropertyDescriptor(this, 'render') : undefined;
         // Keep Lit's native update path intact so SSR hydration support can
@@ -73,11 +82,12 @@ export class ReatomLitElement extends LitElement {
                 delete this.render;
             }
         }
+        this.__mountAbstractRender();
     }
     connectedCallback() {
         super.connectedCallback();
         this.__initAbstractRender();
-        this.__unmount = this.__abstractRender.mount();
+        this.__mountAbstractRender();
     }
     disconnectedCallback() {
         super.disconnectedCallback();

package/dist/reatom-lit/createAfterRenderScheduler.d.ts

@@ -0,0 +1,10 @@
+interface AfterRenderHost {
+    readonly isConnected: boolean;
+    readonly updateComplete: Promise<unknown>;
+}
+export interface AfterRenderScheduler {
+    cancel(): void;
+    schedule(task: () => void): void;
+}
+export declare function createAfterRenderScheduler(host: AfterRenderHost): AfterRenderScheduler;
+export {};

package/dist/reatom-lit/createAfterRenderScheduler.js

@@ -0,0 +1,33 @@
+export function createAfterRenderScheduler(host) {
+    let frame = 0;
+    let runId = 0;
+    const clearFrame = () => {
+        if (!frame) {
+            return;
+        }
+        window.cancelAnimationFrame(frame);
+        frame = 0;
+    };
+    return {
+        cancel() {
+            runId += 1;
+            clearFrame();
+        },
+        schedule(task) {
+            const currentRunId = ++runId;
+            clearFrame();
+            void host.updateComplete.then(() => {
+                if (!host.isConnected || currentRunId !== runId) {
+                    return;
+                }
+                frame = window.requestAnimationFrame(() => {
+                    frame = 0;
+                    if (!host.isConnected || currentRunId !== runId) {
+                        return;
+                    }
+                    task();
+                });
+            });
+        },
+    };
+}

package/dist/reatom-lit/index.d.ts

@@ -2,3 +2,5 @@ export { ReatomLitElement, setUnoUtilities } from './ReatomLitElement.js';
 export { withReatomElement } from './withReatomElement.js';
 export { html, svg } from './html.js';
 export { watch } from './watch.js';
+export { createAfterRenderScheduler } from './createAfterRenderScheduler.js';
+export type { AfterRenderScheduler } from './createAfterRenderScheduler.js';

package/dist/reatom-lit/index.js

@@ -2,3 +2,4 @@ export { ReatomLitElement, setUnoUtilities } from './ReatomLitElement.js';
 export { withReatomElement } from './withReatomElement.js';
 export { html, svg } from './html.js';
 export { watch } from './watch.js';
+export { createAfterRenderScheduler } from './createAfterRenderScheduler.js';

package/dist/reatom-lit/watch.d.ts

@@ -11,5 +11,5 @@ declare class AtomDirective extends AsyncDirective {
     subscribe(): void;
     render(target: AtomLike, frame: Frame): symbol;
 }
-export declare const watch: (target: AtomLike) => import("lit/async-directive.js").DirectiveResult<typeof AtomDirective>;
+export declare const watch: (target: AtomLike) => import("lit-html/directive.js").DirectiveResult<typeof AtomDirective>;
 export {};

package/dist/reatom-lit/withReatomElement.js

@@ -7,6 +7,8 @@ export const withReatomElement = (superClass) => {
         __changedProps;
         __abstractRender;
         __unmount;
+        __hasRenderedWithReatom = false;
+        // oxlint-disable-next-line typescript-eslint/no-explicit-any -- TypeScript mixin constructors must use any[].
         constructor(...args) {
             super(...args);
             this.__frame = top();
@@ -25,10 +27,18 @@ export const withReatomElement = (superClass) => {
                     return this.requestUpdate(__inner_update, 1);
                 },
                 name: 'ReatomElement',
+                abortOnUnmount: false,
             });
         }
+        __mountAbstractRender() {
+            if (!this.isConnected || this.__unmount || !this.__hasRenderedWithReatom)
+                return;
+            this.__unmount = this.__abstractRender.mount();
+        }
         render() {
-            return this.__abstractRender.render(this.__changedProps).result;
+            const { result } = this.__abstractRender.render(this.__changedProps);
+            this.__hasRenderedWithReatom = true;
+            return result;
         }
         shouldUpdate(_changedProperties) {
             if (_changedProperties.size === 1 && _changedProperties.has(__inner_update)) {
@@ -39,7 +49,11 @@ export const withReatomElement = (superClass) => {
         }
         connectedCallback() {
             super.connectedCallback();
-            this.__unmount = this.__abstractRender.mount();
+            this.__mountAbstractRender();
+        }
+        updated(changedProperties) {
+            super.updated(changedProperties);
+            this.__mountAbstractRender();
         }
         disconnectedCallback() {
             super.disconnectedCallback();

package/dist/register.js

@@ -1,4 +1,4 @@
-import { CVAccordion, CVAccordionItem, CVAlertDialog, CVAlert, CVBadge, CVBreadcrumb, CVBreadcrumbItem, CVButton, CVCallout, CVCard, CVCarousel, CVCarouselSlide, CVCheckbox, CVCombobox, CVComboboxGroup, CVComboboxOption, CVCommandItem, CVCommandPalette, CVContextMenu, CVCopyButton, CVDatePicker, CVDialog, CVDisclosure, CVDrawer, CVFeed, CVFeedArticle, CVGrid, CVGridCell, CVGridColumn, CVGridRow, CVIcon, CVInput, CVLandmark, CVLink, CVListbox, CVListboxGroup, CVMenu, CVMenuButton, CVMenuGroup, CVMenuItem, CVMeter, CVNumber, CVOption, CVPopover, CVProgress, CVProgressRing, CVRadio, CVRadioGroup, CVSelect, CVSelectGroup, CVSelectOption, CVSidebar, CVSidebarItem, CVSlider, CVSliderMultiThumb, CVSpinbutton, CVSpinner, CVSwitch, CVTab, CVTabPanel, CVTable, CVTableCell, CVTableColumn, CVTableRow, CVTabs, CVTextarea, CVToast, CVToastRegion, CVToolbar, CVToolbarItem, CVToolbarSeparator, CVTooltip, CVTreegrid, CVTreegridCell, CVTreegridColumn, CVTreegridRow, CVTreeItem, CVTreeview, CVWindowSplitter, } from './components/index.js';
+import { CVAccordion, CVAccordionItem, CVAlertDialog, CVAlert, CVBadge, CVBottomSheet, CVBreadcrumb, CVBreadcrumbItem, CVButton, CVCallout, CVCard, CVCarousel, CVCarouselSlide, CVCheckbox, CVCombobox, CVComboboxGroup, CVComboboxOption, CVCommandItem, CVCommandPalette, CVContextMenu, CVCopyButton, CVDatePicker, CVDialog, CVDisclosure, CVDrawer, CVFeed, CVFeedArticle, CVGrid, CVGridCell, CVGridColumn, CVGridRow, CVGuidanceAnchor, CVGuidancePanel, CVIcon, CVInput, CVLandmark, CVLink, CVListbox, CVListboxGroup, CVMenu, CVMenuButton, CVMenuGroup, CVMenuItem, CVMeter, CVNumber, CVOption, CVPopover, CVProgress, CVProgressRing, CVRadio, CVRadioGroup, CVSelect, CVSelectGroup, CVSelectOption, CVSidebar, CVSidebarItem, CVSlider, CVSliderMultiThumb, CVSpinbutton, CVSpinner, CVSwitch, CVTab, CVTabPanel, CVTable, CVTableCell, CVTableColumn, CVTableRow, CVTabs, CVTextarea, CVToast, CVToastRegion, CVToolbar, CVToolbarItem, CVToolbarSeparator, CVTooltip, CVTreegrid, CVTreegridCell, CVTreegridColumn, CVTreegridRow, CVTreeItem, CVTreeview, CVWindowSplitter, } from './components/index.js';
 import { CVThemeProvider } from './theme/index.js';
 export function registerUikit() {
     CVThemeProvider.define();
@@ -9,6 +9,7 @@ export function registerUikit() {
     CVBreadcrumbItem.define();
     CVBreadcrumb.define();
     CVBadge.define();
+    CVBottomSheet.define();
     CVButton.define();
     CVCallout.define();
     CVCard.define();
@@ -32,6 +33,8 @@ export function registerUikit() {
     CVGridColumn.define();
     CVGridRow.define();
     CVGrid.define();
+    CVGuidanceAnchor.define();
+    CVGuidancePanel.define();
     CVIcon.define();
     CVInput.define();
     CVLandmark.define();

package/dist/styles/component-styles.js

@@ -5,6 +5,10 @@ export const componentResetStyles = css `
     display: none !important;
   }
 
+  .cv-u-discrete-presence {
+    transition-behavior: allow-discrete;
+  }
+
   :host,
   *,
   *::before,

package/dist/styles/uno-generated.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "/* layer: shortcuts */\n.cv-u-panel-shell{display:grid;overflow:hidden;border-width:1px;border-color:var(--cv-color-border);border-radius:var(--cv-radius-md);background-color:var(--cv-color-surface);--un-shadow:var(--cv-shadow-sm);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.cv-u-fill{min-width:0;flex:1 1 0%;}\n.cv-u-control-shell{display:flex;align-items:center;gap:var(--cv-space-2);}\n.cv-u-row{display:flex;align-items:center;}\n.cv-u-row-between{display:flex;align-items:center;justify-content:space-between;}\n.cv-u-icon-slot{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;}\n.cv-u-inline-center{display:inline-flex;align-items:center;justify-content:center;}\n/* layer: default */\n.b{border-width:1px;}\n.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}";
+export default _default;

package/dist/styles/uno-generated.js

@@ -0,0 +1 @@
+export default "/* layer: shortcuts */\n.cv-u-panel-shell{display:grid;overflow:hidden;border-width:1px;border-color:var(--cv-color-border);border-radius:var(--cv-radius-md);background-color:var(--cv-color-surface);--un-shadow:var(--cv-shadow-sm);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}\n.cv-u-fill{min-width:0;flex:1 1 0%;}\n.cv-u-control-shell{display:flex;align-items:center;gap:var(--cv-space-2);}\n.cv-u-row{display:flex;align-items:center;}\n.cv-u-row-between{display:flex;align-items:center;justify-content:space-between;}\n.cv-u-icon-slot{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;}\n.cv-u-inline-center{display:inline-flex;align-items:center;justify-content:center;}\n/* layer: default */\n.b{border-width:1px;}\n.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}";

package/dist/styles/uno-utilities.d.ts

@@ -0,0 +1,5 @@
+/**
+ * UnoCSS-generated utility classes as a Lit CSSResult.
+ * Only contains utilities actually used in scanned runtime source files.
+ */
+export declare const unoUtilities: import("lit").CSSResult;

package/dist/styles/uno-utilities.js

@@ -0,0 +1,7 @@
+import { unsafeCSS } from 'lit';
+import unoStyles from './uno-generated.js';
+/**
+ * UnoCSS-generated utility classes as a Lit CSSResult.
+ * Only contains utilities actually used in scanned runtime source files.
+ */
+export const unoUtilities = unsafeCSS(unoStyles);

package/dist/theme/cv-theme-provider.d.ts

@@ -28,5 +28,5 @@ export declare class CVThemeProvider extends LitElement {
     private _setupMediaListener;
     private _removeMediaListener;
     private _applyCurrentTheme;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
 }

package/dist/theme/cv-theme-provider.js

@@ -1,5 +1,5 @@
 import { LitElement, css, html } from 'lit';
-import { applyTheme, getTheme } from './theme-engine.js';
+import { getTheme } from './theme-engine.js';
 export class CVThemeProvider extends LitElement {
     static elementName = 'cv-theme-provider';
     static get properties() {
@@ -93,7 +93,7 @@ export class CVThemeProvider extends LitElement {
         }
         const definition = getTheme(this.theme);
         if (!definition) {
-            console.warn(`[cv-theme-provider] Theme "${this.theme}" is not registered.`);
+            globalThis['console']?.warn?.(`[cv-theme-provider] Theme "${this.theme}" is not registered.`);
             return;
         }
         for (const [key, value] of Object.entries(definition.tokens)) {