@elmeragroup/fuse 0.1.0-canary.1

package/components/emoji/emoji.js

@@ -0,0 +1,243 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/emoji/emoji.tsx
+function EmojiSvg({ label, children, ...props }) {
+	return /* @__PURE__ */ jsx("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 36 36",
+		"data-slot": "emoji",
+		"aria-hidden": label ? void 0 : true,
+		focusable: "false",
+		role: label ? "img" : void 0,
+		"aria-label": label,
+		...props,
+		children
+	});
+}
+function SlightlyFrowningFace(props) {
+	return /* @__PURE__ */ jsxs(EmojiSvg, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				fill: "#FFCC4D",
+				cx: "18",
+				cy: "18",
+				r: "18"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#664500",
+				d: "M25.485 27.379C25.44 27.2 24.317 23 18 23c-6.318 0-7.44 4.2-7.485 4.379-.055.217.043.442.237.554.195.111.439.078.6-.077C11.371 27.837 13.306 26 18 26s6.63 1.837 6.648 1.855c.096.095.224.145.352.145.084 0 .169-.021.246-.064.196-.112.294-.339.239-.557z"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#664500",
+				cx: "12",
+				cy: "13.5",
+				rx: "2.5",
+				ry: "3.5"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#664500",
+				cx: "24",
+				cy: "13.5",
+				rx: "2.5",
+				ry: "3.5"
+			})
+		]
+	});
+}
+function SlightlySmilingFace(props) {
+	return /* @__PURE__ */ jsxs(EmojiSvg, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				fill: "#FFCC4D",
+				cx: "18",
+				cy: "18",
+				r: "18"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#664500",
+				d: "M10.515 23.621C10.56 23.8 11.683 28 18 28c6.318 0 7.44-4.2 7.485-4.379.055-.217-.043-.442-.237-.554-.195-.111-.439-.078-.6.077C24.629 23.163 22.694 25 18 25s-6.63-1.837-6.648-1.855C11.256 23.05 11.128 23 11 23c-.084 0-.169.021-.246.064-.196.112-.294.339-.239.557z"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#664500",
+				cx: "12",
+				cy: "13.5",
+				rx: "2.5",
+				ry: "3.5"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#664500",
+				cx: "24",
+				cy: "13.5",
+				rx: "2.5",
+				ry: "3.5"
+			})
+		]
+	});
+}
+function NeutralFace(props) {
+	return /* @__PURE__ */ jsxs(EmojiSvg, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				fill: "#FFCC4D",
+				d: "M36 18c0 9.941-8.059 18-18 18-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#664500",
+				cx: "11.5",
+				cy: "16.5",
+				rx: "2.5",
+				ry: "3.5"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#664500",
+				cx: "24.5",
+				cy: "16.5",
+				rx: "2.5",
+				ry: "3.5"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#664500",
+				d: "M25 26H11c-.552 0-1-.447-1-1s.448-1 1-1h14c.553 0 1 .447 1 1s-.447 1-1 1z"
+			})
+		]
+	});
+}
+function LoudlyCryingFace(props) {
+	return /* @__PURE__ */ jsxs(EmojiSvg, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", {
+				fill: "#FFCC4D",
+				d: "M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18 8.059 0 18 0s18 8.059 18 18"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#664500",
+				d: "M22 27c0 2.763-1.791 3-4 3-2.21 0-4-.237-4-3 0-2.761 1.79-6 4-6 2.209 0 4 3.239 4 6zm8-12c-.124 0-.25-.023-.371-.072-5.229-2.091-7.372-5.241-7.461-5.374-.307-.46-.183-1.081.277-1.387.459-.306 1.077-.184 1.385.274.019.027 1.93 2.785 6.541 4.629.513.206.763.787.558 1.3-.157.392-.533.63-.929.63zM6 15c-.397 0-.772-.238-.929-.629-.205-.513.044-1.095.557-1.3 4.612-1.844 6.523-4.602 6.542-4.629.308-.456.929-.577 1.387-.27.457.308.581.925.275 1.383-.089.133-2.232 3.283-7.46 5.374C6.25 14.977 6.124 15 6 15z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#5DADEC",
+				d: "M24 16h4v19l-4-.046V16zM8 35l4-.046V16H8v19z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#664500",
+				d: "M14.999 18c-.15 0-.303-.034-.446-.105-3.512-1.756-7.07-.018-7.105 0-.495.249-1.095.046-1.342-.447-.247-.494-.047-1.095.447-1.342.182-.09 4.498-2.197 8.895 0 .494.247.694.848.447 1.342-.176.35-.529.552-.896.552zm14 0c-.15 0-.303-.034-.446-.105-3.513-1.756-7.07-.018-7.105 0-.494.248-1.094.047-1.342-.447-.247-.494-.047-1.095.447-1.342.182-.09 4.501-2.196 8.895 0 .494.247.694.848.447 1.342-.176.35-.529.552-.896.552z"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#5DADEC",
+				cx: "18",
+				cy: "34",
+				rx: "18",
+				ry: "2"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#E75A70",
+				cx: "18",
+				cy: "27",
+				rx: "3",
+				ry: "2"
+			})
+		]
+	});
+}
+function PartyingFace(props) {
+	return /* @__PURE__ */ jsxs(EmojiSvg, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				fill: "#FFCC4D",
+				cx: "17",
+				cy: "19",
+				r: "17"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				fill: "#664500",
+				cx: "17.999",
+				cy: "26",
+				rx: "2",
+				ry: "2.5"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#664500",
+				d: "M8.111 21.383c-.182 0-.367-.05-.532-.154-.467-.294-.607-.911-.313-1.379.916-1.453 3.701-3.938 7.69-2.962.536.131.864.673.733 1.209-.132.536-.676.862-1.209.733-3.604-.882-5.502 2.056-5.521 2.086-.191.302-.516.467-.848.467zm11.973-3.742c-.29 0-.576-.125-.774-.366-.35-.427-.288-1.058.14-1.408 3.176-2.604 6.762-1.562 8.215-.646.467.294.607.912.312 1.379-.293.465-.908.607-1.376.315-.138-.084-3.052-1.823-5.884.499-.186.153-.41.227-.633.227z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#E2A62D",
+				d: "M13.346 31.273c-.068 0-.137-.009-.205-.028-.398-.113-.63-.527-.517-.926.437-1.54.258-3.029-.49-4.086-.497-.702-1.205-1.131-1.943-1.178-.414-.025-.728-.382-.702-.795s.381-.751.795-.701c1.193.074 2.313.733 3.073 1.807 1.011 1.429 1.27 3.383.709 5.361-.093.331-.394.546-.72.546zm11.037-3.061c-.142 0-.285-.04-.412-.124-1.167-.77-1.82-2.117-1.792-3.695.029-1.635.809-3.153 1.984-3.869.353-.216.814-.104 1.03.251.216.354.104.814-.251 1.03-.735.448-1.244 1.499-1.264 2.614-.02 1.055.389 1.936 1.118 2.417.346.228.441.693.213 1.039-.144.219-.382.337-.626.337z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#DD2E44",
+				d: "M17.179 2.72c-.043-.049-.11-.076-.189-.091 0 0-15.924-3.023-16.613-2.415C-.311.823.74 16.998.74 16.998c.005.081.023.15.067.199.604.684 4.758-2.004 9.279-6.001 4.522-3.998 7.697-7.792 7.093-8.476z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#EA596E",
+				d: "M.349.271C.334.301.321.342.311.394.47 1.765 2.006 13.046 2.963 16.572c1.436-.803 2.895-1.894 4.609-3.253C6.116 10.654 1.158.146.349.271z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#3B88C3",
+				d: "M29.902 29.229l-10.573-1.303c-1.13-.102-3.117-.112-3.015-1.902.093-1.623 2.04-1.373 3.479-1.16l10.638 1.774-.529 2.591z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#88C9F9",
+				d: "M30.43 26.639l-4.222-.724c-.494-.089-.934.647-.956 1.426-.025.866.227 1.304.726 1.406l4.144.512.308-2.62z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#3B88C3",
+				d: "M34.918 26.341l-2.622 2.411-4.687-5.097 2.622-2.411c1.361-1.252 3.499-1.162 4.751.199l.135.147c1.251 1.362 1.162 3.499-.199 4.751z"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				transform: "rotate(-42.597 29.954 26.205)",
+				fill: "#88C9F9",
+				cx: "29.952",
+				cy: "26.203",
+				rx: "2.77",
+				ry: "3.462"
+			}),
+			/* @__PURE__ */ jsx("ellipse", {
+				transform: "rotate(-42.597 29.954 26.205)",
+				fill: "#269",
+				cx: "29.952",
+				cy: "26.203",
+				rx: "1.385",
+				ry: "2.077"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				fill: "#55ACEE",
+				cx: "2.5",
+				cy: "33.5",
+				r: "1.5"
+			}),
+			/* @__PURE__ */ jsx("circle", {
+				fill: "#55ACEE",
+				cx: "29",
+				cy: "2",
+				r: "2"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#EA596E",
+				d: "M4.864 29.246L2.526 23.63.412 29.675zM26 5l-4 1 1-4z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				fill: "#77B255",
+				d: "M31.999 13L36 7.999 33 6z"
+			})
+		]
+	});
+}
+SlightlyFrowningFace.displayName = "Emoji.SlightlyFrowningFace";
+SlightlySmilingFace.displayName = "Emoji.SlightlySmilingFace";
+NeutralFace.displayName = "Emoji.NeutralFace";
+LoudlyCryingFace.displayName = "Emoji.LoudlyCryingFace";
+PartyingFace.displayName = "Emoji.PartyingFace";
+const Emoji = {
+	SlightlyFrowningFace,
+	SlightlySmilingFace,
+	NeutralFace,
+	LoudlyCryingFace,
+	PartyingFace
+};
+//#endregion
+export { Emoji, LoudlyCryingFace, NeutralFace, PartyingFace, SlightlyFrowningFace, SlightlySmilingFace };
+
+//# sourceMappingURL=emoji.js.map

