@pitchfork-ui/elements 0.0.0-stage → 0.2.1

package/dist/esm/roving-BzRAGyFO.js

@@ -0,0 +1,67 @@
+import { K as Keys } from './keys-g4FlTDZx.js';
+
+//#region src/roving.ts
+/**
+* Roving tabindex: a group of controls that is one tab stop from the outside,
+* navigated internally with the arrow keys. Toolbars, radio groups and
+* segmented controls all work this way.
+*
+* Framework-free because the whole of it is DOM reads and index arithmetic.
+* Both layers must also agree on *which* descendants count as items — two
+* selectors that drift would give a toolbar whose keyboard order differs
+* between React and `<pf-toolbar>` for the same markup.
+*/
+/**
+* Interactive descendants, matched regardless of their current (roving)
+* tabindex. `[data-toolbar-item]` lets a consumer opt a custom element in,
+* since a custom element is not a native control.
+*/
+var ROVING_ITEM_SELECTOR = "button:not(:disabled), a[href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [data-toolbar-item]:not([aria-disabled=\"true\"])";
+/**
+* The items inside `container`, in source order.
+*
+* `querySelectorAll` reaches light-DOM descendants, which is where a custom
+* element's items are: they are slotted children, not shadow content.
+*/
+function getRovingItems(container) {
+	return Array.from(container.querySelectorAll(ROVING_ITEM_SELECTOR));
+}
+/**
+* Leave exactly one item tabbable.
+*
+* `preferred` wins when it is one of the items; otherwise an existing tab stop
+* is kept, so re-running this never moves the user's place. Only as a last
+* resort does the first item become the tab stop.
+*
+* The existing stop is found by reading the `tabindex` *attribute*, not the
+* `tabIndex` property: a native button reports `tabIndex === 0` with no
+* attribute at all, so the property would make every untouched button look
+* like an established tab stop.
+*/
+function syncRovingTabIndex(items, preferred) {
+	if (items.length === 0) return;
+	const current = (preferred && items.includes(preferred) ? preferred : void 0) ?? items.find((item) => item.getAttribute("tabindex") === "0");
+	for (const [index, item] of items.entries()) item.tabIndex = (current ? item === current : index === 0) ? 0 : -1;
+}
+/**
+* The navigation a key means on a given axis, or null if the key is not ours
+* to handle — so a caller can leave every other key to the browser.
+*
+* A vertical group moves on Up/Down and a horizontal one on Left/Right;
+* neither claims the other axis, which leaves those arrows free to scroll or
+* to move a caret.
+*/
+function resolveRovingKey(key, orientation) {
+	const next = orientation === "vertical" ? Keys.ArrowDown : Keys.ArrowRight;
+	const previous = orientation === "vertical" ? Keys.ArrowUp : Keys.ArrowLeft;
+	if (key === next) return "next";
+	if (key === previous) return "previous";
+	if (key === Keys.Home) return "first";
+	if (key === Keys.End) return "last";
+	return null;
+}
+
+export { getRovingItems as g, resolveRovingKey as r, syncRovingTabIndex as s };
+//# sourceMappingURL=roving-BzRAGyFO.js.map
+
+//# sourceMappingURL=roving-BzRAGyFO.js.map

package/dist/esm/roving-BzRAGyFO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-BzRAGyFO.js","sources":["../core/dist/roving.js"],"sourcesContent":["import { Keys } from \"./keys.js\";\n//#region src/roving.ts\n/**\n* Roving tabindex: a group of controls that is one tab stop from the outside,\n* navigated internally with the arrow keys. Toolbars, radio groups and\n* segmented controls all work this way.\n*\n* Framework-free because the whole of it is DOM reads and index arithmetic.\n* Both layers must also agree on *which* descendants count as items — two\n* selectors that drift would give a toolbar whose keyboard order differs\n* between React and `<pf-toolbar>` for the same markup.\n*/\n/**\n* Interactive descendants, matched regardless of their current (roving)\n* tabindex. `[data-toolbar-item]` lets a consumer opt a custom element in,\n* since a custom element is not a native control.\n*/\nvar ROVING_ITEM_SELECTOR = \"button:not(:disabled), a[href], input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [data-toolbar-item]:not([aria-disabled=\\\"true\\\"])\";\n/**\n* The items inside `container`, in source order.\n*\n* `querySelectorAll` reaches light-DOM descendants, which is where a custom\n* element's items are: they are slotted children, not shadow content.\n*/\nfunction getRovingItems(container) {\n\treturn Array.from(container.querySelectorAll(ROVING_ITEM_SELECTOR));\n}\n/**\n* Leave exactly one item tabbable.\n*\n* `preferred` wins when it is one of the items; otherwise an existing tab stop\n* is kept, so re-running this never moves the user's place. Only as a last\n* resort does the first item become the tab stop.\n*\n* The existing stop is found by reading the `tabindex` *attribute*, not the\n* `tabIndex` property: a native button reports `tabIndex === 0` with no\n* attribute at all, so the property would make every untouched button look\n* like an established tab stop.\n*/\nfunction syncRovingTabIndex(items, preferred) {\n\tif (items.length === 0) return;\n\tconst current = (preferred && items.includes(preferred) ? preferred : void 0) ?? items.find((item) => item.getAttribute(\"tabindex\") === \"0\");\n\tfor (const [index, item] of items.entries()) item.tabIndex = (current ? item === current : index === 0) ? 0 : -1;\n}\n/**\n* The navigation a key means on a given axis, or null if the key is not ours\n* to handle — so a caller can leave every other key to the browser.\n*\n* A vertical group moves on Up/Down and a horizontal one on Left/Right;\n* neither claims the other axis, which leaves those arrows free to scroll or\n* to move a caret.\n*/\nfunction resolveRovingKey(key, orientation) {\n\tconst next = orientation === \"vertical\" ? Keys.ArrowDown : Keys.ArrowRight;\n\tconst previous = orientation === \"vertical\" ? Keys.ArrowUp : Keys.ArrowLeft;\n\tif (key === next) return \"next\";\n\tif (key === previous) return \"previous\";\n\tif (key === Keys.Home) return \"first\";\n\tif (key === Keys.End) return \"last\";\n\treturn null;\n}\n//#endregion\nexport { ROVING_ITEM_SELECTOR, getRovingItems, resolveRovingKey, syncRovingTabIndex };\n"],"names":[],"mappings":";;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,oBAAoB,GAAG,yJAAyJ;AACpL;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,cAAc,CAAC,SAAS,EAAE;AACnC,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,kBAAkB,CAAC,KAAK,EAAE,SAAS,EAAE;AAC9C,CAAC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACzB,CAAC,MAAM,OAAO,GAAG,CAAC,SAAS,IAAI,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS,GAAG,MAAM,KAAK,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;AAC7I,CAAC,KAAK,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,QAAQ,GAAG,CAAC,OAAO,GAAG,IAAI,KAAK,OAAO,GAAG,KAAK,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE;AACjH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,gBAAgB,CAAC,GAAG,EAAE,WAAW,EAAE;AAC5C,CAAC,MAAM,IAAI,GAAG,WAAW,KAAK,UAAU,GAAG,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,UAAU;AAC3E,CAAC,MAAM,QAAQ,GAAG,WAAW,KAAK,UAAU,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS;AAC5E,CAAC,IAAI,GAAG,KAAK,IAAI,EAAE,OAAO,MAAM;AAChC,CAAC,IAAI,GAAG,KAAK,QAAQ,EAAE,OAAO,UAAU;AACxC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,IAAI,EAAE,OAAO,OAAO;AACtC,CAAC,IAAI,GAAG,KAAK,IAAI,CAAC,GAAG,EAAE,OAAO,MAAM;AACpC,CAAC,OAAO,IAAI;AACZ;;;;"}

package/dist/esm/scroll-lock-C-VLyxRR.js

@@ -0,0 +1,44 @@
+//#region src/scroll-lock.ts
+/**
+* Lock page scroll, returning the function that releases it.
+*
+* A modal overlay has to do this itself: `<dialog>.showModal()` gives the
+* focus trap, Escape and the backdrop, but it does *not* stop the page behind
+* from scrolling — measured with a real wheel event over an open modal.
+*
+* Reference-counted, because overlays nest. Two elements each storing "the
+* previous overflow" independently is a bug with a clear shape: the second to
+* open records `hidden` as the value to restore, so when it closes the page
+* stays locked for as long as the first one lives, and if the first closes
+* first the page unlocks while a modal is still up. Only the outermost lock
+* records the real value and only the last release restores it.
+*
+* Releasing twice is a no-op rather than an unbalanced decrement, so a caller
+* that releases in both a close handler and a disconnect callback — which is
+* what an element removed while open does — cannot drop the count below the
+* number of holders.
+*/
+var holders = 0;
+var restoreTo = null;
+function lockPageScroll() {
+	const target = document.documentElement;
+	if (holders === 0) {
+		restoreTo = target.style.overflow;
+		target.style.overflow = "hidden";
+	}
+	holders += 1;
+	let released = false;
+	return () => {
+		if (released) return;
+		released = true;
+		holders -= 1;
+		if (holders > 0) return;
+		target.style.overflow = restoreTo ?? "";
+		restoreTo = null;
+	};
+}
+
+export { lockPageScroll as l };
+//# sourceMappingURL=scroll-lock-C-VLyxRR.js.map
+
+//# sourceMappingURL=scroll-lock-C-VLyxRR.js.map

package/dist/esm/scroll-lock-C-VLyxRR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock-C-VLyxRR.js","sources":["../core/dist/scroll-lock.js"],"sourcesContent":["//#region src/scroll-lock.ts\n/**\n* Lock page scroll, returning the function that releases it.\n*\n* A modal overlay has to do this itself: `<dialog>.showModal()` gives the\n* focus trap, Escape and the backdrop, but it does *not* stop the page behind\n* from scrolling — measured with a real wheel event over an open modal.\n*\n* Reference-counted, because overlays nest. Two elements each storing \"the\n* previous overflow\" independently is a bug with a clear shape: the second to\n* open records `hidden` as the value to restore, so when it closes the page\n* stays locked for as long as the first one lives, and if the first closes\n* first the page unlocks while a modal is still up. Only the outermost lock\n* records the real value and only the last release restores it.\n*\n* Releasing twice is a no-op rather than an unbalanced decrement, so a caller\n* that releases in both a close handler and a disconnect callback — which is\n* what an element removed while open does — cannot drop the count below the\n* number of holders.\n*/\nvar holders = 0;\nvar restoreTo = null;\nfunction lockPageScroll() {\n\tconst target = document.documentElement;\n\tif (holders === 0) {\n\t\trestoreTo = target.style.overflow;\n\t\ttarget.style.overflow = \"hidden\";\n\t}\n\tholders += 1;\n\tlet released = false;\n\treturn () => {\n\t\tif (released) return;\n\t\treleased = true;\n\t\tholders -= 1;\n\t\tif (holders > 0) return;\n\t\ttarget.style.overflow = restoreTo ?? \"\";\n\t\trestoreTo = null;\n\t};\n}\n//#endregion\nexport { lockPageScroll };\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,OAAO,GAAG,CAAC;AACf,IAAI,SAAS,GAAG,IAAI;AACpB,SAAS,cAAc,GAAG;AAC1B,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,eAAe;AACxC,CAAC,IAAI,OAAO,KAAK,CAAC,EAAE;AACpB,EAAE,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ;AACnC,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;AAClC;AACA,CAAC,OAAO,IAAI,CAAC;AACb,CAAC,IAAI,QAAQ,GAAG,KAAK;AACrB,CAAC,OAAO,MAAM;AACd,EAAE,IAAI,QAAQ,EAAE;AAChB,EAAE,QAAQ,GAAG,IAAI;AACjB,EAAE,OAAO,IAAI,CAAC;AACd,EAAE,IAAI,OAAO,GAAG,CAAC,EAAE;AACnB,EAAE,MAAM,CAAC,KAAK,CAAC,QAAQ,GAAG,SAAS,IAAI,EAAE;AACzC,EAAE,SAAS,GAAG,IAAI;AAClB,EAAE;AACF;;;;"}

package/dist/esm/text-B8ulhYUJ.js

@@ -0,0 +1,54 @@
+//#region src/text.ts
+/**
+* Derive avatar initials from a person's name.
+*
+* Shared because both layers must produce the same letters for the same name:
+* a React Avatar and a <pf-avatar> showing different fallbacks for "Ada
+* Lovelace" would be a visible inconsistency in the same design system.
+*/
+function getAvatarInitials(name) {
+	if (!name) return "?";
+	const parts = name.trim().split(/\s+/).filter(Boolean).slice(0, 2);
+	if (parts.length === 0) return "?";
+	return parts.map((part) => part.charAt(0).toUpperCase()).join("");
+}
+/**
+* Render a key combination as one string — `['⌘', 'K']` becomes `⌘ + K`.
+*
+* Deliberately one string rather than an element per key: it keeps a single
+* contrast-resolvable element and avoids symbol-only child nodes that axe
+* cannot evaluate.
+*/
+function formatKeyCombination(keys, separator = "+") {
+	return keys.join(` ${separator} `);
+}
+/**
+* Group a card number into blocks of four — `4111111111111111` becomes
+* `4111 1111 1111 1111`. Non-digits in the input are discarded first, so a
+* value that already carries spaces or dashes regroups cleanly.
+*/
+function formatCardNumber(value) {
+	return value.replace(/\D+/g, "").replace(/(.{4})/g, "$1 ").trim();
+}
+/**
+* Group a card number into blocks of four with everything but the last four
+* digits replaced by asterisks.
+*
+* Four digits or fewer are returned as the bare digits: there is nothing to
+* hide behind, and starring all of them would leave a field that says only
+* what length it was.
+*
+* Shared with `formatCardNumber` because a React `CreditCard` and a
+* `<pf-credit-card>` showing the same number grouped differently would be a
+* visible inconsistency in one design system.
+*/
+function maskCardNumber(value) {
+	const digits = value.replace(/\D+/g, "");
+	if (digits.length <= 4) return digits;
+	return `${"*".repeat(digits.length - 4)}${digits.slice(-4)}`.replace(/(.{4})/g, "$1 ").trim();
+}
+
+export { formatKeyCombination as a, formatCardNumber as f, getAvatarInitials as g, maskCardNumber as m };
+//# sourceMappingURL=text-B8ulhYUJ.js.map
+
+//# sourceMappingURL=text-B8ulhYUJ.js.map

