@mhmo91/schmancy 0.10.35 → 0.10.36

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

@@ -1,67 +1 @@
-import { SchmancyElement } from '@mixins/index';
-/**
- * Filter chip component for content filtering.
- *
- * Filter chips are the ONLY chip type that maintains persistent selected state.
- * They are used for filtering content by toggling on/off different filter criteria.
- *
- * @fires change - Dispatched when selection state changes with {value, selected}
- * @fires remove - Dispatched when remove button is clicked (if removable)
- *
- * @example
- * ```html
- * <schmancy-filter-chip value="category-1" selected>
- *   Category 1
- * </schmancy-filter-chip>
- * ```
- */
-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) */
-    private _selected;
-    get selected(): boolean;
-    set selected(value: boolean);
-    /** Whether to show a remove button */
-    removable: boolean;
-    /** Whether the chip is disabled */
-    disabled: boolean;
-    /** Whether to use elevated style with shadow */
-    elevated: boolean;
-    constructor();
-    protected static shadowRootOptions: {
-        delegatesFocus: boolean;
-        clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    static formAssociated: boolean;
-    internals: ElementInternals | undefined;
-    get form(): HTMLFormElement;
-    connectedCallback(): void;
-    protected updated(changed: Map<string, unknown>): void;
-    formResetCallback(): void;
-    formDisabledCallback(disabled: boolean): void;
-    private handleClick;
-    private handleRemove;
-    private handleKeyDown;
-    protected render(): unknown;
-}
-export { SchmancyFilterChip as SchmancyChip };
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-chip': SchmancyFilterChip;
-        'schmancy-filter-chip': SchmancyFilterChip;
-    }
-}
-export type FilterChipChangeEvent = {
-    value: string;
-    selected: boolean;
-};
-export type FilterChipRemoveEvent = {
-    value: string;
-};
-export type SchmancyChipChangeEvent = FilterChipChangeEvent;
+export * from '../form/fields/chips/filter-chip';

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

@@ -1,5 +1 @@
-export * from './assist-chip';
-export * from './chips';
-export * from './filter-chip';
-export * from './input-chip';
-export * from './suggestion-chip';
+export * from '../form/fields/chips';

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

@@ -1,82 +1 @@
-import { SchmancyElement } from '@mixins/index';
-/**
- * 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.)
- * that can only be removed, not toggled on/off.
- *
- * Use cases:
- * - Displaying selected recipients in an email
- * - Showing applied filters that can be removed
- * - Tags or keywords entered by the user
- * - Selected items from a multi-select dropdown
- *
- * @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>
- * ```
- */
-export declare class SchmancyInputChip extends SchmancyElement {
-    static styles: import("lit").CSSResult[];
-    /** Value identifier for the chip */
-    value: string;
-    /** Optional icon name (Material Symbols) */
-    icon: string;
-    /** Optional avatar image URL */
-    avatar: string;
-    /** Whether to show remove button (default true for input chips) */
-    removable: boolean;
-    /** Disable the chip */
-    disabled: boolean;
-    /** Elevated style variant */
-    elevated: boolean;
-    private chipHover$;
-    private removeHover$;
-    private focused$;
-    private pressed$;
-    uiState: {
-        chipHover: boolean;
-        removeHover: boolean;
-        focused: boolean;
-        pressed: boolean;
-    };
-    private ripples;
-    private nextRippleId;
-    constructor();
-    protected static shadowRootOptions: {
-        delegatesFocus: boolean;
-        clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    static formAssociated: boolean;
-    internals: ElementInternals | undefined;
-    get form(): HTMLFormElement;
-    protected updated(changed: Map<string, unknown>): void;
-    connectedCallback(): void;
-    private handleChipClick;
-    private handleRemove;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-    protected render(): unknown;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-input-chip': SchmancyInputChip;
-    }
-}
-export type InputChipClickEvent = {
-    value: string;
-};
-export type InputChipRemoveEvent = {
-    value: string;
-};
+export * from '../form/fields/chips/input-chip';

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

