@pitchfork-ui/react 0.1.9

package/dist/index46.js

@@ -0,0 +1,123 @@
+import { cx } from "./index4.js";
+import { Icon } from "./index6.js";
+import { Highlight2, themes_exports } from "./index44.js";
+/* empty css        */
+import { forwardRef, useEffect, useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/CodeSnippet/CodeSnippet.tsx
+var CodeSnippet = forwardRef(function CodeSnippet({ className, code, language, title, showLineNumbers = false, maxHeight, copyLabel = "Copy", copiedLabel = "Copied", onCodeCopy, ...props }, ref) {
+	const [copied, setCopied] = useState(false);
+	const [copyError, setCopyError] = useState(false);
+	const liveRegionId = useId();
+	useEffect(() => {
+		if (!copied) return;
+		const timeout = window.setTimeout(() => {
+			setCopied(false);
+		}, 1600);
+		return () => {
+			window.clearTimeout(timeout);
+		};
+	}, [copied]);
+	const handleCopy = async () => {
+		try {
+			if (typeof navigator !== "undefined" && navigator.clipboard?.writeText) await navigator.clipboard.writeText(code);
+			setCopied(true);
+			setCopyError(false);
+			onCodeCopy?.(code);
+		} catch {
+			setCopied(false);
+			setCopyError(true);
+		}
+	};
+	return /* @__PURE__ */ jsxs("figure", {
+		ref,
+		className: cx("pf-code-snippet", className),
+		...props,
+		children: [
+			(title || language) && /* @__PURE__ */ jsxs("figcaption", {
+				className: "pf-code-snippet__header",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "pf-code-snippet__meta",
+					children: [title ? /* @__PURE__ */ jsx("span", {
+						className: "pf-code-snippet__title",
+						children: title
+					}) : null, language ? /* @__PURE__ */ jsx("span", {
+						className: "pf-code-snippet__language",
+						children: language
+					}) : null]
+				}), /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: "pf-code-snippet__copy",
+					onClick: () => {
+						handleCopy();
+					},
+					"aria-describedby": liveRegionId,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: copied ? "circle-check" : "copy",
+						"aria-hidden": true
+					}), /* @__PURE__ */ jsx("span", { children: copied ? copiedLabel : copyLabel })]
+				})]
+			}),
+			!(title || language) ? /* @__PURE__ */ jsx("div", {
+				className: "pf-code-snippet__toolbar",
+				children: /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: "pf-code-snippet__copy",
+					onClick: () => {
+						handleCopy();
+					},
+					"aria-describedby": liveRegionId,
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: copied ? "circle-check" : "copy",
+						"aria-hidden": true
+					}), /* @__PURE__ */ jsx("span", { children: copied ? copiedLabel : copyLabel })]
+				})
+			}) : null,
+			/* @__PURE__ */ jsx(Highlight2, {
+				code,
+				language: language || "tsx",
+				theme: themes_exports.vsDark,
+				children: ({ className: prismClass, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ jsx("pre", {
+					className: cx("pf-code-snippet__pre", prismClass),
+					style: {
+						...style,
+						...maxHeight ? {
+							maxHeight,
+							overflow: "auto"
+						} : void 0
+					},
+					children: /* @__PURE__ */ jsx("code", { children: showLineNumbers ? /* @__PURE__ */ jsx("table", {
+						className: "pf-code-snippet__table",
+						role: "presentation",
+						children: /* @__PURE__ */ jsx("tbody", { children: tokens.map((line, i) => /* @__PURE__ */ jsxs("tr", { children: [/* @__PURE__ */ jsx("td", {
+							className: "pf-code-snippet__line-number",
+							"aria-hidden": true,
+							children: i + 1
+						}), /* @__PURE__ */ jsx("td", {
+							className: "pf-code-snippet__line-content",
+							children: line.map((token, key) => {
+								return /* @__PURE__ */ jsx("span", { ...getTokenProps({ token }) }, key);
+							})
+						})] }, i)) })
+					}) : tokens.map((line, i) => {
+						return /* @__PURE__ */ jsx("div", {
+							...getLineProps({ line }),
+							children: line.map((token, key) => {
+								return /* @__PURE__ */ jsx("span", { ...getTokenProps({ token }) }, key);
+							})
+						}, i);
+					}) })
+				})
+			}),
+			/* @__PURE__ */ jsx("span", {
+				id: liveRegionId,
+				className: "pf-code-snippet__sr-only",
+				"aria-live": "polite",
+				children: copyError ? "Copy failed" : copied ? copiedLabel : ""
+			})
+		]
+	});
+});
+CodeSnippet.displayName = "CodeSnippet";
+//#endregion
+export { CodeSnippet };

