@mhmo91/schmancy 0.10.35 → 0.10.37

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?;

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

@@ -1,7 +1,6 @@
 import type { TemplateResult } from 'lit';
 import type { Observable } from 'rxjs';
-import type { ComponentType } from '../area/router.types';
-import type { THistoryStrategy } from '../area/router.types';
+import type { ComponentType, THistoryStrategy } from '../area/router.types';
 /**
  * Sync factory that returns a TemplateResult. Called at mount time so closed-over
  * variables are evaluated lazily — no snapshot staleness.
@@ -76,6 +75,17 @@ export interface ShowOptions {
      *  better than the resolver can — e.g. `as: 'sheet'` for an immersive
      *  takeover view that doesn't have an anchor. */
     as?: OverlayLayout;
+    /** When `true` and layout resolves to `'sheet'`, the surface takes the
+     *  full available height (`h-[90dvh]`) instead of sizing to content.
+     *  The mount point becomes `flex-1 min-h-0 overflow-hidden` so the
+     *  mounted component can fill it via `height: 100%`. Default `false`. */
+    full?: boolean;
+    /** When `true` and layout is `'sheet'`, the surface takes the full
+     *  available height (`h-[90dvh]`) rather than sizing to content. The
+     *  mount point becomes `flex-1` so the mounted component can fill it
+     *  via `height: 100%`. Use for immersive full-height panels (e.g. a
+     *  document review). Default `false`. */
+    fillHeight?: boolean;
     /** Default `'push'`. Same vocabulary as `area.push()`.
      *  - `'push'` — new history entry; back dismisses, forward re-opens.
      *  - `'replace'` — replace current entry; back skips the overlay.

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

@@ -1,3 +1,3 @@
 export * from './schmancy-step';
-export * from './schmancy-steps-container';
+export * from './schmancy-steps';
 export * from './steps.context';

package/types/src/steps/schmancy-step.d.ts

@@ -7,14 +7,9 @@ export declare class SchmancyStep extends SchmancyElement {
      * "current", or "upcoming".
      */
     position: number;
-    title: string;
+    label: string;
     description: string;
     completed: boolean;
-    /**
-     * NEW: Lock API to disable users from going back.
-     * When set to true, clicking on a previous (completed) step is ignored.
-     */
-    lockBack: boolean;
     /**
      * Consume the shared StepsController from context.
      */
@@ -23,28 +18,18 @@ export declare class SchmancyStep extends SchmancyElement {
      * Local reactive copy of the container's current step number.
      */
     private currentStep;
-    /**
-     * Keep a reference to our subscription so we can unsubscribe cleanly.
-     */
-    private subscription?;
+    private hasContent;
+    private assignedNodes;
     connectedCallback(): void;
     firstUpdated(): void;
-    disconnectedCallback(): void;
-    /**
-     * Update the host element's flex properties based on active state
-     */
+    private onSlotChange;
     private updateFlexProperties;
-    /**
-     * Compute visual status for styling purposes. Note that if a step is explicitly
-     * marked as completed, it always appears as complete even if it's active.
-     */
     get status(): 'complete' | 'current' | 'upcoming';
-    /**
-     * Click handler to allow navigation between completed (or active) steps.
-     * With lockBack enabled, clicking on a previous step is ignored.
-     */
-    private _onStepClick;
+    private onStepClick;
+    private onStepKeydown;
     render(): import("lit-html").TemplateResult<1>;
+    private renderContentRow;
+    private renderRailRow;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/types/src/steps/{schmancy-steps-container.d.ts → schmancy-steps.d.ts}

@@ -8,27 +8,26 @@ import { StepsController } from './steps.context';
 export type SchmancyStepsChangeEvent = CustomEvent<{
     value: number;
 }>;
-export declare class SchmancyStepsContainer extends SchmancyElement {
+export declare class SchmancySteps extends SchmancyElement {
     static styles: import("lit").CSSResult[];
     private controller;
     stepsController: StepsController;
-    set currentStep(value: number);
-    get currentStep(): number;
+    set value(v: number);
+    get value(): number;
     /**
-     * Gap between steps. Maps to Tailwind gap classes.
-     * @default 4
+     * Block back-navigation for the whole stepper.
      */
-    gap: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24;
+    set lockBack(v: boolean);
+    get lockBack(): boolean;
     connectedCallback(): void;
     /**
-     * Handle change events - stop propagation of bubbled events from children.
-     * This prevents form inputs inside steps from triggering the parent's @change handler.
+     * Handle change events — stop propagation of bubbled events from children.
      */
     private handleChange;
     render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'schmancy-steps-container': SchmancyStepsContainer;
+        'schmancy-steps': SchmancySteps;
     }
 }

package/types/src/steps/steps.context.d.ts

@@ -1,5 +1,6 @@
 export declare class StepsController {
-    private _currentStep;
+    private stepSubject;
+    lockBack: boolean;
     get currentStep$(): import("rxjs").Observable<number>;
     get currentStep(): number;
     setStep(step: number): void;

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

@@ -0,0 +1,2 @@
+import './schmancy-step';
+import './schmancy-steps';

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

@@ -1,5 +1,6 @@
 import { SchmancyElement } from '../../mixins/index';
 import { TSchmancyTheme } from './theme.interface';
+import '../surface/surface';
 export declare const tailwindStyles: import("lit").CSSResult;
 /**
  * SchmancyThemeComponent - Provides theming capabilities for Schmancy components.