@genesislcap/foundation-ui 15.1.0 → 15.2.1

package/dist/dts/base-components.d.ts

@@ -348,6 +348,17 @@ export declare const baseComponents: {
     foundationTreeItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").TreeItemOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").TreeItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     foundationTreeView: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./tree-view").TreeView>;
     foundationUrlInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./url-input").UrlInput>;
+    foundationVerificationCodeInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./verification-code-input").VerificationCodeInput, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        shadowOptions: ShadowRootInit;
+    }>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+        baseName: string;
+        template: import("@microsoft/fast-element").ViewTemplate<import("./verification-code-input").VerificationCodeInput, any>;
+        styles: import("@microsoft/fast-element").ElementStyles;
+        shadowOptions: ShadowRootInit;
+    }, typeof import("./verification-code-input").VerificationCodeInput>;
     foundationSectionNavigator: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
         baseName: string;
         template: import("@microsoft/fast-element").ViewTemplate<import("./section-navigator").SectionNavigator, any>;

package/dist/dts/base-components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAwF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAwFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
+{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAyF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAyFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}

package/dist/dts/index.d.ts

@@ -102,4 +102,5 @@ export * from './utils/base-datasource';
 export * from './utils/editable-elements';
 export * from './utils/event-types';
 export { getPrefix as getDesignSystemPrefix } from './utils/dom';
+export * from './verification-code-input';
 //# sourceMappingURL=index.d.ts.map

package/dist/dts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEvF,OAAO,EAAE,cAAc,EAAE,uBAAuB,EAAE,mBAAmB,EAAE,CAAC;AAExE,eAAO,MAAM,8BAA8B,yDAAuD,CAAC;AAEnG,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,SAAS,IAAI,qBAAqB,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}

package/dist/dts/react.d.ts

@@ -100,8 +100,9 @@ import type { Toolbar as ToolbarWC } from './toolbar/toolbar';
 import type { Tooltip as TooltipWC } from './tooltip/tooltip';
 import type { TreeView as TreeViewWC } from './tree-view/tree-view';
 import type { UrlInput as UrlInputWC } from './url-input/url-input';
+import type { VerificationCodeInput as VerificationCodeInputWC } from './verification-code-input/verification-code-input';
 import type { AddGroupEventDetail, AddRuleEventDetail, DelGroupEventDetail, DelRuleEventDetail, UpdateGroupEventDetail, UpdateRuleEventDetail } from '@genesislcap/expression-builder';
