@unidy.io/sdk 1.1.8 → 1.1.10

package/dist/components/u-email-field.js

@@ -0,0 +1,99 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { g as getParentSigninStep } from './helpers.js';
+import { a as authStore, s as state } from './auth-store.js';
+import { t } from './i18n.js';
+import { g as getParentNewsletterRoot } from './helpers2.js';
+import { n as newsletterStore } from './newsletter-store.js';
+
+const emailFieldCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-color-gray-200:oklch(92.8% .006 264.531);--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.u\\:disabled\\:bg-gray-200:disabled{background-color:var(--u-color-gray-200)}.u\\:disabled\\:opacity-40:disabled{opacity:.4}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+
+const EmailField = /*@__PURE__*/ proxyCustomElement(class EmailField extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    get el() { return this; }
+    componentClassName = "";
+    ariaLabel = "Email";
+    disabled = false;
+    emailValue = "";
+    get context() {
+        if (this.el.closest("u-signin-root"))
+            return "auth";
+        if (this.el.closest("u-newsletter-root"))
+            return "newsletter";
+        return null;
+    }
+    get store() {
+        switch (this.context) {
+            case "auth":
+                return authStore;
+            case "newsletter":
+                return newsletterStore;
+            default:
+                throw new Error("No store found for email field. Make sure you are using the component within a u-signin-root or u-newsletter-root.");
+        }
+    }
+    handleInput = (event) => {
+        const target = event.target;
+        this.store.state.email = target.value;
+        if (this.context === "newsletter") {
+            this.store.state.errors = {};
+        }
+        else {
+            this.store.clearFieldError("email");
+        }
+    };
+    handleSubmit = async (event) => {
+        event.preventDefault();
+        if (this.store.state.email === "")
+            return;
+        if (this.context === "auth")
+            return await getParentSigninStep(this.el)?.submit();
+        if (this.context === "newsletter")
+            return await getParentNewsletterRoot(this.el)?.submit();
+    };
+    isDisabled() {
+        if (this.disabled)
+            return true;
+        if (this.context === "auth")
+            return state.loading || state.step === "verification" || state.step === "registration";
+        if (this.context === "newsletter") {
+            return !!newsletterStore.state.preferenceToken && !!newsletterStore.state.email;
+        }
+        return false;
+    }
+    render() {
+        const placeholderText = t("auth.email.placeholder", { defaultValue: "Enter your email" });
+        return (h("form", { key: '435145b8bcd40a984052b2a64b144ebbe16b188c', onSubmit: this.handleSubmit }, h("input", { key: '3ca976a93d48c62617375add44dced059e961709', id: "email", type: "email", value: this.store.state.email, autocomplete: "email", placeholder: placeholderText, disabled: this.isDisabled(), class: `${this.componentClassName} u:disabled:opacity-40 u:disabled:bg-gray-200 u:disabled:cursor-not-allowed`, onInput: this.handleInput, "aria-label": this.ariaLabel }), h("slot", { key: '5eb4e5d803e9278cd603890269ff5e07457576f5' })));
+    }
+    static get style() { return emailFieldCss; }
+}, [772, "u-email-field", {
+        "componentClassName": [1, "class-name"],
+        "ariaLabel": [1, "aria-label"],
+        "disabled": [4],
+        "emailValue": [32]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-email-field"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-email-field":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, EmailField);
+            }
+            break;
+    } });
+}
+
+const UEmailField = EmailField;
+const defineCustomElement = defineCustomElement$1;
+
+export { UEmailField, defineCustomElement };
+//# sourceMappingURL=u-email-field.js.map
+
+//# sourceMappingURL=u-email-field.js.map

package/dist/components/u-email-field.js.map

