@pitchfork-ui/elements 0.0.0-stage → 0.1.0

package/dist/esm/progress-BA6CMosJ.js

@@ -0,0 +1,80 @@
+//#region src/progress.ts
+/**
+* Progress arithmetic, shared because both layers must agree.
+*
+* A React `ProgressBar` and a `<pf-progress-bar>` given `value=30 max=60` have
+* to report the same `aria-valuenow` and draw the same fill. Two copies of a
+* clamp drift the moment one of them is fixed, and the arc maths is worse: the
+* circle's stroke only lands on the right angle if the dash offset and the
+* circumference were computed from the same radius.
+*/
+/** The fraction of `max` that `value` represents, as a percentage in 0–100. */
+function clampProgressPercent(value, max) {
+	if (!(max > 0)) return 0;
+	if (Number.isNaN(value)) return 0;
+	return Math.max(0, Math.min(100, value / max * 100));
+}
+/**
+* The value to announce for a given percentage — rounded, because a screen
+* reader reading "aria-valuenow: 30.000000000000004" serves nobody.
+*/
+function progressValueNow(percent, max) {
+	return Math.round(percent / 100 * max);
+}
+/**
+* Geometry for a circular progress track.
+*
+* The radius is inset by half the stroke width because an SVG stroke straddles
+* the path: a circle of radius `size / 2` would have half its stroke painted
+* outside the viewBox and clipped.
+*/
+function getProgressCircleGeometry(size, strokeWidth, percent) {
+	const radius = Math.max(0, (size - strokeWidth) / 2);
+	const circumference = 2 * Math.PI * radius;
+	return {
+		radius,
+		circumference,
+		dashOffset: circumference * (1 - percent / 100),
+		center: size / 2
+	};
+}
+/**
+* Sanitise a slider's bounds.
+*
+* Every rule here exists because the alternative renders nothing useful: a
+* non-finite bound gives a track of NaN width, an inverted range gives a
+* negative one, and a step of zero or less makes the control refuse every
+* value the user picks.
+*/
+function normalizeRange(min, max, step) {
+	const safeMin = Number.isFinite(min) ? min : 0;
+	const safeMax = Number.isFinite(max) ? max : safeMin + 100;
+	return {
+		min: safeMin,
+		max: safeMax >= safeMin ? safeMax : safeMin,
+		step: Number.isFinite(step) && step > 0 ? step : 1
+	};
+}
+/**
+* Where `value` sits between `min` and `max`, as a percentage in 0–100.
+*
+* Distinct from `clampProgressPercent`, which measures a fraction of `max`
+* from an implicit zero. A slider's track starts at `min`, so a value of 5 on
+* a 0–10 range and on a 5–15 range are 50% and 0% respectively.
+*/
+function getRangePercent(value, min, max) {
+	const range = max - min;
+	if (!(range > 0)) return 0;
+	if (Number.isNaN(value)) return 0;
+	return Math.max(0, Math.min(100, (value - min) / range * 100));
+}
+/** Keep `value` within the inclusive range. */
+function clampToRange(value, min, max) {
+	if (Number.isNaN(value)) return min;
+	return Math.min(Math.max(value, min), max);
+}
+
+export { clampToRange as a, getRangePercent as b, clampProgressPercent as c, getProgressCircleGeometry as g, normalizeRange as n, progressValueNow as p };
+//# sourceMappingURL=progress-BA6CMosJ.js.map
+
+//# sourceMappingURL=progress-BA6CMosJ.js.map

package/dist/esm/progress-BA6CMosJ.js.map

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

package/dist/esm/rating-DVK0sUX2.js

@@ -0,0 +1,52 @@
+//#region src/rating.ts
+/**
+* The arithmetic behind a star rating.
+*
+* Shared because both of this library's rating components clamp and both fill
+* stars, and because a half star is a judgement: 3.5 out of 5 has to fill the
+* fourth star by the same amount in a React `RatingStars` and in a
+* `<pf-rating-stars>`, or the same rating looks like two different ones.
+*/
+/**
+* Keeps a rating inside 0..max, so a star cannot be more or less than full.
+*
+* `NaN` is no rating rather than a clamped one: `Math.min(Math.max(NaN, 0), 5)`
+* is `NaN`, which the React component then rendered as the text "NaN" and as a
+* `NaN%` CSS width. An infinite rating is simply the maximum.
+*/
+function clampRating(value, max) {
+	if (Number.isNaN(value)) return 0;
+	return Math.min(Math.max(value, 0), Math.max(max, 0));
+}
+/**
+* How much of the star at `index` (counting from 0) is filled, as a whole
+* percentage.
+*
+* Rounded, because the value is written into a CSS width and a long fraction
+* there buys nothing. A value at or past the star is full, a value short of
+* it is empty, and anything between fills by its fractional part — so 3.5
+* fills the fourth star halfway rather than rounding it to a whole star,
+* which is the whole point of showing a fraction.
+*/
+function starFillPercent(value, index) {
+	if (value >= index + 1) return 100;
+	if (value > index) return Math.round((value - index) * 100);
+	return 0;
+}
+/**
+* A rating as it is written down: one decimal place, always — `4.0` rather
+* than `4`, so a row of ratings lines up and none of them looks like a
+* different kind of number.
+*
+* Deliberately not locale-aware. The badge puts this either side of a `/`
+* where a decimal comma would read as a second separator, and the two layers
+* have to produce the same string for the same rating.
+*/
+function formatRating(value) {
+	return clampRating(value, Number.POSITIVE_INFINITY).toFixed(1);
+}
+
+export { clampRating as c, formatRating as f, starFillPercent as s };
+//# sourceMappingURL=rating-DVK0sUX2.js.map
+
+//# sourceMappingURL=rating-DVK0sUX2.js.map