package/dist/esm/text-B8ulhYUJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-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/esm/value-list-BmcsJLdy.js

@@ -0,0 +1,100 @@
+//#region src/value-list.ts
+/**
+* A multi-value control's value, as one string.
+*
+* Comma-separated, because that is what an HTML attribute can carry and what
+* `accept` and `sizes` already do — so `<pf-multi-select value="a,b">` works
+* in plain HTML, round-trips, and reflects. The consequence is that a value
+* containing a comma cannot be represented; option values are slugs in
+* practice, and `assertSeparableValues` below is how a mistake is reported
+* rather than silently mangled.
+*
+* Shared because `pf-multi-select` and `pf-tag-input` both need it, and
+* because the toggle rule — removing a value preserves the order of the rest —
+* is the kind of thing two copies would quietly disagree about.
+*/
+/** Splits a stored value, dropping empties so `'a,,b'` is two values. */
+function parseValueList(value) {
+	return (value ?? "").split(",").map((part) => part.trim()).filter((part) => part !== "");
+}
+/** Joins values back, with no spaces, so the result parses to the same list. */
+function formatValueList(values) {
+	return values.join(",");
+}
+/**
+* Adds or removes one value.
+*
+* A value is appended at the end rather than in the options' own order, so the
+* list reads as what the user picked in the order they picked it; removing one
+* leaves the rest where they were.
+*/
+function toggleValueInList(values, value) {
+	return values.includes(value) ? values.filter((candidate) => candidate !== value) : [...values, value];
+}
+/**
+* The expanded set after toggling `value` in a disclosure group.
+*
+* `multiple` is the whole difference between an accordion that keeps one
+* section open and one that keeps several, and it is shared because the two
+* layers have to agree on both halves of it: in single mode closing the open
+* section leaves *nothing* open rather than falling back to the first, and
+* opening one closes whatever else was open — including, in a group handed
+* several expanded values to begin with, all of them at once.
+*/
+function toggleDisclosureValue(expanded, value, { multiple = false } = {}) {
+	if (multiple) return toggleValueInList(expanded, value);
+	return expanded.includes(value) ? [] : [value];
+}
+/**
+* The values that cannot survive a round trip through the separator.
+*
+* Returned rather than thrown, so a caller can warn once with every offender
+* named instead of failing on the first.
+*/
+function assertSeparableValues(values) {
+	return values.filter((value) => value.includes(","));
+}
+/**
+* Adds a tag, trimmed, if the list will take it.
+*
+* The refusal is reported rather than swallowed, because the four cases want
+* different handling and a boolean cannot tell them apart: a duplicate should
+* clear the draft, since the tag the user asked for is already there, while
+* hitting the maximum should leave it alone so nothing is lost.
+*
+* Deduplication is case-insensitive — `React` and `react` are one tag — which
+* is a decision rather than an accident, and the reason this is shared.
+*/
+function addTag(tags, raw, options = {}) {
+	const tag = raw.trim();
+	const refuse = (refusal) => ({
+		tags: [...tags],
+		added: false,
+		refusal
+	});
+	if (!tag) return refuse("empty");
+	if (options.max !== void 0 && tags.length >= options.max) return refuse("max");
+	if (options.validate && !options.validate(tag)) return refuse("invalid");
+	if (tags.some((existing) => existing.toLowerCase() === tag.toLowerCase()) && !options.allowDuplicates) return refuse("duplicate");
+	return {
+		tags: [...tags, tag],
+		added: true,
+		refusal: null
+	};
+}
+/** Removes the tag at `index`, leaving the rest in order. */
+function removeTagAt(tags, index) {
+	return tags.filter((_, position) => position !== index);
+}
+/** Commas, newlines and tabs, which is what a pasted list is separated by. */
+var TAG_PASTE_PATTERN = /[,\n\t]/;
+/** Splits pasted text into candidate tags; empty when there is nothing to split on. */
+function splitPastedTags(text) {
+	if (!TAG_PASTE_PATTERN.test(text)) return [];
+	return text.split(/[,\n\t]+/).map((part) => part.trim()).filter((part) => part !== "");
+}
+
+export { toggleValueInList as a, assertSeparableValues as b, addTag as c, formatValueList as f, parseValueList as p, removeTagAt as r, splitPastedTags as s, toggleDisclosureValue as t };
+//# sourceMappingURL=value-list-BmcsJLdy.js.map
+
+//# sourceMappingURL=value-list-BmcsJLdy.js.map

package/dist/esm/value-list-BmcsJLdy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-list-BmcsJLdy.js","sources":["../core/dist/value-list.js"],"sourcesContent":["//#region src/value-list.ts\n/**\n* A multi-value control's value, as one string.\n*\n* Comma-separated, because that is what an HTML attribute can carry and what\n* `accept` and `sizes` already do — so `<pf-multi-select value=\"a,b\">` works\n* in plain HTML, round-trips, and reflects. The consequence is that a value\n* containing a comma cannot be represented; option values are slugs in\n* practice, and `assertSeparableValues` below is how a mistake is reported\n* rather than silently mangled.\n*\n* Shared because `pf-multi-select` and `pf-tag-input` both need it, and\n* because the toggle rule — removing a value preserves the order of the rest —\n* is the kind of thing two copies would quietly disagree about.\n*/\nvar VALUE_LIST_SEPARATOR = \",\";\n/** Splits a stored value, dropping empties so `'a,,b'` is two values. */\nfunction parseValueList(value) {\n\treturn (value ?? \"\").split(\",\").map((part) => part.trim()).filter((part) => part !== \"\");\n}\n/** Joins values back, with no spaces, so the result parses to the same list. */\nfunction formatValueList(values) {\n\treturn values.join(\",\");\n}\n/**\n* Adds or removes one value.\n*\n* A value is appended at the end rather than in the options' own order, so the\n* list reads as what the user picked in the order they picked it; removing one\n* leaves the rest where they were.\n*/\nfunction toggleValueInList(values, value) {\n\treturn values.includes(value) ? values.filter((candidate) => candidate !== value) : [...values, value];\n}\n/**\n* The expanded set after toggling `value` in a disclosure group.\n*\n* `multiple` is the whole difference between an accordion that keeps one\n* section open and one that keeps several, and it is shared because the two\n* layers have to agree on both halves of it: in single mode closing the open\n* section leaves *nothing* open rather than falling back to the first, and\n* opening one closes whatever else was open — including, in a group handed\n* several expanded values to begin with, all of them at once.\n*/\nfunction toggleDisclosureValue(expanded, value, { multiple = false } = {}) {\n\tif (multiple) return toggleValueInList(expanded, value);\n\treturn expanded.includes(value) ? [] : [value];\n}\n/**\n* The values that cannot survive a round trip through the separator.\n*\n* Returned rather than thrown, so a caller can warn once with every offender\n* named instead of failing on the first.\n*/\nfunction assertSeparableValues(values) {\n\treturn values.filter((value) => value.includes(\",\"));\n}\n/**\n* Adds a tag, trimmed, if the list will take it.\n*\n* The refusal is reported rather than swallowed, because the four cases want\n* different handling and a boolean cannot tell them apart: a duplicate should\n* clear the draft, since the tag the user asked for is already there, while\n* hitting the maximum should leave it alone so nothing is lost.\n*\n* Deduplication is case-insensitive — `React` and `react` are one tag — which\n* is a decision rather than an accident, and the reason this is shared.\n*/\nfunction addTag(tags, raw, options = {}) {\n\tconst tag = raw.trim();\n\tconst refuse = (refusal) => ({\n\t\ttags: [...tags],\n\t\tadded: false,\n\t\trefusal\n\t});\n\tif (!tag) return refuse(\"empty\");\n\tif (options.max !== void 0 && tags.length >= options.max) return refuse(\"max\");\n\tif (options.validate && !options.validate(tag)) return refuse(\"invalid\");\n\tif (tags.some((existing) => existing.toLowerCase() === tag.toLowerCase()) && !options.allowDuplicates) return refuse(\"duplicate\");\n\treturn {\n\t\ttags: [...tags, tag],\n\t\tadded: true,\n\t\trefusal: null\n\t};\n}\n/** Removes the tag at `index`, leaving the rest in order. */\nfunction removeTagAt(tags, index) {\n\treturn tags.filter((_, position) => position !== index);\n}\n/** Commas, newlines and tabs, which is what a pasted list is separated by. */\nvar TAG_PASTE_PATTERN = /[,\\n\\t]/;\n/** Splits pasted text into candidate tags; empty when there is nothing to split on. */\nfunction splitPastedTags(text) {\n\tif (!TAG_PASTE_PATTERN.test(text)) return [];\n\treturn text.split(/[,\\n\\t]+/).map((part) => part.trim()).filter((part) => part !== \"\");\n}\n//#endregion\nexport { TAG_PASTE_PATTERN, VALUE_LIST_SEPARATOR, addTag, assertSeparableValues, formatValueList, parseValueList, removeTagAt, splitPastedTags, toggleDisclosureValue, toggleValueInList };\n"],"names":[],"mappings":"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"}

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/pitchfork/index.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/pitchfork/p-01ed0d56.entry.js