package/dist/index48.js

@@ -0,0 +1,41 @@
+import { cx } from "./index4.js";
+/* empty css        */
+import { forwardRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/ContentDivider/ContentDivider.tsx
+var ContentDivider = forwardRef(({ className, label, orientation = "horizontal", inset = false, ...props }, ref) => {
+	if (orientation === "vertical") return /* @__PURE__ */ jsx("div", {
+		ref,
+		...props,
+		className: cx("pf-content-divider", "pf-content-divider--vertical", inset && "pf-content-divider--inset", className),
+		role: "separator",
+		"aria-orientation": "vertical"
+	});
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		...props,
+		className: cx("pf-content-divider", inset && "pf-content-divider--inset", className),
+		role: "separator",
+		"aria-orientation": "horizontal",
+		children: label ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "pf-content-divider__line",
+				"aria-hidden": true
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "pf-content-divider__label",
+				children: label
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "pf-content-divider__line",
+				"aria-hidden": true
+			})
+		] }) : /* @__PURE__ */ jsx("span", {
+			className: "pf-content-divider__line",
+			"aria-hidden": true
+		})
+	});
+});
+ContentDivider.displayName = "ContentDivider";
+//#endregion
+export { ContentDivider };

package/dist/index50.js

@@ -0,0 +1,135 @@
+import { Keys, composeDescribedBy } from "./index3.js";
+import { cx } from "./index4.js";
+import { Icon } from "./index6.js";
+import { FieldWrapper } from "./index19.js";
+import { useAnchoredPosition } from "./index30.js";
+import { useDisclosure } from "./index33.js";
+import { useOutsideInteraction } from "./index36.js";
+import { Calendar } from "./index40.js";
+/* empty css        */
+import { forwardRef, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+//#region src/components/DatePicker/DatePicker.tsx
+var toMidday = (date) => {
+	const next = new Date(date);
+	next.setHours(12, 0, 0, 0);
+	return next;
+};
+var DatePicker = forwardRef(function DatePicker({ id, className, value, defaultValue, onValueChange, label, description, error, placeholder = "Select a date", required = false, disabled = false, allowClear = false, disabledDates, showOutsideDays = true, startYear, endYear, "aria-describedby": ariaDescribedBy, ...props }, ref) {
+	const generatedId = useId();
+	const pickerId = id ?? generatedId;
+	const descriptionId = description ? `${pickerId}-description` : void 0;
+	const errorId = error ? `${pickerId}-error` : void 0;
+	const describedBy = composeDescribedBy(ariaDescribedBy, descriptionId, errorId);
+	const isControlled = value !== void 0;
+	const [internalValue, setInternalValue] = useState(defaultValue ? toMidday(defaultValue) : void 0);
+	const selectedDate = isControlled ? value ? toMidday(value) : void 0 : internalValue;
+	const disclosure = useDisclosure({ disabled });
+	const { isOpen } = disclosure;
+	const rootRef = useRef(null);
+	const triggerRef = useRef(null);
+	const popoverRef = useRef(null);
+	const popoverStyle = useAnchoredPosition({
+		anchorRef: triggerRef,
+		floatingRef: popoverRef,
+		enabled: isOpen,
+		flip: true,
+		matchAnchorWidth: false
+	});
+	useOutsideInteraction({
+		refs: [rootRef, popoverRef],
+		enabled: isOpen,
+		eventName: "mousedown",
+		onInteractOutside: disclosure.close
+	});
+	const formattedDate = useMemo(() => {
+		if (!selectedDate) return "";
+		return new Intl.DateTimeFormat("en-US", {
+			month: "short",
+			day: "numeric",
+			year: "numeric"
+		}).format(selectedDate);
+	}, [selectedDate]);
+	const selectDate = (nextDate) => {
+		const normalized = toMidday(nextDate);
+		if (!isControlled) setInternalValue(normalized);
+		onValueChange?.(normalized);
+		disclosure.close();
+	};
+	const clearDate = () => {
+		if (!isControlled) setInternalValue(void 0);
+		onValueChange?.(void 0);
+	};
+	return /* @__PURE__ */ jsx(FieldWrapper, {
+		ref: rootRef,
+		labelFor: `${pickerId}-trigger`,
+		label,
+		description,
+		descriptionId,
+		error,
+		errorId,
+		required,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref,
+			...props,
+			id: pickerId,
+			className: cx("pf-date-picker", className),
+			"aria-describedby": describedBy,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "pf-date-picker__control-row",
+				children: [/* @__PURE__ */ jsxs("button", {
+					ref: triggerRef,
+					id: `${pickerId}-trigger`,
+					type: "button",
+					className: cx("pf-date-picker__trigger", error && "pf-date-picker__trigger--invalid"),
+					disabled,
+					"aria-invalid": error ? true : void 0,
+					"aria-haspopup": "dialog",
+					"aria-expanded": isOpen,
+					"aria-required": required || void 0,
+					onClick: () => {
+						disclosure.toggle();
+					},
+					onKeyDown: (event) => {
+						if (event.key === Keys.Escape) disclosure.close();
+					},
+					children: [/* @__PURE__ */ jsx("span", {
+						className: cx("pf-date-picker__value", !selectedDate && "pf-date-picker__value--placeholder"),
+						children: formattedDate || placeholder
+					}), /* @__PURE__ */ jsx(Icon, {
+						name: "calendar",
+						"aria-hidden": true
+					})]
+				}), allowClear && selectedDate ? /* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: "pf-date-picker__icon-button",
+					"aria-label": "Clear selected date",
+					disabled,
+					onClick: clearDate,
+					children: /* @__PURE__ */ jsx(Icon, {
+						name: "circle-xmark",
+						"aria-hidden": true
+					})
+				}) : null]
+			}), isOpen && typeof document !== "undefined" ? createPortal(/* @__PURE__ */ jsx("div", {
+				ref: popoverRef,
+				className: "pf-date-picker__popover",
+				role: "dialog",
+				"aria-label": "Date picker calendar",
+				style: popoverStyle,
+				children: /* @__PURE__ */ jsx(Calendar, {
+					value: selectedDate,
+					onValueChange: selectDate,
+					disabledDates,
+					showOutsideDays,
+					startYear,
+					endYear
+				})
+			}), document.body) : null]
+		})
+	});
+});
+DatePicker.displayName = "DatePicker";
+//#endregion
+export { DatePicker };

