@mhmo91/schmancy 0.9.27 → 0.10.1

package/types/src/tabs/tabs-group.d.ts

@@ -1,10 +1,11 @@
+import { SchmancyElement } from '@mixins/index';
 import { TSchmancyTabsMode } from './context';
-declare const SchmancyTabGroup_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>;
 /**
  * @slot - The content of the tab group
  * @fires tab-changed - The event fired when the tab is changed
  */
-export default class SchmancyTabGroup extends SchmancyTabGroup_base {
+export default class SchmancyTabGroup extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     mode: TSchmancyTabsMode;
     rounded: boolean;
     activeTab: string;
@@ -26,4 +27,3 @@ declare global {
         'schmancy-tab-group': SchmancyTabGroup;
     }
 }
-export {};

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

@@ -1,5 +1,6 @@
-declare const SchmancyTeleportation_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export declare class SchmancyTeleportation extends SchmancyTeleportation_base {
+import { SchmancyElement } from '@mixins/index';
+export declare class SchmancyTeleportation extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * @attr {string} uuid - The component tag to teleport
      * @readonly
@@ -22,4 +23,3 @@ declare global {
         'schmancy-teleport': SchmancyTeleportation;
     }
 }
-export {};

package/types/src/textarea/textarea.d.ts

@@ -1,15 +1,7 @@
-import { LitElement, type PropertyValues } from 'lit';
-declare const SchmancyTextarea_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>;
+import { type PropertyValues } from 'lit';
+import { SchmancyElement } from '@mixins/index';
 /**
- * Multi-line text input with auto-resize and form integration. Form-associated.
- *
- * @element schmancy-textarea
- * @summary Textarea for freeform text — notes, descriptions, messages. Auto-grows with content up to a maxlength.
- * @example
- * <schmancy-textarea name="description" label="Description" rows="4" maxlength="500"></schmancy-textarea>
- * @platform textarea change - Schmancy-skinned native `<textarea>`. Degrades to styled native `<textarea>` if the tag never registers.
- * @fires input - On every keystroke.
- * @fires change - On blur.
+ * Textarea component with auto-resize and form integration.
  *
  * @prop {string} name - Name attribute for form submission
  * @prop {string} value - Current value of the textarea
@@ -20,7 +12,8 @@ declare const SchmancyTextarea_base: import("@mixins/index").Constructor<CustomE
  * @prop {number} rows - Number of visible text rows
  * @prop {number} maxlength - Maximum character length
  */
