@mhmo91/schmancy 0.9.28 → 0.10.2

package/types/src/divider/divider.d.ts

@@ -1,16 +1,6 @@
-declare const SchmancyDivider_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-/**
- * Thin horizontal (or vertical) separator rule between sections of content.
- *
- * @element schmancy-divider
- * @summary Semantic separator between groups — list items, menu sections, content blocks. Uses outline theme token.
- * @example
- * <schmancy-list-item>First</schmancy-list-item>
- * <schmancy-divider></schmancy-divider>
- * <schmancy-list-item>Second</schmancy-list-item>
- * @platform hr - Styled horizontal rule. Degrades to a native `<hr>` if the tag never registers.
- */
-export default class SchmancyDivider extends SchmancyDivider_base {
+import { SchmancyElement } from '@mixins/index';
+export default class SchmancyDivider extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     outline: 'default' | 'variant';
     vertical: boolean;
     grow: 'start' | 'end' | 'both';
@@ -26,4 +16,3 @@ declare global {
         'schmancy-divider': SchmancyDivider;
     }
 }
-export {};

package/types/src/dropdown/dropdown-component.d.ts

@@ -1,24 +1,12 @@
-declare const SchmancyDropdown_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
- * Anchored floating dropdown — a generic "show this content relative to that trigger" primitive. Unlike schmancy-menu (which uses the dialog service and is list-shaped), dropdown is a low-level popover anchored with Floating UI. Use when you want a custom-shaped overlay tied to a specific trigger element without the menu semantics.
+ * A dropdown component that displays content when triggered.
  *
  * @element schmancy-dropdown
- * @summary Prefer schmancy-menu for action lists, schmancy-autocomplete for type-ahead, schmancy-tooltip for hover hints. Reach for schmancy-dropdown when none of those fit — custom filters, color pickers, inline forms anchored to a trigger.
- * @example
- * <schmancy-dropdown>
- *   <schmancy-button slot="trigger">Filters</schmancy-button>
- *   <schmancy-dropdown-content>
- *     <schmancy-form>…</schmancy-form>
- *   </schmancy-dropdown-content>
- * </schmancy-dropdown>
- * @platform div - Anchored via Floating UI (autoUpdate, flip, shift). Degrades to inline content if the tag never registers — loses positioning but content stays accessible.
- * @attr open - Boolean; whether the dropdown is visible.
- * @fires open - When the dropdown opens.
- * @fires close - When the dropdown closes.
  * @slot trigger - The element that triggers the dropdown
  * @slot - Default slot for the dropdown content
  */
