solid-ui 3.1.3-5 → 3.1.3-6

package/dist/chunks/select-bVnWqF4c.js

@@ -1,560 +0,0 @@
-import { i as e, r as t, s as n, t as r } from "./lit-CC2G_f_C.js";
-//#region src/v2/components/forms/shared/downArrow.ts
-var i = e`
-  <svg xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 12 7"
-    fill="none"
-  >
-    <path d="M0.679688 0.678955L5.50729 5.50656L10.3349 0.678955" stroke="#6A7282" stroke-width="1.35776" stroke-linecap="round" stroke-linejoin="round"/>
-  </svg>
-`;
-//#endregion
-//#region src/v2/components/forms/shared/listboxTemplate.ts
-function a(t) {
-	let { options: n, selectedOption: r, activeOption: i, listboxId: a, getOptionId: o, onOptionSelect: s } = t;
-	return e`
-    <ul
-      class="listbox"
-      id="${a ?? ""}"
-      part="listbox"
-      role="listbox"
-      aria-orientation="vertical"
-    >
-      ${n.map((t, n) => {
-		let a = t.value === r?.value, c = t.value === i?.value;
-		return e`
-          <li
-            id="${o?.(t, n) ?? ""}"
-            class="listbox-item${a ? " listbox-item-selected" : ""}${c ? " listbox-item-active" : ""}${t.disabled ? " listbox-item-disabled" : ""}"
-            part="option${a ? " selected-option" : ""}${c ? " active-option" : ""}${t.disabled ? " disabled-option" : ""}"
-            role="option"
-            aria-selected="${a}"
-            aria-disabled="${t.disabled ? "true" : "false"}"
-            @click="${() => {
-			t.disabled || s(t);
-		}}"
-          >
-            ${t.label}
-          </li>
-        `;
-	})}
-    </ul>
-  `;
-}
-//#endregion
-//#region src/v2/components/forms/shared/listboxStyles.ts
-var o = n`
-  :host { /* default theme */
-      --input-background: var(--color-background, #F8F9FB);
-      --item-text: var(--color-text-heading, #000000);
-      --item-selected-text: var(--color-primary, #7c4dff);
-      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
-      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
-      --listbox-z-index: 1;
-    }
-
-    :host([theme='dark']) {
-      --input-background: var(--color-background, #1A1A1A);
-      --item-text: var(--color-text-heading, #F8F9FB);
-      --item-selected-text: var(--color-primary, #7c4dff);
-      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);
-      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);
-      --listbox-z-index: 1;
-    }
-
-    .listbox {
-      position: relative;
-      top: 0;
-      left: 0;
-      right: 0;
-      display: flex;
-      flex-direction: column;
-      gap: 0.0625rem;
-      margin: 0;
-      padding: 0;
-      list-style: none;
-      border: none;
-      border-radius: inherit;
-      background: var(--input-background);
-      background-color: var(--input-background);
-      opacity: 1;
-      overflow: hidden;
-      padding: 0.25rem;
-      z-index: var(--listbox-z-index);
-      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);
-    }
-
-    .listbox-item {
-      display: flex;
-      align-items: center;
-      gap: var(--spacing-2xs, 0.625rem);
-      width: 100%;
-      min-height: calc(var(--font-size-sm, 0.875rem) + 1rem);
-      padding: 0.5rem var(--spacing-xs, 0.75rem);
-      border: none;
-      border-radius: var(--border-radius-sm, 0.2rem);
-      background: transparent;
-      color: var(--item-text);
-      cursor: pointer;
-      font: inherit;
-      font-size: var(--font-size-sm, 0.875rem);
-      font-weight: var(--font-weight-normal, 400);
-      line-height: normal;
-      text-align: left;
-      text-decoration: none;
-      box-sizing: border-box;
-    }
-
-    .listbox-item:hover {
-      background: var(--item-hover-background);
-      border-radius: var(--border-radius-sm, 0.2rem);
-    }
-
-    .listbox-item:focus {
-      background: var(--item-hover-background);
-      border-radius: var(--border-radius-sm, 0.2rem);
-    }
-
-    .listbox-item-active {
-      background: var(--item-selected-background);
-      color: var(--item-selected-text);
-      border-radius: var(--border-radius-sm, 0.2rem);
-      outline: none;
-    }
-
-    .listbox-item-active:hover,
-    .listbox-item-active:focus {
-      color: var(--item-text);
-    }
-
-    .listbox-item-disabled {
-      opacity: 0.55;
-      cursor: not-allowed;
-    }
-
-    .listbox-item-disabled:hover {
-      background: transparent;
-      border-radius: 0;
-    }
-`;
-//#endregion
-//#region src/v2/components/forms/shared/keyboard.ts
-function s(e, t, n) {
-	if (!t.length || t.every((e) => e.disabled)) return -1;
-	let r = t.length, i = e;
-	do
-		i = (i + n + r) % r;
-	while (t[i].disabled);
-	return i;
-}
-function c(e) {
-	return e.length ? s(-1, e, 1) : -1;
-}
-function l(e) {
-	return e.length ? s(e.length, e, -1) : -1;
-}
-function u(e, t) {
-	return t === void 0 ? -1 : e.findIndex((e) => e.value === t);
-}
-function d(e) {
-	switch (e) {
-		case "ArrowDown": return "next";
-		case "ArrowUp": return "previous";
-		case "Home": return "first";
-		case "End": return "last";
-		case "Enter":
-		case " ": return "select";
-		case "Escape": return "close";
-		default: return "none";
-	}
-}
-//#endregion
-//#region src/v2/components/forms/select/Select.ts
-var f = class f extends r {
-	static _nextId = 0;
-	_popupPortalHost = null;
-	_popupPortalRoot = null;
-	_popupPortalContainer = null;
-	_handleDocumentPointerDown = (e) => {
-		let t = e.target;
-		if (!this._popupOpen || !(t instanceof Node)) return;
-		let n = "composedPath" in e ? e.composedPath() : [];
-		n.includes(this) || this._popupPortalHost && n.includes(this._popupPortalHost) || this._popupPortalRoot && n.includes(this._popupPortalRoot) || this.contains(t) || this._closePopup();
-	};
-	_handleViewportChange = () => {
-		this._popupOpen && this._updatePopupPosition();
-	};
-	static properties = {
-		label: {
-			type: String,
-			reflect: !0
-		},
-		theme: {
-			type: String,
-			reflect: !0
-		},
-		options: {
-			type: Array,
-			attribute: !1
-		},
-		layout: {
-			type: String,
-			reflect: !0
-		},
-		value: {
-			type: String,
-			reflect: !0
-		},
-		_popupOpen: { state: !0 },
-		_activeIndex: { state: !0 }
-	};
-	static styles = [o, n`
-      :host {
-        /* default theme */
-        display: block;
-        width: 100%;
-        min-width: 0;
-        max-width: 100%;
-        position: relative;
-        z-index: var(--select-z-index, 400);
-        box-sizing: border-box;
-        --select-open-z-index: 1000;
-        --select-popup-z-index: 1001;
-        --select-popup-background: var(--color-background, #f8f9fb);
-        --select-trigger-background: var(--color-background, #f8f9fb);
-        --select-trigger-toggle-hover-background: var(
-          --color-header-menu-item-hover,
-          #e6dcff
-        );
-        --input-background: var(--color-background, #f8f9fb);
-        --input-text: var(--color-text, #1a1a1a);
-        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-        --label-color: var(--grey-purple-700, #1a1a1a);
-        --placeholder-color: var(--grey-purple-700, #5e546d);
-        --select-trigger-text: var(--input-text);
-        --popup-background: var(--select-popup-background);
-        --popup-text: var(--color-text, #1a1a1a);
-        --popup-border: var(--color-border, #e5e7eb);
-        --popup-shadow: var(
-          --box-shadow-sm,
-          0 1px 4px rgba(124, 77, 255, 0.12)
-        );
-      }
-
-      :host([theme='dark']) {
-        display: block;
-        width: 100%;
-        min-width: 0;
-        max-width: 100%;
-        position: relative;
-        z-index: var(--select-z-index, 900);
-        box-sizing: border-box;
-        --select-open-z-index: 1000;
-        --select-popup-z-index: 1001;
-        --select-popup-background: var(--color-background, #1a1a1a);
-        --select-trigger-background: var(--color-background, #1a1a1a);
-        --select-trigger-toggle-hover-background: var(
-          --color-header-menu-item-hover,
-          #e6dcff
-        );
-        --input-background: var(--color-background, #1a1a1a);
-        --input-text: var(--color-text, #f8f9fb);
-        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));
-        --label-color: var(--grey-purple-700, #f8f9fb);
-        --placeholder-color: var(--grey-purple-700, #c7bfd3);
-        --select-trigger-text: var(--input-text);
-        --popup-background: var(--select-popup-background);
-        --popup-text: var(--color-text, #f8f9fb);
-        --popup-border: var(--color-border, #e5e7eb);
-        --popup-shadow: var(
-          --box-shadow-sm,
-          0 1px 4px rgba(124, 77, 255, 0.12)
-        );
-      }
-
-      :host([popup-open]) {
-        z-index: var(--select-open-z-index);
-      }
-
-      .select-field-row {
-        display: flex;
-        flex-direction: row;
-        position: relative;
-        width: 100%;
-        min-width: 0;
-      }
-
-      .select-trigger {
-        display: block;
-        position: relative;
-        width: 100%;
-        min-width: 0;
-        min-height: var(--select-trigger-height, var(--min-touch-target, 44px));
-        height: var(--select-trigger-height, var(--min-touch-target, 44px));
-        padding: var(--spacing-xxs, 0.3125rem)
-          calc(26px + (var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem)) * 2) + 6px)
-          var(--spacing-xxs, 0.3125rem)
-          var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));
-        border-radius: var(--border-radius-base, 0.3125rem);
-        background: var(--select-trigger-background);
-        border: 1px solid var(--input-border);
-        color: var(--select-trigger-text);
-        cursor: pointer;
-        appearance: none;
-        -webkit-appearance: none;
-        font-family: inherit;
-        font-size: var(--font-size-sm, 0.875rem);
-        font-weight: var(--font-weight-md, 500);
-        line-height: normal;
-        text-align: left;
-        white-space: nowrap;
-        text-decoration: none;
-        box-sizing: border-box;
-      }
-
-      .select-trigger:focus-visible {
-        outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));
-        outline-offset: 2px;
-      }
-
-      .select-trigger-label {
-        display: block;
-        text-align: left;
-        overflow: hidden;
-        text-overflow: ellipsis;
-      }
-
-      .select-trigger-toggle {
-        position: absolute;
-        right: 6px;
-        top: 50%;
-        transform: translateY(-50%);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 26px;
-        height: 26px;
-        padding: 0;
-        border: none;
-        background: transparent;
-        cursor: pointer;
-        border-radius: var(--border-radius-base, 0.3125rem);
-        flex-shrink: 0;
-      }
-
-      .select-trigger-toggle:hover {
-        background: var(
-          --select-trigger-toggle-hover-background,
-          var(--color-header-menu-item-hover, #e6dcff)
-        );
-      }
-
-      .select-field-row:focus-within .select-trigger-toggle {
-        background: var(
-          --select-trigger-toggle-hover-background,
-          var(--color-header-menu-item-hover, #e6dcff)
-        );
-      }
-
-      .select-trigger-icon {
-        display: inline-flex;
-        flex: 0 0 auto;
-        align-items: center;
-        justify-content: center;
-        width: 0.75rem;
-        height: 0.4375rem;
-        pointer-events: none;
-      }
-
-      .select-trigger-icon svg {
-        width: 100%;
-        height: 100%;
-        display: block;
-      }
-
-      .select-options-section {
-        position: relative;
-        background: var(--popup-background);
-        border-radius: inherit;
-        isolation: isolate;
-      }
-
-      .popup-box {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        min-width: 100%;
-        background: var(--popup-background);
-        opacity: 1;
-        overflow: hidden;
-        color: var(--popup-text);
-        box-shadow: var(--popup-shadow);
-        border: 1px solid var(--popup-border);
-        border-radius: var(--border-radius-md, 0.5rem);
-        box-sizing: border-box;
-        isolation: isolate;
-        z-index: var(--select-popup-z-index);
-      }
-    `];
-	_listboxId = `solid-ui-select-listbox-${f._nextId++}`;
-	constructor() {
-		super(), this.label = "Select an option", this.theme = "light", this.options = [], this.layout = "desktop", this.value = "", this._popupOpen = !1, this._activeIndex = -1;
-	}
-	connectedCallback() {
-		super.connectedCallback(), document.addEventListener("pointerdown", this._handleDocumentPointerDown), window.addEventListener("resize", this._handleViewportChange), window.addEventListener("scroll", this._handleViewportChange, !0);
-	}
-	disconnectedCallback() {
-		this._detachPopupPortal(), document.removeEventListener("pointerdown", this._handleDocumentPointerDown), window.removeEventListener("resize", this._handleViewportChange), window.removeEventListener("scroll", this._handleViewportChange, !0), super.disconnectedCallback();
-	}
-	updated() {
-		this.toggleAttribute("popup-open", this._popupOpen), this._popupOpen ? (this._updatePopupPosition(), this._popupPortalRoot && t(this._renderPopup(), this._popupPortalRoot)) : this._popupPortalRoot && t(null, this._popupPortalRoot);
-	}
-	_getPopupPortalContainer() {
-		return this.closest("dialog[open]") || document.body;
-	}
-	_ensurePopupPortal() {
-		let e = this._getPopupPortalContainer();
-		if (this._popupPortalHost && this._popupPortalRoot && this._popupPortalContainer === e) return;
-		this._detachPopupPortal(), this._popupPortalHost = document.createElement("div"), this._popupPortalHost.setAttribute("data-solid-ui-select-portal", ""), this._popupPortalHost.style.position = "fixed", this._popupPortalHost.style.inset = "0 auto auto 0", this._popupPortalHost.style.zIndex = "2147483647", this._popupPortalHost.style.pointerEvents = "none", this._popupPortalHost.style.boxSizing = "border-box", this._popupPortalRoot = this._popupPortalHost.attachShadow({ mode: "open" });
-		let t = (Array.isArray(f.styles) ? f.styles : [f.styles]).map((e) => e?.styleSheet).filter((e) => !!e);
-		t.length > 0 && (this._popupPortalRoot.adoptedStyleSheets = t), e.appendChild(this._popupPortalHost), this._popupPortalContainer = e;
-	}
-	_detachPopupPortal() {
-		this._popupPortalRoot && t(null, this._popupPortalRoot), this._popupPortalHost?.parentNode && this._popupPortalHost.parentNode.removeChild(this._popupPortalHost), this._popupPortalHost = null, this._popupPortalRoot = null, this._popupPortalContainer = null;
-	}
-	_updatePopupPosition() {
-		this._ensurePopupPortal();
-		let e = this.getBoundingClientRect(), t = Math.min(288, Math.max(120, window.innerHeight - e.bottom - 12));
-		this._popupPortalHost && (this._popupPortalHost.style.top = `${Math.round(e.bottom + 2)}px`, this._popupPortalHost.style.left = `${Math.round(e.left)}px`, this._popupPortalHost.style.width = `${Math.round(e.width)}px`, this._popupPortalHost.style.maxHeight = `${Math.round(t)}px`, this._popupPortalHost.style.height = "0px");
-	}
-	_closePopup() {
-		this._popupOpen = !1, this._activeIndex = -1, this._popupPortalRoot && t(null, this._popupPortalRoot);
-	}
-	_getSelectedIndex() {
-		return u(this.options, this.value);
-	}
-	_getSelectedOption() {
-		let e = this._getSelectedIndex();
-		return e >= 0 ? this.options[e] : this.options[0];
-	}
-	_getDisplayedOptions() {
-		let e = this._getSelectedOption();
-		return e ? [e, ...this.options.filter((t) => t.value !== e.value)] : this.options;
-	}
-	_getActiveOption() {
-		let e = this._getDisplayedOptions();
-		if (!(this._activeIndex < 0)) return e[this._activeIndex];
-	}
-	_selectValueFromDropdown(e) {
-		this.value = e, this.dispatchEvent(new CustomEvent("change", {
-			detail: { value: e },
-			bubbles: !0,
-			composed: !0
-		})), this._closePopup();
-	}
-	_selectActiveOption() {
-		let e = this._getActiveOption();
-		e && !e.disabled && this._selectValueFromDropdown(e.value);
-	}
-	_openPopup() {
-		let e = this._getDisplayedOptions();
-		this._popupOpen = !0, this._updatePopupPosition(), this._activeIndex = u(e, this.value), this._activeIndex < 0 && (this._activeIndex = c(e));
-	}
-	_handleTriggerKeydown(e) {
-		let t = this._getDisplayedOptions(), n = d(e.key);
-		if (n !== "none") switch (e.preventDefault(), n) {
-			case "close":
-				this._closePopup();
-				break;
-			case "first":
-				this._popupOpen || this._openPopup(), this._activeIndex = c(t);
-				break;
-			case "last":
-				this._popupOpen || this._openPopup(), this._activeIndex = l(t);
-				break;
-			case "next":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = s(this._activeIndex, t, 1);
-				break;
-			case "previous":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._activeIndex = s(this._activeIndex, t, -1);
-				break;
-			case "select":
-				if (!this._popupOpen) {
-					this._openPopup();
-					break;
-				}
-				this._selectActiveOption();
-				break;
-			default: break;
-		}
-	}
-	_getOptionId(e, t) {
-		return `${this._listboxId}-option-${t}-${e.value}`;
-	}
-	_renderPopup() {
-		let t = this._getDisplayedOptions();
-		return e`
-      <div class="popup-box" part="popup-box" style="pointer-events: auto; max-height: inherit; overflow: auto;">
-        <div class="select-options-section">
-          ${a({
-			selectedOption: this._getSelectedOption(),
-			activeOption: this._getActiveOption(),
-			options: t,
-			listboxId: this._listboxId,
-			getOptionId: (e, t) => this._getOptionId(e, t),
-			onOptionSelect: (e) => this._selectValueFromDropdown(e.value)
-		})}
-        </div>
-      </div>
-    `;
-	}
-	render() {
-		let t = this._getSelectedOption(), n = this._getActiveOption(), r = t?.label ?? this.label, a = this._popupOpen && n ? this._getOptionId(n, this._activeIndex) : void 0;
-		return e`
-      <div class="select-field-row">
-        <button
-          class="select-trigger"
-          type="button"
-          aria-haspopup="listbox"
-          aria-expanded="${this._popupOpen}"
-          aria-controls="${this._listboxId}"
-          aria-activedescendant="${a ?? ""}"
-          part="select-trigger"
-          @click="${() => this._popupOpen ? this._closePopup() : this._openPopup()}"
-          @keydown="${this._handleTriggerKeydown}"
-        >
-          <span class="select-trigger-label" part="trigger-label"
-            >${r}</span
-          >
-          <span class="select-trigger-toggle" part="trigger-toggle">
-            <span class="select-trigger-icon" part="trigger-icon" aria-hidden="true"
-              >${i}</span
-            >
-          </span>
-        </button>
-      </div>
-
-      <div
-        class="select-root"
-        aria-label="Select a value"
-        @click="${(e) => {
-			e.target === e.currentTarget && this._closePopup();
-		}}"
-      ></div>
-    `;
-	}
-}, p = "solid-ui-select";
-customElements.get(p) || customElements.define(p, f);
-//#endregion
-export { f as t };
-
-//# sourceMappingURL=select-bVnWqF4c.js.map