@@ -0,0 +1 @@
+{"file":"u-email-field.js","mappings":"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","names":["__stencil_proxyCustomElement","authState"],"sources":["src/shared/components/email-field/email-field.css?tag=u-email-field","src/shared/components/email-field/email-field.tsx"],"sourcesContent":["","import { Component, Element, h, Prop, State } from \"@stencil/core\";\nimport { getParentSigninStep } from \"../../../auth/components/helpers\";\nimport { authState, authStore } from \"../../../auth/store/auth-store\";\nimport { t } from \"../../../i18n\";\nimport { getParentNewsletterRoot } from \"../../../newsletter/components/helpers\";\nimport { newsletterStore } from \"../../../newsletter/store/newsletter-store\";\n\n@Component({\n  tag: \"u-email-field\",\n  styleUrl: \"email-field.css\",\n  shadow: false,\n})\nexport class EmailField {\n  @Element() el!: HTMLElement;\n\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() ariaLabel = \"Email\";\n  @Prop() disabled = false;\n\n  @State() emailValue = \"\";\n\n  private get context(): \"auth\" | \"newsletter\" | null {\n    if (this.el.closest(\"u-signin-root\")) return \"auth\";\n\n    if (this.el.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n    return null;\n  }\n\n  private get store(): typeof authStore | typeof newsletterStore | null {\n    switch (this.context) {\n      case \"auth\":\n        return authStore;\n      case \"newsletter\":\n        return newsletterStore;\n      default:\n        throw new Error(\n          \"No store found for email field. Make sure you are using the component within a u-signin-root or u-newsletter-root.\",\n        );\n    }\n  }\n\n  private handleInput = (event: Event) => {\n    const target = event.target as HTMLInputElement;\n\n    (this.store as { state: { email: string } }).state.email = target.value;\n\n    if (this.context === \"newsletter\") {\n      this.store.state.errors = {};\n    } else {\n      (this.store as { clearFieldError: (field: \"email\") => void }).clearFieldError(\"email\");\n    }\n  };\n\n  private handleSubmit = async (event: Event) => {\n    event.preventDefault();\n\n    if (this.store.state.email === \"\") return;\n\n    if (this.context === \"auth\") return await getParentSigninStep(this.el)?.submit();\n\n    if (this.context === \"newsletter\") return await getParentNewsletterRoot(this.el)?.submit();\n  };\n\n  private isDisabled(): boolean {\n    if (this.disabled) return true;\n\n    if (this.context === \"auth\") return authState.loading || authState.step === \"verification\" || authState.step === \"registration\";\n\n    if (this.context === \"newsletter\") {\n      return !!newsletterStore.state.preferenceToken && !!newsletterStore.state.email;\n    }\n\n    return false;\n  }\n\n  render() {\n    const placeholderText = t(\"auth.email.placeholder\", { defaultValue: \"Enter your email\" });\n\n    return (\n      <form onSubmit={this.handleSubmit}>\n        <input\n          id=\"email\"\n          type=\"email\"\n          value={this.store.state.email}\n          autocomplete=\"email\"\n          placeholder={placeholderText}\n          disabled={this.isDisabled()}\n          class={`${this.componentClassName} u:disabled:opacity-40 u:disabled:bg-gray-200 u:disabled:cursor-not-allowed`}\n          onInput={this.handleInput}\n          aria-label={this.ariaLabel}\n        />\n        <slot />\n      </form>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-error-message.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UErrorMessage extends Components.UErrorMessage, HTMLElement {}
+export const UErrorMessage: {
+    prototype: UErrorMessage;
+    new (): UErrorMessage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/u-error-message.js

@@ -0,0 +1,105 @@
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { s as state } from './auth-store.js';
+import { t } from './i18n.js';
+import { n as newsletterStore } from './newsletter-store.js';
+import { h as hasSlotContent } from './component-utils.js';
+import { u as unidyState } from './unidy-store.js';
+
+const ErrorMessage = /*@__PURE__*/ proxyCustomElement(class ErrorMessage extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+    }
+    componentClassName = "";
+    for;
+    errorMessages;
+    get el() { return this; }
+    detectContext() {
+        if (this.el.closest("u-signin-root") || this.el.closest("u-signin-step"))
+            return "auth";
+        if (this.el.closest("u-profile"))
+            return "profile";
+        if (this.el.closest("u-newsletter-root"))
+            return "newsletter";
+        if (this.for === "general" || this.for === "connection")
+            return "other";
+        throw new Error("No context found for error message. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.");
+    }
+    get context() {
+        return this.detectContext();
+    }
+    getAuthErrorMessage(errorCode) {
+        if (this.errorMessages?.[errorCode]) {
+            return this.errorMessages[errorCode];
+        }
+        const translatedError = t(`errors.${errorCode}`);
+        if (translatedError !== `errors.${errorCode}`) {
+            return translatedError;
+        }
+        return errorCode || t("errors.unknown", { defaultValue: "An error occurred" });
+    }
+    getNewsletterErrorMessage(errorIdentifier) {
+        return t(`newsletter.errors.${errorIdentifier}`) || t("errors.unknown", { defaultValue: "An unknown error occurred" });
+    }
+    getErrorMessage(errorCode) {
+        if (this.context === "auth") {
+            return this.getAuthErrorMessage(errorCode);
+        }
+        return this.getNewsletterErrorMessage(errorCode);
+    }
+    getAuthErrorCode() {
+        const forValue = this.for;
+        if (forValue === "connection") {
+            return unidyState.backendConnected ? null : "connection_failed";
+        }
+        if (forValue === "general") {
+            return state.globalErrors.auth;
+        }
+        return state.errors[forValue];
+    }
+    getNewsletterErrorCode() {
+        const error = newsletterStore.state.errors[this.for];
+        return error ?? null;
+    }
+    render() {
+        const errorCode = this.context === "newsletter" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();
+        if (!errorCode) {
+            return null;
+        }
+        // Only render connection_failed for "general" and "connection" types
+        if (errorCode === "connection_failed" && this.for !== "general" && this.for !== "connection") {
+            return null;
+        }
+        const errorMessage = this.getErrorMessage(errorCode);
+        const formattedMessage = errorMessage?.includes("\n") ? h("div", { style: { whiteSpace: "pre-line" } }, errorMessage) : errorMessage;
+        return h(Host, { class: this.componentClassName }, hasSlotContent(this.el) ? h("slot", null) : formattedMessage);
+    }
+}, [769, "u-error-message", {
+        "componentClassName": [1, "class-name"],
+        "for": [1],
+        "errorMessages": [16]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-error-message"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-error-message":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, ErrorMessage);
+            }
+            break;
+    } });
+}
+
+const UErrorMessage = ErrorMessage;
+const defineCustomElement = defineCustomElement$1;
+
+export { UErrorMessage, defineCustomElement };
+//# sourceMappingURL=u-error-message.js.map
+
+//# sourceMappingURL=u-error-message.js.map

