@idp.global/catalog 1.1.1

package/dist_ts_web/elements/idp-select.js

@@ -0,0 +1,179 @@
+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';
+let IdpSelect = (() => {
+    let _classDecorators = [customElement('idp-select')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _label_decorators;
+    let _label_initializers = [];
+    let _label_extraInitializers = [];
+    let _placeholder_decorators;
+    let _placeholder_initializers = [];
+    let _placeholder_extraInitializers = [];
+    let _options_decorators;
+    let _options_initializers = [];
+    let _options_extraInitializers = [];
+    let _selectedOption_decorators;
+    let _selectedOption_initializers = [];
+    let _selectedOption_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    var IdpSelect = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _label_decorators = [property({ type: String })];
+            _placeholder_decorators = [property({ type: String })];
+            _options_decorators = [property({ type: Array })];
+            _selectedOption_decorators = [property({ type: Object })];
+            _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            __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, _placeholder_decorators, { kind: "accessor", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
+            __esDecorate(this, null, _options_decorators, { kind: "accessor", name: "options", static: false, private: false, access: { has: obj => "options" in obj, get: obj => obj.options, set: (obj, value) => { obj.options = value; } }, metadata: _metadata }, _options_initializers, _options_extraInitializers);
+            __esDecorate(this, null, _selectedOption_decorators, { kind: "accessor", name: "selectedOption", static: false, private: false, access: { has: obj => "selectedOption" in obj, get: obj => obj.selectedOption, set: (obj, value) => { obj.selectedOption = value; } }, metadata: _metadata }, _selectedOption_initializers, _selectedOption_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);
+            IdpSelect = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `
+    <idp-select
+      label="Organization"
+      .options=${[
+            { option: 'Lossless GmbH', key: 'lossless', payload: 'lossless' },
+            { option: '+ Create new...', key: '__create_new__', payload: '__create_new__' },
+        ]}
+    ></idp-select>
+  `;
+        static demoGroups = ['idp.global v3 primitives'];
+        #label_accessor_storage = __runInitializers(this, _label_initializers, '');
+        get label() { return this.#label_accessor_storage; }
+        set label(value) { this.#label_accessor_storage = value; }
+        #placeholder_accessor_storage = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _placeholder_initializers, 'Select...'));
+        get placeholder() { return this.#placeholder_accessor_storage; }
+        set placeholder(value) { this.#placeholder_accessor_storage = value; }
+        #options_accessor_storage = (__runInitializers(this, _placeholder_extraInitializers), __runInitializers(this, _options_initializers, []));
+        get options() { return this.#options_accessor_storage; }
+        set options(value) { this.#options_accessor_storage = value; }
+        #selectedOption_accessor_storage = (__runInitializers(this, _options_extraInitializers), __runInitializers(this, _selectedOption_initializers, null));
+        get selectedOption() { return this.#selectedOption_accessor_storage; }
+        set selectedOption(value) { this.#selectedOption_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _selectedOption_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;
+      }
+      label {
+        display: grid;
+        gap: 6px;
+      }
+      .label {
+        color: var(--idp-fg);
+        font-size: 13px;
+        font-weight: 500;
+      }
+      select {
+        width: 100%;
+        height: 36px;
+        box-sizing: border-box;
+        padding: 0 34px 0 10px;
+        border: 1px solid var(--idp-border);
+        border-radius: 8px;
+        outline: none;
+        background: var(--idp-card);
+        color: var(--idp-fg);
+        font-family: var(--idp-font);
+        font-size: 13px;
+        cursor: pointer;
+        transition: border-color 120ms ease, box-shadow 120ms ease;
+      }
+      select:focus {
+        border-color: var(--idp-accent);
+        box-shadow: 0 0 0 3px color-mix(in srgb, var(--idp-accent), transparent 86%);
+      }
+      select:disabled {
+        cursor: not-allowed;
+        opacity: 0.5;
+      }
+    `,
+        ];
+        handleChange(eventArg) {
+            const key = eventArg.target.value;
+            const selectedOption = this.options.find((optionArg) => optionArg.key === key) || null;
+            this.selectedOption = selectedOption;
+            this.dispatchEvent(new CustomEvent('idp-select', {
+                detail: {
+                    key,
+                    payload: selectedOption?.payload,
+                    selectedOption,
+                },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        render() {
+            return html `
+      <label>
+        ${this.label ? html `<span class="label">${this.label}</span>` : html ``}
+        <select .value=${this.selectedOption?.key || ''} ?disabled=${this.disabled} @change=${this.handleChange}>
+          <option value="" disabled>${this.placeholder}</option>
+          ${this.options.map((optionArg) => html `
+            <option value=${optionArg.key}>${optionArg.option}</option>
+          `)}
+        </select>
+      </label>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _disabled_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpSelect = _classThis;
+})();
+export { IdpSelect };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLXNlbGVjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9pZHAtc2VsZWN0LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUNuSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7SUFxQmxDLFNBQVM7NEJBRHJCLGFBQWEsQ0FBQyxZQUFZLENBQUM7Ozs7c0JBQ0csV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozt5QkFBbkIsU0FBUSxXQUFXOzs7O2lDQVl2QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7dUNBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzttQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxDQUFDOzBDQUd6QixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO1lBWDNDLG9LQUFnQixLQUFLLDZCQUFMLEtBQUsscUZBQU07WUFHM0Isc0xBQWdCLFdBQVcsNkJBQVgsV0FBVyxpR0FBZTtZQUcxQywwS0FBZ0IsT0FBTyw2QkFBUCxPQUFPLHlGQUEwQjtZQUdqRCwrTEFBZ0IsY0FBYyw2QkFBZCxjQUFjLHVHQUFpQztZQUcvRCw2S0FBZ0IsUUFBUSw2QkFBUixRQUFRLDJGQUFTO1lBekJuQyw2S0FnR0M7Ozs7UUEvRlEsTUFBTSxDQUFDLElBQUksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7OztpQkFHaEI7WUFDVCxFQUFFLE1BQU0sRUFB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

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

@@ -0,0 +1,15 @@
+import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
+declare global {
+    interface HTMLElementTagNameMap {
+        'idp-toggle': IdpToggle;
+    }
+}
+export declare class IdpToggle extends DeesElement {
+    static demo: () => TemplateResult<1>;
+    static demoGroups: string[];
+    accessor checked: boolean;
+    accessor disabled: boolean;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    private toggle;
+    render(): TemplateResult;
+}

package/dist_ts_web/elements/idp-toggle.js

@@ -0,0 +1,134 @@
+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';
+let IdpToggle = (() => {
+    let _classDecorators = [customElement('idp-toggle')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _checked_decorators;
+    let _checked_initializers = [];
+    let _checked_extraInitializers = [];
+    let _disabled_decorators;
+    let _disabled_initializers = [];
+    let _disabled_extraInitializers = [];
+    var IdpToggle = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _checked_decorators = [property({ type: Boolean, reflect: true })];
+            _disabled_decorators = [property({ type: Boolean, reflect: true })];
+            __esDecorate(this, null, _checked_decorators, { kind: "accessor", name: "checked", static: false, private: false, access: { has: obj => "checked" in obj, get: obj => obj.checked, set: (obj, value) => { obj.checked = value; } }, metadata: _metadata }, _checked_initializers, _checked_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);
+            IdpToggle = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = () => html `<idp-toggle checked></idp-toggle>`;
+        static demoGroups = ['idp.global v3 primitives'];
+        #checked_accessor_storage = __runInitializers(this, _checked_initializers, false);
+        get checked() { return this.#checked_accessor_storage; }
+        set checked(value) { this.#checked_accessor_storage = value; }
+        #disabled_accessor_storage = (__runInitializers(this, _checked_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: inline-flex;
+      }
+      button {
+        width: 36px;
+        height: 20px;
+        border: none;
+        border-radius: 999px;
+        padding: 2px;
+        background: var(--idp-border);
+        cursor: pointer;
+        transition: background 150ms ease;
+      }
+      :host([checked]) button {
+        background: var(--idp-accent);
+      }
+      :host([disabled]) button {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+      .knob {
+        width: 16px;
+        height: 16px;
+        border-radius: 999px;
+        background: #fff;
+        box-shadow: 0 1px 3px rgb(0 0 0 / 0.22);
+        transition: transform 150ms ease;
+      }
+      :host([checked]) .knob {
+        transform: translateX(16px);
+      }
+    `,
+        ];
+        toggle() {
+            if (this.disabled) {
+                return;
+            }
+            this.checked = !this.checked;
+            this.dispatchEvent(new CustomEvent('idp-toggle-change', {
+                detail: { checked: this.checked },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        render() {
+            return html `
+      <button role="switch" aria-checked=${this.checked} ?disabled=${this.disabled} @click=${this.toggle}>
+        <div class="knob"></div>
+      </button>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _disabled_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return IdpToggle = _classThis;
+})();
+export { IdpToggle };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9pZHAtdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsYUFBYSxFQUFFLEdBQUcsRUFBdUIsTUFBTSw2QkFBNkIsQ0FBQztBQUNuSCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxhQUFhLENBQUM7SUFTbEMsU0FBUzs0QkFEckIsYUFBYSxDQUFDLFlBQVksQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7O3lCQUFuQixTQUFRLFdBQVc7Ozs7bUNBSXZDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO29DQUcxQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztZQUYzQywwS0FBZ0IsT0FBTyw2QkFBUCxPQUFPLHlGQUFTO1lBR2hDLDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQVM7WUFSbkMsNktBa0VDOzs7O1FBakVRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBLG1DQUFtQyxDQUFDO1FBQzVELE1BQU0sQ0FBQyxVQUFVLEdBQUcsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO1FBR3hELDJFQUEwQixLQUFLLEVBQUM7UUFBaEMsSUFBZ0IsT0FBTyw2Q0FBUztRQUFoQyxJQUFnQixPQUFPLG1EQUFTO1FBR2hDLG1JQUEyQixLQUFLLEdBQUM7UUFBakMsSUFBZ0IsUUFBUSw4Q0FBUztRQUFqQyxJQUFnQixRQUFRLG9EQUFTO1FBRTFCLE1BQU0sQ0FBQyxNQUFNLEdBQUc7WUFDckIsR0FBRyxnQkFBZ0I7WUFDbkIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQWdDRjtTQUNGLENBQUM7UUFFTSxNQUFNO1lBQ1osSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2xCLE9BQU87WUFDVCxDQUFDO1lBQ0QsSUFBSSxDQUFDLE9BQU8sR0FBRyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUM7WUFDN0IsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLFdBQVcsQ0FBQyxtQkFBbUIsRUFBRTtnQkFDdEQsTUFBTSxFQUFFLEVBQUUsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLEVBQUU7Z0JBQ2pDLE9BQU8sRUFBRSxJQUFJO2dCQUNiLFFBQVEsRUFBRSxJQUFJO2FBQ2YsQ0FBQyxDQUFDLENBQUM7UUFDTixDQUFDO1FBRU0sTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzJDQUM0QixJQUFJLENBQUMsT0FBTyxjQUFjLElBQUksQ0FBQyxRQUFRLFdBQVcsSUFBSSxDQUFDLE1BQU07OztLQUduRyxDQUFDO1FBQ0osQ0FBQzs7Ozs7O1lBakVVLHVEQUFTOzs7OztTQUFULFNBQVMifQ==

package/dist_ts_web/elements/index.d.ts

@@ -0,0 +1,20 @@
+export * from './tokens.js';
+export * from './idp-icon.js';
+export * from './idp-button.js';
+export * from './idp-badge.js';
+export * from './idp-card.js';
+export * from './idp-input.js';
+export * from './idp-checkbox.js';
+export * from './idp-form.js';
+export * from './idp-form-submit.js';
+export * from './idp-select.js';
+export * from './idp-data-table.js';
+export * from './idp-toggle.js';
+export * from './idp-approval-card.js';
+export * from './idp-mobile-frame.js';
+export * from './idp-inbox-preview.js';
+export * from './idp-dashboard-window.js';
+export * from './idp-admin-shell.js';
+export * from './idp-landing-hero.js';
+export * from './idp-landing-page.js';
+export * from './idp-mobile-showcase.js';

package/dist_ts_web/elements/index.js

@@ -0,0 +1,21 @@
+export * from './tokens.js';
+export * from './idp-icon.js';
+export * from './idp-button.js';
+export * from './idp-badge.js';
+export * from './idp-card.js';
+export * from './idp-input.js';
+export * from './idp-checkbox.js';
+export * from './idp-form.js';
+export * from './idp-form-submit.js';
+export * from './idp-select.js';
+export * from './idp-data-table.js';
+export * from './idp-toggle.js';
+export * from './idp-approval-card.js';
+export * from './idp-mobile-frame.js';
+export * from './idp-inbox-preview.js';
+export * from './idp-dashboard-window.js';
+export * from './idp-admin-shell.js';
+export * from './idp-landing-hero.js';
+export * from './idp-landing-page.js';
+export * from './idp-mobile-showcase.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyxlQUFlLENBQUM7QUFDOUIsY0FBYyxpQkFBaUIsQ0FBQztBQUNoQyxjQUFjLGdCQUFnQixDQUFDO0FBQy9CLGNBQWMsZUFBZSxDQUFDO0FBQzlCLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLGVBQWUsQ0FBQztBQUM5QixjQUFjLHNCQUFzQixDQUFDO0FBQ3JDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGlCQUFpQixDQUFDO0FBQ2hDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYywwQkFBMEIsQ0FBQyJ9

package/dist_ts_web/elements/tokens.d.ts

@@ -0,0 +1,21 @@
+export declare const idpAccent = "#3B82F6";
+export declare const idpTheme: {
+    bg: string;
+    fg: string;
+    muted: string;
+    mutedFg: string;
+    border: string;
+    card: string;
+    primary: string;
+    primaryFg: string;
+    accent: string;
+    accentHover: string;
+    accentSoft: string;
+    info: string;
+    destructive: string;
+    ok: string;
+    warn: string;
+    radius: string;
+};
+export declare const idpBaseStyles: import("@design.estate/dees-element").CSSResult;
+export declare const idpElementStyles: import("@design.estate/dees-element").CSSResult[];

package/dist_ts_web/elements/tokens.js

@@ -0,0 +1,190 @@
+import { css, cssManager } from '@design.estate/dees-element';
+export const idpAccent = '#3B82F6';
+export const idpTheme = {
+    bg: 'var(--idp-bg)',
+    fg: 'var(--idp-fg)',
+    muted: 'var(--idp-muted)',
+    mutedFg: 'var(--idp-muted-fg)',
+    border: 'var(--idp-border)',
+    card: 'var(--idp-card)',
+    primary: 'var(--idp-primary)',
+    primaryFg: 'var(--idp-primary-fg)',
+    accent: 'var(--idp-accent)',
+    accentHover: 'var(--idp-accent-hover)',
+    accentSoft: 'var(--idp-accent-soft)',
+    info: 'var(--idp-info)',
+    destructive: 'var(--idp-destructive)',
+    ok: 'var(--idp-ok)',
+    warn: 'var(--idp-warn)',
+    radius: 'var(--idp-radius)',
+};
+export const idpBaseStyles = css `
+  :host {
+    --sh-bg: ${cssManager.bdTheme('#FAFAF9', '#0A0A0A')};
+    --sh-bg-2: ${cssManager.bdTheme('#F4F4F2', '#111111')};
+    --sh-card: ${cssManager.bdTheme('#FFFFFF', '#121212')};
+    --sh-card-2: ${cssManager.bdTheme('#F8F8F7', '#161616')};
+    --sh-muted: ${cssManager.bdTheme('#F1F1EF', '#161616')};
+    --sh-muted-fg: ${cssManager.bdTheme('#71717A', 'hsl(0 0% 55%)')};
+    --sh-fg: ${cssManager.bdTheme('#0A0A0A', '#FAFAFA')};
+    --sh-fg-2: ${cssManager.bdTheme('#3F3F46', '#D4D4D8')};
+    --sh-fg-3: ${cssManager.bdTheme('#52525B', 'hsl(0 0% 70%)')};
+    --sh-fg-4: ${cssManager.bdTheme('#A1A1AA', 'hsl(0 0% 35%)')};
+    --sh-border: ${cssManager.bdTheme('#E4E4E7', '#262626')};
+    --sh-border-soft: ${cssManager.bdTheme('#EDEDEC', '#1C1C1C')};
+    --sh-border-strong: ${cssManager.bdTheme('#D4D4D8', '#333333')};
+    --sh-input: ${cssManager.bdTheme('#FFFFFF', '#161616')};
+    --sh-input-bg: ${cssManager.bdTheme('#FFFFFF', '#0A0A0A')};
+    --sh-hover: ${cssManager.bdTheme('rgba(0,0,0,0.04)', 'rgba(255,255,255,0.04)')};
+    --sh-primary: ${cssManager.bdTheme('#18181B', '#FAFAFA')};
+    --sh-primary-fg: ${cssManager.bdTheme('#FAFAFA', '#18181B')};
+    --sh-accent: ${cssManager.bdTheme('#0050B9', '#3B82F6')};
+    --sh-accent-h: ${cssManager.bdTheme('#0069F2', '#60A5FA')};
+    --sh-accent-fg: #FFFFFF;
+    --sh-accent-soft: ${cssManager.bdTheme('#E6EFFB', 'rgba(59,130,246,0.15)')};
+    --sh-accent-soft-fg: ${cssManager.bdTheme('#0050B9', '#93BBFD')};
+    --sh-accent-ring: ${cssManager.bdTheme('rgba(0,80,185,0.2)', 'rgba(59,130,246,0.35)')};
+    --sh-ok: ${cssManager.bdTheme('#16A34A', '#4ADE80')};
+    --sh-ok-bg: ${cssManager.bdTheme('#F0FDF4', 'rgba(20,83,45,0.4)')};
+    --sh-ok-border: ${cssManager.bdTheme('#BBF7D0', 'rgba(74,222,128,0.25)')};
+    --sh-warn: ${cssManager.bdTheme('#B45309', '#FBBF24')};
+    --sh-warn-bg: ${cssManager.bdTheme('#FEF9C3', 'rgba(69,26,3,0.6)')};
+    --sh-warn-border: ${cssManager.bdTheme('#FDE68A', 'rgba(251,191,36,0.25)')};
+    --sh-err: ${cssManager.bdTheme('#DC2626', '#F87171')};
+    --sh-err-bg: ${cssManager.bdTheme('#FEF2F2', 'rgba(69,10,10,0.6)')};
+    --sh-err-border: ${cssManager.bdTheme('#FECACA', 'rgba(248,113,113,0.25)')};
+    --sh-info: ${cssManager.bdTheme('#1E40AF', '#93BBFD')};
+    --sh-info-bg: ${cssManager.bdTheme('#EFF6FF', 'rgba(59,130,246,0.15)')};
+    --sh-info-border: ${cssManager.bdTheme('#BFDBFE', 'rgba(59,130,246,0.3)')};
+    --sh-destructive: #EF4444;
+    --sh-ring: ${cssManager.bdTheme('#A1A1AA', '#3B82F6')};
+    --sh-radius: 8px;
+    --sh-radius-lg: 12px;
+    --sh-chart-1: ${cssManager.bdTheme('#0050B9', '#3B82F6')};
+    --sh-chart-2: ${cssManager.bdTheme('#16A34A', '#4ADE80')};
+    --sh-chart-3: ${cssManager.bdTheme('#DC2626', '#F87171')};
+    --sh-chart-4: ${cssManager.bdTheme('#B45309', '#FBBF24')};
+    --sh-chart-5: ${cssManager.bdTheme('#6E5BE6', '#A78BFA')};
+    --sh-grid: ${cssManager.bdTheme('#E4E4E7', '#262626')};
+    --sh-grid-soft: ${cssManager.bdTheme('rgba(0,0,0,0.04)', 'rgba(255,255,255,0.04)')};
+    --sh-spark-up: ${cssManager.bdTheme('#16A34A', '#4ADE80')};
+    --sh-spark-down: ${cssManager.bdTheme('#DC2626', '#F87171')};
+    --sh-spark-info: ${cssManager.bdTheme('#0050B9', '#93BBFD')};
+    --sh-d1: ${cssManager.bdTheme('#0050B9', '#93BBFD')};
+    --sh-d2: ${cssManager.bdTheme('#16A34A', '#4ADE80')};
+    --sh-d3: ${cssManager.bdTheme('#B45309', '#FBBF24')};
+    --sh-d4: ${cssManager.bdTheme('#DC2626', '#F87171')};
+    --sh-d5: ${cssManager.bdTheme('#6E5BE6', '#A78BFA')};
+    --sh-d6: ${cssManager.bdTheme('#0891B2', '#22D3EE')};
+
+    --idp-bg: var(--sh-bg);
+    --idp-bg-2: var(--sh-bg-2);
+    --idp-fg: var(--sh-fg);
+    --idp-fg-2: var(--sh-fg-2);
+    --idp-fg-3: var(--sh-fg-3);
+    --idp-muted: var(--sh-muted);
+    --idp-muted-fg: var(--sh-muted-fg);
+    --idp-border: var(--sh-border);
+    --idp-border-soft: var(--sh-border-soft);
+    --idp-border-strong: var(--sh-border-strong);
+    --idp-card: var(--sh-card);
+    --idp-card-2: var(--sh-card-2);
+    --idp-primary: var(--sh-primary);
+    --idp-primary-fg: var(--sh-primary-fg);
+    --idp-accent: var(--sh-accent);
+    --idp-accent-hover: var(--sh-accent-h);
+    --idp-accent-fg: var(--sh-accent-fg);
+    --idp-accent-soft: var(--sh-accent-soft);
+    --idp-destructive: var(--sh-destructive);
+    --idp-ok: var(--sh-ok);
+    --idp-ok-bg: var(--sh-ok-bg);
+    --idp-ok-border: var(--sh-ok-border);
+    --idp-warn: var(--sh-warn);
+    --idp-warn-bg: var(--sh-warn-bg);
+    --idp-warn-border: var(--sh-warn-border);
+    --idp-error: var(--sh-err);
+    --idp-error-bg: var(--sh-err-bg);
+    --idp-error-border: var(--sh-err-border);
+    --idp-info: var(--sh-info);
+    --idp-info-bg: var(--sh-info-bg);
+    --idp-info-border: var(--sh-info-border);
+    --idp-chart-1: var(--sh-chart-1);
+    --idp-chart-2: var(--sh-chart-2);
+    --idp-chart-3: var(--sh-chart-3);
+    --idp-chart-4: var(--sh-chart-4);
+    --idp-chart-5: var(--sh-chart-5);
+    --idp-spark-up: var(--sh-spark-up);
+    --idp-spark-down: var(--sh-spark-down);
+    --idp-spark-info: var(--sh-spark-info);
+    --idp-radius: var(--sh-radius);
+    --idp-radius-lg: var(--sh-radius-lg);
+    --idp-font: 'Geist', ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+    --idp-display: 'Plus Jakarta Sans', 'Geist', ui-sans-serif, system-ui, sans-serif;
+    --idp-mono: 'Intel One Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
+    --idp-serif: 'Instrument Serif', Georgia, serif;
+    font-family: var(--idp-font);
+    font-feature-settings: "cv11", "ss03";
+    font-variant-numeric: tabular-nums;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  :host([theme="dark"]),
+  :host([dark]) {
+    --sh-bg: #0A0A0A;
+    --sh-bg-2: #111111;
+    --sh-card: #121212;
+    --sh-card-2: #161616;
+    --sh-muted: #161616;
+    --sh-muted-fg: hsl(0 0% 55%);
+    --sh-fg: #FAFAFA;
+    --sh-fg-2: #D4D4D8;
+    --sh-fg-3: hsl(0 0% 70%);
+    --sh-fg-4: hsl(0 0% 35%);
+    --sh-border: #262626;
+    --sh-border-soft: #1C1C1C;
+    --sh-border-strong: #333333;
+    --sh-input: #161616;
+    --sh-input-bg: #0A0A0A;
+    --sh-hover: rgba(255,255,255,0.04);
+    --sh-primary: #FAFAFA;
+    --sh-primary-fg: #18181B;
+    --sh-accent: #3B82F6;
+    --sh-accent-h: #60A5FA;
+    --sh-accent-fg: #FFFFFF;
+    --sh-accent-soft: rgba(59,130,246,0.15);
+    --sh-accent-soft-fg: #93BBFD;
+    --sh-accent-ring: rgba(59,130,246,0.35);
+    --sh-ok: #4ADE80;
+    --sh-ok-bg: rgba(20,83,45,0.4);
+    --sh-ok-border: rgba(74,222,128,0.25);
+    --sh-warn: #FBBF24;
+    --sh-warn-bg: rgba(69,26,3,0.6);
+    --sh-warn-border: rgba(251,191,36,0.25);
+    --sh-err: #F87171;
+    --sh-err-bg: rgba(69,10,10,0.6);
+    --sh-err-border: rgba(248,113,113,0.25);
+    --sh-info: #93BBFD;
+    --sh-info-bg: rgba(59,130,246,0.15);
+    --sh-info-border: rgba(59,130,246,0.3);
+    --sh-destructive: #EF4444;
+    --sh-ring: #3B82F6;
+    --sh-chart-1: #3B82F6;
+    --sh-chart-2: #4ADE80;
+    --sh-chart-3: #F87171;
+    --sh-chart-4: #FBBF24;
+    --sh-chart-5: #A78BFA;
+    --sh-grid: #262626;
+    --sh-grid-soft: rgba(255,255,255,0.04);
+    --sh-spark-up: #4ADE80;
+    --sh-spark-down: #F87171;
+    --sh-spark-info: #93BBFD;
+    --sh-d1: #93BBFD;
+    --sh-d2: #4ADE80;
+    --sh-d3: #FBBF24;
+    --sh-d4: #F87171;
+    --sh-d5: #A78BFA;
+    --sh-d6: #22D3EE;
+  }
+`;
+export const idpElementStyles = [cssManager.defaultStyles, idpBaseStyles];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9rZW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3Rva2Vucy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRTlELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBRyxTQUFTLENBQUM7QUFFbkMsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHO0lBQ3RCLEVBQUUsRUFBRSxlQUFlO0lBQ25CLEVBQUUsRUFBRSxlQUFlO0lBQ25CLEtBQUssRUFBRSxrQkFBa0I7SUFDekIsT0FBTyxFQUFFLHFCQUFxQjtJQUM5QixNQUFNLEVBQUUsbUJBQW1CO0lBQzNCLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsT0FBTyxFQUFFLG9CQUFvQjtJQUM3QixTQUFTLEVBQUUsdUJBQXVCO0lBQ2xDLE1BQU0sRUFBRSxtQkFBbUI7SUFDM0IsV0FBVyxFQUFFLHlCQUF5QjtJQUN0QyxVQUFVLEVBQUUsd0JBQXdCO0lBQ3BDLElBQUksRUFBRSxpQkFBaUI7SUFDdkIsV0FBVyxFQUFFLHdCQUF3QjtJQUNyQyxFQUFFLEVBQUUsZUFBZTtJQUNuQixJQUFJLEVBQUUsaUJBQWlCO0lBQ3ZCLE1BQU0sRUFBRSxtQkFBbUI7Q0FDNUIsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFHLENBQUE7O2VBRWpCLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQztpQkFDdEMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO2lCQUN4QyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7bUJBQ3RDLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLFNBQVMsQ0FBQztrQkFDekMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO3FCQUNyQyxVQUFV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

package/dist_ts_web/index.d.ts

@@ -0,0 +1 @@
+export * from './elements/index.js';

package/dist_ts_web/index.js

@@ -0,0 +1,2 @@
+export * from './elements/index.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi90c193ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxxQkFBcUIsQ0FBQyJ9

package/dist_ts_web/pages/index.d.ts

@@ -0,0 +1,5 @@
+import '../elements/index.js';
+export declare const LandingPage: () => import("@design.estate/dees-element").TemplateResult<1>;
+export declare const AdminConsole: () => import("@design.estate/dees-element").TemplateResult<1>;
+export declare const MobileShowcase: () => import("@design.estate/dees-element").TemplateResult<1>;
+export declare const ComposedViews: () => import("@design.estate/dees-element").TemplateResult<1>;

package/dist_ts_web/pages/index.js

@@ -0,0 +1,23 @@
+import { html } from '@design.estate/dees-element';
+import '../elements/index.js';
+export const LandingPage = () => html `
+  <idp-landing-page></idp-landing-page>
+`;
+export const AdminConsole = () => html `
+  <div style="box-sizing: border-box; min-height: 100vh; padding: 32px; background: #f4f4f2; font-family: Geist, system-ui, sans-serif;">
+    <idp-admin-shell></idp-admin-shell>
+  </div>
+`;
+export const MobileShowcase = () => html `
+  <idp-mobile-showcase></idp-mobile-showcase>
+`;
+export const ComposedViews = () => html `
+  <div style="display: grid; gap: 48px; background: #0a0a0a;">
+    <idp-landing-page></idp-landing-page>
+    <div style="padding: 48px; background: #f4f4f2;">
+      <idp-admin-shell></idp-admin-shell>
+    </div>
+    <idp-mobile-showcase></idp-mobile-showcase>
+  </div>
+`;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25ELE9BQU8sc0JBQXNCLENBQUM7QUFFOUIsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQTs7Q0FFcEMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7Ozs7Q0FJckMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUE7O0NBRXZDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7OztDQVF0QyxDQUFDIn0=