@idp.global/catalog 1.1.1

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

@@ -0,0 +1,31 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './idp-input.js';
+import './idp-checkbox.js';
+export type TIdpFormStatus = 'idle' | 'pending' | 'success' | 'error';
+export type TIdpFormData = Record<string, string | boolean>;
+export interface IIdpFormSubmitEventDetail {
+    data: TIdpFormData;
+    form: IdpForm;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-form': IdpForm;
+    }
+}
+export declare class IdpForm extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor status: TIdpFormStatus;
+    accessor statusMessage: string;
+    accessor disabled: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    setStatus(statusArg: TIdpFormStatus, messageArg?: string): void;
+    resetStatus(): void;
+    submit(): void;
+    private getControls;
+    private validateControls;
+    private getFormData;
+    private handleSubmitRequest;
+    private handleSubmit;
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/idp-form.js

@@ -0,0 +1,197 @@
+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-input.js';
+import './idp-checkbox.js';
+let IdpForm = (() => {
+    let _classDecorators = [customElement('idp-form')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _status_decorators;
+    let _status_initializers = [];
+    let _status_extraInitializers = [];
+    let _statusMessage_decorators;
+    let _statusMessage_initializers = [];
+    let _statusMessage_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    var IdpForm = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _status_decorators = [property({ type: String, reflect: true })];
+            _statusMessage_decorators = [property({ type: String })];
+            _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            __esDecorate(this, null, _status_decorators, { kind: "accessor", name: "status", static: false, private: false, access: { has: obj => "status" in obj, get: obj => obj.status, set: (obj, value) => { obj.status = value; } }, metadata: _metadata }, _status_initializers, _status_extraInitializers);
+            __esDecorate(this, null, _statusMessage_decorators, { kind: "accessor", name: "statusMessage", static: false, private: false, access: { has: obj => "statusMessage" in obj, get: obj => obj.statusMessage, set: (obj, value) => { obj.statusMessage = value; } }, metadata: _metadata }, _statusMessage_initializers, _statusMessage_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(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            IdpForm = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <idp-form>
+      <idp-input name="email" label="Email" type="email" required></idp-input>
+      <idp-form-submit>Continue</idp-form-submit>
+    </idp-form>
+  `;
+        static demoGroups = ['idp.global v3 primitives'];
+        #status_accessor_storage = __runInitializers(this, _status_initializers, 'idle');
+        get status() { return this.#status_accessor_storage; }
+        set status(value) { this.#status_accessor_storage = value; }
+        #statusMessage_accessor_storage = (__runInitializers(this, _status_extraInitializers), __runInitializers(this, _statusMessage_initializers, ''));
+        get statusMessage() { return this.#statusMessage_accessor_storage; }
+        set statusMessage(value) { this.#statusMessage_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _statusMessage_extraInitializers), __runInitializers(this, _disabled_initializers, false));
+        get disabled() { return this.#disabled_accessor_storage; }
+        set disabled(value) { this.#disabled_accessor_storage = value; }
+        static styles = [
+            ...idpElementStyles,
+            css `
+      :host {
+        display: block;
+      }
+      form {
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+      }
+      ::slotted(idp-form-submit) {
+        margin-top: 2px;
+      }
+      .status {
+        padding: 11px 13px;
+        border-radius: 10px;
+        border: 1px solid var(--idp-border);
+        background: var(--idp-muted);
+        color: var(--idp-muted-fg);
+        font-size: 13px;
+        line-height: 1.45;
+      }
+      .status.pending {
+        border-color: color-mix(in srgb, var(--idp-accent), transparent 60%);
+        color: var(--idp-accent);
+      }
+      .status.success {
+        border-color: color-mix(in srgb, var(--idp-ok), transparent 60%);
+        color: var(--idp-ok);
+      }
+      .status.error {
+        border-color: color-mix(in srgb, var(--idp-destructive), transparent 60%);
+        color: var(--idp-destructive);
+      }
+    `,
+        ];
+        setStatus(statusArg, messageArg = '') {
+            this.status = statusArg;
+            this.statusMessage = messageArg;
+        }
+        resetStatus() {
+            this.setStatus('idle', '');
+        }
+        submit() {
+            this.handleSubmit();
+        }
+        getControls() {
+            return Array.from(this.querySelectorAll('idp-input, idp-checkbox'));
+        }
+        validateControls() {
+            return this.getControls().every((controlArg) => controlArg.validate ? controlArg.validate() : true);
+        }
+        getFormData() {
+            const data = {};
+            for (const control of this.getControls()) {
+                const name = control.name || control.key;
+                if (!name) {
+                    continue;
+                }
+                if (typeof control.checked === 'boolean') {
+                    data[name] = control.checked;
+                }
+                else {
+                    data[name] = control.value || '';
+                }
+            }
+            return data;
+        }
+        handleSubmitRequest(eventArg) {
+            eventArg.preventDefault();
+            eventArg.stopPropagation();
+            this.handleSubmit();
+        }
+        handleSubmit(eventArg) {
+            eventArg?.preventDefault();
+            if (this.disabled || this.status === 'pending') {
+                return;
+            }
+            if (!this.validateControls()) {
+                this.setStatus('error', 'Please check the highlighted fields.');
+                return;
+            }
+            this.dispatchEvent(new CustomEvent('idp-submit', {
+                detail: {
+                    data: this.getFormData(),
+                    form: this,
+                },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        render() {
+            return html `
+      <form novalidate @submit=${this.handleSubmit} @idp-form-submit-request=${this.handleSubmitRequest}>
+        <slot></slot>
+        ${this.statusMessage
+                ? html `<div class="status ${this.status}" role="status">${this.statusMessage}</div>`
+                : html ``}
+      </form>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _disabled_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpForm = _classThis;
+})();
+export { IdpForm };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWZvcm0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLWZvcm0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLGdCQUFnQixDQUFDO0FBQ3hCLE9BQU8sbUJBQW1CLENBQUM7SUF5QmQsT0FBTzs0QkFEbkIsYUFBYSxDQUFDLFVBQVUsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7Ozs7O3VCQUFuQixTQUFRLFdBQVc7Ozs7a0NBU3JDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO3lDQUd6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO1lBTDNDLHVLQUFnQixNQUFNLDZCQUFOLE1BQU0sdUZBQTBCO1lBR2hELDRMQUFnQixhQUFhLDZCQUFiLGFBQWEscUdBQU07WUFHbkMsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBUztZQWhCbkMsNktBa0lDOzs7O1FBaklRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7OztHQUs5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFHeEQseUVBQXlDLE1BQU0sRUFBQztRQUFoRCxJQUFnQixNQUFNLDRDQUEwQjtRQUFoRCxJQUFnQixNQUFNLGtEQUEwQjtRQUdo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

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

@@ -0,0 +1,18 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+export type TIdpIconName = 'activity' | 'alert' | 'alert-triangle' | 'arrow-up' | 'bell' | 'bolt' | 'box' | 'building' | 'building2' | 'building-2' | 'check' | 'chevron' | 'chevron-down' | 'chevron-right' | 'clock' | 'cloud' | 'copy' | 'credit' | 'device' | 'edit' | 'fingerprint' | 'gear' | 'globe' | 'grid' | 'home' | 'key' | 'laptop' | 'location' | 'lock' | 'logout' | 'mail' | 'monitor' | 'monitor-smartphone' | 'nfc' | 'phone' | 'plus' | 'power' | 'qr' | 'search' | 'settings' | 'shield' | 'smartphone-nfc' | 'trash' | 'user' | 'users' | 'wallet' | 'waveform' | 'x' | `lucide:${string}`;
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-icon': IdpIcon;
+    }
+}
+export declare class IdpIcon extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor name: TIdpIconName;
+    accessor size: number;
+    private lastRenderKey;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    private resolveIconNode;
+    render(): TemplateResult;
+    updated(): void;
+}

