@nymbalhq/web-components 1.1.0 → 1.2.0

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/registry.ts","../src/base-element.ts","../src/styles.ts","../src/components/add-to-cart.ts","../src/components/cart-drawer.ts","../src/components/mini-cart.ts","../src/components/variant-selector.ts","../src/components/quantity-selector.ts","../src/components/search-bar.ts","../src/components/product-filter.ts","../src/components/toast.ts","../src/components/payment-element.ts","../src/components/sort-dropdown.ts","../src/index.ts","../src/payment-drivers/test-mode.ts","../src/payment-drivers/stripe.ts"],"sourcesContent":["import type { NymbalClient } from '@nymbalhq/sdk'\n\nconst CLIENT_KEY = Symbol.for('nymbal.client')\n\nexport function registerClient(client: NymbalClient): void {\n  (globalThis as Record<symbol, unknown>)[CLIENT_KEY] = client\n}\n\nexport function getClient(): NymbalClient {\n  const client = (globalThis as Record<symbol, unknown>)[CLIENT_KEY] as NymbalClient | undefined\n  if (!client) {\n    throw new Error('NymbalClient not registered. Call registerClient() before using components.')\n  }\n  return client\n}\n","import type { NymbalClient } from '@nymbalhq/sdk'\nimport { getClient } from './registry.js'\n\n/** `HTMLElement`, or a stand-in on a server, where the module is imported but no element is ever made. */\nexport const HTMLElementBase =\n  typeof HTMLElement !== 'undefined' ? HTMLElement : (class {} as unknown as typeof HTMLElement)\n\nexport abstract class NymbalElement extends HTMLElementBase {\n  private _unsubs: Array<() => void> = []\n  private _renderQueued = false\n\n  protected get client(): NymbalClient {\n    return getClient()\n  }\n\n  protected subscribeToStore(store: { subscribe(fn: () => void): () => void }): void {\n    this._unsubs.push(store.subscribe(() => this.requestRender()))\n  }\n\n  protected requestRender(): void {\n    if (this._renderQueued) return\n    this._renderQueued = true\n    queueMicrotask(() => {\n      this._renderQueued = false\n      this.render()\n    })\n  }\n\n  connectedCallback(): void {\n    this.setup()\n    this.render()\n  }\n\n  disconnectedCallback(): void {\n    for (const fn of this._unsubs) fn()\n    this._unsubs = []\n  }\n\n  protected abstract setup(): void\n  protected abstract render(): void\n}\n","const injected = new Set<string>()\n\nexport function injectStyles(tagName: string, css: string): void {\n  if (injected.has(tagName)) return\n  if (typeof document === 'undefined') return\n  const style = document.createElement('style')\n  style.setAttribute('data-nymbal', tagName)\n  style.textContent = css\n  document.head.appendChild(style)\n  injected.add(tagName)\n}\n","import { NymbalElement } from '../base-element.js'\nimport { injectStyles } from '../styles.js'\n\nconst STYLES = `\nnymbal-add-to-cart {\n  display: inline-block;\n}\nnymbal-add-to-cart button {\n  font-family: var(--nymbal-font-family);\n  font-size: var(--nymbal-font-size-base);\n  font-weight: var(--nymbal-font-weight-medium);\n  background: var(--nymbal-color-primary);\n  color: var(--nymbal-color-text-inverse);\n  border: none;\n  border-radius: var(--nymbal-radius-md);\n  padding: var(--nymbal-spacing-sm) var(--nymbal-spacing-lg);\n  cursor: pointer;\n  transition: background var(--nymbal-transition-fast);\n  min-width: 140px;\n}\nnymbal-add-to-cart button:hover:not(:disabled) {\n  background: var(--nymbal-color-primary-hover);\n}\nnymbal-add-to-cart button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n`\n\nconst MIN_QTY = 1\nconst MAX_QTY = 99\n\n/** The `qty` attribute as a whole number of units: a non-integer is 1, and the result is clamped to 1-99. */\nfunction quantityOf(attr: string | null): number {\n  const n = attr === null || attr.trim() === '' ? Number.NaN : Number(attr)\n  const whole = Number.isInteger(n) ? n : MIN_QTY\n  return Math.min(MAX_QTY, Math.max(MIN_QTY, whole))\n}\n\nexport class NymbalAddToCart extends NymbalElement {\n  static get observedAttributes(): string[] {\n    return ['variant-id', 'qty', 'disabled']\n  }\n\n  private button!: HTMLButtonElement\n\n  protected setup(): void {\n    injectStyles('nymbal-add-to-cart', STYLES)\n    this.subscribeToStore(this.client.cart)\n  }\n\n  protected render(): void {\n    const variantId = this.getAttribute('variant-id')\n    const isDisabled = this.hasAttribute('disabled')\n    const cartState = this.client.cart.getState()\n\n    if (!this.button) {\n      this.button = document.createElement('button')\n      this.button.setAttribute('type', 'button')\n      this.button.setAttribute('data-testid', 'add-to-cart')\n      this.button.addEventListener('click', this.handleClick)\n      this.innerHTML = ''\n      this.appendChild(this.button)\n    }\n\n    this.button.disabled = isDisabled || cartState.loading || !variantId\n    this.button.setAttribute('aria-busy', String(cartState.loading))\n    this.button.textContent = cartState.loading ? 'Adding...' : 'Add to Cart'\n  }\n\n  attributeChangedCallback(): void {\n    if (this.isConnected) this.requestRender()\n  }\n\n  private handleClick = async (): Promise<void> => {\n    const variantId = this.getAttribute('variant-id')\n    if (!variantId) return\n    const qty = quantityOf(this.getAttribute('qty'))\n    try {\n      await this.client.cart.addItem(variantId, qty)\n      this.dispatchEvent(\n        new CustomEvent('nymbal:cart:item-added', {\n          bubbles: true,\n          composed: true,\n          detail: { variantId, qty },\n        }),\n      )\n    } catch {\n      // error is stored in cart state\n    }\n  }\n}\n","import { NymbalElement } from '../base-element.js'\nimport { injectStyles } from '../styles.js'\n\nconst STYLES = `\nnymbal-cart-drawer {\n  display: block;\n}\nnymbal-cart-drawer .nymbal-drawer-overlay {\n  position: fixed;\n  inset: 0;\n  background: var(--nymbal-color-overlay);\n  z-index: var(--nymbal-z-drawer);\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity var(--nymbal-transition-normal), visibility var(--nymbal-transition-normal);\n}\nnymbal-cart-drawer[open] .nymbal-drawer-overlay {\n  opacity: 1;\n  visibility: visible;\n}\nnymbal-cart-drawer .nymbal-drawer-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: min(400px, 90vw);\n  background: var(--nymbal-color-surface);\n  z-index: var(--nymbal-z-drawer);\n  transform: translateX(100%);\n  transition: transform var(--nymbal-transition-normal);\n  display: flex;\n  flex-direction: column;\n  font-family: var(--nymbal-font-family);\n}\nnymbal-cart-drawer[open] .nymbal-drawer-panel {\n  transform: translateX(0);\n}\nnymbal-cart-drawer .nymbal-drawer-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: var(--nymbal-spacing-md) var(--nymbal-spacing-lg);\n  border-bottom: 1px solid var(--nymbal-color-border);\n}\nnymbal-cart-drawer .nymbal-drawer-header h2 {\n  margin: 0;\n  font-size: var(--nymbal-font-size-lg);\n  font-weight: var(--nymbal-font-weight-bold);\n}\nnymbal-cart-drawer .nymbal-drawer-close {\n  background: none;\n  border: none;\n  font-size: var(--nymbal-font-size-xl);\n  cursor: pointer;\n  padding: var(--nymbal-spacing-xs);\n  color: var(--nymbal-color-text-muted);\n}\nnymbal-cart-drawer .nymbal-drawer-items {\n  flex: 1;\n  overflow-y: auto;\n  padding: var(--nymbal-spacing-md) var(--nymbal-spacing-lg);\n}\nnymbal-cart-drawer .nymbal-cart-item {\n  display: flex;\n  gap: var(--nymbal-spacing-md);\n  padding: var(--nymbal-spacing-md) 0;\n  border-bottom: 1px solid var(--nymbal-color-border);\n}\nnymbal-cart-drawer .nymbal-cart-item-info {\n  flex: 1;\n}\nnymbal-cart-drawer .nymbal-cart-item-name {\n  font-weight: var(--nymbal-font-weight-medium);\n  margin-bottom: var(--nymbal-spacing-xs);\n}\nnymbal-cart-drawer .nymbal-cart-item-variant {\n  font-size: var(--nymbal-font-size-sm);\n  color: var(--nymbal-color-text-muted);\n}\nnymbal-cart-drawer .nymbal-cart-item-actions {\n  display: flex;\n  align-items: center;\n  gap: var(--nymbal-spacing-sm);\n}\nnymbal-cart-drawer .nymbal-cart-item-remove {\n  background: none;\n  border: none;\n  color: var(--nymbal-color-error);\n  cursor: pointer;\n  font-size: var(--nymbal-font-size-sm);\n  padding: var(--nymbal-spacing-xs);\n}\nnymbal-cart-drawer .nymbal-drawer-footer {\n  padding: var(--nymbal-spacing-md) var(--nymbal-spacing-lg);\n  border-top: 1px solid var(--nymbal-color-border);\n}\nnymbal-cart-drawer .nymbal-cart-subtotal {\n  display: flex;\n  justify-content: space-between;\n  font-weight: var(--nymbal-font-weight-bold);\n  margin-bottom: var(--nymbal-spacing-md);\n}\nnymbal-cart-drawer .nymbal-checkout-btn {\n  width: 100%;\n  font-family: var(--nymbal-font-family);\n  font-size: var(--nymbal-font-size-base);\n  font-weight: var(--nymbal-font-weight-medium);\n  background: var(--nymbal-color-primary);\n  color: var(--nymbal-color-text-inverse);\n  border: none;\n  border-radius: var(--nymbal-radius-md);\n  padding: var(--nymbal-spacing-sm) var(--nymbal-spacing-lg);\n  cursor: pointer;\n  transition: background var(--nymbal-transition-fast);\n}\nnymbal-cart-drawer .nymbal-checkout-btn:hover {\n  background: var(--nymbal-color-primary-hover);\n}\nnymbal-cart-drawer .nymbal-drawer-empty {\n  text-align: center;\n  color: var(--nymbal-color-text-muted);\n  padding: var(--nymbal-spacing-xl) 0;\n}\n`\n\nexport class NymbalCartDrawer extends NymbalElement {\n  static get observedAttributes(): string[] {\n    return ['open']\n  }\n\n  private readonly handleItemAdded = (): void => {\n    this.open()\n  }\n\n  private readonly handleMiniCartClicked = (): void => {\n    this.toggle()\n  }\n\n  protected setup(): void {\n    injectStyles('nymbal-cart-drawer', STYLES)\n    this.subscribeToStore(this.client.cart)\n    document.addEventListener('nymbal:cart:item-added', this.handleItemAdded)\n    document.addEventListener('nymbal:mini-cart:clicked', this.handleMiniCartClicked)\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    document.removeEventListener('nymbal:cart:item-added', this.handleItemAdded)\n    document.removeEventListener('nymbal:mini-cart:clicked', this.handleMiniCartClicked)\n  }\n\n  open(): void {\n    this.setAttribute('open', '')\n    window.dispatchEvent(new CustomEvent('nymbal:cart:open'))\n  }\n\n  close(): void {\n    this.removeAttribute('open')\n    window.dispatchEvent(new CustomEvent('nymbal:cart:close'))\n  }\n\n  toggle(): void {\n    if (this.hasAttribute('open')) {\n      this.close()\n    } else {\n      this.open()\n    }\n  }\n\n  protected render(): void {\n    const state = this.client.cart.getState()\n    const currency = state.currency\n\n    const itemsHtml = state.items.length === 0\n      ? `<div class=\"nymbal-drawer-empty\">Your cart is empty</div>`\n      : state.items.map((item) => `\n        <div class=\"nymbal-cart-item\" data-testid=\"cart-item-${item.variantId}\">\n          <div class=\"nymbal-cart-item-info\">\n            <div class=\"nymbal-cart-item-name\">${this.esc(item.productName)}</div>\n            <div class=\"nymbal-cart-item-variant\">${this.esc(item.variantName)}</div>\n            <div class=\"nymbal-cart-item-qty\">Qty: ${item.qty}</div>\n          </div>\n          <div class=\"nymbal-cart-item-actions\">\n            <span>${this.formatPrice(item.priceMinor * item.qty, currency)}</span>\n            <button type=\"button\" class=\"nymbal-cart-item-remove\" data-testid=\"remove-item-${item.variantId}\" data-variant-id=\"${item.variantId}\">Remove</button>\n          </div>\n        </div>\n      `).join('')\n\n    this.innerHTML = `\n      <div class=\"nymbal-drawer-overlay\" data-testid=\"cart-drawer-overlay\"></div>\n      <div class=\"nymbal-drawer-panel\" role=\"dialog\" aria-label=\"Shopping cart\" aria-modal=\"true\" data-testid=\"cart-drawer\">\n        <div class=\"nymbal-drawer-header\">\n          <h2>Cart (${state.itemCount})</h2>\n          <button type=\"button\" class=\"nymbal-drawer-close\" data-testid=\"cart-drawer-close\" aria-label=\"Close cart\">&times;</button>\n        </div>\n        <div class=\"nymbal-drawer-items\">${itemsHtml}</div>\n        ${state.items.length > 0 ? `\n          <div class=\"nymbal-drawer-footer\">\n            <div class=\"nymbal-cart-subtotal\">\n              <span>Subtotal</span>\n              <span>${this.formatPrice(state.subtotalMinor, currency)}</span>\n            </div>\n            <button type=\"button\" class=\"nymbal-checkout-btn\" data-testid=\"cart-checkout-btn\">Checkout</button>\n          </div>\n        ` : ''}\n      </div>\n    `\n\n    this.querySelector('.nymbal-drawer-overlay')?.addEventListener('click', () => this.close())\n    this.querySelector('.nymbal-drawer-close')?.addEventListener('click', () => this.close())\n    this.querySelector('.nymbal-checkout-btn')?.addEventListener('click', () => {\n      this.dispatchEvent(new CustomEvent('nymbal:cart:checkout-clicked', { bubbles: true, composed: true }))\n    })\n    this.querySelectorAll('.nymbal-cart-item-remove').forEach((btn) => {\n      btn.addEventListener('click', () => {\n        const variantId = (btn as HTMLElement).dataset['variantId']\n        if (variantId) this.client.cart.removeItem(variantId)\n      })\n    })\n  }\n\n  attributeChangedCallback(): void {\n    if (this.isConnected) this.requestRender()\n  }\n\n  private esc(str: string): string {\n    const div = document.createElement('div')\n    div.textContent = str\n    return div.innerHTML\n  }\n\n  private formatPrice(minor: number, currency: string): string {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n    }).format(minor / 100)\n  }\n}\n","import { NymbalElement } from '../base-element.js'\nimport { injectStyles } from '../styles.js'\n\nconst STYLES = `\nnymbal-mini-cart {\n  display: inline-block;\n  position: relative;\n}\nnymbal-mini-cart button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  padding: var(--nymbal-spacing-sm);\n  font-family: var(--nymbal-font-family);\n  color: var(--nymbal-color-text);\n}\nnymbal-mini-cart .nymbal-mini-cart-icon {\n  width: 24px;\n  height: 24px;\n}\nnymbal-mini-cart .nymbal-mini-cart-badge {\n  position: absolute;\n  top: 0;\n  right: 0;\n  background: var(--nymbal-color-accent);\n  color: var(--nymbal-color-text-inverse);\n  font-size: var(--nymbal-font-size-xs);\n  font-weight: var(--nymbal-font-weight-bold);\n  min-width: 18px;\n  height: 18px;\n  border-radius: var(--nymbal-radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  line-height: 1;\n}\nnymbal-mini-cart .nymbal-mini-cart-badge:empty {\n  display: none;\n}\n`\n\nconst CART_SVG = `<svg class=\"nymbal-mini-cart-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"9\" cy=\"21\" r=\"1\"/><circle cx=\"20\" cy=\"21\" r=\"1\"/><path d=\"M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6\"/></svg>`\n\nexport class NymbalMiniCart extends NymbalElement {\n  protected setup(): void {\n    injectStyles('nymbal-mini-cart', STYLES)\n    this.subscribeToStore(this.client.cart)\n  }\n\n  protected render(): void {\n    const { itemCount } = this.client.cart.getState()\n\n    this.innerHTML = `\n      <button type=\"button\" data-testid=\"mini-cart\" aria-label=\"Cart (${itemCount} items)\">\n        ${CART_SVG}\n        <span class=\"nymbal-mini-cart-badge\" data-testid=\"mini-cart-badge\">${itemCount > 0 ? itemCount : ''}</span>\n      </button>\n    `\n\n    this.querySelector('button')?.addEventListener('click', () => {\n      this.dispatchEvent(new CustomEvent('nymbal:mini-cart:clicked', { bubbles: true, composed: true }))\n    })\n  }\n}\n","import type { DenormalisedVariant, DenormalisedProduct } from '@nymbalhq/sdk'\nimport type { VariantOption } from '@nymbalhq/types'\nimport { NymbalElement } from '../base-element.js'\nimport { injectStyles } from '../styles.js'\n\nconst STYLES = `\nnymbal-variant-selector {\n  display: block;\n  font-family: var(--nymbal-font-family);\n}\nnymbal-variant-selector .nymbal-option-group {\n  margin-bottom: var(--nymbal-spacing-md);\n}\nnymbal-variant-selector .nymbal-option-label {\n  display: block;\n  font-size: var(--nymbal-font-size-sm);\n  font-weight: var(--nymbal-font-weight-medium);\n  margin-bottom: var(--nymbal-spacing-sm);\n  color: var(--nymbal-color-text);\n}\nnymbal-variant-selector .nymbal-option-buttons {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--nymbal-spacing-sm);\n}\nnymbal-variant-selector .nymbal-option-btn {\n  font-family: var(--nymbal-font-family);\n  font-size: var(--nymbal-font-size-sm);\n  background: var(--nymbal-color-surface);\n  color: var(--nymbal-color-text);\n  border: 1px solid var(--nymbal-color-border);\n  border-radius: var(--nymbal-radius-md);\n  padding: var(--nymbal-spacing-xs) var(--nymbal-spacing-md);\n  cursor: pointer;\n  transition: border-color var(--nymbal-transition-fast), background var(--nymbal-transition-fast);\n}\nnymbal-variant-selector .nymbal-option-btn:hover {\n  border-color: var(--nymbal-color-primary);\n}\nnymbal-variant-selector .nymbal-option-btn[aria-pressed=\"true\"] {\n  background: var(--nymbal-color-primary);\n  color: var(--nymbal-color-text-inverse);\n  border-color: var(--nymbal-color-primary);\n}\nnymbal-variant-selector .nymbal-option-btn:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\n`\n\ninterface OptionGroup {\n  name: string\n  values: string[]\n}\n\n/** A variant's options when they are the `VariantOption[]` the read model serves; any other shape offers none. */\nfunction optionsOf(variant: DenormalisedVariant): VariantOption[] {\n  return Array.isArray(variant.options) ? variant.options : []\n}\n\nexport class NymbalVariantSelector extends NymbalElement {\n  protected setup(): void {\n    injectStyles('nymbal-variant-selector', STYLES)\n    this.subscribeToStore(this.client.product)\n  }\n\n  protected render(): void {\n    const state = this.client.product.getState()\n    const product = state.product\n    if (!product) {\n      this.innerHTML = ''\n      return\n    }\n\n    const optionGroups = this.getOptionGroups(product)\n    const selected = state.selectedVariant\n\n    this.innerHTML = optionGroups.map((group) => `\n      <div class=\"nymbal-option-group\">\n        <span class=\"nymbal-option-label\">${this.esc(group.name)}</span>\n        <div class=\"nymbal-option-buttons\">\n          ${group.values.map((value) => {\n            const isSelected =\n              selected !== null &&\n              optionsOf(selected).some((o) => o.name === group.name && o.value === value)\n            return `<button\n              class=\"nymbal-option-btn\"\n              data-testid=\"variant-option-${this.esc(group.name)}-${this.esc(value)}\"\n              data-option-name=\"${this.esc(group.name)}\"\n              data-option-value=\"${this.esc(value)}\"\n              aria-pressed=\"${isSelected}\"\n            >${this.esc(value)}</button>`\n          }).join('')}\n        </div>\n      </div>\n    `).join('')\n\n    this.querySelectorAll('.nymbal-option-btn').forEach((btn) => {\n      btn.addEventListener('click', () => {\n        const el = btn as HTMLElement\n        const optionName = el.dataset['optionName']\n        const optionValue = el.dataset['optionValue']\n        if (!optionName || !optionValue || !product) return\n\n        const currentSelections = new Map<string, string>()\n        if (selected) {\n          for (const opt of optionsOf(selected)) {\n            currentSelections.set(opt.name, opt.value)\n          }\n        }\n        currentSelections.set(optionName, optionValue)\n\n        const match = product.variants.find((v: DenormalisedVariant) =>\n          optionsOf(v).every((o) => currentSelections.get(o.name) === o.value),\n        )\n\n        if (match) {\n          this.client.product.selectVariant(match)\n          this.dispatchEvent(\n            new CustomEvent('nymbal:variant:selected', {\n              bubbles: true,\n              composed: true,\n              detail: { variant: match },\n            }),\n          )\n        }\n      })\n    })\n  }\n\n  private getOptionGroups(product: DenormalisedProduct): OptionGroup[] {\n    const groups = new Map<string, Set<string>>()\n    for (const variant of product.variants) {\n      for (const opt of optionsOf(variant)) {\n        let values = groups.get(opt.name)\n        if (!values) {\n          values = new Set()\n          groups.set(opt.name, values)\n        }\n        values.add(opt.value)\n      }\n    }\n    return Array.from(groups.entries()).map(([name, values]) => ({\n      name,\n      values: Array.from(values),\n    }))\n  }\n\n  private esc(str: string): string {\n    const div = document.createElement('div')\n    div.textContent = str\n    return div.innerHTML\n  }\n}\n","import { NymbalElement } from '../base-element.js'\nimport { injectStyles } from '../styles.js'\n\nconst STYLES = `\nnymbal-quantity-selector {\n  display: inline-flex;\n  align-items: center;\n  font-family: var(--nymbal-font-family);\n}\nnymbal-quantity-selector button {\n  font-family: var(--nymbal-font-family);\n  font-size: var(--nymbal-font-size-base);\n  background: var(--nymbal-color-surface);\n  color: var(--nymbal-color-text);\n  border: 1px solid var(--nymbal-color-border);\n  width: 36px;\n  height: 36px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background var(--nymbal-transition-fast);\n}\nnymbal-quantity-selector button:hover:not(:disabled) {\n  background: var(--nymbal-color-secondary, #f4f4f5);\n}\nnymbal-quantity-selector button:disabled {\n  opacity: 0.4;\n  cursor: not-allowed;\n}\nnymbal-quantity-selector button:first-child {\n  border-radius: var(--nymbal-radius-md) 0 0 var(--nymbal-radius-md);\n}\nnymbal-quantity-selector button:last-child {\n  border-radius: 0 var(--nymbal-radius-md) var(--nymbal-radius-md) 0;\n}\nnymbal-quantity-selector input {\n  font-family: var(--nymbal-font-family);\n  font-size: var(--nymbal-font-size-base);\n  width: 48px;\n  height: 36px;\n  text-align: center;\n  border: 1px solid var(--nymbal-color-border);\n  border-left: none;\n  border-right: none;\n  -moz-appearance: textfield;\n}\nnymbal-quantity-selector input::-webkit-outer-spin-button,\nnymbal-quantity-selector input::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n`\n\n/**\n * A quantity as a whole number of units in `min`-`max`: a number is truncated toward zero and clamped, anything else is\n * `min`. Add-to-cart takes only integers, so the selector shows and emits the same integer.\n */\nfunction wholeQuantity(raw: string | null, min: number, max: number): number {\n  const n = raw === null || raw.trim() === '' ? Number.NaN : Number(raw)\n  if (Number.isNaN(n)) return min\n  return Math.min(max, Math.max(min, Math.trunc(n)))\n}\n\nexport class NymbalQuantitySelector extends NymbalElement {\n  static get observedAttributes(): string[] {\n    return ['value', 'min', 'max']\n  }\n\n  private _value = 1\n\n  protected setup(): void {\n    injectStyles('nymbal-quantity-selector', STYLES)\n    this._value = wholeQuantity(this.getAttribute('value'), ...this.bounds())\n  }\n\n  private bounds(): [number, number] {\n    return [Number(this.getAttribute('min')) || 1, Number(this.getAttribute('max')) || 99]\n  }\n\n  protected render(): void {\n    const [min, max] = this.bounds()\n\n    this.innerHTML = `\n      <button data-testid=\"qty-decrement\" aria-label=\"Decrease quantity\" ${this._value <= min ? 'disabled' : ''}>&#8722;</button>\n      <input data-testid=\"qty-input\" type=\"number\" value=\"${this._value}\" min=\"${min}\" max=\"${max}\" aria-label=\"Quantity\">\n      <button data-testid=\"qty-increment\" aria-label=\"Increase quantity\" ${this._value >= max ? 'disabled' : ''}>&#43;</button>\n    `\n\n    this.querySelector('[data-testid=\"qty-decrement\"]')?.addEventListener('click', () => {\n      if (this._value > min) {\n        this._value--\n        this.emitChange()\n        this.render()\n      }\n    })\n\n    this.querySelector('[data-testid=\"qty-increment\"]')?.addEventListener('click', () => {\n      if (this._value < max) {\n        this._value++\n        this.emitChange()\n        this.render()\n      }\n    })\n\n    const input = this.querySelector('input')\n    input?.addEventListener('change', () => {\n      this._value = wholeQuantity(input.value, min, max)\n      this.emitChange()\n      this.render()\n    })\n  }\n\n  attributeChangedCallback(name: string): void {\n    if (name === 'value') {\n      this._value = wholeQuantity(this.getAttribute('value'), ...this.bounds())\n    }\n    if (this.isConnected) this.requestRender()\n  }\n\n  private emitChange(): void {\n    this.dispatchEvent(\n      new CustomEvent('nymbal:quantity:changed', {\n        bubbles: true,\n        composed: true,\n        detail: { value: this._value },\n      }),\n    )\n  }\n}\n","import { NymbalElement } from '../base-element.js'\nimport { injectStyles } from '../styles.js'\nimport type { DenormalisedProduct } from '@nymbalhq/sdk'\n\nconst STYLES = `\nnymbal-search-bar {\n  display: block;\n  position: relative;\n  font-family: var(--nymbal-font-family);\n}\nnymbal-search-bar input {\n  font-family: var(--nymbal-font-family);\n  font-size: var(--nymbal-font-size-base);\n  width: 100%;\n  padding: var(--nymbal-spacing-sm) var(--nymbal-spacing-md);\n  border: 1px solid var(--nymbal-color-border);\n  border-radius: var(--nymbal-radius-md);\n  outline: none;\n  transition: border-color var(--nymbal-transition-fast);\n  box-sizing: border-box;\n}\nnymbal-search-bar input:focus {\n  border-color: var(--nymbal-color-accent);\n}\nnymbal-search-bar .nymbal-search-results {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  background: var(--nymbal-color-surface);\n  border: 1px solid var(--nymbal-color-border);\n  border-top: none;\n  border-radius: 0 0 var(--nymbal-radius-md) var(--nymbal-radius-md);\n  box-shadow: var(--nymbal-shadow-md);\n  z-index: var(--nymbal-z-dropdown);\n  max-height: 300px;\n  overflow-y: auto;\n}\nnymbal-search-bar .nymbal-search-result-item {\n  padding: var(--nymbal-spacing-sm) var(--nymbal-spacing-md);\n  cursor: pointer;\n  transition: background var(--nymbal-transition-fast);\n}\nnymbal-search-bar .nymbal-search-result-item:hover,\nnymbal-search-bar .nymbal-search-result-item[aria-selected=\"true\"] {\n  background: var(--nymbal-color-secondary, #f4f4f5);\n}\nnymbal-search-bar .nymbal-search-result-name {\n  font-weight: var(--nymbal-font-weight-medium);\n}\nnymbal-search-bar .nymbal-search-result-price {\n  font-size: var(--nymbal-font-size-sm);\n  color: var(--nymbal-color-text-muted);\n}\nnymbal-search-bar .nymbal-search-loading {\n  padding: var(--nymbal-spacing-md);\n  text-align: center;\n  color: var(--nymbal-color-text-muted);\n  font-size: var(--nymbal-font-size-sm);\n}\n`\n\nexport class NymbalSearchBar extends NymbalElement {\n  static get observedAttributes(): string[] {\n    return ['placeholder', 'debounce-ms']\n  }\n\n  private debounceTimer: ReturnType<typeof setTimeout> | null = null\n  private selectedIndex = -1\n\n  protected setup(): void {\n    injectStyles('nymbal-search-bar', STYLES)\n    this.subscribeToStore(this.client.search)\n  }\n\n  protected render(): void {\n    const state = this.client.search.getState()\n    const placeholder = this.getAttribute('placeholder') ?? 'Search products...'\n\n    let resultsHtml = ''\n    if (state.query) {\n      if (state.loading) {\n        resultsHtml = `<div class=\"nymbal-search-results\" data-testid=\"search-results\"><div class=\"nymbal-search-loading\">Searching...</div></div>`\n      } else if (state.results.length > 0) {\n        resultsHtml = `<div class=\"nymbal-search-results\" data-testid=\"search-results\">\n          ${state.results\n            .map(\n              (product, i) => `\n            <div class=\"nymbal-search-result-item\" data-testid=\"search-result-${this.esc(product.slug)}\" data-slug=\"${this.esc(product.slug)}\" aria-selected=\"${i === this.selectedIndex}\">\n              <div class=\"nymbal-search-result-name\">${this.esc(product.name)}</div>\n              ${product.priceMinor !== null ? `<div class=\"nymbal-search-result-price\">${this.formatPrice(product.priceMinor, product.currency ?? 'USD')}</div>` : ''}\n            </div>\n          `,\n            )\n            .join('')}\n        </div>`\n      }\n    }\n\n    this.innerHTML = `\n      <input data-testid=\"search-input\" type=\"search\" placeholder=\"${this.esc(placeholder)}\" value=\"${this.esc(state.query)}\" autocomplete=\"off\" role=\"combobox\" aria-expanded=\"${state.results.length > 0}\" aria-haspopup=\"listbox\">\n      ${resultsHtml}\n    `\n\n    this.querySelectorAll<HTMLElement>('.nymbal-search-result-item').forEach((item, i) => {\n      item.addEventListener('click', () => {\n        const product = state.results[i]\n        if (product) this.select(product)\n      })\n    })\n\n    const input = this.querySelector('input')!\n    input.addEventListener('input', () => {\n      const query = input.value\n      const debounceMs = Number(this.getAttribute('debounce-ms')) || 300\n      if (this.debounceTimer !== null) clearTimeout(this.debounceTimer)\n      this.debounceTimer = setTimeout(() => {\n        this.selectedIndex = -1\n        if (query.trim()) {\n          this.client.search.search(query)\n        } else {\n          this.client.search.clearSearch()\n        }\n      }, debounceMs)\n    })\n\n    input.addEventListener('keydown', (e) => {\n      const results = state.results\n      if (e.key === 'ArrowDown') {\n        e.preventDefault()\n        this.selectedIndex = Math.min(this.selectedIndex + 1, results.length - 1)\n        this.render()\n      } else if (e.key === 'ArrowUp') {\n        e.preventDefault()\n        this.selectedIndex = Math.max(this.selectedIndex - 1, -1)\n        this.render()\n      } else if (e.key === 'Enter') {\n        e.preventDefault()\n        const selected = this.selectedIndex >= 0 ? results[this.selectedIndex] : undefined\n        if (selected) {\n          this.select(selected)\n        } else {\n          const query = input.value.trim()\n          if (query) {\n            window.location.href = `/search?q=${encodeURIComponent(query)}`\n          }\n        }\n      } else if (e.key === 'Escape') {\n        this.client.search.clearSearch()\n        this.selectedIndex = -1\n      }\n    })\n  }\n\n  private select(product: DenormalisedProduct): void {\n    this.dispatchEvent(\n      new CustomEvent('nymbal:search:selected', {\n        bubbles: true,\n        composed: true,\n        detail: { product, query: product.name },\n      }),\n    )\n    this.client.search.clearSearch()\n  }\n\n  attributeChangedCallback(): void {\n    if (this.isConnected) this.requestRender()\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback()\n    if (this.debounceTimer !== null) {\n      clearTimeout(this.debounceTimer)\n      this.debounceTimer = null\n    }\n  }\n\n  /** Escapes a value for both text and quoted-attribute contexts. */\n  private esc(str: string): string {\n    return str\n      .replace(/&/g, '&amp;')\n      .replace(/</g, '&lt;')\n      .replace(/>/g, '&gt;')\n      .replace(/\"/g, '&quot;')\n      .replace(/'/g, '&#39;')\n  }\n\n  private formatPrice(minor: number, currency: string): string {\n    return new Intl.NumberFormat(undefined, { style: 'currency', currency }).format(minor / 100)\n  }\n}\n","import type { Facet } from '@nymbalhq/types'\nimport { NymbalElement } from '../base-element.js'\nimport { injectStyles } from '../styles.js'\n\nconst STYLES = `\nnymbal-product-filter {\n  display: block;\n  font-family: var(--nymbal-font-family);\n}\nnymbal-product-filter .nymbal-filter-group {\n  margin-bottom: var(--nymbal-spacing-lg);\n}\nnymbal-product-filter .nymbal-filter-label {\n  display: block;\n  font-size: var(--nymbal-font-size-sm);\n  font-weight: var(--nymbal-font-weight-bold);\n  margin-bottom: var(--nymbal-spacing-sm);\n  color: var(--nymbal-color-text);\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n}\nnymbal-product-filter .nymbal-filter-option {\n  display: flex;\n  align-items: center;\n  gap: var(--nymbal-spacing-sm);\n  padding: var(--nymbal-spacing-xs) 0;\n  cursor: pointer;\n  font-size: var(--nymbal-font-size-sm);\n  color: var(--nymbal-color-text);\n}\nnymbal-product-filter .nymbal-filter-option input[type=\"checkbox\"] {\n  accent-color: var(--nymbal-color-primary);\n}\nnymbal-product-filter .nymbal-filter-count {\n  color: var(--nymbal-color-text-muted);\n  font-size: var(--nymbal-font-size-xs);\n}\n`\n\n\n/**\n * The facet filter. By default it reads the `facets` attribute and filters the product list. With `source=\"search\"`\n * it renders the search's own facets and narrows the search to one category: choosing an option selects it, choosing\n * the selected option again clears it.\n */\nexport class NymbalProductFilter extends NymbalElement {\n  static get observedAttributes(): string[] {\n    return ['facets', 'source']\n  }\n\n  protected setup(): void {\n    injectStyles('nymbal-product-filter', STYLES)\n    // Both: a wrapper may set `source` after the element has connected.\n    this.subscribeToStore(this.client.productList)\n    this.subscribeToStore(this.client.search)\n  }\n\n  protected render(): void {\n    if (this.isSearch()) {\n      this.renderSearch()\n      return\n    }\n    const state = this.client.productList.getState()\n    const facets = this.getFacets()\n\n    if (facets.length === 0) {\n      this.innerHTML = ''\n      return\n    }\n\n    this.innerHTML = facets.map((facet) => {\n      const activeFilter = state.filters[facet.field]\n      const activeValues = Array.isArray(activeFilter)\n        ? activeFilter\n        : (activeFilter ? [activeFilter] : [])\n\n      return `\n        <div class=\"nymbal-filter-group\" data-testid=\"filter-group-${facet.field}\">\n          <span class=\"nymbal-filter-label\">${this.esc(facet.label)}</span>\n          ${facet.values.map((v) => {\n            const checked = activeValues.includes(v.value)\n            return `\n              <label class=\"nymbal-filter-option\" data-testid=\"filter-option-${v.value}\">\n                <input type=\"checkbox\" data-filter-name=\"${facet.field}\" data-filter-value=\"${v.value}\" ${checked ? 'checked' : ''}>\n                <span>${this.esc(v.label ?? v.value)}</span>\n                ${v.count !== undefined ? `<span class=\"nymbal-filter-count\">(${v.count})</span>` : ''}\n              </label>\n            `\n          }).join('')}\n        </div>\n      `\n    }).join('')\n\n    this.querySelectorAll('input[type=\"checkbox\"]').forEach((input) => {\n      input.addEventListener('change', () => {\n        const el = input as HTMLInputElement\n        const name = el.dataset['filterName']!\n        const value = el.dataset['filterValue']!\n        if (el.checked) {\n          const current = state.filters[name]\n          const values = Array.isArray(current) ? [...current, value] : (current ? [current, value] : value)\n          this.client.productList.applyFilter(name, values)\n        } else {\n          const current = state.filters[name]\n          if (Array.isArray(current)) {\n            const remaining = current.filter((v) => v !== value)\n            if (remaining.length > 0) {\n              this.client.productList.applyFilter(name, remaining)\n            } else {\n              this.client.productList.removeFilter(name)\n            }\n          } else {\n            this.client.productList.removeFilter(name)\n          }\n        }\n        this.dispatchEvent(\n          new CustomEvent('nymbal:filter:changed', { bubbles: true, composed: true, detail: { name, value } }),\n        )\n      })\n    })\n  }\n\n  private renderSearch(): void {\n    const { facets, category } = this.client.search.getState()\n    const shown = facets.filter((f) => f.field === 'category')\n    this.innerHTML = shown\n      .map(\n        (facet) => `\n        <div class=\"nymbal-filter-group\" data-testid=\"filter-group-${this.esc(facet.field)}\">\n          <span class=\"nymbal-filter-label\">${this.esc(facet.label)}</span>\n          ${facet.values\n            .map(\n              (v) => `\n              <label class=\"nymbal-filter-option\" data-testid=\"filter-option-${this.esc(v.value)}\">\n                <input type=\"checkbox\" data-filter-value=\"${this.esc(v.value)}\" ${v.value === category ? 'checked' : ''}>\n                <span>${this.esc(v.label ?? v.value)}</span>\n                ${v.count !== undefined ? `<span class=\"nymbal-filter-count\">(${v.count})</span>` : ''}\n              </label>\n            `,\n            )\n            .join('')}\n        </div>\n      `,\n      )\n      .join('')\n\n    this.querySelectorAll<HTMLInputElement>('input[type=\"checkbox\"]').forEach((input) => {\n      input.addEventListener('change', () => {\n        const value = input.dataset['filterValue']!\n        void this.client.search.setCategory(input.checked ? value : null)\n        this.dispatchEvent(\n          new CustomEvent('nymbal:filter:changed', {\n            bubbles: true,\n            composed: true,\n            detail: { name: 'category', value: input.checked ? value : '' },\n          }),\n        )\n      })\n    })\n  }\n\n  private isSearch(): boolean {\n    return this.getAttribute('source') === 'search'\n  }\n\n  attributeChangedCallback(): void {\n    if (this.isConnected) this.requestRender()\n  }\n\n  private getFacets(): Facet[] {\n    const attr = this.getAttribute('facets')\n    if (!attr) return []\n    try {\n      return JSON.parse(attr) as Facet[]\n    } catch (err) {\n      console.error('[nymbal-product-filter] failed to parse facets attribute', err)\n      return []\n    }\n  }\n\n  private esc(str: string): string {\n    const div = document.createElement('div')\n    div.textContent = str\n    return div.innerHTML\n  }\n}\n","import { injectStyles } from '../styles.js'\n\nconst STYLES = `\nnymbal-toast {\n  position: fixed;\n  z-index: var(--nymbal-z-toast);\n  display: flex;\n  flex-direction: column;\n  gap: var(--nymbal-spacing-sm);\n  pointer-events: none;\n  font-family: var(--nymbal-font-family);\n}\nnymbal-toast[position=\"top-right\"],\nnymbal-toast:not([position]) {\n  top: var(--nymbal-spacing-lg);\n  right: var(--nymbal-spacing-lg);\n}\nnymbal-toast[position=\"top-left\"] {\n  top: var(--nymbal-spacing-lg);\n  left: var(--nymbal-spacing-lg);\n}\nnymbal-toast[position=\"bottom-right\"] {\n  bottom: var(--nymbal-spacing-lg);\n  right: var(--nymbal-spacing-lg);\n}\nnymbal-toast[position=\"bottom-left\"] {\n  bottom: var(--nymbal-spacing-lg);\n  left: var(--nymbal-spacing-lg);\n}\nnymbal-toast .nymbal-toast-item {\n  pointer-events: auto;\n  display: flex;\n  align-items: center;\n  gap: var(--nymbal-spacing-sm);\n  padding: var(--nymbal-spacing-sm) var(--nymbal-spacing-md);\n  border-radius: var(--nymbal-radius-md);\n  box-shadow: var(--nymbal-shadow-lg);\n  font-size: var(--nymbal-font-size-sm);\n  background: var(--nymbal-color-surface);\n  color: var(--nymbal-color-text);\n  border: 1px solid var(--nymbal-color-border);\n  animation: nymbal-toast-in var(--nymbal-transition-normal) forwards;\n  max-width: 360px;\n}\nnymbal-toast .nymbal-toast-item[data-type=\"success\"] {\n  border-left: 3px solid var(--nymbal-color-success);\n}\nnymbal-toast .nymbal-toast-item[data-type=\"error\"] {\n  border-left: 3px solid var(--nymbal-color-error);\n}\nnymbal-toast .nymbal-toast-item[data-type=\"warning\"] {\n  border-left: 3px solid var(--nymbal-color-warning);\n}\nnymbal-toast .nymbal-toast-item[data-type=\"info\"] {\n  border-left: 3px solid var(--nymbal-color-accent);\n}\nnymbal-toast .nymbal-toast-close {\n  background: none;\n  border: none;\n  cursor: pointer;\n  color: var(--nymbal-color-text-muted);\n  font-size: var(--nymbal-font-size-base);\n  padding: 0;\n  margin-left: auto;\n}\n@keyframes nymbal-toast-in {\n  from { opacity: 0; transform: translateY(-8px); }\n  to { opacity: 1; transform: translateY(0); }\n}\n`\n\nconst HTMLElementBase =\n  typeof HTMLElement !== 'undefined' ? HTMLElement : (class {} as unknown as typeof HTMLElement)\n\nexport class NymbalToast extends HTMLElementBase {\n  static get observedAttributes(): string[] {\n    return ['position', 'duration-ms']\n  }\n\n  connectedCallback(): void {\n    injectStyles('nymbal-toast', STYLES)\n    this.setAttribute('data-testid', 'toast')\n  }\n\n  show(message: string, type: 'success' | 'error' | 'warning' | 'info' = 'info'): void {\n    const durationMs = Number(this.getAttribute('duration-ms')) || 4000\n\n    const item = document.createElement('div')\n    item.className = 'nymbal-toast-item'\n    item.setAttribute('data-type', type)\n    item.setAttribute('role', 'alert')\n\n    const text = document.createElement('span')\n    text.textContent = message\n\n    const close = document.createElement('button')\n    close.className = 'nymbal-toast-close'\n    close.setAttribute('aria-label', 'Dismiss')\n    close.textContent = '×'\n    close.addEventListener('click', () => this.dismiss(item))\n\n    item.appendChild(text)\n    item.appendChild(close)\n    this.appendChild(item)\n\n    setTimeout(() => this.dismiss(item), durationMs)\n  }\n\n  private dismiss(item: HTMLElement): void {\n    if (item.parentNode === this) {\n      this.removeChild(item)\n    }\n  }\n\n  static showGlobal(message: string, type: 'success' | 'error' | 'warning' | 'info' = 'info'): void {\n    let toastEl = document.querySelector('nymbal-toast') as NymbalToast | null\n    if (!toastEl) {\n      toastEl = document.createElement('nymbal-toast') as NymbalToast\n      document.body.appendChild(toastEl)\n    }\n    toastEl.show(message, type)\n  }\n}\n","import {\n  getPaymentDriver,\n  type PaymentConfirmContext,\n  type PaymentConfirmation,\n  type PaymentDriver,\n} from '@nymbalhq/sdk'\nimport type { PaymentClient } from '@nymbalhq/types'\nimport { HTMLElementBase } from '../base-element.js'\nimport { injectStyles } from '../styles.js'\n\nconst STYLES = `\nnymbal-payment-element {\n  display: block;\n  font-family: var(--nymbal-font-family);\n}\nnymbal-payment-element .nymbal-payment-note {\n  margin: 0;\n  font-size: var(--nymbal-font-size-sm, 0.875rem);\n  color: var(--nymbal-color-text-muted, #71717a);\n}\nnymbal-payment-element .nymbal-payment-card {\n  padding: var(--nymbal-spacing-sm, 0.5rem) var(--nymbal-spacing-md, 1rem);\n  border: 1px solid var(--nymbal-color-border, #e4e4e7);\n  border-radius: var(--nymbal-radius-md, 0.5rem);\n  background: var(--nymbal-color-surface, #fff);\n  min-height: 40px;\n}\nnymbal-payment-element .nymbal-payment-error {\n  margin: 0;\n  font-size: var(--nymbal-font-size-sm, 0.875rem);\n  color: var(--nymbal-color-error, #dc2626);\n}\n`\n\n/** `pending` while a driver mounts; `error` when no payment can be taken, which a checkout must not submit past. */\nexport type PaymentElementStatus = 'pending' | 'ready' | 'error'\n\n/** No client half: nothing to collect, so nothing is confirmed here. */\nconst NO_PAYMENT_STEP: PaymentConfirmation = { ok: true, confirmed: false }\n\nfunction parseClient(value: string | null): PaymentClient | null | undefined {\n  if (value === null || value === '' || value === 'null') return null\n  try {\n    const parsed = JSON.parse(value) as Partial<PaymentClient> | null\n    if (parsed === null) return null\n    if (typeof parsed.driver !== 'string' || typeof parsed.options !== 'object') return undefined\n    return { driver: parsed.driver, options: { ...(parsed.options ?? {}) } }\n  } catch {\n    return undefined\n  }\n}\n\n/**\n * <nymbal-payment-element client='<json>'>: renders the payments adapter's client half (GET /api/capabilities'\n * `payments.client`) through the driver the SDK registry holds under its `driver` name, and confirms a payment\n * through it. It emits `nymbal:payment:status` whenever `status` changes.\n */\nexport class NymbalPaymentElement extends HTMLElementBase {\n  static get observedAttributes(): string[] {\n    return ['client']\n  }\n\n  private _status: PaymentElementStatus = 'pending'\n  private _error = ''\n  private _driver: PaymentDriver | null = null\n  private _mounted: Promise<boolean> = Promise.resolve(true)\n  private _rendered: string | null | undefined = undefined\n  private _generation = 0\n\n  get status(): PaymentElementStatus {\n    return this._status\n  }\n\n  connectedCallback(): void {\n    injectStyles('nymbal-payment-element', STYLES)\n    this.render()\n  }\n\n  attributeChangedCallback(): void {\n    if (this.isConnected) this.render()\n  }\n\n  /**\n   * Completes a payment the API left `requires_action`, once the driver has mounted, handing the driver the\n   * checkout's `context`; the driver's answer as is.\n   */\n  async confirm(clientSecret: string, context?: PaymentConfirmContext): Promise<PaymentConfirmation> {\n    const driver = this._driver\n    if (this._status === 'error') return { ok: false, error: this._error }\n    if (driver === null) return NO_PAYMENT_STEP\n    if (!(await this._mounted)) return { ok: false, error: this._error }\n    return driver.confirm(clientSecret, context)\n  }\n\n  private render(): void {\n    const attribute = this.getAttribute('client')\n    // The same client half again (a reconnect, a framework re-setting the attribute) keeps what is mounted.\n    if (attribute === this._rendered) return\n    this._rendered = attribute\n    const generation = ++this._generation\n    this._driver = null\n    this._mounted = Promise.resolve(true)\n    this.replaceChildren()\n\n    const client = parseClient(attribute)\n    if (client === undefined)\n      return this.fail('The store sent a payment client this page cannot read.')\n    if (client === null) return this.setStatus('ready')\n    const driver = getPaymentDriver(client.driver)\n    if (driver === undefined) {\n      return this.fail(`Payment method \"${client.driver}\" is not available on this storefront.`)\n    }\n\n    this._driver = driver\n    this.setStatus('pending')\n    this._mounted = Promise.resolve()\n      .then(() => driver.mount(this, client.options))\n      .then(\n        () => {\n          if (generation === this._generation) this.setStatus('ready')\n          return true\n        },\n        (err: unknown) => {\n          if (generation === this._generation) {\n            this.fail(err instanceof Error ? err.message : 'The payment form could not be loaded.')\n          }\n          return false\n        },\n      )\n  }\n\n  private fail(message: string): void {\n    this._error = message\n    const p = document.createElement('p')\n    p.className = 'nymbal-payment-error'\n    p.setAttribute('data-testid', 'payment-element-error')\n    p.setAttribute('role', 'alert')\n    p.textContent = message\n    this.replaceChildren(p)\n    this.setStatus('error')\n  }\n\n  private setStatus(status: PaymentElementStatus): void {\n    if (status === this._status) return\n    this._status = status\n    this.dispatchEvent(\n      new CustomEvent('nymbal:payment:status', {\n        bubbles: true,\n        composed: true,\n        detail: { status },\n      }),\n    )\n  }\n}\n","import { DEFAULT_PRODUCT_SORT, PRODUCT_SORT_LABELS, type ProductSortKey } from '@nymbalhq/types'\nimport { HTMLElementBase } from '../base-element.js'\n\nfunction parseKeys(value: string | null): string[] {\n  if (!value) return []\n  try {\n    const parsed: unknown = JSON.parse(value)\n    return Array.isArray(parsed) ? parsed.filter((k): k is string => typeof k === 'string') : []\n  } catch (err) {\n    console.error('[nymbal-sort-dropdown] failed to parse sort-keys attribute', err)\n    return []\n  }\n}\n\n/**\n * <nymbal-sort-dropdown sort-keys='[…]' value default-sort>: one option per sort key the store reports, in its order,\n * labelled from PRODUCT_SORT_LABELS. A `value` the keys lack shows `default-sort`. Choosing an option emits\n * `nymbal:sort:changed` with `{ sort }`. A `<select>` already inside it (a server render's) is the one it fills.\n */\nexport class NymbalSortDropdown extends HTMLElementBase {\n  static get observedAttributes(): string[] {\n    return ['sort-keys', 'value', 'default-sort']\n  }\n\n  private _select: HTMLSelectElement | null = null\n\n  /** The key the dropdown shows. */\n  get value(): string {\n    return this._select?.value ?? ''\n  }\n\n  connectedCallback(): void {\n    this.render()\n  }\n\n  attributeChangedCallback(): void {\n    if (this.isConnected) this.render()\n  }\n\n  private selectElement(): HTMLSelectElement {\n    if (this._select !== null && this.contains(this._select)) return this._select\n    let select = this.querySelector('select')\n    if (select === null) {\n      select = document.createElement('select')\n      select.setAttribute('aria-label', 'Sort products')\n      this.appendChild(select)\n    }\n    if (!select.hasAttribute('data-testid')) select.setAttribute('data-testid', 'sort-dropdown')\n    select.addEventListener('change', () => {\n      this.dispatchEvent(\n        new CustomEvent('nymbal:sort:changed', {\n          bubbles: true,\n          composed: true,\n          detail: { sort: select.value },\n        }),\n      )\n    })\n    this._select = select\n    return select\n  }\n\n  private render(): void {\n    const keys = parseKeys(this.getAttribute('sort-keys'))\n    const wanted = this.getAttribute('value') ?? ''\n    const fallback = this.getAttribute('default-sort') ?? DEFAULT_PRODUCT_SORT\n    const selected = keys.includes(wanted) ? wanted : keys.includes(fallback) ? fallback : keys[0]\n\n    const select = this.selectElement()\n    select.replaceChildren(\n      ...keys.map((key) => {\n        const option = document.createElement('option')\n        option.value = key\n        option.textContent = PRODUCT_SORT_LABELS[key as ProductSortKey] ?? key\n        return option\n      }),\n    )\n    if (selected !== undefined) select.value = selected\n  }\n}\n","export { registerClient, getClient } from './registry.js'\nexport { NymbalElement } from './base-element.js'\nexport { injectStyles } from './styles.js'\n\nimport { NymbalAddToCart } from './components/add-to-cart.js'\nimport { NymbalCartDrawer } from './components/cart-drawer.js'\nimport { NymbalMiniCart } from './components/mini-cart.js'\nimport { NymbalVariantSelector } from './components/variant-selector.js'\nimport { NymbalQuantitySelector } from './components/quantity-selector.js'\nimport { NymbalSearchBar } from './components/search-bar.js'\nimport { NymbalProductFilter } from './components/product-filter.js'\nimport { NymbalToast } from './components/toast.js'\nimport { NymbalPaymentElement } from './components/payment-element.js'\nimport { NymbalSortDropdown } from './components/sort-dropdown.js'\nimport { getPaymentDriver, registerPaymentDriver, type PaymentDriver } from '@nymbalhq/sdk'\nimport { testModeDriver } from './payment-drivers/test-mode.js'\nimport { stripeDriver } from './payment-drivers/stripe.js'\n\nexport type { PaymentElementStatus } from './components/payment-element.js'\n\nexport {\n  NymbalAddToCart,\n  NymbalCartDrawer,\n  NymbalMiniCart,\n  NymbalVariantSelector,\n  NymbalQuantitySelector,\n  NymbalSearchBar,\n  NymbalProductFilter,\n  NymbalToast,\n  NymbalPaymentElement,\n  NymbalSortDropdown,\n}\n\nexport function registerComponents(): void {\n  const components: Array<[string, CustomElementConstructor]> = [\n    ['nymbal-add-to-cart', NymbalAddToCart],\n    ['nymbal-cart-drawer', NymbalCartDrawer],\n    ['nymbal-mini-cart', NymbalMiniCart],\n    ['nymbal-variant-selector', NymbalVariantSelector],\n    ['nymbal-quantity-selector', NymbalQuantitySelector],\n    ['nymbal-search-bar', NymbalSearchBar],\n    ['nymbal-product-filter', NymbalProductFilter],\n    ['nymbal-toast', NymbalToast],\n    ['nymbal-payment-element', NymbalPaymentElement],\n    ['nymbal-sort-dropdown', NymbalSortDropdown],\n  ]\n  // A driver the project registered under a built-in's name wins, as a project-defined tag does.\n  const drivers: Array<[string, PaymentDriver]> = [\n    ['test-mode', testModeDriver],\n    ['stripe', stripeDriver],\n  ]\n\n  for (const [name, driver] of drivers) {\n    if (getPaymentDriver(name) === undefined) registerPaymentDriver(name, driver)\n  }\n  for (const [name, ctor] of components) {\n    if (!customElements.get(name)) {\n      customElements.define(name, ctor)\n    }\n  }\n}\n","import type { PaymentDriver } from '@nymbalhq/sdk'\n\n/**\n * For a store whose payments need no shopper input (the native stub): nothing to collect, and nothing confirmed here.\n * An order the stub holds as `requires_action` stays pending until its webhook pays it.\n */\nexport const testModeDriver: PaymentDriver = {\n  mount(el) {\n    el.innerHTML = '<p class=\"nymbal-payment-note\">Test mode — payment skipped</p>'\n  },\n  confirm() {\n    return Promise.resolve({ ok: true, confirmed: false })\n  },\n}\n","import type { PaymentConfirmContext, PaymentConfirmation, PaymentDriver } from '@nymbalhq/sdk'\n\n// Stripe.js from Stripe's own host, as Stripe requires, so no project installs a Stripe package to take a card.\nconst STRIPE_JS = 'https://js.stripe.com/v3/'\n\ninterface StripeCard {\n  mount(target: HTMLElement): void\n}\n\ninterface StripeBillingDetails {\n  email?: string\n  name?: string\n  address?: {\n    line1: string\n    line2?: string\n    city: string\n    state: string\n    postal_code: string\n    country: string\n  }\n}\n\ninterface StripeInstance {\n  elements(): { create(type: 'card', options?: Record<string, unknown>): StripeCard }\n  confirmCardPayment(\n    clientSecret: string,\n    data: { payment_method: { card: StripeCard; billing_details?: StripeBillingDetails } },\n  ): Promise<{ paymentIntent?: { status: string }; error?: { message?: string } }>\n}\n\n/** The checkout's shopper details as Stripe's `billing_details`, which its fraud checks read; none when empty. */\nfunction billingDetails(context: PaymentConfirmContext | undefined): StripeBillingDetails | undefined {\n  const details: StripeBillingDetails = {}\n  if (context?.email) details.email = context.email\n  const billing = context?.billing\n  if (billing) {\n    const name = `${billing.firstName} ${billing.lastName}`.trim()\n    if (name) details.name = name\n    details.address = {\n      line1: billing.addressLine1,\n      ...(billing.addressLine2 ? { line2: billing.addressLine2 } : {}),\n      city: billing.city,\n      state: billing.region,\n      postal_code: billing.postalCode,\n      country: billing.country,\n    }\n  }\n  return Object.keys(details).length > 0 ? details : undefined\n}\n\ntype StripeFactory = (publishableKey: string) => StripeInstance\n\nlet loading: Promise<StripeFactory> | null = null\n\n/** `window.Stripe`, injecting Stripe.js once per page when it is not there yet. */\nfunction loadStripeJs(): Promise<StripeFactory> {\n  const win = window as unknown as { Stripe?: StripeFactory }\n  if (win.Stripe) return Promise.resolve(win.Stripe)\n  loading ??= new Promise<StripeFactory>((resolve, reject) => {\n    const script = document.createElement('script')\n    script.src = STRIPE_JS\n    script.async = true\n    script.addEventListener('load', () => {\n      if (win.Stripe) resolve(win.Stripe)\n      else reject(new Error('Stripe.js loaded but window.Stripe is missing.'))\n    })\n    script.addEventListener('error', () => {\n      loading = null\n      script.remove()\n      reject(new Error('Stripe.js could not be loaded.'))\n    })\n    document.head.appendChild(script)\n  })\n  return loading\n}\n\nconst instances = new Map<string, StripeInstance>()\nlet mounted: Array<{ host: HTMLElement; stripe: StripeInstance; card: StripeCard }> = []\n\n/** A card form from Stripe.js; confirm pays the intent with the card the shopper typed into. */\nexport const stripeDriver: PaymentDriver = {\n  async mount(el, options) {\n    const key = options['publishableKey']\n    if (!key)\n      throw new Error('Card payments are not configured: the store has no Stripe publishable key.')\n    const factory = await loadStripeJs()\n    let stripe = instances.get(key)\n    if (stripe === undefined) {\n      stripe = factory(key)\n      instances.set(key, stripe)\n    }\n    const target = document.createElement('div')\n    target.className = 'nymbal-payment-card'\n    el.replaceChildren(target)\n    const card = stripe.elements().create('card', {\n      style: {\n        base: { fontSize: '16px', color: '#1a1a1a', '::placeholder': { color: '#9ca3af' } },\n      },\n    })\n    card.mount(target)\n    mounted = [\n      ...mounted.filter((m) => m.host.isConnected && m.host !== el),\n      { host: el, stripe, card },\n    ]\n  },\n\n  async confirm(clientSecret, context): Promise<PaymentConfirmation> {\n    const current = mounted.findLast((m) => m.host.isConnected) ?? mounted.at(-1)\n    if (current === undefined) return { ok: false, error: 'The card form is not ready.' }\n    const billing_details = billingDetails(context)\n    const result = await current.stripe.confirmCardPayment(clientSecret, {\n      payment_method: { card: current.card, ...(billing_details ? { billing_details } : {}) },\n    })\n    if (result.error) return { ok: false, error: result.error.message ?? 'Payment failed.' }\n    // `processing` is accepted but not paid yet: the webhook confirms it.\n    return { ok: true, confirmed: result.paymentIntent?.status === 'succeeded' }\n  },\n}\n"],"mappings":"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","names":["STYLES","STYLES","STYLES","STYLES","STYLES","STYLES","STYLES","HTMLElementBase","STYLES","getPaymentDriver","getPaymentDriver"]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/nymbal-payment-element-Bt8EF42T.d.ts

@@ -0,0 +1,51 @@
+import * as lit from 'lit';
+import { CSSResult } from 'lit';
+import { PaymentConfirmContext, PaymentConfirmation } from '@nymbalhq/sdk';
+import { N as NymbalElement, a as ElementSchema } from './base-element-CPMgAdyQ.js';
+
+/** `pending` while a driver mounts; `error` when no payment can be taken, which a checkout must not submit past. */
+type PaymentElementStatus = 'pending' | 'ready' | 'error';
+/**
+ * <nymbal-payment-element client='<json>'>: renders the payments adapter's client half (GET /api/capabilities'
+ * `payments.client`) through the driver the SDK registry holds under its `driver` name, and confirms a payment
+ * through it. It emits `nymbal:payment:status` whenever `status` changes.
+ */
+declare class NymbalPaymentElement extends NymbalElement {
+    static schema: ElementSchema;
+    /** The built-in drivers, except a name the project registered first: the project's driver wins, as its tag does. */
+    static beforeDefine(): void;
+    static properties: lit.PropertyDeclarations;
+    static styles: CSSResult;
+    private _status;
+    private _error;
+    private _driver;
+    private _mounted;
+    private _rendered;
+    private _generation;
+    get status(): PaymentElementStatus;
+    /**
+     * The light DOM, so the payment driver's UI (Stripe's iframe) and the checkout form share one tree. Its styles join
+     * the sheets of the tree it is in, where a shadow root would have held them.
+     */
+    protected createRenderRoot(): HTMLElement;
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, old: string | null, value: string | null): void;
+    /** The children are the driver's, mounted imperatively, so Lit renders none of its own. */
+    protected render(): symbol;
+    /**
+     * Completes a payment the API left `requires_action`, once the driver has mounted, handing the driver the
+     * checkout's `context`; the driver's answer as is.
+     */
+    confirm(clientSecret: string, context?: PaymentConfirmContext): Promise<PaymentConfirmation>;
+    private mountClient;
+    private fail;
+    /**
+     * Replaces what a driver or an error rendered. Lit's marker comment stays: its next update (a new `client`) writes
+     * at it, and throws once it is gone.
+     */
+    private clear;
+    private setStatus;
+}
+
+export { NymbalPaymentElement as N };
+export type { PaymentElementStatus as P };

package/dist/nymbal-product-card-C8HkE_rG.d.ts

@@ -0,0 +1,47 @@
+import * as lit from 'lit';
+import { nothing } from 'lit';
+import { N as NymbalElement, a as ElementSchema } from './base-element-CPMgAdyQ.js';
+
+/** The fields a card reads; a search result or a listing product carries them. */
+interface CardProduct {
+    slug: string;
+    name: string;
+    priceMinor?: number | null;
+    priceRange?: {
+        minMinor: number;
+        maxMinor: number;
+    } | null;
+    currency?: string | null;
+    imageUrl?: string | null;
+    media?: Array<{
+        url?: string;
+        alt?: string;
+    }>;
+}
+/**
+ * The product's own image, else a placeholder seeded by its slug so a card without media keeps its shape. Exported so
+ * a page preloads exactly the image its first card requests.
+ */
+declare function cardImageOf(p: CardProduct): {
+    url: string;
+    alt: string;
+};
+/**
+ * A product as a card reads it, and nothing else: a listing's products carry their variants, descriptions and
+ * categories, which a page of cards would otherwise put in its HTML once per card.
+ */
+declare function cardProductOf(p: Omit<CardProduct, 'media'> & {
+    media?: unknown;
+}): CardProduct;
+/** One product as a link to its page: image, name and price. */
+declare class NymbalProductCard extends NymbalElement {
+    static schema: ElementSchema;
+    static properties: lit.PropertyDeclarations;
+    static styles: lit.CSSResult[];
+    product: string | undefined;
+    eager: boolean | undefined;
+    protected render(): typeof nothing | lit.TemplateResult<1>;
+}
+
+export { NymbalProductCard as N, cardProductOf as a, cardImageOf as c };
+export type { CardProduct as C };

package/dist/register-components.d.ts

@@ -0,0 +1,46 @@
+import { NymbalAddToCart } from './elements/nymbal-add-to-cart.js';
+import { NymbalCartDrawer } from './elements/nymbal-cart-drawer.js';
+import { NymbalMiniCart } from './elements/nymbal-mini-cart.js';
+import { NymbalVariantSelector } from './elements/nymbal-variant-selector.js';
+import { NymbalQuantitySelector } from './elements/nymbal-quantity-selector.js';
+import { NymbalSearchBar } from './elements/nymbal-search-bar.js';
+import { NymbalProductFilter } from './elements/nymbal-product-filter.js';
+import { NymbalToast } from './elements/nymbal-toast.js';
+import { NymbalPaymentElement } from './elements/nymbal-payment-element.js';
+import { NymbalSortDropdown } from './elements/nymbal-sort-dropdown.js';
+import { NymbalCartPage } from './elements/nymbal-cart-page.js';
+import { NymbalProductCard } from './elements/nymbal-product-card.js';
+import { NymbalSearchResults } from './elements/nymbal-search-results.js';
+import { NymbalLoginForm } from './elements/nymbal-login-form.js';
+import { NymbalRegisterForm } from './elements/nymbal-register-form.js';
+import { NymbalProfileForm } from './elements/nymbal-profile-form.js';
+import { NymbalAddressForm } from './elements/nymbal-address-form.js';
+import { NymbalAddressBook } from './elements/nymbal-address-book.js';
+import { NymbalCheckout } from './elements/nymbal-checkout.js';
+import { NymbalProductGrid } from './elements/nymbal-product-grid.js';
+import { NymbalProductPrice } from './elements/nymbal-product-price.js';
+import { NymbalStockBadge } from './elements/nymbal-stock-badge.js';
+import { NymbalBreadcrumb } from './elements/nymbal-breadcrumb.js';
+import { NymbalImageGallery } from './elements/nymbal-image-gallery.js';
+import { NymbalSiteHeader } from './elements/nymbal-site-header.js';
+import { NymbalSiteFooter } from './elements/nymbal-site-footer.js';
+import { NymbalCategoryNav } from './elements/nymbal-category-nav.js';
+import { NymbalReviewList } from './elements/nymbal-review-list.js';
+import { NymbalReviewForm } from './elements/nymbal-review-form.js';
+import { NymbalOrderSummary } from './elements/nymbal-order-summary.js';
+import '@nymbalhq/sdk';
+import 'lit';
+import './base-element-CPMgAdyQ.js';
+import './form-element-C-qo3gpD.js';
+import '@nymbalhq/types';
+import './selected-variant-Dym0shlJ.js';
+
+/** Every element the package defines. */
+declare const ELEMENTS: (typeof NymbalAddToCart | typeof NymbalCartDrawer | typeof NymbalMiniCart | typeof NymbalVariantSelector | typeof NymbalQuantitySelector | typeof NymbalSearchBar | typeof NymbalProductFilter | typeof NymbalToast | typeof NymbalPaymentElement | typeof NymbalSortDropdown | typeof NymbalCartPage | typeof NymbalProductCard | typeof NymbalSearchResults | typeof NymbalLoginForm | typeof NymbalRegisterForm | typeof NymbalProfileForm | typeof NymbalAddressForm | typeof NymbalAddressBook | typeof NymbalCheckout | typeof NymbalProductGrid | typeof NymbalProductPrice | typeof NymbalStockBadge | typeof NymbalBreadcrumb | typeof NymbalImageGallery | typeof NymbalSiteHeader | typeof NymbalSiteFooter | typeof NymbalCategoryNav | typeof NymbalReviewList | typeof NymbalReviewForm | typeof NymbalOrderSummary)[];
+/**
+ * Defines every element, and registers the built-in payment drivers, except a tag or driver name the project has
+ * already defined: the project's wins. A page that renders a few elements passes those to `define` instead.
+ */
+declare function registerComponents(): void;
+
+export { ELEMENTS, registerComponents };

package/dist/register-components.js

@@ -0,0 +1,48 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  ELEMENTS,
+  registerComponents
+} from "./chunk-XE6IWISA.js";
+import "./chunk-H3ZBYNHV.js";
+import "./chunk-7JAAOVCE.js";
+import "./chunk-4COVK727.js";
+import "./chunk-RAOGZH3Z.js";
+import "./chunk-FIF6GQ6U.js";
+import "./chunk-W23P7SI4.js";
+import "./chunk-EBMA7JGV.js";
+import "./chunk-O2YKCDR2.js";
+import "./chunk-2TPQNQYO.js";
+import "./chunk-WEEHXWM3.js";
+import "./chunk-5VWZ2U5K.js";
+import "./chunk-RZVFA3N5.js";
+import "./chunk-DXWMNB5F.js";
+import "./chunk-UYSZOEOA.js";
+import "./chunk-WTEVTCIL.js";
+import "./chunk-NW47OJVN.js";
+import "./chunk-NE6UHTOT.js";
+import "./chunk-VTQVGNVC.js";
+import "./chunk-HPBC3OG7.js";
+import "./chunk-IYT7VXFS.js";
+import "./chunk-6XCCAAMF.js";
+import "./chunk-U2PU4CWB.js";
+import "./chunk-42SSME5H.js";
+import "./chunk-2XXBQPDB.js";
+import "./chunk-SM7TASEW.js";
+import "./chunk-RVSKX2RX.js";
+import "./chunk-W7D3STJH.js";
+import "./chunk-LHYXNQWY.js";
+import "./chunk-B73QVSA5.js";
+import "./chunk-V55K2CS5.js";
+import "./chunk-PN6QKYE4.js";
+import "./chunk-GHXTJ2CF.js";
+import "./chunk-N4Y5DI4X.js";
+import "./chunk-LO2EW5YP.js";
+import "./chunk-LSQPUZK6.js";
+import "./chunk-DR5QB5VN.js";
+import "./chunk-EYDMJNNK.js";
+import "./chunk-UCEVCLQ7.js";
+export {
+  ELEMENTS,
+  registerComponents
+};
+//# sourceMappingURL=register-components.js.map

package/dist/register-components.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/selected-variant-Dym0shlJ.d.ts

@@ -0,0 +1,23 @@
+import * as _nymbalhq_sdk from '@nymbalhq/sdk';
+import { DenormalisedProduct, DenormalisedVariant } from '@nymbalhq/sdk';
+import { N as NymbalElement } from './base-element-CPMgAdyQ.js';
+
+/**
+ * An element showing one product's selected variant (its price, its stock). It renders from its attributes until the
+ * product store settles on the product its `product-id` names, then from the store's selected variant. A store
+ * settled on another product (the page a soft navigation left) is not this element's, so it keeps its attributes.
+ */
+declare abstract class NymbalVariantElement extends NymbalElement {
+    productId: string | undefined;
+    private following;
+    protected stores(): _nymbalhq_sdk.ProductStore[];
+    protected storeSettled(): void;
+    private ownProduct;
+    /** The store's product and its selected variant, once this element follows the store; else null. */
+    protected selected(): {
+        product: DenormalisedProduct;
+        variant: DenormalisedVariant | null;
+    } | null;
+}
+
+export { NymbalVariantElement as N };

package/dist/ssr/index.d.ts

@@ -0,0 +1,30 @@
+export { C as CardProduct, c as cardImageOf, a as cardProductOf } from '../nymbal-product-card-C8HkE_rG.js';
+import 'lit';
+import '../base-element-CPMgAdyQ.js';
+import '@nymbalhq/sdk';
+
+/** Thrown for a tag the server does not render: neither a package element nor one a project registered. */
+declare class UnknownElement extends Error {
+    name: string;
+}
+/**
+ * Registers a project's own element classes by tag, as its elements entry exports them: the server renders each in
+ * place of the package's element under that tag, as the browser defines it there. A tag keeps the first class it was
+ * registered with; a different class under it is refused, so the server and the browser cannot disagree.
+ */
+declare function registerServerElements(map: Record<string, CustomElementConstructor>): void;
+interface RenderOptions {
+    /** The host's attributes; a JSON attribute's value is its JSON text. */
+    attributes?: Record<string, string> | undefined;
+    /** Light-DOM HTML after the shadow root: a slotted child, as the payment element is the checkout's. */
+    children?: string | undefined;
+}
+/**
+ * One element as HTML: `<tag …attributes><template shadowrootmode="open">…</template>…children</tag>`, the template
+ * holding the element's first render from its attributes (no client, no store) with its styles, and the markers Lit's
+ * hydration reads. The browser parses the template into the element's shadow root, and the element takes it over.
+ */
+declare function renderElement(tag: string, options?: RenderOptions): string;
+
+export { UnknownElement, registerServerElements, renderElement };
+export type { RenderOptions };

package/dist/ssr/index.js

@@ -0,0 +1,143 @@
+import '@lit-labs/ssr-client/lit-element-hydrate-support.js'
+import {
+  ELEMENTS
+} from "../chunk-XE6IWISA.js";
+import "../chunk-H3ZBYNHV.js";
+import "../chunk-7JAAOVCE.js";
+import "../chunk-4COVK727.js";
+import "../chunk-RAOGZH3Z.js";
+import "../chunk-FIF6GQ6U.js";
+import "../chunk-W23P7SI4.js";
+import "../chunk-EBMA7JGV.js";
+import "../chunk-O2YKCDR2.js";
+import "../chunk-2TPQNQYO.js";
+import "../chunk-WEEHXWM3.js";
+import "../chunk-5VWZ2U5K.js";
+import {
+  cardImageOf,
+  cardProductOf
+} from "../chunk-RZVFA3N5.js";
+import "../chunk-DXWMNB5F.js";
+import "../chunk-UYSZOEOA.js";
+import "../chunk-WTEVTCIL.js";
+import "../chunk-NW47OJVN.js";
+import "../chunk-NE6UHTOT.js";
+import "../chunk-VTQVGNVC.js";
+import "../chunk-HPBC3OG7.js";
+import "../chunk-IYT7VXFS.js";
+import "../chunk-6XCCAAMF.js";
+import "../chunk-U2PU4CWB.js";
+import "../chunk-42SSME5H.js";
+import "../chunk-2XXBQPDB.js";
+import "../chunk-SM7TASEW.js";
+import "../chunk-RVSKX2RX.js";
+import "../chunk-W7D3STJH.js";
+import "../chunk-LHYXNQWY.js";
+import "../chunk-B73QVSA5.js";
+import "../chunk-V55K2CS5.js";
+import "../chunk-PN6QKYE4.js";
+import "../chunk-GHXTJ2CF.js";
+import "../chunk-N4Y5DI4X.js";
+import "../chunk-LO2EW5YP.js";
+import "../chunk-LSQPUZK6.js";
+import "../chunk-DR5QB5VN.js";
+import "../chunk-EYDMJNNK.js";
+import "../chunk-UCEVCLQ7.js";
+
+// src/ssr/render-root.ts
+import { LitElement } from "lit";
+var prototype = LitElement.prototype;
+var createRenderRoot = prototype.createRenderRoot;
+function restoreCreateRenderRoot() {
+  prototype.createRenderRoot = createRenderRoot;
+}
+
+// src/ssr/index.ts
+import { LitElementRenderer } from "@lit-labs/ssr/lib/lit-element-renderer.js";
+import { collectResultSync } from "@lit-labs/ssr/lib/render-result.js";
+restoreCreateRenderRoot();
+var UnknownElement = class extends Error {
+  name = "UnknownElement";
+};
+var CLIENT_MOUNTED = /* @__PURE__ */ new Set(["nymbal-payment-element"]);
+var PACKAGE = new Map(
+  ELEMENTS.filter((e) => !CLIENT_MOUNTED.has(e.schema.tag)).map((e) => [
+    e.schema.tag,
+    e
+  ])
+);
+var projectElements = /* @__PURE__ */ new Map();
+function registerServerElements(map) {
+  for (const [tag, element] of Object.entries(map)) {
+    const lit = element;
+    if (lit._$litElement$ !== true) {
+      throw new TypeError(`${tag}: the server renders Lit elements only`);
+    }
+    const registered = projectElements.get(tag);
+    if (registered !== void 0 && registered !== lit) {
+      throw new Error(`${tag} is already registered for the server with another class`);
+    }
+    projectElements.set(tag, lit);
+  }
+}
+function classFor(tag) {
+  return projectElements.get(tag) ?? PACKAGE.get(tag);
+}
+var ServerElementRenderer = class extends LitElementRenderer {
+  static matchesClass(_ctor, tagName) {
+    return tagName !== void 0 && classFor(tagName) !== void 0;
+  }
+  constructor(tagName) {
+    super(tagName);
+    const element = classFor(tagName);
+    if (this.element.constructor !== element) this.element = new element();
+  }
+};
+function defineAll() {
+  for (const tag of /* @__PURE__ */ new Set([...projectElements.keys(), ...PACKAGE.keys()])) {
+    const element = classFor(tag);
+    if (customElements.get(tag) === void 0) customElements.define(tag, element);
+    else if (customElements.getName(element) === null)
+      customElements.define(`${tag}-server`, element);
+  }
+}
+function compactStyles(html) {
+  return html.replace(
+    /<style>([^<]*)<\/style>/g,
+    (_, css) => `<style>${css.replace(/\s+/g, " ").trim()}</style>`
+  );
+}
+function renderElement(tag, options = {}) {
+  if (CLIENT_MOUNTED.has(tag)) {
+    throw new UnknownElement(`${tag} is client-mounted and is not server-rendered`);
+  }
+  if (classFor(tag) === void 0) {
+    throw new UnknownElement(`${tag} is neither a Nymbal element nor a registered server element`);
+  }
+  defineAll();
+  const renderer = new ServerElementRenderer(tag);
+  for (const [name, value] of Object.entries(options.attributes ?? {})) {
+    renderer.setAttribute(name, value);
+  }
+  renderer.connectedCallback();
+  const renderInfo = {
+    elementRenderers: [ServerElementRenderer, LitElementRenderer],
+    customElementInstanceStack: [renderer],
+    customElementHostStack: [renderer],
+    eventTargetStack: [renderer.element],
+    slotStack: [],
+    deferHydration: false
+  };
+  const attributes = collectResultSync(renderer.renderAttributes());
+  const shadow = compactStyles(collectResultSync(renderer.renderShadow(renderInfo)));
+  const { mode = "open" } = renderer.shadowRootOptions;
+  return `<${tag}${attributes}><template shadowrootmode="${mode}">${shadow}</template>${options.children ?? ""}</${tag}>`;
+}
+export {
+  UnknownElement,
+  cardImageOf,
+  cardProductOf,
+  registerServerElements,
+  renderElement
+};
+//# sourceMappingURL=index.js.map

package/dist/ssr/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ssr/render-root.ts","../../src/ssr/index.ts"],"sourcesContent":["import { LitElement } from 'lit'\n\ntype WithRenderRoot = { createRenderRoot: () => HTMLElement | DocumentFragment }\n\n// Lit SSR replaces LitElement's createRenderRoot when it loads, dropping the hydrate support's, which is what makes a\n// client element take over a server's shadow root. A realm that both renders on the server and runs elements (a test,\n// a DOM-shimmed server) keeps the one it had: this module is imported before Lit SSR, and the ssr entry restores it.\nconst prototype = LitElement.prototype as unknown as WithRenderRoot\nconst createRenderRoot = prototype.createRenderRoot\n\nexport function restoreCreateRenderRoot(): void {\n  prototype.createRenderRoot = createRenderRoot\n}\n","import { restoreCreateRenderRoot } from './render-root.js'\nimport type { RenderInfo } from '@lit-labs/ssr'\nimport { LitElementRenderer } from '@lit-labs/ssr/lib/lit-element-renderer.js'\nimport { collectResultSync } from '@lit-labs/ssr/lib/render-result.js'\nimport type { LitElement } from 'lit'\nimport { ELEMENTS } from '../register-components.js'\n\nexport { cardImageOf, cardProductOf, type CardProduct } from '../components/product-card.js'\n\nrestoreCreateRenderRoot()\n\n/** Thrown for a tag the server does not render: neither a package element nor one a project registered. */\nexport class UnknownElement extends Error {\n  override name = 'UnknownElement'\n}\n\ntype LitElementClass = (new () => LitElement) & { _$litElement$?: boolean }\n\n/** Mounted by its payment driver in the browser, in the light DOM; a checkout's server render leaves its slot. */\nconst CLIENT_MOUNTED = new Set(['nymbal-payment-element'])\n\nconst PACKAGE = new Map<string, LitElementClass>(\n  ELEMENTS.filter((e) => !CLIENT_MOUNTED.has(e.schema.tag)).map((e) => [\n    e.schema.tag,\n    e as unknown as LitElementClass,\n  ]),\n)\n\n/** The project's elements by tag (its `serverElements`), which the server renders in place of the package's. */\nconst projectElements = new Map<string, LitElementClass>()\n\n/**\n * Registers a project's own element classes by tag, as its elements entry exports them: the server renders each in\n * place of the package's element under that tag, as the browser defines it there. A tag keeps the first class it was\n * registered with; a different class under it is refused, so the server and the browser cannot disagree.\n */\nexport function registerServerElements(map: Record<string, CustomElementConstructor>): void {\n  for (const [tag, element] of Object.entries(map)) {\n    const lit = element as unknown as LitElementClass\n    if (lit._$litElement$ !== true) {\n      throw new TypeError(`${tag}: the server renders Lit elements only`)\n    }\n    const registered = projectElements.get(tag)\n    if (registered !== undefined && registered !== lit) {\n      throw new Error(`${tag} is already registered for the server with another class`)\n    }\n    projectElements.set(tag, lit)\n  }\n}\n\n/** The class the server renders under `tag`, resolved per call, so a registration after a first render wins. */\nfunction classFor(tag: string): LitElementClass | undefined {\n  return projectElements.get(tag) ?? PACKAGE.get(tag)\n}\n\n/**\n * Lit SSR finds the elements a template renders, and constructs them, through `customElements`, which defines a tag\n * once per process. This renderer constructs the class `classFor` resolves instead, so a project's element renders\n * under its tag whatever `customElements` held first.\n */\nclass ServerElementRenderer extends LitElementRenderer {\n  static override matchesClass(_ctor: typeof HTMLElement, tagName?: string): boolean {\n    return tagName !== undefined && classFor(tagName) !== undefined\n  }\n\n  constructor(tagName: string) {\n    super(tagName)\n    const element = classFor(tagName)!\n    if (this.element.constructor !== element) this.element = new element()\n  }\n}\n\n/**\n * Every tag the server may render is known to `customElements`, which is where Lit SSR finds nested elements. A DOM\n * (not Lit's server shim) constructs only the classes it defined, so a project class whose tag already holds another\n * class is defined under a name of its own.\n */\nfunction defineAll(): void {\n  for (const tag of new Set([...projectElements.keys(), ...PACKAGE.keys()])) {\n    const element = classFor(tag)!\n    if (customElements.get(tag) === undefined) customElements.define(tag, element)\n    else if (customElements.getName(element) === null)\n      customElements.define(`${tag}-server`, element)\n  }\n}\n\n/**\n * The elements' styles, with their indentation collapsed: written for reading, they would otherwise be bytes a page\n * downloads before its first paint, once per element.\n */\nfunction compactStyles(html: string): string {\n  return html.replace(\n    /<style>([^<]*)<\\/style>/g,\n    (_, css: string) => `<style>${css.replace(/\\s+/g, ' ').trim()}</style>`,\n  )\n}\n\nexport interface RenderOptions {\n  /** The host's attributes; a JSON attribute's value is its JSON text. */\n  attributes?: Record<string, string> | undefined\n  /** Light-DOM HTML after the shadow root: a slotted child, as the payment element is the checkout's. */\n  children?: string | undefined\n}\n\n/**\n * One element as HTML: `<tag …attributes><template shadowrootmode=\"open\">…</template>…children</tag>`, the template\n * holding the element's first render from its attributes (no client, no store) with its styles, and the markers Lit's\n * hydration reads. The browser parses the template into the element's shadow root, and the element takes it over.\n */\nexport function renderElement(tag: string, options: RenderOptions = {}): string {\n  if (CLIENT_MOUNTED.has(tag)) {\n    throw new UnknownElement(`${tag} is client-mounted and is not server-rendered`)\n  }\n  if (classFor(tag) === undefined) {\n    throw new UnknownElement(`${tag} is neither a Nymbal element nor a registered server element`)\n  }\n  defineAll()\n\n  const renderer = new ServerElementRenderer(tag)\n  for (const [name, value] of Object.entries(options.attributes ?? {})) {\n    renderer.setAttribute(name, value)\n  }\n  renderer.connectedCallback()\n  const renderInfo: RenderInfo = {\n    elementRenderers: [ServerElementRenderer, LitElementRenderer],\n    customElementInstanceStack: [renderer],\n    customElementHostStack: [renderer],\n    eventTargetStack: [renderer.element],\n    slotStack: [],\n    deferHydration: false,\n  }\n  const attributes = collectResultSync(renderer.renderAttributes())\n  const shadow = compactStyles(collectResultSync(renderer.renderShadow(renderInfo)))\n  const { mode = 'open' } = renderer.shadowRootOptions\n  return `<${tag}${attributes}><template shadowrootmode=\"${mode}\">${shadow}</template>${options.children ?? ''}</${tag}>`\n}\n"],"mappings":"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","names":[]}