@mhmo91/schmancy 0.9.27 → 0.10.1

package/src/window/window-position.ts

@@ -31,17 +31,14 @@ export function resolveOverlap(
 	existing: WindowRecord[],
 	viewport: { width: number; height: number },
 ): WindowBounds {
-	let bounds = { ...candidate }
+	const bounds = { ...candidate }
 
 	for (let attempt = 0; attempt < MAX_CASCADE_ATTEMPTS; attempt++) {
 		const hasOverlap = existing.some(w => rectsOverlap(bounds, w.bounds))
 		if (!hasOverlap) break
 
-		bounds = {
-			...bounds,
-			left: bounds.left + CASCADE_OFFSET,
-			top: bounds.top + CASCADE_OFFSET,
-		}
+		bounds.left += CASCADE_OFFSET
+		bounds.top += CASCADE_OFFSET
 	}
 
 	return clampToViewport(bounds, viewport)

package/src/window/window.ts

@@ -1,4 +1,4 @@
-import { $LitElement } from '@mixins/index'
+import { SchmancyElement } from '@mixins/index'
 import { css, html, nothing } from 'lit'
 import { customElement, property, state } from 'lit/decorators.js'
 import { classMap } from 'lit/directives/class-map.js'
@@ -38,7 +38,8 @@ interface Position {
 }
 
 @customElement('schmancy-window')
-export default class SchmancyWindow extends $LitElement(css`
+export default class SchmancyWindow extends SchmancyElement {
+	static styles = [css`
 	:host {
 		display: contents;
 		position: relative;
@@ -47,7 +48,8 @@ export default class SchmancyWindow extends $LitElement(css`
 	:host([hidden]) {
 		display: none !important;
 	}
-`) {
+`]
+
 	@property({ type: String }) id: string = 'default'
 	/** Override the expanded panel width (e.g. '320px', '24rem'). Defaults to responsive sizing. */
 	@property({ type: String }) expandedWidth?: string
@@ -112,9 +114,9 @@ export default class SchmancyWindow extends $LitElement(css`
 		return 'inset(0px 0px 0px 0px round 12px)'
 	}
 
-	private get elevation(): string {
-		if (this.open) return '4'
-		return this.lowered ? '1' : '3'
+	private get elevation(): 0 | 1 | 2 | 3 | 4 | 5 {
+		if (this.open) return 4
+		return this.lowered ? 1 : 3
 	}
 
 	// ============================================
@@ -668,7 +670,7 @@ export default class SchmancyWindow extends $LitElement(css`
 			<schmancy-surface
 				${ref(this._containerRef)}
 				type="glass"
-				elevation="${this.elevation}"
+				.elevation=${this.elevation}
 				class=${containerClasses}
 				style=${containerStyles}
 				aria-expanded=${this.open}

package/types/mixins/SchmancyElement.d.ts

@@ -0,0 +1,49 @@
+import { LitElement, type CSSResultGroup, type CSSResultOrNative } from 'lit';
+import { type IBaseMixin } from './baseElement';
+import type { Constructor } from './constructor';
+type StaticFinalizeStyles = {
+    finalizeStyles(styles?: CSSResultGroup): CSSResultOrNative[];
+};
+declare const SchmancyElementBase: CustomElementConstructor & Constructor<LitElement> & Constructor<IBaseMixin> & StaticFinalizeStyles;
+/**
+ * Base class for Schmancy components. A concrete named class — not a mixin
+ * factory — so DevTools shows `SchmancyElement` in the prototype chain and
+ * `extends SchmancyElement` reads like `extends LitElement` for new
+ * contributors.
+ *
+ * Composes:
+ *   1. `LitElement`            — Lit base
+ *   2. `BaseElement`           — `disconnecting` Subject, classMap/styleMap,
+ *                                 discovery, `stableId`, `uid`, `locale`
+ *   3. `SignalWatcher`         — auto-tracks every signal read in `render()`
+ *
+ * Tailwind styles are injected automatically via `finalizeStyles` — subclasses
+ * just declare their own component-local styles in `static styles`:
+ *
+ *   @customElement('my-card')
+ *   class MyCard extends SchmancyElement {
+ *     static styles = [css`:host { display: block }`]
+ *     render() { return html`<slot></slot>` }
+ *   }
+ *
+ * Cleanup primitives (both fire on disconnect):
+ *   - `disconnecting: Subject<void>` — RxJS, used with `takeUntil`
+ *   - `disconnectedSignal: AbortSignal` — native, used with `fetch`,
+ *     `addEventListener`, or any AbortSignal-aware API
+ *
+ * Never wrap with `SignalWatcher` again — it is already part of the base.
+ * `SignalWatcher(SchmancyElement)` creates two nested Computeds and panics
+ * with "Detected cycle in computations" at runtime; the pre-edit lint
+ * (`NO_SIGNAL_WATCHER_WRAP`) blocks it as belt-and-suspenders.
+ */
+export declare class SchmancyElement extends SchmancyElementBase {
+    private _abortController;
+    /** AbortSignal that fires when the element disconnects. */
+    readonly disconnectedSignal: AbortSignal;
+    constructor();
+    static finalizeStyles(styles?: CSSResultGroup): CSSResultOrNative[];
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions): void;
+    disconnectedCallback(): void;
+}
+export {};

package/types/mixins/formField.mixin.d.ts

@@ -49,7 +49,9 @@ export declare function isSchmancyFormField(el: unknown): el is IFormFieldMixin;
  */
 export declare function FormFieldMixin<T extends Constructor<LitElement>>(superClass: T): Constructor<IFormFieldMixin> & T;
 /**
- * A convenience function that composes FormFieldMixin with TailwindElement
- * to create a base class for Schmancy form components.
+ * A convenience function that composes FormFieldMixin with SchmancyElement
+ * to create a base class for Schmancy form components. Subclasses gain the
+ * full SchmancyElement stack (SignalWatcher, _activeHost wrap, AbortSignal,
+ * automatic Tailwind injection) plus the form-field semantics.
  */
 export declare function SchmancyFormField<T extends CSSResult>(componentStyle?: T): Constructor<IFormFieldMixin> & Constructor<ITailwindElementMixin> & Constructor<LitElement> & Constructor<IBaseMixin>;

package/types/mixins/index.d.ts

@@ -3,5 +3,6 @@ export * from './constructor';
 export * from './discovery.service';
 export * from './formField.mixin';
 export * from './litElement.mixin';
+export * from './SchmancyElement';
 export * from './surface.mixin';
 export * from './tailwind.mixin';

package/types/mixins/litElement.mixin.d.ts

@@ -1,4 +1,15 @@
 import { CSSResult, LitElement } from 'lit';
 import { IBaseMixin } from './baseElement';
 import { Constructor } from './constructor';
+/**
+ * @deprecated Extend `SchmancyElement` directly and declare `static styles`.
+ *
+ *   Before: extends $LitElement(css`...`)
+ *   After:  extends SchmancyElement { static styles = [css`...`] }
+ *
+ * Kept as a thin alias for the migration window; will be removed in the next
+ * major Schmancy release. The returned class extends `SchmancyElement` so
+ * runtime semantics (Tailwind injection, `disconnecting` Subject,
+ * `disconnectedSignal` AbortSignal, SignalWatcher) match exactly.
+ */
 export declare const $LitElement: <T extends CSSResult>(componentStyle?: T) => CustomElementConstructor & Constructor<LitElement> & Constructor<IBaseMixin>;

package/types/src/agent/agent-entry.d.ts

@@ -1,4 +1,4 @@
 import '../index';
 import './schmancy-skill';
-export { $dialog, $notify, sheet, SchmancySheetPosition, schmancyContentDrawer, theme, area, lazy, createContext, select, selectItem, } from '../index';
+export { $dialog, $notify, sheet, SchmancySheetPosition, schmancyContentDrawer, theme, area, lazy, state, bindState, computed, stateFromObservable, } from '../index';
 export { $LitElement } from '../../mixins/index';

package/types/src/agent/helpers.d.ts

@@ -34,7 +34,6 @@ export type ElementEntry = {
         name: string;
         description?: string;
     }>;
-    examples?: string[];
     whenToUse?: string;
     platformPrimitive?: {
         tag: string;
@@ -59,31 +58,6 @@ export type ServiceEntry = {
 };
 export declare function help(tag?: string): unknown;
 export declare function tokens(): string[];
-export type FindForResult = {
-    tag: string;
-    score: number;
-    summary?: string;
-    examples?: string[];
-};
-/**
- * Keyword search over the component manifest. Tokenizes the query the same
- * way each component's `summary + description + examples` were tokenized,
- * and returns the components with the most overlap. Tag-name token matches
- * count for 3× a body-text match.
- *
- * Designed to catch the "I'm reaching for a custom component, what does
- * schmancy ship?" gap without bringing in a vector-embedding dependency.
- *
- * @example
- * window.schmancy.findFor('status pill')
- * // → [{ tag: 'schmancy-badge', score: 4, summary: '…', examples: [...] }]
- *
- * window.schmancy.findFor('initials avatar')
- * // → [{ tag: 'schmancy-avatar', score: 5, ... }]
- *
- * window.schmancy.findFor('xyz123nonexistent') // → []
- */
-export declare function findFor(query: string, limit?: number): FindForResult[];
 export declare function platformPrimitive(tag: string): ElementEntry['platformPrimitive'] | null;
 export declare function registeredTags(): string[];
 export declare function a11yAudit(): Array<{

package/types/src/agent/schmancy-skill.d.ts

@@ -1,4 +1,5 @@
-import { a11yAudit, capabilities, findFor, help, manifest, platformPrimitive, registeredTags, tokens } from './helpers';
+import { SchmancyElement } from '../../mixins/index';
+import { a11yAudit, capabilities, help, manifest, platformPrimitive, registeredTags, tokens } from './helpers';
 declare global {
     interface Window {
         schmancy?: {
@@ -10,11 +11,9 @@ declare global {
             registeredTags: typeof registeredTags;
             a11yAudit: typeof a11yAudit;
             capabilities: typeof capabilities;
-            findFor: typeof findFor;
         };
     }
 }
-declare const SchmancySkill_base: CustomElementConstructor & import("../../mixins/constructor").Constructor<import("lit").LitElement> & import("../../mixins/constructor").Constructor<import("../../mixins/baseElement").IBaseMixin>;
 /**
  * Self-describing runtime helper. Drop `<schmancy-skill></schmancy-skill>`
  * once on a page and `window.schmancy.help('schmancy-button')` returns the
@@ -22,7 +21,7 @@ declare const SchmancySkill_base: CustomElementConstructor & import("../../mixin
  *
  * @element schmancy-skill
  */
-export declare class SchmancySkill extends SchmancySkill_base {
+export declare class SchmancySkill extends SchmancyElement {
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
 }
@@ -31,4 +30,3 @@ declare global {
         'schmancy-skill': SchmancySkill;
     }
 }
-export {};

package/types/src/area/area.component.d.ts

@@ -1,20 +1,7 @@
+import { SchmancyElement } from '@mixins/index';
 import { RouteComponent } from './route.component';
-declare const SchmancyArea_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-/**
- * Router outlet — renders the active route's component for the named area. Drives the schmancy router via the `area` service.
- *
- * @element schmancy-area
- * @summary Mount once per "addressable region" of the app (typically the main content area). Use the imperative `area.push({ area, component, params })` service to navigate. Multiple named areas can coexist on a page (e.g. main content + a sheet).
- * @example
- * <schmancy-area name="main"></schmancy-area>
- * <script>
- *   import { area } from '@mhmo91/schmancy';
- *   area.push({ area: 'main', component: MyDashboardView, params: { id: 42 } });
- * </script>
- * @platform div - Routing outlet. Degrades to an empty div if the tag never registers — routing is lost but the page stays accessible.
- * @fires redirect - When the area resolves a route to a different destination (programmatic redirect). `detail.from` and `detail.to` are the route names.
- */
-export declare class SchmancyArea extends SchmancyArea_base {
+export declare class SchmancyArea extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * The name of the router outlet
      * @attr
@@ -42,4 +29,3 @@ declare global {
         'schmancy-area': SchmancyArea;
     }
 }
-export {};

package/types/src/area/route.component.d.ts

@@ -1,19 +1,29 @@
+import { SchmancyElement } from '@mixins/index';
 import { Observable } from 'rxjs';
 import { LazyComponent } from './lazy';
 export type ObservableGuardResult = Observable<boolean>;
-export type RouteComponent = string | CustomElementConstructor | HTMLElement | LazyComponent<any>;
+export type RouteComponent = string | CustomElementConstructor | HTMLElement | LazyComponent<CustomElementConstructor>;
 export interface RouteConfig {
     when: string;
     component: RouteComponent;
     exact?: boolean;
     guard?: ObservableGuardResult;
 }
-declare const SchmancyRoute_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+export type SchmancyRouteRedirectEvent = CustomEvent<{
+    blockedRoute: string;
+    area: string;
+    params: Record<string, string>;
+    state: Record<string, unknown>;
+    redirectTarget?: unknown;
+}>;
 /**
  * A marker component that holds route configuration.
  * This component doesn't render anything - it's used by schmancy-area
  * to configure routing via slot change detection.
  *
+ * @fires {SchmancyRouteRedirectEvent} redirect - Fired by the parent schmancy-area
+ *   on this element when the route's guard emits false. Listen with `@redirect`.
+ *
  * @example
  * ```html
  * <schmancy-area>
@@ -25,7 +35,8 @@ declare const SchmancyRoute_base: CustomElementConstructor & import("@mixins/ind
  * </schmancy-area>
  * ```
  */
-export declare class SchmancyRoute extends SchmancyRoute_base {
+export declare class SchmancyRoute extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     when: string;
     component: RouteComponent;
     exact?: boolean;
@@ -41,4 +52,3 @@ declare global {
         'schmancy-route': SchmancyRoute;
     }
 }
-export {};

package/types/src/autocomplete/autocomplete.d.ts

@@ -1,23 +1,12 @@
+import { SchmancyElement } from '@mixins/index';
 import { InputSize, SchmancyInput } from '@schmancy/input';
 import '../chips/input-chip';
 export type SchmancyAutocompleteChangeEvent = CustomEvent<{
     value: string | string[];
     values?: string[];
 }>;
-declare const SchmancyAutocomplete_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
- * Combobox with type-ahead filtering over a list of `<schmancy-option>` children. Single or multi-select. Form-associated.
- *
- * @element schmancy-autocomplete
- * @summary Use when users need to pick from a known list of options but the list is too long for a plain select dropdown. Prefer schmancy-select for short static lists.
- * @example
- * <schmancy-autocomplete name="country" label="Country" placeholder="Start typing…">
- *   <schmancy-option value="US">United States</schmancy-option>
- *   <schmancy-option value="CA">Canada</schmancy-option>
- *   <schmancy-option value="GB">United Kingdom</schmancy-option>
- * </schmancy-autocomplete>
- * @platform combobox change - Composed of a schmancy-input + a floating listbox populated from `<schmancy-option>` children. Multi-select renders selections as schmancy-input-chip chips. Degrades to a datalist-backed native input if the tag never registers.
- * @fires change - `SchmancyAutocompleteChangeEvent` with `{ value }` (single) or `{ value, values }` (multi).
+ * Autocomplete input component with filtering and multi-select support.
  *
  * @prop {string} name - Name attribute for form submission
  * @prop {string} label - Label text displayed above the input
@@ -27,7 +16,8 @@ declare const SchmancyAutocomplete_base: CustomElementConstructor & import("@mix
  * @prop {string} value - Selected value (single select mode)
  * @prop {string[]} values - Selected values (multi-select mode)
  */
-export default class SchmancyAutocomplete extends SchmancyAutocomplete_base {
+export default class SchmancyAutocomplete extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     static formAssociated: boolean;
     internals: ElementInternals | undefined;
     constructor();
@@ -92,4 +82,3 @@ declare global {
         'schmancy-autocomplete': SchmancyAutocomplete;
     }
 }
-export {};

package/types/src/{avatar.d.ts → avatar/avatar.d.ts}

@@ -1,3 +1,4 @@
+import { SchmancyElement } from '@mixins/index';
 /**
  * M3 avatar sizes: 20dp → 24dp → 32dp → 40dp → 48dp → 64dp
  * - xxs: Ultra-compact (20px) - for menu cards
@@ -11,7 +12,6 @@ export type AvatarSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type AvatarColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'neutral';
 export type AvatarShape = 'circle' | 'square';
 export type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none';
-declare const SchmancyAvatar_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * A customizable avatar component that displays initials or an icon
  * Designed to match the Schmancy design system
@@ -34,7 +34,7 @@ declare const SchmancyAvatar_base: CustomElementConstructor & import("@mixins/in
  *   color="primary"
  * ></schmancy-avatar>
  */
-export declare class SchmancyAvatar extends SchmancyAvatar_base {
+export declare class SchmancyAvatar extends SchmancyElement {
     initials: string;
     src: string;
     icon: string;
@@ -52,4 +52,3 @@ declare global {
         'schmancy-avatar': SchmancyAvatar;
     }
 }
-export {};

package/types/src/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './avatar';

package/types/src/badge/badge.d.ts

@@ -1,3 +1,4 @@
+import { SchmancyElement } from '@mixins/index';
 /**
  * Badge color types for predefined styles
  */
@@ -10,7 +11,6 @@ export type BadgeSize = 'xs' | 'sm' | 'md' | 'lg';
  * Badge shape variants
  */
 export type BadgeShape = 'rounded' | 'pill' | 'square';
-declare const SchmancyBadgeV2_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * @element sch-badge
  * A versatile badge component for status indicators, labels, and counts
@@ -22,7 +22,8 @@ declare const SchmancyBadgeV2_base: import("@mixins/index").Constructor<CustomEl
  * @csspart content - The content container
  * @csspart icon - The icon container
  */
-export declare class SchmancyBadgeV2 extends SchmancyBadgeV2_base {
+export declare class SchmancyBadgeV2 extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * The color variant of the badge
      * @attr
@@ -87,4 +88,3 @@ declare global {
 }
 export declare class ScBadgeV2 extends SchmancyBadgeV2 {
 }
-export {};

package/types/src/boat/boat.d.ts

@@ -1,7 +1,8 @@
+import { SchmancyElement } from '@mixins/index';
 type Corner = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
 type BoatState = 'collapsed' | 'expanded';
-declare const SchmancyBoat_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export default class SchmancyBoat extends SchmancyBoat_base {
+export default class SchmancyBoat extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     id: string;
     icon?: string;
     label?: string;

package/types/src/breadcrumb/breadcrumb.d.ts

@@ -1,40 +1,31 @@
-declare const SchmancyBreadcrumb_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
- * Breadcrumb trail — navigation history from root to current page. Renders schmancy-breadcrumb-item children with separators between.
+ * Breadcrumb navigation container. Wraps a list of `schmancy-breadcrumb-item`
+ * elements with the correct ARIA landmark and semantics.
  *
  * @element schmancy-breadcrumb
- * @summary Use for deep hierarchical navigation (file explorer paths, e-commerce category chains, admin settings trees). Last item is styled as the current page automatically.
- * @example
- * <schmancy-breadcrumb separator="›">
- *   <schmancy-breadcrumb-item href="/">Home</schmancy-breadcrumb-item>
- *   <schmancy-breadcrumb-item href="/docs">Docs</schmancy-breadcrumb-item>
- *   <schmancy-breadcrumb-item>Getting started</schmancy-breadcrumb-item>
- * </schmancy-breadcrumb>
- * @platform nav - Styled `<nav aria-label="Breadcrumb">`. Degrades to a plain nav if the tag never registers.
  * @slot - Default slot for `<schmancy-breadcrumb-item>` children.
  * @attr separator - Character or string rendered between items. Default `/`.
  * @csspart separator - The separator element.
  */
-export declare class SchmancyBreadcrumb extends SchmancyBreadcrumb_base {
+export declare class SchmancyBreadcrumb extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     separator: string;
     connectedCallback(): void;
     render(): import("lit-html").TemplateResult<1>;
     private _insertSeparators;
 }
-declare const SchmancyBreadcrumbItem_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
- * Single segment in a schmancy-breadcrumb trail — a link when `href` is set, or a plain span (the current page) when omitted.
+ * Individual breadcrumb item. Renders as a link when `href` is provided,
+ * otherwise as a plain span (represents the current page).
  *
  * @element schmancy-breadcrumb-item
- * @summary Always nested inside schmancy-breadcrumb. Omit `href` on the current page — it gets aria-current="page" automatically.
- * @example
- * <schmancy-breadcrumb-item href="/products">Products</schmancy-breadcrumb-item>
- * @platform a - Renders an `<a>` or `<span>` depending on href. Degrades to a plain anchor/span if the tag never registers.
  * @slot - Label content.
  * @attr href - If set, renders as an anchor.
  * @attr current - Marks as `aria-current="page"`.
  */
-export declare class SchmancyBreadcrumbItem extends SchmancyBreadcrumbItem_base {
+export declare class SchmancyBreadcrumbItem extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     href: string;
     current: boolean;
     render(): import("lit-html").TemplateResult<1>;
@@ -45,4 +36,3 @@ declare global {
         'schmancy-breadcrumb-item': SchmancyBreadcrumbItem;
     }
 }
-export {};

package/types/src/busy/busy.d.ts

@@ -1,5 +1,6 @@
-declare const SchmancyBusy_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export default class SchmancyBusy extends SchmancyBusy_base {
+import { SchmancyElement } from '@mixins/index';
+export default class SchmancyBusy extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     protected render(): unknown;
 }
 declare global {
@@ -7,4 +8,3 @@ declare global {
         'schmancy-busy': SchmancyBusy;
     }
 }
-export {};

package/types/src/busy/spinner.d.ts

@@ -1,5 +1,6 @@
-declare const SchmnacySpinner_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export default class SchmnacySpinner extends SchmnacySpinner_base {
+import { SchmancyElement } from '@mixins/index';
+export default class SchmnacySpinner extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     color?: 'primary' | 'on-primary' | 'secondary' | 'on-secondary' | 'tertiary' | 'on-tertiary' | 'error' | 'on-error' | 'success' | 'on-success' | 'surface' | 'on-surface' | 'surface-variant' | 'on-surface-variant';
     /**
      * Size of the spinner - M3 aligned tokens or numeric Tailwind units
@@ -15,4 +16,3 @@ declare global {
         'schmancy-spinner': SchmnacySpinner;
     }
 }
-export {};

package/types/src/button/button.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { SchmancyElement } from '@mixins/index';
 import { type SchmancyButtonSize } from './context';
 export interface SchmancyButtonEventMap {
     SchmancyFocus: CustomEvent<void>;
@@ -6,21 +6,16 @@ export interface SchmancyButtonEventMap {
 }
 export type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'tonal' | 'outlined' | 'text';
 export type ButtonColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'neutral';
-declare const SchmancyButton_base: CustomElementConstructor & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
- * Material Design button — primary interactive surface for triggering actions or navigation.
+ * A button component.
  * @element schmancy-button
- * @summary Trigger actions or navigate. Form-associated; participates in native form submission.
- * @example
- * <schmancy-button variant="filled" @click=${() => save()}>Save</schmancy-button>
- * <schmancy-button variant="outlined" href="/next">Continue</schmancy-button>
- * @platform button click - Schmancy-skinned native `<button type="submit">`. When `href` is set, degrades to `<a href="…">`. Falls back to plain `<button>` styled with Tailwind if the tag never registers.
  * @slot - The default slot.
  * @slot prefix - The prefix slot.
  * @slot suffix - The suffix slot.
  * @csspart base - The underlying native `<button>` (or `<a>` when `href` is set).
  */
-export declare class SchmancyButton extends SchmancyButton_base {
+export declare class SchmancyButton extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     protected static shadowRootOptions: {
         mode: string;
         delegatesFocus: boolean;
@@ -110,4 +105,3 @@ declare global {
         'schmancy-button': SchmancyButton;
     }
 }
-export {};

package/types/src/button/icon-button.d.ts

@@ -1,19 +1,14 @@
-import { LitElement, PropertyValueMap } from 'lit';
+import { SchmancyElement } from '@mixins/index';
+import { PropertyValueMap } from 'lit';
 import { ButtonVariant } from './button';
-declare const SchmnacyIconButton_base: CustomElementConstructor & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
- * Icon-only button for toolbar actions, close affordances, or overflow menus.
+ * An icon button component.
  * @element schmancy-icon-button
- * @summary Compact round/square button wrapping a single icon glyph. Form-associated like schmancy-button.
- * @example
- * <schmancy-icon-button aria-label="Close" @click=${() => close()}>
- *   <schmancy-icon>close</schmancy-icon>
- * </schmancy-icon-button>
- * @platform button click - Schmancy-skinned native `<button>` (or `<a>` when `href` is set). aria-label is required for a11y because there's no text content.
  * @slot - The default slot (usually an icon or glyph).
  * @csspart base - The underlying native `<button>` (or `<a>` when `href` is set).
  */
-export declare class SchmnacyIconButton extends SchmnacyIconButton_base {
+export declare class SchmnacyIconButton extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     protected static shadowRootOptions: {
         mode: string;
         delegatesFocus: boolean;
@@ -92,4 +87,3 @@ declare global {
         'schmancy-icon-button': SchmnacyIconButton;
     }
 }
-export {};

package/types/src/card/actions.d.ts

@@ -1,18 +1,10 @@
-declare const SchmancyCardAction_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
- * Action row of a schmancy-card — holds the card's buttons / links (typically aligned bottom-right).
- *
  * @element schmancy-card-action
- * @summary Always nested inside schmancy-card. Holds the primary + secondary CTAs for the card.
- * @example
- * <schmancy-card-action>
- *   <schmancy-button variant="text">Cancel</schmancy-button>
- *   <schmancy-button variant="filled">Save</schmancy-button>
- * </schmancy-card-action>
- * @platform div - Styled flex container. Degrades to a plain div if the tag never registers.
  * @slot - The content of the action
  */
-export default class SchmancyCardAction extends SchmancyCardAction_base {
+export default class SchmancyCardAction extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     protected render(): unknown;
 }
 declare global {
@@ -20,4 +12,3 @@ declare global {
         'schmancy-card-action': SchmancyCardAction;
     }
 }
-export {};