@phcdevworks/spectre-components 0.0.1 → 1.1.0

package/dist/input.d.cts

@@ -1,50 +1,42 @@
 import * as lit_html from 'lit-html';
-import { LitElement } from 'lit';
+import { S as SpectreBaseElement } from './base-2rD8EmdC.cjs';
+import { S as SpectreInputSize, a as SpectreInputType } from './form-iI7vV-3W.cjs';
+export { s as spectreInputSizes, b as spectreInputTypes } from './form-iI7vV-3W.cjs';
+import 'lit';
 
-declare const spectreInputTypes: readonly ["text", "email", "password", "search", "tel", "url", "number", "date", "datetime-local", "month", "time", "week"];
-declare const spectreInputSizes: readonly ["sm", "md", "lg"];
-type SpectreInputType = (typeof spectreInputTypes)[number];
-type SpectreInputSize = (typeof spectreInputSizes)[number];
 interface SpectreInputProps {
-    autocomplete?: string;
-    autofocus?: boolean;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    inputmode?: string;
-    invalid?: boolean;
-    loading?: boolean;
-    max?: string;
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+    autocomplete?: string | undefined;
+    autofocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    form?: string | undefined;
+    fullWidth?: boolean | undefined;
+    inputmode?: string | undefined;
+    invalid?: boolean | undefined;
+    loading?: boolean | undefined;
+    max?: string | undefined;
     maxlength?: number | undefined;
-    min?: string;
+    min?: string | undefined;
     minlength?: number | undefined;
-    name?: string;
-    pill?: boolean;
-    placeholder?: string;
-    readonly?: boolean;
-    required?: boolean;
-    size?: SpectreInputSize;
-    step?: string;
-    success?: boolean;
-    title?: string;
-    type?: SpectreInputType;
-    value?: string;
+    name?: string | undefined;
+    pill?: boolean | undefined;
+    placeholder?: string | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    size?: SpectreInputSize | undefined;
+    step?: string | undefined;
+    success?: boolean | undefined;
+    title?: string | undefined;
+    type?: SpectreInputType | undefined;
+    value?: string | undefined;
 }
