@mhmo91/schmancy 0.9.28 → 0.10.2

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

@@ -1,250 +0,0 @@
-import { LitElement, PropertyValueMap } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'sch-input': SchmancyInputV2;
-    }
-}
-type EventDetails = {
-    value: string;
-};
-/**
- * Custom events the component may emit:
- * - 'input': on every keystroke
- * - 'change': on native blur/change
- * - 'enter': specifically when user presses Enter
- */
-export type SchmancyInputInputEventV2 = CustomEvent<EventDetails>;
-export type SchmancyInputChangeEventV2 = CustomEvent<EventDetails>;
-export type SchmancyInputEnterEventV2 = CustomEvent<EventDetails>;
-/**
- * Size variants for the input.
- * - sm: Small, compact input (40px height)
- * - md: Medium input (50px height, default)
- * - lg: Large, spacious input (60px height)
- */
-export type InputSize = 'sm' | 'md' | 'lg';
-declare const SchmancyInputV2_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>;
-/**
- * Enhanced version of the SchmancyInput component with improved form integration
- * and compatibility with legacy API.
- *
- * This component uses the native form association API and maintains parity with
- * native input behaviors while providing a stylish, accessible interface.
- */
-export default class SchmancyInputV2 extends SchmancyInputV2_base {
-    /** Auto-incrementing counter for generating unique IDs */
-    static _idCounter: number;
-    id: string;
-    /**
-     * The label for the control. If populated, we render a `<label for="...">`.
-     * If empty, we add an `aria-label` to the <input> for better screenreader support.
-     */
-    label: string;
-    /**
-     * The type of input. (e.g. 'text', 'password', 'email', etc.)
-     */
-    type: HTMLInputElement['type'];
-    /**
-     * Name attribute (for form submissions). By default, a unique fallback.
-     */
-    name: string;
-    placeholder: string;
-    /** Current value of the input. */
-    value: string;
-    /** Pattern validation attribute. */
-    pattern?: string;
-    /** Whether the control is required for form validation. */
-    required: boolean;
-    /** Whether the control is disabled. */
-    disabled: boolean;
-    /** Whether the input is read-only. */
-    readonly: boolean;
-    /** If true, we visually show a pointer cursor even if readOnly. */
-    clickable: boolean;
-    /** Whether browser spellcheck is enabled. */
-    spellcheck: boolean;
-    /**
-     * Text alignment within the input.
-     * - 'left' | 'center' | 'right'
-     */
-    align: 'left' | 'center' | 'right';
-    /** inputmode attribute (affects on-screen keyboards in mobile). */
-    inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
-    minlength?: number;
-    maxlength?: number;
-    min?: string;
-    max?: string;
-    step?: number;
-    /** If true, auto-focus this input on first render. */
-    autofocus: boolean;
-    /** Autocomplete/autofill hints. */
-    autocomplete: AutoFill;
-    /**
-     * tabIndex for focusing by tab key. Typically 0 or -1.
-     */
-    tabIndex: number;
-    /**
-     * A small hint text or error message to display under the input.
-     */
-    hint?: string;
-    /**
-     * If true, we style the input as an error state, and possibly display
-     * the hint as an error message.
-     */
-    error: boolean;
-    /**
-     * The size of the input.
-     * - 'sm': Small, compact size
-     * - 'md': Medium size (default)
-     * - 'lg': Large size
-     */
-    size: InputSize;
-    /**
-     * Controls when validation should show.
-     * - 'always' - Always show validation
-     * - 'touched' - Only show after field has been focused and then blurred
-     * - 'dirty' - Only show after value has changed
-     * - 'submitted' - Only show after form submission
-     */
-    validateOn: 'always' | 'touched' | 'dirty' | 'submitted';
-    /**
-     * For datalist support
-     */
-    list?: string;
-    /**
-     * The validation message to display (mimics native input.validationMessage)
-     */
-    validationMessage: string;
-    private inputElement;
-    private inputRef;
-    /**
-     * For integration with browser's autofill support
-     */
-    private isAutofilled;
-    /**
-     * Track user interaction state for validation
-     */
-    private touched;
-    private dirty;
-    private submitted;
-    /**
-     * Store the default value for reset behavior
-     */
-    private defaultValue;
-    static formAssociated: boolean;
-    protected static shadowRootOptions: {
-        delegatesFocus: boolean;
-        mode: ShadowRootMode;
-        serializable?: boolean;
-        slotAssignment?: SlotAssignmentMode;
-    };
-    private internals?;
-    private formResetObserver?;
-    constructor();
-    /**
-     * If user did not provide an ID, auto-generate one so <label for="...">
-     * and various aria-* attributes can reference it.
-     */
-    protected willUpdate(changedProps: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
-    /** The form this element is associated with, if any. */
-    get form(): HTMLFormElement;
-    protected updated(changedProps: Map<string, unknown>): void;
-    /**
-     * Connect to the closest form element and set up form integration
-     */
-    connectedCallback(): void;
-    /**
-     * Set up form integration with ElementInternals
-     */
-    private setupFormIntegration;
-    /**
-     * Set up external label association for native HTML label support
-     */
-    private setupExternalLabelAssociation;
-    disconnectedCallback(): void;
-    /**
-     * Reset the input to its default state
-     */
-    private resetToDefault;
-    /**
-     * Determines if validation errors should be shown based on current state
-     * and validation strategy
-     */
-    private shouldShowValidation;
-    /**
-     * Update validity state based on current error state
-     */
-    private updateValidityState;
-    /**
-     * Validate input based on required, pattern, etc.
-     * This mimics native validation behavior
-     */
-    private validateInput;
-    /**
-     * Check validity without showing validation UI
-     */
-    checkValidity(): boolean;
-    /**
-     * Show validation UI and check validity
-     */
-    reportValidity(): boolean;
-    /**
-     * Set a custom validation error message
-     */
-    setCustomValidity(message: string): void;
-    firstUpdated(): void;
-    /**
-     * Set up input event handling for value changes
-     */
-    private setupInputEvents;
-    /**
-     * Set up focus/blur event handling
-     */
-    private setupFocusBlurEvents;
-    /**
-     * Set up autofill detection
-     */
-    private setupAutofillDetection;
-    /**
-     * Set up enter key event handling
-     */
-    private setupEnterKeyEvents;
-    /** Selects all text within the input. */
-    select(): void;
-    /** Returns the native validity state of the inner <input>. */
-    getValidity(): ValidityState | undefined;
-    /**
-     * Sets the selection range. Mirrors native input.setSelectionRange
-     */
-    setSelectionRange(start: number, end: number, direction?: 'forward' | 'backward' | 'none'): void;
-    /**
-     * Returns the selected text within the input (start position)
-     */
-    get selectionStart(): number | null;
-    /**
-     * Returns the selected text within the input (end position)
-     */
-    get selectionEnd(): number | null;
-    /**
-     * Returns the direction of selection
-     */
-    get selectionDirection(): 'forward' | 'backward' | 'none' | null;
-    /**
-     * Sets the range of text to be selected.
-     */
-    setRangeText(replacement: string, start?: number, end?: number, selectMode?: 'select' | 'start' | 'end' | 'preserve'): void;
-    /**
-     * Override to forward focus to the internal <input>.
-     * Also dispatch a 'focus' event for external listeners.
-     */
-    focus(options?: FocusOptions): void;
-    /**
-     * Override to forward clicks to the internal <input>.
-     * Also dispatch a 'click' event for external listeners.
-     */
-    click(): void;
-    /** Forward blur to the internal <input>. */
-    blur(): void;
-    protected render(): import("lit-html").TemplateResult<1>;
-}
-export {};

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

@@ -1,26 +0,0 @@
-import Layout from '../layout';
-/**
- * @deprecated Use Tailwind CSS flex classes directly instead of this component.
- * This component will be removed in a future version.
- *
- * Migration guide:
- * - Replace <schmancy-flex> with <div class="flex ...">
- * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.
- *
- * @element schmancy-flex
- */
-export declare class SchmancyFlex extends Layout {
-    static styles: any[];
-    layout: boolean;
-    flow: 'row' | 'row-reverse' | 'col' | 'col-reverse';
-    wrap: 'wrap' | 'nowrap' | 'wrap-reverse';
-    align: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    justify: 'start' | 'center' | 'end' | 'stretch' | 'between';
-    gap: 'none' | 'sm' | 'md' | 'lg';
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-flex': SchmancyFlex;
-    }
-}

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

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

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