package/dist/esm/rating-DVK0sUX2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-DVK0sUX2.js","sources":["../core/dist/rating.js"],"sourcesContent":["//#region src/rating.ts\n/**\n* The arithmetic behind a star rating.\n*\n* Shared because both of this library's rating components clamp and both fill\n* stars, and because a half star is a judgement: 3.5 out of 5 has to fill the\n* fourth star by the same amount in a React `RatingStars` and in a\n* `<pf-rating-stars>`, or the same rating looks like two different ones.\n*/\n/**\n* Keeps a rating inside 0..max, so a star cannot be more or less than full.\n*\n* `NaN` is no rating rather than a clamped one: `Math.min(Math.max(NaN, 0), 5)`\n* is `NaN`, which the React component then rendered as the text \"NaN\" and as a\n* `NaN%` CSS width. An infinite rating is simply the maximum.\n*/\nfunction clampRating(value, max) {\n\tif (Number.isNaN(value)) return 0;\n\treturn Math.min(Math.max(value, 0), Math.max(max, 0));\n}\n/**\n* How much of the star at `index` (counting from 0) is filled, as a whole\n* percentage.\n*\n* Rounded, because the value is written into a CSS width and a long fraction\n* there buys nothing. A value at or past the star is full, a value short of\n* it is empty, and anything between fills by its fractional part — so 3.5\n* fills the fourth star halfway rather than rounding it to a whole star,\n* which is the whole point of showing a fraction.\n*/\nfunction starFillPercent(value, index) {\n\tif (value >= index + 1) return 100;\n\tif (value > index) return Math.round((value - index) * 100);\n\treturn 0;\n}\n/**\n* A rating as it is written down: one decimal place, always — `4.0` rather\n* than `4`, so a row of ratings lines up and none of them looks like a\n* different kind of number.\n*\n* Deliberately not locale-aware. The badge puts this either side of a `/`\n* where a decimal comma would read as a second separator, and the two layers\n* have to produce the same string for the same rating.\n*/\nfunction formatRating(value) {\n\treturn clampRating(value, Number.POSITIVE_INFINITY).toFixed(1);\n}\n//#endregion\nexport { clampRating, formatRating, starFillPercent };\n"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE;AACjC,CAAC,IAAI,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;AAClC,CAAC,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE;AACvC,CAAC,IAAI,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,OAAO,GAAG;AACnC,CAAC,IAAI,KAAK,GAAG,KAAK,EAAE,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,KAAK,IAAI,GAAG,CAAC;AAC5D,CAAC,OAAO,CAAC;AACT;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,YAAY,CAAC,KAAK,EAAE;AAC7B,CAAC,OAAO,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/D;;;;"}

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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA,SAAS,cAAc,CAAC,KAAK,EAAE;AAC/B,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AACzF;AACA;AACA,SAAS,eAAe,CAAC,MAAM,EAAE;AACjC,CAAC,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC;AACxB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE;AAC1C,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,SAAS,KAAK,SAAS,KAAK,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,EAAE,KAAK,CAAC;AACvG;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,qBAAqB,CAAC,QAAQ,EAAE,KAAK,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,EAAE,EAAE;AAC3E,CAAC,IAAI,QAAQ,EAAE,OAAO,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC;AACxD,CAAC,OAAO,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC;AAC/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,qBAAqB,CAAC,MAAM,EAAE;AACvC,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE;AACzC,CAAC,MAAM,GAAG,GAAG,GAAG,CAAC,IAAI,EAAE;AACvB,CAAC,MAAM,MAAM,GAAG,CAAC,OAAO,MAAM;AAC9B,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;AACjB,EAAE,KAAK,EAAE,KAAK;AACd,EAAE;AACF,EAAE,CAAC;AACH,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,MAAM,CAAC,OAAO,CAAC;AACjC,CAAC,IAAI,OAAO,CAAC,GAAG,KAAK,MAAM,IAAI,IAAI,CAAC,MAAM,IAAI,OAAO,CAAC,GAAG,EAAE,OAAO,MAAM,CAAC,KAAK,CAAC;AAC/E,CAAC,IAAI,OAAO,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,OAAO,MAAM,CAAC,SAAS,CAAC;AACzE,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE,OAAO,MAAM,CAAC,WAAW,CAAC;AAClI,CAAC,OAAO;AACR,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,CAAC;AACtB,EAAE,KAAK,EAAE,IAAI;AACb,EAAE,OAAO,EAAE;AACX,EAAE;AACF;AACA;AACA,SAAS,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE;AAClC,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,KAAK,QAAQ,KAAK,KAAK,CAAC;AACxD;AACA;AACA,IAAI,iBAAiB,GAAG,SAAS;AACjC;AACA,SAAS,eAAe,CAAC,IAAI,EAAE;AAC/B,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,OAAO,EAAE;AAC7C,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AACvF;;;;"}

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-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

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