package/dist/components/u-error-message.js.map

@@ -0,0 +1 @@
+{"file":"u-error-message.js","mappings":"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","names":["__stencil_proxyCustomElement","authState"],"sources":["src/shared/components/error-message/error-message.tsx"],"sourcesContent":["import { Component, Element, Host, h, Prop } from \"@stencil/core\";\nimport { authState } from \"../../../auth/store/auth-store\";\nimport { t } from \"../../../i18n\";\nimport { type NewsletterErrorIdentifier, newsletterStore } from \"../../../newsletter/store/newsletter-store\";\nimport { hasSlotContent } from \"../../component-utils\";\nimport { unidyState } from \"../../store/unidy-store\";\n\nexport type AuthErrorType = \"email\" | \"password\" | \"magicCode\" | \"resetPassword\" | \"general\" | \"connection\" | \"passkey\";\n\n@Component({\n  tag: \"u-error-message\",\n  shadow: true,\n})\nexport class ErrorMessage {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() for!: string;\n\n  @Prop() errorMessages?: Record<string, string>;\n  @Element() el!: HTMLElement;\n  private detectContext(): \"auth\" | \"newsletter\" | \"profile\" | \"other\" {\n    if (this.el.closest(\"u-signin-root\") || this.el.closest(\"u-signin-step\")) return \"auth\";\n\n    if (this.el.closest(\"u-profile\")) return \"profile\";\n\n    if (this.el.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n    if (this.for === \"general\" || this.for === \"connection\") return \"other\";\n\n    throw new Error(\n      \"No context found for error message. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.\",\n    );\n  }\n\n  private get context(): \"auth\" | \"newsletter\" | \"profile\" | \"other\" {\n    return this.detectContext();\n  }\n\n  private getAuthErrorMessage(errorCode: string): string {\n    if (this.errorMessages?.[errorCode]) {\n      return this.errorMessages[errorCode];\n    }\n\n    const translatedError = t(`errors.${errorCode}`);\n    if (translatedError !== `errors.${errorCode}`) {\n      return translatedError;\n    }\n\n    return errorCode || t(\"errors.unknown\", { defaultValue: \"An error occurred\" });\n  }\n\n  private getNewsletterErrorMessage(errorIdentifier: NewsletterErrorIdentifier): string {\n    return t(`newsletter.errors.${errorIdentifier}`) || t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\n  }\n\n  private getErrorMessage(errorCode: string): string | null {\n    if (this.context === \"auth\") {\n      return this.getAuthErrorMessage(errorCode);\n    }\n\n    return this.getNewsletterErrorMessage(errorCode as NewsletterErrorIdentifier);\n  }\n\n  private getAuthErrorCode(): string | null {\n    const forValue = this.for as AuthErrorType;\n\n    if (forValue === \"connection\") {\n      return unidyState.backendConnected ? null : \"connection_failed\";\n    }\n\n    if (forValue === \"general\") {\n      return authState.globalErrors.auth;\n    }\n\n    return authState.errors[forValue];\n  }\n\n  private getNewsletterErrorCode(): string | null {\n    const error = newsletterStore.state.errors[this.for];\n    return error ?? null;\n  }\n\n  render() {\n    const errorCode = this.context === \"newsletter\" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();\n\n    if (!errorCode) {\n      return null;\n    }\n\n    // Only render connection_failed for \"general\" and \"connection\" types\n    if (errorCode === \"connection_failed\" && this.for !== \"general\" && this.for !== \"connection\") {\n      return null;\n    }\n\n    const errorMessage = this.getErrorMessage(errorCode);\n    const formattedMessage = errorMessage?.includes(\"\\n\") ? <div style={{ whiteSpace: \"pre-line\" }}>{errorMessage}</div> : errorMessage;\n\n    return <Host class={this.componentClassName}>{hasSlotContent(this.el) ? <slot /> : formattedMessage}</Host>;\n  }\n}\n"],"version":3}