@@ -0,0 +1,2 @@
+import{r,c as e,a as i,h as s,H as a}from"./p-Bm6UxEit.js";import{c as t}from"./p-DfpCerXM.js";import{n as d,a as l,b as o}from"./p-BA6CMosJ.js";import{a as n}from"./p-Cr6IXrUk.js";import{c as p}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-slider-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)}.description{color:var(--pf-slider-field-description, var(--pf-field-description));font-size:var(--font-size-sm);margin:0}.error{color:var(--pf-slider-field-error, var(--pf-field-error));font-size:var(--font-size-sm);margin:0}.header{align-items:center;display:flex;justify-content:space-between}.value{color:var(--pf-slider-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.slider{appearance:none;background:linear-gradient(     to right,     var(--pf-slider-action) 0,     var(--pf-slider-action) var(--pf-slider-progress, 0%),     var(--pf-slider-border) var(--pf-slider-progress, 0%),     var(--pf-slider-border) 100%   );border-radius:var(--radius-full);cursor:pointer;height:var(--pf-slider-track-height);width:100%}.slider:focus{outline:none}.slider:focus-visible{box-shadow:var(--pf-slider-focus-ring, var(--pf-focus-ring))}.slider::-webkit-slider-thumb{appearance:none;background:var(--pf-slider-bg);border:2px solid var(--pf-slider-action);border-radius:50%;box-shadow:var(--pf-slider-control-thumb-outline-shadow, var(--pf-control-thumb-outline-shadow));height:var(--pf-slider-thumb-size);margin-top:calc((var(--pf-slider-track-height) - var(--pf-slider-thumb-size)) / 2);width:var(--pf-slider-thumb-size)}.slider::-moz-range-thumb{background:var(--pf-slider-bg);border:2px solid var(--pf-slider-action);border-radius:50%;box-shadow:var(--pf-slider-control-thumb-outline-shadow, var(--pf-control-thumb-outline-shadow));height:var(--pf-slider-thumb-size);width:var(--pf-slider-thumb-size)}.slider::-moz-range-track{background:transparent;border-radius:var(--radius-full);height:var(--pf-slider-track-height)}.slider:disabled{cursor:not-allowed;opacity:0.55}.slider--invalid{background:linear-gradient(     to right,     var(--pf-slider-danger-fill) 0,     var(--pf-slider-danger-fill) var(--pf-slider-progress, 0%),     var(--pf-slider-border) var(--pf-slider-progress, 0%),     var(--pf-slider-border) 100%   )}.slider--invalid::-webkit-slider-thumb{border-color:var(--pf-slider-danger-fill)}.slider--invalid::-moz-range-thumb{border-color:var(--pf-slider-danger-fill)}`;const f=class{constructor(i){r(this,i);this.pfInput=e(this,"pfInput");this.pfChange=e(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=0;min=0;max=100;step=1;label;description;error;showValue=true;disabled=false;pfInput;pfChange;initialValue=0;componentWillLoad(){this.initialValue=this.value;this.syncFormState()}syncFormState(){this.internals.setFormValue(`${this.current}`);n(this.internals,true,false,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}get range(){return d(Number(this.min),Number(this.max),Number(this.step))}get current(){const{min:r,max:e}=this.range;return l(Number(this.value),r,e)}onInput=r=>{this.value=Number(r.target.value);this.pfInput.emit({value:this.value})};onChange=()=>{this.pfChange.emit({value:this.current})};render(){const{min:r,max:e,step:i}=this.range;const d=this.current;const l=t(this.description&&"description",this.error&&"error");return s(a,{key:"6d0718760dc214dbd200824c20417bfa51d49371"},s("div",{key:"cdfb094bb52dcc8b41fcd6fabf43a2057af644cf",class:"field",part:"field"},(this.label||this.showValue)&&s("div",{key:"7278ee388367c3c5a33a837cd6f26e148ced2387",class:"header",part:"header"},this.label?s("label",{class:"label",part:"label",htmlFor:"input"},this.label):s("span",null),this.showValue&&s("span",{key:"f23e6b6e4db255a1f3e74785a07d185c64b89a62",class:"value",part:"value","aria-hidden":"true"},Math.round(d))),s("input",{key:"8287d9fe81179e731ff30855f7e3d644ca7874ca",id:"input","aria-label":p(this.el,this.label),part:"input",class:{slider:true,"slider--invalid":Boolean(this.error)},type:"range",name:this.name,value:`${d}`,min:`${r}`,max:`${e}`,step:`${i}`,disabled:this.disabled,"aria-invalid":this.error?"true":null,"aria-describedby":l,onInput:this.onInput,onChange:this.onChange,style:{"--pf-slider-progress":`${o(d,r,e)}%`}}),this.description&&s("p",{key:"810b7f5aff7336fd9042b7e70a834d6a4a69e32e",class:"description",part:"description",id:"description"},this.description),this.error&&s("p",{key:"a95ec2ba460bdce626df1e66b94b9d290b8d600d",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}],min:[{syncFormState:0}],max:[{syncFormState:0}]}}};f.style=h();export{f as pf_slider};
+//# sourceMappingURL=p-01ed0d56.entry.js.map

package/dist/pitchfork/p-01ed0d56.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfSliderCss","PfSlider","internals","name","value","min","max","step","label","description","error","showValue","disabled","pfInput","pfChange","initialValue","componentWillLoad","this","syncFormState","setFormValue","current","applyControlValidity","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","range","normalizeRange","Number","clampToRange","onInput","event","target","emit","onChange","render","describedBy","composeDescribedBy","h","Host","key","class","part","htmlFor","Math","round","id","controlAriaLabel","el","slider","Boolean","type","style","getRangePercent"],"sources":["src/components/pf-slider/pf-slider.css?tag=pf-slider&encapsulation=shadow","src/components/pf-slider/pf-slider.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-slider-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.description {\n  color: var(--pf-slider-field-description, var(--pf-field-description));\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-slider-field-error, var(--pf-field-error));\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n.header {\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n}\n\n.value {\n  color: var(--pf-slider-text-muted);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.slider {\n  appearance: none;\n  background: linear-gradient(\n    to right,\n    var(--pf-slider-action) 0,\n    var(--pf-slider-action) var(--pf-slider-progress, 0%),\n    var(--pf-slider-border) var(--pf-slider-progress, 0%),\n    var(--pf-slider-border) 100%\n  );\n  border-radius: var(--radius-full);\n  cursor: pointer;\n  height: var(--pf-slider-track-height);\n  width: 100%;\n}\n\n.slider:focus {\n  outline: none;\n}\n\n.slider:focus-visible {\n  box-shadow: var(--pf-slider-focus-ring, var(--pf-focus-ring));\n}\n\n.slider::-webkit-slider-thumb {\n  appearance: none;\n  background: var(--pf-slider-bg);\n  border: 2px solid var(--pf-slider-action);\n  border-radius: 50%;\n  box-shadow: var(--pf-slider-control-thumb-outline-shadow, var(--pf-control-thumb-outline-shadow));\n  height: var(--pf-slider-thumb-size);\n  margin-top: calc((var(--pf-slider-track-height) - var(--pf-slider-thumb-size)) / 2);\n  width: var(--pf-slider-thumb-size);\n}\n\n.slider::-moz-range-thumb {\n  background: var(--pf-slider-bg);\n  border: 2px solid var(--pf-slider-action);\n  border-radius: 50%;\n  box-shadow: var(--pf-slider-control-thumb-outline-shadow, var(--pf-control-thumb-outline-shadow));\n  height: var(--pf-slider-thumb-size);\n  width: var(--pf-slider-thumb-size);\n}\n\n.slider::-moz-range-track {\n  background: transparent;\n  border-radius: var(--radius-full);\n  height: var(--pf-slider-track-height);\n}\n\n.slider:disabled {\n  cursor: not-allowed;\n  opacity: 0.55;\n}\n\n.slider--invalid {\n  background: linear-gradient(\n    to right,\n    var(--pf-slider-danger-fill) 0,\n    var(--pf-slider-danger-fill) var(--pf-slider-progress, 0%),\n    var(--pf-slider-border) var(--pf-slider-progress, 0%),\n    var(--pf-slider-border) 100%\n  );\n}\n\n.slider--invalid::-webkit-slider-thumb {\n  border-color: var(--pf-slider-danger-fill);\n}\n\n.slider--invalid::-moz-range-thumb {\n  border-color: var(--pf-slider-danger-fill);\n}\n","import {\n  clampToRange,\n  composeDescribedBy,\n  getRangePercent,\n  normalizeRange,\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  Watch,\n} from '@stencil/core';\n\nimport { applyControlValidity } from '../../form-validity';\nimport { controlAriaLabel } from '../../control-label';\n\n/**\n * A form-associated range slider.\n *\n * A native `<input type=\"range\">`, as the React component is — the drag, the\n * keyboard stepping and the touch handling are all the browser's, and nothing\n * here reimplements them.\n *\n * @part field - the wrapper around header, control and messages.\n * @part header - the row holding the label and the readout.\n * @part label - the label element.\n * @part value - the numeric readout.\n * @part input - the native range input.\n * @part description - the hint text below the control.\n * @part error - the error message below the control.\n */\n@Component({\n  tag: 'pf-slider',\n  styleUrl: 'pf-slider.css',\n  formAssociated: true,\n  shadow: { delegatesFocus: true },\n})\nexport class PfSlider {\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 control's value. */\n  @Prop({ mutable: true }) value = 0;\n\n  @Prop() min = 0;\n\n  @Prop() max = 100;\n\n  @Prop() step = 1;\n\n  /** Visible label, rendered in the same root so `for` actually associates. */\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  /** Show the current value beside the label. Reflected for the stylesheet. */\n  @Prop({ reflect: true }) showValue = true;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires as the user drags, like the native `input` event. */\n  @Event() pfInput!: EventEmitter<{ value: number }>;\n\n  /** Fires when the value is committed, like the native `change` event. */\n  @Event() pfChange!: EventEmitter<{ value: number }>;\n\n  /** The value a form reset restores, which is the initial attribute. */\n  private initialValue = 0;\n\n  componentWillLoad() {\n    this.initialValue = this.value;\n    this.syncFormState();\n  }\n\n  @Watch('value')\n  @Watch('error')\n  @Watch('min')\n  @Watch('max')\n  syncFormState() {\n    this.internals.setFormValue(`${this.current}`);\n    /*\n     * A slider always has a value — it cannot be empty the way a text field\n     * can — so `required` would never fail and the element does not offer it.\n     * Only an explicit error can make this control invalid.\n     */\n    applyControlValidity(this.internals, true, false, 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 control started with. */\n  formResetCallback() {\n    this.value = this.initialValue;\n  }\n\n  /** The bounds, with a non-finite or inverted range made drawable. */\n  private get range() {\n    return normalizeRange(Number(this.min), Number(this.max), Number(this.step));\n  }\n\n  /** The value as rendered: always inside the bounds. */\n  private get current() {\n    const { min, max } = this.range;\n    return clampToRange(Number(this.value), min, max);\n  }\n\n  private onInput = (event: Event) => {\n    this.value = Number((event.target as HTMLInputElement).value);\n    this.pfInput.emit({ value: this.value });\n  };\n\n  private onChange = () => {\n    this.pfChange.emit({ value: this.current });\n  };\n\n  render() {\n    const { min, max, step } = this.range;\n    const current = this.current;\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      this.error && 'error',\n    );\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {(this.label || this.showValue) && (\n            <div class=\"header\" part=\"header\">\n              {this.label ? (\n                <label class=\"label\" part=\"label\" htmlFor=\"input\">\n                  {this.label}\n                </label>\n              ) : (\n                <span />\n              )}\n              {this.showValue && (\n                // aria-hidden: the input already reports its value to\n                // assistive technology through the range role.\n                <span class=\"value\" part=\"value\" aria-hidden=\"true\">\n                  {Math.round(current)}\n                </span>\n              )}\n            </div>\n          )}\n\n          <input\n            id=\"input\"\n            aria-label={controlAriaLabel(this.el, this.label)}\n            part=\"input\"\n            class={{ slider: true, 'slider--invalid': Boolean(this.error) }}\n            type=\"range\"\n            name={this.name}\n            value={`${current}`}\n            min={`${min}`}\n            max={`${max}`}\n            step={`${step}`}\n            disabled={this.disabled}\n            aria-invalid={this.error ? 'true' : null}\n            aria-describedby={describedBy}\n            onInput={this.onInput}\n            onChange={this.onChange}\n            style={{ '--pf-slider-progress': `${getRangePercent(current, min, max)}%` }}\n          />\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":"yNAAA,MAAMA,EAAc,IAAM,22E,MC2CbC,EAAQ,M,kRAGAC,UAMMC,KAGAC,MAAQ,EAEzBC,IAAM,EAENC,IAAM,IAENC,KAAO,EAGPC,MAGAC,YAGAC,MAGiBC,UAAY,KAEZC,SAAW,MAG3BC,QAGAC,SAGDC,aAAe,EAEvB,iBAAAC,GACEC,KAAKF,aAAeE,KAAKb,MACzBa,KAAKC,e,CAOP,aAAAA,GACED,KAAKf,UAAUiB,aAAa,GAAGF,KAAKG,WAMpCC,EAAqBJ,KAAKf,UAAW,KAAM,MAAOe,KAAKP,M,CAKzD,mBAAMY,GACJ,OAAOL,KAAKf,UAAUoB,e,CAKxB,oBAAMC,GACJ,OAAON,KAAKf,UAAUqB,gB,CAKxB,0BAAMC,GACJ,OAAOP,KAAKf,UAAUuB,iB,CAIxB,iBAAAC,GACET,KAAKb,MAAQa,KAAKF,Y,CAIpB,SAAYY,GACV,OAAOC,EAAeC,OAAOZ,KAAKZ,KAAMwB,OAAOZ,KAAKX,KAAMuB,OAAOZ,KAAKV,M,CAIxE,WAAYa,GACV,MAAMf,IAAEA,EAAGC,IAAEA,GAAQW,KAAKU,MAC1B,OAAOG,EAAaD,OAAOZ,KAAKb,OAAQC,EAAKC,E,CAGvCyB,QAAWC,IACjBf,KAAKb,MAAQyB,OAAQG,EAAMC,OAA4B7B,OACvDa,KAAKJ,QAAQqB,KAAK,CAAE9B,MAAOa,KAAKb,OAAQ,EAGlC+B,SAAW,KACjBlB,KAAKH,SAASoB,KAAK,CAAE9B,MAAOa,KAAKG,SAAU,EAG7C,MAAAgB,GACE,MAAM/B,IAAEA,EAAGC,IAAEA,EAAGC,KAAEA,GAASU,KAAKU,MAChC,MAAMP,EAAUH,KAAKG,QACrB,MAAMiB,EAAcC,EAClBrB,KAAKR,aAAe,cACpBQ,KAAKP,OAAS,SAGhB,OACE6B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QAAQC,KAAK,UACpB1B,KAAKT,OAASS,KAAKN,YACnB4B,EAAA,OAAAE,IAAA,2CAAKC,MAAM,SAASC,KAAK,UACtB1B,KAAKT,MACJ+B,EAAA,SAAOG,MAAM,QAAQC,KAAK,QAAQC,QAAQ,SACvC3B,KAAKT,OAGR+B,EAAA,aAEDtB,KAAKN,WAGJ4B,EAAA,QAAAE,IAAA,2CAAMC,MAAM,QAAQC,KAAK,QAAO,cAAa,QAC1CE,KAAKC,MAAM1B,KAMpBmB,EAAA,SAAAE,IAAA,2CACEM,GAAG,QAAO,aACEC,EAAiB/B,KAAKgC,GAAIhC,KAAKT,OAC3CmC,KAAK,QACLD,MAAO,CAAEQ,OAAQ,KAAM,kBAAmBC,QAAQlC,KAAKP,QACvD0C,KAAK,QACLjD,KAAMc,KAAKd,KACXC,MAAO,GAAGgB,IACVf,IAAK,GAAGA,IACRC,IAAK,GAAGA,IACRC,KAAM,GAAGA,IACTK,SAAUK,KAAKL,SAAQ,eACTK,KAAKP,MAAQ,OAAS,KAAI,mBACtB2B,EAClBN,QAASd,KAAKc,QACdI,SAAUlB,KAAKkB,SACfkB,MAAO,CAAE,uBAAwB,GAAGC,EAAgBlC,EAASf,EAAKC,SAGnEW,KAAKR,aACJ8B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,cAAcC,KAAK,cAAcI,GAAG,eAC1C9B,KAAKR,aAGTQ,KAAKP,OACJ6B,EAAA,KAAAE,IAAA,2CAAGC,MAAM,QAAQC,KAAK,QAAQI,GAAG,SAC9B9B,KAAKP,Q","ignoreList":[]}

package/dist/pitchfork/p-02e28338.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a,h as r,H as s}from"./p-Bm6UxEit.js";import{o as n,p as i}from"./p-CC7AyfOt.js";import{c as o}from"./p-DfpCerXM.js";import{t as d,d as l,s as c,f as h,c as f,i as p,p as u,m as g,a as b,e as y,b as m,W as v,C as w}from"./p-C9jNMqLs.js";import{K as k}from"./p-g4FlTDZx.js";import{a as x}from"./p-Cr6IXrUk.js";import{c as C}from"./p-Cy_kHPeC.js";function D(e,t){const a=d(t);if(!e.awaitingEnd||!e.range.start)return{range:{start:a,end:null},awaitingEnd:true};const r=e.range.start;if(l(r,a))return{range:{start:a,end:null},awaitingEnd:true};return{range:a.getTime()<r.getTime()?{start:a,end:r}:{start:r,end:a},awaitingEnd:false}}function z(e,t,a=null){const{start:r}=t;const s=t.end??(r&&a?a:null);const n=Boolean(r&&l(e,r));const i=Boolean(s&&l(e,s));if(!r||!s)return{isStart:n,isEnd:i,isInside:false};const[o,d]=r.getTime()<=s.getTime()?[r,s]:[s,r];const c=e.getTime();return{isStart:n,isEnd:i,isInside:c>o.getTime()&&c<d.getTime()}}function j(e,t){if(!e.start||!e.end)return"";return`${t(e.start)}/${t(e.end)}`}function S(e,t){const[a,r]=(e??"").split("/");const s=t(a??"");const n=t(r??"");if(!s||!n)return{start:null,end:null};return s.getTime()<=n.getTime()?{start:s,end:n}:{start:n,end:s}}const F=()=>`:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-1)}.label{color:var(--pf-daterange-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.required{color:var(--pf-daterange-invalid-border);margin-inline-start:var(--space-1)}.row-controls{align-items:center;display:flex;gap:var(--space-2)}.trigger{align-items:center;background:var(--pf-daterange-bg);border:1px solid var(--pf-daterange-border);border-radius:var(--radius-md);color:var(--pf-daterange-text);cursor:pointer;display:flex;flex:1;font-family:inherit;font-size:var(--font-size-sm);gap:var(--space-2);justify-content:space-between;min-width:0;padding:var(--space-2) var(--space-3);text-align:start}.trigger:focus-visible{box-shadow:var(--pf-daterange-focus-ring);outline:none}.trigger:disabled{cursor:not-allowed;opacity:0.6}.trigger--invalid{border-color:var(--pf-daterange-invalid-border)}.value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.value--placeholder{color:var(--pf-daterange-text-muted)}.clear{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--pf-daterange-text-muted);cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:var(--space-1)}.clear:hover:not(:disabled){color:var(--pf-daterange-text)}.clear:focus-visible{box-shadow:var(--pf-daterange-focus-ring);outline:none}.description{color:var(--pf-daterange-text-muted);font-size:var(--font-size-xs);margin:0}.error{color:var(--pf-daterange-invalid-border);font-size:var(--font-size-xs);margin:0}.panel{inset:auto;margin:0;background:var(--pf-daterange-menu-bg);border:1px solid var(--pf-daterange-menu-border);border-radius:var(--radius-md);box-shadow:var(--pf-elevation-popover-shadow);color:var(--pf-daterange-text);padding:var(--space-3)}.panel:popover-open{animation:pf-date-range-in var(--pf-transition-enter)}@keyframes pf-date-range-in{from{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.panel:popover-open{animation:none}}.nav{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.step{align-items:center;background:none;border:0;border-radius:var(--radius-sm);color:var(--pf-daterange-text-muted);cursor:pointer;display:inline-flex;justify-content:center;padding:var(--space-1)}.step:hover{background:var(--pf-daterange-bg-subtle);color:var(--pf-daterange-text)}.step:focus-visible{box-shadow:var(--pf-daterange-focus-ring);outline:none}.months{display:grid;gap:var(--space-4)}@media (min-width: 768px){.months{grid-template-columns:1fr 1fr}}.month-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);text-align:center}.grid{display:grid;gap:2px;grid-template-columns:repeat(7, 1fr)}.row{display:contents}.weekday{color:var(--pf-daterange-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) 0;text-align:center}.day,.empty{aspect-ratio:1;display:flex;min-width:var(--space-7)}.day{align-items:center;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--pf-daterange-text);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);justify-content:center}.day:hover:not([aria-disabled='true']){background:var(--pf-daterange-bg-subtle)}.day:focus-visible{box-shadow:var(--pf-daterange-focus-ring);outline:none}.day--today{border-color:var(--pf-calendar-today-border)}.day--inside{background:var(--pf-daterange-range-bg);border-radius:0;color:var(--pf-daterange-range-text)}.day--endpoint{background:var(--pf-calendar-selected-bg);border-color:var(--pf-calendar-selected-bg);color:var(--pf-calendar-selected-text)}.day--start:not(.day--end){border-end-end-radius:0;border-start-end-radius:0}.day--end:not(.day--start){border-end-start-radius:0;border-start-start-radius:0}.day[aria-disabled='true']{cursor:not-allowed;opacity:0.4}`;const M={[k.ArrowRight]:"day-next",[k.ArrowLeft]:"day-previous",[k.ArrowDown]:"week-next",[k.ArrowUp]:"week-previous",[k.Home]:"week-start",[k.End]:"week-end",PageDown:"month-next",PageUp:"month-previous"};const E=class{constructor(a){e(this,a);this.pfChange=t(this,"pfChange");this.pfOpenChange=t(this,"pfOpenChange");if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}}get el(){return a(this)}internals;name;value="";open=false;label;description;error;placeholder="Select dates";required=false;disabled=false;allowClear=false;min;max;startYear;endYear;isDateDisabled;pfChange;pfOpenChange;leftMonth=c(new Date);focusedDate=d(new Date);hovered=null;awaitingEnd=false;initialValue="";pendingStart=null;stopObserving;shouldRestoreFocus=false;componentWillLoad(){this.initialValue=this.value??"";const{start:e}=this.range();const t=e??d(new Date);this.focusedDate=t;this.leftMonth=this.clamp(c(t));this.syncFormState()}componentDidRender(){if(!this.shouldRestoreFocus)return;this.shouldRestoreFocus=false;this.el.shadowRoot?.querySelector('button[data-day][tabindex="0"]')?.focus()}disconnectedCallback(){this.stopObserving?.()}syncDisplayedMonths(){const{start:e,end:t}=this.range();if(!e||!t)return;this.pendingStart=null;this.awaitingEnd=false;this.focusedDate=e;this.leftMonth=this.clamp(c(e))}syncFormState(){const{start:e,end:t}=this.range();if(!e||!t||!this.name){this.internals.setFormValue(null)}else{const a=new FormData;a.append(`${this.name}-start`,h(e));a.append(`${this.name}-end`,h(t));this.internals.setFormValue(a)}x(this.internals,Boolean(e&&t),this.required,this.error)}syncOpen(e,t){if(e)this.showPanel();else this.hidePanel();if(e!==t)this.pfOpenChange.emit({open:e})}async show(){if(!this.disabled)this.open=true}async hide(){this.open=false}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}formResetCallback(){this.value=this.initialValue;this.awaitingEnd=false;this.hovered=null}range(){return S(this.value,u)}get years(){const e=(new Date).getFullYear();const t=this.startYear??e-50;const a=this.endYear??e+50;return{start:Math.min(t,a),end:Math.max(t,a)}}clamp(e){const{start:t,end:a}=this.years;return f(e,t,a)}get panel(){return this.el.shadowRoot?.querySelector('[part="panel"]')??null}get trigger(){return this.el.shadowRoot?.querySelector('[part="trigger"]')??null}isDisabled(e){if(p(e,u(this.min),u(this.max)))return true;return this.isDateDisabled?.(e)??false}showPanel(){const e=this.panel;if(this.disabled||!e||e.matches(":popover-open"))return;e.showPopover();this.stopObserving?.();this.stopObserving=n({getAnchor:()=>this.trigger,getFloating:()=>e,align:"start",matchAnchorWidth:false,flip:true,onChange:({left:t,top:a})=>i(e,t,a)});this.shouldRestoreFocus=true}hidePanel(){this.stopObserving?.();this.stopObserving=undefined;this.hovered=null;const e=this.panel;if(e?.matches(":popover-open"))e.hidePopover()}onToggle=e=>{const t=e.newState==="open";if(this.open!==t)this.open=t;if(!t)this.trigger?.focus()};pick(e){if(this.isDisabled(e))return;const t=D({range:this.displayRange(),awaitingEnd:this.awaitingEnd},e);this.awaitingEnd=t.awaitingEnd;this.focusedDate=d(e);if(t.awaitingEnd){this.value="";this.pendingStart=t.range.start;return}this.pendingStart=null;this.hovered=null;this.value=j(t.range,h);this.pfChange.emit({value:this.value,start:t.range.start?h(t.range.start):"",end:t.range.end?h(t.range.end):""});this.open=false}displayRange(){const e=this.range();if(e.start&&e.end)return e;return{start:this.pendingStart,end:null}}moveFocus(e){const t=g(this.focusedDate,e);const{start:a,end:r}=this.years;if(t.getFullYear()<a||t.getFullYear()>r)return;this.focusedDate=t;this.shouldRestoreFocus=true;const s=b(this.leftMonth,1);if(!y(t,this.leftMonth)&&!y(t,s)){this.leftMonth=this.clamp(c(t))}}onKeyDown=e=>{const t=M[e.key];if(t){e.preventDefault();this.moveFocus(t);return}if(e.key===k.Enter||e.key===k.Space){e.preventDefault();this.pick(this.focusedDate);this.shouldRestoreFocus=true}};clear=e=>{e.stopPropagation();if(!this.value&&!this.pendingStart)return;this.value="";this.pendingStart=null;this.awaitingEnd=false;this.hovered=null;this.pfChange.emit({value:"",start:"",end:""})};formatted(){const{start:e,end:t}=this.range();if(!e||!t)return"";const a=new Intl.DateTimeFormat("en-US",{month:"short",day:"numeric",year:"numeric"});return`${a.format(e)} – ${a.format(t)}`}renderGrid(e){const t=m(e);const a=this.displayRange();const s=d(new Date);const n=new Intl.DateTimeFormat("en-US",{month:"long",year:"numeric"}).format(e);return r("div",{class:"month"},r("p",{class:"month-label"},n),r("div",{class:"grid",part:"grid",role:"grid","aria-label":n},r("div",{class:"row",role:"row"},v.map((e=>r("span",{key:e,class:"weekday",role:"columnheader","aria-label":e},e)))),Array.from({length:w/7},((e,n)=>r("div",{key:n,class:"row",role:"row"},t.slice(n*7,n*7+7).map((({date:e,inCurrentMonth:t})=>{if(!t){return r("span",{key:h(e),class:"empty",role:"gridcell"})}const n=z(e,a,this.hovered);const i=n.isStart||n.isEnd;const o=this.isDisabled(e);return r("button",{key:h(e),type:"button",role:"gridcell","data-day":h(e),part:"day",class:{day:true,"day--today":l(s,e),"day--endpoint":i,"day--start":n.isStart,"day--end":n.isEnd,"day--inside":n.isInside},tabindex:l(this.focusedDate,e)?0:-1,"aria-selected":i||n.isInside?"true":"false","aria-current":l(s,e)?"date":null,"aria-disabled":o?"true":null,"aria-label":new Intl.DateTimeFormat("en-US",{weekday:"long",month:"long",day:"numeric",year:"numeric"}).format(e),onClick:()=>{this.pick(e);this.shouldRestoreFocus=true},onMouseEnter:()=>{if(this.awaitingEnd&&!o)this.hovered=e}},e.getDate())})))))))}render(){const e=o(this.description&&"description",this.error&&"error");const t=this.formatted();const a=b(this.leftMonth,1);return r(s,{key:"e581ed7c3a2449e96b594a4d650d7d16225c502b"},r("div",{key:"42af6feb4a669c989f734bf179e0f60c24a47401",class:"field",part:"field"},this.label&&r("label",{key:"5a6b9ea4e2bcdb7c07801c474a901ae4019d397f",class:"label",part:"label",htmlFor:"trigger"},this.label,this.required&&r("span",{key:"6e90bc09ed442464ea424d47e60a64951df45eea",class:"required","aria-hidden":"true"},"*")),r("div",{key:"b0b66d4bf30cc7228e7e2153e9be05d71401ec20",class:"row-controls"},r("button",{key:"46cfbfeb5e679bb00dd48e7b718350db4530e82e",id:"trigger","aria-label":C(this.el,this.label),part:"trigger",class:{trigger:true,"trigger--invalid":Boolean(this.error)},type:"button",disabled:this.disabled,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false","aria-controls":"panel","aria-invalid":this.error?"true":null,"aria-required":this.required?"true":null,"aria-describedby":e,onClick:()=>{if(!this.disabled)this.open=!this.open}},r("span",{key:"4bcf49fdfed1cef4f458c5019315ea833d8575e0",class:{value:true,"value--placeholder":!t}},t||this.placeholder),r("pf-icon",{key:"da03fb4ccb5aef720f042adae79d701148ade479",name:"calendar"})),this.allowClear&&(this.value||this.pendingStart)&&r("button",{key:"f6b36144e765a28a15e7addf3d10d4aff1d25a00",class:"clear",part:"clear",type:"button","aria-label":"Clear selected dates",disabled:this.disabled,onClick:this.clear},r("pf-icon",{key:"f4fb9769008137437b26c14c54d4d73909729da9",name:"circle-xmark"}))),this.description&&r("p",{key:"084a2a397d5277d237310cd9c202dce0028fcf78",class:"description",part:"description",id:"description"},this.description),this.error&&r("p",{key:"9fa6a9400ded59e6c0263012ce4d4be1d04c9352",class:"error",part:"error",id:"error"},this.error)),r("div",{key:"f8b15d11302ae13a7d9d21fea5ce5db3d0c407cc",id:"panel",part:"panel",class:"panel",popover:"auto",role:"dialog","aria-label":"Choose a date range",onToggle:this.onToggle,onKeyDown:this.onKeyDown,onMouseLeave:()=>{this.hovered=null}},r("div",{key:"39a29079e9e97d19272ef9d5ec9fa02c2c368f6a",class:"nav"},r("button",{key:"8e0fb9c8e800e53a88dfa98c928966a919f4dee0",type:"button",class:"step","aria-label":"Previous month",onClick:()=>{this.leftMonth=this.clamp(b(this.leftMonth,-1))}},r("pf-icon",{key:"df4f5aa6dfc5b387a9d73c674f25e5f445ad4778",name:"square-caret-left"})),r("button",{key:"c48a949065acfb0e16fce8b732399f6fa9d8204c",type:"button",class:"step","aria-label":"Next month",onClick:()=>{this.leftMonth=this.clamp(b(this.leftMonth,1))}},r("pf-icon",{key:"10ae6ca6d30cbfdbd538d1a5247a6c83b299fd7a",name:"square-caret-right"}))),r("div",{key:"46610cb99d27eda167a28c281a5c1462fd5ab19c",class:"months"},this.renderGrid(this.leftMonth),this.renderGrid(a))))}static get formAssociated(){return true}static get watchers(){return{value:[{syncDisplayedMonths:0},{syncFormState:0}],name:[{syncFormState:0}],error:[{syncFormState:0}],required:[{syncFormState:0}],open:[{syncOpen:0}]}}};E.style=F();export{E as pf_date_range_picker};
+//# sourceMappingURL=p-02e28338.entry.js.map

package/dist/pitchfork/p-02e28338.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["nextDateRangeSelection","current","date","clicked","toMidday","awaitingEnd","range","start","end","isSameDay","getTime","rangeDayState","hovered","isStart","Boolean","isEnd","isInside","low","high","day","formatDateRange","format","parseDateRange","value","parse","from","to","split","pfDateRangePickerCss","MOVES","Keys","ArrowRight","ArrowLeft","ArrowDown","ArrowUp","Home","End","PageDown","PageUp","PfDateRangePicker","internals","name","open","label","description","error","placeholder","required","disabled","allowClear","min","max","startYear","endYear","isDateDisabled","pfChange","pfOpenChange","leftMonth","startOfMonth","Date","focusedDate","initialValue","pendingStart","stopObserving","shouldRestoreFocus","componentWillLoad","this","base","clamp","syncFormState","componentDidRender","el","shadowRoot","querySelector","focus","disconnectedCallback","syncDisplayedMonths","setFormValue","data","FormData","append","formatISODate","applyControlValidity","syncOpen","next","previous","showPanel","hidePanel","emit","show","hide","checkValidity","reportValidity","getValidationMessage","validationMessage","formResetCallback","parseISODate","years","now","getFullYear","Math","clampMonthToYearRange","panel","trigger","isDisabled","isOutsideDateRange","matches","showPopover","observeAnchoredPosition","getAnchor","getFloating","align","matchAnchorWidth","flip","onChange","left","top","placePopover","undefined","hidePopover","onToggle","event","nowOpen","newState","pick","displayRange","committed","moveFocus","move","moveCalendarDate","right","addMonths","isSameMonth","onKeyDown","key","preventDefault","Enter","Space","clear","stopPropagation","formatted","Intl","DateTimeFormat","month","year","renderGrid","days","buildCalendarDays","today","h","class","part","role","WEEKDAY_LABELS","map","Array","length","CALENDAR_CELL_COUNT","_","week","slice","inCurrentMonth","state","isEndpoint","type","tabindex","weekday","onClick","onMouseEnter","getDate","render","describedBy","composeDescribedBy","text","Host","htmlFor","id","controlAriaLabel","popover","onMouseLeave"],"sources":["../core/dist/date-range.js","src/components/pf-date-range-picker/pf-date-range-picker.css?tag=pf-date-range-picker&encapsulation=shadow","src/components/pf-date-range-picker/pf-date-range-picker.tsx"],"sourcesContent":["import { isSameDay, toMidday } from \"./date.js\";\n//#region src/date-range.ts\n/**\n* Where a click on `date` leaves the selection.\n*\n* Three cases, and the second two are the ones worth naming:\n* - not awaiting an end: start the range here and wait for the other end;\n* - awaiting an end, clicked before the start: the two swap, because a range\n*   has no opinion about which end the user picked first;\n* - awaiting an end, clicked the start again: start over rather than make a\n*   one-day range, which is what the React component does and is the kinder\n*   reading of a double click.\n*/\nfunction nextDateRangeSelection(current, date) {\n\tconst clicked = toMidday(date);\n\tif (!current.awaitingEnd || !current.range.start) return {\n\t\trange: {\n\t\t\tstart: clicked,\n\t\t\tend: null\n\t\t},\n\t\tawaitingEnd: true\n\t};\n\tconst start = current.range.start;\n\tif (isSameDay(start, clicked)) return {\n\t\trange: {\n\t\t\tstart: clicked,\n\t\t\tend: null\n\t\t},\n\t\tawaitingEnd: true\n\t};\n\treturn {\n\t\trange: clicked.getTime() < start.getTime() ? {\n\t\t\tstart: clicked,\n\t\t\tend: start\n\t\t} : {\n\t\t\tstart,\n\t\t\tend: clicked\n\t\t},\n\t\tawaitingEnd: false\n\t};\n}\n/**\n* How a day should read, given the range and whatever is hovered.\n*\n* A hovered day stands in for the missing end while the range is half-made,\n* which is what makes the preview follow the pointer. It stands in only when\n* there is a start and no end — hovering before the first click previews\n* nothing.\n*/\nfunction rangeDayState(date, range, hovered = null) {\n\tconst { start } = range;\n\tconst end = range.end ?? (start && hovered ? hovered : null);\n\tconst isStart = Boolean(start && isSameDay(date, start));\n\tconst isEnd = Boolean(end && isSameDay(date, end));\n\tif (!start || !end) return {\n\t\tisStart,\n\t\tisEnd,\n\t\tisInside: false\n\t};\n\tconst [low, high] = start.getTime() <= end.getTime() ? [start, end] : [end, start];\n\tconst day = date.getTime();\n\treturn {\n\t\tisStart,\n\t\tisEnd,\n\t\tisInside: day > low.getTime() && day < high.getTime()\n\t};\n}\n/** `YYYY-MM-DD/YYYY-MM-DD`, or `''` when the range is not yet complete. */\nfunction formatDateRange(range, format) {\n\tif (!range.start || !range.end) return \"\";\n\treturn `${format(range.start)}/${format(range.end)}`;\n}\n/** Parses `YYYY-MM-DD/YYYY-MM-DD`; anything else is an empty range. */\nfunction parseDateRange(value, parse) {\n\tconst [from, to] = (value ?? \"\").split(\"/\");\n\tconst start = parse(from ?? \"\");\n\tconst end = parse(to ?? \"\");\n\tif (!start || !end) return {\n\t\tstart: null,\n\t\tend: null\n\t};\n\treturn start.getTime() <= end.getTime() ? {\n\t\tstart,\n\t\tend\n\t} : {\n\t\tstart: end,\n\t\tend: start\n\t};\n}\n//#endregion\nexport { formatDateRange, nextDateRangeSelection, parseDateRange, rangeDayState };\n",":host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n.field {\n  display: grid;\n  gap: var(--space-1);\n}\n\n.label {\n  color: var(--pf-daterange-text);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-medium);\n}\n\n.required {\n  color: var(--pf-daterange-invalid-border);\n  margin-inline-start: var(--space-1);\n}\n\n.row-controls {\n  align-items: center;\n  display: flex;\n  gap: var(--space-2);\n}\n\n.trigger {\n  align-items: center;\n  background: var(--pf-daterange-bg);\n  border: 1px solid var(--pf-daterange-border);\n  border-radius: var(--radius-md);\n  color: var(--pf-daterange-text);\n  cursor: pointer;\n  display: flex;\n  flex: 1;\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  gap: var(--space-2);\n  justify-content: space-between;\n  min-width: 0;\n  padding: var(--space-2) var(--space-3);\n  text-align: start;\n}\n\n.trigger:focus-visible {\n  box-shadow: var(--pf-daterange-focus-ring);\n  outline: none;\n}\n\n.trigger:disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n\n.trigger--invalid {\n  border-color: var(--pf-daterange-invalid-border);\n}\n\n.value {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.value--placeholder {\n  color: var(--pf-daterange-text-muted);\n}\n\n.clear {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-daterange-text-muted);\n  cursor: pointer;\n  display: inline-flex;\n  flex-shrink: 0;\n  justify-content: center;\n  padding: var(--space-1);\n}\n\n.clear:hover:not(:disabled) {\n  color: var(--pf-daterange-text);\n}\n\n.clear:focus-visible {\n  box-shadow: var(--pf-daterange-focus-ring);\n  outline: none;\n}\n\n.description {\n  color: var(--pf-daterange-text-muted);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-daterange-invalid-border);\n  font-size: var(--font-size-xs);\n  margin: 0;\n}\n\n/* See src/place-popover.ts: the UA stylesheet centres a popover otherwise. */\n.panel {\n  inset: auto;\n  margin: 0;\n  background: var(--pf-daterange-menu-bg);\n  border: 1px solid var(--pf-daterange-menu-border);\n  border-radius: var(--radius-md);\n  box-shadow: var(--pf-elevation-popover-shadow);\n  color: var(--pf-daterange-text);\n  padding: var(--space-3);\n}\n\n.panel:popover-open {\n  animation: pf-date-range-in var(--pf-transition-enter);\n}\n\n/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-date-range-in {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .panel:popover-open {\n    animation: none;\n  }\n}\n\n.nav {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: var(--space-2);\n}\n\n.step {\n  align-items: center;\n  background: none;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-daterange-text-muted);\n  cursor: pointer;\n  display: inline-flex;\n  justify-content: center;\n  padding: var(--space-1);\n}\n\n.step:hover {\n  background: var(--pf-daterange-bg-subtle);\n  color: var(--pf-daterange-text);\n}\n\n.step:focus-visible {\n  box-shadow: var(--pf-daterange-focus-ring);\n  outline: none;\n}\n\n/* One month on a phone, two side by side from --md up. */\n.months {\n  display: grid;\n  gap: var(--space-4);\n}\n\n@media (--md) {\n  .months {\n    grid-template-columns: 1fr 1fr;\n  }\n}\n\n.month-label {\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-semibold);\n  margin: 0 0 var(--space-2);\n  text-align: center;\n}\n\n.grid {\n  display: grid;\n  gap: 2px;\n  grid-template-columns: repeat(7, 1fr);\n}\n\n/*\n * `display: contents`, so each row's seven cells join the grid's own columns.\n * The rows exist for the `role=\"row\"` the grid pattern needs, not for layout.\n */\n.row {\n  display: contents;\n}\n\n.weekday {\n  color: var(--pf-daterange-text-muted);\n  font-size: var(--font-size-xs);\n  font-weight: var(--font-weight-semibold);\n  padding: var(--space-1) 0;\n  text-align: center;\n}\n\n.day,\n.empty {\n  aspect-ratio: 1;\n  display: flex;\n  min-width: var(--space-7);\n}\n\n.day {\n  align-items: center;\n  background: none;\n  border: 1px solid transparent;\n  border-radius: var(--radius-sm);\n  color: var(--pf-daterange-text);\n  cursor: pointer;\n  font-family: inherit;\n  font-size: var(--font-size-sm);\n  justify-content: center;\n}\n\n.day:hover:not([aria-disabled='true']) {\n  background: var(--pf-daterange-bg-subtle);\n}\n\n.day:focus-visible {\n  box-shadow: var(--pf-daterange-focus-ring);\n  outline: none;\n}\n\n.day--today {\n  border-color: var(--pf-calendar-today-border);\n}\n\n/*\n * The inside of the range is square and the ends are rounded on their outer\n * side only, so the run reads as one band rather than a row of pills.\n */\n.day--inside {\n  background: var(--pf-daterange-range-bg);\n  border-radius: 0;\n  color: var(--pf-daterange-range-text);\n}\n\n.day--endpoint {\n  background: var(--pf-calendar-selected-bg);\n  border-color: var(--pf-calendar-selected-bg);\n  color: var(--pf-calendar-selected-text);\n}\n\n.day--start:not(.day--end) {\n  border-end-end-radius: 0;\n  border-start-end-radius: 0;\n}\n\n.day--end:not(.day--start) {\n  border-end-start-radius: 0;\n  border-start-start-radius: 0;\n}\n\n.day[aria-disabled='true'] {\n  cursor: not-allowed;\n  opacity: 0.4;\n}\n","import {\n  addMonths,\n  buildCalendarDays,\n  CALENDAR_CELL_COUNT,\n  clampMonthToYearRange,\n  composeDescribedBy,\n  formatDateRange,\n  formatISODate,\n  isOutsideDateRange,\n  isSameDay,\n  isSameMonth,\n  Keys,\n  moveCalendarDate,\n  nextDateRangeSelection,\n  observeAnchoredPosition,\n  parseDateRange,\n  parseISODate,\n  rangeDayState,\n  startOfMonth,\n  toMidday,\n  WEEKDAY_LABELS,\n  type CalendarMove,\n  type DateRangeValue,\n} from '@pitchfork-ui/core';\n\nimport { applyControlValidity } from '../../form-validity';\nimport { controlAriaLabel } from '../../control-label';\nimport { placePopover } from '../../place-popover';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\n\nconst MOVES: Record<string, CalendarMove> = {\n  [Keys.ArrowRight]: 'day-next',\n  [Keys.ArrowLeft]: 'day-previous',\n  [Keys.ArrowDown]: 'week-next',\n  [Keys.ArrowUp]: 'week-previous',\n  [Keys.Home]: 'week-start',\n  [Keys.End]: 'week-end',\n  PageDown: 'month-next',\n  PageUp: 'month-previous',\n};\n\n/**\n * A form-associated date-range field: two month grids in a popover, with a\n * preview that follows the pointer while the range is half-made.\n *\n * **It submits two entries from one control.** `setFormValue` accepts a\n * `FormData`, and every entry in it is submitted — measured, along with the\n * fact that the element's own `name` attribute is then ignored entirely. So a\n * range goes in as `${name}-start` and `${name}-end`, which is what a server\n * handling a form actually wants, rather than one field a handler has to split.\n * The `value` property stays a single round-trippable `start/end` string.\n *\n * The grids are rendered here rather than composed from two `pf-calendar`s:\n * the range preview spans both months, so one element has to own the hover and\n * the selection for both. The day-state and selection rules are core's, shared\n * with the React component.\n *\n * @part field - the wrapper around label, control and messages.\n * @part label - the label element.\n * @part trigger - the button that opens the grids.\n * @part clear - the clear button.\n * @part panel - the floating panel.\n * @part grid - each month grid.\n * @part day - every day cell.\n * @part description - the hint text below the control.\n * @part error - the error message below the control.\n */\n@Component({\n  tag: 'pf-date-range-picker',\n  styleUrl: 'pf-date-range-picker.css',\n  formAssociated: true,\n  shadow: true,\n})\nexport class PfDateRangePicker {\n  @Element() el!: HTMLElement;\n  @AttachInternals() internals!: ElementInternals;\n\n  /**\n   * The base name for the two submitted entries, `${name}-start` and\n   * `${name}-end`. Reflected for selectors; the submission reads the property,\n   * because a `FormData` value carries its own keys.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /** The range as `YYYY-MM-DD/YYYY-MM-DD`, or empty. */\n  @Prop({ mutable: true }) value = '';\n\n  /** Whether the panel is showing. Reflected for the stylesheet. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  @Prop() label?: string;\n\n  @Prop() description?: string;\n\n  @Prop() error?: string;\n\n  @Prop() placeholder = 'Select dates';\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Offer a button that empties the range. */\n  @Prop() allowClear = false;\n\n  @Prop() min?: string;\n\n  @Prop() max?: string;\n\n  @Prop() startYear?: number;\n\n  @Prop() endYear?: number;\n\n  /** A predicate for days that cannot be chosen; see `pf-calendar`. */\n  @Prop() isDateDisabled?: (date: Date) => boolean;\n\n  /** Fires when the range changes or is cleared, with the `start/end` string. */\n  @Event() pfChange!: EventEmitter<{ value: string; start: string; end: string }>;\n\n  /** Fires whenever the panel opens or closes, whoever caused it. */\n  @Event() pfOpenChange!: EventEmitter<{ open: boolean }>;\n\n  /** The left-hand month; the right-hand one is always the month after. */\n  @State() leftMonth: Date = startOfMonth(new Date());\n\n  /** The day the grids' single tab stop sits on. */\n  @State() focusedDate: Date = toMidday(new Date());\n\n  /** The day under the pointer, which previews the missing end. */\n  @State() hovered: Date | null = null;\n\n  /** True once a start is chosen and the next click sets the end. */\n  @State() awaitingEnd = false;\n\n  private initialValue = '';\n\n  /**\n   * The start held while the range is half-made.\n   *\n   * Not in `value`, because `value` is the *submitted* range and a half-made\n   * one is not a range — a form read mid-selection would see a start with no\n   * end. Held here instead, and folded back in for rendering.\n   */\n  private pendingStart: Date | null = null;\n  private stopObserving?: () => void;\n  private shouldRestoreFocus = false;\n\n  componentWillLoad() {\n    this.initialValue = this.value ?? '';\n    const { start } = this.range();\n    const base = start ?? toMidday(new Date());\n    this.focusedDate = base;\n    this.leftMonth = this.clamp(startOfMonth(base));\n    this.syncFormState();\n  }\n\n  componentDidRender() {\n    if (!this.shouldRestoreFocus) return;\n    this.shouldRestoreFocus = false;\n    this.el.shadowRoot?.querySelector<HTMLButtonElement>('button[data-day][tabindex=\"0\"]')?.focus();\n  }\n\n  disconnectedCallback() {\n    this.stopObserving?.();\n  }\n\n  /**\n   * Follows a range set from outside, so the grids show what they are told.\n   *\n   * Without this the element kept whatever month it loaded with, and a\n   * consumer assigning `value` got a correct value over the wrong months —\n   * the days it names were not even rendered.\n   */\n  @Watch('value')\n  syncDisplayedMonths() {\n    const { start, end } = this.range();\n    if (!start || !end) return;\n    this.pendingStart = null;\n    this.awaitingEnd = false;\n    this.focusedDate = start;\n    this.leftMonth = this.clamp(startOfMonth(start));\n  }\n\n  /*\n   * `name` is watched here and not on the controls that pass a plain string to\n   * `setFormValue`: those take their submission name from the reflected\n   * attribute, so the platform picks a change up by itself. This one builds\n   * the name *into* a FormData, so without the watch a name assigned after\n   * load would never reach the submission.\n   */\n  @Watch('name')\n  @Watch('value')\n  @Watch('error')\n  @Watch('required')\n  syncFormState() {\n    const { start, end } = this.range();\n\n    if (!start || !end || !this.name) {\n      this.internals.setFormValue(null);\n    } else {\n      /*\n       * A FormData, so one control submits both ends. Measured: every entry in\n       * it reaches the submission, and the element's own `name` attribute is\n       * ignored in this mode — which is why the keys are built here.\n       */\n      const data = new FormData();\n      data.append(`${this.name}-start`, formatISODate(start));\n      data.append(`${this.name}-end`, formatISODate(end));\n      this.internals.setFormValue(data);\n    }\n\n    applyControlValidity(this.internals, Boolean(start && end), this.required, this.error);\n  }\n\n  @Watch('open')\n  syncOpen(next: boolean, previous: boolean) {\n    if (next) this.showPanel();\n    else this.hidePanel();\n    if (next !== previous) this.pfOpenChange.emit({ open: next });\n  }\n\n  @Method()\n  async show(): Promise<void> {\n    if (!this.disabled) this.open = true;\n  }\n\n  @Method()\n  async hide(): Promise<void> {\n    this.open = false;\n  }\n\n  @Method()\n  async checkValidity(): Promise<boolean> {\n    return this.internals.checkValidity();\n  }\n\n  @Method()\n  async reportValidity(): Promise<boolean> {\n    return this.internals.reportValidity();\n  }\n\n  @Method()\n  async getValidationMessage(): Promise<string> {\n    return this.internals.validationMessage;\n  }\n\n  formResetCallback() {\n    this.value = this.initialValue;\n    this.awaitingEnd = false;\n    this.hovered = null;\n  }\n\n  private range(): DateRangeValue {\n    return parseDateRange(this.value, parseISODate);\n  }\n\n  private get years() {\n    const now = new Date().getFullYear();\n    const start = this.startYear ?? now - 50;\n    const end = this.endYear ?? now + 50;\n    return { start: Math.min(start, end), end: Math.max(start, end) };\n  }\n\n  private clamp(date: Date): Date {\n    const { start, end } = this.years;\n    return clampMonthToYearRange(date, start, end);\n  }\n\n  private get panel() {\n    return this.el.shadowRoot?.querySelector<HTMLElement>('[part=\"panel\"]') ?? null;\n  }\n\n  private get trigger() {\n    return this.el.shadowRoot?.querySelector<HTMLButtonElement>('[part=\"trigger\"]') ?? null;\n  }\n\n  private isDisabled(date: Date): boolean {\n    if (isOutsideDateRange(date, parseISODate(this.min), parseISODate(this.max))) return true;\n    return this.isDateDisabled?.(date) ?? false;\n  }\n\n  private showPanel() {\n    const panel = this.panel;\n    if (this.disabled || !panel || panel.matches(':popover-open')) return;\n\n    panel.showPopover();\n    this.stopObserving?.();\n    this.stopObserving = observeAnchoredPosition({\n      getAnchor: () => this.trigger,\n      getFloating: () => panel,\n      align: 'start',\n      matchAnchorWidth: false,\n      flip: true,\n      onChange: ({ left, top }) => placePopover(panel, left, top),\n    });\n\n    this.shouldRestoreFocus = true;\n  }\n\n  private hidePanel() {\n    this.stopObserving?.();\n    this.stopObserving = undefined;\n    this.hovered = null;\n    const panel = this.panel;\n    if (panel?.matches(':popover-open')) panel.hidePopover();\n  }\n\n  private onToggle = (event: ToggleEvent) => {\n    const nowOpen = event.newState === 'open';\n    if (this.open !== nowOpen) this.open = nowOpen;\n    if (!nowOpen) this.trigger?.focus();\n  };\n\n  /** One click through core's state machine, plus this element's side-effects. */\n  private pick(date: Date) {\n    if (this.isDisabled(date)) return;\n\n    /*\n     * `displayRange()`, not `range()`. A half-made range is deliberately kept\n     * out of `value`, so reading the state machine's input from `value` hands\n     * it a range with no start — and core, correctly, treats that as \"begin a\n     * new range\". Every second click restarted instead of closing. Caught by\n     * the swap and Enter tests.\n     */\n    const next = nextDateRangeSelection(\n      { range: this.displayRange(), awaitingEnd: this.awaitingEnd },\n      date,\n    );\n\n    this.awaitingEnd = next.awaitingEnd;\n    this.focusedDate = toMidday(date);\n\n    if (next.awaitingEnd) {\n      // Half-made: hold the start without reporting an incomplete range.\n      this.value = '';\n      this.pendingStart = next.range.start;\n      return;\n    }\n\n    this.pendingStart = null;\n    this.hovered = null;\n    this.value = formatDateRange(next.range, formatISODate);\n    this.pfChange.emit({\n      value: this.value,\n      start: next.range.start ? formatISODate(next.range.start) : '',\n      end: next.range.end ? formatISODate(next.range.end) : '',\n    });\n    this.open = false;\n  }\n\n  /** What the grids draw: the committed range, or the half-made one. */\n  private displayRange(): DateRangeValue {\n    const committed = this.range();\n    if (committed.start && committed.end) return committed;\n    return { start: this.pendingStart, end: null };\n  }\n\n  private moveFocus(move: CalendarMove) {\n    const next = moveCalendarDate(this.focusedDate, move);\n    const { start, end } = this.years;\n    if (next.getFullYear() < start || next.getFullYear() > end) return;\n\n    this.focusedDate = next;\n    this.shouldRestoreFocus = true;\n\n    // Keep the focused day on screen: it belongs to one of the two months.\n    const right = addMonths(this.leftMonth, 1);\n    if (!isSameMonth(next, this.leftMonth) && !isSameMonth(next, right)) {\n      this.leftMonth = this.clamp(startOfMonth(next));\n    }\n  }\n\n  private onKeyDown = (event: KeyboardEvent) => {\n    const move = MOVES[event.key];\n    if (move) {\n      event.preventDefault();\n      this.moveFocus(move);\n      return;\n    }\n\n    if (event.key === Keys.Enter || event.key === Keys.Space) {\n      event.preventDefault();\n      this.pick(this.focusedDate);\n      this.shouldRestoreFocus = true;\n    }\n  };\n\n  private clear = (event: MouseEvent) => {\n    event.stopPropagation();\n    if (!this.value && !this.pendingStart) return;\n    this.value = '';\n    this.pendingStart = null;\n    this.awaitingEnd = false;\n    this.hovered = null;\n    this.pfChange.emit({ value: '', start: '', end: '' });\n  };\n\n  private formatted(): string {\n    const { start, end } = this.range();\n    if (!start || !end) return '';\n    const format = new Intl.DateTimeFormat('en-US', {\n      month: 'short',\n      day: 'numeric',\n      year: 'numeric',\n    });\n    return `${format.format(start)} – ${format.format(end)}`;\n  }\n\n  private renderGrid(month: Date) {\n    const days = buildCalendarDays(month);\n    const range = this.displayRange();\n    const today = toMidday(new Date());\n    const label = new Intl.DateTimeFormat('en-US', {\n      month: 'long',\n      year: 'numeric',\n    }).format(month);\n\n    return (\n      <div class=\"month\">\n        <p class=\"month-label\">{label}</p>\n        <div class=\"grid\" part=\"grid\" role=\"grid\" aria-label={label}>\n          <div class=\"row\" role=\"row\">\n            {WEEKDAY_LABELS.map((day) => (\n              <span key={day} class=\"weekday\" role=\"columnheader\" aria-label={day}>\n                {day}\n              </span>\n            ))}\n          </div>\n\n          {Array.from({ length: CALENDAR_CELL_COUNT / 7 }, (_, week) => (\n            <div key={week} class=\"row\" role=\"row\">\n              {days.slice(week * 7, week * 7 + 7).map(({ date, inCurrentMonth }) => {\n                if (!inCurrentMonth) {\n                  return <span key={formatISODate(date)} class=\"empty\" role=\"gridcell\"></span>;\n                }\n\n                const state = rangeDayState(date, range, this.hovered);\n                const isEndpoint = state.isStart || state.isEnd;\n                const disabled = this.isDisabled(date);\n\n                return (\n                  <button\n                    key={formatISODate(date)}\n                    type=\"button\"\n                    role=\"gridcell\"\n                    data-day={formatISODate(date)}\n                    part=\"day\"\n                    class={{\n                      day: true,\n                      'day--today': isSameDay(today, date),\n                      'day--endpoint': isEndpoint,\n                      'day--start': state.isStart,\n                      'day--end': state.isEnd,\n                      'day--inside': state.isInside,\n                    }}\n                    tabindex={isSameDay(this.focusedDate, date) ? 0 : -1}\n                    aria-selected={isEndpoint || state.isInside ? 'true' : 'false'}\n                    aria-current={isSameDay(today, date) ? 'date' : null}\n                    aria-disabled={disabled ? 'true' : null}\n                    aria-label={new Intl.DateTimeFormat('en-US', {\n                      weekday: 'long',\n                      month: 'long',\n                      day: 'numeric',\n                      year: 'numeric',\n                    }).format(date)}\n                    onClick={() => {\n                      this.pick(date);\n                      this.shouldRestoreFocus = true;\n                    }}\n                    onMouseEnter={() => {\n                      if (this.awaitingEnd && !disabled) this.hovered = date;\n                    }}\n                  >\n                    {date.getDate()}\n                  </button>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    );\n  }\n\n  render() {\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      this.error && 'error',\n    );\n    const text = this.formatted();\n    const right = addMonths(this.leftMonth, 1);\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"trigger\">\n              {this.label}\n              {this.required && (\n                <span class=\"required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          )}\n\n          <div class=\"row-controls\">\n            <button\n              id=\"trigger\"\n              aria-label={controlAriaLabel(this.el, this.label)}\n              part=\"trigger\"\n              class={{ trigger: true, 'trigger--invalid': Boolean(this.error) }}\n              type=\"button\"\n              disabled={this.disabled}\n              aria-haspopup=\"dialog\"\n              aria-expanded={this.open ? 'true' : 'false'}\n              aria-controls=\"panel\"\n              aria-invalid={this.error ? 'true' : null}\n              aria-required={this.required ? 'true' : null}\n              aria-describedby={describedBy}\n              onClick={() => {\n                if (!this.disabled) this.open = !this.open;\n              }}\n            >\n              <span class={{ value: true, 'value--placeholder': !text }}>\n                {text || this.placeholder}\n              </span>\n              <pf-icon name=\"calendar\"></pf-icon>\n            </button>\n\n            {this.allowClear && (this.value || this.pendingStart) && (\n              <button\n                class=\"clear\"\n                part=\"clear\"\n                type=\"button\"\n                aria-label=\"Clear selected dates\"\n                disabled={this.disabled}\n                onClick={this.clear}\n              >\n                <pf-icon name=\"circle-xmark\"></pf-icon>\n              </button>\n            )}\n          </div>\n\n          {this.description && (\n            <p class=\"description\" part=\"description\" id=\"description\">\n              {this.description}\n            </p>\n          )}\n          {this.error && (\n            <p class=\"error\" part=\"error\" id=\"error\">\n              {this.error}\n            </p>\n          )}\n        </div>\n\n        <div\n          id=\"panel\"\n          part=\"panel\"\n          class=\"panel\"\n          popover=\"auto\"\n          role=\"dialog\"\n          aria-label=\"Choose a date range\"\n          onToggle={this.onToggle}\n          onKeyDown={this.onKeyDown}\n          onMouseLeave={() => {\n            this.hovered = null;\n          }}\n        >\n          <div class=\"nav\">\n            <button\n              type=\"button\"\n              class=\"step\"\n              aria-label=\"Previous month\"\n              onClick={() => {\n                this.leftMonth = this.clamp(addMonths(this.leftMonth, -1));\n              }}\n            >\n              <pf-icon name=\"square-caret-left\"></pf-icon>\n            </button>\n            <button\n              type=\"button\"\n              class=\"step\"\n              aria-label=\"Next month\"\n              onClick={() => {\n                this.leftMonth = this.clamp(addMonths(this.leftMonth, 1));\n              }}\n            >\n              <pf-icon name=\"square-caret-right\"></pf-icon>\n            </button>\n          </div>\n\n          <div class=\"months\">\n            {this.renderGrid(this.leftMonth)}\n            {this.renderGrid(right)}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pitchfork/p-03db6bae.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,a as r,h as s,H as n}from"./p-Bm6UxEit.js";import{o as i,p as a}from"./p-CC7AyfOt.js";import{K as o}from"./p-g4FlTDZx.js";import{r as p}from"./p-CAz7-p8y.js";import{s as d,r as f}from"./p-Fiuz9ck7.js";const h=()=>`:host{display:inline-flex}:host([hidden]){display:none}:host{--pf-menu-text:var(--pf-dropdown-text);--pf-menu-text-muted:var(--pf-dropdown-text-muted);--pf-menu-text-danger:var(--pf-dropdown-text-danger);--pf-menu-item-active-bg:var(--pf-dropdown-surface-subtle, var(--pf-surface-subtle));--pf-menu-separator:var(--pf-dropdown-surface-border, var(--pf-surface-border))}.menu{inset:auto;margin:0;background:var(--pf-dropdown-surface-bg, var(--pf-surface-bg));border:1px solid var(--pf-dropdown-surface-border, var(--pf-surface-border));border-radius:var(--radius-md);box-shadow:var(--pf-elevation-popover-shadow);max-height:min(60vh, 420px);overflow:auto;padding:var(--space-1)}.menu:popover-open{animation:pf-dropdown-in var(--duration-fast) var(--easing-decelerate)}@keyframes pf-dropdown-in{from{opacity:0;transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.menu:popover-open{animation:none}}`;const u=class{constructor(r){e(this,r);this.pfOpenChange=t(this,"pfOpenChange");this.pfSelect=t(this,"pfSelect")}get el(){return r(this)}open=false;align="start";label="Actions";disabled=false;pfOpenChange;pfSelect;stopObserving;componentDidLoad(){this.syncTrigger();if(this.open)this.showMenu()}disconnectedCallback(){this.stopObserving?.()}async show(){if(!this.disabled)this.open=true}async hide(){this.open=false}syncOpen(e,t){if(e)this.showMenu();else this.hideMenu();this.syncTrigger();if(e!==t)this.pfOpenChange.emit({open:e})}get panel(){return this.el.shadowRoot?.querySelector('[part="menu"]')??null}get trigger(){return this.el.firstElementChild}get items(){return Array.from(this.el.querySelectorAll("pf-menu-item"))}get enabledItems(){return this.items.filter((e=>!e.hasAttribute("disabled")))}syncTrigger(){const e=this.trigger;if(!e)return;e.setAttribute("aria-haspopup","menu");e.setAttribute("aria-expanded",this.open?"true":"false")}showMenu(){const e=this.panel;if(this.disabled||!e||e.matches(":popover-open"))return;e.showPopover();this.stopObserving?.();this.stopObserving=i({getAnchor:()=>this.trigger,getFloating:()=>e,align:this.align,matchAnchorWidth:false,minWidth:200,flip:true,onChange:({left:t,top:r,minWidth:s})=>{a(e,t,r);if(s!==undefined)e.style.minWidth=`${s}px`}});const t=this.enabledItems[0];d(this.enabledItems,t);t?.focus()}hideMenu(){this.stopObserving?.();this.stopObserving=undefined;const e=this.panel;if(e?.matches(":popover-open"))e.hidePopover()}handleClick(e){const t=this.trigger;if(!t||!e.composedPath().includes(t))return;if(this.disabled)return;this.open=!this.open}handleMenuSelect(e){e.stopPropagation();this.pfSelect.emit({value:e.detail.value});this.open=false;this.trigger?.focus()}handleKeyDown(e){if(e.defaultPrevented)return;if(!this.open){if(e.key===o.ArrowDown&&!this.disabled){e.preventDefault();this.open=true}return}if(e.key===o.Escape){e.stopPropagation();this.open=false;this.trigger?.focus();return}const t=f(e.key,"vertical");if(!t)return;const r=this.enabledItems;if(r.length===0)return;const s=r.indexOf(document.activeElement);const n=p(t,r.map(((e,t)=>t)),s);if(n<0)return;e.preventDefault();d(r,r[n]);r[n].focus()}onToggle=e=>{const t=e.newState==="open";if(t!==this.open)this.open=t};render(){return s(n,{key:"358568ed6a8634244c328770ab1902b21fc640f8"},s("slot",{key:"50cc5ffa9d4846cab0014e2b93d2e02a3464d618",onSlotchange:()=>this.syncTrigger()}),s("div",{key:"ad5b534c5e7dc3d506417e617b9c82d4db6c430a",class:"menu",part:"menu",popover:"auto",role:"menu","aria-label":this.label,onToggle:this.onToggle},s("slot",{key:"e4a3682b14ac2c4fce0aee14b31100a2af8ab548",name:"menu"})))}static get watchers(){return{open:[{syncOpen:0}]}}};u.style=h();export{u as pf_dropdown};
+//# sourceMappingURL=p-03db6bae.entry.js.map

package/dist/pitchfork/p-03db6bae.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pfDropdownCss","PfDropdown","open","align","label","disabled","pfOpenChange","pfSelect","stopObserving","componentDidLoad","this","syncTrigger","showMenu","disconnectedCallback","show","hide","syncOpen","next","previous","hideMenu","emit","panel","el","shadowRoot","querySelector","trigger","firstElementChild","items","Array","from","querySelectorAll","enabledItems","filter","item","hasAttribute","setAttribute","matches","showPopover","observeAnchoredPosition","getAnchor","getFloating","matchAnchorWidth","minWidth","flip","onChange","left","top","placePopover","undefined","style","first","syncRovingTabIndex","focus","hidePopover","handleClick","event","composedPath","includes","handleMenuSelect","stopPropagation","value","detail","handleKeyDown","defaultPrevented","key","Keys","ArrowDown","preventDefault","Escape","action","resolveRovingKey","length","currentIndex","indexOf","document","activeElement","nextIndex","resolveListMove","map","_","index","onToggle","newState","render","h","Host","onSlotchange","class","part","popover","role","name"],"sources":["src/components/pf-dropdown/pf-dropdown.css?tag=pf-dropdown&encapsulation=shadow","src/components/pf-dropdown/pf-dropdown.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/*\n * The generic set pf-menu-item and pf-menu-separator read, mapped to this\n * menu's own alias family. They inherit through the shadow boundary, so a\n * slotted item picks these up without knowing which menu it is in.\n */\n:host {\n  --pf-menu-text: var(--pf-dropdown-text);\n  --pf-menu-text-muted: var(--pf-dropdown-text-muted);\n  --pf-menu-text-danger: var(--pf-dropdown-text-danger);\n  --pf-menu-item-active-bg: var(--pf-dropdown-surface-subtle, var(--pf-surface-subtle));\n  --pf-menu-separator: var(--pf-dropdown-surface-border, var(--pf-surface-border));\n}\n\n/*\n * `inset: auto` and `margin: 0` are essential, not tidying -- see\n * `src/place-popover.ts`, which sets the same two inline and explains the\n * measurement. They are declared in both places deliberately: here so the\n * cascade carries them for the whole life of the panel, and inline so a panel\n * is still positioned where this stylesheet has not been applied.\n */\n.menu {\n  inset: auto;\n  margin: 0;\n  background: var(--pf-dropdown-surface-bg, var(--pf-surface-bg));\n  border: 1px solid var(--pf-dropdown-surface-border, var(--pf-surface-border));\n  border-radius: var(--radius-md);\n  box-shadow: var(--pf-elevation-popover-shadow);\n  max-height: min(60vh, 420px);\n  overflow: auto;\n  padding: var(--space-1);\n}\n\n.menu:popover-open {\n  animation: pf-dropdown-in var(--duration-fast) var(--easing-decelerate);\n}\n\n/* Its own copy: @keyframes do not cross a shadow boundary. */\n@keyframes pf-dropdown-in {\n  from {\n    opacity: 0;\n    transform: translateY(-4px);\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .menu:popover-open {\n    animation: none;\n  }\n}\n","import {\n  Keys,\n  observeAnchoredPosition,\n  resolveListMove,\n  resolveRovingKey,\n  syncRovingTabIndex,\n} 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\nimport { placePopover } from '../../place-popover';\n\n/**\n * A menu of actions, anchored to a trigger.\n *\n * `popover=\"auto\"`, so light-dismiss and Escape are the browser's, as in\n * `pf-popover`. The keyboard pattern is the ARIA menu one and reuses core's\n * roving module — its third consumer, after `pf-toolbar` and\n * `pf-radio-group` — because the items are custom elements rather than native\n * controls and have to be queried by tag.\n *\n * @slot - the trigger.\n * @slot menu - `pf-menu-item` and `pf-menu-separator` children.\n * @part menu - the floating menu panel.\n */\n@Component({\n  tag: 'pf-dropdown',\n  styleUrl: 'pf-dropdown.css',\n  shadow: true,\n})\nexport class PfDropdown {\n  @Element() el!: HTMLElement;\n\n  /** Whether the menu is showing. Reflected so the stylesheet can select on it. */\n  @Prop({ mutable: true, reflect: true }) open = false;\n\n  /** Which edge of the trigger the menu lines up with. */\n  @Prop() align: 'start' | 'end' = 'start';\n\n  /** Accessible name for the menu. */\n  @Prop() label = 'Actions';\n\n  /** Prevent opening. Reflected so the stylesheet can select on it. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires whenever the menu opens or closes, whoever caused it. */\n  @Event() pfOpenChange!: EventEmitter<{ open: boolean }>;\n\n  /** Fires with the chosen item's value. The menu closes itself afterwards. */\n  @Event() pfSelect!: EventEmitter<{ value: string }>;\n\n  private stopObserving?: () => void;\n\n  componentDidLoad() {\n    this.syncTrigger();\n    if (this.open) this.showMenu();\n  }\n\n  disconnectedCallback() {\n    this.stopObserving?.();\n  }\n\n  /** Opens the menu. */\n  @Method()\n  async show(): Promise<void> {\n    if (!this.disabled) this.open = true;\n  }\n\n  /** Closes the menu. */\n  @Method()\n  async hide(): Promise<void> {\n    this.open = false;\n  }\n\n  /** See pf-popover: the watch is the one place every path passes through. */\n  @Watch('open')\n  syncOpen(next: boolean, previous: boolean) {\n    if (next) this.showMenu();\n    else this.hideMenu();\n    this.syncTrigger();\n    if (next !== previous) this.pfOpenChange.emit({ open: next });\n  }\n\n  private get panel() {\n    return this.el.shadowRoot?.querySelector<HTMLElement>('[part=\"menu\"]') ?? null;\n  }\n\n  private get trigger() {\n    return this.el.firstElementChild as HTMLElement | null;\n  }\n\n  /** The actionable items, in source order. Separators are not items. */\n  private get items(): HTMLElement[] {\n    return Array.from(this.el.querySelectorAll<HTMLElement>('pf-menu-item'));\n  }\n\n  private get enabledItems(): HTMLElement[] {\n    return this.items.filter((item) => !item.hasAttribute('disabled'));\n  }\n\n  /**\n   * `aria-controls` is absent on purpose: an IDREF does not cross a shadow\n   * boundary, so pointing it at the panel would dangle. `aria-haspopup` and\n   * `aria-expanded` carry what is announced.\n   */\n  private syncTrigger() {\n    const trigger = this.trigger;\n    if (!trigger) return;\n    trigger.setAttribute('aria-haspopup', 'menu');\n    trigger.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n  }\n\n  private showMenu() {\n    const panel = this.panel;\n    if (this.disabled || !panel || panel.matches(':popover-open')) return;\n\n    panel.showPopover();\n    this.stopObserving?.();\n    this.stopObserving = observeAnchoredPosition({\n      getAnchor: () => this.trigger,\n      getFloating: () => panel,\n      align: this.align,\n      matchAnchorWidth: false,\n      minWidth: 200,\n      flip: true,\n      onChange: ({ left, top, minWidth }) => {\n        placePopover(panel, left, top);\n        if (minWidth !== undefined) panel.style.minWidth = `${minWidth}px`;\n      },\n    });\n\n    // The ARIA menu pattern puts focus on the first item, not on the menu.\n    const first = this.enabledItems[0];\n    syncRovingTabIndex(this.enabledItems, first);\n    first?.focus();\n  }\n\n  private hideMenu() {\n    this.stopObserving?.();\n    this.stopObserving = undefined;\n    const panel = this.panel;\n    if (panel?.matches(':popover-open')) panel.hidePopover();\n  }\n\n  @Listen('click')\n  handleClick(event: MouseEvent) {\n    const trigger = this.trigger;\n    if (!trigger || !event.composedPath().includes(trigger)) return;\n    if (this.disabled) return;\n    this.open = !this.open;\n  }\n\n  /**\n   * An item asked to be acted on. The menu reports it and closes, which is\n   * what makes `pf-menu-item` reusable: it knows nothing about its container.\n   */\n  @Listen('pfMenuSelect')\n  handleMenuSelect(event: CustomEvent<{ value: string }>) {\n    event.stopPropagation();\n    this.pfSelect.emit({ value: event.detail.value });\n    this.open = false;\n    this.trigger?.focus();\n  }\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent) {\n    if (event.defaultPrevented) return;\n\n    // Down on a closed trigger opens the menu, as a menu button should.\n    if (!this.open) {\n      if (event.key === Keys.ArrowDown && !this.disabled) {\n        event.preventDefault();\n        this.open = true;\n      }\n      return;\n    }\n\n    if (event.key === Keys.Escape) {\n      event.stopPropagation();\n      this.open = false;\n      this.trigger?.focus();\n      return;\n    }\n\n    // A menu is a column, so navigation is always the vertical axis.\n    const action = resolveRovingKey(event.key, 'vertical');\n    if (!action) return;\n\n    const items = this.enabledItems;\n    if (items.length === 0) return;\n\n    const currentIndex = items.indexOf(document.activeElement as HTMLElement);\n    const nextIndex = resolveListMove(\n      action,\n      items.map((_, index) => index),\n      currentIndex,\n    );\n    if (nextIndex < 0) return;\n\n    event.preventDefault();\n    syncRovingTabIndex(items, items[nextIndex]);\n    items[nextIndex].focus();\n  }\n\n  private onToggle = (event: Event) => {\n    const next = (event as ToggleEvent).newState === 'open';\n    if (next !== this.open) this.open = next;\n  };\n\n  render() {\n    return (\n      <Host>\n        <slot onSlotchange={() => this.syncTrigger()} />\n        <div\n          class=\"menu\"\n          part=\"menu\"\n          popover=\"auto\"\n          role=\"menu\"\n          aria-label={this.label}\n          onToggle={this.onToggle}\n        >\n          <slot name=\"menu\" />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/pitchfork/p-04869bdc.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as i,a as t,h as r,H as a}from"./p-Bm6UxEit.js";import{c as s}from"./p-DfpCerXM.js";import{a as o}from"./p-Cr6IXrUk.js";function n(e){if(!Number.isFinite(e)||e<0)return"0 B";if(e<1024)return`${Math.round(e)} B`;if(e<1024**2)return`${(e/1024).toFixed(1)} KB`;if(e<1024**3)return`${(e/1024**2).toFixed(1)} MB`;return`${(e/1024**3).toFixed(1)} GB`}function l(e){return`${e.name}-${e.size}-${e.lastModified??0}`}function d(e,i,{multiple:t=true}={}){if(!t)return i.slice(0,1);const r=new Map;for(const t of[...e,...i]){const e=l(t);if(!r.has(e))r.set(e,t)}return[...r.values()]}function f(e,i){const t=(i??"").split(",").map((e=>e.trim().toLowerCase())).filter(Boolean);if(t.length===0)return true;const r=e.name.toLowerCase();const a=(e.type??"").toLowerCase();return t.some((e=>{if(e.startsWith("."))return r.endsWith(e);if(e.endsWith("/*"))return a.startsWith(`${e.slice(0,-1)}`);return a===e}))}function c(e,{maxFiles:i,maxFileSize:t,accept:r}={}){if(r){const i=e.find((e=>!f(e,r)));if(i)return`"${i.name}" is not an accepted file type.`}if(typeof t==="number"&&t>=0){const i=e.find((e=>e.size>t));if(i)return`"${i.name}" exceeds the ${n(t)} size limit.`}if(typeof i==="number"&&i>=0&&e.length>i)return`You can upload up to ${i} file${i===1?"":"s"}.`;return null}function p(e,{maxFiles:i,maxFileSize:t}={}){const r=[];if(e)r.push(`Accepted: ${e}`);if(typeof t==="number"&&t>=0)r.push(`Max size: ${n(t)}`);if(typeof i==="number"&&i>=0)r.push(`Max files: ${i}`);return r.join(" | ")}const u=()=>`:host{display:block}:host([hidden]){display:none}.field{display:grid;gap:var(--space-2)}.label{color: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)}.description{color: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}.input{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.dropzone{align-items:center;background:var(--pf-file-uploader-bg);border:1px dashed var(--pf-file-uploader-border-strong);border-radius:var(--radius-md);color:var(--pf-file-uploader-text);cursor:pointer;display:grid;font:inherit;gap:var(--space-1);justify-items:center;padding:var(--space-5) var(--space-4);text-align:center;transition:all var(--pf-transition-fast);width:100%}.dropzone:hover:not(:disabled){background:var(--pf-file-uploader-bg-subtle)}.dropzone:focus-visible{box-shadow:var(--pf-file-uploader-focus-ring, var(--pf-focus-ring));outline:none}.dropzone--active{background:var(--pf-file-uploader-bg-subtle);border-color:var(--pf-file-uploader-active-border)}.dropzone--invalid{border-color:var(--pf-file-uploader-invalid-border)}.dropzone:disabled{cursor:not-allowed;opacity:var(--pf-file-uploader-disabled-opacity, 0.5)}.icon{color:var(--pf-file-uploader-text-muted);font-size:var(--font-size-xl)}.title{font-weight:var(--font-weight-semibold)}.subtitle,.hint{color:var(--pf-file-uploader-text-muted);font-size:var(--font-size-sm)}.hint{font-size:var(--font-size-xs)}.list{display:grid;gap:var(--space-1);list-style:none;margin:0;padding:0}.file{align-items:center;background:var(--pf-file-uploader-bg-subtle);border:1px solid var(--pf-file-uploader-border);border-radius:var(--radius-sm);display:flex;gap:var(--space-2);justify-content:space-between;padding:var(--space-2) var(--space-3)}.meta{display:flex;gap:var(--space-2);min-width:0}.file-name{color:var(--pf-file-uploader-text);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:var(--pf-file-uploader-text-muted);flex:0 0 auto;font-size:var(--font-size-xs)}.remove{align-items:center;background:transparent;border:0;border-radius:var(--radius-sm);color:var(--pf-file-uploader-text-muted);cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:var(--space-1)}.remove:hover:not(:disabled){color:var(--pf-file-uploader-text)}.remove:focus-visible{box-shadow:var(--pf-file-uploader-focus-ring, var(--pf-focus-ring));outline:none}.remove:disabled{cursor:not-allowed;opacity:var(--pf-file-uploader-disabled-opacity, 0.5)}@media (prefers-reduced-motion: reduce){.dropzone{transition:none}}`;const h=class{constructor(t){e(this,t);this.pfChange=i(this,"pfChange");this.pfReject=i(this,"pfReject");if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}}internals;get el(){return t(this)}name;files=[];accept;multiple=true;maxFiles;maxFileSize;label;description;error;required=false;disabled=false;pfChange;pfReject;rejection;dragDepth=0;initialFiles=[];input;componentWillLoad(){this.initialFiles=[...this.files??[]];this.syncFormState()}syncFormState(){const e=this.files??[];if(this.name&&e.length>0){const i=new FormData;for(const t of e)i.append(this.name,t);this.internals.setFormValue(i)}else{this.internals.setFormValue(null)}o(this.internals,e.length>0,this.required,this.error??this.rejection)}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}async getValidationMessage(){return this.internals.validationMessage}async open(){if(!this.disabled)this.input?.click()}formResetCallback(){this.files=[...this.initialFiles];this.rejection=undefined;this.dragDepth=0}get limits(){return{maxFiles:this.maxFiles,maxFileSize:this.maxFileSize,accept:this.accept}}addFiles(e){if(!e||this.disabled)return;const i=d(this.files??[],Array.from(e),{multiple:this.multiple});const t=c(i,this.limits);if(this.input)this.input.value="";if(t){this.rejection=t;this.pfReject.emit({message:t});return}this.rejection=undefined;this.files=i;this.pfChange.emit({files:i})}removeAt(e){if(this.disabled)return;const i=(this.files??[]).filter(((i,t)=>t!==e));this.rejection=undefined;this.files=i;this.pfChange.emit({files:i})}onDragEnter=e=>{e.preventDefault();if(this.disabled)return;this.dragDepth+=1};onDragLeave=e=>{e.preventDefault();this.dragDepth=Math.max(0,this.dragDepth-1)};onDrop=e=>{e.preventDefault();this.dragDepth=0;this.addFiles(e.dataTransfer?.files??null)};render(){const e=this.files??[];const i=this.error??this.rejection;const t=p(this.accept,this.limits);const o=s(this.description&&"description",i&&"error",t&&"hint");return r(a,{key:"b3d295cdda9ec1becb407406f87514d1551f06d5"},r("div",{key:"e1617a342f4ea80e6ed55b2dca454d586c36df29",class:"field",part:"field"},this.label&&r("label",{key:"8f625e01a182d67267d43aad08f1a3a13d5ec163",class:"label",part:"label",htmlFor:"dropzone"},this.label,this.required&&r("span",{key:"26240be666f6ea5501b72fefdf90cf88c8536a3d",class:"required","aria-hidden":"true"},"*")),r("input",{key:"2cbb754c8cefebfd7330bc41bd364c4e7a56d02f",ref:e=>this.input=e,id:"input",class:"input",type:"file",accept:this.accept,multiple:this.multiple,disabled:this.disabled,tabindex:-1,"aria-hidden":"true",onChange:e=>this.addFiles(e.target.files)}),r("button",{key:"7aeb521a180397169ed14973981d9c970d87cd5e",id:"dropzone",type:"button",class:{dropzone:true,"dropzone--active":this.dragDepth>0,"dropzone--invalid":Boolean(i)},part:"dropzone",disabled:this.disabled,"aria-invalid":i?"true":null,"aria-describedby":o,onClick:()=>this.open(),onDragEnter:this.onDragEnter,onDragOver:e=>e.preventDefault(),onDragLeave:this.onDragLeave,onDrop:this.onDrop},r("span",{key:"b04a52684ff15f27ceba80943d9acfc7ecaa64d4",class:"icon",part:"icon","aria-hidden":"true"},r("pf-icon",{key:"cab1bd987ea9e7390b6694a31183f867e4185124",name:"file-arrow-up"})),r("span",{key:"fbb198fd16117eef5d844f2c775ab09cc8ccd194",class:"title"},"Upload files"),r("span",{key:"121e3bb418bca550eed7f94de79c5c01b044a6dd",class:"subtitle"},"Drag and drop files here, or click to browse."),t&&r("span",{key:"d590def1f305c437444dd21caa268a93a1ab8444",class:"hint",id:"hint"},t)),e.length>0&&r("ul",{key:"3af82b2c94954b4d872b6dd5ddfaa24a1397b01c",class:"list",part:"list","aria-label":"Selected files"},e.map(((e,i)=>r("li",{class:"file",part:"file",key:l(e)},r("span",{class:"meta"},r("span",{class:"file-name"},e.name),r("span",{class:"file-size"},n(e.size))),r("button",{type:"button",class:"remove",part:"remove","aria-label":`Remove ${e.name}`,disabled:this.disabled,onClick:()=>this.removeAt(i)},r("pf-icon",{name:"circle-xmark","aria-hidden":"true"})))))),this.description&&r("p",{key:"95f9c54b3b9ad2e7e1a6e0cc7242e372b9720218",class:"description",part:"description",id:"description"},this.description),i&&r("p",{key:"e5f1e9164d1e6f03a9c6412b9446f7f03262fc65",class:"error",part:"error",id:"error"},i)))}static get formAssociated(){return true}static get watchers(){return{files:[{syncFormState:0}],error:[{syncFormState:0}],required:[{syncFormState:0}],rejection:[{syncFormState:0}]}}};h.style=u();export{h as pf_file_uploader};
+//# sourceMappingURL=p-04869bdc.entry.js.map