@foxy.io/elements 1.23.0 → 1.24.0-beta.1

package/dist/elements/public/ClientForm/ClientForm.d.ts

@@ -0,0 +1,62 @@
+import type { Data, Templates } from './types';
+import type { TemplateResult } from 'lit-html';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for viewing and deleting clients (`fx:client`).
+ *
+ * @slot client-id:before
+ * @slot client-id:after
+ *
+ * @slot client-secret:before
+ * @slot client-secret:after
+ *
+ * @slot redirect-uri:before
+ * @slot redirect-uri:after
+ *
+ * @slot project-name:before
+ * @slot project-name:after
+ *
+ * @slot project-description:before
+ * @slot project-description:after
+ *
+ * @slot company-name:before
+ * @slot company-name:after
+ *
+ * @slot company-url:before
+ * @slot company-url:after
+ *
+ * @slot company-logo:before
+ * @slot company-logo:after
+ *
+ * @slot contact-name:before
+ * @slot contact-name:after
+ *
+ * @slot contact-email:before
+ * @slot contact-email:after
+ *
+ * @slot contact-phone:before
+ * @slot contact-phone:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-client-form
+ * @since 1.24.0
+ */
+export declare class ClientForm extends Base<Data> {
+    templates: Templates;
+    get readonlySelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/ClientForm/ClientForm.js

@@ -0,0 +1,108 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ResponsiveMixin } from "../../../mixins/responsive.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-element';
+const NS = 'client-form';
+const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
+/**
+ * Form element for viewing and deleting clients (`fx:client`).
+ *
+ * @slot client-id:before
+ * @slot client-id:after
+ *
+ * @slot client-secret:before
+ * @slot client-secret:after
+ *
+ * @slot redirect-uri:before
+ * @slot redirect-uri:after
+ *
+ * @slot project-name:before
+ * @slot project-name:after
+ *
+ * @slot project-description:before
+ * @slot project-description:after
+ *
+ * @slot company-name:before
+ * @slot company-name:after
+ *
+ * @slot company-url:before
+ * @slot company-url:after
+ *
+ * @slot company-logo:before
+ * @slot company-logo:after
+ *
+ * @slot contact-name:before
+ * @slot contact-name:after
+ *
+ * @slot contact-email:before
+ * @slot contact-email:after
+ *
+ * @slot contact-phone:before
+ * @slot contact-phone:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-client-form
+ * @since 1.24.0
+ */
+export class ClientForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+    }
+    get readonlySelector() {
+        const alwaysMatch = ['client-secret'];
+        if (this.data || this.in({ busy: 'fetching' }))
+            alwaysMatch.push('client-id');
+        return new BooleanSelector(`${alwaysMatch.join(' ')} ${super.readonlySelector.toString()}`);
+    }
+    get hiddenSelector() {
+        const alwaysMatch = [];
+        if (!this.data && !this.in({ busy: 'fetching' }))
+            alwaysMatch.push('client-secret');
+        return new BooleanSelector(`${alwaysMatch.join(' ')} ${super.hiddenSelector.toString()}`);
+    }
+    renderBody() {
+        return html `
+      <div class="grid grid-cols-2 gap-m">
+        <foxy-internal-text-control class="col-span-2" infer="client-id">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="client-secret">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="redirect-uri">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="project-name">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-area-control class="col-span-2" infer="project-description">
+        </foxy-internal-text-area-control>
+
+        <foxy-internal-text-control infer="company-name"></foxy-internal-text-control>
+        <foxy-internal-text-control infer="company-url"></foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="company-logo">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control class="col-span-2" infer="contact-name">
+        </foxy-internal-text-control>
+
+        <foxy-internal-text-control infer="contact-email"></foxy-internal-text-control>
+        <foxy-internal-text-control infer="contact-phone"></foxy-internal-text-control>
+      </div>
+
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=ClientForm.js.map

package/dist/elements/public/ClientForm/ClientForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientForm/ClientForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnC,MAAM,EAAE,GAAG,aAAa,CAAC;AACzB,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAU;IAA1C;;QACE,cAAS,GAAc,EAAE,CAAC;IAgD5B,CAAC;IA9CC,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,eAAe,CAAC,CAAC;QACtC,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YAAE,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9E,OAAO,IAAI,eAAe,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC9F,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAa,EAAE,CAAC;QACjC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;YAAE,WAAW,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACpF,OAAO,IAAI,eAAe,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;IAC5F,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8BP,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-element';\n\nconst NS = 'client-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for viewing and deleting clients (`fx:client`).\n *\n * @slot client-id:before\n * @slot client-id:after\n *\n * @slot client-secret:before\n * @slot client-secret:after\n *\n * @slot redirect-uri:before\n * @slot redirect-uri:after\n *\n * @slot project-name:before\n * @slot project-name:after\n *\n * @slot project-description:before\n * @slot project-description:after\n *\n * @slot company-name:before\n * @slot company-name:after\n *\n * @slot company-url:before\n * @slot company-url:after\n *\n * @slot company-logo:before\n * @slot company-logo:after\n *\n * @slot contact-name:before\n * @slot contact-name:after\n *\n * @slot contact-email:before\n * @slot contact-email:after\n *\n * @slot contact-phone:before\n * @slot contact-phone:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-client-form\n * @since 1.24.0\n */\nexport class ClientForm extends Base<Data> {\n  templates: Templates = {};\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = ['client-secret'];\n    if (this.data || this.in({ busy: 'fetching' })) alwaysMatch.push('client-id');\n    return new BooleanSelector(`${alwaysMatch.join(' ')} ${super.readonlySelector.toString()}`);\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch: string[] = [];\n    if (!this.data && !this.in({ busy: 'fetching' })) alwaysMatch.push('client-secret');\n    return new BooleanSelector(`${alwaysMatch.join(' ')} ${super.hiddenSelector.toString()}`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"client-id\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"client-secret\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"redirect-uri\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"project-name\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-area-control class=\"col-span-2\" infer=\"project-description\">\n        </foxy-internal-text-area-control>\n\n        <foxy-internal-text-control infer=\"company-name\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"company-url\"></foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"company-logo\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"contact-name\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control infer=\"contact-email\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"contact-phone\"></foxy-internal-text-control>\n      </div>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

package/dist/elements/public/ClientForm/index.d.ts

@@ -0,0 +1,5 @@
+import '../../internal/InternalTextAreaControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import { ClientForm } from './ClientForm';
+export { ClientForm };

package/dist/elements/public/ClientForm/index.js

@@ -0,0 +1,7 @@
+import "../../internal/InternalTextAreaControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import { ClientForm } from "./ClientForm.js";
+customElements.define('foxy-client-form', ClientForm);
+export { ClientForm };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/ClientForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientForm/index.ts"],"names":[],"mappings":"AAAA,yDAAsD;AACtD,qDAAkD;AAClD,8CAA2C;AAE3C,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;AAEtD,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import '../../internal/InternalTextAreaControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport { ClientForm } from './ClientForm';\n\ncustomElements.define('foxy-client-form', ClientForm);\n\nexport { ClientForm };\n"]}

package/dist/elements/public/ClientForm/types.d.ts

@@ -0,0 +1,35 @@
+import type { ClientForm } from './ClientForm';
+import type { Renderer } from '../../../mixins/configurable';
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.Client>;
+export declare type Templates = {
+    'client-id:before'?: Renderer<ClientForm>;
+    'client-id:after'?: Renderer<ClientForm>;
+    'client-secret:before'?: Renderer<ClientForm>;
+    'client-secret:after'?: Renderer<ClientForm>;
+    'redirect-uri:before'?: Renderer<ClientForm>;
+    'redirect-uri:after'?: Renderer<ClientForm>;
+    'project-name:before'?: Renderer<ClientForm>;
+    'project-name:after'?: Renderer<ClientForm>;
+    'project-description:before'?: Renderer<ClientForm>;
+    'project-description:after'?: Renderer<ClientForm>;
+    'company-name:before'?: Renderer<ClientForm>;
+    'company-name:after'?: Renderer<ClientForm>;
+    'company-url:before'?: Renderer<ClientForm>;
+    'company-url:after'?: Renderer<ClientForm>;
+    'company-logo:before'?: Renderer<ClientForm>;
+    'company-logo:after'?: Renderer<ClientForm>;
+    'contact-name:before'?: Renderer<ClientForm>;
+    'contact-name:after'?: Renderer<ClientForm>;
+    'contact-email:before'?: Renderer<ClientForm>;
+    'contact-email:after'?: Renderer<ClientForm>;
+    'contact-phone:before'?: Renderer<ClientForm>;
+    'contact-phone:after'?: Renderer<ClientForm>;
+    'timestamps:before'?: Renderer<ClientForm>;
+    'timestamps:after'?: Renderer<ClientForm>;
+    'create:before'?: Renderer<ClientForm>;
+    'create:after'?: Renderer<ClientForm>;
+    'delete:before'?: Renderer<ClientForm>;
+    'delete:after'?: Renderer<ClientForm>;
+};

package/dist/elements/public/ClientForm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/ClientForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ClientForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ClientForm } from './ClientForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Client>;\n\nexport type Templates = {\n  'client-id:before'?: Renderer<ClientForm>;\n  'client-id:after'?: Renderer<ClientForm>;\n  'client-secret:before'?: Renderer<ClientForm>;\n  'client-secret:after'?: Renderer<ClientForm>;\n  'redirect-uri:before'?: Renderer<ClientForm>;\n  'redirect-uri:after'?: Renderer<ClientForm>;\n  'project-name:before'?: Renderer<ClientForm>;\n  'project-name:after'?: Renderer<ClientForm>;\n  'project-description:before'?: Renderer<ClientForm>;\n  'project-description:after'?: Renderer<ClientForm>;\n  'company-name:before'?: Renderer<ClientForm>;\n  'company-name:after'?: Renderer<ClientForm>;\n  'company-url:before'?: Renderer<ClientForm>;\n  'company-url:after'?: Renderer<ClientForm>;\n  'company-logo:before'?: Renderer<ClientForm>;\n  'company-logo:after'?: Renderer<ClientForm>;\n  'contact-name:before'?: Renderer<ClientForm>;\n  'contact-name:after'?: Renderer<ClientForm>;\n  'contact-email:before'?: Renderer<ClientForm>;\n  'contact-email:after'?: Renderer<ClientForm>;\n  'contact-phone:before'?: Renderer<ClientForm>;\n  'contact-phone:after'?: Renderer<ClientForm>;\n  'timestamps:before'?: Renderer<ClientForm>;\n  'timestamps:after'?: Renderer<ClientForm>;\n  'create:before'?: Renderer<ClientForm>;\n  'create:after'?: Renderer<ClientForm>;\n  'delete:before'?: Renderer<ClientForm>;\n  'delete:after'?: Renderer<ClientForm>;\n};\n"]}

package/dist/elements/public/PasskeyCard/PasskeyCard.d.ts

@@ -0,0 +1,22 @@
+import type { TemplateResult } from 'lit-element';
+import type { Data } from './types';
+import { TwoLineCard } from '../CustomFieldCard/TwoLineCard';
+declare const Base: typeof TwoLineCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Basic card displaying a saved passkey.
+ *
+ * @slot title:before
+ * @slot title:after
+ *
+ * @slot subtitle:before
+ * @slot subtitle:after
+ *
+ * @element foxy-passkey-card
+ * @since 1.24.0
+ */
+export declare class PasskeyCard extends Base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/PasskeyCard/PasskeyCard.js

@@ -0,0 +1,42 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { TwoLineCard } from "../CustomFieldCard/TwoLineCard.js";
+import { html } from 'lit-html';
+import uainfer from 'uainfer/src/uainfer.js';
+const NS = 'passkey-card';
+const Base = TranslatableMixin(TwoLineCard, NS);
+/**
+ * Basic card displaying a saved passkey.
+ *
+ * @slot title:before
+ * @slot title:after
+ *
+ * @slot subtitle:before
+ * @slot subtitle:after
+ *
+ * @element foxy-passkey-card
+ * @since 1.24.0
+ */
+export class PasskeyCard extends Base {
+    renderBody() {
+        return super.renderBody({
+            title: data => html `${data.credential_id}`,
+            subtitle: data => {
+                let options;
+                let key;
+                if (data.last_login_date && data.last_login_ua) {
+                    options = {
+                        last_login_date: new Date(data.last_login_date),
+                        last_login_ua: uainfer.analyze(data.last_login_ua).toString(),
+                    };
+                    key = 'subtitle';
+                }
+                else {
+                    options = {};
+                    key = 'subtitle_no_data';
+                }
+                return html `<foxy-i18n infer="" key=${key} .options=${options}></foxy-i18n>`;
+            },
+        });
+    }
+}
+//# sourceMappingURL=PasskeyCard.js.map

package/dist/elements/public/PasskeyCard/PasskeyCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeyCard.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyCard/PasskeyCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAE7C,MAAM,EAAE,GAAG,cAAc,CAAC;AAC1B,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAU;IACzC,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,aAAa,EAAE;YAC1C,QAAQ,EAAE,IAAI,CAAC,EAAE;gBACf,IAAI,OAAY,CAAC;gBACjB,IAAI,GAAW,CAAC;gBAEhB,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,aAAa,EAAE;oBAC9C,OAAO,GAAG;wBACR,eAAe,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC;wBAC/C,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,QAAQ,EAAE;qBAC9D,CAAC;oBACF,GAAG,GAAG,UAAU,CAAC;iBAClB;qBAAM;oBACL,OAAO,GAAG,EAAE,CAAC;oBACb,GAAG,GAAG,kBAAkB,CAAC;iBAC1B;gBAED,OAAO,IAAI,CAAA,2BAA2B,GAAG,aAAa,OAAO,eAAe,CAAC;YAC/E,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { html } from 'lit-html';\n\nimport uainfer from 'uainfer/src/uainfer.js';\n\nconst NS = 'passkey-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Basic card displaying a saved passkey.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-passkey-card\n * @since 1.24.0\n */\nexport class PasskeyCard extends Base<Data> {\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => html`${data.credential_id}`,\n      subtitle: data => {\n        let options: any;\n        let key: string;\n\n        if (data.last_login_date && data.last_login_ua) {\n          options = {\n            last_login_date: new Date(data.last_login_date),\n            last_login_ua: uainfer.analyze(data.last_login_ua).toString(),\n          };\n          key = 'subtitle';\n        } else {\n          options = {};\n          key = 'subtitle_no_data';\n        }\n\n        return html`<foxy-i18n infer=\"\" key=${key} .options=${options}></foxy-i18n>`;\n      },\n    });\n  }\n}\n"]}

