@mhmo91/schmancy 0.4.21 → 0.4.23

package/dist/store.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./context-object-K_1gDFu-.cjs"),e=require("./selector-hook-CYMLsOvh.cjs");exports.BaseStore=r.BaseStore,exports.IndexedDBStorageManager=r.IndexedDBStorageManager,exports.LocalStorageManager=r.LocalStorageManager,exports.MemoryStorageManager=r.MemoryStorageManager,exports.SchmancyArrayStore=r.SchmancyArrayStore,exports.SchmancyStoreObject=r.SchmancyStoreObject,exports.SessionStorageManager=r.SessionStorageManager,exports.StoreError=r.StoreError,exports.createStorageManager=r.createStorageManager,exports.compareValues=e.compareValues,exports.createArrayContext=e.createArrayContext,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createContext=e.createContext,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.createTestArrayContext=e.createTestArrayContext,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./context-object-K_1gDFu-.cjs"),e=require("./selector-hook-Bf_lCnGW.cjs");exports.BaseStore=r.BaseStore,exports.IndexedDBStorageManager=r.IndexedDBStorageManager,exports.LocalStorageManager=r.LocalStorageManager,exports.MemoryStorageManager=r.MemoryStorageManager,exports.SchmancyArrayStore=r.SchmancyArrayStore,exports.SchmancyStoreObject=r.SchmancyStoreObject,exports.SessionStorageManager=r.SessionStorageManager,exports.StoreError=r.StoreError,exports.createStorageManager=r.createStorageManager,exports.compareValues=e.compareValues,exports.createArrayContext=e.createArrayContext,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createContext=e.createContext,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.createTestArrayContext=e.createTestArrayContext,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem;
 //# sourceMappingURL=store.cjs.map

package/dist/store.js

@@ -1,5 +1,5 @@
 import { B as r, I as t, L as s, M as c, S as o, a as l, b as S, d as i, c as n } from "./context-object-CDDP4bTk.js";
-import { p as g, a as y, v as M, G as p, c as d, E as I, z as f, C as x, B as A, x as C, w as b, y as u, D as B, F, u as h, A as j, b as D, r as E, d as O, q as z, f as L, g as N, i as V, j as k, k as q, l as v, o as w, h as G, n as K, m as P, e as T, s as H, t as J } from "./selector-hook-BvXML7_4.js";
+import { p as g, a as y, v as M, G as p, c as d, E as I, z as f, C as x, B as A, x as C, w as b, y as u, D as B, F, u as h, A as j, b as D, r as E, d as O, q as z, f as L, g as N, i as V, j as k, k as q, l as v, o as w, h as G, n as K, m as P, e as T, s as H, t as J } from "./selector-hook-DPe2CGKx.js";
 export {
   r as BaseStore,
   t as IndexedDBStorageManager,

package/dist/teleport.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-CQceYbCt.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-D1ojwes6.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
 //# sourceMappingURL=teleport.cjs.map

package/dist/teleport.js

@@ -1,4 +1,4 @@
-import { H as o, p as t, W as a, t as p } from "./avatar-CPbVhMW7.js";
+import { H as o, p as t, W as a, t as p } from "./avatar-DzJUPJtZ.js";
 export {
   o as HereMorty,
   t as SchmancyTeleportation,

package/dist/theme.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./sheet.service-B5sh8d0k.cjs"),m=require("./theme.interface-Xg5Zi46a.cjs");Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.ThemeHereIAm=e.ThemeHereIAm,exports.ThemeWhereAreYou=e.ThemeWhereAreYou,exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.SchmancyTheme=m.SchmancyTheme;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./sheet.service-D_jE8pUg.cjs"),m=require("./theme.interface-Xg5Zi46a.cjs");Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>e.SchmancyThemeComponent}),exports.ThemeHereIAm=e.ThemeHereIAm,exports.ThemeWhereAreYou=e.ThemeWhereAreYou,exports.formateTheme=e.formateTheme,exports.tailwindStyles=e.tailwindStyles,exports.SchmancyTheme=m.SchmancyTheme;
 //# sourceMappingURL=theme.cjs.map

package/dist/theme.js