@@ -1,52 +1 @@
-import { SchmancyElement } from '@mixins/index';
-/**
- * Suggestion chip component - provides contextual recommendations to users
- *
- * 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 SchmancyElement {
-    static styles: import("lit").CSSResult[];
-    /** Value identifier for the chip */
-    value: string;
-    /** Optional icon name (Material Symbols) */
-    icon: string;
-    /** Optional href for navigation */
-    href: string;
-    /** Target for navigation (e.g., '_blank') */
-    target: string;
-    /** Disable the chip */
-    disabled: boolean;
-    /** Elevated style variant - flat by default per M3 spec */
-    elevated: boolean;
-    private hover$;
-    private pressed$;
-    private focused$;
-    private ripples;
-    protected static shadowRootOptions: {
-        delegatesFocus: boolean;
-        clonable?: boolean;
-        customElementRegistry?: CustomElementRegistry;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    private nextRippleId;
-    connectedCallback(): void;
-    private handleClick;
-    private handleKeyDown;
-    private handleFocus;
-    private handleBlur;
-    protected render(): unknown;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-suggestion-chip': SchmancySuggestionChip;
-    }
-}
-export type SuggestionChipActionEvent = {
-    value: string;
-};
+export * from '../form/fields/chips/suggestion-chip';

package/types/src/fab/fab.d.ts

@@ -0,0 +1,80 @@
+import { SchmancyElement } from '@mixins/index';
+export type FabVariant = 'surface' | 'primary' | 'secondary' | 'tertiary';
+export type FabSize = 'small' | 'medium' | 'large';
+/**
+ * Material 3 Floating Action Button.
+ *
+ * Mirrors the `md-fab` reference implementation
+ * (github.com/material-components/material-web) and the M3 spec
+ * (m3.material.io/components/floating-action-button): four colour
+ * variants, three container sizes, an extended form (set `label`),
+ * and a `lowered` elevation register. Per M3 guidance a FAB is never
+ * disabled, so there is no `disabled` property.
+ *
+ * Sizing, shape, icon size and elevation are M3 design tokens expressed
+ * as `:host` rules (the same token-driven model as `md-fab`'s SCSS);
+ * colour roles and the state layer are schmancy theme utilities. The
+ * host shrink-wraps the inner button and clips its rounded shape.
+ *
+ * @element schmancy-fab
+ * @slot - The icon (typically `<schmancy-icon>`).
+ * @csspart base - The underlying native `<button>`.
+ */
+export declare class SchmancyFab extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
+    protected static shadowRootOptions: {
+        mode: string;
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    private nativeElement;
+    private ariaLabelValue;
+    /**
+     * Colour variant. M3 maps each to a container + on-container role.
+     * @attr
+     * @default 'surface'
+     */
+    variant: FabVariant;
+    /**
+     * Container size. Ignored while extended (extended is always 56dp tall).
+     * @attr
+     * @default 'medium'
+     */
+    size: FabSize;
+    /**
+     * Extended-FAB label. A non-empty value switches the FAB to its
+     * extended form (icon + text), exactly as `md-fab` derives extended
+     * from a truthy label.
+     * @attr
+     */
+    label: string;
+    /**
+     * Reflected mirror of "label is non-empty" so `:host([extended])`
+     * can drive the extended geometry. Synced from `label`; read it,
+     * don't set it.
+     * @attr
+     */
+    extended: boolean;
+    /**
+     * Lowers the FAB's elevation register (M3 lowered FAB).
+     * @attr
+     * @default false
+     */
+    lowered: boolean;
+    set ariaLabel(value: string);
+    get ariaLabel(): string;
+    /** Sets focus on the FAB. */
+    focus(options?: FocusOptions): void;
+    /** Removes focus from the FAB. */
+    blur(): void;
+    protected willUpdate(changed: Map<string, unknown>): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-fab': SchmancyFab;
+    }
+}

package/types/src/fab/fab.test.d.ts

@@ -0,0 +1,2 @@
+import './fab';
+import '../icons/icon';

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

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

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

@@ -0,0 +1,47 @@
+import { SchmancyElement } from '@mixins/index';
+/**
+ * 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 SchmancyElement {
+    static styles: import("lit").CSSResult[];
+    /** Value identifier for the chip */
+    value: string;
+    /** Optional icon name (Material Symbols) */
+    icon: string;
+    /** Optional href for navigation */
+    href: string;
+    /** Target for navigation (e.g., '_blank') */
+    target: string;
+    /** Disable the chip */
+    disabled: boolean;
+    /** Elevated style variant - true by default per M3 spec for assist chips */
+    elevated: boolean;
+    private hover$;
+    private pressed$;
+    private focused$;
+    private ripples;
+    protected static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    private nextRippleId;
+    connectedCallback(): void;
+    private handleClick;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-assist-chip': SchmancyAssistChip;
+    }
+}
+export type AssistChipActionEvent = {
+    value: string;
+};

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