-export default class SchmancyTextarea extends SchmancyTextarea_base {
+export default class SchmancyTextarea extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     protected static shadowRootOptions: {
         delegatesFocus: boolean;
         clonable?: boolean;

package/types/src/theme/theme-audio-player.d.ts

@@ -17,6 +17,7 @@
  * ></schmancy-theme-audio-player>
  * ```
  */
+import { SchmancyElement } from '@mixins/index';
 import type { GenerateMoodAudioRequest, GenerateMoodAudioResponse } from '@schmancy/types/mood-audio.types';
 /** Event detail for mood audio generation request */
 export interface GenerateMoodAudioEventDetail extends GenerateMoodAudioRequest {
@@ -30,12 +31,12 @@ declare global {
         'schmancy-generate-mood-audio': SchmancyGenerateMoodAudioEvent;
     }
 }
-declare const SchmancyThemeAudioPlayer_base: CustomElementConstructor & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
 /**
  * Mood Audio Player - Generates emotional sounds based on mood and theme
  * Integrates with the Sound Service for consistent sound management
  */
-export declare class SchmancyThemeAudioPlayer extends SchmancyThemeAudioPlayer_base {
+export declare class SchmancyThemeAudioPlayer extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /** Current theme color */
     private currentColor;
     /** Current color scheme */
@@ -97,4 +98,3 @@ declare global {
         'schmancy-theme-audio-player': SchmancyThemeAudioPlayer;
     }
 }
-export {};

package/types/src/theme/theme-controller.d.ts

@@ -1,3 +1,4 @@
+import { SchmancyElement } from '@mixins/index';
 import { Subject } from 'rxjs';
 export interface ColorPreset {
     name: string;
@@ -5,7 +6,6 @@ export interface ColorPreset {
     category?: 'primary' | 'secondary' | 'accent';
 }
 export type { ColorPreset as ThemeColorPreset };
-declare const SchmancyThemeController_base: CustomElementConstructor & import("../../mixins").Constructor<import("lit").LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
 /**
  * Base theme controller component providing color and scheme controls.
  * Can be used standalone without any specific UI container.
@@ -26,7 +26,7 @@ declare const SchmancyThemeController_base: CustomElementConstructor & import(".
  * ></schmancy-theme-controller>
  * ```
  */
-export declare class SchmancyThemeController extends SchmancyThemeController_base {
+export declare class SchmancyThemeController extends SchmancyElement {
     protected currentScheme: 'dark' | 'light' | 'auto';
     protected currentColor: string;
     protected resolvedScheme: 'dark' | 'light';

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

@@ -1,26 +1,32 @@
+import { SchmancyElement } from '../../mixins/index';
 import { TSchmancyTheme } from './theme.interface';
 export declare const tailwindStyles: import("lit").CSSResult;
-declare const SchmancyThemeComponent_base: CustomElementConstructor & import("../../mixins/constructor").Constructor<import("lit").LitElement> & import("../../mixins/constructor").Constructor<import("../../mixins/baseElement").IBaseMixin>;
 /**
- * Theme provider — generates a Material 3 palette from a seed color, resolves light/dark scheme, and publishes the token set to descendants as CSS custom properties (var(--schmancy-sys-color-…)).
+ * SchmancyThemeComponent - Provides theming capabilities for Schmancy components.
+ *
+ * This component manages color schemes, primary colors, and theme distribution
+ * throughout the component tree. It can be used at the root level or nested
+ * to provide different themes to different parts of the application.
  *
  * @element schmancy-theme
- * @summary Always wrap your app root in a `<schmancy-theme root scheme="auto" color="#…">`. Nest additional `<schmancy-theme>` blocks to override theming for a subtree.
+ *
  * @example
+ * ```html
  * <!-- Root theme provider -->
- * <schmancy-theme root scheme="auto" color="#6200ee">
+ * <schmancy-theme color="#6200ee" scheme="auto" root>
  *   <your-app></your-app>
  * </schmancy-theme>
- * @example
- * <!-- Nested theme for a specific section -->
- * <schmancy-theme scheme="dark" color="#2196f3">
- *   <schmancy-surface fill="all">
- *     <!-- Components here use the blue dark theme -->
- *   </schmancy-surface>
+ *
+ * <!-- Nested theme for specific section -->
+ * <schmancy-theme color="#2196f3" scheme="dark">
+ *   <div class="dark-section">
+ *     <!-- Components here will use blue dark theme -->
+ *   </div>
  * </schmancy-theme>
- * @platform div - Styled `<div>` that publishes theme tokens via inline `--schmancy-sys-color-*` custom properties. Degrades to a plain div if the tag never registers — children lose theming and fall back to browser defaults.
+ * ```
  */
-export declare class SchmancyThemeComponent extends SchmancyThemeComponent_base {
+export declare class SchmancyThemeComponent extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * Primary color for the theme in hex format.
      * @attr color
@@ -80,4 +86,3 @@ declare global {
         'schmancy-theme': SchmancyThemeComponent;
     }
 }
-export {};

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

@@ -1,5 +1,5 @@
-declare const SchmancyThemeButton_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 SchmancyThemeButton extends SchmancyThemeButton_base {
+import { SchmancyElement } from '@mixins/index';
+export default class SchmancyThemeButton extends SchmancyElement {
     color: HTMLElement;
     protected render(): unknown;
 }
@@ -8,4 +8,3 @@ declare global {
         'schmancy-theme-button': SchmancyThemeButton;
     }
 }
-export {};

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

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

package/types/src/timeline/timeline-tile.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Timeline tile — one cell in a procurement-stage rail.
+ *
+ * Three render states (one component, four `state` values):
+ *   - `empty`         dashed-border outline + glyph
+ *   - `filled`        paper-card with glyph; hoverable / focusable / clickable
+ *   - `stack-top`     paper-card on top of N siblings; carries the ×N badge
+ *   - `stack-sibling` paper-card behind the top; revealed when the wrapper
+ *                     is fanned
+ *
+ * Stack fan is coordinated by a `data-fanned` attribute on the parent
+ * wrapper element. The `stack-top` tile owns the orchestration: a
+ * `pointerover` pipe on the wrapper element with hover-intent (immediate
+ * enter, 800ms leave debounce) toggles the attribute. Sibling tiles read
+ * the attribute via the `:host-context([data-fanned])` selector. Native
+ * `:hover` would drop the moment the cursor crosses the gap between
+ * fanned siblings; the attribute survives that crossing because the
+ * pointerover stream stays on the wrapper subtree.
+ */
+import { SchmancyElement } from '@mixins/index';
+export type TimelineTileState = 'empty' | 'filled' | 'stack-top' | 'stack-sibling';
+export type TimelineTileClickEvent = CustomEvent<{
+    glyph: string;
+    state: TimelineTileState;
+}>;
+export declare class SchmancyTimelineTile extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
+    state: TimelineTileState;
+    glyph: string;
+    stackCount?: number;
+    index?: number;
+    tooltip?: string;
+    caption?: string;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private _onClick;
+    private _ariaLabel;
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-timeline-tile': SchmancyTimelineTile;
+    }
+}

package/types/src/tree/tree.d.ts

@@ -1,23 +1,11 @@
-declare const SchmancyTree_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';
 /**
- * Expandable tree node — a recursive disclosure widget. One root slot, one default slot for child nodes. Each node can itself contain schmancy-tree children.
- *
  * @element schmancy-tree
- * @summary Use for hierarchical navigation / file-explorer layouts. Each level is a schmancy-tree with a `root` slot (the parent label) and default slot (the children, which may be more schmancy-trees).
- * @example
- * <schmancy-tree>
- *   <schmancy-list-item slot="root">src/</schmancy-list-item>
- *   <schmancy-tree>
- *     <schmancy-list-item slot="root">components/</schmancy-list-item>
- *     <schmancy-list-item>button.ts</schmancy-list-item>
- *   </schmancy-tree>
- * </schmancy-tree>
- * @platform details toggle - Recursive `<details>`-like disclosure. Degrades to a plain nested list if the tag never registers — loses expand/collapse but stays navigable.
  * @slot root - The root element of the tree
  * @slot - The children of the tree
- * @fires toggle - When the root toggler or chevron is clicked. Fires before the open state flips; the host's `open` property reflects the new state on the next animation frame.
  */
-export declare class SchmancyTree extends SchmancyTree_base {
+export declare class SchmancyTree extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     /**
      * Whether the tree’s children are visible
      */
@@ -38,4 +26,3 @@ declare global {
         'schmancy-tree': SchmancyTree;
     }
 }
-export {};

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

@@ -1 +1 @@
-export * from './typewriter';
+export * from './typewriter.directive';

package/types/src/typography/typography.d.ts

@@ -1,21 +1,10 @@
-import { type PropertyValues } from 'lit';
-/**
- * Preset → (type, token) shorthand. Saves the two-decision-per-text-node
- * fatigue that 50+ typography nodes in a single page cause.
- */
-export type TypographyPreset = 'display' | 'display-lg' | 'display-md' | 'display-sm' | 'heading-lg' | 'heading-md' | 'heading-sm' | 'title-lg' | 'title-md' | 'title-sm' | 'body-lg' | 'body-md' | 'body-sm' | 'label-lg' | 'label-md' | 'label-sm' | 'caption';
-/**
- * Allowed semantic tag names for the `as` prop. Closed enum so we can
- * use `literal` template parts safely with `lit/static-html`.
- */
-export type TypographyTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
-declare const SchmancyTypography_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-typography
  * @slot - The text for the typography.
- * @fires change - When `editable` is true, fires on blur or Enter with `detail.value` set to the new text content. Not fired when `editable` is unset (the default).
  */
-export declare class SchmancyTypography extends SchmancyTypography_base {
+export declare class SchmancyTypography extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     static shadowRootOptions: ShadowRootInit;
     /**
      * @attr type - The type of the typography.
@@ -23,26 +12,6 @@ export declare class SchmancyTypography extends SchmancyTypography_base {
      * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}
      */
     type: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label';
-    /**
-     * Shorthand for picking a (type, token) pair in one go. When set, derives
-     * `type` and `token` automatically — saves the two-decisions-per-text-node
-     * fatigue that hits when a single page has 50+ typography nodes.
-     *
-     * @attr preset
-     * @type {TypographyPreset}
-     * @example <schmancy-typography preset="heading-md">Title</schmancy-typography>
-     */
-    preset?: TypographyPreset;
-    /**
-     * Render the slot wrapped in the requested semantic HTML element so screen
-     * readers expose the right role / heading level. Without `as`, the slot
-     * sits directly in the shadow root and the host is a generic element.
-     *
-     * @attr as
-     * @type {TypographyTag}
-     * @example <schmancy-typography preset="heading-md" as="h2">Section</schmancy-typography>
-     */
-    as?: TypographyTag;
     /**
      * @attr token - The size token.
      * @deprecated Prefer using Tailwind responsive text classes for better responsive design.
@@ -81,7 +50,6 @@ export declare class SchmancyTypography extends SchmancyTypography_base {
     /** Placeholder shown when editable and empty */
     placeholder: string;
     private _editRef;
-    protected willUpdate(changed: PropertyValues): void;
     /** Focus and select all text in editable mode */
     selectAll(): void;
     connectedCallback(): void;
@@ -93,4 +61,3 @@ declare global {
         'schmancy-typography': SchmancyTypography;
     }
 }
-export {};

package/types/src/visually-hidden/visually-hidden.d.ts

@@ -1,4 +1,4 @@
-declare const SchmancyVisuallyHidden_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';
 /**
  * Hides content visually while keeping it in the accessibility tree. Use for
  * screen-reader-only labels, supplemental descriptions, and live-region text
@@ -10,7 +10,8 @@ declare const SchmancyVisuallyHidden_base: import("@mixins/index").Constructor<C
  * @element schmancy-visually-hidden
  * @slot - Content hidden from sighted users but exposed to assistive tech.
  */
-export declare class SchmancyVisuallyHidden extends SchmancyVisuallyHidden_base {
+export declare class SchmancyVisuallyHidden extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
@@ -18,4 +19,3 @@ declare global {
         'schmancy-visually-hidden': SchmancyVisuallyHidden;
     }
 }
-export {};

package/types/src/window/window.d.ts

@@ -1,6 +1,7 @@
+import { SchmancyElement } from '@mixins/index';
 import type { SnapCorner, WindowVisualState } from './window-registry.js';
-declare const SchmancyWindow_base: CustomElementConstructor & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
-export default class SchmancyWindow extends SchmancyWindow_base {
+export default class SchmancyWindow extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
     id: string;
     /** Override the expanded panel width (e.g. '320px', '24rem'). Defaults to responsive sizing. */
     expandedWidth?: string;
@@ -64,4 +65,3 @@ declare global {
         'schmancy-window': SchmancyWindow;
     }
 }
-export {};