@xplortech/apollo-core 2.10.0 → 2.12.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"
@@ -2673,23 +2758,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 +2902,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": [
         {
@@ -2846,20 +2935,24 @@
       "name": "xpl-top-nav-item",
       "description": {
         "kind": "markdown",
-        "value": "Single nav row for **`xpl-top-nav`** / **`xpl-nav-header-menu`**. The host uses **`role=\"listitem\"`** when the row\nparticipates in a list: a **`role=\"list\"`** parent, **`slot=\"left-aside\"`** on **`xpl-top-nav`** (list host is\n**`.xpl-top-nav__left-primary`** while slotted nodes stay light-DOM children of **`xpl-top-nav`**), or default-slot rows\nunder **`xpl-nav-header-menu`**. That flag is\nkept in **`@State`** and refreshed after render plus via **`MutationObserver`** on the host (**`class`**, **`slot`**) and\non **`parentElement`** (**`role`**) or on **`.xpl-top-nav__left-primary`** (**`role`**) for **`slot=\"left-aside\"`** under **`xpl-top-nav`**) so DOM context changes\nwithout a full reconnect still re-sync. The internal\n**`xpl-top-nav__brand`** row omits **`listitem`** (it sits in **`.xpl-top-nav__brand-bar`**, not **`.xpl-top-nav__left-primary`**),\nas do **`slot=\"right-aside-mobile\"`** rows (not a list). **`slot=\"dropdown\"`** uses a local **`.xpl-top-nav-item__dropdown`**\npanel (not **`xpl-dropdown`**); see **`TECH_DEBT.md`**.\n\n**Default slot (no `label`):** do not put **`xpl-top-nav-item__inner`** or other **`xpl-top-nav-item__*`** classes on\ncustom trigger content — the component renders the inner wrapper and BEM elements.\n\n**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens resolve to dark-mode\nvalues even when the page root is light (consistent with **`xpl-top-nav`**)."
+        "value": "Single nav row for **`xpl-top-nav`** / **`xpl-nav-header-menu`** / **`xpl-top-nav-menu`**. The host uses\n**`role=\"listitem\"`** when the row participates in a list: a **`role=\"list\"`** parent, **`slot=\"left-aside\"`** on\n**`xpl-top-nav`** (list host is **`.xpl-top-nav__left-primary`** while slotted nodes stay light-DOM children of\n**`xpl-top-nav`**), or default-slot rows under **`xpl-nav-header-menu`** / **`xpl-top-nav-menu`**. That flag is\nkept in **`@State`** and refreshed after render plus via **`MutationObserver`** on the host (**`class`**, **`slot`**) and\non **`parentElement`** (**`role`**) or on **`.xpl-top-nav__left-primary`** (**`role`**) for **`slot=\"left-aside\"`** under **`xpl-top-nav`**) so DOM context changes\nwithout a full reconnect still re-sync. The internal\n**`xpl-top-nav__brand`** row omits **`listitem`** (it sits in **`.xpl-top-nav__brand-bar`**, not **`.xpl-top-nav__left-primary`**),\nas do **`slot=\"right-aside-mobile\"`** rows (not a list). **`slot=\"dropdown\"`** uses a local **`.xpl-top-nav-item__dropdown`**\npanel (not **`xpl-dropdown`**); see **`TECH_DEBT.md`**.\n\n**This component does triple duty:** a plain bar item, a dropdown trigger (**`slot=\"dropdown\"`** present), and a\ndropdown/menu **row** (nested inside **`xpl-nav-header-menu`** or **`xpl-top-nav-menu`**). The **`description`** prop\nonly applies in the row context — bar items and triggers do not show it in Figma.\n\n**Default slot (no `label`):** do not put **`xpl-top-nav-item__inner`** or other **`xpl-top-nav-item__*`** classes on\ncustom trigger content — the component renders the inner wrapper and BEM elements.\n\n**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens resolve to dark-mode\nvalues even when the page root is light (consistent with **`xpl-top-nav`**)."
       },
       "attributes": [
         {
           "name": "active",
           "description": "When true, adds **`xpl-top-nav-item--active`** for persistent accent styling (e.g. link color on the bar, or\nchrome inside **`xpl-nav-header-menu`**). Separate from **`selected`**, which sets **`aria-current=\"page\"`** and\n**`--selected`**. Use both when the design needs “current page” semantics plus the active visual treatment."
         },
+        {
+          "name": "description",
+          "description": "Optional description line shown below **`label`** (row context only, e.g. inside **`xpl-nav-header-menu`** /\n**`xpl-top-nav-menu`**). Ignored when **`label`** is not set."
+        },
         {
           "name": "href",
           "description": "If set without **`slot=\"dropdown\"`**, the inner control renders as a native **`<a href>`** (link mode)."
         },
         {
           "name": "icon",
-          "description": "Icon name from **`@xplortech/apollo-icons`** (shown before the label when **`label`** is set)."
+          "description": "Icon name from **`@xplortech/apollo-icons`** (shown before the label when **`label`** is set). Ignored when\n**`slot=\"leading-icon\"`** content is present."
         },
         {
           "name": "item-aria-label",
@@ -2869,12 +2962,41 @@
           "name": "label",
           "description": "Text label. If omitted, use the default slot for custom trigger content. Long labels use **`text-ellipsis`**\non **`.xpl-top-nav-item__label`** (see `top-nav.css`); **`title`** is set to the full string for hover tooltips\nwhen the visual line clips."
         },
+        {
+          "name": "open",
+          "description": "Whether the **`slot=\"dropdown\"`** panel is open. Reflected to the **`open`** attribute so consumers can drive it\n(controlled) or read it back (uncontrolled, toggled internally on click / hover / keyboard activation). Prefer\n**`openMenu()`** / **`closeMenu()`** / **`toggleMenu()`** over setting this directly from event handlers."
+        },
+        {
+          "name": "open-mode",
+          "description": "How the **`slot=\"dropdown\"`** panel opens. **`hover`** is gated on **`TOP_NAV_ITEM_HOVER_OPEN_MQ`**\n(hover-capable, fine pointer, **`md`** and up) — below that, or on touch / coarse-pointer devices, **`hover`**\nfalls back to click/tap. Keyboard activation (Enter / Space) always toggles regardless of **`openMode`**.",
+          "values": [
+            {
+              "name": "click"
+            },
+            {
+              "name": "hover"
+            }
+          ]
+        },
         {
           "name": "selected",
           "description": "When true, sets **`aria-current=\"page\"`** and selected styling."
         }
       ]
     },