package/dist/index52.js

@@ -0,0 +1,39 @@
+import { cx } from "./index4.js";
+import { Icon } from "./index6.js";
+/* empty css        */
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/EmptyState/EmptyState.tsx
+var EmptyState = forwardRef(function EmptyState({ className, heading, description, icon, iconName, action, size = "md", ...props }, ref) {
+	const resolvedIcon = icon ?? (iconName ? /* @__PURE__ */ jsx(Icon, {
+		name: iconName,
+		"aria-hidden": true
+	}) : null);
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx("pf-empty-state", `pf-empty-state--${size}`, className),
+		...props,
+		children: [
+			resolvedIcon ? /* @__PURE__ */ jsx("span", {
+				className: "pf-empty-state__icon",
+				"aria-hidden": true,
+				children: resolvedIcon
+			}) : null,
+			/* @__PURE__ */ jsx("p", {
+				className: "pf-empty-state__heading",
+				children: heading
+			}),
+			description ? /* @__PURE__ */ jsx("p", {
+				className: "pf-empty-state__description",
+				children: description
+			}) : null,
+			action ? /* @__PURE__ */ jsx("div", {
+				className: "pf-empty-state__action",
+				children: action
+			}) : null
+		]
+	});
+});
+EmptyState.displayName = "EmptyState";
+//#endregion
+export { EmptyState };

package/dist/index54.js

