@commenda/pathfinder 0.0.0-stage → 0.1.0

package/dist/components/status-icons/StatusFailedIcon.js

@@ -0,0 +1,70 @@
+import { AssetSvg as e } from "../assets/AssetSvg.js";
+import { Asset as t } from "../assets/Asset.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	12: {
+		Artwork: (t) => /* @__PURE__ */ n(e, {
+			viewBox: "0 0 12 12",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ n("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M5.99986 0.712524C8.92001 0.712524 11.2871 3.07974 11.2872 5.99988C11.2872 8.92008 8.92006 11.2872 5.99986 11.2872C3.07972 11.2872 0.712502 8.92003 0.712502 5.99988C0.712581 3.07979 3.07977 0.712604 5.99986 0.712524ZM5.99986 7.68738C5.64791 7.68754 5.36265 7.97333 5.36265 8.32532C5.36281 8.67717 5.64801 8.96237 5.99986 8.96252C6.35177 8.96245 6.63764 8.67722 6.63779 8.32532C6.63779 7.97328 6.35187 7.68746 5.99986 7.68738ZM5.99986 2.96252C5.68933 2.96268 5.43736 3.21446 5.43736 3.52502V6.52502C5.43736 6.83559 5.68933 7.08737 5.99986 7.08752C6.31045 7.08745 6.56236 6.83564 6.56236 6.52502V3.52502C6.56236 3.21441 6.31045 2.9626 5.99986 2.96252Z",
+				fill: "#C93829"
+			})
+		}),
+		width: 12,
+		height: 12
+	},
+	16: {
+		Artwork: (t) => /* @__PURE__ */ n(e, {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ n("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M7.99981 0.950012C11.8933 0.950012 15.0495 4.1063 15.0496 7.99982C15.0496 11.8934 11.8934 15.0496 7.99981 15.0496C4.10629 15.0495 0.950001 11.8934 0.950001 7.99982C0.950106 4.10636 4.10635 0.950118 7.99981 0.950012ZM7.99981 10.2498C7.53054 10.25 7.1502 10.6311 7.1502 11.1004C7.15041 11.5695 7.53067 11.9498 7.99981 11.95C8.46903 11.9499 8.85018 11.5696 8.85039 11.1004C8.85039 10.631 8.46916 10.2499 7.99981 10.2498ZM7.99981 3.95001C7.58577 3.95022 7.24981 4.28593 7.24981 4.70001V8.70001C7.24981 9.1141 7.58577 9.4498 7.99981 9.45001C8.41393 9.44991 8.74981 9.11416 8.74981 8.70001V4.70001C8.74981 4.28586 8.41393 3.95012 7.99981 3.95001Z",
+				fill: "#C93829"
+			})
+		}),
+		width: 16,
+		height: 16
+	},
+	20: {
+		Artwork: (t) => /* @__PURE__ */ n(e, {
+			viewBox: "0 0 20 20",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ n("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M9.99976 1.1875C14.8667 1.1875 18.8119 5.13286 18.812 9.99976C18.812 14.8668 14.8668 18.812 9.99976 18.812C5.13286 18.8119 1.1875 14.8667 1.1875 9.99976C1.18763 5.13294 5.13294 1.18763 9.99976 1.1875ZM9.99976 12.8123C9.41318 12.8125 8.93774 13.2888 8.93774 13.8755C8.93801 14.4619 9.41334 14.9372 9.99976 14.9375C10.5863 14.9374 11.0627 14.462 11.063 13.8755C11.063 13.2888 10.5864 12.8124 9.99976 12.8123ZM9.99976 4.9375C9.48221 4.93776 9.06226 5.3574 9.06226 5.875V10.875C9.06226 11.3926 9.48221 11.8122 9.99976 11.8125C10.5174 11.8124 10.9373 11.3927 10.9373 10.875V5.875C10.9373 5.35731 10.5174 4.93763 9.99976 4.9375Z",
+				fill: "#C93829"
+			})
+		}),
+		width: 20,
+		height: 20
+	},
+	24: {
+		Artwork: (t) => /* @__PURE__ */ n(e, {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ n("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M11.9997 1.42499C17.84 1.42499 22.5743 6.15942 22.5744 11.9997C22.5744 17.8401 17.8401 22.5744 11.9997 22.5744C6.15943 22.5742 1.425 17.84 1.425 11.9997C1.42516 6.15952 6.15953 1.42515 11.9997 1.42499ZM11.9997 15.3747C11.2958 15.375 10.7253 15.9466 10.7253 16.6506C10.7256 17.3543 11.296 17.9247 11.9997 17.925C12.7035 17.9248 13.2753 17.3544 13.2756 16.6506C13.2756 15.9465 12.7037 15.3749 11.9997 15.3747ZM11.9997 5.92499C11.3787 5.9253 10.8747 6.42886 10.8747 7.04999V13.05C10.8747 13.6711 11.3787 14.1747 11.9997 14.175C12.6209 14.1748 13.1247 13.6712 13.1247 13.05V7.04999C13.1247 6.42876 12.6209 5.92515 11.9997 5.92499Z",
+				fill: "#C93829"
+			})
+		}),
+		width: 24,
+		height: 24
+	}
+}, i = ({ size: e = 16, ...i }) => /* @__PURE__ */ n(t, {
+	source: r[e],
+	...i
+});
+//#endregion
+export { i as StatusFailedIcon };

