@unidy.io/sdk 1.2.0-alpha9 → 1.2.0

package/dist/collection/shared/components/error-message/error-message.js

@@ -2,19 +2,22 @@ import { Host, h } from "@stencil/core";
 import { authState } from "../../../auth/store/auth-store";
 import { t } from "../../../i18n";
 import { newsletterStore } from "../../../newsletter/store/newsletter-store";
-import { hasSlotContent } from "../../component-utils";
+import { UnidyComponent } from "../../base/component";
+import { HasSlotContent } from "../../base/has-slot-content";
 import { unidyState } from "../../store/unidy-store";
-export class ErrorMessage {
+export class ErrorMessage extends UnidyComponent(HasSlotContent) {
+    constructor() {
+        super();
+    }
     componentClassName = "";
     for;
     errorMessages;
-    el;
     detectContext() {
-        if (this.el.closest("u-signin-root") || this.el.closest("u-signin-step"))
+        if (this.element.closest("u-signin-root") || this.element.closest("u-signin-step"))
             return "auth";
-        if (this.el.closest("u-profile"))
+        if (this.element.closest("u-profile"))
             return "profile";
-        if (this.el.closest("u-newsletter-root"))
+        if (this.element.closest("u-newsletter-root"))
             return "newsletter";
         if (this.for === "general" || this.for === "connection")
             return "other";
@@ -34,14 +37,36 @@ export class ErrorMessage {
         return errorCode || t("errors.unknown", { defaultValue: "An error occurred" });
     }
     getNewsletterErrorMessage(errorIdentifier) {
-        return t(`newsletter.errors.${errorIdentifier}`) || t("errors.unknown", { defaultValue: "An unknown error occurred" });
+        const translationKey = `newsletter.errors.${errorIdentifier}`;
+        const translated = t(translationKey);
+        if (translated !== translationKey) {
+            return translated;
+        }
+        return t("errors.unknown", { defaultValue: "An unknown error occurred" });
     }
     getErrorMessage(errorCode) {
         if (this.context === "auth") {
             return this.getAuthErrorMessage(errorCode);
         }
+        const fieldError = newsletterStore.state.additionalFieldErrors[this.for];
+        if (fieldError) {
+            return this.translateValidationError(fieldError);
+        }
         return this.getNewsletterErrorMessage(errorCode);
     }
+    translateValidationError(errorIdentifier) {
+        const fieldSpecificKey = `errors.${this.for}.${errorIdentifier}`;
+        const fieldSpecific = t(fieldSpecificKey);
+        if (fieldSpecific !== fieldSpecificKey) {
+            return fieldSpecific;
+        }
+        const genericKey = `errors.validation.${errorIdentifier}`;
+        const generic = t(genericKey);
+        if (generic !== genericKey) {
+            return generic;
+        }
+        return t("errors.unknown", { defaultValue: "An unknown error occurred" });
+    }
     getAuthErrorCode() {
         const forValue = this.for;
         if (forValue === "connection") {
@@ -53,24 +78,27 @@ export class ErrorMessage {
         return authState.errors[forValue];
     }
     getNewsletterErrorCode() {
-        const error = newsletterStore.state.errors[this.for];
-        return error ?? null;
+        const newsletterError = newsletterStore.state.errors[this.for];
+        if (newsletterError)
+            return newsletterError;
+        const fieldError = newsletterStore.state.additionalFieldErrors[this.for];
+        return fieldError ?? null;
     }
     render() {
         const errorCode = this.context === "newsletter" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();
-        if (!errorCode) {
-            return null;
-        }
+        // Check if we should show the error
+        let shouldShow = !!errorCode;
         // Only render connection_failed for "general" and "connection" types
         if (errorCode === "connection_failed" && this.for !== "general" && this.for !== "connection") {
-            return null;
+            shouldShow = false;
         }
-        const errorMessage = this.getErrorMessage(errorCode);
+        const errorMessage = shouldShow ? this.getErrorMessage(errorCode) : null;
         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);
+        // For shadow: false components with slots, we must always render Host but use hidden/display
+        // to control visibility, otherwise slotted content remains visible in the light DOM
+        return (h(Host, { key: '3389f45bb7effe946394ec1b3e84ff867257d4bc', class: `u:block ${this.componentClassName}`, hidden: !shouldShow, style: { display: shouldShow ? undefined : "none" }, "aria-hidden": !shouldShow ? "true" : null, "aria-live": "polite" }, this.hasSlot ? h("slot", null) : formattedMessage));
     }
     static get is() { return "u-error-message"; }
-    static get encapsulation() { return "shadow"; }
     static get originalStyleUrls() {
         return {
             "$": ["error-message.css"]
@@ -146,6 +174,5 @@ export class ErrorMessage {
             }
         };
     }
-    static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=error-message.js.map

package/dist/collection/shared/components/error-message/error-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-message.js","sourceRoot":"","sources":["../../../../src/shared/components/error-message/error-message.tsx"],"names":[],"mappings":"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","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  styleUrl: \"error-message.css\",\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,"file":"error-message.js","sourceRoot":"","sources":["../../../../src/shared/components/error-message/error-message.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, 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 { UnidyComponent } from \"../../base/component\";\nimport { HasSlotContent } from \"../../base/has-slot-content\";\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: false,\n  styleUrl: \"error-message.css\",\n})\nexport class ErrorMessage extends UnidyComponent(HasSlotContent) {\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n  @Prop() for!: string;\n\n  @Prop() errorMessages?: Record<string, string>;\n\n  private detectContext(): \"auth\" | \"newsletter\" | \"profile\" | \"other\" {\n    if (this.element.closest(\"u-signin-root\") || this.element.closest(\"u-signin-step\")) return \"auth\";\n\n    if (this.element.closest(\"u-profile\")) return \"profile\";\n\n    if (this.element.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    const translationKey = `newsletter.errors.${errorIdentifier}`;\n    const translated = t(translationKey);\n\n    if (translated !== translationKey) {\n      return translated;\n    }\n    return 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    const fieldError = newsletterStore.state.additionalFieldErrors[this.for];\n    if (fieldError) {\n      return this.translateValidationError(fieldError);\n    }\n\n    return this.getNewsletterErrorMessage(errorCode as NewsletterErrorIdentifier);\n  }\n\n  private translateValidationError(errorIdentifier: string): string {\n    const fieldSpecificKey = `errors.${this.for}.${errorIdentifier}`;\n    const fieldSpecific = t(fieldSpecificKey);\n    if (fieldSpecific !== fieldSpecificKey) {\n      return fieldSpecific;\n    }\n\n    const genericKey = `errors.validation.${errorIdentifier}`;\n    const generic = t(genericKey);\n    if (generic !== genericKey) {\n      return generic;\n    }\n\n    return t(\"errors.unknown\", { defaultValue: \"An unknown error occurred\" });\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 newsletterError = newsletterStore.state.errors[this.for];\n    if (newsletterError) return newsletterError;\n\n    const fieldError = newsletterStore.state.additionalFieldErrors[this.for];\n    return fieldError ?? null;\n  }\n\n  render() {\n    const errorCode = this.context === \"newsletter\" ? this.getNewsletterErrorCode() : this.getAuthErrorCode();\n\n    // Check if we should show the error\n    let shouldShow = !!errorCode;\n\n    // Only render connection_failed for \"general\" and \"connection\" types\n    if (errorCode === \"connection_failed\" && this.for !== \"general\" && this.for !== \"connection\") {\n      shouldShow = false;\n    }\n\n    const errorMessage = shouldShow ? this.getErrorMessage(errorCode) : null;\n    const formattedMessage = errorMessage?.includes(\"\\n\") ? <div style={{ whiteSpace: \"pre-line\" }}>{errorMessage}</div> : errorMessage;\n\n    // For shadow: false components with slots, we must always render Host but use hidden/display\n    // to control visibility, otherwise slotted content remains visible in the light DOM\n    return (\n      <Host\n        class={`u:block ${this.componentClassName}`}\n        hidden={!shouldShow}\n        style={{ display: shouldShow ? undefined : \"none\" }}\n        aria-hidden={!shouldShow ? \"true\" : null}\n        aria-live=\"polite\"\n      >\n        {this.hasSlot ? <slot /> : formattedMessage}\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/shared/components/spinner/spinner.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-animate-spin:spin 1s linear infinite;--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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}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: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\:cursor-pointer{cursor:pointer}.u\:justify-center{justify-content:center}.u\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.u\:disabled\:opacity-50:disabled{opacity:.5}.u\:inline-flex{display:inline-flex}.u\:h-\[1em\]{height:1em}.u\:w-\[1em\]{width:1em}.u\:animate-spin{animation:var(--u-animate-spin)}.u\:items-center{align-items:center}.u\:rounded-\[50\%\]{border-radius:50%}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components;@layer utilities{}@keyframes spin{to{transform:rotate(1turn)}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components; /*! 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 base{}@layer components;@layer utilities{.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 base{}@layer components; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components; /*! 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-border-style:solid;--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:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.container{width:100%}.border{border-style:var(--tw-border-style);border-width:1px}.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)}}:host{font-size:var(--spinner-font-size,20px)}.spinner-inner{border-top:.1em solid var(--spinner-color-secondary,#ccc);border:.1em solid var(--spinner-color-secondary,#ccc);border-top-color:var(--spinner-color-primary,#333)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--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-color-gray-200:oklch(92.8% .006 264.531);--u-spacing:.25rem;--u-container-xl:36rem;--u-animate-spin:spin 1s linear infinite;--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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}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: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\:cursor-pointer{cursor:pointer}.u\:justify-center{justify-content:center}.u\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.u\:disabled\:opacity-50:disabled{opacity:.5}} /*! 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-leading:initial;--tw-border-style:solid;--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:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.u\:z-\[500\]{z-index:500}.u\:mr-1{margin-right:calc(var(--u-spacing)*1)}.u\:block{display:block}.u\:inline-flex{display:inline-flex}.u\:h-\[1em\]{height:1em}.u\:w-\[1em\]{width:1em}.u\:max-w-xl{max-width:var(--u-container-xl)}.u\:min-w-64{min-width:calc(var(--u-spacing)*64)}.u\:animate-spin{animation:var(--u-animate-spin)}.u\:flex-col{flex-direction:column}.u\:items-center{align-items:center}.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\:rounded-\[50\%\]{border-radius:50%}.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)}.u\:disabled\:bg-gray-200:disabled{background-color:var(--u-color-gray-200)}.u\:disabled\:opacity-40:disabled{opacity:.4}}@keyframes spin{to{transform:rotate(1turn)}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components; /*! 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{}@layer base{}@layer components; /*! 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{}@layer base{}@layer components;@property --tw-leading{syntax:"*";inherits:false} /*! 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 base{}@layer components;@layer utilities{.u\:justify-end{justify-content:flex-end}.container{width:100%}.border{border-style:var(--tw-border-style);border-width:1px}.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 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 base{}@layer components; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components; /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{}@layer base{}@layer components;@layer utilities{}:host{font-size:var(--spinner-font-size,20px)}.spinner-inner{border-top:.1em solid var(--spinner-color-secondary,#ccc);border:.1em solid var(--spinner-color-secondary,#ccc);border-top-color:var(--spinner-color-primary,#333)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}

package/dist/collection/shared/components/spinner/spinner.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class Spinner {
     render() {
-        return (h(Host, { key: 'e88e3496dc7290a85725656d06b771ac0306351f', class: "u:inline-flex u:items-center u:justify-center" }, h("div", { key: '82fbcdd4a4b20ee474855c67f3203666a31d769c', class: "spinner-inner u:w-[1em] u:h-[1em] u:rounded-[50%] u:animate-spin", part: "spinner", role: "status", "aria-label": "Loading" })));
+        return (h(Host, { key: '6e340ac7edaf097fe73c53e42cc98c307b7c4e01', class: "u:inline-flex u:items-center u:justify-center" }, h("div", { key: 'ea4c7616e47980ab333914da2f86b6f8ef6d7f82', class: "spinner-inner u:w-[1em] u:h-[1em] u:rounded-[50%] u:animate-spin", part: "spinner", role: "status", "aria-label": "Loading" })));
     }
     static get is() { return "u-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared/components/submit-button/submit-button.css

@@ -1 +1 @@
-/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--u-animate-spin:spin 1s linear infinite;--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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}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: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\:cursor-pointer{cursor:pointer}.u\:justify-center{justify-content:center}.u\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.u\:disabled\:opacity-50:disabled{opacity:.5}.u\:inline-flex{display:inline-flex}.u\:h-\[1em\]{height:1em}.u\:w-\[1em\]{width:1em}.u\:animate-spin{animation:var(--u-animate-spin)}.u\:items-center{align-items:center}.u\:rounded-\[50\%\]{border-radius:50%}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components;@layer utilities{}@keyframes spin{to{transform:rotate(1turn)}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components;@layer utilities{.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-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:0px;--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}
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--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-color-gray-200:oklch(92.8% .006 264.531);--u-spacing:.25rem;--u-container-xl:36rem;--u-animate-spin:spin 1s linear infinite;--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);line-height:1.5;tab-size:4;-webkit-tap-highlight-color:transparent}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: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\:cursor-pointer{cursor:pointer}.u\:justify-center{justify-content:center}.u\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.u\:disabled\:opacity-50:disabled{opacity:.5}} /*! 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-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:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer base{}@layer components;@layer utilities{.u\:z-\[500\]{z-index:500}.u\:mr-1{margin-right:calc(var(--u-spacing)*1)}.u\:block{display:block}.u\:inline-flex{display:inline-flex}.u\:h-\[1em\]{height:1em}.u\:w-\[1em\]{width:1em}.u\:max-w-xl{max-width:var(--u-container-xl)}.u\:min-w-64{min-width:calc(var(--u-spacing)*64)}.u\:animate-spin{animation:var(--u-animate-spin)}.u\:flex-col{flex-direction:column}.u\:items-center{align-items:center}.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\:rounded-\[50\%\]{border-radius:50%}.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)}.u\:disabled\:bg-gray-200:disabled{background-color:var(--u-color-gray-200)}.u\:disabled\:opacity-40:disabled{opacity:.4}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(1turn)}} /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer base{}@layer components;@layer utilities{.u\:justify-end{justify-content:flex-end}.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 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{}@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}

package/dist/collection/shared/components/submit-button/submit-button.js

@@ -3,21 +3,21 @@ import { authContext } from "../../../auth/components/submit-button/auth-submit-
 import { t } from "../../../i18n";
 import { newsletterContext } from "../../../newsletter/components/submit-button/newsletter-submit-button";
 import { profileContext } from "../../../profile/components/submit-button/profile-submit-button";
-import { hasSlotContent } from "../../component-utils";
+import { UnidyComponent } from "../../base/component";
+import { HasSlotContent } from "../../base/has-slot-content";
+import { slotFallbackText } from "../../component-utils";
 import { defaultContext } from "./context";
-export class SubmitButton {
-    el;
+export class SubmitButton extends UnidyComponent(HasSlotContent) {
+    constructor() {
+        super();
+    }
     for;
     text;
     disabled = false;
     componentClassName = "";
     context = "auth";
     contextModule = defaultContext;
-    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);
         this.context = this.detectContext();
         switch (this.context) {
             case "auth":
@@ -34,16 +34,16 @@ export class SubmitButton {
         }
     }
     detectContext() {
-        if (this.el.closest("u-signin-root") || this.el.closest("u-signin-step"))
+        if (this.element.closest("u-signin-root") || this.element.closest("u-signin-step"))
             return "auth";
-        if (this.el.closest("u-profile"))
+        if (this.element.closest("u-profile"))
             return "profile";
-        if (this.el.closest("u-newsletter-root"))
+        if (this.element.closest("u-newsletter-root"))
             return "newsletter";
         throw new Error("No context found for submit button. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.");
     }
     handleClick = async (event) => {
-        await this.contextModule.handleClick(event, this.el, this.for);
+        await this.contextModule.handleClick(event, this.element, this.for);
     };
     isDisabled() {
         return this.contextModule.isDisabled(this.for, this.disabled);
@@ -60,16 +60,6 @@ export class SubmitButton {
         }
         return t("buttons.submit");
     }
-    getButtonContent() {
-        const loading = this.isLoading();
-        if (loading) {
-            return h("u-spinner", null);
-        }
-        if (this.hasSlot) {
-            return h("slot", null);
-        }
-        return this.getButtonText();
-    }
     render() {
         if (this.contextModule.shouldRender && !this.contextModule.shouldRender(this.for)) {
             return null;
@@ -86,7 +76,7 @@ export class SubmitButton {
             onClick: this.handleClick,
             "aria-live": "polite",
         };
-        return h("button", { ...buttonProps }, this.getButtonContent());
+        return h("button", { ...buttonProps }, slotFallbackText(this.getButtonText(), { hasSlot: this.hasSlot, loading: this.isLoading() }));
     }
     static get is() { return "u-submit-button"; }
     static get originalStyleUrls() {
@@ -192,6 +182,5 @@ export class SubmitButton {
             }
         };
     }
-    static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=submit-button.js.map

package/dist/collection/shared/components/submit-button/submit-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"submit-button.js","sourceRoot":"","sources":["../../../../src/shared/components/submit-button/submit-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\nimport { type AuthButtonFor, authContext } from \"../../../auth/components/submit-button/auth-submit-button\";\nimport { t } from \"../../../i18n\";\nimport { type NewsletterButtonFor, newsletterContext } from \"../../../newsletter/components/submit-button/newsletter-submit-button\";\nimport { profileContext } from \"../../../profile/components/submit-button/profile-submit-button\";\nimport { hasSlotContent } from \"../../component-utils\";\nimport { defaultContext, type SubmitButtonContext } from \"./context\";\n\n@Component({\n  tag: \"u-submit-button\",\n  styleUrl: \"submit-button.css\",\n  shadow: false,\n})\nexport class SubmitButton {\n  @Element() el!: HTMLElement;\n  @Prop() for?: AuthButtonFor | NewsletterButtonFor;\n  @Prop() text?: string;\n  @Prop() disabled = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private context: \"auth\" | \"profile\" | \"newsletter\" = \"auth\";\n  private contextModule: SubmitButtonContext = defaultContext;\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    this.context = this.detectContext();\n\n    switch (this.context) {\n      case \"auth\":\n        this.contextModule = authContext;\n        break;\n      case \"profile\":\n        this.contextModule = profileContext;\n        break;\n      case \"newsletter\":\n        this.contextModule = newsletterContext;\n        break;\n      default:\n        this.contextModule = defaultContext;\n    }\n  }\n\n  private detectContext(): \"auth\" | \"profile\" | \"newsletter\" {\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    throw new Error(\n      \"No context found for submit button. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.\",\n    );\n  }\n\n  private handleClick = async (event: MouseEvent) => {\n    await this.contextModule.handleClick(event, this.el, this.for);\n  };\n\n  private isDisabled(): boolean {\n    return this.contextModule.isDisabled(this.for, this.disabled);\n  }\n\n  private isLoading(): boolean {\n    return this.contextModule.isLoading();\n  }\n\n  private getButtonText(): string {\n    if (this.contextModule.getButtonText) {\n      return this.contextModule.getButtonText(this.for, this.text);\n    }\n    if (this.text) {\n      return this.text;\n    }\n\n    return t(\"buttons.submit\");\n  }\n\n  private getButtonContent() {\n    const loading = this.isLoading();\n\n    if (loading) {\n      return <u-spinner />;\n    }\n\n    if (this.hasSlot) {\n      return <slot />;\n    }\n\n    return this.getButtonText();\n  }\n\n  render() {\n    if (this.contextModule.shouldRender && !this.contextModule.shouldRender(this.for)) {\n      return null;\n    }\n\n    const buttonClasses = [\n      this.componentClassName,\n      \"u:flex u:justify-center u:cursor-pointer u:disabled:opacity-50 u:disabled:cursor-not-allowed \",\n    ].join(\" \");\n\n    const buttonProps: Record<string, unknown> = {\n      type: \"submit\",\n      part: `${this.context}-submit-button`,\n      disabled: this.isDisabled() || this.isLoading(),\n      class: buttonClasses,\n      onClick: this.handleClick,\n      \"aria-live\": \"polite\",\n    };\n\n    return <button {...buttonProps}>{this.getButtonContent()}</button>;\n  }\n}\n"]}
+{"version":3,"file":"submit-button.js","sourceRoot":"","sources":["../../../../src/shared/components/submit-button/submit-button.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\nimport { type AuthButtonFor, authContext } from \"../../../auth/components/submit-button/auth-submit-button\";\nimport { t } from \"../../../i18n\";\nimport { type NewsletterButtonFor, newsletterContext } from \"../../../newsletter/components/submit-button/newsletter-submit-button\";\nimport { profileContext } from \"../../../profile/components/submit-button/profile-submit-button\";\nimport { UnidyComponent } from \"../../base/component\";\nimport { HasSlotContent } from \"../../base/has-slot-content\";\nimport { slotFallbackText } from \"../../component-utils\";\nimport { defaultContext, type SubmitButtonContext } from \"./context\";\n\n@Component({\n  tag: \"u-submit-button\",\n  styleUrl: \"submit-button.css\",\n  shadow: false,\n})\nexport class SubmitButton extends UnidyComponent(HasSlotContent) {\n  @Prop() for?: AuthButtonFor | NewsletterButtonFor;\n  @Prop() text?: string;\n  @Prop() disabled = false;\n  @Prop({ attribute: \"class-name\" }) componentClassName = \"\";\n\n  private context: \"auth\" | \"profile\" | \"newsletter\" = \"auth\";\n  private contextModule: SubmitButtonContext = defaultContext;\n\n  async componentWillLoad() {\n    this.context = this.detectContext();\n\n    switch (this.context) {\n      case \"auth\":\n        this.contextModule = authContext;\n        break;\n      case \"profile\":\n        this.contextModule = profileContext;\n        break;\n      case \"newsletter\":\n        this.contextModule = newsletterContext;\n        break;\n      default:\n        this.contextModule = defaultContext;\n    }\n  }\n\n  private detectContext(): \"auth\" | \"profile\" | \"newsletter\" {\n    if (this.element.closest(\"u-signin-root\") || this.element.closest(\"u-signin-step\")) return \"auth\";\n\n    if (this.element.closest(\"u-profile\")) return \"profile\";\n\n    if (this.element.closest(\"u-newsletter-root\")) return \"newsletter\";\n\n    throw new Error(\n      \"No context found for submit button. Make sure you are using the component within a u-signin-root, u-profile, or u-newsletter-root.\",\n    );\n  }\n\n  private handleClick = async (event: MouseEvent) => {\n    await this.contextModule.handleClick(event, this.element, this.for);\n  };\n\n  private isDisabled(): boolean {\n    return this.contextModule.isDisabled(this.for, this.disabled);\n  }\n\n  private isLoading(): boolean {\n    return this.contextModule.isLoading();\n  }\n\n  private getButtonText(): string {\n    if (this.contextModule.getButtonText) {\n      return this.contextModule.getButtonText(this.for, this.text);\n    }\n    if (this.text) {\n      return this.text;\n    }\n\n    return t(\"buttons.submit\");\n  }\n\n  render() {\n    if (this.contextModule.shouldRender && !this.contextModule.shouldRender(this.for)) {\n      return null;\n    }\n\n    const buttonClasses = [\n      this.componentClassName,\n      \"u:flex u:justify-center u:cursor-pointer u:disabled:opacity-50 u:disabled:cursor-not-allowed \",\n    ].join(\" \");\n\n    const buttonProps: Record<string, unknown> = {\n      type: \"submit\",\n      part: `${this.context}-submit-button`,\n      disabled: this.isDisabled() || this.isLoading(),\n      class: buttonClasses,\n      onClick: this.handleClick,\n      \"aria-live\": \"polite\",\n    };\n\n    return <button {...buttonProps}>{slotFallbackText(this.getButtonText(), { hasSlot: this.hasSlot, loading: this.isLoading() })}</button>;\n  }\n}\n"]}

package/dist/collection/shared/context-utils.js

@@ -0,0 +1,96 @@
+// ============================================================================
+// Parent Component Lookup Utilities
+// ============================================================================
+/**
+ * Generic helper to find a parent component by tag name with proper typing.
+ *
+ * @param element - The element to start searching from
+ * @param tagName - The tag name of the parent component to find
+ * @returns The parent component element or null if not found
+ *
+ * @example
+ * const profile = findParent(this.el, "u-profile");
+ * profile?.submitProfile();
+ */
+export function findParent(element, tagName) {
+    return element.closest(tagName);
+}
+/**
+ * Find the parent u-profile component.
+ */
+export function findParentProfile(element) {
+    return findParent(element, "u-profile");
+}
+/**
+ * Find the parent u-signin-root component.
+ */
+export function findParentSigninRoot(element) {
+    return findParent(element, "u-signin-root");
+}
+/**
+ * Find the parent u-signin-step component.
+ */
+export function findParentSigninStep(element) {
+    return findParent(element, "u-signin-step");
+}
+/**
+ * Find the parent u-newsletter-root component.
+ */
+export function findParentNewsletterRoot(element) {
+    return findParent(element, "u-newsletter-root");
+}
+/**
+ * Find the parent u-ticketable-list component.
+ */
+export function findParentTicketableList(element) {
+    return findParent(element, "u-ticketable-list");
+}
+// ============================================================================
+// Context Detection Utilities
+// ============================================================================
+/**
+ * Detects which component context an element is within.
+ * Returns null if not within any known context.
+ *
+ * @param element - The element to detect context for
+ * @returns The detected context or null
+ *
+ * @example
+ * const context = detectContext(this.el);
+ * if (context === "auth") { ... }
+ */
+export function detectContext(element) {
+    if (findParentSigninRoot(element) || findParentSigninStep(element)) {
+        return "auth";
+    }
+    if (findParentProfile(element)) {
+        return "profile";
+    }
+    if (findParentNewsletterRoot(element)) {
+        return "newsletter";
+    }
+    if (findParentTicketableList(element)) {
+        return "ticketable";
+    }
+    return null;
+}
+/**
+ * Detects component context, throwing an error if not found.
+ * Use this when the component requires being within a specific context.
+ *
+ * @param element - The element to detect context for
+ * @param componentName - Name of the component for error message
+ * @returns The detected context
+ * @throws Error if no context is found
+ *
+ * @example
+ * const context = detectContextOrThrow(this.el, "submit button");
+ */
+export function detectContextOrThrow(element, componentName) {
+    const context = detectContext(element);
+    if (!context) {
+        throw new Error(`No context found for ${componentName}. Make sure you are using the component within a u-signin-root, u-profile, u-newsletter-root, or u-ticketable-list.`);
+    }
+    return context;
+}
+//# sourceMappingURL=context-utils.js.map

package/dist/collection/shared/context-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-utils.js","sourceRoot":"","sources":["../../src/shared/context-utils.ts"],"names":[],"mappings":"AAiBA,+EAA+E;AAC/E,oCAAoC;AACpC,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAqC,OAAoB,EAAE,OAAU;IAC7F,OAAO,OAAO,CAAC,OAAO,CAAC,OAAO,CAAiC,CAAC;AAClE,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,OAAoB;IACpD,OAAO,UAAU,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAC1C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAoB;IACvD,OAAO,UAAU,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;AAC9C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAoB;IACvD,OAAO,UAAU,CAAC,OAAO,EAAE,eAAe,CAAC,CAAC;AAC9C,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,OAAoB;IAC3D,OAAO,UAAU,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;AAClD,CAAC;AAED;;GAEG;AACH,MAAM,UAAU,wBAAwB,CAAC,OAAoB;IAC3D,OAAO,UAAU,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;AAClD,CAAC;AAED,+EAA+E;AAC/E,8BAA8B;AAC9B,+EAA+E;AAE/E;;;;;;;;;;GAUG;AACH,MAAM,UAAU,aAAa,CAAC,OAAoB;IAChD,IAAI,oBAAoB,CAAC,OAAO,CAAC,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC;QACnE,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,iBAAiB,CAAC,OAAO,CAAC,EAAE,CAAC;QAC/B,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,wBAAwB,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,IAAI,wBAAwB,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,OAAO,YAAY,CAAC;IACtB,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,oBAAoB,CAAC,OAAoB,EAAE,aAAqB;IAC9E,MAAM,OAAO,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAEvC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,wBAAwB,aAAa,qHAAqH,CAC3J,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["/**\n * Type map for parent component lookups.\n * Maps custom element tag names to their corresponding TypeScript types.\n */\ntype ParentComponentMap = {\n  \"u-profile\": HTMLUProfileElement;\n  \"u-signin-root\": HTMLUSigninRootElement;\n  \"u-signin-step\": HTMLUSigninStepElement;\n  \"u-newsletter-root\": HTMLUNewsletterRootElement;\n  \"u-ticketable-list\": HTMLUTicketableListElement;\n};\n\n/**\n * Component context types used throughout the SDK.\n */\nexport type ComponentContext = \"auth\" | \"profile\" | \"newsletter\" | \"ticketable\";\n\n// ============================================================================\n// Parent Component Lookup Utilities\n// ============================================================================\n\n/**\n * Generic helper to find a parent component by tag name with proper typing.\n *\n * @param element - The element to start searching from\n * @param tagName - The tag name of the parent component to find\n * @returns The parent component element or null if not found\n *\n * @example\n * const profile = findParent(this.el, \"u-profile\");\n * profile?.submitProfile();\n */\nexport function findParent<T extends keyof ParentComponentMap>(element: HTMLElement, tagName: T): ParentComponentMap[T] | null {\n  return element.closest(tagName) as ParentComponentMap[T] | null;\n}\n\n/**\n * Find the parent u-profile component.\n */\nexport function findParentProfile(element: HTMLElement): HTMLUProfileElement | null {\n  return findParent(element, \"u-profile\");\n}\n\n/**\n * Find the parent u-signin-root component.\n */\nexport function findParentSigninRoot(element: HTMLElement): HTMLUSigninRootElement | null {\n  return findParent(element, \"u-signin-root\");\n}\n\n/**\n * Find the parent u-signin-step component.\n */\nexport function findParentSigninStep(element: HTMLElement): HTMLUSigninStepElement | null {\n  return findParent(element, \"u-signin-step\");\n}\n\n/**\n * Find the parent u-newsletter-root component.\n */\nexport function findParentNewsletterRoot(element: HTMLElement): HTMLUNewsletterRootElement | null {\n  return findParent(element, \"u-newsletter-root\");\n}\n\n/**\n * Find the parent u-ticketable-list component.\n */\nexport function findParentTicketableList(element: HTMLElement): HTMLUTicketableListElement | null {\n  return findParent(element, \"u-ticketable-list\");\n}\n\n// ============================================================================\n// Context Detection Utilities\n// ============================================================================\n\n/**\n * Detects which component context an element is within.\n * Returns null if not within any known context.\n *\n * @param element - The element to detect context for\n * @returns The detected context or null\n *\n * @example\n * const context = detectContext(this.el);\n * if (context === \"auth\") { ... }\n */\nexport function detectContext(element: HTMLElement): ComponentContext | null {\n  if (findParentSigninRoot(element) || findParentSigninStep(element)) {\n    return \"auth\";\n  }\n\n  if (findParentProfile(element)) {\n    return \"profile\";\n  }\n\n  if (findParentNewsletterRoot(element)) {\n    return \"newsletter\";\n  }\n\n  if (findParentTicketableList(element)) {\n    return \"ticketable\";\n  }\n\n  return null;\n}\n\n/**\n * Detects component context, throwing an error if not found.\n * Use this when the component requires being within a specific context.\n *\n * @param element - The element to detect context for\n * @param componentName - Name of the component for error message\n * @returns The detected context\n * @throws Error if no context is found\n *\n * @example\n * const context = detectContextOrThrow(this.el, \"submit button\");\n */\nexport function detectContextOrThrow(element: HTMLElement, componentName: string): ComponentContext {\n  const context = detectContext(element);\n\n  if (!context) {\n    throw new Error(\n      `No context found for ${componentName}. Make sure you are using the component within a u-signin-root, u-profile, u-newsletter-root, or u-ticketable-list.`,\n    );\n  }\n\n  return context;\n}\n"]}

package/dist/collection/shared/utils/redirect-with-token.js

@@ -0,0 +1,30 @@
+import { unidyState } from "../store/unidy-store";
+/**
+ * Redirects to Unidy's one_time_login endpoint with a token.
+ *
+ * @example
+ * ```ts
+ * redirectWithToken({
+ *   token: "abc123",
+ *   newTab: true,
+ *   extraParams: { redirect_uri: "https://example.com" }
+ * });
+ * ```
+ */
+export function redirectWithToken({ token, newTab = false, extraParams }) {
+    const redirectUrl = new URL("/one_time_login", unidyState.baseUrl);
+    redirectUrl.searchParams.set("token", token);
+    if (extraParams) {
+        for (const [key, value] of Object.entries(extraParams)) {
+            redirectUrl.searchParams.set(key, value);
+        }
+    }
+    const finalUrl = redirectUrl.toString();
+    if (newTab) {
+        window.open(finalUrl, "_blank", "noreferrer");
+    }
+    else {
+        window.location.href = finalUrl;
+    }
+}
+//# sourceMappingURL=redirect-with-token.js.map

package/dist/collection/shared/utils/redirect-with-token.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"redirect-with-token.js","sourceRoot":"","sources":["../../../src/shared/utils/redirect-with-token.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAWlD;;;;;;;;;;;GAWG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,WAAW,EAA4B;IAChG,MAAM,WAAW,GAAG,IAAI,GAAG,CAAC,iBAAiB,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IACnE,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;IAE7C,IAAI,WAAW,EAAE,CAAC;QAChB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;YACvD,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAED,MAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,EAAE,CAAC;IAExC,IAAI,MAAM,EAAE,CAAC;QACX,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;IAChD,CAAC;SAAM,CAAC;QACN,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,QAAQ,CAAC;IAClC,CAAC;AACH,CAAC","sourcesContent":["import { unidyState } from \"../store/unidy-store\";\n\nexport interface RedirectWithTokenOptions {\n  /** The authentication token */\n  token: string;\n  /** If true, opens in a new tab. Defaults to false. */\n  newTab?: boolean;\n  /** Additional query parameters to add to the redirect URL */\n  extraParams?: Record<string, string>;\n}\n\n/**\n * Redirects to Unidy's one_time_login endpoint with a token.\n *\n * @example\n * ```ts\n * redirectWithToken({\n *   token: \"abc123\",\n *   newTab: true,\n *   extraParams: { redirect_uri: \"https://example.com\" }\n * });\n * ```\n */\nexport function redirectWithToken({ token, newTab = false, extraParams }: RedirectWithTokenOptions): void {\n  const redirectUrl = new URL(\"/one_time_login\", unidyState.baseUrl);\n  redirectUrl.searchParams.set(\"token\", token);\n\n  if (extraParams) {\n    for (const [key, value] of Object.entries(extraParams)) {\n      redirectUrl.searchParams.set(key, value);\n    }\n  }\n\n  const finalUrl = redirectUrl.toString();\n\n  if (newTab) {\n    window.open(finalUrl, \"_blank\", \"noreferrer\");\n  } else {\n    window.location.href = finalUrl;\n  }\n}\n"]}

package/dist/collection/shared/utils/url-utils.js

@@ -0,0 +1,25 @@
+/**
+ * Removes a query parameter from the current URL and updates the browser history.
+ * Uses `replaceState` to avoid adding a new history entry.
+ *
+ * @param param - The name of the query parameter to remove
+ * @returns The value of the removed parameter, or null if it wasn't present
+ *
+ * @example
+ * ```ts
+ * // URL: https://example.com?token=abc123&foo=bar
+ * const token = clearUrlParam("token");
+ * // token = "abc123"
+ * // URL is now: https://example.com?foo=bar
+ * ```
+ */
+export function clearUrlParam(param) {
+    const url = new URL(window.location.href);
+    const value = url.searchParams.get(param);
+    if (value) {
+        url.searchParams.delete(param);
+        window.history.replaceState(null, "", url.toString());
+    }
+    return value;
+}
+//# sourceMappingURL=url-utils.js.map

package/dist/collection/shared/utils/url-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-utils.js","sourceRoot":"","sources":["../../../src/shared/utils/url-utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,aAAa,CAAC,KAAa;IACzC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAE1C,IAAI,KAAK,EAAE,CAAC;QACV,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC/B,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,EAAE,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC;IACxD,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["/**\n * Removes a query parameter from the current URL and updates the browser history.\n * Uses `replaceState` to avoid adding a new history entry.\n *\n * @param param - The name of the query parameter to remove\n * @returns The value of the removed parameter, or null if it wasn't present\n *\n * @example\n * ```ts\n * // URL: https://example.com?token=abc123&foo=bar\n * const token = clearUrlParam(\"token\");\n * // token = \"abc123\"\n * // URL is now: https://example.com?foo=bar\n * ```\n */\nexport function clearUrlParam(param: string): string | null {\n  const url = new URL(window.location.href);\n  const value = url.searchParams.get(param);\n\n  if (value) {\n    url.searchParams.delete(param);\n    window.history.replaceState(null, \"\", url.toString());\n  }\n\n  return value;\n}\n"]}

package/dist/collection/ticketable/api/schemas.js

@@ -1,11 +1,17 @@
 import * as z from "zod";
 import { PaginationMetaSchema } from "../../api/shared";
+// Export format and link response schemas
+export const ExportFormat = z.enum(["pdf", "pkpass"]);
+export const ExportLinkResponseSchema = z.object({
+    url: z.string().url(),
+    expires_in: z.number(),
+});
 // Input validation schemas for ticketable list parameters
 export const TicketableListParamsSchema = z.object({
     page: z.number().int().positive().optional(),
     perPage: z.number().int().positive().max(250).optional(),
-    state: z.string().optional(),
-    paymentState: z.string().optional(),
+    state: z.string().nullish(),
+    paymentState: z.string().nullish(),
     orderBy: z.enum(["starts_at", "ends_at", "reference", "created_at"]).optional(),
     orderDirection: z.enum(["asc", "desc"]).optional(),
     serviceId: z.number().int().positive().optional(),
@@ -21,6 +27,7 @@ export const TicketSchema = z.object({
     reference: z.string(),
     metadata: z.record(z.string(), z.unknown()).nullable(),
     wallet_export: z.record(z.string(), z.unknown()).nullable(),
+    exportable_to_wallet: z.boolean(),
     state: z.string(),
     payment_state: z.string().nullable(),
     button_cta_url: z.string().nullable(),
@@ -49,6 +56,7 @@ export const SubscriptionSchema = z.object({
     payment_frequency: z.string().nullable(),
     metadata: z.record(z.string(), z.unknown()).nullable(),
     wallet_export: z.record(z.string(), z.unknown()).nullable(),
+    exportable_to_wallet: z.boolean(),
     state: z.string(),
     reference: z.string(),
     payment_state: z.string().nullable(),