@pie-lib/icons 4.0.2 → 4.0.3-next.0

package/dist/correct-icon.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @synced-from pie-lib/packages/icons/src/correct-icon.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+export declare const Correct: {
+    new (props: {}): {
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {}, context: any): {
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        iconSet: PropTypes.Requireable<string>;
+        shape: PropTypes.Requireable<string>;
+        category: PropTypes.Requireable<string | undefined>;
+        open: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        fg: PropTypes.Requireable<string>;
+        bg: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        iconSet: string;
+        shape: string;
+        category: undefined;
+        open: boolean;
+        size: number;
+        fg: string;
+        bg: string;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default Correct;

package/dist/correct-icon.js

@@ -0,0 +1,59 @@
+import e from "./icon-base.js";
+import "react";
+import t from "prop-types";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/correct-icon.tsx
+var i = ({ fill: e }) => /* @__PURE__ */ r("g", {
+	transform: "translate(1, 0)",
+	children: [
+		/* @__PURE__ */ n("path", {
+			d: "M24.7,22.1c-1.5,1.7-3.6,2.7-5.8,2.7s-4.5-1.1-5.8-2.7l-2.8,1.6c2,2.7,5.2,4.2,8.7,4.2\n         c3.4,0,6.6-1.6,8.7-4.2L24.7,22.1z",
+			fill: e
+		}),
+		/* @__PURE__ */ n("rect", {
+			x: "21.1",
+			y: "13.1",
+			width: "3.7",
+			height: "4.7",
+			fill: e
+		}),
+		/* @__PURE__ */ n("rect", {
+			x: "12.7",
+			y: "13.1",
+			width: "3.7",
+			height: "4.7",
+			fill: e
+		})
+	]
+});
+i.propTypes = { fill: t.string.isRequired };
+var a = ({ fill: e, x: t = 0, y: r = 0 }) => /* @__PURE__ */ n("polygon", {
+	transform: `translate(${t}, ${r})`,
+	points: "19.1,28.6 11.8,22.3 14.4,19.2 17.9,22.1 23.9,11.4 27.5,13.4",
+	fill: e
+});
+a.propTypes = {
+	fill: t.string.isRequired,
+	x: t.number,
+	y: t.number
+};
+var o = e(a, i);
+o.propTypes = {
+	iconSet: t.oneOf(["emoji", "check"]),
+	shape: t.oneOf(["round", "square"]),
+	category: t.oneOf(["feedback", void 0]),
+	open: t.bool,
+	fg: t.string,
+	bg: t.string,
+	size: t.oneOfType([t.string, t.number])
+}, o.defaultProps = {
+	iconSet: "check",
+	shape: "round",
+	category: void 0,
+	open: !1,
+	fg: "#4aaf46",
+	bg: "#f8ffe2",
+	size: 30
+};
+//#endregion
+export { o as default };

package/dist/correct-response-icon.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @synced-from pie-lib/packages/icons/src/correct-response-icon.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+declare const CorrectResponse: {
+    ({ open, size }: {
+        open: any;
+        size: any;
+    }): React.JSX.Element;
+    propTypes: {
+        open: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        open: boolean;
+    };
+};
+export default CorrectResponse;

package/dist/correct-response-icon.js

@@ -0,0 +1,96 @@
+import "react";
+import e from "prop-types";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { styled as r } from "@mui/material/styles";
+//#region src/correct-response-icon.tsx
+var i = ({ bgFill: e, fgFill: r }) => /* @__PURE__ */ n("svg", {
+	preserveAspectRatio: "xMinYMin meet",
+	version: "1.1",
+	viewBox: "-283 359 34 35",
+	style: { enableBackground: "new -283 359 34 35" },
+	children: [
+		/* @__PURE__ */ t("circle", {
+			cx: "-266",
+			cy: "375.9",
+			r: "14",
+			fill: e
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z\n         M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z",
+			fill: e
+		}),
+		/* @__PURE__ */ t("polygon", {
+			points: "-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6",
+			fill: r
+		})
+	]
+});
+i.propTypes = {
+	bgFill: e.string.isRequired,
+	fgFill: e.string.isRequired
+};
+var a = ({ bgFill: e, fgFill: r, borderFill: i }) => /* @__PURE__ */ n("svg", {
+	preserveAspectRatio: "xMinYMin meet",
+	version: "1.1",
+	viewBox: "-129.5 127 34 35",
+	style: { enableBackground: "new -129.5 127 34 35" },
+	children: [
+		/* @__PURE__ */ t("path", {
+			style: {
+				fill: "#D0CAC5",
+				stroke: "#E6E3E0",
+				strokeWidth: .75,
+				strokeMiterlimit: 10
+			},
+			d: "M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5\n         C-97.4,153.5-104.3,160.4-112.9,160.4z"
+		}),
+		/* @__PURE__ */ t("path", {
+			style: {
+				fill: "#B3ABA4",
+				stroke: "#CDC7C2",
+				strokeWidth: .5,
+				strokeMiterlimit: 10
+			},
+			d: "M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z"
+		}),
+		/* @__PURE__ */ t("circle", {
+			cx: "-114.2",
+			cy: "143.5",
+			r: "14",
+			fill: e
+		}),
+		/* @__PURE__ */ t("path", {
+			d: "M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z\n         M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z",
+			fill: i
+		}),
+		/* @__PURE__ */ t("polygon", {
+			points: "-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2",
+			fill: r
+		})
+	]
+});
+a.propTypes = {
+	bgFill: e.string.isRequired,
+	fgFill: e.string.isRequired,
+	borderFill: e.string.isRequired
+};
+var o = r("div")(({ size: e }) => ({
+	width: e || "25px",
+	height: e || "25px"
+})), s = ({ open: e, size: n }) => /* @__PURE__ */ t(o, {
+	size: n,
+	children: e ? /* @__PURE__ */ t(i, {
+		bgFill: "#bce2ff",
+		fgFill: "#1a9cff"
+	}) : /* @__PURE__ */ t(a, {
+		bgFill: "white",
+		fgFill: "#1a9cff",
+		borderFill: "#bce2ff"
+	})
+});
+s.propTypes = {
+	open: e.bool,
+	size: e.string
+}, s.defaultProps = { open: !1 };
+//#endregion
+export { s as default };

package/dist/icon-base.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @synced-from pie-lib/packages/icons/src/icon-base.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+declare const _default: (Action: any, Emoji: any) => {
+    new (props: {}): {
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {}, context: any): {
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        iconSet: PropTypes.Requireable<string>;
+        shape: PropTypes.Requireable<string>;
+        category: PropTypes.Requireable<string | undefined>;
+        open: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        fg: PropTypes.Requireable<string>;
+        bg: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        iconSet: string;
+        shape: string;
+        category: undefined;
+        open: boolean;
+        size: number;
+        fg: string;
+        bg: string;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/icon-base.js

@@ -0,0 +1,40 @@
+import { Circle as e, IconRoot as t, RoundFeedbackBox as n, Square as r, SquareFeedbackBox as i } from "./icon-root.js";
+import a from "react";
+import o from "prop-types";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/icon-base.tsx
+var l = (l, u) => {
+	class d extends a.Component {
+		static propTypes = {
+			iconSet: o.oneOf(["emoji", "check"]),
+			shape: o.oneOf(["round", "square"]),
+			category: o.oneOf(["feedback", void 0]),
+			open: o.bool,
+			size: o.oneOfType([o.number, o.string]),
+			fg: o.string,
+			bg: o.string
+		};
+		static defaultProps = {
+			iconSet: "check",
+			shape: "round",
+			category: void 0,
+			open: !1,
+			size: 30,
+			fg: "#4aaf46",
+			bg: "#f8ffe2"
+		};
+		render() {
+			let { iconSet: a, shape: o, category: d, open: f, size: p, fg: m, bg: h } = this.props, g = s(a === "check" ? l : u, { fill: m }), _ = s(a === "check" ? l : u, { fill: h });
+			return f ? /* @__PURE__ */ s(t, {
+				size: p,
+				children: _
+			}) : /* @__PURE__ */ c(t, {
+				size: p,
+				children: [s(d === "feedback" ? o === "round" ? n : i : o === "round" ? e : r, { fill: h }), g]
+			});
+		}
+	}
+	return d;
+};
+//#endregion
+export { l as default };

package/dist/icon-root.d.ts

@@ -0,0 +1,71 @@
+/**
+ * @synced-from pie-lib/packages/icons/src/icon-root.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import React from 'react';
+import PropTypes from 'prop-types';
+export declare const normalizeSize: (size: any) => string;
+export declare const IconRoot: {
+    ({ size, children, sx }: {
+        size: any;
+        children: any;
+        sx: any;
+    }): React.JSX.Element;
+    propTypes: {
+        size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        children: PropTypes.Validator<NonNullable<NonNullable<PropTypes.ReactNodeLike>>>;
+        sx: PropTypes.Requireable<object>;
+    };
+};
+export declare const Tick: {
+    ({ fill }: {
+        fill: any;
+    }): React.JSX.Element;
+    propTypes: {
+        fill: PropTypes.Validator<string>;
+    };
+};
+export declare const SquareFeedbackBox: {
+    ({ fill }: {
+        fill: any;
+    }): React.JSX.Element;
+    propTypes: {
+        fill: PropTypes.Validator<string>;
+    };
+};
+export declare const RoundFeedbackBox: {
+    ({ fill }: {
+        fill: any;
+    }): React.JSX.Element;
+    propTypes: {
+        fill: PropTypes.Validator<string>;
+    };
+};
+export declare const Circle: {
+    ({ fill }: {
+        fill: any;
+    }): React.JSX.Element;
+    propTypes: {
+        fill: PropTypes.Validator<string>;
+    };
+};
+export declare const Square: {
+    ({ fill }: {
+        fill: any;
+    }): React.JSX.Element;
+    propTypes: {
+        fill: PropTypes.Validator<string>;
+    };
+};
+export declare const getStyles: (name: any, fg: any, bg: any) => {
+    bg: {
+        fill: any;
+    };
+    fg: {
+        fill: any;
+    };
+};

package/dist/icon-root.js

@@ -0,0 +1,57 @@
+import e from "./sized.js";
+import "react";
+import t from "prop-types";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/icon-root.tsx
+var r = ({ size: t, children: r, sx: i }) => /* @__PURE__ */ n(e, {
+	size: t,
+	children: /* @__PURE__ */ n("svg", {
+		preserveAspectRatio: "xMinYMin meet",
+		viewBox: "0 0 44 40",
+		style: {
+			enableBackground: "new 0 0 44 40",
+			...i
+		},
+		children: r
+	})
+});
+r.propTypes = {
+	size: t.oneOfType([t.string, t.number]),
+	children: t.oneOfType([t.arrayOf(t.node), t.node]).isRequired,
+	sx: t.object
+};
+var i = ({ fill: e }) => /* @__PURE__ */ n("polygon", {
+	points: "17.4,26.9 10.1,20.6 12.8,17.5 16.3,20.5 22.3,9.7 25.9,11.7",
+	fill: e
+});
+i.propTypes = { fill: t.string.isRequired };
+var a = ({ fill: e }) => /* @__PURE__ */ n("polygon", {
+	transform: "translate(2, 0)",
+	points: "34.1,28.6 34.1,2.2 2,2.2 2,34.3 40.1,34.3",
+	fill: e
+});
+a.propTypes = { fill: t.string.isRequired };
+var o = ({ fill: e }) => /* @__PURE__ */ n("path", {
+	transform: "translate(1, 0)",
+	d: "M31.2,29.1v-0.3c2.2-2.8,3.6-6.3,3.6-10.1c0-8.9-7.2-16.1-16.1-16.1c-8.8,0.1-16,7.3-16,16.2 s7.2,16.1,16.1,16.1h18.5L31.2,29.1z",
+	fill: e
+});
+o.propTypes = { fill: t.string.isRequired };
+var s = ({ fill: e }) => /* @__PURE__ */ n("circle", {
+	transform: "translate(-3,0)",
+	cx: "23",
+	cy: "20.4",
+	r: "16",
+	fill: e
+});
+s.propTypes = { fill: t.string.isRequired };
+var c = ({ fill: e }) => /* @__PURE__ */ n("rect", {
+	x: "3.6",
+	y: "4.1",
+	width: "32",
+	height: "32",
+	fill: e
+});
+c.propTypes = { fill: t.string.isRequired };
+//#endregion
+export { s as Circle, r as IconRoot, o as RoundFeedbackBox, c as Square, a as SquareFeedbackBox };

package/dist/incorrect-icon.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @synced-from pie-lib/packages/icons/src/incorrect-icon.jsx
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import PropTypes from 'prop-types';
+import React from 'react';
+export declare const Incorrect: {
+    new (props: {}): {
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: {}, context: any): {
+        render(): React.JSX.Element;
+        context: unknown;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<{}>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<{}>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<{}>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{}>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<{}>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    propTypes: {
+        iconSet: PropTypes.Requireable<string>;
+        shape: PropTypes.Requireable<string>;
+        category: PropTypes.Requireable<string | undefined>;
+        open: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+        fg: PropTypes.Requireable<string>;
+        bg: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        iconSet: string;
+        shape: string;
+        category: undefined;
+        open: boolean;
+        size: number;
+        fg: string;
+        bg: string;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default Incorrect;

package/dist/incorrect-icon.js

@@ -0,0 +1,71 @@
+import e from "./icon-base.js";
+import "react";
+import t from "prop-types";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/incorrect-icon.tsx
+var i = ({ fill: e }) => /* @__PURE__ */ r("g", {
+	transform: "translate(0.5, 0.5)",
+	children: [/* @__PURE__ */ n("rect", {
+		x: "11",
+		y: "17.3",
+		transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.852 19.2507)",
+		width: "16.6",
+		height: "3.7",
+		fill: e
+	}), /* @__PURE__ */ n("rect", {
+		x: "17.4",
+		y: "10.7",
+		transform: "matrix(0.7071 -0.7071 0.7071 0.7071 -7.8175 19.209)",
+		width: "3.7",
+		height: "16.6",
+		fill: e
+	})]
+});
+i.propTypes = { fill: t.string.isRequired };
+var a = ({ fill: e }) => /* @__PURE__ */ r("g", {
+	transform: "translate(1,0)",
+	children: [
+		/* @__PURE__ */ n("rect", {
+			x: "21",
+			y: "12.9",
+			width: "3.7",
+			height: "4.7",
+			fill: e
+		}),
+		/* @__PURE__ */ n("rect", {
+			x: "12.7",
+			y: "12.9",
+			width: "3.7",
+			height: "4.7",
+			fill: e
+		}),
+		/* @__PURE__ */ n("rect", {
+			x: "12.2",
+			y: "22.5",
+			width: "13",
+			height: "3.3",
+			fill: e
+		})
+	]
+});
+a.propTypes = { fill: t.string.isRequired };
+var o = e(i, a);
+o.propTypes = {
+	iconSet: t.oneOf(["emoji", "check"]),
+	shape: t.oneOf(["round", "square"]),
+	category: t.oneOf(["feedback", void 0]),
+	open: t.bool,
+	fg: t.string,
+	bg: t.string,
+	size: t.oneOfType([t.string, t.number])
+}, o.defaultProps = {
+	iconSet: "check",
+	shape: "round",
+	category: void 0,
+	open: !1,
+	fg: "#fcb733",
+	bg: "#fbf2e3",
+	size: 30
+};
+//#endregion
+export { o as default };

package/dist/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @synced-from pie-lib/packages/icons/src/index.js
+ * @auto-generated
+ *
+ * This file is automatically synced from pie-elements and converted to TypeScript.
+ * Manual edits will be overwritten on next sync.
+ * To make changes, edit the upstream JavaScript file and run sync again.
+ */
+import Correct from './correct-icon.js';
+import CorrectResponse from './correct-response-icon.js';
+import Incorrect from './incorrect-icon.js';
+import Instructions from './instructions-icon.js';
+import LearnMore from './learn-more-icon.js';
+import NothingSubmitted from './nothing-submitted-icon.js';
+import PartiallyCorrect from './partially-correct-icon.js';
+import ShowRationale from './show-rationale-icon.js';
+export { Correct, CorrectResponse, Incorrect, Instructions, LearnMore, NothingSubmitted, PartiallyCorrect, ShowRationale, };