package/components/emoji/emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emoji.js","names":[],"sources":["../../../src/components/emoji/emoji.tsx"],"sourcesContent":["/**\n * Twemoji-derived face SVGs. Graphics remain CC BY 4.0 — see\n * packages/fuse/THIRD_PARTY_NOTICES.md and licenses/twemoji-CC-BY-4.0.txt.\n *\n * Hex fills are brand-independent illustration artwork, intentionally exempt\n * from the tokens-only rule. `no-primitive-colors` targets\n * Tailwind palette classes, not SVG attribute fills.\n */\nimport type { ComponentProps, ReactElement, ReactNode } from \"react\";\n\nexport type EmojiProps = ComponentProps<\"svg\"> & {\n  /**\n   * Accessible name. When set, the svg is `role=\"img\"` with this `aria-label`.\n   * When omitted, the svg is decorative (`aria-hidden` + `focusable=\"false\"`).\n   */\n  label?: string;\n};\n\nfunction EmojiSvg({ label, children, ...props }: EmojiProps & { children: ReactNode }): ReactElement {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 36 36\"\n      data-slot=\"emoji\"\n      aria-hidden={label ? undefined : true}\n      focusable=\"false\"\n      role={label ? \"img\" : undefined}\n      aria-label={label}\n      {...props}>\n      {children}\n    </svg>\n  );\n}\n\nfunction SlightlyFrowningFace(props: EmojiProps): ReactElement {\n  return (\n    <EmojiSvg {...props}>\n      <circle fill=\"#FFCC4D\" cx=\"18\" cy=\"18\" r=\"18\" />\n      <path\n        fill=\"#664500\"\n        d=\"M25.485 27.379C25.44 27.2 24.317 23 18 23c-6.318 0-7.44 4.2-7.485 4.379-.055.217.043.442.237.554.195.111.439.078.6-.077C11.371 27.837 13.306 26 18 26s6.63 1.837 6.648 1.855c.096.095.224.145.352.145.084 0 .169-.021.246-.064.196-.112.294-.339.239-.557z\"\n      />\n      <ellipse fill=\"#664500\" cx=\"12\" cy=\"13.5\" rx=\"2.5\" ry=\"3.5\" />\n      <ellipse fill=\"#664500\" cx=\"24\" cy=\"13.5\" rx=\"2.5\" ry=\"3.5\" />\n    </EmojiSvg>\n  );\n}\n\nfunction SlightlySmilingFace(props: EmojiProps): ReactElement {\n  return (\n    <EmojiSvg {...props}>\n      <circle fill=\"#FFCC4D\" cx=\"18\" cy=\"18\" r=\"18\" />\n      <path\n        fill=\"#664500\"\n        d=\"M10.515 23.621C10.56 23.8 11.683 28 18 28c6.318 0 7.44-4.2 7.485-4.379.055-.217-.043-.442-.237-.554-.195-.111-.439-.078-.6.077C24.629 23.163 22.694 25 18 25s-6.63-1.837-6.648-1.855C11.256 23.05 11.128 23 11 23c-.084 0-.169.021-.246.064-.196.112-.294.339-.239.557z\"\n      />\n      <ellipse fill=\"#664500\" cx=\"12\" cy=\"13.5\" rx=\"2.5\" ry=\"3.5\" />\n      <ellipse fill=\"#664500\" cx=\"24\" cy=\"13.5\" rx=\"2.5\" ry=\"3.5\" />\n    </EmojiSvg>\n  );\n}\n\nfunction NeutralFace(props: EmojiProps): ReactElement {\n  return (\n    <EmojiSvg {...props}>\n      <path\n        fill=\"#FFCC4D\"\n        d=\"M36 18c0 9.941-8.059 18-18 18-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18\"\n      />\n      <ellipse fill=\"#664500\" cx=\"11.5\" cy=\"16.5\" rx=\"2.5\" ry=\"3.5\" />\n      <ellipse fill=\"#664500\" cx=\"24.5\" cy=\"16.5\" rx=\"2.5\" ry=\"3.5\" />\n      <path fill=\"#664500\" d=\"M25 26H11c-.552 0-1-.447-1-1s.448-1 1-1h14c.553 0 1 .447 1 1s-.447 1-1 1z\" />\n    </EmojiSvg>\n  );\n}\n\nfunction LoudlyCryingFace(props: EmojiProps): ReactElement {\n  return (\n    <EmojiSvg {...props}>\n      <path fill=\"#FFCC4D\" d=\"M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18 8.059 0 18 0s18 8.059 18 18\" />\n      <path\n        fill=\"#664500\"\n        d=\"M22 27c0 2.763-1.791 3-4 3-2.21 0-4-.237-4-3 0-2.761 1.79-6 4-6 2.209 0 4 3.239 4 6zm8-12c-.124 0-.25-.023-.371-.072-5.229-2.091-7.372-5.241-7.461-5.374-.307-.46-.183-1.081.277-1.387.459-.306 1.077-.184 1.385.274.019.027 1.93 2.785 6.541 4.629.513.206.763.787.558 1.3-.157.392-.533.63-.929.63zM6 15c-.397 0-.772-.238-.929-.629-.205-.513.044-1.095.557-1.3 4.612-1.844 6.523-4.602 6.542-4.629.308-.456.929-.577 1.387-.27.457.308.581.925.275 1.383-.089.133-2.232 3.283-7.46 5.374C6.25 14.977 6.124 15 6 15z\"\n      />\n      <path fill=\"#5DADEC\" d=\"M24 16h4v19l-4-.046V16zM8 35l4-.046V16H8v19z\" />\n      <path\n        fill=\"#664500\"\n        d=\"M14.999 18c-.15 0-.303-.034-.446-.105-3.512-1.756-7.07-.018-7.105 0-.495.249-1.095.046-1.342-.447-.247-.494-.047-1.095.447-1.342.182-.09 4.498-2.197 8.895 0 .494.247.694.848.447 1.342-.176.35-.529.552-.896.552zm14 0c-.15 0-.303-.034-.446-.105-3.513-1.756-7.07-.018-7.105 0-.494.248-1.094.047-1.342-.447-.247-.494-.047-1.095.447-1.342.182-.09 4.501-2.196 8.895 0 .494.247.694.848.447 1.342-.176.35-.529.552-.896.552z\"\n      />\n      <ellipse fill=\"#5DADEC\" cx=\"18\" cy=\"34\" rx=\"18\" ry=\"2\" />\n      <ellipse fill=\"#E75A70\" cx=\"18\" cy=\"27\" rx=\"3\" ry=\"2\" />\n    </EmojiSvg>\n  );\n}\n\nfunction PartyingFace(props: EmojiProps): ReactElement {\n  return (\n    <EmojiSvg {...props}>\n      <circle fill=\"#FFCC4D\" cx=\"17\" cy=\"19\" r=\"17\" />\n      <ellipse fill=\"#664500\" cx=\"17.999\" cy=\"26\" rx=\"2\" ry=\"2.5\" />\n      <path\n        fill=\"#664500\"\n        d=\"M8.111 21.383c-.182 0-.367-.05-.532-.154-.467-.294-.607-.911-.313-1.379.916-1.453 3.701-3.938 7.69-2.962.536.131.864.673.733 1.209-.132.536-.676.862-1.209.733-3.604-.882-5.502 2.056-5.521 2.086-.191.302-.516.467-.848.467zm11.973-3.742c-.29 0-.576-.125-.774-.366-.35-.427-.288-1.058.14-1.408 3.176-2.604 6.762-1.562 8.215-.646.467.294.607.912.312 1.379-.293.465-.908.607-1.376.315-.138-.084-3.052-1.823-5.884.499-.186.153-.41.227-.633.227z\"\n      />\n      <path\n        fill=\"#E2A62D\"\n        d=\"M13.346 31.273c-.068 0-.137-.009-.205-.028-.398-.113-.63-.527-.517-.926.437-1.54.258-3.029-.49-4.086-.497-.702-1.205-1.131-1.943-1.178-.414-.025-.728-.382-.702-.795s.381-.751.795-.701c1.193.074 2.313.733 3.073 1.807 1.011 1.429 1.27 3.383.709 5.361-.093.331-.394.546-.72.546zm11.037-3.061c-.142 0-.285-.04-.412-.124-1.167-.77-1.82-2.117-1.792-3.695.029-1.635.809-3.153 1.984-3.869.353-.216.814-.104 1.03.251.216.354.104.814-.251 1.03-.735.448-1.244 1.499-1.264 2.614-.02 1.055.389 1.936 1.118 2.417.346.228.441.693.213 1.039-.144.219-.382.337-.626.337z\"\n      />\n      <path\n        fill=\"#DD2E44\"\n        d=\"M17.179 2.72c-.043-.049-.11-.076-.189-.091 0 0-15.924-3.023-16.613-2.415C-.311.823.74 16.998.74 16.998c.005.081.023.15.067.199.604.684 4.758-2.004 9.279-6.001 4.522-3.998 7.697-7.792 7.093-8.476z\"\n      />\n      <path\n        fill=\"#EA596E\"\n        d=\"M.349.271C.334.301.321.342.311.394.47 1.765 2.006 13.046 2.963 16.572c1.436-.803 2.895-1.894 4.609-3.253C6.116 10.654 1.158.146.349.271z\"\n      />\n      <path\n        fill=\"#3B88C3\"\n        d=\"M29.902 29.229l-10.573-1.303c-1.13-.102-3.117-.112-3.015-1.902.093-1.623 2.04-1.373 3.479-1.16l10.638 1.774-.529 2.591z\"\n      />\n      <path\n        fill=\"#88C9F9\"\n        d=\"M30.43 26.639l-4.222-.724c-.494-.089-.934.647-.956 1.426-.025.866.227 1.304.726 1.406l4.144.512.308-2.62z\"\n      />\n      <path\n        fill=\"#3B88C3\"\n        d=\"M34.918 26.341l-2.622 2.411-4.687-5.097 2.622-2.411c1.361-1.252 3.499-1.162 4.751.199l.135.147c1.251 1.362 1.162 3.499-.199 4.751z\"\n      />\n      <ellipse\n        transform=\"rotate(-42.597 29.954 26.205)\"\n        fill=\"#88C9F9\"\n        cx=\"29.952\"\n        cy=\"26.203\"\n        rx=\"2.77\"\n        ry=\"3.462\"\n      />\n      <ellipse\n        transform=\"rotate(-42.597 29.954 26.205)\"\n        fill=\"#269\"\n        cx=\"29.952\"\n        cy=\"26.203\"\n        rx=\"1.385\"\n        ry=\"2.077\"\n      />\n      <circle fill=\"#55ACEE\" cx=\"2.5\" cy=\"33.5\" r=\"1.5\" />\n      <circle fill=\"#55ACEE\" cx=\"29\" cy=\"2\" r=\"2\" />\n      <path fill=\"#EA596E\" d=\"M4.864 29.246L2.526 23.63.412 29.675zM26 5l-4 1 1-4z\" />\n      <path fill=\"#77B255\" d=\"M31.999 13L36 7.999 33 6z\" />\n    </EmojiSvg>\n  );\n}\n\nSlightlyFrowningFace.displayName = \"Emoji.SlightlyFrowningFace\";\nSlightlySmilingFace.displayName = \"Emoji.SlightlySmilingFace\";\nNeutralFace.displayName = \"Emoji.NeutralFace\";\nLoudlyCryingFace.displayName = \"Emoji.LoudlyCryingFace\";\nPartyingFace.displayName = \"Emoji.PartyingFace\";\n\nconst Emoji = {\n  SlightlyFrowningFace,\n  SlightlySmilingFace,\n  NeutralFace,\n  LoudlyCryingFace,\n  PartyingFace,\n};\n\nexport { Emoji, LoudlyCryingFace, NeutralFace, PartyingFace, SlightlyFrowningFace, SlightlySmilingFace };\n"],"mappings":"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"}