-import type { ClearOptions, DailyConfig, FileReadEventDetail, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MonthlyConfig, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail, ValueChangeEventDetail, WeeklyConfig, YearlyConfig } from '@genesislcap/foundation-ui';
+import type { ClearOptions, DailyConfig, FileReadEventDetail, FileSelectedEventDetail, FilterChangedEventDetail, FilterClearedEventDetail, MonthlyConfig, MultiselectOption, OpenChangeEventDetail, SelectedOption, StepClickEventDetail, ValidationError, ValidationFailureEventDetail, ValueChangeEventDetail, VerificationCodeInputEventDetail, WeeklyConfig, YearlyConfig } from '@genesislcap/foundation-ui';
 
 /** @internal Maps a web component class to its public props only.
  * keyof T skips private/protected members, so this avoids the TS error
@@ -132,23 +133,23 @@ interface HTMLWCProps extends React.AriaAttributes {
   onInput?(e: Event): void;
 }
 
-export declare const AccordionItem: React.ForwardRefExoticComponent<
+export declare const Accordion: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionItemWC>
+  > & React.RefAttributes<AccordionWC>
 >;
-export type AccordionItemRef = AccordionItemWC;
+export type AccordionRef = AccordionWC;
 
-export declare const Accordion: React.ForwardRefExoticComponent<
+export declare const AccordionItem: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
+    Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AccordionWC>
+  > & React.RefAttributes<AccordionItemWC>
 >;
-export type AccordionRef = AccordionWC;
+export type AccordionItemRef = AccordionItemWC;
 
 export declare const ActionsMenu: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -199,23 +200,23 @@ export declare const AnchoredRegion: React.ForwardRefExoticComponent<
 >;
 export type AnchoredRegionRef = AnchoredRegionWC;
 
-export declare const Avatar: React.ForwardRefExoticComponent<
+export declare const Badge: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<AvatarWC>, 'children' | 'style'> &
+    Omit<PublicOf<BadgeWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<AvatarWC>
+  > & React.RefAttributes<BadgeWC>
 >;
-export type AvatarRef = AvatarWC;
+export type BadgeRef = BadgeWC;
 
-export declare const Badge: React.ForwardRefExoticComponent<
+export declare const Avatar: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
-    Omit<PublicOf<BadgeWC>, 'children' | 'style'> &
+    Omit<PublicOf<AvatarWC>, 'children' | 'style'> &
     HTMLWCProps & {
     }
-  > & React.RefAttributes<BadgeWC>
+  > & React.RefAttributes<AvatarWC>
 >;
-export type BadgeRef = BadgeWC;
+export type AvatarRef = AvatarWC;
 
 export declare const Banner: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
@@ -1029,6 +1030,16 @@ export declare const UrlInput: React.ForwardRefExoticComponent<
 >;
 export type UrlInputRef = UrlInputWC;
 
+export declare const VerificationCodeInput: React.ForwardRefExoticComponent<
+  React.PropsWithChildren<
+    Omit<PublicOf<VerificationCodeInputWC>, 'children' | 'style'> &
+    HTMLWCProps & {
+      onComplete?: (event: CustomEvent<VerificationCodeInputEventDetail>) => void;
+    }
+  > & React.RefAttributes<VerificationCodeInputWC>
+>;
+export type VerificationCodeInputRef = VerificationCodeInputWC;
+
 export declare const DailyRecurrence: React.ForwardRefExoticComponent<
   React.PropsWithChildren<
     Omit<PublicOf<DailyRecurrenceWC>, 'children' | 'style'> &

package/dist/dts/verification-code-input/index.d.ts

@@ -0,0 +1,4 @@
+export * from './verification-code-input';
+export * from './verification-code-input.template';
+export * from './verification-code-input.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/dts/verification-code-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC"}

package/dist/dts/verification-code-input/verification-code-input.d.ts

@@ -0,0 +1,145 @@
+import { FormAssociated, FoundationElement } from '@microsoft/fast-foundation';
+export declare const foundationVerificationCodeInputShadowOptions: ShadowRootInit;
+export declare const defaultVerificationCodeInputConfig: {};
+/**
+ * Detail payload of the `change` and `complete` events.
+ * @public
+ */
+export interface VerificationCodeInputEventDetail {
+    value: string;
+}
+declare class _VerificationCodeInput extends FoundationElement {
+}
+interface _VerificationCodeInput extends FormAssociated {
+}
+declare const VerificationCodeInput_base: typeof _VerificationCodeInput;
+/**
+ * Multi-digit verification code input for OTP / 2FA flows.
+ *
+ * Form-associated (FAST `FormAssociated`): host `name` / `required` / `value` participate
+ * in native HTML form validation and submission like {@link TextField}.
+ *
+ * @public
+ * @tagname %%prefix%%-verification-code-input
+ *
+ * @fires change - Fired when any digit changes. detail: `VerificationCodeInputEventDetail`
+ * @fires complete - Fired when all digits are filled. detail: `VerificationCodeInputEventDetail`
+ */
+export declare class VerificationCodeInput extends VerificationCodeInput_base {
+    /**
+     * Proxy element for form association when ElementInternals is unavailable.
+     * Initialized in the constructor (after `super()`) so it exists before attribute
+     * change handlers run — same pattern as FAST `FormAssociatedTextField`.
+     * @internal
+     */
+    proxy: HTMLInputElement;
+    /** Per-digit values indexed from `0` to `digits - 1`. */
+    values: string[];
+    /** Slotted label content; when empty the label is visually hidden. */
+    defaultSlottedNodes: any;
+    private readonly controlListeners;
+    /** Skip digit re-sync when `value` is updated from digit entry (`commitValues`). */
+    private syncingFromDigits;
+    constructor();
+    /**
+     * Optional host id used as a prefix for digit input ids (`{id}-0`, `{id}-1`, …)
+     * and the associated label element.
+     */
+    id: string;
+    /**
+     * Visual treatment applied to each digit field.
+     * @public
+     * @remarks
+     * HTML Attribute: appearance
+     * @defaultValue outline
+     */
+    appearance: string;
+    /**
+     * Number of single-character digit fields to render.
+     * @public
+     * @remarks
+     * HTML Attribute: digits
+     * @defaultValue 6
+     */
+    digits: number;
+    /**
+     * When true, digit fields are non-interactive.
+     * @public
+     * @remarks
+     * HTML Attribute: readonly
+     */
+    readOnly: boolean;
+    /**
+     * When true, focuses the first digit on connect (and after SPA route commit when hosted that way).
+     * @public
+     * @remarks
+     * HTML Attribute: autofocus
+     */
+    autofocus: boolean;
+    /**
+     * When true, applies the error visual state to each digit field.
+     * @public
+     * @remarks
+     * HTML Attribute: error
+     */
+    error: boolean;
+    get digitsIndexes(): number[];
+    get controlIdPrefix(): string;
+    get labelId(): string;
+    get hasLabel(): boolean;
+    getControlId(index: number): string;
+    /** Clears digits, emits `change`, and focuses the first field when connected. */
+    clear(): void;
+    focus(): void;
+    /** @internal */
+    valueChanged(previous: string, next: string): void;
+    /** @internal */
+    validate(anchor?: HTMLElement): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    digitsChanged(): void;
+    get digitClassnames(): string;
+    private sanitizeCode;
+    private bindControlListeners;
+    private unbindControlListeners;
+    private onKeyDown;
+    private isBlockedCharacter;
+    private onInput;
+    private onPaste;
+    private handleBackspace;
+    private handleDelete;
+    private getIndexFromInput;
+    /** Maps a sanitized code string into per-digit `values` and syncs the DOM when connected. */
+    private syncDigitsFromValue;
+    private updateDigit;
+    private applyDigits;
+    /** Pushes digit state into the form-associated `value` and emits change / complete. */
+    private commitValues;
+    private syncFieldValues;
+    private syncFieldValue;
+    private focusDigit;
+    private get rootNode();
+    private getControlElement;
+    private isComplete;
+    private emitChange;
+}
+/**
+ * The Foundation Verification Code Input
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<foundation-verification-code-input\>
+ */
+export declare const foundationVerificationCodeInput: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    shadowOptions: ShadowRootInit;
+}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
+    baseName: string;
+    template: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
+    styles: import("@microsoft/fast-element").ElementStyles;
+    shadowOptions: ShadowRootInit;
+}, typeof VerificationCodeInput>;
+export {};
+//# sourceMappingURL=verification-code-input.d.ts.map