@@ -1,39 +0,0 @@
-import Layout from '../layout';
-/**
- * @deprecated Use Tailwind CSS grid classes directly instead of this component.
- * This component will be removed in a future version.
- *
- * Migration guide:
- * - Replace <schmancy-grid> with <div class="grid ...">
- * - Use Tailwind's grid utilities: grid-cols-*, gap-*, items-*, justify-items-*, etc.
- *
- * @element schmancy-grid
- */
-export declare class SchmancyGrid extends Layout {
-    static styles: any[];
-    layout: boolean;
-    flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense';
-    align: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    justify: 'start' | 'center' | 'end' | 'stretch';
-    content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between';
-    gap: 'none' | 'xs' | 'sm' | 'md' | 'lg';
-    cols?: string;
-    rows?: string;
-    rcols?: {
-        xs?: string | number;
-        sm?: string | number;
-        md?: string | number;
-        lg?: string | number;
-        xl?: string | number;
-        '2xl'?: string | number;
-    };
-    wrap: boolean;
-    assignedElements: HTMLElement[];
-    firstUpdated(): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-grid': SchmancyGrid;
-    }
-}

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

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

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

@@ -1,59 +0,0 @@
-declare const Layout_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>;
-/**
- * @deprecated Use Tailwind CSS utility classes directly on HTML elements instead of this base class.
- * This component will be removed in a future version.
- *
- * Migration guide:
- * - Use inline styles or Tailwind utility classes for layout properties
- * - Replace properties like padding, margin, width, etc. with their CSS equivalents
- *
- * @class Layout
- */
-export default class Layout extends Layout_base {
-    static styles: any;
-    layout: boolean;
-    center: boolean | undefined;
-    padding: string | undefined;
-    margin: string | undefined;
-    width: string | undefined;
-    height: string | undefined;
-    minWidth: string | undefined;
-    minHeight: string | undefined;
-    maxWidth: string | undefined;
-    maxHeight: string | undefined;
-    display: 'block' | 'inline-block' | 'inline' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'table' | 'inline-table' | 'flow-root' | 'none' | undefined;
-    overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined;
-    overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined;
-    overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined;
-    position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined;
-    top: string | undefined;
-    right: string | undefined;
-    bottom: string | undefined;
-    left: string | undefined;
-    inset: string | undefined;
-    zIndex: string | undefined;
-    border: string | undefined;
-    borderTop: string | undefined;
-    borderRight: string | undefined;
-    borderBottom: string | undefined;
-    borderLeft: string | undefined;
-    borderColor: string | undefined;
-    borderRadius: string | undefined;
-    borderWidth: string | undefined;
-    boxShadow: string | undefined;
-    opacity: string | undefined;
-    background: string | undefined;
-    backgroundImage: string | undefined;
-    backgroundPosition: string | undefined;
-    backgroundSize: string | undefined;
-    backgroundRepeat: string | undefined;
-    backgroundAttachment: string | undefined;
-    backgroundColor: string | undefined;
-    backgroundClip: string | undefined;
-    backgroundOrigin: string | undefined;
-    backgroundBlendMode: string | undefined;
-    filter: string | undefined;
-    backdropFilter: string | undefined;
-    connectedCallback(): void;
-}
-export {};