package/components/empty/empty-variants.d.ts

@@ -0,0 +1,38 @@
+//#region src/components/empty/empty-variants.d.ts
+export declare const emptyVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: "";
+    outline: "border border-border";
+    "outline-dashed": "border border-dashed border-border";
+  };
+}, undefined, "md:p-12 flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg p-6 text-center text-balance", {
+  variant: {
+    default: "";
+    outline: "border border-border";
+    "outline-dashed": "border border-dashed border-border";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: "";
+    outline: "border border-border";
+    "outline-dashed": "border border-dashed border-border";
+  };
+}, undefined>>;
+export declare const emptyMediaVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    default: "bg-transparent";
+    icon: "size-10 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6";
+  };
+}, undefined, "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+  variant: {
+    default: "bg-transparent";
+    icon: "size-10 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6";
+  };
+}, undefined, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    default: "bg-transparent";
+    icon: "size-10 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6";
+  };
+}, undefined>>;
+//#endregion
+//# sourceMappingURL=empty-variants.d.ts.map

package/components/empty/empty-variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-variants.d.ts","names":[],"sources":["../../../src/components/empty/empty-variants.ts"],"mappings":";qBASa,2CAAa;;;;;;;;;;;;;;;;;;;qBAcb,gDAAkB"}

package/components/empty/empty-variants.js