-declare class SpectreInputElement extends LitElement implements SpectreInputProps {
+declare class SpectreInputElement extends SpectreBaseElement implements SpectreInputProps {
     static properties: {
-        ariaLabel: {
-            attribute: string;
-            type: StringConstructor;
-        };
-        ariaLabelledBy: {
-            attribute: string;
-            type: StringConstructor;
-        };
-        ariaDescribedBy: {
-            attribute: string;
-            type: StringConstructor;
-        };
         autocomplete: {
             type: StringConstructor;
+            reflect: boolean;
         };
         autofocus: {
             type: BooleanConstructor;
@@ -54,6 +46,9 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
             type: BooleanConstructor;
             reflect: boolean;
         };
+        form: {
+            type: StringConstructor;
+        };
         fullWidth: {
             attribute: string;
             type: BooleanConstructor;
@@ -61,6 +56,7 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
         };
         inputmode: {
             type: StringConstructor;
+            reflect: boolean;
         };
         invalid: {
             type: BooleanConstructor;
@@ -72,18 +68,23 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
         };
         max: {
             type: StringConstructor;
+            reflect: boolean;
         };
         maxlength: {
             type: NumberConstructor;
+            reflect: boolean;
         };
         min: {
             type: StringConstructor;
+            reflect: boolean;
         };
         minlength: {
             type: NumberConstructor;
+            reflect: boolean;
         };
         name: {
             type: StringConstructor;
+            reflect: boolean;
         };
         pill: {
             type: BooleanConstructor;
@@ -91,6 +92,7 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
         };
         placeholder: {
             type: StringConstructor;
+            reflect: boolean;
         };
         readonly: {
             type: BooleanConstructor;
@@ -106,15 +108,12 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
         };
         step: {
             type: StringConstructor;
+            reflect: boolean;
         };
         success: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        title: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
         type: {
             type: StringConstructor;
             reflect: boolean;
@@ -123,47 +122,32 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
             type: StringConstructor;
         };
     };
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
-    autocomplete?: string;
+    autocomplete: string | undefined;
     autofocus: boolean;
     disabled: boolean;
+    form: string | undefined;
     fullWidth: boolean;
-    inputmode?: string;
+    inputmode: string | undefined;
     invalid: boolean;
     loading: boolean;
-    max?: string;
-    maxlength?: number | undefined;
-    min?: string;
-    minlength?: number | undefined;
-    name?: string;
+    max: string | undefined;
+    maxlength: number | undefined;
+    min: string | undefined;
+    minlength: number | undefined;
+    name: string | undefined;
     pill: boolean;
-    placeholder?: string;
+    placeholder: string | undefined;
     readonly: boolean;
     required: boolean;
     size: SpectreInputSize;
-    step?: string;
+    step: string | undefined;
     success: boolean;
-    title: string;
     type: SpectreInputType;
     value: string;
-    private _id?;
-    get id(): string;
-    set id(value: string);
-    createRenderRoot(): this;
-    connectedCallback(): void;
-    getAttribute(qualifiedName: string): string | null;
-    hasAttribute(qualifiedName: string): boolean;
-    setAttribute(qualifiedName: string, value: string): void;
-    removeAttribute(qualifiedName: string): void;
     protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
     private get inputClasses();
     private get isDisabled();
     private get nativeInput();
-    private get forwardedAriaLabel();
-    private get forwardedAriaLabelledBy();
-    private get forwardedAriaDescribedBy();
     private handleInput;
     private handleChange;
     focus(options?: FocusOptions): void;
@@ -172,4 +156,4 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
 }
 declare function defineSpectreInput(tagName?: string): typeof SpectreInputElement;
 
-export { SpectreInputElement, type SpectreInputProps, type SpectreInputSize, type SpectreInputType, defineSpectreInput, spectreInputSizes, spectreInputTypes };
+export { SpectreInputElement, type SpectreInputProps, SpectreInputSize, SpectreInputType, defineSpectreInput };

package/dist/input.d.ts

@@ -1,50 +1,42 @@
 import * as lit_html from 'lit-html';
-import { LitElement } from 'lit';
+import { S as SpectreBaseElement } from './base-2rD8EmdC.js';
+import { S as SpectreInputSize, a as SpectreInputType } from './form-iI7vV-3W.js';
+export { s as spectreInputSizes, b as spectreInputTypes } from './form-iI7vV-3W.js';
+import 'lit';
 
-declare const spectreInputTypes: readonly ["text", "email", "password", "search", "tel", "url", "number", "date", "datetime-local", "month", "time", "week"];
-declare const spectreInputSizes: readonly ["sm", "md", "lg"];
-type SpectreInputType = (typeof spectreInputTypes)[number];
-type SpectreInputSize = (typeof spectreInputSizes)[number];
 interface SpectreInputProps {
-    autocomplete?: string;
-    autofocus?: boolean;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    inputmode?: string;
-    invalid?: boolean;
-    loading?: boolean;
-    max?: string;
+    ariaLabel: string | null;
+    ariaLabelledBy: string | null;
+    ariaDescribedBy: string | null;
+    autocomplete?: string | undefined;
+    autofocus?: boolean | undefined;
+    disabled?: boolean | undefined;
+    form?: string | undefined;
+    fullWidth?: boolean | undefined;
+    inputmode?: string | undefined;
+    invalid?: boolean | undefined;
+    loading?: boolean | undefined;
+    max?: string | undefined;
     maxlength?: number | undefined;
-    min?: string;
+    min?: string | undefined;
     minlength?: number | undefined;
-    name?: string;
-    pill?: boolean;
-    placeholder?: string;
-    readonly?: boolean;
-    required?: boolean;
-    size?: SpectreInputSize;
-    step?: string;
-    success?: boolean;
-    title?: string;
-    type?: SpectreInputType;
-    value?: string;
+    name?: string | undefined;
+    pill?: boolean | undefined;
+    placeholder?: string | undefined;
+    readonly?: boolean | undefined;
+    required?: boolean | undefined;
+    size?: SpectreInputSize | undefined;
+    step?: string | undefined;
+    success?: boolean | undefined;
+    title?: string | undefined;
+    type?: SpectreInputType | undefined;
+    value?: string | undefined;
 }
-declare class SpectreInputElement extends LitElement implements SpectreInputProps {
+declare class SpectreInputElement extends SpectreBaseElement implements SpectreInputProps {
     static properties: {
-        ariaLabel: {
-            attribute: string;
-            type: StringConstructor;
-        };
-        ariaLabelledBy: {
-            attribute: string;
-            type: StringConstructor;
-        };
-        ariaDescribedBy: {
-            attribute: string;
-            type: StringConstructor;
-        };
         autocomplete: {
             type: StringConstructor;
+            reflect: boolean;
         };
         autofocus: {
             type: BooleanConstructor;
@@ -54,6 +46,9 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
             type: BooleanConstructor;
             reflect: boolean;
         };
+        form: {
+            type: StringConstructor;
+        };
         fullWidth: {
             attribute: string;
             type: BooleanConstructor;
@@ -61,6 +56,7 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
         };
         inputmode: {
             type: StringConstructor;
+            reflect: boolean;
         };
         invalid: {
             type: BooleanConstructor;
@@ -72,18 +68,23 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
         };
         max: {
             type: StringConstructor;
+            reflect: boolean;
         };
         maxlength: {
             type: NumberConstructor;
+            reflect: boolean;
         };
         min: {
             type: StringConstructor;
+            reflect: boolean;
         };
         minlength: {
             type: NumberConstructor;
+            reflect: boolean;
         };
         name: {
             type: StringConstructor;
+            reflect: boolean;
         };
         pill: {
             type: BooleanConstructor;
@@ -91,6 +92,7 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
         };
         placeholder: {
             type: StringConstructor;
+            reflect: boolean;
         };
         readonly: {
             type: BooleanConstructor;
@@ -106,15 +108,12 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
         };
         step: {
             type: StringConstructor;
+            reflect: boolean;
         };
         success: {
             type: BooleanConstructor;
             reflect: boolean;
         };
-        title: {
-            type: StringConstructor;
-            reflect: boolean;
-        };
         type: {
             type: StringConstructor;
             reflect: boolean;
@@ -123,47 +122,32 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
             type: StringConstructor;
         };
     };
-    ariaLabel: string | null;
-    ariaLabelledBy: string | null;
-    ariaDescribedBy: string | null;
-    autocomplete?: string;
+    autocomplete: string | undefined;
     autofocus: boolean;
     disabled: boolean;
+    form: string | undefined;
     fullWidth: boolean;
-    inputmode?: string;
+    inputmode: string | undefined;
     invalid: boolean;
     loading: boolean;
-    max?: string;
-    maxlength?: number | undefined;
-    min?: string;
-    minlength?: number | undefined;
-    name?: string;
+    max: string | undefined;
+    maxlength: number | undefined;
+    min: string | undefined;
+    minlength: number | undefined;
+    name: string | undefined;
     pill: boolean;
-    placeholder?: string;
+    placeholder: string | undefined;
     readonly: boolean;
     required: boolean;
     size: SpectreInputSize;
-    step?: string;
+    step: string | undefined;
     success: boolean;
-    title: string;
     type: SpectreInputType;
     value: string;
-    private _id?;
-    get id(): string;
-    set id(value: string);
-    createRenderRoot(): this;
-    connectedCallback(): void;
-    getAttribute(qualifiedName: string): string | null;
-    hasAttribute(qualifiedName: string): boolean;
-    setAttribute(qualifiedName: string, value: string): void;
-    removeAttribute(qualifiedName: string): void;
     protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
     private get inputClasses();
     private get isDisabled();
     private get nativeInput();
-    private get forwardedAriaLabel();
-    private get forwardedAriaLabelledBy();
-    private get forwardedAriaDescribedBy();
     private handleInput;
     private handleChange;
     focus(options?: FocusOptions): void;
@@ -172,4 +156,4 @@ declare class SpectreInputElement extends LitElement implements SpectreInputProp
 }
 declare function defineSpectreInput(tagName?: string): typeof SpectreInputElement;
 
-export { SpectreInputElement, type SpectreInputProps, type SpectreInputSize, type SpectreInputType, defineSpectreInput, spectreInputSizes, spectreInputTypes };
+export { SpectreInputElement, type SpectreInputProps, SpectreInputSize, SpectreInputType, defineSpectreInput };