@pontive/pontkit-core 1.0.0

package/dist/components/renderers/auth/field/_password-field.d.ts

@@ -0,0 +1,230 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { PasswordFieldAutocomplete, PasswordFieldPart, PasswordFieldRule, PasswordFieldRuleName, PasswordFieldValidation, PasswordFieldVariant, PontPasswordFieldProps as Props } from './field.types';
+/**
+ * Self-validating password input field for use in auth widget forms.
+ *
+ * @part password-field - pont-field: root
+ * @part password-field-label - pont-field-label
+ * @part password-field-mark - span: decorative marker text/caret in label
+ * @part password-field-forgot - pont-button: forgot password button
+ * @part password-field-description - pont-field-description
+ * @part password-field-input - pont-input/pont-password-input
+ * @part password-field-error - pont-field-error: inline validation error message
+ *
+ * @event pont-password-field:validate - Fired when validation runs, on form submit or via the public `validate()` method.
+ *  Detail: `{ id: string; inputId: string; name: string; value: string; valid: boolean; type: PasswordFieldValidateType; message: string }`
+ *    - type: `"success" | "required" | "minlength" | "maxlength" | "format"`
+ * @event pont-password-field:forgot-click - Fired when the forgot button is clicked, before the auth call.
+ *  Detail: `{ id: string; forgotId: string; event?: string }`
+ *    - `event` is the `forgotEvent` prop
+ * @event pont-password-field:forgot-success - Fired after the auth call resolves successfully.
+ *  Detail: `{ id: string; forgotId: string; event: string; result: ProcessEventResponse }`
+ * @event pont-password-field:forgot-error - Fired when the auth call fails.
+ *  Detail: `{ id: string; forgotId: string; event: string; message: string }`
+ */
+export declare class PontPasswordField extends LitElement implements Props {
+    static readonly ROOT = "password-field";
+    static readonly LABEL = "label";
+    static readonly MARK = "mark";
+    static readonly FORGOT = "forgot";
+    static readonly DESCRIPTION = "description";
+    static readonly INPUT = "input";
+    static readonly ERROR = "error";
+    static readonly TAG: string;
+    static readonly VALIDATE_EVENT: string;
+    static readonly FORGOT_CLICK_EVENT: string;
+    static readonly FORGOT_SUCCESS_EVENT: string;
+    static readonly FORGOT_ERROR_EVENT: string;
+    static readonly PARTS: Record<PasswordFieldPart, string>;
+    static readonly INPUT_SELECTORS: string;
+    static readonly RULE_PATTERNS: Record<PasswordFieldRuleName, RegExp>;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * ID given to the input part, forwarded to its inner input element.
+     */
+    private _inputId?;
+    private get _defaultInputId();
+    get inputId(): string;
+    set inputId(value: string | null | undefined);
+    /**
+     * HTML `name` attribute forwarded to the inner input, used as the form data
+     * key on submission.
+     */
+    private _name;
+    get name(): string;
+    set name(value: string);
+    /**
+     * Pre-fills the input until the user types and their input takes over.
+     * Resetting the form restores this value.
+     */
+    defaultValue?: string;
+    /**
+     * Text used in the label part of the field.
+     */
+    private _label;
+    get label(): string;
+    set label(value: string);
+    /**
+     * Placeholder text shown inside the input when empty.
+     */
+    placeholder?: string;
+    /**
+     * Text used in the description part of the field.
+     */
+    description?: string;
+    /**
+     * Controls the variation of input element rendered.
+     * When `"toggle"`, a toggleable input with a hide/show button is rendered.
+     */
+    variant: PasswordFieldVariant;
+    /**
+     * Custom text used in the mark part of the field label.
+     */
+    mark?: string;
+    /**
+     * When provided with `required`, the mark part is rendered with an asterisk.
+     * Has no effect if a custom `mark` text is provided.
+     */
+    caret?: boolean;
+    /**
+     * HTML `autocomplete` hint forwarded to the inner input element.
+     */
+    autocomplete?: PasswordFieldAutocomplete;
+    /**
+     * Disables the field, forgot button, and inner input, preventing interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Marks the field as required: validation fails if field is empty.
+     */
+    required?: boolean;
+    /**
+     * Minimum number of characters required for a valid password.
+     */
+    private _minlength?;
+    get minlength(): number | undefined;
+    set minlength(value: number | undefined);
+    /**
+     * Maximum number of characters accepted for a valid password.
+     */
+    private _maxlength?;
+    get maxlength(): number | undefined;
+    set maxlength(value: number | undefined);
+    /**
+     * Format rules evaluated against the password during validation.
+     * Each rule specifies either a predefined `name` mapped to a built-in regex
+     * or a custom regex `pattern`, and an optional rule-specific `error` message.
+     */
+    rules: PasswordFieldRule[];
+    /**
+     * Controls validation depth, only enforcing the required check if `"simple"`.
+     */
+    validation: PasswordFieldValidation;
+    /**
+     * Error message used when the field is required but empty.
+     */
+    private _requiredError?;
+    private get _defaultRequiredError();
+    get requiredError(): string;
+    set requiredError(value: string | null | undefined);
+    /**
+     * Error message used when the field is shorter than `minlength`.
+     */
+    private _minlengthError?;
+    private get _defaultMinlengthError();
+    get minlengthError(): string;
+    set minlengthError(value: string | null | undefined);
+    /**
+     * Error message used when the field is longer than `maxlength`.
+     */
+    private _maxlengthError?;
+    private get _defaultMaxlengthError();
+    get maxlengthError(): string;
+    set maxlengthError(value: string | null | undefined);
+    /**
+     * Fallback error message used when field does not satisfy password format
+     * rules and the unmet rules have not specified an `error` message.
+     */
+    private _formatError?;
+    private get _defaultFormatError();
+    get formatError(): string;
+    set formatError(value: string | null | undefined);
+    /**
+     * Whether the forgot part button is rendered.
+     */
+    forgot?: boolean;
+    /**
+     * Text used as the label of the forgot part button.
+     */
+    private _forgotLabel;
+    get forgotLabel(): string;
+    set forgotLabel(value: string);
+    /**
+     * Event identifier forwarded to the auth service on click of the forgot part.
+     * When omitted, only the custom forgot click event is dispatched.
+     */
+    forgotEvent?: string;
+    /**
+     * Tracks whether the field is currently in an invalid state.
+     */
+    private _invalid;
+    /**
+     * Error message(s) displayed in the error part when the field is invalid.
+     */
+    private _errors;
+    /**
+     * Raw value of the password field input, synced on each input event.
+     */
+    private _value;
+    /**
+     * Indicates that the forgot button is dispatching or emitting an event.
+     */
+    private _loading;
+    /**
+     * Gates whether `defaultValue` or `_value` is authoritative for `this.value`.
+     * True once the user has typed into the input.
+     */
+    private _dirty;
+    /**
+     * Reference to the nearest `<form>` ancestor.
+     */
+    private _form;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    get labelId(): string;
+    get markId(): string;
+    get forgotId(): string;
+    get descriptionId(): string;
+    get errorId(): string;
+    /**
+     * Normalized value of the password field input.
+     */
+    get value(): string;
+    get isDisabled(): boolean;
+    updated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Triggers validation and returns `true` if the current value is valid,
+     * `false` otherwise.
+     */
+    validate(): boolean;
+    private _dispatchValidate;
+    private _onValidateSuccess;
+    private _onValidateError;
+    private _validate;
+    private _handleInput;
+    private _handleFormSubmit;
+    private _handleFormReset;
+    private _handleForgotClick;
+    private _renderMark;
+    private _renderForgot;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/field/_phone-field.d.ts

@@ -0,0 +1,160 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { PhoneFieldAutocomplete, PhoneFieldPart, PhoneFieldValidation, PontPhoneFieldProps as Props } from './field.types';
+/**
+ * Self-validating phone input field for use in auth widget forms.
+ *
+ * @part phone-field - pont-field: root
+ * @part phone-field-label - pont-field-label
+ * @part phone-field-mark - span: decorative marker text/caret in label
+ * @part phone-field-description - pont-field-description
+ * @part phone-field-input - pont-input
+ * @part phone-field-error - pont-field-error: inline validation error message
+ *
+ * @event pont-phone-field:validate - Fired when validation runs, on form submit or via the public `validate()` method.
+ *  Detail: `{ id: string; inputId: string; name: string; value: string; valid: boolean; type: PhoneFieldValidateType; message: string }`
+ *    - type: `"success" | "required" | "format"`
+ */
+export declare class PontPhoneField extends LitElement implements Props {
+    static readonly ROOT = "phone-field";
+    static readonly LABEL = "label";
+    static readonly MARK = "mark";
+    static readonly DESCRIPTION = "description";
+    static readonly INPUT = "input";
+    static readonly ERROR = "error";
+    static readonly TAG: string;
+    static readonly VALIDATE_EVENT: string;
+    static readonly PARTS: Record<PhoneFieldPart, string>;
+    static readonly INPUT_SELECTORS: string;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * ID given to the input part, forwarded to its inner input element.
+     */
+    private _inputId?;
+    private get _defaultInputId();
+    get inputId(): string;
+    set inputId(value: string | null | undefined);
+    /**
+     * HTML `name` attribute forwarded to the inner input, used as the form data
+     * key on submission.
+     */
+    private _name;
+    get name(): string;
+    set name(value: string);
+    /**
+     * Pre-fills the input until the user types and their input takes over.
+     * Resetting the form restores this value.
+     */
+    defaultValue?: string;
+    /**
+     * Text used in the label part of the field.
+     */
+    private _label;
+    get label(): string;
+    set label(value: string);
+    /**
+     * Placeholder text shown inside the input when empty.
+     */
+    placeholder?: string;
+    /**
+     * Text used in the description part of the field.
+     */
+    description?: string;
+    /**
+     * Custom text used in the mark part of the field label.
+     */
+    mark?: string;
+    /**
+     * When provided with `required`, the mark part is rendered with an asterisk.
+     * Has no effect if a custom `mark` text is provided.
+     */
+    caret?: boolean;
+    /**
+     * HTML `autocomplete` hint forwarded to the inner input element.
+     */
+    autocomplete?: PhoneFieldAutocomplete;
+    /**
+     * Disables the field and its inner input element, preventing interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Marks the field as required: validation fails if field is empty.
+     */
+    required?: boolean;
+    /**
+     * Regex pattern used to validate the phone format.
+     */
+    pattern: string;
+    /**
+     * Controls validation depth, only enforcing the required check if `"simple"`.
+     */
+    validation: PhoneFieldValidation;
+    /**
+     * Error message used when the field is required but empty.
+     */
+    private _requiredError?;
+    private get _defaultRequiredError();
+    get requiredError(): string;
+    set requiredError(value: string | null | undefined);
+    /**
+     * Error message used when the field does not satisfy phone format rules.
+     */
+    private _formatError?;
+    private get _defaultFormatError();
+    get formatError(): string;
+    set formatError(value: string | null | undefined);
+    /**
+     * Tracks whether the field is currently in an invalid state.
+     */
+    private _invalid;
+    /**
+     * Error message displayed in the error part when the field is invalid.
+     */
+    private _error;
+    /**
+     * Raw value of the phone field input, synced on each input event.
+     */
+    private _value;
+    /**
+     * Gates whether `defaultValue` or `_value` is authoritative for `this.value`.
+     * True once the user has typed into the input.
+     */
+    private _dirty;
+    /**
+     * Reference to the nearest `<form>` ancestor.
+     */
+    private _form;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    get labelId(): string;
+    get markId(): string;
+    get descriptionId(): string;
+    get errorId(): string;
+    /**
+     * Normalized value of the phone field input.
+     */
+    get value(): string;
+    updated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Triggers validation and returns `true` if the current value is valid,
+     * `false` otherwise.
+     */
+    validate(): boolean;
+    private _dispatchValidate;
+    private _onValidateSuccess;
+    private _onValidateError;
+    private _validate;
+    private _handleInput;
+    private _handleFormSubmit;
+    private _handleFormReset;
+    private _renderMark;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/field/_username-field.d.ts

@@ -0,0 +1,186 @@
+import { LitElement, PropertyValues } from '../../../../../node_modules/lit';
+import { PontUsernameFieldProps as Props, UsernameFieldAutocomplete, UsernameFieldPart, UsernameFieldValidation } from './field.types';
+/**
+ * Self-validating username input field for use in auth widget forms.
+ *
+ * @part username-field - pont-field: root
+ * @part username-field-label - pont-field-label
+ * @part username-field-mark - span: decorative marker text/caret in label
+ * @part username-field-description - pont-field-description
+ * @part username-field-input - pont-input
+ * @part username-field-error - pont-field-error: inline validation error message
+ *
+ * @event pont-username-field:validate - Fired when validation runs, on form submit or via the public `validate()` method.
+ *  Detail: `{ id: string; inputId: string; name: string; value: string; valid: boolean; type: UsernameFieldValidateType; message: string }`
+ *    - type: `"success" | "required" | "minlength" | "maxlength" | "format"`
+ */
+export declare class PontUsernameField extends LitElement implements Props {
+    static readonly ROOT = "username-field";
+    static readonly LABEL = "label";
+    static readonly MARK = "mark";
+    static readonly DESCRIPTION = "description";
+    static readonly INPUT = "input";
+    static readonly ERROR = "error";
+    static readonly TAG: string;
+    static readonly VALIDATE_EVENT: string;
+    static readonly PARTS: Record<UsernameFieldPart, string>;
+    static readonly INPUT_SELECTORS: string;
+    /**
+     * Substring used in generated part IDs.
+     */
+    seed: string;
+    /**
+     * Custom ID used as the root part ID and as the base of subpart IDs.
+     */
+    customId?: string;
+    /**
+     * ID given to the input part, forwarded to its inner input element.
+     */
+    private _inputId?;
+    private get _defaultInputId();
+    get inputId(): string;
+    set inputId(value: string | null | undefined);
+    /**
+     * HTML `name` attribute forwarded to the inner input, used as the form data
+     * key on submission.
+     */
+    private _name;
+    get name(): string;
+    set name(value: string);
+    /**
+     * Pre-fills the input until the user types and their input takes over.
+     * Resetting the form restores this value.
+     */
+    defaultValue?: string;
+    /**
+     * Text used in the label part of the field.
+     */
+    private _label;
+    get label(): string;
+    set label(value: string);
+    /**
+     * Placeholder text shown inside the input when empty.
+     */
+    placeholder?: string;
+    /**
+     * Text used in the description part of the field.
+     */
+    description?: string;
+    /**
+     * Custom text used in the mark part of the field label.
+     */
+    mark?: string;
+    /**
+     * When provided with `required`, the mark part is rendered with an asterisk.
+     * Has no effect if a custom `mark` text is provided.
+     */
+    caret?: boolean;
+    /**
+     * HTML `autocomplete` hint forwarded to the inner input element.
+     */
+    autocomplete?: UsernameFieldAutocomplete;
+    /**
+     * Disables the field and its inner input element, preventing interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Marks the field as required: validation fails if field is empty.
+     */
+    required?: boolean;
+    /**
+     * Minimum number of characters required for a valid username.
+     */
+    private _minlength?;
+    get minlength(): number | undefined;
+    set minlength(value: number | undefined);
+    /**
+     * Maximum number of characters accepted for a valid username.
+     */
+    private _maxlength?;
+    get maxlength(): number | undefined;
+    set maxlength(value: number | undefined);
+    /**
+     * Regex pattern used to validate the username format.
+     */
+    pattern: string;
+    /**
+     * Controls validation depth, only enforcing the required check if `"simple"`.
+     */
+    validation: UsernameFieldValidation;
+    /**
+     * Error message used when the field is required but empty.
+     */
+    private _requiredError?;
+    private get _defaultRequiredError();
+    get requiredError(): string;
+    set requiredError(value: string | null | undefined);
+    /**
+     * Error message used when the field is shorter than `minlength`.
+     */
+    private _minlengthError?;
+    private get _defaultMinlengthError();
+    get minlengthError(): string;
+    set minlengthError(value: string | null | undefined);
+    /**
+     * Error message used when the field is longer than `maxlength`.
+     */
+    private _maxlengthError?;
+    private get _defaultMaxlengthError();
+    get maxlengthError(): string;
+    set maxlengthError(value: string | null | undefined);
+    /**
+     * Error message used when the field does not satisfy username format rules.
+     */
+    private _formatError?;
+    private get _defaultFormatError();
+    get formatError(): string;
+    set formatError(value: string | null | undefined);
+    /**
+     * Tracks whether the field is currently in an invalid state.
+     */
+    private _invalid;
+    /**
+     * Error message displayed in the error part when the field is invalid.
+     */
+    private _error;
+    /**
+     * Raw value of the username field input, synced on each input event.
+     */
+    private _value;
+    /**
+     * Gates whether `defaultValue` or `_value` is authoritative for `this.value`.
+     * True once the user has typed into the input.
+     */
+    private _dirty;
+    /**
+     * Reference to the nearest `<form>` ancestor.
+     */
+    private _form;
+    protected createRenderRoot(): this;
+    get rootId(): string;
+    get labelId(): string;
+    get markId(): string;
+    get descriptionId(): string;
+    get errorId(): string;
+    /**
+     * Normalized value of the username field input.
+     */
+    get value(): string;
+    updated(changed: PropertyValues): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * Triggers validation and returns `true` if the current value is valid,
+     * `false` otherwise.
+     */
+    validate(): boolean;
+    private _dispatchValidate;
+    private _onValidateSuccess;
+    private _onValidateError;
+    private _validate;
+    private _handleInput;
+    private _handleFormSubmit;
+    private _handleFormReset;
+    private _renderMark;
+    render(): import('../../../../../node_modules/lit-html').TemplateResult<1>;
+}

package/dist/components/renderers/auth/field/field.defs.d.ts

@@ -0,0 +1,24 @@
+import { PontAuthIdentifier } from '../../../../types';
+import { ConfirmFieldValidation, ConfirmFieldVariant, PontConfirmFieldProps as ConfirmProps, EmailFieldValidation, PontEmailFieldProps as EmailProps, IdentifierFieldValidation, PontIdentifierFieldProps as IdentifierProps, NameFieldValidation, PontNameFieldProps as NameProps, PasswordFieldRuleName, PasswordFieldValidation, PasswordFieldVariant, PontPasswordFieldProps as PasswordProps, PhoneFieldValidation, PontPhoneFieldProps as PhoneProps, UsernameFieldValidation, PontUsernameFieldProps as UsernameProps } from './field.types';
+export declare const genRequiredError: (label: string) => string;
+export declare const genFormatError: (label: string) => string;
+export declare const genMinlengthError: (label: string, minlength?: number) => string;
+export declare const genMaxlengthError: (label: string, maxlength?: number) => string;
+export declare const EMAIL_FIELD_DEFAULT_PROPS: Omit<EmailProps, "seed" | "inputId">;
+export declare const PHONE_FIELD_DEFAULT_PROPS: Omit<PhoneProps, "seed" | "inputId">;
+export declare const USERNAME_FIELD_DEFAULT_PROPS: Omit<UsernameProps, "seed" | "inputId">;
+export declare const NAME_FIELD_DEFAULT_PROPS: Omit<NameProps, "seed" | "inputId">;
+export declare const IDENTIFIER_FIELD_DEFAULT_PROPS: Omit<IdentifierProps, "seed" | "inputId">;
+export declare const PASSWORD_FIELD_DEFAULT_PROPS: Omit<PasswordProps, "seed" | "inputId">;
+export declare const CONFIRM_FIELD_DEFAULT_PROPS: Omit<ConfirmProps, "seed" | "inputId">;
+export declare const EMAIL_FIELD_VALIDATIONS: EmailFieldValidation[];
+export declare const PHONE_FIELD_VALIDATIONS: PhoneFieldValidation[];
+export declare const USERNAME_FIELD_VALIDATIONS: UsernameFieldValidation[];
+export declare const NAME_FIELD_VALIDATIONS: NameFieldValidation[];
+export declare const IDENTIFIER_FIELD_VALIDATIONS: IdentifierFieldValidation[];
+export declare const PASSWORD_FIELD_VALIDATIONS: PasswordFieldValidation[];
+export declare const CONFIRM_FIELD_VALIDATIONS: ConfirmFieldValidation[];
+export declare const AUTH_IDENTIFIERS: PontAuthIdentifier[];
+export declare const PASSWORD_FIELD_VARIANTS: PasswordFieldVariant[];
+export declare const CONFIRM_FIELD_VARIANTS: ConfirmFieldVariant[];
+export declare const PASSWORD_FIELD_RULE_NAMES: PasswordFieldRuleName[];

package/dist/components/renderers/auth/field/field.stories/confirm-field.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Label: Story;
+export declare const Placeholder: Story;
+export declare const Description: Story;
+export declare const Variant: Story;
+export declare const Disabled: Story;
+export declare const Caret: Story;
+export declare const Mark: Story;
+export declare const Validate: Story;
+export declare const Form: Story;

package/dist/components/renderers/auth/field/field.stories/email-field.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Label: Story;
+export declare const Placeholder: Story;
+export declare const Description: Story;
+export declare const Disabled: Story;
+export declare const Caret: Story;
+export declare const Mark: Story;
+export declare const Validate: Story;
+export declare const Form: Story;

package/dist/components/renderers/auth/field/field.stories/helpers.d.ts

@@ -0,0 +1,2 @@
+export declare const BADGE_CHECK_ICON: import('../../../../../../node_modules/lit-html').TemplateResult<1>;
+export declare const BADGE_X_ICON: import('../../../../../../node_modules/lit-html').TemplateResult<1>;

package/dist/components/renderers/auth/field/field.stories/identifier-field.stories.d.ts

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Identifiers: Story;
+export declare const Label: Story;
+export declare const Placeholder: Story;
+export declare const Description: Story;
+export declare const Disabled: Story;
+export declare const Caret: Story;
+export declare const Mark: Story;
+export declare const Validate: Story;
+export declare const Form: Story;
+/**
+ * With no `identifiers` authored the field falls back to the generic
+ * "Identifier" label, which tells an author nothing about what the element
+ * does. At runtime the resolve pass has already narrowed the list to the app's
+ * enabled login methods (or pruned the field), so this state never reaches a
+ * user.
+ *
+ * Design mode shows the multi-identifier form most screens end up with. See
+ * pontive-spec/17-authflow-screen-resolution.md §1.
+ */
+export declare const DesignMode: Story;

package/dist/components/renderers/auth/field/field.stories/name-field.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/web-components-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;
+export declare const Label: Story;
+export declare const Placeholder: Story;
+export declare const Description: Story;
+export declare const Disabled: Story;
+export declare const Caret: Story;
+export declare const Mark: Story;
+export declare const Validate: Story;
+export declare const Form: Story;
+export declare const FormGroup: Story;