@@ -0,0 +1,30 @@
+import { tv } from "tailwind-variants";
+//#region src/components/empty/empty-variants.ts
+/**
+* Module-private recipes. Not exported from the public entry —
+* there is no proven recipe-borrowing use.
+*
+* `variant` on Root is the frame; `variant` on Media is the icon/illustration box.
+* Neither axis is a density rung.
+*/
+const emptyVariants = tv({
+	base: "md:p-12 flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg p-6 text-center text-balance",
+	variants: { variant: {
+		default: "",
+		outline: "border border-border",
+		"outline-dashed": "border border-dashed border-border"
+	} },
+	defaultVariants: { variant: "default" }
+});
+const emptyMediaVariants = tv({
+	base: "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+	variants: { variant: {
+		default: "bg-transparent",
+		icon: "size-10 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6"
+	} },
+	defaultVariants: { variant: "default" }
+});
+//#endregion
+export { emptyMediaVariants, emptyVariants };
+
+//# sourceMappingURL=empty-variants.js.map

package/components/empty/empty-variants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-variants.js","names":[],"sources":["../../../src/components/empty/empty-variants.ts"],"sourcesContent":["/**\n * Module-private recipes. Not exported from the public entry —\n * there is no proven recipe-borrowing use.\n *\n * `variant` on Root is the frame; `variant` on Media is the icon/illustration box.\n * Neither axis is a density rung.\n */\nimport { tv } from \"tailwind-variants\";\n\nexport const emptyVariants = tv({\n  base: \"md:p-12 flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg p-6 text-center text-balance\",\n  variants: {\n    variant: {\n      default: \"\",\n      outline: \"border border-border\",\n      \"outline-dashed\": \"border border-dashed border-border\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport const emptyMediaVariants = tv({\n  base: \"mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"size-10 rounded-lg bg-muted text-foreground [&_svg:not([class*='size-'])]:size-6\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n"],"mappings":";;;;;;;;;AASA,MAAa,gBAAgB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,SAAS;EACP,SAAS;EACT,SAAS;EACT,kBAAkB;CACpB,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC;AAED,MAAa,qBAAqB,GAAG;CACnC,MAAM;CACN,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CAAC"}

