@mhmo91/schmancy 0.9.28 → 0.10.2

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

@@ -1,25 +1,6 @@
-import { LitElement } from 'lit';
-declare const SchmancyCard_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-/**
- * Material Design card — a surface-level container for grouping related content with media / content / actions slots.
- *
- * @element schmancy-card
- * @summary Use for discrete pieces of content that appear in a list (a product, a note, a message). Combine with schmancy-card-media / schmancy-card-content / schmancy-card-action children.
- * @example
- * <schmancy-card type="elevated" href="/items/42">
- *   <schmancy-card-media src="/thumb.jpg" alt="Thumbnail"></schmancy-card-media>
- *   <schmancy-card-content>
- *     <h3>Title</h3>
- *     <p>One-line description of the card's content.</p>
- *   </schmancy-card-content>
- *   <schmancy-card-action>
- *     <schmancy-button variant="text">Open</schmancy-button>
- *   </schmancy-card-action>
- * </schmancy-card>
- * @platform div - Styled `<div>`; becomes an `<a>` when `href` is set so the whole card is a single interactive surface. Degrades to a plain div/a if the tag never registers.
- * @fires schmancy-click - When an interactive card is clicked or activated via keyboard. `detail.value` echoes the card's `type`. Only fires when `interactive` is set.
- */
-export default class SchmancyCard extends SchmancyCard_base {
+import { SchmancyElement } from '@mixins/index';
+export default class SchmancyCard extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     protected static shadowRootOptions: {
         mode: string;
         delegatesFocus: boolean;
@@ -68,7 +49,7 @@ export default class SchmancyCard extends SchmancyCard_base {
     private ripples;
     private nextRippleId;
     connectedCallback(): void;
-    updated(changedProperties: Map<string, any>): void;
+    updated(changedProperties: Map<string, unknown>): void;
     private _updateAriaAttributes;
     private _addRipple;
     private _navigate;
@@ -87,4 +68,3 @@ declare global {
         'schmancy-card': SchmancyCard;
     }
 }
-export {};

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

@@ -1,17 +1,9 @@
-declare const SchmancyCardContent_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 region of a schmancy-card — holds the card's headline, supporting text, and inline controls.
- *
  * @element schmancy-card-content
- * @summary Always nested inside schmancy-card. The padded content block between the media and action rows.
- * @example
- * <schmancy-card-content>
- *   <h3>Card title</h3>
- *   <p>Supporting text that describes the card's subject.</p>
- * </schmancy-card-content>
- * @platform div - Styled `<div>` with padding. Degrades to a plain div if the tag never registers.
  */
-export default class SchmancyCardContent extends SchmancyCardContent_base {
+export default class SchmancyCardContent extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     protected render(): unknown;
 }
 declare global {
@@ -19,4 +11,3 @@ declare global {
         'schmancy-card-content': SchmancyCardContent;
     }
 }
-export {};

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

@@ -1,14 +1,9 @@
-declare const SchmancyCardMedia_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';
 /**
- * Media region of a schmancy-card — the image / thumbnail at the top of the card.
- *
  * @element schmancy-card-media
- * @summary Always nested inside schmancy-card. Pass `src` + `alt` props or slot an `<img>` / `<video>` for custom media.
- * @example
- * <schmancy-card-media src="/thumb.jpg" alt="Product photo"></schmancy-card-media>
- * @platform img - Renders an `<img>` (or wraps a slotted media element). Degrades to a styled `<img>` if the tag never registers.
  */
-export default class SchmancyCardMedia extends SchmancyCardMedia_base {
+export default class SchmancyCardMedia extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     src: string;
     fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
     alt: string;
@@ -19,4 +14,3 @@ declare global {
         'schmancy-card-media': SchmancyCardMedia;
     }
 }
-export {};

package/types/src/charts/area-chart.d.ts

@@ -1,7 +1,8 @@
 import { PropertyValues } from 'lit';
+import { SchmancyElement } from '@mixins/index';
 import type { ChartDataPoint, ChartTheme } from './types';
-declare const SchmancyAreaChart_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export declare class SchmancyAreaChart extends SchmancyAreaChart_base {
+export declare class SchmancyAreaChart extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Chart data points */
     data: ChartDataPoint[];
     /** Chart height in pixels */
@@ -55,4 +56,3 @@ declare global {
         'schmancy-area-chart': SchmancyAreaChart;
     }
 }
-export {};

package/types/src/charts/pills.d.ts

@@ -1,7 +1,8 @@
 import { PropertyValues } from 'lit';
+import { SchmancyElement } from '@mixins/index';
 import type { PillDataPoint } from './types';
-declare const SchmancyPills_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export declare class SchmancyPills extends SchmancyPills_base {
+export declare class SchmancyPills extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Chart data points */
     data: PillDataPoint[];
     /** Prefix for values (e.g., "EUR ") */
@@ -48,4 +49,3 @@ declare global {
         'schmancy-pills': SchmancyPills;
     }
 }
-export {};

package/types/src/checkbox/checkbox.d.ts

@@ -1,21 +1,14 @@
 import '@material/web/checkbox/checkbox.js';
-import { LitElement } from 'lit';
+import { SchmancyElement } from '@mixins/index';
 export type schmancyCheckBoxChangeEvent = CustomEvent<{
     value: boolean;
 }>;
-declare const SchmancyCheckboxElement_base: import("@mixins/index").Constructor<CustomElementConstructor> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
- * Binary checkbox for multi-select or boolean form fields. Wraps Material Web's `<md-checkbox>`; form-associated.
- *
  * @element schmancy-checkbox
- * @summary Use for "select many from a list" or any boolean that's part of a form submission. Prefer schmancy-switch for immediate-effect toggles.
- * @example
- * <schmancy-checkbox name="tos" required>I accept the terms</schmancy-checkbox>
- * @platform checkbox change - Wraps `<md-checkbox>` from `@material/web`. Degrades to styled native `<input type="checkbox">` if the tag never registers.
  * @slot - The label for the checkbox.
- * @fires valueChange - `CustomEvent<{ value: boolean }>` when the checkbox is toggled.
+ * @fires valueChange - Event fired when the checkbox value changes.
  **/
-declare class SchmancyCheckboxElement extends SchmancyCheckboxElement_base {
+declare class SchmancyCheckboxElement extends SchmancyElement {
     protected static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;

package/types/src/chips/assist-chip.d.ts

@@ -1,19 +1,10 @@
-import { LitElement } from 'lit';
-declare const SchmancyAssistChip_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
- * Assist chip — single-tap trigger for a contextual action (open calendar event, share content, jump to related view). Distinct from filter and input chips: assist chips have no selected state; clicking fires `action`.
- *
- * @element schmancy-assist-chip
- * @summary Use for "do this thing" suggestions surfaced in context (next to a date, after a recipient list, near a long description). Pair with schmancy-icon for the leading glyph.
- * @example
- * <schmancy-assist-chip @action=${(e) => share(e.detail.value)}>
- *   <schmancy-icon slot="icon">share</schmancy-icon>
- *   Share
- * </schmancy-assist-chip>
- * @platform button click - Material 3 assist-chip semantics. Degrades to a plain `<button>` if the tag never registers.
- * @fires action - When the chip is clicked or activated via keyboard. `detail.value` echoes the chip's `value` attribute.
+ * Assist chip component - prompts user actions like opening calendar events or sharing content
+ * Pure Schmancy implementation with Tailwind CSS and RxJS state management
  */
-export declare class SchmancyAssistChip extends SchmancyAssistChip_base {
+export declare class SchmancyAssistChip extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Value identifier for the chip */
     value: string;
     /** Optional icon name (Material Symbols) */
@@ -54,4 +45,3 @@ declare global {
 export type AssistChipActionEvent = {
     value: string;
 };
-export {};

package/types/src/chips/chips.d.ts

@@ -1,22 +1,9 @@
+import { SchmancyElement } from '@mixins/index';
 import { PropertyValues } from 'lit';
 import type { FilterChipChangeEvent as SchmancyChipChangeEvent } from './filter-chip';
 import { SchmancyFilterChip as SchmancyChip } from './filter-chip';
-declare const SchmancyChips_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-/**
- * Filter-chip group — container for selectable `<schmancy-chip>` children. Single or multi-select.
- *
- * @element schmancy-chips
- * @summary Use for filtering or choosing from 2–8 mutually-visible options ("Status: active / paused / archived"). Prefer schmancy-select when the list gets long or vertical.
- * @example
- * <schmancy-chips multi @change=${(e) => this.filters = e.detail.values}>
- *   <schmancy-chip value="active">Active</schmancy-chip>
- *   <schmancy-chip value="paused">Paused</schmancy-chip>
- *   <schmancy-chip value="archived">Archived</schmancy-chip>
- * </schmancy-chips>
- * @platform chip-group change - No direct native equivalent. Degrades to a styled schmancy-select with similar semantics if the tag never registers.
- * @fires change - `CustomEvent<{ value: string }>` (single) or `{ values: string[] }` (multi).
- */
-export default class SchmancyChips extends SchmancyChips_base {
+export default class SchmancyChips extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     private value$;
     private values$;
     private _value;
@@ -54,4 +41,3 @@ declare global {
     }
 }
 export type SchmancyChipsChangeEvent = string | Array<string>;
-export {};

package/types/src/chips/filter-chip.d.ts

@@ -1,5 +1,4 @@
-import { LitElement } from 'lit';
-declare const SchmancyFilterChip_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
  * Filter chip component for content filtering.
  *
@@ -16,7 +15,8 @@ declare const SchmancyFilterChip_base: import("../../mixins").Constructor<Custom
  * </schmancy-filter-chip>
  * ```
  */
-export declare class SchmancyFilterChip extends SchmancyFilterChip_base {
+export declare class SchmancyFilterChip extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Unique identifier for this filter chip */
     value: string;
     /** Whether the filter chip is selected (active filter) */

package/types/src/chips/input-chip.d.ts

@@ -1,7 +1,6 @@
-import { LitElement } from 'lit';
-declare const SchmancyInputChip_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
- * Input chip — displays user-provided information (tags, recipients, filters) that can be removed but not toggled.
+ * Input chip component - represents user-provided information that can be removed.
  *
  * IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state.
  * They represent discrete pieces of user input (like entered tags, selections from lists, etc.)
@@ -13,17 +12,18 @@ declare const SchmancyInputChip_base: import("../../mixins").Constructor<CustomE
  * - Tags or keywords entered by the user
  * - Selected items from a multi-select dropdown
  *
- * @element schmancy-input-chip
- * @summary Removable pill that represents a single user input value. No selected state — use schmancy-chip (filter chip) for toggleable options.
+ * @fires click - Optional click event on chip body (value)
+ * @fires remove - Dispatched when remove button is clicked (value)
+ *
  * @example
+ * ```html
  * <schmancy-input-chip value="john@example.com" avatar="/avatars/john.jpg">
  *   John Doe
  * </schmancy-input-chip>
- * @platform chip remove - No native equivalent. Composed of a labeled pill + close button. Degrades to a styled `<span>` with a trailing close `<button>` if the tag never registers.
- * @fires click - Optional click event on chip body (value)
- * @fires remove - Dispatched when remove button is clicked (value)
+ * ```
  */
-export declare class SchmancyInputChip extends SchmancyInputChip_base {
+export declare class SchmancyInputChip extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Value identifier for the chip */
     value: string;
     /** Optional icon name (Material Symbols) */
@@ -80,4 +80,3 @@ export type InputChipClickEvent = {
 export type InputChipRemoveEvent = {
     value: string;
 };
-export {};

package/types/src/chips/suggestion-chip.d.ts

@@ -1,18 +1,15 @@
-import { LitElement } from 'lit';
-declare const SchmancySuggestionChip_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
- * Suggestion chip — single-tap insertion of a recommended value. Distinct from filter chips (no selected state) and assist chips (assist triggers an action; suggestion offers a value the user can pick).
+ * Suggestion chip component - provides contextual recommendations to users
  *
- * @element schmancy-suggestion-chip
- * @summary Use for "would you also like to…" prompts above a search input or below a message thread. Click fires `action` with the chip's `value` so the parent can insert it into a field or trigger a search.
- * @example
- * <schmancy-suggestion-chip value="yesterday" @action=${(e) => setRange(e.detail.value)}>
- *   Yesterday
- * </schmancy-suggestion-chip>
- * @platform button click - Material 3 suggestion-chip semantics. Degrades to a plain `<button>` if the tag never registers.
- * @fires action - When the chip is clicked or activated via keyboard. `detail.value` echoes the chip's `value` attribute.
+ * IMPORTANT: Suggestion chips do NOT have a selected state. They are designed to
+ * provide suggestions and recommendations that trigger actions when clicked.
+ * Unlike filter chips, they cannot be toggled on/off.
+ *
+ * Pure Schmancy implementation with Tailwind CSS and RxJS state management
  */
-export declare class SchmancySuggestionChip extends SchmancySuggestionChip_base {
+export declare class SchmancySuggestionChip extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Value identifier for the chip */
     value: string;
     /** Optional icon name (Material Symbols) */
@@ -53,4 +50,3 @@ declare global {
 export type SuggestionChipActionEvent = {
     value: string;
 };
-export {};

package/types/src/code-highlight/code-highlight.d.ts

@@ -1,9 +1,10 @@
-declare const SchmancyCode_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';
 /**
  * @element schmancy-code
  * Code highlighting component using highlight.js with schmancy theming support
  */
-export declare class SchmancyCode extends SchmancyCode_base {
+export declare class SchmancyCode extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * Programming language for syntax highlighting
      */
@@ -33,14 +34,7 @@ export declare class SchmancyCode extends SchmancyCode_base {
      */
     maxHeight?: string;
     private copied;
-    /**
-     * Fully-rendered highlighted HTML — populated asynchronously after
-     * `loadHljs()` resolves. Empty on first render (one microtask) for a
-     * cold component; non-empty from then on.
-     */
-    private _highlightedCode;
-    protected updated(changed: Map<string, unknown>): void;
-    private _rehighlight;
+    private get highlightedCode();
     private escapeHtml;
     private getHighlightedLines;
     private addLineFeatures;
@@ -53,4 +47,3 @@ declare global {
         'schmancy-code': SchmancyCode;
     }
 }
-export {};

package/types/src/code-highlight/code-preview.d.ts

@@ -1,10 +1,11 @@
-declare const SchmancyCodePreview_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';
 /**
  * @element schmancy-code-preview
  * A component that shows code and its rendered preview side by side
  * Takes the content as a slot and displays both the source and rendered result
  */
-export declare class SchmancyCodePreview extends SchmancyCodePreview_base {
+export declare class SchmancyCodePreview extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * Programming language for syntax highlighting
      */
@@ -27,4 +28,3 @@ declare global {
         'schmancy-code-preview': SchmancyCodePreview;
     }
 }
-export {};

package/types/src/connectivity/connectivity-status.d.ts

@@ -1,4 +1,4 @@
-declare const SchmancyConnectivityStatus_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
+import { SchmancyElement } from '@mixins/index';
 /**
  * @element schmancy-connectivity-status
  * A beautiful connectivity status component that monitors online/offline state
@@ -8,7 +8,8 @@ declare const SchmancyConnectivityStatus_base: import("../../mixins").Constructo
  * <!-- Add once to your app root -->
  * <schmancy-connectivity-status></schmancy-connectivity-status>
  */
-export declare class SchmancyConnectivityStatus extends SchmancyConnectivityStatus_base {
+export declare class SchmancyConnectivityStatus extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     private bannerRef;
     private surfaceRef;
     private iconRef;
@@ -22,4 +23,3 @@ declare global {
         'schmancy-connectivity-status': SchmancyConnectivityStatus;
     }
 }
-export {};

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

@@ -1,12 +1,13 @@
+import { SchmancyElement } from '@mixins/index';
 import { nothing } from 'lit';
 import { SchmancyContentDrawerMinWidth, TSchmancyContentDrawerSheetMode, TSchmancyContentDrawerSheetState } from './context';
-declare const SchmancyContentDrawer_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * @element schmancy-content-drawer
  * @slot appbar - The appbar slot
  * @slot - The content slot
  */
-export declare class SchmancyContentDrawer extends SchmancyContentDrawer_base {
+export declare class SchmancyContentDrawer extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * The minimum width of the sheet
      * @attr	minWidth
@@ -38,11 +39,10 @@ export declare class SchmancyContentDrawer extends SchmancyContentDrawer_base {
     private updateMode;
     private handleRender;
     getOffsetTop(element: HTMLElement | null): number;
-    protected render(): typeof nothing | import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1> | typeof nothing;
 }
 declare global {
     interface HTMLElementTagNameMap {
         'schmancy-content-drawer': SchmancyContentDrawer;
     }
 }
-export {};

package/types/src/content-drawer/main.d.ts

@@ -1,7 +1,8 @@
+import { SchmancyElement } from '@mixins/index';
 import { PropertyValueMap } from 'lit';
 import { SchmancyContentDrawerMinWidth, TSchmancyContentDrawerSheetMode } from './context';
-declare const SchmancyContentDrawerMain_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export declare class SchmancyContentDrawerMain extends SchmancyContentDrawerMain_base {
+export declare class SchmancyContentDrawerMain extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     minWidth: number;
     drawerMinWidth: typeof SchmancyContentDrawerMinWidth.__context__;
     mode: TSchmancyContentDrawerSheetMode;
@@ -15,4 +16,3 @@ declare global {
         'schmancy-content-drawer-main': SchmancyContentDrawerMain;
     }
 }
-export {};

package/types/src/content-drawer/sheet.d.ts

@@ -1,7 +1,8 @@
+import { SchmancyElement } from '@mixins/index';
 import { Observable } from 'rxjs';
 import { SchmancyContentDrawerMinWidth, TSchmancyContentDrawerSheetMode, TSchmancyContentDrawerSheetState } from './context';
-declare const SchmancyContentDrawerSheet_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export declare class SchmancyContentDrawerSheet extends SchmancyContentDrawerSheet_base {
+export declare class SchmancyContentDrawerSheet extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     minWidth: any;
     mode: TSchmancyContentDrawerSheetMode;
     state: TSchmancyContentDrawerSheetState;
@@ -11,7 +12,7 @@ export declare class SchmancyContentDrawerSheet extends SchmancyContentDrawerShe
     drawerMinWidth: typeof SchmancyContentDrawerMinWidth.__context__;
     maxHeight: any;
     connectedCallback(): void;
-    updated(changedProperties: Map<string, any>): void;
+    updated(changedProperties: Map<string, unknown>): void;
     /**
      * Open the sheet by sliding it into view.
      */
@@ -37,4 +38,3 @@ declare global {
         'schmancy-content-drawer-sheet': SchmancyContentDrawerSheet;
     }
 }
-export {};

package/types/src/date-range/date-range-dialog.d.ts

@@ -1,5 +1,5 @@
+import { SchmancyElement } from '@mixins/index';
 import { PresetCategory } from './date-range-presets';
-declare const SchmancyDateRangeDialog_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * Dialog content component for date range selection
  *
@@ -12,7 +12,7 @@ declare const SchmancyDateRangeDialog_base: CustomElementConstructor & import("@
  *
  * @element schmancy-date-range-dialog
  */
-export declare class SchmancyDateRangeDialog extends SchmancyDateRangeDialog_base {
+export declare class SchmancyDateRangeDialog extends SchmancyElement {
     type: 'date' | 'datetime-local';
     dateFrom: {
         label: string;
@@ -41,4 +41,3 @@ declare global {
         'schmancy-date-range-dialog': SchmancyDateRangeDialog;
     }
 }
-export {};

package/types/src/date-range/date-range.d.ts

@@ -1,17 +1,17 @@
+import { SchmancyElement } from '@mixins/index';
 import { PropertyValues } from 'lit';
 import './date-range-dialog';
 export type SchmancyDateRangeChangeEvent = CustomEvent<{
     dateFrom: string;
     dateTo: string;
 }>;
-declare const SchmancyDateRange_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
  * A date range selector that supports presets and manual date input.
  *
  * @element schmancy-date-range
  * @fires change - Fired when the date range changes with dateFrom and dateTo values
  */
-export declare class SchmancyDateRange extends SchmancyDateRange_base {
+export declare class SchmancyDateRange extends SchmancyElement {
     type: 'date' | 'datetime-local';
     dateFrom: {
         label: string;
@@ -89,4 +89,3 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
     private announceToScreenReader;
     render(): import("lit-html").TemplateResult<1>;
 }
-export {};

package/types/src/delay/delay.d.ts

@@ -1,8 +1,8 @@
+import { SchmancyElement } from '@mixins/index';
 export declare const delayContext: {
     __context__: number;
 };
-declare const SchmancyDelay_base: CustomElementConstructor & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
-export declare class SchmancyDelay extends SchmancyDelay_base {
+export declare class SchmancyDelay extends SchmancyElement {
     delay: number;
     motion: string;
     private rendered;
@@ -26,4 +26,3 @@ declare global {
         'schmancy-delay': SchmancyDelay;
     }
 }
-export {};

package/types/src/details/details.d.ts

@@ -1,18 +1,7 @@
-import { LitElement } from 'lit';
-declare const SchmancyDetails_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<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-/**
- * Expandable disclosure panel — a styled `<details>` / `<summary>` pair with animated expand + overlay options.
- *
- * @element schmancy-details
- * @summary Use for progressive-disclosure content: FAQs, collapsible settings sections, accordion-style lists. Prefer schmancy-expand for full-page accordions where only one section can be open at a time.
- * @example
- * <schmancy-details summary="Shipping details">
- *   <p>Order ships in 2 business days.</p>
- * </schmancy-details>
- * @platform details toggle - Wraps native `<details>`/`<summary>`. Degrades to the native element if the tag never registers — same keyboard accessibility, just no animation.
- * @fires toggle - When the open state changes (bubbles from the native `<details>`).
- */
+import { SchmancyElement } from '@mixins/index';
+declare const SchmancyDetails_base: import("@mixins/index").Constructor<import("@mixins/index").ISurfaceMixin> & typeof SchmancyElement;
 export default class SchmancyDetails extends SchmancyDetails_base {
+    static styles: import("lit").CSSResult[];
     protected static shadowRootOptions: {
         mode: "open";
         delegatesFocus: boolean;

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

@@ -1,27 +1,27 @@
 declare const SchmancyDialog_base: import("@mixins/index").Constructor<import("./dialog-base.mixin").IDialogBaseMixin> & CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
 /**
- * Modal dialog — content-only (just a styled panel) or confirm mode (title + message + confirm/cancel buttons). Prefer the imperative `$dialog` service for most use cases; use the element directly only when you want a declaratively-positioned dialog.
+ * Unified dialog component that handles both content-only and confirm modes.
  *
  * @element schmancy-dialog
- * @summary Blocks interaction with the rest of the page until dismissed. For quick confirmations, prefer `$dialog.confirm({ ... })` over this element. For arbitrary dialog content driven imperatively, prefer `$dialog.component(MyComponent)`.
- * @platform dialog close - Positioned overlay in light DOM. Degrades to a styled `<dialog>` if the tag never registers — loses custom animations but keeps focus trap + ESC close.
  * @slot default - Content slot for dialog body (used in content mode)
  * @slot content - Named slot for custom content in confirm mode
- * @fires confirm - In confirm mode, when the confirm button is clicked.
- * @fires cancel - In confirm mode, when the cancel button or ESC is activated.
  *
  * @example Content mode (no buttons):
+ * ```html
  * <schmancy-dialog>
  *   <my-custom-content></my-custom-content>
  * </schmancy-dialog>
+ * ```
  *
  * @example Confirm mode (with buttons):
+ * ```html
  * <schmancy-dialog
- *   title="Delete item?"
- *   message="This action cannot be undone."
- *   confirm-text="Delete"
- *   cancel-text="Keep"
+ *   title="Confirm Action"
+ *   message="Are you sure?"
+ *   confirm-text="Yes"
+ *   cancel-text="No"
  * ></schmancy-dialog>
+ * ```
  */
 export declare class SchmancyDialog extends SchmancyDialog_base {
     /**

package/types/src/directives/drag.d.ts

@@ -1,4 +1,4 @@
-import { Directive, type ElementPart, type PartInfo } from 'lit/directive.js';
+import { Directive, type ElementPart } from 'lit/directive.js';
 export type SchmancyDropEvent = CustomEvent<{
     source: string;
     destination: string;
@@ -10,7 +10,6 @@ export declare class DragDirective extends Directive {
     private id;
     private registeredId?;
     private destroy$;
-    constructor(partInfo: PartInfo);
     update(part: ElementPart, [id]: [string]): symbol;
     disconnected(): void;
     reconnected(): void;
@@ -21,7 +20,6 @@ export declare class DropDirective extends Directive {
     private element?;
     private destinationId;
     private destroy$;
-    constructor(partInfo: PartInfo);
     update(part: ElementPart, [destinationId]: [string]): symbol;
     disconnected(): void;
     reconnected(): void;

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

@@ -16,4 +16,3 @@ export * from './nebula';
 export * from './reduced-motion';
 export * from './reveal';
 export * from './ripple';
-export * from './typewriter';