@auvyx/ui 0.1.0 → 0.1.2

package/dist/types/elements.d.ts

@@ -1,5 +1,22 @@
 // Generated from packages/elements/api.mjs by packages/ui/tools/types.mjs. Do not edit.
 
+export interface AuvyxCore {
+  /** Register a behavior: name, a selector and an init function (or { selector, init, refresh }). */
+  register(name: string, selectorOrOptions: string | { selector: string; init: (el: Element) => void; refresh?: (el: Element) => void }, init?: (el: Element) => void): void;
+  /** Initialize one registered component type in the page. */
+  init(name: string): void;
+  /** Initialize every registered component not initialized yet; force re-creates them (after a cache restore). */
+  initAll(options?: { force?: boolean }): void;
+  /** Re-read an initialized component's markup (options changed). */
+  refresh(el: Element): void;
+  /** Watch the page for inserted markup (on by default). */
+  start(): void;
+  stop(): void;
+  theme: { get(): 'light' | 'dark'; set(mode: 'light' | 'dark'): void; toggle(): void };
+  /** Chart.js helper, present once auvyx.chart.min.js is loaded. */
+  chart?: (target: string | HTMLCanvasElement, config: unknown) => unknown;
+}
+
 export interface AuvyxToastOptions {
   category?: 'success' | 'error' | 'info' | 'warning';
   title?: string;
@@ -241,6 +258,12 @@ export interface AuvyxContextMenuElement extends HTMLElement {
 }
 
 declare global {
+  interface Window {
+    /** The Auvyx UI JavaScript API. */
+    auvyx: AuvyxCore;
+    /** Alias of window.auvyx, kept for existing code. */
+    basecoat: AuvyxCore;
+  }
   interface HTMLElementTagNameMap {
     "auvyx-tabs": AuvyxTabsElement;
     "auvyx-select": AuvyxSelectElement;

package/dist/ui/accordion.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -240,10 +241,10 @@ if (!window.basecoat) (() => {
     root.dispatchEvent(new CustomEvent('basecoat:initialized'));
   };
 
-  if (window.basecoat) {
-    window.basecoat.register('accordion', '.accordion:not([data-accordion-initialized])', initAccordion);
+  if (window.auvyx) {
+    window.auvyx.register('accordion', '.accordion:not([data-accordion-initialized])', initAccordion);
   }
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/base.css

@@ -483,6 +483,62 @@ html[data-motion='off'] {
         translate: none;
       }
     }
+  :is( .field > input:is([type='text'], [type='email'], [type='password'], [type='number'], [type='file'], [type='tel'], [type='url'], [type='search'], [type='date'], [type='datetime-local'], [type='month'], [type='week'], [type='time']), .input:is([type='text'], [type='email'], [type='password'], [type='number'], [type='file'], [type='tel'], [type='url'], [type='search'], [type='date'], [type='datetime-local'], [type='month'], [type='week'], [type='time']), .field > textarea, .textarea, .field > select, select.select, .select:not(select) > button, .combobox > input[role='combobox'], .input-group, .input-otp ) {
+      transition: color var(--motion-fast) var(--motion-ease-standard), background-color var(--motion-fast) var(--motion-ease-standard), border-color var(--motion-fast) var(--motion-ease-standard), box-shadow var(--motion-fast) var(--motion-ease-standard);
+    }
+  :is( .field > input:is([type='text'], [type='email'], [type='password'], [type='number'], [type='file'], [type='tel'], [type='url'], [type='search'], [type='date'], [type='datetime-local'], [type='month'], [type='week'], [type='time']), .input:is([type='text'], [type='email'], [type='password'], [type='number'], [type='file'], [type='tel'], [type='url'], [type='search'], [type='date'], [type='datetime-local'], [type='month'], [type='week'], [type='time']), .field > textarea, .textarea, .field > select, select.select, .select:not(select) > button, .combobox > input[role='combobox'], .input-group, .input-otp ):hover:not(:focus, :focus-within, :disabled, :has(:disabled), [aria-invalid='true'], [aria-expanded='true']) {
+      border-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklch, var(--ring) 70%, var(--input));
+      }
+    }
+  :is(.field > input:is([type='checkbox'], [type='radio']), .input:is([type='checkbox'], [type='radio'])) {
+      transition: color var(--motion-fast) var(--motion-ease-standard), background-color var(--motion-fast) var(--motion-ease-standard), border-color var(--motion-fast) var(--motion-ease-standard), box-shadow var(--motion-fast) var(--motion-ease-standard), scale var(--motion-spring-snappy-duration) var(--motion-spring-snappy);
+    }
+  :is(.field > input:is([type='checkbox'], [type='radio']), .input:is([type='checkbox'], [type='radio'])):not([role='switch']):hover:not(:checked, :focus-visible, :disabled, [aria-invalid='true']) {
+      border-color: var(--ring);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklch, var(--ring) 70%, var(--input));
+      }
+    }
+  :is(.field > input:is([type='checkbox'], [type='radio']), .input:is([type='checkbox'], [type='radio']))[role='switch']:hover:not(:checked, :disabled, [aria-invalid='true']) {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklch, var(--input), var(--foreground) 12%);
+      }
+    }
+  :is(.dark, .dark *) :is(.field > input:is([type='checkbox'], [type='radio']), .input:is([type='checkbox'], [type='radio']))[role='switch']:hover:not(:checked, :disabled, [aria-invalid='true']) {
+      background-color: var(--input);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklch, var(--input), var(--foreground) 18%);
+      }
+    }
+  :is(.field > input:is([type='checkbox'], [type='radio']), .input:is([type='checkbox'], [type='radio'])):active:not(:disabled) {
+      scale: 0.92;
+    }
+  :is(.field > input[type='range'], .input[type='range'])::-webkit-slider-thumb {
+      transition: scale var(--motion-spring-snappy-duration) var(--motion-spring-snappy), box-shadow var(--motion-fast) var(--motion-ease-standard);
+    }
+  :is(.field > input[type='range'], .input[type='range'])::-moz-range-thumb {
+      transition: scale var(--motion-spring-snappy-duration) var(--motion-spring-snappy), box-shadow var(--motion-fast) var(--motion-ease-standard);
+    }
+  :is(.field > input[type='range'], .input[type='range']):active:not(:disabled)::-webkit-slider-thumb {
+      scale: 1.15;
+    }
+  :is(.field > input[type='range'], .input[type='range']):active:not(:disabled)::-moz-range-thumb {
+      scale: 1.15;
+    }
+  @media (prefers-reduced-motion: reduce) {
+      :is(.field > input:is([type='checkbox'], [type='radio']), .input:is([type='checkbox'], [type='radio'])):active {
+        scale: none;
+      }
+      :is(.field > input[type='range'], .input[type='range']):active::-webkit-slider-thumb {
+        scale: none;
+      }
+      :is(.field > input[type='range'], .input[type='range']):active::-moz-range-thumb {
+        scale: none;
+      }
+    }
   [data-popover]:not([popover]) {
       transition-property: opacity, scale, translate, visibility;
       transition-duration: var(--motion-base);

package/dist/ui/calendar.js

@@ -1,4 +1,4 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
 (() => {
   // ../elements/src/calendar.js
   var pad = (n) => String(n).padStart(2, "0");

package/dist/ui/combobox.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -744,8 +745,8 @@ if (!window.basecoat) (() => {
     root.dispatchEvent(new CustomEvent('basecoat:initialized'));
   };
 
-  if (window.basecoat) {
-    window.basecoat.register('combobox', {
+  if (window.auvyx) {
+    window.auvyx.register('combobox', {
       selector: '.combobox:not([data-combobox-initialized])',
       init: initCombobox,
       refresh: refreshCombobox,
@@ -754,4 +755,4 @@ if (!window.basecoat) (() => {
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/command.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -369,8 +370,8 @@ if (!window.basecoat) (() => {
     container.dispatchEvent(new CustomEvent('basecoat:initialized'));
   };
 
-  if (window.basecoat) {
-    window.basecoat.register('command', {
+  if (window.auvyx) {
+    window.auvyx.register('command', {
       selector: '.command:not([data-command-initialized])',
       init: initCommand,
       refresh: refreshCommand,
@@ -379,4 +380,4 @@ if (!window.basecoat) (() => {
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/context-menu.js

@@ -1,4 +1,4 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
 (() => {
   // ../elements/src/context-menu.js
   var AuvyxContextMenu = class extends HTMLElement {

package/dist/ui/copy.js

@@ -1,4 +1,4 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
 // Copy to clipboard (fork addition).
 //
 // Any element with [data-copy] copies text on click:

package/dist/ui/data-table.js

@@ -1,4 +1,4 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
 (() => {
   // ../elements/src/data-table.js
   var AuvyxDataTable = class extends HTMLElement {

package/dist/ui/date-picker.js

@@ -1,4 +1,4 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
 (() => {
   // ../elements/src/date-picker.js
   var calendarIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M8 2v4"/><path d="M16 2v4"/><rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/></svg>';

package/dist/ui/drawer.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -256,10 +257,10 @@ if (!window.basecoat) (() => {
     drawer.dispatchEvent(new CustomEvent('basecoat:initialized'));
   };
 
-  if (window.basecoat) {
-    window.basecoat.register('drawer', '.drawer:not([data-drawer-initialized])', initDrawer);
+  if (window.auvyx) {
+    window.auvyx.register('drawer', '.drawer:not([data-drawer-initialized])', initDrawer);
   }
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/dropdown-menu.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -375,8 +376,8 @@ if (!window.basecoat) (() => {
     root.dispatchEvent(new CustomEvent('basecoat:initialized'));
   };
 
-  if (window.basecoat) {
-    window.basecoat.register('dropdown-menu', {
+  if (window.auvyx) {
+    window.auvyx.register('dropdown-menu', {
       selector: '.dropdown-menu:not([data-dropdown-menu-initialized]):not(:has(> [data-popover][popover]))',
       init: initDropdownMenu,
       refresh: refreshDropdownMenu,
@@ -385,4 +386,4 @@ if (!window.basecoat) (() => {
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/menu.js

@@ -1,4 +1,4 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
 (() => {
   // ../elements/src/menu.js
   (() => {

package/dist/ui/popover.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -259,10 +260,10 @@ if (!window.basecoat) (() => {
     popoverComponent.dispatchEvent(new CustomEvent('basecoat:initialized'));
   };
 
-  if (window.basecoat) {
-    window.basecoat.register('popover', '.popover:not([data-popover-initialized]):not(:has(> [data-popover][popover]))', initPopover);
+  if (window.auvyx) {
+    window.auvyx.register('popover', '.popover:not([data-popover-initialized]):not(:has(> [data-popover][popover]))', initPopover);
   }
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/resizable.js

@@ -1,4 +1,4 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
 (() => {
   // ../elements/src/resizable.js
   var AuvyxResizable = class extends HTMLElement {

package/dist/ui/select.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -633,8 +634,8 @@ if (!window.basecoat) (() => {
     root.dispatchEvent(new CustomEvent('basecoat:initialized'));
   };
 
-  if (window.basecoat) {
-    window.basecoat.register('select', {
+  if (window.auvyx) {
+    window.auvyx.register('select', {
       selector: 'div.select:not([data-select-initialized])',
       init: initSelect,
       refresh: refreshSelect,
@@ -643,4 +644,4 @@ if (!window.basecoat) (() => {
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/sidebar.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -278,10 +279,10 @@ if (!window.basecoat) (() => {
     sidebar.toggle();
   });
 
-  if (window.basecoat) {
-    window.basecoat.register('sidebar', '.sidebar', initSidebar);
+  if (window.auvyx) {
+    window.auvyx.register('sidebar', '.sidebar', initSidebar);
   }
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/slider.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -197,10 +198,10 @@ if (!window.basecoat) (() => {
     element.dataset.rangeInitialized = 'true';
   }
 
-  if (window.basecoat) {
-    window.basecoat.register('range', 'input[type="range"]:not([data-range-initialized])', initRange);
+  if (window.auvyx) {
+    window.auvyx.register('range', 'input[type="range"]:not([data-range-initialized])', initRange);
   }
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/tabs.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -275,8 +276,8 @@ if (!window.basecoat) (() => {
     root.dispatchEvent(new CustomEvent('basecoat:initialized'));
   };
 
-  if (window.basecoat) {
-    window.basecoat.register('tabs', {
+  if (window.auvyx) {
+    window.auvyx.register('tabs', {
       selector: '.tabs:not([data-tabs-initialized])',
       init: initTabs,
       refresh: refreshTabs,
@@ -285,4 +286,4 @@ if (!window.basecoat) (() => {
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }

package/dist/ui/toast.js

@@ -1,6 +1,6 @@
-/* @auvyx/ui v0.1.0 | MIT | based on Basecoat (MIT) */
-// Basecoat core, once per page.
-if (!window.basecoat) (() => {
+/* @auvyx/ui v0.1.2 | MIT License | see LICENSE */
+// Shared core, once per page.
+if (!window.auvyx) (() => {
   const componentRegistry = {};
   let observer = null;
 
@@ -48,7 +48,7 @@ if (!window.basecoat) (() => {
       try {
         element._destroy();
       } catch (error) {
-        console.error('Failed to destroy Basecoat component:', error);
+        console.error('Failed to destroy component:', error);
       }
     }
 
@@ -156,7 +156,8 @@ if (!window.basecoat) (() => {
 
   const getTheme = () => document.documentElement.classList.contains('dark') ? 'dark' : 'light';
 
-  window.basecoat = {
+  // window.auvyx is the API; window.auvyx is the same object, kept as an alias.
+  window.auvyx = window.basecoat = {
     register: registerComponent,
     init: initRegisteredComponent,
     initAll: initAllRegisteredComponents,
@@ -368,11 +369,11 @@ if (!window.basecoat) (() => {
     return template.content.firstChild;
   }
 
-  if (window.basecoat) {
-    window.basecoat.register('toaster', '#toaster:not([data-toaster-initialized])', initToaster);
-    window.basecoat.register('toast', '.toast:not([data-toast-initialized])', initToast);
+  if (window.auvyx) {
+    window.auvyx.register('toaster', '#toaster:not([data-toaster-initialized])', initToaster);
+    window.auvyx.register('toast', '.toast:not([data-toast-initialized])', initToast);
   }
 })();
 
 // Loaded after the DOM is ready: initialize now.
-if (document.readyState !== 'loading') { window.basecoat.initAll(); window.basecoat.start(); }
+if (document.readyState !== 'loading') { window.auvyx.initAll(); window.auvyx.start(); }