@ticketlayer/elements 0.2.0

package/elements.catalogue.json

@@ -0,0 +1,968 @@
+{
+  "version": "0.2.0",
+  "generatedAt": "2026-09-15T02:29:28.321Z",
+  "elements": [
+    {
+      "tag": "tl-buy-modal",
+      "docs": "",
+      "props": [
+        {
+          "name": "eventId",
+          "attr": "event-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "Event to sell tickets for."
+        },
+        {
+          "name": "occurrenceId",
+          "attr": "occurrence-id",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Optionally open straight to ticket selection for this occurrence."
+        }
+      ],
+      "events": [
+        {
+          "name": "tlCheckout",
+          "detail": "void",
+          "docs": ""
+        },
+        {
+          "name": "tlClose",
+          "detail": "void",
+          "docs": ""
+        },
+        {
+          "name": "tlError",
+          "detail": "{ message: string; }",
+          "docs": ""
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "purchase"
+    },
+    {
+      "tag": "tl-buy-tickets-button",
+      "docs": "",
+      "props": [
+        {
+          "name": "currency",
+          "attr": "currency",
+          "type": "string",
+          "default": "'GBP'",
+          "required": false,
+          "docs": "Currency code for price formatting"
+        },
+        {
+          "name": "disabled",
+          "attr": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "docs": "Disabled state"
+        },
+        {
+          "name": "eventId",
+          "attr": "event-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "Event ID to purchase tickets for"
+        },
+        {
+          "name": "fullWidth",
+          "attr": "full-width",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "docs": "Full width button"
+        },
+        {
+          "name": "label",
+          "attr": "label",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Button label override (default depends on state)"
+        },
+        {
+          "name": "occurrenceId",
+          "attr": "occurrence-id",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Optional pre-selected occurrence ID"
+        },
+        {
+          "name": "price",
+          "attr": "price",
+          "type": "number | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Price to display (in minor units e.g. pence)"
+        },
+        {
+          "name": "pricePrefix",
+          "attr": "price-prefix",
+          "type": "string",
+          "default": "'From'",
+          "required": false,
+          "docs": "Show price prefix text"
+        },
+        {
+          "name": "size",
+          "attr": "size",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "default": "'md'",
+          "required": false,
+          "docs": "Button size"
+        },
+        {
+          "name": "state",
+          "attr": "state",
+          "type": "\"available\" | \"comingSoon\" | \"soldOut\" | \"waitlist\"",
+          "default": "'available'",
+          "required": false,
+          "docs": "Button state - determines colour, label, and icon"
+        },
+        {
+          "name": "variant",
+          "attr": "variant",
+          "type": "\"outline\" | \"primary\" | \"secondary\"",
+          "default": "'primary'",
+          "required": false,
+          "docs": "Button variant"
+        }
+      ],
+      "events": [
+        {
+          "name": "tlClick",
+          "detail": "{ eventId: string; occurrenceId?: string | undefined; }",
+          "docs": "Emitted when button is clicked (before modal opens)"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "purchase"
+    },
+    {
+      "tag": "tl-buy-tickets-wrapper",
+      "docs": "",
+      "props": [
+        {
+          "name": "disabled",
+          "attr": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "docs": "Whether the wrapper is disabled"
+        },
+        {
+          "name": "eventId",
+          "attr": "event-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "The event ID to purchase tickets for"
+        },
+        {
+          "name": "occurrenceId",
+          "attr": "occurrence-id",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Optional specific occurrence ID (skips occurrence selector)"
+        }
+      ],
+      "events": [
+        {
+          "name": "tl-close",
+          "detail": "void",
+          "docs": "Emitted when the modal closes"
+        },
+        {
+          "name": "tl-complete",
+          "detail": "OrderResult",
+          "docs": "Emitted when purchase completes successfully"
+        },
+        {
+          "name": "tl-error",
+          "detail": "{ message: string; }",
+          "docs": "Emitted when an error occurs"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Content to display (typically a button)"
+        }
+      ],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "purchase"
+    },
+    {
+      "tag": "tl-cart",
+      "docs": "",
+      "props": [
+        {
+          "name": "checkoutLabel",
+          "attr": "checkout-label",
+          "type": "string",
+          "default": "'Checkout'",
+          "required": false,
+          "docs": "Checkout button label"
+        },
+        {
+          "name": "compact",
+          "attr": "compact",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "docs": "Compact mode - hides some details"
+        },
+        {
+          "name": "showCheckoutButton",
+          "attr": "show-checkout-button",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "docs": "Show checkout button"
+        },
+        {
+          "name": "showRemoveButtons",
+          "attr": "show-remove-buttons",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "docs": "Show remove item buttons"
+        }
+      ],
+      "events": [
+        {
+          "name": "tlCartUpdated",
+          "detail": "{ cart: TlCartData; }",
+          "docs": "Emitted when cart is updated"
+        },
+        {
+          "name": "tlCheckout",
+          "detail": "{ cart: TlCartData; }",
+          "docs": "Emitted when checkout is clicked"
+        },
+        {
+          "name": "tlError",
+          "detail": "{ message: string; }",
+          "docs": "Emitted on error"
+        },
+        {
+          "name": "tlItemRemoved",
+          "detail": "{ itemId: string; }",
+          "docs": "Emitted when item is removed"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "cart"
+    },
+    {
+      "tag": "tl-cart-badge",
+      "docs": "",
+      "props": [
+        {
+          "name": "badgeOnly",
+          "attr": "badge-only",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "docs": "Badge only mode - only shows the count bubble, no icon or button"
+        },
+        {
+          "name": "icon",
+          "attr": "icon",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Custom icon (emoji or text). If not provided, uses cart SVG"
+        },
+        {
+          "name": "showEmpty",
+          "attr": "show-empty",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "docs": "Show the badge even when count is 0"
+        },
+        {
+          "name": "size",
+          "attr": "size",
+          "type": "\"lg\" | \"md\" | \"sm\"",
+          "default": "'md'",
+          "required": false,
+          "docs": "Size variant"
+        }
+      ],
+      "events": [
+        {
+          "name": "tlClick",
+          "detail": "{ itemCount: number; }",
+          "docs": "Emitted when the badge is clicked"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "cart"
+    },
+    {
+      "tag": "tl-cart-drawer",
+      "docs": "",
+      "props": [
+        {
+          "name": "heading",
+          "attr": "heading",
+          "type": "string",
+          "default": "'Your cart'",
+          "required": false,
+          "docs": "Heading shown at the top of the panel."
+        },
+        {
+          "name": "open",
+          "attr": "open",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "docs": "Controlled open state (also driven by the `ui:cart-requested` intent)."
+        },
+        {
+          "name": "side",
+          "attr": "side",
+          "type": "\"left\" | \"right\"",
+          "default": "'right'",
+          "required": false,
+          "docs": "Edge the panel slides in from."
+        }
+      ],
+      "events": [
+        {
+          "name": "tlClose",
+          "detail": "void",
+          "docs": ""
+        },
+        {
+          "name": "tlOpen",
+          "detail": "void",
+          "docs": ""
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "cart"
+    },
+    {
+      "tag": "tl-checkout-wrapper",
+      "docs": "",
+      "props": [
+        {
+          "name": "disabled",
+          "attr": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "docs": "Whether the wrapper is disabled"
+        }
+      ],
+      "events": [
+        {
+          "name": "tl-close",
+          "detail": "void",
+          "docs": "Emitted when the modal closes"
+        },
+        {
+          "name": "tl-complete",
+          "detail": "OrderResult",
+          "docs": "Emitted when checkout completes successfully"
+        },
+        {
+          "name": "tl-error",
+          "detail": "{ message: string; }",
+          "docs": "Emitted when an error occurs"
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "docs": "Content to display (typically a checkout button)"
+        }
+      ],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "checkout"
+    },
+    {
+      "tag": "tl-event-card",
+      "docs": "",
+      "props": [
+        {
+          "name": "event",
+          "attr": null,
+          "type": "TlEventCardEvent | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Event data to display (tl-event-list passes this)"
+        },
+        {
+          "name": "eventId",
+          "attr": "event-id",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Load the event from the SDK by id when no `event` is given, so a single\ncard works standalone (e.g. on a Webflow page)."
+        }
+      ],
+      "events": [
+        {
+          "name": "tlClick",
+          "detail": "{ eventId: string; }",
+          "docs": "Emitted when the card is clicked"
+        },
+        {
+          "name": "tlError",
+          "detail": "{ message: string; }",
+          "docs": "Emitted when the event could not be loaded by id"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "discovery"
+    },
+    {
+      "tag": "tl-event-list",
+      "docs": "",
+      "props": [
+        {
+          "name": "category",
+          "attr": "category",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Category filter"
+        },
+        {
+          "name": "columns",
+          "attr": "columns",
+          "type": "number",
+          "default": "3",
+          "required": false,
+          "docs": "Columns for grid layout (1, 2, 3, or 4)"
+        },
+        {
+          "name": "limit",
+          "attr": "limit",
+          "type": "number",
+          "default": "12",
+          "required": false,
+          "docs": "Maximum number of events to display"
+        }
+      ],
+      "events": [
+        {
+          "name": "tlEventClick",
+          "detail": "{ eventId: string; }",
+          "docs": "Emitted when an event card is clicked"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "discovery"
+    },
+    {
+      "tag": "tl-login",
+      "docs": "tl-login - magic-link sign-in. The customer enters an email, we ask the SDK\nto send a link (POST /sales/customer-auth/magic-link), then either the link\nlands back on this page with `?code=` or the customer types the code from\nthe email; both exchange through the SDK (POST /sales/customer-tokens). No\npassword is ever handled here.\n\nStates: enter email -> check your inbox (resend, enter code) -> signed in\n(email + sign out).\n\nUsage: <tl-login></tl-login>",
+      "props": [
+        {
+          "name": "allowCodeEntry",
+          "attr": "allow-code-entry",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "docs": "Offer a \"enter the code\" path alongside the emailed link (default true)."
+        },
+        {
+          "name": "heading",
+          "attr": "heading",
+          "type": "string",
+          "default": "'Sign in'",
+          "required": false,
+          "docs": "Heading for the email step."
+        }
+      ],
+      "events": [
+        {
+          "name": "tlAuthChanged",
+          "detail": "TlAuthChanged",
+          "docs": ""
+        },
+        {
+          "name": "tlError",
+          "detail": "{ message: string; }",
+          "docs": ""
+        },
+        {
+          "name": "tlMagicLinkSent",
+          "detail": "{ email: string; }",
+          "docs": ""
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "account"
+    },
+    {
+      "tag": "tl-my-orders",
+      "docs": "tl-my-orders - the signed-in customer's orders (GET /sales/my-orders through\nthe SDK): event, date, ticket count, total and status per row. Clicking a\nrow expands it to show the order's tickets (tl-order-tickets). Shows\ntl-login inline when nobody is signed in.\n\nUsage: <tl-my-orders></tl-my-orders>",
+      "props": [
+        {
+          "name": "columns",
+          "attr": "columns",
+          "type": "number",
+          "default": "2",
+          "required": false,
+          "docs": "Columns for the expanded ticket grid."
+        },
+        {
+          "name": "emptyMessage",
+          "attr": "empty-message",
+          "type": "string",
+          "default": "\"When you buy tickets they'll show up here, ready to view and download.\"",
+          "required": false,
+          "docs": "Copy for the empty state."
+        }
+      ],
+      "events": [
+        {
+          "name": "tlError",
+          "detail": "{ message: string; }",
+          "docs": ""
+        },
+        {
+          "name": "tlOrderSelect",
+          "detail": "{ orderId: string; }",
+          "docs": ""
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "account"
+    },
+    {
+      "tag": "tl-occurrence-selector",
+      "docs": "A smart occurrence selector component that fetches and displays event occurrences from the Ticketlayer API.",
+      "props": [
+        {
+          "name": "displayMode",
+          "attr": "display-mode",
+          "type": "\"calendar\" | \"list\" | \"slots\" | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Force a specific display mode (auto-detected if not set)"
+        },
+        {
+          "name": "eventId",
+          "attr": "event-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "Event ID to fetch occurrences for"
+        },
+        {
+          "name": "orientation",
+          "attr": "orientation",
+          "type": "\"auto\" | \"horizontal\" | \"vertical\"",
+          "default": "'auto'",
+          "required": false,
+          "docs": "Layout orientation (auto = horizontal on desktop, vertical on mobile)"
+        },
+        {
+          "name": "theme",
+          "attr": null,
+          "type": "TlOccurrenceSelectorTheme | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Theme configuration"
+        }
+      ],
+      "events": [
+        {
+          "name": "tlSelect",
+          "detail": "{ occurrence: TlOccurrence; }",
+          "docs": "Emitted when an occurrence is selected"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "discovery"
+    },
+    {
+      "tag": "tl-order-confirmation",
+      "docs": "tl-order-confirmation - the \"thank you\" page block: order reference,\ncustomer email, event and date, ticket lines, totals, then the tickets\nthemselves (tl-order-tickets, each with a Download PDF link).\n\nFinds its order three ways, in priority order:\n 1. the `order-id` prop\n 2. the URL (`?orderId=`), the contract the hosted box office confirmation\n    page uses; `?redirect_status=` from a Stripe return is honoured too\n 3. the SDK's `checkout:completed` event, for a page that mounts this before\n    the customer pays\n\nUsage: <tl-order-confirmation order-id=\"ord_xxx\"></tl-order-confirmation>",
+      "props": [
+        {
+          "name": "columns",
+          "attr": "columns",
+          "type": "number",
+          "default": "2",
+          "required": false,
+          "docs": "Columns for the ticket grid."
+        },
+        {
+          "name": "customerEmail",
+          "attr": "customer-email",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "Email to show when the order view carries none (a host that collected it at checkout)."
+        },
+        {
+          "name": "orderId",
+          "attr": "order-id",
+          "type": "string | undefined",
+          "default": null,
+          "required": false,
+          "docs": "The order to show. Falls back to `?orderId=` in the page URL."
+        },
+        {
+          "name": "showTickets",
+          "attr": "show-tickets",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "docs": "Mount tl-order-tickets under the summary (default true)."
+        }
+      ],
+      "events": [
+        {
+          "name": "tlError",
+          "detail": "{ message: string; }",
+          "docs": ""
+        },
+        {
+          "name": "tlOrderLoaded",
+          "detail": "{ order: TlOrderData; }",
+          "docs": ""
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "checkout"
+    },
+    {
+      "tag": "tl-order-tickets",
+      "docs": "tl-order-tickets - renders all the tickets for an order as scannable QR\ncards with PDF download. Fetches the order through the SDK (order-access\ngated by the session), so it works on a confirmation page or in an account.\n\nUsage: <tl-order-tickets order-id=\"ord_xxx\"></tl-order-tickets>",
+      "props": [
+        {
+          "name": "columns",
+          "attr": "columns",
+          "type": "number",
+          "default": "2",
+          "required": false,
+          "docs": "Columns in the grid (default 2)."
+        },
+        {
+          "name": "orderId",
+          "attr": "order-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "The order whose tickets to show."
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "tickets"
+    },
+    {
+      "tag": "tl-promo-code",
+      "docs": "tl-promo-code - an input plus Apply button that redeems a presale or promo\ncode for the current cart (POST /sales/presale-codes/redeem through the\nSDK). Redemption unlocks gated pricing on the customer; the SDK re-reads the\ncart and publishes cart:updated, so tl-cart and badges re-render on their own.\n\nThe API has no un-redeem, so the applied state offers only \"use a different\ncode\", which clears the input for another redemption.\n\nUsage: <tl-promo-code></tl-promo-code>",
+      "props": [
+        {
+          "name": "buttonLabel",
+          "attr": "button-label",
+          "type": "string",
+          "default": "'Apply'",
+          "required": false,
+          "docs": "Apply button label."
+        },
+        {
+          "name": "placeholder",
+          "attr": "placeholder",
+          "type": "string",
+          "default": "'Promo or presale code'",
+          "required": false,
+          "docs": "Input placeholder."
+        }
+      ],
+      "events": [
+        {
+          "name": "tlError",
+          "detail": "{ message: string; }",
+          "docs": ""
+        },
+        {
+          "name": "tlPromoApplied",
+          "detail": "TlPromoApplied",
+          "docs": ""
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "purchase"
+    },
+    {
+      "tag": "tl-seat-map",
+      "docs": "",
+      "props": [
+        {
+          "name": "apiUrl",
+          "attr": "api-url",
+          "type": "string",
+          "default": "'https://api.ticketlayer.com'",
+          "required": false,
+          "docs": "API URL for the seat map data"
+        },
+        {
+          "name": "hboUrl",
+          "attr": "hbo-url",
+          "type": "string",
+          "default": "'https://checkout.ticketlayer.com'",
+          "required": false,
+          "docs": "Base URL for the hosted seat map (HBO URL)"
+        },
+        {
+          "name": "height",
+          "attr": "height",
+          "type": "string",
+          "default": "'600px'",
+          "required": false,
+          "docs": "Height of the seat map"
+        },
+        {
+          "name": "occurrenceId",
+          "attr": "occurrence-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "Occurrence ID to show seat map for"
+        },
+        {
+          "name": "width",
+          "attr": "width",
+          "type": "string",
+          "default": "'100%'",
+          "required": false,
+          "docs": "Width of the seat map"
+        }
+      ],
+      "events": [
+        {
+          "name": "tlCartChange",
+          "detail": "{ seatIds: string[]; }",
+          "docs": "Emitted when cart seats change"
+        },
+        {
+          "name": "tlError",
+          "detail": "{ error: string; }",
+          "docs": "Emitted when an error occurs"
+        },
+        {
+          "name": "tlLoad",
+          "detail": "{ seatMapId: string; }",
+          "docs": "Emitted when seat map is loaded"
+        },
+        {
+          "name": "tlReady",
+          "detail": "void",
+          "docs": "Emitted when seat map is ready"
+        },
+        {
+          "name": "tlSeatAdded",
+          "detail": "{ seatId: string; ticketTypeId: string; }",
+          "docs": "Emitted when a seat is added to cart"
+        },
+        {
+          "name": "tlSeatRemoved",
+          "detail": "{ seatId: string; }",
+          "docs": "Emitted when a seat is removed from cart"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web"
+      ],
+      "sdkMethods": [],
+      "category": "purchase"
+    },
+    {
+      "tag": "tl-ticket",
+      "docs": "tl-ticket - a single event ticket: a scannable QR (the redemption token),\nticket name / seat / holder, and a PDF download. Greys out + stamps\nUsed/Void when redeemed or cancelled.",
+      "props": [
+        {
+          "name": "orderId",
+          "attr": "order-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "Order id this ticket belongs to (for the PDF download)."
+        },
+        {
+          "name": "ticket",
+          "attr": null,
+          "type": "TlTicketData",
+          "default": null,
+          "required": true,
+          "docs": "The ticket to render."
+        }
+      ],
+      "events": [],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "tickets"
+    },
+    {
+      "tag": "tl-ticket-selector",
+      "docs": "",
+      "props": [
+        {
+          "name": "buttonLabel",
+          "attr": "button-label",
+          "type": "string",
+          "default": "'Add to Cart'",
+          "required": false,
+          "docs": "Button label"
+        },
+        {
+          "name": "eventId",
+          "attr": "event-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "Event ID"
+        },
+        {
+          "name": "occurrenceId",
+          "attr": "occurrence-id",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "docs": "Occurrence ID"
+        },
+        {
+          "name": "showButton",
+          "attr": "show-button",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "docs": "Show add to cart button"
+        }
+      ],
+      "events": [
+        {
+          "name": "tlAddToCart",
+          "detail": "{ items: AddToCartItem[]; }",
+          "docs": "Emitted when items are added to cart"
+        },
+        {
+          "name": "tlError",
+          "detail": "{ message: string; }",
+          "docs": "Emitted on error"
+        },
+        {
+          "name": "tlQuantityChange",
+          "detail": "{ ticketTypeId: string; quantity: number; total: number; }",
+          "docs": "Emitted when quantity changes"
+        }
+      ],
+      "slots": [],
+      "cssProperties": [],
+      "runtimes": [
+        "web",
+        "native"
+      ],
+      "sdkMethods": [],
+      "category": "purchase"
+    }
+  ]
+}