package/components/empty/empty.d.ts

@@ -0,0 +1,26 @@
+import { emptyMediaVariants, emptyVariants } from "./empty-variants.js";
+import { ComponentProps, ReactElement } from "react";
+import { VariantProps } from "tailwind-variants";
+//#region src/components/empty/empty.d.ts
+type EmptyRootProps = ComponentProps<"div"> & VariantProps<typeof emptyVariants>;
+type EmptyMediaProps = ComponentProps<"div"> & VariantProps<typeof emptyMediaVariants>;
+/**
+ * Centered empty-state layout. Server component — it owns no state,
+ * no handlers, and no browser APIs.
+ */
+declare function EmptyRoot({ className, variant, ...props }: EmptyRootProps): ReactElement;
+declare function EmptyHeader({ className, ...props }: ComponentProps<"div">): ReactElement;
+declare function EmptyMedia({ className, variant, ...props }: EmptyMediaProps): ReactElement;
+declare function EmptyTitle({ className, ...props }: ComponentProps<"div">): ReactElement;
+declare function EmptyDescription({ className, ...props }: ComponentProps<"p">): ReactElement;
+declare function EmptyContent({ className, ...props }: ComponentProps<"div">): ReactElement;
+export declare const Empty: {
+  Root: typeof EmptyRoot;
+  Header: typeof EmptyHeader;
+  Media: typeof EmptyMedia;
+  Title: typeof EmptyTitle;
+  Description: typeof EmptyDescription;
+  Content: typeof EmptyContent;
+};
+//#endregion
+//# sourceMappingURL=empty.d.ts.map

