@pitchfork-ui/elements 0.0.0-stage → 0.2.1

package/dist/pitchfork/p-f5df568f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["isElementVisible","element","checkVisibility","offsetParent","getClientRects","length","getFocusableElements","container","selector","join","Array","from","querySelectorAll","filter","hasAttribute","getAttribute","pfModalCss","PfModal","open","size","label","dismissable","showCloseButton","pfOpenChange","releaseScroll","componentDidLoad","this","showDialog","disconnectedCallback","unlockScroll","show","hide","syncOpen","next","previous","closeDialog","emit","dialog","el","shadowRoot","querySelector","lockScroll","lockPageScroll","showModal","requestAnimationFrame","ensureFocusInside","componentDidRender","onFocusOut","event","relatedTarget","document","hasFocus","isConnected","matches","first","focus","close","onCancel","preventDefault","onClose","onDialogClick","target","accessibleName","text","textContent","trim","slice","undefined","render","h","Host","key","part","class","onFocusout","onClick","type","viewBox","width","height","focusable","d","stroke","fill"],"sources":["../core/dist/focus.js","src/components/pf-modal/pf-modal.css?tag=pf-modal&encapsulation=shadow","src/components/pf-modal/pf-modal.tsx"],"sourcesContent":["import { noop } from \"./internal.js\";\nimport { Keys } from \"./keys.js\";\n//#region src/focus.ts\nvar isElementVisible = (element) => {\n\tif (typeof element.checkVisibility === \"function\") return element.checkVisibility();\n\treturn element.offsetParent !== null || element.getClientRects().length > 0;\n};\nvar getFocusableElements = (container) => {\n\tconst selector = [\n\t\t\"a[href]\",\n\t\t\"button:not([disabled])\",\n\t\t\"input:not([disabled])\",\n\t\t\"select:not([disabled])\",\n\t\t\"textarea:not([disabled])\",\n\t\t\"[contenteditable]:not([contenteditable=\\\"false\\\"])\",\n\t\t\"[tabindex]:not([tabindex=\\\"-1\\\"])\"\n\t].join(\",\");\n\treturn Array.from(container.querySelectorAll(selector)).filter((element) => {\n\t\tif (element.hasAttribute(\"disabled\") || element.getAttribute(\"aria-hidden\") === \"true\") return false;\n\t\treturn isElementVisible(element);\n\t});\n};\n/**\n* Moves focus into the container and keeps Tab cycling inside it. Returns a\n* cleanup function that removes the listener and, unless told otherwise,\n* restores focus to the previously active element.\n*/\nfunction trapFocus({ getContainer, onEscape, restoreFocus = true }) {\n\tif (typeof document === \"undefined\") return noop;\n\tconst container = getContainer();\n\tconst previousActiveElement = document.activeElement;\n\tconst initialFocusable = container ? getFocusableElements(container)[0] : void 0;\n\tif (initialFocusable) initialFocusable.focus();\n\telse container?.focus();\n\tconst onKeyDown = (event) => {\n\t\tif (event.key === Keys.Escape) {\n\t\t\tonEscape?.();\n\t\t\treturn;\n\t\t}\n\t\tif (event.key !== Keys.Tab) return;\n\t\tconst current = getContainer();\n\t\tif (!current) return;\n\t\tconst focusableElements = getFocusableElements(current);\n\t\tif (focusableElements.length === 0) {\n\t\t\tevent.preventDefault();\n\t\t\tcurrent.focus();\n\t\t\treturn;\n\t\t}\n\t\tconst firstElement = focusableElements[0];\n\t\tconst lastElement = focusableElements[focusableElements.length - 1];\n\t\tconst activeElement = document.activeElement;\n\t\tif (!(activeElement ? current.contains(activeElement) : false)) {\n\t\t\tevent.preventDefault();\n\t\t\t(event.shiftKey ? lastElement : firstElement).focus();\n\t\t\treturn;\n\t\t}\n\t\tif (event.shiftKey && activeElement === firstElement) {\n\t\t\tevent.preventDefault();\n\t\t\tlastElement.focus();\n\t\t\treturn;\n\t\t}\n\t\tif (!event.shiftKey && activeElement === lastElement) {\n\t\t\tevent.preventDefault();\n\t\t\tfirstElement.focus();\n\t\t}\n\t};\n\tdocument.addEventListener(\"keydown\", onKeyDown);\n\treturn () => {\n\t\tdocument.removeEventListener(\"keydown\", onKeyDown);\n\t\tif (restoreFocus) previousActiveElement?.focus?.();\n\t};\n}\n//#endregion\nexport { getFocusableElements, trapFocus };\n",":host {\n  display: contents;\n}\n\n/*\n * The dialog is the overlay: it fills the viewport and centres the panel, so a\n * click that lands on it rather than on the panel is an overlay click.\n */\n.dialog {\n  align-items: center;\n  background: none;\n  border: 0;\n  display: none;\n  height: 100%;\n  justify-content: center;\n  max-height: 100%;\n  max-width: 100%;\n  padding: var(--space-4);\n  width: 100%;\n}\n\n.dialog[open] {\n  display: flex;\n}\n\n.dialog::backdrop {\n  background: var(--pf-modal-overlay-backdrop, var(--pf-overlay-backdrop));\n}\n\n.panel {\n  background: var(--pf-modal-bg);\n  border: 1px solid var(--pf-modal-border);\n  border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-lg);\n  color: var(--pf-modal-text);\n  display: flex;\n  flex-direction: column;\n  max-height: 100%;\n  overflow: auto;\n  position: relative;\n  width: 100%;\n}\n\n:host([size='sm']) .panel {\n  max-width: 400px;\n}\n\n:host([size='md']) .panel {\n  max-width: 560px;\n}\n\n:host([size='lg']) .panel {\n  max-width: 800px;\n}\n\n.close {\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-modal-text-muted);\n  cursor: pointer;\n  display: inline-flex;\n  inset-block-start: var(--space-3);\n  inset-inline-end: var(--space-3);\n  padding: var(--space-1);\n  position: absolute;\n}\n\n.close:hover {\n  color: var(--pf-modal-text);\n}\n\n.close:focus-visible {\n  box-shadow: var(--pf-focus-ring);\n  outline: none;\n}\n\n.dialog[open] .panel {\n  animation: pf-modal-in var(--pf-transition-enter);\n}\n\n/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-modal-in {\n  from {\n    opacity: 0;\n    transform: translateY(8px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dialog[open] .panel {\n    animation: none;\n  }\n}\n","import { getFocusableElements, lockPageScroll } from '@pitchfork-ui/core';\n\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\nexport type PfModalSize = 'sm' | 'md' | 'lg';\n\n/**\n * A modal dialog.\n *\n * A native `<dialog>` opened with `showModal()`, which from inside a shadow\n * root gives the focus trap, Escape and the backdrop for nothing — all\n * measured: focus cannot be taken by a light-DOM button, and a real Escape\n * fires `cancel` then `close`. So `trapFocus` from core is not needed here,\n * unlike in the React component.\n *\n * The one part of `showModal()` that cannot be relied on is where it puts\n * focus, and the gap is exactly the case every framework consumer is in. See\n * `showDialog` below.\n *\n * What `showModal()` does *not* do is lock page scroll — measured: a real\n * wheel still scrolled the page behind an open modal — so this element locks\n * it, exactly as the React component does.\n *\n * @slot - the modal's sections, usually `pf-modal-header`, `pf-modal-body` and\n * `pf-modal-footer`.\n * @part dialog - the native dialog, which is also the overlay.\n * @part panel - the bordered box the content sits in.\n * @part close - the close button.\n */\n@Component({\n  tag: 'pf-modal',\n  styleUrl: 'pf-modal.css',\n  shadow: true,\n})\nexport class PfModal {\n  @Element() el!: HTMLElement;\n\n  /** Whether the modal is showing. Reflected so the stylesheet can select on it. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Panel width. Reflected so the stylesheet can select on it. */\n  @Prop({ reflect: true }) size: PfModalSize = 'md';\n\n  /**\n   * Accessible name. Falls back to the text of whatever is slotted, which is\n   * usually the header — `aria-labelledby` cannot be used, because an IDREF\n   * does not cross a shadow boundary and the header is in the light DOM.\n   */\n  @Prop() label?: string;\n\n  /** Close on Escape or a click on the overlay. Defaults to true. */\n  @Prop() dismissable = true;\n\n  /** Render the corner close button. Defaults to true. */\n  @Prop() showCloseButton = true;\n\n  /** Fires whenever the modal opens or closes, whoever caused it. */\n  @Event() pfOpenChange!: EventEmitter<{ open: boolean }>;\n\n  /**\n   * Releases the page-scroll lock, or null when this modal does not hold it.\n   * The lock is core's and reference-counted, so a slideout opening over a\n   * modal cannot leave the page unscrollable.\n   */\n  private releaseScroll: (() => void) | null = null;\n\n  componentDidLoad() {\n    if (this.open) this.showDialog();\n  }\n\n  disconnectedCallback() {\n    // A modal removed while open would otherwise leave the page unscrollable.\n    this.unlockScroll();\n  }\n\n  /** Opens the modal. */\n  @Method()\n  async show(): Promise<void> {\n    this.open = true;\n  }\n\n  /** Closes the modal. */\n  @Method()\n  async hide(): Promise<void> {\n    this.open = false;\n  }\n\n  /**\n   * The one place a state change is announced, whatever caused it: `show()`,\n   * the close button, Escape, an overlay click, or a consumer writing the prop.\n   *\n   * The first version emitted from the `close` handler alone, which fired for\n   * every close and for no open — caught by its own test. A consumer mirroring\n   * this value back sets `open` to what it already is, which Stencil does not\n   * treat as a change, so there is no loop.\n   */\n  @Watch('open')\n  syncOpen(next: boolean, previous: boolean) {\n    if (next) this.showDialog();\n    else this.closeDialog();\n    if (next !== previous) this.pfOpenChange.emit({ open: next });\n  }\n\n  private get dialog() {\n    return this.el.shadowRoot?.querySelector('dialog') ?? null;\n  }\n\n  private lockScroll() {\n    if (this.releaseScroll) return;\n    this.releaseScroll = lockPageScroll();\n  }\n\n  private unlockScroll() {\n    this.releaseScroll?.();\n    this.releaseScroll = null;\n  }\n\n  /**\n   * Opens the dialog, and makes sure focus actually went into it.\n   *\n   * `showModal()` focuses the dialog or its first focusable descendant — but\n   * **not** when light-DOM children were appended in the same task as the\n   * open. Measured in Chromium with no framework involved: append the three\n   * `pf-modal-*` sections to a long-mounted `pf-modal` and set `open` in the\n   * same task, and the dialog opens with `document.activeElement` still on\n   * `<body>` and `:focus-within` false. Leave one frame between the two and\n   * focus lands inside; mount the element with its children and `open`\n   * already set and focus lands inside. So it is the append racing the open,\n   * and the flattened tree `showModal()`'s focusing steps read.\n   *\n   * That race is not an edge case: React, Angular and Vue all commit a\n   * modal's content and its `open` in one go, so every framework consumer got\n   * an open modal with focus outside it and nothing to say so — the page is\n   * still inert, so the only symptom is that a reader is not taken to the\n   * dialog and the first Tab is needed. Porting `apps/demo` is what found it.\n   *\n   * What the trace shows, with element identity and a `MutationObserver` on\n   * the shadow root: `showModal()` **does** focus, onto `div[part=panel]`,\n   * and one frame later a `focusout` with `relatedTarget: null` drops it,\n   * with nothing removed from the shadow root. That is Chromium's focus\n   * fixup running once the appended children are assigned to the slot and\n   * finding the panel is no longer a valid target -- so it is not a render\n   * that loses focus, and re-asserting after a render does not catch it\n   * (measured: `componentDidRender` alone changes nothing here).\n   *\n   * So the dialog watches for exactly that: a `focusout` that goes nowhere\n   * while the modal is open puts focus back. `requestAnimationFrame` after\n   * `showModal()` covers the case where focus never arrived at all, and\n   * `componentDidRender` covers a render that discards the focused node. All\n   * three are the same guarded call, and the `:focus-within` guard makes it a\n   * no-op whenever focus is already inside -- so none of them moves focus\n   * that the platform or a consumer placed.\n   */\n  private showDialog() {\n    const dialog = this.dialog;\n    if (!dialog || dialog.open) return;\n    dialog.showModal();\n    this.lockScroll();\n    requestAnimationFrame(() => this.ensureFocusInside());\n  }\n\n  componentDidRender() {\n    this.ensureFocusInside();\n  }\n\n  /**\n   * Focus left the dialog for nothing while it is open, which the platform\n   * does when its focus fixup runs after the slotted content changes.\n   *\n   * `relatedTarget` is the test: a Tab or a click inside names where focus\n   * went, and a modal dialog means it cannot have gone outside. The window\n   * losing focus also reports null, hence the `document.hasFocus()` guard --\n   * without it, switching tabs would pull focus back on return.\n   */\n  private onFocusOut = (event: FocusEvent) => {\n    if (!this.open || event.relatedTarget) return;\n    requestAnimationFrame(() => {\n      if (document.hasFocus()) this.ensureFocusInside();\n    });\n  };\n\n  /** Focus inside the open dialog, unless it is already there. */\n  private ensureFocusInside() {\n    const dialog = this.dialog;\n    if (!this.open || !dialog?.isConnected || !dialog.open) return;\n    if (dialog.matches(':focus-within')) return;\n    const [first] = getFocusableElements(dialog);\n    (first ?? dialog).focus();\n  }\n\n  private closeDialog() {\n    const dialog = this.dialog;\n    this.unlockScroll();\n    if (dialog?.open) dialog.close();\n  }\n\n  /** Fires on Escape. Blocking it is how a non-dismissable modal stays put. */\n  private onCancel = (event: Event) => {\n    if (!this.dismissable) {\n      event.preventDefault();\n      return;\n    }\n    // Let it close; `close` does the state mirroring.\n  };\n\n  /**\n   * Mirrors a close the browser made — Escape, or the dialog being closed by\n   * anything other than this element — back into `open`, which then announces\n   * it through the watch above.\n   */\n  private onClose = () => {\n    this.unlockScroll();\n    if (this.open) this.open = false;\n  };\n\n  /**\n   * A click on the dialog element itself is a click on the overlay: the panel\n   * is an inner box, so anything landing on the dialog missed the content.\n   */\n  private onDialogClick = (event: MouseEvent) => {\n    if (!this.dismissable || event.target !== this.dialog) return;\n    this.open = false;\n  };\n\n  private accessibleName() {\n    if (this.label) return this.label;\n    const text = this.el.textContent?.trim();\n    return text ? text.slice(0, 120) : undefined;\n  }\n\n  render() {\n    return (\n      <Host>\n        <dialog\n          part=\"dialog\"\n          class=\"dialog\"\n          aria-label={this.accessibleName()}\n          onCancel={this.onCancel}\n          onFocusout={this.onFocusOut}\n          onClose={this.onClose}\n          onClick={this.onDialogClick}\n        >\n          <div class=\"panel\" part=\"panel\">\n            {this.showCloseButton && (\n              <button\n                class=\"close\"\n                part=\"close\"\n                type=\"button\"\n                aria-label=\"Close\"\n                onClick={() => this.hide()}\n              >\n                <svg\n                  viewBox=\"0 0 16 16\"\n                  width=\"16\"\n                  height=\"16\"\n                  aria-hidden=\"true\"\n                  focusable=\"false\"\n                >\n                  <path\n                    d=\"M4 4l8 8M12 4l-8 8\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"1.6\"\n                    stroke-linecap=\"round\"\n                    fill=\"none\"\n                  />\n                </svg>\n              </button>\n            )}\n            <slot />\n          </div>\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"mappings":"+FAGA,IAAIA,EAAoBC,IACvB,UAAWA,EAAQC,kBAAoB,WAAY,OAAOD,EAAQC,kBAClE,OAAOD,EAAQE,eAAiB,MAAQF,EAAQG,iBAAiBC,OAAS,CAAC,EAE5E,IAAIC,EAAwBC,IAC3B,MAAMC,EAAW,CAChB,UACA,yBACA,wBACA,yBACA,2BACA,mDACA,mCACCC,KAAK,KACP,OAAOC,MAAMC,KAAKJ,EAAUK,iBAAiBJ,IAAWK,QAAQZ,IAC/D,GAAIA,EAAQa,aAAa,aAAeb,EAAQc,aAAa,iBAAmB,OAAQ,OAAO,MAC/F,OAAOf,EAAiBC,EAAQ,GAC/B,ECpBH,MAAMe,EAAa,IAAM,8tC,MC4CZC,EAAO,M,0FAIsBC,KAAO,MAGtBC,KAAoB,KAOrCC,MAGAC,YAAc,KAGdC,gBAAkB,KAGjBC,aAODC,cAAqC,KAE7C,gBAAAC,GACE,GAAIC,KAAKR,KAAMQ,KAAKC,Y,CAGtB,oBAAAC,GAEEF,KAAKG,c,CAKP,UAAMC,GACJJ,KAAKR,KAAO,I,CAKd,UAAMa,GACJL,KAAKR,KAAO,K,CAad,QAAAc,CAASC,EAAeC,GACtB,GAAID,EAAMP,KAAKC,kBACVD,KAAKS,cACV,GAAIF,IAASC,EAAUR,KAAKH,aAAaa,KAAK,CAAElB,KAAMe,G,CAGxD,UAAYI,GACV,OAAOX,KAAKY,GAAGC,YAAYC,cAAc,WAAa,I,CAGhD,UAAAC,GACN,GAAIf,KAAKF,cAAe,OACxBE,KAAKF,cAAgBkB,G,CAGf,YAAAb,GACNH,KAAKF,kBACLE,KAAKF,cAAgB,I,CAuCf,UAAAG,GACN,MAAMU,EAASX,KAAKW,OACpB,IAAKA,GAAUA,EAAOnB,KAAM,OAC5BmB,EAAOM,YACPjB,KAAKe,aACLG,uBAAsB,IAAMlB,KAAKmB,qB,CAGnC,kBAAAC,GACEpB,KAAKmB,mB,CAYCE,WAAcC,IACpB,IAAKtB,KAAKR,MAAQ8B,EAAMC,cAAe,OACvCL,uBAAsB,KACpB,GAAIM,SAASC,WAAYzB,KAAKmB,mBAAmB,GACjD,EAII,iBAAAA,GACN,MAAMR,EAASX,KAAKW,OACpB,IAAKX,KAAKR,OAASmB,GAAQe,cAAgBf,EAAOnB,KAAM,OACxD,GAAImB,EAAOgB,QAAQ,iBAAkB,OACrC,MAAOC,GAAShD,EAAqB+B,IACpCiB,GAASjB,GAAQkB,O,CAGZ,WAAApB,GACN,MAAME,EAASX,KAAKW,OACpBX,KAAKG,eACL,GAAIQ,GAAQnB,KAAMmB,EAAOmB,O,CAInBC,SAAYT,IAClB,IAAKtB,KAAKL,YAAa,CACrB2B,EAAMU,iBACN,M,GAUIC,QAAU,KAChBjC,KAAKG,eACL,GAAIH,KAAKR,KAAMQ,KAAKR,KAAO,KAAK,EAO1B0C,cAAiBZ,IACvB,IAAKtB,KAAKL,aAAe2B,EAAMa,SAAWnC,KAAKW,OAAQ,OACvDX,KAAKR,KAAO,KAAK,EAGX,cAAA4C,GACN,GAAIpC,KAAKN,MAAO,OAAOM,KAAKN,MAC5B,MAAM2C,EAAOrC,KAAKY,GAAG0B,aAAaC,OAClC,OAAOF,EAAOA,EAAKG,MAAM,EAAG,KAAOC,S,CAGrC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,KAAK,SACLC,MAAM,SAAQ,aACF/C,KAAKoC,iBACjBL,SAAU/B,KAAK+B,SACfiB,WAAYhD,KAAKqB,WACjBY,QAASjC,KAAKiC,QACdgB,QAASjD,KAAKkC,eAEdS,EAAA,OAAAE,IAAA,2CAAKE,MAAM,QAAQD,KAAK,SACrB9C,KAAKJ,iBACJ+C,EAAA,UAAAE,IAAA,2CACEE,MAAM,QACND,KAAK,QACLI,KAAK,SAAQ,aACF,QACXD,QAAS,IAAMjD,KAAKK,QAEpBsC,EAAA,OAAAE,IAAA,2CACEM,QAAQ,YACRC,MAAM,KACNC,OAAO,KAAI,cACC,OACZC,UAAU,SAEVX,EAAA,QAAAE,IAAA,2CACEU,EAAE,qBACFC,OAAO,eAAc,eACR,MAAK,iBACH,QACfC,KAAK,WAKbd,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/pitchfork/p-f689e353.entry.js

@@ -0,0 +1,2 @@
+import{r as t,a as s,h as e,H as r}from"./p-Bm6UxEit.js";function n(t){const s=t.findIndex((t=>t.status==="current"));return t.map(((t,e)=>{if(t.status)return t.status;if(s===-1)return e===0?"current":"upcoming";return e<s?"complete":"upcoming"}))}const o=()=>`:host{display:grid}:host([hidden]){display:none}:host([orientation='horizontal']){--pf-progress-step-gap:var(--space-3);gap:var(--pf-progresssteps-progress-step-gap, var(--pf-progress-step-gap));grid-template-columns:1fr}@media (min-width: 640px){:host([orientation='horizontal']){--pf-progress-step-gap:var(--space-4);grid-template-columns:repeat(auto-fit, minmax(160px, 1fr))}}:host([orientation='vertical']){gap:var(--space-3)}slot{display:contents}`;const a=class{constructor(s){t(this,s)}get el(){return s(this)}orientation="horizontal";componentWillLoad(){this.sync()}componentDidLoad(){this.sync()}handleOrientationChange(){this.sync()}async refresh(){this.sync()}get steps(){return Array.from(this.el.querySelectorAll("pf-progress-step")).filter((t=>t.parentElement===this.el))}askedStatus(t){const s=t.status;return s??t.getAttribute("status")??undefined}sync(){const t=this.steps;const s=n(t.map((t=>({status:this.askedStatus(t)}))));for(const[e,r]of t.entries()){const n=r;n.state=s[e];n.position=e+1;n.last=e===t.length-1;n.orientation=this.orientation}}render(){return e(r,{key:"cf93162c6e257b13786028c3c4d602642786fd39",role:"list"},e("slot",{key:"1d1d22b80605aff984af850933c4221a7ae740da",onSlotchange:()=>this.refresh()}))}static get watchers(){return{orientation:[{handleOrientationChange:0}]}}};a.style=o();export{a as pf_progress_steps};
+//# sourceMappingURL=p-f689e353.entry.js.map

package/dist/pitchfork/p-f689e353.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveStepStatuses","steps","firstCurrent","findIndex","step","status","map","index","pfProgressStepsCss","PfProgressSteps","orientation","componentWillLoad","this","sync","componentDidLoad","handleOrientationChange","refresh","Array","from","el","querySelectorAll","filter","parentElement","askedStatus","asProp","getAttribute","undefined","statuses","entries","node","state","position","last","length","render","h","Host","key","role","onSlotchange"],"sources":["../core/dist/steps.js","src/components/pf-progress-steps/pf-progress-steps.css?tag=pf-progress-steps&encapsulation=shadow","src/components/pf-progress-steps/pf-progress-steps.tsx"],"sourcesContent":["//#region src/steps.ts\n/**\n* A status for every step, in order.\n*\n* An explicit status always wins, so a trail can mark several steps complete\n* out of order if it really wants to. Everything else follows from the first\n* step marked `current`: before it is complete, after it is upcoming. With\n* nothing marked at all the first step is the current one, because a progress\n* indicator showing no progress at all reads as broken.\n*\n* The whole array rather than one step's answer, so the scan for that first\n* `current` happens once instead of once per step.\n*/\nfunction resolveStepStatuses(steps) {\n\tconst firstCurrent = steps.findIndex((step) => step.status === \"current\");\n\treturn steps.map((step, index) => {\n\t\tif (step.status) return step.status;\n\t\tif (firstCurrent === -1) return index === 0 ? \"current\" : \"upcoming\";\n\t\treturn index < firstCurrent ? \"complete\" : \"upcoming\";\n\t});\n}\n//#endregion\nexport { resolveStepStatuses };\n",":host {\n  display: grid;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/*\n * The gap is declared here and read by each step's connector, which has to\n * span it: custom properties inherit through the shadow boundary, so the\n * child picks up whichever indicator it is slotted into. The same bridge\n * pf-option uses for its colours.\n */\n:host([orientation='horizontal']) {\n  --pf-progress-step-gap: var(--space-3);\n  gap: var(--pf-progresssteps-progress-step-gap, var(--pf-progress-step-gap));\n  grid-template-columns: 1fr;\n}\n\n@media (--sm) {\n  :host([orientation='horizontal']) {\n    --pf-progress-step-gap: var(--space-4);\n    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  }\n}\n\n:host([orientation='vertical']) {\n  gap: var(--space-3);\n}\n\n/* The steps have to be grid items of the host, not of a box inside it. */\nslot {\n  display: contents;\n}\n","import { resolveStepStatuses, type StepStatus } from '@pitchfork-ui/core';\nimport { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core';\n\nexport type PfProgressStepsOrientation = 'horizontal' | 'vertical';\n\n/**\n * A step indicator over `pf-progress-step` children.\n *\n * The group owns everything a step cannot see on its own: its number, whether\n * it is last — so only the others draw a connector — the orientation, and the\n * status inference, which depends on where the current step is.\n *\n * @slot - the `pf-progress-step` children.\n */\n@Component({\n  tag: 'pf-progress-steps',\n  styleUrl: 'pf-progress-steps.css',\n  shadow: true,\n})\nexport class PfProgressSteps {\n  @Element() el!: HTMLElement;\n\n  /** Layout. Reflected, and pushed down onto every step. */\n  @Prop({ reflect: true }) orientation: PfProgressStepsOrientation = 'horizontal';\n\n  /** The light DOM is readable here, so first paint is already right. */\n  componentWillLoad() {\n    this.sync();\n  }\n\n  componentDidLoad() {\n    this.sync();\n  }\n\n  @Watch('orientation')\n  handleOrientationChange() {\n    this.sync();\n  }\n\n  /**\n   * Re-reads the children, for a consumer who set a step's status through its\n   * *property* — which leaves no attribute and fires no `slotchange`.\n   */\n  @Method()\n  async refresh() {\n    this.sync();\n  }\n\n  /** Direct children only: a nested indicator owns its own steps. */\n  private get steps(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-progress-step')).filter(\n      (step) => step.parentElement === this.el,\n    );\n  }\n\n  /**\n   * The property if the step has upgraded, the attribute if it has not:\n   * `componentWillLoad` can run before a child parsed from HTML upgrades.\n   */\n  private askedStatus(step: HTMLElement): StepStatus | undefined {\n    const asProp = (step as HTMLElement & { status?: StepStatus }).status;\n    return asProp ?? (step.getAttribute('status') as StepStatus | null) ?? undefined;\n  }\n\n  /**\n   * Core's inference, so the React `ProgressSteps` reads the same trail the\n   * same way.\n   *\n   * The answer goes to `state`, never to the `status` a consumer asked with —\n   * the lesson `pf-breadcrumbs` learned the hard way. Writing it back would\n   * make the first step of an unmarked trail look explicitly `current`, and\n   * prepending a step would then leave the mark behind on it.\n   */\n  private sync() {\n    const steps = this.steps;\n    const statuses = resolveStepStatuses(steps.map((step) => ({ status: this.askedStatus(step) })));\n\n    for (const [index, step] of steps.entries()) {\n      const node = step as HTMLElement & {\n        state: StepStatus;\n        position: number;\n        last: boolean;\n        orientation: PfProgressStepsOrientation;\n      };\n      node.state = statuses[index];\n      node.position = index + 1;\n      node.last = index === steps.length - 1;\n      node.orientation = this.orientation;\n    }\n  }\n\n  render() {\n    return (\n      <Host role=\"list\">\n        <slot onSlotchange={() => this.refresh()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAaA,SAASA,EAAoBC,GAC5B,MAAMC,EAAeD,EAAME,WAAWC,GAASA,EAAKC,SAAW,YAC/D,OAAOJ,EAAMK,KAAI,CAACF,EAAMG,KACvB,GAAIH,EAAKC,OAAQ,OAAOD,EAAKC,OAC7B,GAAIH,KAAiB,EAAI,OAAOK,IAAU,EAAI,UAAY,WAC1D,OAAOA,EAAQL,EAAe,WAAa,UAAU,GAEvD,CCpBA,MAAMM,EAAqB,IAAM,uc,MCmBpBC,EAAe,M,iDAIDC,YAA0C,aAGnE,iBAAAC,GACEC,KAAKC,M,CAGP,gBAAAC,GACEF,KAAKC,M,CAIP,uBAAAE,GACEH,KAAKC,M,CAQP,aAAMG,GACJJ,KAAKC,M,CAIP,SAAYZ,GACV,OAAOgB,MAAMC,KAAKN,KAAKO,GAAGC,iBAA8B,qBAAqBC,QAC1EjB,GAASA,EAAKkB,gBAAkBV,KAAKO,I,CAQlC,WAAAI,CAAYnB,GAClB,MAAMoB,EAAUpB,EAA+CC,OAC/D,OAAOmB,GAAWpB,EAAKqB,aAAa,WAAmCC,S,CAYjE,IAAAb,GACN,MAAMZ,EAAQW,KAAKX,MACnB,MAAM0B,EAAW3B,EAAoBC,EAAMK,KAAKF,IAAI,CAAQC,OAAQO,KAAKW,YAAYnB,QAErF,IAAK,MAAOG,EAAOH,KAASH,EAAM2B,UAAW,CAC3C,MAAMC,EAAOzB,EAMbyB,EAAKC,MAAQH,EAASpB,GACtBsB,EAAKE,SAAWxB,EAAQ,EACxBsB,EAAKG,KAAOzB,IAAUN,EAAMgC,OAAS,EACrCJ,EAAKnB,YAAcE,KAAKF,W,EAI5B,MAAAwB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QACTH,EAAA,QAAAE,IAAA,2CAAME,aAAc,IAAM3B,KAAKI,Y","ignoreList":[]}

package/dist/pitchfork/p-f713c62d.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as a,H as r}from"./p-Bm6UxEit.js";const i=()=>`:host{display:block}:host([hidden]){display:none}:host([orientation='horizontal']){flex:0 0 auto}.link{align-items:center;background:transparent;border:0;border-radius:var(--pf-nav-item-radius, var(--radius-sm));color:var(--pf-nav-item-text);cursor:pointer;display:flex;font:inherit;gap:var(--pf-nav-item-gap, var(--space-2));min-height:var(--pf-nav-item-min-height, 32px);padding:var(--pf-nav-item-padding, 0 var(--space-2));text-decoration:none;white-space:nowrap}:host([orientation='vertical']) .link{min-height:var(--pf-nav-item-vertical-min-height, 36px);padding:var(--pf-nav-item-vertical-padding, 0 var(--space-3));width:100%}.link:hover{background:var(--pf-nav-item-hover-bg);color:var(--pf-nav-item-hover-text)}a.link:focus-visible{box-shadow:var(--pf-nav-item-focus-ring, var(--pf-focus-ring));outline:none}:host([current-page]) .link{background:var(--pf-nav-item-current-bg);color:var(--pf-nav-item-current-text);font-weight:var(--font-weight-semibold)}:host([disabled]) .link{cursor:not-allowed;opacity:var(--pf-nav-item-disabled-opacity, 0.5)}:host([disabled]) .link:hover{background:transparent;color:var(--pf-nav-item-text)}.label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}:host([orientation='horizontal']) .label{flex:0 0 auto}::slotted([slot='icon']){color:inherit;flex:0 0 auto}::slotted([slot='badge']){flex:0 0 auto}::slotted(a),::slotted(button){align-items:center;align-self:stretch;background:none;border:0;color:inherit;cursor:inherit;display:flex;flex:1 1 auto;font:inherit;margin:0;padding:0;text-decoration:none}`;const n=class{constructor(a){e(this,a);this.pfNavStructure=t(this,"pfNavStructure")}href;target;rel;current=false;pfNavStructure;handleCurrentChange(){this.pfNavStructure.emit()}currentPage=false;disabled=false;orientation="horizontal";render(){const e=[a("slot",{key:"b478a66b7ae6c6d00b18f762600435dbac37996d",name:"icon"}),a("span",{key:"4b1ddbe87804c604d492b00bbc743299c54f7240",class:"label",part:"label"},a("slot",{key:"86778db42fef8af44096211cd8a743155dca3fb0"})),a("slot",{key:"02fef2701ef217701ce18e71e9ff873dc3bd3a44",name:"badge"})];return a(r,{key:"c4ee7f6245eedd2bf0546ebcb987120212ea18e3",role:"listitem"},this.href&&!this.disabled?a("a",{class:"link",part:"link",href:this.href,target:this.target,rel:this.rel,"aria-current":this.currentPage?"page":null},e):a("span",{class:"link",part:"link","aria-current":this.currentPage?"page":null,"aria-disabled":this.disabled?"true":null},e))}static get watchers(){return{current:[{handleCurrentChange:0}]}}};n.style=i();export{n as pf_nav_item};
+//# sourceMappingURL=p-f713c62d.entry.js.map