package/dist/dts/verification-code-input/verification-code-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification-code-input.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAI/E,eAAO,MAAM,4CAA4C,EAAE,cAG1D,CAAC;AAEF,eAAO,MAAM,kCAAkC,IAAK,CAAC;AAYrD;;;GAGG;AACH,MAAM,WAAW,gCAAgC;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,cAAM,sBAAuB,SAAQ,iBAAiB;CAAG;AACzD,UAAU,sBAAuB,SAAQ,cAAc;CAAG;;AAE1D;;;;;;;;;;;GAWG;AACH,qBAAa,qBAAsB,SAAQ,0BAAsC;IAC/E;;;;;OAKG;IACI,KAAK,EAAE,gBAAgB,CAAC;IAE/B,yDAAyD;IAC7C,MAAM,EAAE,MAAM,EAAE,CAAM;IAElC,sEAAsE;IAC1D,mBAAmB,MAAC;IAEhC,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAsD;IAEvF,oFAAoF;IACpF,OAAO,CAAC,iBAAiB,CAAS;;IAOlC;;;OAGG;IACG,EAAE,EAAE,MAAM,CAAC;IAEjB;;;;;;OAMG;IACG,UAAU,EAAE,MAAM,CAAa;IAErC;;;;;;OAMG;IACG,MAAM,EAAE,MAAM,CAAkB;IAEtC;;;;;OAKG;IAC+C,QAAQ,EAAE,OAAO,CAAS;IAE5E;;;;;OAKG;IACwB,SAAS,EAAE,OAAO,CAAS;IAEtD;;;;;OAKG;IACwB,KAAK,EAAE,OAAO,CAAS;IAElD,IAAW,aAAa,IAAI,MAAM,EAAE,CAEnC;IAED,IAAW,eAAe,IAAI,MAAM,CAEnC;IAED,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAEM,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI1C,iFAAiF;IAC1E,KAAK,IAAI,IAAI;IASb,KAAK,IAAI,IAAI;IAIpB,gBAAgB;IACT,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI;IAezD,gBAAgB;IACT,QAAQ,CAAC,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAyB3C,iBAAiB,IAAI,IAAI;IAczB,oBAAoB,IAAI,IAAI;IAK5B,aAAa,IAAI,IAAI;IAgBrB,IAAW,eAAe,IAAI,MAAM,CAInC;IAED,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IA2B5B,OAAO,CAAC,sBAAsB;IAS9B,OAAO,CAAC,SAAS;IA8CjB,OAAO,CAAC,kBAAkB;IAQ1B,OAAO,CAAC,OAAO;IA2Bf,OAAO,CAAC,OAAO;IAcf,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,iBAAiB;IAKzB,6FAA6F;IAC7F,OAAO,CAAC,mBAAmB;IAmB3B,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,WAAW;IAkBnB,uFAAuF;IACvF,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,UAAU;IAOlB,OAAO,KAAK,QAAQ,GAEnB;IAED,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,UAAU;CAGnB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,+BAA+B;;;;;;;;;;gCAM1C,CAAC"}