package/components/empty/empty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.ts","names":[],"sources":["../../../src/components/empty/empty.tsx"],"mappings":";;;;KAOK,iBAAiB,wBAAwB,oBAAoB;KAC7D,kBAAkB,wBAAwB,oBAAoB;;;;;iBAM1D,YAAY,WAAW,YAAwB,SAAS,iBAAiB;iBAIzE,cAAc,cAAc,SAAS,wBAAwB;iBAU7D,aAAa,WAAW,YAAwB,SAAS,kBAAkB;iBAW3E,aAAa,cAAc,SAAS,wBAAwB;iBAM5D,mBAAmB,cAAc,SAAS,sBAAsB;iBAahE,eAAe,cAAc,SAAS,wBAAwB;qBAoB1D;EACX,aAAI;EACJ,eAAM;EACN,cAAK;EACL,cAAK;EACL,oBAAW;EACX,gBAAO"}

package/components/empty/empty.js

@@ -0,0 +1,69 @@
+import { cn } from "../../styles/cn.js";
+import { emptyMediaVariants, emptyVariants } from "./empty-variants.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/empty/empty.tsx
+/**
+* Centered empty-state layout. Server component — it owns no state,
+* no handlers, and no browser APIs.
+*/
+function EmptyRoot({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty",
+		className: cn(emptyVariants({ variant }), className),
+		...props
+	});
+}
+function EmptyHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-header",
+		className: cn("max-w-sm flex flex-col items-center gap-2 text-center", className),
+		...props
+	});
+}
+function EmptyMedia({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-media",
+		"data-variant": variant,
+		className: cn(emptyMediaVariants({ variant }), className),
+		...props
+	});
+}
+function EmptyTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-title",
+		className: cn("text-lg font-medium tracking-tight", className),
+		...props
+	});
+}
+function EmptyDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("p", {
+		"data-slot": "empty-description",
+		className: cn("text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
+		...props
+	});
+}
+function EmptyContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "empty-content",
+		className: cn("max-w-sm text-sm flex w-full min-w-0 flex-col items-center gap-4 text-balance", className),
+		...props
+	});
+}
+EmptyRoot.displayName = "Empty.Root";
+EmptyHeader.displayName = "Empty.Header";
+EmptyMedia.displayName = "Empty.Media";
+EmptyTitle.displayName = "Empty.Title";
+EmptyDescription.displayName = "Empty.Description";
+EmptyContent.displayName = "Empty.Content";
+const Empty = {
+	Root: EmptyRoot,
+	Header: EmptyHeader,
+	Media: EmptyMedia,
+	Title: EmptyTitle,
+	Description: EmptyDescription,
+	Content: EmptyContent
+};
+//#endregion
+export { Empty };
+
+//# sourceMappingURL=empty.js.map