package/dist/chunks/select-bVnWqF4c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-bVnWqF4c.js","names":["html","downArrowIcon","html","renderListbox","args","options","selectedOption","activeOption","listboxId","getOptionId","onOptionSelect","map","option","index","isSelected","value","isActive","optionId","disabled","label","css","listboxStyles","getNextEnabledIndex","currentIndex","options","direction","length","every","option","disabled","optionsCount","nextIndex","getFirstEnabledIndex","getLastEnabledIndex","findOptionIndexByValue","value","undefined","findIndex","getListboxActionFromKey","key","css","html","LitElement","render","renderPortal","downArrowIcon","renderListbox","listboxStyles","findOptionIndexByValue","getFirstEnabledIndex","getLastEnabledIndex","getListboxActionFromKey","getNextEnabledIndex","Select","_nextId","_popupPortalHost","_popupPortalRoot","_popupPortalContainer","_handleDocumentPointerDown","event","eventTarget","target","_popupOpen","Node","eventPath","composedPath","includes","contains","_closePopup","_handleViewportChange","_updatePopupPosition","properties","label","type","String","reflect","theme","options","Array","attribute","layout","value","state","_activeIndex","styles","_listboxId","constructor","connectedCallback","document","addEventListener","window","disconnectedCallback","_detachPopupPortal","removeEventListener","updated","toggleAttribute","_renderPopup","_getPopupPortalContainer","closest","body","_ensurePopupPortal","nextContainer","createElement","setAttribute","style","position","inset","zIndex","pointerEvents","boxSizing","attachShadow","mode","styleSheets","isArray","map","styleSheet","filter","Boolean","length","adoptedStyleSheets","appendChild","parentNode","removeChild","rect","getBoundingClientRect","maxHeight","Math","min","max","innerHeight","bottom","top","round","left","width","height","_getSelectedIndex","_getSelectedOption","selectedIndex","_getDisplayedOptions","selectedOption","option","_getActiveOption","popupOptions","undefined","_selectValueFromDropdown","uri","dispatchEvent","CustomEvent","detail","bubbles","composed","_selectActiveOption","activeOption","disabled","_openPopup","_handleTriggerKeydown","action","key","preventDefault","_getOptionId","index","listboxId","getOptionId","onOptionSelect","triggerLabel","activeDescendant","e","currentTarget","Select","SELECT_TAG_NAME","customElements","get","define"],"sources":["../../src/v2/components/forms/shared/downArrow.ts","../../src/v2/components/forms/shared/listboxTemplate.ts","../../src/v2/components/forms/shared/listboxStyles.ts","../../src/v2/components/forms/shared/keyboard.ts","../../src/v2/components/forms/select/Select.ts","../../src/v2/components/forms/select/index.ts"],"sourcesContent":["import { html } from 'lit-html'\n\nexport const downArrowIcon = html`\n  <svg xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 12 7\"\n    fill=\"none\"\n  >\n    <path d=\"M0.679688 0.678955L5.50729 5.50656L10.3349 0.678955\" stroke=\"#6A7282\" stroke-width=\"1.35776\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>\n`\n","import { html } from 'lit'\nimport type { SelectOption } from './optionTypes'\n\nexport interface RenderListboxArgs {\n  options: SelectOption[]\n  selectedOption?: SelectOption\n  activeOption?: SelectOption\n  listboxId?: string\n  getOptionId?: (option: SelectOption, index: number) => string\n  onOptionSelect: (option: SelectOption) => void\n}\n\nexport function renderListbox (args: RenderListboxArgs) {\n  const {\n    options,\n    selectedOption,\n    activeOption,\n    listboxId,\n    getOptionId,\n    onOptionSelect\n  } = args\n\n  return html`\n    <ul\n      class=\"listbox\"\n      id=\"${listboxId ?? ''}\"\n      part=\"listbox\"\n      role=\"listbox\"\n      aria-orientation=\"vertical\"\n    >\n      ${options.map((option, index) => {\n        const isSelected = option.value === selectedOption?.value\n        const isActive = option.value === activeOption?.value\n        const optionId = getOptionId?.(option, index)\n\n        return html`\n          <li\n            id=\"${optionId ?? ''}\"\n            class=\"listbox-item${isSelected ? ' listbox-item-selected' : ''}${isActive ? ' listbox-item-active' : ''}${option.disabled ? ' listbox-item-disabled' : ''}\"\n            part=\"option${isSelected ? ' selected-option' : ''}${isActive ? ' active-option' : ''}${option.disabled ? ' disabled-option' : ''}\"\n            role=\"option\"\n            aria-selected=\"${isSelected}\"\n            aria-disabled=\"${option.disabled ? 'true' : 'false'}\"\n            @click=\"${() => {\n              if (!option.disabled) {\n                onOptionSelect(option)\n              }\n            }}\"\n          >\n            ${option.label}\n          </li>\n        `\n      })}\n    </ul>\n  `\n}\n","import { css } from 'lit'\n\nexport const listboxStyles = css`\n  :host { /* default theme */\n      --input-background: var(--color-background, #F8F9FB);\n      --item-text: var(--color-text-heading, #000000);\n      --item-selected-text: var(--color-primary, #7c4dff);\n      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);\n      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);\n      --listbox-z-index: 1;\n    }\n\n    :host([theme='dark']) {\n      --input-background: var(--color-background, #1A1A1A);\n      --item-text: var(--color-text-heading, #F8F9FB);\n      --item-selected-text: var(--color-primary, #7c4dff);\n      --item-hover-background: var(--color-header-menu-item-hover, #e6dcff);\n      --item-selected-background: var(--color-header-menu-item-selected, #cbb9ff);\n      --listbox-z-index: 1;\n    }\n\n    .listbox {\n      position: relative;\n      top: 0;\n      left: 0;\n      right: 0;\n      display: flex;\n      flex-direction: column;\n      gap: 0.0625rem;\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      border: none;\n      border-radius: inherit;\n      background: var(--input-background);\n      background-color: var(--input-background);\n      opacity: 1;\n      overflow: hidden;\n      padding: 0.25rem;\n      z-index: var(--listbox-z-index);\n      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);\n    }\n\n    .listbox-item {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-2xs, 0.625rem);\n      width: 100%;\n      min-height: calc(var(--font-size-sm, 0.875rem) + 1rem);\n      padding: 0.5rem var(--spacing-xs, 0.75rem);\n      border: none;\n      border-radius: var(--border-radius-sm, 0.2rem);\n      background: transparent;\n      color: var(--item-text);\n      cursor: pointer;\n      font: inherit;\n      font-size: var(--font-size-sm, 0.875rem);\n      font-weight: var(--font-weight-normal, 400);\n      line-height: normal;\n      text-align: left;\n      text-decoration: none;\n      box-sizing: border-box;\n    }\n\n    .listbox-item:hover {\n      background: var(--item-hover-background);\n      border-radius: var(--border-radius-sm, 0.2rem);\n    }\n\n    .listbox-item:focus {\n      background: var(--item-hover-background);\n      border-radius: var(--border-radius-sm, 0.2rem);\n    }\n\n    .listbox-item-active {\n      background: var(--item-selected-background);\n      color: var(--item-selected-text);\n      border-radius: var(--border-radius-sm, 0.2rem);\n      outline: none;\n    }\n\n    .listbox-item-active:hover,\n    .listbox-item-active:focus {\n      color: var(--item-text);\n    }\n\n    .listbox-item-disabled {\n      opacity: 0.55;\n      cursor: not-allowed;\n    }\n\n    .listbox-item-disabled:hover {\n      background: transparent;\n      border-radius: 0;\n    }\n`\n","import { SelectOption } from './optionTypes'\n\n/* Move up or down, skip disabled options */\nexport function getNextEnabledIndex (\n  currentIndex: number,\n  options: SelectOption[],\n  direction: 1 | -1\n): number {\n  if (!options.length) {\n    return -1\n  }\n\n  if (options.every(option => option.disabled)) {\n    return -1\n  }\n\n  const optionsCount = options.length\n  let nextIndex = currentIndex\n\n  do {\n    nextIndex = (nextIndex + direction + optionsCount) % optionsCount\n  } while (options[nextIndex].disabled)\n\n  return nextIndex\n}\n\n/* Handle 'Home' and 'End' keys and initial highlight */\nexport function getFirstEnabledIndex (options: SelectOption[]): number {\n  if (!options.length) {\n    return -1\n  }\n\n  return getNextEnabledIndex(-1, options, 1)\n}\n\nexport function getLastEnabledIndex (options: SelectOption[]): number {\n  if (!options.length) {\n    return -1\n  }\n\n  return getNextEnabledIndex(options.length, options, -1)\n}\n\n/* Sync current value to active index */\nexport function findOptionIndexByValue (\n  options: SelectOption[],\n  value?: string\n): number {\n  if (value === undefined) {\n    return -1\n  }\n  return options.findIndex(option => option.value === value)\n}\n\n/* Map keyboard events to actions */\nexport function getListboxActionFromKey (key: string):\n  | 'open'\n  | 'close'\n  | 'next'\n  | 'previous'\n  | 'first'\n  | 'last'\n  | 'select'\n  | 'none' {\n  switch (key) {\n    case 'ArrowDown':\n      return 'next'\n    case 'ArrowUp':\n      return 'previous'\n    case 'Home':\n      return 'first'\n    case 'End':\n      return 'last'\n    case 'Enter':\n    case ' ':\n      return 'select'\n    case 'Escape':\n      return 'close'\n    default:\n      return 'none'\n  }\n}\n","import { css, html, LitElement } from 'lit'\nimport { render as renderPortal } from 'lit/html.js'\nimport { downArrowIcon } from '../shared/downArrow'\nimport { renderListbox } from '../shared/listboxTemplate'\nimport { SelectOption } from '../shared/optionTypes'\nimport { listboxStyles } from '../shared/listboxStyles'\nimport {\n  findOptionIndexByValue,\n  getFirstEnabledIndex,\n  getLastEnabledIndex,\n  getListboxActionFromKey,\n  getNextEnabledIndex\n} from '../shared/keyboard'\n\n/* The following keyboard navigation and ARIA support for Select\n  were generated by AI Model: GPT-5.4 */\n/* Prompt: can you wire up the keyboard interactions and aria attributes for Select */\nexport class Select extends LitElement {\n  private static _nextId = 0\n  private _popupPortalHost: HTMLDivElement | null = null\n  private _popupPortalRoot: ShadowRoot | null = null\n  private _popupPortalContainer: Element | null = null\n  private readonly _handleDocumentPointerDown = (event: Event) => {\n    const eventTarget = event.target\n\n    if (!this._popupOpen || !(eventTarget instanceof Node)) {\n      return\n    }\n\n    const eventPath =\n      'composedPath' in event\n        ? (\n            event as Event & { composedPath: () => EventTarget[] }\n          ).composedPath()\n        : []\n\n    if (eventPath.includes(this)) {\n      return\n    }\n\n    if (\n      (this._popupPortalHost && eventPath.includes(this._popupPortalHost)) ||\n      (this._popupPortalRoot && eventPath.includes(this._popupPortalRoot))\n    ) {\n      return\n    }\n\n    if (!this.contains(eventTarget)) {\n      this._closePopup()\n    }\n  }\n\n  private readonly _handleViewportChange = () => {\n    if (!this._popupOpen) return\n    this._updatePopupPosition()\n  }\n\n  static properties = {\n    label: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    options: { type: Array, attribute: false },\n    layout: { type: String, reflect: true },\n    value: { type: String, reflect: true },\n    _popupOpen: { state: true },\n    _activeIndex: { state: true }\n  }\n\n  static styles = [\n    listboxStyles,\n    css`\n      :host {\n        /* default theme */\n        display: block;\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        position: relative;\n        z-index: var(--select-z-index, 400);\n        box-sizing: border-box;\n        --select-open-z-index: 1000;\n        --select-popup-z-index: 1001;\n        --select-popup-background: var(--color-background, #f8f9fb);\n        --select-trigger-background: var(--color-background, #f8f9fb);\n        --select-trigger-toggle-hover-background: var(\n          --color-header-menu-item-hover,\n          #e6dcff\n        );\n        --input-background: var(--color-background, #f8f9fb);\n        --input-text: var(--color-text, #1a1a1a);\n        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n        --label-color: var(--grey-purple-700, #1a1a1a);\n        --placeholder-color: var(--grey-purple-700, #5e546d);\n        --select-trigger-text: var(--input-text);\n        --popup-background: var(--select-popup-background);\n        --popup-text: var(--color-text, #1a1a1a);\n        --popup-border: var(--color-border, #e5e7eb);\n        --popup-shadow: var(\n          --box-shadow-sm,\n          0 1px 4px rgba(124, 77, 255, 0.12)\n        );\n      }\n\n      :host([theme='dark']) {\n        display: block;\n        width: 100%;\n        min-width: 0;\n        max-width: 100%;\n        position: relative;\n        z-index: var(--select-z-index, 900);\n        box-sizing: border-box;\n        --select-open-z-index: 1000;\n        --select-popup-z-index: 1001;\n        --select-popup-background: var(--color-background, #1a1a1a);\n        --select-trigger-background: var(--color-background, #1a1a1a);\n        --select-trigger-toggle-hover-background: var(\n          --color-header-menu-item-hover,\n          #e6dcff\n        );\n        --input-background: var(--color-background, #1a1a1a);\n        --input-text: var(--color-text, #f8f9fb);\n        --input-border: var(--color-border-button-hover, var(--gray-400, #99A1AF));\n        --label-color: var(--grey-purple-700, #f8f9fb);\n        --placeholder-color: var(--grey-purple-700, #c7bfd3);\n        --select-trigger-text: var(--input-text);\n        --popup-background: var(--select-popup-background);\n        --popup-text: var(--color-text, #f8f9fb);\n        --popup-border: var(--color-border, #e5e7eb);\n        --popup-shadow: var(\n          --box-shadow-sm,\n          0 1px 4px rgba(124, 77, 255, 0.12)\n        );\n      }\n\n      :host([popup-open]) {\n        z-index: var(--select-open-z-index);\n      }\n\n      .select-field-row {\n        display: flex;\n        flex-direction: row;\n        position: relative;\n        width: 100%;\n        min-width: 0;\n      }\n\n      .select-trigger {\n        display: block;\n        position: relative;\n        width: 100%;\n        min-width: 0;\n        min-height: var(--select-trigger-height, var(--min-touch-target, 44px));\n        height: var(--select-trigger-height, var(--min-touch-target, 44px));\n        padding: var(--spacing-xxs, 0.3125rem)\n          calc(26px + (var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem)) * 2) + 6px)\n          var(--spacing-xxs, 0.3125rem)\n          var(--select-trigger-inline-padding, var(--spacing-2xs, 0.625rem));\n        border-radius: var(--border-radius-base, 0.3125rem);\n        background: var(--select-trigger-background);\n        border: 1px solid var(--input-border);\n        color: var(--select-trigger-text);\n        cursor: pointer;\n        appearance: none;\n        -webkit-appearance: none;\n        font-family: inherit;\n        font-size: var(--font-size-sm, 0.875rem);\n        font-weight: var(--font-weight-md, 500);\n        line-height: normal;\n        text-align: left;\n        white-space: nowrap;\n        text-decoration: none;\n        box-sizing: border-box;\n      }\n\n      .select-trigger:focus-visible {\n        outline: 2px solid var(--color-focus-ring, var(--color-primary, #7C4DFF));\n        outline-offset: 2px;\n      }\n\n      .select-trigger-label {\n        display: block;\n        text-align: left;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n\n      .select-trigger-toggle {\n        position: absolute;\n        right: 6px;\n        top: 50%;\n        transform: translateY(-50%);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        width: 26px;\n        height: 26px;\n        padding: 0;\n        border: none;\n        background: transparent;\n        cursor: pointer;\n        border-radius: var(--border-radius-base, 0.3125rem);\n        flex-shrink: 0;\n      }\n\n      .select-trigger-toggle:hover {\n        background: var(\n          --select-trigger-toggle-hover-background,\n          var(--color-header-menu-item-hover, #e6dcff)\n        );\n      }\n\n      .select-field-row:focus-within .select-trigger-toggle {\n        background: var(\n          --select-trigger-toggle-hover-background,\n          var(--color-header-menu-item-hover, #e6dcff)\n        );\n      }\n\n      .select-trigger-icon {\n        display: inline-flex;\n        flex: 0 0 auto;\n        align-items: center;\n        justify-content: center;\n        width: 0.75rem;\n        height: 0.4375rem;\n        pointer-events: none;\n      }\n\n      .select-trigger-icon svg {\n        width: 100%;\n        height: 100%;\n        display: block;\n      }\n\n      .select-options-section {\n        position: relative;\n        background: var(--popup-background);\n        border-radius: inherit;\n        isolation: isolate;\n      }\n\n      .popup-box {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        min-width: 100%;\n        background: var(--popup-background);\n        opacity: 1;\n        overflow: hidden;\n        color: var(--popup-text);\n        box-shadow: var(--popup-shadow);\n        border: 1px solid var(--popup-border);\n        border-radius: var(--border-radius-md, 0.5rem);\n        box-sizing: border-box;\n        isolation: isolate;\n        z-index: var(--select-popup-z-index);\n      }\n    `\n  ]\n\n  declare label: string\n  declare theme: 'light' | 'dark'\n  declare options: Array<SelectOption>\n  declare layout: 'desktop' | 'mobile'\n  declare value: string\n  declare _popupOpen: boolean\n  declare _activeIndex: number\n\n  private readonly _listboxId = `solid-ui-select-listbox-${Select._nextId++}`\n\n  constructor () {\n    super()\n    this.label = 'Select an option'\n    this.theme = 'light'\n    this.options = []\n    this.layout = 'desktop'\n    this.value = ''\n    this._popupOpen = false\n    this._activeIndex = -1\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    document.addEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.addEventListener('resize', this._handleViewportChange)\n    window.addEventListener('scroll', this._handleViewportChange, true)\n  }\n\n  disconnectedCallback () {\n    this._detachPopupPortal()\n    document.removeEventListener('pointerdown', this._handleDocumentPointerDown)\n    window.removeEventListener('resize', this._handleViewportChange)\n    window.removeEventListener('scroll', this._handleViewportChange, true)\n    super.disconnectedCallback()\n  }\n\n  protected updated () {\n    this.toggleAttribute('popup-open', this._popupOpen)\n\n    if (this._popupOpen) {\n      this._updatePopupPosition()\n      if (this._popupPortalRoot) {\n        renderPortal(this._renderPopup(), this._popupPortalRoot)\n      }\n    } else if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  private _getPopupPortalContainer () {\n    return this.closest('dialog[open]') || document.body\n  }\n\n  private _ensurePopupPortal () {\n    const nextContainer = this._getPopupPortalContainer()\n\n    if (\n      this._popupPortalHost &&\n      this._popupPortalRoot &&\n      this._popupPortalContainer === nextContainer\n    ) {\n      return\n    }\n\n    this._detachPopupPortal()\n\n    this._popupPortalHost = document.createElement('div')\n    this._popupPortalHost.setAttribute('data-solid-ui-select-portal', '')\n    this._popupPortalHost.style.position = 'fixed'\n    this._popupPortalHost.style.inset = '0 auto auto 0'\n    this._popupPortalHost.style.zIndex = '2147483647'\n    this._popupPortalHost.style.pointerEvents = 'none'\n    this._popupPortalHost.style.boxSizing = 'border-box'\n\n    this._popupPortalRoot = this._popupPortalHost.attachShadow({ mode: 'open' })\n    const styleSheets = (Array.isArray(Select.styles) ? Select.styles : [Select.styles])\n      .map((style) => style?.styleSheet)\n      .filter((styleSheet): styleSheet is CSSStyleSheet => Boolean(styleSheet))\n\n    if (styleSheets.length > 0) {\n      this._popupPortalRoot.adoptedStyleSheets = styleSheets\n    }\n\n    nextContainer.appendChild(this._popupPortalHost)\n    this._popupPortalContainer = nextContainer\n  }\n\n  private _detachPopupPortal () {\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n\n    if (this._popupPortalHost?.parentNode) {\n      this._popupPortalHost.parentNode.removeChild(this._popupPortalHost)\n    }\n\n    this._popupPortalHost = null\n    this._popupPortalRoot = null\n    this._popupPortalContainer = null\n  }\n\n  private _updatePopupPosition () {\n    this._ensurePopupPortal()\n\n    const rect = this.getBoundingClientRect()\n    const maxHeight = Math.min(288, Math.max(120, window.innerHeight - rect.bottom - 12))\n\n    if (this._popupPortalHost) {\n      this._popupPortalHost.style.top = `${Math.round(rect.bottom + 2)}px`\n      this._popupPortalHost.style.left = `${Math.round(rect.left)}px`\n      this._popupPortalHost.style.width = `${Math.round(rect.width)}px`\n      this._popupPortalHost.style.maxHeight = `${Math.round(maxHeight)}px`\n      this._popupPortalHost.style.height = '0px'\n    }\n  }\n\n  private _closePopup () {\n    this._popupOpen = false\n    this._activeIndex = -1\n\n    if (this._popupPortalRoot) {\n      renderPortal(null, this._popupPortalRoot)\n    }\n  }\n\n  private _getSelectedIndex () {\n    return findOptionIndexByValue(this.options, this.value)\n  }\n\n  private _getSelectedOption () {\n    const selectedIndex = this._getSelectedIndex()\n\n    if (selectedIndex >= 0) {\n      return this.options[selectedIndex]\n    }\n\n    return this.options[0]\n  }\n\n  private _getDisplayedOptions () {\n    const selectedOption = this._getSelectedOption()\n\n    if (!selectedOption) {\n      return this.options\n    }\n\n    return [\n      selectedOption,\n      ...this.options.filter((option) => option.value !== selectedOption.value)\n    ]\n  }\n\n  private _getActiveOption () {\n    const popupOptions = this._getDisplayedOptions()\n\n    if (this._activeIndex < 0) {\n      return undefined\n    }\n\n    return popupOptions[this._activeIndex]\n  }\n\n  private _selectValueFromDropdown (uri: string) {\n    this.value = uri\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: { value: uri },\n        bubbles: true,\n        composed: true\n      })\n    )\n    this._closePopup()\n  }\n\n  private _selectActiveOption () {\n    const activeOption = this._getActiveOption()\n\n    if (activeOption && !activeOption.disabled) {\n      this._selectValueFromDropdown(activeOption.value)\n    }\n  }\n\n  private _openPopup () {\n    const popupOptions = this._getDisplayedOptions()\n\n    this._popupOpen = true\n    this._updatePopupPosition()\n    this._activeIndex = findOptionIndexByValue(popupOptions, this.value)\n\n    if (this._activeIndex < 0) {\n      this._activeIndex = getFirstEnabledIndex(popupOptions)\n    }\n  }\n\n  private _handleTriggerKeydown (event: KeyboardEvent) {\n    const popupOptions = this._getDisplayedOptions()\n    const action = getListboxActionFromKey(event.key)\n\n    if (action === 'none') {\n      return\n    }\n\n    event.preventDefault()\n\n    switch (action) {\n      case 'close':\n        this._closePopup()\n        break\n      case 'first':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getFirstEnabledIndex(popupOptions)\n        break\n      case 'last':\n        if (!this._popupOpen) {\n          this._openPopup()\n        }\n        this._activeIndex = getLastEnabledIndex(popupOptions)\n        break\n      case 'next':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(\n          this._activeIndex,\n          popupOptions,\n          1\n        )\n        break\n      case 'previous':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._activeIndex = getNextEnabledIndex(\n          this._activeIndex,\n          popupOptions,\n          -1\n        )\n        break\n      case 'select':\n        if (!this._popupOpen) {\n          this._openPopup()\n          break\n        }\n        this._selectActiveOption()\n        break\n      default:\n        break\n    }\n  }\n\n  private _getOptionId (option: SelectOption, index: number) {\n    return `${this._listboxId}-option-${index}-${option.value}`\n  }\n\n  private _renderPopup () {\n    const popupOptions = this._getDisplayedOptions()\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._getActiveOption()\n\n    return html`\n      <div class=\"popup-box\" part=\"popup-box\" style=\"pointer-events: auto; max-height: inherit; overflow: auto;\">\n        <div class=\"select-options-section\">\n          ${renderListbox({\n            selectedOption,\n            activeOption,\n            options: popupOptions,\n            listboxId: this._listboxId,\n            getOptionId: (option, index) => this._getOptionId(option, index),\n            onOptionSelect: (option) =>\n              this._selectValueFromDropdown(option.value)\n          })}\n        </div>\n      </div>\n    `\n  }\n\n  render () {\n    const selectedOption = this._getSelectedOption()\n    const activeOption = this._getActiveOption()\n    const triggerLabel = selectedOption?.label ?? this.label\n    const activeDescendant =\n      this._popupOpen && activeOption\n        ? this._getOptionId(activeOption, this._activeIndex)\n        : undefined\n\n    return html`\n      <div class=\"select-field-row\">\n        <button\n          class=\"select-trigger\"\n          type=\"button\"\n          aria-haspopup=\"listbox\"\n          aria-expanded=\"${this._popupOpen}\"\n          aria-controls=\"${this._listboxId}\"\n          aria-activedescendant=\"${activeDescendant ?? ''}\"\n          part=\"select-trigger\"\n          @click=\"${() => this._popupOpen ? this._closePopup() : this._openPopup()}\"\n          @keydown=\"${this._handleTriggerKeydown}\"\n        >\n          <span class=\"select-trigger-label\" part=\"trigger-label\"\n            >${triggerLabel}</span\n          >\n          <span class=\"select-trigger-toggle\" part=\"trigger-toggle\">\n            <span class=\"select-trigger-icon\" part=\"trigger-icon\" aria-hidden=\"true\"\n              >${downArrowIcon}</span\n            >\n          </span>\n        </button>\n      </div>\n\n      <div\n        class=\"select-root\"\n        aria-label=\"Select a value\"\n        @click=\"${(e: MouseEvent) => {\n          if (e.target === e.currentTarget) this._closePopup()\n        }}\"\n      ></div>\n    `\n  }\n}\n","import { Select } from './Select'\n\nexport { Select }\n\nconst SELECT_TAG_NAME = 'solid-ui-select'\n\nif (!customElements.get(SELECT_TAG_NAME)) {\n  customElements.define(SELECT_TAG_NAME, Select)\n}\n"],"mappings":"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"}

