@pitchfork-ui/elements 0.0.0-stage → 0.2.1

package/dist/cjs/rating-B-EBGYMD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-B-EBGYMD.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/cjs/roving-BNDruU3m.js

@@ -0,0 +1,71 @@
+'use strict';
+
+var keys = require('./keys-S3YTuCcn.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.Keys.ArrowDown : keys.Keys.ArrowRight;
+	const previous = orientation === "vertical" ? keys.Keys.ArrowUp : keys.Keys.ArrowLeft;
+	if (key === next) return "next";
+	if (key === previous) return "previous";
+	if (key === keys.Keys.Home) return "first";
+	if (key === keys.Keys.End) return "last";
+	return null;
+}
+
+exports.getRovingItems = getRovingItems;
+exports.resolveRovingKey = resolveRovingKey;
+exports.syncRovingTabIndex = syncRovingTabIndex;
+//# sourceMappingURL=roving-BNDruU3m.js.map
+
+//# sourceMappingURL=roving-BNDruU3m.js.map

package/dist/cjs/roving-BNDruU3m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"roving-BNDruU3m.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":["Keys"],"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,GAAGA,SAAI,CAAC,SAAS,GAAGA,SAAI,CAAC,UAAU;AAC3E,CAAC,MAAM,QAAQ,GAAG,WAAW,KAAK,UAAU,GAAGA,SAAI,CAAC,OAAO,GAAGA,SAAI,CAAC,SAAS;AAC5E,CAAC,IAAI,GAAG,KAAK,IAAI,EAAE,OAAO,MAAM;AAChC,CAAC,IAAI,GAAG,KAAK,QAAQ,EAAE,OAAO,UAAU;AACxC,CAAC,IAAI,GAAG,KAAKA,SAAI,CAAC,IAAI,EAAE,OAAO,OAAO;AACtC,CAAC,IAAI,GAAG,KAAKA,SAAI,CAAC,GAAG,EAAE,OAAO,MAAM;AACpC,CAAC,OAAO,IAAI;AACZ;;;;;;"}

package/dist/cjs/scroll-lock-DllDwdH9.js

@@ -0,0 +1,46 @@
+'use strict';
+
+//#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;
+	};
+}
+
+exports.lockPageScroll = lockPageScroll;
+//# sourceMappingURL=scroll-lock-DllDwdH9.js.map
+
+//# sourceMappingURL=scroll-lock-DllDwdH9.js.map

package/dist/cjs/scroll-lock-DllDwdH9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock-DllDwdH9.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/cjs/text-DQvgAqew.js

@@ -0,0 +1,59 @@
+'use strict';
+
+//#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();
+}
+
+exports.formatCardNumber = formatCardNumber;
+exports.formatKeyCombination = formatKeyCombination;
+exports.getAvatarInitials = getAvatarInitials;
+exports.maskCardNumber = maskCardNumber;
+//# sourceMappingURL=text-DQvgAqew.js.map
+
+//# sourceMappingURL=text-DQvgAqew.js.map

package/dist/cjs/text-DQvgAqew.js.map

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

@@ -0,0 +1,109 @@
+'use strict';
+
+//#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 !== "");
+}
+
+exports.addTag = addTag;
+exports.assertSeparableValues = assertSeparableValues;
+exports.formatValueList = formatValueList;
+exports.parseValueList = parseValueList;
+exports.removeTagAt = removeTagAt;
+exports.splitPastedTags = splitPastedTags;
+exports.toggleDisclosureValue = toggleDisclosureValue;
+exports.toggleValueInList = toggleValueInList;
+//# sourceMappingURL=value-list-zSKmhcgH.js.map
+
+//# sourceMappingURL=value-list-zSKmhcgH.js.map

package/dist/cjs/value-list-zSKmhcgH.js.map

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

package/dist/collection/collection-manifest.json