package/components/empty/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","names":[],"sources":["../../../src/components/empty/empty.tsx"],"sourcesContent":["import type { ComponentProps, ReactElement } from \"react\";\n\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { cn } from \"../../styles/cn\";\nimport { emptyMediaVariants, emptyVariants } from \"./empty-variants\";\n\ntype EmptyRootProps = ComponentProps<\"div\"> & VariantProps<typeof emptyVariants>;\ntype EmptyMediaProps = ComponentProps<\"div\"> & VariantProps<typeof emptyMediaVariants>;\n\n/**\n * Centered empty-state layout. Server component — it owns no state,\n * no handlers, and no browser APIs.\n */\nfunction EmptyRoot({ className, variant = \"default\", ...props }: EmptyRootProps): ReactElement {\n  return <div data-slot=\"empty\" className={cn(emptyVariants({ variant }), className)} {...props} />;\n}\n\nfunction EmptyHeader({ className, ...props }: ComponentProps<\"div\">): ReactElement {\n  return (\n    <div\n      data-slot=\"empty-header\"\n      className={cn(\"max-w-sm flex flex-col items-center gap-2 text-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyMedia({ className, variant = \"default\", ...props }: EmptyMediaProps): ReactElement {\n  return (\n    <div\n      data-slot=\"empty-media\"\n      data-variant={variant}\n      className={cn(emptyMediaVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyTitle({ className, ...props }: ComponentProps<\"div\">): ReactElement {\n  return (\n    <div data-slot=\"empty-title\" className={cn(\"text-lg font-medium tracking-tight\", className)} {...props} />\n  );\n}\n\nfunction EmptyDescription({ className, ...props }: ComponentProps<\"p\">): ReactElement {\n  return (\n    <p\n      data-slot=\"empty-description\"\n      className={cn(\n        \"text-sm/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction EmptyContent({ className, ...props }: ComponentProps<\"div\">): ReactElement {\n  return (\n    <div\n      data-slot=\"empty-content\"\n      className={cn(\n        \"max-w-sm text-sm flex w-full min-w-0 flex-col items-center gap-4 text-balance\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nEmptyRoot.displayName = \"Empty.Root\";\nEmptyHeader.displayName = \"Empty.Header\";\nEmptyMedia.displayName = \"Empty.Media\";\nEmptyTitle.displayName = \"Empty.Title\";\nEmptyDescription.displayName = \"Empty.Description\";\nEmptyContent.displayName = \"Empty.Content\";\n\nexport const Empty = {\n  Root: EmptyRoot,\n  Header: EmptyHeader,\n  Media: EmptyMedia,\n  Title: EmptyTitle,\n  Description: EmptyDescription,\n  Content: EmptyContent,\n};\n"],"mappings":";;;;;;;;AAcA,SAAS,UAAU,EAAE,WAAW,UAAU,WAAW,GAAG,SAAuC;CAC7F,OAAO,oBAAC,OAAD;EAAK,aAAU;EAAQ,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;EAAG,GAAI;CAAQ,CAAA;AAClG;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA8C;CACjF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,yDAAyD,SAAS;EAChF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,UAAU,WAAW,GAAG,SAAwC;CAC/F,OACE,oBAAC,OAAD;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,mBAAmB,EAAE,QAAQ,CAAC,GAAG,SAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAA8C;CAChF,OACE,oBAAC,OAAD;EAAK,aAAU;EAAc,WAAW,GAAG,sCAAsC,SAAS;EAAG,GAAI;CAAQ,CAAA;AAE7G;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAA4C;CACpF,OACE,oBAAC,KAAD;EACE,aAAU;EACV,WAAW,GACT,2GACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,SAA8C;CAClF,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,iFACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,UAAU,cAAc;AACxB,YAAY,cAAc;AAC1B,WAAW,cAAc;AACzB,WAAW,cAAc;AACzB,iBAAiB,cAAc;AAC/B,aAAa,cAAc;AAE3B,MAAa,QAAQ;CACnB,MAAM;CACN,QAAQ;CACR,OAAO;CACP,OAAO;CACP,aAAa;CACb,SAAS;AACX"}

package/components/field/field-frame.d.ts