@@ -0,0 +1 @@
+{"version":3,"names":["formatFileSize","bytes","Number","isFinite","Math","round","toFixed","fileKey","file","name","size","lastModified","mergeFileSelection","existing","incoming","multiple","slice","byKey","Map","key","has","set","values","fileMatchesAccept","accept","tokens","split","map","token","trim","toLowerCase","filter","Boolean","length","type","some","startsWith","endsWith","validateFileSelection","files","maxFiles","maxFileSize","wrongKind","find","oversized","fileLimitsHint","parts","push","join","pfFileUploaderCss","PfFileUploader","internals","label","description","error","required","disabled","pfChange","pfReject","rejection","dragDepth","initialFiles","input","componentWillLoad","this","syncFormState","held","data","FormData","append","setFormValue","applyControlValidity","checkValidity","reportValidity","getValidationMessage","validationMessage","open","click","formResetCallback","undefined","limits","addFiles","selected","next","Array","from","value","emit","message","removeAt","index","_","position","onDragEnter","event","preventDefault","onDragLeave","max","onDrop","dataTransfer","render","hint","describedBy","composeDescribedBy","h","Host","class","part","htmlFor","ref","node","id","tabindex","onChange","target","dropzone","onClick","onDragOver"],"sources":["../core/dist/files.js","src/components/pf-file-uploader/pf-file-uploader.css?tag=pf-file-uploader&encapsulation=shadow","src/components/pf-file-uploader/pf-file-uploader.tsx"],"sourcesContent":["//#region src/files.ts\n/**\n* A size in the units a person reads.\n*\n* Binary steps with decimal names, which is what every file manager does.\n* `GB` is included because stopping at `MB` reads a 3 GB upload as\n* \"3072.0 MB\", and the whole point of the function is to be read.\n*/\nfunction formatFileSize(bytes) {\n\tif (!Number.isFinite(bytes) || bytes < 0) return \"0 B\";\n\tif (bytes < 1024) return `${Math.round(bytes)} B`;\n\tif (bytes < 1024 ** 2) return `${(bytes / 1024).toFixed(1)} KB`;\n\tif (bytes < 1024 ** 3) return `${(bytes / 1024 ** 2).toFixed(1)} MB`;\n\treturn `${(bytes / 1024 ** 3).toFixed(1)} GB`;\n}\n/**\n* What makes two selections the same file.\n*\n* Name, size and modification time together, because a browser gives no file\n* identity of its own: picking the same file twice produces two distinct\n* `File` objects, and a consumer who adds `report.pdf` from two folders is\n* adding two files. `lastModified` is optional only so a plain object can\n* stand in for a `File` in a test.\n*/\nfunction fileKey(file) {\n\treturn `${file.name}-${file.size}-${file.lastModified ?? 0}`;\n}\n/**\n* The files a new selection leaves you holding.\n*\n* Appends for a multiple picker and replaces for a single one, then drops\n* duplicates by `fileKey` keeping the **first** of each — so re-picking a\n* file already held is a no-op rather than a reordering.\n*\n* Deliberately does not truncate to `maxFiles`. The React `FileUploader`\n* truncated first and validated afterwards, which made its \"You can upload up\n* to N files\" message unreachable: the list was already short enough by the\n* time it was checked, so the extra files vanished with nothing said. Merging\n* and validating are separate so the caller can refuse a selection instead of\n* quietly losing part of it.\n*/\nfunction mergeFileSelection(existing, incoming, { multiple = true } = {}) {\n\tif (!multiple) return incoming.slice(0, 1);\n\tconst byKey = /* @__PURE__ */ new Map();\n\tfor (const file of [...existing, ...incoming]) {\n\t\tconst key = fileKey(file);\n\t\tif (!byKey.has(key)) byKey.set(key, file);\n\t}\n\treturn [...byKey.values()];\n}\n/**\n* Whether a file is one of the kinds an `accept` list allows.\n*\n* The three forms a file input takes, and nothing else: an extension\n* (`.pdf`), a type (`image/png`) and a wildcard type (`image/*`). No list at\n* all allows everything.\n*\n* It exists because `accept` only filters the file *picker*. A **dropped**\n* file is never filtered by anything, so a dropzone that trusts the attribute\n* accepts whatever is dragged onto it — which is what both layers did.\n*/\nfunction fileMatchesAccept(file, accept) {\n\tconst tokens = (accept ?? \"\").split(\",\").map((token) => token.trim().toLowerCase()).filter(Boolean);\n\tif (tokens.length === 0) return true;\n\tconst name = file.name.toLowerCase();\n\tconst type = (file.type ?? \"\").toLowerCase();\n\treturn tokens.some((token) => {\n\t\tif (token.startsWith(\".\")) return name.endsWith(token);\n\t\tif (token.endsWith(\"/*\")) return type.startsWith(`${token.slice(0, -1)}`);\n\t\treturn type === token;\n\t});\n}\n/**\n* What is wrong with a selection, as a sentence to show, or `null`.\n*\n* Each check names the offending file, because \"one of these is wrong\" is not\n* something a person can act on, and the kind is reported before the size\n* because it is the more specific complaint. `maxFileSize` and `maxFiles` are\n* honoured whenever they are finite and non-negative — the React version\n* tested them for truthiness, so a limit of `0`, which is a way of saying\n* \"nothing may be uploaded\", silently allowed everything.\n*/\nfunction validateFileSelection(files, { maxFiles, maxFileSize, accept } = {}) {\n\tif (accept) {\n\t\tconst wrongKind = files.find((file) => !fileMatchesAccept(file, accept));\n\t\tif (wrongKind) return `\"${wrongKind.name}\" is not an accepted file type.`;\n\t}\n\tif (typeof maxFileSize === \"number\" && maxFileSize >= 0) {\n\t\tconst oversized = files.find((file) => file.size > maxFileSize);\n\t\tif (oversized) return `\"${oversized.name}\" exceeds the ${formatFileSize(maxFileSize)} size limit.`;\n\t}\n\tif (typeof maxFiles === \"number\" && maxFiles >= 0 && files.length > maxFiles) return `You can upload up to ${maxFiles} file${maxFiles === 1 ? \"\" : \"s\"}.`;\n\treturn null;\n}\n/**\n* The hint under a dropzone: what is accepted, how big, how many.\n*\n* In core rather than in each layer because it is the one place the three\n* limits are described to a person, and two layers describing them\n* differently is worse than either wording.\n*/\nfunction fileLimitsHint(accept, { maxFiles, maxFileSize } = {}) {\n\tconst parts = [];\n\tif (accept) parts.push(`Accepted: ${accept}`);\n\tif (typeof maxFileSize === \"number\" && maxFileSize >= 0) parts.push(`Max size: ${formatFileSize(maxFileSize)}`);\n\tif (typeof maxFiles === \"number\" && maxFiles >= 0) parts.push(`Max files: ${maxFiles}`);\n\treturn parts.join(\" | \");\n}\n//#endregion\nexport { fileKey, fileLimitsHint, fileMatchesAccept, formatFileSize, mergeFileSelection, validateFileSelection };\n",":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-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-field-description);\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n.error {\n  color: var(--pf-field-error);\n  font-size: var(--font-size-sm);\n  margin: 0;\n}\n\n/*\n * The input is reached only through the dropzone, never directly: it is out of\n * the tab order and out of the accessibility tree, and the button is the\n * control. Hidden with the clip-path idiom rather than `display: none`,\n * because a `display: none` file input cannot be opened with `.click()` in\n * every browser.\n */\n.input {\n  border: 0;\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n\n.dropzone {\n  align-items: center;\n  background: var(--pf-file-uploader-bg);\n  border: 1px dashed var(--pf-file-uploader-border-strong);\n  border-radius: var(--radius-md);\n  color: var(--pf-file-uploader-text);\n  cursor: pointer;\n  display: grid;\n  font: inherit;\n  gap: var(--space-1);\n  justify-items: center;\n  padding: var(--space-5) var(--space-4);\n  text-align: center;\n  transition: all var(--pf-transition-fast);\n  width: 100%;\n}\n\n.dropzone:hover:not(:disabled) {\n  background: var(--pf-file-uploader-bg-subtle);\n}\n\n.dropzone:focus-visible {\n  box-shadow: var(--pf-file-uploader-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.dropzone--active {\n  background: var(--pf-file-uploader-bg-subtle);\n  border-color: var(--pf-file-uploader-active-border);\n}\n\n.dropzone--invalid {\n  border-color: var(--pf-file-uploader-invalid-border);\n}\n\n.dropzone:disabled {\n  cursor: not-allowed;\n  opacity: var(--pf-file-uploader-disabled-opacity, 0.5);\n}\n\n.icon {\n  color: var(--pf-file-uploader-text-muted);\n  font-size: var(--font-size-xl);\n}\n\n.title {\n  font-weight: var(--font-weight-semibold);\n}\n\n.subtitle,\n.hint {\n  color: var(--pf-file-uploader-text-muted);\n  font-size: var(--font-size-sm);\n}\n\n.hint {\n  font-size: var(--font-size-xs);\n}\n\n.list {\n  display: grid;\n  gap: var(--space-1);\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.file {\n  align-items: center;\n  background: var(--pf-file-uploader-bg-subtle);\n  border: 1px solid var(--pf-file-uploader-border);\n  border-radius: var(--radius-sm);\n  display: flex;\n  gap: var(--space-2);\n  justify-content: space-between;\n  padding: var(--space-2) var(--space-3);\n}\n\n/* The name takes the slack, so the size and the button sit at the far edge. */\n.meta {\n  display: flex;\n  gap: var(--space-2);\n  min-width: 0;\n}\n\n.file-name {\n  color: var(--pf-file-uploader-text);\n  font-size: var(--font-size-sm);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.file-size {\n  color: var(--pf-file-uploader-text-muted);\n  flex: 0 0 auto;\n  font-size: var(--font-size-xs);\n}\n\n.remove {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  border-radius: var(--radius-sm);\n  color: var(--pf-file-uploader-text-muted);\n  cursor: pointer;\n  display: inline-flex;\n  flex: 0 0 auto;\n  justify-content: center;\n  padding: var(--space-1);\n}\n\n.remove:hover:not(:disabled) {\n  color: var(--pf-file-uploader-text);\n}\n\n.remove:focus-visible {\n  box-shadow: var(--pf-file-uploader-focus-ring, var(--pf-focus-ring));\n  outline: none;\n}\n\n.remove:disabled {\n  cursor: not-allowed;\n  opacity: var(--pf-file-uploader-disabled-opacity, 0.5);\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .dropzone {\n    transition: none;\n  }\n}\n","import {\n  composeDescribedBy,\n  fileKey,\n  fileLimitsHint,\n  formatFileSize,\n  mergeFileSelection,\n  validateFileSelection,\n} from '@pitchfork-ui/core';\nimport {\n  AttachInternals,\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  h,\n  Host,\n  Method,\n  Prop,\n  State,\n  Watch,\n} from '@stencil/core';\nimport { applyControlValidity } from '../../form-validity';\n\n/**\n * A form-associated file picker with a dropzone.\n *\n * All of the rules are core's — how a size is written, what makes two\n * selections the same file, which files a selection leaves you with, what is\n * wrong with the result and how the limits are described — so this and the\n * React `FileUploader` cannot drift on any of them.\n *\n * It deliberately has **no Angular `ControlValueAccessor`**. The generator\n * offers accessors that write `value`, a number or `checked`, and this\n * control's value is a `File[]`: a text accessor would store `[object File]`.\n * An Angular consumer binds `[files]` and `(pfChange)`, and the submission\n * still works, because that goes through `ElementInternals` rather than\n * through the accessor.\n *\n * @part field - the wrapper around label, dropzone and messages.\n * @part label - the label element.\n * @part dropzone - the button that opens the picker and takes the drop.\n * @part icon - the dropzone's icon.\n * @part list - the list of chosen files.\n * @part file - one row of that list.\n * @part remove - a row's remove button.\n * @part description - the hint text.\n * @part error - the error message.\n */\n@Component({\n  tag: 'pf-file-uploader',\n  styleUrl: 'pf-file-uploader.css',\n  formAssociated: true,\n  shadow: true,\n})\nexport class PfFileUploader {\n  @AttachInternals() internals!: ElementInternals;\n\n  @Element() el!: HTMLElement;\n\n  /**\n   * Submitted under this name.\n   *\n   * Reflected, because a form-associated custom element takes its submission\n   * name from the `name` content attribute rather than from this property.\n   */\n  @Prop({ reflect: true }) name?: string;\n\n  /**\n   * The files chosen. A property only — there is no attribute that could\n   * carry a `File`.\n   */\n  @Prop({ mutable: true }) files: File[] = [];\n\n  /** The `accept` list, in the form an `<input type=\"file\">` takes. */\n  @Prop() accept?: string;\n\n  @Prop({ reflect: true }) multiple = true;\n\n  /** The most files that may be held at once. */\n  @Prop() maxFiles?: number;\n\n  /** The largest any one file may be, in bytes. */\n  @Prop() maxFileSize?: number;\n\n  @Prop() label?: string;\n\n  @Prop() description?: string;\n\n  /** Error message from the consumer. Its presence marks the control invalid. */\n  @Prop() error?: string;\n\n  @Prop({ reflect: true }) required = false;\n\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Fires when the files held change, however they changed. */\n  @Event() pfChange!: EventEmitter<{ files: File[] }>;\n\n  /** Fires when a selection is refused, with the reason shown to the person. */\n  @Event() pfReject!: EventEmitter<{ message: string }>;\n\n  /** The uploader's own complaint about the last selection. */\n  @State() rejection?: string;\n\n  /**\n   * How deep the drag is.\n   *\n   * A counter rather than a boolean: `dragenter` and `dragleave` both bubble\n   * from the dropzone's own children, so moving the pointer from the icon to\n   * the title fires a leave and then an enter and a boolean flickers off. The\n   * React `FileUploader` has that flicker.\n   */\n  @State() dragDepth = 0;\n\n  /** What a form reset restores, captured before `files` can be replaced. */\n  private initialFiles: File[] = [];\n\n  private input?: HTMLInputElement;\n\n  componentWillLoad() {\n    this.initialFiles = [...(this.files ?? [])];\n    this.syncFormState();\n  }\n\n  @Watch('files')\n  @Watch('error')\n  @Watch('required')\n  // The uploader's own complaint is a real constraint failure, not only a\n  // message, so the validity has to follow it as well as the consumer's.\n  @Watch('rejection')\n  syncFormState() {\n    const held = this.files ?? [];\n\n    /*\n     * A `FormData` rather than a string, because one control here submits one\n     * entry per file — which is how a native multi-file input submits, and\n     * the only shape a server handling the form can use. `setFormValue`\n     * ignores the element's own `name` attribute when handed a `FormData`, so\n     * the key has to be built into it.\n     */\n    if (this.name && held.length > 0) {\n      const data = new FormData();\n      for (const file of held) data.append(this.name, file);\n      this.internals.setFormValue(data);\n    } else {\n      // `null`, not an empty string: a file input with nothing chosen is\n      // absent from the submission entirely.\n      this.internals.setFormValue(null);\n    }\n\n    applyControlValidity(\n      this.internals,\n      held.length > 0,\n      this.required,\n      this.error ?? this.rejection,\n    );\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  /** Opens the file picker, as clicking the dropzone does. */\n  @Method()\n  async open() {\n    if (!this.disabled) this.input?.click();\n  }\n\n  /**\n   * A reset restores the files the control started with, not an empty list —\n   * the rule a native `<input value=\"initial\">` follows.\n   */\n  formResetCallback() {\n    this.files = [...this.initialFiles];\n    this.rejection = undefined;\n    this.dragDepth = 0;\n  }\n\n  private get limits() {\n    return { maxFiles: this.maxFiles, maxFileSize: this.maxFileSize, accept: this.accept };\n  }\n\n  private addFiles(selected: FileList | null) {\n    if (!selected || this.disabled) return;\n\n    const next = mergeFileSelection(this.files ?? [], Array.from(selected), {\n      multiple: this.multiple,\n    });\n\n    /*\n     * `accept` is checked here as well as set on the input, because the\n     * attribute filters the *picker* and nothing else: a dropped file passes\n     * no filter at all.\n     */\n    const rejection = validateFileSelection(next, this.limits);\n\n    /*\n     * The input is cleared whichever way this goes. A file input fires no\n     * `change` for an identical selection, so a rejected value left in place\n     * means picking the same file again does nothing and the message stands\n     * with no way to retry.\n     */\n    if (this.input) this.input.value = '';\n\n    if (rejection) {\n      this.rejection = rejection;\n      this.pfReject.emit({ message: rejection });\n      return;\n    }\n\n    this.rejection = undefined;\n    this.files = next;\n    this.pfChange.emit({ files: next });\n  }\n\n  private removeAt(index: number) {\n    if (this.disabled) return;\n    const next = (this.files ?? []).filter((_, position) => position !== index);\n    this.rejection = undefined;\n    this.files = next;\n    this.pfChange.emit({ files: next });\n  }\n\n  private onDragEnter = (event: DragEvent) => {\n    event.preventDefault();\n    if (this.disabled) return;\n    this.dragDepth += 1;\n  };\n\n  private onDragLeave = (event: DragEvent) => {\n    event.preventDefault();\n    this.dragDepth = Math.max(0, this.dragDepth - 1);\n  };\n\n  private onDrop = (event: DragEvent) => {\n    event.preventDefault();\n    this.dragDepth = 0;\n    this.addFiles(event.dataTransfer?.files ?? null);\n  };\n\n  render() {\n    const held = this.files ?? [];\n    const message = this.error ?? this.rejection;\n    const hint = fileLimitsHint(this.accept, this.limits);\n    const describedBy = composeDescribedBy(\n      this.description && 'description',\n      message && 'error',\n      hint && 'hint',\n    );\n\n    return (\n      <Host>\n        <div class=\"field\" part=\"field\">\n          {this.label && (\n            <label class=\"label\" part=\"label\" htmlFor=\"dropzone\">\n              {this.label}\n              {this.required && (\n                <span class=\"required\" aria-hidden=\"true\">\n                  *\n                </span>\n              )}\n            </label>\n          )}\n\n          {/*\n            The input is in this shadow root, so it reaches no surrounding\n            form of its own — and is given no `name` for that reason. The\n            submission comes from `setFormValue` above.\n          */}\n          <input\n            ref={(node) => (this.input = node)}\n            id=\"input\"\n            class=\"input\"\n            type=\"file\"\n            accept={this.accept}\n            multiple={this.multiple}\n            disabled={this.disabled}\n            tabindex={-1}\n            aria-hidden=\"true\"\n            onChange={(event) => this.addFiles((event.target as HTMLInputElement).files)}\n          />\n\n          <button\n            id=\"dropzone\"\n            type=\"button\"\n            class={{\n              dropzone: true,\n              'dropzone--active': this.dragDepth > 0,\n              'dropzone--invalid': Boolean(message),\n            }}\n            part=\"dropzone\"\n            disabled={this.disabled}\n            aria-invalid={message ? 'true' : null}\n            aria-describedby={describedBy}\n            onClick={() => this.open()}\n            onDragEnter={this.onDragEnter}\n            onDragOver={(event: DragEvent) => event.preventDefault()}\n            onDragLeave={this.onDragLeave}\n            onDrop={this.onDrop}\n          >\n            <span class=\"icon\" part=\"icon\" aria-hidden=\"true\">\n              <pf-icon name=\"file-arrow-up\"></pf-icon>\n            </span>\n            <span class=\"title\">Upload files</span>\n            <span class=\"subtitle\">Drag and drop files here, or click to browse.</span>\n            {hint && (\n              <span class=\"hint\" id=\"hint\">\n                {hint}\n              </span>\n            )}\n          </button>\n\n          {held.length > 0 && (\n            <ul class=\"list\" part=\"list\" aria-label=\"Selected files\">\n              {held.map((file, index) => (\n                <li class=\"file\" part=\"file\" key={fileKey(file)}>\n                  <span class=\"meta\">\n                    <span class=\"file-name\">{file.name}</span>\n                    <span class=\"file-size\">{formatFileSize(file.size)}</span>\n                  </span>\n                  <button\n                    type=\"button\"\n                    class=\"remove\"\n                    part=\"remove\"\n                    aria-label={`Remove ${file.name}`}\n                    disabled={this.disabled}\n                    onClick={() => this.removeAt(index)}\n                  >\n                    <pf-icon name=\"circle-xmark\" aria-hidden=\"true\"></pf-icon>\n                  </button>\n                </li>\n              ))}\n            </ul>\n          )}\n\n          {this.description && (\n            <p class=\"description\" part=\"description\" id=\"description\">\n              {this.description}\n            </p>\n          )}\n\n          {message && (\n            <p class=\"error\" part=\"error\" id=\"error\">\n              {message}\n            </p>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wIAQA,SAASA,EAAeC,GACvB,IAAKC,OAAOC,SAASF,IAAUA,EAAQ,EAAG,MAAO,MACjD,GAAIA,EAAQ,KAAM,MAAO,GAAGG,KAAKC,MAAMJ,OACvC,GAAIA,EAAQ,MAAQ,EAAG,MAAO,IAAIA,EAAQ,MAAMK,QAAQ,QACxD,GAAIL,EAAQ,MAAQ,EAAG,MAAO,IAAIA,EAAQ,MAAQ,GAAGK,QAAQ,QAC7D,MAAO,IAAIL,EAAQ,MAAQ,GAAGK,QAAQ,OACvC,CAUA,SAASC,EAAQC,GAChB,MAAO,GAAGA,EAAKC,QAAQD,EAAKE,QAAQF,EAAKG,cAAgB,GAC1D,CAeA,SAASC,EAAmBC,EAAUC,GAAUC,SAAEA,EAAW,MAAS,IACrE,IAAKA,EAAU,OAAOD,EAASE,MAAM,EAAG,GACxC,MAAMC,EAAwB,IAAIC,IAClC,IAAK,MAAMV,IAAQ,IAAIK,KAAaC,GAAW,CAC9C,MAAMK,EAAMZ,EAAQC,GACpB,IAAKS,EAAMG,IAAID,GAAMF,EAAMI,IAAIF,EAAKX,EACtC,CACC,MAAO,IAAIS,EAAMK,SAClB,CAYA,SAASC,EAAkBf,EAAMgB,GAChC,MAAMC,GAAUD,GAAU,IAAIE,MAAM,KAAKC,KAAKC,GAAUA,EAAMC,OAAOC,gBAAeC,OAAOC,SAC3F,GAAIP,EAAOQ,SAAW,EAAG,OAAO,KAChC,MAAMxB,EAAOD,EAAKC,KAAKqB,cACvB,MAAMI,GAAQ1B,EAAK0B,MAAQ,IAAIJ,cAC/B,OAAOL,EAAOU,MAAMP,IACnB,GAAIA,EAAMQ,WAAW,KAAM,OAAO3B,EAAK4B,SAAST,GAChD,GAAIA,EAAMS,SAAS,MAAO,OAAOH,EAAKE,WAAW,GAAGR,EAAMZ,MAAM,GAAG,MACnE,OAAOkB,IAASN,CAAK,GAEvB,CAWA,SAASU,EAAsBC,GAAOC,SAAEA,EAAQC,YAAEA,EAAWjB,OAAEA,GAAW,IACzE,GAAIA,EAAQ,CACX,MAAMkB,EAAYH,EAAMI,MAAMnC,IAAUe,EAAkBf,EAAMgB,KAChE,GAAIkB,EAAW,MAAO,IAAIA,EAAUjC,qCACtC,CACC,UAAWgC,IAAgB,UAAYA,GAAe,EAAG,CACxD,MAAMG,EAAYL,EAAMI,MAAMnC,GAASA,EAAKE,KAAO+B,IACnD,GAAIG,EAAW,MAAO,IAAIA,EAAUnC,qBAAqBT,EAAeyC,gBAC1E,CACC,UAAWD,IAAa,UAAYA,GAAY,GAAKD,EAAMN,OAASO,EAAU,MAAO,wBAAwBA,SAAgBA,IAAa,EAAI,GAAK,OACnJ,OAAO,IACR,CAQA,SAASK,EAAerB,GAAQgB,SAAEA,EAAQC,YAAEA,GAAgB,IAC3D,MAAMK,EAAQ,GACd,GAAItB,EAAQsB,EAAMC,KAAK,aAAavB,KACpC,UAAWiB,IAAgB,UAAYA,GAAe,EAAGK,EAAMC,KAAK,aAAa/C,EAAeyC,MAChG,UAAWD,IAAa,UAAYA,GAAY,EAAGM,EAAMC,KAAK,cAAcP,KAC5E,OAAOM,EAAME,KAAK,MACnB,CC3GA,MAAMC,EAAoB,IAAM,8uF,MCsDnBC,EAAc,M,4PACNC,U,wBAUM1C,KAMA8B,MAAgB,GAGjCf,OAEiBT,SAAW,KAG5ByB,SAGAC,YAEAW,MAEAC,YAGAC,MAEiBC,SAAW,MAEXC,SAAW,MAG3BC,SAGAC,SAGAC,UAUAC,UAAY,EAGbC,aAAuB,GAEvBC,MAER,iBAAAC,GACEC,KAAKH,aAAe,IAAKG,KAAKzB,OAAS,IACvCyB,KAAKC,e,CASP,aAAAA,GACE,MAAMC,EAAOF,KAAKzB,OAAS,GAS3B,GAAIyB,KAAKvD,MAAQyD,EAAKjC,OAAS,EAAG,CAChC,MAAMkC,EAAO,IAAIC,SACjB,IAAK,MAAM5D,KAAQ0D,EAAMC,EAAKE,OAAOL,KAAKvD,KAAMD,GAChDwD,KAAKb,UAAUmB,aAAaH,E,KACvB,CAGLH,KAAKb,UAAUmB,aAAa,K,CAG9BC,EACEP,KAAKb,UACLe,EAAKjC,OAAS,EACd+B,KAAKT,SACLS,KAAKV,OAASU,KAAKL,U,CAKvB,mBAAMa,GACJ,OAAOR,KAAKb,UAAUqB,e,CAIxB,oBAAMC,GACJ,OAAOT,KAAKb,UAAUsB,gB,CAIxB,0BAAMC,GACJ,OAAOV,KAAKb,UAAUwB,iB,CAKxB,UAAMC,GACJ,IAAKZ,KAAKR,SAAUQ,KAAKF,OAAOe,O,CAOlC,iBAAAC,GACEd,KAAKzB,MAAQ,IAAIyB,KAAKH,cACtBG,KAAKL,UAAYoB,UACjBf,KAAKJ,UAAY,C,CAGnB,UAAYoB,GACV,MAAO,CAAExC,SAAUwB,KAAKxB,SAAUC,YAAauB,KAAKvB,YAAajB,OAAQwC,KAAKxC,O,CAGxE,QAAAyD,CAASC,GACf,IAAKA,GAAYlB,KAAKR,SAAU,OAEhC,MAAM2B,EAAOvE,EAAmBoD,KAAKzB,OAAS,GAAI6C,MAAMC,KAAKH,GAAW,CACtEnE,SAAUiD,KAAKjD,WAQjB,MAAM4C,EAAYrB,EAAsB6C,EAAMnB,KAAKgB,QAQnD,GAAIhB,KAAKF,MAAOE,KAAKF,MAAMwB,MAAQ,GAEnC,GAAI3B,EAAW,CACbK,KAAKL,UAAYA,EACjBK,KAAKN,SAAS6B,KAAK,CAAEC,QAAS7B,IAC9B,M,CAGFK,KAAKL,UAAYoB,UACjBf,KAAKzB,MAAQ4C,EACbnB,KAAKP,SAAS8B,KAAK,CAAEhD,MAAO4C,G,CAGtB,QAAAM,CAASC,GACf,GAAI1B,KAAKR,SAAU,OACnB,MAAM2B,GAAQnB,KAAKzB,OAAS,IAAIR,QAAO,CAAC4D,EAAGC,IAAaA,IAAaF,IACrE1B,KAAKL,UAAYoB,UACjBf,KAAKzB,MAAQ4C,EACbnB,KAAKP,SAAS8B,KAAK,CAAEhD,MAAO4C,G,CAGtBU,YAAeC,IACrBA,EAAMC,iBACN,GAAI/B,KAAKR,SAAU,OACnBQ,KAAKJ,WAAa,CAAC,EAGboC,YAAeF,IACrBA,EAAMC,iBACN/B,KAAKJ,UAAYxD,KAAK6F,IAAI,EAAGjC,KAAKJ,UAAY,EAAE,EAG1CsC,OAAUJ,IAChBA,EAAMC,iBACN/B,KAAKJ,UAAY,EACjBI,KAAKiB,SAASa,EAAMK,cAAc5D,OAAS,KAAK,EAGlD,MAAA6D,GACE,MAAMlC,EAAOF,KAAKzB,OAAS,GAC3B,MAAMiD,EAAUxB,KAAKV,OAASU,KAAKL,UACnC,MAAM0C,EAAOxD,EAAemB,KAAKxC,OAAQwC,KAAKgB,QAC9C,MAAMsB,EAAcC,EAClBvC,KAAKX,aAAe,cACpBmC,GAAW,QACXa,GAAQ,QAGV,OACEG,EAACC,EAAI,CAAAtF,IAAA,4CACHqF,EAAA,OAAArF,IAAA,2CAAKuF,MAAM,QAAQC,KAAK,SACrB3C,KAAKZ,OACJoD,EAAA,SAAArF,IAAA,2CAAOuF,MAAM,QAAQC,KAAK,QAAQC,QAAQ,YACvC5C,KAAKZ,MACLY,KAAKT,UACJiD,EAAA,QAAArF,IAAA,2CAAMuF,MAAM,WAAU,cAAa,QAAM,MAY/CF,EAAA,SAAArF,IAAA,2CACE0F,IAAMC,GAAU9C,KAAKF,MAAQgD,EAC7BC,GAAG,QACHL,MAAM,QACNxE,KAAK,OACLV,OAAQwC,KAAKxC,OACbT,SAAUiD,KAAKjD,SACfyC,SAAUQ,KAAKR,SACfwD,UAAU,EAAE,cACA,OACZC,SAAWnB,GAAU9B,KAAKiB,SAAUa,EAAMoB,OAA4B3E,SAGxEiE,EAAA,UAAArF,IAAA,2CACE4F,GAAG,WACH7E,KAAK,SACLwE,MAAO,CACLS,SAAU,KACV,mBAAoBnD,KAAKJ,UAAY,EACrC,oBAAqB5B,QAAQwD,IAE/BmB,KAAK,WACLnD,SAAUQ,KAAKR,SAAQ,eACTgC,EAAU,OAAS,KAAI,mBACnBc,EAClBc,QAAS,IAAMpD,KAAKY,OACpBiB,YAAa7B,KAAK6B,YAClBwB,WAAavB,GAAqBA,EAAMC,iBACxCC,YAAahC,KAAKgC,YAClBE,OAAQlC,KAAKkC,QAEbM,EAAA,QAAArF,IAAA,2CAAMuF,MAAM,OAAOC,KAAK,OAAM,cAAa,QACzCH,EAAA,WAAArF,IAAA,2CAASV,KAAK,mBAEhB+F,EAAA,QAAArF,IAAA,2CAAMuF,MAAM,SAAO,gBACnBF,EAAA,QAAArF,IAAA,2CAAMuF,MAAM,YAAU,iDACrBL,GACCG,EAAA,QAAArF,IAAA,2CAAMuF,MAAM,OAAOK,GAAG,QACnBV,IAKNnC,EAAKjC,OAAS,GACbuE,EAAA,MAAArF,IAAA,2CAAIuF,MAAM,OAAOC,KAAK,OAAM,aAAY,kBACrCzC,EAAKvC,KAAI,CAACnB,EAAMkF,IACfc,EAAA,MAAIE,MAAM,OAAOC,KAAK,OAAOxF,IAAKZ,EAAQC,IACxCgG,EAAA,QAAME,MAAM,QACVF,EAAA,QAAME,MAAM,aAAalG,EAAKC,MAC9B+F,EAAA,QAAME,MAAM,aAAa1G,EAAeQ,EAAKE,QAE/C8F,EAAA,UACEtE,KAAK,SACLwE,MAAM,SACNC,KAAK,SAAQ,aACD,UAAUnG,EAAKC,OAC3B+C,SAAUQ,KAAKR,SACf4D,QAAS,IAAMpD,KAAKyB,SAASC,IAE7Bc,EAAA,WAAS/F,KAAK,eAAc,cAAa,cAOlDuD,KAAKX,aACJmD,EAAA,KAAArF,IAAA,2CAAGuF,MAAM,cAAcC,KAAK,cAAcI,GAAG,eAC1C/C,KAAKX,aAITmC,GACCgB,EAAA,KAAArF,IAAA,2CAAGuF,MAAM,QAAQC,KAAK,QAAQI,GAAG,SAC9BvB,I","ignoreList":[]}