package/dist/elements/public/PasskeyCard/index.d.ts

@@ -0,0 +1,3 @@
+import '../../internal/InternalCard/index';
+import { PasskeyCard } from './PasskeyCard';
+export { PasskeyCard };

package/dist/elements/public/PasskeyCard/index.js

@@ -0,0 +1,5 @@
+import "../../internal/InternalCard/index.js";
+import { PasskeyCard } from "./PasskeyCard.js";
+customElements.define('foxy-passkey-card', PasskeyCard);
+export { PasskeyCard };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/PasskeyCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport { PasskeyCard } from './PasskeyCard';\n\ncustomElements.define('foxy-passkey-card', PasskeyCard);\n\nexport { PasskeyCard };\n"]}

package/dist/elements/public/PasskeyCard/types.d.ts

@@ -0,0 +1,33 @@
+import type { CollectionGraphLinks, CollectionGraphProps } from '@foxy.io/sdk/dist/types/core/defaults';
+import type { Graph, Resource } from '@foxy.io/sdk/core';
+import type { PasskeyCard } from './PasskeyCard';
+import type { Renderer } from '../../../mixins/configurable';
+import type { Rels } from '@foxy.io/sdk/backend';
+export interface Passkeys extends Graph {
+    curie: 'fx:passkeys';
+    links: CollectionGraphLinks<Passkeys>;
+    props: CollectionGraphProps;
+    child: Passkey;
+}
+export interface Passkey extends Graph {
+    curie: 'fx:passkey';
+    links: {
+        'self': Passkey;
+        'fx:user': Rels.User;
+        'fx:passkeys': Passkeys;
+    };
+    props: {
+        last_login_date: string | null;
+        last_login_ua: string | null;
+        credential_id: string;
+        date_created: string | null;
+        date_modified: string | null;
+    };
+}
+export declare type Data = Resource<Passkey>;
+export declare type Templates = {
+    'title:before'?: Renderer<PasskeyCard>;
+    'title:after'?: Renderer<PasskeyCard>;
+    'subtitle:before'?: Renderer<PasskeyCard>;
+    'subtitle:after'?: Renderer<PasskeyCard>;
+};

