@xplortech/apollo-core 2.11.0 → 3.0.0

package/.typings/apollo-components.html-data.json

@@ -60,7 +60,7 @@
       "name": "xpl-application-shell",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "`xpl-application-shell` is the top-level layout container for an Apollo application. It arranges the main navigation rail, an optional utility bar, an optional secondary navigation column, and the page content into a responsive CSS grid, and drives the CSS-only open/close animation of the navigation rail."
       },
       "attributes": [
         {
@@ -2212,7 +2212,7 @@
       "name": "xpl-side-nav",
       "description": {
         "kind": "markdown",
-        "value": "Slot-based sidebar for app navigation: a scrollable main `section` and a fixed\n`nav-footer`. Compose with `xpl-side-nav-item` for rows.\n\n**Mobile (v2):** below the Tailwind `md` breakpoint, the sidebar collapses to a\n~56px top bar with a toggle button (`sidebar-left-show` / `sidebar-left-hide`).\nActivating the toggle opens a drawer containing the `section` + `nav-footer`\ncontent behind an `xpl-backdrop` scrim. The drawer traps focus while open;\nEscape or a backdrop click closes it and returns focus to the toggle. Above\n`md` the toggle and backdrop are hidden via CSS and the sidebar renders inline.\n\nThe toggle is always rendered (no gating prop) and hidden above the breakpoint\nin CSS. Open state is exposed via the `open` prop (controlled or uncontrolled),\nthe `openChange` event, and the `toggle()` / `setOpen()` methods.\n\n**v2 breaking change (beta):** consumers who wrapped their own mobile toggle\naround `xpl-side-nav` should remove it — the toggle and drawer are now built in."
+        "value": "Slot-based sidebar for app navigation: a scrollable `nav-header` + `section`\narea and a fixed `nav-footer`. Compose with `xpl-side-nav-item` for rows.\n\n**Mobile (v2):** below the Tailwind `md` breakpoint, the sidebar collapses to a\n~56px top bar with a toggle button (`sidebar-left-show` / `sidebar-left-hide`).\nActivating the toggle opens a drawer containing the `section` + `nav-footer`\ncontent behind an `xpl-backdrop` scrim. The drawer traps focus while open;\nEscape or a backdrop click closes it and returns focus to the toggle. Above\n`md` the toggle and backdrop are hidden via CSS and the sidebar renders inline.\n\nThe toggle is always rendered (no gating prop) and hidden above the breakpoint\nin CSS. Open state is exposed via the `open` prop (controlled or uncontrolled),\nthe `openChange` event, and the `toggle()` / `setOpen()` methods.\n\n**v2 breaking change (beta):** consumers who wrapped their own mobile toggle\naround `xpl-side-nav` should remove it — the toggle and drawer are now built in."
       },
       "attributes": [
         {
@@ -2225,6 +2225,39 @@
         }
       ]
     },
+    {
+      "name": "xpl-side-nav-header-item",
+      "description": {
+        "kind": "markdown",
+        "value": "Header row for `xpl-side-nav`'s `nav-header` slot (Figma `<navHeaderItem>`,\nnode `51299-9007`). Two types:\n\n- **`product-label` (default)** — a non-interactive `<div>` row that shows the\n  current product/area name in a subdued color. No click behavior.\n- **`sub-account`** — an interactive `<button>` row (e.g. a location / account\n  switcher). Emits `navigate` on activation (pointer click or keyboard); the\n  consumer wires this to open a modal or other entity-switching experience.\n  When no `slot=\"trailing\"` content is provided, an auto chevron\n  (`chevron-expand-y`, a static dual-arrow glyph — no rotation) renders by default.\n\nBoth types support `slot=\"leading\"` / `slot=\"trailing\"` (the `icon` prop is a\nconvenience shorthand for `slot=\"leading\"`, same as `xpl-side-nav-item`) so they\ncan scale to future uses. Unlike `xpl-side-nav-item`, the leading/trailing\ncolumns are NOT unconditionally reserved — they only render when there is\ncontent, matching the Figma variants where the leading icon is an optional toggle.\n\n**Note on the `sub-account` hover / selected visual:** the interactive row\nmirrors `xpl-side-nav-item` — the hover and selected backgrounds fill a single\n`__content` pill that wraps the leading icon + label + trailing chevron, with\nan 8px (`--xpl-border-radius-default`) radius. The pill insets 8px from the nav\nedge (an 8px gutter on the button) so it lines up with the item rows below it,\nand hover/selected therefore highlight the whole row content rather than a\npartial fragment."
+      },
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Optional icon name; renders as the default content for `slot=\"leading\"`.\nWhen `slot=\"leading\"` content is present, this prop is ignored."
+        },
+        {
+          "name": "label",
+          "description": "The display label for the header item (e.g. the product name or sub-account name)."
+        },
+        {
+          "name": "selected",
+          "description": "Whether the item is currently in a selected state. Only meaningful when\n`type` is `sub-account` — applies the information-surface pill around the\nlabel + trailing chevron."
+        },
+        {
+          "name": "type",
+          "description": "The header item variant. `product-label` is a static, non-interactive\nlabel. `sub-account` is an interactive button that emits `navigate`.",
+          "values": [
+            {
+              "name": "product-label"
+            },
+            {
+              "name": "sub-account"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "xpl-side-nav-item",
       "description": {
@@ -2266,6 +2299,27 @@
         }
       ]
     },
+    {
+      "name": "xpl-side-nav-section",
+      "description": {
+        "kind": "markdown",
+        "value": "Grouping / accordion header for `xpl-side-nav`. Wraps nested `xpl-side-nav-item`\n(and optional divider separators) elements in the default slot and collapses\nthem as a unit.\n\nTwo variants:\n- **Collapsible (default, `collapsible=true`)** — a `<button>` header with a\n  chevron (`chevron-right` collapsed / `chevron-down` expanded, no rotation —\n  the glyph itself swaps). Click toggles `expanded` and emits `expandedChange`.\n- **Static (`collapsible=false`)** — a non-interactive title row with no chevron;\n  children are always shown. Used for a static section label (e.g. a future\n  product-name / location-changer header).\n\nUnlike `xpl-side-nav-item[has-children]`, section children are **not indented**\n— they align with top-level items at the same leading-icon column.\n\n`slot=\"badge\"` renders an optional badge (e.g. `xpl-badge`) in the header title\nrow. The wrapper is suppressed when the slot is empty."
+      },
+      "attributes": [
+        {
+          "name": "collapsible",
+          "description": "Whether the section can be collapsed/expanded. When `false`, renders a static\ntitle (no chevron, not a button) and children are always shown."
+        },
+        {
+          "name": "expanded",
+          "description": "Whether the section is currently expanded. Only meaningful when `collapsible` is true."
+        },
+        {
+          "name": "heading",
+          "description": "The section title text. Optional, but when `collapsible` is true and both\n`heading` and `slot=\"badge\"` lack an accessible name, the toggle `<button>`\nfalls back to `aria-label=\"Toggle section\"` so it always has an accessible name."
+        }
+      ]
+    },
     {
       "name": "xpl-skeleton",
       "description": {
@@ -2470,6 +2524,37 @@
         "value": "`xpl-tab` is the **label / trigger** for one tab in an `xpl-tabs` group. Place each instance in the **`heading`** slot of `xpl-tabs`. The **`target`** string links this tab to the matching **`xpl-tab-panel`** (same `target` value). The parent sets **`selected`** and syncs **`value`**; you normally do not set `selected` by hand.\n\nUnderline tabs render a native **`<button role=\"tab\">`**; segment tabs render **`xpl-button`** with the same tab semantics on the inner control. For variant-specific examples, icon usage, and token tables, see the matching section on the **Tabs** or **Segment control** Storybook page.\n\n**`group-disabled`** is applied by `xpl-tabs` when the group has **`disabled`**; it keeps pills and underline buttons in a disabled state together with the parent."
       },
       "attributes": [
+        {
+          "name": "badge",
+          "description": "Optional trailing number badge (e.g. a count). Rendered after the label as a compact\n`xpl-badge` in both underline (`type=\"tabs\"`) and segment (`type=\"segment\"`) tabs.\nLeave empty to omit the badge."
+        },
+        {
+          "name": "badge-variant",
+          "description": "Color palette for the trailing number badge. Only applies when `badge` is set.\nDefaults to `purple` — the standard number-badge color in the Figma XPL-Tab Group spec.",
+          "values": [
+            {
+              "name": "blue"
+            },
+            {
+              "name": "gray"
+            },
+            {
+              "name": "green"
+            },
+            {
+              "name": "orange"
+            },
+            {
+              "name": "purple"
+            },
+            {
+              "name": "red"
+            },
+            {
+              "name": "yellow"
+            }
+          ]
+        },
         {
           "name": "disabled",
           "description": "Disables this tab (pill or underline)."
@@ -2480,11 +2565,11 @@
         },
         {
           "name": "icon",
-          "description": "Optional icon name for segment-style pills (`type=\"segment\"` on parent `xpl-tabs`). Ignored for default tabs."
+          "description": "Optional leading icon name (from the Apollo icon set). Rendered in both underline\n(`type=\"tabs\"`) and segment (`type=\"segment\"`) tabs."
         },
         {
           "name": "icon-position",
-          "description": "Icon position for segment-style pills.",
+          "description": "Icon position relative to the label. Applies to both underline and segment tabs.",
           "values": [
             {
               "name": "end"
@@ -2546,6 +2631,46 @@
         }
       ]
     },
+    {
+      "name": "xpl-table-body",
+      "description": {
+        "kind": "markdown",
+        "value": "Row group for compositional table body content. Uses `display: contents` so slotted rows participate in the parent grid layout."
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-table-footer",
+      "description": {
+        "kind": "markdown",
+        "value": "Row group for compositional table footer content. Uses `display: contents` so slotted footer rows participate in the parent grid layout."
+      },
+      "attributes": []
+    },
+    {
+      "name": "xpl-table-footer-cell",
+      "description": {
+        "kind": "markdown",
+        "value": "Footer cell for compositional tables. Extends the shared `.xpl-table-cell-base` styles with a strong top border."
+      },
+      "attributes": [
+        {
+          "name": "align",
+          "description": "Horizontal alignment of footer cell content.",
+          "values": [
+            {
+              "name": "center"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "xpl-table-header",
       "description": {
@@ -2594,6 +2719,27 @@
         }
       ]
     },
+    {
+      "name": "xpl-table-row",
+      "description": {
+        "kind": "markdown",
+        "value": "Data row for compositional tables. Uses `display: contents` by default so cells align to the parent grid; when the body supports subgrid, the row becomes a full-width subgrid for drag interactions."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the row and its cells are disabled."
+        },
+        {
+          "name": "row-id",
+          "description": "Stable identifier for selection."
+        },
+        {
+          "name": "selected",
+          "description": "Whether the row is visually selected."
+        }
+      ]
+    },
     {
       "name": "xpl-tabs",
       "description": {
@@ -2673,23 +2819,27 @@
       "attributes": [
         {
           "name": "caption",
-          "description": ""
+          "description": "The caption of the toast, limited to 85 characters."
         },
         {
           "name": "dismissable",
-          "description": ""
+          "description": "Whether the toast shows a dismiss (close) button."
+        },
+        {
+          "name": "dismissible",
+          "description": "Whether the toast shows a dismiss (close) button."
         },
         {
           "name": "show-icon",
-          "description": ""
+          "description": "Whether to show the leading sentiment icon."
         },
         {
           "name": "timeout",
-          "description": ""
+          "description": "How long the toast waits before auto-dismissing, in ms. Set to `0` to disable auto-dismiss.\nIgnored when the `action` slot has content."
         },
         {
           "name": "variant",
-          "description": "",
+          "description": "The sentiment of the toast.",
           "values": [
             {
               "name": "neutral"
@@ -2813,7 +2963,7 @@
       "name": "xpl-top-nav",
       "description": {
         "kind": "markdown",
-        "value": "Horizontal top navigation with **`left-aside`** and a **right rail**: **`right-aside`** then **user menu**\n(see **`.xpl-top-nav__right-rail`** in `render()`). The account menu uses an internal **`xpl-popover`** (**`bottom-end`**, **`display=\"menu\"`**): built-in trigger uses **`child-account-label`** (prop / attribute) as the label beside a trailing **`chevron-down`** on **`xpl-button`** (**`icon`** / **`iconPosition=\"end\"`**), or **`slot=\"user-menu-trigger\"`** for a custom trigger; panel from **`slot=\"user-menu\"`** (e.g. **`xpl-nav-header-menu`**).\nOptional **`nav-control`** and **`navOpen`**. **`left-aside`** uses **`role=\"list\"`** for primary **`xpl-top-nav-item`** rows (**`role=\"listitem\"`** on each item host). The built-in **`xpl-top-nav__brand`** item omits **`listitem`** (it is not a child of that list). **`label`** maps to **`nav`** **`aria-label`**. Opening state is internal (not a prop) — use **`navOpen`** and host **`xpl-top-nav--open`** for styling.\n\n**Escape:** With **`nav-control`**, **Escape** closes the mobile drawer and emits **`navOpen`** **`false`** (skips while **any** descendant **`xpl-popover`** is open — detected from each popover’s inner **`.xpl-popover--is-open`** marker — or when a **`xpl-top-nav-item`** dropdown is open — capture/bubble order). Focus returns to the nav toggle after the drawer closes (**Escape** or second toggle click).\n**`xpl-top-nav-item`** **`slot=\"dropdown\"`** uses document **capture** for **Escape** first; the shell uses **bubble**\non **`ownerDocument`** so nested dropdowns close before the drawer.\n\n**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens under this subtree\nresolve to dark-mode values even when the page root is light. Floating overlays (e.g. **`xpl-popover`** / **`xpl-dropdown`**\ncontent teleported outside the host) do not inherit this scope — add **`dark`** on those panels if they should match.\n\n**Layout:** **`right-aside`** and the user-menu region are wrapped internally (**`.xpl-top-nav__right-lead`**, etc.).\nConsumers should not add those BEM classes — slot content only.\n\n**Brand logo:** use **`brand-logo`** (URL) for a built-in **`<img>`**, or **`slot=\"brand-logo\"`** for custom markup (e.g. **`xpl-icon`**, SVG). When the URL prop is set, it takes precedence and the slot is not used for the image. On **narrow viewports** (one pixel below Tailwind **`md`** — see **`top-nav.css`**), **`brand-name`** text is hidden in the bar (logo / slot mark only); keep a meaningful **`alt`** on **`brand-logo`** or accessible slotted mark for context.\n\n**Narrow / mobile** (same breakpoint as above): **`slot=\"left-aside\"`** is **hidden** in the bar until **`nav-control`**\nis set **and** the drawer is open (floating panel per Figma). **Without **`nav-control`**, there is no mobile drawer** —\nprimary links remain hidden below **`md`** until the viewport is wide enough for the horizontal bar. The built-in **brand**\nstays in the top bar (**hamburger → brand** when **`nav-control`** is set). **`right-aside`** is hidden in the bar on narrow\nviewports (**`top-nav.css`**, one pixel below Tailwind **`md`**); duplicate those actions into **`xpl-nav-header-menu`**\n**`slot=\"right-aside-mobile\"`** (below profile, above the list; narrow-only CSS in **`top-nav.css`**) per Figma.\n\n**Account menu vs drawer:** Opening the built-in account **`xpl-popover`** while the mobile drawer is open **closes the drawer**\nand emits **`navOpen(false)`** so the two layers do not stack."
+        "value": "Horizontal top navigation with **`left-aside`** and a **right rail**: **`right-aside`** then **user menu**\n(see **`.xpl-top-nav__right-rail`** in `render()`). The account menu uses an internal **`xpl-popover`** (**`bottom-end`**, **`display=\"menu\"`**): built-in trigger uses **`child-account-label`** (prop / attribute) as the label beside a trailing **`chevron-down`** on **`xpl-button`** (**`icon`** / **`iconPosition=\"end\"`**), or **`slot=\"user-menu-trigger\"`** for a custom trigger; panel from **`slot=\"user-menu\"`** (e.g. **`xpl-nav-header-menu`**).\nOptional **`nav-control`** and **`navOpen`**. **`left-aside`** uses **`role=\"list\"`** for primary **`xpl-top-nav-item`** rows (**`role=\"listitem\"`** on each item host). The built-in **`xpl-top-nav__brand`** item omits **`listitem`** (it is not a child of that list). **`label`** maps to **`nav`** **`aria-label`**. Opening state is internal (not a prop) — use **`navOpen`** and host **`xpl-top-nav--open`** for styling.\n\n**Escape:** With **`nav-control`**, **Escape** closes the mobile drawer and emits **`navOpen`** **`false`** (skips while **any** descendant **`xpl-popover`** is open — detected from each popover’s inner **`.xpl-popover--is-open`** marker — or when a **`xpl-top-nav-item`** dropdown is open — capture/bubble order). Focus returns to the nav toggle after the drawer closes (**Escape** or second toggle click).\n**Outside click:** With **`nav-control`**, a click outside the drawer panel (**`.xpl-top-nav__left-primary`**) also closes it and emits **`navOpen`** **`false`** (document **capture**, mirroring **`xpl-top-nav-item`**); it skips clicks on the hamburger toggle and while a descendant **`xpl-popover`** is open, and does not move focus.\n**`xpl-top-nav-item`** **`slot=\"dropdown\"`** uses document **capture** for **Escape** first; the shell uses **bubble**\non **`ownerDocument`** so nested dropdowns close before the drawer.\n\n**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens under this subtree\nresolve to dark-mode values even when the page root is light. Floating overlays (e.g. **`xpl-popover`** / **`xpl-dropdown`**\ncontent teleported outside the host) do not inherit this scope — add **`dark`** on those panels if they should match.\n\n**Layout:** **`right-aside`** and the user-menu region are wrapped internally (**`.xpl-top-nav__right-lead`**, etc.).\nConsumers should not add those BEM classes — slot content only.\n\n**Brand logo:** use **`brand-logo`** (URL) for a built-in **`<img>`**, or **`slot=\"brand-logo\"`** for custom markup (e.g. **`xpl-icon`**, SVG). When the URL prop is set, it takes precedence and the slot is not used for the image. On **narrow viewports** (one pixel below Tailwind **`md`** — see **`top-nav.css`**), **`brand-name`** text is hidden in the bar (logo / slot mark only); keep a meaningful **`alt`** on **`brand-logo`** or accessible slotted mark for context.\n\n**Narrow / mobile** (same breakpoint as above): **`slot=\"left-aside\"`** is **hidden** in the bar until **`nav-control`**\nis set **and** the drawer is open (floating panel per Figma). **Without **`nav-control`**, there is no mobile drawer** —\nprimary links remain hidden below **`md`** until the viewport is wide enough for the horizontal bar. The built-in **brand**\nstays in the top bar (**hamburger → brand** when **`nav-control`** is set). **`right-aside`** is hidden in the bar on narrow\nviewports (**`top-nav.css`**, one pixel below Tailwind **`md`**); duplicate those actions into **`xpl-nav-header-menu`**\n**`slot=\"right-aside-mobile\"`** (below profile, above the list; narrow-only CSS in **`top-nav.css`**) per Figma.\n\n**Account menu vs drawer:** Opening the built-in account **`xpl-popover`** while the mobile drawer is open **closes the drawer**\nand emits **`navOpen(false)`** so the two layers do not stack."
       },
       "attributes": [
         {

package/AGENTS.md

@@ -11,17 +11,41 @@ See the root [AGENTS.md](https://github.com/xplor/apollo/blob/main/AGENTS.md) fo
 | Task | Command |
 |------|---------|
 | Build | `nx build @xplortech/apollo-core` |
-| Dev server | `npm run dev` or `nx dev @xplortech/apollo-core` |
+| Dev server | `npm run storybook:dev` (Storybook on `:9009`; Nx: `nx storybook:dev @xplortech/apollo-core`) |
 | Unit tests | `nx test @xplortech/apollo-core` |
-| E2E tests | `npm run test.e2e` (or `nx test.e2e @xplortech/apollo-core`) |
-| Storybook | `npm run storybook` |
+| Unit tests with coverage | `nx test @xplortech/apollo-core -- --coverage` |
+| SSR smoke (renderToString + hydrateDocument) | `npm run test:ssr` (or `nx test:ssr @xplortech/apollo-core`) |
+| E2E tests | `npm run test:e2e` (or `nx test:e2e @xplortech/apollo-core`) |
+| Storybook (watchers not started) | `npm run storybook` (Nx: `nx storybook @xplortech/apollo-core`) |
 | Lint (all) | `nx lint @xplortech/apollo-core` |
-| CSS lint | `nx lint:css @xplortech/apollo-core` |
+| CSS lint | `nx lint.css @xplortech/apollo-core` |
 
 **Nx Release group:** `core` (tag pattern `core@{version}`).
 
+## Test coverage
+
+Coverage is measured with [Vitest v8 provider](https://vitest.dev/guide/coverage) and scoped to `src/components/**/*.{ts,tsx}` (test files, stories, and generated artifacts are excluded from the denominator).
+
+**Enforced thresholds:** statements, lines, and functions ≥ 80% / 80% / 75% respectively. Running `nx test @xplortech/apollo-core -- --coverage` collects coverage across the `spec` and `spec-dom` projects and fails if any enforced metric falls below its floor. The same command runs unconditionally as a CI gate in `.github/workflows/tests.yml` ("Enforcing Apollo Core Coverage Threshold") on every PR.
+
+Branches are reported but not currently enforced (≈68% vs 70% target — tuned after bulk coverage work in Issue 3; see XPL-438).
+
+> **Note for agents:** when adding new component logic, ensure accompanying `*.spec.{ts,tsx}` tests keep statements, lines, and functions above the floors. Check locally with `nx test @xplortech/apollo-core -- --coverage` before opening a PR.
+
+## Storybook & VRT helpers
+
+Shared Storybook/test utilities live in [`.storybook/utils/`](./.storybook/utils/). Import them via the `@storybook/utils` path alias (resolved by ESLint, TypeScript, Storybook's Vite config, and Vitest) rather than deep relative paths:
+
+```ts
+import { waitForHydration } from '@storybook/utils/wait-for-hydration';
+```
+
+> The alias is scoped to `@storybook/utils` (not a broad `@storybook`) on purpose — a broad alias would shadow the real `@storybook/*` npm packages.
+
+- **`waitForHydration(root)`** — awaits until every Stencil `xpl-*` element under `root` has the `hydrated` class (and paint has settled), with a 3s ceiling. Use it in a story's `play({ canvasElement })` hook for any **VRT story** (`tags: ['vrt']`) that composes lazy child web components (`xpl-button`, `xpl-icon`, `xpl-select`, …). Those children hydrate slower in CI than locally, so without it the auto-snapshot (`afterEach`) can capture a half-rendered or blank component and flake. Do not re-implement this per story — reuse the shared helper.
+
 ## Public API
 
 - Consumer overview: [README.md](./README.md)
-- Interactive docs: [Apollo Storybook](https://xplor-apollo.herokuapp.com/)
+- Interactive docs: [Apollo Storybook](https://apollo.xplordocs.com/)
 - Mintlify component reference: [platform.xplordocs.com/apollo](https://platform.xplordocs.com/apollo) (see [llms.txt](https://platform.xplordocs.com/llms.txt) for AI-oriented indexes)

package/README.md

@@ -12,13 +12,36 @@ Install:
 npm install @xplortech/apollo-core@latest
 ```
 
+## Styles
+
+Apollo never injects stylesheets for you — import the CSS your app needs explicitly.
+
+**Recommended** — brand variables plus shared component styles (swap `apollo.css` for `field-edge.css` or a custom variables sheet):
+
+```js
+import '@xplortech/apollo-core/css/variables/apollo.css';
+import '@xplortech/apollo-core/css/core.css';
+```
+
+**Legacy alternative** — single-file bundle (fully backwards compatible):
+
+```js
+import '@xplortech/apollo-core/css/style.css';
+```
+
+**Do not mix patterns.** Use either `style.css` alone or the modular paths (`variables/*.css`, `core.css`, `components/*.css`) — never both.
+
+For treeshaking, Field Edge, custom themes, and the full token contract, see the [Theming & CSS](https://platform.xplordocs.com/apollo/theming) docs and [Core Required Tokens](https://platform.xplordocs.com/apollo/core-required-tokens) reference.
+
+Other modular entry points: `reset.css` and `tailwind-theme.css` (both required when importing per-component `components/*.css`), `typography.css` (only needed when your own markup uses `.xpl-text-*` classes directly), and `vendor/flatpickr.css`.
+
 ## Getting Started
 
-Whether you use static HTML or a server-rendered framework (in Python, PHP, etc.), you can use Apollo Web Components in your markup. In the `<head>` of your document, include both the CSS and JS:
+Whether you use static HTML or a server-rendered framework (in Python, PHP, etc.), you can use Apollo Web Components in your markup. In the `<head>` of your document, include the CSS and JS:
 
 ```html
 <!--
-NOTE: Both of the paths below assume that you serve your `node_modules` dir
+NOTE: These paths assume that you serve your `node_modules` dir
 along with your root directory. This is probably not the case for your app!
 After you've downloaded Apollo, you can choose to serve these files from your
 app's static directory.
@@ -26,7 +49,11 @@ app's static directory.
 
 <link
   rel="stylesheet"
-  href="./node_modules/@xplortech/apollo-core/build/style.css"
+  href="./node_modules/@xplortech/apollo-core/build/variables/apollo.css"
+/>
+<link
+  rel="stylesheet"
+  href="./node_modules/@xplortech/apollo-core/build/core.css"
 />
 <script type="module">
   import "./node_modules/@xplortech/apollo-core/dist/esm/apollo-core.js";
@@ -43,6 +70,18 @@ The pages for each component on the left include interactive embedded components
 <button class="xpl-button">Button Text</xpl-button>
 ```
 
+## Server-side rendering
+
+Apollo Core includes a first-class SSR/hydration entry point published as `@xplortech/apollo-core/hydrate`:
+
+```js
+import { renderToString, hydrateDocument } from '@xplortech/apollo-core/hydrate';
+```
+
+`renderToString` renders a static HTML string on the server, and `hydrateDocument` hydrates an already-serialized document in the browser. The React (`@xplortech/apollo-react`) and Vue (`@xplortech/apollo-vue`) wrappers leverage this entry point through their `hydrateModule` for framework-native SSR.
+
+A full integration guide for Next.js, Nuxt, and Angular Universal is planned as a follow-up documentation update.
+
 To pass more complex data to a component, such as objects and arrays, you'll need to use javascript. For example, if you are rendering a xpl-table component, you need to add the data separate from the component markup:
 
 ```html

package/build/components/accordion.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-accordion{--xpl-column-widths:inherit;color:var(--xpl-text-default);padding-block:var(--xpl-space-10) var(--xpl-space-8);padding-inline:var(--xpl-space-16) 0;flex-flow:wrap;align-items:center;width:100%;display:flex}.xpl-accordion .xpl-checkbox{margin-right:var(--xpl-space-12)}.xpl-accordion--border-bottom,.xpl-accordion--border-bottom--expanded{border-bottom:var(--xpl-border-small) solid var(--xpl-border-default)}.xpl-accordion--border-bordered,.xpl-accordion--border-bordered--expanded{border:var(--xpl-border-small) solid var(--xpl-border-default);border-radius:var(--xpl-border-radius-default)}.xpl-accordion .xpl-accordion-toggle-area{text-align:left;text-wrap:wrap;flex-direction:column;align-items:center;width:100%;padding-left:0;padding-right:0;display:flex}.xpl-accordion .xpl-accordion-toggle-area:focus-visible{outline-color:var(--xpl-border-focus);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-accordion .xpl-accordion-toggle-area .xpl-accordion-icon-chevron{color:var(--xpl-icon-default);margin-left:auto;margin-right:var(--xpl-space-16);transition:transform .2s}.xpl-accordion .xpl-accordion-toggle-area .xpl-accordion-icon-chevron.xpl-accordion-icon-chevron--rotate{transform:rotate(-180deg)}.xpl-accordion .xpl-accordion-header{width:100%;color:var(--xpl-text-strong);margin-bottom:var(--xpl-space-8);flex-direction:row;align-items:center;display:flex}.xpl-accordion .xpl-accordion-header [slot=heading]{text-align:left;flex-direction:row;align-items:center;width:100%;display:flex}.xpl-accordion .xpl-accordion-header--size-1{font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);line-height:1.4286}.xpl-accordion .xpl-accordion-header--size-2{font-size:var(--xpl-font-size-title-4);font-weight:var(--xpl-font-weight-medium);line-height:1.5}.xpl-accordion .xpl-accordion-header--size-3{font-size:var(--xpl-font-size-title-3);font-weight:var(--xpl-font-weight-bold);line-height:1.4}.xpl-accordion .xpl-accordion-description{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-callout);text-align:left;text-wrap:wrap;flex-direction:row;align-items:center;width:100%;font-weight:400;line-height:1.3333;display:flex}.xpl-accordion .xpl-checkbox-radio-container{margin-bottom:var(--xpl-space-4)}.xpl-accordion .xpl-checkbox-radio-container .xpl-label{padding:0}.xpl-accordion .xpl-accordion-content{padding-block:var(--xpl-space-16);width:100%}.xpl-accordion .xpl-accordion-content--hidden{display:none}.xpl-accordion .xpl-accordion-content--shown>*{grid-template-columns:var(--xpl-column-widths);display:grid}.xpl-accordion .xpl-accordion-content .xpl-checkbox-radio-container:not(:last-child){margin-bottom:var(--xpl-space-16)}.xpl-accordion .xpl-accordion-content .xpl-checkbox-radio-container:last-child{margin-bottom:0}.xpl-accordion ::slotted([slot=content]){grid-template-columns:var(--xpl-column-widths);display:grid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/build/components/application-shell.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-application-shell{background-color:var(--xpl-background-surface-inverse-on-light);grid-template:"nav utility utility"min-content"nav subnav content"1fr/min-content min-content 1fr;max-height:100vh}.xpl-application-shell__nav{grid-area:nav;height:100vh}.xpl-application-shell__nav--sm,.xpl-application-shell__nav--md,.xpl-application-shell__nav--default{width:0;transition-property:all;transition-timing-function:ease-in-out}.xpl-application-shell__nav--sm{transition-duration:.2s;transform:translate(-74px)}.xpl-application-shell__nav--sm--open{width:74px;transition-duration:.2s}.xpl-application-shell__nav--md{transition-duration:.25s;transform:translate(-112px)}.xpl-application-shell__nav--md--open{width:112px;transition-duration:.25s}.xpl-application-shell__nav--default{transition-duration:.3s;transform:translate(-240px)}.xpl-application-shell__nav--default--open{width:240px;transition-duration:.3s}.xpl-application-shell__nav{position:sticky;top:0}.xpl-application-shell__subnav{background-color:var(--xpl-background-surface-default);color:var(--xpl-text-default);border-top:var(--xpl-border-small) solid var(--xpl-border-default);grid-area:subnav}.xpl-application-shell__utility{border-left:var(--xpl-border-small) solid var(--xpl-border-default);grid-area:utility;position:sticky;top:0}.xpl-application-shell__content{background-color:var(--xpl-background-surface-subtlest);color:var(--xpl-text-default);border-left:var(--xpl-border-small) solid var(--xpl-border-default);border-top:var(--xpl-border-small) solid var(--xpl-border-default);grid-area:content;overflow-y:auto}.xpl-application-shell{display:grid}@media (max-width:1023px){.xpl-application-shell{grid-template:"nav utility"min-content"nav subnav"min-content"nav content"1fr/min-content 1fr;height:100vh}.xpl-application-shell__sidebar--open{grid-template-columns:min-content 100vw}.xpl-application-shell__subnav{border-top:0}.xpl-application-shell__subnav,.xpl-application-shell__content,.xpl-application-shell__utility{border-left:0}.xpl-application-shell{overflow:hidden}}@media (max-width:640px){.xpl-application-shell{grid-template-columns:min-content 100vw;height:-webkit-fill-available}.xpl-application-shell__nav{max-height:-webkit-fill-available}.xpl-application-shell__backdrop--open{grid-area:utility/subnav/content}}

package/build/components/avatar.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-avatar,a.xpl-avatar{border-radius:var(--xpl-border-radius-full);font-family:var(--xpl-font-family-default);font-size:var(--xpl-font-size-title-4);font-weight:var(--xpl-font-weight-semibold);vertical-align:middle;text-transform:uppercase;display:inline-block;position:relative}a.xpl-avatar{--tw-outline-style:none;outline-style:none;text-decoration-line:none}@media (forced-colors:active){a.xpl-avatar{outline-offset:2px;outline:2px solid #0000}}a.xpl-avatar{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out)}a.xpl-avatar:focus-visible,.xpl-avatar__with-text-link:focus-visible .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-focus);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}a.xpl-avatar.xpl-avatar--green:focus-visible,.xpl-avatar__with-text-link:focus-visible:has(.xpl-avatar--green) .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-positive)}a.xpl-avatar.xpl-avatar--yellow:focus-visible,.xpl-avatar__with-text-link:focus-visible:has(.xpl-avatar--yellow) .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-accent-highlight)}a.xpl-avatar.xpl-avatar--pink:focus-visible,.xpl-avatar__with-text-link:focus-visible:has(.xpl-avatar--pink) .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-accent-default)}a.xpl-avatar.xpl-avatar--primary:focus-visible,.xpl-avatar__with-text-link:focus-visible:has(.xpl-avatar--primary) .xpl-avatar__with-text-avatar{outline-color:var(--xpl-border-accent-brand)}a.xpl-avatar:after{content:"";border-radius:var(--xpl-border-radius-full);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out);background-color:#0000;position:absolute;inset:0}.xpl-avatar--with-text .xpl-avatar__with-text-avatar:after{content:"";border-radius:var(--xpl-border-radius-full);pointer-events:none;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.2s;--tw-ease:var(--ease-in-out);transition-duration:.2s;transition-timing-function:var(--ease-in-out);background-color:#0000;position:absolute;inset:0}a.xpl-avatar:hover:after,.xpl-avatar__with-text-link:hover:not(.xpl-avatar--disabled) .xpl-avatar__with-text-avatar:after{background-color:var(--xpl-background-surface-transparent-25)}.xpl-avatar--disabled{cursor:not-allowed}.xpl-avatar img,.xpl-avatar__placeholder{width:var(--xpl-size-250);height:var(--xpl-size-250);border-radius:var(--xpl-border-radius-full);font-size:var(--xpl-font-size-title-4);line-height:1.5;display:block}.xpl-avatar img{object-fit:cover}.xpl-avatar__placeholder{background-color:var(--xpl-background-brand-secondary);color:var(--xpl-text-inverse);justify-content:center;align-items:center;display:flex}.xpl-avatar--green .xpl-avatar__placeholder{background-color:var(--xpl-background-accent-positive);color:var(--xpl-text-inverse-on-light)}.xpl-avatar--yellow .xpl-avatar__placeholder{background-color:var(--xpl-background-accent-highlight);color:var(--xpl-text-inverse-on-light)}.xpl-avatar--pink .xpl-avatar__placeholder{background-color:var(--xpl-background-accent-pink);color:var(--xpl-text-inverse-on-light)}.xpl-avatar--primary .xpl-avatar__placeholder{background-color:var(--xpl-background-accent-brand)}.xpl-avatar--secondary .xpl-avatar__placeholder{background-color:var(--xpl-background-brand-secondary)}.xpl-avatar--sm img,.xpl-avatar--sm .xpl-avatar__placeholder{width:var(--xpl-size-150);height:var(--xpl-size-150);font-size:var(--xpl-font-size-caption);line-height:.875}.xpl-avatar--md img,.xpl-avatar--md .xpl-avatar__placeholder{width:var(--xpl-size-200);height:var(--xpl-size-200);font-size:var(--xpl-font-size-caption);line-height:.875}.xpl-avatar--profile img,.xpl-avatar--profile .xpl-avatar__placeholder{width:9rem;height:9rem;font-size:var(--xpl-font-size-title-1);line-height:2.25}.xpl-avatar--profile.xpl-avatar--sm img,.xpl-avatar--profile.xpl-avatar--sm .xpl-avatar__placeholder{width:var(--xpl-size-500);height:var(--xpl-size-500);font-size:var(--xpl-font-size-title-2);line-height:2}.xpl-avatar--profile>div .xpl-badge--dot-only{bottom:10%;right:10%}.xpl-avatar .xpl-badge--dot-only,.xpl-avatar--with-text .xpl-avatar__with-text-avatar .xpl-badge--dot-only{width:var(--xpl-size-0625);height:var(--xpl-size-0625);min-width:var(--xpl-size-0625);min-height:var(--xpl-size-0625);z-index:var(--xpl-z-index-100);padding:0;position:absolute;bottom:0;right:0}.xpl-avatar--md .xpl-badge--dot-only{width:var(--xpl-size-050);height:var(--xpl-size-050);min-width:var(--xpl-size-050);min-height:var(--xpl-size-050)}.xpl-avatar--sm .xpl-badge--dot-only{width:var(--xpl-size-0375);height:var(--xpl-size-0375);min-width:var(--xpl-size-0375);min-height:var(--xpl-size-0375)}.xpl-avatar--with-text{gap:var(--xpl-space-12);border-radius:var(--xpl-border-radius-default);align-items:center;width:100%;height:auto;display:inline-flex}.xpl-avatar--with-text .xpl-avatar__with-text-avatar{border-radius:var(--xpl-border-radius-full);flex-shrink:0;position:relative}.xpl-avatar--with-text .xpl-avatar__with-text-avatar img,.xpl-avatar--with-text .xpl-avatar__with-text-avatar .xpl-avatar__placeholder{width:var(--xpl-size-250);height:var(--xpl-size-250);min-width:var(--xpl-size-250);min-height:var(--xpl-size-250);font-size:var(--xpl-font-size-title-4);line-height:1.5}.xpl-avatar__with-text-link{--tw-outline-style:none;outline-style:none;text-decoration-line:none}@media (forced-colors:active){.xpl-avatar__with-text-link{outline-offset:2px;outline:2px solid #0000}}.xpl-avatar__with-text-content{gap:var(--xpl-space-2);text-transform:none;flex-direction:column;min-width:0;display:flex}.xpl-avatar__with-text-name{color:var(--xpl-text-strong);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.xpl-avatar__with-text-sub{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);text-overflow:ellipsis;white-space:nowrap;line-height:1.25;overflow:hidden}.xpl-avatar-group__wrap{margin-left:calc(-1 * var(--xpl-space-12));z-index:var(--xpl-z-index-100);position:relative}.xpl-avatar-group__wrap:first-child{z-index:var(--xpl-z-index-100)}.xpl-avatar-group__wrap:nth-child(2){z-index:var(--xpl-z-index-200)}.xpl-avatar-group__wrap:nth-child(3){z-index:var(--xpl-z-index-300)}.xpl-avatar-group__wrap:nth-child(4){z-index:var(--xpl-z-index-400)}.xpl-avatar-group__wrap:first-child{margin-left:0}.xpl-avatar-group__item{flex-shrink:0;display:inline-flex}.xpl-avatar-group__item img,.xpl-avatar-group__item .xpl-avatar__placeholder{box-shadow:0 0 0 var(--xpl-border-large) var(--xpl-background-surface-default)}.xpl-avatar-group__count{z-index:var(--xpl-z-index-500);min-width:var(--xpl-size-250);height:var(--xpl-size-250);margin-left:calc(-1 * var(--xpl-space-12));border-radius:var(--xpl-border-radius-full);background-color:var(--xpl-background-surface-subtle);color:var(--xpl-text-subdued);font-family:var(--xpl-font-family-default);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-semibold);box-shadow:0 0 0 var(--xpl-border-large) var(--xpl-background-surface-default);flex-shrink:0;justify-content:center;align-items:center;line-height:1.25;display:flex;position:relative}.xpl-avatar-group__count--sm{min-width:var(--xpl-size-150);height:var(--xpl-size-150);margin-left:calc(-1 * var(--xpl-space-8));font-size:var(--xpl-font-size-caption)}.xpl-avatar-group__count--md{min-width:var(--xpl-size-200);height:var(--xpl-size-200);margin-left:calc(-1 * var(--xpl-space-10));font-size:var(--xpl-font-size-caption)}.xpl-avatar-group--sm .xpl-avatar-group__wrap{margin-left:calc(-1 * var(--xpl-space-8))}.xpl-avatar-group--sm .xpl-avatar-group__wrap:first-child{margin-left:0}.xpl-avatar-group--sm img,.xpl-avatar-group--sm .xpl-avatar__placeholder{width:var(--xpl-size-150);height:var(--xpl-size-150);min-width:var(--xpl-size-150);min-height:var(--xpl-size-150)}.xpl-avatar-group--md .xpl-avatar-group__wrap{margin-left:calc(-1 * var(--xpl-space-10))}.xpl-avatar-group--md .xpl-avatar-group__wrap:first-child{margin-left:0}.xpl-avatar-group--md img,.xpl-avatar-group--md .xpl-avatar__placeholder{width:var(--xpl-size-200);height:var(--xpl-size-200);min-width:var(--xpl-size-200);min-height:var(--xpl-size-200)}.xpl-avatar-group{align-items:center;gap:var(--xpl-space-0);flex-wrap:nowrap;display:flex;overflow:visible}.xpl-avatar-group:not(:has(.xpl-avatar-group__wrap)){gap:var(--xpl-space-0);flex-wrap:nowrap;display:flex;overflow:hidden}.xpl-avatar-group:not(:has(.xpl-avatar-group__wrap))>img{box-shadow:0 0 0 var(--xpl-border-large) var(--xpl-background-surface-default);object-fit:cover;width:var(--xpl-size-200);height:var(--xpl-size-200);min-width:var(--xpl-size-200);min-height:var(--xpl-size-200);border-radius:3.40282e38px;flex-shrink:0;display:inline-block}.xpl-avatar-group--s:not(:has(.xpl-avatar-group__wrap))>img{width:var(--xpl-size-150);height:var(--xpl-size-150);min-width:var(--xpl-size-150);min-height:var(--xpl-size-150)}.xpl-avatar-group--l:not(:has(.xpl-avatar-group__wrap))>img{width:var(--xpl-size-250);height:var(--xpl-size-250);min-width:var(--xpl-size-250);min-height:var(--xpl-size-250)}.xpl-avatar-group:not(:has(.xpl-avatar-group__wrap))>img:not(:first-child){margin-left:calc(-1 * var(--xpl-space-8))}.xpl-avatar-group--s:not(:has(.xpl-avatar-group__wrap))>img:not(:first-child){margin-left:calc(-1 * var(--xpl-space-4))}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/build/components/backdrop.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-backdrop{background-color:var(--xpl-background-surface-backdrop)}.xpl-backdrop--fixed{position:fixed;inset:0}.xpl-backdrop--relative{position:relative}.xpl-backdrop{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}

package/build/components/badge.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */xpl-badge{vertical-align:middle;max-width:100%;display:inline-flex}.xpl-badge,button.xpl-badge{background-color:var(--xpl-background-badge-default);border-color:var(--xpl-border-badge-purple);border-style:solid;border-width:var(--xpl-border-small);color:var(--xpl-text-badge-default);font-family:var(--xpl-font-family-default);gap:var(--xpl-space-4);height:var(--xpl-size-150);padding:var(--xpl-space-2) var(--xpl-space-12);vertical-align:middle;justify-content:center;align-items:center;min-width:0;display:inline-flex}.xpl-badge--size-default:not(.xpl-badge--dot-only){font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);line-height:1.4286}.xpl-badge--size-small{height:var(--xpl-size-125);padding:var(--xpl-space-2) var(--xpl-space-8)}.xpl-badge--size-small:not(.xpl-badge--dot-only){font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);line-height:1.3333}.xpl-badge--shape-rounded{border-radius:var(--xpl-border-radius-full)}.xpl-badge--shape-boxy{border-radius:var(--xpl-border-radius-small)}.xpl-badge--dot-only{background-color:var(--xpl-icon-badge-default);border-color:var(--xpl-color-transparent-0);border-radius:var(--xpl-border-radius-full);color:var(--xpl-text-inverse);font-weight:var(--xpl-font-weight-bold);padding:var(--xpl-space-2) var(--xpl-space-4);vertical-align:middle;justify-content:center;align-items:center;min-width:.875rem;height:.875rem;font-size:.5rem;line-height:.5rem;display:inline-flex}.xpl-badge--dot-only-bordered{box-shadow:0 0 0 var(--xpl-space-2) var(--xpl-border-inverse)}.xpl-badge--dot:before{background-color:var(--xpl-icon-badge-default);border-radius:var(--xpl-border-radius-full);content:"";height:var(--xpl-size-050);width:var(--xpl-size-050);flex-shrink:0;display:inline-block}.xpl-badge--green{background-color:var(--xpl-background-badge-green);border-color:var(--xpl-border-badge-green);color:var(--xpl-text-badge-green)}.xpl-badge--green.xpl-badge--dot-only{color:var(--xpl-text-inverse);background-color:var(--xpl-icon-badge-green)}.xpl-badge--green:before{background-color:var(--xpl-icon-badge-green)}.xpl-badge--yellow{background-color:var(--xpl-background-badge-yellow);border-color:var(--xpl-border-badge-yellow);color:var(--xpl-text-badge-yellow)}.xpl-badge--yellow.xpl-badge--dot-only{color:var(--xpl-color-neutral-1100);background-color:var(--xpl-icon-badge-yellow)}.xpl-badge--yellow:before{background-color:var(--xpl-icon-badge-yellow)}.xpl-badge--gray{background-color:var(--xpl-background-badge-grey);border-color:var(--xpl-border-badge-grey);color:var(--xpl-text-badge-gray)}.xpl-badge--gray.xpl-badge--dot-only{color:var(--xpl-color-neutral-1100);background-color:var(--xpl-icon-badge-grey)}.xpl-badge--gray:before{background-color:var(--xpl-icon-badge-grey)}.xpl-badge--orange{background-color:var(--xpl-background-badge-orange);border-color:var(--xpl-border-badge-orange);color:var(--xpl-text-strong)}.xpl-badge--orange.xpl-badge--dot-only{color:var(--xpl-color-neutral-1100);background-color:var(--xpl-background-accent-brand)}.xpl-badge--orange:before{background-color:var(--xpl-background-accent-brand)}.xpl-badge--blue{background-color:var(--xpl-background-badge-blue);border-color:var(--xpl-border-badge-blue);color:var(--xpl-text-badge-blue)}.xpl-badge--blue.xpl-badge--dot-only{color:var(--xpl-text-inverse);background-color:var(--xpl-icon-badge-blue)}.xpl-badge--blue:before{background-color:var(--xpl-icon-badge-blue)}.xpl-badge--red{background-color:var(--xpl-background-badge-red);border-color:var(--xpl-border-badge-red);color:var(--xpl-text-badge-red)}.xpl-badge--red.xpl-badge--dot-only{color:var(--xpl-text-inverse);background-color:var(--xpl-icon-badge-red)}.xpl-badge--red:before{background-color:var(--xpl-icon-badge-red)}.xpl-badge__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}

package/build/components/banner.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-banner{--xpl-banner-border-color:var(--xpl-border-accent-information);background:var(--xpl-background-messaging-information);border-bottom-width:var(--xpl-border-small);border-color:var(--xpl-banner-border-color);border-top-width:var(--xpl-border-small);gap:var(--xpl-space-8);padding:var(--xpl-space-8) var(--xpl-space-32);min-height:var(--xpl-size-300);align-items:center;width:100%;display:flex}.xpl-banner__icon{color:var(--xpl-icon-default);flex-shrink:0;display:inline-flex}.xpl-banner__body{color:var(--xpl-text-default);gap:var(--xpl-space-8);flex-wrap:wrap;flex:auto;align-items:baseline;min-width:0;display:flex}.xpl-banner__heading,.xpl-banner__description{margin:0}.xpl-banner__heading{color:var(--xpl-text-strong,var(--xpl-text-default));font-weight:var(--xpl-font-weight-medium);line-height:1.4286;font-size:var(--xpl-font-size-title-5)}.xpl-banner__description{color:var(--xpl-text-default);font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);overflow-wrap:anywhere;flex:auto;min-width:0;line-height:1.4286}.xpl-banner__actions{gap:var(--xpl-space-8);flex-shrink:0;align-items:center;display:inline-flex}.xpl-banner__actions>xpl-button{display:inline-flex}.xpl-banner__dismiss{background:var(--xpl-background-surface-transparent-0);color:var(--xpl-icon-default);padding-left:var(--xpl-space-16);cursor:pointer;border-style:var(--tw-border-style);border-width:0;flex-shrink:0;justify-content:center;align-items:center;padding-right:0;display:inline-flex}.xpl-banner__dismiss:focus-visible{border-radius:var(--xpl-border-radius-small);outline-color:var(--xpl-border-accent-information);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-banner--truncate-desc .xpl-banner__body{flex-wrap:wrap;overflow:hidden}.xpl-banner--truncate-desc .xpl-banner__description{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.xpl-banner--section{border-color:var(--xpl-banner-border-color);border-radius:var(--xpl-border-radius-small);border-style:solid;border-width:var(--xpl-border-small);gap:var(--xpl-space-8);padding:var(--xpl-space-16);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.xpl-banner--section .xpl-banner__body{display:contents}.xpl-banner--section .xpl-banner__icon{grid-row-start:1;grid-column-start:1}.xpl-banner--section .xpl-banner__heading{flex:unset;grid-row-start:1;grid-column-start:2}.xpl-banner--section .xpl-banner__dismiss{grid-row-start:1;grid-column-start:3;margin-left:0;padding:0}.xpl-banner--section .xpl-banner__description{color:var(--xpl-text-default);font-size:var(--xpl-font-size-callout);overflow-wrap:anywhere;grid-row-start:2;grid-column-start:2;margin:0}.xpl-banner--section .xpl-banner__actions{margin-left:calc(-1 * var(--xpl-space-10));padding-top:var(--xpl-space-8);grid-row-start:3;grid-column-start:2;justify-content:flex-start}.xpl-banner--section.xpl-banner--truncate-desc .xpl-banner__description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.xpl-banner--section.xpl-banner--no-icon .xpl-banner__heading,.xpl-banner--section.xpl-banner--no-icon .xpl-banner__description,.xpl-banner--section.xpl-banner--no-icon .xpl-banner__actions{grid-column:1/3}.xpl-banner--error{--xpl-banner-border-color:var(--xpl-border-negative);background:var(--xpl-background-messaging-negative-bold)}.xpl-banner--error .xpl-banner__icon,.xpl-banner--error .xpl-banner__heading,.xpl-banner--error .xpl-banner__description,.xpl-banner--error .xpl-banner__body,.xpl-banner--error .xpl-banner__dismiss{color:var(--xpl-text-inverse-on-dark)}.xpl-banner--error .xpl-banner__dismiss:focus-visible{outline-color:var(--xpl-text-inverse-on-dark)}.xpl-banner--warning{--xpl-banner-border-color:var(--xpl-border-accent-warning);background:var(--xpl-background-messaging-warning)}.xpl-banner--warning .xpl-banner__icon{color:var(--xpl-icon-default)}.xpl-banner--warning .xpl-banner__dismiss:focus-visible{outline-color:var(--xpl-border-accent-warning)}.xpl-banner--positive{--xpl-banner-border-color:var(--xpl-border-positive);background:var(--xpl-background-messaging-positive)}.xpl-banner--positive .xpl-banner__dismiss:focus-visible{outline-color:var(--xpl-border-positive)}.xpl-banner--section.xpl-banner--error{background:var(--xpl-background-messaging-negative)}.xpl-banner--section.xpl-banner--error .xpl-banner__icon,.xpl-banner--section.xpl-banner--error .xpl-banner__heading,.xpl-banner--section.xpl-banner--error .xpl-banner__description,.xpl-banner--section.xpl-banner--error .xpl-banner__dismiss,.xpl-banner--section.xpl-banner--error .xpl-banner__body{color:var(--xpl-text-default)}.xpl-banner--section.xpl-banner--error .xpl-banner__dismiss:focus-visible{outline-color:var(--xpl-border-negative)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

package/build/components/breadcrumbs.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-breadcrumbs a{color:inherit;text-decoration:none}.xpl-breadcrumbs ol,.xpl-breadcrumbs ol span{color:var(--xpl-text-subdued)}.xpl-breadcrumbs ol span svg{height:9px;margin-top:calc(var(--spacing) * .5)}.xpl-breadcrumbs ol span{align-content:center;display:grid}.xpl-breadcrumbs ol .xpl-breadcrumb-item:hover{color:var(--xpl-text-link-hovered)}.xpl-breadcrumbs ol .xpl-breadcrumb-item a,.xpl-breadcrumbs ol .xpl-breadcrumb-item button,.xpl-breadcrumbs ol .xpl-breadcrumb-item span{padding-right:calc(var(--spacing) * 2)}.xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3){display:none}@media (min-width:48rem){.xpl-breadcrumbs ol .xpl-breadcrumb-item:nth-last-of-type(3){display:flex}}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child{color:var(--xpl-text-default)}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child:hover{color:var(--xpl-text-link-hovered)}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child span{display:none}.xpl-breadcrumbs ol .xpl-breadcrumb-item:last-child{pointer-events:none;cursor:default;text-decoration-line:none}.xpl-breadcrumbs ol .xpl-breadcrumb-item{align-content:center;display:flex}.xpl-breadcrumbs ol{font-size:var(--xpl-font-size-body);font-weight:var(--xpl-font-weight-normal);align-content:center;line-height:1.4286;display:flex}

package/build/components/button-row.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-button-row{border-top-width:var(--xpl-border-small);border-top-style:solid;border-top-color:var(--xpl-border-default);padding-top:var(--xpl-space-24);width:100%;display:block}.xpl-button-row-inner{justify-content:space-between;display:flex}.xpl-button-row xpl-button+xpl-button .xpl-button{margin-left:var(--xpl-space-16)}.xpl-button-row__right .xpl-button--secondary{display:none}.xpl-button-row__right{display:flex}@media screen and (max-width:640px){.xpl-button-row-inner{display:block}.xpl-button-row .xpl-button a,.xpl-button-row .xpl-button button{margin-bottom:var(--xpl-space-16);justify-content:center;width:100%}.xpl-button-row xpl-button+xpl-button .xpl-button{margin-left:var(--xpl-space-0)}.xpl-button-row__left .xpl-button--secondary{display:none}.xpl-button-row__right .xpl-button--secondary{display:block}.xpl-button-row__right{flex-direction:column-reverse}.xpl-button-row__right xpl-button:first-child .xpl-button{margin-bottom:var(--xpl-space-0)}}

package/build/components/button.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-button{height:var(--xpl-size-250);display:inline-flex}button.xpl-button,a.xpl-button,.xpl-button button,.xpl-button a{background-color:var(--xpl-background-action-primary-default);border-radius:var(--xpl-border-radius-button);color:var(--xpl-text-inverse);font-family:var(--xpl-font-family-default);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);align-content:center;align-items:center;gap:var(--xpl-space-6);height:var(--xpl-size-250);padding:var(--xpl-space-12) var(--xpl-space-16);white-space:nowrap;grid-auto-flow:column;justify-content:center;justify-items:center;text-decoration:none;display:inline-grid}button.xpl-button .xpl-button__icon,a.xpl-button .xpl-button__icon,.xpl-button button .xpl-button__icon,.xpl-button a .xpl-button__icon{justify-content:center;align-items:center;min-width:0;display:inline-flex}button.xpl-button .xpl-button__icon svg,button.xpl-button button>svg,a.xpl-button .xpl-button__icon svg,a.xpl-button button>svg,.xpl-button button .xpl-button__icon svg,.xpl-button button button>svg,.xpl-button a .xpl-button__icon svg,.xpl-button a button>svg,button.xpl-button svg,a.xpl-button svg,.xpl-button button svg,.xpl-button a svg{width:var(--xpl-size-125);height:var(--xpl-size-125)}button.xpl-button:hover,a.xpl-button:hover,.xpl-button button:hover,.xpl-button a:hover{background-color:var(--xpl-background-action-primary-hover)}button.xpl-button:active,a.xpl-button:active,.xpl-button button:active,.xpl-button a:active{background-color:var(--xpl-background-action-primary-active);outline-color:var(--xpl-border-active);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}button.xpl-button:focus-visible,a.xpl-button:focus-visible,.xpl-button button:focus-visible,.xpl-button a:focus-visible{background-color:var(--xpl-background-action-primary-focus);outline-color:var(--xpl-border-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}button.xpl-button:disabled,button.xpl-button:disabled:hover,button.xpl-button:disabled:focus-visible,button.xpl-button:disabled:active,a.xpl-button:disabled,a.xpl-button:disabled:hover,a.xpl-button:disabled:focus-visible,a.xpl-button:disabled:active,.xpl-button button:disabled,.xpl-button button:disabled:hover,.xpl-button button:disabled:focus-visible,.xpl-button button:disabled:active,.xpl-button a:disabled,.xpl-button a:disabled:hover,.xpl-button a:disabled:focus-visible,.xpl-button a:disabled:active{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled);box-shadow:none;cursor:not-allowed;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){button.xpl-button:disabled,button.xpl-button:disabled:hover,button.xpl-button:disabled:focus-visible,button.xpl-button:disabled:active,a.xpl-button:disabled,a.xpl-button:disabled:hover,a.xpl-button:disabled:focus-visible,a.xpl-button:disabled:active,.xpl-button button:disabled,.xpl-button button:disabled:hover,.xpl-button button:disabled:focus-visible,.xpl-button button:disabled:active,.xpl-button a:disabled,.xpl-button a:disabled:hover,.xpl-button a:disabled:focus-visible,.xpl-button a:disabled:active{outline-offset:2px;outline:2px solid #0000}}button.xpl-button,a.xpl-button,.xpl-button button,.xpl-button a{cursor:pointer;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}button.xpl-button--sm,a.xpl-button--sm,.xpl-button--sm button,.xpl-button--sm a,button.xpl-button--xs,a.xpl-button--xs,.xpl-button--xs button,.xpl-button--xs a{font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);line-height:1.3333;font-family:var(--xpl-font-family-default)}.xpl-button--sm{height:var(--xpl-size-200)}button.xpl-button--sm,a.xpl-button--sm,.xpl-button--sm button,.xpl-button--sm a{height:var(--xpl-size-200);min-width:var(--xpl-size-200);padding:var(--xpl-space-8) var(--xpl-space-12)}button.xpl-button--sm .xpl-button__icon svg,a.xpl-button--sm .xpl-button__icon svg,.xpl-button--sm button .xpl-button__icon svg,.xpl-button--sm a .xpl-button__icon svg,button.xpl-button--sm svg,a.xpl-button--sm svg,.xpl-button--sm button svg,.xpl-button--sm a svg{width:var(--xpl-size-100);height:var(--xpl-size-100)}.xpl-button--xs{height:var(--xpl-size-150)}button.xpl-button--xs,a.xpl-button--xs,.xpl-button--xs button,.xpl-button--xs a{height:var(--xpl-size-150);min-width:var(--xpl-size-150);padding:var(--xpl-space-4) var(--xpl-space-10)}button.xpl-button--xs .xpl-button__icon svg,a.xpl-button--xs .xpl-button__icon svg,.xpl-button--xs button .xpl-button__icon svg,.xpl-button--xs a .xpl-button__icon svg,button.xpl-button--xs svg,a.xpl-button--xs svg,.xpl-button--xs button svg,.xpl-button--xs a svg{width:var(--xpl-size-075);height:var(--xpl-size-075)}button.xpl-button--icon-only,a.xpl-button--icon-only,.xpl-button--icon-only button,.xpl-button--icon-only a{width:var(--xpl-size-250);justify-content:center;padding:0;display:flex}button.xpl-button--icon-only .xpl-button__icon svg,a.xpl-button--icon-only .xpl-button__icon svg,.xpl-button--icon-only button .xpl-button__icon svg,.xpl-button--icon-only a .xpl-button__icon svg,button.xpl-button--icon-only svg,a.xpl-button--icon-only svg,.xpl-button--icon-only button svg,.xpl-button--icon-only a svg{height:var(--xpl-size-125);width:var(--xpl-size-125)}button.xpl-button--icon-only.xpl-button--sm,a.xpl-button--icon-only.xpl-button--sm,.xpl-button--icon-only.xpl-button--sm a,.xpl-button--icon-only.xpl-button--sm span,.xpl-button--icon-only.xpl-button--sm button{height:var(--xpl-size-200);width:var(--xpl-size-200)}button.xpl-button--icon-only.xpl-button--sm svg,a.xpl-button--icon-only.xpl-button--sm svg,.xpl-button--icon-only.xpl-button--sm a svg,.xpl-button--icon-only.xpl-button--sm span svg,.xpl-button--icon-only.xpl-button--sm button svg{height:var(--xpl-size-100);width:var(--xpl-size-100)}button.xpl-button--icon-only.xpl-button--xs,a.xpl-button--icon-only.xpl-button--xs,.xpl-button--icon-only.xpl-button--xs a,.xpl-button--icon-only.xpl-button--xs button{height:var(--xpl-size-150);width:var(--xpl-size-150)}button.xpl-button--icon-only.xpl-button--xs svg,a.xpl-button--icon-only.xpl-button--xs svg,.xpl-button--icon-only.xpl-button--xs a svg,.xpl-button--icon-only.xpl-button--xs button svg{height:var(--xpl-size-075);width:var(--xpl-size-075)}a.xpl-button--secondary,button.xpl-button--secondary,.xpl-button--secondary a,.xpl-button--secondary button{box-sizing:border-box;border:var(--xpl-border-small) solid;background-color:var(--xpl-background-action-secondary-default);border-color:var(--xpl-border-strong);color:var(--xpl-text-default)}a.xpl-button--secondary:hover,button.xpl-button--secondary:hover,.xpl-button--secondary a:hover,.xpl-button--secondary button:hover{border-color:var(--xpl-border-hover);background-color:var(--xpl-background-action-secondary-hover)}a.xpl-button--secondary:active,button.xpl-button--secondary:active,.xpl-button--secondary a:active,.xpl-button--secondary button:active{border-color:var(--xpl-border-active);background-color:var(--xpl-background-action-secondary-active);outline-color:var(--xpl-border-active);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--secondary:focus-visible,button.xpl-button--secondary:focus-visible,.xpl-button--secondary a:focus-visible,.xpl-button--secondary button:focus-visible{background-color:var(--xpl-background-action-secondary-focus);outline-color:var(--xpl-border-focus);border-color:var(--xpl-border-strong);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--tertiary,button.xpl-button--tertiary,.xpl-button--tertiary a,.xpl-button--tertiary button,a.xpl-button--subtle,button.xpl-button--subtle,.xpl-button--subtle a,.xpl-button--subtle button{background-color:var(--xpl-background-action-tertiary-default);color:var(--xpl-text-default)}a.xpl-button--tertiary:hover,button.xpl-button--tertiary:hover,.xpl-button--tertiary a:hover,.xpl-button--tertiary button:hover,a.xpl-button--subtle:hover,button.xpl-button--subtle:hover,.xpl-button--subtle a:hover,.xpl-button--subtle button:hover{background-color:var(--xpl-background-action-tertiary-hover)}a.xpl-button--tertiary:active,button.xpl-button--tertiary:active,.xpl-button--tertiary a:active,.xpl-button--tertiary button:active,a.xpl-button--subtle:active,button.xpl-button--subtle:active,.xpl-button--subtle a:active,.xpl-button--subtle button:active{background-color:var(--xpl-background-action-tertiary-active);outline-color:var(--xpl-border-subtle);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--tertiary:focus-visible,button.xpl-button--tertiary:focus-visible,.xpl-button--tertiary a:focus-visible,.xpl-button--tertiary button:focus-visible,a.xpl-button--subtle:focus-visible,button.xpl-button--subtle:focus-visible,.xpl-button--subtle a:focus-visible,.xpl-button--subtle button:focus-visible{outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-subtle);background-color:var(--xpl-background-action-tertiary-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive,button.xpl-button--positive,.xpl-button--positive a,.xpl-button--positive button,a.xpl-button--success,button.xpl-button--success,.xpl-button--success a,.xpl-button--success button{background-color:var(--xpl-background-action-positive-default);color:var(--xpl-text-inverse)}a.xpl-button--positive:hover,button.xpl-button--positive:hover,.xpl-button--positive a:hover,.xpl-button--positive button:hover,a.xpl-button--success:hover,button.xpl-button--success:hover,.xpl-button--success a:hover,.xpl-button--success button:hover{background-color:var(--xpl-background-action-positive-hover)}a.xpl-button--positive:active,button.xpl-button--positive:active,.xpl-button--positive a:active,.xpl-button--positive button:active,a.xpl-button--success:active,button.xpl-button--success:active,.xpl-button--success a:active,.xpl-button--success button:active{background-color:var(--xpl-background-action-positive-active);outline-color:var(--xpl-border-positive);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive:focus-visible,button.xpl-button--positive:focus-visible,.xpl-button--positive a:focus-visible,.xpl-button--positive button:focus-visible,a.xpl-button--success:focus-visible,button.xpl-button--success:focus-visible,.xpl-button--success a:focus-visible,.xpl-button--success button:focus-visible{outline-color:var(--xpl-border-positive);background-color:var(--xpl-background-action-positive-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive.xpl-button--secondary,button.xpl-button--positive.xpl-button--secondary,.xpl-button--positive.xpl-button--secondary a,.xpl-button--positive.xpl-button--secondary button,a.xpl-button--success.xpl-button--secondary,button.xpl-button--success.xpl-button--secondary,.xpl-button--success.xpl-button--secondary a,.xpl-button--success.xpl-button--secondary button{background-color:var(--xpl-background-action-secondary-default);color:var(--xpl-text-positive)}a.xpl-button--positive.xpl-button--secondary:hover,button.xpl-button--positive.xpl-button--secondary:hover,.xpl-button--positive.xpl-button--secondary a:hover,.xpl-button--positive.xpl-button--secondary button:hover,a.xpl-button--success.xpl-button--secondary:hover,button.xpl-button--success.xpl-button--secondary:hover,.xpl-button--success.xpl-button--secondary a:hover,.xpl-button--success.xpl-button--secondary button:hover{background-color:var(--xpl-background-action-secondary-hover);border-color:var(--xpl-border-positive)}a.xpl-button--positive.xpl-button--secondary:active,button.xpl-button--positive.xpl-button--secondary:active,.xpl-button--positive.xpl-button--secondary a:active,.xpl-button--positive.xpl-button--secondary button:active,a.xpl-button--success.xpl-button--secondary:active,button.xpl-button--success.xpl-button--secondary:active,.xpl-button--success.xpl-button--secondary a:active,.xpl-button--success.xpl-button--secondary button:active{background-color:var(--xpl-background-action-secondary-active);border-color:var(--xpl-border-positive);outline-color:var(--xpl-border-positive);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--positive.xpl-button--secondary:focus-visible,button.xpl-button--positive.xpl-button--secondary:focus-visible,.xpl-button--positive.xpl-button--secondary a:focus-visible,.xpl-button--positive.xpl-button--secondary button:focus-visible,a.xpl-button--success.xpl-button--secondary:focus-visible,button.xpl-button--success.xpl-button--secondary:focus-visible,.xpl-button--success.xpl-button--secondary a:focus-visible,.xpl-button--success.xpl-button--secondary button:focus-visible{background-color:var(--xpl-background-action-secondary-focus);outline-color:var(--xpl-border-positive);border-color:var(--xpl-border-strong);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--positive.xpl-button--secondary:disabled,a.xpl-button--positive.xpl-button--secondary:disabled:hover,button.xpl-button--positive.xpl-button--secondary:disabled,button.xpl-button--positive.xpl-button--secondary:disabled:hover,.xpl-button--positive.xpl-button--secondary a:disabled,.xpl-button--positive.xpl-button--secondary a:disabled:hover,.xpl-button--positive.xpl-button--secondary button:disabled,.xpl-button--positive.xpl-button--secondary button:disabled:hover,a.xpl-button--success.xpl-button--secondary:disabled,a.xpl-button--success.xpl-button--secondary:disabled:hover,button.xpl-button--success.xpl-button--secondary:disabled,button.xpl-button--success.xpl-button--secondary:disabled:hover,.xpl-button--success.xpl-button--secondary a:disabled,.xpl-button--success.xpl-button--secondary a:disabled:hover,.xpl-button--success.xpl-button--secondary button:disabled,.xpl-button--success.xpl-button--secondary button:disabled:hover{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled)}a.xpl-button--positive.xpl-button--tertiary,button.xpl-button--positive.xpl-button--tertiary,.xpl-button--positive.xpl-button--tertiary a,.xpl-button--positive.xpl-button--tertiary button,a.xpl-button--positive.xpl-button--subtle,button.xpl-button--positive.xpl-button--subtle,.xpl-button--positive.xpl-button--subtle a,.xpl-button--positive.xpl-button--subtle button,a.xpl-button--success.xpl-button--tertiary,button.xpl-button--success.xpl-button--tertiary,.xpl-button--success.xpl-button--tertiary a,.xpl-button--success.xpl-button--tertiary button,a.xpl-button--success.xpl-button--subtle,button.xpl-button--success.xpl-button--subtle,.xpl-button--success.xpl-button--subtle a,.xpl-button--success.xpl-button--subtle button{background-color:var(--xpl-background-action-tertiary-default);color:var(--xpl-text-positive)}a.xpl-button--positive.xpl-button--tertiary:hover,button.xpl-button--positive.xpl-button--tertiary:hover,.xpl-button--positive.xpl-button--tertiary a:hover,.xpl-button--positive.xpl-button--tertiary button:hover,a.xpl-button--positive.xpl-button--subtle:hover,button.xpl-button--positive.xpl-button--subtle:hover,.xpl-button--positive.xpl-button--subtle a:hover,.xpl-button--positive.xpl-button--subtle button:hover,a.xpl-button--success.xpl-button--tertiary:hover,button.xpl-button--success.xpl-button--tertiary:hover,.xpl-button--success.xpl-button--tertiary a:hover,.xpl-button--success.xpl-button--tertiary button:hover,a.xpl-button--success.xpl-button--subtle:hover,button.xpl-button--success.xpl-button--subtle:hover,.xpl-button--success.xpl-button--subtle a:hover,.xpl-button--success.xpl-button--subtle button:hover{background-color:var(--xpl-background-action-tertiary-hover)}a.xpl-button--positive.xpl-button--tertiary:active,button.xpl-button--positive.xpl-button--tertiary:active,.xpl-button--positive.xpl-button--tertiary a:active,.xpl-button--positive.xpl-button--tertiary button:active,a.xpl-button--positive.xpl-button--subtle:active,button.xpl-button--positive.xpl-button--subtle:active,.xpl-button--positive.xpl-button--subtle a:active,.xpl-button--positive.xpl-button--subtle button:active,a.xpl-button--success.xpl-button--tertiary:active,button.xpl-button--success.xpl-button--tertiary:active,.xpl-button--success.xpl-button--tertiary a:active,.xpl-button--success.xpl-button--tertiary button:active,a.xpl-button--success.xpl-button--subtle:active,button.xpl-button--success.xpl-button--subtle:active,.xpl-button--success.xpl-button--subtle a:active,.xpl-button--success.xpl-button--subtle button:active{background-color:var(--xpl-background-action-tertiary-active);outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-inverse);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive.xpl-button--tertiary:focus-visible,button.xpl-button--positive.xpl-button--tertiary:focus-visible,.xpl-button--positive.xpl-button--tertiary a:focus-visible,.xpl-button--positive.xpl-button--tertiary button:focus-visible,a.xpl-button--positive.xpl-button--subtle:focus-visible,button.xpl-button--positive.xpl-button--subtle:focus-visible,.xpl-button--positive.xpl-button--subtle a:focus-visible,.xpl-button--positive.xpl-button--subtle button:focus-visible,a.xpl-button--success.xpl-button--tertiary:focus-visible,button.xpl-button--success.xpl-button--tertiary:focus-visible,.xpl-button--success.xpl-button--tertiary a:focus-visible,.xpl-button--success.xpl-button--tertiary button:focus-visible,a.xpl-button--success.xpl-button--subtle:focus-visible,button.xpl-button--success.xpl-button--subtle:focus-visible,.xpl-button--success.xpl-button--subtle a:focus-visible,.xpl-button--success.xpl-button--subtle button:focus-visible{outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-inverse);background-color:var(--xpl-background-action-tertiary-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--positive.xpl-button--tertiary:disabled,a.xpl-button--positive.xpl-button--tertiary:disabled:hover,button.xpl-button--positive.xpl-button--tertiary:disabled,button.xpl-button--positive.xpl-button--tertiary:disabled:hover,.xpl-button--positive.xpl-button--tertiary a:disabled,.xpl-button--positive.xpl-button--tertiary a:disabled:hover,.xpl-button--positive.xpl-button--tertiary button:disabled,.xpl-button--positive.xpl-button--tertiary button:disabled:hover,a.xpl-button--positive.xpl-button--subtle:disabled,a.xpl-button--positive.xpl-button--subtle:disabled:hover,button.xpl-button--positive.xpl-button--subtle:disabled,button.xpl-button--positive.xpl-button--subtle:disabled:hover,.xpl-button--positive.xpl-button--subtle a:disabled,.xpl-button--positive.xpl-button--subtle a:disabled:hover,.xpl-button--positive.xpl-button--subtle button:disabled,.xpl-button--positive.xpl-button--subtle button:disabled:hover,a.xpl-button--success.xpl-button--tertiary:disabled,a.xpl-button--success.xpl-button--tertiary:disabled:hover,button.xpl-button--success.xpl-button--tertiary:disabled,button.xpl-button--success.xpl-button--tertiary:disabled:hover,.xpl-button--success.xpl-button--tertiary a:disabled,.xpl-button--success.xpl-button--tertiary a:disabled:hover,.xpl-button--success.xpl-button--tertiary button:disabled,.xpl-button--success.xpl-button--tertiary button:disabled:hover,a.xpl-button--success.xpl-button--subtle:disabled,a.xpl-button--success.xpl-button--subtle:disabled:hover,button.xpl-button--success.xpl-button--subtle:disabled,button.xpl-button--success.xpl-button--subtle:disabled:hover,.xpl-button--success.xpl-button--subtle a:disabled,.xpl-button--success.xpl-button--subtle a:disabled:hover,.xpl-button--success.xpl-button--subtle button:disabled,.xpl-button--success.xpl-button--subtle button:disabled:hover{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled)}a.xpl-button--negative,button.xpl-button--negative,.xpl-button--negative a,.xpl-button--negative button,a.xpl-button--warning,button.xpl-button--warning,.xpl-button--warning a,.xpl-button--warning button{background-color:var(--xpl-background-action-negative-default);color:var(--xpl-text-inverse)}a.xpl-button--negative:hover,button.xpl-button--negative:hover,.xpl-button--negative a:hover,.xpl-button--negative button:hover,a.xpl-button--warning:hover,button.xpl-button--warning:hover,.xpl-button--warning a:hover,.xpl-button--warning button:hover{background-color:var(--xpl-background-action-negative-hover)}a.xpl-button--negative:active,button.xpl-button--negative:active,.xpl-button--negative a:active,.xpl-button--negative button:active,a.xpl-button--warning:active,button.xpl-button--warning:active,.xpl-button--warning a:active,.xpl-button--warning button:active{background-color:var(--xpl-background-action-negative-active);outline-color:var(--xpl-border-negative);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--negative:focus-visible,button.xpl-button--negative:focus-visible,.xpl-button--negative a:focus-visible,.xpl-button--negative button:focus-visible,a.xpl-button--warning:focus-visible,button.xpl-button--warning:focus-visible,.xpl-button--warning a:focus-visible,.xpl-button--warning button:focus-visible{outline-color:var(--xpl-border-negative);background-color:var(--xpl-background-action-negative-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--negative.xpl-button--secondary,button.xpl-button--negative.xpl-button--secondary,.xpl-button--negative.xpl-button--secondary a,.xpl-button--negative.xpl-button--secondary button,a.xpl-button--warning.xpl-button--secondary,button.xpl-button--warning.xpl-button--secondary,.xpl-button--warning.xpl-button--secondary a,.xpl-button--warning.xpl-button--secondary button{background-color:var(--xpl-background-action-secondary-default);color:var(--xpl-text-negative)}a.xpl-button--negative.xpl-button--secondary:hover,button.xpl-button--negative.xpl-button--secondary:hover,.xpl-button--negative.xpl-button--secondary a:hover,.xpl-button--negative.xpl-button--secondary button:hover,a.xpl-button--warning.xpl-button--secondary:hover,button.xpl-button--warning.xpl-button--secondary:hover,.xpl-button--warning.xpl-button--secondary a:hover,.xpl-button--warning.xpl-button--secondary button:hover{background-color:var(--xpl-background-action-secondary-hover);border-color:var(--xpl-border-negative)}a.xpl-button--negative.xpl-button--secondary:active,button.xpl-button--negative.xpl-button--secondary:active,.xpl-button--negative.xpl-button--secondary a:active,.xpl-button--negative.xpl-button--secondary button:active,a.xpl-button--warning.xpl-button--secondary:active,button.xpl-button--warning.xpl-button--secondary:active,.xpl-button--warning.xpl-button--secondary a:active,.xpl-button--warning.xpl-button--secondary button:active{background-color:var(--xpl-background-action-secondary-active);border-color:var(--xpl-border-negative);outline-color:var(--xpl-border-negative);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--negative.xpl-button--secondary:focus-visible,button.xpl-button--negative.xpl-button--secondary:focus-visible,.xpl-button--negative.xpl-button--secondary a:focus-visible,.xpl-button--negative.xpl-button--secondary button:focus-visible,a.xpl-button--warning.xpl-button--secondary:focus-visible,button.xpl-button--warning.xpl-button--secondary:focus-visible,.xpl-button--warning.xpl-button--secondary a:focus-visible,.xpl-button--warning.xpl-button--secondary button:focus-visible{outline-color:var(--xpl-border-negative);background-color:var(--xpl-background-action-secondary-focus);border-color:var(--xpl-border-strong);outline-style:var(--tw-outline-style);outline-offset:calc(var(--xpl-border-small) + var(--xpl-border-large));outline-width:2px}a.xpl-button--negative.xpl-button--secondary:disabled,a.xpl-button--negative.xpl-button--secondary:disabled:hover,button.xpl-button--negative.xpl-button--secondary:disabled,button.xpl-button--negative.xpl-button--secondary:disabled:hover,.xpl-button--negative.xpl-button--secondary a:disabled,.xpl-button--negative.xpl-button--secondary a:disabled:hover,.xpl-button--negative.xpl-button--secondary button:disabled,.xpl-button--negative.xpl-button--secondary button:disabled:hover,a.xpl-button--warning.xpl-button--secondary:disabled,a.xpl-button--warning.xpl-button--secondary:disabled:hover,button.xpl-button--warning.xpl-button--secondary:disabled,button.xpl-button--warning.xpl-button--secondary:disabled:hover,.xpl-button--warning.xpl-button--secondary a:disabled,.xpl-button--warning.xpl-button--secondary a:disabled:hover,.xpl-button--warning.xpl-button--secondary button:disabled,.xpl-button--warning.xpl-button--secondary button:disabled:hover{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled)}a.xpl-button--negative.xpl-button--tertiary,button.xpl-button--negative.xpl-button--tertiary,.xpl-button--negative.xpl-button--tertiary a,.xpl-button--negative.xpl-button--tertiary button,a.xpl-button--negative.xpl-button--subtle,button.xpl-button--negative.xpl-button--subtle,.xpl-button--negative.xpl-button--subtle a,.xpl-button--negative.xpl-button--subtle button,a.xpl-button--warning.xpl-button--tertiary,button.xpl-button--warning.xpl-button--tertiary,.xpl-button--warning.xpl-button--tertiary a,.xpl-button--warning.xpl-button--tertiary button,a.xpl-button--warning.xpl-button--subtle,button.xpl-button--warning.xpl-button--subtle,.xpl-button--warning.xpl-button--subtle a,.xpl-button--warning.xpl-button--subtle button{background-color:var(--xpl-background-action-tertiary-default);color:var(--xpl-text-negative)}a.xpl-button--negative.xpl-button--tertiary:hover,button.xpl-button--negative.xpl-button--tertiary:hover,.xpl-button--negative.xpl-button--tertiary a:hover,.xpl-button--negative.xpl-button--tertiary button:hover,a.xpl-button--negative.xpl-button--subtle:hover,button.xpl-button--negative.xpl-button--subtle:hover,.xpl-button--negative.xpl-button--subtle a:hover,.xpl-button--negative.xpl-button--subtle button:hover,a.xpl-button--warning.xpl-button--tertiary:hover,button.xpl-button--warning.xpl-button--tertiary:hover,.xpl-button--warning.xpl-button--tertiary a:hover,.xpl-button--warning.xpl-button--tertiary button:hover,a.xpl-button--warning.xpl-button--subtle:hover,button.xpl-button--warning.xpl-button--subtle:hover,.xpl-button--warning.xpl-button--subtle a:hover,.xpl-button--warning.xpl-button--subtle button:hover{background-color:var(--xpl-background-action-tertiary-hover)}a.xpl-button--negative.xpl-button--tertiary:active,button.xpl-button--negative.xpl-button--tertiary:active,.xpl-button--negative.xpl-button--tertiary a:active,.xpl-button--negative.xpl-button--tertiary button:active,a.xpl-button--negative.xpl-button--subtle:active,button.xpl-button--negative.xpl-button--subtle:active,.xpl-button--negative.xpl-button--subtle a:active,.xpl-button--negative.xpl-button--subtle button:active,a.xpl-button--warning.xpl-button--tertiary:active,button.xpl-button--warning.xpl-button--tertiary:active,.xpl-button--warning.xpl-button--tertiary a:active,.xpl-button--warning.xpl-button--tertiary button:active,a.xpl-button--warning.xpl-button--subtle:active,button.xpl-button--warning.xpl-button--subtle:active,.xpl-button--warning.xpl-button--subtle a:active,.xpl-button--warning.xpl-button--subtle button:active{background-color:var(--xpl-background-action-tertiary-active);outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-inverse);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--negative.xpl-button--tertiary:focus-visible,button.xpl-button--negative.xpl-button--tertiary:focus-visible,.xpl-button--negative.xpl-button--tertiary a:focus-visible,.xpl-button--negative.xpl-button--tertiary button:focus-visible,a.xpl-button--negative.xpl-button--subtle:focus-visible,button.xpl-button--negative.xpl-button--subtle:focus-visible,.xpl-button--negative.xpl-button--subtle a:focus-visible,.xpl-button--negative.xpl-button--subtle button:focus-visible,a.xpl-button--warning.xpl-button--tertiary:focus-visible,button.xpl-button--warning.xpl-button--tertiary:focus-visible,.xpl-button--warning.xpl-button--tertiary a:focus-visible,.xpl-button--warning.xpl-button--tertiary button:focus-visible,a.xpl-button--warning.xpl-button--subtle:focus-visible,button.xpl-button--warning.xpl-button--subtle:focus-visible,.xpl-button--warning.xpl-button--subtle a:focus-visible,.xpl-button--warning.xpl-button--subtle button:focus-visible{outline-color:var(--xpl-border-subtle);border-color:var(--xpl-border-inverse);background-color:var(--xpl-background-action-tertiary-focus);outline-style:var(--tw-outline-style);outline-offset:var(--xpl-border-large);outline-width:2px}a.xpl-button--negative.xpl-button--tertiary:disabled,a.xpl-button--negative.xpl-button--tertiary:disabled:hover,button.xpl-button--negative.xpl-button--tertiary:disabled,button.xpl-button--negative.xpl-button--tertiary:disabled:hover,.xpl-button--negative.xpl-button--tertiary a:disabled,.xpl-button--negative.xpl-button--tertiary a:disabled:hover,.xpl-button--negative.xpl-button--tertiary button:disabled,.xpl-button--negative.xpl-button--tertiary button:disabled:hover,a.xpl-button--negative.xpl-button--subtle:disabled,a.xpl-button--negative.xpl-button--subtle:disabled:hover,button.xpl-button--negative.xpl-button--subtle:disabled,button.xpl-button--negative.xpl-button--subtle:disabled:hover,.xpl-button--negative.xpl-button--subtle a:disabled,.xpl-button--negative.xpl-button--subtle a:disabled:hover,.xpl-button--negative.xpl-button--subtle button:disabled,.xpl-button--negative.xpl-button--subtle button:disabled:hover,a.xpl-button--warning.xpl-button--tertiary:disabled,a.xpl-button--warning.xpl-button--tertiary:disabled:hover,button.xpl-button--warning.xpl-button--tertiary:disabled,button.xpl-button--warning.xpl-button--tertiary:disabled:hover,.xpl-button--warning.xpl-button--tertiary a:disabled,.xpl-button--warning.xpl-button--tertiary a:disabled:hover,.xpl-button--warning.xpl-button--tertiary button:disabled,.xpl-button--warning.xpl-button--tertiary button:disabled:hover,a.xpl-button--warning.xpl-button--subtle:disabled,a.xpl-button--warning.xpl-button--subtle:disabled:hover,button.xpl-button--warning.xpl-button--subtle:disabled,button.xpl-button--warning.xpl-button--subtle:disabled:hover,.xpl-button--warning.xpl-button--subtle a:disabled,.xpl-button--warning.xpl-button--subtle a:disabled:hover,.xpl-button--warning.xpl-button--subtle button:disabled,.xpl-button--warning.xpl-button--subtle button:disabled:hover{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled)}button.xpl-button__icon-position--end .xpl-button__icon,a.xpl-button__icon-position--end .xpl-button__icon,.xpl-button__icon-position--end button .xpl-button__icon,.xpl-button__icon-position--end a .xpl-button__icon{order:2}a.xpl-button--disabled,button.xpl-button--disabled,.xpl-button--disabled a,.xpl-button--disabled a:hover,.xpl-button--disabled a:focus-visible,.xpl-button--disabled a:active,a.xpl-button--link-disabled,button.xpl-button--link-disabled,.xpl-button--link-disabled a,.xpl-button--link-disabled a:hover,.xpl-button--link-disabled a:focus-visible,.xpl-button--link-disabled a:active,a.xpl-button--disabled.xpl-button--positive,button.xpl-button--disabled.xpl-button--positive,.xpl-button--disabled.xpl-button--positive a,.xpl-button--disabled.xpl-button--positive a:hover,.xpl-button--disabled.xpl-button--positive a:focus-visible,.xpl-button--disabled.xpl-button--positive a:active,a.xpl-button--disabled.xpl-button--success,button.xpl-button--disabled.xpl-button--success,.xpl-button--disabled.xpl-button--success a,.xpl-button--disabled.xpl-button--success a:hover,.xpl-button--disabled.xpl-button--success a:focus-visible,.xpl-button--disabled.xpl-button--success a:active,a.xpl-button--disabled.xpl-button--warning,button.xpl-button--disabled.xpl-button--warning,.xpl-button--disabled.xpl-button--warning a,.xpl-button--disabled.xpl-button--warning a:hover,.xpl-button--disabled.xpl-button--warning a:focus-visible,.xpl-button--disabled.xpl-button--warning a:active,a.xpl-button--disabled.xpl-button--negative,button.xpl-button--disabled.xpl-button--negative,.xpl-button--disabled.xpl-button--negative a,.xpl-button--disabled.xpl-button--negative a:hover,.xpl-button--disabled.xpl-button--negative a:focus-visible,.xpl-button--disabled.xpl-button--negative a:active,a.xpl-button--disabled.xpl-button--neutral,button.xpl-button--disabled.xpl-button--neutral,.xpl-button--disabled.xpl-button--neutral a,.xpl-button--disabled.xpl-button--neutral a:hover,.xpl-button--disabled.xpl-button--neutral a:focus-visible,.xpl-button--disabled.xpl-button--neutral a:active{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-background-action-disabled);color:var(--xpl-text-disabled);box-shadow:none;cursor:not-allowed;border-style:var(--tw-border-style);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);border-width:0}.xpl-button--full-width{width:100%;display:flex}a.xpl-button--full-width,button.xpl-button--full-width,.xpl-button--full-width a,.xpl-button--full-width button{width:100%}button.xpl-button--loading,a.xpl-button--loading,.xpl-button--loading button,.xpl-button--loading a{pointer-events:none;cursor:wait;grid-auto-flow:column;justify-content:center;align-items:center;display:inline-grid;position:relative;overflow:hidden}.xpl-button--loading .xpl-button__icon,.xpl-button--loading button>:not(.xpl-button__loading-overlay){pointer-events:none;visibility:hidden;opacity:0}.xpl-button--loading .xpl-button__loading-overlay{z-index:var(--xpl-z-index-100);background:inherit;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}button.xpl-button--loading,.xpl-button--loading button,button.xpl-button--loading.xpl-button--tertiary,.xpl-button--loading.xpl-button--tertiary button,button.xpl-button--loading.xpl-button--subtle,.xpl-button--loading.xpl-button--subtle button,button.xpl-button--loading.xpl-button--secondary,.xpl-button--loading.xpl-button--secondary button,button.xpl-button--loading.xpl-button--primary,.xpl-button--loading.xpl-button--primary button{color:#0000}.xpl-button--loading.xpl-button--tertiary .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--secondary .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--primary .xpl-button__loading-spinner{color:var(--xpl-text-inverse)}.xpl-button--loading.xpl-button--secondary.xpl-button--neutral .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--neutral .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--neutral .xpl-button__loading-spinner{color:var(--xpl-text-default)}.xpl-button--loading.xpl-button--secondary.xpl-button--positive .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--secondary.xpl-button--success .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--positive .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--success .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--positive .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--success .xpl-button__loading-spinner{color:var(--xpl-text-positive)}.xpl-button--loading.xpl-button--secondary.xpl-button--negative .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--secondary.xpl-button--warning .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--negative .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--tertiary.xpl-button--warning .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--negative .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--subtle.xpl-button--warning .xpl-button__loading-spinner{color:var(--xpl-text-negative)}.xpl-button--loading.xpl-button--disabled .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--disabled.xpl-button--secondary .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--disabled.xpl-button--tertiary .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--disabled.xpl-button--subtle .xpl-button__loading-spinner{color:var(--xpl-icon-disabled)}.xpl-button--loading .xpl-button__loading-spinner{width:var(--xpl-size-1125);height:var(--xpl-size-1125);color:var(--xpl-text-inverse);animation:var(--animate-spin);justify-content:center;align-items:center;display:flex}.xpl-button--loading.xpl-button .xpl-button__loading-spinner xpl-icon{width:var(--xpl-size-1125);height:var(--xpl-size-1125);color:currentColor;opacity:1;visibility:visible}.xpl-button--loading.xpl-button .xpl-button__loading-spinner svg{width:100%;height:100%}.xpl-button--loading.xpl-button--sm .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--sm.xpl-button .xpl-button__loading-spinner xpl-icon,.xpl-button--loading.xpl-button--xs .xpl-button__loading-spinner,.xpl-button--loading.xpl-button--xs.xpl-button .xpl-button__loading-spinner xpl-icon{width:var(--xpl-size-075);height:var(--xpl-size-075)}.xpl-button--loading.xpl-button--icon-only.xpl-button--sm .xpl-button__loading-spinner{width:var(--xpl-size-075);height:var(--xpl-size-075);min-width:var(--xpl-size-075);min-height:var(--xpl-size-075);overflow:hidden}.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner xpl-icon{width:var(--xpl-size-075);height:var(--xpl-size-075);min-width:var(--xpl-size-075);min-height:var(--xpl-size-075)}.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner xpl-icon,.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner figure,.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner span,.xpl-button--loading.xpl-button--icon-only.xpl-button--sm.xpl-button .xpl-button__loading-spinner svg{max-width:var(--xpl-size-075);max-height:var(--xpl-size-075)}.xpl-button--loading{pointer-events:none;cursor:wait}@media (hover:hover){.xpl-button--loading:hover{cursor:wait}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}

package/build/components/calendar.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-calendar .flatpickr-calendar{box-shadow:none;border:none}.xpl-calendar-input{display:none}

package/build/components/checkbox-radio.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-checkbox,.xpl-radio{border-color:var(--xpl-border-strong);border-width:var(--xpl-border-small);height:var(--xpl-size-100);min-height:var(--xpl-size-100);min-width:var(--xpl-size-100);width:var(--xpl-size-100);cursor:pointer;appearance:none;flex-shrink:0;position:relative;top:2px}.xpl-checkbox-radio-container{margin-bottom:calc(var(--spacing) * 6);display:flex}.xpl-checkbox-radio-container input+label{padding-left:var(--xpl-space-12);padding-right:var(--xpl-space-12);cursor:pointer;vertical-align:middle}.xpl-checkbox-radio-container.styled{border-color:var(--xpl-border-default);border-radius:var(--xpl-border-radius-small);border-width:var(--xpl-border-small);position:relative}.xpl-checkbox-radio-container.styled:not(.disabled):hover,.xpl-checkbox-radio-container.styled:not(.disabled):has(:focus-visible){border-color:var(--xpl-border-hover)}.xpl-checkbox-radio-container.styled input{left:var(--xpl-space-16);margin-bottom:var(--xpl-space-16);margin-top:var(--xpl-space-16);position:absolute}.xpl-checkbox-radio-container.styled label{background-color:var(--xpl-background-surface-default);border-radius:var(--xpl-border-radius-small);padding-bottom:var(--xpl-space-16);padding-left:calc(var(--xpl-space-16) + var(--xpl-size-100) + var(--xpl-space-12));padding-right:var(--xpl-space-12);padding-top:var(--xpl-space-16);width:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:block}.xpl-checkbox-radio-container.styled input:checked+label,.xpl-checkbox-radio-container.styled .xpl-checkbox:indeterminate+label{background-color:var(--xpl-background-surface-information)}.xpl-checkbox-radio-container.styled .xpl-checkbox:disabled+label,.xpl-checkbox-radio-container.styled .xpl-radio:disabled+label,.xpl-checkbox-radio-container.styled .xpl-checkbox:disabled:indeterminate+label{background-color:var(--xpl-background-action-disabled)}.xpl-checkbox{background-color:var(--xpl-background-surface-default);border-radius:var(--xpl-border-radius-small);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.xpl-checkbox:hover,.xpl-checkbox:checked,.xpl-checkbox:indeterminate{border-color:var(--xpl-border-hover)}.xpl-checkbox:checked,.xpl-checkbox:indeterminate{background-color:var(--xpl-background-action-primary-default)}.xpl-checkbox:focus-visible{outline-color:var(--xpl-border-focus);outline-style:solid;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-checkbox:disabled{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-border-default);cursor:not-allowed}.xpl-checkbox:disabled:checked,.xpl-checkbox:disabled:indeterminate{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-border-default)}.xpl-checkbox:after{content:"";height:var(--xpl-size-100);width:var(--xpl-size-100);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));display:block}.xpl-checkbox:indeterminate:after,.xpl-checkbox:checked:after{background-color:var(--xpl-text-inverse);opacity:1;-webkit-mask-position:calc(50% - 1px) calc(50% - 1px);mask-position:calc(50% - 1px) calc(50% - 1px);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.xpl-checkbox:indeterminate:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L10 2.5L10 4.5L0 4.5Z' fill='white'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.5L10 2.5L10 4.5L0 4.5Z' fill='white'/%3E%3C/svg%3E%0A")}.xpl-checkbox:checked:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37866 7.6145C4.57397 7.80981 4.90601 7.80981 5.10132 7.6145L10.8435 1.87231C11.0388 1.677 11.0388 1.34497 10.8435 1.14966L10.1404 0.446533C9.94507 0.251221 9.63257 0.251221 9.43726 0.446533L4.74976 5.13403L2.54272 2.94653C2.34741 2.75122 2.03491 2.75122 1.8396 2.94653L1.13647 3.64966C0.941162 3.84497 0.941162 4.177 1.13647 4.37231L4.37866 7.6145Z' fill='white'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.37866 7.6145C4.57397 7.80981 4.90601 7.80981 5.10132 7.6145L10.8435 1.87231C11.0388 1.677 11.0388 1.34497 10.8435 1.14966L10.1404 0.446533C9.94507 0.251221 9.63257 0.251221 9.43726 0.446533L4.74976 5.13403L2.54272 2.94653C2.34741 2.75122 2.03491 2.75122 1.8396 2.94653L1.13647 3.64966C0.941162 3.84497 0.941162 4.177 1.13647 4.37231L4.37866 7.6145Z' fill='white'/%3E%3C/svg%3E%0A")}.xpl-checkbox:disabled:checked:after,.xpl-checkbox:disabled:indeterminate:after{background-color:var(--xpl-icon-disabled)}.xpl-radio{border-radius:3.40282e38px;transition-property:border;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.xpl-radio:checked{border-width:5px}.xpl-radio:hover,.xpl-radio:active,.xpl-radio:checked{border-color:var(--xpl-border-hover)}.xpl-radio:focus-visible{outline-color:var(--xpl-border-focus);outline-style:solid;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-radio:disabled{background-color:var(--xpl-background-action-disabled);border-color:var(--xpl-border-default);cursor:not-allowed}.xpl-radio:disabled:checked{background-color:var(--xpl-background-surface-default);border-color:var(--xpl-border-default)}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

package/build/components/choicelist.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-choicelist-heading{margin-bottom:var(--xpl-space-8)}.xpl-choicelist-heading>h3{color:var(--xpl-text-strong);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);margin:0;line-height:1.4286}.xpl-choicelist-heading>p{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-callout);margin:0;font-weight:400;line-height:1.3333}.xpl-choicelist{margin:0;padding:0;display:block}.xpl-choicelist li{margin-bottom:var(--xpl-space-16)}.xpl-choicelist .xpl-checkbox-radio-container{margin-bottom:0}.xpl-choicelist--styled{border-color:var(--xpl-border-default);border-radius:var(--xpl-border-radius-small);border-style:solid;border-width:var(--xpl-border-small);overflow:hidden}.xpl-choicelist--styled .xpl-radio-container,.xpl-choicelist--styled .xpl-checkbox-container{margin-bottom:0}.xpl-choicelist--styled li{border-bottom-color:var(--xpl-border-default);border-bottom-style:solid;border-bottom-width:var(--xpl-border-small);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));margin-bottom:0;display:block;position:relative}.xpl-choicelist--styled li:last-child{border-bottom-width:var(--xpl-border-none)}.xpl-choicelist--styled li.selected{background-color:var(--xpl-background-surface-information)}.xpl-choicelist--styled input{margin-bottom:var(--xpl-space-16);margin-left:var(--xpl-space-16);margin-top:var(--xpl-space-16);position:absolute}.xpl-choicelist--styled label{padding-bottom:var(--xpl-space-16);padding-right:var(--xpl-space-12);padding-top:var(--xpl-space-16);width:100%;display:block}.xpl-choicelist--styled .xpl-checkbox+label,.xpl-choicelist--styled .xpl-radio+label{padding-left:calc(var(--xpl-space-16) + var(--xpl-size-100) + var(--xpl-space-12))}

package/build/components/content-area.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-content-area-wrapper{background-color:var(--xpl-background-surface-subtlest);min-width:0;height:100%;color:var(--xpl-text-default)}.xpl-content-area-wrapper__wide .xpl-content-area{padding:calc(var(--spacing) * 6)}@media (min-width:48rem){.xpl-content-area-wrapper__wide .xpl-content-area{padding:calc(var(--spacing) * 8)}}.xpl-content-area-wrapper__narrow{grid-template-columns:minmax(15%,auto) minmax(auto,840px) minmax(15%,auto);grid-template-areas:".content."}.xpl-content-area-wrapper__narrow .xpl-content-area{padding-block:calc(var(--spacing) * 20);grid-column:2/span 1}@media (max-width:1023px){.xpl-content-area-wrapper__narrow .xpl-content-area{grid-template-columns:none;padding:0}.xpl-content-area-wrapper__narrow{padding:calc(var(--spacing) * 6);grid-template-rows:none;grid-template-columns:none}}.xpl-content-area-wrapper__narrow{grid-auto-flow:column;justify-items:center;display:grid}.xpl-content-area-wrapper__full{max-width:none;padding:calc(var(--spacing) * 6)}@media (min-width:40rem){.xpl-content-area-wrapper__full{padding:calc(var(--spacing) * 8)}}@media (min-width:64rem){.xpl-content-area-wrapper__full{padding:0}}

package/build/components/dashboard.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-dashboard{gap:calc(var(--spacing) * 4);flex-wrap:wrap;display:flex}