@pitchfork-ui/elements 0.0.0-stage → 0.2.1

package/dist/pitchfork/p-685f817b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfAccordionItemCss","PfAccordionItem","value","disabled","expanded","headingLevel","pfAccordionToggle","level","asNumber","Math","round","Number","this","isFinite","min","max","onClick","emit","render","Heading","h","Host","key","class","part","type","id","name","role","inert"],"sources":["src/components/pf-accordion-item/pf-accordion-item.css?tag=pf-accordion-item&encapsulation=shadow","src/components/pf-accordion-item/pf-accordion-item.tsx"],"sourcesContent":["/*\n * The rule between sections lives here rather than in the group's sheet,\n * because `::slotted()` takes a compound selector and no combinator -- there is\n * no way to say `::slotted(item + item)` from outside. `:host(:first-child)`\n * says the same thing from in here, and needs no coordination.\n */\n:host {\n  border-top: 1px solid var(--pf-accordion-border);\n  display: block;\n}\n\n:host(:first-child) {\n  border-top: 0;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.heading {\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n}\n\n.trigger {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  color: var(--pf-accordion-trigger-text);\n  cursor: pointer;\n  display: flex;\n  font: inherit;\n  font-weight: var(--font-weight-medium);\n  gap: var(--space-3);\n  justify-content: space-between;\n  padding: var(--space-3) var(--space-4);\n  text-align: start;\n  width: 100%;\n}\n\n.trigger:hover:not(:disabled) {\n  background: var(--pf-accordion-trigger-bg-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.5;\n}\n\n.icon {\n  align-items: center;\n  color: var(--pf-accordion-icon);\n  display: inline-flex;\n  flex-shrink: 0;\n  transition: transform var(--pf-transition-fast);\n}\n\n:host([expanded]) .icon {\n  transform: rotate(180deg);\n}\n\n/* The 0fr -> 1fr technique, which animates to the content's own height. */\n.panel {\n  display: grid;\n  grid-template-rows: 0fr;\n  transition: grid-template-rows var(--pf-transition-medium);\n}\n\n:host([expanded]) .panel {\n  grid-template-rows: 1fr;\n}\n\n.content {\n  color: var(--pf-accordion-content-text);\n  min-height: 0;\n  overflow: hidden;\n}\n\n.inner {\n  padding: 0 var(--space-4) var(--space-4);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .panel,\n  .icon {\n    transition: none;\n  }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\nimport type { PfAccordionHeadingLevel } from '../pf-accordion/pf-accordion';\n\n/**\n * One section inside a `pf-accordion`.\n *\n * It owns its header, its panel and the open/close animation; the group owns\n * only *which* sections are open, because in `single` mode that depends on\n * what else is. So this element reports that it was clicked and waits to be\n * told, exactly as `pf-radio-button` does.\n *\n * The header is a real `<button>` in the shadow root, which makes it tabbable\n * with no help and gives Enter and Space for free. `delegatesFocus` is what\n * lets the group's arrow keys hand focus to it through the host.\n *\n * Both IDREFs here point inside this one shadow root, which is the case where\n * an IDREF resolves — the header names the panel with `aria-controls` and the\n * panel names the header back with `aria-labelledby`.\n *\n * @slot title - the header's label.\n * @slot - the section's content.\n * @part heading - the heading element wrapping the header button.\n * @part trigger - the header button.\n * @part title - the label's box inside the header.\n * @part icon - the chevron.\n * @part panel - the animating box around the content.\n * @part content - the region holding the content.\n */\n@Component({\n  tag: 'pf-accordion-item',\n  styleUrl: 'pf-accordion-item.css',\n  shadow: { delegatesFocus: true },\n})\nexport class PfAccordionItem {\n  /**\n   * Identifies the section in the group's open set.\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. The group reads the\n   * property.\n   */\n  @Prop({ reflect: true }) value = '';\n\n  /** Reflected; the stylesheet and the group's own filtering both read it. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Set by the group. Reflected, so the stylesheet can turn the chevron. */\n  @Prop({ mutable: true, reflect: true }) expanded = false;\n\n  /** Set by the group from its own `headingLevel`. */\n  @Prop({ mutable: true }) headingLevel: PfAccordionHeadingLevel = 3;\n\n  /** Asks the group to open or close this section. The group decides. */\n  @Event() pfAccordionToggle!: EventEmitter<{ value: string }>;\n\n  /**\n   * Coerced, because an attribute of a union-literal type arrives as a string:\n   * `heading-level=\"2\"` would otherwise build an `h2` tag out of `\"2\"` by luck\n   * and compare false to `2` everywhere else. Clamped, so a level outside\n   * h2–h6 cannot produce a tag that is not a heading at all.\n   */\n  private get level(): PfAccordionHeadingLevel {\n    const asNumber = Math.round(Number(this.headingLevel));\n    if (!Number.isFinite(asNumber)) return 3;\n    return Math.min(Math.max(asNumber, 2), 6) as PfAccordionHeadingLevel;\n  }\n\n  private onClick = () => {\n    if (this.disabled) return;\n    this.pfAccordionToggle.emit({ value: this.value });\n  };\n\n  render() {\n    /*\n     * A dynamic intrinsic tag, cast to one of the literals: `h('h' + level,\n     * ...)` does not type-check, because Stencil's overload for a plain string\n     * tag types `class` as a className map and rejects the string.\n     */\n    const Heading = `h${this.level}` as 'h3';\n\n    return (\n      <Host>\n        <Heading class=\"heading\" part=\"heading\">\n          <button\n            type=\"button\"\n            id=\"trigger\"\n            class=\"trigger\"\n            part=\"trigger\"\n            aria-expanded={this.expanded ? 'true' : 'false'}\n            aria-controls=\"panel\"\n            disabled={this.disabled}\n            onClick={this.onClick}\n          >\n            <span class=\"title\" part=\"title\">\n              <slot name=\"title\" />\n            </span>\n            <span class=\"icon\" part=\"icon\" aria-hidden=\"true\">\n              <pf-icon name=\"chevron-down\"></pf-icon>\n            </span>\n          </button>\n        </Heading>\n        <div class=\"panel\" part=\"panel\">\n          {/*\n            `inert` as well as the collapsed height, because a panel animating\n            to zero still has focusable content in it: without this, tabbing\n            from a closed section's header lands inside the box it just closed.\n          */}\n          <div\n            class=\"content\"\n            part=\"content\"\n            id=\"panel\"\n            role=\"region\"\n            aria-labelledby=\"trigger\"\n            inert={!this.expanded}\n          >\n            <div class=\"inner\" part=\"inner\">\n              <slot />\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAqB,IAAM,srC,MCkCpBC,EAAe,M,4EASDC,MAAQ,GAGRC,SAAW,MAGIC,SAAW,MAG1BC,aAAwC,EAGxDC,kBAQT,SAAYC,GACV,MAAMC,EAAWC,KAAKC,MAAMC,OAAOC,KAAKP,eACxC,IAAKM,OAAOE,SAASL,GAAW,OAAO,EACvC,OAAOC,KAAKK,IAAIL,KAAKM,IAAIP,EAAU,GAAI,E,CAGjCQ,QAAU,KAChB,GAAIJ,KAAKT,SAAU,OACnBS,KAAKN,kBAAkBW,KAAK,CAAEf,MAAOU,KAAKV,OAAQ,EAGpD,MAAAgB,GAME,MAAMC,EAAU,IAAIP,KAAKL,QAEzB,OACEa,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAACD,EAAO,CAAAG,IAAA,2CAACC,MAAM,UAAUC,KAAK,WAC5BJ,EAAA,UAAAE,IAAA,2CACEG,KAAK,SACLC,GAAG,UACHH,MAAM,UACNC,KAAK,UAAS,gBACCZ,KAAKR,SAAW,OAAS,QAAO,gBACjC,QACdD,SAAUS,KAAKT,SACfa,QAASJ,KAAKI,SAEdI,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,SACvBJ,EAAA,QAAAE,IAAA,2CAAMK,KAAK,WAEbP,EAAA,QAAAE,IAAA,2CAAMC,MAAM,OAAOC,KAAK,OAAM,cAAa,QACzCJ,EAAA,WAAAE,IAAA,2CAASK,KAAK,oBAIpBP,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,SAMtBJ,EAAA,OAAAE,IAAA,2CACEC,MAAM,UACNC,KAAK,UACLE,GAAG,QACHE,KAAK,SAAQ,kBACG,UAChBC,OAAQjB,KAAKR,UAEbgB,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,SACtBJ,EAAA,QAAAE,IAAA,gD","ignoreList":[]}

package/dist/pitchfork/p-69d27f61.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as c,H as d}from"./p-Bm6UxEit.js";const e=()=>`:host{display:block;padding:var(--pf-card-section-padding, var(--space-4))}:host([hidden]){display:none}`;const s=class{constructor(c){a(this,c)}render(){return c(d,{key:"59a59b62c908361de72c2a887083eaf0e4cd8990"},c("slot",{key:"666c791fcd20f18eb92e1d7cbdf688db3a9f46e9"}))}};s.style=e();export{s as pf_card_content};
+//# sourceMappingURL=p-69d27f61.entry.js.map

package/dist/pitchfork/p-69d27f61.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfCardContentCss","PfCardContent","render","h","Host","key"],"sources":["src/components/pf-card-content/pf-card-content.css?tag=pf-card-content&encapsulation=shadow","src/components/pf-card-content/pf-card-content.tsx"],"sourcesContent":[":host {\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 body section of a `pf-card`.\n *\n * @slot - the content.\n */\n@Component({\n  tag: 'pf-card-content',\n  styleUrl: 'pf-card-content.css',\n  shadow: true,\n})\nexport class PfCardContent {\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,IAAM,2G,MCYlBC,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/pitchfork/p-6cfacd82.entry.js

@@ -0,0 +1,2 @@
+import{r as o,h as e,H as t}from"./p-Bm6UxEit.js";const i=()=>`:host{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);display:block;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:host([hidden]){display:none}:host([focusable]:focus),:host([focusable]:focus-within){clip:auto;clip-path:none;height:auto;margin:0;overflow:visible;position:static;white-space:normal;width:auto}`;const s=class{constructor(e){o(this,e)}focusable=false;render(){return e(t,{key:"196f44613e3141b9ac8e022cd119376e57c4e4ca"},e("slot",{key:"6524bd35bbbcb027aa6b596fcf08ead6e5101bd3"}))}};s.style=i();export{s as pf_visually_hidden};
+//# sourceMappingURL=p-6cfacd82.entry.js.map

package/dist/pitchfork/p-6cfacd82.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfVisuallyHiddenCss","PfVisuallyHidden","focusable","render","h","Host","key"],"sources":["src/components/pf-visually-hidden/pf-visually-hidden.css?tag=pf-visually-hidden&encapsulation=shadow","src/components/pf-visually-hidden/pf-visually-hidden.tsx"],"sourcesContent":["/*\n * The host does the hiding, so the slotted content needs no cooperation: it is\n * clipped wherever it happens to be in the consumer's tree.\n */\n:host {\n  border: 0;\n  /* `clip` is the deprecated fallback the React library also carries; both are\n     kept so the two layers hide content identically in older Safari. */\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  display: block;\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:host([hidden]) {\n  display: none;\n}\n\n/*\n * Reveal on keyboard focus (skip-link pattern). `:focus-within` is what catches\n * the common case of a focusable descendant, such as a skip link's anchor;\n * `:focus` alone covers a consumer who made the host itself focusable with\n * tabindex.\n */\n:host([focusable]:focus),\n:host([focusable]:focus-within) {\n  clip: auto;\n  clip-path: none;\n  height: auto;\n  margin: 0;\n  overflow: visible;\n  /* Flow back into layout so the revealed content doesn't overlap siblings. */\n  position: static;\n  white-space: normal;\n  width: auto;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * Hides content visually while keeping it available to screen readers and\n * other assistive technology. Use for labels, instructions and status text\n * that are implied visually but need to be announced.\n *\n * The React component takes an `as` prop to choose its tag; a custom element's\n * tag is fixed, so wrap this instead of configuring it — `<h2><pf-visually-\n * hidden>Results</pf-visually-hidden></h2>` is still a heading named\n * \"Results\".\n *\n * @slot - the content to hide visually.\n */\n@Component({\n  tag: 'pf-visually-hidden',\n  styleUrl: 'pf-visually-hidden.css',\n  shadow: true,\n})\nexport class PfVisuallyHidden {\n  /**\n   * Reveal the content when it, or a descendant, receives keyboard focus — the\n   * classic \"skip link\" pattern. Reflected so the stylesheet can select on it.\n   */\n  @Prop({ reflect: true }) focusable = false;\n\n  render() {\n    return (\n      <Host>\n        <slot />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAsB,IAAM,2W,MCmBrBC,EAAgB,M,yBAKFC,UAAY,MAErC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/pitchfork/p-6d3c4094.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as r,h as s,H as i}from"./p-Bm6UxEit.js";import{r as a}from"./p-CAz7-p8y.js";import{s as o,r as n}from"./p-Fiuz9ck7.js";import{a as c}from"./p-Cr6IXrUk.js";import"./p-g4FlTDZx.js";const l=()=>`:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-2)}.legend{color:var(--pf-radiogroup-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.choices{display:grid;gap:var(--space-3)}:host([orientation='horizontal']) .choices{column-gap:var(--space-6);grid-auto-flow:column;justify-content:flex-start}.error{color:var(--pf-radiogroup-field-error, var(--pf-field-error));font-size:var(--font-size-sm);margin:0}`;const d=class{constructor(r){e(this,r);this.pfChange=t(this,"pfChange");if(r.$hostElement$["s-ei"]){this.internals=r.$hostElement$["s-ei"]}else{this.internals=r.$hostElement$.attachInternals();r.$hostElement$["s-ei"]=this.internals}}get el(){return r(this)}internals;name;value="";legend;error;orientation="vertical";required=false;disabled=false;pfChange;initialValue="";componentWillLoad(){this.initialValue=this.value;this.syncFormState()}componentDidLoad(){this.syncChildren()}syncFormState(){this.internals.setFormValue(this.value||null);c(this.internals,Boolean(this.value),this.required,this.error)}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.value=this.initialValue;this.syncChildren()}get radios(){return Array.from(this.el.querySelectorAll("pf-radio-button"))}isDisabled(e){return this.disabled||e.hasAttribute("disabled")}syncChildren(){const e=this.radios;if(e.length===0)return;for(const t of e){const e=t.value===this.value;t.checked=e;t.setAttribute("aria-checked",e?"true":"false")}const t=e.filter((e=>!this.isDisabled(e)));const r=t.find((e=>e.value===this.value));o(t,r??t[0]);for(const t of e){if(this.isDisabled(t))t.tabIndex=-1}}handleSelect(e){e.stopPropagation();if(this.disabled)return;const t=e.detail.value;if(t===this.value)return;this.value=t;this.syncChildren();this.pfChange.emit({value:t})}handleKeyDown(e){if(e.defaultPrevented||this.disabled)return;const t=n(e.key,this.orientation);if(!t)return;const r=this.radios.filter((e=>!this.isDisabled(e)));if(r.length===0)return;const s=r.indexOf(document.activeElement);const i=a(t,r.map(((e,t)=>t)),s);if(i<0)return;e.preventDefault();const o=r[i];this.value=o.value;this.syncChildren();o.focus();this.pfChange.emit({value:o.value})}render(){return s(i,{key:"a1fceefbb8b63d192de9d4c47b13655d86c699cb",role:"radiogroup","aria-labelledby":this.legend?"legend":null,"aria-describedby":this.error?"error":null,"aria-invalid":this.error?"true":null,"aria-required":this.required?"true":null},s("div",{key:"9ac01e771ab31419fcfc3f9c13f6d5e7610ea902",class:"field",part:"field"},this.legend&&s("span",{key:"ae208de4c221e0d83b1612fe2e24aa6b35453717",class:"legend",part:"legend",id:"legend"},this.legend),s("div",{key:"e015065c2d269b5b29bba200df93ec4a0c2fc777",class:"choices",part:"choices"},s("slot",{key:"32f707a32f56beaa9ee538ef00fe03b1c14aed80",onSlotchange:()=>this.syncChildren()})),this.error&&s("p",{key:"9dc3e40a8b44ae72cdb1839c2109b703b28b7ad0",class:"error",part:"error",id:"error"},this.error)))}static get formAssociated(){return true}static get watchers(){return{value:[{syncFormState:0},{syncChildren:0}],error:[{syncFormState:0}],required:[{syncFormState:0}],disabled:[{syncChildren:0}]}}};d.style=l();export{d as pf_radio_group};
+//# sourceMappingURL=p-6d3c4094.entry.js.map

package/dist/pitchfork/p-6d3c4094.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfRadioGroupCss","PfRadioGroup","internals","name","value","legend","error","orientation","required","disabled","pfChange","initialValue","componentWillLoad","this","syncFormState","componentDidLoad","syncChildren","setFormValue","applyControlValidity","Boolean","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","radios","Array","from","el","querySelectorAll","isDisabled","radio","hasAttribute","length","selected","checked","setAttribute","enabled","filter","find","syncRovingTabIndex","tabIndex","handleSelect","event","stopPropagation","next","detail","emit","handleKeyDown","defaultPrevented","action","resolveRovingKey","key","currentIndex","indexOf","document","activeElement","nextIndex","resolveListMove","map","_","index","preventDefault","target","focus","render","h","Host","role","class","part","id","onSlotchange"],"sources":["src/components/pf-radio-group/pf-radio-group.css?tag=pf-radio-group&encapsulation=shadow","src/components/pf-radio-group/pf-radio-group.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-2);\n}\n\n.legend {\n  color: var(--pf-radiogroup-text);\n  font-size: var(--font-size-md);\n  font-weight: var(--font-weight-semibold);\n  margin-bottom: var(--space-1);\n}\n\n.choices {\n  display: grid;\n  gap: var(--space-3);\n}\n\n:host([orientation='horizontal']) .choices {\n  column-gap: var(--space-6);\n  grid-auto-flow: column;\n  justify-content: flex-start;\n}\n\n.error {\n  color: var(--pf-radiogroup-field-error, var(--pf-field-error));\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n","import { resolveListMove, resolveRovingKey, syncRovingTabIndex } from '@pitchfork-ui/core';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\nimport { applyControlValidity } from '../../form-validity';\n\nexport type PfRadioGroupOrientation = 'vertical' | 'horizontal';\n\n/**\n * A form-associated group of `pf-radio-button` children.\n *\n * The group is the control, not the radios: it holds the one `name` and the\n * one `value`, because a form-associated custom element gets no radio grouping\n * from the browser. Measured — three independent form-associated elements with\n * the same name all stay checked and all submit. So single selection is this\n * element's job, and it is the only one of the pair that touches the form.\n *\n * Keyboard follows the ARIA radiogroup pattern rather than the toolbar one:\n * the group is a single tab stop, and the arrows both move and select.\n *\n * @slot - the `pf-radio-button` children.\n * @part field - the wrapper around legend, choices and error.\n * @part legend - the group's heading.\n * @part choices - the container the children are slotted into.\n * @part error - the error message below the group.\n */\n@Component({\n  tag: 'pf-radio-group',\n  styleUrl: 'pf-radio-group.css',\n  formAssociated: true,\n  shadow: true,\n})\nexport class PfRadioGroup {\n  @Element() el!: HTMLElement;\n\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * Submitted under this name. Reflected, because a form-associated element\n   * takes its submission name from the attribute, not this property.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The selected choice's value. Empty means nothing is selected. */\n  @Prop({ mutable: true }) value = '';\n\n  /** The group's heading. */\n  @Prop() legend?: string;\n\n  /** Error message. Its presence is what marks the group invalid. */\n  @Prop() error?: string;\n\n  /** Layout and arrow-key axis. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) orientation: PfRadioGroupOrientation = 'vertical';\n\n  @Prop({ reflect: true }) required = false;\n\n  /** Disable every choice. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires when the selection changes. */\n  @Event() pfChange!: EventEmitter<{ value: string }>;\n\n  /** The value a form reset restores, which is the initial attribute. */\n  private initialValue = '';\n\n  componentWillLoad() {\n    this.initialValue = this.value;\n    this.syncFormState();\n  }\n\n  componentDidLoad() {\n    this.syncChildren();\n  }\n\n  @Watch('value')\n  @Watch('error')\n  @Watch('required')\n  syncFormState() {\n    /*\n     * `null`, not an empty string, with nothing selected: a radio group where\n     * no choice is picked is absent from the submission, exactly as a set of\n     * native radios with none checked is.\n     */\n    this.internals.setFormValue(this.value || null);\n    applyControlValidity(this.internals, Boolean(this.value), this.required, this.error);\n  }\n\n  /** A form-associated custom element does not inherit this. */\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  /** As `checkValidity`, but also shows the browser's validation message. */\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  /** The message explaining why the group is invalid, or an empty string. */\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  /** A reset restores the choice the group started with. */\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.syncChildren();\n  }\n\n  /** The choices, in source order. */\n  private get radios(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll('pf-radio-button'));\n  }\n\n  private isDisabled(radio: HTMLElement) {\n    return this.disabled || radio.hasAttribute('disabled');\n  }\n\n  /**\n   * Pushes the group's state onto its children: one checked, the rest not, and\n   * exactly one tab stop.\n   *\n   * The ARIA pattern puts the tab stop on the *selected* choice rather than on\n   * whichever was focused last, so that tabbing into the group lands on the\n   * current answer. With nothing selected it falls to the first enabled one,\n   * which is how a user reaches an unanswered group at all.\n   */\n  @Watch('value')\n  @Watch('disabled')\n  syncChildren() {\n    const radios = this.radios;\n    if (radios.length === 0) return;\n\n    for (const radio of radios) {\n      const selected = (radio as HTMLElement & { value: string }).value === this.value;\n      (radio as HTMLElement & { checked: boolean }).checked = selected;\n      radio.setAttribute('aria-checked', selected ? 'true' : 'false');\n    }\n\n    const enabled = radios.filter((radio) => !this.isDisabled(radio));\n    const checked = enabled.find(\n      (radio) => (radio as HTMLElement & { value: string }).value === this.value,\n    );\n    // Only the enabled choices are tab stops; a disabled one is never reachable.\n    syncRovingTabIndex(enabled, checked ?? enabled[0]);\n    for (const radio of radios) {\n      if (this.isDisabled(radio)) radio.tabIndex = -1;\n    }\n  }\n\n  @Listen('pfRadioSelect')\n  handleSelect(event: CustomEvent<{ value: string }>) {\n    event.stopPropagation();\n    if (this.disabled) return;\n\n    const next = event.detail.value;\n    if (next === this.value) return;\n\n    this.value = next;\n    this.syncChildren();\n    this.pfChange.emit({ value: next });\n  }\n\n  /**\n   * In a radiogroup the arrows move *and* select — unlike a toolbar, where\n   * they only move. Disabled choices are skipped entirely, which is why the\n   * index maths runs over the enabled subset rather than over all children.\n   */\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.defaultPrevented || this.disabled) return;\n\n    const action = resolveRovingKey(event.key, this.orientation);\n    if (!action) return;\n\n    const enabled = this.radios.filter((radio) => !this.isDisabled(radio));\n    if (enabled.length === 0) return;\n\n    const currentIndex = enabled.indexOf(document.activeElement as HTMLElement);\n    const nextIndex = resolveListMove(\n      action,\n      enabled.map((_, index) => index),\n      currentIndex,\n    );\n    if (nextIndex < 0) return;\n\n    event.preventDefault();\n    const target = enabled[nextIndex] as HTMLElement & { value: string };\n    this.value = target.value;\n    this.syncChildren();\n    target.focus();\n    this.pfChange.emit({ value: target.value });\n  }\n\n  render() {\n    return (\n      <Host\n        role=\"radiogroup\"\n        aria-labelledby={this.legend ? 'legend' : null}\n        aria-describedby={this.error ? 'error' : null}\n        aria-invalid={this.error ? 'true' : null}\n        aria-required={this.required ? 'true' : null}\n      >\n        <div class=\"field\" part=\"field\">\n          {this.legend && (\n            <span class=\"legend\" part=\"legend\" id=\"legend\">\n              {this.legend}\n            </span>\n          )}\n          <div class=\"choices\" part=\"choices\">\n            <slot onSlotchange={() => this.syncChildren()} />\n          </div>\n          {this.error && (\n            <p class=\"error\" part=\"error\" id=\"error\">\n              {this.error}\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pitchfork/p-717b552a.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as t,H as s}from"./p-Bm6UxEit.js";import{g as e}from"./p-B8ulhYUJ.js";const r=()=>`:host{--pf-avatar-status-size:10px;--pf-avatar-status-offset:-2px;background:var(--pf-avatar-bg, var(--pf-surface-subtle));border:1px solid var(--pf-avatar-border, var(--pf-surface-border));border-radius:var(--radius-full);color:var(--pf-avatar-text);display:inline-flex;font-weight:var(--font-weight-semibold);justify-content:center;overflow:visible;position:relative;text-transform:uppercase;user-select:none}:host([size='sm']){--pf-avatar-status-size:9px;--pf-avatar-status-offset:-2px;font-size:var(--font-size-2xs);height:24px;width:24px}:host([size='md']){--pf-avatar-status-size:10px;--pf-avatar-status-offset:-2px;font-size:var(--font-size-xs);height:32px;width:32px}:host([size='lg']){--pf-avatar-status-size:12px;--pf-avatar-status-offset:-2px;font-size:var(--font-size-sm);height:40px;width:40px}:host([size='xl']){--pf-avatar-status-size:14px;--pf-avatar-status-offset:-1px;font-size:var(--font-size-md);height:56px;width:56px}.image{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.fallback{align-items:center;border-radius:inherit;display:inline-flex;height:100%;justify-content:center;line-height:1;width:100%}.status{border:2px solid var(--pf-avatar-status-border);border-radius:var(--radius-full);top:var(--pf-avatar-status-offset);height:var(--pf-avatar-status-size, 10px);position:absolute;inset-inline-end:var(--pf-avatar-status-offset);width:var(--pf-avatar-status-size, 10px);z-index:1}:host([status='online']) .status{background:var(--pf-avatar-status-online)}:host([status='away']) .status{background:var(--pf-avatar-status-away)}:host([status='busy']) .status{background:var(--pf-avatar-status-busy)}:host([status='offline']) .status{background:var(--pf-avatar-status-offline)}:host([hidden]){display:none}`;const i=class{constructor(t){a(this,t)}src;alt;name;size="md";status;render(){return t(s,{key:"0824f0bfb483b0be9d76d5e9044dd9e4ae248ebf",role:this.name?"img":null,"aria-label":this.name},this.src?t("img",{class:"image",part:"image",src:this.src,alt:this.alt??(this.name?"":"Avatar")}):t("span",{class:"fallback",part:"fallback","aria-hidden":"true"},t("slot",null,e(this.name))),this.status&&t("span",{key:"25327b534f0c459ecfd499f4eaca1f5d7484968c",class:"status",part:"status","aria-hidden":"true"}))}};i.style=r();export{i as pf_avatar};
+//# sourceMappingURL=p-717b552a.entry.js.map

package/dist/pitchfork/p-717b552a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfAvatarCss","PfAvatar","src","alt","name","size","status","render","h","Host","key","role","this","class","part","getAvatarInitials"],"sources":["src/components/pf-avatar/pf-avatar.css?tag=pf-avatar&encapsulation=shadow","src/components/pf-avatar/pf-avatar.tsx"],"sourcesContent":[":host {\n  --pf-avatar-status-size: 10px;\n  --pf-avatar-status-offset: -2px;\n\n  background: var(--pf-avatar-bg, var(--pf-surface-subtle));\n  border: 1px solid var(--pf-avatar-border, var(--pf-surface-border));\n  border-radius: var(--radius-full);\n  color: var(--pf-avatar-text);\n  display: inline-flex;\n  font-weight: var(--font-weight-semibold);\n  justify-content: center;\n  overflow: visible;\n  position: relative;\n  text-transform: uppercase;\n  user-select: none;\n}\n\n:host([size='sm']) {\n  --pf-avatar-status-size: 9px;\n  --pf-avatar-status-offset: -2px;\n\n  font-size: var(--font-size-2xs);\n  height: 24px;\n  width: 24px;\n}\n\n:host([size='md']) {\n  --pf-avatar-status-size: 10px;\n  --pf-avatar-status-offset: -2px;\n\n  font-size: var(--font-size-xs);\n  height: 32px;\n  width: 32px;\n}\n\n:host([size='lg']) {\n  --pf-avatar-status-size: 12px;\n  --pf-avatar-status-offset: -2px;\n\n  font-size: var(--font-size-sm);\n  height: 40px;\n  width: 40px;\n}\n\n:host([size='xl']) {\n  --pf-avatar-status-size: 14px;\n  --pf-avatar-status-offset: -1px;\n\n  font-size: var(--font-size-md);\n  height: 56px;\n  width: 56px;\n}\n\n.image {\n  border-radius: inherit;\n  display: block;\n  height: 100%;\n  object-fit: cover;\n  width: 100%;\n}\n\n.fallback {\n  align-items: center;\n  border-radius: inherit;\n  display: inline-flex;\n  height: 100%;\n  justify-content: center;\n  line-height: 1;\n  width: 100%;\n}\n\n.status {\n  border: 2px solid var(--pf-avatar-status-border);\n  border-radius: var(--radius-full);\n  top: var(--pf-avatar-status-offset);\n  height: var(--pf-avatar-status-size, 10px);\n  position: absolute;\n  inset-inline-end: var(--pf-avatar-status-offset);\n  width: var(--pf-avatar-status-size, 10px);\n  z-index: 1;\n}\n\n:host([status='online']) .status {\n  background: var(--pf-avatar-status-online);\n}\n\n:host([status='away']) .status {\n  background: var(--pf-avatar-status-away);\n}\n\n:host([status='busy']) .status {\n  background: var(--pf-avatar-status-busy);\n}\n\n:host([status='offline']) .status {\n  background: var(--pf-avatar-status-offline);\n}\n\n:host([hidden]) {\n  display: none;\n}\n","import { getAvatarInitials } from '@pitchfork-ui/core';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\nexport type PfAvatarSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type PfAvatarStatus = 'online' | 'away' | 'busy' | 'offline';\n\n/**\n * A person or entity, as a photo or as initials.\n *\n * The initials are derived from `name` by core's `avatarInitials`, so this and\n * the React `Avatar` shorten the same name the same way.\n *\n * @slot - overrides the derived initials.\n * @part image - the photo, when `src` is set.\n * @part fallback - the initials, when it is not.\n * @part status - the presence dot, when `status` is set.\n */\n@Component({\n  tag: 'pf-avatar',\n  styleUrl: 'pf-avatar.css',\n  shadow: true,\n})\nexport class PfAvatar {\n  /** Photo URL. Without one the avatar shows initials. */\n  @Prop() src?: string;\n\n  /** Alternative text for the photo. */\n  @Prop() alt?: string;\n\n  /** The person's name: used for the accessible name and the initials. */\n  @Prop() name?: string;\n\n  @Prop({ reflect: true }) size: PfAvatarSize = 'md';\n\n  /** Presence indicator. Decorative — convey it in text as well. */\n  @Prop({ reflect: true }) status?: PfAvatarStatus;\n\n  render() {\n    return (\n      <Host role={this.name ? 'img' : null} aria-label={this.name}>\n        {this.src ? (\n          <img\n            class=\"image\"\n            part=\"image\"\n            src={this.src}\n            alt={this.alt ?? (this.name ? '' : 'Avatar')}\n          />\n        ) : (\n          <span class=\"fallback\" part=\"fallback\" aria-hidden=\"true\">\n            <slot>{getAvatarInitials(this.name)}</slot>\n          </span>\n        )}\n        {this.status && <span class=\"status\" part=\"status\" aria-hidden=\"true\"></span>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAAc,IAAM,kuD,MCsBbC,EAAQ,M,yBAEXC,IAGAC,IAGAC,KAEiBC,KAAqB,KAGrBC,OAEzB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAMC,KAAKR,KAAO,MAAQ,KAAI,aAAcQ,KAAKR,MACpDQ,KAAKV,IACJM,EAAA,OACEK,MAAM,QACNC,KAAK,QACLZ,IAAKU,KAAKV,IACVC,IAAKS,KAAKT,MAAQS,KAAKR,KAAO,GAAK,YAGrCI,EAAA,QAAMK,MAAM,WAAWC,KAAK,WAAU,cAAa,QACjDN,EAAA,YAAOO,EAAkBH,KAAKR,QAGjCQ,KAAKN,QAAUE,EAAA,QAAAE,IAAA,2CAAMG,MAAM,SAASC,KAAK,SAAQ,cAAa,S","ignoreList":[]}

package/dist/pitchfork/p-7197ef71.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as i,h as r,H as n}from"./p-Bm6UxEit.js";import{c as s}from"./p-DfpCerXM.js";import{K as a}from"./p-g4FlTDZx.js";import{p as o,r as l,s as d,f as c,c as p}from"./p-DSXauhXX.js";import{a as u}from"./p-Cr6IXrUk.js";import{c as f}from"./p-Cy_kHPeC.js";const h=()=>`:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-2)}.label{color:var(--pf-numberinput-field-label, var(--pf-field-label));font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.required{color:var(--pf-field-required);margin-inline-start:var(--space-1)}.control{align-items:stretch;background:var(--pf-numberinput-bg);border:1px solid var(--pf-numberinput-border);border-radius:var(--radius-md);display:inline-flex;min-height:40px;overflow:hidden;transition:border var(--pf-transition-fast),     box-shadow var(--pf-transition-fast);width:100%}.control:focus-within{border-color:var(--pf-numberinput-focus-border);box-shadow:var(--pf-numberinput-focus-ring, var(--pf-focus-ring))}.control--invalid{border-color:var(--pf-numberinput-invalid-border)}:host([disabled]) .control{background:var(--pf-control-bg-disabled);border-color:var(--pf-control-border-disabled);color:var(--pf-control-text-disabled);opacity:0.6}.input{background:transparent;border:none;color:var(--pf-numberinput-text);flex:1;font:inherit;min-width:0;outline:none;padding:0 var(--space-3);text-align:center;width:100%}.input::placeholder{color:var(--pf-numberinput-placeholder)}.input:disabled{cursor:not-allowed}.step{align-items:center;align-self:stretch;background:var(--pf-numberinput-step-bg);border:none;color:var(--pf-numberinput-step-text);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:0;transition:background var(--pf-transition-fast),     color var(--pf-transition-fast);width:40px}.step:hover:not(:disabled){background:var(--pf-numberinput-step-hover-bg);color:var(--pf-numberinput-step-hover-text)}.step:disabled{cursor:not-allowed;opacity:0.45}[part='decrement']{border-inline-end:1px solid var(--pf-numberinput-border)}[part='increment']{border-inline-start:1px solid var(--pf-numberinput-border)}.step pf-icon{font-size:16px}.description{color:var(--pf-numberinput-field-description, var(--pf-field-description));font-size:var(--font-size-sm);margin:0}.error{color:var(--pf-field-error);font-size:var(--font-size-sm);margin:0}@media (prefers-reduced-motion: reduce){.control,.step{transition:none}}`;const b=class{constructor(i){e(this,i);this.pfChange=t(this,"pfChange");if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}}get el(){return i(this)}internals;name;value="";min;max;step=1;label;description;error;placeholder;required=false;disabled=false;decrementLabel="Decrease";incrementLabel="Increase";pfChange;draft=null;initialValue="";componentWillLoad(){this.initialValue=this.value??"";this.syncFormState()}syncFormState(){this.internals.setFormValue(this.value??"");u(this.internals,Boolean(this.value),this.required,this.error)}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.value=this.initialValue;this.draft=null}async stepBy(e){this.step_(e)}get bounds(){return{min:this.min===undefined?-Infinity:Number(this.min),max:this.max===undefined?Infinity:Number(this.max),step:Number(this.step)||1}}get current(){return o(this.value)}get atMin(){const{min:e}=this.bounds;return this.current!==null&&this.current<=e}get atMax(){const{max:e}=this.bounds;return this.current!==null&&this.current>=e}commit(e){const{min:t,max:i,step:r}=this.bounds;const n=e===null?"":String(l(p(e,t,i),r));if(n===this.value)return;this.value=n;this.pfChange.emit({value:n,number:o(n)})}step_(e){if(this.disabled)return;this.draft=null;this.commit(d(this.current,e,this.bounds))}onInput=e=>{const t=e.target.value;this.draft=t;const i=o(t);if(t.trim()===""){this.commit(null);return}if(i!==null)this.commit(i)};onBlur=()=>{this.draft=null};onKeyDown=e=>{if(this.disabled)return;const{min:t,max:i}=this.bounds;if(e.key===a.ArrowUp){e.preventDefault();this.step_(1)}else if(e.key===a.ArrowDown){e.preventDefault();this.step_(-1)}else if(e.key===a.Home&&Number.isFinite(t)){e.preventDefault();this.draft=null;this.commit(t)}else if(e.key===a.End&&Number.isFinite(i)){e.preventDefault();this.draft=null;this.commit(i)}};render(){const e=s(this.description&&"description",this.error&&"error");const{min:t,max:i}=this.bounds;const a=this.draft??c(this.current);return r(n,{key:"27f7f45a2732cbca6d252f4b9128901ed7868663"},r("div",{key:"75bfab2f72a83b830fd960e5fae19b9941eeae6c",class:"field",part:"field"},this.label&&r("label",{key:"f2e60206f153933cde6b36a23c510225bd5fb2ab",class:"label",part:"label",htmlFor:"input"},this.label,this.required&&r("span",{key:"3925b4690d5b560190aaa04e7e7cf83453c7c49e",class:"required","aria-hidden":"true"},"*")),r("div",{key:"dcf1949c7fd8626c5a334fd3d72d8c4544369b41",class:{control:true,"control--invalid":Boolean(this.error)},part:"control"},r("button",{key:"03e3592fa8ff57a23e3675c475e7a66908af6cc3",type:"button",class:"step",part:"decrement","aria-label":this.decrementLabel,disabled:this.disabled||this.atMin,tabindex:"-1",onMouseDown:e=>e.preventDefault(),onClick:()=>this.step_(-1)},r("pf-icon",{key:"157e45ebe127230052c34215c3f88d487dacd41a",name:"minus","aria-hidden":"true"})),r("input",{key:"6fb05cb46de22b37387a16869f93b31b2ea6cc0a",id:"input","aria-label":f(this.el,this.label),part:"input",class:"input",type:"text",inputMode:"decimal",role:"spinbutton",name:this.name,value:a,placeholder:this.placeholder,required:this.required,disabled:this.disabled,autocomplete:"off","aria-invalid":this.error?"true":null,"aria-describedby":e,"aria-valuenow":this.current??null,"aria-valuemin":Number.isFinite(t)?t:null,"aria-valuemax":Number.isFinite(i)?i:null,onInput:this.onInput,onBlur:this.onBlur,onKeyDown:this.onKeyDown}),r("button",{key:"9b6eeddb4884a2961ac5a5cfe6a406111635cf79",type:"button",class:"step",part:"increment","aria-label":this.incrementLabel,disabled:this.disabled||this.atMax,tabindex:"-1",onMouseDown:e=>e.preventDefault(),onClick:()=>this.step_(1)},r("pf-icon",{key:"2a97e66ca7bf42c6d10a872c4b8eec52316d0784",name:"plus","aria-hidden":"true"}))),this.description&&r("p",{key:"3943b0c1ec5ad58d749b0e6d1fb5f60a17eb917e",class:"description",part:"description",id:"description"},this.description),this.error&&r("p",{key:"5aafabcd042976f000f906e6c16fc3eb45d57bf6",class:"error",part:"error",id:"error"},this.error)))}static get delegatesFocus(){return true}static get formAssociated(){return true}static get watchers(){return{value:[{syncFormState:0}],error:[{syncFormState:0}],required:[{syncFormState:0}]}}};b.style=h();export{b as pf_number_input};
+//# sourceMappingURL=p-7197ef71.entry.js.map

package/dist/pitchfork/p-7197ef71.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfNumberInputCss","PfNumberInput","internals","name","value","min","max","step","label","description","error","placeholder","required","disabled","decrementLabel","incrementLabel","pfChange","draft","initialValue","componentWillLoad","this","syncFormState","setFormValue","applyControlValidity","Boolean","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","stepBy","direction","step_","bounds","undefined","Infinity","Number","current","parseNumberValue","atMin","atMax","commit","next","String","roundToStep","clampNumber","emit","number","stepNumber","onInput","event","raw","target","parsed","trim","onBlur","onKeyDown","key","Keys","ArrowUp","preventDefault","ArrowDown","Home","isFinite","End","render","describedBy","composeDescribedBy","shown","formatNumberValue","h","Host","class","part","htmlFor","control","type","tabindex","onMouseDown","onClick","id","controlAriaLabel","el","inputMode","role","autocomplete"],"sources":["src/components/pf-number-input/pf-number-input.css?tag=pf-number-input&encapsulation=shadow","src/components/pf-number-input/pf-number-input.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-2);\n}\n\n.label {\n  color: var(--pf-numberinput-field-label, var(--pf-field-label));\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.required {\n  color: var(--pf-field-required);\n  margin-inline-start: var(--space-1);\n}\n\n.control {\n  align-items: stretch;\n  background: var(--pf-numberinput-bg);\n  border: 1px solid var(--pf-numberinput-border);\n  border-radius: var(--radius-md);\n  display: inline-flex;\n  min-height: 40px;\n  overflow: hidden;\n  transition:\n    border var(--pf-transition-fast),\n    box-shadow var(--pf-transition-fast);\n  width: 100%;\n}\n\n.control:focus-within {\n  border-color: var(--pf-numberinput-focus-border);\n  box-shadow: var(--pf-numberinput-focus-ring, var(--pf-focus-ring));\n}\n\n.control--invalid {\n  border-color: var(--pf-numberinput-invalid-border);\n}\n\n/*\n * `:host([disabled])` rather than the React component's\n * `:has(.input:disabled)`: the host carries the reflected attribute, which is\n * both simpler and the thing a consumer's own stylesheet can see.\n */\n:host([disabled]) .control {\n  background: var(--pf-control-bg-disabled);\n  border-color: var(--pf-control-border-disabled);\n  color: var(--pf-control-text-disabled);\n  opacity: 0.6;\n}\n\n.input {\n  background: transparent;\n  border: none;\n  color: var(--pf-numberinput-text);\n  flex: 1;\n  font: inherit;\n  min-width: 0;\n  outline: none;\n  padding: 0 var(--space-3);\n  text-align: center;\n  width: 100%;\n}\n\n.input::placeholder {\n  color: var(--pf-numberinput-placeholder);\n}\n\n.input:disabled {\n  cursor: not-allowed;\n}\n\n.step {\n  align-items: center;\n  align-self: stretch;\n  background: var(--pf-numberinput-step-bg);\n  border: none;\n  color: var(--pf-numberinput-step-text);\n  cursor: pointer;\n  display: inline-flex;\n  flex-shrink: 0;\n  justify-content: center;\n  padding: 0;\n  transition:\n    background var(--pf-transition-fast),\n    color var(--pf-transition-fast);\n  width: 40px;\n}\n\n.step:hover:not(:disabled) {\n  background: var(--pf-numberinput-step-hover-bg);\n  color: var(--pf-numberinput-step-hover-text);\n}\n\n.step:disabled {\n  cursor: not-allowed;\n  opacity: 0.45;\n}\n\n[part='decrement'] {\n  border-inline-end: 1px solid var(--pf-numberinput-border);\n}\n\n[part='increment'] {\n  border-inline-start: 1px solid var(--pf-numberinput-border);\n}\n\n.step pf-icon {\n  font-size: 16px;\n}\n\n.description {\n  color: var(--pf-numberinput-field-description, var(--pf-field-description));\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-field-error);\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .control,\n  .step {\n    transition: none;\n  }\n}\n","import {\n  clampNumber,\n  composeDescribedBy,\n  formatNumberValue,\n  Keys,\n  parseNumberValue,\n  roundToStep,\n  stepNumber,\n} from '@pitchfork-ui/core';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nimport { applyControlValidity } from '../../form-validity';\nimport { controlAriaLabel } from '../../control-label';\n\n/**\n * A form-associated stepper field.\n *\n * The value is a **string** rather than a number, because that is what an\n * attribute can carry and what a form submits; `pfChange` reports the parsed\n * number beside it, which is what a framework consumer wants. An empty string\n * is an empty field — not zero, which is a value someone chose.\n *\n * All of the arithmetic is core's, so this and the React `NumberInput` step,\n * round and clamp identically: ten steps of `0.1` reach exactly 1 in both.\n *\n * @part field - the wrapper around label, control and messages.\n * @part label - the label element.\n * @part control - the box holding the steppers and the input.\n * @part decrement - the step-down button.\n * @part input - the native input.\n * @part increment - the step-up button.\n * @part description - the hint text below the control.\n * @part error - the error message below the control.\n */\n@Component({\n  tag: 'pf-number-input',\n  styleUrl: 'pf-number-input.css',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n})\nexport class PfNumberInput {\n  @Element() el!: HTMLElement;\n\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * Submitted under this name. Reflected, because a form-associated element\n   * takes its submission name from the attribute, not this property.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The value, as a string. Empty means an empty field. */\n  @Prop({ mutable: true }) value = '';\n\n  /** The lowest value the field accepts. */\n  @Prop() min?: number;\n\n  /** The highest value the field accepts. */\n  @Prop() max?: number;\n\n  /** How far one step moves, and what the result is rounded to. */\n  @Prop() step = 1;\n\n  /** Visible label. Rendered in the same root as the input, 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?: string;\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** The step-down button's accessible name. */\n  @Prop() decrementLabel = 'Decrease';\n\n  /** The step-up button's accessible name. */\n  @Prop() incrementLabel = 'Increase';\n\n  /** Fires when the value changes, with the parsed number beside the string. */\n  @Event() pfChange!: EventEmitter<{ value: string; number: number | null }>;\n\n  /**\n   * What the input shows while it is being edited, which is not always the\n   * value: a half-typed \"-\" or \"1.\" is neither a number nor a reason to throw\n   * the keystroke away.\n   */\n  @State() draft: string | null = null;\n\n  /** The value a form reset restores, which is the initial attribute. */\n  private initialValue = '';\n\n  componentWillLoad() {\n    this.initialValue = this.value ?? '';\n    this.syncFormState();\n  }\n\n  @Watch('value')\n  @Watch('error')\n  @Watch('required')\n  syncFormState() {\n    this.internals.setFormValue(this.value ?? '');\n    applyControlValidity(this.internals, Boolean(this.value), this.required, this.error);\n  }\n\n  /** A form-associated custom element does not inherit this. */\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  /** As `checkValidity`, but also shows the browser's validation message. */\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  /** The message explaining why the control is invalid, or an empty string. */\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  /** A reset restores the value the field started with. */\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.draft = null;\n  }\n\n  /** Steps the value up or down, as the buttons and the arrows do. */\n  @Method()\n  async stepBy(direction: 1 | -1): Promise<void> {\n    this.step_(direction);\n  }\n\n  private get bounds() {\n    return {\n      min: this.min === undefined ? -Infinity : Number(this.min),\n      max: this.max === undefined ? Infinity : Number(this.max),\n      step: Number(this.step) || 1,\n    };\n  }\n\n  private get current(): number | null {\n    return parseNumberValue(this.value);\n  }\n\n  private get atMin(): boolean {\n    const { min } = this.bounds;\n    return this.current !== null && this.current <= min;\n  }\n\n  private get atMax(): boolean {\n    const { max } = this.bounds;\n    return this.current !== null && this.current >= max;\n  }\n\n  private commit(next: number | null) {\n    const { min, max, step } = this.bounds;\n    const value = next === null ? '' : String(roundToStep(clampNumber(next, min, max), step));\n    if (value === this.value) return;\n\n    this.value = value;\n    this.pfChange.emit({ value, number: parseNumberValue(value) });\n  }\n\n  private step_(direction: 1 | -1) {\n    if (this.disabled) return;\n    this.draft = null;\n    this.commit(stepNumber(this.current, direction, this.bounds));\n  }\n\n  private onInput = (event: Event) => {\n    const raw = (event.target as HTMLInputElement).value;\n    /*\n     * The draft is kept as typed and the value follows it, rather than the\n     * input being rewritten from the value: clamping mid-keystroke would make\n     * \"5\" unreachable in a field whose minimum is 50, and rounding would eat\n     * the \".\" of \"1.5\" as it was typed.\n     */\n    this.draft = raw;\n    const parsed = parseNumberValue(raw);\n    if (raw.trim() === '') {\n      this.commit(null);\n      return;\n    }\n    if (parsed !== null) this.commit(parsed);\n  };\n\n  /** On blur the draft is given up, so the field shows its real value. */\n  private onBlur = () => {\n    this.draft = null;\n  };\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    if (this.disabled) return;\n    const { min, max } = this.bounds;\n\n    if (event.key === Keys.ArrowUp) {\n      event.preventDefault();\n      this.step_(1);\n    } else if (event.key === Keys.ArrowDown) {\n      event.preventDefault();\n      this.step_(-1);\n    } else if (event.key === Keys.Home && Number.isFinite(min)) {\n      event.preventDefault();\n      this.draft = null;\n      this.commit(min);\n    } else if (event.key === Keys.End && Number.isFinite(max)) {\n      event.preventDefault();\n      this.draft = null;\n      this.commit(max);\n    }\n  };\n\n  render() {\n    // IDs are scoped to this shadow root, so they can be literal.\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      this.error && 'error',\n    );\n    const { min, max } = this.bounds;\n    const shown = this.draft ?? formatNumberValue(this.current);\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"input\">\n              {this.label}\n              {this.required && (\n                <span class=\"required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          )}\n\n          <div class={{ control: true, 'control--invalid': Boolean(this.error) }} part=\"control\">\n            {/*\n              The steppers are out of the tab order and the arrows are on the\n              input, which is the spinbutton pattern: a keyboard user steps\n              without leaving the field. `mousedown` is prevented so a click\n              does not take focus off it either.\n            */}\n            <button\n              type=\"button\"\n              class=\"step\"\n              part=\"decrement\"\n              aria-label={this.decrementLabel}\n              disabled={this.disabled || this.atMin}\n              tabindex=\"-1\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => this.step_(-1)}\n            >\n              <pf-icon name=\"minus\" aria-hidden=\"true\"></pf-icon>\n            </button>\n\n            <input\n              id=\"input\"\n              aria-label={controlAriaLabel(this.el, this.label)}\n              part=\"input\"\n              class=\"input\"\n              type=\"text\"\n              inputMode=\"decimal\"\n              role=\"spinbutton\"\n              name={this.name}\n              value={shown}\n              placeholder={this.placeholder}\n              required={this.required}\n              disabled={this.disabled}\n              autocomplete=\"off\"\n              aria-invalid={this.error ? 'true' : null}\n              aria-describedby={describedBy}\n              aria-valuenow={this.current ?? null}\n              aria-valuemin={Number.isFinite(min) ? min : null}\n              aria-valuemax={Number.isFinite(max) ? max : null}\n              onInput={this.onInput}\n              onBlur={this.onBlur}\n              onKeyDown={this.onKeyDown}\n            />\n\n            <button\n              type=\"button\"\n              class=\"step\"\n              part=\"increment\"\n              aria-label={this.incrementLabel}\n              disabled={this.disabled || this.atMax}\n              tabindex=\"-1\"\n              onMouseDown={(event) => event.preventDefault()}\n              onClick={() => this.step_(1)}\n            >\n              <pf-icon name=\"plus\" aria-hidden=\"true\"></pf-icon>\n            </button>\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      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pitchfork/p-742f2cc4.entry.js

@@ -0,0 +1,2 @@
+import{r as e,a as t,h as a,H as s}from"./p-Bm6UxEit.js";const i=()=>`:host{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8);text-align:center}:host([hidden]){display:none}:host([size='sm']){gap:var(--space-2);padding:var(--space-4)}:host([size='lg']){gap:var(--space-4);padding:var(--space-10)}.icon.empty,.action.empty{display:none}.icon{color:var(--pf-empty-state-icon);display:inline-flex;font-size:var(--font-size-3xl);line-height:1;margin-bottom:var(--space-1)}:host([size='sm']) .icon{font-size:var(--font-size-xl);margin-bottom:0}:host([size='lg']) .icon{font-size:var(--font-size-5xl);margin-bottom:var(--space-2)}.heading{color:var(--pf-empty-state-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0}:host([size='sm']) .heading{font-size:var(--font-size-sm)}:host([size='lg']) .heading{font-size:var(--font-size-xl)}slot[name='description']::slotted(*){color:var(--pf-empty-state-text-muted);display:block;font-size:var(--font-size-sm);line-height:1.5;margin:0;max-width:40ch}:host([size='lg']) slot[name='description']::slotted(*){font-size:var(--font-size-md);max-width:48ch}.action{align-items:center;display:inline-flex;gap:var(--space-2);margin-top:var(--space-1)}`;const n=class{constructor(t){e(this,t)}get el(){return t(this)}size="md";icon;hasIcon=false;hasAction=false;componentWillLoad(){this.read()}read=()=>{const e=e=>Array.from(this.el.children).some((t=>t.getAttribute("slot")===e));this.hasIcon=e("icon");this.hasAction=e("action")};render(){const e=this.hasIcon||Boolean(this.icon);return a(s,{key:"617129c001ebd91e05ed9c4e9d6977429edb3c9d"},a("span",{key:"0f560b88267604b2a5b8c8cf6fcc6a3f2d7e5c68",class:{icon:true,empty:!e},part:"icon","aria-hidden":"true"},this.icon&&!this.hasIcon&&a("pf-icon",{key:"57033cbb4f7cb1a9a4b4941f572b22e1f1108190",name:this.icon}),a("slot",{key:"2e224aa7c0c9dacef8924e53b4de76b2b5f427d9",name:"icon",onSlotchange:this.read})),a("p",{key:"b9b110143eb28dde873041d3cba58c3be6b92f3a",class:"heading",part:"heading"},a("slot",{key:"976168fccdb51ad83df26034c0ea4f3de3b87ed3"})),a("slot",{key:"871107fa5635be28aa95de994cb088d6af1e0cb6",name:"description"}),a("span",{key:"7a6dff80ce76676d059b7ca9406f17fa66fc5149",class:{action:true,empty:!this.hasAction},part:"action"},a("slot",{key:"25b97e145e7007b85051e3e587cc8c374a020547",name:"action",onSlotchange:this.read})))}};n.style=i();export{n as pf_empty_state};
+//# sourceMappingURL=p-742f2cc4.entry.js.map

package/dist/pitchfork/p-742f2cc4.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfEmptyStateCss","PfEmptyState","size","icon","hasIcon","hasAction","componentWillLoad","this","read","slotted","name","Array","from","el","children","some","child","getAttribute","render","showIcon","Boolean","h","Host","key","class","empty","part","onSlotchange","action"],"sources":["src/components/pf-empty-state/pf-empty-state.css?tag=pf-empty-state&encapsulation=shadow","src/components/pf-empty-state/pf-empty-state.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-3);\n  padding: var(--space-8);\n  text-align: center;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([size='sm']) {\n  gap: var(--space-2);\n  padding: var(--space-4);\n}\n\n:host([size='lg']) {\n  gap: var(--space-4);\n  padding: var(--space-10);\n}\n\n/*\n * The two wrappers that carry layout are hidden rather than left out when\n * there is nothing in them, because a slot that is not rendered never fires\n * `slotchange` -- an icon or an action added later would stay invisible.\n *\n * Two classes deep, because both boxes set their own `display` below: `.empty`\n * alone ties on specificity and loses on order.\n */\n.icon.empty,\n.action.empty {\n  display: none;\n}\n\n.icon {\n  color: var(--pf-empty-state-icon);\n  display: inline-flex;\n  font-size: var(--font-size-3xl);\n  line-height: 1;\n  margin-bottom: var(--space-1);\n}\n\n:host([size='sm']) .icon {\n  font-size: var(--font-size-xl);\n  margin-bottom: 0;\n}\n\n:host([size='lg']) .icon {\n  font-size: var(--font-size-5xl);\n  margin-bottom: var(--space-2);\n}\n\n.heading {\n  color: var(--pf-empty-state-text);\n  font-size: var(--font-size-md);\n  font-weight: var(--font-weight-semibold);\n  line-height: 1.3;\n  margin: 0;\n}\n\n:host([size='sm']) .heading {\n  font-size: var(--font-size-sm);\n}\n\n:host([size='lg']) .heading {\n  font-size: var(--font-size-xl);\n}\n\n/*\n * The description needs no box of its own, so it has none: an unassigned slot\n * generates nothing, where an empty wrapper would leave its own gap behind.\n */\nslot[name='description']::slotted(*) {\n  color: var(--pf-empty-state-text-muted);\n  display: block;\n  font-size: var(--font-size-sm);\n  line-height: 1.5;\n  margin: 0;\n  max-width: 40ch;\n}\n\n:host([size='lg']) slot[name='description']::slotted(*) {\n  font-size: var(--font-size-md);\n  max-width: 48ch;\n}\n\n.action {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n  margin-top: var(--space-1);\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nexport type PfEmptyStateSize = 'sm' | 'md' | 'lg';\n\n/**\n * What to show in place of content that is not there: an icon, a heading, a\n * line of explanation and something to do about it.\n *\n * The icon can be a name — `icon=\"folder-open\"`, which renders a `pf-icon` —\n * or anything slotted into the `icon` slot, for an illustration this library\n * does not have. The slot wins where both are given.\n *\n * @slot - the heading.\n * @slot description - a line explaining the emptiness.\n * @slot action - what to do about it, usually a button.\n * @slot icon - an icon or illustration, in place of the `icon` name.\n * @part icon - the icon's box.\n * @part heading - the heading's box.\n * @part action - the box holding the action slot.\n */\n@Component({\n  tag: 'pf-empty-state',\n  styleUrl: 'pf-empty-state.css',\n  shadow: true,\n})\nexport class PfEmptyState {\n  @Element() el!: HTMLElement;\n\n  /** Padding and type scale. Reflected so the stylesheet can select on it. */\n  @Prop({ reflect: true }) size: PfEmptyStateSize = 'md';\n\n  /** An icon name from the same registry as `pf-icon`. */\n  @Prop() icon?: string;\n\n  /**\n   * Whether anything is slotted into the `icon` and `action` slots, which\n   * decides whether their boxes are drawn at all.\n   *\n   * Asked in JS, because a wrapper around a slot cannot be collapsed from\n   * CSS: `:not(:has(*))` never matches, since the `<slot>` is itself a child.\n   * The description needs no box of its own, so it is styled through\n   * `::slotted()` and collapses on its own — these two carry layout their\n   * content cannot.\n   */\n  @State() hasIcon = false;\n  @State() hasAction = false;\n\n  /**\n   * Read from the light DOM so first paint is right: the mock DOM never fires\n   * `slotchange`, and a real one fires it after the first render.\n   */\n  componentWillLoad() {\n    this.read();\n  }\n\n  private read = () => {\n    const slotted = (name: string) =>\n      Array.from(this.el.children).some((child) => child.getAttribute('slot') === name);\n\n    this.hasIcon = slotted('icon');\n    this.hasAction = slotted('action');\n  };\n\n  render() {\n    /*\n     * Both wrappers stay in the tree and are hidden when empty, rather than\n     * being left out: a slot that is not rendered never fires `slotchange`, so\n     * content added later would stay invisible for good.\n     */\n    const showIcon = this.hasIcon || Boolean(this.icon);\n\n    return (\n      <Host>\n        <span class={{ icon: true, empty: !showIcon }} part=\"icon\" aria-hidden=\"true\">\n          {/* The slot wins: a consumer who has slotted an illustration does\n              not also want the named icon beside it. */}\n          {this.icon && !this.hasIcon && <pf-icon name={this.icon}></pf-icon>}\n          <slot name=\"icon\" onSlotchange={this.read} />\n        </span>\n\n        <p class=\"heading\" part=\"heading\">\n          <slot />\n        </p>\n\n        <slot name=\"description\" />\n\n        <span class={{ action: true, empty: !this.hasAction }} part=\"action\">\n          <slot name=\"action\" onSlotchange={this.read} />\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAkB,IAAM,yrC,MCyBjBC,EAAY,M,iDAIEC,KAAyB,KAG1CC,KAYCC,QAAU,MACVC,UAAY,MAMrB,iBAAAC,GACEC,KAAKC,M,CAGCA,KAAO,KACb,MAAMC,EAAWC,GACfC,MAAMC,KAAKL,KAAKM,GAAGC,UAAUC,MAAMC,GAAUA,EAAMC,aAAa,UAAYP,IAE9EH,KAAKH,QAAUK,EAAQ,QACvBF,KAAKF,UAAYI,EAAQ,SAAS,EAGpC,MAAAS,GAME,MAAMC,EAAWZ,KAAKH,SAAWgB,QAAQb,KAAKJ,MAE9C,OACEkB,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,QAAAE,IAAA,2CAAMC,MAAO,CAAErB,KAAM,KAAMsB,OAAQN,GAAYO,KAAK,OAAM,cAAa,QAGpEnB,KAAKJ,OAASI,KAAKH,SAAWiB,EAAA,WAAAE,IAAA,2CAASb,KAAMH,KAAKJ,OACnDkB,EAAA,QAAAE,IAAA,2CAAMb,KAAK,OAAOiB,aAAcpB,KAAKC,QAGvCa,EAAA,KAAAE,IAAA,2CAAGC,MAAM,UAAUE,KAAK,WACtBL,EAAA,QAAAE,IAAA,8CAGFF,EAAA,QAAAE,IAAA,2CAAMb,KAAK,gBAEXW,EAAA,QAAAE,IAAA,2CAAMC,MAAO,CAAEI,OAAQ,KAAMH,OAAQlB,KAAKF,WAAaqB,KAAK,UAC1DL,EAAA,QAAAE,IAAA,2CAAMb,KAAK,SAASiB,aAAcpB,KAAKC,Q","ignoreList":[]}

package/dist/pitchfork/p-76f0f473.entry.js

@@ -0,0 +1,2 @@
+import{r as e,a,h as t,H as s}from"./p-Bm6UxEit.js";const i=()=>`:host{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-4);justify-content:space-between;padding-bottom:var(--space-4)}:host([hidden]){display:none}@media (min-width: 640px){:host{align-items:center;flex-direction:row}}:host([divider]){border-bottom:1px solid var(--pf-section-header-border)}:host([align='start']){justify-content:flex-start}:host([align='end']){justify-content:flex-end}.metadata.empty,.actions.empty{display:none}.content{min-width:0}slot[name='eyebrow']::slotted(*){color:var(--pf-section-header-text-muted);display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:0.04em;margin:0 0 var(--space-1);text-transform:uppercase}.heading{color:var(--pf-section-header-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}slot[name='description']::slotted(*){color:var(--pf-section-header-text-muted);display:block;font-size:var(--font-size-sm);line-height:1.5;margin:var(--space-1) 0 0}.metadata{align-items:center;color:var(--pf-section-header-text-muted);display:inline-flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-2);margin-top:var(--space-2)}.actions{align-items:center;display:inline-flex;flex-wrap:wrap;gap:var(--space-2);width:100%}@media (min-width: 640px){.actions{width:auto}}`;const n=class{constructor(a){e(this,a)}get el(){return a(this)}divider=false;align="between";hasMetadata=false;hasActions=false;componentWillLoad(){this.read()}read=()=>{const e=e=>Array.from(this.el.children).some((a=>a.getAttribute("slot")===e));this.hasMetadata=e("metadata");this.hasActions=e("actions")};render(){return t(s,{key:"4ccd9a76ae1dc8921ba2a16ab7a15ced1b626986"},t("div",{key:"1df5a554bae92dd018741c0eb353f8fb6b0749d1",class:"content",part:"content"},t("slot",{key:"1559805e1974477782291d45e87bfaafa58e4bbf",name:"eyebrow"}),t("h2",{key:"ae351a3f5853a16aeaf83f0af5b959a113a7e827",class:"heading",part:"heading"},t("slot",{key:"e8f154fc36e3e77e550b28320a0e35f085d3a1ee"})),t("slot",{key:"29213ae43627969251138fc9b1b70193e693ae91",name:"description"}),t("div",{key:"55c17fef4be98e763ac1d9bbf169ad14309f240d",class:{metadata:true,empty:!this.hasMetadata},part:"metadata"},t("slot",{key:"191d9e23d9e769303862b6f1afe05b57242cafbe",name:"metadata",onSlotchange:this.read}))),t("div",{key:"ac2fb5005a90c8f49c70c04a4193c2787ed0f004",class:{actions:true,empty:!this.hasActions},part:"actions"},t("slot",{key:"02ce065806d229d45f9498715db2648c767aec10",name:"actions",onSlotchange:this.read})))}};n.style=i();export{n as pf_section_header};
+//# sourceMappingURL=p-76f0f473.entry.js.map

package/dist/pitchfork/p-76f0f473.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfSectionHeaderCss","PfSectionHeader","divider","align","hasMetadata","hasActions","componentWillLoad","this","read","slotted","name","Array","from","el","children","some","child","getAttribute","render","h","Host","key","class","part","metadata","empty","onSlotchange","actions"],"sources":["src/components/pf-section-header/pf-section-header.css?tag=pf-section-header&encapsulation=shadow","src/components/pf-section-header/pf-section-header.tsx"],"sourcesContent":[":host {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-4);\n  justify-content: space-between;\n  padding-bottom: var(--space-4);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n@media (--sm) {\n  :host {\n    align-items: center;\n    flex-direction: row;\n  }\n}\n\n:host([divider]) {\n  border-bottom: 1px solid var(--pf-section-header-border);\n}\n\n:host([align='start']) {\n  justify-content: flex-start;\n}\n\n:host([align='end']) {\n  justify-content: flex-end;\n}\n\n/*\n * Hidden rather than left out, so a later `slotchange` still arrives. Two\n * classes deep, because both boxes set their own `display` below.\n */\n.metadata.empty,\n.actions.empty {\n  display: none;\n}\n\n.content {\n  min-width: 0;\n}\n\nslot[name='eyebrow']::slotted(*) {\n  color: var(--pf-section-header-text-muted);\n  display: block;\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: 0.04em;\n  margin: 0 0 var(--space-1);\n  text-transform: uppercase;\n}\n\n.heading {\n  color: var(--pf-section-header-text);\n  font-size: var(--font-size-xl);\n  font-weight: var(--font-weight-semibold);\n  margin: 0;\n}\n\nslot[name='description']::slotted(*) {\n  color: var(--pf-section-header-text-muted);\n  display: block;\n  font-size: var(--font-size-sm);\n  line-height: 1.5;\n  margin: var(--space-1) 0 0;\n}\n\n.metadata {\n  align-items: center;\n  color: var(--pf-section-header-text-muted);\n  display: inline-flex;\n  flex-wrap: wrap;\n  font-size: var(--font-size-sm);\n  gap: var(--space-2);\n  margin-top: var(--space-2);\n}\n\n.actions {\n  align-items: center;\n  display: inline-flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  width: 100%;\n}\n\n@media (--sm) {\n  .actions {\n    width: auto;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from '@stencil/core';\n\nexport type PfSectionHeaderAlign = 'start' | 'between' | 'end';\n\n/**\n * The heading of a section, with room for an eyebrow, a line of explanation,\n * some metadata and a control or two.\n *\n * Every optional box stays in the tree and is hidden when empty rather than\n * being left out, because a slot that is not rendered never fires\n * `slotchange` — content added later would stay invisible for good. The\n * eyebrow and the description need no box of their own, so they are styled\n * through `::slotted()` and collapse on their own.\n *\n * @slot eyebrow - small text above the heading.\n * @slot - the heading.\n * @slot description - a line below the heading.\n * @slot metadata - small facts below the description.\n * @slot actions - controls, which sit opposite the heading on a wide screen.\n * @part content - the box holding everything but the actions.\n * @part heading - the heading's box.\n * @part metadata - the box holding the metadata slot.\n * @part actions - the box holding the actions slot.\n */\n@Component({\n  tag: 'pf-section-header',\n  styleUrl: 'pf-section-header.css',\n  shadow: true,\n})\nexport class PfSectionHeader {\n  @Element() el!: HTMLElement;\n\n  /** Draw a rule below the header. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) divider = false;\n\n  /** How the heading and the actions share the row. Reflected. */\n  @Prop({ reflect: true }) align: PfSectionHeaderAlign = 'between';\n\n  /** Which of the boxes that carry layout have anything in them. */\n  @State() hasMetadata = false;\n  @State() hasActions = false;\n\n  /** Read from the light DOM, so first paint is right without `slotchange`. */\n  componentWillLoad() {\n    this.read();\n  }\n\n  private read = () => {\n    const slotted = (name: string) =>\n      Array.from(this.el.children).some((child) => child.getAttribute('slot') === name);\n\n    this.hasMetadata = slotted('metadata');\n    this.hasActions = slotted('actions');\n  };\n\n  render() {\n    return (\n      <Host>\n        <div class=\"content\" part=\"content\">\n          <slot name=\"eyebrow\" />\n          <h2 class=\"heading\" part=\"heading\">\n            <slot />\n          </h2>\n          <slot name=\"description\" />\n          <div class={{ metadata: true, empty: !this.hasMetadata }} part=\"metadata\">\n            <slot name=\"metadata\" onSlotchange={this.read} />\n          </div>\n        </div>\n\n        <div class={{ actions: true, empty: !this.hasActions }} part=\"actions\">\n          <slot name=\"actions\" onSlotchange={this.read} />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAAA,MAAMA,EAAqB,IAAM,0yC,MC6BpBC,EAAe,M,iDAIDC,QAAU,MAGVC,MAA8B,UAG9CC,YAAc,MACdC,WAAa,MAGtB,iBAAAC,GACEC,KAAKC,M,CAGCA,KAAO,KACb,MAAMC,EAAWC,GACfC,MAAMC,KAAKL,KAAKM,GAAGC,UAAUC,MAAMC,GAAUA,EAAMC,aAAa,UAAYP,IAE9EH,KAAKH,YAAcK,EAAQ,YAC3BF,KAAKF,WAAaI,EAAQ,UAAU,EAGtC,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,UAAUC,KAAK,WACxBJ,EAAA,QAAAE,IAAA,2CAAMX,KAAK,YACXS,EAAA,MAAAE,IAAA,2CAAIC,MAAM,UAAUC,KAAK,WACvBJ,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMX,KAAK,gBACXS,EAAA,OAAAE,IAAA,2CAAKC,MAAO,CAAEE,SAAU,KAAMC,OAAQlB,KAAKH,aAAemB,KAAK,YAC7DJ,EAAA,QAAAE,IAAA,2CAAMX,KAAK,WAAWgB,aAAcnB,KAAKC,SAI7CW,EAAA,OAAAE,IAAA,2CAAKC,MAAO,CAAEK,QAAS,KAAMF,OAAQlB,KAAKF,YAAckB,KAAK,WAC3DJ,EAAA,QAAAE,IAAA,2CAAMX,KAAK,UAAUgB,aAAcnB,KAAKC,Q","ignoreList":[]}

package/dist/pitchfork/p-77168a0d.entry.js

@@ -0,0 +1,2 @@
+import{r as t,a,h as r,H as s}from"./p-Bm6UxEit.js";function e(t){const a=t.findIndex((t=>t.current));if(a>=0)return a;return t.length-1}const n=()=>`:host{display:block;width:100%}:host([hidden]){display:none}.list{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.list slot{display:contents}`;const i=class{constructor(a){t(this,a)}get el(){return a(this)}label="Breadcrumb";separator="/";componentWillLoad(){this.sync()}componentDidLoad(){this.sync()}handleSeparatorChange(){this.sync()}async refresh(){this.sync()}get crumbs(){return Array.from(this.el.querySelectorAll("pf-breadcrumb")).filter((t=>t.parentElement===this.el))}isCurrent(t){return t.current??t.hasAttribute("current")}sync(){const t=this.crumbs;const a=e(t.map((t=>({current:this.isCurrent(t)}))));for(const[r,s]of t.entries()){const e=s;e.currentPage=r===a;e.last=r===t.length-1;e.separator=this.separator}}render(){return r(s,{key:"ba6aac87bd5f235035ea7d15cc7be4a400dd4882",role:"navigation","aria-label":this.label},r("ol",{key:"fdca023c17af41cba5fa4009de9b0972abf770ab",class:"list",part:"list"},r("slot",{key:"cd8e5645f012b2db1ac6b22fe90d49c7794064f3",onSlotchange:()=>this.refresh()})))}static get watchers(){return{separator:[{handleSeparatorChange:0}]}}};i.style=n();export{i as pf_breadcrumbs};
+//# sourceMappingURL=p-77168a0d.entry.js.map

package/dist/pitchfork/p-77168a0d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveCurrentCrumb","crumbs","explicit","findIndex","crumb","current","length","pfBreadcrumbsCss","PfBreadcrumbs","label","separator","componentWillLoad","this","sync","componentDidLoad","handleSeparatorChange","refresh","Array","from","el","querySelectorAll","filter","parentElement","isCurrent","hasAttribute","currentIndex","map","index","entries","node","currentPage","last","render","h","Host","key","role","class","part","onSlotchange"],"sources":["../core/dist/breadcrumbs.js","src/components/pf-breadcrumbs/pf-breadcrumbs.css?tag=pf-breadcrumbs&encapsulation=shadow","src/components/pf-breadcrumbs/pf-breadcrumbs.tsx"],"sourcesContent":["//#region src/breadcrumbs.ts\n/**\n* The index of the current crumb: the first one marked `current`, or the last\n* crumb when none is. `-1` for an empty trail.\n*\n* One index rather than a per-crumb answer, because that is what stops a trail\n* marking two pages. The React `Breadcrumbs` read `item.current ?? isLast` per\n* item, which marked both the explicitly-current crumb *and* the last one as\n* soon as a consumer marked anything but the last — so a screen reader was\n* told the user was on two pages at once.\n*/\nfunction resolveCurrentCrumb(crumbs) {\n\tconst explicit = crumbs.findIndex((crumb) => crumb.current);\n\tif (explicit >= 0) return explicit;\n\treturn crumbs.length - 1;\n}\n//#endregion\nexport { resolveCurrentCrumb };\n",":host {\n  display: block;\n  width: 100%;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.list {\n  align-items: center;\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--space-2);\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/*\n * The crumbs have to be flex items of the list, not of a box inside it. The UA\n * stylesheet already gives a slot `display: contents`, and this says so out\n * loud -- the same thing pf-calendar needs for a semantic row in a grid.\n */\n.list slot {\n  display: contents;\n}\n","import { resolveCurrentCrumb } from '@pitchfork-ui/core';\nimport { Component, Element, h, Host, Method, Prop, Watch } from '@stencil/core';\n\n/**\n * A breadcrumb trail over `pf-breadcrumb` children.\n *\n * The group owns the two things a crumb cannot know on its own: which crumb is\n * the current page, and which one is last — so only the last goes without a\n * separator after it.\n *\n * The separator is a **string**, where the React `separator` is a\n * `ReactNode`, because it has to appear between every pair: a slot renders its\n * assigned content once and in one place, so there is no way to repeat\n * slotted content down the trail. Each crumb draws its own instead, which is\n * why the group pushes the string down.\n *\n * @slot - the `pf-breadcrumb` children.\n * @part list - the ordered list the crumbs are slotted into.\n */\n@Component({\n  tag: 'pf-breadcrumbs',\n  styleUrl: 'pf-breadcrumbs.css',\n  shadow: true,\n})\nexport class PfBreadcrumbs {\n  @Element() el!: HTMLElement;\n\n  /** The trail's accessible name. */\n  @Prop() label = 'Breadcrumb';\n\n  /** Drawn after every crumb but the last. */\n  @Prop() separator = '/';\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('separator')\n  handleSeparatorChange() {\n    this.sync();\n  }\n\n  /**\n   * Re-reads the children, for a consumer who marked a crumb current through\n   * its *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 trail owns its own crumbs. */\n  private get crumbs(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-breadcrumb')).filter(\n      (crumb) => crumb.parentElement === this.el,\n    );\n  }\n\n  /**\n   * The property if the crumb has upgraded, the attribute if it has not:\n   * `componentWillLoad` can run before a child parsed from HTML upgrades.\n   */\n  private isCurrent(crumb: HTMLElement) {\n    return (crumb as HTMLElement & { current?: boolean }).current ?? crumb.hasAttribute('current');\n  }\n\n  /**\n   * Core's rule for which crumb is current — the first one marked, or the last\n   * — so the React `Breadcrumbs` marks the same one. One index, which is what\n   * stops a trail claiming two current pages.\n   *\n   * The answer goes to `currentPage`, never to the `current` the consumer\n   * asked with. Writing it back to `current` looked tidier and was wrong:\n   * with nothing marked, the last crumb was given `current`, and appending\n   * another crumb then found that one marked and left the mark behind on it.\n   * A browser test appends a crumb, which is what caught it.\n   */\n  private sync() {\n    const crumbs = this.crumbs;\n    const currentIndex = resolveCurrentCrumb(\n      crumbs.map((crumb) => ({ current: this.isCurrent(crumb) })),\n    );\n\n    for (const [index, crumb] of crumbs.entries()) {\n      const node = crumb as HTMLElement & {\n        currentPage: boolean;\n        last: boolean;\n        separator: string;\n      };\n      node.currentPage = index === currentIndex;\n      node.last = index === crumbs.length - 1;\n      node.separator = this.separator;\n    }\n  }\n\n  render() {\n    return (\n      <Host role=\"navigation\" aria-label={this.label}>\n        <ol class=\"list\" part=\"list\">\n          <slot onSlotchange={() => this.refresh()} />\n        </ol>\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAWA,SAASA,EAAoBC,GAC5B,MAAMC,EAAWD,EAAOE,WAAWC,GAAUA,EAAMC,UACnD,GAAIH,GAAY,EAAG,OAAOA,EAC1B,OAAOD,EAAOK,OAAS,CACxB,CCfA,MAAMC,EAAmB,IAAM,sM,MCwBlBC,EAAa,M,iDAIhBC,MAAQ,aAGRC,UAAY,IAGpB,iBAAAC,GACEC,KAAKC,M,CAGP,gBAAAC,GACEF,KAAKC,M,CAIP,qBAAAE,GACEH,KAAKC,M,CAQP,aAAMG,GACJJ,KAAKC,M,CAIP,UAAYZ,GACV,OAAOgB,MAAMC,KAAKN,KAAKO,GAAGC,iBAA8B,kBAAkBC,QACvEjB,GAAUA,EAAMkB,gBAAkBV,KAAKO,I,CAQpC,SAAAI,CAAUnB,GAChB,OAAQA,EAA8CC,SAAWD,EAAMoB,aAAa,U,CAc9E,IAAAX,GACN,MAAMZ,EAASW,KAAKX,OACpB,MAAMwB,EAAezB,EACnBC,EAAOyB,KAAKtB,IAAK,CAAQC,QAASO,KAAKW,UAAUnB,QAGnD,IAAK,MAAOuB,EAAOvB,KAAUH,EAAO2B,UAAW,CAC7C,MAAMC,EAAOzB,EAKbyB,EAAKC,YAAcH,IAAUF,EAC7BI,EAAKE,KAAOJ,IAAU1B,EAAOK,OAAS,EACtCuB,EAAKnB,UAAYE,KAAKF,S,EAI1B,MAAAsB,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,aAAY,aAAaxB,KAAKH,OACvCwB,EAAA,MAAAE,IAAA,2CAAIE,MAAM,OAAOC,KAAK,QACpBL,EAAA,QAAAE,IAAA,2CAAMI,aAAc,IAAM3B,KAAKI,a","ignoreList":[]}

package/dist/pitchfork/p-7e5ba1f9.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as o,H as r}from"./p-Bm6UxEit.js";const n=()=>`@keyframes pf-spin{to{transform:rotate(360deg)}}:host{display:inline-flex}:host([full-width]){display:flex;width:100%}:host([hidden]){display:none}button{align-items:center;background:none;border:1px solid transparent;border-radius:var(--radius-md);color:inherit;cursor:pointer;display:inline-flex;flex:1;font-family:inherit;font-size:inherit;font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;line-height:1;min-height:40px;text-decoration:none;transition:background-color var(--pf-transition-fast),     border-color var(--pf-transition-fast),     color var(--pf-transition-fast),     box-shadow var(--pf-transition-fast)}button:focus-visible{box-shadow:var(--pf-button-focus-ring, var(--pf-focus-ring));outline:none}button:disabled{cursor:not-allowed;opacity:0.55}:host([size='sm']) button{font-size:var(--font-size-sm);min-height:36px;padding:0 var(--space-3)}:host([size='md']) button{font-size:var(--font-size-md);min-height:40px;padding:0 var(--space-4)}:host([size='lg']) button{font-size:var(--font-size-lg);min-height:48px;padding:0 var(--space-5)}:host([variant='primary']) button{background:var(--pf-button-primary-bg);color:var(--pf-button-primary-text)}:host([variant='primary']) button:hover:not(:disabled){background:var(--pf-button-primary-bg-hover)}:host([variant='secondary']) button{background:var(--pf-button-secondary-bg);border-color:var(--pf-button-secondary-border);color:var(--pf-button-secondary-text)}:host([variant='secondary']) button:hover:not(:disabled){background:var(--pf-button-secondary-bg-hover);border-color:var(--pf-button-secondary-border-hover)}:host([variant='ghost']) button{background:transparent;color:var(--pf-button-ghost-text)}:host([variant='ghost']) button:hover:not(:disabled){background:var(--pf-button-ghost-bg-hover)}:host([variant='destructive']) button{background:var(--pf-button-destructive-bg);color:var(--pf-button-destructive-text)}:host([variant='destructive']) button:hover:not(:disabled){background:var(--pf-button-destructive-bg-hover)}:host([loading]) button:disabled{cursor:wait;opacity:1}.spinner{animation:pf-spin 0.65s linear infinite;flex-shrink:0}@media (prefers-reduced-motion: reduce){button{transition:none}.spinner{animation-duration:0.01ms;animation-iteration-count:1}}`;const e=class{constructor(o){t(this,o)}variant="primary";size="md";fullWidth=false;loading=false;disabled=false;type="button";label;renderSpinner(){return o("svg",{class:"spinner",part:"spinner",viewBox:"0 0 24 24",fill:"none",width:"1em",height:"1em","aria-hidden":"true",focusable:"false"},o("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"3","stroke-linecap":"round","stroke-dasharray":"32","stroke-dashoffset":"8"}))}render(){const t=this.disabled||this.loading;return o(r,{key:"9adf86112a2c18facb4513de37871f81a3b373e2"},o("button",{key:"1edecdfbce26d76fec0b746f14b7adc6f5d603d5",part:"button",type:this.type,disabled:t,"aria-busy":this.loading?"true":null,"aria-label":this.label},this.loading&&this.renderSpinner(),o("slot",{key:"6ff1a6b6b4cb32ccc865d42ffa396cd5acd43bbe"})))}static get delegatesFocus(){return true}};e.style=n();export{e as pf_button};
+//# sourceMappingURL=p-7e5ba1f9.entry.js.map

package/dist/pitchfork/p-7e5ba1f9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfButtonCss","PfButton","variant","size","fullWidth","loading","disabled","type","label","renderSpinner","h","class","part","viewBox","fill","width","height","focusable","cx","cy","r","stroke","render","isDisabled","this","Host","key"],"sources":["src/components/pf-button/pf-button.css?tag=pf-button&encapsulation=shadow","src/components/pf-button/pf-button.tsx"],"sourcesContent":["/*\n * `@keyframes` do not cross a shadow boundary. In the React library pf-spin is\n * declared once in LoadingIndicators.css and every component picks it up from\n * the global sheet; here each shadow root needs its own copy.\n */\n@keyframes pf-spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n:host {\n  display: inline-flex;\n}\n\n:host([full-width]) {\n  display: flex;\n  width: 100%;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\nbutton {\n  align-items: center;\n  background: none;\n  border: 1px solid transparent;\n  border-radius: var(--radius-md);\n  color: inherit;\n  cursor: pointer;\n  display: inline-flex;\n  flex: 1;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: var(--font-weight-semibold);\n  gap: var(--space-2);\n  justify-content: center;\n  line-height: 1;\n  min-height: 40px;\n  text-decoration: none;\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\nbutton:focus-visible {\n  box-shadow: var(--pf-button-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\nbutton:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n:host([size='sm']) button {\n  font-size: var(--font-size-sm);\n  min-height: 36px;\n  padding: 0 var(--space-3);\n}\n\n:host([size='md']) button {\n  font-size: var(--font-size-md);\n  min-height: 40px;\n  padding: 0 var(--space-4);\n}\n\n:host([size='lg']) button {\n  font-size: var(--font-size-lg);\n  min-height: 48px;\n  padding: 0 var(--space-5);\n}\n\n:host([variant='primary']) button {\n  background: var(--pf-button-primary-bg);\n  color: var(--pf-button-primary-text);\n}\n\n:host([variant='primary']) button:hover:not(:disabled) {\n  background: var(--pf-button-primary-bg-hover);\n}\n\n:host([variant='secondary']) button {\n  background: var(--pf-button-secondary-bg);\n  border-color: var(--pf-button-secondary-border);\n  color: var(--pf-button-secondary-text);\n}\n\n:host([variant='secondary']) button:hover:not(:disabled) {\n  background: var(--pf-button-secondary-bg-hover);\n  border-color: var(--pf-button-secondary-border-hover);\n}\n\n:host([variant='ghost']) button {\n  background: transparent;\n  color: var(--pf-button-ghost-text);\n}\n\n:host([variant='ghost']) button:hover:not(:disabled) {\n  background: var(--pf-button-ghost-bg-hover);\n}\n\n:host([variant='destructive']) button {\n  background: var(--pf-button-destructive-bg);\n  color: var(--pf-button-destructive-text);\n}\n\n:host([variant='destructive']) button:hover:not(:disabled) {\n  background: var(--pf-button-destructive-bg-hover);\n}\n\n:host([loading]) button:disabled {\n  cursor: wait;\n  opacity: 1;\n}\n\n.spinner {\n  animation: pf-spin 0.65s linear infinite;\n  flex-shrink: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  button {\n    transition: none;\n  }\n\n  .spinner {\n    animation-duration: 0.01ms;\n    animation-iteration-count: 1;\n  }\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\nexport type PfButtonVariant = 'primary' | 'secondary' | 'ghost' | 'destructive';\nexport type PfButtonSize = 'sm' | 'md' | 'lg';\nexport type PfButtonType = 'button' | 'submit' | 'reset';\n\n/**\n * A button, with the variants, sizes and loading state the React `Button` has.\n *\n * The first element in this package, and the one the whole pipeline was proved\n * on: the PostCSS chain, the generated React bindings and the generated Angular\n * component all exist because this built end to end before anything else was\n * attempted. `delegatesFocus` is why focusing the host reaches the real button\n * inside, which is what lets `pf-toolbar` treat it as an item.\n *\n * @slot - the button's label.\n * @part button - the native button element.\n * @part spinner - the loading spinner.\n */\n@Component({\n  tag: 'pf-button',\n  styleUrl: 'pf-button.css',\n  // delegatesFocus so that focusing <pf-button> reaches the real button, and\n  // :focus-visible lands on the element that is actually styled for it.\n  shadow: { delegatesFocus: true },\n})\nexport class PfButton {\n  /** Visual style. Reflected so the stylesheet can select on it. */\n  @Prop({ reflect: true }) variant: PfButtonVariant = 'primary';\n\n  /** Control size. Reflected so the stylesheet can select on it. */\n  @Prop({ reflect: true }) size: PfButtonSize = 'md';\n\n  /** Stretch to the width of the container. */\n  @Prop({ reflect: true }) fullWidth = false;\n\n  /** Show a spinner and block interaction. */\n  @Prop({ reflect: true }) loading = false;\n\n  /** Disable the button. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Mirrors the native attribute. `submit` and `reset` do not yet act on a form\n   * outside this element's shadow root -- that needs ElementInternals, which\n   * arrives with the form controls in Wave 3.\n   */\n  @Prop() type: PfButtonType = 'button';\n\n  /** Accessible name, for when the slot holds only an icon. */\n  @Prop() label?: string;\n\n  private renderSpinner() {\n    return (\n      <svg\n        class=\"spinner\"\n        part=\"spinner\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        width=\"1em\"\n        height=\"1em\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <circle\n          cx=\"12\"\n          cy=\"12\"\n          r=\"10\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-dasharray=\"32\"\n          stroke-dashoffset=\"8\"\n        />\n      </svg>\n    );\n  }\n\n  render() {\n    const isDisabled = this.disabled || this.loading;\n\n    return (\n      <Host>\n        <button\n          part=\"button\"\n          type={this.type}\n          disabled={isDisabled}\n          aria-busy={this.loading ? 'true' : null}\n          aria-label={this.label}\n        >\n          {this.loading && this.renderSpinner()}\n          <slot />\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAc,IAAM,quE,MC0BbC,EAAQ,M,yBAEMC,QAA2B,UAG3BC,KAAqB,KAGrBC,UAAY,MAGZC,QAAU,MAGVC,SAAW,MAO5BC,KAAqB,SAGrBC,MAEA,aAAAC,GACN,OACEC,EAAA,OACEC,MAAM,UACNC,KAAK,UACLC,QAAQ,YACRC,KAAK,OACLC,MAAM,MACNC,OAAO,MAAK,cACA,OACZC,UAAU,SAEVP,EAAA,UACEQ,GAAG,KACHC,GAAG,KACHC,EAAE,KACFC,OAAO,eAAc,eACR,IAAG,iBACD,QAAO,mBACL,KAAI,oBACH,M,CAM1B,MAAAC,GACE,MAAMC,EAAaC,KAAKlB,UAAYkB,KAAKnB,QAEzC,OACEK,EAACe,EAAI,CAAAC,IAAA,4CACHhB,EAAA,UAAAgB,IAAA,2CACEd,KAAK,SACLL,KAAMiB,KAAKjB,KACXD,SAAUiB,EAAU,YACTC,KAAKnB,QAAU,OAAS,KAAI,aAC3BmB,KAAKhB,OAEhBgB,KAAKnB,SAAWmB,KAAKf,gBACtBC,EAAA,QAAAgB,IAAA,8C","ignoreList":[]}

package/dist/pitchfork/p-8718bb3a.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,a as r,h as t,H as i}from"./p-Bm6UxEit.js";function s(a,e,r=false){if(!(e>0))return-1;if(!Number.isFinite(a))return 0;const t=Math.trunc(a);if(r)return(t%e+e)%e;return Math.min(Math.max(t,0),e-1)}function o(a,e){if(!(e>0))return"No slides";return`Slide ${s(a,e)+1} of ${e}`}const n=()=>`:host{background:var(--pf-carousel-bg);border:1px solid var(--pf-carousel-border);border-radius:var(--pf-carousel-radius, var(--radius-md));display:grid;gap:var(--pf-carousel-gap, var(--space-3));overflow:hidden;padding:var(--pf-carousel-padding, var(--space-3));width:100%}:host([hidden]){display:none}.viewport{background:var(--pf-carousel-viewport-bg);border-radius:var(--pf-carousel-viewport-radius, var(--radius-sm));overflow:hidden;width:100%}.track{display:flex;transition:transform var(--pf-carousel-transition-duration, var(--duration-moderate))     var(--easing-decelerate);width:100%}.track.empty{display:none}.empty{align-items:center;color:var(--pf-carousel-empty-text);display:flex;font-size:var(--pf-carousel-empty-font-size, var(--font-size-sm));justify-content:center;min-height:var(--pf-carousel-empty-min-height, 180px);padding:var(--pf-carousel-empty-padding, var(--space-4));text-align:center}.sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.controls{align-items:center;display:grid;gap:var(--pf-carousel-controls-gap, var(--space-2));grid-template-columns:var(--pf-carousel-nav-size, 28px) 1fr     var(--pf-carousel-nav-size, 28px)}.nav{align-items:center;background:transparent;border:0;border-radius:var(--pf-carousel-nav-radius, var(--radius-sm));color:var(--pf-carousel-nav-text);cursor:pointer;display:inline-flex;font-size:var(--pf-carousel-nav-font-size, var(--font-size-sm));height:var(--pf-carousel-nav-size, 28px);justify-content:center;padding:0;width:var(--pf-carousel-nav-size, 28px)}.nav:hover:not(:disabled){background:var(--pf-carousel-nav-hover-bg);color:var(--pf-carousel-nav-hover-text)}.nav:focus-visible{box-shadow:var(--pf-carousel-focus-ring, var(--pf-focus-ring));outline:none}.nav:disabled{color:var(--pf-carousel-nav-text);cursor:not-allowed;opacity:var(--pf-carousel-disabled-opacity, 0.45)}.indicators{align-items:center;display:inline-flex;gap:var(--pf-carousel-indicator-gap, var(--space-1));justify-content:center}.indicator{background:var(--pf-carousel-indicator-bg);border:0;border-radius:var(--pf-carousel-indicator-radius, var(--radius-full));cursor:pointer;height:var(--pf-carousel-indicator-size, 8px);padding:0;transition:all var(--pf-carousel-indicator-transition-duration, var(--duration-fast))     var(--easing-decelerate);width:var(--pf-carousel-indicator-size, 8px)}.indicator--active{background:var(--pf-carousel-indicator-active-bg);width:var(--pf-carousel-indicator-active-width, 20px)}.indicator:focus-visible{box-shadow:var(--pf-carousel-focus-ring, var(--pf-focus-ring));outline:none}.indicator-spacer{display:block;min-height:var(--pf-carousel-indicator-size, 8px)}@media (prefers-reduced-motion: reduce){.track,.indicator{transition:none}}`;const c=class{constructor(r){a(this,r);this.pfChange=e(this,"pfChange")}get el(){return r(this)}index=0;loop=true;showIndicators=true;autoPlay=false;autoPlayInterval=5e3;label="Carousel";previousLabel="Previous slide";nextLabel="Next slide";pfChange;total=0;timer;componentWillLoad(){this.sync()}componentDidLoad(){this.sync();this.startTimer()}disconnectedCallback(){this.stopTimer()}handleIndexChange(){this.sync()}handleTimerChange(){this.startTimer()}async refresh(){this.sync()}async next(){this.goTo(this.resolved+1)}async previous(){this.goTo(this.resolved-1)}get slides(){return Array.from(this.el.querySelectorAll("pf-carousel-slide")).filter((a=>a.parentElement===this.el))}get resolved(){return Math.max(s(this.index,this.total),0)}sync(){const a=this.slides;this.total=a.length;const e=this.resolved;for(const[r,t]of a.entries()){const i=t;i.active=r===e;i.position=r+1;i.total=a.length}}goTo(a){const e=s(a,this.total,this.loop);if(e<0||e===this.resolved)return;this.index=e;this.sync();this.pfChange.emit({index:e})}startTimer(){this.stopTimer();if(!this.autoPlay||this.total<2)return;this.timer=window.setInterval((()=>{this.goTo(this.resolved+1)}),Number(this.autoPlayInterval)||5e3)}stopTimer(){if(this.timer!==undefined)window.clearInterval(this.timer);this.timer=undefined}render(){const a=this.resolved;const e=!this.loop&&a<=0;const r=!this.loop&&a>=this.total-1;return t(i,{key:"4f5a52bd33464c438e7a11d18c19c136ae9a1c81",role:"region","aria-roledescription":"carousel","aria-label":this.label},t("div",{key:"04ee0fe33dadacf5e0097e97eb8968a4cb07bf6e",class:"viewport",part:"viewport"},this.total===0?t("div",{class:"empty",part:"empty",role:"status"},t("slot",{name:"empty"},"Add at least one slide.")):null,t("div",{key:"a8fc8ce03bd7f8e8ac43215a61074f71e8fdb8e3",class:{track:true,empty:this.total===0},part:"track",style:{transform:`translateX(-${a*100}%)`}},t("slot",{key:"55720356b707f7589cbe50daf6ccbacf8503b333",onSlotchange:()=>this.refresh()}))),t("span",{key:"90ab70084b5b7bc1797350160805de10cae812f0",class:"sr-only","aria-live":"polite","aria-atomic":"true"},this.total>0?o(a,this.total):""),t("div",{key:"37edc5f9cff2e99992ade51d1189ee9da073cf63",class:"controls",part:"controls"},t("button",{key:"aa1470ae4a33ba1ecb6675ae0444d7ebcce31c0d",type:"button",class:"nav",part:"previous","aria-label":this.previousLabel,disabled:e||this.total<2,onClick:()=>this.goTo(a-1)},t("pf-icon",{key:"7af19a182498df4e9e8c78ef10fcc24e202a87a9",name:"square-caret-left","aria-hidden":"true"})),this.showIndicators&&this.total>1?t("div",{class:"indicators",part:"indicators",role:"group","aria-label":"Slide indicators"},Array.from({length:this.total},((e,r)=>t("button",{type:"button",class:{indicator:true,"indicator--active":r===a},part:"indicator","aria-label":`Go to slide ${r+1}`,"aria-current":r===a?"true":null,onClick:()=>this.goTo(r)})))):t("span",{class:"indicator-spacer","aria-hidden":"true"}),t("button",{key:"a9ce64398be6552d49926d467f7a2b74024d34a1",type:"button",class:"nav",part:"next","aria-label":this.nextLabel,disabled:r||this.total<2,onClick:()=>this.goTo(a+1)},t("pf-icon",{key:"385f7b01bb6086d454be41ca4f04a449a2e0504c",name:"square-caret-right","aria-hidden":"true"}))))}static get watchers(){return{index:[{handleIndexChange:0}],loop:[{handleIndexChange:0}],autoPlay:[{handleTimerChange:0}],autoPlayInterval:[{handleTimerChange:0}]}}};c.style=n();export{c as pf_carousel};
+//# sourceMappingURL=p-8718bb3a.entry.js.map

package/dist/pitchfork/p-8718bb3a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolveSlideIndex","next","total","loop","Number","isFinite","index","Math","trunc","min","max","slidePositionLabel","pfCarouselCss","PfCarousel","showIndicators","autoPlay","autoPlayInterval","label","previousLabel","nextLabel","pfChange","timer","componentWillLoad","this","sync","componentDidLoad","startTimer","disconnectedCallback","stopTimer","handleIndexChange","handleTimerChange","refresh","goTo","resolved","previous","slides","Array","from","el","querySelectorAll","filter","slide","parentElement","length","active","position","entries","node","emit","window","setInterval","undefined","clearInterval","render","atStart","atEnd","h","Host","key","role","class","part","name","track","empty","style","transform","onSlotchange","type","disabled","onClick","_","indicator"],"sources":["../core/dist/carousel.js","src/components/pf-carousel/pf-carousel.css?tag=pf-carousel&encapsulation=shadow","src/components/pf-carousel/pf-carousel.tsx"],"sourcesContent":["//#region src/carousel.ts\n/**\n* Which slide a carousel lands on, and what it says it is showing.\n*\n* Shared because looping is a decision: stepping past the last slide either\n* wraps to the first or stays put, and a React `Carousel` and a\n* `<pf-carousel>` that disagreed would be two components wearing one name.\n*/\n/**\n* The slide `next` resolves to, out of `total`.\n*\n* With `loop` it wraps at both ends — including from a negative index, which\n* is what stepping back from the first slide gives, and which a bare `%` in\n* JavaScript gets wrong: `-1 % 5` is `-1`, not `4`. Without it the index is\n* clamped. An empty carousel has no slide to land on and reports `-1`.\n*/\nfunction resolveSlideIndex(next, total, loop = false) {\n\tif (!(total > 0)) return -1;\n\tif (!Number.isFinite(next)) return 0;\n\tconst index = Math.trunc(next);\n\tif (loop) return (index % total + total) % total;\n\treturn Math.min(Math.max(index, 0), total - 1);\n}\n/**\n* What a carousel announces, which is the one thing a reader who cannot see it\n* has to go on: \"Slide 2 of 5\".\n*\n* Here rather than in either layer because it is read out, and two layers\n* announcing the same carousel differently would be two different controls to\n* a screen reader.\n*/\nfunction slidePositionLabel(index, total) {\n\tif (!(total > 0)) return \"No slides\";\n\treturn `Slide ${resolveSlideIndex(index, total) + 1} of ${total}`;\n}\n//#endregion\nexport { resolveSlideIndex, slidePositionLabel };\n",":host {\n  background: var(--pf-carousel-bg);\n  border: 1px solid var(--pf-carousel-border);\n  border-radius: var(--pf-carousel-radius, var(--radius-md));\n  display: grid;\n  gap: var(--pf-carousel-gap, var(--space-3));\n  overflow: hidden;\n  padding: var(--pf-carousel-padding, var(--space-3));\n  width: 100%;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.viewport {\n  background: var(--pf-carousel-viewport-bg);\n  border-radius: var(--pf-carousel-viewport-radius, var(--radius-sm));\n  overflow: hidden;\n  width: 100%;\n}\n\n.track {\n  display: flex;\n  transition: transform var(--pf-carousel-transition-duration, var(--duration-moderate))\n    var(--easing-decelerate);\n  width: 100%;\n}\n\n/*\n * The track stays in the tree with no slides in it — a slot that is not\n * rendered never fires `slotchange` — and is simply not laid out. Two classes\n * deep, because the track sets its own `display` above.\n */\n.track.empty {\n  display: none;\n}\n\n.empty {\n  align-items: center;\n  color: var(--pf-carousel-empty-text);\n  display: flex;\n  font-size: var(--pf-carousel-empty-font-size, var(--font-size-sm));\n  justify-content: center;\n  min-height: var(--pf-carousel-empty-min-height, 180px);\n  padding: var(--pf-carousel-empty-padding, var(--space-4));\n  text-align: center;\n}\n\n/*\n * Each element needs its own copy: `.pf-sr-only` is declared once in the React\n * 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\n.controls {\n  align-items: center;\n  display: grid;\n  gap: var(--pf-carousel-controls-gap, var(--space-2));\n  grid-template-columns:\n    var(--pf-carousel-nav-size, 28px) 1fr\n    var(--pf-carousel-nav-size, 28px);\n}\n\n.nav {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-radius: var(--pf-carousel-nav-radius, var(--radius-sm));\n  color: var(--pf-carousel-nav-text);\n  cursor: pointer;\n  display: inline-flex;\n  font-size: var(--pf-carousel-nav-font-size, var(--font-size-sm));\n  height: var(--pf-carousel-nav-size, 28px);\n  justify-content: center;\n  padding: 0;\n  width: var(--pf-carousel-nav-size, 28px);\n}\n\n.nav:hover:not(:disabled) {\n  background: var(--pf-carousel-nav-hover-bg);\n  color: var(--pf-carousel-nav-hover-text);\n}\n\n.nav:focus-visible {\n  box-shadow: var(--pf-carousel-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.nav:disabled {\n  color: var(--pf-carousel-nav-text);\n  cursor: not-allowed;\n  opacity: var(--pf-carousel-disabled-opacity, 0.45);\n}\n\n.indicators {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--pf-carousel-indicator-gap, var(--space-1));\n  justify-content: center;\n}\n\n.indicator {\n  background: var(--pf-carousel-indicator-bg);\n  border: 0;\n  border-radius: var(--pf-carousel-indicator-radius, var(--radius-full));\n  cursor: pointer;\n  height: var(--pf-carousel-indicator-size, 8px);\n  padding: 0;\n  transition: all var(--pf-carousel-indicator-transition-duration, var(--duration-fast))\n    var(--easing-decelerate);\n  width: var(--pf-carousel-indicator-size, 8px);\n}\n\n.indicator--active {\n  background: var(--pf-carousel-indicator-active-bg);\n  width: var(--pf-carousel-indicator-active-width, 20px);\n}\n\n.indicator:focus-visible {\n  box-shadow: var(--pf-carousel-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.indicator-spacer {\n  display: block;\n  min-height: var(--pf-carousel-indicator-size, 8px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .track,\n  .indicator {\n    transition: none;\n  }\n}\n","import { resolveSlideIndex, slidePositionLabel } from '@pitchfork-ui/core';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\n/**\n * A carousel over `pf-carousel-slide` children.\n *\n * The group owns the index, the controls, the indicators and the live region\n * that announces the move; each slide owns only whether it is the one on show.\n *\n * `role=\"region\"` with `aria-roledescription=\"carousel\"` rather than any of\n * the tab or listbox patterns: a carousel is a region whose content changes,\n * and the announcement is what tells a reader it has.\n *\n * @slot - the `pf-carousel-slide` children.\n * @slot empty - what to show when there are no slides.\n * @part viewport - the clipping box.\n * @part track - the strip that slides.\n * @part controls - the row holding the buttons and the indicators.\n * @part previous - the step-back button.\n * @part next - the step-forward button.\n * @part indicators - the box holding the dots.\n * @part indicator - one dot.\n */\n@Component({\n  tag: 'pf-carousel',\n  styleUrl: 'pf-carousel.css',\n  shadow: true,\n})\nexport class PfCarousel {\n  @Element() el!: HTMLElement;\n\n  /** The slide on show, counting from 0. */\n  @Prop({ mutable: true }) index = 0;\n\n  /** Wrap at both ends rather than stopping. */\n  @Prop({ reflect: true }) loop = true;\n\n  /** Show the dots. */\n  @Prop({ reflect: true }) showIndicators = true;\n\n  /** Step forward on a timer. */\n  @Prop({ reflect: true }) autoPlay = false;\n\n  /** How long between steps, in milliseconds. */\n  @Prop() autoPlayInterval = 5000;\n\n  /** The carousel's accessible name. */\n  @Prop() label = 'Carousel';\n\n  /** The step-back button's accessible name. */\n  @Prop() previousLabel = 'Previous slide';\n\n  /** The step-forward button's accessible name. */\n  @Prop() nextLabel = 'Next slide';\n\n  /** Fires when the slide on show changes, however it changed. */\n  @Event() pfChange!: EventEmitter<{ index: number }>;\n\n  /** How many slides there are, which every control depends on. */\n  @State() total = 0;\n\n  private timer?: number;\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    this.startTimer();\n  }\n\n  disconnectedCallback() {\n    this.stopTimer();\n  }\n\n  @Watch('index')\n  @Watch('loop')\n  handleIndexChange() {\n    this.sync();\n  }\n\n  @Watch('autoPlay')\n  @Watch('autoPlayInterval')\n  handleTimerChange() {\n    this.startTimer();\n  }\n\n  /** Re-reads the slides, for a consumer who changed them imperatively. */\n  @Method()\n  async refresh() {\n    this.sync();\n  }\n\n  /** Steps one slide forward, as the button and the timer do. */\n  @Method()\n  async next() {\n    this.goTo(this.resolved + 1);\n  }\n\n  /** Steps one slide back. */\n  @Method()\n  async previous() {\n    this.goTo(this.resolved - 1);\n  }\n\n  /** Direct children only: a nested carousel owns its own slides. */\n  private get slides(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-carousel-slide')).filter(\n      (slide) => slide.parentElement === this.el,\n    );\n  }\n\n  /** The slide actually on show, which an out-of-range index resolves to. */\n  private get resolved(): number {\n    return Math.max(resolveSlideIndex(this.index, this.total), 0);\n  }\n\n  private sync() {\n    const slides = this.slides;\n    this.total = slides.length;\n    const active = this.resolved;\n\n    for (const [position, slide] of slides.entries()) {\n      const node = slide as HTMLElement & { active: boolean; position: number; total: number };\n      node.active = position === active;\n      node.position = position + 1;\n      node.total = slides.length;\n    }\n  }\n\n  private goTo(next: number) {\n    const index = resolveSlideIndex(next, this.total, this.loop);\n    if (index < 0 || index === this.resolved) return;\n\n    this.index = index;\n    this.sync();\n    this.pfChange.emit({ index });\n  }\n\n  /**\n   * One timer, restarted rather than stacked: a consumer changing the interval\n   * while it runs would otherwise leave the old one going, and the carousel\n   * would step twice as often for no visible reason.\n   */\n  private startTimer() {\n    this.stopTimer();\n    if (!this.autoPlay || this.total < 2) return;\n\n    this.timer = window.setInterval(\n      () => {\n        this.goTo(this.resolved + 1);\n      },\n      Number(this.autoPlayInterval) || 5000,\n    );\n  }\n\n  private stopTimer() {\n    if (this.timer !== undefined) window.clearInterval(this.timer);\n    this.timer = undefined;\n  }\n\n  render() {\n    const active = this.resolved;\n    const atStart = !this.loop && active <= 0;\n    const atEnd = !this.loop && active >= this.total - 1;\n\n    return (\n      <Host role=\"region\" aria-roledescription=\"carousel\" aria-label={this.label}>\n        <div class=\"viewport\" part=\"viewport\">\n          {this.total === 0 ? (\n            <div class=\"empty\" part=\"empty\" role=\"status\">\n              <slot name=\"empty\">Add at least one slide.</slot>\n            </div>\n          ) : null}\n          {/*\n            The track stays in the tree even with no slides, because a slot\n            that is not rendered never fires `slotchange` — slides added later\n            would stay invisible for good.\n          */}\n          <div\n            class={{ track: true, empty: this.total === 0 }}\n            part=\"track\"\n            style={{ transform: `translateX(-${active * 100}%)` }}\n          >\n            <slot onSlotchange={() => this.refresh()} />\n          </div>\n        </div>\n\n        {/*\n          The announcement, which is the only thing a reader who cannot see the\n          carousel has to go on. `aria-live` on a box that is always present:\n          a live region added at the moment it changes is not announced.\n        */}\n        <span class=\"sr-only\" aria-live=\"polite\" aria-atomic=\"true\">\n          {this.total > 0 ? slidePositionLabel(active, this.total) : ''}\n        </span>\n\n        <div class=\"controls\" part=\"controls\">\n          <button\n            type=\"button\"\n            class=\"nav\"\n            part=\"previous\"\n            aria-label={this.previousLabel}\n            disabled={atStart || this.total < 2}\n            onClick={() => this.goTo(active - 1)}\n          >\n            <pf-icon name=\"square-caret-left\" aria-hidden=\"true\"></pf-icon>\n          </button>\n\n          {this.showIndicators && this.total > 1 ? (\n            <div class=\"indicators\" part=\"indicators\" role=\"group\" aria-label=\"Slide indicators\">\n              {Array.from({ length: this.total }, (_, position) => (\n                <button\n                  type=\"button\"\n                  class={{ indicator: true, 'indicator--active': position === active }}\n                  part=\"indicator\"\n                  aria-label={`Go to slide ${position + 1}`}\n                  aria-current={position === active ? 'true' : null}\n                  onClick={() => this.goTo(position)}\n                ></button>\n              ))}\n            </div>\n          ) : (\n            <span class=\"indicator-spacer\" aria-hidden=\"true\"></span>\n          )}\n\n          <button\n            type=\"button\"\n            class=\"nav\"\n            part=\"next\"\n            aria-label={this.nextLabel}\n            disabled={atEnd || this.total < 2}\n            onClick={() => this.goTo(active + 1)}\n          >\n            <pf-icon name=\"square-caret-right\" aria-hidden=\"true\"></pf-icon>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pitchfork/p-8a1e2ba8.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,a as s,h as a,H as i}from"./p-Bm6UxEit.js";import{p as n,a as h,f as r}from"./p-BmcsJLdy.js";const o=()=>`:host{align-items:stretch;display:inline-flex;flex-wrap:wrap}:host([hidden]){display:none}slot{display:contents}`;const l=class{constructor(s){t(this,s);this.pfChange=e(this,"pfChange")}get el(){return s(this)}value="";multiple=false;disabled=false;pfChange;componentWillLoad(){this.sync()}componentDidLoad(){this.sync()}handleStateChange(){this.sync()}async refresh(){this.sync()}get items(){return Array.from(this.el.querySelectorAll("pf-button-group-item")).filter((t=>t.parentElement===this.el))}get chosen(){return n(this.value)}itemValue(t){return t.value??t.getAttribute("value")??""}sync(){const t=this.chosen;for(const e of this.items){const s=e;s.selected=t.includes(this.itemValue(e));s.groupDisabled=this.disabled}}handleSelect(t){t.stopPropagation();if(this.disabled)return;const e=this.items.find((e=>this.itemValue(e)===t.detail.value));if(!e||e.disabled)return;const s=this.multiple?h(this.chosen,t.detail.value):[t.detail.value];this.value=r(s);this.sync();this.pfChange.emit({value:this.value,values:s})}render(){return a(i,{key:"b7fbde0a2e14fccf291687b378dfd93a16660692",role:"group"},a("slot",{key:"c81eb48bb1ab31f7b35c7fb9e0c16b8f524e8520",onSlotchange:()=>this.refresh()}))}static get watchers(){return{value:[{handleStateChange:0}],multiple:[{handleStateChange:0}],disabled:[{handleStateChange:0}]}}};l.style=o();export{l as pf_button_group};
+//# sourceMappingURL=p-8a1e2ba8.entry.js.map

package/dist/pitchfork/p-8a1e2ba8.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfButtonGroupCss","PfButtonGroup","value","multiple","disabled","pfChange","componentWillLoad","this","sync","componentDidLoad","handleStateChange","refresh","items","Array","from","el","querySelectorAll","filter","item","parentElement","chosen","parseValueList","itemValue","getAttribute","node","selected","includes","groupDisabled","handleSelect","event","stopPropagation","find","candidate","detail","next","toggleValueInList","formatValueList","emit","values","render","h","Host","key","role","onSlotchange"],"sources":["src/components/pf-button-group/pf-button-group.css?tag=pf-button-group&encapsulation=shadow","src/components/pf-button-group/pf-button-group.tsx"],"sourcesContent":[":host {\n  align-items: stretch;\n  display: inline-flex;\n  flex-wrap: wrap;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* The buttons have to be flex items of the host, not of a box inside it. */\nslot {\n  display: contents;\n}\n","import { formatValueList, parseValueList, toggleValueInList } from '@pitchfork-ui/core';\nimport {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  Watch,\n} from '@stencil/core';\n\n/**\n * A row of joined toggle buttons: pick one, or several.\n *\n * The group owns the selection, because \"one at a time\" is not a thing a\n * button can decide for itself — the same division as `pf-radio-group`. Each\n * `pf-button-group-item` renders a real `<button>` in its own shadow root, so\n * every one of them is an ordinary tab stop: a group of toggle buttons is not\n * a roving-tabindex pattern, unlike a toolbar or a tab strip.\n *\n * `value` is one comma-separated string, because that is what an attribute\n * can carry; `pfChange` also reports the parsed array, which is what a\n * framework consumer usually wants.\n *\n * @slot - the `pf-button-group-item` children.\n */\n@Component({\n  tag: 'pf-button-group',\n  styleUrl: 'pf-button-group.css',\n  shadow: true,\n})\nexport class PfButtonGroup {\n  @Element() el!: HTMLElement;\n\n  /** The chosen value, or values, as one comma-separated string. */\n  @Prop({ mutable: true, reflect: true }) value = '';\n\n  /** Allow several at once. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) multiple = false;\n\n  /** Disable every button. Reflected, and pushed down. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires when the selection changes, however it was changed. */\n  @Event() pfChange!: EventEmitter<{ value: string; values: string[] }>;\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('value')\n  @Watch('multiple')\n  @Watch('disabled')\n  handleStateChange() {\n    this.sync();\n  }\n\n  /** Re-reads the children, for a consumer who changed one through a property. */\n  @Method()\n  async refresh() {\n    this.sync();\n  }\n\n  /** Direct children only: a nested group owns its own buttons. */\n  private get items(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-button-group-item')).filter(\n      (item) => item.parentElement === this.el,\n    );\n  }\n\n  private get chosen(): string[] {\n    return parseValueList(this.value);\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 itemValue(item: HTMLElement) {\n    return (item as HTMLElement & { value?: string }).value ?? item.getAttribute('value') ?? '';\n  }\n\n  private sync() {\n    const chosen = this.chosen;\n\n    for (const item of this.items) {\n      const node = item as HTMLElement & { selected: boolean; groupDisabled: boolean };\n      node.selected = chosen.includes(this.itemValue(item));\n      /*\n       * The group's disabled state goes to a prop of its own, not to the\n       * item's `disabled`: that one is the consumer's, and overwriting it\n       * would lose a button they had disabled on its own — and un-disable it\n       * the moment the group was enabled again.\n       */\n      node.groupDisabled = this.disabled;\n    }\n  }\n\n  /**\n   * A button asking to be chosen. The group decides, because in single mode\n   * the answer depends on what else is chosen.\n   */\n  @Listen('pfButtonGroupSelect')\n  handleSelect(event: CustomEvent<{ value: string }>) {\n    event.stopPropagation();\n    if (this.disabled) return;\n\n    const item = this.items.find((candidate) => this.itemValue(candidate) === event.detail.value);\n    if (!item || (item as HTMLElement & { disabled?: boolean }).disabled) return;\n\n    const next = this.multiple\n      ? toggleValueInList(this.chosen, event.detail.value)\n      : [event.detail.value];\n\n    this.value = formatValueList(next);\n    this.sync();\n    this.pfChange.emit({ value: this.value, values: next });\n  }\n\n  render() {\n    return (\n      <Host role=\"group\">\n        <slot onSlotchange={() => this.refresh()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"kHAAA,MAAMA,EAAmB,IAAM,mH,MCkClBC,EAAa,M,kFAIgBC,MAAQ,GAGvBC,SAAW,MAGXC,SAAW,MAG3BC,SAGT,iBAAAC,GACEC,KAAKC,M,CAGP,gBAAAC,GACEF,KAAKC,M,CAMP,iBAAAE,GACEH,KAAKC,M,CAKP,aAAMG,GACJJ,KAAKC,M,CAIP,SAAYI,GACV,OAAOC,MAAMC,KAAKP,KAAKQ,GAAGC,iBAA8B,yBAAyBC,QAC9EC,GAASA,EAAKC,gBAAkBZ,KAAKQ,I,CAI1C,UAAYK,GACV,OAAOC,EAAed,KAAKL,M,CAOrB,SAAAoB,CAAUJ,GAChB,OAAQA,EAA0ChB,OAASgB,EAAKK,aAAa,UAAY,E,CAGnF,IAAAf,GACN,MAAMY,EAASb,KAAKa,OAEpB,IAAK,MAAMF,KAAQX,KAAKK,MAAO,CAC7B,MAAMY,EAAON,EACbM,EAAKC,SAAWL,EAAOM,SAASnB,KAAKe,UAAUJ,IAO/CM,EAAKG,cAAgBpB,KAAKH,Q,EAS9B,YAAAwB,CAAaC,GACXA,EAAMC,kBACN,GAAIvB,KAAKH,SAAU,OAEnB,MAAMc,EAAOX,KAAKK,MAAMmB,MAAMC,GAAczB,KAAKe,UAAUU,KAAeH,EAAMI,OAAO/B,QACvF,IAAKgB,GAASA,EAA8Cd,SAAU,OAEtE,MAAM8B,EAAO3B,KAAKJ,SACdgC,EAAkB5B,KAAKa,OAAQS,EAAMI,OAAO/B,OAC5C,CAAC2B,EAAMI,OAAO/B,OAElBK,KAAKL,MAAQkC,EAAgBF,GAC7B3B,KAAKC,OACLD,KAAKF,SAASgC,KAAK,CAAEnC,MAAOK,KAAKL,MAAOoC,OAAQJ,G,CAGlD,MAAAK,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SACTH,EAAA,QAAAE,IAAA,2CAAME,aAAc,IAAMrC,KAAKI,Y","ignoreList":[]}

package/dist/pitchfork/p-8e1a4b26.entry.js

@@ -0,0 +1,2 @@
+import{r as a,h as e,H as s}from"./p-Bm6UxEit.js";const t=()=>`:host{align-items:center;color:var(--pf-chart-text-muted);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}:host([hidden]){display:none}.dot{border-radius:var(--radius-full);flex-shrink:0;height:8px;width:8px}`;const r=class{constructor(e){a(this,e)}seriesKey="";color;dashed=false;swatch="";render(){return e(s,{key:"42e03761d372da7b9878a86b5afd081e583232e9",role:"listitem"},e("span",{key:"73da1c97180054c5178eaaecaa882c5a440216e5",class:"dot",part:"dot","aria-hidden":"true",style:{background:this.swatch}}),e("span",{key:"dada4085c9a46265eaf454bbcb10b1d849839ca6",class:"label",part:"label"},e("slot",{key:"bca6cc3bd7c0fd8f65f10a696ca823526aea46f9"},this.seriesKey)))}};r.style=t();export{r as pf_chart_series};
+//# sourceMappingURL=p-8e1a4b26.entry.js.map

package/dist/pitchfork/p-8e1a4b26.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfChartSeriesCss","PfChartSeries","seriesKey","color","dashed","swatch","render","h","Host","key","role","class","part","style","background","this"],"sources":["src/components/pf-chart-series/pf-chart-series.css?tag=pf-chart-series&encapsulation=shadow","src/components/pf-chart-series/pf-chart-series.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  color: var(--pf-chart-text-muted);\n  display: flex;\n  font-size: var(--font-size-sm);\n  gap: var(--space-2);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.dot {\n  border-radius: var(--radius-full);\n  flex-shrink: 0;\n  height: 8px;\n  width: 8px;\n}\n","import { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * One series of a `pf-line-chart` or a `pf-bar-chart`, and its own row in the\n * legend.\n *\n * The chart's data is a single array of rows keyed by series — bulk numbers,\n * which belong in a property — while the series are the part with names and\n * colours, which belong in the light DOM so a consumer can loop over them and\n * so the legend can hold their labels. A legend built in the chart's shadow\n * root could not reach a slotted label at all.\n *\n * `swatch` is the chart's to set: only it knows this series' place in the\n * palette.\n *\n * @slot - the series' name. Falls back to `seriesKey`.\n * @part dot - the colour swatch.\n * @part label - the name.\n */\n@Component({\n  tag: 'pf-chart-series',\n  styleUrl: 'pf-chart-series.css',\n  shadow: true,\n})\nexport class PfChartSeries {\n  /**\n   * The property each data row carries this series' value under.\n   *\n   * `seriesKey`, not `key`: `key` is the vdom's own prop name and reserved,\n   * the same family as `animate` shadowing `Element.prototype.animate`.\n   */\n  @Prop({ reflect: true }) seriesKey = '';\n\n  /** Overrides the palette colour the chart would give it. */\n  @Prop({ reflect: true }) color?: string;\n\n  /** Draw this series' line dashed. Line charts only. Reflected. */\n  @Prop({ reflect: true }) dashed = false;\n\n  /** Set by the chart: the colour actually used, palette or override. */\n  @Prop({ mutable: true }) swatch = '';\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>{this.seriesKey}</slot>\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,IAAM,iO,MCwBlBC,EAAa,M,yBAOCC,UAAY,GAGZC,MAGAC,OAAS,MAGTC,OAAS,GAElC,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,YACTH,EAAA,QAAAE,IAAA,2CAAME,MAAM,MAAMC,KAAK,MAAK,cAAa,OAAOC,MAAO,CAAEC,WAAYC,KAAKV,UAC1EE,EAAA,QAAAE,IAAA,2CAAME,MAAM,QAAQC,KAAK,SACvBL,EAAA,QAAAE,IAAA,4CAAOM,KAAKb,Y","ignoreList":[]}

package/dist/pitchfork/p-8e304481.entry.js

@@ -0,0 +1,2 @@
+import{r as t,a,h as s,H as e}from"./p-Bm6UxEit.js";const o=()=>`:host{display:table-row}:host([hidden]){display:none}:host([odd]){background:var(--pf-table-row-stripe, transparent)}:host(:not([head]):hover){background:var(--pf-table-row-hover, transparent)}`;const r=class{constructor(a){t(this,a)}get el(){return a(this)}head=false;odd=false;last=false;componentWillLoad(){this.sync()}sync(){for(const t of Array.from(this.el.querySelectorAll("pf-table-cell"))){if(t.parentElement!==this.el)continue;const a=t;a.head=this.head;a.last=this.last}}render(){return s(e,{key:"d9c4ff6abef4826dd24c2099e10b7096bea0c93a",role:"row"},s("slot",{key:"4cb6b474a1dd2ddb970664266aa0b102bf52ead2",onSlotchange:()=>this.sync()}))}static get watchers(){return{head:[{sync:0}],last:[{sync:0}]}}};r.style=o();export{r as pf_table_row};
+//# sourceMappingURL=p-8e304481.entry.js.map

package/dist/pitchfork/p-8e304481.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfTableRowCss","PfTableRow","head","odd","last","componentWillLoad","this","sync","cell","Array","from","el","querySelectorAll","parentElement","node","render","h","Host","key","role","onSlotchange"],"sources":["src/components/pf-table-row/pf-table-row.css?tag=pf-table-row&encapsulation=shadow","src/components/pf-table-row/pf-table-row.tsx"],"sourcesContent":["/*\n * A box, not `display: contents`: that is what lets the row take a background\n * and a `:hover` of its own. An element with no box takes neither, which is\n * why the grid version of this needed both pushed down in JS.\n */\n:host {\n  display: table-row;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n:host([odd]) {\n  background: var(--pf-table-row-stripe, transparent);\n}\n\n/* The header is not a row anyone hovers over to read. */\n:host(:not([head]):hover) {\n  background: var(--pf-table-row-hover, transparent);\n}\n","import { Component, Element, h, Host, Prop, Watch } from '@stencil/core';\n\n/**\n * One row of a `pf-table`.\n *\n * `display: table-row`, so the row is a box: that is what lets it take a\n * background for striping and a `:hover` of its own, neither of which an\n * element with `display: contents` can do. Its cells are table-cells inside\n * it, and the column widths come from the table layout rather than from\n * anything measured.\n *\n * The row pushes `head` and `last` onto its own cells, because it knows what\n * it is and they do not — `last` comes from the table, which is the only\n * thing that can see where the body ends.\n *\n * @slot - the `pf-table-cell` children.\n */\n@Component({\n  tag: 'pf-table-row',\n  styleUrl: 'pf-table-row.css',\n  shadow: true,\n})\nexport class PfTableRow {\n  @Element() el!: HTMLElement;\n\n  /** A header row. Reflected, and pushed onto its cells. */\n  @Prop({ reflect: true }) head = false;\n\n  /** Set by the table: every other body row, for striping. Reflected. */\n  @Prop({ mutable: true, reflect: true }) odd = false;\n\n  /**\n   * Set by the table: the last body row, whose cells drop their bottom border\n   * so the rule does not double up with the table's own.\n   */\n  @Prop({ mutable: true, reflect: true }) last = false;\n\n  /** The light DOM is readable here, so first paint is already right. */\n  componentWillLoad() {\n    this.sync();\n  }\n\n  @Watch('head')\n  @Watch('last')\n  sync() {\n    for (const cell of Array.from(this.el.querySelectorAll<HTMLElement>('pf-table-cell'))) {\n      if (cell.parentElement !== this.el) continue;\n      const node = cell as HTMLElement & { head: boolean; last: boolean };\n      node.head = this.head;\n      node.last = this.last;\n    }\n  }\n\n  render() {\n    return (\n      <Host role=\"row\">\n        <slot onSlotchange={() => this.sync()} />\n      </Host>\n    );\n  }\n}\n"],"mappings":"oDAAA,MAAMA,EAAgB,IAAM,oM,MCsBfC,EAAU,M,iDAIIC,KAAO,MAGQC,IAAM,MAMNC,KAAO,MAG/C,iBAAAC,GACEC,KAAKC,M,CAKP,IAAAA,GACE,IAAK,MAAMC,KAAQC,MAAMC,KAAKJ,KAAKK,GAAGC,iBAA8B,kBAAmB,CACrF,GAAIJ,EAAKK,gBAAkBP,KAAKK,GAAI,SACpC,MAAMG,EAAON,EACbM,EAAKZ,KAAOI,KAAKJ,KACjBY,EAAKV,KAAOE,KAAKF,I,EAIrB,MAAAW,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,OACTH,EAAA,QAAAE,IAAA,2CAAME,aAAc,IAAMd,KAAKC,S","ignoreList":[]}

package/dist/pitchfork/p-97dd4193.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,a as s,h as a,H as i}from"./p-Bm6UxEit.js";const l=()=>`:host{display:grid;gap:var(--space-1)}:host([hidden]){display:none}.title{color:var(--pf-sidebar-nav-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:0.04em;margin:0;padding:0 var(--space-2);text-transform:uppercase}.title.empty{display:none}.list{display:grid;gap:2px;list-style:none;margin:0;padding:0}.list slot{display:contents}`;const n=class{constructor(s){t(this,s);this.pfNavStructure=e(this,"pfNavStructure")}get el(){return s(this)}hasTitle=false;pfNavStructure;componentWillLoad(){this.readTitle()}readTitle(){this.hasTitle=Array.from(this.el.children).some((t=>t.getAttribute("slot")==="title"))}handleSlotChange(){this.readTitle();this.pfNavStructure.emit()}render(){return a(i,{key:"403390422ffe79fd7074cf127380b4c01f06e64c"},a("p",{key:"9da8bd54057acfdbcc8b05e843557ea13792e98c",class:{title:true,empty:!this.hasTitle},part:"title",id:"title"},a("slot",{key:"f5d6f38608e937f8842d0e2e5bf19773f38df1bd",name:"title",onSlotchange:()=>this.handleSlotChange()})),a("ul",{key:"536b579b106d4bc926a2ea309157e50dddc563c1",class:"list",part:"list","aria-labelledby":this.hasTitle?"title":null},a("slot",{key:"f80ef7903620ff32262dc8995f73ecb1c4971c57",onSlotchange:()=>this.handleSlotChange()})))}};n.style=l();export{n as pf_nav_section};
+//# sourceMappingURL=p-97dd4193.entry.js.map

package/dist/pitchfork/p-97dd4193.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfNavSectionCss","PfNavSection","hasTitle","pfNavStructure","componentWillLoad","this","readTitle","Array","from","el","children","some","child","getAttribute","handleSlotChange","emit","render","h","Host","key","class","title","empty","part","id","name","onSlotchange"],"sources":["src/components/pf-nav-section/pf-nav-section.css?tag=pf-nav-section&encapsulation=shadow","src/components/pf-nav-section/pf-nav-section.tsx"],"sourcesContent":[":host {\n  display: grid;\n  gap: var(--space-1);\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.title {\n  color: var(--pf-sidebar-nav-text-muted);\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-semibold);\n  letter-spacing: 0.04em;\n  margin: 0;\n  padding: 0 var(--space-2);\n  text-transform: uppercase;\n}\n\n/*\n * Both classes rather than a bare `.empty`, so the rule does not depend on\n * sitting below the `display` the box sets on itself.\n */\n.title.empty {\n  display: none;\n}\n\n.list {\n  display: grid;\n  gap: 2px;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n/* The items are grid children of the list, not of a box inside it. */\n.list slot {\n  display: contents;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, State } from '@stencil/core';\n\n/**\n * A titled group of `pf-nav-item` children inside a `pf-sidebar-navigation`.\n *\n * The React `SidebarNavigation` takes a `sections` array of `{ title, items }`.\n * Grouping slotted children has to be structural — one `<slot>` renders every\n * assigned child in source order, and a shadow root cannot wrap a subset of\n * them in a box — so the consumer nests, which is the §2.1 idiom and the same\n * answer `pf-command-group` gives.\n *\n * The title names the list with a **same-root** IDREF: both the title and the\n * `<ul>` are in this shadow root, so the reference resolves. An\n * `aria-labelledby` from the host could not point at either of them.\n *\n * @slot - the `pf-nav-item` children.\n * @slot title - the section's title.\n * @part title - the title's box.\n * @part list - the list the items are slotted into.\n */\n@Component({\n  tag: 'pf-nav-section',\n  styleUrl: 'pf-nav-section.css',\n  shadow: true,\n})\nexport class PfNavSection {\n  @Element() el!: HTMLElement;\n\n  /**\n   * Whether anything was slotted into `title`.\n   *\n   * Asked in JS because the box carries padding and a size of its own, and\n   * because an `aria-labelledby` pointing at an empty element names the list\n   * with an empty string rather than falling back to nothing.\n   */\n  @State() hasTitle = false;\n\n  /**\n   * Tells the navigation its items have moved.\n   *\n   * `slotchange` is not composed, so the navigation never hears this\n   * section's own slot change — exactly the reason `pf-tree-item` emits\n   * `pfTreeStructure`. Without it an item appended to a section is never\n   * given an orientation or a place in the one-current resolution.\n   */\n  @Event() pfNavStructure!: EventEmitter<void>;\n\n  /** The light DOM is readable here, so first paint is already right. */\n  componentWillLoad() {\n    this.readTitle();\n  }\n\n  private readTitle() {\n    /*\n     * `el.children` rather than a `:scope >` selector, which Stencil's mock\n     * DOM throws on.\n     */\n    this.hasTitle = Array.from(this.el.children).some(\n      (child) => child.getAttribute('slot') === 'title',\n    );\n  }\n\n  private handleSlotChange() {\n    this.readTitle();\n    this.pfNavStructure.emit();\n  }\n\n  render() {\n    return (\n      <Host>\n        {/*\n          The slot stays in the tree whether or not it holds anything: a slot\n          that is not rendered never fires `slotchange`, so a title added\n          later would stay invisible for good.\n        */}\n        <p class={{ title: true, empty: !this.hasTitle }} part=\"title\" id=\"title\">\n          <slot name=\"title\" onSlotchange={() => this.handleSlotChange()} />\n        </p>\n\n        <ul class=\"list\" part=\"list\" aria-labelledby={this.hasTitle ? 'title' : null}>\n          <slot onSlotchange={() => this.handleSlotChange()} />\n        </ul>\n      </Host>\n    );\n  }\n}\n"],"mappings":"gEAAA,MAAMA,EAAkB,IAAM,+X,MCyBjBC,EAAY,M,8FAUdC,SAAW,MAUXC,eAGT,iBAAAC,GACEC,KAAKC,W,CAGC,SAAAA,GAKND,KAAKH,SAAWK,MAAMC,KAAKH,KAAKI,GAAGC,UAAUC,MAC1CC,GAAUA,EAAMC,aAAa,UAAY,S,CAItC,gBAAAC,GACNT,KAAKC,YACLD,KAAKF,eAAeY,M,CAGtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CAMHF,EAAA,KAAAE,IAAA,2CAAGC,MAAO,CAAEC,MAAO,KAAMC,OAAQjB,KAAKH,UAAYqB,KAAK,QAAQC,GAAG,SAChEP,EAAA,QAAAE,IAAA,2CAAMM,KAAK,QAAQC,aAAc,IAAMrB,KAAKS,sBAG9CG,EAAA,MAAAE,IAAA,2CAAIC,MAAM,OAAOG,KAAK,OAAM,kBAAkBlB,KAAKH,SAAW,QAAU,MACtEe,EAAA,QAAAE,IAAA,2CAAMO,aAAc,IAAMrB,KAAKS,sB","ignoreList":[]}

package/dist/pitchfork/p-9d93b1ea.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as r,H as a}from"./p-Bm6UxEit.js";import{c as s,p as i}from"./p-BA6CMosJ.js";const t=()=>`@keyframes pf-progress-bar-in{from{width:0}}:host{align-items:center;display:inline-flex;gap:var(--space-2);min-width:220px}:host([hidden]){display:none}.track{background:var(--pf-progress-track-bg);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden;pointer-events:none}.fill{animation:pf-progress-bar-in var(--duration-slow) var(--easing-decelerate);background:var(--pf-progress-accent);border-radius:inherit;height:100%;transition:width var(--pf-transition-slow);width:var(--pf-progress-fill, 0%)}.value{color:var(--pf-progress-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media (prefers-reduced-motion: reduce){.fill{animation:none;transition:none}}`;const o=class{constructor(r){e(this,r)}value=0;max=100;showValue=true;label;render(){const e=s(this.value,this.max);return r(a,{key:"09d62e00646da11864dcc3bb4724da8864d223fe",role:"progressbar","aria-label":this.label,"aria-valuemin":"0","aria-valuemax":`${this.max}`,"aria-valuenow":`${i(e,this.max)}`},r("div",{key:"42db85945311bd44d03058c0cd957b6397624cff",class:"track",part:"track"},r("div",{key:"8222865b45a18175308f87f4fd30a313bb5452d5",class:"fill",part:"fill",style:{"--pf-progress-fill":`${e}%`}})),this.showValue&&r("span",{key:"9e7a195ef193fd4e730bdf3eefb2f0170be56ecc",class:"value",part:"value"},Math.round(e),"%"))}};o.style=t();export{o as pf_progress_bar};
+//# sourceMappingURL=p-9d93b1ea.entry.js.map

package/dist/pitchfork/p-9d93b1ea.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfProgressBarCss","PfProgressBar","value","max","showValue","label","render","percent","clampProgressPercent","this","h","Host","key","role","progressValueNow","class","part","style","Math","round"],"sources":["src/components/pf-progress-bar/pf-progress-bar.css?tag=pf-progress-bar&encapsulation=shadow","src/components/pf-progress-bar/pf-progress-bar.tsx"],"sourcesContent":["/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-progress-bar-in {\n  from {\n    width: 0;\n  }\n}\n\n:host {\n  align-items: center;\n  display: inline-flex;\n  gap: var(--space-2);\n  min-width: 220px;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.track {\n  background: var(--pf-progress-track-bg);\n  border-radius: var(--radius-full);\n  flex: 1;\n  height: 8px;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n.fill {\n  animation: pf-progress-bar-in var(--duration-slow) var(--easing-decelerate);\n  background: var(--pf-progress-accent);\n  border-radius: inherit;\n  height: 100%;\n  /* Animate in from 0 on mount, and smoothly between values on change. */\n  transition: width var(--pf-transition-slow);\n  width: var(--pf-progress-fill, 0%);\n}\n\n.value {\n  color: var(--pf-progress-text-muted);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .fill {\n    animation: none;\n    transition: none;\n  }\n}\n","import { clampProgressPercent, progressValueNow } from '@pitchfork-ui/core';\nimport { Component, h, Host, Prop } from '@stencil/core';\n\n/**\n * A horizontal determinate progress track.\n *\n * @part track - the unfilled groove.\n * @part fill - the filled portion.\n * @part value - the percentage readout.\n */\n@Component({\n  tag: 'pf-progress-bar',\n  styleUrl: 'pf-progress-bar.css',\n  shadow: true,\n})\nexport class PfProgressBar {\n  /** How far along, on the 0..max scale. */\n  @Prop() value = 0;\n\n  /** The top of the scale. */\n  @Prop() max = 100;\n\n  /** Show the percentage beside the track. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) showValue = true;\n\n  /** Accessible name. */\n  @Prop() label?: string;\n\n  render() {\n    // Both layers go through core, so the same value and max always report the\n    // same aria-valuenow and draw the same fill.\n    const percent = clampProgressPercent(this.value, this.max);\n\n    return (\n      <Host\n        role=\"progressbar\"\n        aria-label={this.label}\n        aria-valuemin=\"0\"\n        aria-valuemax={`${this.max}`}\n        aria-valuenow={`${progressValueNow(percent, this.max)}`}\n      >\n        <div class=\"track\" part=\"track\">\n          <div class=\"fill\" part=\"fill\" style={{ '--pf-progress-fill': `${percent}%` }} />\n        </div>\n        {this.showValue && (\n          <span class=\"value\" part=\"value\">\n            {Math.round(percent)}%\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAmB,IAAM,msB,MCelBC,EAAa,M,yBAEhBC,MAAQ,EAGRC,IAAM,IAGWC,UAAY,KAG7BC,MAER,MAAAC,GAGE,MAAMC,EAAUC,EAAqBC,KAAKP,MAAOO,KAAKN,KAEtD,OACEO,EAACC,EAAI,CAAAC,IAAA,2CACHC,KAAK,cAAa,aACNJ,KAAKJ,MAAK,gBACR,IAAG,gBACF,GAAGI,KAAKN,MAAK,gBACb,GAAGW,EAAiBP,EAASE,KAAKN,QAEjDO,EAAA,OAAAE,IAAA,2CAAKG,MAAM,QAAQC,KAAK,SACtBN,EAAA,OAAAE,IAAA,2CAAKG,MAAM,OAAOC,KAAK,OAAOC,MAAO,CAAE,qBAAsB,GAAGV,SAEjEE,KAAKL,WACJM,EAAA,QAAAE,IAAA,2CAAMG,MAAM,QAAQC,KAAK,SACtBE,KAAKC,MAAMZ,GAAQ,K","ignoreList":[]}

package/dist/pitchfork/p-9dc1dd8a.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a,h as s,H as o}from"./p-Bm6UxEit.js";const i=()=>`:host{align-items:center;border-radius:var(--radius-sm);color:var(--pf-command-text);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);user-select:none}:host([hidden]){display:none}:host([aria-selected='true']){background:var(--pf-command-item-active-bg)}:host([aria-selected='true']) .label,:host([aria-selected='true']) slot[name='icon']::slotted(*){color:var(--pf-command-item-active-text)}:host([aria-selected='true']) .description{color:var(--pf-command-item-active-text);opacity:0.85}:host([disabled]){cursor:not-allowed;opacity:0.5}slot[name='icon']::slotted(*){color:var(--pf-command-text-muted);flex-shrink:0}.content{display:grid;gap:2px;min-width:0}.label{font-size:var(--font-size-sm);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description{color:var(--pf-command-text-muted);font-size:var(--font-size-xs);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;const r=class{constructor(a){e(this,a);this.pfCommandSelect=t(this,"pfCommandSelect")}get el(){return a(this)}value="";description;disabled=false;pfCommandSelect;onClick=e=>{if(this.disabled){e.stopPropagation();return}this.pfCommandSelect.emit({value:this.value})};render(){return s(o,{key:"ed43f8f61f0e9ef853bcdb1df173e5a8b82a6cd5",role:"option","aria-disabled":this.disabled?"true":null,onClick:this.onClick},s("slot",{key:"0e50176162775ea6ed383ffdb5baf90ece6c8f1f",name:"icon"}),s("span",{key:"b994b5985bcbac11b90fd000495c48695315a65d",class:"content"},s("span",{key:"e9693e2a23e8c46980dafaf89b69b3d466c31d70",class:"label",part:"label"},s("slot",{key:"668db89e046a65cf0e8ee75098f46979d87d4089"})),this.description&&s("span",{key:"dd1fd1004f5400b968069177eb74d9bb08a34dc1",class:"description",part:"description"},this.description)))}};r.style=i();export{r as pf_command_item};
+//# sourceMappingURL=p-9dc1dd8a.entry.js.map

package/dist/pitchfork/p-9dc1dd8a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfCommandItemCss","PfCommandItem","value","description","disabled","pfCommandSelect","onClick","event","this","stopPropagation","emit","render","h","Host","key","role","name","class","part"],"sources":["src/components/pf-command-item/pf-command-item.css?tag=pf-command-item&encapsulation=shadow","src/components/pf-command-item/pf-command-item.tsx"],"sourcesContent":[":host {\n  align-items: center;\n  border-radius: var(--radius-sm);\n  color: var(--pf-command-text);\n  cursor: pointer;\n  display: flex;\n  gap: var(--space-3);\n  padding: var(--space-2) var(--space-3);\n  user-select: none;\n}\n\n/* The palette sets `hidden` on the items a query filters out. */\n:host([hidden]) {\n  display: none;\n}\n\n/*\n * The active option, which the palette marks. Not `:hover` alone: the keyboard\n * and the mouse share one active item, and the palette is what decides it.\n */\n:host([aria-selected='true']) {\n  background: var(--pf-command-item-active-bg);\n}\n\n/*\n * The active background is the primary action colour, so everything on top of\n * it needs the matching foreground -- including the description, which is\n * muted against the panel and would be unreadable against this.\n */\n:host([aria-selected='true']) .label,\n:host([aria-selected='true']) slot[name='icon']::slotted(*) {\n  color: var(--pf-command-item-active-text);\n}\n\n:host([aria-selected='true']) .description {\n  color: var(--pf-command-item-active-text);\n  opacity: 0.85;\n}\n\n:host([disabled]) {\n  cursor: not-allowed;\n  opacity: 0.5;\n}\n\n/*\n * No wrapper box around the icon slot: an unassigned slot is\n * `display: contents` and generates nothing, so the row's `gap` does not open\n * in front of an item with no icon.\n */\nslot[name='icon']::slotted(*) {\n  color: var(--pf-command-text-muted);\n  flex-shrink: 0;\n}\n\n.content {\n  display: grid;\n  gap: 2px;\n  min-width: 0;\n}\n\n.label {\n  font-size: var(--font-size-sm);\n  line-height: 1.3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.description {\n  color: var(--pf-command-text-muted);\n  font-size: var(--font-size-xs);\n  line-height: 1.3;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Prop } from '@stencil/core';\n\n/**\n * One command in a `pf-command-palette`.\n *\n * It only reports that it was chosen; the palette owns filtering, the active\n * option and closing, exactly as `pf-radio-group` owns selection for its\n * radios and `pf-dropdown` owns it for its menu items.\n *\n * @slot - the command's label, which is also what the palette searches.\n * @slot icon - a leading icon.\n * @part label - the label's box.\n * @part description - the supporting line.\n */\n@Component({\n  tag: 'pf-command-item',\n  styleUrl: 'pf-command-item.css',\n  shadow: true,\n})\nexport class PfCommandItem {\n  @Element() el!: HTMLElement;\n\n  /**\n   * Identifies the command in the palette's select event.\n   *\n   * Reflected, and not only for tidiness: the generated React and Angular\n   * bindings set props as *properties*, so without this there is no `value`\n   * attribute and anything selecting on one — the palette's own item query\n   * included — finds nothing. The same defect as an unreflected `name` on a\n   * form control, and caught the same way, by the consumer apps.\n   */\n  @Prop({ reflect: true }) value = '';\n\n  /** A supporting line under the label. Searched along with the label. */\n  @Prop() description?: string;\n\n  /** Reflected so the stylesheet and the palette's item query can select on it. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Asks the palette to run this command. The palette decides and closes. */\n  @Event() pfCommandSelect!: EventEmitter<{ value: string }>;\n\n  /**\n   * Mouse only. The palette keeps keyboard focus in its input and tracks the\n   * active option with `aria-activedescendant`, so Enter is the palette's to\n   * handle — an item never has focus to receive a key on.\n   */\n  private onClick = (event: MouseEvent) => {\n    if (this.disabled) {\n      event.stopPropagation();\n      return;\n    }\n    this.pfCommandSelect.emit({ value: this.value });\n  };\n\n  render() {\n    return (\n      <Host role=\"option\" aria-disabled={this.disabled ? 'true' : null} onClick={this.onClick}>\n        <slot name=\"icon\" />\n        <span class=\"content\">\n          <span class=\"label\" part=\"label\">\n            <slot />\n          </span>\n          {this.description && (\n            <span class=\"description\" part=\"description\">\n              {this.description}\n            </span>\n          )}\n        </span>\n      </Host>\n    );\n  }\n}\n"],"mappings":"2DAAA,MAAMA,EAAmB,IAAM,i8B,MCmBlBC,EAAa,M,gGAYCC,MAAQ,GAGzBC,YAGiBC,SAAW,MAG3BC,gBAODC,QAAWC,IACjB,GAAIC,KAAKJ,SAAU,CACjBG,EAAME,kBACN,M,CAEFD,KAAKH,gBAAgBK,KAAK,CAAER,MAAOM,KAAKN,OAAQ,EAGlD,MAAAS,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,SAAQ,gBAAgBP,KAAKJ,SAAW,OAAS,KAAME,QAASE,KAAKF,SAC9EM,EAAA,QAAAE,IAAA,2CAAME,KAAK,SACXJ,EAAA,QAAAE,IAAA,2CAAMG,MAAM,WACVL,EAAA,QAAAE,IAAA,2CAAMG,MAAM,QAAQC,KAAK,SACvBN,EAAA,QAAAE,IAAA,8CAEDN,KAAKL,aACJS,EAAA,QAAAE,IAAA,2CAAMG,MAAM,cAAcC,KAAK,eAC5BV,KAAKL,c","ignoreList":[]}

package/dist/pitchfork/p-B8ulhYUJ.js

@@ -0,0 +1,2 @@
+function n(n){if(!n)return"?";const r=n.trim().split(/\s+/).filter(Boolean).slice(0,2);if(r.length===0)return"?";return r.map((n=>n.charAt(0).toUpperCase())).join("")}function r(n,r="+"){return n.join(` ${r} `)}function t(n){return n.replace(/\D+/g,"").replace(/(.{4})/g,"$1 ").trim()}function u(n){const r=n.replace(/\D+/g,"");if(r.length<=4)return r;return`${"*".repeat(r.length-4)}${r.slice(-4)}`.replace(/(.{4})/g,"$1 ").trim()}export{r as a,t as f,n as g,u as m};
+//# sourceMappingURL=p-B8ulhYUJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-B8ulhYUJ.js","sources":["../core/dist/text.js"],"sourcesContent":["//#region src/text.ts\n/**\n* Derive avatar initials from a person's name.\n*\n* Shared because both layers must produce the same letters for the same name:\n* a React Avatar and a <pf-avatar> showing different fallbacks for \"Ada\n* Lovelace\" would be a visible inconsistency in the same design system.\n*/\nfunction getAvatarInitials(name) {\n\tif (!name) return \"?\";\n\tconst parts = name.trim().split(/\\s+/).filter(Boolean).slice(0, 2);\n\tif (parts.length === 0) return \"?\";\n\treturn parts.map((part) => part.charAt(0).toUpperCase()).join(\"\");\n}\n/**\n* Render a key combination as one string — `['⌘', 'K']` becomes `⌘ + K`.\n*\n* Deliberately one string rather than an element per key: it keeps a single\n* contrast-resolvable element and avoids symbol-only child nodes that axe\n* cannot evaluate.\n*/\nfunction formatKeyCombination(keys, separator = \"+\") {\n\treturn keys.join(` ${separator} `);\n}\n/**\n* Group a card number into blocks of four — `4111111111111111` becomes\n* `4111 1111 1111 1111`. Non-digits in the input are discarded first, so a\n* value that already carries spaces or dashes regroups cleanly.\n*/\nfunction formatCardNumber(value) {\n\treturn value.replace(/\\D+/g, \"\").replace(/(.{4})/g, \"$1 \").trim();\n}\n/**\n* Group a card number into blocks of four with everything but the last four\n* digits replaced by asterisks.\n*\n* Four digits or fewer are returned as the bare digits: there is nothing to\n* hide behind, and starring all of them would leave a field that says only\n* what length it was.\n*\n* Shared with `formatCardNumber` because a React `CreditCard` and a\n* `<pf-credit-card>` showing the same number grouped differently would be a\n* visible inconsistency in one design system.\n*/\nfunction maskCardNumber(value) {\n\tconst digits = value.replace(/\\D+/g, \"\");\n\tif (digits.length <= 4) return digits;\n\treturn `${\"*\".repeat(digits.length - 4)}${digits.slice(-4)}`.replace(/(.{4})/g, \"$1 \").trim();\n}\n//#endregion\nexport { formatCardNumber, formatKeyCombination, getAvatarInitials, maskCardNumber };\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,iBAAiB,CAAC,IAAI,EAAE;AACjC,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG;AACtB,CAAC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;AACnE,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,OAAO,GAAG;AACnC,CAAC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,oBAAoB,CAAC,IAAI,EAAE,SAAS,GAAG,GAAG,EAAE;AACrD,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC;AACnC;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,CAAC,KAAK,EAAE;AACjC,CAAC,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,cAAc,CAAC,KAAK,EAAE;AAC/B,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;AACzC,CAAC,IAAI,MAAM,CAAC,MAAM,IAAI,CAAC,EAAE,OAAO,MAAM;AACtC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE;AAC9F;;;;"}

package/dist/pitchfork/p-BA6CMosJ.js

@@ -0,0 +1,2 @@
+function t(t,r){if(!(r>0))return 0;if(Number.isNaN(t))return 0;return Math.max(0,Math.min(100,t/r*100))}function r(t,r){return Math.round(t/100*r)}function n(t,r,n){const e=Math.max(0,(t-r)/2);const u=2*Math.PI*e;return{radius:e,circumference:u,dashOffset:u*(1-n/100),center:t/2}}function e(t,r,n){const e=Number.isFinite(t)?t:0;const u=Number.isFinite(r)?r:e+100;return{min:e,max:u>=e?u:e,step:Number.isFinite(n)&&n>0?n:1}}function u(t,r,n){const e=n-r;if(!(e>0))return 0;if(Number.isNaN(t))return 0;return Math.max(0,Math.min(100,(t-r)/e*100))}function a(t,r,n){if(Number.isNaN(t))return r;return Math.min(Math.max(t,r),n)}export{a,u as b,t as c,n as g,e as n,r as p};
+//# sourceMappingURL=p-BA6CMosJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"p-BA6CMosJ.js","sources":["../core/dist/progress.js"],"sourcesContent":["//#region src/progress.ts\n/**\n* Progress arithmetic, shared because both layers must agree.\n*\n* A React `ProgressBar` and a `<pf-progress-bar>` given `value=30 max=60` have\n* to report the same `aria-valuenow` and draw the same fill. Two copies of a\n* clamp drift the moment one of them is fixed, and the arc maths is worse: the\n* circle's stroke only lands on the right angle if the dash offset and the\n* circumference were computed from the same radius.\n*/\n/** The fraction of `max` that `value` represents, as a percentage in 0–100. */\nfunction clampProgressPercent(value, max) {\n\tif (!(max > 0)) return 0;\n\tif (Number.isNaN(value)) return 0;\n\treturn Math.max(0, Math.min(100, value / max * 100));\n}\n/**\n* The value to announce for a given percentage — rounded, because a screen\n* reader reading \"aria-valuenow: 30.000000000000004\" serves nobody.\n*/\nfunction progressValueNow(percent, max) {\n\treturn Math.round(percent / 100 * max);\n}\n/**\n* Geometry for a circular progress track.\n*\n* The radius is inset by half the stroke width because an SVG stroke straddles\n* the path: a circle of radius `size / 2` would have half its stroke painted\n* outside the viewBox and clipped.\n*/\nfunction getProgressCircleGeometry(size, strokeWidth, percent) {\n\tconst radius = Math.max(0, (size - strokeWidth) / 2);\n\tconst circumference = 2 * Math.PI * radius;\n\treturn {\n\t\tradius,\n\t\tcircumference,\n\t\tdashOffset: circumference * (1 - percent / 100),\n\t\tcenter: size / 2\n\t};\n}\n/**\n* Sanitise a slider's bounds.\n*\n* Every rule here exists because the alternative renders nothing useful: a\n* non-finite bound gives a track of NaN width, an inverted range gives a\n* negative one, and a step of zero or less makes the control refuse every\n* value the user picks.\n*/\nfunction normalizeRange(min, max, step) {\n\tconst safeMin = Number.isFinite(min) ? min : 0;\n\tconst safeMax = Number.isFinite(max) ? max : safeMin + 100;\n\treturn {\n\t\tmin: safeMin,\n\t\tmax: safeMax >= safeMin ? safeMax : safeMin,\n\t\tstep: Number.isFinite(step) && step > 0 ? step : 1\n\t};\n}\n/**\n* Where `value` sits between `min` and `max`, as a percentage in 0–100.\n*\n* Distinct from `clampProgressPercent`, which measures a fraction of `max`\n* from an implicit zero. A slider's track starts at `min`, so a value of 5 on\n* a 0–10 range and on a 5–15 range are 50% and 0% respectively.\n*/\nfunction getRangePercent(value, min, max) {\n\tconst range = max - min;\n\tif (!(range > 0)) return 0;\n\tif (Number.isNaN(value)) return 0;\n\treturn Math.max(0, Math.min(100, (value - min) / range * 100));\n}\n/** Keep `value` within the inclusive range. */\nfunction clampToRange(value, min, max) {\n\tif (Number.isNaN(value)) return min;\n\treturn Math.min(Math.max(value, min), max);\n}\n//#endregion\nexport { clampProgressPercent, clampToRange, getProgressCircleGeometry, getRangePercent, normalizeRange, progressValueNow };\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,oBAAoB,CAAC,KAAK,EAAE,GAAG,EAAE;AAC1C,CAAC,IAAI,EAAE,GAAG,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;AACzB,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;AAClC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;AACrD;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;AACxC,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,GAAG,GAAG,CAAC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,yBAAyB,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE;AAC/D,CAAC,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,GAAG,WAAW,IAAI,CAAC,CAAC;AACrD,CAAC,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM;AAC3C,CAAC,OAAO;AACR,EAAE,MAAM;AACR,EAAE,aAAa;AACf,EAAE,UAAU,EAAE,aAAa,IAAI,CAAC,GAAG,OAAO,GAAG,GAAG,CAAC;AACjD,EAAE,MAAM,EAAE,IAAI,GAAG;AACjB,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,cAAc,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE;AACxC,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAC/C,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,OAAO,GAAG,GAAG;AAC3D,CAAC,OAAO;AACR,EAAE,GAAG,EAAE,OAAO;AACd,EAAE,GAAG,EAAE,OAAO,IAAI,OAAO,GAAG,OAAO,GAAG,OAAO;AAC7C,EAAE,IAAI,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,IAAI,GAAG,CAAC,GAAG,IAAI,GAAG;AACnD,EAAE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE;AAC1C,CAAC,MAAM,KAAK,GAAG,GAAG,GAAG,GAAG;AACxB,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC;AAC3B,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;AAClC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,GAAG,CAAC,CAAC;AAC/D;AACA;AACA,SAAS,YAAY,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE;AACvC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;AACpC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,GAAG,CAAC;AAC3C;;;;"}