package/dist/dts/verification-code-input/verification-code-input.styles.d.ts

@@ -0,0 +1,3 @@
+import { ElementStyles } from '@microsoft/fast-element';
+export declare const foundationVerificationCodeInputStyles: ElementStyles;
+//# sourceMappingURL=verification-code-input.styles.d.ts.map

package/dist/dts/verification-code-input/verification-code-input.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification-code-input.styles.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAG7D,eAAO,MAAM,qCAAqC,EAAE,aAwGnD,CAAC"}

package/dist/dts/verification-code-input/verification-code-input.template.d.ts

@@ -0,0 +1,3 @@
+import type { VerificationCodeInput } from './verification-code-input';
+export declare const foundationVerificationCodeInputTemplate: import("@microsoft/fast-element").ViewTemplate<VerificationCodeInput, any>;
+//# sourceMappingURL=verification-code-input.template.d.ts.map

package/dist/dts/verification-code-input/verification-code-input.template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verification-code-input.template.d.ts","sourceRoot":"","sources":["../../../src/verification-code-input/verification-code-input.template.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAEvE,eAAO,MAAM,uCAAuC,4EAyDnD,CAAC"}

package/dist/esm/base-components.js

@@ -85,6 +85,7 @@ import { foundationTooltip } from './tooltip';
 import { foundationTreeItem } from './tree-item';
 import { foundationTreeView } from './tree-view';
 import { foundationUrlInput } from './url-input';
+import { foundationVerificationCodeInput } from './verification-code-input';
 export const baseComponents = {
     foundationAccordion,
     foundationAiCriteriaSearch,
@@ -172,6 +173,7 @@ export const baseComponents = {
     foundationTreeItem,
     foundationTreeView,
     foundationUrlInput,
+    foundationVerificationCodeInput,
     foundationSectionNavigator,
     register(container, ...rest) {
         if (!container) {

package/dist/esm/index.js

@@ -102,3 +102,4 @@ export * from './utils/base-datasource';
 export * from './utils/editable-elements';
 export * from './utils/event-types';
 export { getPrefix as getDesignSystemPrefix } from './utils/dom';
+export * from './verification-code-input';

package/dist/esm/verification-code-input/index.js

@@ -0,0 +1,3 @@
+export * from './verification-code-input';
+export * from './verification-code-input.template';
+export * from './verification-code-input.styles';