package/dist/pitchfork/p-f713c62d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfNavItemCss","PfNavItem","href","target","rel","current","pfNavStructure","handleCurrentChange","this","emit","currentPage","disabled","orientation","render","content","h","key","name","class","part","Host","role"],"sources":["src/components/pf-nav-item/pf-nav-item.css?tag=pf-nav-item&encapsulation=shadow","src/components/pf-nav-item/pf-nav-item.tsx"],"sourcesContent":["/*\n * This element is shared by pf-header-navigation and pf-sidebar-navigation,\n * whose React counterparts have separate alias families with their own\n * values. Rather than pick one and diverge from the other, the item reads a\n * generic `--pf-nav-item-*` set that each navigation defines on itself --\n * custom properties inherit through the shadow boundary, so a slotted item\n * picks up whichever navigation it is inside, which no selector can do\n * (`:host-context` is not in Firefox). Exactly the pf-option arrangement, for\n * the same reason. There is deliberately no `:root` default: without one the\n * bridge is load-bearing, and a missing one shows up as an item with no\n * colours at all rather than as one that quietly looks right.\n */\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([orientation='horizontal']) {\n  flex: 0 0 auto;\n}\n\n.link {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-radius: var(--pf-nav-item-radius, var(--radius-sm));\n  color: var(--pf-nav-item-text);\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  gap: var(--pf-nav-item-gap, var(--space-2));\n  min-height: var(--pf-nav-item-min-height, 32px);\n  padding: var(--pf-nav-item-padding, 0 var(--space-2));\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n:host([orientation='vertical']) .link {\n  min-height: var(--pf-nav-item-vertical-min-height, 36px);\n  padding: var(--pf-nav-item-vertical-padding, 0 var(--space-3));\n  width: 100%;\n}\n\n.link:hover {\n  background: var(--pf-nav-item-hover-bg);\n  color: var(--pf-nav-item-hover-text);\n}\n\na.link:focus-visible {\n  box-shadow: var(--pf-nav-item-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n/*\n * `current-page` is the group's answer, not the consumer's `current` ask: the\n * highlight and the announcement are the same decision, so they read the same\n * attribute.\n */\n:host([current-page]) .link {\n  background: var(--pf-nav-item-current-bg);\n  color: var(--pf-nav-item-current-text);\n  font-weight: var(--font-weight-semibold);\n}\n\n:host([disabled]) .link {\n  cursor: not-allowed;\n  opacity: var(--pf-nav-item-disabled-opacity, 0.5);\n}\n\n:host([disabled]) .link:hover {\n  background: transparent;\n  color: var(--pf-nav-item-text);\n}\n\n/* The label takes the slack so a badge sits at the far edge of a sidebar. */\n.label {\n  flex: 1 1 auto;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n:host([orientation='horizontal']) .label {\n  flex: 0 0 auto;\n}\n\n/*\n * No wrapper around the icon and badge slots: an unassigned slot is\n * `display: contents` and generates nothing, while a wrapper around one\n * cannot be collapsed from CSS and would cost a gap in front of every label\n * with no icon.\n */\n::slotted([slot='icon']) {\n  color: inherit;\n  flex: 0 0 auto;\n}\n\n::slotted([slot='badge']) {\n  flex: 0 0 auto;\n}\n\n/*\n * A consumer's own router link, slotted in with no `href` of ours. It fills\n * the box's content area rather than being a word inside it, and it inherits\n * every colour the box resolved, so hover and the current page look the same\n * whichever of the two is the control.\n */\n::slotted(a),\n::slotted(button) {\n  align-items: center;\n  align-self: stretch;\n  background: none;\n  border: 0;\n  color: inherit;\n  cursor: inherit;\n  display: flex;\n  flex: 1 1 auto;\n  font: inherit;\n  margin: 0;\n  padding: 0;\n  text-decoration: none;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, Watch } from '@stencil/core';\n\n/**\n * One item in a `pf-header-navigation` or a `pf-sidebar-navigation`.\n *\n * Shared by both, because the React library's `HeaderNavigationItem` and\n * `SidebarNavigationItem` are the same shape — one element rather than two\n * that would drift. What differs is the layout, and that is the group's to\n * say: it pushes `orientation` down, which is the only thing an item cannot\n * work out for itself.\n *\n * With an `href` it renders a link; without one it renders a plain box, which\n * is how a framework's own router is used — slot an `<a routerLink>` or a\n * `<Link>` in and leave `href` unset.\n *\n * `currentPage` and `orientation` are the group's to set. A consumer asks by\n * setting `current`; the group resolves every item with core's rule and\n * writes the answer to `currentPage`. Changing the ask tells the group, so\n * the answer follows a framework's re-render without the consumer calling\n * anything.\n *\n * @slot - the item's label.\n * @slot icon - a leading icon.\n * @slot badge - a trailing badge or count.\n * @part link - the link, or the box standing in for one.\n */\n@Component({\n  tag: 'pf-nav-item',\n  styleUrl: 'pf-nav-item.css',\n  shadow: true,\n})\nexport class PfNavItem {\n  /** Where the item goes. Reflected; a consumer's stylesheet reads it. */\n  @Prop({ reflect: true }) href?: string;\n\n  /** Opens elsewhere, as on a plain anchor. Ignored without an `href`. */\n  @Prop() target?: string;\n\n  /** Goes on the anchor as-is. Ignored without an `href`. */\n  @Prop() rel?: string;\n\n  /**\n   * Set it to mark this item as the current page.\n   *\n   * The *asking* half, which the group never writes — `currentPage` below is\n   * the answer. The two are kept apart for the reason `pf-breadcrumb` keeps\n   * them apart: a group that wrote its answer back would leave the mark\n   * behind on an item the consumer had not marked.\n   */\n  @Prop({ reflect: true }) current = false;\n\n  /**\n   * Tells the group the ask changed, so it can resolve again.\n   *\n   * The same event `pf-nav-section` emits when its items move, because the\n   * groups do the same thing with both: re-read every item and resolve the\n   * one current page. Without this a navigation resolves at load and never\n   * again for a consumer who marks items through the *property*, which is\n   * every framework consumer — the generated bindings set props as\n   * properties, so there is no attribute change and no `slotchange` either.\n   * The symptom is a navigation whose highlight never moves while the router\n   * works perfectly, which is what porting `apps/demo` ran into.\n   *\n   * `current` only. Watching `currentPage` would loop, since that is what the\n   * group writes back.\n   */\n  @Event() pfNavStructure!: EventEmitter<void>;\n\n  @Watch('current')\n  handleCurrentChange() {\n    this.pfNavStructure.emit();\n  }\n\n  /**\n   * Set by the group: the resolved current page, which is the one thing that\n   * renders `aria-current=\"page\"`. At most one item in a navigation carries\n   * it, and the highlight follows it rather than `current` — a second\n   * highlighted item with no `aria-current` would be a sighted-only lie.\n   */\n  @Prop({ mutable: true, reflect: true }) currentPage = false;\n\n  /**\n   * Takes the item out of the navigation without removing it.\n   *\n   * A disabled item renders **no anchor at all**, because an anchor has no\n   * disabled state: `aria-disabled` alone leaves it focusable and clickable,\n   * and dropping the `href` is the only thing that really takes it out of the\n   * tab order.\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set by the group, which is the only one that knows which it is. */\n  @Prop({ mutable: true, reflect: true }) orientation: 'horizontal' | 'vertical' = 'horizontal';\n\n  render() {\n    const content = [\n      <slot name=\"icon\" />,\n      <span class=\"label\" part=\"label\">\n        <slot />\n      </span>,\n      <slot name=\"badge\" />,\n    ];\n\n    return (\n      <Host role=\"listitem\">\n        {this.href && !this.disabled ? (\n          <a\n            class=\"link\"\n            part=\"link\"\n            href={this.href}\n            target={this.target}\n            rel={this.rel}\n            aria-current={this.currentPage ? 'page' : null}\n          >\n            {content}\n          </a>\n        ) : (\n          <span\n            class=\"link\"\n            part=\"link\"\n            aria-current={this.currentPage ? 'page' : null}\n            aria-disabled={this.disabled ? 'true' : null}\n          >\n            {content}\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAe,IAAM,6hD,MC+BdC,EAAS,M,sEAEKC,KAGjBC,OAGAC,IAUiBC,QAAU,MAiB1BC,eAGT,mBAAAC,GACEC,KAAKF,eAAeG,M,CASkBC,YAAc,MAU7BC,SAAW,MAGIC,YAAyC,aAEjF,MAAAC,GACE,MAAMC,EAAU,CACdC,EAAA,QAAAC,IAAA,2CAAMC,KAAK,SACXF,EAAA,QAAAC,IAAA,2CAAME,MAAM,QAAQC,KAAK,SACvBJ,EAAA,QAAAC,IAAA,8CAEFD,EAAA,QAAAC,IAAA,2CAAMC,KAAK,WAGb,OACEF,EAACK,EAAI,CAAAJ,IAAA,2CAACK,KAAK,YACRb,KAAKN,OAASM,KAAKG,SAClBI,EAAA,KACEG,MAAM,OACNC,KAAK,OACLjB,KAAMM,KAAKN,KACXC,OAAQK,KAAKL,OACbC,IAAKI,KAAKJ,IAAG,eACCI,KAAKE,YAAc,OAAS,MAEzCI,GAGHC,EAAA,QACEG,MAAM,OACNC,KAAK,OAAM,eACGX,KAAKE,YAAc,OAAS,KAAI,gBAC/BF,KAAKG,SAAW,OAAS,MAEvCG,G","ignoreList":[]}

package/dist/pitchfork/p-f855c9d4.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as r,H as a}from"./p-Bm6UxEit.js";const e=()=>`:host{display:inline-flex}:host([hidden]){display:none}.button{align-items:center;background:var(--pf-buttongroup-bg);border:1px solid var(--pf-buttongroup-border);color:var(--pf-buttongroup-text);cursor:pointer;display:inline-flex;font:inherit;gap:var(--space-2);justify-content:center;line-height:1;margin-inline-start:-1px;min-height:40px;padding:0 var(--space-4);position:relative;transition:background-color var(--pf-transition-fast),     border-color var(--pf-transition-fast),     color var(--pf-transition-fast),     box-shadow var(--pf-transition-fast)}:host(:first-child) .button{border-bottom-left-radius:var(--radius-md);border-top-left-radius:var(--radius-md);margin-inline-start:0}:host(:last-child) .button{border-bottom-right-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.button:focus-visible{box-shadow:var(--pf-buttongroup-focus-ring, var(--pf-focus-ring));outline:none;z-index:2}.button:hover:not(:disabled){background:var(--pf-buttongroup-bg-subtle)}:host([selected]) .button{background:var(--pf-buttongroup-action-primary);border-color:var(--pf-buttongroup-action-primary);color:var(--pf-buttongroup-action-primary-text);z-index:1}:host([selected]) .button:hover:not(:disabled){background:var(--pf-buttongroup-action-primary-hover);border-color:var(--pf-buttongroup-action-primary-hover)}.button:disabled{cursor:not-allowed;opacity:0.55}.button:disabled:hover{background:var(--pf-buttongroup-bg)}:host([selected]) .button:disabled:hover{background:var(--pf-buttongroup-action-primary);border-color:var(--pf-buttongroup-action-primary)}.icon{display:inline-flex;flex-shrink:0;font-size:16px}.dot{background:var(--pf-buttongroup-action-primary);border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}:host([selected]) .dot{background:var(--pf-buttongroup-dot-selected)}`;const i=class{constructor(r){t(this,r);this.pfButtonGroupSelect=o(this,"pfButtonGroupSelect")}value="";disabled=false;groupDisabled=false;selected=false;icon;dot=false;pfButtonGroupSelect;onClick=()=>{if(this.disabled||this.groupDisabled)return;this.pfButtonGroupSelect.emit({value:this.value})};render(){const t=this.disabled||this.groupDisabled;return r(a,{key:"32d9d9f92d18efa67f8f0a1c6958b9aad11f82c6"},r("button",{key:"271d2f140ec040979d4f497aa1b610afe728f48b",type:"button",class:"button",part:"button","aria-pressed":this.selected?"true":"false",disabled:t,onClick:this.onClick},this.icon&&r("pf-icon",{key:"b52b1251a1d5a76ee4956fa71206ff6003d45577",class:"icon",part:"icon",name:this.icon,"aria-hidden":"true"}),this.dot&&r("span",{key:"56ebc9f5d68ea5bdaee36ed812e143e65cca6613",class:"dot",part:"dot","aria-hidden":"true"}),r("span",{key:"2da80f85ab0cc7650bc0836284a1b21cf96653ce",class:"label",part:"label"},r("slot",{key:"46d2f6cec317a9d4d2b63d96b4678f02ef1f7269"}))))}};i.style=e();export{i as pf_button_group_item};
+//# sourceMappingURL=p-f855c9d4.entry.js.map

package/dist/pitchfork/p-f855c9d4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfButtonGroupItemCss","PfButtonGroupItem","value","disabled","groupDisabled","selected","icon","dot","pfButtonGroupSelect","onClick","this","emit","render","off","h","Host","key","type","class","part","name"],"sources":["src/components/pf-button-group-item/pf-button-group-item.css?tag=pf-button-group-item&encapsulation=shadow","src/components/pf-button-group-item/pf-button-group-item.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.button {\n  align-items: center;\n  background: var(--pf-buttongroup-bg);\n  border: 1px solid var(--pf-buttongroup-border);\n  color: var(--pf-buttongroup-text);\n  cursor: pointer;\n  display: inline-flex;\n  font: inherit;\n  gap: var(--space-2);\n  justify-content: center;\n  line-height: 1;\n  /* The buttons share a border, so each laps one pixel over the last. */\n  margin-inline-start: -1px;\n  min-height: 40px;\n  padding: 0 var(--space-4);\n  position: relative;\n  transition:\n    background-color var(--pf-transition-fast),\n    border-color var(--pf-transition-fast),\n    color var(--pf-transition-fast),\n    box-shadow var(--pf-transition-fast);\n}\n\n/*\n * The rounded ends, from in here rather than from the group's sheet:\n * `::slotted()` takes a compound selector and no combinator, and the radius\n * belongs on the inner button in any case -- it is the thing with the border.\n * The same arrangement as pf-accordion-item's rule between sections.\n */\n:host(:first-child) .button {\n  border-bottom-left-radius: var(--radius-md);\n  border-top-left-radius: var(--radius-md);\n  margin-inline-start: 0;\n}\n\n:host(:last-child) .button {\n  border-bottom-right-radius: var(--radius-md);\n  border-top-right-radius: var(--radius-md);\n}\n\n.button:focus-visible {\n  box-shadow: var(--pf-buttongroup-focus-ring, var(--pf-focus-ring));\n  outline: none;\n  /* Above both neighbours, so the ring is not clipped by their borders. */\n  z-index: 2;\n}\n\n.button:hover:not(:disabled) {\n  background: var(--pf-buttongroup-bg-subtle);\n}\n\n:host([selected]) .button {\n  background: var(--pf-buttongroup-action-primary);\n  border-color: var(--pf-buttongroup-action-primary);\n  color: var(--pf-buttongroup-action-primary-text);\n  z-index: 1;\n}\n\n:host([selected]) .button:hover:not(:disabled) {\n  background: var(--pf-buttongroup-action-primary-hover);\n  border-color: var(--pf-buttongroup-action-primary-hover);\n}\n\n.button:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.button:disabled:hover {\n  background: var(--pf-buttongroup-bg);\n}\n\n:host([selected]) .button:disabled:hover {\n  background: var(--pf-buttongroup-action-primary);\n  border-color: var(--pf-buttongroup-action-primary);\n}\n\n.icon {\n  display: inline-flex;\n  flex-shrink: 0;\n  font-size: 16px;\n}\n\n.dot {\n  background: var(--pf-buttongroup-action-primary);\n  border-radius: var(--radius-full);\n  flex-shrink: 0;\n  height: 8px;\n  width: 8px;\n}\n\n/* There is an alias for exactly this, so the selected dot uses it. */\n:host([selected]) .dot {\n  background: var(--pf-buttongroup-dot-selected);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n/**\n * One button inside a `pf-button-group`.\n *\n * It only reports that it was pressed; the group owns the selection, exactly\n * as `pf-radio-group` does for its radios. The group writes `selected` and\n * `groupDisabled` back onto it.\n *\n * `aria-pressed` rather than `aria-checked`: these are toggle buttons, not\n * radios, which is also why every one of them is a tab stop.\n *\n * @slot - the button's label.\n * @part button - the button itself.\n * @part icon - the leading icon, when `icon` is set.\n * @part dot - the leading dot, when `dot` is set.\n * @part label - the label's box.\n */\n@Component({\n  tag: 'pf-button-group-item',\n  styleUrl: 'pf-button-group-item.css',\n  shadow: true,\n})\nexport class PfButtonGroupItem {\n  /**\n   * The value the group reports when this button is chosen.\n   *\n   * Reflected, because the generated bindings set props as *properties*: an\n   * unreflected prop leaves no attribute, and anything selecting on one — a\n   * consumer's stylesheet, or a test — finds nothing.\n   */\n  @Prop({ reflect: true }) value = '';\n\n  /** Disable this button alone. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Set by the group when the whole group is disabled, kept apart from\n   * `disabled` so that enabling the group does not enable a button the\n   * consumer disabled on its own.\n   */\n  @Prop({ mutable: true, reflect: true }) groupDisabled = false;\n\n  /** Set by the group. Reflected, so the stylesheet can mark the choice. */\n  @Prop({ mutable: true, reflect: true }) selected = false;\n\n  /** A leading icon's name, from the same registry as `pf-icon`. */\n  @Prop() icon?: string;\n\n  /** Draw a leading dot — a status light rather than an icon. */\n  @Prop({ reflect: true }) dot = false;\n\n  /** Asks the group to choose this button. The group decides. */\n  @Event() pfButtonGroupSelect!: EventEmitter<{ value: string }>;\n\n  private onClick = () => {\n    if (this.disabled || this.groupDisabled) return;\n    this.pfButtonGroupSelect.emit({ value: this.value });\n  };\n\n  render() {\n    const off = this.disabled || this.groupDisabled;\n\n    return (\n      <Host>\n        <button\n          type=\"button\"\n          class=\"button\"\n          part=\"button\"\n          aria-pressed={this.selected ? 'true' : 'false'}\n          disabled={off}\n          onClick={this.onClick}\n        >\n          {this.icon && (\n            <pf-icon class=\"icon\" part=\"icon\" name={this.icon} aria-hidden=\"true\"></pf-icon>\n          )}\n          {this.dot && <span class=\"dot\" part=\"dot\" aria-hidden=\"true\"></span>}\n          <span class=\"label\" part=\"label\">\n            <slot />\n          </span>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAuB,IAAM,gyD,MCuBtBC,EAAiB,M,gFAQHC,MAAQ,GAGRC,SAAW,MAOIC,cAAgB,MAGhBC,SAAW,MAG3CC,KAGiBC,IAAM,MAGtBC,oBAEDC,QAAU,KAChB,GAAIC,KAAKP,UAAYO,KAAKN,cAAe,OACzCM,KAAKF,oBAAoBG,KAAK,CAAET,MAAOQ,KAAKR,OAAQ,EAGtD,MAAAU,GACE,MAAMC,EAAMH,KAAKP,UAAYO,KAAKN,cAElC,OACEU,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CACEC,KAAK,SACLC,MAAM,SACNC,KAAK,SAAQ,eACCT,KAAKL,SAAW,OAAS,QACvCF,SAAUU,EACVJ,QAASC,KAAKD,SAEbC,KAAKJ,MACJQ,EAAA,WAAAE,IAAA,2CAASE,MAAM,OAAOC,KAAK,OAAOC,KAAMV,KAAKJ,KAAI,cAAc,SAEhEI,KAAKH,KAAOO,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,MAAK,cAAa,SACtDL,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SACvBL,EAAA,QAAAE,IAAA,+C","ignoreList":[]}

package/dist/pitchfork/p-fa1302c7.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as a,a as i,h as s,H as t}from"./p-Bm6UxEit.js";async function r(e){const a=typeof navigator==="undefined"?void 0:navigator.clipboard;if(!a?.writeText)return false;try{await a.writeText(e);return true}catch{return false}}function n(e){const a=e.replace(/\r\n/g,"\n").split("\n");if(a.length>1&&a[a.length-1]==="")a.pop();return a}const o=()=>`:host{display:block}:host([hidden]){display:none}.figure{background:var(--pf-code-snippet-bg);border:1px solid     var(       --pf-code-snippet-border,       color-mix(in srgb, var(--pf-code-snippet-bg) 82%, var(--pf-mix-base))     );border-radius:var(--radius-md);color:var(--pf-code-snippet-text);display:grid;margin:0;overflow:hidden}.header{align-items:center;background:var(     --pf-code-snippet-header-bg,     color-mix(in srgb, var(--pf-code-snippet-bg) 78%, var(--pf-mix-base))   );border-bottom:1px solid     var(       --pf-code-snippet-header-border,       color-mix(in srgb, var(--pf-code-snippet-bg) 65%, var(--pf-mix-base))     );display:flex;gap:var(--space-3);justify-content:space-between;min-height:40px;padding:0 var(--space-3)}.meta{align-items:baseline;display:inline-flex;gap:var(--space-2)}.title{color:var(--pf-code-snippet-title);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.language{color:var(--pf-code-snippet-language);font-size:var(--font-size-xs);text-transform:uppercase}.copy{align-items:center;background:var(     --pf-code-snippet-copy-bg,     color-mix(in srgb, var(--pf-code-snippet-bg) 70%, var(--pf-mix-base))   );border:1px solid     var(       --pf-code-snippet-copy-border,       color-mix(in srgb, var(--pf-code-snippet-bg) 55%, var(--pf-mix-base))     );border-radius:var(--radius-sm);color:var(--pf-code-snippet-copy-text);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.copy:hover{background:var(     --pf-code-snippet-copy-hover-bg,     color-mix(in srgb, var(--pf-code-snippet-bg) 58%, var(--pf-mix-base))   )}.copy:focus-visible{box-shadow:var(--pf-code-snippet-focus-ring, var(--pf-focus-ring));outline:none}.pre{font-family:var(--pf-code-font-family);font-size:var(--font-size-xs);line-height:1.65;margin:0;overflow:auto;padding:var(--space-3)}.plain,.markup{font:inherit}.markup.empty{display:none}.numbered{display:grid;font:inherit;grid-template-columns:auto 1fr}.line{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}.line-number{color:var(--pf-code-snippet-line-number);padding-inline-end:var(--space-3);text-align:end;user-select:none}.line-content{white-space:pre}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`;const p=class{constructor(i){e(this,i);this.pfCopy=a(this,"pfCopy");this.pfCopyError=a(this,"pfCopyError")}get el(){return i(this)}code="";language;heading;showLineNumbers=false;maxHeight;copyLabel="Copy";copiedLabel="Copied";copyFailedLabel="Copy failed";feedbackDuration=1600;pfCopy;pfCopyError;copied=false;failed=false;hasMarkup=false;resetTimer;componentWillLoad(){this.readSlot()}disconnectedCallback(){if(this.resetTimer!==undefined)window.clearTimeout(this.resetTimer)}async copy(){const e=await r(this.text);this.copied=e;this.failed=!e;if(e)this.pfCopy.emit({code:this.text});else this.pfCopyError.emit({message:this.copyFailedLabel});if(this.resetTimer!==undefined)window.clearTimeout(this.resetTimer);this.resetTimer=window.setTimeout((()=>{this.copied=false;this.failed=false;this.resetTimer=undefined}),Number(this.feedbackDuration)||1600);return e}get text(){if(this.code)return this.code;return this.el.textContent?.replace(/^\n/,"").trimEnd()??""}readSlot(){this.hasMarkup=Array.from(this.el.children).some((e=>!e.getAttribute("slot")&&e.textContent?.trim()))}render(){const e=n(this.code);const a=this.showLineNumbers&&!this.hasMarkup;const i=this.failed?this.copyFailedLabel:this.copied?this.copiedLabel:this.copyLabel;return s(t,{key:"ce790e02e48648e3f7237ae481cc9be19405dff5"},s("figure",{key:"256bedbf5c296e327a468ca8dcd7eb8a0b222ab5",class:"figure",part:"figure"},s("figcaption",{key:"19348aab69fda332deaa4bcfe960a51bba03628e",class:"header",part:"header"},s("span",{key:"a205ec4595e3c4bc7a3a0014a4f382ba5b1cd60e",class:"meta"},this.heading&&s("span",{key:"2952765b50ea3f47530f1512f5d3f300a3c7d46c",class:"title",part:"title"},this.heading),this.language&&s("span",{key:"dcf391d1cb9cee8dfdaf6225ea9492b0cf5024aa",class:"language",part:"language"},this.language)),s("button",{key:"81de649f6f5110741cea4a4a2c1cc5df2f6c1b94",type:"button",class:"copy",part:"copy","aria-describedby":"status",onClick:()=>this.copy()},s("pf-icon",{key:"2c5a328413fed44f659006170f1b30f436c53e10",name:this.failed?"triangle-exclamation":this.copied?"circle-check":"copy","aria-hidden":"true"}),s("span",{key:"b87e57f38c086e97e3a8a9ab9bc24aee878c388a"},i))),s("pre",{key:"31e71cc4836610003941856a5455e6ccf8c086f2",class:"pre",part:"pre",style:this.maxHeight?{maxHeight:`${this.maxHeight}px`,overflow:"auto"}:{}},s("code",{key:"6f019f3f6965e2b745ff7447b8c7ce14d76d88ff",class:{markup:true,empty:!this.hasMarkup}},s("slot",{key:"ad02a6b56fd9e8429b396e6d3a432801e6a24369",onSlotchange:()=>this.readSlot()})),!this.hasMarkup&&(a?s("code",{class:"numbered"},e.map(((e,a)=>s("span",{class:"line",part:"line"},s("span",{class:"line-number",part:"line-number","aria-hidden":"true"},a+1),s("span",{class:"line-content"},e===""?"\n":e))))):s("code",{class:"plain"},this.code))),s("span",{key:"3b0d4abef444eeb902bebe28c97ac1db7c097b24",class:"sr-only",id:"status","aria-live":"polite"},this.failed?this.copyFailedLabel:this.copied?this.copiedLabel:"")))}};p.style=o();export{p as pf_code_snippet};
+//# sourceMappingURL=p-fa1302c7.entry.js.map

package/dist/pitchfork/p-fa1302c7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["async","copyText","text","clipboard","navigator","writeText","splitCodeLines","code","lines","replace","split","length","pop","pfCodeSnippetCss","PfCodeSnippet","language","heading","showLineNumbers","maxHeight","copyLabel","copiedLabel","copyFailedLabel","feedbackDuration","pfCopy","pfCopyError","copied","failed","hasMarkup","resetTimer","componentWillLoad","this","readSlot","disconnectedCallback","undefined","window","clearTimeout","copy","ok","emit","message","setTimeout","Number","el","textContent","trimEnd","Array","from","children","some","child","getAttribute","trim","render","numbered","label","h","Host","key","class","part","type","onClick","name","style","overflow","markup","empty","onSlotchange","map","line","index","id"],"sources":["../core/dist/clipboard.js","src/components/pf-code-snippet/pf-code-snippet.css?tag=pf-code-snippet&encapsulation=shadow","src/components/pf-code-snippet/pf-code-snippet.tsx"],"sourcesContent":["//#region src/clipboard.ts\n/**\n* Copying text, and saying honestly whether it worked.\n*\n* In core because it is about the DOM — `navigator.clipboard` — rather than\n* about React, and because both layers have a copy button whose label is a\n* claim about what just happened.\n*/\n/**\n* Copies `text`, resolving to whether it was actually copied.\n*\n* The return value is the whole point. The React `CodeSnippet` wrote\n*\n* ```ts\n* if (navigator.clipboard?.writeText) await navigator.clipboard.writeText(code);\n* setCopied(true);\n* ```\n*\n* — so where the API is missing the condition is simply false, nothing is\n* copied, and the button says \"Copied\" anyway. The API *is* missing in any\n* insecure context, which is every plain-`http` page and any iframe without\n* clipboard permission, so this was not a theoretical branch.\n*\n* There is deliberately no `document.execCommand('copy')` fallback. It is\n* deprecated, it needs a focused selection to work from, and it fails in most\n* of the same places; telling a person the copy failed, so they can select the\n* text themselves, is better than a second silent path to the same false\n* claim.\n*/\nasync function copyText(text) {\n\tconst clipboard = typeof navigator === \"undefined\" ? void 0 : navigator.clipboard;\n\tif (!clipboard?.writeText) return false;\n\ttry {\n\t\tawait clipboard.writeText(text);\n\t\treturn true;\n\t} catch {\n\t\treturn false;\n\t}\n}\n/**\n* A snippet's lines, for a gutter to count.\n*\n* A trailing newline is dropped, because a file that ends in one — nearly\n* every file — would otherwise show a numbered blank line at the end that is\n* not part of the code. Every other blank line is kept: they are the author's.\n*/\nfunction splitCodeLines(code) {\n\tconst lines = code.replace(/\\r\\n/g, \"\\n\").split(\"\\n\");\n\tif (lines.length > 1 && lines[lines.length - 1] === \"\") lines.pop();\n\treturn lines;\n}\n//#endregion\nexport { copyText, splitCodeLines };\n",":host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.figure {\n  background: var(--pf-code-snippet-bg);\n  /*\n   * Derived borders and header stay as fallback mixes rather than theme.css\n   * aliases, so a scoped `--pf-code-snippet-bg` override re-tints them — the\n   * same arrangement the React stylesheet uses, and the reason the two look\n   * identical under a custom background.\n   */\n  border: 1px solid\n    var(\n      --pf-code-snippet-border,\n      color-mix(in srgb, var(--pf-code-snippet-bg) 82%, var(--pf-mix-base))\n    );\n  border-radius: var(--radius-md);\n  color: var(--pf-code-snippet-text);\n  display: grid;\n  margin: 0;\n  overflow: hidden;\n}\n\n.header {\n  align-items: center;\n  background: var(\n    --pf-code-snippet-header-bg,\n    color-mix(in srgb, var(--pf-code-snippet-bg) 78%, var(--pf-mix-base))\n  );\n  border-bottom: 1px solid\n    var(\n      --pf-code-snippet-header-border,\n      color-mix(in srgb, var(--pf-code-snippet-bg) 65%, var(--pf-mix-base))\n    );\n  display: flex;\n  gap: var(--space-3);\n  justify-content: space-between;\n  min-height: 40px;\n  padding: 0 var(--space-3);\n}\n\n.meta {\n  align-items: baseline;\n  display: inline-flex;\n  gap: var(--space-2);\n}\n\n.title {\n  color: var(--pf-code-snippet-title);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-semibold);\n}\n\n.language {\n  color: var(--pf-code-snippet-language);\n  font-size: var(--font-size-xs);\n  text-transform: uppercase;\n}\n\n.copy {\n  align-items: center;\n  background: var(\n    --pf-code-snippet-copy-bg,\n    color-mix(in srgb, var(--pf-code-snippet-bg) 70%, var(--pf-mix-base))\n  );\n  border: 1px solid\n    var(\n      --pf-code-snippet-copy-border,\n      color-mix(in srgb, var(--pf-code-snippet-bg) 55%, var(--pf-mix-base))\n    );\n  border-radius: var(--radius-sm);\n  color: var(--pf-code-snippet-copy-text);\n  cursor: pointer;\n  display: inline-flex;\n  font: inherit;\n  font-size: var(--font-size-xs);\n  gap: var(--space-1);\n  padding: var(--space-1) var(--space-2);\n}\n\n.copy:hover {\n  background: var(\n    --pf-code-snippet-copy-hover-bg,\n    color-mix(in srgb, var(--pf-code-snippet-bg) 58%, var(--pf-mix-base))\n  );\n}\n\n.copy:focus-visible {\n  box-shadow: var(--pf-code-snippet-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.pre {\n  font-family: var(--pf-code-font-family);\n  font-size: var(--font-size-xs);\n  line-height: 1.65;\n  margin: 0;\n  overflow: auto;\n  padding: var(--space-3);\n}\n\n.plain,\n.markup {\n  font: inherit;\n}\n\n/*\n * Two classes deep, because the ties break on source order and a bare\n * `.empty` would lose to whatever `display` a later rule gives the box. The\n * slot itself stays rendered inside it either way, or markup added later\n * would never fire `slotchange`.\n */\n.markup.empty {\n  display: none;\n}\n\n/*\n * A grid, not a table: the numbers only have to line up in a column, and a\n * row here has no box of its own to need. `white-space: pre` on the content\n * is what keeps the author's indentation.\n */\n.numbered {\n  display: grid;\n  font: inherit;\n  grid-template-columns: auto 1fr;\n}\n\n.line {\n  display: grid;\n  grid-column: 1 / -1;\n  grid-template-columns: subgrid;\n}\n\n.line-number {\n  color: var(--pf-code-snippet-line-number);\n  padding-inline-end: var(--space-3);\n  text-align: end;\n  user-select: none;\n}\n\n.line-content {\n  white-space: pre;\n}\n\n/*\n * Each element needs its own copy: `.pf-sr-only` is declared once in the\n * React library's global sheet and does not cross a shadow boundary.\n */\n.sr-only {\n  border: 0;\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { copyText, splitCodeLines } from '@pitchfork-ui/core';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n} from '@stencil/core';\n\n/**\n * A code block with a copy button.\n *\n * **No syntax highlighting, deliberately.** The React `CodeSnippet` uses\n * `prism-react-renderer`, which is a React renderer and has no equivalent\n * here; the alternatives are all large runtime dependencies, and an element in\n * a design system should not make a consumer's bundle choose one. A consumer\n * who already highlights code slots the markup their highlighter produced into\n * the default slot, and this renders that instead of the plain text — it still\n * owns the frame, the header, the copy button and the announcement.\n *\n * Line numbers are offered only for the plain-text path. Aligning a gutter\n * with someone else's markup needs to know where their lines break, which only\n * they know.\n *\n * @slot - pre-highlighted markup, rendered instead of `code`.\n * @part figure - the frame.\n * @part header - the title, language and copy button.\n * @part title - the title text.\n * @part language - the language tag.\n * @part copy - the copy button.\n * @part pre - the code block.\n * @part line - one numbered line, when line numbers are on.\n * @part line-number - that line's number.\n */\n@Component({\n  tag: 'pf-code-snippet',\n  styleUrl: 'pf-code-snippet.css',\n  shadow: true,\n})\nexport class PfCodeSnippet {\n  @Element() el!: HTMLElement;\n\n  /** The code, as plain text. */\n  @Prop() code = '';\n\n  /** Shown as a tag in the header, and not used for anything else. */\n  @Prop({ reflect: true }) language?: string;\n\n  /** Shown in the header. */\n  @Prop() heading?: string;\n\n  @Prop({ reflect: true }) showLineNumbers = false;\n\n  /** Scrolls past this height, in pixels. */\n  @Prop() maxHeight?: number;\n\n  @Prop() copyLabel = 'Copy';\n\n  @Prop() copiedLabel = 'Copied';\n\n  @Prop() copyFailedLabel = 'Copy failed';\n\n  /**\n   * How long the button keeps saying what the last press did, in\n   * milliseconds.\n   *\n   * A prop rather than a constant because a live region that still holds\n   * \"Copied\" when the next copy happens announces nothing, so how long it\n   * holds is a real decision — and because a test cannot use fake timers\n   * here: `vi.useFakeTimers()` replaces `requestAnimationFrame`, which\n   * Stencil's render queue runs on, and wedges every test after it.\n   */\n  @Prop() feedbackDuration = 1600;\n\n  /** Fires with the text that reached the clipboard. Not fired on a failure. */\n  @Event() pfCopy!: EventEmitter<{ code: string }>;\n\n  /** Fires when the copy could not be made, with the reason shown. */\n  @Event() pfCopyError!: EventEmitter<{ message: string }>;\n\n  @State() copied = false;\n\n  @State() failed = false;\n\n  /** Whether the consumer slotted their own highlighted markup. */\n  @State() hasMarkup = false;\n\n  private resetTimer?: number;\n\n  /** The light DOM is readable here, so first paint is already right. */\n  componentWillLoad() {\n    this.readSlot();\n  }\n\n  disconnectedCallback() {\n    if (this.resetTimer !== undefined) window.clearTimeout(this.resetTimer);\n  }\n\n  /** Copies the snippet, as pressing the button does. */\n  @Method()\n  async copy(): Promise<boolean> {\n    /*\n     * The return value is the whole point. The React component guarded the\n     * write with `if (navigator.clipboard?.writeText)` and then said\n     * \"Copied\" regardless, so in any insecure context it claimed a copy it\n     * had not made.\n     */\n    const ok = await copyText(this.text);\n\n    this.copied = ok;\n    this.failed = !ok;\n\n    if (ok) this.pfCopy.emit({ code: this.text });\n    else this.pfCopyError.emit({ message: this.copyFailedLabel });\n\n    // One timer, restarted rather than stacked.\n    if (this.resetTimer !== undefined) window.clearTimeout(this.resetTimer);\n    this.resetTimer = window.setTimeout(\n      () => {\n        this.copied = false;\n        this.failed = false;\n        this.resetTimer = undefined;\n      },\n      Number(this.feedbackDuration) || 1600,\n    );\n\n    return ok;\n  }\n\n  /** What gets copied: the code, or the slotted markup's own text. */\n  private get text(): string {\n    if (this.code) return this.code;\n    return this.el.textContent?.replace(/^\\n/, '').trimEnd() ?? '';\n  }\n\n  private readSlot() {\n    this.hasMarkup = Array.from(this.el.children).some(\n      (child) => !child.getAttribute('slot') && child.textContent?.trim(),\n    );\n  }\n\n  render() {\n    const lines = splitCodeLines(this.code);\n    const numbered = this.showLineNumbers && !this.hasMarkup;\n    const label = this.failed\n      ? this.copyFailedLabel\n      : this.copied\n        ? this.copiedLabel\n        : this.copyLabel;\n\n    return (\n      <Host>\n        <figure class=\"figure\" part=\"figure\">\n          <figcaption class=\"header\" part=\"header\">\n            <span class=\"meta\">\n              {this.heading && (\n                <span class=\"title\" part=\"title\">\n                  {this.heading}\n                </span>\n              )}\n              {this.language && (\n                <span class=\"language\" part=\"language\">\n                  {this.language}\n                </span>\n              )}\n            </span>\n\n            <button\n              type=\"button\"\n              class=\"copy\"\n              part=\"copy\"\n              aria-describedby=\"status\"\n              onClick={() => this.copy()}\n            >\n              <pf-icon\n                name={this.failed ? 'triangle-exclamation' : this.copied ? 'circle-check' : 'copy'}\n                aria-hidden=\"true\"\n              ></pf-icon>\n              <span>{label}</span>\n            </button>\n          </figcaption>\n\n          <pre\n            class=\"pre\"\n            part=\"pre\"\n            style={this.maxHeight ? { maxHeight: `${this.maxHeight}px`, overflow: 'auto' } : {}}\n          >\n            {/*\n              The slot stays in the tree whichever path is taken: a slot that\n              is not rendered never fires `slotchange`, so markup added later\n              would stay invisible for good.\n            */}\n            <code class={{ markup: true, empty: !this.hasMarkup }}>\n              <slot onSlotchange={() => this.readSlot()} />\n            </code>\n\n            {!this.hasMarkup &&\n              (numbered ? (\n                <code class=\"numbered\">\n                  {lines.map((line, index) => (\n                    <span class=\"line\" part=\"line\">\n                      <span class=\"line-number\" part=\"line-number\" aria-hidden=\"true\">\n                        {index + 1}\n                      </span>\n                      <span class=\"line-content\">{line === '' ? '\\n' : line}</span>\n                    </span>\n                  ))}\n                </code>\n              ) : (\n                <code class=\"plain\">{this.code}</code>\n              ))}\n          </pre>\n\n          {/*\n            The announcement, on a box that is always present: a live region\n            added at the moment it changes is not announced. It is also the\n            button's description, which is what tells a reader using the\n            button what the last press did.\n          */}\n          <span class=\"sr-only\" id=\"status\" aria-live=\"polite\">\n            {this.failed ? this.copyFailedLabel : this.copied ? this.copiedLabel : ''}\n          </span>\n        </figure>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEA6BAA,eAAeC,EAASC,GACvB,MAAMC,SAAmBC,YAAc,iBAAc,EAASA,UAAUD,UACxE,IAAKA,GAAWE,UAAW,OAAO,MAClC,UACOF,EAAUE,UAAUH,GAC1B,OAAO,IACT,CAAG,MACD,OAAO,KACT,CACA,CAQA,SAASI,EAAeC,GACvB,MAAMC,EAAQD,EAAKE,QAAQ,QAAS,MAAMC,MAAM,MAChD,GAAIF,EAAMG,OAAS,GAAKH,EAAMA,EAAMG,OAAS,KAAO,GAAIH,EAAMI,MAC9D,OAAOJ,CACR,CClDA,MAAMK,EAAmB,IAAM,m1E,MC2ClBC,EAAa,M,qHAIhBP,KAAO,GAGUQ,SAGjBC,QAEiBC,gBAAkB,MAGnCC,UAEAC,UAAY,OAEZC,YAAc,SAEdC,gBAAkB,cAYlBC,iBAAmB,KAGlBC,OAGAC,YAEAC,OAAS,MAETC,OAAS,MAGTC,UAAY,MAEbC,WAGR,iBAAAC,GACEC,KAAKC,U,CAGP,oBAAAC,GACE,GAAIF,KAAKF,aAAeK,UAAWC,OAAOC,aAAaL,KAAKF,W,CAK9D,UAAMQ,GAOJ,MAAMC,QAAWpC,EAAS6B,KAAK5B,MAE/B4B,KAAKL,OAASY,EACdP,KAAKJ,QAAUW,EAEf,GAAIA,EAAIP,KAAKP,OAAOe,KAAK,CAAE/B,KAAMuB,KAAK5B,YACjC4B,KAAKN,YAAYc,KAAK,CAAEC,QAAST,KAAKT,kBAG3C,GAAIS,KAAKF,aAAeK,UAAWC,OAAOC,aAAaL,KAAKF,YAC5DE,KAAKF,WAAaM,OAAOM,YACvB,KACEV,KAAKL,OAAS,MACdK,KAAKJ,OAAS,MACdI,KAAKF,WAAaK,SAAS,GAE7BQ,OAAOX,KAAKR,mBAAqB,MAGnC,OAAOe,C,CAIT,QAAYnC,GACV,GAAI4B,KAAKvB,KAAM,OAAOuB,KAAKvB,KAC3B,OAAOuB,KAAKY,GAAGC,aAAalC,QAAQ,MAAO,IAAImC,WAAa,E,CAGtD,QAAAb,GACND,KAAKH,UAAYkB,MAAMC,KAAKhB,KAAKY,GAAGK,UAAUC,MAC3CC,IAAWA,EAAMC,aAAa,SAAWD,EAAMN,aAAaQ,Q,CAIjE,MAAAC,GACE,MAAM5C,EAAQF,EAAewB,KAAKvB,MAClC,MAAM8C,EAAWvB,KAAKb,kBAAoBa,KAAKH,UAC/C,MAAM2B,EAAQxB,KAAKJ,OACfI,KAAKT,gBACLS,KAAKL,OACHK,KAAKV,YACLU,KAAKX,UAEX,OACEoC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,UAAAE,IAAA,2CAAQC,MAAM,SAASC,KAAK,UAC1BJ,EAAA,cAAAE,IAAA,2CAAYC,MAAM,SAASC,KAAK,UAC9BJ,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QACT5B,KAAKd,SACJuC,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SACtB7B,KAAKd,SAGTc,KAAKf,UACJwC,EAAA,QAAAE,IAAA,2CAAMC,MAAM,WAAWC,KAAK,YACzB7B,KAAKf,WAKZwC,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLF,MAAM,OACNC,KAAK,OAAM,mBACM,SACjBE,QAAS,IAAM/B,KAAKM,QAEpBmB,EAAA,WAAAE,IAAA,2CACEK,KAAMhC,KAAKJ,OAAS,uBAAyBI,KAAKL,OAAS,eAAiB,OAAM,cACtE,SAEd8B,EAAA,QAAAE,IAAA,4CAAOH,KAIXC,EAAA,OAAAE,IAAA,2CACEC,MAAM,MACNC,KAAK,MACLI,MAAOjC,KAAKZ,UAAY,CAAEA,UAAW,GAAGY,KAAKZ,cAAe8C,SAAU,QAAW,IAOjFT,EAAA,QAAAE,IAAA,2CAAMC,MAAO,CAAEO,OAAQ,KAAMC,OAAQpC,KAAKH,YACxC4B,EAAA,QAAAE,IAAA,2CAAMU,aAAc,IAAMrC,KAAKC,eAG/BD,KAAKH,YACJ0B,EACCE,EAAA,QAAMG,MAAM,YACTlD,EAAM4D,KAAI,CAACC,EAAMC,IAChBf,EAAA,QAAMG,MAAM,OAAOC,KAAK,QACtBJ,EAAA,QAAMG,MAAM,cAAcC,KAAK,cAAa,cAAa,QACtDW,EAAQ,GAEXf,EAAA,QAAMG,MAAM,gBAAgBW,IAAS,GAAK,KAAOA,OAKvDd,EAAA,QAAMG,MAAM,SAAS5B,KAAKvB,QAUhCgD,EAAA,QAAAE,IAAA,2CAAMC,MAAM,UAAUa,GAAG,SAAQ,YAAW,UACzCzC,KAAKJ,OAASI,KAAKT,gBAAkBS,KAAKL,OAASK,KAAKV,YAAc,K","ignoreList":[]}

package/dist/pitchfork/p-fd802631.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as r,a as t,h as i,H as a}from"./p-Bm6UxEit.js";import{a as s}from"./p-Cr6IXrUk.js";import{c as o}from"./p-Cy_kHPeC.js";const c=()=>`:host{display:inline-block}:host([hidden]){display:none}.field{align-items:center;display:inline-flex;gap:var(--space-2)}.input{appearance:none;background:var(--pf-checkbox-bg);border:1px solid var(--pf-checkbox-border);border-radius:var(--pf-checkbox-radius, var(--radius-sm));box-sizing:border-box;cursor:pointer;display:inline-block;flex-shrink:0;height:18px;margin:0;position:relative;width:18px}.input:checked{background:var(--pf-checkbox-checked-bg);border-color:var(--pf-checkbox-border)}.input::after{border:solid var(--pf-checkbox-check-color);border-width:0 2px 2px 0;content:'';height:9px;left:5px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);width:5px}.input:checked::after{opacity:1}.input:focus-visible{box-shadow:var(--pf-checkbox-focus-ring, var(--pf-focus-ring));outline:none}.input:disabled{cursor:not-allowed;opacity:0.55}.input:disabled+.label{cursor:not-allowed;opacity:0.65}.label{color:var(--pf-checkbox-label-text);font-size:var(--font-size-md)}.error{color:var(--pf-checkbox-field-error, var(--pf-field-error));font-size:var(--font-size-sm);margin:var(--space-1) 0 0}`;const n=class{constructor(t){e(this,t);this.pfChange=r(this,"pfChange");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}}get el(){return t(this)}internals;name;checked=false;value="on";label;error;required=false;disabled=false;pfChange;initialChecked=false;componentWillLoad(){this.initialChecked=this.checked;this.syncFormState()}syncFormState(){this.internals.setFormValue(this.checked?this.value:null);s(this.internals,this.checked,this.required,this.error)}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.checked=this.initialChecked}onChange=e=>{this.checked=e.target.checked;this.pfChange.emit({checked:this.checked,value:this.value})};render(){return i(a,{key:"f0888c00b688aef2c90deb60a7496971c2e52ac3"},i("div",{key:"25dbafc87f7c597cc055ade975033bab23ed67d9",class:"field",part:"field"},i("input",{key:"2d6f97d80d2686ad13ddac12bf70d12828611ad8",id:"input","aria-label":o(this.el,this.label),part:"input",class:"input",type:"checkbox",name:this.name,value:this.value,checked:this.checked,required:this.required,disabled:this.disabled,"aria-invalid":this.error?"true":null,"aria-describedby":this.error?"error":null,onChange:this.onChange}),this.label&&i("label",{key:"0c6427fb3168226dd5c69e06e5769efab4cc0d5e",class:"label",part:"label",htmlFor:"input"},this.label)),this.error&&i("p",{key:"401852018ce3b0c0a856e669d96c33d185a5b730",class:"error",part:"error",id:"error"},this.error))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{checked:[{syncFormState:0}],error:[{syncFormState:0}],required:[{syncFormState:0}],value:[{syncFormState:0}]}}};n.style=c();export{n as pf_checkbox};
+//# sourceMappingURL=p-fd802631.entry.js.map

package/dist/pitchfork/p-fd802631.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfCheckboxCss","PfCheckbox","internals","name","checked","value","label","error","required","disabled","pfChange","initialChecked","componentWillLoad","this","syncFormState","setFormValue","applyControlValidity","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","onChange","event","target","emit","render","h","Host","key","class","part","id","controlAriaLabel","el","type","htmlFor"],"sources":["src/components/pf-checkbox/pf-checkbox.css?tag=pf-checkbox&encapsulation=shadow","src/components/pf-checkbox/pf-checkbox.tsx"],"sourcesContent":[":host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n}\n\n.input {\n  appearance: none;\n  background: var(--pf-checkbox-bg);\n  border: 1px solid var(--pf-checkbox-border);\n  border-radius: var(--pf-checkbox-radius, var(--radius-sm));\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-block;\n  flex-shrink: 0;\n  height: 18px;\n  margin: 0;\n  position: relative;\n  width: 18px;\n}\n\n.input:checked {\n  background: var(--pf-checkbox-checked-bg);\n  border-color: var(--pf-checkbox-border);\n}\n\n/* The tick: two borders of a rotated box. */\n.input::after {\n  border: solid var(--pf-checkbox-check-color);\n  border-width: 0 2px 2px 0;\n  content: '';\n  height: 9px;\n  left: 5px;\n  opacity: 0;\n  position: absolute;\n  top: 2px;\n  transform: rotate(45deg);\n  width: 5px;\n}\n\n.input:checked::after {\n  opacity: 1;\n}\n\n.input:focus-visible {\n  box-shadow: var(--pf-checkbox-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.input:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.input:disabled + .label {\n  cursor: not-allowed;\n  opacity: 0.65;\n}\n\n.label {\n  color: var(--pf-checkbox-label-text);\n  font-size: var(--font-size-md);\n}\n\n.error {\n  color: var(--pf-checkbox-field-error, var(--pf-field-error));\n  font-size: var(--font-size-sm);\n  margin: var(--space-1) 0 0;\n}\n","import {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\nimport { applyControlValidity } from '../../form-validity';\nimport { controlAriaLabel } from '../../control-label';\n\n/**\n * A form-associated checkbox.\n *\n * @part field - the wrapper around control and label.\n * @part input - the native checkbox.\n * @part label - the label element.\n */\n@Component({\n  tag: 'pf-checkbox',\n  styleUrl: 'pf-checkbox.css',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n})\nexport class PfCheckbox {\n  @Element() el!: HTMLElement;\n\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * Submitted under this name.\n   *\n   * Reflected, because a form-associated custom element takes its submission\n   * name from the `name` *content attribute* -- not from this property. A\n   * framework wrapper that sets properties rather than attributes (the\n   * generated React bindings do) would otherwise leave the control nameless\n   * and absent from the submission, with every other sign of working.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** Whether the box is ticked. Reflected so the stylesheet can select on it. */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * What is submitted when ticked. Mirrors the native attribute, whose default\n   * is also `on` — a checkbox with no value still submits something.\n   */\n  @Prop() value = 'on';\n\n  /** Visible label, rendered in the same root so `for` actually associates. */\n  @Prop() label?: string;\n\n  /** Error message. Its presence is what marks the control invalid. */\n  @Prop() error?: string;\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires when the user ticks or unticks the box. */\n  @Event() pfChange!: EventEmitter<{ checked: boolean; value: string }>;\n\n  /** The state a form reset restores, which is the initial attribute. */\n  private initialChecked = false;\n\n  componentWillLoad() {\n    this.initialChecked = this.checked;\n    this.syncFormState();\n  }\n\n  @Watch('checked')\n  @Watch('error')\n  @Watch('required')\n  @Watch('value')\n  syncFormState() {\n    /*\n     * `null`, not an empty string, when unticked: an unchecked checkbox is\n     * absent from the submission entirely, rather than present and empty.\n     * That is what a server distinguishing \"unticked\" from \"not sent\" relies\n     * on, and it is what a native checkbox does.\n     */\n    this.internals.setFormValue(this.checked ? this.value : null);\n    applyControlValidity(this.internals, this.checked, this.required, this.error);\n  }\n\n  /** A form-associated custom element does not inherit this. */\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  /** As `checkValidity`, but also shows the browser's validation message. */\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  /** The message explaining why the control is invalid, or an empty string. */\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  /**\n   * A reset restores the initial state, not `false` — a native\n   * `<input type=checkbox checked>` comes back ticked.\n   */\n  formResetCallback() {\n    this.checked = this.initialChecked;\n  }\n\n  private onChange = (event: Event) => {\n    this.checked = (event.target as HTMLInputElement).checked;\n    this.pfChange.emit({ checked: this.checked, value: this.value });\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          <input\n            id=\"input\"\n            aria-label={controlAriaLabel(this.el, this.label)}\n            part=\"input\"\n            class=\"input\"\n            type=\"checkbox\"\n            name={this.name}\n            value={this.value}\n            checked={this.checked}\n            required={this.required}\n            disabled={this.disabled}\n            aria-invalid={this.error ? 'true' : null}\n            aria-describedby={this.error ? 'error' : null}\n            onChange={this.onChange}\n          />\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"input\">\n              {this.label}\n            </label>\n          )}\n        </div>\n        {this.error && (\n          <p class=\"error\" part=\"error\" id=\"error\">\n            {this.error}\n          </p>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAAA,MAAMA,EAAgB,IAAM,slC,MC6BfC,EAAU,M,mPAGFC,UAWMC,KAGeC,QAAU,MAM1CC,MAAQ,KAGRC,MAGAC,MAEiBC,SAAW,MAEXC,SAAW,MAG3BC,SAGDC,eAAiB,MAEzB,iBAAAC,GACEC,KAAKF,eAAiBE,KAAKT,QAC3BS,KAAKC,e,CAOP,aAAAA,GAOED,KAAKX,UAAUa,aAAaF,KAAKT,QAAUS,KAAKR,MAAQ,MACxDW,EAAqBH,KAAKX,UAAWW,KAAKT,QAASS,KAAKL,SAAUK,KAAKN,M,CAKzE,mBAAMU,GACJ,OAAOJ,KAAKX,UAAUe,e,CAKxB,oBAAMC,GACJ,OAAOL,KAAKX,UAAUgB,gB,CAKxB,0BAAMC,GACJ,OAAON,KAAKX,UAAUkB,iB,CAOxB,iBAAAC,GACER,KAAKT,QAAUS,KAAKF,c,CAGdW,SAAYC,IAClBV,KAAKT,QAAWmB,EAAMC,OAA4BpB,QAClDS,KAAKH,SAASe,KAAK,CAAErB,QAASS,KAAKT,QAASC,MAAOQ,KAAKR,OAAQ,EAGlE,MAAAqB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,SACtBJ,EAAA,SAAAE,IAAA,2CACEG,GAAG,QAAO,aACEC,EAAiBpB,KAAKqB,GAAIrB,KAAKP,OAC3CyB,KAAK,QACLD,MAAM,QACNK,KAAK,WACLhC,KAAMU,KAAKV,KACXE,MAAOQ,KAAKR,MACZD,QAASS,KAAKT,QACdI,SAAUK,KAAKL,SACfC,SAAUI,KAAKJ,SAAQ,eACTI,KAAKN,MAAQ,OAAS,KAAI,mBACtBM,KAAKN,MAAQ,QAAU,KACzCe,SAAUT,KAAKS,WAEhBT,KAAKP,OACJqB,EAAA,SAAAE,IAAA,2CAAOC,MAAM,QAAQC,KAAK,QAAQK,QAAQ,SACvCvB,KAAKP,QAIXO,KAAKN,OACJoB,EAAA,KAAAE,IAAA,2CAAGC,MAAM,QAAQC,KAAK,QAAQC,GAAG,SAC9BnB,KAAKN,O","ignoreList":[]}

package/dist/pitchfork/p-fe6f403c.entry.js

@@ -0,0 +1,2 @@
+import{r,h as a,H as e}from"./p-Bm6UxEit.js";const o=()=>`:host{align-items:center;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1}:host([hidden]){display:none}.badge,.text{border:1px solid;display:inline-flex;min-height:24px;padding:0 var(--space-2);white-space:nowrap}.badge{align-items:center;border-radius:var(--radius-full);z-index:1}.text{align-items:center}:host([badge-position='leading']) .text{border-radius:0 var(--radius-full) var(--radius-full) 0;margin-inline-start:-1px;padding-inline-start:calc(var(--space-2) + 2px)}:host([badge-position='leading']) .badge{border-radius:var(--radius-full) 0 0 var(--radius-full)}:host([badge-position='trailing']) .text{border-radius:var(--radius-full) 0 0 var(--radius-full);margin-inline-end:-1px;padding-inline-end:calc(var(--space-2) + 2px)}:host([badge-position='trailing']) .badge{border-radius:0 var(--radius-full) var(--radius-full) 0}:host([color='gray']) .badge{background:var(--pf-badgegroup-gray-100);border-color:var(--pf-badgegroup-gray-200);color:var(--pf-badgegroup-gray-700)}:host([color='brand']) .badge{background:var(--pf-badgegroup-brand-100);border-color:var(--pf-badgegroup-brand-300);color:var(--pf-badgegroup-brand-700)}:host([color='error']) .badge{background:var(--pf-badgegroup-danger-bg);border-color:var(--pf-badgegroup-danger-border);color:var(--pf-badgegroup-danger-text)}:host([color='warning']) .badge{background:var(--pf-badgegroup-warning-bg);border-color:var(--pf-badgegroup-warning-border);color:var(--pf-badgegroup-warning-text)}:host([color='success']) .badge{background:var(--pf-badgegroup-success-bg);border-color:var(--pf-badgegroup-success-border);color:var(--pf-badgegroup-success-text)}:host([appearance='pill']) .text{background:var(--pf-badgegroup-surface-bg, var(--pf-surface-bg))}:host([appearance='modern']) .text{background:var(--pf-badgegroup-surface-subtle, var(--pf-surface-subtle))}:host([color='gray']) .text{border-color:var(--pf-badgegroup-gray-200);color:var(--pf-badgegroup-gray-700)}:host([color='brand']) .text{border-color:var(--pf-badgegroup-brand-300);color:var(--pf-badgegroup-brand-700)}:host([color='error']) .text{border-color:var(--pf-badgegroup-danger-border);color:var(--pf-badgegroup-danger-text)}:host([color='warning']) .text{border-color:var(--pf-badgegroup-warning-border);color:var(--pf-badgegroup-warning-text)}:host([color='success']) .text{border-color:var(--pf-badgegroup-success-border);color:var(--pf-badgegroup-success-text)}`;const d=class{constructor(a){r(this,a)}label="";message="";color="gray";appearance="pill";badgePosition="leading";render(){const r=a("span",{key:"decc69e468385f59c798b7b5fc542fd9f0fc76be",class:"badge",part:"badge"},this.label);const o=a("span",{key:"944cbbd02fab9c6cc3c344464a55bc2f0d5c2082",class:"text",part:"text"},this.message);return a(e,{key:"cdb8ab25262ced71a32ad6de49f3eab4e3daab6a"},this.badgePosition==="leading"?[r,o]:[o,r])}};d.style=o();export{d as pf_badge_group};
+//# sourceMappingURL=p-fe6f403c.entry.js.map

package/dist/pitchfork/p-fe6f403c.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfBadgeGroupCss","PfBadgeGroup","label","message","color","appearance","badgePosition","render","badge","h","key","class","part","this","text","Host"],"sources":["src/components/pf-badge-group/pf-badge-group.css?tag=pf-badge-group&encapsulation=shadow","src/components/pf-badge-group/pf-badge-group.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: inline-flex;\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-medium);\n  line-height: 1;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.badge,\n.text {\n  border: 1px solid;\n  display: inline-flex;\n  min-height: 24px;\n  padding: 0 var(--space-2);\n  white-space: nowrap;\n}\n\n.badge {\n  align-items: center;\n  border-radius: var(--radius-full);\n  /* Above the text, so the shared edge shows the badge's border, not both. */\n  z-index: 1;\n}\n\n.text {\n  align-items: center;\n}\n\n/*\n * The two halves overlap by a pixel so their borders coincide into one line,\n * and the inner padding gains that pixel back so the text is not pulled\n * off-centre.\n */\n:host([badge-position='leading']) .text {\n  border-radius: 0 var(--radius-full) var(--radius-full) 0;\n  margin-inline-start: -1px;\n  padding-inline-start: calc(var(--space-2) + 2px);\n}\n\n:host([badge-position='leading']) .badge {\n  border-radius: var(--radius-full) 0 0 var(--radius-full);\n}\n\n:host([badge-position='trailing']) .text {\n  border-radius: var(--radius-full) 0 0 var(--radius-full);\n  margin-inline-end: -1px;\n  padding-inline-end: calc(var(--space-2) + 2px);\n}\n\n:host([badge-position='trailing']) .badge {\n  border-radius: 0 var(--radius-full) var(--radius-full) 0;\n}\n\n:host([color='gray']) .badge {\n  background: var(--pf-badgegroup-gray-100);\n  border-color: var(--pf-badgegroup-gray-200);\n  color: var(--pf-badgegroup-gray-700);\n}\n\n:host([color='brand']) .badge {\n  background: var(--pf-badgegroup-brand-100);\n  border-color: var(--pf-badgegroup-brand-300);\n  color: var(--pf-badgegroup-brand-700);\n}\n\n:host([color='error']) .badge {\n  background: var(--pf-badgegroup-danger-bg);\n  border-color: var(--pf-badgegroup-danger-border);\n  color: var(--pf-badgegroup-danger-text);\n}\n\n:host([color='warning']) .badge {\n  background: var(--pf-badgegroup-warning-bg);\n  border-color: var(--pf-badgegroup-warning-border);\n  color: var(--pf-badgegroup-warning-text);\n}\n\n:host([color='success']) .badge {\n  background: var(--pf-badgegroup-success-bg);\n  border-color: var(--pf-badgegroup-success-border);\n  color: var(--pf-badgegroup-success-text);\n}\n\n:host([appearance='pill']) .text {\n  background: var(--pf-badgegroup-surface-bg, var(--pf-surface-bg));\n}\n\n:host([appearance='modern']) .text {\n  background: var(--pf-badgegroup-surface-subtle, var(--pf-surface-subtle));\n}\n\n:host([color='gray']) .text {\n  border-color: var(--pf-badgegroup-gray-200);\n  color: var(--pf-badgegroup-gray-700);\n}\n\n:host([color='brand']) .text {\n  border-color: var(--pf-badgegroup-brand-300);\n  color: var(--pf-badgegroup-brand-700);\n}\n\n:host([color='error']) .text {\n  border-color: var(--pf-badgegroup-danger-border);\n  color: var(--pf-badgegroup-danger-text);\n}\n\n:host([color='warning']) .text {\n  border-color: var(--pf-badgegroup-warning-border);\n  color: var(--pf-badgegroup-warning-text);\n}\n\n:host([color='success']) .text {\n  border-color: var(--pf-badgegroup-success-border);\n  color: var(--pf-badgegroup-success-text);\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nexport type PfBadgeGroupColor = 'gray' | 'brand' | 'error' | 'warning' | 'success';\nexport type PfBadgeGroupAppearance = 'pill' | 'modern';\nexport type PfBadgeGroupBadgePosition = 'leading' | 'trailing';\n\n/**\n * A badge joined to a line of text, sharing one rounded outline — the\n * \"2 new · See what's changed\" pattern.\n *\n * @part badge - the coloured badge.\n * @part text - the message beside it.\n */\n@Component({\n  tag: 'pf-badge-group',\n  styleUrl: 'pf-badge-group.css',\n  shadow: true,\n})\nexport class PfBadgeGroup {\n  /** The badge's text. */\n  @Prop() label = '';\n\n  /** The message beside the badge. */\n  @Prop() message = '';\n\n  /** Colour treatment. Reflected so the stylesheet can select on it. */\n  @Prop({ reflect: true }) color: PfBadgeGroupColor = 'gray';\n\n  /** Surface treatment for the message. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) appearance: PfBadgeGroupAppearance = 'pill';\n\n  /** Which side the badge sits on. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) badgePosition: PfBadgeGroupBadgePosition = 'leading';\n\n  render() {\n    const badge = (\n      <span class=\"badge\" part=\"badge\">\n        {this.label}\n      </span>\n    );\n    const text = (\n      <span class=\"text\" part=\"text\">\n        {this.message}\n      </span>\n    );\n\n    /*\n     * Ordered in the DOM rather than reversed with `flex-direction`, so a\n     * screen reader reads the badge and the message in the order they appear.\n     */\n    return <Host>{this.badgePosition === 'leading' ? [badge, text] : [text, badge]}</Host>;\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAkB,IAAM,65E,MCkBjBC,EAAY,M,yBAEfC,MAAQ,GAGRC,QAAU,GAGOC,MAA2B,OAG3BC,WAAqC,OAGrCC,cAA2C,UAEpE,MAAAC,GACE,MAAMC,EACJC,EAAA,QAAAC,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SACtBC,KAAKX,OAGV,MAAMY,EACJL,EAAA,QAAAC,IAAA,2CAAMC,MAAM,OAAOC,KAAK,QACrBC,KAAKV,SAQV,OAAOM,EAACM,EAAI,CAAAL,IAAA,4CAAEG,KAAKP,gBAAkB,UAAY,CAACE,EAAOM,GAAQ,CAACA,EAAMN,G","ignoreList":[]}

package/dist/pitchfork/p-g4FlTDZx.js

@@ -0,0 +1,2 @@
+var r={ArrowDown:"ArrowDown",ArrowLeft:"ArrowLeft",ArrowRight:"ArrowRight",ArrowUp:"ArrowUp",End:"End",Enter:"Enter",Escape:"Escape",Home:"Home",Space:" "};var o=o=>o===r.Enter||o===r.Space;export{r as K,o as i};
+//# sourceMappingURL=p-g4FlTDZx.js.map

package/dist/pitchfork/p-g4FlTDZx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"p-g4FlTDZx.js","sources":["../core/dist/keys.js"],"sourcesContent":["//#region src/keys.ts\nvar Keys = {\n\tArrowDown: \"ArrowDown\",\n\tArrowLeft: \"ArrowLeft\",\n\tArrowRight: \"ArrowRight\",\n\tArrowUp: \"ArrowUp\",\n\tEnd: \"End\",\n\tEnter: \"Enter\",\n\tEscape: \"Escape\",\n\tHome: \"Home\",\n\tSpace: \" \",\n\tTab: \"Tab\"\n};\nvar isActivationKey = (key) => key === Keys.Enter || key === Keys.Space;\n//#endregion\nexport { Keys, isActivationKey };\n"],"names":[],"mappings":"AAAA;AACG,IAAC,IAAI,GAAG;AACX,CAAC,SAAS,EAAE,WAAW;AACvB,CAAC,SAAS,EAAE,WAAW;AACvB,CAAC,UAAU,EAAE,YAAY;AACzB,CAAC,OAAO,EAAE,SAAS;AACnB,CAAC,GAAG,EAAE,KAAK;AACX,CAAC,KAAK,EAAE,OAAO;AACf,CAAC,MAAM,EAAE,QAAQ;AACjB,CAAC,IAAI,EAAE,MAAM;AACb,CAAC,KAAK,EAAE,GAER;AACG,IAAC,eAAe,GAAG,CAAC,GAAG,KAAK,GAAG,KAAK,IAAI,CAAC,KAAK,IAAI,GAAG,KAAK,IAAI,CAAC;;;;"}

package/dist/pitchfork/pitchfork.css

@@ -0,0 +1,40 @@
+:root{--color-base-white:#ffffff;--color-base-black:#0b0b0f;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-brand-50:#eef2ff;--color-brand-100:#e0e7ff;--color-brand-200:#c7d2fe;--color-brand-300:#a5b4fc;--color-brand-400:#818cf8;--color-brand-500:#6366f1;--color-brand-600:#4f46e5;--color-brand-700:#4338ca;--color-brand-800:#3730a3;--color-brand-900:#312e81;--color-success-50:#ecfdf3;--color-success-100:#d1fadf;--color-success-200:#a6f4c5;--color-success-300:#6ce9a6;--color-success-400:#32d583;--color-success-500:#12b76a;--color-success-600:#039855;--color-success-700:#027a48;--color-success-800:#05603a;--color-success-900:#054f31;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-danger-50:#fef3f2;--color-danger-100:#fee4e2;--color-danger-200:#fecdca;--color-danger-300:#fda29b;--color-danger-400:#f97066;--color-danger-500:#f04438;--color-danger-600:#d92d20;--color-danger-700:#b42318;--color-danger-800:#912018;--color-danger-900:#7a271a;--duration-fast:120ms;--duration-moderate:180ms;--duration-slow:280ms;--easing-standard:cubic-bezier(0.4, 0, 0.2, 1);--easing-decelerate:cubic-bezier(0, 0, 0.2, 1);--easing-accelerate:cubic-bezier(0.4, 0, 1, 1);--shadow-sm:0 1px 2px rgb(15 23 42 / 0.08);--shadow-md:0 8px 24px rgb(15 23 42 / 0.12);--shadow-lg:0 18px 48px rgb(15 23 42 / 0.16);--shadow-focus:0 0 0 3px rgb(59 130 246 / 0.35);--space-0:0rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-13:3.25rem;--space-14:3.5rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-full:9999px;--size-control-sm:2.25rem;--size-control-md:2.5rem;--size-control-lg:3rem;--size-icon-sm:1rem;--size-icon-md:1.25rem;--size-icon-lg:1.5rem;--font-family-sans:Geist, Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-size-2xs:0.6875rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.75rem;--font-size-4xl:2.25rem;--font-size-5xl:2.5rem;--font-line-height-tight:1.2;--font-line-height-normal:1.5;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--color-semantic-background-default:var(--color-base-white);--color-semantic-background-subtle:var(--color-gray-50);--color-semantic-background-raised:var(--color-base-white);--color-semantic-background-disabled:var(--color-gray-100);--color-semantic-text-default:var(--color-gray-900);--color-semantic-text-muted:var(--color-gray-500);--color-semantic-text-subtle:var(--color-gray-600);--color-semantic-text-inverse:var(--color-base-white);--color-semantic-text-disabled:var(--color-gray-400);--color-semantic-border-muted:var(--color-gray-100);--color-semantic-border-default:var(--color-gray-200);--color-semantic-border-strong:var(--color-gray-300);--color-semantic-border-focus:var(--color-brand-500);--color-semantic-border-disabled:var(--color-gray-200);--color-semantic-action-primary:var(--color-brand-700);--color-semantic-action-primary-hover:var(--color-brand-800);--color-semantic-action-primary-active:var(--color-brand-900);--color-semantic-action-primary-text:var(--color-base-white);--color-semantic-action-secondary:var(--color-gray-100);--color-semantic-action-secondary-hover:var(--color-gray-200);--color-semantic-action-secondary-text:var(--color-gray-900);--color-semantic-status-success-background:var(--color-success-50);--color-semantic-status-success-border:var(--color-success-200);--color-semantic-status-success-foreground:var(--color-success-700);--color-semantic-status-success-bright:var(--color-success-500);--color-semantic-status-warning-background:var(--color-warning-50);--color-semantic-status-warning-border:var(--color-warning-200);--color-semantic-status-warning-foreground:var(--color-warning-700);--color-semantic-status-warning-bright:var(--color-warning-500);--color-semantic-status-danger-background:var(--color-danger-50);--color-semantic-status-danger-border:var(--color-danger-200);--color-semantic-status-danger-foreground:var(--color-danger-700);--color-semantic-status-danger-bright:var(--color-danger-500)}:root{color-scheme:light;--pf-focus-ring-color:var(--color-semantic-border-focus, var(--color-brand-500));--pf-focus-ring-width:3px;--pf-focus-ring-offset:2px;--pf-focus-ring:0 0 0 var(--pf-focus-ring-width)
+    color-mix(in srgb, var(--pf-focus-ring-color) 35%, transparent);--pf-focus-outline:var(--pf-focus-ring-width) solid var(--pf-focus-ring-color);--pf-transition-fast:var(--duration-fast) var(--easing-standard);--pf-transition-medium:var(--duration-moderate) var(--easing-standard);--pf-transition-slow:var(--duration-slow) var(--easing-standard);--pf-transition-enter:var(--duration-moderate) var(--easing-decelerate);--pf-transition-exit:var(--duration-fast) var(--easing-accelerate);--pf-mix-base:var(--color-base-white);--pf-control-height-sm:var(--size-control-sm, 36px);--pf-control-height-md:var(--size-control-md, 40px);--pf-control-height-lg:var(--size-control-lg, 48px);--pf-control-padding-x-sm:var(--space-3);--pf-control-padding-x-md:var(--space-3);--pf-control-padding-x-lg:var(--space-5);--pf-control-radius:var(--radius-md);--pf-control-border:var(--color-semantic-border-default);--pf-control-border-hover:var(--color-semantic-border-strong);--pf-control-border-focus:var(
+    --color-semantic-border-focus,
+    var(--color-semantic-action-primary)
+  );--pf-control-bg:var(--color-semantic-background-default);--pf-control-bg-disabled:var(--color-semantic-background-disabled, var(--color-gray-100));--pf-control-text:var(--color-semantic-text-default);--pf-control-text-muted:var(--color-semantic-text-muted);--pf-control-text-disabled:var(--color-semantic-text-disabled, var(--color-gray-400));--pf-z-index-dropdown:1000;--pf-z-index-popover:1100;--pf-z-index-modal:1200;--pf-button-primary-bg:var(--color-semantic-action-primary);--pf-button-primary-bg-hover:var(--color-semantic-action-primary-hover);--pf-button-primary-text:var(--color-semantic-action-primary-text);--pf-button-secondary-bg:var(--color-semantic-background-default);--pf-button-secondary-bg-hover:var(--color-semantic-background-subtle);--pf-button-secondary-border:var(--color-semantic-border-default);--pf-button-secondary-border-hover:var(--color-semantic-border-strong);--pf-button-secondary-text:var(--color-semantic-text-default);--pf-button-ghost-text:var(--color-semantic-text-default);--pf-button-ghost-bg-hover:var(--color-semantic-background-subtle);--pf-button-destructive-bg:var(--color-danger-600);--pf-button-destructive-bg-hover:var(--color-danger-700);--pf-button-destructive-text:var(--color-base-white);--pf-field-label:var(--color-semantic-text-default);--pf-field-description:var(--color-semantic-text-muted);--pf-field-error:var(--color-semantic-status-danger-foreground);--pf-input-bg:var(--pf-control-bg);--pf-input-border:var(--pf-control-border);--pf-input-text:var(--pf-control-text);--pf-input-placeholder:var(--pf-control-text-muted);--pf-surface-bg:var(
+    --color-semantic-background-raised,
+    var(--color-semantic-background-default)
+  );--pf-surface-subtle:var(--color-semantic-background-subtle);--pf-surface-border:var(--color-semantic-border-default);--pf-surface-border-strong:var(--color-semantic-border-strong);--pf-select-menu-bg:var(--pf-surface-bg);--pf-select-menu-border:var(--pf-surface-border-strong);--pf-select-option-active-bg:var(--color-semantic-action-primary);--pf-select-option-active-text:var(--color-semantic-action-primary-text);--pf-combobox-bg:var(--pf-input-bg);--pf-combobox-border:var(--pf-input-border);--pf-combobox-text:var(--pf-input-text);--pf-combobox-placeholder:var(--pf-input-placeholder);--pf-combobox-focus-border:var(--color-semantic-action-primary);--pf-combobox-invalid-border:var(--color-semantic-status-danger-border);--pf-combobox-menu-bg:var(--pf-surface-bg);--pf-combobox-menu-border:var(--pf-surface-border-strong);--pf-combobox-option-active-bg:var(--color-semantic-action-primary);--pf-combobox-option-active-text:var(--color-semantic-action-primary-text);--pf-command-bg:var(--pf-surface-bg);--pf-command-border:var(--pf-surface-border-strong);--pf-command-text:var(--color-semantic-text-default);--pf-command-text-muted:var(--color-semantic-text-muted);--pf-command-shortcut-bg:var(--color-semantic-background-subtle);--pf-command-item-active-bg:var(--color-semantic-action-primary);--pf-command-item-active-text:var(--color-semantic-action-primary-text);--pf-timeline-connector:var(--color-semantic-border-default);--pf-timeline-title:var(--color-semantic-text-default);--pf-timeline-timestamp:var(--color-semantic-text-muted);--pf-timeline-description:var(--color-semantic-text-muted);--pf-timeline-default-bg:var(--color-brand-100);--pf-timeline-default-border:var(--color-semantic-action-primary);--pf-timeline-default-icon:var(--color-semantic-action-primary);--pf-timeline-success-bg:var(--color-semantic-status-success-background);--pf-timeline-success-border:var(--color-semantic-status-success-foreground);--pf-timeline-success-icon:var(--color-semantic-status-success-foreground);--pf-timeline-warning-bg:var(--color-semantic-status-warning-background);--pf-timeline-warning-border:var(--color-semantic-status-warning-foreground);--pf-timeline-warning-icon:var(--color-semantic-status-warning-foreground);--pf-timeline-danger-bg:var(--color-semantic-status-danger-background);--pf-timeline-danger-border:var(--color-semantic-status-danger-foreground);--pf-timeline-danger-icon:var(--color-semantic-status-danger-foreground);--pf-taginput-bg:var(--pf-input-bg);--pf-taginput-border:var(--pf-input-border);--pf-taginput-text:var(--pf-input-text);--pf-taginput-placeholder:var(--pf-input-placeholder);--pf-taginput-focus-border:var(--color-semantic-action-primary);--pf-taginput-invalid-border:var(--color-semantic-status-danger-border);--pf-timepicker-bg:var(--pf-input-bg);--pf-timepicker-border:var(--pf-input-border);--pf-timepicker-text:var(--pf-input-text);--pf-timepicker-text-muted:var(--pf-input-placeholder);--pf-timepicker-placeholder:var(--pf-input-placeholder);--pf-timepicker-focus-border:var(--color-semantic-action-primary);--pf-timepicker-invalid-border:var(--color-semantic-status-danger-border);--pf-timepicker-menu-bg:var(--pf-surface-bg);--pf-timepicker-menu-border:var(--pf-surface-border-strong);--pf-timepicker-option-hover-bg:var(--color-semantic-background-subtle);--pf-timepicker-option-active-bg:var(--color-semantic-action-primary);--pf-timepicker-option-active-text:var(--color-semantic-action-primary-text);--pf-numberinput-bg:var(--pf-input-bg);--pf-numberinput-border:var(--pf-input-border);--pf-numberinput-text:var(--pf-input-text);--pf-numberinput-placeholder:var(--pf-input-placeholder);--pf-numberinput-focus-border:var(--color-semantic-action-primary);--pf-numberinput-invalid-border:var(--color-semantic-status-danger-border);--pf-numberinput-step-bg:var(--color-semantic-background-subtle);--pf-numberinput-step-text:var(--color-semantic-text-default);--pf-numberinput-step-hover-bg:var(--color-semantic-action-primary);--pf-numberinput-step-hover-text:var(--color-semantic-action-primary-text);--pf-overlay-backdrop:color-mix(in srgb, var(--color-gray-900) 48%, transparent);--pf-elevation-overlay-shadow:0 24px 60px
+    color-mix(in srgb, var(--color-gray-900) 18%, transparent);--pf-elevation-popover-shadow:0 14px 30px
+    color-mix(in srgb, var(--color-base-black) 12%, transparent);--pf-elevation-floating-shadow:0 16px 32px
+    color-mix(in srgb, var(--color-gray-900) 8%, transparent);--pf-elevation-tab-active-shadow:0 1px 2px
+    color-mix(in srgb, var(--color-gray-900) 12%, transparent);--pf-elevation-tooltip-shadow:0 10px 24px
+    color-mix(in srgb, var(--color-base-black) 24%, transparent);--pf-control-thumb-outline-shadow:0 0 0 1px
+    color-mix(in srgb, var(--color-base-black) 6%, transparent);--pf-slider-track-height:0.5rem;--pf-slider-thumb-size:1.125rem;--pf-tabs-tab-padding-y-md:0.625rem;--pf-tabs-tab-padding-x-md:0.875rem;--pf-tabs-underline-width:2px;--pf-calendar-bg:var(--color-semantic-background-default);--pf-calendar-border:var(--color-semantic-border-default);--pf-calendar-text:var(--color-semantic-text-default);--pf-calendar-text-muted:var(--color-semantic-text-muted);--pf-calendar-bg-subtle:var(--color-semantic-background-subtle);--pf-calendar-today-bg:var(--color-semantic-status-warning-background);--pf-calendar-today-border:var(--color-semantic-status-warning-border);--pf-calendar-selected-bg:var(--color-semantic-action-primary);--pf-calendar-selected-text:var(--color-semantic-action-primary-text);--pf-calendar-selected-bg-hover:var(--color-semantic-action-primary-hover);--pf-calendar-invalid-border:var(--color-semantic-status-danger-border);--pf-breadcrumbs-link-color:var(--color-semantic-text-muted);--pf-breadcrumbs-link-hover-color:var(--color-semantic-text-default);--pf-breadcrumbs-link-current-color:var(--color-semantic-text-default);--pf-breadcrumbs-separator-color:var(--color-semantic-text-muted);--pf-progress-track-bg:var(--pf-surface-subtle);--pf-progress-accent:var(--color-semantic-action-primary);--pf-progress-text:var(--color-semantic-text-default);--pf-progress-text-muted:var(--color-semantic-text-muted);--pf-radiogroup-text:var(--color-semantic-text-default);--pf-radiogroup-text-muted:var(--color-semantic-text-muted);--pf-radiogroup-accent:var(--color-semantic-action-primary);--pf-sidebar-nav-bg:var(--color-semantic-background-default);--pf-sidebar-nav-border:var(--color-semantic-border-default);--pf-sidebar-nav-text:var(--color-semantic-text-default);--pf-sidebar-nav-text-muted:var(--color-semantic-text-muted);--pf-sidebar-nav-bg-subtle:var(--color-semantic-background-subtle);--pf-tabs-border:var(--color-semantic-border-default);--pf-tabs-bg-subtle:var(--color-semantic-background-subtle);--pf-tabs-bg:var(--color-semantic-background-default);--pf-tabs-text:var(--color-semantic-text-default);--pf-tabs-text-muted:var(--color-semantic-text-muted);--pf-slideout-bg:var(--color-semantic-background-default);--pf-slideout-border:var(--color-semantic-border-default);--pf-slideout-text:var(--color-semantic-text-default);--pf-slideout-text-muted:var(--color-semantic-text-muted);--pf-slideout-bg-subtle:var(--color-semantic-background-subtle);--pf-metric-bg:var(--color-semantic-background-default);--pf-metric-border:var(--color-semantic-border-default);--pf-metric-text:var(--color-semantic-text-default);--pf-metric-text-muted:var(--color-semantic-text-muted);--pf-metric-bg-subtle:var(--color-semantic-background-subtle);--pf-metric-success-bg:var(--color-semantic-status-success-background);--pf-metric-success-text:var(--color-semantic-status-success-foreground);--pf-metric-danger-bg:var(--color-semantic-status-danger-background);--pf-metric-danger-text:var(--color-semantic-status-danger-foreground);--pf-dropdown-text:var(--color-semantic-text-default);--pf-dropdown-text-muted:var(--color-semantic-text-muted);--pf-dropdown-text-danger:var(--color-semantic-status-danger-foreground);--pf-dropdown-icon-danger:var(--color-danger-500);--pf-pagination-bg:var(--color-semantic-background-default);--pf-pagination-border:var(--color-semantic-border-muted);--pf-pagination-text:var(--color-semantic-text-default);--pf-pagination-text-muted:var(--color-semantic-text-muted);--pf-pagination-active-bg:var(--color-semantic-action-primary);--pf-pagination-active-text:var(--color-semantic-action-primary-text);--pf-pagination-active-hover-bg:var(--color-semantic-action-primary-hover);--pf-pagination-active-border:var(--color-semantic-action-primary);--pf-rating-text:var(--color-semantic-text-default);--pf-rating-text-muted:var(--color-semantic-text-muted);--pf-rating-star-empty:var(--color-gray-300);--pf-rating-star-fill:var(--color-warning-500);--pf-rating-badge-bg:var(--color-warning-50);--pf-rating-badge-border:var(--color-warning-200);--pf-rating-badge-text:var(--color-warning-700);--pf-rating-badge-reviews:var(--color-warning-800);--pf-section-header-border:var(--color-semantic-border-default);--pf-section-header-text:var(--color-semantic-text-default);--pf-section-header-text-muted:var(--color-semantic-text-muted);--pf-card-background:var(--color-semantic-background-default);--pf-card-border:var(--color-semantic-border-default);--pf-card-footer-gap:var(--space-2);--pf-buttongroup-bg:var(--color-semantic-background-default);--pf-buttongroup-bg-subtle:var(--color-semantic-background-subtle);--pf-buttongroup-border:var(--color-semantic-border-default);--pf-buttongroup-text:var(--color-semantic-text-default);--pf-buttongroup-action-primary:var(--color-semantic-action-primary);--pf-buttongroup-action-primary-hover:var(--color-semantic-action-primary-hover);--pf-buttongroup-action-primary-text:var(--color-semantic-action-primary-text);--pf-buttongroup-dot-selected:var(--color-base-white);--pf-radio-checked-color:var(--color-semantic-action-primary);--pf-radio-label-text:var(--color-semantic-text-default);--pf-utility-btn-neutral-bg:var(--color-semantic-background-default);--pf-utility-btn-neutral-border:var(--color-semantic-border-default);--pf-utility-btn-neutral-text:var(--color-semantic-text-default);--pf-utility-btn-neutral-bg-hover:var(--color-semantic-background-subtle);--pf-utility-btn-neutral-border-hover:var(--color-semantic-border-strong);--pf-utility-btn-brand-bg:var(--color-brand-100);--pf-utility-btn-brand-border:var(--color-brand-300);--pf-utility-btn-brand-text:var(--color-brand-700);--pf-utility-btn-brand-bg-hover:var(--color-brand-200);--pf-utility-btn-destructive-bg:var(--color-semantic-status-danger-background);--pf-utility-btn-destructive-border:var(--color-semantic-status-danger-border);--pf-utility-btn-destructive-text:var(--color-semantic-status-danger-foreground);--pf-utility-btn-destructive-bg-hover:var(--color-danger-100);--pf-kbd-bg:var(--color-semantic-background-subtle);--pf-kbd-border:var(--color-semantic-border-default);--pf-kbd-text:var(--color-semantic-text-default);--pf-popover-bg:var(--color-semantic-background-default);--pf-popover-border:var(--color-semantic-border-default);--pf-popover-text:var(--color-semantic-text-default);--pf-avatar-group-ring:var(--color-semantic-background-default);--pf-avatar-group-overflow-bg:var(--color-semantic-background-subtle);--pf-avatar-group-overflow-text:var(--color-semantic-text-default);--pf-accordion-border:var(--color-semantic-border-default);--pf-accordion-trigger-text:var(--color-semantic-text-default);--pf-accordion-trigger-bg-hover:var(--color-semantic-background-subtle);--pf-accordion-icon:var(--color-semantic-text-muted);--pf-accordion-content-text:var(--color-semantic-text-muted);--pf-contextmenu-bg:var(--pf-surface-bg);--pf-contextmenu-border:var(--pf-surface-border-strong);--pf-contextmenu-text:var(--color-semantic-text-default);--pf-contextmenu-text-muted:var(--color-semantic-text-muted);--pf-contextmenu-text-danger:var(--color-semantic-status-danger-foreground);--pf-contextmenu-separator:var(--color-semantic-border-default);--pf-contextmenu-item-active-bg:var(--color-semantic-action-primary);--pf-contextmenu-item-active-text:var(--color-semantic-action-primary-text);--pf-contextmenu-danger-active-bg:var(--color-danger-600);--pf-contextmenu-danger-active-text:var(--color-base-white);--pf-resizable-handle-bg:var(--color-semantic-border-default);--pf-resizable-handle-active-bg:var(--color-semantic-action-primary);--pf-resizable-grip:var(--color-semantic-text-muted);--pf-toolbar-bg:var(--color-semantic-background-default);--pf-toolbar-border:var(--color-semantic-border-default);--pf-toolbar-separator:var(--color-semantic-border-default);--pf-scrollarea-thumb:var(--color-semantic-border-strong);--pf-scrollarea-thumb-hover:var(--color-semantic-text-muted);--pf-collapsible-border:var(--color-semantic-border-default);--pf-collapsible-trigger-text:var(--color-semantic-text-default);--pf-collapsible-trigger-hover-bg:var(--color-semantic-background-subtle);--pf-collapsible-icon:var(--color-semantic-text-muted);--pf-collapsible-content-text:var(--color-semantic-text-muted);--pf-heatmap-color:var(--color-semantic-action-primary);--pf-heatmap-empty:var(--color-semantic-background-subtle);--pf-heatmap-label-color:var(--color-semantic-text-muted);--pf-heatmap-empty-text:var(--color-semantic-text-muted);--pf-heatmap-cell-radius:var(--radius-sm);--pf-gauge-color:var(--color-semantic-action-primary);--pf-gauge-track-color:var(--color-semantic-background-subtle);--pf-gauge-center-bg:var(--color-semantic-background-default);--pf-gauge-label-color:var(--color-semantic-text-default);--pf-gauge-label-size:var(--font-size-2xl);--pf-gauge-sub-label-color:var(--color-semantic-text-muted);--pf-sparkline-color:var(--color-semantic-action-primary);--pf-treeview-bg:var(--color-semantic-background-default);--pf-treeview-border:var(--color-semantic-border-default);--pf-treeview-text:var(--color-semantic-text-default);--pf-treeview-text-muted:var(--color-semantic-text-muted);--pf-treeview-bg-subtle:var(--color-semantic-background-subtle);--pf-field-required:var(--color-semantic-status-danger-foreground);--pf-input-focus-border:var(--color-semantic-action-primary);--pf-input-invalid-border:var(--color-semantic-status-danger-border);--pf-control-border-disabled:var(--color-gray-200);--pf-rte-bg:var(--color-semantic-background-default);--pf-rte-bg-subtle:var(--color-semantic-background-subtle);--pf-rte-border:var(--color-semantic-border-default);--pf-rte-text:var(--color-semantic-text-default);--pf-rte-text-muted:var(--color-semantic-text-muted);--pf-rte-focus-border:var(--color-semantic-action-primary);--pf-rte-invalid-border:var(--color-semantic-status-danger-border);--pf-notification-bg:var(--color-semantic-background-default);--pf-notification-border:var(--color-semantic-border-default);--pf-notification-text:var(--color-semantic-text-default);--pf-notification-text-muted:var(--color-semantic-text-muted);--pf-notification-bg-subtle:var(--color-semantic-background-subtle);--pf-notification-mix-base:var(--color-base-white);--pf-notification-info-bg:var(--color-brand-50);--pf-notification-info-border:var(--color-brand-300);--pf-notification-info-icon:var(--color-brand-700);--pf-notification-info-title:var(--color-brand-800);--pf-notification-info-hover-bg:var(--color-brand-100);--pf-notification-info-hover-icon:var(--color-brand-800);--pf-notification-success-bg:var(--color-semantic-status-success-background);--pf-notification-success-border:var(--color-semantic-status-success-border);--pf-notification-success-icon:var(--color-semantic-status-success-foreground);--pf-notification-warning-bg:var(--color-semantic-status-warning-background);--pf-notification-warning-border:var(--color-semantic-status-warning-border);--pf-notification-warning-icon:var(--color-semantic-status-warning-foreground);--pf-notification-danger-bg:var(--color-semantic-status-danger-background);--pf-notification-danger-border:var(--color-semantic-status-danger-border);--pf-notification-danger-icon:var(--color-semantic-status-danger-foreground);--pf-alert-border:var(--color-semantic-border-default);--pf-alert-info-background:var(--color-brand-50);--pf-alert-info-border:var(--color-brand-300);--pf-alert-info-foreground:var(--color-brand-800);--pf-alert-success-background:var(--color-semantic-status-success-background);--pf-alert-success-border:var(--color-semantic-status-success-border);--pf-alert-success-foreground:var(--color-semantic-status-success-foreground);--pf-alert-warning-background:var(--color-semantic-status-warning-background);--pf-alert-warning-border:var(--color-semantic-status-warning-border);--pf-alert-warning-foreground:var(--color-semantic-status-warning-foreground);--pf-alert-danger-background:var(--color-semantic-status-danger-background);--pf-alert-danger-border:var(--color-semantic-status-danger-border);--pf-alert-danger-foreground:var(--color-semantic-status-danger-foreground);--pf-videoplayer-bg:var(--color-base-black);--pf-videoplayer-border:var(--color-semantic-border-default);--pf-videoplayer-text-muted:var(--color-semantic-text-muted);--pf-videoplayer-invalid-border:var(--color-semantic-status-danger-border);--pf-radar-stroke:var(--color-semantic-action-primary);--pf-radar-fill:color-mix(in srgb, var(--color-semantic-action-primary) 18%, transparent);--pf-radar-grid-stroke:var(--color-semantic-border-default);--pf-radar-axis-stroke:var(--color-semantic-border-muted);--pf-radar-point-stroke:var(--color-semantic-background-default);--pf-radar-label:var(--color-semantic-text-muted);--pf-radar-legend-text:var(--color-semantic-text-default);--pf-radar-legend-value:var(--color-semantic-text-muted);--pf-radar-empty-border:var(--color-semantic-border-default);--pf-radar-empty-text:var(--color-semantic-text-muted);--pf-datepicker-bg:var(--color-semantic-background-default);--pf-datepicker-bg-subtle:var(--color-semantic-background-subtle);--pf-datepicker-border:var(--color-semantic-border-default);--pf-datepicker-border-strong:var(--color-semantic-border-strong);--pf-datepicker-text:var(--color-semantic-text-default);--pf-datepicker-text-muted:var(--color-semantic-text-muted);--pf-datepicker-focus-border:var(--color-semantic-action-primary);--pf-datepicker-invalid-border:var(--color-semantic-status-danger-border);--pf-daterange-bg:var(--pf-datepicker-bg);--pf-daterange-bg-subtle:var(--pf-datepicker-bg-subtle);--pf-daterange-border:var(--pf-datepicker-border);--pf-daterange-border-strong:var(--pf-datepicker-border-strong);--pf-daterange-text:var(--pf-datepicker-text);--pf-daterange-text-muted:var(--pf-datepicker-text-muted);--pf-daterange-focus-ring:var(--pf-focus-ring);--pf-daterange-invalid-border:var(--color-semantic-status-danger-border);--pf-daterange-menu-bg:var(--pf-surface-bg);--pf-daterange-menu-border:var(--pf-surface-border-strong);--pf-daterange-range-bg:var(--color-brand-600);--pf-daterange-range-text:var(--color-base-white);--pf-badge-neutral-background:var(--color-gray-100);--pf-badge-neutral-foreground:var(--color-gray-700);--pf-badge-brand-background:var(--color-brand-100);--pf-badge-brand-foreground:var(--color-brand-700);--pf-badge-success-background:var(--color-semantic-status-success-background);--pf-badge-success-foreground:var(--color-semantic-status-success-foreground);--pf-badge-warning-background:var(--color-semantic-status-warning-background);--pf-badge-warning-foreground:var(--color-semantic-status-warning-foreground);--pf-badge-danger-background:var(--color-semantic-status-danger-background);--pf-badge-danger-foreground:var(--color-semantic-status-danger-foreground);--pf-badgegroup-gray-100:var(--color-gray-100);--pf-badgegroup-gray-200:var(--color-gray-200);--pf-badgegroup-gray-700:var(--color-gray-700);--pf-badgegroup-brand-100:var(--color-brand-100);--pf-badgegroup-brand-300:var(--color-brand-300);--pf-badgegroup-brand-700:var(--color-brand-700);--pf-badgegroup-danger-bg:var(--color-semantic-status-danger-background);--pf-badgegroup-danger-border:var(--color-semantic-status-danger-border);--pf-badgegroup-danger-text:var(--color-semantic-status-danger-foreground);--pf-badgegroup-warning-bg:var(--color-semantic-status-warning-background);--pf-badgegroup-warning-border:var(--color-semantic-status-warning-border);--pf-badgegroup-warning-text:var(--color-semantic-status-warning-foreground);--pf-badgegroup-success-bg:var(--color-semantic-status-success-background);--pf-badgegroup-success-border:var(--color-semantic-status-success-border);--pf-badgegroup-success-text:var(--color-semantic-status-success-foreground);--pf-checkbox-bg:var(--color-semantic-background-default);--pf-checkbox-border:var(--color-semantic-border-default);--pf-checkbox-checked-bg:var(--color-semantic-action-primary);--pf-checkbox-check-color:var(--color-semantic-action-primary-text);--pf-checkbox-label-text:var(--color-semantic-text-default);--pf-slider-text:var(--color-semantic-text-default);--pf-slider-text-muted:var(--color-semantic-text-muted);--pf-slider-error-text:var(--color-semantic-status-danger-foreground);--pf-slider-action:var(--color-semantic-action-primary);--pf-slider-border:var(--color-semantic-border-default);--pf-slider-bg:var(--color-semantic-background-default);--pf-slider-danger-fill:var(--color-danger-500);--pf-page-header-eyebrow:var(--color-semantic-action-primary);--pf-page-header-text:var(--color-semantic-text-default);--pf-page-header-text-muted:var(--color-semantic-text-muted);--pf-carousel-bg:var(--color-semantic-background-default);--pf-carousel-border:var(--color-semantic-border-default);--pf-carousel-viewport-bg:var(--color-semantic-background-subtle);--pf-carousel-slide-text:var(--color-semantic-text-default);--pf-carousel-empty-text:var(--color-semantic-text-muted);--pf-carousel-nav-text:var(--color-semantic-text-muted);--pf-carousel-nav-hover-bg:var(--color-semantic-background-subtle);--pf-carousel-nav-hover-text:var(--color-semantic-text-default);--pf-carousel-indicator-bg:var(--color-semantic-border-default);--pf-carousel-indicator-active-bg:var(--color-semantic-action-primary);--pf-piechart-empty:var(--color-semantic-background-subtle);--pf-piechart-border-muted:var(--color-semantic-border-muted);--pf-piechart-bg:var(--color-semantic-background-default);--pf-piechart-text:var(--color-semantic-text-default);--pf-piechart-text-muted:var(--color-semantic-text-muted);--pf-chart-color-1:var(--color-brand-600);--pf-chart-color-2:var(--color-brand-400);--pf-chart-color-3:var(--color-gray-500);--pf-chart-color-4:var(--color-gray-400);--pf-chart-color-5:#0ea5e9;--pf-chart-color-6:#22c55e;--pf-chart-grid:var(--color-semantic-border-default);--pf-chart-text-muted:var(--color-semantic-text-muted);--pf-content-divider-text:var(--color-semantic-text-muted);--pf-content-divider-line:var(--color-semantic-border-default);--pf-textarea-bg:var(--color-semantic-background-default);--pf-textarea-border:var(--color-semantic-border-default);--pf-textarea-text:var(--color-semantic-text-default);--pf-textarea-text-muted:var(--color-semantic-text-muted);--pf-textarea-focus-border:var(--color-semantic-action-primary);--pf-textarea-invalid-border:var(--color-semantic-status-danger-border);--pf-table-bg:var(--color-semantic-background-default);--pf-table-bg-subtle:var(--color-semantic-background-subtle);--pf-table-border:var(--color-semantic-border-default);--pf-table-text:var(--color-semantic-text-default);--pf-table-text-muted:var(--color-semantic-text-muted);--pf-loading-border:var(--color-semantic-border-default);--pf-loading-accent:var(--color-semantic-action-primary);--pf-loading-bg-subtle:var(--color-semantic-background-subtle);--pf-code-font-family:ui-monospace, sfmono-regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
+    monospace;--pf-code-snippet-bg:var(--color-gray-900);--pf-code-snippet-text:var(--color-gray-100);--pf-code-snippet-title:var(--color-base-white);--pf-code-snippet-language:var(--color-gray-300);--pf-code-snippet-copy-text:var(--color-gray-100);--pf-code-snippet-line-number:var(--color-gray-400);--pf-credit-card-text-color:var(--color-base-white);--pf-credit-card-border:color-mix(in srgb, var(--pf-mix-base) 25%, transparent);--pf-credit-card-glare:color-mix(in srgb, var(--pf-mix-base) 22%, transparent);--pf-credit-card-generic-gradient:linear-gradient(
+    135deg,
+    var(--color-gray-800),
+    var(--color-gray-900) 55%,
+    var(--color-gray-700)
+  );--pf-credit-card-visa-gradient:linear-gradient(
+    135deg,
+    var(--color-brand-700),
+    var(--color-brand-900) 55%,
+    var(--color-brand-700)
+  );--pf-credit-card-mastercard-gradient:linear-gradient(
+    135deg,
+    var(--color-warning-600),
+    var(--color-warning-800) 55%,
+    var(--color-danger-500)
+  );--pf-credit-card-amex-gradient:linear-gradient(
+    135deg,
+    var(--color-success-700),
+    var(--color-success-800) 55%,
+    var(--color-gray-800)
+  );--pf-credit-card-chip-gradient:linear-gradient(
+    135deg,
+    var(--color-gray-50),
+    var(--color-gray-300)
+  );--pf-avatar-text:var(--color-semantic-text-default);--pf-avatar-status-border:var(--pf-surface-bg);--pf-avatar-status-online:var(--color-semantic-status-success-bright);--pf-avatar-status-away:var(--color-semantic-status-warning-bright);--pf-avatar-status-busy:var(--color-semantic-status-danger-bright);--pf-avatar-status-offline:var(--color-semantic-text-muted);--pf-switch-track-bg:var(--color-gray-300);--pf-switch-thumb-bg:var(--color-base-white);--pf-switch-track-checked-bg:var(--color-semantic-action-primary);--pf-switch-label-text:var(--color-semantic-text-default);--pf-chart-text-muted:var(--color-semantic-text-muted);--pf-inline-cta-bg:var(--color-semantic-background-default);--pf-inline-cta-border:var(--color-semantic-border-default);--pf-inline-cta-text:var(--color-semantic-text-default);--pf-inline-cta-text-muted:var(--color-semantic-text-muted);--pf-inline-cta-bg-subtle:var(--color-semantic-background-subtle);--pf-inline-cta-info-bg:var(--color-brand-50);--pf-inline-cta-info-border:var(--color-brand-300);--pf-inline-cta-info-icon:var(--color-brand-700);--pf-inline-cta-info-heading:var(--color-brand-800);--pf-inline-cta-info-description:var(--color-brand-700);--pf-inline-cta-success-bg:var(--color-semantic-status-success-background);--pf-inline-cta-success-border:var(--color-semantic-status-success-border);--pf-inline-cta-warning-bg:var(--color-semantic-status-warning-background);--pf-inline-cta-warning-border:var(--color-semantic-status-warning-border);--pf-inline-cta-danger-bg:var(--color-semantic-status-danger-background);--pf-inline-cta-danger-border:var(--color-semantic-status-danger-border);--pf-select-focus-border:var(--color-semantic-action-primary);--pf-select-invalid-border:var(--color-semantic-status-danger-border);--pf-file-uploader-bg:var(--color-semantic-background-default);--pf-file-uploader-bg-subtle:var(--color-semantic-background-subtle);--pf-file-uploader-border:var(--color-semantic-border-default);--pf-file-uploader-border-strong:var(--color-semantic-border-strong);--pf-file-uploader-text:var(--color-semantic-text-default);--pf-file-uploader-text-muted:var(--color-semantic-text-muted);--pf-file-uploader-active-border:var(--color-semantic-action-primary);--pf-file-uploader-invalid-border:var(--color-semantic-status-danger-border);--pf-progress-steps-bg:var(--color-semantic-background-default);--pf-progress-steps-border:var(--color-semantic-border-default);--pf-progress-steps-text:var(--color-semantic-text-default);--pf-progress-steps-text-muted:var(--color-semantic-text-muted);--pf-progress-steps-complete-bg:var(--color-semantic-status-success-border);--pf-progress-steps-complete-border:var(--color-semantic-status-success-border);--pf-progress-steps-complete-text:var(--color-success-900);--pf-progress-steps-current-bg:var(--color-semantic-status-success-foreground);--pf-progress-steps-current-border:var(--color-semantic-status-success-foreground);--pf-progress-steps-current-text:var(--color-base-white);--pf-progress-steps-current-title:var(--color-semantic-status-success-foreground);--pf-section-footer-border:var(--color-semantic-border-default);--pf-section-footer-text:var(--color-semantic-text-default);--pf-section-footer-text-muted:var(--color-semantic-text-muted);--pf-modal-bg:var(--color-semantic-background-default);--pf-modal-border:var(--color-semantic-border-default);--pf-modal-text:var(--color-semantic-text-default);--pf-modal-text-muted:var(--color-semantic-text-muted);--pf-modal-bg-subtle:var(--color-semantic-background-subtle);--pf-multiselect-bg:var(--color-semantic-background-default);--pf-multiselect-bg-subtle:var(--color-semantic-background-subtle);--pf-multiselect-border:var(--color-semantic-text-muted);--pf-multiselect-text:var(--color-semantic-text-default);--pf-multiselect-text-muted:var(--color-semantic-text-muted);--pf-multiselect-focus-border:var(--color-semantic-action-primary);--pf-multiselect-active-bg:var(--color-semantic-action-primary);--pf-multiselect-active-text:var(--color-semantic-action-primary-text);--pf-multiselect-invalid-border:var(--color-semantic-status-danger-border);--pf-tag-neutral-bg:var(--color-gray-100);--pf-tag-neutral-text:var(--color-gray-700);--pf-tag-brand-bg:var(--color-brand-100);--pf-tag-brand-text:var(--color-brand-700);--pf-tag-success-bg:var(--color-semantic-status-success-background);--pf-tag-success-text:var(--color-semantic-status-success-foreground);--pf-tag-warning-bg:var(--color-semantic-status-warning-background);--pf-tag-warning-text:var(--color-semantic-status-warning-foreground);--pf-tag-danger-bg:var(--color-semantic-status-danger-background);--pf-tag-danger-text:var(--color-semantic-status-danger-foreground);--pf-header-nav-bg:var(--color-semantic-background-default);--pf-header-nav-border:var(--color-semantic-border-default);--pf-header-nav-text:var(--color-semantic-text-default);--pf-header-nav-text-muted:var(--color-semantic-text-muted);--pf-header-nav-bg-subtle:var(--color-semantic-background-subtle);--pf-dropdown-icon-size:1rem;--pf-dropdown-menu-gap:2px;--pf-pagination-page-size:2rem;--pf-tooltip-padding-x:0.625rem;--pf-empty-state-icon:var(--color-semantic-text-muted);--pf-empty-state-text:var(--color-semantic-text-default);--pf-empty-state-text-muted:var(--color-semantic-text-muted);--pf-tooltip-bg:var(--color-gray-900);--pf-tooltip-text:var(--color-base-white);--pf-subtle-hover-overlay:color-mix(in srgb, var(--color-base-black) 8%, transparent)}[data-theme='dark']{color-scheme:dark;--color-semantic-background-default:var(--color-gray-900);--color-semantic-background-subtle:var(--color-gray-700);--color-semantic-background-raised:var(--color-gray-800);--color-semantic-background-disabled:var(--color-gray-800);--color-semantic-text-default:var(--color-gray-50);--color-semantic-text-muted:var(--color-gray-300);--color-semantic-text-subtle:var(--color-gray-200);--color-semantic-text-inverse:var(--color-gray-900);--color-semantic-text-disabled:var(--color-gray-500);--color-semantic-border-muted:var(--color-gray-800);--color-semantic-border-default:var(--color-gray-500);--color-semantic-border-strong:var(--color-gray-400);--color-semantic-border-focus:var(--color-brand-400);--color-semantic-action-primary:var(--color-brand-600);--color-semantic-action-primary-hover:var(--color-brand-700);--color-semantic-action-primary-active:var(--color-brand-800);--color-semantic-action-primary-text:var(--color-base-white);--color-semantic-action-secondary:var(--color-gray-800);--color-semantic-action-secondary-hover:var(--color-gray-700);--color-semantic-action-secondary-text:var(--color-gray-50);--color-semantic-status-success-background:var(--color-success-900);--color-semantic-status-success-border:var(--color-success-500);--color-semantic-status-success-foreground:var(--color-success-300);--color-semantic-status-success-bright:var(--color-success-400);--color-semantic-status-warning-background:var(--color-warning-900);--color-semantic-status-warning-border:var(--color-warning-500);--color-semantic-status-warning-foreground:var(--color-warning-300);--color-semantic-status-warning-bright:var(--color-warning-400);--color-semantic-status-danger-background:var(--color-danger-900);--color-semantic-status-danger-border:var(--color-danger-400);--color-semantic-status-danger-foreground:var(--color-danger-300);--color-semantic-status-danger-bright:var(--color-danger-400);--pf-notification-mix-base:var(--color-semantic-background-raised);--pf-notification-info-bg:var(--color-brand-900);--pf-notification-info-border:var(--color-brand-700);--pf-notification-info-icon:var(--color-brand-300);--pf-notification-info-title:var(--color-brand-200);--pf-notification-info-hover-bg:var(--color-brand-800);--pf-notification-info-hover-icon:var(--color-brand-200);--pf-alert-info-background:var(--color-brand-900);--pf-alert-info-border:var(--color-brand-700);--pf-alert-info-foreground:var(--color-brand-200);--pf-inline-cta-info-bg:var(--color-brand-900);--pf-inline-cta-info-border:var(--color-brand-700);--pf-inline-cta-info-icon:var(--color-brand-300);--pf-inline-cta-info-heading:var(--color-brand-200);--pf-inline-cta-info-description:var(--color-brand-300);--pf-badge-brand-background:var(--color-brand-900);--pf-badge-brand-foreground:var(--color-brand-300);--pf-timeline-default-bg:var(--color-brand-900);--pf-badgegroup-brand-100:var(--color-brand-900);--pf-badgegroup-brand-300:var(--color-brand-700);--pf-badgegroup-brand-700:var(--color-brand-300);--pf-tag-brand-bg:var(--color-brand-900);--pf-tag-brand-text:var(--color-brand-300);--pf-utility-btn-brand-bg:var(--color-brand-900);--pf-utility-btn-brand-border:var(--color-brand-700);--pf-utility-btn-brand-text:var(--color-brand-300);--pf-utility-btn-brand-bg-hover:var(--color-brand-800);--pf-calendar-border:var(--color-semantic-border-strong);--pf-daterange-range-bg:var(--color-brand-400);--pf-daterange-range-text:var(--color-gray-900);--pf-gauge-track-color:var(--color-semantic-border-strong);--pf-chart-color-1:var(--color-brand-400);--pf-chart-color-2:var(--color-brand-300);--pf-chart-color-3:var(--color-gray-400);--pf-chart-color-4:var(--color-gray-500);--pf-progress-steps-complete-text:var(--color-base-white);--pf-progress-steps-current-text:var(--color-success-900);--pf-treeview-border:var(--color-semantic-border-strong);--pf-focus-ring:0 0 0 var(--pf-focus-ring-width)
+    color-mix(in srgb, var(--pf-focus-ring-color) 45%, transparent)}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:var(--font-family-sans);color:var(--color-semantic-text-default);background:var(--color-semantic-background-default)}.pf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.pf-focus-ring:focus-visible{box-shadow:var(--pf-focus-ring);outline:none}.pf-focus-outline:focus-visible{outline:var(--pf-focus-outline);outline-offset:var(--pf-focus-ring-offset)}

package/dist/pitchfork/pitchfork.esm.js

@@ -0,0 +1,2 @@
+import{p as e,g as a,b as t}from"./p-Bm6UxEit.js";export{s as setNonce}from"./p-Bm6UxEit.js";var l=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};l().then((async e=>{await a();return t(JSON.parse('[["p-4b16ef92",[[769,"pf-command-palette",{"open":[1540],"placeholder":[1],"emptyMessage":[1,"empty-message"],"label":[1],"dismissable":[4],"query":[32],"matchCount":[32],"show":[64],"hide":[64],"refresh":[64]},[[0,"pfCommandSelect","handleCommandSelect"]],{"open":[{"syncOpen":0}]}]]],["p-ab6c09e7",[[577,"pf-date-picker",{"name":[513],"value":[1025],"open":[1540],"label":[1],"description":[1],"error":[1],"placeholder":[1],"required":[516],"disabled":[516],"allowClear":[4,"allow-clear"],"min":[1],"max":[1],"startYear":[2,"start-year"],"endYear":[2,"end-year"],"showOutsideDays":[4,"show-outside-days"],"isDateDisabled":[16],"show":[64],"hide":[64],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"value":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"open":[{"syncOpen":0}]}]]],["p-ac3fcb57",[[769,"pf-tab",{"value":[513],"disabled":[516],"selected":[1540],"variant":[1537],"size":[1537],"fullWidth":[1540,"full-width"],"icon":[1],"iconPlacement":[1,"icon-placement"],"count":[2],"badgePlacement":[1,"badge-placement"]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-45039de3",[[577,"pf-tag-input",{"name":[513],"value":[1537],"label":[1],"description":[1],"error":[1],"placeholder":[1],"max":[2],"allowDuplicates":[4,"allow-duplicates"],"tagVariant":[1,"tag-variant"],"required":[516],"disabled":[516],"validate":[16],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"name":[{"syncFormState":0}],"value":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}]}]]],["p-a1a7838d",[[769,"pf-toaster",{"placement":[513],"duration":[2],"entries":[32],"toast":[64],"dismiss":[64],"dismissAll":[64]}]]],["p-685f817b",[[785,"pf-accordion-item",{"value":[513],"disabled":[516],"expanded":[1540],"headingLevel":[1026,"heading-level"]}]]],["p-bf044fb5",[[769,"pf-alert",{"variant":[513],"heading":[1],"description":[1],"dismissible":[516],"dismissLabel":[1,"dismiss-label"],"exiting":[32],"hasSlottedBody":[32],"dismiss":[64]}]]],["p-248bd301",[[769,"pf-avatar-group",{"max":[2],"size":[513],"total":[2],"label":[1],"overflow":[32],"counted":[32],"refresh":[64]},null,{"max":[{"handleStateChange":0}],"size":[{"handleStateChange":0}],"total":[{"handleStateChange":0}]}]]],["p-f855c9d4",[[769,"pf-button-group-item",{"value":[513],"disabled":[516],"groupDisabled":[1540,"group-disabled"],"selected":[1540],"icon":[1],"dot":[516]}]]],["p-8718bb3a",[[769,"pf-carousel",{"index":[1026],"loop":[516],"showIndicators":[516,"show-indicators"],"autoPlay":[516,"auto-play"],"autoPlayInterval":[2,"auto-play-interval"],"label":[1],"previousLabel":[1,"previous-label"],"nextLabel":[1,"next-label"],"total":[32],"refresh":[64],"next":[64],"previous":[64]},null,{"index":[{"handleIndexChange":0}],"loop":[{"handleIndexChange":0}],"autoPlay":[{"handleTimerChange":0}],"autoPlayInterval":[{"handleTimerChange":0}]}]]],["p-fa1302c7",[[769,"pf-code-snippet",{"code":[1],"language":[513],"heading":[1],"showLineNumbers":[516,"show-line-numbers"],"maxHeight":[2,"max-height"],"copyLabel":[1,"copy-label"],"copiedLabel":[1,"copied-label"],"copyFailedLabel":[1,"copy-failed-label"],"feedbackDuration":[2,"feedback-duration"],"copied":[32],"failed":[32],"hasMarkup":[32],"copy":[64]}]]],["p-1bb6b456",[[769,"pf-collapsible",{"open":[1540],"disabled":[516],"showChevron":[4,"show-chevron"],"show":[64],"hide":[64]},[[0,"keydown","handleKeyDown"]],{"open":[{"handleOpenChange":0}]}]]],["p-22d8c69d",[[833,"pf-combobox",{"name":[513],"value":[1537],"open":[1540],"label":[1],"description":[1],"error":[1],"placeholder":[1],"emptyMessage":[1,"empty-message"],"required":[516],"disabled":[516],"clearable":[4],"clearLabel":[1,"clear-label"],"query":[32],"matchCount":[32],"show":[64],"hide":[64],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64],"refresh":[64]},[[0,"pfOptionSelect","handleOptionSelect"]],{"value":[{"syncFormState":0},{"syncSelection":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"open":[{"syncOpen":0}]}]]],["p-02e28338",[[577,"pf-date-range-picker",{"name":[513],"value":[1025],"open":[1540],"label":[1],"description":[1],"error":[1],"placeholder":[1],"required":[516],"disabled":[516],"allowClear":[4,"allow-clear"],"min":[1],"max":[1],"startYear":[2,"start-year"],"endYear":[2,"end-year"],"isDateDisabled":[16],"leftMonth":[32],"focusedDate":[32],"hovered":[32],"awaitingEnd":[32],"show":[64],"hide":[64],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"value":[{"syncDisplayedMonths":0},{"syncFormState":0}],"name":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"open":[{"syncOpen":0}]}]]],["p-742f2cc4",[[769,"pf-empty-state",{"size":[513],"icon":[1],"hasIcon":[32],"hasAction":[32]}]]],["p-04869bdc",[[577,"pf-file-uploader",{"name":[513],"files":[1040],"accept":[1],"multiple":[516],"maxFiles":[2,"max-files"],"maxFileSize":[2,"max-file-size"],"label":[1],"description":[1],"error":[1],"required":[516],"disabled":[516],"rejection":[32],"dragDepth":[32],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64],"open":[64]},null,{"files":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"rejection":[{"syncFormState":0}]}]]],["p-b26df5a0",[[769,"pf-inline-cta",{"tone":[513],"icon":[1],"dismissible":[516],"dismissLabel":[1,"dismiss-label"],"exiting":[1540],"hasIcon":[32],"hasAction":[32],"dismiss":[64]}]]],["p-4217a92a",[[769,"pf-metric-card",{"trend":[513],"icon":[1],"hasIcon":[32],"hasAction":[32],"hasTrend":[32]}]]],["p-ec8df806",[[833,"pf-multi-select",{"name":[513],"value":[1537],"open":[1540],"label":[1],"description":[1],"error":[1],"placeholder":[1],"required":[516],"disabled":[516],"maxVisibleOptions":[2,"max-visible-options"],"chips":[32],"show":[64],"hide":[64],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64],"refresh":[64]},[[0,"pfOptionSelect","handleOptionSelect"],[0,"keydown","handleKeyDown"]],{"name":[{"syncFormState":0}],"value":[{"syncFormState":0},{"syncOptions":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"open":[{"syncOpen":0}]}]]],["p-7197ef71",[[593,"pf-number-input",{"name":[513],"value":[1025],"min":[2],"max":[2],"step":[2],"label":[1],"description":[1],"error":[1],"placeholder":[1],"required":[516],"disabled":[516],"decrementLabel":[1,"decrement-label"],"incrementLabel":[1,"increment-label"],"draft":[32],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64],"stepBy":[64]},null,{"value":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}]}]]],["p-aa869013",[[513,"pf-rating-badge",{"value":[2],"max":[2],"reviews":[2],"size":[513]}]]],["p-dcaaedeb",[[513,"pf-rating-stars",{"value":[2],"max":[2],"size":[2],"showValue":[4,"show-value"],"label":[1]}]]],["p-51353d53",[[833,"pf-select",{"name":[513],"value":[1537],"open":[1540],"label":[1],"description":[1],"error":[1],"placeholder":[1],"required":[516],"disabled":[516],"maxVisibleOptions":[2,"max-visible-options"],"selectedLabel":[32],"show":[64],"hide":[64],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64],"refresh":[64]},[[0,"pfOptionSelect","handleOptionSelect"],[0,"keydown","handleKeyDown"]],{"value":[{"syncFormState":0},{"syncOptions":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"open":[{"syncOpen":0}]}]]],["p-2add2e98",[[577,"pf-time-picker",{"name":[513],"value":[1025],"open":[1540],"hourCycle":[2,"hour-cycle"],"minuteStep":[2,"minute-step"],"label":[1],"description":[1],"error":[1],"placeholder":[1],"required":[516],"disabled":[516],"show":[64],"hide":[64],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"value":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"open":[{"syncOpen":0}]}]]],["p-c07c5847",[[769,"pf-tree-item",{"value":[513],"disabled":[516],"icon":[1],"level":[1026],"selected":[1540],"expanded":[1540],"hasChildren":[1540,"has-children"],"active":[1540],"hasBadge":[32]}]]],["p-26e119df",[[769,"pf-accordion",{"value":[1537],"type":[513],"headingLevel":[2,"heading-level"],"refresh":[64]},[[0,"pfAccordionToggle","handleToggle"],[0,"keydown","handleKeyDown"]],{"value":[{"handleStateChange":0}],"type":[{"handleStateChange":0}],"headingLevel":[{"handleStateChange":0}]}]]],["p-fe6f403c",[[513,"pf-badge-group",{"label":[1],"message":[1],"color":[513],"appearance":[513],"badgePosition":[513,"badge-position"]}]]],["p-b2df1ecb",[[769,"pf-bar-chart",{"data":[1],"stacked":[516],"showLegend":[516,"show-legend"],"yAxisLabel":[1,"y-axis-label"],"label":[1],"series":[32],"refresh":[64]},null,{"data":[{"sync":0}]}]]],["p-51528462",[[769,"pf-breadcrumb",{"href":[513],"current":[516],"currentPage":[1540,"current-page"],"last":[1540],"separator":[1025]}]]],["p-77168a0d",[[769,"pf-breadcrumbs",{"label":[1],"separator":[1],"refresh":[64]},null,{"separator":[{"handleSeparatorChange":0}]}]]],["p-7e5ba1f9",[[785,"pf-button",{"variant":[513],"size":[513],"fullWidth":[516,"full-width"],"loading":[516],"disabled":[516],"type":[1],"label":[1]}]]],["p-8a1e2ba8",[[769,"pf-button-group",{"value":[1537],"multiple":[516],"disabled":[516],"refresh":[64]},[[0,"pfButtonGroupSelect","handleSelect"]],{"value":[{"handleStateChange":0}],"multiple":[{"handleStateChange":0}],"disabled":[{"handleStateChange":0}]}]]],["p-22c7e5b4",[[257,"pf-card"]]],["p-69d27f61",[[257,"pf-card-content"]]],["p-d4bbcba0",[[257,"pf-card-footer"]]],["p-f0889512",[[257,"pf-card-header"]]],["p-643f7e00",[[769,"pf-carousel-slide",{"active":[1540],"position":[1026],"total":[1026]}]]],["p-8e1a4b26",[[769,"pf-chart-series",{"seriesKey":[513,"series-key"],"color":[513],"dashed":[516],"swatch":[1025]}]]],["p-fd802631",[[593,"pf-checkbox",{"name":[513],"checked":[1540],"value":[1],"label":[1],"error":[1],"required":[516],"disabled":[516],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"checked":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"value":[{"syncFormState":0}]}]]],["p-3cd7d421",[[769,"pf-command-group",{"label":[1]}]]],["p-9dc1dd8a",[[769,"pf-command-item",{"value":[513],"description":[1],"disabled":[516]}]]],["p-43c103bb",[[769,"pf-content-divider",{"orientation":[513],"inset":[516],"hasLabel":[32]}]]],["p-31e0fbc7",[[769,"pf-context-menu",{"open":[1540],"label":[1],"disabled":[516],"showAt":[64],"hide":[64]},[[0,"contextmenu","handleContextMenu"],[0,"pfMenuSelect","handleMenuSelect"],[0,"keydown","handleKeyDown"]],{"open":[{"syncOpen":0}]}]]],["p-dd0e0d79",[[513,"pf-credit-card",{"brand":[513],"cardNumber":[1,"card-number"],"cardholderName":[1,"cardholder-name"],"expiry":[1],"cvc":[1],"masked":[516]}]]],["p-03db6bae",[[769,"pf-dropdown",{"open":[1540],"align":[1],"label":[1],"disabled":[516],"show":[64],"hide":[64]},[[0,"click","handleClick"],[0,"pfMenuSelect","handleMenuSelect"],[0,"keydown","handleKeyDown"]],{"open":[{"syncOpen":0}]}]]],["p-aac27e62",[[769,"pf-gauge-chart",{"value":[2],"max":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"color":[1],"label":[1]}]]],["p-19c0145c",[[769,"pf-header-navigation",{"label":[1],"hasBrand":[32],"hasActions":[32],"refresh":[64]},[[0,"pfNavStructure","handleStructureChange"]]]]],["p-aa615fe9",[[769,"pf-heatmap",{"data":[1],"startDate":[1,"start-date"],"endDate":[1,"end-date"],"levels":[2],"weekStartsOn":[2,"week-starts-on"],"cellSize":[2,"cell-size"],"cellGap":[2,"cell-gap"],"showWeekdayLabels":[516,"show-weekday-labels"],"showMonthLabels":[516,"show-month-labels"],"label":[1]}]]],["p-dd48d94d",[[593,"pf-input",{"name":[513],"value":[1025],"type":[513],"label":[1],"description":[1],"error":[1],"placeholder":[1],"required":[516],"disabled":[516],"readonly":[516],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"value":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}]}]]],["p-6066ce98",[[769,"pf-line-chart",{"data":[1],"area":[516],"curved":[516],"showLegend":[516,"show-legend"],"yAxisLabel":[1,"y-axis-label"],"label":[1],"series":[32],"refresh":[64]},null,{"data":[{"sync":0}]}]]],["p-a5b5c09a",[[513,"pf-loading-dots",{"size":[513],"label":[1]}]]],["p-f5242cee",[[513,"pf-loading-skeleton",{"width":[8],"height":[8],"rounded":[516],"label":[1]}]]],["p-50ad12be",[[513,"pf-loading-spinner",{"size":[2],"label":[1]}]]],["p-1e171d52",[[769,"pf-menu-item",{"value":[513],"disabled":[516],"destructive":[516]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"]]]]],["p-34f2df95",[[1,"pf-menu-separator"]]],["p-1fa3b37b",[[257,"pf-metric-grid"]]],["p-f5df568f",[[769,"pf-modal",{"open":[1540],"size":[513],"label":[1],"dismissable":[4],"showCloseButton":[4,"show-close-button"],"show":[64],"hide":[64]},null,{"open":[{"syncOpen":0}]}]]],["p-edb28479",[[257,"pf-modal-body"]]],["p-e9d767df",[[257,"pf-modal-footer"]]],["p-e882124b",[[257,"pf-modal-header"]]],["p-f713c62d",[[769,"pf-nav-item",{"href":[513],"target":[1],"rel":[1],"current":[516],"currentPage":[1540,"current-page"],"disabled":[516],"orientation":[1537]},null,{"current":[{"handleCurrentChange":0}]}]]],["p-97dd4193",[[769,"pf-nav-section",{"hasTitle":[32]}]]],["p-3133eb1a",[[769,"pf-option",{"value":[513],"disabled":[516],"selected":[1540],"active":[1540]}]]],["p-37ee290d",[[769,"pf-page-header",{"hasBreadcrumbs":[32],"hasMetadata":[32],"hasActions":[32]}]]],["p-ae5fd08e",[[769,"pf-pagination",{"page":[1026],"totalPages":[2,"total-pages"],"siblingCount":[2,"sibling-count"],"boundaryCount":[2,"boundary-count"],"showPrevNext":[516,"show-prev-next"],"disabled":[516],"label":[1]}]]],["p-2798795f",[[769,"pf-pie-chart",{"size":[2],"cutout":[2],"showLegend":[516,"show-legend"],"label":[1],"gradient":[32],"hasData":[32],"refresh":[64]},null,{"cutout":[{"sync":0}]}]]],["p-f3d80b42",[[769,"pf-pie-slice",{"value":[514],"color":[513],"swatch":[1025],"share":[1026],"drawn":[1540]}]]],["p-4e7c51e4",[[769,"pf-popover",{"open":[1540],"align":[1],"label":[1],"dismissable":[4],"show":[64],"hide":[64]},[[0,"click","handleClick"],[0,"keydown","handleKeyDown"]],{"open":[{"syncOpen":0}]}]]],["p-9d93b1ea",[[513,"pf-progress-bar",{"value":[2],"max":[2],"showValue":[516,"show-value"],"label":[1]}]]],["p-a7ce64b1",[[513,"pf-progress-circle",{"value":[2],"max":[2],"size":[2],"strokeWidth":[2,"stroke-width"],"showValue":[516,"show-value"],"label":[1]}]]],["p-1133b2fa",[[769,"pf-progress-step",{"status":[513],"state":[1537],"position":[1026],"last":[1540],"orientation":[1537]}]]],["p-f689e353",[[769,"pf-progress-steps",{"orientation":[513],"refresh":[64]},null,{"orientation":[{"handleOrientationChange":0}]}]]],["p-b6b18062",[[513,"pf-radar-axis",{"label":[513],"value":[514],"drawn":[1540]}]]],["p-be2c6150",[[769,"pf-radar-chart",{"size":[2],"max":[2],"levels":[2],"showAxes":[516,"show-axes"],"showLegend":[516,"show-legend"],"label":[1],"axes":[32],"refresh":[64]},null,{"max":[{"sync":0}]}]]],["p-3fd3444b",[[785,"pf-radio-button",{"value":[513],"checked":[1540],"disabled":[516]}]]],["p-6d3c4094",[[833,"pf-radio-group",{"name":[513],"value":[1025],"legend":[1],"error":[1],"orientation":[513],"required":[516],"disabled":[516],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},[[0,"pfRadioSelect","handleSelect"],[0,"keydown","handleKeyDown"]],{"value":[{"syncFormState":0},{"syncChildren":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"disabled":[{"syncChildren":0}]}]]],["p-1bc87b8c",[[769,"pf-resizable",{"orientation":[513],"size":[1026],"min":[2],"max":[2],"step":[2],"handleLabel":[1,"handle-label"]},[[1,"pointerup","handlePointerEnd"],[1,"pointercancel","handlePointerEnd"]],{"min":[{"handleBoundsChange":0}],"max":[{"handleBoundsChange":0}]}]]],["p-4df4eed8",[[577,"pf-rich-text-editor",{"name":[513],"value":[1025],"label":[1],"description":[1],"error":[1],"placeholder":[1],"minHeight":[2,"min-height"],"characterMax":[2,"character-max"],"required":[516],"disabled":[516],"characterCount":[32],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64],"format":[64]},null,{"value":[{"handleValueChange":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}]}]]],["p-b4480baf",[[769,"pf-scroll-area",{"orientation":[513],"focusable":[4]}]]],["p-c82804d4",[[769,"pf-section-footer",{"divider":[516],"align":[513],"hasHeading":[32],"hasActions":[32]}]]],["p-76f0f473",[[769,"pf-section-header",{"divider":[516],"align":[513],"hasMetadata":[32],"hasActions":[32]}]]],["p-5b98848c",[[769,"pf-sidebar-navigation",{"label":[1],"hasHeader":[32],"hasFooter":[32],"refresh":[64]},[[0,"pfNavStructure","handleStructureChange"]]]]],["p-4959a556",[[769,"pf-slideout-menu",{"open":[1540],"placement":[513],"size":[513],"heading":[1],"description":[1],"label":[1],"dismissable":[4],"showCloseButton":[4,"show-close-button"],"hasFooter":[32],"show":[64],"hide":[64]},null,{"open":[{"syncOpen":0}]}]]],["p-01ed0d56",[[593,"pf-slider",{"name":[513],"value":[1026],"min":[2],"max":[2],"step":[2],"label":[1],"description":[1],"error":[1],"showValue":[516,"show-value"],"disabled":[516],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"value":[{"syncFormState":0}],"error":[{"syncFormState":0}],"min":[{"syncFormState":0}],"max":[{"syncFormState":0}]}]]],["p-b4774cba",[[513,"pf-sparkline",{"data":[1],"width":[2],"height":[2],"variant":[513],"strokeWidth":[2,"stroke-width"],"color":[1],"endDot":[516,"end-dot"],"animated":[516],"label":[1]}]]],["p-4dfe7e8a",[[593,"pf-switch",{"name":[513],"checked":[1540],"value":[1],"label":[1],"error":[1],"required":[516],"disabled":[516],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"checked":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}],"value":[{"syncFormState":0}]}]]],["p-0bbec059",[[769,"pf-tab-panel",{"value":[513],"active":[1540]}]]],["p-068baf6d",[[769,"pf-table",{"dense":[516],"striped":[516],"hoverable":[516],"stickyHeader":[516,"sticky-header"],"sortKey":[1537,"sort-key"],"sortDirection":[1537,"sort-direction"],"label":[1],"isEmpty":[32],"hasCaption":[32],"refresh":[64]},[[0,"pfTableSort","handleSort"]],{"sortKey":[{"handleSortChange":0}],"sortDirection":[{"handleSortChange":0}]}]]],["p-4e785310",[[769,"pf-table-cell",{"head":[1540],"last":[1540],"align":[513],"width":[1],"sortKey":[513,"sort-key"],"sortable":[516],"sort":[1025]}]]],["p-8e304481",[[769,"pf-table-row",{"head":[516],"odd":[1540],"last":[1540]},null,{"head":[{"sync":0}],"last":[{"sync":0}]}]]],["p-3843faa6",[[769,"pf-tabs",{"value":[1025],"variant":[513],"size":[513],"fullWidth":[516,"full-width"],"refresh":[64]},[[0,"pfTabSelect","handleTabSelect"],[0,"keydown","handleKeyDown"]],{"value":[{"handleStateChange":0}],"variant":[{"handleStateChange":0}],"size":[{"handleStateChange":0}],"fullWidth":[{"handleStateChange":0}]}]]],["p-d7ca4026",[[593,"pf-textarea",{"name":[513],"value":[1025],"rows":[2],"label":[1],"description":[1],"error":[1],"placeholder":[1],"required":[516],"disabled":[516],"readonly":[516],"checkValidity":[64],"reportValidity":[64],"getValidationMessage":[64]},null,{"value":[{"syncFormState":0}],"error":[{"syncFormState":0}],"required":[{"syncFormState":0}]}]]],["p-578db1a6",[[769,"pf-timeline",{"label":[1],"refresh":[64]},null,{"label":[{"handleLabelChange":0}]}]]],["p-ea63c122",[[769,"pf-timeline-item",{"tone":[513],"last":[1540],"hasIcon":[32]}]]],["p-4b05851a",[[769,"pf-toolbar",{"orientation":[513]},[[0,"focusin","handleFocusIn"],[0,"keydown","handleKeyDown"]],{"orientation":[{"sync":0}]}]]],["p-41d997d9",[[513,"pf-toolbar-separator",{"orientation":[513]}]]],["p-a864dae5",[[769,"pf-tooltip",{"placement":[513],"delay":[2],"open":[4],"disabled":[516],"resolvedSide":[32]},[[1,"pointerenter","handlePointerEnter"],[1,"pointerleave","handlePointerLeave"],[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"],[0,"keydown","handleKeyDown"]],{"open":[{"syncOpen":0}]}]]],["p-25d0a34b",[[769,"pf-tree-view",{"value":[1537],"expanded":[1537],"label":[1],"activeValue":[32],"refresh":[64],"expandAll":[64],"collapseAll":[64]},[[0,"pfTreeSelect","handleSelect"],[0,"pfTreeToggle","handleToggle"],[0,"keydown","handleKeyDown"],[0,"pfTreeStructure","handleStructureChange"]],{"value":[{"handleStateChange":0}],"expanded":[{"handleStateChange":0}]}]]],["p-1e7e8d25",[[785,"pf-utility-button",{"variant":[513],"size":[513],"disabled":[516],"type":[1],"label":[1],"tooltip":[1]}]]],["p-a4fad812",[[769,"pf-video-player",{"src":[1],"sources":[16],"tracks":[16],"label":[1],"description":[1],"error":[1],"aspectRatio":[513,"aspect-ratio"],"controls":[4],"poster":[1],"preload":[1],"muted":[516],"loop":[516],"autoplay":[516],"play":[64],"pause":[64],"getVideoElement":[64]}]]],["p-6cfacd82",[[769,"pf-visually-hidden",{"focusable":[516]}]]],["p-2577564c",[[513,"pf-icon",{"name":[1],"label":[1]}]]],["p-b442330b",[[513,"pf-calendar",{"value":[1537],"min":[1],"max":[1],"startYear":[2,"start-year"],"endYear":[2,"end-year"],"showOutsideDays":[4,"show-outside-days"],"label":[1],"isDateDisabled":[16],"displayMonth":[32],"focusedDate":[32],"goToMonth":[64],"focusSelectedDay":[64]},null,{"value":[{"syncValue":0}]}]]],["p-4b7c186f",[[769,"pf-notification",{"variant":[513],"heading":[1],"description":[1],"dismissable":[516],"exiting":[1540],"hasSlottedBody":[32],"dismiss":[64]}]]],["p-aa2acec3",[[769,"pf-tag",{"variant":[513],"dismissible":[516],"dismissLabel":[1,"dismiss-label"]}]]],["p-717b552a",[[769,"pf-avatar",{"src":[1],"alt":[1],"name":[1],"size":[513],"status":[513]}]]],["p-a4cc62e1",[[769,"pf-badge",{"variant":[513]}]]],["p-ad93b614",[[769,"pf-kbd",{"keys":[16],"size":[513],"separator":[1]}]]]]'),e)}));
+//# sourceMappingURL=pitchfork.esm.js.map

package/dist/pitchfork/pitchfork.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pitchfork.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.45.2 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/types/components/pf-accordion/pf-accordion.d.ts

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type PfAccordionType = 'single' | 'multiple';
+export type PfAccordionHeadingLevel = 2 | 3 | 4 | 5 | 6;
+/**
+ * A stack of `pf-accordion-item` children, of which either one or several can
+ * be open.
+ *
+ * The group owns which sections are open and the arrow keys; each item owns
+ * its own header, panel and animation. Same division as `pf-radio-group` and
+ * its radios — and for the same reason, since "one open at a time" is not a
+ * thing a section can decide for itself.
+ *
+ * Unlike a tab strip this is **not** a roving tabindex: the ARIA accordion
+ * pattern puts every header in the tab sequence, and the arrows are an extra
+ * way to move between them rather than the only one. A header is a real
+ * `<button>` inside its item's shadow root, so it is tabbable with no help.
+ *
+ * @slot - the `pf-accordion-item` children.
+ */
+export declare class PfAccordion {
+    el: HTMLElement;
+    /**
+     * The open sections, as one comma-separated string — which is what an
+     * attribute can carry. `pfChange` also reports the parsed array, which is
+     * what a framework consumer usually wants.
+     */
+    value: string;
+    /** `single` closes the others when one opens; `multiple` leaves them. */
+    type: PfAccordionType;
+    /**
+     * The heading level each item's header is wrapped in.
+     *
+     * A union-literal type defeats Stencil's attribute coercion — measured on
+     * `pf-time-picker`, where `hour-cycle="12"` arrived as the *string* `"12"` —
+     * so the value is coerced before it is pushed down rather than compared
+     * here. The union stays because it is the useful type for a framework
+     * consumer who really does set the number.
+     */
+    headingLevel: PfAccordionHeadingLevel;
+    /** Fires when the open set changes, however it was changed. */
+    pfChange: EventEmitter<{
+        value: string;
+        values: string[];
+    }>;
+    /** The light DOM is readable here, so first paint is already right. */
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    handleStateChange(): void;
+    /**
+     * Re-reads the children, for a consumer who changed one through its
+     * *property* — `item.disabled = true` leaves no attribute, moves no node and
+     * fires no `slotchange`.
+     */
+    refresh(): Promise<void>;
+    /** Direct children only: a nested accordion owns its own sections. */
+    private get items();
+    private get expanded();
+    /**
+     * The property if the item has been upgraded, the attribute if it has not —
+     * `componentWillLoad` can run before a child parsed from HTML upgrades.
+     */
+    private itemValue;
+    private isDisabled;
+    private sync;
+    private setExpanded;
+    /**
+     * A section asking to be opened or closed. The group decides, because in
+     * `single` mode the answer depends on what else is open.
+     */
+    handleToggle(event: CustomEvent<{
+        value: string;
+    }>): void;
+    /**
+     * The arrows move focus between the headers and open nothing: an accordion's
+     * sections are opened deliberately, unlike a tab strip's panels. Home and
+     * End jump to the first and last enabled header.
+     */
+    handleKeyDown(event: KeyboardEvent): void;
+    render(): any;
+}