package/dist/components/status-icons/StatusIcon.d.ts

@@ -0,0 +1,23 @@
+import type { AssetProps } from '../assets/Asset.js';
+import * as artwork from './generated.js';
+declare const statusArtwork: {
+    'to-do': ({ size, ...props }: artwork.StatusToDoIconProps) => import("react/jsx-runtime").JSX.Element;
+    scheduled: ({ size, ...props }: artwork.StatusScheduledIconProps) => import("react/jsx-runtime").JSX.Element;
+    'in-progress': ({ size, ...props }: artwork.StatusInProgressIconProps) => import("react/jsx-runtime").JSX.Element;
+    'in-review': ({ size, ...props }: artwork.StatusInReviewIconProps) => import("react/jsx-runtime").JSX.Element;
+    completed: ({ size, ...props }: artwork.StatusCompletedIconProps) => import("react/jsx-runtime").JSX.Element;
+    canceled: ({ size, ...props }: artwork.StatusCanceledIconProps) => import("react/jsx-runtime").JSX.Element;
+    blocking: ({ size, ...props }: artwork.StatusBlockingIconProps) => import("react/jsx-runtime").JSX.Element;
+    'blocked-by': ({ size, ...props }: artwork.StatusBlockedByIconProps) => import("react/jsx-runtime").JSX.Element;
+    failed: ({ size, ...props }: artwork.StatusFailedIconProps) => import("react/jsx-runtime").JSX.Element;
+    'needs-attention': ({ size, ...props }: artwork.StatusNeedsAttentionIconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export type StatusKind = keyof typeof statusArtwork;
+export interface StatusIconProps extends AssetProps {
+    status: StatusKind;
+    /** A translated status name; color alone never conveys state. */
+    label: string;
+    size?: 12 | 16 | 20 | 24;
+}
+export declare const StatusIcon: ({ status, ...props }: StatusIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/status-icons/StatusIcon.js

@@ -0,0 +1,29 @@
+import { StatusFailedIcon as e } from "./StatusFailedIcon.js";
+import { StatusCompletedIcon as t } from "./StatusCompletedIcon.js";
+import { StatusBlockedByIcon as n } from "./StatusBlockedByIcon.js";
+import { StatusBlockingIcon as r } from "./StatusBlockingIcon.js";
+import { StatusCanceledIcon as i } from "./StatusCanceledIcon.js";
+import { StatusInProgressIcon as a } from "./StatusInProgressIcon.js";
+import { StatusInReviewIcon as o } from "./StatusInReviewIcon.js";
+import { StatusNeedsAttentionIcon as s } from "./StatusNeedsAttentionIcon.js";
+import { StatusScheduledIcon as c } from "./StatusScheduledIcon.js";
+import { StatusToDoIcon as l } from "./StatusToDoIcon.js";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/components/status-icons/StatusIcon.tsx
+var d = {
+	"to-do": l,
+	scheduled: c,
+	"in-progress": a,
+	"in-review": o,
+	completed: t,
+	canceled: i,
+	blocking: r,
+	"blocked-by": n,
+	failed: e,
+	"needs-attention": s
+}, f = ({ status: e, ...t }) => {
+	let n = d[e];
+	return /* @__PURE__ */ u(n, { ...t });
+};
+//#endregion
+export { f as StatusIcon };

package/dist/components/status-icons/StatusInProgressIcon.d.ts

@@ -0,0 +1,5 @@
+import { type AssetProps } from '../assets/Asset.js';
+export interface StatusInProgressIconProps extends AssetProps {
+    size?: 12 | 16 | 20 | 24;
+}
+export declare const StatusInProgressIcon: ({ size, ...props }: StatusInProgressIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/status-icons/StatusInProgressIcon.js

@@ -0,0 +1,86 @@
+import { AssetSvg as e } from "../assets/AssetSvg.js";
+import { Asset as t } from "../assets/Asset.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+var i = {
+	12: {
+		Artwork: (t) => /* @__PURE__ */ r(e, {
+			viewBox: "0 0 12 12",
+			fill: "none",
+			...t,
+			children: [/* @__PURE__ */ n("circle", {
+				cx: 6.00002,
+				cy: 5.99999,
+				r: 4.25625,
+				stroke: "#DE9145",
+				strokeWidth: .9375
+			}), /* @__PURE__ */ n("path", {
+				d: "M5.99998 3.60001C6.37872 3.60001 6.75209 3.68964 7.08955 3.86159C7.42702 4.03354 7.719 4.28291 7.94162 4.58932C8.16424 4.89573 8.31118 5.25048 8.37043 5.62456C8.42968 5.99865 8.39955 6.38144 8.28251 6.74165L5.99998 6.00001V3.60001Z",
+				fill: "#DE9145"
+			})]
+		}),
+		width: 12,
+		height: 12
+	},
+	16: {
+		Artwork: (t) => /* @__PURE__ */ r(e, {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			...t,
+			children: [/* @__PURE__ */ n("circle", {
+				cx: 8.00001,
+				cy: 8.00001,
+				r: 5.675,
+				stroke: "#DE9145",
+				strokeWidth: 1.25
+			}), /* @__PURE__ */ n("path", {
+				d: "M7.99999 4.79999C8.50498 4.79999 9.00281 4.9195 9.45276 5.14877C9.90271 5.37803 10.292 5.71053 10.5888 6.11907C10.8857 6.52762 11.0816 7.00062 11.1606 7.4994C11.2396 7.99817 11.1994 8.50857 11.0434 8.98884L7.99999 7.99999L7.99999 4.79999Z",
+				fill: "#DE9145"
+			})]
+		}),
+		width: 16,
+		height: 16
+	},
+	20: {
+		Artwork: (t) => /* @__PURE__ */ r(e, {
+			viewBox: "0 0 20 20",
+			fill: "none",
+			...t,
+			children: [/* @__PURE__ */ n("circle", {
+				cx: 10,
+				cy: 10,
+				r: 7.09375,
+				stroke: "#DE9145",
+				strokeWidth: 1.5625
+			}), /* @__PURE__ */ n("path", {
+				d: "M10 6C10.6312 6 11.2535 6.1494 11.816 6.43597C12.3784 6.72255 12.865 7.13817 13.2361 7.64886C13.6071 8.15954 13.852 8.75079 13.9508 9.37426C14.0495 9.99773 13.9993 10.6357 13.8042 11.2361L10 10L10 6Z",
+				fill: "#DE9145"
+			})]
+		}),
+		width: 20,
+		height: 20
+	},
+	24: {
+		Artwork: (t) => /* @__PURE__ */ r(e, {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			...t,
+			children: [/* @__PURE__ */ n("circle", {
+				cx: 12,
+				cy: 12,
+				r: 8.5125,
+				stroke: "#DE9145",
+				strokeWidth: 1.875
+			}), /* @__PURE__ */ n("path", {
+				d: "M12 7.20001C12.7575 7.20001 13.5042 7.37929 14.1792 7.72318C14.8541 8.06707 15.4381 8.56582 15.8833 9.17864C16.3285 9.79147 16.6224 10.501 16.7409 11.2491C16.8594 11.9973 16.7992 12.7629 16.5651 13.4833L12 12V7.20001Z",
+				fill: "#DE9145"
+			})]
+		}),
+		width: 24,
+		height: 24
+	}
+}, a = ({ size: e = 16, ...r }) => /* @__PURE__ */ n(t, {
+	source: i[e],
+	...r
+});
+//#endregion
+export { a as StatusInProgressIcon };

package/dist/components/status-icons/StatusInReviewIcon.d.ts

@@ -0,0 +1,5 @@
+import { type AssetProps } from '../assets/Asset.js';
+export interface StatusInReviewIconProps extends AssetProps {
+    size?: 12 | 16 | 20 | 24;
+}
+export declare const StatusInReviewIcon: ({ size, ...props }: StatusInReviewIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/status-icons/StatusInReviewIcon.js

@@ -0,0 +1,86 @@
+import { AssetSvg as e } from "../assets/AssetSvg.js";
+import { Asset as t } from "../assets/Asset.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+var i = {
+	12: {
+		Artwork: (t) => /* @__PURE__ */ r(e, {
+			viewBox: "0 0 12 12",
+			fill: "none",
+			...t,
+			children: [/* @__PURE__ */ n("circle", {
+				cx: 6.00002,
+				cy: 5.99999,
+				r: 4.25625,
+				stroke: "#63AAED",
+				strokeWidth: .9375
+			}), /* @__PURE__ */ n("path", {
+				d: "M5.99998 3.60001C6.47465 3.60001 6.93867 3.74076 7.33334 4.00448C7.72802 4.26819 8.03564 4.64302 8.21729 5.08157C8.39894 5.52011 8.44647 6.00267 8.35386 6.46822C8.26126 6.93378 8.03268 7.36142 7.69703 7.69706C7.36139 8.03271 6.93375 8.26129 6.46819 8.35389C6.00264 8.4465 5.52008 8.39897 5.08154 8.21732C4.64299 8.03567 4.26816 7.72805 4.00445 7.33337C3.74073 6.9387 3.59998 6.47468 3.59998 6.00001L5.99998 6.00001V3.60001Z",
+				fill: "#63AAED"
+			})]
+		}),
+		width: 12,
+		height: 12
+	},
+	16: {
+		Artwork: (t) => /* @__PURE__ */ r(e, {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			...t,
+			children: [/* @__PURE__ */ n("circle", {
+				cx: 8.00001,
+				cy: 8.00001,
+				r: 5.675,
+				stroke: "#63AAED",
+				strokeWidth: 1.25
+			}), /* @__PURE__ */ n("path", {
+				d: "M7.99999 4.79999C8.63289 4.79999 9.25157 4.98766 9.77781 5.33929C10.304 5.69091 10.7142 6.19068 10.9564 6.7754C11.1986 7.36012 11.262 8.00354 11.1385 8.62428C11.015 9.24502 10.7103 9.8152 10.2627 10.2627C9.8152 10.7103 9.24502 11.015 8.62428 11.1385C8.00354 11.262 7.36012 11.1986 6.7754 10.9564C6.19068 10.7142 5.69091 10.304 5.33928 9.77781C4.98766 9.25157 4.79999 8.63289 4.79999 7.99999L7.99999 7.99999L7.99999 4.79999Z",
+				fill: "#63AAED"
+			})]
+		}),
+		width: 16,
+		height: 16
+	},
+	20: {
+		Artwork: (t) => /* @__PURE__ */ r(e, {
+			viewBox: "0 0 20 20",
+			fill: "none",
+			...t,
+			children: [/* @__PURE__ */ n("circle", {
+				cx: 10,
+				cy: 10,
+				r: 7.09375,
+				stroke: "#63AAED",
+				strokeWidth: 1.5625
+			}), /* @__PURE__ */ n("path", {
+				d: "M10 6C10.7911 6 11.5645 6.2346 12.2223 6.67412C12.8801 7.11365 13.3928 7.73836 13.6955 8.46927C13.9983 9.20017 14.0775 10.0044 13.9231 10.7804C13.7688 11.5563 13.3878 12.269 12.8284 12.8284C12.269 13.3878 11.5563 13.7688 10.7804 13.9231C10.0044 14.0775 9.20017 13.9983 8.46927 13.6955C7.73836 13.3928 7.11365 12.8801 6.67412 12.2223C6.2346 11.5645 6 10.7911 6 10L10 10L10 6Z",
+				fill: "#63AAED"
+			})]
+		}),
+		width: 20,
+		height: 20
+	},
+	24: {
+		Artwork: (t) => /* @__PURE__ */ r(e, {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			...t,
+			children: [/* @__PURE__ */ n("circle", {
+				cx: 12,
+				cy: 12,
+				r: 8.5125,
+				stroke: "#63AAED",
+				strokeWidth: 1.875
+			}), /* @__PURE__ */ n("path", {
+				d: "M12 7.20001C12.9494 7.20001 13.8774 7.48153 14.6667 8.00896C15.4561 8.53639 16.0713 9.28605 16.4346 10.1631C16.7979 11.0402 16.893 12.0053 16.7078 12.9364C16.5226 13.8676 16.0654 14.7228 15.3941 15.3941C14.7228 16.0654 13.8676 16.5226 12.9364 16.7078C12.0053 16.893 11.0402 16.7979 10.1631 16.4346C9.28605 16.0713 8.53639 15.4561 8.00896 14.6667C7.48153 13.8774 7.20001 12.9494 7.20001 12L12 12V7.20001Z",
+				fill: "#63AAED"
+			})]
+		}),
+		width: 24,
+		height: 24
+	}
+}, a = ({ size: e = 16, ...r }) => /* @__PURE__ */ n(t, {
+	source: i[e],
+	...r
+});
+//#endregion
+export { a as StatusInReviewIcon };

package/dist/components/status-icons/StatusNeedsAttentionIcon.d.ts

@@ -0,0 +1,5 @@
+import { type AssetProps } from '../assets/Asset.js';
+export interface StatusNeedsAttentionIconProps extends AssetProps {
+    size?: 12 | 16 | 20 | 24;
+}
+export declare const StatusNeedsAttentionIcon: ({ size, ...props }: StatusNeedsAttentionIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/status-icons/StatusNeedsAttentionIcon.js

@@ -0,0 +1,70 @@
+import { AssetSvg as e } from "../assets/AssetSvg.js";
+import { Asset as t } from "../assets/Asset.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	12: {
+		Artwork: (t) => /* @__PURE__ */ n(e, {
+			viewBox: "0 0 12 12",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ n("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M5.99985 0.712524C8.92 0.712524 11.2871 3.07974 11.2872 5.99988C11.2872 8.92008 8.92005 11.2872 5.99985 11.2872C3.07971 11.2872 0.712494 8.92003 0.712494 5.99988C0.712573 3.07979 3.07976 0.712604 5.99985 0.712524ZM5.99985 7.68738C5.6479 7.68754 5.36264 7.97333 5.36264 8.32532C5.3628 8.67717 5.648 8.96237 5.99985 8.96252C6.35176 8.96245 6.63763 8.67722 6.63779 8.32532C6.63779 7.97328 6.35186 7.68746 5.99985 7.68738ZM5.99985 2.96252C5.68932 2.96268 5.43735 3.21446 5.43735 3.52502V6.52502C5.43735 6.83559 5.68932 7.08737 5.99985 7.08752C6.31044 7.08745 6.56235 6.83564 6.56235 6.52502V3.52502C6.56235 3.21441 6.31044 2.9626 5.99985 2.96252Z",
+				fill: "#EF6820"
+			})
+		}),
+		width: 12,
+		height: 12
+	},
+	16: {
+		Artwork: (t) => /* @__PURE__ */ n(e, {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ n("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M7.99982 0.950012C11.8934 0.950012 15.0495 4.1063 15.0496 7.99982C15.0496 11.8934 11.8934 15.0496 7.99982 15.0496C4.1063 15.0495 0.950012 11.8934 0.950012 7.99982C0.950118 4.10636 4.10636 0.950118 7.99982 0.950012ZM7.99982 10.2498C7.53055 10.25 7.15021 10.6311 7.15021 11.1004C7.15042 11.5695 7.53068 11.9498 7.99982 11.95C8.46904 11.9499 8.85019 11.5696 8.8504 11.1004C8.8504 10.631 8.46917 10.2499 7.99982 10.2498ZM7.99982 3.95001C7.58578 3.95022 7.24982 4.28593 7.24982 4.70001V8.70001C7.24982 9.1141 7.58578 9.4498 7.99982 9.45001C8.41394 9.44991 8.74982 9.11416 8.74982 8.70001V4.70001C8.74982 4.28586 8.41394 3.95012 7.99982 3.95001Z",
+				fill: "#EF6820"
+			})
+		}),
+		width: 16,
+		height: 16
+	},
+	20: {
+		Artwork: (t) => /* @__PURE__ */ n(e, {
+			viewBox: "0 0 20 20",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ n("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M9.99976 1.1875C14.8667 1.1875 18.8119 5.13286 18.812 9.99976C18.812 14.8668 14.8668 18.812 9.99976 18.812C5.13286 18.8119 1.1875 14.8667 1.1875 9.99976C1.18763 5.13294 5.13294 1.18763 9.99976 1.1875ZM9.99976 12.8123C9.41318 12.8125 8.93774 13.2888 8.93774 13.8755C8.93801 14.4619 9.41334 14.9372 9.99976 14.9375C10.5863 14.9374 11.0627 14.462 11.063 13.8755C11.063 13.2888 10.5864 12.8124 9.99976 12.8123ZM9.99976 4.9375C9.48221 4.93776 9.06226 5.3574 9.06226 5.875V10.875C9.06226 11.3926 9.48221 11.8122 9.99976 11.8125C10.5174 11.8124 10.9373 11.3927 10.9373 10.875V5.875C10.9373 5.35731 10.5174 4.93763 9.99976 4.9375Z",
+				fill: "#EF6820"
+			})
+		}),
+		width: 20,
+		height: 20
+	},
+	24: {
+		Artwork: (t) => /* @__PURE__ */ n(e, {
+			viewBox: "0 0 24 24",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ n("path", {
+				fillRule: "evenodd",
+				clipRule: "evenodd",
+				d: "M11.9997 1.42499C17.84 1.42499 22.5742 6.15942 22.5744 11.9997C22.5744 17.8401 17.8401 22.5744 11.9997 22.5744C6.15942 22.5742 1.42499 17.84 1.42499 11.9997C1.42515 6.15952 6.15952 1.42515 11.9997 1.42499ZM11.9997 15.3747C11.2958 15.375 10.7253 15.9466 10.7253 16.6506C10.7256 17.3543 11.296 17.9247 11.9997 17.925C12.7035 17.9248 13.2753 17.3544 13.2756 16.6506C13.2756 15.9465 12.7037 15.3749 11.9997 15.3747ZM11.9997 5.92499C11.3786 5.9253 10.8747 6.42886 10.8747 7.04999V13.05C10.8747 13.6711 11.3786 14.1747 11.9997 14.175C12.6209 14.1748 13.1247 13.6712 13.1247 13.05V7.04999C13.1247 6.42876 12.6209 5.92515 11.9997 5.92499Z",
+				fill: "#EF6820"
+			})
+		}),
+		width: 24,
+		height: 24
+	}
+}, i = ({ size: e = 16, ...i }) => /* @__PURE__ */ n(t, {
+	source: r[e],
+	...i
+});
+//#endregion
+export { i as StatusNeedsAttentionIcon };