package/dist/components/u-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UField extends Components.UField, HTMLElement {}
+export const UField: {
+    prototype: UField;
+    new (): UField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/u-field.js

@@ -0,0 +1,9 @@
+import { F as Field, d as defineCustomElement$1 } from './field.js';
+
+const UField = Field;
+const defineCustomElement = defineCustomElement$1;
+
+export { UField, defineCustomElement };
+//# sourceMappingURL=u-field.js.map
+
+//# sourceMappingURL=u-field.js.map

package/dist/components/u-field.js.map

@@ -0,0 +1 @@
+{"file":"u-field.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/u-flash-message.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UFlashMessage extends Components.UFlashMessage, HTMLElement {}
+export const UFlashMessage: {
+    prototype: UFlashMessage;
+    new (): UFlashMessage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/u-flash-message.js

@@ -0,0 +1,58 @@
+import { h, proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
+import { f as flashState, F as Flash } from './flash-store.js';
+
+const CloseIcon = () => (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("title", null, "Close"), h("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), h("line", { x1: "6", y1: "6", x2: "18", y2: "18" })));
+
+const flashMessageCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-border-style:solid;--tw-leading:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-color-red-50:oklch(97.1% .013 17.38);--u-color-red-300:oklch(80.8% .114 19.571);--u-color-red-800:oklch(44.4% .177 26.899);--u-color-green-50:oklch(98.2% .018 155.826);--u-color-green-400:oklch(79.2% .209 151.711);--u-color-green-800:oklch(44.8% .119 151.328);--u-color-blue-50:oklch(97% .014 254.604);--u-color-blue-300:oklch(80.9% .105 251.813);--u-color-blue-800:oklch(42.4% .199 265.638);--u-spacing:.25rem;--u-container-xl:36rem;--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:z-\\[500\\]{z-index:500}.u\\:mr-1{margin-right:calc(var(--u-spacing)*1)}.u\\:flex{display:flex}.u\\:max-w-xl{max-width:var(--u-container-xl)}.u\\:min-w-64{min-width:calc(var(--u-spacing)*64)}.u\\:cursor-pointer{cursor:pointer}.u\\:flex-col{flex-direction:column}.u\\:items-start{align-items:flex-start}.u\\:justify-between{justify-content:space-between}.u\\:gap-2{gap:calc(var(--u-spacing)*2)}.u\\:gap-3{gap:calc(var(--u-spacing)*3)}.u\\:rounded{border-radius:.25rem}.u\\:border{border-style:var(--tw-border-style);border-width:1px}.u\\:border-solid{--tw-border-style:solid;border-style:solid}.u\\:border-blue-300{border-color:var(--u-color-blue-300)}.u\\:border-green-400{border-color:var(--u-color-green-400)}.u\\:border-red-300{border-color:var(--u-color-red-300)}.u\\:bg-blue-50{background-color:var(--u-color-blue-50)}.u\\:bg-green-50{background-color:var(--u-color-green-50)}.u\\:bg-red-50{background-color:var(--u-color-red-50)}.u\\:p-3{padding:calc(var(--u-spacing)*3)}.u\\:pt-1{padding-top:calc(var(--u-spacing)*1)}.u\\:leading-none{--tw-leading:1;line-height:1}.u\\:break-words{overflow-wrap:break-word}.u\\:text-blue-800{color:var(--u-color-blue-800)}.u\\:text-green-800{color:var(--u-color-green-800)}.u\\:text-red-800{color:var(--u-color-red-800)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:\"*\";inherits:false;initial-value:solid}@property --tw-leading{syntax:\"*\";inherits:false}";
+
+const variantClasses = {
+    error: "u:bg-red-50 u:border-red-300 u:text-red-800",
+    success: "u:bg-green-50 u:border-green-400 u:text-green-800",
+    info: "u:bg-blue-50 u:border-blue-300 u:text-blue-800",
+};
+const FlashMessage = /*@__PURE__*/ proxyCustomElement(class FlashMessage extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    componentClassName = "";
+    removeAfterSeconds = null;
+    componentWillLoad() {
+        if (this.removeAfterSeconds) {
+            flashState.autoRemoveDelay = this.removeAfterSeconds * 1000;
+        }
+    }
+    render() {
+        if (flashState.messages.length === 0) {
+            return null;
+        }
+        return (h("div", { class: `u:flex u:flex-col u:gap-2 u:z-[500] u:min-w-64 u:max-w-xl ${this.componentClassName}` }, flashState.messages.map((message) => (h("div", { key: message.id, class: `u:flex u:items-start u:justify-between u:gap-3 u:p-3 u:rounded u:border u:border-solid ${variantClasses[message.variant]}`, role: "alert", "aria-live": "polite" }, h("span", { class: "u:break-words u:mr-1" }, message.text), h("button", { type: "button", class: "u:cursor-pointer u:leading-none u:pt-1", onClick: () => Flash.remove(message.id), "aria-label": "Close" }, h(CloseIcon, null)))))));
+    }
+    static get style() { return flashMessageCss; }
+}, [768, "u-flash-message", {
+        "componentClassName": [1, "class-name"],
+        "removeAfterSeconds": [2, "remove-after-seconds"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-flash-message"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-flash-message":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FlashMessage);
+            }
+            break;
+    } });
+}
+
+const UFlashMessage = FlashMessage;
+const defineCustomElement = defineCustomElement$1;
+
+export { UFlashMessage, defineCustomElement };
+//# sourceMappingURL=u-flash-message.js.map
+
+//# sourceMappingURL=u-flash-message.js.map

package/dist/components/u-flash-message.js.map

@@ -0,0 +1 @@
+{"file":"u-flash-message.js","mappings":";;;AAEO,MAAM,SAAS,GAAG,OACvB,CACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EAAA,cAAA,EACR,GAAG,EACD,gBAAA,EAAA,OAAO,qBACN,OAAO,EAAA,EAEvB,CAAoB,CAAA,OAAA,EAAA,IAAA,EAAA,OAAA,CAAA,EACpB,CAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,EACtC,CAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAG,CAAA,CAClC,CACP;;AClBD,MAAM,eAAe,GAAG,6gRAA6gR;;ACIriR,MAAM,cAAc,GAAG;AACrB,IAAA,KAAK,EAAE,6CAA6C;AACpD,IAAA,OAAO,EAAE,mDAAmD;AAC5D,IAAA,IAAI,EAAE,gDAAgD;CACvD;MAOY,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;;;;;;;IACY,kBAAkB,GAAG,EAAE;IAClD,kBAAkB,GAAkB,IAAI;IAEhD,iBAAiB,GAAA;AACf,QAAA,IAAI,IAAI,CAAC,kBAAkB,EAAE;YAC3B,UAAU,CAAC,eAAe,GAAG,IAAI,CAAC,kBAAkB,GAAG,IAAI;;;IAI/D,MAAM,GAAA;QACJ,IAAI,UAAU,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE;AACpC,YAAA,OAAO,IAAI;;QAGb,QACE,WAAK,KAAK,EAAE,CAAA,0DAAA,EAA6D,IAAI,CAAC,kBAAkB,CAAA,CAAE,EAAA,EAC/F,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,MAC/B,WACE,GAAG,EAAE,OAAO,CAAC,EAAE,EACf,KAAK,EAAE,CAAA,uFAAA,EAA0F,cAAc,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA,CAAE,EAClI,IAAI,EAAC,OAAO,eACF,QAAQ,EAAA,EAElB,CAAA,CAAA,MAAA,EAAA,EAAM,KAAK,EAAC,sBAAsB,IAAE,OAAO,CAAC,IAAI,CAAQ,EACxD,CACE,CAAA,QAAA,EAAA,EAAA,IAAI,EAAC,QAAQ,EACb,KAAK,EAAC,wCAAwC,EAC9C,OAAO,EAAE,MAAM,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,EAAA,YAAA,EAC5B,OAAO,EAAA,EAElB,CAAC,CAAA,SAAS,OAAG,CACN,CACL,CACP,CAAC,CACE;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/shared/components/flash-message/close-icon.tsx","src/shared/components/flash-message/flash-message.css?tag=u-flash-message","src/shared/components/flash-message/flash-message.tsx"],"sourcesContent":["import { h } from \"@stencil/core\";\n\nexport const CloseIcon = () => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    stroke-width=\"2\"\n    stroke-linecap=\"round\"\n    stroke-linejoin=\"round\"\n  >\n    <title>Close</title>\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n","","import { Component, h, Prop } from \"@stencil/core\";\nimport { Flash, flashState } from \"../../store/flash-store\";\nimport { CloseIcon } from \"./close-icon\";\n\nconst variantClasses = {\n  error: \"u:bg-red-50 u:border-red-300 u:text-red-800\",\n  success: \"u:bg-green-50 u:border-green-400 u:text-green-800\",\n  info: \"u:bg-blue-50 u:border-blue-300 u:text-blue-800\",\n};\n\n@Component({\n  tag: \"u-flash-message\",\n  styleUrl: \"flash-message.css\",\n  shadow: false,\n})\nexport class FlashMessage {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() removeAfterSeconds: number | null = null;\n\n  componentWillLoad() {\n    if (this.removeAfterSeconds) {\n      flashState.autoRemoveDelay = this.removeAfterSeconds * 1000;\n    }\n  }\n\n  render() {\n    if (flashState.messages.length === 0) {\n      return null;\n    }\n\n    return (\n      <div class={`u:flex u:flex-col u:gap-2 u:z-[500] u:min-w-64 u:max-w-xl ${this.componentClassName}`}>\n        {flashState.messages.map((message) => (\n          <div\n            key={message.id}\n            class={`u:flex u:items-start u:justify-between u:gap-3 u:p-3 u:rounded u:border u:border-solid ${variantClasses[message.variant]}`}\n            role=\"alert\"\n            aria-live=\"polite\"\n          >\n            <span class=\"u:break-words u:mr-1\">{message.text}</span>\n            <button\n              type=\"button\"\n              class=\"u:cursor-pointer u:leading-none u:pt-1\"\n              onClick={() => Flash.remove(message.id)}\n              aria-label=\"Close\"\n            >\n              <CloseIcon />\n            </button>\n          </div>\n        ))}\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-full-profile.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UFullProfile extends Components.UFullProfile, HTMLElement {}
+export const UFullProfile: {
+    prototype: UFullProfile;
+    new (): UFullProfile;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/u-full-profile.js

@@ -0,0 +1,87 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { s as state } from './profile-store.js';
+import { d as defineCustomElement$6 } from './field.js';
+import { d as defineCustomElement$5 } from './profile.js';
+import { d as defineCustomElement$4 } from './raw-field.js';
+import { d as defineCustomElement$3 } from './spinner.js';
+import { d as defineCustomElement$2 } from './submit-button.js';
+
+const fullProfileCss = "/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--u-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--u-default-font-family:var(--u-font-sans);--u-default-mono-font-family:var(--u-font-mono);--font-sans:ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{appearance:button;background-color:#0000;border:0 solid;border-radius:0;box-sizing:border-box;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin:0;margin-inline-end:4px;opacity:1;padding:0}:host,html{font-family:var(--u-default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--u-default-font-feature-settings,normal);font-variation-settings:var(--u-default-font-variation-settings,normal);-webkit-text-size-adjust:100%;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);tab-size:4;-webkit-tap-highlight-color:transparent;line-height:1.5}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--u-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace);font-feature-settings:var(--u-default-mono-font-feature-settings,normal);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--u-default-mono-font-variation-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:currentColor;color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.u\\:flex{display:flex}.u\\:justify-end{justify-content:flex-end}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components,utilities; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-ring-offset-width:0px;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@property --tw-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:\"*\";inherits:false}@property --tw-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:\"*\";inherits:false}@property --tw-inset-shadow-alpha{syntax:\"<percentage>\";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:\"*\";inherits:false}@property --tw-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:\"*\";inherits:false}@property --tw-inset-ring-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:\"*\";inherits:false}@property --tw-ring-offset-width{syntax:\"<length>\";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:\"*\";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:\"*\";inherits:false;initial-value:0 0 #0000}";
+
+const EXCLUDED_FIELDS = ["custom_attributes", "email", "preferred_language"];
+const FullProfile = /*@__PURE__*/ proxyCustomElement(class FullProfile extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+    }
+    fields;
+    countryCodeDisplayOption = "label";
+    list() {
+        if (this.fields) {
+            return this.fields
+                .split(",")
+                .map((field) => field.trim())
+                .filter(Boolean);
+        }
+        return [
+            ...Object.keys(state.data || {}).filter((field) => !EXCLUDED_FIELDS.includes(field)),
+            ...Object.keys(state.data?.custom_attributes || {}).map((field) => `custom_attributes.${field}`),
+        ];
+    }
+    render() {
+        return (h("u-profile", { key: '85d52bac75d98755574eb227b349cd28af5f8b51' }, this.list().map((field) => (h("u-field", { key: field, field: field, countryCodeDisplayOption: this.countryCodeDisplayOption }))), h("div", { key: 'ca747c266bc92693e84338f001b32dba9a17e9f6', class: "u:flex u:justify-end" }, h("u-submit-button", { key: '3e454be6dd2e81c4605c3b0806f904a41e01419a' }, t("buttons.submit")))));
+    }
+    static get style() { return fullProfileCss; }
+}, [768, "u-full-profile", {
+        "fields": [1],
+        "countryCodeDisplayOption": [1, "country-code-display-option"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-full-profile", "u-field", "u-profile", "u-raw-field", "u-spinner", "u-submit-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-full-profile":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, FullProfile);
+            }
+            break;
+        case "u-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "u-profile":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "u-raw-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "u-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "u-submit-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+
+const UFullProfile = FullProfile;
+const defineCustomElement = defineCustomElement$1;
+
+export { UFullProfile, defineCustomElement };
+//# sourceMappingURL=u-full-profile.js.map
+
+//# sourceMappingURL=u-full-profile.js.map

package/dist/components/u-full-profile.js.map

@@ -0,0 +1 @@
+{"file":"u-full-profile.js","mappings":";;;;;;;;;AAAA,MAAM,cAAc,GAAG,u7NAAu7N;;ACI98N,MAAM,eAAe,GAAG,CAAC,mBAAmB,EAAE,OAAO,EAAE,oBAAoB,CAAC;MAO/D,WAAW,iBAAAA,kBAAA,CAAA,MAAA,WAAA,SAAA,WAAA,CAAA;;;;;;;AACd,IAAA,MAAM;IACN,wBAAwB,GAAsB,OAAO;IAErD,IAAI,GAAA;AACV,QAAA,IAAI,IAAI,CAAC,MAAM,EAAE;YACf,OAAO,IAAI,CAAC;iBACT,KAAK,CAAC,GAAG;iBACT,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,IAAI,EAAE;iBAC3B,MAAM,CAAC,OAAO,CAAC;;QAGpB,OAAO;YACL,GAAG,MAAM,CAAC,IAAI,CAACC,KAAY,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC3F,GAAG,MAAM,CAAC,IAAI,CAACA,KAAY,CAAC,IAAI,EAAE,iBAAiB,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,CAAA,kBAAA,EAAqB,KAAK,CAAA,CAAE,CAAC;SACxG;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACG,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,MACrB,CAAS,CAAA,SAAA,EAAA,EAAA,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,wBAAwB,EAAE,IAAI,CAAC,wBAAwB,EAAI,CAAA,CAC/F,CAAC,EACF,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,sBAAsB,EAAA,EAC/B,CAAkB,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAC,CAAC,gBAAgB,CAAC,CAAmB,CACpD,CACI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","profileState"],"sources":["src/profile/components/full-profile/full-profile.css?tag=u-full-profile","src/profile/components/full-profile/full-profile.tsx"],"sourcesContent":["","import { Component, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { state as profileState } from \"../../store/profile-store\";\n\nconst EXCLUDED_FIELDS = [\"custom_attributes\", \"email\", \"preferred_language\"];\n\n@Component({\n  tag: \"u-full-profile\",\n  styleUrl: \"full-profile.css\",\n  shadow: false,\n})\nexport class FullProfile {\n  @Prop() fields?: string;\n  @Prop() countryCodeDisplayOption?: \"icon\" | \"label\" = \"label\";\n\n  private list() {\n    if (this.fields) {\n      return this.fields\n        .split(\",\")\n        .map((field) => field.trim())\n        .filter(Boolean);\n    }\n\n    return [\n      ...Object.keys(profileState.data || {}).filter((field) => !EXCLUDED_FIELDS.includes(field)),\n      ...Object.keys(profileState.data?.custom_attributes || {}).map((field) => `custom_attributes.${field}`),\n    ];\n  }\n\n  render() {\n    return (\n      <u-profile>\n        {this.list().map((field) => (\n          <u-field key={field} field={field} countryCodeDisplayOption={this.countryCodeDisplayOption} />\n        ))}\n        <div class=\"u:flex u:justify-end\">\n          <u-submit-button>{t(\"buttons.submit\")}</u-submit-button>\n        </div>\n      </u-profile>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-logout-button.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface ULogoutButton extends Components.ULogoutButton, HTMLElement {}
+export const ULogoutButton: {
+    prototype: ULogoutButton;
+    new (): ULogoutButton;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/u-logout-button.js

@@ -0,0 +1,61 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { t } from './i18n.js';
+import { h as hasSlotContent } from './component-utils.js';
+import { A as Auth } from './auth.js';
+
+const LogoutButton = /*@__PURE__*/ proxyCustomElement(class LogoutButton extends HTMLElement {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.logout = createEvent(this, "logout", 7);
+    }
+    get el() { return this; }
+    componentClassName = "";
+    reloadOnSuccess = true;
+    logout;
+    hasSlot = false;
+    async componentWillLoad() {
+        // this needs to be evaluated on load, bc doing it on render will evaluate the generated dom for "shadow: false"
+        // components and always return true on re-render
+        this.hasSlot = hasSlotContent(this.el);
+    }
+    handleLogout = async () => {
+        const authInstance = await Auth.getInstance();
+        const result = await authInstance.logout();
+        if (result === true) {
+            this.logout.emit();
+            if (this.reloadOnSuccess) {
+                window.location.reload();
+            }
+        }
+    };
+    render() {
+        return (h("button", { key: '8de7b37b6e6afbc7d2e85a66a8c02b3e198b51c5', type: "button", class: this.componentClassName, onClick: this.handleLogout, "aria-live": "polite" }, this.hasSlot ? h("slot", null) : t("buttons.logout")));
+    }
+}, [772, "u-logout-button", {
+        "componentClassName": [1, "class-name"],
+        "reloadOnSuccess": [4, "reload-on-success"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["u-logout-button"];
+    components.forEach(tagName => { switch (tagName) {
+        case "u-logout-button":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, LogoutButton);
+            }
+            break;
+    } });
+}
+
+const ULogoutButton = LogoutButton;
+const defineCustomElement = defineCustomElement$1;
+
+export { ULogoutButton, defineCustomElement };
+//# sourceMappingURL=u-logout-button.js.map
+
+//# sourceMappingURL=u-logout-button.js.map

package/dist/components/u-logout-button.js.map

@@ -0,0 +1 @@
+{"file":"u-logout-button.js","mappings":";;;;;MASa,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAA,WAAA,CAAA;;;;;;;;;IAEY,kBAAkB,GAAG,EAAE;IAClD,eAAe,GAAG,IAAI;AAErB,IAAA,MAAM;IAEP,OAAO,GAAG,KAAK;AAEvB,IAAA,MAAM,iBAAiB,GAAA;;;QAGrB,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;;IAGhC,YAAY,GAAG,YAAW;AAChC,QAAA,MAAM,YAAY,GAAG,MAAM,IAAI,CAAC,WAAW,EAAE;AAE7C,QAAA,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,MAAM,EAAE;AAE1C,QAAA,IAAI,MAAM,KAAK,IAAI,EAAE;AACnB,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;AAElB,YAAA,IAAI,IAAI,CAAC,eAAe,EAAE;AACxB,gBAAA,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE;;;AAG9B,KAAC;IAED,MAAM,GAAA;QACJ,QACE,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,kBAAkB,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAA,WAAA,EAAY,QAAQ,EAAA,EACjG,IAAI,CAAC,OAAO,GAAG,CAAQ,CAAA,MAAA,EAAA,IAAA,CAAA,GAAG,CAAC,CAAC,gBAAgB,CAAC,CACvC;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement"],"sources":["src/auth/components/logout-button/logout-button.tsx"],"sourcesContent":["import { Component, Element, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport { t } from \"../../../i18n\";\nimport { hasSlotContent } from \"../../../shared/component-utils\";\nimport { Auth } from \"../../auth\";\n\n@Component({\n  tag: \"u-logout-button\",\n  shadow: false,\n})\nexport class LogoutButton {\n  @Element() el!: HTMLElement;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() reloadOnSuccess = true;\n\n  @Event() logout!: EventEmitter<void>;\n\n  private hasSlot = false;\n\n  async componentWillLoad() {\n    // this needs to be evaluated on load, bc doing it on render will evaluate the generated dom for \"shadow: false\"\n    // components and always return true on re-render\n    this.hasSlot = hasSlotContent(this.el);\n  }\n\n  private handleLogout = async () => {\n    const authInstance = await Auth.getInstance();\n\n    const result = await authInstance.logout();\n\n    if (result === true) {\n      this.logout.emit();\n\n      if (this.reloadOnSuccess) {\n        window.location.reload();\n      }\n    }\n  };\n\n  render() {\n    return (\n      <button type=\"button\" class={this.componentClassName} onClick={this.handleLogout} aria-live=\"polite\">\n        {this.hasSlot ? <slot /> : t(\"buttons.logout\")}\n      </button>\n    );\n  }\n}\n"],"version":3}

package/dist/components/u-magic-code-field.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UMagicCodeField extends Components.UMagicCodeField, HTMLElement {}
+export const UMagicCodeField: {
+    prototype: UMagicCodeField;
+    new (): UMagicCodeField;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;