package/dist/elements/public/PasskeyCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/PasskeyCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  CollectionGraphLinks,\n  CollectionGraphProps,\n} from '@foxy.io/sdk/dist/types/core/defaults';\n\nimport type { Graph, Resource } from '@foxy.io/sdk/core';\nimport type { PasskeyCard } from './PasskeyCard';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport interface Passkeys extends Graph {\n  curie: 'fx:passkeys';\n  links: CollectionGraphLinks<Passkeys>;\n  props: CollectionGraphProps;\n  child: Passkey;\n}\n\nexport interface Passkey extends Graph {\n  curie: 'fx:passkey';\n  links: {\n    'self': Passkey;\n    'fx:user': Rels.User;\n    'fx:passkeys': Passkeys;\n  };\n  props: {\n    last_login_date: string | null;\n    last_login_ua: string | null;\n    credential_id: string;\n    date_created: string | null;\n    date_modified: string | null;\n  };\n}\n\nexport type Data = Resource<Passkey>;\n\nexport type Templates = {\n  'title:before'?: Renderer<PasskeyCard>;\n  'title:after'?: Renderer<PasskeyCard>;\n  'subtitle:before'?: Renderer<PasskeyCard>;\n  'subtitle:after'?: Renderer<PasskeyCard>;\n};\n"]}