@@ -0,0 +1,186 @@
+import { cx } from "./index4.js";
+import { Icon } from "./index6.js";
+import { FieldWrapper } from "./index19.js";
+/* empty css        */
+import { forwardRef, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/FileUploader/FileUploader.tsx
+var bytesToSize = (bytes) => {
+	if (bytes < 1024) return `${bytes} B`;
+	if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+	return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
+};
+var FileUploader = forwardRef(function FileUploader({ id, className, label, description, error, accept, multiple = true, maxFiles, maxFileSize, required, disabled = false, value, defaultValue = [], onFilesChange, "aria-describedby": ariaDescribedBy, ...props }, ref) {
+	const generatedId = useId();
+	const uploaderId = id ?? generatedId;
+	const inputId = `${uploaderId}-input`;
+	const descriptionId = description ? `${uploaderId}-description` : void 0;
+	const errorId = error ? `${uploaderId}-error` : void 0;
+	const internalErrorId = `${uploaderId}-internal-error`;
+	const describedBy = [
+		ariaDescribedBy,
+		descriptionId,
+		errorId,
+		internalErrorId
+	].filter(Boolean).join(" ") || void 0;
+	const isControlled = value !== void 0;
+	const [internalFiles, setInternalFiles] = useState(defaultValue);
+	const [dragActive, setDragActive] = useState(false);
+	const [internalError, setInternalError] = useState(void 0);
+	const files = isControlled ? value ?? [] : internalFiles;
+	const inputRef = useRef(null);
+	const setFiles = (nextFiles) => {
+		if (!isControlled) setInternalFiles(nextFiles);
+		onFilesChange?.(nextFiles);
+	};
+	const validateFiles = (incoming) => {
+		if (maxFileSize) {
+			const oversized = incoming.find((file) => file.size > maxFileSize);
+			if (oversized) return `"${oversized.name}" exceeds the ${bytesToSize(maxFileSize)} size limit.`;
+		}
+		if (maxFiles && incoming.length > maxFiles) return `You can upload up to ${maxFiles} file${maxFiles === 1 ? "" : "s"}.`;
+	};
+	const addFiles = (selected) => {
+		if (!selected || disabled) return;
+		const incoming = Array.from(selected);
+		const merged = multiple ? [...files, ...incoming] : incoming.slice(0, 1);
+		const deduped = Array.from(new Map(merged.map((file) => [`${file.name}-${file.size}-${file.lastModified}`, file])).values());
+		const nextFiles = maxFiles ? deduped.slice(0, maxFiles) : deduped;
+		const nextError = validateFiles(nextFiles);
+		if (nextError) {
+			setInternalError(nextError);
+			return;
+		}
+		setInternalError(void 0);
+		setFiles(nextFiles);
+		if (inputRef.current) inputRef.current.value = "";
+	};
+	const removeFile = (index) => {
+		const next = files.filter((_, fileIndex) => fileIndex !== index);
+		setInternalError(void 0);
+		setFiles(next);
+	};
+	const hintText = useMemo(() => {
+		const parts = [];
+		if (accept) parts.push(`Accepted: ${accept}`);
+		if (maxFileSize) parts.push(`Max size: ${bytesToSize(maxFileSize)}`);
+		if (maxFiles) parts.push(`Max files: ${maxFiles}`);
+		return parts.join(" | ");
+	}, [
+		accept,
+		maxFileSize,
+		maxFiles
+	]);
+	return /* @__PURE__ */ jsx(FieldWrapper, {
+		labelFor: inputId,
+		label,
+		description,
+		descriptionId,
+		error,
+		errorId,
+		required,
+		footer: internalError ? /* @__PURE__ */ jsx("p", {
+			className: "pf-field__error",
+			id: internalErrorId,
+			children: internalError
+		}) : null,
+		children: /* @__PURE__ */ jsxs("div", {
+			ref,
+			...props,
+			id: uploaderId,
+			className: cx("pf-file-uploader", className),
+			children: [
+				/* @__PURE__ */ jsx("input", {
+					ref: inputRef,
+					id: inputId,
+					type: "file",
+					className: "pf-file-uploader__input",
+					accept,
+					multiple,
+					required,
+					disabled,
+					onChange: (event) => {
+						addFiles(event.target.files);
+					}
+				}),
+				/* @__PURE__ */ jsxs("button", {
+					type: "button",
+					className: cx("pf-file-uploader__dropzone", dragActive && "pf-file-uploader__dropzone--active", (error || internalError) && "pf-file-uploader__dropzone--invalid"),
+					onClick: () => {
+						inputRef.current?.click();
+					},
+					onDragEnter: (event) => {
+						event.preventDefault();
+						if (!disabled) setDragActive(true);
+					},
+					onDragOver: (event) => {
+						event.preventDefault();
+					},
+					onDragLeave: (event) => {
+						event.preventDefault();
+						setDragActive(false);
+					},
+					onDrop: (event) => {
+						event.preventDefault();
+						setDragActive(false);
+						addFiles(event.dataTransfer.files);
+					},
+					disabled,
+					"aria-invalid": error || internalError ? true : void 0,
+					"aria-describedby": describedBy,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "pf-file-uploader__icon",
+							"aria-hidden": true,
+							children: /* @__PURE__ */ jsx(Icon, { name: "file-arrow-up" })
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "pf-file-uploader__title",
+							children: "Upload files"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "pf-file-uploader__subtitle",
+							children: "Drag and drop files here, or click to browse."
+						}),
+						hintText ? /* @__PURE__ */ jsx("span", {
+							className: "pf-file-uploader__hint",
+							children: hintText
+						}) : null
+					]
+				}),
+				files.length > 0 ? /* @__PURE__ */ jsx("ul", {
+					className: "pf-file-uploader__list",
+					"aria-label": "Selected files",
+					children: files.map((file, index) => /* @__PURE__ */ jsxs("li", {
+						className: "pf-file-uploader__list-item",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "pf-file-uploader__file-meta",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "pf-file-uploader__file-name",
+								children: file.name
+							}), /* @__PURE__ */ jsx("span", {
+								className: "pf-file-uploader__file-size",
+								children: bytesToSize(file.size)
+							})]
+						}), /* @__PURE__ */ jsx("button", {
+							type: "button",
+							className: "pf-file-uploader__remove",
+							onClick: () => {
+								removeFile(index);
+							},
+							"aria-label": `Remove ${file.name}`,
+							disabled,
+							children: /* @__PURE__ */ jsx(Icon, {
+								name: "circle-xmark",
+								"aria-hidden": true
+							})
+						})]
+					}, `${file.name}-${file.size}-${file.lastModified}`))
+				}) : null
+			]
+		})
+	});
+});
+FileUploader.displayName = "FileUploader";
+//#endregion
+export { FileUploader };