@@ -0,0 +1,120 @@
+{
+  "entries": [
+    "components/pf-accordion/pf-accordion.js",
+    "components/pf-alert/pf-alert.js",
+    "components/pf-avatar/pf-avatar.js",
+    "components/pf-badge/pf-badge.js",
+    "components/pf-badge-group/pf-badge-group.js",
+    "components/pf-line-chart/pf-line-chart.js",
+    "components/pf-button/pf-button.js",
+    "components/pf-content-divider/pf-content-divider.js",
+    "components/pf-credit-card/pf-credit-card.js",
+    "components/pf-empty-state/pf-empty-state.js",
+    "components/pf-inline-cta/pf-inline-cta.js",
+    "components/pf-input/pf-input.js",
+    "components/pf-kbd/pf-kbd.js",
+    "components/pf-loading-dots/pf-loading-dots.js",
+    "components/pf-metric-card/pf-metric-card.js",
+    "components/pf-modal/pf-modal.js",
+    "components/pf-notification/pf-notification.js",
+    "components/pf-progress-steps/pf-progress-steps.js",
+    "components/pf-radio-group/pf-radio-group.js",
+    "components/pf-rating-badge/pf-rating-badge.js",
+    "components/pf-scroll-area/pf-scroll-area.js",
+    "components/pf-section-header/pf-section-header.js",
+    "components/pf-slideout-menu/pf-slideout-menu.js",
+    "components/pf-tabs/pf-tabs.js",
+    "components/pf-tab/pf-tab.js",
+    "components/pf-table-cell/pf-table-cell.js",
+    "components/pf-tag/pf-tag.js",
+    "components/pf-timeline-item/pf-timeline-item.js",
+    "components/pf-toaster/pf-toaster.js",
+    "components/pf-toolbar/pf-toolbar.js",
+    "components/pf-toolbar-separator/pf-toolbar-separator.js",
+    "components/pf-utility-button/pf-utility-button.js",
+    "components/pf-video-player/pf-video-player.js",
+    "components/pf-accordion-item/pf-accordion-item.js",
+    "components/pf-avatar-group/pf-avatar-group.js",
+    "components/pf-bar-chart/pf-bar-chart.js",
+    "components/pf-breadcrumb/pf-breadcrumb.js",
+    "components/pf-breadcrumbs/pf-breadcrumbs.js",
+    "components/pf-button-group/pf-button-group.js",
+    "components/pf-button-group-item/pf-button-group-item.js",
+    "components/pf-calendar/pf-calendar.js",
+    "components/pf-card/pf-card.js",
+    "components/pf-card-content/pf-card-content.js",
+    "components/pf-card-footer/pf-card-footer.js",
+    "components/pf-card-header/pf-card-header.js",
+    "components/pf-carousel/pf-carousel.js",
+    "components/pf-carousel-slide/pf-carousel-slide.js",
+    "components/pf-chart-series/pf-chart-series.js",
+    "components/pf-checkbox/pf-checkbox.js",
+    "components/pf-code-snippet/pf-code-snippet.js",
+    "components/pf-collapsible/pf-collapsible.js",
+    "components/pf-combobox/pf-combobox.js",
+    "components/pf-command-group/pf-command-group.js",
+    "components/pf-command-item/pf-command-item.js",
+    "components/pf-command-palette/pf-command-palette.js",
+    "components/pf-context-menu/pf-context-menu.js",
+    "components/pf-date-picker/pf-date-picker.js",
+    "components/pf-date-range-picker/pf-date-range-picker.js",
+    "components/pf-dropdown/pf-dropdown.js",
+    "components/pf-file-uploader/pf-file-uploader.js",
+    "components/pf-gauge-chart/pf-gauge-chart.js",
+    "components/pf-header-navigation/pf-header-navigation.js",
+    "components/pf-heatmap/pf-heatmap.js",
+    "components/pf-icon/pf-icon.js",
+    "components/pf-loading-skeleton/pf-loading-skeleton.js",
+    "components/pf-loading-spinner/pf-loading-spinner.js",
+    "components/pf-menu-item/pf-menu-item.js",
+    "components/pf-menu-separator/pf-menu-separator.js",
+    "components/pf-metric-grid/pf-metric-grid.js",
+    "components/pf-modal-body/pf-modal-body.js",
+    "components/pf-modal-footer/pf-modal-footer.js",
+    "components/pf-modal-header/pf-modal-header.js",
+    "components/pf-multi-select/pf-multi-select.js",
+    "components/pf-nav-item/pf-nav-item.js",
+    "components/pf-nav-section/pf-nav-section.js",
+    "components/pf-number-input/pf-number-input.js",
+    "components/pf-option/pf-option.js",
+    "components/pf-page-header/pf-page-header.js",
+    "components/pf-pagination/pf-pagination.js",
+    "components/pf-pie-chart/pf-pie-chart.js",
+    "components/pf-pie-slice/pf-pie-slice.js",
+    "components/pf-popover/pf-popover.js",
+    "components/pf-progress-bar/pf-progress-bar.js",
+    "components/pf-progress-circle/pf-progress-circle.js",
+    "components/pf-progress-step/pf-progress-step.js",
+    "components/pf-radar-axis/pf-radar-axis.js",
+    "components/pf-radar-chart/pf-radar-chart.js",
+    "components/pf-radio-button/pf-radio-button.js",
+    "components/pf-rating-stars/pf-rating-stars.js",
+    "components/pf-resizable/pf-resizable.js",
+    "components/pf-rich-text-editor/pf-rich-text-editor.js",
+    "components/pf-section-footer/pf-section-footer.js",
+    "components/pf-select/pf-select.js",
+    "components/pf-sidebar-navigation/pf-sidebar-navigation.js",
+    "components/pf-slider/pf-slider.js",
+    "components/pf-sparkline/pf-sparkline.js",
+    "components/pf-switch/pf-switch.js",
+    "components/pf-tab-panel/pf-tab-panel.js",
+    "components/pf-table/pf-table.js",
+    "components/pf-table-row/pf-table-row.js",
+    "components/pf-tag-input/pf-tag-input.js",
+    "components/pf-textarea/pf-textarea.js",
+    "components/pf-time-picker/pf-time-picker.js",
+    "components/pf-timeline/pf-timeline.js",
+    "components/pf-tooltip/pf-tooltip.js",
+    "components/pf-tree-item/pf-tree-item.js",
+    "components/pf-tree-view/pf-tree-view.js",
+    "components/pf-visually-hidden/pf-visually-hidden.js"
+  ],
+  "mixins": [],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.45.2",
+    "typescriptVersion": "5.8.3"
+  },
+  "collections": [],
+  "bundles": []
+}

package/dist/collection/components/pf-accordion/pf-accordion.css

@@ -0,0 +1,10 @@
+:host {
+  border: 1px solid var(--pf-accordion-border);
+  border-radius: var(--radius-md);
+  display: block;
+  overflow: hidden;
+}
+
+:host([hidden]) {
+  display: none;
+}