+    {
+      "name": "xpl-top-nav-menu",
+      "description": {
+        "kind": "markdown",
+        "value": "Thin grouping container for **`xpl-top-nav-item`** rows — the panel content for a desktop flyout\n(**`slot=\"dropdown\"`** on the parent **`xpl-top-nav-item`**) and, on small screens, the **mobile\ncascade**: the same markup drills in to a **Level 2** view in place, with an auto-rendered **back\nrow** (leading **`chevron-left`** + this component's **`label`**) as the first row. Tapping the back\nrow closes the parent trigger's dropdown (**`closeMenu()`**), returning to **Level 1** and restoring\nfocus to the parent trigger. No item logic otherwise lives here — row behavior (icons, description,\nlinks, nested dropdowns) is entirely **`xpl-top-nav-item`**.\n\n**One authoring markup, two renderings:** consumers write this once; **`isMobileCascade`** (synced\nfrom **`TOP_NAV_MOBILE_MQ`**) decides whether the back row renders. Desktop never sees it — the\nflyout is a single level of links (see `xpl-top-nav-item`'s cascade-depth notes).\n\n**Panel chrome** is shared with **`xpl-nav-header-menu`** (the account menu): width\n(**`--xpl-top-nav-panel-width`**), surface, shadow, radius, and vertical padding all come from the\nsame selector in `top-nav.css` so the desktop flyout, mobile cascade, and account menu read as one\nvisual family.\n\n**Theming:** The host always includes Foundation’s **`dark`** class so **`--xpl-*`** purpose tokens\nresolve to dark-mode values even when the page root is light (consistent with the rest of the\n**`xpl-top-nav`** family)."
+      },
+      "attributes": [
+        {
+          "name": "label",
+          "description": "Accessible name for the list (**`aria-label`** on the host) and the label shown in the mobile\ncascade back row when drilling back out of this group."
+        }
+      ]
+    },
     {
       "name": "xpl-utility-bar",
       "description": {

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 dev` or `npm run storybook:dev` (Storybook on `:9009`; Nx: `nx storybook:dev @xplortech/apollo-core`) |
 | Unit tests | `nx test @xplortech/apollo-core` |
+| 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 | `npm run storybook` |
+| 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` |
 
 **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

@@ -43,6 +43,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}

package/build/components/data-card.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-data-card{background-color:var(--xpl-background-surface-default);border-color:var(--xpl-border-default);color:var(--xpl-text-default);border-radius:var(--radius-md);border-style:var(--tw-border-style);min-width:10.875rem;max-width:37rem;padding:calc(var(--spacing) * 4);--tw-duration:.1s;--tw-ease:var(--ease-in-out);transition-duration:.1s;transition-timing-function:var(--ease-in-out);border-width:1px;flex-direction:column;flex-grow:1;flex-basis:21%;display:flex;position:relative;container:card/inline-size}.xpl-data-card__anchor{border-color:var(--xpl-border-default);border-radius:.375rem;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.xpl-data-card__anchor span{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.xpl-data-card__anchor:active{border-color:var(--xpl-background-action-primary-default)}.xpl-data-card__anchor:hover{border-radius:var(--xpl-border-radius-default);border:var(--xpl-border-small) solid var(--xpl-background-action-primary-default);box-shadow:0 4px 6px -1px var(--xpl-background-surface-transparent-10), 0 2px 4px -1px var(--xpl-background-surface-transparent-5)}.xpl-data-card__anchor:focus-visible{border-radius:var(--xpl-border-radius-default);border:var(--xpl-border-small) solid var(--xpl-border-focus);outline-color:var(--xpl-border-focus);outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px}.xpl-data-card__header{color:var(--xpl-text-default);margin-bottom:var(--xpl-space-4);font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);justify-content:space-between;align-self:stretch;align-items:flex-start;line-height:1.4286;display:flex}.xpl-data-card__header header{align-items:center;gap:calc(var(--spacing) * 1.5);align-self:stretch;display:flex}.xpl-data-card__header [slot=title]{align-items:center;display:flex}.xpl-data-card__header-arrow{color:var(--xpl-icon-default)}.xpl-data-card [class^=xpl-data-card__icon]{margin-right:var(--xpl-space-6)}.xpl-data-card__icon--primary .xpl-icon{color:var(--xpl-icon-brand)}.xpl-data-card__icon--secondary .xpl-icon{color:var(--xpl-background-action-primary-default)}.xpl-data-card__body{gap:calc(var(--spacing) * 1.5);width:calc(100% - 16px);height:100%;margin-inline-start:0;display:flex}.xpl-data-card__left,.xpl-data-card__right{flex:50%;display:flex}.xpl-data-card__left{flex-wrap:wrap;align-items:stretch;height:100%;display:flex}.xpl-data-card__left>*{width:100%}.xpl-data-card-stat--small{color:var(--xpl-text-default);font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);align-items:center;gap:var(--spacing);line-height:1.3333;display:flex}.xpl-data-card-stat--short abbr[title]{text-decoration:none}.xpl-data-card-stat--long,.xpl-data-card-stat--short{color:var(--xpl-text-default);margin-bottom:var(--xpl-space-4);font-size:var(--xpl-font-size-display-3);font-weight:var(--xpl-font-weight-semibold);line-height:1.2}.xpl-data-card__detail{color:var(--xpl-text-subdued);font-size:var(--xpl-font-size-callout);align-self:flex-end;font-weight:400;line-height:1.3333}.xpl-data-card .positive{color:var(--xpl-text-positive)}.xpl-data-card .negative{color:var(--xpl-text-negative)}.xpl-data-card .neutral{color:var(--xpl-text-subdued)}@media (max-width:640px){.xpl-data-card{flex-basis:42%}}@container card (max-width:212px){.xpl-data-card dd{font-size:var(--xpl-font-size-title-2);line-height:1.3333}}@container card (max-width:441px){.xpl-data-card-stat--long{display:none}}@container card (min-width:441px){.xpl-data-card-stat--short{display:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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/divider.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-divider{border-bottom-width:var(--xpl-border-small);border-bottom-style:solid;border-bottom-color:var(--xpl-border-default);color:var(--xpl-text-default);font-size:var(--xpl-font-size-body);margin-bottom:var(--xpl-space-16);padding-bottom:var(--xpl-space-4);display:block}.xpl-divider--3{font-size:var(--xpl-font-size-title-3);font-weight:var(--xpl-font-weight-bold);line-height:1.4}.xpl-divider--2{font-size:var(--xpl-font-size-title-4);font-weight:var(--xpl-font-weight-medium);line-height:1.5}.xpl-divider--1{font-size:var(--xpl-font-size-title-5);font-weight:var(--xpl-font-weight-medium);line-height:1.4286}.xpl-divider--0{padding-bottom:var(--xpl-space-0)}.xpl-divider--0 span{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

package/build/components/dropdown.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */.xpl-dropdown{background-color:var(--xpl-background-surface-default);color:var(--xpl-text-default);border:var(--xpl-border-small) solid var(--xpl-border-default);border-radius:var(--xpl-border-radius-small);pointer-events:none;--tw-translate-y:calc(var(--spacing) * -2);width:100%;translate:var(--tw-translate-x) var(--tw-translate-y);transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);opacity:0;--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));position:absolute;overflow:hidden}.xpl-dropdown--open{pointer-events:auto;z-index:50;--tw-translate-y:calc(var(--spacing) * 2);translate:var(--tw-translate-x) var(--tw-translate-y);opacity:1}.xpl-dropdown--anchor-to-trigger{will-change:transform;--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y);margin:0;position:fixed;transform:none}.xpl-dropdown--above{margin-top:0;margin-bottom:var(--spacing)}.xpl-dropdown--anchor-to-trigger.xpl-dropdown--above{margin:0}.xpl-dropdown-list{--xpl-dropdown-list-max-height:300px;max-height:var(--xpl-dropdown-list-max-height);height:100%;overflow-y:auto}.xpl-dropdown-list-item{list-style:none}.xpl-dropdown__virtual-sizer{margin:0;padding:0;list-style:none;position:relative}.xpl-dropdown-option{color:var(--xpl-text-default);cursor:pointer;width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);text-align:left;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));display:block}.xpl-dropdown--virtualized .xpl-dropdown-option{box-sizing:border-box;align-items:center;padding-block:0;display:flex;overflow:hidden}.xpl-dropdown-option--virtual{inset-inline:0;width:100%;height:45px;position:absolute;top:0}.xpl-dropdown-option:not(.xpl-dropdown-option--disabled):focus{background-color:var(--xpl-background-action-tertiary-hover);--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.xpl-dropdown-option:not(.xpl-dropdown-option--disabled):focus{outline-offset:2px;outline:2px solid #0000}}.xpl-dropdown-option:not(.xpl-dropdown-option--disabled):not(.xpl-dropdown-option--selected):hover{background-color:var(--xpl-background-surface-subtlest)}.xpl-dropdown-option--disabled,.xpl-dropdown-option--disabled [disabled]{touch-action:none;pointer-events:none}.xpl-dropdown-option--disabled{cursor:not-allowed;opacity:.6}.xpl-dropdown-option--selected{background-color:var(--xpl-background-surface-information);border-right:calc(2 * var(--xpl-border-large)) solid var(--xpl-background-action-primary-default)}.xpl-dropdown-list-item__icon{color:var(--xpl-icon-default)}.xpl-dropdown-list-item__subtitle{font-size:var(--xpl-font-size-callout);color:var(--xpl-text-subdued);font-weight:400;line-height:1.3333;display:block}.xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected{border-style:var(--tw-border-style);border-width:0;position:relative}.xpl-dropdown.xpl-dropdown--multi .xpl-dropdown-option--selected:after{content:"";top:50%;right:var(--xpl-space-16);width:var(--xpl-size-075);height:var(--xpl-size-075);background-color:var(--xpl-icon-information);position:absolute;transform:translateY(-50%);-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C12 9.31372 9.31372 12 6 12C2.68628 12 0 9.31372 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6ZM5.30598 9.17695L9.7576 4.72534C9.90876 4.57418 9.90876 4.32907 9.7576 4.17791L9.21017 3.63048C9.05901 3.4793 8.8139 3.4793 8.66272 3.63048L5.03226 7.26092L3.33728 5.56594C3.18612 5.41478 2.94102 5.41478 2.78983 5.56594L2.2424 6.11337C2.09124 6.26453 2.09124 6.50964 2.2424 6.6608L4.75853 9.17693C4.90972 9.32811 5.1548 9.32811 5.30598 9.17695V9.17695Z' fill='white'/%3E%3C/svg%3E%0A");mask-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6C12 9.31372 9.31372 12 6 12C2.68628 12 0 9.31372 0 6C0 2.68628 2.68628 0 6 0C9.31372 0 12 2.68628 12 6ZM5.30598 9.17695L9.7576 4.72534C9.90876 4.57418 9.90876 4.32907 9.7576 4.17791L9.21017 3.63048C9.05901 3.4793 8.8139 3.4793 8.66272 3.63048L5.03226 7.26092L3.33728 5.56594C3.18612 5.41478 2.94102 5.41478 2.78983 5.56594L2.2424 6.11337C2.09124 6.26453 2.09124 6.50964 2.2424 6.6608L4.75853 9.17693C4.90972 9.32811 5.1548 9.32811 5.30598 9.17695V9.17695Z' fill='white'/%3E%3C/svg%3E%0A");-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.xpl-dropdown-heading{color:var(--xpl-text-default);border-bottom:var(--xpl-border-small) solid var(--xpl-border-default);font-size:var(--xpl-font-size-callout);font-weight:var(--xpl-font-weight-semibold);width:100%;padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 4);line-height:1.3333;display:block}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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}