@@ -1,4 +1,4 @@
-import { d as a, c as h, T as o, f as r, t as s } from "./sheet.service-COPNmxwp.js";
+import { d as a, c as h, T as o, f as r, t as s } from "./sheet.service-CKznL-dB.js";
 import { S as T } from "./theme.interface-C5Kj6WjD.js";
 export {
   T as SchmancyTheme,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mhmo91/schmancy",
-	"version": "0.4.21",
+	"version": "0.4.23",
 	"description": "UI library build with web components",
 	"main": "./dist/index.js",
 	"packageManager": "yarn@4.9.2",

package/types/mixins/index.d.ts

@@ -2,3 +2,4 @@ export * from './baseElement';
 export * from './constructor';
 export * from './litElement.mixin';
 export * from './tailwind.mixin';
+export * from './formField.mixin';

package/types/src/busy/spinner.d.ts

@@ -2,6 +2,7 @@ declare const SchmnacySpinner_base: import("@mixins/index").Constructor<CustomEl
 export default class SchmnacySpinner extends SchmnacySpinner_base {
     color: string;
     size: string;
+    glass: boolean;
     protected render(): unknown;
 }
 declare global {

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

@@ -1,14 +1,14 @@
-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>;
+declare const SchmancyCardAction_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>;
 /**
  * @element schmancy-card-action
  * @slot - The content of the action
  */
-export default class SchmancyCardMedia extends SchmancyCardMedia_base {
+export default class SchmancyCardAction extends SchmancyCardAction_base {
     protected render(): unknown;
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'schmancy-card-action': SchmancyCardMedia;
+        'schmancy-card-action': SchmancyCardAction;
     }
 }
 export {};

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

@@ -1,9 +1,6 @@
 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>;
 /**
  * @element schmancy-card-content
- * @slot headline
- * @slot subhead
- * @slot default - The content of the card
  */
 export default class SchmancyCardContent extends SchmancyCardContent_base {
     protected render(): unknown;

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

@@ -5,6 +5,7 @@ declare const SchmancyCardMedia_base: import("@mixins/index").Constructor<Custom
 export default class SchmancyCardMedia extends SchmancyCardMedia_base {
     src: string;
     fit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+    alt: string;
     protected render(): unknown;
 }
 declare global {

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

@@ -1,7 +1,7 @@
 import '@material/web/chips/chip-set.js';
 import '@material/web/chips/filter-chip.js';
 import { LitElement } from 'lit';
-declare const SchmancyChip_base: CustomElementConstructor & import("@mixins/index").Constructor<LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+declare const SchmancyChip_base: import("../../mixins").Constructor<CustomElementConstructor> & import("../../mixins").Constructor<import("@mixins/tailwind.mixin").ITailwindElementMixin> & import("../../mixins").Constructor<LitElement> & import("../../mixins").Constructor<import("../../mixins").IBaseMixin>;
 export default class SchmancyChip extends SchmancyChip_base {
     value: string;
     selected: boolean;

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

@@ -10,7 +10,7 @@ export default class SchmancyChips extends SchmancyChips_base {
     values: string[];
     value: string;
     chips: SchmancyChip[];
-    wrap: 'wrap' | 'nowrap';
+    wrap: boolean;
     change(e: CustomEvent<SchmancyChipChangeEvent>): Promise<void>;
     protected firstUpdated(_changedProperties: PropertyValues): void;
     attributeChangedCallback(name: string, old: string, value: string): void;

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

@@ -0,0 +1,28 @@
+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
+ *
+ * @element schmancy-date-range-dialog
+ */
+export declare class SchmancyDateRangeDialog extends SchmancyDateRangeDialog_base {
+    type: 'date' | 'datetime-local';
+    dateFrom: {
+        label: string;
+        value: string;
+    };
+    dateTo: {
+        label: string;
+        value: string;
+    };
+    minDate?: string;
+    maxDate?: string;
+    activePreset: string | null;
+    presetCategories: PresetCategory[];
+    private handleFromDateChange;
+    private handleToDateChange;
+    private handlePresetSelection;
+    private applyManualDateSelection;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,27 @@
+import dayjs from 'dayjs';
+import { PresetUnit } from './date-range-presets';
+/**
+ * Format a date range into a human-readable string
+ */
+export declare function formatDateRange(fromValue: string, toValue: string, type: 'date' | 'datetime-local', placeholder: string): string;
+/**
+ * Detect the type of date range (full month, full quarter, etc.)
+ */
+export interface DateRangeType {
+    isFullMonth: boolean;
+    isFullQuarter: boolean;
+    isFullYear: boolean;
+    isFullWeek: boolean;
+}
+export declare function detectDateRangeType(fromDate: dayjs.Dayjs, toDate: dayjs.Dayjs): DateRangeType;
+/**
+ * Calculate the appropriate shift unit and amount for a date range
+ */
+export declare function calculateShiftParams(fromDate: dayjs.Dayjs, toDate: dayjs.Dayjs, activePresetStep?: PresetUnit): {
+    unit: PresetUnit;
+    amount: number;
+};
+/**
+ * Helper method to safely add/subtract quarter values
+ */
+export declare function adjustQuarter(date: dayjs.Dayjs, amount: number, direction: 1 | -1): dayjs.Dayjs;

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

@@ -0,0 +1,18 @@
+import dayjs from 'dayjs';
+export type PresetUnit = dayjs.OpUnitType | 'quarter';
+export interface DateRangePreset {
+    label: string;
+    range: {
+        dateFrom: string;
+        dateTo: string;
+    };
+    step: PresetUnit;
+}
+export interface PresetCategory {
+    name: string;
+    presets: DateRangePreset[];
+}
+/**
+ * Generate date range presets for different time periods
+ */
+export declare function generatePresetCategories(format: string, includeTime?: boolean): PresetCategory[];

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

@@ -1,4 +1,5 @@
 import { PropertyValues } from 'lit';
+import './date-range-dialog';
 export type SchmancyDateRangeChangeEvent = CustomEvent<{
     dateFrom: string;
     dateTo: string;
@@ -32,17 +33,13 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
     required: boolean;
     placeholder: string;
     clearable: boolean;
-    allowDirectInput: boolean;
     private isOpen;
     private selectedDateRange;
     private activePreset;
     private announceMessage;
     private isMobile;
-    private isTyping;
-    private typedValue;
     private presetRanges;
     private presetCategories;
-    private inputRef;
     private memoizedPresets;
     connectedCallback(): void;
     private setupEventHandlers;
@@ -55,17 +52,11 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
      */
     private updateSelectedDateRange;
     private setDateRange;
-    private handlePresetSelection;
     private toggleDropdown;
     private openDropdown;
     private closeDropdown;
-    /**
-     * Helper method to safely add/subtract quarter values
-     */
-    private adjustQuarter;
     /**
      * Shifts the date range based on its type (preset or custom)
-     * Enhanced to properly handle various time units and preserve date patterns
      */
     private shiftDateRange;
     /**
@@ -77,27 +68,10 @@ export declare class SchmancyDateRange extends SchmancyDateRange_base {
      * and updates the activePreset accordingly
      */
     private checkAndUpdateActivePreset;
-    private applyManualDateSelection;
     /**
      * Check if view is mobile
      */
     private checkMobileView;
-    /**
-     * Handle direct text input
-     */
-    private handleDirectInput;
-    /**
-     * Parse typed date range
-     */
-    private parseTypedDateRange;
-    /**
-     * Handle input blur to parse typed dates
-     */
-    private handleInputBlur;
-    /**
-     * Create dialog content
-     */
-    private createDialogContent;
     /**
      * Announce messages to screen readers
      */

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

@@ -0,0 +1,111 @@
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-date-range-inline': SchmancyDateRangeInline;
+    }
+}
+export type SchmancyDateRangeInlineChangeEvent = CustomEvent<{
+    dateFrom: string;
+    dateTo: string;
+    isValid: boolean;
+}>;
+declare const SchmancyDateRangeInline_base: import("@mixins/index").Constructor<import("@mixins/index").IFormFieldMixin> & import("@mixins/index").Constructor<import("@mixins/index").ITailwindElementMixin> & import("@mixins/index").Constructor<import("lit").LitElement> & import("@mixins/index").Constructor<import("@mixins/index").IBaseMixin>;
+/**
+ * Smart inline date range picker that handles all the heavy lifting.
+ * Auto-corrects invalid ranges, provides smart defaults, and validates dates.
+ */
+export default class SchmancyDateRangeInline extends SchmancyDateRangeInline_base {
+    /**
+     * Input type - 'date' or 'datetime-local'
+     */
+    type: 'date' | 'datetime-local';
+    /**
+     * From date configuration
+     */
+    dateFrom: {
+        label: string;
+        value: string;
+    };
+    /**
+     * To date configuration
+     */
+    dateTo: {
+        label: string;
+        value: string;
+    };
+    /**
+     * Minimum allowed date
+     */
+    minDate?: string;
+    /**
+     * Maximum allowed date
+     */
+    maxDate?: string;
+    /**
+     * Compact mode for smaller UI
+     */
+    compact: boolean;
+    /**
+     * Auto-correct invalid date ranges
+     */
+    autoCorrect: boolean;
+    /**
+     * Minimum gap between dates (in days)
+     */
+    minGap: number;
+    /**
+     * Maximum gap between dates (in days)
+     */
+    maxGap?: number;
+    /**
+     * Default gap when auto-setting dates (in days)
+     */
+    defaultGap: number;
+    /**
+     * Whether to allow same date selection
+     */
+    allowSameDate: boolean;
+    /**
+     * Internal validation state
+     */
+    private validationState;
+    connectedCallback(): void;
+    /**
+     * Set smart default dates based on context
+     */
+    private setSmartDefaults;
+    /**
+     * Format date to required string format
+     */
+    private formatDate;
+    /**
+     * Parse date string to Date object
+     */
+    private parseDate;
+    /**
+     * Calculate days between two dates
+     */
+    private getDaysBetween;
+    /**
+     * Handle from date change with validation and auto-correction
+     */
+    private handleDateFromChange;
+    /**
+     * Handle to date change with validation and auto-correction
+     */
+    private handleDateToChange;
+    /**
+     * Validate dates and auto-correct if enabled
+     */
+    private validateAndCorrect;
+    /**
+     * Get computed min date for the "to" field based on "from" value
+     */
+    private getComputedMinDateTo;
+    /**
+     * Get computed max date for the "from" field based on "to" value
+     */
+    private getComputedMaxDateFrom;
+    emitChange(): void;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+export {};

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

@@ -0,0 +1,2 @@
+export { default as SchmancyDateRangeInline } from './date-range-inline';
+export type { SchmancyDateRangeInlineChangeEvent } from './date-range-inline';

package/types/src/index.d.ts

@@ -13,6 +13,7 @@ export * from './code-highlight';
 export * from './components';
 export * from './content-drawer';
 export * from './date-range';
+export * from './date-range-inline';
 export * from './delay';
 export * from './dialog';
 export * from './directives';
@@ -28,6 +29,7 @@ export * from './menu';
 export * from './nav-drawer';
 export * from './notification';
 export * from './option';
+export * from './progress';
 export * from './radio-group';
 export * from './rxjs-utils';
 export * from './select';

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

@@ -1,2 +1,2 @@
-export * from './input-v2';
-export * from './input';
+export { default as SchmancyInputV2, type InputSize, type SchmancyInputChangeEventV2 } from './input-v2';
+export { default as SchmancyInput, type SchmancyInputChangeEvent } from './input';

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

@@ -16,35 +16,33 @@ type EventDetails = {
 export type SchmancyInputInputEvent = CustomEvent<EventDetails>;
 export type SchmancyInputChangeEvent = CustomEvent<EventDetails>;
 export type SchmancyInputEnterEvent = CustomEvent<EventDetails>;
-declare const SchmancyInput_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>;
+/**
+ * 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 SchmancyInput_base: import("@mixins/index").Constructor<import("@mixins/index").IFormFieldMixin> & 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 SchmancyInput extends SchmancyInput_base {
-    /** If user does NOT set `id`, we'll autogenerate one. */
+    /** 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;
+    /** Override value to be string only for input element */
+    value: 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. */
@@ -70,47 +68,133 @@ export default class SchmancyInput extends SchmancyInput_base {
      */
     tabIndex: number;
     /**
-     * A small hint text or error message to display under the input.
+     * The size of the input.
+     * - 'sm': Small, compact size
+     * - 'md': Medium size (default)
+     * - 'lg': Large size
      */
-    hint?: string;
+    size: InputSize;
     /**
-     * If true, we style the input as an error state, and possibly display
-     * the hint as an error message.
+     * 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
      */
-    error: boolean;
+    validateOn: 'always' | 'touched' | 'dirty' | 'submitted';
+    /**
+     * For datalist support
+     */
+    list?: string;
     private inputElement;
     private inputRef;
-    static formAssociated: boolean;
+    /**
+     * 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;
     protected static shadowRootOptions: {
         delegatesFocus: boolean;
         mode: ShadowRootMode;
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
-    private internals?;
-    constructor();
+    private formResetObserver?;
     /**
      * 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;
     /**
-     * Native form methods:
-     * - checkValidity()
-     * - reportValidity()
-     * - setCustomValidity()
+     * 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;
+    /**
+     * 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.

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

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

package/types/src/progress/progress.d.ts

@@ -0,0 +1,17 @@
+declare const SchmancyProgress_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 SchmancyProgress extends SchmancyProgress_base {
+    value: number;
+    max: number;
+    indeterminate: boolean;
+    size: 'sm' | 'md' | 'lg';
+    color: 'primary' | 'secondary' | 'tertiary' | 'error' | 'success';
+    glass: boolean;
+    private get percentage();
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'schmancy-progress': SchmancyProgress;
+    }
+}
+export {};

package/types/src/radio-group/radio-button.d.ts

@@ -1,4 +1,4 @@
-declare const RadioButton_base: import("@mixins/index").Constructor<import("../../mixins/formField.mixin").IFormFieldMixin> & 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>;
+declare const RadioButton_base: import("@mixins/index").Constructor<import("@mixins/index").IFormFieldMixin> & 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 RadioButton extends RadioButton_base {
     value: string;
     checked: boolean;