-export declare class SchmancyDropdown extends SchmancyDropdown_base {
+export declare class SchmancyDropdown extends SchmancyElement {
     /**
      * Whether the dropdown is currently open
      */
@@ -52,7 +40,7 @@ export declare class SchmancyDropdown extends SchmancyDropdown_base {
      * Toggle the dropdown open state
      */
     toggle(): void;
-    updated(changedProps: Map<string, any>): void;
+    updated(changedProps: Map<string, unknown>): void;
     /**
      * Setup floating UI positioning with teleportation
      */
@@ -72,4 +60,3 @@ declare global {
         'schmancy-dropdown': SchmancyDropdown;
     }
 }
-export {};

package/types/src/dropdown/dropdown-content.d.ts

@@ -1,21 +1,14 @@
-declare const SchmancyDropdownContent_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';
 /**
- * Content panel for a schmancy-dropdown — a styled positioned surface. Always nested inside schmancy-dropdown and placed alongside the trigger slot.
+ * Content container for the schmancy-dropdown component.
  *
  * @element schmancy-dropdown-content
- * @summary Nest this inside schmancy-dropdown (not in the trigger slot). Use the `content` CSS part to customize backgrounds / shadows / padding without shadow-root piercing.
- * @example
- * <schmancy-dropdown>
- *   <schmancy-button slot="trigger">Open</schmancy-button>
- *   <schmancy-dropdown-content>
- *     Panel contents…
- *   </schmancy-dropdown-content>
- * </schmancy-dropdown>
- * @platform div - Positioned panel with theme-aware styling. Degrades to an inline div if the tag never registers.
  * @slot - Default slot for dropdown content.
- * @csspart content - The inner wrapper element; style to override panel backgrounds, shadows, padding, or borders without shadow-root piercing.
+ * @csspart content - The inner wrapper element; style to override panel
+ *   backgrounds, shadows, padding, or borders without shadow-root piercing.
  */
-export declare class SchmancyDropdownContent extends SchmancyDropdownContent_base {
+export declare class SchmancyDropdownContent extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * Width of the dropdown content
      */
@@ -39,4 +32,3 @@ declare global {
         'schmancy-dropdown-content': SchmancyDropdownContent;
     }
 }
-export {};

package/types/src/expand/expand-root.component.d.ts

@@ -1,20 +1,10 @@
 import { nothing } from 'lit';
+import { SchmancyElement } from '@mixins/index';
 import type { TSurfaceColor } from '@schmancy/types';
 import '../surface/surface.js';
-declare const SchmancyExpandRoot_base: import("@mixins/index").Constructor<import("@mixins/index").ISurfaceMixin> & 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>;
-/**
- * Container for schmancy-expand children — coordinates mutual-exclusion so only one child is open at a time. Also renders the portal panel that the active child expands into.
- *
- * @element schmancy-expand-root
- * @summary Always wrap a group of schmancy-expand children. Without a root, each schmancy-expand behaves independently (which is usually not what you want — prefer schmancy-details for that).
- * @example
- * <schmancy-expand-root>
- *   <schmancy-expand summary="Step 1">…</schmancy-expand>
- *   <schmancy-expand summary="Step 2">…</schmancy-expand>
- * </schmancy-expand-root>
- * @platform div - Coordinating wrapper. Degrades to a plain div if the tag never registers — children fall back to independent `<details>` behavior.
- */
+declare const SchmancyExpandRoot_base: import("@mixins/index").Constructor<import("@mixins/index").ISurfaceMixin> & typeof SchmancyElement;
 export declare class SchmancyExpandRoot extends SchmancyExpandRoot_base {
+    static styles: import("lit").CSSResult[];
     type: TSurfaceColor;
     isOpen: boolean;
     private summaryRect;
@@ -32,7 +22,7 @@ export declare class SchmancyExpandRoot extends SchmancyExpandRoot_base {
     triggerClose(targetRect: DOMRect): Promise<void>;
     private _animateOpen;
     private _animateClose;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 declare global {
     interface HTMLElementTagNameMap {

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

@@ -1,21 +1,8 @@
+import { SchmancyElement } from '@mixins/index';
 /** Dispatch this event on window to close whichever schmancy-expand is currently open */
 export declare const SCHMANCY_EXPAND_REQUEST_CLOSE = "schmancy-expand-request-close";
-declare const SchmancyExpand_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>;
-/**
- * Accordion-style section — expands on click, coordinates with siblings via schmancy-expand-root to close any sibling when a new one opens. Only one schmancy-expand can be open at a time within the same root.
- *
- * @element schmancy-expand
- * @summary Use for grouped progressive-disclosure where only one section should be open at a time. Prefer schmancy-details when sections should be independent.
- * @example
- * <schmancy-expand-root>
- *   <schmancy-expand summary="Billing">Billing form…</schmancy-expand>
- *   <schmancy-expand summary="Shipping">Shipping form…</schmancy-expand>
- *   <schmancy-expand summary="Review">Order review…</schmancy-expand>
- * </schmancy-expand-root>
- * @platform details toggle - Schmancy-skinned accordion section. Degrades to `<details>` if the tag never registers — loses mutual-exclusion behavior but stays functional.
- * @fires toggle - When the open state changes.
- */
-export default class SchmancyExpand extends SchmancyExpand_base {
+export default class SchmancyExpand extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     summary: string;
     open: boolean;
     summaryPadding: string;
@@ -49,4 +36,3 @@ declare global {
         'schmancy-expand': SchmancyExpand;
     }
 }
-export {};

package/types/src/extra/countries/countries.d.ts

@@ -1,15 +1,6 @@
-declare const SchmancyCountriesSelect_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-/**
- * Country picker — type-ahead autocomplete over the ISO 3166-1 country list. Form-associated.
- *
- * @element schmancy-select-countries
- * @summary Drop-in replacement for schmancy-autocomplete when the options are specifically "every country". Pre-seeds the list from countries.data.
- * @example
- * <schmancy-select-countries name="country" label="Shipping country" required></schmancy-select-countries>
- * @platform combobox change - Composes schmancy-autocomplete with a static options list. Value is the 2-letter ISO code.
- * @fires change - `SchmancyAutocompleteChangeEvent` with `{ value: string }` (the ISO code).
- */
-export declare class SchmancyCountriesSelect extends SchmancyCountriesSelect_base {
+import { SchmancyElement } from '@mixins/index';
+export declare class SchmancyCountriesSelect extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     static formAssociated: boolean;
     private internals?;
     value?: string;
@@ -33,4 +24,3 @@ declare global {
         'schmancy-select-countries': SchmancyCountriesSelect;
     }
 }
-export {};

package/types/src/extra/timezone/timezone.d.ts

@@ -1,20 +1,14 @@
-declare const SchmancyTimezonesSelect_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
- * Timezone picker — type-ahead autocomplete over the IANA tz database. Form-associated.
- *
- * @element schmancy-select-timezones
- * @summary Drop-in replacement for schmancy-autocomplete when the options are IANA timezone names. Value is the IANA identifier ("America/Los_Angeles").
- * @example
- * <schmancy-select-timezones name="tz" label="Timezone" value="America/New_York"></schmancy-select-timezones>
- * @platform combobox change - Composes schmancy-autocomplete with a static IANA timezones list.
- * @fires change - `SchmancyAutocompleteChangeEvent` with `{ value: string }` (the IANA tz name).
+ * Timezone selector component with autocomplete filtering.
  *
  * @prop {string} name - Name attribute for form submission
  * @prop {string} value - Selected timezone value
  * @prop {string} label - Label text for the field
  * @prop {boolean} required - Whether the field is required
  */
-export declare class SchmancyTimezonesSelect extends SchmancyTimezonesSelect_base {
+export declare class SchmancyTimezonesSelect extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     static formAssociated: boolean;
     private internals?;
     value?: string;
@@ -38,4 +32,3 @@ declare global {
         'schmancy-select-timezones': SchmancyTimezonesSelect;
     }
 }
-export {};

package/types/src/form/form.d.ts

@@ -1,5 +1,6 @@
 /**
- * Ergonomic wrapper around a native `<form>`. Children are reparented into a light-DOM `<form>` on connection so form-associated custom elements resolve `internals.form` via native DOM ancestry.
+ * A thin ergonomic wrapper around a native `<form>` element. Its children are
+ * reparented into a `<form>` element in light DOM on connection, so:
  *
  * - Form-associated custom elements (FACE) resolve their `internals.form`
  *   correctly via native DOM ancestry.
@@ -15,14 +16,6 @@
  * lifting is the platform's.
  *
  * @element schmancy-form
- * @summary Always wrap form-associated schmancy components in schmancy-form (or a native `<form>`) so `new FormData(form)` just works.
- * @example
- * <schmancy-form @submit=${(e) => console.log(Object.fromEntries(e.detail))}>
- *   <schmancy-input name="email" type="email" required></schmancy-input>
- *   <schmancy-input name="password" type="password" required></schmancy-input>
- *   <schmancy-button type="submit" variant="filled">Sign in</schmancy-button>
- * </schmancy-form>
- * @platform form submit - Light-DOM native `<form>` element. Degrades to a `<form>` if the tag never registers — same semantics, just no CustomEvent translation.
  * @fires submit - `CustomEvent<FormData>` emitted when the form is submitted.
  * @fires reset - Emitted after the underlying form resets.
  */

package/types/src/icons/icon.d.ts

@@ -1,3 +1,4 @@
+import { SchmancyElement } from '@mixins/index';
 /**
  * Icon size tokens - M3 aligned with optical size optimization
  * - xxs: 12px (opsz: 20) - fits in 24px buttons (ultra-compact)
@@ -8,7 +9,6 @@
  * - Or custom string like '48px'
  */
 export type IconSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | string;
-declare const SchmancyIcon_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 schmancy-icon
  * Material Symbols icon component with flexible font variation properties
@@ -20,7 +20,8 @@ declare const SchmancyIcon_base: import("@mixins/index").Constructor<CustomEleme
  * @cssprop --schmancy-icon-opsz - Optical size (default: 24)
  * @csspart icon - The inner `<span>` carrying the Material Symbols glyph.
  */
-export default class SchmancyIcon extends SchmancyIcon_base {
+export default class SchmancyIcon extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     private static fontsLoaded;
     /**
      * Load Material Symbols fonts from Google Fonts CDN
@@ -89,4 +90,3 @@ declare global {
         'schmancy-icon': SchmancyIcon;
     }
 }
-export {};

package/types/src/iframe/iframe.d.ts

@@ -1,5 +1,5 @@
+import { SchmancyElement } from '@mixins/index';
 import { PropertyValues } from 'lit';
-declare const SchmancyIframe_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>;
 /**
  * Renders an HTML fragment inside a sandboxed, auto-sizing iframe.
  *
@@ -11,7 +11,8 @@ declare const SchmancyIframe_base: import("@mixins/index").Constructor<CustomEle
  * <schmancy-iframe .html=${bodyHtml} .css=${extraStyles}></schmancy-iframe>
  * ```
  */
-export default class SchmancyIframe extends SchmancyIframe_base {
+export default class SchmancyIframe extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** HTML body fragment to render inside the iframe */
     html: string;
     /** Additional CSS injected after the base styles (consumer-specific) */
@@ -24,7 +25,9 @@ export default class SchmancyIframe extends SchmancyIframe_base {
     minHeight: number;
     private _height;
     private _srcdoc;
+    private _iframeRef;
     protected willUpdate(changed: PropertyValues): void;
+    protected updated(changed: PropertyValues): void;
     private buildSrcdoc;
     private onLoad;
     protected render(): import("lit-html").TemplateResult<1>;
@@ -34,4 +37,3 @@ declare global {
         'schmancy-iframe': SchmancyIframe;
     }
 }
-export {};

package/types/src/index.d.ts

@@ -10,7 +10,6 @@ export * from './charts';
 export * from './checkbox';
 export * from './chips';
 export * from './code-highlight';
-export * from './components';
 export * from './connectivity';
 export * from './content-drawer';
 export * from './date-range';
@@ -37,13 +36,13 @@ export * from './list';
 export * from './mailbox';
 export * from './map';
 export * from './menu';
-export * from './metric';
 export * from './nav-drawer';
 export * from './navigation-bar';
 export * from './navigation-rail';
 export * from './notification';
 export * from './option';
 export * from './page';
+export * from './payment-card-form';
 export * from './progress';
 export * from './qr-scanner';
 export * from './radio-group';
@@ -52,8 +51,8 @@ export * from './rxjs-utils';
 export * from './select';
 export * from './sheet';
 export * from './slider';
+export * from './state';
 export * from './steps';
-export * from './store';
 export * from './surface';
 export * from './table';
 export * from './tabs';
@@ -61,6 +60,7 @@ export * from './teleport';
 export * from './textarea';
 export * from './theme';
 export * from './theme-button';
+export * from './timeline';
 export * from './tooltip';
 export * from './tree';
 export * from './types';

package/types/src/input/input.d.ts

@@ -28,18 +28,11 @@ export type SchmancyInputEnterEvent = CustomEvent<EventDetails>;
 export type InputSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg';
 declare const SchmancyInput_base: import("@mixins/index").Constructor<import("@mixins/index").IFormFieldMixin> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
- * Single-line text input — the primary form-text primitive. Form-associated via ElementInternals, so it participates in native `<form>` submission, validation, and reset without additional wiring.
+ * Enhanced version of the SchmancyInput component with improved form integration
+ * and compatibility with legacy API.
  *
- * @element schmancy-input
- * @summary Text input with Material Design styling, native form integration, and RxJS-debounced input/change/enter events.
- * @example
- * <schmancy-form @submit=${onSubmit}>
- *   <schmancy-input name="email" type="email" label="Email" required></schmancy-input>
- * </schmancy-form>
- * @platform input change - Schmancy-skinned native `<input>`. Degrades to `<input class="…">` styled via Tailwind if the tag never registers.
- * @fires input - `CustomEvent<{value: string}>` on every keystroke.
- * @fires change - `CustomEvent<{value: string}>` on blur/change.
- * @fires enter - `CustomEvent<{value: string}>` when user presses Enter.
+ * This component uses the native form association API and maintains parity with
+ * native input behaviors while providing a stylish, accessible interface.
  *
  * @prop {string} name - Name attribute for form submission (inherited from FormFieldMixin)
  * @prop {string} label - Label text for the form field (inherited from FormFieldMixin)

package/types/src/json/json.d.ts

@@ -1,5 +1,6 @@
-declare const SchmancyJson_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 declare class SchmancyJson extends SchmancyJson_base {
+import { SchmancyElement } from '@mixins/index';
+export declare class SchmancyJson extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     data: Record<string, any>;
     highlightKeys: string[];
     compact: boolean;
@@ -12,4 +13,3 @@ declare global {
         'schmancy-json': SchmancyJson;
     }
 }
-export {};

package/types/src/kbd/kbd.d.ts

@@ -1,4 +1,4 @@
-declare const SchmancyKbd_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';
 /**
  * Renders a keyboard shortcut hint (e.g. `⌘ K`, `Ctrl+C`). Semantically a
  * `<kbd>` element for screen readers; visually styled as a pressed key.
@@ -13,7 +13,8 @@ declare const SchmancyKbd_base: import("@mixins/index").Constructor<CustomElemen
  * @attr size - 'sm' | 'md'. Default 'md'.
  * @csspart base - The inner native `<kbd>` element.
  */
-export declare class SchmancyKbd extends SchmancyKbd_base {
+export declare class SchmancyKbd extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     size: 'sm' | 'md';
     render(): import("lit-html").TemplateResult<1>;
 }
@@ -22,4 +23,3 @@ declare global {
         'schmancy-kbd': SchmancyKbd;
     }
 }
-export {};

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

@@ -1,5 +1 @@
-export * from './flex';
-export * from './grid';
 export * from './scroll';
-export * from './v2';
-export * from './layout';

package/types/src/layout/scroll/scroll.d.ts

@@ -1,3 +1,4 @@
+import { SchmancyElement } from '@mixins/index';
 /**
  * Custom scroll event interface for the SchmancyScroll component.
  * Contains detailed information about the scroll state.
@@ -39,13 +40,8 @@ declare global {
         'schmancy-scroll-command': SchmancyScrollCommandEvent;
     }
 }
-declare const SchmancyScroll_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>;
 /**
- * Scrollable container with debounced scroll events, horizontal/vertical direction, optional hidden scrollbar, and programmatic scrollTo via command events or refs.
- *
- * @element schmancy-scroll
- * @summary Use anywhere you'd reach for `overflow: auto` but also need debounced scroll events (for sticky headers, scroll spies, virtualization triggers) or the ability to drive scroll from elsewhere in the app by dispatching a schmancy-scroll-command event.
- * @platform div - Styled scrollable `<div>`. Degrades to a plain scrollable div if the tag never registers — loses the debounced scroll event and the command-bus integration.
+ * A custom scrollable container with enhanced features.
  *
  * @fires {SchmancyScrollEvent} scroll - Fired when scrolling occurs (with a configurable debounce)
  * @slot - Default slot for content to be scrolled
@@ -79,7 +75,8 @@ declare const SchmancyScroll_base: import("@mixins/index").Constructor<CustomEle
  * this.scrollRef.value?.scrollTo({ top: 0 })
  * ```
  */
-export declare class SchmancyScroll extends SchmancyScroll_base {
+export declare class SchmancyScroll extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * Determines whether the scrollbar is hidden.
      *
@@ -172,4 +169,3 @@ declare global {
         'schmancy-scroll': SchmancyScroll;
     }
 }
-export {};

package/types/src/lightbox/lightbox.d.ts

@@ -1,17 +1,7 @@
 import { PropertyValues } from 'lit';
-declare const SchmancyLightbox_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-/**
- * Image lightbox — thumbnail grid that opens to a full-screen viewer on click, with keyboard navigation between images.
- *
- * @element schmancy-lightbox
- * @summary Drop-in for galleries / image lists where each thumbnail should expand to fill the viewport. Pass an `images` array of `{ src, alt, caption? }`.
- * @example
- * <schmancy-lightbox .images=${[{ src: '/a.jpg', alt: 'A' }, { src: '/b.jpg', alt: 'B' }]}></schmancy-lightbox>
- * @platform dialog close - Modal full-screen viewer with keyboard navigation. Degrades to a plain image grid if the tag never registers.
- * @fires change - When the active image index changes (next/prev). `detail.index` is the new active image's position in the array.
- * @fires close - When the viewer is dismissed (ESC, backdrop click, close button).
- */
-export declare class SchmancyLightbox extends SchmancyLightbox_base {
+import { SchmancyElement } from '@mixins/index';
+export declare class SchmancyLightbox extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     src: string;
     images: string[];
     initialIndex: number;
@@ -43,4 +33,3 @@ declare global {
         'schmancy-lightbox': SchmancyLightbox;
     }
 }
-export {};

package/types/src/list/list-item.d.ts

@@ -1,22 +1,13 @@
+import { SchmancyElement } from '@mixins/index';
 import { TSurfaceColor } from '@schmancy/types/surface';
-declare const SchmancyListItem_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 row in a schmancy-list — supports leading icon/avatar, main content, trailing actions. Clickable via click event, or used as a schmancy-menu-item's visual base.
- *
  * @element schmancy-list-item
- * @summary Prefer nesting inside schmancy-list for consistent spacing/surface. Use `href` to make the row a navigation target (renders as `<a>`), or a click handler for in-app actions.
- * @example
- * <schmancy-list-item href="/profile">
- *   <schmancy-icon slot="leading">person</schmancy-icon>
- *   Profile
- *   <schmancy-icon slot="trailing">chevron_right</schmancy-icon>
- * </schmancy-list-item>
- * @platform li click - Styled `<li>` or `<a>` depending on `href`. Degrades to a plain list item if the tag never registers.
  * @slot leading - leading content
  * @slot trailing - trailing content
  * @slot - default content
  */
-export declare class SchmancyListItem extends SchmancyListItem_base {
+export declare class SchmancyListItem extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     variant: TSurfaceColor;
     rounded: boolean;
     readonly: boolean;
@@ -32,4 +23,3 @@ declare global {
         'schmancy-list-item': SchmancyListItem;
     }
 }
-export {};

package/types/src/list/list.d.ts

@@ -1,21 +1,23 @@
+import { SchmancyElement } from '@mixins/index';
 import { SchmancySurfaceFill } from '@schmancy/surface';
 import { TSurfaceColor } from '@schmancy/types/surface';
-declare const List_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>;
 /**
- * Wrapped list container — holds schmancy-list-item children on a themed surface. Optionally scrollable.
+ * `<schmancy-list>` component.
+ *
+ * A list component that wraps its content within a customizable surface.
+ * It allows you to set the surface type and fill style, and can optionally
+ * enable scrolling behavior by delegating the scroller attribute to the surface.
  *
  * @element schmancy-list
- * @summary Use for vertical lists of similarly-shaped items: settings entries, menu items, contact lists, notification lists. Pair with schmancy-list-item children.
+ * @slot - The default slot for list items.
+ *
  * @example
  * <schmancy-list surface="container" scroller>
- *   <schmancy-list-item>First</schmancy-list-item>
- *   <schmancy-list-item>Second</schmancy-list-item>
- *   <schmancy-list-item>Third</schmancy-list-item>
+ *   <schmancy-list-item>List Item 1</schmancy-list-item>
  * </schmancy-list>
- * @platform ul - Styled list container. Degrades to a plain ul/div if the tag never registers.
- * @slot - The default slot for list items.
  */
-export declare class List extends List_base {
+export declare class List extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * Defines the type or color of the surface used by the component.
      * This value is provided to descendant components via context.
@@ -56,4 +58,3 @@ declare global {
         'schmancy-list': List;
     }
 }
-export {};

package/types/src/mailbox/email-editor.d.ts

@@ -1,6 +1,6 @@
+import { SchmancyElement } from '@mixins/index';
 import './email-layout-selector';
 import type { EmailAttachment, EmailComposeConfig, EmailTemplate } from './types';
-declare const SchmancyEmailEditor_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * Email editor component with rich text formatting and file attachments
  *
@@ -20,7 +20,8 @@ declare const SchmancyEmailEditor_base: CustomElementConstructor & import("@mixi
  * ></schmancy-email-editor>
  * ```
  */
-export declare class SchmancyEmailEditor extends SchmancyEmailEditor_base {
+export declare class SchmancyEmailEditor extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Email subject */
     subject: string;
     /** Email body content (markdown) */
@@ -98,4 +99,3 @@ declare global {
         'schmancy-email-editor': SchmancyEmailEditor;
     }
 }
-export {};

package/types/src/mailbox/email-layout-selector.d.ts

@@ -1,4 +1,4 @@
-declare const SchmancyEmailLayoutSelector_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';
 /**
  * Email layout selector component for choosing email templates
  *
@@ -6,7 +6,7 @@ declare const SchmancyEmailLayoutSelector_base: import("@mixins/index").Construc
  *
  * @fires layout-select - When a layout is selected with {detail: {layout: string}}
  */
-export declare class SchmancyEmailLayoutSelector extends SchmancyEmailLayoutSelector_base {
+export declare class SchmancyEmailLayoutSelector extends SchmancyElement {
     private layouts;
     private selectLayout;
     render(): import("lit-html").TemplateResult<1>;
@@ -16,4 +16,3 @@ declare global {
         'schmancy-email-layout-selector': SchmancyEmailLayoutSelector;
     }
 }
-export {};

package/types/src/mailbox/email-recipients.d.ts

@@ -1,3 +1,5 @@
+import { SchmancyElement } from '@mixins/index';
+import type { ImportSource } from './types';
 /**
  * CSV parser interface (optional dependency)
  * Can be provided via global window object or imported
@@ -10,7 +12,6 @@ interface CSVParser {
         };
     };
 }
-declare const SchmancyEmailRecipients_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * Email recipients management component with floating boat interface
  *
@@ -30,11 +31,14 @@ declare const SchmancyEmailRecipients_base: CustomElementConstructor & import("@
  * ></schmancy-email-recipients>
  * ```
  */
-export declare class SchmancyEmailRecipients extends SchmancyEmailRecipients_base {
+export declare class SchmancyEmailRecipients extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Disable all interactions */
     disabled: boolean;
     /** All available recipients */
     recipients: string[];
+    /** Sources users can import recipients from (forwarded from parent) */
+    importSources: ImportSource[];
     /** Currently selected recipients */
     selectedRecipients: string[];
     /** Enable CSV import functionality */
@@ -59,7 +63,7 @@ export declare class SchmancyEmailRecipients extends SchmancyEmailRecipients_bas
     private fileInputRef;
     connectedCallback(): void;
     private handleEmailsImported;
-    updated(changedProperties: Map<string, any>): void;
+    updated(changedProperties: Map<string, unknown>): void;
     /** Handle CSV import trigger */
     private handleImportFromCSV;
     /** Handle file selection */