@idp.global/catalog 1.2.1 → 2.1.0

package/dist_ts_web/elements/idp-form-submit.d.ts

@@ -1,6 +1,6 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
 import './idp-button.js';
-import type { TIdpButtonSize, TIdpButtonVariant } from './idp-button.js';
+import type { TIdpButtonShape, TIdpButtonSize, TIdpButtonVariant } from './idp-button.js';
 declare global {
     interface HTMLElementTagNameMap {
         'idp-form-submit': IdpFormSubmit;
@@ -12,6 +12,7 @@ export declare class IdpFormSubmit extends DeesElement {
     accessor text: string;
     accessor variant: TIdpButtonVariant;
     accessor size: TIdpButtonSize;
+    accessor shape: TIdpButtonShape;
     accessor disabled: boolean;
     accessor loading: boolean;
     static styles: import("@design.estate/dees-element").CSSResult[];

package/dist_ts_web/elements/idp-form-submit.js

@@ -50,6 +50,9 @@ let IdpFormSubmit = (() => {
     let _size_decorators;
     let _size_initializers = [];
     let _size_extraInitializers = [];
+    let _shape_decorators;
+    let _shape_initializers = [];
+    let _shape_extraInitializers = [];
     let _disabled_decorators;
     let _disabled_initializers = [];
     let _disabled_extraInitializers = [];
@@ -63,11 +66,13 @@ let IdpFormSubmit = (() => {
             _text_decorators = [property({ type: String })];
             _variant_decorators = [property({ type: String })];
             _size_decorators = [property({ type: String })];
+            _shape_decorators = [property({ type: String })];
             _disabled_decorators = [property({ type: Boolean, reflect: true })];
             _loading_decorators = [property({ type: Boolean, reflect: true })];
             __esDecorate(this, null, _text_decorators, { kind: "accessor", name: "text", static: false, private: false, access: { has: obj => "text" in obj, get: obj => obj.text, set: (obj, value) => { obj.text = value; } }, metadata: _metadata }, _text_initializers, _text_extraInitializers);
             __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
             __esDecorate(this, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(this, null, _shape_decorators, { kind: "accessor", name: "shape", static: false, private: false, access: { has: obj => "shape" in obj, get: obj => obj.shape, set: (obj, value) => { obj.shape = value; } }, metadata: _metadata }, _shape_initializers, _shape_extraInitializers);
             __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
             __esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
@@ -85,7 +90,10 @@ let IdpFormSubmit = (() => {
         #size_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _size_initializers, 'md'));
         get size() { return this.#size_accessor_storage; }
         set size(value) { this.#size_accessor_storage = value; }
-        #disabled_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        #shape_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _shape_initializers, 'pill'));
+        get shape() { return this.#shape_accessor_storage; }
+        set shape(value) { this.#shape_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _shape_extraInitializers), __runInitializers(this, _disabled_initializers, false));
         get disabled() { return this.#disabled_accessor_storage; }
         set disabled(value) { this.#disabled_accessor_storage = value; }
         #loading_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _loading_initializers, false));
@@ -116,6 +124,7 @@ let IdpFormSubmit = (() => {
       <idp-button
         variant=${this.variant}
         size=${this.size}
+        shape=${this.shape}
         .disabled=${this.disabled || this.loading}
         .loading=${this.loading}
         @click=${this.handleClick}
@@ -133,4 +142,4 @@ let IdpFormSubmit = (() => {
     return IdpFormSubmit = _classThis;
 })();
 export { IdpFormSubmit };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWZvcm0tc3VibWl0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1mb3JtLXN1Ym1pdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8saUJBQWlCLENBQUM7SUFVWixhQUFhOzRCQUR6QixhQUFhLENBQUMsaUJBQWlCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs2QkFBbkIsU0FBUSxXQUFXOzs7O2dDQUkzQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7bUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztnQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQzttQ0FHMUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFYM0MsaUtBQWdCLElBQUksNkJBQUosSUFBSSxtRkFBTTtZQUcxQiwwS0FBZ0IsT0FBTyw2QkFBUCxPQUFPLHlGQUErQjtZQUd0RCxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUF3QjtZQUc1Qyw2S0FBZ0IsUUFBUSw2QkFBUixRQUFRLDJGQUFTO1lBR2pDLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQVM7WUFqQmxDLDZLQW9EQzs7OztRQW5EUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSw2Q0FBNkMsQ0FBQztRQUN0RSxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsMEJBQTBCLENBQUMsQ0FBQztRQUd4RCxxRUFBdUIsRUFBRSxFQUFDO1FBQTFCLElBQWdCLElBQUksMENBQU07UUFBMUIsSUFBZ0IsSUFBSSxnREFBTTtRQUcxQiw4SEFBNkMsUUFBUSxHQUFDO1FBQXRELElBQWdCLE9BQU8sNkNBQStCO1FBQXRELElBQWdCLE9BQU8sbURBQStCO1FBR3RELDJIQUF1QyxJQUFJLEdBQUM7UUFBNUMsSUFBZ0IsSUFBSSwwQ0FBd0I7UUFBNUMsSUFBZ0IsSUFBSSxnREFBd0I7UUFHNUMsZ0lBQTJCLEtBQUssR0FBQztRQUFqQyxJQUFnQixRQUFRLDhDQUFTO1FBQWpDLElBQWdCLFFBQVEsb0RBQVM7UUFHakMsa0lBQTBCLEtBQUssR0FBQztRQUFoQyxJQUFnQixPQUFPLDZDQUFTO1FBQWhDLElBQWdCLE9BQU8sbURBQVM7UUFFekIsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixHQUFHLGdCQUFnQjtZQUNuQixHQUFHLENBQUE7Ozs7Ozs7S0FPRjtTQUNGLENBQUM7UUFFTSxXQUFXO1lBQ2pCLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ2xDLE9BQU87WUFDVCxDQUFDO1lBQ0QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyx5QkFBeUIsRUFBRTtnQkFDNUQsT0FBTyxFQUFFLElBQUk7Z0JBQ2IsUUFBUSxFQUFFLElBQUk7YUFDZixDQUFDLENBQUMsQ0FBQztRQUNOLENBQUM7UUFFTSxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7O2tCQUVHLElBQUksQ0FBQyxPQUFPO2VBQ2YsSUFBSSxDQUFDLElBQUk7b0JBQ0osSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTzttQkFDOUIsSUFBSSxDQUFDLE9BQU87aUJBQ2QsSUFBSSxDQUFDLFdBQVc7U0FDeEIsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUEsZUFBZTtLQUNwQyxDQUFDO1FBQ0osQ0FBQzs7Ozs7O1lBbkRVLHVEQUFhOzs7OztTQUFiLGFBQWEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWZvcm0tc3VibWl0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1mb3JtLXN1Ym1pdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8saUJBQWlCLENBQUM7SUFVWixhQUFhOzRCQUR6QixhQUFhLENBQUMsaUJBQWlCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs2QkFBbkIsU0FBUSxXQUFXOzs7O2dDQUkzQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7bUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztnQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2lDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO21DQUcxQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztZQWQzQyxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUFNO1lBRzFCLDBLQUFnQixPQUFPLDZCQUFQLE9BQU8seUZBQStCO1lBR3RELGlLQUFnQixJQUFJLDZCQUFKLElBQUksbUZBQXdCO1lBRzVDLG9LQUFnQixLQUFLLDZCQUFMLEtBQUsscUZBQTJCO1lBR2hELDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQVM7WUFHakMsMEtBQWdCLE9BQU8sNkJBQVAsT0FBTyx5RkFBUztZQXBCbEMsNktBd0RDOzs7O1FBdkRRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLDZDQUE2QyxDQUFDO1FBQ3RFLE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBR3hELHFFQUF1QixFQUFFLEVBQUM7UUFBMUIsSUFBZ0IsSUFBSSwwQ0FBTTtRQUExQixJQUFnQixJQUFJLGdEQUFNO1FBRzFCLDhIQUE2QyxRQUFRLEdBQUM7UUFBdEQsSUFBZ0IsT0FBTyw2Q0FBK0I7UUFBdEQsSUFBZ0IsT0FBTyxtREFBK0I7UUFHdEQsMkhBQXVDLElBQUksR0FBQztRQUE1QyxJQUFnQixJQUFJLDBDQUF3QjtRQUE1QyxJQUFnQixJQUFJLGdEQUF3QjtRQUc1QywwSEFBeUMsTUFBTSxHQUFDO1FBQWhELElBQWdCLEtBQUssMkNBQTJCO1FBQWhELElBQWdCLEtBQUssaURBQTJCO1FBR2hELGlJQUEyQixLQUFLLEdBQUM7UUFBakMsSUFBZ0IsUUFBUSw4Q0FBUztRQUFqQyxJQUFnQixRQUFRLG9EQUFTO1FBR2pDLGtJQUEwQixLQUFLLEdBQUM7UUFBaEMsSUFBZ0IsT0FBTyw2Q0FBUztRQUFoQyxJQUFnQixPQUFPLG1EQUFTO1FBRXpCLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsR0FBRyxnQkFBZ0I7WUFDbkIsR0FBRyxDQUFBOzs7Ozs7O0tBT0Y7U0FDRixDQUFDO1FBRU0sV0FBVztZQUNqQixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO2dCQUNsQyxPQUFPO1lBQ1QsQ0FBQztZQUNELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMseUJBQXlCLEVBQUU7Z0JBQzVELE9BQU8sRUFBRSxJQUFJO2dCQUNiLFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQyxDQUFDLENBQUM7UUFDTixDQUFDO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOztrQkFFRyxJQUFJLENBQUMsT0FBTztlQUNmLElBQUksQ0FBQyxJQUFJO2dCQUNSLElBQUksQ0FBQyxLQUFLO29CQUNOLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLE9BQU87bUJBQzlCLElBQUksQ0FBQyxPQUFPO2lCQUNkLElBQUksQ0FBQyxXQUFXO1NBQ3hCLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFBLGVBQWU7S0FDcEMsQ0FBQztRQUNKLENBQUM7Ozs7OztZQXZEVSx1REFBYTs7Ozs7U0FBYixhQUFhIn0=

package/dist_ts_web/elements/idp-form.js

@@ -129,7 +129,7 @@ let IdpForm = (() => {
             this.handleSubmit();
         }
         getControls() {
-            return Array.from(this.querySelectorAll('idp-input, idp-checkbox'));
+            return Array.from(this.querySelectorAll('idp-input, idp-checkbox, idp-otp-input'));
         }
         validateControls() {
             return this.getControls().every((controlArg) => controlArg.validate ? controlArg.validate() : true);
@@ -194,4 +194,4 @@ let IdpForm = (() => {
     return IdpForm = _classThis;
 })();
 export { IdpForm };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLWZvcm0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sbUJBQW1CLENBQUM7SUF5QmQsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLFVBQVUsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7O3VCQUFuQixTQUFRLFdBQVc7Ozs7a0NBU3JDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO3lDQUd6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO1lBTDNDLHVLQUFnQixNQUFNLDZCQUFOLE1BQU0sdUZBQTBCO1lBR2hELDRMQUFnQixhQUFhLDZCQUFiLGFBQWEscUdBQU07WUFHbkMsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBUztZQWhCbkMsNktBa0lDOzs7O1FBaklRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7OztHQUs5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFHeEQseUVBQXlDLE1BQU0sRUFBQztRQUFoRCxJQUFnQixNQUFNLDRDQUEwQjtRQUFoRCxJQUFnQixNQUFNLGtEQUEwQjtRQUdo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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLWZvcm0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sbUJBQW1CLENBQUM7SUF5QmQsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLFVBQVUsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7O3VCQUFuQixTQUFRLFdBQVc7Ozs7a0NBU3JDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO3lDQUd6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO1lBTDNDLHVLQUFnQixNQUFNLDZCQUFOLE1BQU0sdUZBQTBCO1lBR2hELDRMQUFnQixhQUFhLDZCQUFiLGFBQWEscUdBQU07WUFHbkMsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBUztZQWhCbkMsNktBa0lDOzs7O1FBaklRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7OztHQUs5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFHeEQseUVBQXlDLE1BQU0sRUFBQztRQUFoRCxJQUFnQixNQUFNLDRDQUEwQjtRQUFoRCxJQUFnQixNQUFNLGtEQUEwQjtRQUdo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

package/dist_ts_web/elements/idp-input.d.ts

@@ -1,4 +1,6 @@
 import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './idp-icon.js';
+export type TIdpInputSize = 'md' | 'lg';
 declare global {
     interface HTMLElementTagNameMap {
         'idp-input': IdpInput;
@@ -18,6 +20,8 @@ export declare class IdpInput extends DeesElement {
     accessor error: string;
     accessor required: boolean;
     accessor disabled: boolean;
+    accessor size: TIdpInputSize;
+    accessor icon: string;
     static styles: import("@design.estate/dees-element").CSSResult[];
     focus(): void;
     validate(): boolean;

package/dist_ts_web/elements/idp-input.js

@@ -34,6 +34,7 @@ var __runInitializers = (this && this.__runInitializers) || function (thisArg, i
 };
 import { DeesElement, html, property, customElement, css } from '@design.estate/dees-element';
 import { idpElementStyles } from './tokens.js';
+import './idp-icon.js';
 let IdpInput = (() => {
     let _classDecorators = [customElement('idp-input')];
     let _classDescriptor;
@@ -73,6 +74,12 @@ let IdpInput = (() => {
     let _disabled_decorators;
     let _disabled_initializers = [];
     let _disabled_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
     var IdpInput = class extends _classSuper {
         static { _classThis = this; }
         static {
@@ -88,6 +95,8 @@ let IdpInput = (() => {
             _error_decorators = [property({ type: String })];
             _required_decorators = [property({ type: Boolean, reflect: true })];
             _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            _size_decorators = [property({ type: String, reflect: true })];
+            _icon_decorators = [property({ type: String })];
             __esDecorate(this, null, _label_decorators, { kind: "accessor", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
             __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
             __esDecorate(this, null, _key_decorators, { kind: "accessor", name: "key", static: false, private: false, access: { has: obj => "key" in obj, get: obj => obj.key, set: (obj, value) => { obj.key = value; } }, metadata: _metadata }, _key_initializers, _key_extraInitializers);
@@ -99,12 +108,20 @@ let IdpInput = (() => {
             __esDecorate(this, null, _error_decorators, { kind: "accessor", name: "error", static: false, private: false, access: { has: obj => "error" in obj, get: obj => obj.error, set: (obj, value) => { obj.error = value; } }, metadata: _metadata }, _error_initializers, _error_extraInitializers);
             __esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
             __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
+            __esDecorate(this, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
+            __esDecorate(this, null, _icon_decorators, { kind: "accessor", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
             __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
             IdpInput = _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static demo = () => html `<idp-input label="Email" placeholder="user@example.com"></idp-input>`;
-        static demoGroups = ['idp.global v3 primitives'];
+        static demo = () => html `
+    <div style="display: flex; flex-direction: column; gap: 14px; max-width: 340px;">
+      <idp-input label="Email" placeholder="user@example.com"></idp-input>
+      <idp-input size="lg" icon="mail" placeholder="you@example.com"></idp-input>
+      <idp-input size="lg" icon="lock" type="password" placeholder="Password"></idp-input>
+    </div>
+  `;
+        static demoGroups = ['idp.global v5 primitives'];
         #label_accessor_storage = __runInitializers(this, _label_initializers, '');
         get label() { return this.#label_accessor_storage; }
         set label(value) { this.#label_accessor_storage = value; }
@@ -138,6 +155,12 @@ let IdpInput = (() => {
         #disabled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _disabled_initializers, false));
         get disabled() { return this.#disabled_accessor_storage; }
         set disabled(value) { this.#disabled_accessor_storage = value; }
+        #size_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _size_initializers, 'md'));
+        get size() { return this.#size_accessor_storage; }
+        set size(value) { this.#size_accessor_storage = value; }
+        #icon_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _icon_initializers, ''));
+        get icon() { return this.#icon_accessor_storage; }
+        set icon(value) { this.#icon_accessor_storage = value; }
         static styles = [
             ...idpElementStyles,
             css `
@@ -178,6 +201,33 @@ let IdpInput = (() => {
         border-color: var(--idp-destructive);
         box-shadow: 0 0 0 3px color-mix(in srgb, var(--idp-destructive), transparent 86%);
       }
+      .field {
+        position: relative;
+        display: flex;
+        align-items: center;
+      }
+      .field idp-icon {
+        position: absolute;
+        left: 13px;
+        color: var(--idp-fg-3);
+        pointer-events: none;
+      }
+      :host([size='lg']) input {
+        height: 44px;
+        border-width: 1.5px;
+        border-radius: 12px;
+        padding: 0 14px;
+        font-size: 14px;
+      }
+      :host([size='lg']) .field idp-icon + input {
+        padding-left: 40px;
+      }
+      :host([size='md']) .field idp-icon + input {
+        padding-left: 34px;
+      }
+      :host([size='lg']) input:focus {
+        box-shadow: 0 0 0 3px var(--sh-accent-ring);
+      }
       .hint,
       .error {
         color: var(--idp-muted-fg);
@@ -220,24 +270,27 @@ let IdpInput = (() => {
             return html `
       <label>
         ${this.label ? html `<span class="label">${this.label}</span>` : html ``}
-        <input
-          .value=${this.value}
-          name=${this.name || this.key}
-          type=${this.type}
-          placeholder=${this.placeholder}
-          autocomplete=${this.autocomplete}
-          ?required=${this.required}
-          ?disabled=${this.disabled}
-          aria-invalid=${this.error ? 'true' : 'false'}
-          @input=${this.handleInput}
-        />
+        <span class="field">
+          ${this.icon ? html `<idp-icon name=${this.icon} size=${this.size === 'lg' ? 17 : 14}></idp-icon>` : html ``}
+          <input
+            .value=${this.value}
+            name=${this.name || this.key}
+            type=${this.type}
+            placeholder=${this.placeholder}
+            autocomplete=${this.autocomplete}
+            ?required=${this.required}
+            ?disabled=${this.disabled}
+            aria-invalid=${this.error ? 'true' : 'false'}
+            @input=${this.handleInput}
+          />
+        </span>
         ${this.error ? html `<span class="error">${this.error}</span>` : this.hint ? html `<span class="hint">${this.hint}</span>` : html ``}
       </label>
     `;
         }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _disabled_extraInitializers);
+            __runInitializers(this, _icon_extraInitializers);
         }
         static {
             __runInitializers(_classThis, _classExtraInitializers);
@@ -246,4 +299,4 @@ let IdpInput = (() => {
     return IdpInput = _classThis;
 })();
 export { IdpInput };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1pbnB1dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0lBU2xDLFFBQVE7NEJBRHBCLGFBQWEsQ0FBQyxXQUFXLENBQUM7Ozs7c0JBQ0csV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt3QkFBbkIsU0FBUSxXQUFXOzs7O2lDQUl0QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzsrQkFHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7aUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt1Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7d0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztpQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztvQ0FHMUMsUUFBUSxDQUFDLEVBQUUs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWlucHV0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1pbnB1dC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0FBQy9DLE9BQU8sZUFBZSxDQUFDO0lBV1YsUUFBUTs0QkFEcEIsYUFBYSxDQUFDLFdBQVcsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O3dCQUFuQixTQUFRLFdBQVc7Ozs7aUNBVXRDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztnQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDOytCQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztpQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3VDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzt3Q0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2lDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxD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

package/dist_ts_web/elements/idp-option-row.d.ts

@@ -0,0 +1,25 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './idp-icon.js';
+export type TIdpOptionRowTrailing = 'chevron' | 'check' | 'none';
+export type TIdpOptionRowTileTone = 'default' | 'accent';
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-option-row': IdpOptionRow;
+    }
+}
+export declare class IdpOptionRow extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor icon: string;
+    accessor label: string;
+    accessor description: string;
+    accessor active: boolean;
+    accessor interactive: boolean;
+    accessor trailing: TIdpOptionRowTrailing;
+    accessor tileTone: TIdpOptionRowTileTone;
+    accessor tileSize: number;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    private handleSelect;
+    private handleKeydown;
+}

package/dist_ts_web/elements/idp-option-row.js

@@ -0,0 +1,267 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { DeesElement, html, property, customElement, css } from '@design.estate/dees-element';
+import { idpElementStyles } from './tokens.js';
+import './idp-icon.js';
+let IdpOptionRow = (() => {
+    let _classDecorators = [customElement('idp-option-row')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _description_decorators;
+    let _description_initializers = [];
+    let _description_extraInitializers = [];
+    let _active_decorators;
+    let _active_initializers = [];
+    let _active_extraInitializers = [];
+    let _interactive_decorators;
+    let _interactive_initializers = [];
+    let _interactive_extraInitializers = [];
+    let _trailing_decorators;
+    let _trailing_initializers = [];
+    let _trailing_extraInitializers = [];
+    let _tileTone_decorators;
+    let _tileTone_initializers = [];
+    let _tileTone_extraInitializers = [];
+    let _tileSize_decorators;
+    let _tileSize_initializers = [];
+    let _tileSize_extraInitializers = [];
+    var IdpOptionRow = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _icon_decorators = [property({ type: String })];
+            _label_decorators = [property({ type: String })];
+            _description_decorators = [property({ type: String })];
+            _active_decorators = [property({ type: Boolean, reflect: true })];
+            _interactive_decorators = [property({
+                    converter: (valueArg) => valueArg !== 'false' && valueArg !== null,
+                })];
+            _trailing_decorators = [property({ type: String })];
+            _tileTone_decorators = [property({ type: String })];
+            _tileSize_decorators = [property({ type: Number })];
+            __esDecorate(this, null, _icon_decorators, { kind: "accessor", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            __esDecorate(this, null, _label_decorators, { kind: "accessor", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
+            __esDecorate(this, null, _description_decorators, { kind: "accessor", name: "description", static: false, private: false, access: { has: obj => "description" in obj, get: obj => obj.description, set: (obj, value) => { obj.description = value; } }, metadata: _metadata }, _description_initializers, _description_extraInitializers);
+            __esDecorate(this, null, _active_decorators, { kind: "accessor", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
+            __esDecorate(this, null, _interactive_decorators, { kind: "accessor", name: "interactive", static: false, private: false, access: { has: obj => "interactive" in obj, get: obj => obj.interactive, set: (obj, value) => { obj.interactive = value; } }, metadata: _metadata }, _interactive_initializers, _interactive_extraInitializers);
+            __esDecorate(this, null, _trailing_decorators, { kind: "accessor", name: "trailing", static: false, private: false, access: { has: obj => "trailing" in obj, get: obj => obj.trailing, set: (obj, value) => { obj.trailing = value; } }, metadata: _metadata }, _trailing_initializers, _trailing_extraInitializers);
+            __esDecorate(this, null, _tileTone_decorators, { kind: "accessor", name: "tileTone", static: false, private: false, access: { has: obj => "tileTone" in obj, get: obj => obj.tileTone, set: (obj, value) => { obj.tileTone = value; } }, metadata: _metadata }, _tileTone_initializers, _tileTone_extraInitializers);
+            __esDecorate(this, null, _tileSize_decorators, { kind: "accessor", name: "tileSize", static: false, private: false, access: { has: obj => "tileSize" in obj, get: obj => obj.tileSize, set: (obj, value) => { obj.tileSize = value; } }, metadata: _metadata }, _tileSize_initializers, _tileSize_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            IdpOptionRow = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <div style="display: flex; flex-direction: column; gap: 10px; max-width: 340px;">
+      <idp-option-row icon="fingerprint" label="Passkey · Face ID" description="Recommended — no password to remember" active trailing="none"></idp-option-row>
+      <idp-option-row icon="phone" label="Push approvals" description="Alex's iPhone 15 Pro" trailing="check"></idp-option-row>
+      <idp-option-row icon="user" label="Your name and email" description="alex@lossless.com" interactive="false" tileTone="accent" tileSize="30" trailing="check"></idp-option-row>
+      <idp-option-row label="Alex Mercer" description="alex@lossless.com">
+        <idp-avatar slot="leading" name="Alex Mercer"></idp-avatar>
+      </idp-option-row>
+    </div>
+  `;
+        static demoGroups = ['idp.global v5 auth'];
+        #icon_accessor_storage = __runInitializers(this, _icon_initializers, '');
+        get icon() { return this.#icon_accessor_storage; }
+        set icon(value) { this.#icon_accessor_storage = value; }
+        #label_accessor_storage = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _label_initializers, ''));
+        get label() { return this.#label_accessor_storage; }
+        set label(value) { this.#label_accessor_storage = value; }
+        #description_accessor_storage = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _description_initializers, ''));
+        get description() { return this.#description_accessor_storage; }
+        set description(value) { this.#description_accessor_storage = value; }
+        #active_accessor_storage = (__runInitializers(this, _description_extraInitializers), __runInitializers(this, _active_initializers, false));
+        get active() { return this.#active_accessor_storage; }
+        set active(value) { this.#active_accessor_storage = value; }
+        #interactive_accessor_storage = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _interactive_initializers, true));
+        get interactive() { return this.#interactive_accessor_storage; }
+        set interactive(value) { this.#interactive_accessor_storage = value; }
+        #trailing_accessor_storage = (__runInitializers(this, _interactive_extraInitializers), __runInitializers(this, _trailing_initializers, 'chevron'));
+        get trailing() { return this.#trailing_accessor_storage; }
+        set trailing(value) { this.#trailing_accessor_storage = value; }
+        #tileTone_accessor_storage = (__runInitializers(this, _trailing_extraInitializers), __runInitializers(this, _tileTone_initializers, 'default'));
+        get tileTone() { return this.#tileTone_accessor_storage; }
+        set tileTone(value) { this.#tileTone_accessor_storage = value; }
+        #tileSize_accessor_storage = (__runInitializers(this, _tileTone_extraInitializers), __runInitializers(this, _tileSize_initializers, 34));
+        get tileSize() { return this.#tileSize_accessor_storage; }
+        set tileSize(value) { this.#tileSize_accessor_storage = value; }
+        static styles = [
+            ...idpElementStyles,
+            css `
+      :host {
+        display: block;
+      }
+      .row {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 11px 13px;
+        border-radius: 13px;
+        border: 1.5px solid var(--idp-border);
+        background: var(--idp-card);
+        font-family: var(--idp-font);
+        text-align: left;
+        width: 100%;
+        box-sizing: border-box;
+      }
+      .row.interactive {
+        cursor: pointer;
+        transition: border-color 120ms ease, background 120ms ease;
+      }
+      .row.interactive:hover {
+        background: var(--sh-hover);
+      }
+      .row.interactive:focus-visible {
+        outline: 2px solid color-mix(in srgb, var(--idp-accent), transparent 68%);
+        outline-offset: 2px;
+      }
+      :host([active]) .row {
+        border-color: var(--idp-accent);
+        background: var(--idp-accent-soft);
+      }
+      .tile {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        flex-shrink: 0;
+        border-radius: 9px;
+        background: var(--idp-muted);
+        color: var(--idp-fg-2);
+      }
+      .tile.accent {
+        background: var(--idp-accent-soft);
+        color: var(--sh-accent-soft-fg);
+      }
+      :host([active]) .tile {
+        background: var(--idp-card);
+        color: var(--idp-accent);
+      }
+      .body {
+        flex: 1;
+        min-width: 0;
+      }
+      .label {
+        font-size: 13.5px;
+        font-weight: 600;
+        color: var(--idp-fg);
+      }
+      .description {
+        font-size: 12px;
+        color: var(--idp-fg-3);
+        margin-top: 1px;
+        line-height: 1.4;
+      }
+      .trailing {
+        display: flex;
+        align-items: center;
+        flex-shrink: 0;
+        color: var(--sh-fg-4);
+      }
+      .trailing.check {
+        color: var(--idp-ok);
+      }
+    `,
+        ];
+        render() {
+            return html `
+      <div
+        class="row ${this.interactive ? 'interactive' : ''}"
+        role=${this.interactive ? 'button' : 'listitem'}
+        tabindex=${this.interactive ? '0' : '-1'}
+        @click=${this.handleSelect}
+        @keydown=${this.handleKeydown}
+      >
+        <slot name="leading">
+          ${this.icon
+                ? html `
+                <span
+                  class="tile ${this.tileTone === 'accent' ? 'accent' : ''}"
+                  style="width: ${this.tileSize}px; height: ${this.tileSize}px;"
+                >
+                  <idp-icon name=${this.icon} size=${Math.round(this.tileSize / 2)}></idp-icon>
+                </span>
+              `
+                : html ``}
+        </slot>
+        <div class="body">
+          <div class="label">${this.label}</div>
+          ${this.description ? html `<div class="description">${this.description}</div>` : html ``}
+        </div>
+        <slot name="trailing">
+          ${this.trailing === 'chevron'
+                ? html `<span class="trailing"><idp-icon name="chevron-right" size="16"></idp-icon></span>`
+                : this.trailing === 'check'
+                    ? html `<span class="trailing check"><idp-icon name="check" size="15"></idp-icon></span>`
+                    : html ``}
+        </slot>
+      </div>
+    `;
+        }
+        handleSelect() {
+            if (!this.interactive) {
+                return;
+            }
+            this.dispatchEvent(new CustomEvent('idp-option-select', { bubbles: true, composed: true }));
+        }
+        handleKeydown(eventArg) {
+            if (!this.interactive) {
+                return;
+            }
+            if (eventArg.key === 'Enter' || eventArg.key === ' ') {
+                eventArg.preventDefault();
+                this.handleSelect();
+            }
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _tileSize_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpOptionRow = _classThis;
+})();
+export { IdpOptionRow };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLW9wdGlvbi1yb3cuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLW9wdGlvbi1yb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLGVBQWUsQ0FBQztJQVlWLFlBQVk7NEJBRHhCLGFBQWEsQ0FBQyxnQkFBZ0IsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzRCQUFuQixTQUFRLFdBQVc7Ozs7Z0NBYTFDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztpQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3VDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7a0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO3VDQUcxQyxRQUFRLENBQUM7b0JBQ1IsU0FBUyxFQUFFLENBQUMsUUFBUSxFQUFFLEVBQUUsQ0FBQyxRQUFRLEtBQUssT0FBTyxJQUFJLFFBQVEsS0FBSyxJQUFJO2lCQUNuRSxDQUFDO29DQUdELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztvQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO29DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7WUF0QjNCLGlLQUFnQixJQUFJLDZCQUFKLElBQUksbUZBQU07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

package/dist_ts_web/elements/idp-otp-input.d.ts

@@ -0,0 +1,32 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export interface IIdpOtpChangeEventDetail {
+    value: string;
+    complete: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-otp-input': IdpOtpInput;
+    }
+}
+export declare class IdpOtpInput extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor length: number;
+    accessor value: string;
+    accessor name: string;
+    accessor key: string;
+    accessor disabled: boolean;
+    accessor error: string;
+    accessor required: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+    private get inputs();
+    private handleInput;
+    private handlePaste;
+    private fillFrom;
+    private handleKeydown;
+    private syncValueFromInputs;
+    focus(): void;
+    clear(): void;
+    validate(): boolean;
+}