package/dist/chunks/signup-button-BC4LmOXx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"signup-button-BC4LmOXx.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_SignupButton","_A","WeakMap","_ref","_authDecs","context","subscribe","SignupButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","signup","_SignupButton2","c","_initClass","_applyDecs","default","SignupButton"],"sources":["../../src/components/signup-button/SignupButton.ts","../../src/components/signup-button/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/button'\n\n@customElement('solid-ui-signup-button')\nexport default class SignupButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Sign Up\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.signup()\n  }\n}\n","import SignupButton from './SignupButton'\n\nexport { SignupButton }\nexport default SignupButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAoBpDgB,IAAAf,cArByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEQA,QAASC,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKN,KAAKO,OAAO;CACnB;AACF,GAAC,CAAAF,GAAA,CAAAP,GAAAD,IAAAY,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAH,GAAA,CAAA;CAAAlB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GArByCL,CAAY,GAAA8B,EAAA;;;ACLtD,IAAA,IAAeG"}

package/dist/components/menu-items/MenuItems.cjs.js

@@ -1,6 +0,0 @@
-const e=require("../../lib/components/decorators.cjs.js"),t=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js");const n=require("../../lib/menus/context.cjs.js"),r=require("./MenuItems.styles.cjs.js");let i=require("@lit/context"),a=require("lit");var o,s,c,l,u,d,f,p,m,h;function g(e,t,n){_(e,t),t.set(e,n)}function _(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function v(e,t,n){return e.set(b(e,t),n),n}function y(e,t){return e.get(b(e,t))}function b(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function x(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:T(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||T(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var E=_[w],D=n?_[w-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(E.call(D,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=E.call(D,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return E(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:C(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function C(e){var t=w(e,`string`);return typeof t==`symbol`?t:t+``}function w(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function T(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function E(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function D(e){return e}d=[e.customElement(`solid-ui-menu-items`)];var O;new(m=(c=new WeakMap,h=(f=(0,i.consume)({context:n.menuContext,subscribe:!0}),`context`),s=class extends t.default{constructor(...e){super(...e),g(this,c,(l(this),p(this)))}get[h](){return y(c,this)}set context(e){v(c,this,e)}connectedCallback(){super.connectedCallback(),this.setAttribute(`popover`,`auto`),this.setAttribute(`role`,`menu`),this.style.positionAnchor=`--menu-anchor`,this.context&&(this.id=`${this.context.id}-menu-items`)}render(){return a.html`
-        <div>
-            <slot></slot>
-        </div>
-    `}},{e:[p,l],c:[O,u]}=S(s,[[f,1,`context`]],d,0,void 0,t.default),s),o=class extends D{constructor(){super(O),x(this,`styles`,r.default),u()}},x(o,m,void 0),o),Object.defineProperty(exports,"_MenuItems",{enumerable:!0,get:function(){return O}});
-//# sourceMappingURL=MenuItems.cjs.js.map