package/dist/elements/public/PasskeyForm/PasskeyForm.d.ts

@@ -0,0 +1,36 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+/**
+ * Form element for viewing and deleting passkeys (`fx:passkey`).
+ *
+ * @slot credential-id:before
+ * @slot credential-id:after
+ *
+ * @slot last-login-date:before
+ * @slot last-login-date:after
+ *
+ * @slot last-login-ua:before
+ * @slot last-login-ua:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-passkey-form
+ * @since 1.24.0
+ */
+export declare class PasskeyForm extends Base<Data> {
+    get readonlySelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/PasskeyForm/PasskeyForm.js

@@ -0,0 +1,52 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { ResponsiveMixin } from "../../../mixins/responsive.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-element';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+const NS = 'passkey-form';
+const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
+/**
+ * Form element for viewing and deleting passkeys (`fx:passkey`).
+ *
+ * @slot credential-id:before
+ * @slot credential-id:after
+ *
+ * @slot last-login-date:before
+ * @slot last-login-date:after
+ *
+ * @slot last-login-ua:before
+ * @slot last-login-ua:after
+ *
+ * @slot timestamps:before
+ * @slot timestamps:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-passkey-form
+ * @since 1.24.0
+ */
+export class PasskeyForm extends Base {
+    get readonlySelector() {
+        return new BooleanSelector(`credential-id last-login-date last-login-ua ${super.readonlySelector.toString()}`);
+    }
+    renderBody() {
+        if (!this.data) {
+            return html `
+        <div class="p-xl flex items-center justify-center">
+          <foxy-spinner infer="spinner" state="empty" layout="vertical"></foxy-spinner>
+        </div>
+      `;
+        }
+        return html `
+      <foxy-internal-text-control infer="credential-id"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="last-login-date"></foxy-internal-text-control>
+      <foxy-internal-text-area-control infer="last-login-ua"></foxy-internal-text-area-control>
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=PasskeyForm.js.map

package/dist/elements/public/PasskeyForm/PasskeyForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasskeyForm.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyForm/PasskeyForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,EAAE,GAAG,cAAc,CAAC;AAC1B,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAElE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,OAAO,WAAY,SAAQ,IAAU;IACzC,IAAI,gBAAgB;QAClB,OAAO,IAAI,eAAe,CACxB,+CAA+C,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,EAAE,CACnF,CAAC;IACJ,CAAC;IAED,UAAU;QACR,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,OAAO,IAAI,CAAA;;;;OAIV,CAAC;SACH;QAED,OAAO,IAAI,CAAA;;;;QAIP,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-element';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\n\nconst NS = 'passkey-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for viewing and deleting passkeys (`fx:passkey`).\n *\n * @slot credential-id:before\n * @slot credential-id:after\n *\n * @slot last-login-date:before\n * @slot last-login-date:after\n *\n * @slot last-login-ua:before\n * @slot last-login-ua:after\n *\n * @slot timestamps:before\n * @slot timestamps:after\n *\n * @slot create:before\n * @slot create:after\n *\n * @slot delete:before\n * @slot delete:after\n *\n * @element foxy-passkey-form\n * @since 1.24.0\n */\nexport class PasskeyForm extends Base<Data> {\n  get readonlySelector(): BooleanSelector {\n    return new BooleanSelector(\n      `credential-id last-login-date last-login-ua ${super.readonlySelector.toString()}`\n    );\n  }\n\n  renderBody(): TemplateResult {\n    if (!this.data) {\n      return html`\n        <div class=\"p-xl flex items-center justify-center\">\n          <foxy-spinner infer=\"spinner\" state=\"empty\" layout=\"vertical\"></foxy-spinner>\n        </div>\n      `;\n    }\n\n    return html`\n      <foxy-internal-text-control infer=\"credential-id\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"last-login-date\"></foxy-internal-text-control>\n      <foxy-internal-text-area-control infer=\"last-login-ua\"></foxy-internal-text-area-control>\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

package/dist/elements/public/PasskeyForm/index.d.ts

@@ -0,0 +1,6 @@
+import '../../internal/InternalTextAreaControl/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../Spinner/index';
+import { PasskeyForm } from './PasskeyForm';
+export { PasskeyForm };

package/dist/elements/public/PasskeyForm/index.js

@@ -0,0 +1,8 @@
+import "../../internal/InternalTextAreaControl/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../Spinner/index.js";
+import { PasskeyForm } from "./PasskeyForm.js";
+customElements.define('foxy-passkey-form', PasskeyForm);
+export { PasskeyForm };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/PasskeyForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyForm/index.ts"],"names":[],"mappings":"AAAA,yDAAsD;AACtD,qDAAkD;AAClD,8CAA2C;AAC3C,6BAA0B;AAE1B,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalTextAreaControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\nimport '../Spinner/index';\n\nimport { PasskeyForm } from './PasskeyForm';\n\ncustomElements.define('foxy-passkey-form', PasskeyForm);\n\nexport { PasskeyForm };\n"]}

package/dist/elements/public/PasskeyForm/types.d.ts

@@ -0,0 +1,17 @@
+import type { PasskeyForm } from './PasskeyForm';
+import type { Renderer } from '../../../mixins/configurable';
+export type { Data } from '../PasskeyCard/types';
+export declare type Templates = {
+    'credential-id:before'?: Renderer<PasskeyForm>;
+    'credential-id:after'?: Renderer<PasskeyForm>;
+    'last-login-date:before'?: Renderer<PasskeyForm>;
+    'last-login-date:after'?: Renderer<PasskeyForm>;
+    'last-login-ua:before'?: Renderer<PasskeyForm>;
+    'last-login-ua:after'?: Renderer<PasskeyForm>;
+    'timestamps:before'?: Renderer<PasskeyForm>;
+    'timestamps:after'?: Renderer<PasskeyForm>;
+    'create:before'?: Renderer<PasskeyForm>;
+    'create:after'?: Renderer<PasskeyForm>;
+    'delete:before'?: Renderer<PasskeyForm>;
+    'delete:after'?: Renderer<PasskeyForm>;
+};

package/dist/elements/public/PasskeyForm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/PasskeyForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/PasskeyForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { PasskeyForm } from './PasskeyForm';\nimport type { Renderer } from '../../../mixins/configurable';\n\nexport type { Data } from '../PasskeyCard/types';\n\nexport type Templates = {\n  'credential-id:before'?: Renderer<PasskeyForm>;\n  'credential-id:after'?: Renderer<PasskeyForm>;\n  'last-login-date:before'?: Renderer<PasskeyForm>;\n  'last-login-date:after'?: Renderer<PasskeyForm>;\n  'last-login-ua:before'?: Renderer<PasskeyForm>;\n  'last-login-ua:after'?: Renderer<PasskeyForm>;\n  'timestamps:before'?: Renderer<PasskeyForm>;\n  'timestamps:after'?: Renderer<PasskeyForm>;\n  'create:before'?: Renderer<PasskeyForm>;\n  'create:after'?: Renderer<PasskeyForm>;\n  'delete:before'?: Renderer<PasskeyForm>;\n  'delete:after'?: Renderer<PasskeyForm>;\n};\n"]}

package/dist/elements/public/WebhookCard/WebhookCard.js

@@ -11,24 +11,12 @@ export class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')
     renderBody() {
         var _a, _b, _c, _d;
         return html `
-      <div class="grid grid-cols-1 gap-s leading-none">
-        <p class="flex justify-between items-center font-medium">
-          <span class="truncate">${(_a = this.data) === null || _a === void 0 ? void 0 : _a.name}&ZeroWidthSpace;</span>
-          <span class="uppercase inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0">
-            ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.format}&ZeroWidthSpace;
-          </span>
+      <div class="grid grid-cols-1 leading-s -my-xs">
+        <p class="text-m truncate text-body font-medium">${(_a = this.data) === null || _a === void 0 ? void 0 : _a.name}&ZeroWidthSpace;</p>
+        <p class="text-s truncate text-secondary">${(_b = this.data) === null || _b === void 0 ? void 0 : _b.url}&ZeroWidthSpace;</p>
+        <p class="text-s truncate text-tertiary">
+          ${(_c = this.data) === null || _c === void 0 ? void 0 : _c.format} &bull; ${(_d = this.data) === null || _d === void 0 ? void 0 : _d.event_resource}&ZeroWidthSpace;
         </p>
-
-        <div class="flex items-center gap-s text-secondary">
-          <iron-icon class="icon-inline flex-shrink-0" icon="icons:language"></iron-icon>
-          <p class="truncate">${(_c = this.data) === null || _c === void 0 ? void 0 : _c.url}&ZeroWidthSpace;</p>
-        </div>
-
-        <div class="flex items-center gap-s text-secondary">
-          <iron-icon class="icon-inline flex-shrink-0" icon="icons:settings-input-antenna">
-          </iron-icon>
-          <p class="truncate">${(_d = this.data) === null || _d === void 0 ? void 0 : _d.event_resource}&ZeroWidthSpace;</p>
-        </div>
       </div>
     `;
     }

package/dist/elements/public/WebhookCard/WebhookCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"WebhookCard.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/WebhookCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAAO;IACpF,UAAU;;QACR,OAAO,IAAI,CAAA;;;mCAGoB,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI;;cAEpC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM;;;;;;gCAMC,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG;;;;;;gCAMd,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc;;;KAGpD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\n/**\n * Basic card displaying webhook (`fx:webhook`) info.\n *\n * @element foxy-webhook-card\n * @since 1.17.0\n */\nexport class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')<Data> {\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"grid grid-cols-1 gap-s leading-none\">\n        <p class=\"flex justify-between items-center font-medium\">\n          <span class=\"truncate\">${this.data?.name}&ZeroWidthSpace;</span>\n          <span class=\"uppercase inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0\">\n            ${this.data?.format}&ZeroWidthSpace;\n          </span>\n        </p>\n\n        <div class=\"flex items-center gap-s text-secondary\">\n          <iron-icon class=\"icon-inline flex-shrink-0\" icon=\"icons:language\"></iron-icon>\n          <p class=\"truncate\">${this.data?.url}&ZeroWidthSpace;</p>\n        </div>\n\n        <div class=\"flex items-center gap-s text-secondary\">\n          <iron-icon class=\"icon-inline flex-shrink-0\" icon=\"icons:settings-input-antenna\">\n          </iron-icon>\n          <p class=\"truncate\">${this.data?.event_resource}&ZeroWidthSpace;</p>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"WebhookCard.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/WebhookCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE;;;;;GAKG;AACH,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAAO;IACpF,UAAU;;QACR,OAAO,IAAI,CAAA;;2DAE4C,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI;oDACtB,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG;;YAEtD,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,WAAW,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc;;;KAG5D,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\n/**\n * Basic card displaying webhook (`fx:webhook`) info.\n *\n * @element foxy-webhook-card\n * @since 1.17.0\n */\nexport class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')<Data> {\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"grid grid-cols-1 leading-s -my-xs\">\n        <p class=\"text-m truncate text-body font-medium\">${this.data?.name}&ZeroWidthSpace;</p>\n        <p class=\"text-s truncate text-secondary\">${this.data?.url}&ZeroWidthSpace;</p>\n        <p class=\"text-s truncate text-tertiary\">\n          ${this.data?.format} &bull; ${this.data?.event_resource}&ZeroWidthSpace;\n        </p>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/WebhookCard/index.d.ts

@@ -1,5 +1,3 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
 import '../../internal/InternalCard/index';
 import { WebhookCard } from './WebhookCard';
 export { WebhookCard };

package/dist/elements/public/WebhookCard/index.js

@@ -1,5 +1,3 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
 import "../../internal/InternalCard/index.js";
 import { WebhookCard } from "./WebhookCard.js";
 customElements.define('foxy-webhook-card', WebhookCard);

package/dist/elements/public/WebhookCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalCard/index';\n\nimport { WebhookCard } from './WebhookCard';\n\ncustomElements.define('foxy-webhook-card', WebhookCard);\n\nexport { WebhookCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport { WebhookCard } from './WebhookCard';\n\ncustomElements.define('foxy-webhook-card', WebhookCard);\n\nexport { WebhookCard };\n"]}

package/dist/elements/public/index.d.ts

@@ -11,6 +11,8 @@ export { AttributeForm } from './AttributeForm/AttributeForm';
 export { CancellationForm } from './CancellationForm/CancellationForm';
 export { CartCard } from './CartCard/CartCard';
 export { CartForm } from './CartForm/CartForm';
+export { ClientCard } from './ClientCard/ClientCard';
+export { ClientForm } from './ClientForm/ClientForm';
 export { CollectionPage } from './CollectionPage/CollectionPage';
 export { CollectionPages } from './CollectionPages/CollectionPages';
 export { CopyToClipboard } from './CopyToClipboard/CopyToClipboard';
@@ -59,6 +61,8 @@ export { ItemOptionForm } from './ItemOptionForm/ItemOptionForm';
 export { ItemsForm, Item } from './ItemsForm/ItemsForm';
 export { NucleonElement } from './NucleonElement/NucleonElement';
 export { Pagination } from './Pagination/Pagination';
+export { PasskeyCard } from './PasskeyCard/PasskeyCard';
+export { PasskeyForm } from './PasskeyForm/PasskeyForm';
 export { PaymentCard } from './PaymentCard/PaymentCard';
 export { ShipmentCard } from './ShipmentCard/ShipmentCard';
 export { ShippingMethodCard } from './ShippingMethodCard/ShippingMethodCard';