package/dist/index56.js

@@ -0,0 +1,63 @@
+import { cx } from "./index4.js";
+/* empty css        */
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/HeaderNavigation/HeaderNavigation.tsx
+var HeaderNavigation = forwardRef(function HeaderNavigation({ className, brand, items, actions, "aria-label": ariaLabel = "Header navigation", ...props }, ref) {
+	return /* @__PURE__ */ jsx("header", {
+		ref,
+		className: cx("pf-header-navigation", className),
+		...props,
+		children: /* @__PURE__ */ jsxs("nav", {
+			className: "pf-header-navigation__nav",
+			"aria-label": ariaLabel,
+			children: [
+				brand ? /* @__PURE__ */ jsx("div", {
+					className: "pf-header-navigation__brand",
+					children: brand
+				}) : null,
+				/* @__PURE__ */ jsx("ul", {
+					className: "pf-header-navigation__list",
+					children: items.map((item, index) => {
+						const key = `${index}-${typeof item.label === "string" ? item.label : "item"}`;
+						if (item.href) return /* @__PURE__ */ jsx("li", {
+							className: "pf-header-navigation__item",
+							children: /* @__PURE__ */ jsx("a", {
+								href: item.href,
+								onClick: item.onClick,
+								className: cx("pf-header-navigation__link", item.active && "pf-header-navigation__link--active"),
+								"aria-current": item.active ? "page" : void 0,
+								children: item.label
+							})
+						}, key);
+						if (item.onClick) return /* @__PURE__ */ jsx("li", {
+							className: "pf-header-navigation__item",
+							children: /* @__PURE__ */ jsx("button", {
+								type: "button",
+								onClick: item.onClick,
+								className: cx("pf-header-navigation__link", item.active && "pf-header-navigation__link--active"),
+								"aria-current": item.active ? "page" : void 0,
+								children: item.label
+							})
+						}, key);
+						return /* @__PURE__ */ jsx("li", {
+							className: "pf-header-navigation__item",
+							children: /* @__PURE__ */ jsx("span", {
+								className: cx("pf-header-navigation__link", item.active && "pf-header-navigation__link--active"),
+								"aria-current": item.active ? "page" : void 0,
+								children: item.label
+							})
+						}, key);
+					})
+				}),
+				actions ? /* @__PURE__ */ jsx("div", {
+					className: "pf-header-navigation__actions",
+					children: actions
+				}) : null
+			]
+		})
+	});
+});
+HeaderNavigation.displayName = "HeaderNavigation";
+//#endregion
+export { HeaderNavigation };

package/dist/index58.js

@@ -0,0 +1,45 @@
+import { cx } from "./index4.js";
+import { Icon } from "./index6.js";
+/* empty css        */
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/InlineCTA/InlineCTA.tsx
+var InlineCTA = forwardRef(function InlineCTA({ className, heading, description, action, icon, iconName = "circle-question", tone = "default", children, ...props }, ref) {
+	const resolvedIcon = icon ?? /* @__PURE__ */ jsx(Icon, {
+		name: iconName,
+		"aria-hidden": true
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		className: cx("pf-inline-cta", `pf-inline-cta--${tone}`, className),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "pf-inline-cta__icon",
+				"aria-hidden": true,
+				children: resolvedIcon
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "pf-inline-cta__content",
+				children: [
+					heading ? /* @__PURE__ */ jsx("p", {
+						className: "pf-inline-cta__heading",
+						children: heading
+					}) : null,
+					description ? /* @__PURE__ */ jsx("p", {
+						className: "pf-inline-cta__description",
+						children: description
+					}) : null,
+					children
+				]
+			}),
+			action ? /* @__PURE__ */ jsx("div", {
+				className: "pf-inline-cta__action",
+				children: action
+			}) : null
+		]
+	});
+});
+InlineCTA.displayName = "InlineCTA";
+//#endregion
+export { InlineCTA };