@@ -0,0 +1,136 @@
+import { ReactElement, ReactNode } from "react";
+//#region src/components/field/field-frame.d.ts
+/**
+ * Package-private FieldFrame layout. No axes — the frame
+ * has one layout; TextField's public recipe composes these slots under its own
+ * names. The four exported class names below are the same slots, resolved once.
+ */
+export declare const fieldFrameVariants: import("tailwind-variants").TVReturnType<{
+  [key: string]: {
+    [key: string]: {
+      content?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      labelRow?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {
+  [x: string]: {
+    [x: string]: {
+      content?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      labelRow?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {}, {
+  root: string;
+  labelRow: string;
+  content: string;
+  description: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: {
+      content?: import("tailwind-variants").ClassValue;
+      description?: import("tailwind-variants").ClassValue;
+      labelRow?: import("tailwind-variants").ClassValue;
+      root?: import("tailwind-variants").ClassValue;
+    } | import("tailwind-variants").ClassValue;
+  };
+} | {}, {
+  root: string;
+  labelRow: string;
+  content: string;
+  description: string;
+}, import("tailwind-variants").TVReturnTypeLike<unknown, {
+  root: string;
+  labelRow: string;
+  content: string;
+  description: string;
+}>>;
+/** Default `Field.Root` stack for labeled (non-legend) composites. */
+export declare const fieldFrameRootClass: string;
+/**
+ * The heading row's own layout. Composites append their own classes (TextareaField the
+ * counter gap) through {@link FieldFrameClassNames.labelRow}.
+ */
+export declare const fieldFrameLabelRowClass: string;
+/** Default wrapper around control + description when that wrapper is opted into. */
+export declare const fieldFrameContentClass: string;
+/**
+ * Default `Field.Description` class. `text-pretty` lives here, not on TextField's public
+ * slot: Field.Description already paints it, and PhoneNumberField must not import
+ * TextField's recipe to re-state it.
+ */
+export declare const fieldFrameDescriptionClass: string;
+/**
+ * One class argument per part the frame paints. `content` opts into the
+ * control/description wrapper and is the wrapper's class as given — no default merge.
+ */
+export type FieldFrameClassNames = {
+  /** The heading row. */
+  labelRow?: string;
+  /** `Field.Label` or `Field.Legend`. */
+  label?: string;
+  /**
+   * The content wrapper around control + description. Rendered when this class is
+   * given, as this string exactly; omitted, both are direct children of `Field.Root` /
+   * `Field.Set`.
+   */
+  content?: string;
+  /** `Field.Description`. */
+  description?: string;
+};
+export type FieldFrameHeading = "label" | "legend";
+export type FieldFrameProps = {
+  /**
+   * How the heading is labelled. `"label"` (default) renders `Field.Label`; `"legend"`
+   * wraps the body in `Field.Set` and renders `Field.Legend variant="label"`.
+   */
+  heading?: FieldFrameHeading;
+  /** Visible heading. Falsy renders no label/legend element. */
+  label?: string;
+  /**
+   * Component-owned status face at the end of the heading row — TextareaField's
+   * character counter, RadioGroup's pending spinner. Its presence forces the row to
+   * exist, the same way `isPending` and `isSuccess` do.
+   */
+  status?: ReactNode;
+  /** Shows the spinner face of the label-row crossfade. */
+  isPending?: boolean;
+  /** Shows the check face, which wins the crossfade over {@link FieldFrameProps.isPending}. */
+  isSuccess?: boolean;
+  /** Supporting copy, rendered as `Field.Description` when truthy. */
+  description?: ReactNode;
+  /** Error copy, rendered as `Field.Error`, which self-suppresses on falsy children. */
+  errorMessage?: ReactNode;
+  /** Forwarded to `Field.Root`. */
+  invalid?: boolean;
+  /** Forwarded to `Field.Root`. */
+  disabled?: boolean;
+  /** Forwarded to `Field.Root`. CheckboxGroup threads its `name` here. */
+  name?: string;
+  /** Extra classes, merged onto `Field.Root`. */
+  className?: string;
+  /** Per-part classes; see {@link FieldFrameClassNames}. */
+  classNames?: FieldFrameClassNames;
+  /** The control this frame labels. */
+  children: ReactNode;
+};
+/**
+ * Package-private heading/description/error frame for every labeled composite.
+ * `heading="legend"` is the fieldset skeleton CheckboxGroup and
+ * RadioGroup used to rebuild beside this module.
+ *
+ * It is not exported through `package.json#exports` and has no client directive. It owns
+ * no state and its consumers are already client modules, so a directive would only widen
+ * the client graph. `source-contracts.test.ts` keeps it directive-free.
+ *
+ * Keep exactly one `Field.Root` per composite so a nested root cannot break label wiring.
+ */
+export declare function FieldFrame({ heading, label, status, isPending, isSuccess, description, errorMessage, invalid, disabled, name, className, classNames, children }: FieldFrameProps): ReactElement;
+export declare namespace FieldFrame {
+  var displayName: string;
+}
+//#endregion
+//# sourceMappingURL=field-frame.d.ts.map

package/components/field/field-frame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-frame.d.ts","names":[],"sources":["../../../src/components/field/field-frame.tsx"],"mappings":";;;;;;;qBAea,gDAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAYlB;;;;;qBAMA;;qBAGA;;;;;;qBAOA;;;;;YAMD;;EAEV;;EAEA;;;;;;EAMA;;EAEA;;YAGU;YAEA;;;;;EAKV,UAAU;;EAEV;;;;;;EAMA,SAAS;;EAET;;EAEA;;EAEA,cAAc;;EAEd,eAAe;;EAEf;;EAEA;;EAEA;;EAEA;;EAEA,aAAa;;EAEb,UAAU;;;;;;;;;;;;;wBAcI,aACd,SACA,OACA,QACA,WACA,WACA,aACA,cACA,SACA,UACA,MACA,WACA,YACA,YACC,kBAAkB;yBAdL;MAAA"}