@pitchfork-ui/elements 0.0.0-stage → 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfModalHeaderCss","PfModalHeader","render","h","Host","key"],"sources":["src/components/pf-modal-header/pf-modal-header.css?tag=pf-modal-header&encapsulation=shadow","src/components/pf-modal-header/pf-modal-header.tsx"],"sourcesContent":[":host {\n  border-bottom: 1px solid var(--pf-modal-border);\n  display: block;\n  /* Room for the close button, which is positioned over this corner. */\n  padding: var(--space-4) var(--space-10) var(--space-4) var(--space-4);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * The header section of a `pf-modal`.\n *\n * A separate element rather than a named slot, for the reason `pf-card` gives:\n * a named slot would need emptiness detection or leave a padded, bordered\n * strip when nothing was slotted into it.\n *\n * @slot - the section's content.\n */\n@Component({\n  tag: 'pf-modal-header',\n  styleUrl: 'pf-modal-header.css',\n  shadow: true,\n})\nexport class PfModalHeader {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,IAAM,wK,MCgBlBC,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,c as a,a as t,h as i,H as r}from"./p-Bm6UxEit.js";import{o as s,p as n}from"./p-CC7AyfOt.js";import{c as o}from"./p-DfpCerXM.js";import{p as l}from"./p-C9jNMqLs.js";import{K as d}from"./p-g4FlTDZx.js";import{a as c}from"./p-Cr6IXrUk.js";const p=()=>`:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-1)}.label{color:var(--pf-field-label-text, var(--pf-input-label-text));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.required{color:var(--pf-input-invalid-border);margin-inline-start:var(--space-1)}.row{align-items:center;display:flex;gap:var(--space-2)}.trigger{align-items:center;background:var(--pf-input-bg);border:1px solid var(--pf-input-border);border-radius:var(--radius-md);color:var(--pf-input-text);cursor:pointer;display:flex;flex:1;font-family:inherit;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:space-between;min-width:0;padding:var(--space-2) var(--space-3);text-align:start}.trigger:hover:not(:disabled){border-color:var(--pf-input-border-hover)}.trigger:focus-visible{box-shadow:var(--pf-focus-ring);outline:none}.trigger:disabled{cursor:not-allowed;opacity:0.6}.trigger--invalid{border-color:var(--pf-input-invalid-border)}.value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value--placeholder{color:var(--pf-input-placeholder-text)}.clear{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--pf-input-text-muted, var(--pf-input-placeholder-text));cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:var(--space-1)}.clear:hover:not(:disabled){color:var(--pf-input-text)}.clear:focus-visible{box-shadow:var(--pf-focus-ring);outline:none}.description{color:var(--pf-input-description-text);font-size:var(--font-size-xs);margin:0}.error{color:var(--pf-input-invalid-border);font-size:var(--font-size-xs);margin:0}.panel{inset:auto;margin:0;background:none;border:0;overflow:visible;padding:0}.panel:popover-open{animation:pf-date-picker-in var(--pf-transition-enter)}@keyframes pf-date-picker-in{from{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.panel:popover-open{animation:none}}`;const f=class{constructor(t){e(this,t);this.pfChange=a(this,"pfChange");this.pfOpenChange=a(this,"pfOpenChange");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;value="";open=false;label;description;error;placeholder="Select a date";required=false;disabled=false;allowClear=false;min;max;startYear;endYear;showOutsideDays=true;isDateDisabled;pfChange;pfOpenChange;initialValue="";stopObserving;componentWillLoad(){this.initialValue=this.value??"";this.syncFormState()}disconnectedCallback(){this.stopObserving?.()}syncFormState(){this.internals.setFormValue(this.value||null);c(this.internals,Boolean(this.value),this.required,this.error)}syncOpen(e,a){if(e)this.showPanel();else this.hidePanel();if(e!==a)this.pfOpenChange.emit({open:e})}async show(){if(!this.disabled)this.open=true}async hide(){this.open=false}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.value=this.initialValue}get panel(){return this.el.shadowRoot?.querySelector('[part="panel"]')??null}get trigger(){return this.el.shadowRoot?.querySelector('[part="trigger"]')??null}get calendar(){return this.el.shadowRoot?.querySelector("pf-calendar")??null}showPanel(){const e=this.panel;if(this.disabled||!e||e.matches(":popover-open"))return;e.showPopover();this.stopObserving?.();this.stopObserving=s({getAnchor:()=>this.trigger,getFloating:()=>e,align:"start",matchAnchorWidth:false,flip:true,onChange:({left:a,top:t})=>n(e,a,t)});void this.calendar?.focusSelectedDay()}hidePanel(){this.stopObserving?.();this.stopObserving=undefined;const e=this.panel;if(e?.matches(":popover-open"))e.hidePopover()}onToggle=e=>{const a=e.newState==="open";if(this.open!==a)this.open=a;if(!a)this.trigger?.focus()};bindCalendar=e=>{if(!e||e===this.boundCalendar)return;this.boundCalendar=e;e.addEventListener("pfChange",this.onCalendarChange)};boundCalendar;onCalendarChange=e=>{e.stopPropagation();this.value=e.detail.value;this.pfChange.emit({value:this.value});this.open=false;this.trigger?.focus()};clear=e=>{e.stopPropagation();if(!this.value)return;this.value="";this.pfChange.emit({value:""})};onTriggerKeyDown=e=>{if(this.open||this.disabled)return;if(e.key===d.ArrowDown||e.key===d.Enter||e.key===d.Space){if(e.key===d.ArrowDown){e.preventDefault();this.open=true}}};formatted(){const e=l(this.value);if(!e)return"";return new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"}).format(e)}render(){const e=o(this.description&&"description",this.error&&"error");const a=this.formatted();return i(r,{key:"4c7b624f2b4f7b0a1bb1283ceeaf0884eb8617f7"},i("div",{key:"9b8b376726d7d5073d78da8d2f8388d4e721725f",class:"field",part:"field"},this.label&&i("label",{key:"5aa01393fb9172abb0e9718f8ca4872e93f540c2",class:"label",part:"label",htmlFor:"trigger"},this.label,this.required&&i("span",{key:"c0a00abc02da50500ffa64471222355a0b5c610d",class:"required","aria-hidden":"true"},"*")),i("div",{key:"17bab24f52f47bde8d06f1070f13845cffeeae26",class:"row"},i("button",{key:"cde12c16dd7e2824cbd570d6101d9322cd56e802",id:"trigger",part:"trigger",class:{trigger:true,"trigger--invalid":Boolean(this.error)},type:"button",disabled:this.disabled,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":"panel","aria-invalid":this.error?"true":null,"aria-required":this.required?"true":null,"aria-describedby":e,onClick:()=>{if(!this.disabled)this.open=!this.open},onKeyDown:this.onTriggerKeyDown},i("span",{key:"a0058117f0f220f7c023ea839320448e2cf11492",class:{value:true,"value--placeholder":!a}},a||this.placeholder),i("pf-icon",{key:"2fafd08f3570839fe8b1e9fbd444cb01441cff19",name:"calendar"})),this.allowClear&&this.value&&i("button",{key:"3c0ae031b818206486b0dedaa67ec7da4abe47a1",class:"clear",part:"clear",type:"button","aria-label":"Clear selected date",disabled:this.disabled,onClick:this.clear},i("pf-icon",{key:"f2f340dfdccdcb59cd38fa1ca9c449e14bada1bd",name:"circle-xmark"}))),this.description&&i("p",{key:"868d285932ff0a58a0917909ac566f8672b410ee",class:"description",part:"description",id:"description"},this.description),this.error&&i("p",{key:"425d7843886e4afadafbf38b26bae2ee80b3c7d8",class:"error",part:"error",id:"error"},this.error)),i("div",{key:"1fa2e68673f31aeb52be6446f614a39494016d90",id:"panel",part:"panel",class:"panel",popover:"auto",role:"dialog","aria-label":"Choose a date",onToggle:this.onToggle},i("pf-calendar",{key:"7a9e9553c4a2975ae7ec8e6c34cc04ac7626ec76",ref:this.bindCalendar,part:"calendar",value:this.value||undefined,min:this.min,max:this.max,startYear:this.startYear,endYear:this.endYear,showOutsideDays:this.showOutsideDays,isDateDisabled:this.isDateDisabled})))}static get formAssociated(){return true}static get watchers(){return{value:[{syncFormState:0}],error:[{syncFormState:0}],required:[{syncFormState:0}],open:[{syncOpen:0}]}}};f.style=p();export{f as pf_date_picker};
+//# sourceMappingURL=p-e944f504.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfDatePickerCss","PfDatePicker","internals","name","value","open","label","description","error","placeholder","required","disabled","allowClear","min","max","startYear","endYear","showOutsideDays","isDateDisabled","pfChange","pfOpenChange","initialValue","stopObserving","componentWillLoad","this","syncFormState","disconnectedCallback","setFormValue","applyControlValidity","Boolean","syncOpen","next","previous","showPanel","hidePanel","emit","show","hide","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","panel","el","shadowRoot","querySelector","trigger","calendar","matches","showPopover","observeAnchoredPosition","getAnchor","getFloating","align","matchAnchorWidth","flip","onChange","left","top","placePopover","focusSelectedDay","undefined","hidePopover","onToggle","event","nowOpen","newState","focus","bindCalendar","element","boundCalendar","addEventListener","onCalendarChange","stopPropagation","detail","clear","onTriggerKeyDown","key","Keys","ArrowDown","Enter","Space","preventDefault","formatted","date","parseISODate","Intl","DateTimeFormat","month","day","year","format","render","describedBy","composeDescribedBy","text","h","Host","class","part","htmlFor","id","type","onClick","onKeyDown","popover","role","ref"],"sources":["src/components/pf-date-picker/pf-date-picker.css?tag=pf-date-picker&encapsulation=shadow","src/components/pf-date-picker/pf-date-picker.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  display: grid;\n  gap: var(--space-1);\n}\n\n.label {\n  color: var(--pf-field-label-text, var(--pf-input-label-text));\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.required {\n  color: var(--pf-input-invalid-border);\n  margin-inline-start: var(--space-1);\n}\n\n.row {\n  align-items: center;\n  display: flex;\n  gap: var(--space-2);\n}\n\n.trigger {\n  align-items: center;\n  background: var(--pf-input-bg);\n  border: 1px solid var(--pf-input-border);\n  border-radius: var(--radius-md);\n  color: var(--pf-input-text);\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  gap: var(--space-2);\n  justify-content: space-between;\n  min-width: 0;\n  padding: var(--space-2) var(--space-3);\n  text-align: start;\n}\n\n.trigger:hover:not(:disabled) {\n  border-color: var(--pf-input-border-hover);\n}\n\n.trigger:focus-visible {\n  box-shadow: var(--pf-focus-ring);\n  outline: none;\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.trigger--invalid {\n  border-color: var(--pf-input-invalid-border);\n}\n\n.value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value--placeholder {\n  color: var(--pf-input-placeholder-text);\n}\n\n.clear {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-input-text-muted, var(--pf-input-placeholder-text));\n  cursor: pointer;\n  display: inline-flex;\n  flex-shrink: 0;\n  justify-content: center;\n  padding: var(--space-1);\n}\n\n.clear:hover:not(:disabled) {\n  color: var(--pf-input-text);\n}\n\n.clear:focus-visible {\n  box-shadow: var(--pf-focus-ring);\n  outline: none;\n}\n\n.description {\n  color: var(--pf-input-description-text);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-input-invalid-border);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n/*\n * See src/place-popover.ts: `inset: auto; margin: 0` are what make the\n * coordinates mean what they say, since the UA stylesheet centres a popover.\n * Declared here and set inline, because no test project applies this file.\n */\n.panel {\n  inset: auto;\n  margin: 0;\n  background: none;\n  border: 0;\n  overflow: visible;\n  padding: 0;\n}\n\n.panel:popover-open {\n  animation: pf-date-picker-in var(--pf-transition-enter);\n}\n\n/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-date-picker-in {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .panel:popover-open {\n    animation: none;\n  }\n}\n","import {\n  composeDescribedBy,\n  Keys,\n  observeAnchoredPosition,\n  parseISODate,\n} from '@pitchfork-ui/core';\n\nimport { applyControlValidity } from '../../form-validity';\nimport { placePopover } from '../../place-popover';\nimport {\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\n/**\n * A form-associated date field: a trigger that opens `pf-calendar` in a\n * popover.\n *\n * Form-associated, which the React `DatePicker` is not — it is a button and a\n * portal, so its value reaches a surrounding `<form>` only if the consumer\n * wires it there themselves. Here the value is submitted as `YYYY-MM-DD`,\n * constraint validation works, and Angular's generated accessor has something\n * to bind to.\n *\n * The panel is a `popover`, so light dismiss and Escape are the browser's.\n * Unlike `pf-dropdown`, the trigger and the panel are both in *this* shadow\n * root, so `aria-controls` resolves and is worth setting — a same-root IDREF\n * is the one case that works, measured.\n *\n * @part field - the wrapper around label, control and messages.\n * @part label - the label element.\n * @part trigger - the button that opens the calendar.\n * @part clear - the clear button.\n * @part panel - the floating panel holding the calendar.\n * @part calendar - the calendar itself.\n * @part description - the hint text below the control.\n * @part error - the error message below the control.\n */\n@Component({\n  tag: 'pf-date-picker',\n  styleUrl: 'pf-date-picker.css',\n  formAssociated: true,\n  shadow: true,\n})\nexport class PfDatePicker {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * Submitted under this name. Reflected, because the submission name comes\n   * from the content attribute and the generated bindings set properties.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The selected date as `YYYY-MM-DD`, or empty. */\n  @Prop({ mutable: true }) value = '';\n\n  /** Whether the calendar is showing. Reflected for the stylesheet. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Visible label. In the same root as the trigger, so `for` works. */\n  @Prop() label?: string;\n\n  /** Hint text below the control. */\n  @Prop() description?: string;\n\n  /** Error message. Its presence is what marks the control invalid. */\n  @Prop() error?: string;\n\n  @Prop() placeholder = 'Select a date';\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Offer a button that empties the field. */\n  @Prop() allowClear = false;\n\n  /** Earliest selectable date, as `YYYY-MM-DD`. */\n  @Prop() min?: string;\n\n  /** Latest selectable date, as `YYYY-MM-DD`. */\n  @Prop() max?: string;\n\n  @Prop() startYear?: number;\n\n  @Prop() endYear?: number;\n\n  @Prop() showOutsideDays = true;\n\n  /** A predicate for days that cannot be chosen; see `pf-calendar`. */\n  @Prop() isDateDisabled?: (date: Date) => boolean;\n\n  /** Fires when a date is chosen or cleared. */\n  @Event() pfChange!: EventEmitter<{ value: string }>;\n\n  /** Fires whenever the calendar opens or closes, whoever caused it. */\n  @Event() pfOpenChange!: EventEmitter<{ open: boolean }>;\n\n  /** What a form reset restores; `value` has been overwritten by then. */\n  private initialValue = '';\n\n  private stopObserving?: () => void;\n\n  componentWillLoad() {\n    this.initialValue = this.value ?? '';\n    this.syncFormState();\n  }\n\n  disconnectedCallback() {\n    this.stopObserving?.();\n  }\n\n  @Watch('value')\n  @Watch('error')\n  @Watch('required')\n  syncFormState() {\n    this.internals.setFormValue(this.value || null);\n    applyControlValidity(this.internals, Boolean(this.value), this.required, this.error);\n  }\n\n  /** The one place an open or close is announced, whatever caused it. */\n  @Watch('open')\n  syncOpen(next: boolean, previous: boolean) {\n    if (next) this.showPanel();\n    else this.hidePanel();\n    if (next !== previous) this.pfOpenChange.emit({ open: next });\n  }\n\n  /** Opens the calendar. */\n  @Method()\n  async show(): Promise<void> {\n    if (!this.disabled) this.open = true;\n  }\n\n  /** Closes the calendar. */\n  @Method()\n  async hide(): Promise<void> {\n    this.open = false;\n  }\n\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  /** A reset restores the value the field started with, not an empty one. */\n  formResetCallback() {\n    this.value = this.initialValue;\n  }\n\n  private get panel() {\n    return this.el.shadowRoot?.querySelector<HTMLElement>('[part=\"panel\"]') ?? null;\n  }\n\n  private get trigger() {\n    return this.el.shadowRoot?.querySelector<HTMLButtonElement>('[part=\"trigger\"]') ?? null;\n  }\n\n  private get calendar() {\n    return (\n      this.el.shadowRoot?.querySelector<HTMLElement & { focusSelectedDay(): Promise<void> }>(\n        'pf-calendar',\n      ) ?? null\n    );\n  }\n\n  private showPanel() {\n    const panel = this.panel;\n    if (this.disabled || !panel || panel.matches(':popover-open')) return;\n\n    panel.showPopover();\n    this.stopObserving?.();\n    this.stopObserving = observeAnchoredPosition({\n      getAnchor: () => this.trigger,\n      getFloating: () => panel,\n      align: 'start',\n      matchAnchorWidth: false,\n      flip: true,\n      onChange: ({ left, top }) => placePopover(panel, left, top),\n    });\n\n    // Focus the grid, not the panel: the calendar owns its own tab stop, and\n    // it asks for focus through a method rather than having it reached for.\n    void this.calendar?.focusSelectedDay();\n  }\n\n  private hidePanel() {\n    this.stopObserving?.();\n    this.stopObserving = undefined;\n    const panel = this.panel;\n    if (panel?.matches(':popover-open')) panel.hidePopover();\n  }\n\n  /**\n   * Mirrors a browser-driven close — a light dismiss or Escape — back into\n   * `open`, which is what then announces it.\n   */\n  private onToggle = (event: ToggleEvent) => {\n    const nowOpen = event.newState === 'open';\n    if (this.open !== nowOpen) this.open = nowOpen;\n    if (!nowOpen) this.trigger?.focus();\n  };\n\n  /**\n   * Listens on the calendar element itself, not on the host.\n   *\n   * Both were tried. A `@Listen('pfChange')` on the host sees the calendar's\n   * event *and* this element's own — a Stencil event is composed, so by then\n   * both have been retargeted to the host and `event.target` cannot tell them\n   * apart. Worse, `stopPropagation()` there does not help: the consumer's\n   * listener is on that same node, and stopping propagation never stops\n   * same-node listeners, so every pick reported twice. Caught by a test that\n   * counted them.\n   *\n   * On the calendar, the event is stopped before it reaches the host at all,\n   * which does not depend on listener registration order the way\n   * `stopImmediatePropagation` would.\n   */\n  private bindCalendar = (element?: HTMLElement) => {\n    if (!element || element === this.boundCalendar) return;\n    this.boundCalendar = element;\n    element.addEventListener('pfChange', this.onCalendarChange as EventListener);\n  };\n\n  private boundCalendar?: HTMLElement;\n\n  private onCalendarChange = (event: CustomEvent<{ value: string }>) => {\n    event.stopPropagation();\n\n    this.value = event.detail.value;\n    this.pfChange.emit({ value: this.value });\n    this.open = false;\n    this.trigger?.focus();\n  };\n\n  private clear = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (!this.value) return;\n    this.value = '';\n    this.pfChange.emit({ value: '' });\n  };\n\n  /**\n   * Down opens the calendar from a closed trigger, as a popup button should.\n   * Escape is the browser's while the panel is open — `popover=\"auto\"` handles\n   * it — so there is nothing to do here for it.\n   */\n  private onTriggerKeyDown = (event: KeyboardEvent) => {\n    if (this.open || this.disabled) return;\n    if (event.key === Keys.ArrowDown || event.key === Keys.Enter || event.key === Keys.Space) {\n      if (event.key === Keys.ArrowDown) {\n        event.preventDefault();\n        this.open = true;\n      }\n    }\n  };\n\n  /** `MMM D, YYYY`, matching the React component's trigger text. */\n  private formatted(): string {\n    const date = parseISODate(this.value);\n    if (!date) return '';\n    return new Intl.DateTimeFormat('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    }).format(date);\n  }\n\n  render() {\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      this.error && 'error',\n    );\n    const text = this.formatted();\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"trigger\">\n              {this.label}\n              {this.required && (\n                <span class=\"required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          )}\n\n          <div class=\"row\">\n            <button\n              id=\"trigger\"\n              part=\"trigger\"\n              class={{ trigger: true, 'trigger--invalid': Boolean(this.error) }}\n              type=\"button\"\n              disabled={this.disabled}\n              aria-haspopup=\"dialog\"\n              aria-expanded={this.open ? 'true' : 'false'}\n              /* Same shadow root as the panel, so this IDREF resolves. */\n              aria-controls=\"panel\"\n              aria-invalid={this.error ? 'true' : null}\n              aria-required={this.required ? 'true' : null}\n              aria-describedby={describedBy}\n              onClick={() => {\n                if (!this.disabled) this.open = !this.open;\n              }}\n              onKeyDown={this.onTriggerKeyDown}\n            >\n              <span class={{ value: true, 'value--placeholder': !text }}>\n                {text || this.placeholder}\n              </span>\n              <pf-icon name=\"calendar\"></pf-icon>\n            </button>\n\n            {this.allowClear && this.value && (\n              <button\n                class=\"clear\"\n                part=\"clear\"\n                type=\"button\"\n                aria-label=\"Clear selected date\"\n                disabled={this.disabled}\n                onClick={this.clear}\n              >\n                <pf-icon name=\"circle-xmark\"></pf-icon>\n              </button>\n            )}\n          </div>\n\n          {this.description && (\n            <p class=\"description\" part=\"description\" id=\"description\">\n              {this.description}\n            </p>\n          )}\n          {this.error && (\n            <p class=\"error\" part=\"error\" id=\"error\">\n              {this.error}\n            </p>\n          )}\n        </div>\n\n        <div\n          id=\"panel\"\n          part=\"panel\"\n          class=\"panel\"\n          popover=\"auto\"\n          role=\"dialog\"\n          aria-label=\"Choose a date\"\n          onToggle={this.onToggle}\n        >\n          <pf-calendar\n            ref={this.bindCalendar}\n            part=\"calendar\"\n            value={this.value || undefined}\n            min={this.min}\n            max={this.max}\n            startYear={this.startYear}\n            endYear={this.endYear}\n            showOutsideDays={this.showOutsideDays}\n            isDateDisabled={this.isDateDisabled}\n          ></pf-calendar>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2PAAA,MAAMA,EAAkB,IAAM,k5D,MCoDjBC,EAAY,M,4RAEJC,UAMMC,KAGAC,MAAQ,GAGOC,KAAO,MAGvCC,MAGAC,YAGAC,MAEAC,YAAc,gBAEGC,SAAW,MAEXC,SAAW,MAG5BC,WAAa,MAGbC,IAGAC,IAEAC,UAEAC,QAEAC,gBAAkB,KAGlBC,eAGCC,SAGAC,aAGDC,aAAe,GAEfC,cAER,iBAAAC,GACEC,KAAKH,aAAeG,KAAKpB,OAAS,GAClCoB,KAAKC,e,CAGP,oBAAAC,GACEF,KAAKF,iB,CAMP,aAAAG,GACED,KAAKtB,UAAUyB,aAAaH,KAAKpB,OAAS,MAC1CwB,EAAqBJ,KAAKtB,UAAW2B,QAAQL,KAAKpB,OAAQoB,KAAKd,SAAUc,KAAKhB,M,CAKhF,QAAAsB,CAASC,EAAeC,GACtB,GAAID,EAAMP,KAAKS,iBACVT,KAAKU,YACV,GAAIH,IAASC,EAAUR,KAAKJ,aAAae,KAAK,CAAE9B,KAAM0B,G,CAKxD,UAAMK,GACJ,IAAKZ,KAAKb,SAAUa,KAAKnB,KAAO,I,CAKlC,UAAMgC,GACJb,KAAKnB,KAAO,K,CAId,mBAAMiC,GACJ,OAAOd,KAAKtB,UAAUoC,e,CAIxB,oBAAMC,GACJ,OAAOf,KAAKtB,UAAUqC,gB,CAIxB,0BAAMC,GACJ,OAAOhB,KAAKtB,UAAUuC,iB,CAIxB,iBAAAC,GACElB,KAAKpB,MAAQoB,KAAKH,Y,CAGpB,SAAYsB,GACV,OAAOnB,KAAKoB,GAAGC,YAAYC,cAA2B,mBAAqB,I,CAG7E,WAAYC,GACV,OAAOvB,KAAKoB,GAAGC,YAAYC,cAAiC,qBAAuB,I,CAGrF,YAAYE,GACV,OACExB,KAAKoB,GAAGC,YAAYC,cAClB,gBACG,I,CAID,SAAAb,GACN,MAAMU,EAAQnB,KAAKmB,MACnB,GAAInB,KAAKb,WAAagC,GAASA,EAAMM,QAAQ,iBAAkB,OAE/DN,EAAMO,cACN1B,KAAKF,kBACLE,KAAKF,cAAgB6B,EAAwB,CAC3CC,UAAW,IAAM5B,KAAKuB,QACtBM,YAAa,IAAMV,EACnBW,MAAO,QACPC,iBAAkB,MAClBC,KAAM,KACNC,SAAU,EAAGC,OAAMC,SAAUC,EAAajB,EAAOe,EAAMC,UAKpDnC,KAAKwB,UAAUa,kB,CAGd,SAAA3B,GACNV,KAAKF,kBACLE,KAAKF,cAAgBwC,UACrB,MAAMnB,EAAQnB,KAAKmB,MACnB,GAAIA,GAAOM,QAAQ,iBAAkBN,EAAMoB,a,CAOrCC,SAAYC,IAClB,MAAMC,EAAUD,EAAME,WAAa,OACnC,GAAI3C,KAAKnB,OAAS6D,EAAS1C,KAAKnB,KAAO6D,EACvC,IAAKA,EAAS1C,KAAKuB,SAASqB,OAAO,EAkB7BC,aAAgBC,IACtB,IAAKA,GAAWA,IAAY9C,KAAK+C,cAAe,OAChD/C,KAAK+C,cAAgBD,EACrBA,EAAQE,iBAAiB,WAAYhD,KAAKiD,iBAAkC,EAGtEF,cAEAE,iBAAoBR,IAC1BA,EAAMS,kBAENlD,KAAKpB,MAAQ6D,EAAMU,OAAOvE,MAC1BoB,KAAKL,SAASgB,KAAK,CAAE/B,MAAOoB,KAAKpB,QACjCoB,KAAKnB,KAAO,MACZmB,KAAKuB,SAASqB,OAAO,EAGfQ,MAASX,IACfA,EAAMS,kBACN,IAAKlD,KAAKpB,MAAO,OACjBoB,KAAKpB,MAAQ,GACboB,KAAKL,SAASgB,KAAK,CAAE/B,MAAO,IAAK,EAQ3ByE,iBAAoBZ,IAC1B,GAAIzC,KAAKnB,MAAQmB,KAAKb,SAAU,OAChC,GAAIsD,EAAMa,MAAQC,EAAKC,WAAaf,EAAMa,MAAQC,EAAKE,OAAShB,EAAMa,MAAQC,EAAKG,MAAO,CACxF,GAAIjB,EAAMa,MAAQC,EAAKC,UAAW,CAChCf,EAAMkB,iBACN3D,KAAKnB,KAAO,I,IAMV,SAAA+E,GACN,MAAMC,EAAOC,EAAa9D,KAAKpB,OAC/B,IAAKiF,EAAM,MAAO,GAClB,OAAO,IAAIE,KAAKC,eAAe,QAAS,CACtCC,MAAO,QACPC,IAAK,UACLC,KAAM,YACLC,OAAOP,E,CAGZ,MAAAQ,GACE,MAAMC,EAAcC,EAClBvE,KAAKjB,aAAe,cACpBiB,KAAKhB,OAAS,SAEhB,MAAMwF,EAAOxE,KAAK4D,YAElB,OACEa,EAACC,EAAI,CAAApB,IAAA,4CACHmB,EAAA,OAAAnB,IAAA,2CAAKqB,MAAM,QAAQC,KAAK,SACrB5E,KAAKlB,OACJ2F,EAAA,SAAAnB,IAAA,2CAAOqB,MAAM,QAAQC,KAAK,QAAQC,QAAQ,WACvC7E,KAAKlB,MACLkB,KAAKd,UACJuF,EAAA,QAAAnB,IAAA,2CAAMqB,MAAM,WAAU,cAAa,QAAM,MAO/CF,EAAA,OAAAnB,IAAA,2CAAKqB,MAAM,OACTF,EAAA,UAAAnB,IAAA,2CACEwB,GAAG,UACHF,KAAK,UACLD,MAAO,CAAEpD,QAAS,KAAM,mBAAoBlB,QAAQL,KAAKhB,QACzD+F,KAAK,SACL5F,SAAUa,KAAKb,SAAQ,gBACT,SAAQ,gBACPa,KAAKnB,KAAO,OAAS,QAAO,gBAE7B,QAAO,eACPmB,KAAKhB,MAAQ,OAAS,KAAI,gBACzBgB,KAAKd,SAAW,OAAS,KAAI,mBAC1BoF,EAClBU,QAAS,KACP,IAAKhF,KAAKb,SAAUa,KAAKnB,MAAQmB,KAAKnB,IAAI,EAE5CoG,UAAWjF,KAAKqD,kBAEhBoB,EAAA,QAAAnB,IAAA,2CAAMqB,MAAO,CAAE/F,MAAO,KAAM,sBAAuB4F,IAChDA,GAAQxE,KAAKf,aAEhBwF,EAAA,WAAAnB,IAAA,2CAAS3E,KAAK,cAGfqB,KAAKZ,YAAcY,KAAKpB,OACvB6F,EAAA,UAAAnB,IAAA,2CACEqB,MAAM,QACNC,KAAK,QACLG,KAAK,SAAQ,aACF,sBACX5F,SAAUa,KAAKb,SACf6F,QAAShF,KAAKoD,OAEdqB,EAAA,WAAAnB,IAAA,2CAAS3E,KAAK,mBAKnBqB,KAAKjB,aACJ0F,EAAA,KAAAnB,IAAA,2CAAGqB,MAAM,cAAcC,KAAK,cAAcE,GAAG,eAC1C9E,KAAKjB,aAGTiB,KAAKhB,OACJyF,EAAA,KAAAnB,IAAA,2CAAGqB,MAAM,QAAQC,KAAK,QAAQE,GAAG,SAC9B9E,KAAKhB,QAKZyF,EAAA,OAAAnB,IAAA,2CACEwB,GAAG,QACHF,KAAK,QACLD,MAAM,QACNO,QAAQ,OACRC,KAAK,SAAQ,aACF,gBACX3C,SAAUxC,KAAKwC,UAEfiC,EAAA,eAAAnB,IAAA,2CACE8B,IAAKpF,KAAK6C,aACV+B,KAAK,WACLhG,MAAOoB,KAAKpB,OAAS0D,UACrBjD,IAAKW,KAAKX,IACVC,IAAKU,KAAKV,IACVC,UAAWS,KAAKT,UAChBC,QAASQ,KAAKR,QACdC,gBAAiBO,KAAKP,gBACtBC,eAAgBM,KAAKN,kB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as a,h as d,H as o}from"./p-Bm6UxEit.js";const e=()=>`:host{border-top:1px solid var(--pf-modal-border);display:flex;gap:var(--space-2);justify-content:flex-end;padding:var(--space-4)}:host([hidden]){display:none}`;const s=class{constructor(d){a(this,d)}render(){return d(o,{key:"435da74561bd7d3c7ffa98169048cda6832fe092"},d("slot",{key:"67fc15dd9d746e0bafab9126baf0438b20c249f6"}))}};s.style=e();export{s as pf_modal_footer};
+//# sourceMappingURL=p-e9d767df.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfModalFooterCss","PfModalFooter","render","h","Host","key"],"sources":["src/components/pf-modal-footer/pf-modal-footer.css?tag=pf-modal-footer&encapsulation=shadow","src/components/pf-modal-footer/pf-modal-footer.tsx"],"sourcesContent":[":host {\n  border-top: 1px solid var(--pf-modal-border);\n  display: flex;\n  gap: var(--space-2);\n  justify-content: flex-end;\n  padding: var(--space-4);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * The footer section of a `pf-modal`.\n *\n * A separate element rather than a named slot, for the reason `pf-card` gives:\n * a named slot would need emptiness detection or leave a padded, bordered\n * strip when nothing was slotted into it.\n *\n * @slot - the section's content.\n */\n@Component({\n  tag: 'pf-modal-footer',\n  styleUrl: 'pf-modal-footer.css',\n  shadow: true,\n})\nexport class PfModalFooter {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,IAAM,kK,MCgBlBC,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,a,h as t,H as i}from"./p-Bm6UxEit.js";const r=()=>`:host{--pf-timeline-line:1.375rem;--pf-timeline-marker-size:16px;column-gap:var(--space-3);display:grid;grid-template-columns:auto 1fr}:host([hidden]){display:none}.rail{align-items:center;display:flex;flex-direction:column}.marker{align-items:center;border-radius:var(--radius-full);border-style:solid;border-width:2px;display:inline-flex;flex-shrink:0;height:var(--pf-timeline-marker-size);justify-content:center;margin-top:calc((var(--pf-timeline-line) - var(--pf-timeline-marker-size)) / 2);width:var(--pf-timeline-marker-size)}.marker.with-icon{--pf-timeline-marker-size:28px}slot[name='icon']::slotted(*){align-items:center;display:inline-flex;font-size:0.8rem;justify-content:center}:host([tone='default']) .marker{background:var(--pf-timeline-default-bg);border-color:var(--pf-timeline-default-border);color:var(--pf-timeline-default-icon)}:host([tone='success']) .marker{background:var(--pf-timeline-success-bg);border-color:var(--pf-timeline-success-border);color:var(--pf-timeline-success-icon)}:host([tone='warning']) .marker{background:var(--pf-timeline-warning-bg);border-color:var(--pf-timeline-warning-border);color:var(--pf-timeline-warning-icon)}:host([tone='danger']) .marker{background:var(--pf-timeline-danger-bg);border-color:var(--pf-timeline-danger-border);color:var(--pf-timeline-danger-icon)}.connector{background:var(--pf-timeline-connector);flex:1;margin:var(--space-1) 0;min-height:var(--space-4);width:2px}.content{padding-bottom:var(--space-5)}:host([last]) .content{padding-bottom:0}.header{align-items:baseline;column-gap:var(--space-2);display:flex;flex-wrap:wrap;justify-content:space-between}.title{color:var(--pf-timeline-title);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--pf-timeline-line);margin:0}slot[name='timestamp']::slotted(*){color:var(--pf-timeline-timestamp);flex-shrink:0;font-size:var(--font-size-xs);white-space:nowrap}slot[name='description']::slotted(*){color:var(--pf-timeline-description);display:block;font-size:var(--font-size-sm);margin-top:var(--space-1)}`;const n=class{constructor(a){e(this,a)}get el(){return a(this)}tone="default";last=false;hasIcon=false;componentWillLoad(){this.readIcon()}readIcon=()=>{this.hasIcon=Array.from(this.el.children).some((e=>e.getAttribute("slot")==="icon"))};render(){return t(i,{key:"91c65e90131294e08445c06cca82fe4dcc3ecb38",role:"listitem"},t("div",{key:"be5e941f568eddc14c8766fc74d4cd095acfa9fc",class:"rail",part:"rail","aria-hidden":"true"},t("span",{key:"40b410122f953312e3643fdf91882b219a6ea2e9",class:{marker:true,"with-icon":this.hasIcon},part:"marker"},t("slot",{key:"b1967cd74ed9468260edfd5375acfa5b8ea91bf6",name:"icon",onSlotchange:this.readIcon})),!this.last&&t("span",{key:"887e7fe2b3b1c22a859e2d0bad2a0769e1bbb3b1",class:"connector",part:"connector"})),t("div",{key:"d25ed21ad5337568a15190d86ccdda8704a09834",class:"content",part:"content"},t("div",{key:"59fa3448d18b10c0efc2d22ee09c0e673dd9cc28",class:"header",part:"header"},t("p",{key:"3458f24b4862ff112e917b9d0e8318ae3bee77f2",class:"title",part:"title"},t("slot",{key:"b220c2ee62e621e47387554a8776b7071e3802e3",name:"title"})),t("slot",{key:"55d4102ca0a1003056e4c5ca830b9161d1fa6ed8",name:"timestamp"})),t("slot",{key:"7ef43f007a4bab89ba3bfdb15ce37b0ebfc9bedd",name:"description"})))}};n.style=r();export{n as pf_timeline_item};
+//# sourceMappingURL=p-ea63c122.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfTimelineItemCss","PfTimelineItem","tone","last","hasIcon","componentWillLoad","this","readIcon","Array","from","el","children","some","child","getAttribute","render","h","Host","key","role","class","part","marker","name","onSlotchange"],"sources":["src/components/pf-timeline-item/pf-timeline-item.css?tag=pf-timeline-item&encapsulation=shadow","src/components/pf-timeline-item/pf-timeline-item.tsx"],"sourcesContent":[":host {\n  /* The title's line height, which the marker centres itself on. */\n  --pf-timeline-line: 1.375rem;\n  --pf-timeline-marker-size: 16px;\n  column-gap: var(--space-3);\n  display: grid;\n  grid-template-columns: auto 1fr;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.rail {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n}\n\n.marker {\n  align-items: center;\n  border-radius: var(--radius-full);\n  border-style: solid;\n  border-width: 2px;\n  display: inline-flex;\n  flex-shrink: 0;\n  height: var(--pf-timeline-marker-size);\n  justify-content: center;\n  /* Centred on the title's first line. */\n  margin-top: calc((var(--pf-timeline-line) - var(--pf-timeline-marker-size)) / 2);\n  width: var(--pf-timeline-marker-size);\n}\n\n/*\n * A marker carrying an icon is larger to fit it. The class comes from JS,\n * because `:has(*)` on a wrapper around a slot always matches -- the slot is\n * itself a child.\n */\n.marker.with-icon {\n  --pf-timeline-marker-size: 28px;\n}\n\nslot[name='icon']::slotted(*) {\n  align-items: center;\n  display: inline-flex;\n  font-size: 0.8rem;\n  justify-content: center;\n}\n\n:host([tone='default']) .marker {\n  background: var(--pf-timeline-default-bg);\n  border-color: var(--pf-timeline-default-border);\n  color: var(--pf-timeline-default-icon);\n}\n\n:host([tone='success']) .marker {\n  background: var(--pf-timeline-success-bg);\n  border-color: var(--pf-timeline-success-border);\n  color: var(--pf-timeline-success-icon);\n}\n\n:host([tone='warning']) .marker {\n  background: var(--pf-timeline-warning-bg);\n  border-color: var(--pf-timeline-warning-border);\n  color: var(--pf-timeline-warning-icon);\n}\n\n:host([tone='danger']) .marker {\n  background: var(--pf-timeline-danger-bg);\n  border-color: var(--pf-timeline-danger-border);\n  color: var(--pf-timeline-danger-icon);\n}\n\n.connector {\n  background: var(--pf-timeline-connector);\n  flex: 1;\n  margin: var(--space-1) 0;\n  min-height: var(--space-4);\n  width: 2px;\n}\n\n.content {\n  padding-bottom: var(--space-5);\n}\n\n:host([last]) .content {\n  padding-bottom: 0;\n}\n\n.header {\n  align-items: baseline;\n  column-gap: var(--space-2);\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n}\n\n.title {\n  color: var(--pf-timeline-title);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n  line-height: var(--pf-timeline-line);\n  margin: 0;\n}\n\nslot[name='timestamp']::slotted(*) {\n  color: var(--pf-timeline-timestamp);\n  flex-shrink: 0;\n  font-size: var(--font-size-xs);\n  white-space: nowrap;\n}\n\nslot[name='description']::slotted(*) {\n  color: var(--pf-timeline-description);\n  display: block;\n  font-size: var(--font-size-sm);\n  margin-top: var(--space-1);\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nexport type PfTimelineTone = 'default' | 'success' | 'warning' | 'danger';\n\n/**\n * One entry in a `pf-timeline`.\n *\n * @slot title - the entry's title.\n * @slot timestamp - short meta text beside the title.\n * @slot description - secondary text below the title.\n * @slot icon - an icon inside the marker, in place of the plain dot.\n * @part rail - the column holding the marker and the connector.\n * @part marker - the dot, or the circle around a slotted icon.\n * @part connector - the line down to the next entry. Absent on the last.\n * @part content - the box holding title, timestamp and description.\n * @part header - the row holding the title and the timestamp.\n * @part title - the title's box.\n */\n@Component({\n  tag: 'pf-timeline-item',\n  styleUrl: 'pf-timeline-item.css',\n  shadow: true,\n})\nexport class PfTimelineItem {\n  @Element() el!: HTMLElement;\n\n  /** Marker colour. Reflected so the stylesheet can select on it. */\n  @Prop({ reflect: true }) tone: PfTimelineTone = 'default';\n\n  /** Set by the group: the last entry has no connector and no space below. */\n  @Prop({ mutable: true, reflect: true }) last = false;\n\n  /**\n   * Whether anything is slotted into the marker, which decides how big it is.\n   *\n   * Asked in JS rather than selected in CSS: `.marker:has(*)` reads as \"is\n   * anything in here\" and always matches, because the `<slot>` is itself a\n   * child — measured, and the defect it caused in `pf-menu-item`. The marker\n   * is an ancestor of the slotted icon, so `::slotted()` cannot size it\n   * either, which leaves this.\n   */\n  @State() hasIcon = false;\n\n  /**\n   * The light DOM is readable here, so the marker is the right size at first\n   * paint — the mock DOM never fires `slotchange`, and a real one fires it\n   * after the first render.\n   */\n  componentWillLoad() {\n    this.readIcon();\n  }\n\n  private readIcon = () => {\n    this.hasIcon = Array.from(this.el.children).some(\n      (child) => child.getAttribute('slot') === 'icon',\n    );\n  };\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        {/* Decorative: the marker repeats what the content already says. */}\n        <div class=\"rail\" part=\"rail\" aria-hidden=\"true\">\n          <span class={{ marker: true, 'with-icon': this.hasIcon }} part=\"marker\">\n            <slot name=\"icon\" onSlotchange={this.readIcon} />\n          </span>\n          {!this.last && <span class=\"connector\" part=\"connector\" />}\n        </div>\n\n        <div class=\"content\" part=\"content\">\n          <div class=\"header\" part=\"header\">\n            <p class=\"title\" part=\"title\">\n              <slot name=\"title\" />\n            </p>\n            {/*\n              No wrapper around the timestamp or the description: a box around\n              a slot cannot be collapsed from CSS, so an empty one would leave\n              its margin behind on every entry without them. An unassigned slot\n              generates nothing, so the styling goes on `::slotted(*)`.\n            */}\n            <slot name=\"timestamp\" />\n          </div>\n          <slot name=\"description\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAAA,MAAMA,EAAoB,IAAM,2gE,MCuBnBC,EAAc,M,iDAIAC,KAAuB,UAGRC,KAAO,MAWtCC,QAAU,MAOnB,iBAAAC,GACEC,KAAKC,U,CAGCA,SAAW,KACjBD,KAAKF,QAAUI,MAAMC,KAAKH,KAAKI,GAAGC,UAAUC,MACzCC,GAAUA,EAAMC,aAAa,UAAY,QAC3C,EAGH,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YAETH,EAAA,OAAAE,IAAA,2CAAKE,MAAM,OAAOC,KAAK,OAAM,cAAa,QACxCL,EAAA,QAAAE,IAAA,2CAAME,MAAO,CAAEE,OAAQ,KAAM,YAAahB,KAAKF,SAAWiB,KAAK,UAC7DL,EAAA,QAAAE,IAAA,2CAAMK,KAAK,OAAOC,aAAclB,KAAKC,aAErCD,KAAKH,MAAQa,EAAA,QAAAE,IAAA,2CAAME,MAAM,YAAYC,KAAK,eAG9CL,EAAA,OAAAE,IAAA,2CAAKE,MAAM,UAAUC,KAAK,WACxBL,EAAA,OAAAE,IAAA,2CAAKE,MAAM,SAASC,KAAK,UACvBL,EAAA,KAAAE,IAAA,2CAAGE,MAAM,QAAQC,KAAK,SACpBL,EAAA,QAAAE,IAAA,2CAAMK,KAAK,WAQbP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,eAEbP,EAAA,QAAAE,IAAA,2CAAMK,KAAK,iB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as o,H as a}from"./p-Bm6UxEit.js";const s=()=>`:host{display:block;overflow:auto;padding:var(--space-4)}:host([hidden]){display:none}`;const d=class{constructor(o){e(this,o)}render(){return o(a,{key:"da6957ef1b1462d731e4f7c6272a99ea4f9e8869"},o("slot",{key:"a06152e56c3408e56fe86a71f0672ddf8fb0c9ce"}))}};d.style=s();export{d as pf_modal_body};
+//# sourceMappingURL=p-edb28479.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfModalBodyCss","PfModalBody","render","h","Host","key"],"sources":["src/components/pf-modal-body/pf-modal-body.css?tag=pf-modal-body&encapsulation=shadow","src/components/pf-modal-body/pf-modal-body.tsx"],"sourcesContent":[":host {\n  display: block;\n  overflow: auto;\n  padding: var(--space-4);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * The body section of a `pf-modal`.\n *\n * A separate element rather than a named slot, for the reason `pf-card` gives:\n * a named slot would need emptiness detection or leave a padded, bordered\n * strip when nothing was slotted into it.\n *\n * @slot - the section's content.\n */\n@Component({\n  tag: 'pf-modal-body',\n  styleUrl: 'pf-modal-body.css',\n  shadow: true,\n})\nexport class PfModalBody {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,IAAM,yF,MCgBhBC,EAAW,M,yBACtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r,h as a,H as d}from"./p-Bm6UxEit.js";const o=()=>`:host{border-bottom:1px solid var(--pf-card-border);display:block;padding:var(--pf-card-section-padding, var(--space-4))}:host([hidden]){display:none}`;const s=class{constructor(a){r(this,a)}render(){return a(d,{key:"334c522bf5347bac313ff6fb75e1b21018911828"},a("slot",{key:"a69f1d5579125f7c71344fe5b92391a99dcf7066"}))}};s.style=o();export{s as pf_card_header};
+//# sourceMappingURL=p-f0889512.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfCardHeaderCss","PfCardHeader","render","h","Host","key"],"sources":["src/components/pf-card-header/pf-card-header.css?tag=pf-card-header&encapsulation=shadow","src/components/pf-card-header/pf-card-header.tsx"],"sourcesContent":["/*\n * Reads pf-card's own variables rather than defining its own: a consumer who\n * sets --pf-card-section-padding on a card expects every section to follow,\n * and custom properties inherit through the shadow boundary.\n */\n:host {\n  border-bottom: 1px solid var(--pf-card-border);\n  display: block;\n  padding: var(--pf-card-section-padding, var(--space-4));\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import { Component, h, Host } from '@stencil/core';\n\n/**\n * The top section of a `pf-card`, separated from what follows by a rule.\n *\n * @slot - the header's content.\n */\n@Component({\n  tag: 'pf-card-header',\n  styleUrl: 'pf-card-header.css',\n  shadow: true,\n})\nexport class PfCardHeader {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAkB,IAAM,yJ,MCYjBC,EAAY,M,yBACvB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as t}from"./p-Bm6UxEit.js";const s=()=>`:host{align-items:center;display:grid;gap:var(--space-2);grid-template-columns:10px 1fr auto}:host([hidden]){display:none}:host(:not([drawn])){display:none}.dot{border-radius:var(--radius-full);display:inline-block;height:10px;width:10px}.label{color:var(--pf-piechart-text);font-size:var(--font-size-sm);min-width:0}.value{color:var(--pf-piechart-text-muted);font-size:var(--font-size-sm);font-variant-numeric:tabular-nums}`;const d=class{constructor(a){e(this,a)}value=0;color;swatch="";share=0;drawn=false;render(){return a(t,{key:"122c85fbc58816acce27ac06547eb4f2adf63788",role:"listitem"},a("span",{key:"d2d41879c922a4b929b801e4e3b2add7227cd79f",class:"dot",part:"dot","aria-hidden":"true",style:{background:this.swatch}}),a("span",{key:"46ea91d2d36a9269558548f0c2bc446b7d556467",class:"label",part:"label"},a("slot",{key:"d8eb86e569151c9b26de626e6dd6c08feee8da75"})),a("span",{key:"cbf292f34e267cf4ff37bded7da86649d7ea9ed6",class:"value",part:"value"},this.share,"%"))}};d.style=s();export{d as pf_pie_slice};
+//# sourceMappingURL=p-f3d80b42.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfPieSliceCss","PfPieSlice","value","color","swatch","share","drawn","render","h","Host","key","role","class","part","style","background","this"],"sources":["src/components/pf-pie-slice/pf-pie-slice.css?tag=pf-pie-slice&encapsulation=shadow","src/components/pf-pie-slice/pf-pie-slice.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: grid;\n  gap: var(--space-2);\n  grid-template-columns: 10px 1fr auto;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/*\n * A slice the chart did not draw is not a legend row either: a legend listing\n * a colour that appears nowhere in the chart is worse than a shorter legend.\n */\n:host(:not([drawn])) {\n  display: none;\n}\n\n.dot {\n  border-radius: var(--radius-full);\n  display: inline-block;\n  height: 10px;\n  width: 10px;\n}\n\n.label {\n  color: var(--pf-piechart-text);\n  font-size: var(--font-size-sm);\n  min-width: 0;\n}\n\n.value {\n  color: var(--pf-piechart-text-muted);\n  font-size: var(--font-size-sm);\n  font-variant-numeric: tabular-nums;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * One slice of a `pf-pie-chart`, and its own row in the legend.\n *\n * The React `PieChart` takes a `data` array of `{ label, value, color }`; a\n * slot renders its assigned content once and in one place, so there is no way\n * for the chart's shadow root to build a legend out of labels that live in the\n * light DOM. The slice renders its own row instead, which is the §2.1 idiom\n * and lets a consumer put anything in a label.\n *\n * `swatch`, `share` and `drawn` are the chart's to set: only it can see the\n * total.\n *\n * @slot - the slice's label.\n * @part dot - the colour swatch.\n * @part label - the label's box.\n * @part value - the share, as a whole percentage.\n */\n@Component({\n  tag: 'pf-pie-slice',\n  styleUrl: 'pf-pie-slice.css',\n  shadow: true,\n})\nexport class PfPieSlice {\n  /** How big the slice is, in whatever unit the chart's slices share. */\n  @Prop({ reflect: true }) value = 0;\n\n  /** Overrides the palette colour the chart would give it. */\n  @Prop({ reflect: true }) color?: string;\n\n  /** Set by the chart: the colour actually used, palette or override. */\n  @Prop({ mutable: true }) swatch = '';\n\n  /** Set by the chart: this slice's share, as a whole percentage. */\n  @Prop({ mutable: true }) share = 0;\n\n  /**\n   * Set by the chart: whether this slice is in the drawing at all.\n   *\n   * A slice of zero is not a wedge, so it is not a legend row either —\n   * otherwise the legend lists colours that appear nowhere in the chart.\n   * Reflected, because that is what the stylesheet hides it with.\n   */\n  @Prop({ mutable: true, reflect: true }) drawn = false;\n\n  render() {\n    return (\n      <Host role=\"listitem\">\n        <span class=\"dot\" part=\"dot\" aria-hidden=\"true\" style={{ background: this.swatch }}></span>\n        <span class=\"label\" part=\"label\">\n          <slot />\n        </span>\n        <span class=\"value\" part=\"value\">\n          {this.share}%\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAgB,IAAM,2a,MCwBfC,EAAU,M,yBAEIC,MAAQ,EAGRC,MAGAC,OAAS,GAGTC,MAAQ,EASOC,MAAQ,MAEhD,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,MAAK,cAAa,OAAOC,MAAO,CAAEC,WAAYC,KAAKZ,UAC1EI,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SACvBL,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SACtBG,KAAKX,MACD,K","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as i,H as r}from"./p-Bm6UxEit.js";const a=()=>`@keyframes pf-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}:host{animation:pf-skeleton-shimmer 1.4s linear infinite;background:linear-gradient(     90deg,     color-mix(in srgb, var(--pf-loading-bg-subtle) 92%, var(--pf-mix-base) 8%) 25%,     color-mix(in srgb, var(--pf-loading-border) 72%, var(--pf-mix-base) 28%) 37%,     color-mix(in srgb, var(--pf-loading-bg-subtle) 92%, var(--pf-mix-base) 8%) 63%   );background-size:200% 100%;border-radius:var(--radius-sm);display:inline-block;height:var(--pf-skeleton-height, 16px);max-width:100%;width:var(--pf-skeleton-width, 100%)}:host([hidden]){display:none}:host([rounded]){border-radius:var(--radius-full)}.sr-only{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (prefers-reduced-motion: reduce){:host{animation-duration:0.01ms;animation-iteration-count:1}}`;const t=class{constructor(i){e(this,i)}width="100%";height=16;rounded=false;label="Loading content";static toLength(e){if(typeof e==="number")return`${e}px`;return/^-?\d+(\.\d+)?$/.test(e.trim())?`${e.trim()}px`:e}render(){return i(r,{key:"f6eec1b4e1a78bb3fb748255f0a8d44e1c376dc0",role:"status","aria-label":this.label,style:{"--pf-skeleton-width":t.toLength(this.width),"--pf-skeleton-height":t.toLength(this.height)}},i("span",{key:"deb41107f434e94ae33feead768728756fc3fa87",class:"sr-only",part:"label"},this.label))}};t.style=a();export{t as pf_loading_skeleton};
+//# sourceMappingURL=p-f5242cee.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfLoadingSkeletonCss","PfLoadingSkeleton","width","height","rounded","label","toLength","value","test","trim","render","h","Host","key","role","this","style","class","part"],"sources":["src/components/pf-loading-skeleton/pf-loading-skeleton.css?tag=pf-loading-skeleton&encapsulation=shadow","src/components/pf-loading-skeleton/pf-loading-skeleton.tsx"],"sourcesContent":["/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-skeleton-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n:host {\n  animation: pf-skeleton-shimmer 1.4s linear infinite;\n  background: linear-gradient(\n    90deg,\n    color-mix(in srgb, var(--pf-loading-bg-subtle) 92%, var(--pf-mix-base) 8%) 25%,\n    color-mix(in srgb, var(--pf-loading-border) 72%, var(--pf-mix-base) 28%) 37%,\n    color-mix(in srgb, var(--pf-loading-bg-subtle) 92%, var(--pf-mix-base) 8%) 63%\n  );\n  background-size: 200% 100%;\n  border-radius: var(--radius-sm);\n  display: inline-block;\n  height: var(--pf-skeleton-height, 16px);\n  max-width: 100%;\n  width: var(--pf-skeleton-width, 100%);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([rounded]) {\n  border-radius: var(--radius-full);\n}\n\n.sr-only {\n  border: 0;\n  clip: rect(0 0 0 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\n@media (prefers-reduced-motion: reduce) {\n  :host {\n    animation-duration: 0.01ms;\n    animation-iteration-count: 1;\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * A shimmering placeholder for content that has not arrived.\n *\n * @part label - the visually hidden text the live region announces.\n */\n@Component({\n  tag: 'pf-loading-skeleton',\n  styleUrl: 'pf-loading-skeleton.css',\n  shadow: true,\n})\nexport class PfLoadingSkeleton {\n  /** Width, as a CSS length. A bare number is read as pixels. */\n  @Prop() width: number | string = '100%';\n\n  /** Height, as a CSS length. A bare number is read as pixels. */\n  @Prop() height: number | string = 16;\n\n  /** Use a pill radius instead of the default. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) rounded = false;\n\n  /** Accessible name, announced by the live region. */\n  @Prop() label = 'Loading content';\n\n  /**\n   * The React component branches on `typeof width === 'number'`. An attribute\n   * is always a string, so `width=\"120\"` would arrive as `\"120\"` and be used\n   * as an invalid bare length. Treating a numeric string as pixels keeps\n   * `width=\"120\"` and `width={120}` meaning the same thing, while `width=\"50%\"`\n   * and `width=\"4rem\"` pass through untouched.\n   */\n  private static toLength(value: number | string) {\n    if (typeof value === 'number') return `${value}px`;\n    return /^-?\\d+(\\.\\d+)?$/.test(value.trim()) ? `${value.trim()}px` : value;\n  }\n\n  render() {\n    return (\n      <Host\n        role=\"status\"\n        aria-label={this.label}\n        style={{\n          '--pf-skeleton-width': PfLoadingSkeleton.toLength(this.width),\n          '--pf-skeleton-height': PfLoadingSkeleton.toLength(this.height),\n        }}\n      >\n        <span class=\"sr-only\" part=\"label\">\n          {this.label}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAuB,IAAM,s7B,MCYtBC,EAAiB,M,yBAEpBC,MAAyB,OAGzBC,OAA0B,GAGTC,QAAU,MAG3BC,MAAQ,kBASR,eAAOC,CAASC,GACtB,UAAWA,IAAU,SAAU,MAAO,GAAGA,MACzC,MAAO,kBAAkBC,KAAKD,EAAME,QAAU,GAAGF,EAAME,WAAaF,C,CAGtE,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,SAAQ,aACDC,KAAKV,MACjBW,MAAO,CACL,sBAAuBf,EAAkBK,SAASS,KAAKb,OACvD,uBAAwBD,EAAkBK,SAASS,KAAKZ,UAG1DQ,EAAA,QAAAE,IAAA,2CAAMI,MAAM,UAAUC,KAAK,SACxBH,KAAKV,O","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-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-fd5a5ea1.entry.js

@@ -0,0 +1,2 @@
+import{r as e,a,h as t,H as r}from"./p-Bm6UxEit.js";import{r as s}from"./p-DToIJg5W.js";const i=()=>`:host{background:var(--pf-sidebar-nav-bg);border:1px solid var(--pf-sidebar-nav-border);border-radius:var(--pf-sidebar-nav-radius, var(--radius-md));display:flex;flex-direction:column;min-height:0;width:100%;--pf-nav-item-text:var(--pf-sidebar-nav-text-muted);--pf-nav-item-hover-text:var(--pf-sidebar-nav-text);--pf-nav-item-hover-bg:var(--pf-sidebar-nav-bg-subtle);--pf-nav-item-current-text:var(--pf-sidebar-nav-text);--pf-nav-item-current-bg:var(--pf-sidebar-nav-bg-subtle)}:host([hidden]){display:none}@media (min-width: 768px){:host{min-height:var(--pf-sidebar-nav-min-height, 360px);width:min(100%, var(--pf-sidebar-nav-width, 280px))}}.header,.footer{padding:var(--space-3)}.header{border-bottom:1px solid var(--pf-sidebar-nav-border)}.footer{border-top:1px solid var(--pf-sidebar-nav-border);margin-top:auto}.header.empty,.footer.empty{display:none}.nav{display:grid;gap:var(--space-3);padding:var(--space-3)}.nav slot{display:contents}`;const n=class{constructor(a){e(this,a)}get el(){return a(this)}label="Sidebar navigation";hasHeader=false;hasFooter=false;componentWillLoad(){this.sync()}componentDidLoad(){this.sync()}handleStructureChange(e){e.stopPropagation();this.sync()}async refresh(){this.sync()}get items(){const e=e=>{for(let a=e.parentElement;a;a=a.parentElement){const e=a.tagName.toLowerCase();if(e==="pf-sidebar-navigation"||e==="pf-header-navigation"){return a===this.el}}return false};return Array.from(this.el.querySelectorAll("pf-nav-item")).filter(e)}isCurrent(e){return e.current??e.hasAttribute("current")}sync(){const e=e=>Array.from(this.el.children).some((a=>a.getAttribute("slot")===e));this.hasHeader=e("header");this.hasFooter=e("footer");const a=this.items;const t=s(a.map((e=>({current:this.isCurrent(e)}))));for(const[e,r]of a.entries()){const a=r;a.currentPage=e===t;a.orientation="vertical"}}render(){return t(r,{key:"c53d731970844c06cf2d86789dfbc9e111eeb83e"},t("div",{key:"1ca019d8890305e0f1656243bcca112f461ea51c",class:{header:true,empty:!this.hasHeader},part:"header"},t("slot",{key:"750fc4f32e167e6b186824d1429ea25d09818c3d",name:"header",onSlotchange:()=>this.refresh()})),t("nav",{key:"6ebe62b6bd357a9fac58220f31309c811a6af76a",class:"nav",part:"nav","aria-label":this.label},t("slot",{key:"636b7284ed6113e7c60da733da62c0562a8ba042",onSlotchange:()=>this.refresh()})),t("div",{key:"9a5b32c84e82ced42bc6520806f9d02b5c7af65e",class:{footer:true,empty:!this.hasFooter},part:"footer"},t("slot",{key:"d04ef066ba6168173d0f778e8dc163ba34deeef5",name:"footer",onSlotchange:()=>this.refresh()})))}};n.style=i();export{n as pf_sidebar_navigation};
+//# sourceMappingURL=p-fd5a5ea1.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["pfSidebarNavigationCss","PfSidebarNavigation","label","hasHeader","hasFooter","componentWillLoad","this","sync","componentDidLoad","handleStructureChange","event","stopPropagation","refresh","items","ownedByThis","item","node","parentElement","tag","tagName","toLowerCase","el","Array","from","querySelectorAll","filter","isCurrent","current","hasAttribute","slotted","name","children","some","child","getAttribute","currentIndex","resolveCurrentNavItem","map","index","entries","currentPage","orientation","render","h","Host","key","class","header","empty","part","onSlotchange","footer"],"sources":["src/components/pf-sidebar-navigation/pf-sidebar-navigation.css?tag=pf-sidebar-navigation&encapsulation=shadow","src/components/pf-sidebar-navigation/pf-sidebar-navigation.tsx"],"sourcesContent":[":host {\n  background: var(--pf-sidebar-nav-bg);\n  border: 1px solid var(--pf-sidebar-nav-border);\n  border-radius: var(--pf-sidebar-nav-radius, var(--radius-md));\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  width: 100%;\n\n  /*\n   * The bridge to the shared item. `pf-header-navigation` defines the same\n   * five from its own aliases; custom properties inherit through the shadow\n   * boundary, which is how one item element takes its colours from whichever\n   * navigation it is slotted into.\n   */\n  --pf-nav-item-text: var(--pf-sidebar-nav-text-muted);\n  --pf-nav-item-hover-text: var(--pf-sidebar-nav-text);\n  --pf-nav-item-hover-bg: var(--pf-sidebar-nav-bg-subtle);\n  --pf-nav-item-current-text: var(--pf-sidebar-nav-text);\n  --pf-nav-item-current-bg: var(--pf-sidebar-nav-bg-subtle);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* Mobile first: full width, growing to a fixed column on a wider screen. */\n@media (--md) {\n  :host {\n    min-height: var(--pf-sidebar-nav-min-height, 360px);\n    width: min(100%, var(--pf-sidebar-nav-width, 280px));\n  }\n}\n\n.header,\n.footer {\n  padding: var(--space-3);\n}\n\n.header {\n  border-bottom: 1px solid var(--pf-sidebar-nav-border);\n}\n\n.footer {\n  border-top: 1px solid var(--pf-sidebar-nav-border);\n  /* Pushed to the bottom, so a short navigation still has it at the foot. */\n  margin-top: auto;\n}\n\n/*\n * Both classes rather than a bare `.empty`: an empty box here would draw a\n * rule across the sidebar, which is the most visible version of the\n * can't-collapse-a-slot-wrapper problem.\n */\n.header.empty,\n.footer.empty {\n  display: none;\n}\n\n.nav {\n  display: grid;\n  gap: var(--space-3);\n  padding: var(--space-3);\n}\n\n/* The sections are grid children of the nav, not of a box inside it. */\n.nav slot {\n  display: contents;\n}\n","import { resolveCurrentNavItem } from '@pitchfork-ui/core';\nimport { Component, Element, h, Host, Listen, Method, Prop, State } from '@stencil/core';\n\n/**\n * A sidebar navigation over `pf-nav-item` children, optionally grouped into\n * `pf-nav-section`s.\n *\n * The group owns the one thing an item cannot know: which item is the current\n * page. Core's rule decides, so the React `SidebarNavigation` marks the same\n * one — and the resolution runs across every section rather than within one,\n * because `aria-current=\"page\"` names the one page the reader is on and a\n * sidebar with two marked sections would claim two.\n *\n * As with `pf-header-navigation`, the host is not a landmark of its own: the\n * React component renders an `<aside>`, and an element cannot know whether it\n * is the page's complementary region. Only the `<nav>` is rendered.\n *\n * Items are grouped: the default slot takes `pf-nav-section` children, each\n * of which owns its own `<ul>`. A navigation with no section titles is one\n * untitled section, which is exactly what the React `sections` array is — and\n * it is also the only arrangement that keeps the list semantics honest, since\n * a `<ul>` here would be a list whose children were sections rather than\n * items.\n *\n * @slot - the `pf-nav-section` children.\n * @slot header - a box above the navigation, such as a product switcher.\n * @slot footer - a box below it, pushed to the bottom.\n * @part header - the header's box.\n * @part nav - the navigation landmark.\n * @part footer - the footer's box.\n */\n@Component({\n  tag: 'pf-sidebar-navigation',\n  styleUrl: 'pf-sidebar-navigation.css',\n  shadow: true,\n})\nexport class PfSidebarNavigation {\n  @Element() el!: HTMLElement;\n\n  /** The navigation's accessible name. */\n  @Prop() label = 'Sidebar navigation';\n\n  /**\n   * Whether anything was slotted into `header` and `footer`.\n   *\n   * Asked in JS: both boxes carry a border and padding, so an empty one draws\n   * a rule across the sidebar for no reason, and a wrapper around a slot\n   * cannot be collapsed from CSS. The same arrangement as\n   * `pf-slideout-menu`'s footer.\n   */\n  @State() hasHeader = false;\n  @State() hasFooter = false;\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  /**\n   * A section's own slot changed, so the items below it have moved.\n   *\n   * `slotchange` is not composed, so this is the only way the navigation\n   * hears about an item appended inside a section. The event comes from a\n   * slotted child in the navigation's own tree, so `event.target` is the\n   * section rather than the host — nothing is retargeted, which is what makes\n   * a host listener safe here and not on a child in the shadow root.\n   */\n  @Listen('pfNavStructure')\n  handleStructureChange(event: CustomEvent<void>) {\n    event.stopPropagation();\n    this.sync();\n  }\n\n  /**\n   * Re-reads the items, for a consumer who marked one current through its\n   * *property* — which leaves no attribute and fires no `slotchange`.\n   */\n  @Method()\n  async refresh() {\n    this.sync();\n  }\n\n  /**\n   * Every item this navigation owns, in document order, however deeply a\n   * section nests it — but not one belonging to a navigation nested inside\n   * this one.\n   */\n  private get items(): HTMLElement[] {\n    /*\n     * The walk up is written out rather than done with `closest`, which would\n     * need a comma selector the mock DOM may not take. The first navigation\n     * above an item is the one that owns it, so a navigation nested inside\n     * this one keeps its own.\n     */\n    const ownedByThis = (item: HTMLElement) => {\n      for (let node = item.parentElement; node; node = node.parentElement) {\n        const tag = node.tagName.toLowerCase();\n        if (tag === 'pf-sidebar-navigation' || tag === 'pf-header-navigation') {\n          return node === this.el;\n        }\n      }\n      return false;\n    };\n\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-nav-item')).filter(ownedByThis);\n  }\n\n  /**\n   * The property if the item has upgraded, the attribute if it has not:\n   * `componentWillLoad` can run before a child parsed from HTML upgrades.\n   */\n  private isCurrent(item: HTMLElement) {\n    return (item as HTMLElement & { current?: boolean }).current ?? item.hasAttribute('current');\n  }\n\n  private sync() {\n    const slotted = (name: string) =>\n      Array.from(this.el.children).some((child) => child.getAttribute('slot') === name);\n\n    this.hasHeader = slotted('header');\n    this.hasFooter = slotted('footer');\n\n    const items = this.items;\n    const currentIndex = resolveCurrentNavItem(\n      items.map((item) => ({ current: this.isCurrent(item) })),\n    );\n\n    for (const [index, item] of items.entries()) {\n      const node = item as HTMLElement & { currentPage: boolean; orientation: string };\n      node.currentPage = index === currentIndex;\n      node.orientation = 'vertical';\n    }\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={{ header: true, empty: !this.hasHeader }} part=\"header\">\n          <slot name=\"header\" onSlotchange={() => this.refresh()} />\n        </div>\n\n        <nav class=\"nav\" part=\"nav\" aria-label={this.label}>\n          <slot onSlotchange={() => this.refresh()} />\n        </nav>\n\n        <div class={{ footer: true, empty: !this.hasFooter }} part=\"footer\">\n          <slot name=\"footer\" onSlotchange={() => this.refresh()} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAyB,IAAM,o7B,MCoCxBC,EAAmB,M,iDAItBC,MAAQ,qBAUPC,UAAY,MACZC,UAAY,MAGrB,iBAAAC,GACEC,KAAKC,M,CAGP,gBAAAC,GACEF,KAAKC,M,CAaP,qBAAAE,CAAsBC,GACpBA,EAAMC,kBACNL,KAAKC,M,CAQP,aAAMK,GACJN,KAAKC,M,CAQP,SAAYM,GAOV,MAAMC,EAAeC,IACnB,IAAK,IAAIC,EAAOD,EAAKE,cAAeD,EAAMA,EAAOA,EAAKC,cAAe,CACnE,MAAMC,EAAMF,EAAKG,QAAQC,cACzB,GAAIF,IAAQ,yBAA2BA,IAAQ,uBAAwB,CACrE,OAAOF,IAASV,KAAKe,E,EAGzB,OAAO,KAAK,EAGd,OAAOC,MAAMC,KAAKjB,KAAKe,GAAGG,iBAA8B,gBAAgBC,OAAOX,E,CAOzE,SAAAY,CAAUX,GAChB,OAAQA,EAA6CY,SAAWZ,EAAKa,aAAa,U,CAG5E,IAAArB,GACN,MAAMsB,EAAWC,GACfR,MAAMC,KAAKjB,KAAKe,GAAGU,UAAUC,MAAMC,GAAUA,EAAMC,aAAa,UAAYJ,IAE9ExB,KAAKH,UAAY0B,EAAQ,UACzBvB,KAAKF,UAAYyB,EAAQ,UAEzB,MAAMhB,EAAQP,KAAKO,MACnB,MAAMsB,EAAeC,EACnBvB,EAAMwB,KAAKtB,IAAI,CAAQY,QAASrB,KAAKoB,UAAUX,QAGjD,IAAK,MAAOuB,EAAOvB,KAASF,EAAM0B,UAAW,CAC3C,MAAMvB,EAAOD,EACbC,EAAKwB,YAAcF,IAAUH,EAC7BnB,EAAKyB,YAAc,U,EAIvB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAO,CAAEC,OAAQ,KAAMC,OAAQ1C,KAAKH,WAAa8C,KAAK,UACzDN,EAAA,QAAAE,IAAA,2CAAMf,KAAK,SAASoB,aAAc,IAAM5C,KAAKM,aAG/C+B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,MAAMG,KAAK,MAAK,aAAa3C,KAAKJ,OAC3CyC,EAAA,QAAAE,IAAA,2CAAMK,aAAc,IAAM5C,KAAKM,aAGjC+B,EAAA,OAAAE,IAAA,2CAAKC,MAAO,CAAEK,OAAQ,KAAMH,OAAQ1C,KAAKF,WAAa6C,KAAK,UACzDN,EAAA,QAAAE,IAAA,2CAAMf,KAAK,SAASoB,aAAc,IAAM5C,KAAKM,a","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)}