package/types/src/layout/v2/flex.d.ts

@@ -1,65 +0,0 @@
-import Layout from '../layout';
-/**
- * @deprecated Use Tailwind CSS flex classes directly instead of this component.
- * This component will be removed in a future version.
- *
- * Migration guide:
- * - Replace <sch-flex> with <div class="flex ...">
- * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.
- *
- * Original documentation:
- *
- * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:
- *
- * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.
- * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:
- *    - Dense variants (`row-dense`, `col-dense`) force wrapping.
- * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'
- * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'
- * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'
- * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'
- * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')
- */
-export declare class SchmancyFlexV2 extends Layout {
-    static styles: any[];
-    inline: boolean;
-    /**
-     * Flow property that determines the flex direction.
-     * Allowed values:
-     *  - Standard: 'row', 'row-reverse', 'col', 'col-reverse'
-     *  - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)
-     */
-    flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense';
-    /**
-     * Flex-wrap options:
-     *  - 'wrap', 'nowrap', or 'wrap-reverse'
-     */
-    wrap: 'wrap' | 'nowrap' | 'wrap-reverse';
-    /**
-     * Align-items (vertical alignment of flex items):
-     *  - 'start', 'center', 'end', 'stretch', or 'baseline'
-     */
-    align: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    /**
-     * Justify-content (horizontal distribution):
-     *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'
-     */
-    justify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-    /**
-     * Align-content (spacing between rows when wrapping):
-     *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'
-     */
-    content?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-    /**
-     * Gap between flex items.
-     * Options (based on Tailwind CSS 4 spacing scale):
-     *  - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'
-     */
-    gap: 'none' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48' | '56' | '64';
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sch-flex': SchmancyFlexV2;
-    }
-}