package/dist_ts_web/elements/idp-icon.js

@@ -0,0 +1,204 @@
+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 * as lucideIcons from 'lucide';
+import { Activity, ArrowUp, Bell, Bolt, Box, Building2, Check, ChevronDown, ChevronRight, Clock, Cloud, Copy, CreditCard, Fingerprint, Globe, Grid2x2, Home, Key, Laptop, Lock, LogOut, Mail, MapPin, Monitor, MonitorSmartphone, Nfc, Phone, Plus, Power, QrCode, Search, Settings, Shield, SmartphoneNfc, SquarePen, Trash2, TriangleAlert, User, Users, Wallet, X, createElement, } from 'lucide';
+import { idpElementStyles } from './tokens.js';
+const iconNodes = {
+    activity: Activity,
+    alert: TriangleAlert,
+    'alert-triangle': TriangleAlert,
+    'arrow-up': ArrowUp,
+    bell: Bell,
+    bolt: Bolt,
+    box: Box,
+    building: Building2,
+    building2: Building2,
+    'building-2': Building2,
+    check: Check,
+    chevron: ChevronRight,
+    'chevron-down': ChevronDown,
+    'chevron-right': ChevronRight,
+    clock: Clock,
+    cloud: Cloud,
+    copy: Copy,
+    credit: CreditCard,
+    device: MonitorSmartphone,
+    edit: SquarePen,
+    fingerprint: Fingerprint,
+    gear: Settings,
+    globe: Globe,
+    grid: Grid2x2,
+    home: Home,
+    key: Key,
+    laptop: Laptop,
+    location: MapPin,
+    lock: Lock,
+    logout: LogOut,
+    mail: Mail,
+    monitor: Monitor,
+    'monitor-smartphone': MonitorSmartphone,
+    nfc: Nfc,
+    phone: Phone,
+    plus: Plus,
+    power: Power,
+    qr: QrCode,
+    search: Search,
+    settings: Settings,
+    shield: Shield,
+    'smartphone-nfc': SmartphoneNfc,
+    trash: Trash2,
+    user: User,
+    users: Users,
+    wallet: Wallet,
+    waveform: Activity,
+    x: X,
+};
+const toKebab = (valueArg) => valueArg
+    .replace(/^lucide:/, '')
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .toLowerCase();
+const toLucideExportName = (valueArg) => valueArg
+    .replace(/^lucide:/i, '')
+    .split(/[-_: ]+/)
+    .filter(Boolean)
+    .map((partArg) => `${partArg.charAt(0).toUpperCase()}${partArg.slice(1)}`)
+    .join('');
+let IdpIcon = (() => {
+    let _classDecorators = [customElement('idp-icon')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _name_decorators;
+    let _name_initializers = [];
+    let _name_extraInitializers = [];
+    let _size_decorators;
+    let _size_initializers = [];
+    let _size_extraInitializers = [];
+    var IdpIcon = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _name_decorators = [property({ type: String })];
+            _size_decorators = [property({ type: Number })];
+            __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, _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(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            IdpIcon = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `<idp-icon name="shield"></idp-icon>`;
+        static demoGroups = ['idp.global v3 primitives'];
+        #name_accessor_storage = __runInitializers(this, _name_initializers, 'shield');
+        get name() { return this.#name_accessor_storage; }
+        set name(value) { this.#name_accessor_storage = value; }
+        #size_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _size_initializers, 18));
+        get size() { return this.#size_accessor_storage; }
+        set size(value) { this.#size_accessor_storage = value; }
+        lastRenderKey = (__runInitializers(this, _size_extraInitializers), '');
+        static styles = [
+            ...idpElementStyles,
+            css `
+      :host {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        color: currentColor;
+        line-height: 0;
+        vertical-align: middle;
+      }
+      #iconContainer {
+        width: var(--icon-size);
+        height: var(--icon-size);
+      }
+      #iconContainer svg {
+        display: block;
+        width: 100%;
+        height: 100%;
+        fill: none;
+        stroke: currentColor;
+        stroke-width: 1.75;
+        stroke-linecap: round;
+        stroke-linejoin: round;
+      }
+    `,
+        ];
+        resolveIconNode() {
+            const rawName = String(this.name || 'shield');
+            const iconName = toKebab(rawName);
+            const aliasNode = iconNodes[iconName];
+            if (aliasNode) {
+                return aliasNode;
+            }
+            const exportName = toLucideExportName(rawName);
+            const lucideNode = lucideIcons[exportName];
+            if (Array.isArray(lucideNode)) {
+                return lucideNode;
+            }
+            return Shield;
+        }
+        render() {
+            return html `
+      <div id="iconContainer" style="--icon-size: ${this.size}px"></div>
+    `;
+        }
+        updated() {
+            const renderKey = `${this.name}:${this.size}`;
+            if (this.lastRenderKey === renderKey) {
+                return;
+            }
+            this.lastRenderKey = renderKey;
+            const container = this.shadowRoot?.querySelector('#iconContainer');
+            if (!container) {
+                return;
+            }
+            container.innerHTML = '';
+            const iconElement = createElement(this.resolveIconNode(), {
+                color: 'currentColor',
+                size: this.size,
+                strokeWidth: 1.75,
+            });
+            iconElement.setAttribute('aria-hidden', 'true');
+            container.appendChild(iconElement);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpIcon = _classThis;
+})();
+export { IdpIcon };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWljb24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLWljb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFDTCxXQUFXLEVBQ1gsSUFBSSxFQUNKLFFBQVEsRUFDUixhQUFhLEVBQ2IsR0FBRyxHQUVKLE1BQU0sNkJBQTZCLENBQUM7QUFDckMsT0FBTyxLQUFLLFdBQVcsTUFBTSxRQUFRLENBQUM7QUFDdEMsT0FBTyxFQUNMLFFBQVEsRUFDUixPQUFPLEVBQ1AsSUFBSSxFQUNKLElBQUksRUFDSixHQUFHLEVBQ0gsU0FBUyxFQUNULEtBQUssRUFDTCxXQUFXLEVBQ1gsWUFBWSxFQUNaLEtBQUssRUFDTCxLQUFLLEVBQ0wsSUFBSSxFQUNKLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxFQUNMLE9BQU8sRUFDUCxJQUFJLEVBQ0osR0FBRyxFQUNILE1BQU0sRUFDTixJQUFJLEVBQ0osTUFBTSxFQUNOLElBQUksRUFDSixNQUFNLEVBQ04sT0FBTyxFQUNQLGlCQUFpQixFQUNqQixHQUFHLEVBQ0gsS0FBSyxFQUNMLElBQUksRUFDSixLQUFLLEVBQ0wsTUFBTSxFQUNOLE1BQU0sRUFDTixRQUFRLEVBQ1IsTUFBTSxFQUNOLGFBQWEsRUFDYixTQUFTLEVBQ1QsTUFBTSxFQUNOLGFBQWEsRUFDYixJQUFJLEVBQ0osS0FBSyxFQUNMLE1BQU0sRUFDTixDQUFDLEVBQ0QsYUFBYSxHQUVkLE1BQU0sUUFBUSxDQUFDO0FBQ2hCLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQTJEL0MsTUFBTSxTQUFTLEdBQTZCO0lBQzFDLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLEtBQUssRUFBRSxhQUFhO0lBQ3BCLGdCQUFnQixFQUFFLGFBQWE7SUFDL0IsVUFBVSxFQUFFLE9BQU87SUFDbkIsSUFBSSxFQUFFLElBQUk7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

package/dist_ts_web/elements/idp-inbox-preview.d.ts

@@ -0,0 +1,18 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+import './idp-approval-card.js';
+import './idp-badge.js';
+import './idp-button.js';
+import './idp-icon.js';
+import './idp-mobile-frame.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-inbox-preview': IdpInboxPreview;
+    }
+}
+export declare class IdpInboxPreview extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor dark: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    render(): TemplateResult;
+}