@@ -0,0 +1,35 @@
+import { PropertyValues } from 'lit';
+import type { FilterChipChangeEvent as SchmancyChipChangeEvent } from './filter-chip';
+import { SchmancyFilterChip as SchmancyChip } from './filter-chip';
+export type SchmancyChipsChangeEvent = CustomEvent<{
+    value: string | string[];
+}>;
+declare const SchmancyChips_base: import("../../../../mixins").Constructor<import("@mixins/formField.mixin").IFormFieldMixin> & import("../../../../mixins").Constructor<import("../../../../mixins").ITailwindElementMixin> & import("../../../../mixins").Constructor<import("lit").LitElement> & import("../../../../mixins").Constructor<import("../../../../mixins").IBaseMixin>;
+export default class SchmancyChips extends SchmancyChips_base {
+    /** Whether multiple chips can be selected simultaneously. */
+    multi: boolean;
+    get value(): string | string[];
+    set value(v: string | string[]);
+    /** Typed convenience alias for multi-mode consumers. */
+    get values(): string[];
+    set values(v: string[]);
+    wrap: boolean;
+    justify: 'start' | 'center' | 'end';
+    chips: (SchmancyChip | HTMLElement)[];
+    private value$;
+    private values$;
+    protected willUpdate(changedProps: PropertyValues): void;
+    checkValidity(): boolean;
+    connectedCallback(): void;
+    private updateChipStates;
+    change(e: CustomEvent<SchmancyChipChangeEvent>): Promise<void>;
+    resetForm(): void;
+    protected firstUpdated(_changedProperties: PropertyValues): void;
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-chips': SchmancyChips;
+    }
+}
+export {};

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

@@ -0,0 +1,67 @@
+import { SchmancyElement } from '@mixins/index';
+/**
+ * Filter chip component for content filtering.
+ *
+ * Filter chips are the ONLY chip type that maintains persistent selected state.
+ * They are used for filtering content by toggling on/off different filter criteria.
+ *
+ * @fires change - Dispatched when selection state changes with {value, selected}
+ * @fires remove - Dispatched when remove button is clicked (if removable)
+ *
+ * @example
+ * ```html
+ * <schmancy-filter-chip value="category-1" selected>
+ *   Category 1
+ * </schmancy-filter-chip>
+ * ```
+ */
+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) */
+    private _selected;
+    get selected(): boolean;
+    set selected(value: boolean);
+    /** Whether to show a remove button */
+    removable: boolean;
+    /** Whether the chip is disabled */
+    disabled: boolean;
+    /** Whether to use elevated style with shadow */
+    elevated: boolean;
+    constructor();
+    protected static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static formAssociated: boolean;
+    internals: ElementInternals | undefined;
+    get form(): HTMLFormElement;
+    connectedCallback(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    formResetCallback(): void;
+    formDisabledCallback(disabled: boolean): void;
+    private handleClick;
+    private handleRemove;
+    private handleKeyDown;
+    protected render(): unknown;
+}
+export { SchmancyFilterChip as SchmancyChip };
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-chip': SchmancyFilterChip;
+        'schmancy-filter-chip': SchmancyFilterChip;
+    }
+}
+export type FilterChipChangeEvent = {
+    value: string;
+    selected: boolean;
+};
+export type FilterChipRemoveEvent = {
+    value: string;
+};
+export type SchmancyChipChangeEvent = FilterChipChangeEvent;

package/types/src/form/fields/chips/index.d.ts

@@ -0,0 +1,5 @@
+export * from './assist-chip';
+export * from './chips';
+export * from './filter-chip';
+export * from './input-chip';
+export * from './suggestion-chip';

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