package/types/src/layout/v2/grid.d.ts

@@ -1,51 +0,0 @@
-import Layout from '../layout';
-export declare class SchmancyGridV2 extends Layout {
-    static styles: any[];
-    /**
-     * Display mode: 'grid' or 'inline-grid'.
-     */
-    display: 'grid' | 'inline-grid';
-    /**
-     * Grid template columns.
-     * Examples: '1', '2', '3', 'none', 'subgrid', '[200px_minmax(900px,_1fr)_100px]'
-     */
-    columns: string;
-    /**
-     * Grid template rows.
-     * Examples: '1', '2', '3', 'none', 'subgrid', '[200px_minmax(900px,_1fr)_100px]'
-     */
-    rows: string;
-    /**
-     * Grid auto flow.
-     * Options: 'row', 'column', 'dense', 'row-dense', 'column-dense'
-     */
-    flow: 'row' | 'column' | 'dense' | 'row-dense' | 'column-dense';
-    /**
-     * Gap between grid items.
-     * Examples: '0', '1', '2', '4', '8', '16', '32', '64'
-     */
-    gap: string;
-    /**
-     * Gap between columns.
-     * Overrides the general gap if specified.
-     */
-    gapX?: string;
-    /**
-     * Gap between rows.
-     * Overrides the general gap if specified.
-     */
-    gapY?: string;
-    /**
-     * Responsive variants.
-     * Example: { sm: 'grid-cols-2', md: 'grid-cols-4' }
-     */
-    responsive: {
-        [key: string]: string;
-    };
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'sch-grid': SchmancyGridV2;
-    }
-}

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

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

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

@@ -1,22 +0,0 @@
-import { PartInfo, ElementPart } from 'lit/directive.js';
-import { AsyncDirective } from 'lit/async-directive.js';
-export interface FlipOptions {
-    disabled?: boolean;
-    duration?: number;
-    easing?: string;
-    scale?: boolean;
-}
-declare class FlipDirective extends AsyncDirective {
-    private element?;
-    private lastRect?;
-    private animation?;
-    private options;
-    constructor(partInfo: PartInfo);
-    render(_options?: FlipOptions): symbol;
-    update(part: ElementPart, [options]: [FlipOptions?]): symbol;
-    private runFlip;
-    disconnected(): void;
-    reconnected(): void;
-}
-export declare const flip: (_options?: FlipOptions) => import("lit-html/directive").DirectiveResult<typeof FlipDirective>;
-export {};

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

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

package/types/src/metric/metric.d.ts