package/dist/components/status-icons/StatusScheduledIcon.d.ts

@@ -0,0 +1,5 @@
+import { type AssetProps } from '../assets/Asset.js';
+export interface StatusScheduledIconProps extends AssetProps {
+    size?: 12 | 16 | 20 | 24;
+}
+export declare const StatusScheduledIcon: ({ size, ...props }: StatusScheduledIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/status-icons/StatusScheduledIcon.js

@@ -0,0 +1,54 @@
+import { AssetSvg as e } from "../assets/AssetSvg.js";
+import { Asset as t } from "../assets/Asset.js";
+import { StatusToDoIcon20Artwork as n } from "../assets/artwork/StatusToDoIcon20Artwork.js";
+import { StatusToDoIcon24Artwork as r } from "../assets/artwork/StatusToDoIcon24Artwork.js";
+import { jsx as i } from "react/jsx-runtime";
+var a = {
+	12: {
+		Artwork: (t) => /* @__PURE__ */ i(e, {
+			viewBox: "0 0 12 12",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ i("circle", {
+				cx: 5.99999,
+				cy: 5.99999,
+				r: 4.25625,
+				stroke: "#8F8B85",
+				strokeWidth: .9375
+			})
+		}),
+		width: 12,
+		height: 12
+	},
+	16: {
+		Artwork: (t) => /* @__PURE__ */ i(e, {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ i("circle", {
+				cx: 8.00001,
+				cy: 8.00001,
+				r: 5.675,
+				stroke: "#8F8B85",
+				strokeWidth: 1.25
+			})
+		}),
+		width: 16,
+		height: 16
+	},
+	20: {
+		Artwork: n,
+		width: 20,
+		height: 20
+	},
+	24: {
+		Artwork: r,
+		width: 24,
+		height: 24
+	}
+}, o = ({ size: e = 16, ...n }) => /* @__PURE__ */ i(t, {
+	source: a[e],
+	...n
+});
+//#endregion
+export { o as StatusScheduledIcon };

package/dist/components/status-icons/StatusToDoIcon.d.ts

@@ -0,0 +1,5 @@
+import { type AssetProps } from '../assets/Asset.js';
+export interface StatusToDoIconProps extends AssetProps {
+    size?: 12 | 16 | 20 | 24;
+}
+export declare const StatusToDoIcon: ({ size, ...props }: StatusToDoIconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/status-icons/StatusToDoIcon.js

@@ -0,0 +1,54 @@
+import { AssetSvg as e } from "../assets/AssetSvg.js";
+import { Asset as t } from "../assets/Asset.js";
+import { StatusToDoIcon20Artwork as n } from "../assets/artwork/StatusToDoIcon20Artwork.js";
+import { StatusToDoIcon24Artwork as r } from "../assets/artwork/StatusToDoIcon24Artwork.js";
+import { jsx as i } from "react/jsx-runtime";
+var a = {
+	12: {
+		Artwork: (t) => /* @__PURE__ */ i(e, {
+			viewBox: "0 0 12 12",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ i("circle", {
+				cx: 6,
+				cy: 5.99999,
+				r: 4.25625,
+				stroke: "#8F8B85",
+				strokeWidth: .9375
+			})
+		}),
+		width: 12,
+		height: 12
+	},
+	16: {
+		Artwork: (t) => /* @__PURE__ */ i(e, {
+			viewBox: "0 0 16 16",
+			fill: "none",
+			...t,
+			children: /* @__PURE__ */ i("circle", {
+				cx: 8,
+				cy: 8.00001,
+				r: 5.675,
+				stroke: "#8F8B85",
+				strokeWidth: 1.25
+			})
+		}),
+		width: 16,
+		height: 16
+	},
+	20: {
+		Artwork: n,
+		width: 20,
+		height: 20
+	},
+	24: {
+		Artwork: r,
+		width: 24,
+		height: 24
+	}
+}, o = ({ size: e = 16, ...n }) => /* @__PURE__ */ i(t, {
+	source: a[e],
+	...n
+});
+//#endregion
+export { o as StatusToDoIcon };

package/dist/components/status-icons/generated.d.ts

@@ -0,0 +1,38 @@
+export type { Progress0IconProps } from './Progress0Icon.js';
+export { Progress0Icon } from './Progress0Icon.js';
+export type { Progress10IconProps } from './Progress10Icon.js';
+export { Progress10Icon } from './Progress10Icon.js';
+export type { Progress25IconProps } from './Progress25Icon.js';
+export { Progress25Icon } from './Progress25Icon.js';
+export type { Progress33IconProps } from './Progress33Icon.js';
+export { Progress33Icon } from './Progress33Icon.js';
+export type { Progress50IconProps } from './Progress50Icon.js';
+export { Progress50Icon } from './Progress50Icon.js';
+export type { Progress66IconProps } from './Progress66Icon.js';
+export { Progress66Icon } from './Progress66Icon.js';
+export type { Progress75IconProps } from './Progress75Icon.js';
+export { Progress75Icon } from './Progress75Icon.js';
+export type { Progress90IconProps } from './Progress90Icon.js';
+export { Progress90Icon } from './Progress90Icon.js';
+export type { Progress100IconProps } from './Progress100Icon.js';
+export { Progress100Icon } from './Progress100Icon.js';
+export type { StatusBlockedByIconProps } from './StatusBlockedByIcon.js';
+export { StatusBlockedByIcon } from './StatusBlockedByIcon.js';
+export type { StatusBlockingIconProps } from './StatusBlockingIcon.js';
+export { StatusBlockingIcon } from './StatusBlockingIcon.js';
+export type { StatusCanceledIconProps } from './StatusCanceledIcon.js';
+export { StatusCanceledIcon } from './StatusCanceledIcon.js';
+export type { StatusCompletedIconProps } from './StatusCompletedIcon.js';
+export { StatusCompletedIcon } from './StatusCompletedIcon.js';
+export type { StatusFailedIconProps } from './StatusFailedIcon.js';
+export { StatusFailedIcon } from './StatusFailedIcon.js';
+export type { StatusInProgressIconProps } from './StatusInProgressIcon.js';
+export { StatusInProgressIcon } from './StatusInProgressIcon.js';
+export type { StatusInReviewIconProps } from './StatusInReviewIcon.js';
+export { StatusInReviewIcon } from './StatusInReviewIcon.js';
+export type { StatusNeedsAttentionIconProps } from './StatusNeedsAttentionIcon.js';
+export { StatusNeedsAttentionIcon } from './StatusNeedsAttentionIcon.js';
+export type { StatusScheduledIconProps } from './StatusScheduledIcon.js';
+export { StatusScheduledIcon } from './StatusScheduledIcon.js';
+export type { StatusToDoIconProps } from './StatusToDoIcon.js';
+export { StatusToDoIcon } from './StatusToDoIcon.js';

package/dist/components/status-icons/index.d.ts

@@ -0,0 +1,5 @@
+export * from './generated.js';
+export { ProgressRing } from './ProgressRing.js';
+export type { ProgressRingProps } from './ProgressRing.js';
+export { StatusIcon } from './StatusIcon.js';
+export type { StatusIconProps, StatusKind } from './StatusIcon.js';

package/dist/components/status-icons/index.js

@@ -0,0 +1,22 @@
+import { ProgressRing as e } from "./ProgressRing.js";
+import { StatusFailedIcon as t } from "./StatusFailedIcon.js";
+import { StatusCompletedIcon as n } from "./StatusCompletedIcon.js";
+import { Progress0Icon as r } from "./Progress0Icon.js";
+import { Progress10Icon as i } from "./Progress10Icon.js";
+import { Progress25Icon as a } from "./Progress25Icon.js";
+import { Progress33Icon as o } from "./Progress33Icon.js";
+import { Progress50Icon as s } from "./Progress50Icon.js";
+import { Progress66Icon as c } from "./Progress66Icon.js";
+import { Progress75Icon as l } from "./Progress75Icon.js";
+import { Progress90Icon as u } from "./Progress90Icon.js";
+import { Progress100Icon as d } from "./Progress100Icon.js";
+import { StatusBlockedByIcon as f } from "./StatusBlockedByIcon.js";
+import { StatusBlockingIcon as p } from "./StatusBlockingIcon.js";
+import { StatusCanceledIcon as m } from "./StatusCanceledIcon.js";
+import { StatusInProgressIcon as h } from "./StatusInProgressIcon.js";
+import { StatusInReviewIcon as g } from "./StatusInReviewIcon.js";
+import { StatusNeedsAttentionIcon as _ } from "./StatusNeedsAttentionIcon.js";
+import { StatusScheduledIcon as v } from "./StatusScheduledIcon.js";
+import { StatusToDoIcon as y } from "./StatusToDoIcon.js";
+import { StatusIcon as b } from "./StatusIcon.js";
+export { r as Progress0Icon, d as Progress100Icon, i as Progress10Icon, a as Progress25Icon, o as Progress33Icon, s as Progress50Icon, c as Progress66Icon, l as Progress75Icon, u as Progress90Icon, e as ProgressRing, f as StatusBlockedByIcon, p as StatusBlockingIcon, m as StatusCanceledIcon, n as StatusCompletedIcon, t as StatusFailedIcon, b as StatusIcon, h as StatusInProgressIcon, g as StatusInReviewIcon, _ as StatusNeedsAttentionIcon, v as StatusScheduledIcon, y as StatusToDoIcon };

package/dist/components/stepper/StepMarker.d.ts

@@ -0,0 +1,7 @@
+import type { StepperItem } from './Stepper.js';
+interface StepMarkerProps {
+    state: StepperItem['state'];
+    number: number;
+}
+export declare const StepMarker: ({ state, number }: StepMarkerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/stepper/StepMarker.js

@@ -0,0 +1,30 @@
+"use client";
+import { CheckIcon as e } from "../icons/CheckIcon.js";
+import t from "clsx";
+import { useState as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/stepper/StepMarker.tsx
+var i = ({ state: i, number: a }) => {
+	let [o, s] = n(i), [c, l] = n(!1);
+	return o !== i && (s(i), l(i === "done")), /* @__PURE__ */ r("span", {
+		"aria-hidden": "true",
+		className: t("pf:flex pf:size-[20px] pf:shrink-0 pf:items-center pf:justify-center pf:rounded-full pf:box-border pf:font-body pf:text-label-12-strong pf:transition-colors pf:duration-(--pf-duration-base) pf:motion-reduce:transition-none", {
+			"pf:bg-soft-pearl-300 pf:text-soft-pearl-900": i === "upcoming",
+			"pf:bg-blue-700 pf:text-background": i === "current",
+			"pf:bg-green-700 pf:text-background": i === "done",
+			"pf:bg-soft-pearl-100 pf:text-soft-pearl-600 pf:border pf:border-solid pf:border-soft-pearl-300": i === "disabled"
+		}),
+		children: i === "done" ? /* @__PURE__ */ r("span", {
+			onAnimationEnd: () => {
+				l(!1);
+			},
+			className: t("pf:flex", c && "pf:motion-safe:animate-[pf-step-check_200ms_ease-out]"),
+			children: /* @__PURE__ */ r(e, {
+				size: 12,
+				tone: "inherit"
+			})
+		}) : a
+	});
+};
+//#endregion
+export { i as StepMarker };

package/dist/components/stepper/Stepper.d.ts

@@ -0,0 +1,24 @@
+import { type AriaAttributes } from 'react';
+export interface StepperItem {
+    id: string;
+    label: string;
+    description?: string;
+    state: 'upcoming' | 'current' | 'done' | 'disabled';
+}
+export interface StepperProps extends AriaAttributes {
+    label: string;
+    items: readonly StepperItem[];
+    orientation?: 'horizontal' | 'vertical';
+    navigationConfig?: {
+        onStepChange: (id: string) => void;
+    };
+    stateLabels?: Partial<Record<StepperItem['state'], string>>;
+    id?: string;
+    className?: string;
+}
+/** STEPPER-01: One current step; completed steps may request navigation, never upcoming steps.
+ * STEPPER-02: Caller owns validation, saved answers, navigation buttons and focus. No error marker.
+ * STEPPER-03: Three to six steps; full pages, not dialogs. Figma 676:104 / 676:35169.
+ * STEPPER-04: Markers are 20; unchanged label weight; no check animation on first render.
+ */
+export declare const Stepper: import("react").ForwardRefExoticComponent<StepperProps & import("react").RefAttributes<HTMLOListElement>>;