@@ -0,0 +1,82 @@
+import { SchmancyElement } from '@mixins/index';
+/**
+ * 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.)
+ * that can only be removed, not toggled on/off.
+ *
+ * Use cases:
+ * - Displaying selected recipients in an email
+ * - Showing applied filters that can be removed
+ * - Tags or keywords entered by the user
+ * - Selected items from a multi-select dropdown
+ *
+ * @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>
+ * ```
+ */
+export declare class SchmancyInputChip extends SchmancyElement {
+    static styles: import("lit").CSSResult[];
+    /** Value identifier for the chip */
+    value: string;
+    /** Optional icon name (Material Symbols) */
+    icon: string;
+    /** Optional avatar image URL */
+    avatar: string;
+    /** Whether to show remove button (default true for input chips) */
+    removable: boolean;
+    /** Disable the chip */
+    disabled: boolean;
+    /** Elevated style variant */
+    elevated: boolean;
+    private chipHover$;
+    private removeHover$;
+    private focused$;
+    private pressed$;
+    uiState: {
+        chipHover: boolean;
+        removeHover: boolean;
+        focused: boolean;
+        pressed: boolean;
+    };
+    private ripples;
+    private nextRippleId;
+    constructor();
+    protected static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    static formAssociated: boolean;
+    internals: ElementInternals | undefined;
+    get form(): HTMLFormElement;
+    protected updated(changed: Map<string, unknown>): void;
+    connectedCallback(): void;
+    private handleChipClick;
+    private handleRemove;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-input-chip': SchmancyInputChip;
+    }
+}
+export type InputChipClickEvent = {
+    value: string;
+};
+export type InputChipRemoveEvent = {
+    value: string;
+};

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

@@ -0,0 +1,52 @@
+import { SchmancyElement } from '@mixins/index';
+/**
+ * Suggestion chip component - provides contextual recommendations to users
+ *
+ * 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 SchmancyElement {
+    static styles: import("lit").CSSResult[];
+    /** Value identifier for the chip */
+    value: string;
+    /** Optional icon name (Material Symbols) */
+    icon: string;
+    /** Optional href for navigation */
+    href: string;
+    /** Target for navigation (e.g., '_blank') */
+    target: string;
+    /** Disable the chip */
+    disabled: boolean;
+    /** Elevated style variant - flat by default per M3 spec */
+    elevated: boolean;
+    private hover$;
+    private pressed$;
+    private focused$;
+    private ripples;
+    protected static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    private nextRippleId;
+    connectedCallback(): void;
+    private handleClick;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    protected render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-suggestion-chip': SchmancySuggestionChip;
+    }
+}
+export type SuggestionChipActionEvent = {
+    value: string;
+};

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

@@ -34,6 +34,9 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
     step?: 'day' | 'week' | 'month' | 'year' | number;
     /** When true, collapses to just an icon button on mobile screens */
     collapse: boolean;
+    private readonly open$;
+    private readonly close$;
+    private readonly announce$;
     private isOpen;
     private selectedDateRange;
     private activePreset;
@@ -43,7 +46,6 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
     private memoizedPresets;
     disconnectedCallback(): void;
     connectedCallback(): void;
-    private setupEventHandlers;
     updated(changedProps: PropertyValues): void;
     willUpdate(changed: PropertyValues): void;
     /**
@@ -59,8 +61,8 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
      */
     toFormEntries(): Array<[string, FormDataEntryValue]>;
     /** `dirty` tracks the underlying date strings, not the wide-union value. */
-    private _dateFromDefault;
-    private _dateToDefault;
+    private dateFromDefault;
+    private dateToDefault;
     firstUpdated(changed: PropertyValues): void;
     get dirty(): boolean;
     resetForm(): void;
@@ -72,9 +74,6 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
     private updateSelectedDateRange;
     private setDateRange;
     private toggleDropdown;
-    private _overlaySubscription;
-    private openDropdown;
-    private closeDropdown;
     /**
      * Shifts the date range based on the step property
      */
@@ -96,10 +95,6 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
      * Check if we can navigate forward
      */
     private canNavigateForward;
-    /**
-     * Announce messages to screen readers
-     */
-    private announceToScreenReader;
     render(): import("lit-html").TemplateResult<1>;
 }
 export {};

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

@@ -1,5 +1,6 @@
 export * from './autocomplete';
 export * from './checkbox';
+export * from './chips';
 export * from './date-range';
 export * from './input';
 export * from './radio-group';

package/types/src/index.d.ts

@@ -7,7 +7,7 @@ export * from './busy';
 export * from './button';
 export * from './card';
 export * from './form/fields/checkbox';
-export * from './chips';
+export * from './form/fields/chips';
 export * from './connectivity';
 export * from './content-drawer';
 export * from './form/fields/date-range';
@@ -19,6 +19,7 @@ export * from './discovery';
 export * from './divider';
 export * from './dropdown';
 export * from './expand';
+export * from './fab';
 export * from './float';
 export * from './window';
 export * from './form';

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

@@ -28,6 +28,7 @@ export declare class SchmancyOverlay extends SchmancyElement {
     modal: boolean;
     tier: OverlayTier;
     private _active;
+    private _full;
     private _backdrop?;
     private _surface;
     private _shell?;