@@ -1,39 +0,0 @@
-export type MetricTrend = 'up' | 'down' | 'neutral';
-export type MetricSize = 'sm' | 'md' | 'lg';
-declare const SchmancyMetric_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>;
-/**
- * KPI metric — a label + value pair for dashboards, with optional trend + delta indicators.
- *
- * @element schmancy-metric
- * @summary The building block of dashboards and meta bars. Pass `label` + `value` for a basic stat; add `trend` / `delta` for the delta-from-last-period pattern. Use multiple metrics side-by-side with Tailwind flex/grid utilities.
- * @example
- * <schmancy-metric label="In flight" value="4"></schmancy-metric>
- * <schmancy-metric label="Open value" value="€165,900" trend="up" delta="+12%"></schmancy-metric>
- * <schmancy-metric label="Error rate" value="0.3%" trend="down" delta="-0.1%"></schmancy-metric>
- * @platform div - Styled `<div>` with two text lines + optional trend arrow. Degrades to a plain div+spans if the tag never registers.
- * @slot - Optional custom value rendering (overrides the `value` attribute if present).
- * @slot label - Optional custom label rendering (overrides the `label` attribute if present).
- * @csspart label - The label line.
- * @csspart value - The value line.
- * @csspart delta - The delta pill (only when `delta` is set).
- */
-export declare class SchmancyMetric extends SchmancyMetric_base {
-    /** Upper-case caption shown above the value. */
-    label: string;
-    /** Primary metric value, rendered large. Pre-format numbers/currency yourself. */
-    value: string;
-    /** Optional trend direction. Controls the color + arrow on the delta pill. */
-    trend?: MetricTrend;
-    /** Optional delta copy displayed in a pill next to the value (e.g. `+12%`). */
-    delta?: string;
-    /** Size scale affecting label + value typography. */
-    size: MetricSize;
-    private _arrowFor;
-    protected render(): unknown;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-metric': SchmancyMetric;
-    }
-}
-export {};

package/types/src/notification/outlet.d.ts

@@ -1,10 +0,0 @@
-declare const SchmancyNotificationOutlet_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 SchmancyNotificationOutlet extends SchmancyNotificationOutlet_base {
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-notification-outlet': SchmancyNotificationOutlet;
-    }
-}
-export {};

package/types/src/sheet/header.d.ts

@@ -1,10 +0,0 @@
-declare const SchmancySheetHeader_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 SchmancySheetHeader extends SchmancySheetHeader_base {
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'schmancy-sheet-header': SchmancySheetHeader;
-    }
-}
-export {};

package/types/src/store/context-array.d.ts

@@ -1,83 +0,0 @@
-import { Draft } from 'immer';
-import { BaseStore } from './store.class';
-import { IArrayStore, StorageType } from './types';
-/**
- * Enhanced array store with TypeScript support and immutability
- * Extends BaseStore for common functionality
- */
-export declare class SchmancyArrayStore<T = any> extends BaseStore<T[]> implements IArrayStore<T> {
-    static type: string;
-    private static instances;
-    /**
-     * Static method to get or create an instance with proper typing
-     */
-    static getInstance<T = any>(storage: StorageType, key: string, defaultValue?: T[]): SchmancyArrayStore<T>;
-    /**
-     * Constructor extension to set up persistence
-     */
-    constructor(storageType: StorageType, key: string, defaultValue?: T[]);
-    /**
-     * Set up persistence to storage with throttling
-     */
-    private setupPersistence;
-    /**
-     * Add an item to the end of the array
-     */
-    push(...items: T[]): void;
-    /**
-     * Remove and return the last item from the array
-     */
-    pop(): T | undefined;
-    /**
-     * Add item(s) to the beginning of the array
-     */
-    unshift(...items: T[]): void;
-    /**
-     * Remove and return the first item from the array
-     */
-    shift(): T | undefined;
-    /**
-     * Update an item at a specific index
-     */
-    set(index: number, value: T): void;
-    /**
-     * Get item at a specific index
-     */
-    get(index: number): T | undefined;
-    /**
-     * Remove items from the array
-     */
-    splice(start: number, deleteCount?: number, ...items: T[]): T[];
-    /**
-     * Remove an item by value (first occurrence)
-     */
-    remove(item: T, compareFn?: (a: T, b: T) => boolean): boolean;
-    /**
-     * Replace entire array
-     */
-    replace(newArray: T[]): void;
-    /**
-     * Filter items in the array
-     */
-    filter(predicate: (value: T, index: number, array: T[]) => boolean): void;
-    /**
-     * Map over the array and transform items
-     */
-    map<U>(mapper: (value: T, index: number, array: T[]) => U): U[];
-    /**
-     * Sort the array in place
-     */
-    sort(compareFn?: (a: T, b: T) => number): void;
-    /**
-     * Update a specific item using a callback function
-     */
-    update(index: number, updater: (item: Draft<T>) => void): void;
-    /**
-     * Clear the array
-     */
-    clear(): void;
-    /**
-     * Setup development tools for debugging
-     */
-    protected setupDevTools(): void;
-}