@stealthscale/component-typography 0.3.0 → 0.3.2

package/dist/pages/pages.json

@@ -0,0 +1,141 @@
+{
+  "format": 1,
+  "pages": [
+    {
+      "about": "blockquote.about",
+      "group": "",
+      "id": "components/typography/blockquote",
+      "module": "blockquote/blockquote.js",
+      "namespace": "",
+      "props": "blockquote/blockquote.props.js",
+      "specimen": "src/blockquote/blockquote.specimen.tsx",
+      "title": "blockquote.title"
+    },
+    {
+      "about": "code.about",
+      "group": "",
+      "id": "components/typography/code",
+      "module": "code/code.js",
+      "namespace": "",
+      "props": "code/code.props.js",
+      "specimen": "src/code/code.specimen.tsx",
+      "title": "code.title"
+    },
+    {
+      "about": "em.about",
+      "group": "",
+      "id": "components/typography/em",
+      "module": "em/em.js",
+      "namespace": "",
+      "props": "em/em.props.js",
+      "specimen": "src/em/em.specimen.tsx",
+      "title": "em.title"
+    },
+    {
+      "about": "heading.about",
+      "group": "",
+      "id": "components/typography/heading",
+      "module": "heading/heading.js",
+      "namespace": "",
+      "props": "heading/heading.props.js",
+      "specimen": "src/heading/heading.specimen.tsx",
+      "title": "heading.title"
+    },
+    {
+      "about": "highlight.about",
+      "group": "",
+      "id": "components/typography/highlight",
+      "module": "highlight/highlight.js",
+      "namespace": "",
+      "props": "highlight/highlight.props.js",
+      "specimen": "src/highlight/highlight.specimen.tsx",
+      "title": "highlight.title"
+    },
+    {
+      "about": "icon.about",
+      "group": "",
+      "id": "components/typography/icon",
+      "module": "icon/icon.js",
+      "namespace": "",
+      "props": "icon/icon.props.js",
+      "specimen": "src/icon/icon.specimen.tsx",
+      "title": "icon.title"
+    },
+    {
+      "about": "kbd.about",
+      "group": "",
+      "id": "components/typography/kbd",
+      "module": "kbd/kbd.js",
+      "namespace": "",
+      "props": "kbd/kbd.props.js",
+      "specimen": "src/kbd/kbd.specimen.tsx",
+      "title": "kbd.title"
+    },
+    {
+      "about": "list.about",
+      "group": "",
+      "id": "components/typography/list",
+      "module": "list/list.js",
+      "namespace": "",
+      "props": "list/list.props.js",
+      "specimen": "src/list/list.specimen.tsx",
+      "title": "list.title"
+    },
+    {
+      "about": "mark.about",
+      "group": "",
+      "id": "components/typography/mark",
+      "module": "mark/mark.js",
+      "namespace": "",
+      "props": "mark/mark.props.js",
+      "specimen": "src/mark/mark.specimen.tsx",
+      "title": "mark.title"
+    },
+    {
+      "about": "quote.about",
+      "group": "",
+      "id": "components/typography/quote",
+      "module": "quote/quote.js",
+      "namespace": "",
+      "props": "quote/quote.props.js",
+      "specimen": "src/quote/quote.specimen.tsx",
+      "title": "quote.title"
+    },
+    {
+      "about": "span.about",
+      "group": "",
+      "id": "components/typography/span",
+      "module": "span/span.js",
+      "namespace": "",
+      "props": "span/span.props.js",
+      "specimen": "src/span/span.specimen.tsx",
+      "title": "span.title"
+    },
+    {
+      "about": "strong.about",
+      "group": "",
+      "id": "components/typography/strong",
+      "module": "strong/strong.js",
+      "namespace": "",
+      "props": "strong/strong.props.js",
+      "specimen": "src/strong/strong.specimen.tsx",
+      "title": "strong.title"
+    },
+    {
+      "about": "text.about",
+      "group": "",
+      "id": "components/typography/text",
+      "module": "text/text.js",
+      "namespace": "",
+      "props": "text/text.props.js",
+      "specimen": "src/text/text.specimen.tsx",
+      "title": "text.title"
+    }
+  ],
+  "requires": {
+    "@stealthscale/component-forms": "^0.3.0",
+    "@stealthscale/component-layout": "^0.2.0",
+    "@stealthscale/specimen": "^0.3.0",
+    "lucide-react": "^1.52.0"
+  }
+}

package/dist/pages/quote/quote.js

@@ -0,0 +1,89 @@
+import { t as __exportAll } from "../../rolldown-runtime-D7D4PA-g.js";
+import { i as recipe } from "../../recipes-DuvOpofr.js";
+import { i as Quote, t as Text } from "../../shared-CRBzNmJA.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { grounded, scenesOf, specimen, useWords } from "@stealthscale/specimen";
+//#region src/quote/examples/audit.example.tsx
+var audit_example_exports = /* @__PURE__ */ __exportAll({
+	Audit: () => Audit,
+	source: () => source
+});
+function Audit(props) {
+	const $ = c(13);
+	const { t } = useWords("quote");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("before");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("claim");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== props || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Quote, {
+			...props,
+			children: t1
+		});
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t) {
+		t3 = t("after");
+		$[7] = t;
+		$[8] = t3;
+	} else t3 = $[8];
+	let t4;
+	if ($[9] !== t0 || $[10] !== t2 || $[11] !== t3) {
+		t4 = /* @__PURE__ */ jsxs(Text, { children: [
+			t0,
+			" ",
+			t2,
+			t3
+		] });
+		$[9] = t0;
+		$[10] = t2;
+		$[11] = t3;
+		$[12] = t4;
+	} else t4 = $[12];
+	return t4;
+}
+const source = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { Quote, Text } from \"@stealthscale/component-typography\";\n\nexport function Audit(props: Parameters<typeof Quote>[0]): ReactElement {\n  const { t } = useWords(\"quote\");\n\n  return (\n    <Text>\n      {t(\"before\")} <Quote {...props}>{t(\"claim\")}</Quote>\n      {t(\"after\")}\n    </Text>\n  );\n}\n";
+//#endregion
+//#region src/quote/quote.specimen.tsx
+/**
+* Catalogue page for the inline quotation.
+*
+* @remarks
+*   `scenesOf` generates one scene per recipe axis. The example renders the quotation inside a
+*   `Text` line, because an inline quotation is read against the surrounding text. The tone scene
+*   renders the inverted ink on `bg.inverted` through `grounded`. Every scene renders the example
+*   and shows it as its source. The words are keys under `quote` in
+*   `locales/en/specimen/quote.json`.
+*/
+var quote_specimen_default = specimen({
+	about: "quote.about",
+	id: "components/typography/quote",
+	imports: "import { Quote, Text } from \"@stealthscale/component-typography\";",
+	scenes: scenesOf(recipe, {
+		axes: { tone: { draw: (props) => grounded(props.tone, /* @__PURE__ */ jsx(Audit, { ...props })) } },
+		draw: (props) => /* @__PURE__ */ jsx(Audit, { ...props }),
+		example: audit_example_exports,
+		namespace: "quote",
+		order: [
+			"marks",
+			"tone",
+			"motion"
+		]
+	}),
+	title: "quote.title"
+});
+//#endregion
+export { quote_specimen_default as default };

package/dist/pages/quote/quote.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"QuoteProps": {"conditions": 284, "foreign": 1042}, "TextProps": {"conditions": 284, "foreign": 1039}};
+export const parts = {"QuoteProps": [{"accepts": "\"auto\" | \"none\"", "fallback": "", "kind": "variant", "name": "marks", "refers": [], "required": false, "says": "Quotation marks."}, {"accepts": "\"fade\" | \"reveal\" | \"rise\"", "fallback": "", "kind": "variant", "name": "motion", "refers": [], "required": false, "says": "Entrance animation. Each value reads the theme's animation style of the same name."}, {"accepts": "Tone", "fallback": "", "kind": "variant", "name": "tone", "refers": ["kit.Tone"], "required": false, "says": "Foreground token of the text."}], "TextProps": [{"accepts": "\"center\" | \"end\" | \"justify\" | \"start\"", "fallback": "", "kind": "variant", "name": "align", "refers": [], "required": false, "says": "Inline alignment of the lines. `start` and `end` follow the writing direction."}, {"accepts": "\"bottom\" | \"edges\" | \"radial\"", "fallback": "", "kind": "variant", "name": "mask", "refers": [], "required": false, "says": "Fade mask, read from the theme's `mask.*` layer styles."}, {"accepts": "\"fade\" | \"reveal\" | \"rise\"", "fallback": "", "kind": "variant", "name": "motion", "refers": [], "required": false, "says": "Entrance animation. Each value reads the theme's animation style of the same name."}, {"accepts": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"", "fallback": "", "kind": "variant", "name": "size", "refers": [], "required": false, "says": "Step of the body text role, from `xs` to `xl`."}, {"accepts": "Tone", "fallback": "", "kind": "variant", "name": "tone", "refers": ["kit.Tone"], "required": false, "says": "Foreground token of the text."}, {"accepts": "boolean", "fallback": "", "kind": "variant", "name": "truncate", "refers": [], "required": false, "says": "Cuts the text to one line that ends in an ellipsis."}, {"accepts": "Weight", "fallback": "", "kind": "variant", "name": "weight", "refers": ["kit.Weight"], "required": false, "says": "Font weight token."}]};
+export const shapes = {"kit.Tone": [{"accepts": "", "name": "\"default\"", "says": ""}, {"accepts": "", "name": "\"error\"", "says": ""}, {"accepts": "", "name": "\"info\"", "says": ""}, {"accepts": "", "name": "\"inverted\"", "says": ""}, {"accepts": "", "name": "\"muted\"", "says": ""}, {"accepts": "", "name": "\"subtle\"", "says": ""}, {"accepts": "", "name": "\"success\"", "says": ""}, {"accepts": "", "name": "\"warning\"", "says": ""}], "kit.Weight": [{"accepts": "", "name": "\"bold\"", "says": ""}, {"accepts": "", "name": "\"medium\"", "says": ""}, {"accepts": "", "name": "\"normal\"", "says": ""}, {"accepts": "", "name": "\"semibold\"", "says": ""}]};

package/dist/pages/span/span.js

@@ -0,0 +1,121 @@
+import { t as __exportAll } from "../../rolldown-runtime-D7D4PA-g.js";
+import { r as recipe } from "../../recipes-DuvOpofr.js";
+import { r as Span, t as Text } from "../../shared-CRBzNmJA.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Room, grounded, scenesOf, specimen, useWords } from "@stealthscale/specimen";
+//#region src/span/examples/path.example.tsx
+var path_example_exports = /* @__PURE__ */ __exportAll({
+	Path: () => Path,
+	source: () => source$1
+});
+function Path(props) {
+	const $ = c(5);
+	const { t } = useWords("span");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("path");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Text, { children: /* @__PURE__ */ jsx(Span, {
+			...props,
+			children: t0
+		}) });
+		$[2] = props;
+		$[3] = t0;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+const source$1 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { Span, Text } from \"@stealthscale/component-typography\";\n\nexport function Path(props: Parameters<typeof Span>[0]): ReactElement {\n  const { t } = useWords(\"span\");\n\n  return (\n    <Text>\n      <Span {...props}>{t(\"path\")}</Span>\n    </Text>\n  );\n}\n";
+//#endregion
+//#region src/span/examples/total.example.tsx
+var total_example_exports = /* @__PURE__ */ __exportAll({
+	Total: () => Total,
+	source: () => source
+});
+function Total(props) {
+	const $ = c(10);
+	const { t } = useWords("span");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("due");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("total");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== props || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Span, {
+			...props,
+			children: t1
+		});
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t0 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Text, { children: [
+			t0,
+			" ",
+			t2
+		] });
+		$[7] = t0;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+}
+const source = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { Span, Text } from \"@stealthscale/component-typography\";\n\nexport function Total(props: Parameters<typeof Span>[0]): ReactElement {\n  const { t } = useWords(\"span\");\n\n  return (\n    <Text>\n      {t(\"due\")} <Span {...props}>{t(\"total\")}</Span>\n    </Text>\n  );\n}\n";
+//#endregion
+//#region src/span/span.specimen.tsx
+/**
+* Catalogue page for the span.
+*
+* @remarks
+*   `scenesOf` generates one scene per recipe axis. Every example renders the span inside a `Text`
+*   line. The tone scene crosses the weight axis and renders the inverted ink on `bg.inverted`
+*   through `grounded`. The truncation scene renders a log path in a 320px room. Every scene
+*   renders a component from `examples/` and shows that file as its source. The words are keys
+*   under `span` in `locales/en/specimen/span.json`.
+*/
+var span_specimen_default = specimen({
+	about: "span.about",
+	id: "components/typography/span",
+	imports: "import { Span, Text } from \"@stealthscale/component-typography\";",
+	scenes: scenesOf(recipe, {
+		axes: {
+			tone: {
+				across: "weight",
+				draw: (props) => grounded(props.tone, /* @__PURE__ */ jsx(Total, { ...props }))
+			},
+			truncate: {
+				draw: (props) => /* @__PURE__ */ jsx(Room, {
+					size: "xs",
+					children: /* @__PURE__ */ jsx(Path, { ...props })
+				}),
+				example: path_example_exports
+			}
+		},
+		draw: (props) => /* @__PURE__ */ jsx(Total, { ...props }),
+		example: total_example_exports,
+		namespace: "span",
+		order: [
+			"tone",
+			"truncate",
+			"motion"
+		]
+	}),
+	title: "span.title"
+});
+//#endregion
+export { span_specimen_default as default };

package/dist/pages/span/span.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"SpanProps": {"conditions": 284, "foreign": 1040}, "TextProps": {"conditions": 284, "foreign": 1039}};
+export const parts = {"SpanProps": [{"accepts": "\"fade\" | \"reveal\" | \"rise\"", "fallback": "", "kind": "variant", "name": "motion", "refers": [], "required": false, "says": "Entrance animation. Each value reads the theme's animation style of the same name."}, {"accepts": "Tone", "fallback": "", "kind": "variant", "name": "tone", "refers": ["kit.Tone"], "required": false, "says": "Foreground token of the text."}, {"accepts": "boolean", "fallback": "", "kind": "variant", "name": "truncate", "refers": [], "required": false, "says": "Cuts the run to one line that ends in an ellipsis."}, {"accepts": "Weight", "fallback": "", "kind": "variant", "name": "weight", "refers": ["kit.Weight"], "required": false, "says": "Font weight token."}], "TextProps": [{"accepts": "\"center\" | \"end\" | \"justify\" | \"start\"", "fallback": "", "kind": "variant", "name": "align", "refers": [], "required": false, "says": "Inline alignment of the lines. `start` and `end` follow the writing direction."}, {"accepts": "\"bottom\" | \"edges\" | \"radial\"", "fallback": "", "kind": "variant", "name": "mask", "refers": [], "required": false, "says": "Fade mask, read from the theme's `mask.*` layer styles."}, {"accepts": "\"fade\" | \"reveal\" | \"rise\"", "fallback": "", "kind": "variant", "name": "motion", "refers": [], "required": false, "says": "Entrance animation. Each value reads the theme's animation style of the same name."}, {"accepts": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"", "fallback": "", "kind": "variant", "name": "size", "refers": [], "required": false, "says": "Step of the body text role, from `xs` to `xl`."}, {"accepts": "Tone", "fallback": "", "kind": "variant", "name": "tone", "refers": ["kit.Tone"], "required": false, "says": "Foreground token of the text."}, {"accepts": "boolean", "fallback": "", "kind": "variant", "name": "truncate", "refers": [], "required": false, "says": "Cuts the text to one line that ends in an ellipsis."}, {"accepts": "Weight", "fallback": "", "kind": "variant", "name": "weight", "refers": ["kit.Weight"], "required": false, "says": "Font weight token."}]};
+export const shapes = {"kit.Tone": [{"accepts": "", "name": "\"default\"", "says": ""}, {"accepts": "", "name": "\"error\"", "says": ""}, {"accepts": "", "name": "\"info\"", "says": ""}, {"accepts": "", "name": "\"inverted\"", "says": ""}, {"accepts": "", "name": "\"muted\"", "says": ""}, {"accepts": "", "name": "\"subtle\"", "says": ""}, {"accepts": "", "name": "\"success\"", "says": ""}, {"accepts": "", "name": "\"warning\"", "says": ""}], "kit.Weight": [{"accepts": "", "name": "\"bold\"", "says": ""}, {"accepts": "", "name": "\"medium\"", "says": ""}, {"accepts": "", "name": "\"normal\"", "says": ""}, {"accepts": "", "name": "\"semibold\"", "says": ""}]};

package/dist/pages/strong/strong.js

@@ -0,0 +1,80 @@
+import { t as __exportAll } from "../../rolldown-runtime-D7D4PA-g.js";
+import { n as recipe } from "../../recipes-DuvOpofr.js";
+import { n as Strong, t as Text } from "../../shared-CRBzNmJA.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { grounded, scenesOf, specimen, useWords } from "@stealthscale/specimen";
+//#region src/strong/examples/warning.example.tsx
+var warning_example_exports = /* @__PURE__ */ __exportAll({
+	Warning: () => Warning,
+	source: () => source
+});
+function Warning(props) {
+	const $ = c(10);
+	const { t } = useWords("strong");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("subject");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("permanent");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== props || $[5] !== t1) {
+		t2 = /* @__PURE__ */ jsx(Strong, {
+			...props,
+			children: t1
+		});
+		$[4] = props;
+		$[5] = t1;
+		$[6] = t2;
+	} else t2 = $[6];
+	let t3;
+	if ($[7] !== t0 || $[8] !== t2) {
+		t3 = /* @__PURE__ */ jsxs(Text, { children: [
+			t0,
+			" ",
+			t2
+		] });
+		$[7] = t0;
+		$[8] = t2;
+		$[9] = t3;
+	} else t3 = $[9];
+	return t3;
+}
+const source = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { Strong, Text } from \"@stealthscale/component-typography\";\n\nexport function Warning(props: Parameters<typeof Strong>[0]): ReactElement {\n  const { t } = useWords(\"strong\");\n\n  return (\n    <Text>\n      {t(\"subject\")} <Strong {...props}>{t(\"permanent\")}</Strong>\n    </Text>\n  );\n}\n";
+//#endregion
+//#region src/strong/strong.specimen.tsx
+/**
+* Catalogue page for the strong element.
+*
+* @remarks
+*   `scenesOf` generates one scene per recipe axis. The example renders the strong run inside a
+*   `Text` line, because importance is relative to the surrounding text. The tone scene crosses the
+*   weight axis and renders the inverted ink on `bg.inverted` through `grounded`. Every scene
+*   renders the example and shows it as its source. The words are keys under `strong` in
+*   `locales/en/specimen/strong.json`.
+*/
+var strong_specimen_default = specimen({
+	about: "strong.about",
+	id: "components/typography/strong",
+	imports: "import { Strong, Text } from \"@stealthscale/component-typography\";",
+	scenes: scenesOf(recipe, {
+		axes: { tone: {
+			across: "weight",
+			draw: (props) => grounded(props.tone, /* @__PURE__ */ jsx(Warning, { ...props }))
+		} },
+		draw: (props) => /* @__PURE__ */ jsx(Warning, { ...props }),
+		example: warning_example_exports,
+		namespace: "strong",
+		order: ["tone", "motion"]
+	}),
+	title: "strong.title"
+});
+//#endregion
+export { strong_specimen_default as default };

package/dist/pages/strong/strong.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"StrongProps": {"conditions": 284, "foreign": 1041}, "TextProps": {"conditions": 284, "foreign": 1039}};
+export const parts = {"StrongProps": [{"accepts": "\"fade\" | \"reveal\" | \"rise\"", "fallback": "", "kind": "variant", "name": "motion", "refers": [], "required": false, "says": "Entrance animation. Each value reads the theme's animation style of the same name."}, {"accepts": "Tone", "fallback": "", "kind": "variant", "name": "tone", "refers": ["kit.Tone"], "required": false, "says": "Foreground token of the text."}, {"accepts": "\"bold\" | \"medium\" | \"semibold\"", "fallback": "", "kind": "variant", "name": "weight", "refers": [], "required": false, "says": "Font weight token: `medium`, `semibold` or `bold`."}], "TextProps": [{"accepts": "\"center\" | \"end\" | \"justify\" | \"start\"", "fallback": "", "kind": "variant", "name": "align", "refers": [], "required": false, "says": "Inline alignment of the lines. `start` and `end` follow the writing direction."}, {"accepts": "\"bottom\" | \"edges\" | \"radial\"", "fallback": "", "kind": "variant", "name": "mask", "refers": [], "required": false, "says": "Fade mask, read from the theme's `mask.*` layer styles."}, {"accepts": "\"fade\" | \"reveal\" | \"rise\"", "fallback": "", "kind": "variant", "name": "motion", "refers": [], "required": false, "says": "Entrance animation. Each value reads the theme's animation style of the same name."}, {"accepts": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"", "fallback": "", "kind": "variant", "name": "size", "refers": [], "required": false, "says": "Step of the body text role, from `xs` to `xl`."}, {"accepts": "Tone", "fallback": "", "kind": "variant", "name": "tone", "refers": ["kit.Tone"], "required": false, "says": "Foreground token of the text."}, {"accepts": "boolean", "fallback": "", "kind": "variant", "name": "truncate", "refers": [], "required": false, "says": "Cuts the text to one line that ends in an ellipsis."}, {"accepts": "Weight", "fallback": "", "kind": "variant", "name": "weight", "refers": ["kit.Weight"], "required": false, "says": "Font weight token."}]};
+export const shapes = {"kit.Tone": [{"accepts": "", "name": "\"default\"", "says": ""}, {"accepts": "", "name": "\"error\"", "says": ""}, {"accepts": "", "name": "\"info\"", "says": ""}, {"accepts": "", "name": "\"inverted\"", "says": ""}, {"accepts": "", "name": "\"muted\"", "says": ""}, {"accepts": "", "name": "\"subtle\"", "says": ""}, {"accepts": "", "name": "\"success\"", "says": ""}, {"accepts": "", "name": "\"warning\"", "says": ""}], "kit.Weight": [{"accepts": "", "name": "\"bold\"", "says": ""}, {"accepts": "", "name": "\"medium\"", "says": ""}, {"accepts": "", "name": "\"normal\"", "says": ""}, {"accepts": "", "name": "\"semibold\"", "says": ""}]};

package/dist/pages/text/text.js

@@ -0,0 +1,143 @@
+import { t as __exportAll } from "../../rolldown-runtime-D7D4PA-g.js";
+import { t as recipe } from "../../recipes-DuvOpofr.js";
+import { t as Text } from "../../shared-CRBzNmJA.js";
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Room, grounded, scenesOf, specimen, useWords } from "@stealthscale/specimen";
+//#region src/text/examples/payment.example.tsx
+var payment_example_exports = /* @__PURE__ */ __exportAll({
+	Payment: () => Payment,
+	source: () => source$2
+});
+function Payment(props) {
+	const $ = c(5);
+	const { t } = useWords("text");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("payment");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Text, {
+			...props,
+			children: t0
+		});
+		$[2] = props;
+		$[3] = t0;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+const source$2 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { Text } from \"@stealthscale/component-typography\";\n\nexport function Payment(props: Parameters<typeof Text>[0]): ReactElement {\n  const { t } = useWords(\"text\");\n\n  return <Text {...props}>{t(\"payment\")}</Text>;\n}\n";
+//#endregion
+//#region src/text/examples/release.example.tsx
+var release_example_exports = /* @__PURE__ */ __exportAll({
+	Release: () => Release,
+	source: () => source$1
+});
+function Release(props) {
+	const $ = c(5);
+	const { t } = useWords("text");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("release");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Text, {
+			...props,
+			children: t0
+		});
+		$[2] = props;
+		$[3] = t0;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+const source$1 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { Text } from \"@stealthscale/component-typography\";\n\nexport function Release(props: Parameters<typeof Text>[0]): ReactElement {\n  const { t } = useWords(\"text\");\n\n  return <Text {...props}>{t(\"release\")}</Text>;\n}\n";
+//#endregion
+//#region src/text/examples/session.example.tsx
+var session_example_exports = /* @__PURE__ */ __exportAll({
+	Session: () => Session,
+	source: () => source
+});
+function Session(props) {
+	const $ = c(5);
+	const { t } = useWords("text");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("session");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== props || $[3] !== t0) {
+		t1 = /* @__PURE__ */ jsx(Text, {
+			...props,
+			children: t0
+		});
+		$[2] = props;
+		$[3] = t0;
+		$[4] = t1;
+	} else t1 = $[4];
+	return t1;
+}
+const source = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { Text } from \"@stealthscale/component-typography\";\n\nexport function Session(props: Parameters<typeof Text>[0]): ReactElement {\n  const { t } = useWords(\"text\");\n\n  return <Text {...props}>{t(\"session\")}</Text>;\n}\n";
+//#endregion
+//#region src/text/text.specimen.tsx
+/**
+* Renders the release note in a 576px room.
+*/
+function columned(props) {
+	return /* @__PURE__ */ jsx(Room, {
+		size: "xl",
+		children: /* @__PURE__ */ jsx(Release, { ...props })
+	});
+}
+var text_specimen_default = specimen({
+	about: "text.about",
+	id: "components/typography/text",
+	imports: "import { Text } from \"@stealthscale/component-typography\";",
+	scenes: scenesOf(recipe, {
+		axes: {
+			align: {
+				direction: "column",
+				draw: columned,
+				example: release_example_exports
+			},
+			mask: {
+				direction: "column",
+				draw: columned,
+				example: release_example_exports
+			},
+			tone: {
+				across: "weight",
+				draw: (props) => grounded(props.tone, /* @__PURE__ */ jsx(Payment, { ...props })),
+				example: payment_example_exports
+			},
+			truncate: {
+				direction: "column",
+				draw: columned,
+				example: release_example_exports
+			}
+		},
+		draw: (props) => /* @__PURE__ */ jsx(Session, { ...props }),
+		example: session_example_exports,
+		namespace: "text",
+		order: [
+			"size",
+			"tone",
+			"align",
+			"truncate",
+			"motion",
+			"mask"
+		]
+	}),
+	title: "text.title"
+});
+//#endregion
+export { text_specimen_default as default };

package/dist/pages/text/text.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"TextProps": {"conditions": 284, "foreign": 1039}};
+export const parts = {"TextProps": [{"accepts": "\"center\" | \"end\" | \"justify\" | \"start\"", "fallback": "", "kind": "variant", "name": "align", "refers": [], "required": false, "says": "Inline alignment of the lines. `start` and `end` follow the writing direction."}, {"accepts": "\"bottom\" | \"edges\" | \"radial\"", "fallback": "", "kind": "variant", "name": "mask", "refers": [], "required": false, "says": "Fade mask, read from the theme's `mask.*` layer styles."}, {"accepts": "\"fade\" | \"reveal\" | \"rise\"", "fallback": "", "kind": "variant", "name": "motion", "refers": [], "required": false, "says": "Entrance animation. Each value reads the theme's animation style of the same name."}, {"accepts": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"", "fallback": "", "kind": "variant", "name": "size", "refers": [], "required": false, "says": "Step of the body text role, from `xs` to `xl`."}, {"accepts": "Tone", "fallback": "", "kind": "variant", "name": "tone", "refers": ["kit.Tone"], "required": false, "says": "Foreground token of the text."}, {"accepts": "boolean", "fallback": "", "kind": "variant", "name": "truncate", "refers": [], "required": false, "says": "Cuts the text to one line that ends in an ellipsis."}, {"accepts": "Weight", "fallback": "", "kind": "variant", "name": "weight", "refers": ["kit.Weight"], "required": false, "says": "Font weight token."}]};
+export const shapes = {"kit.Tone": [{"accepts": "", "name": "\"default\"", "says": ""}, {"accepts": "", "name": "\"error\"", "says": ""}, {"accepts": "", "name": "\"info\"", "says": ""}, {"accepts": "", "name": "\"inverted\"", "says": ""}, {"accepts": "", "name": "\"muted\"", "says": ""}, {"accepts": "", "name": "\"subtle\"", "says": ""}, {"accepts": "", "name": "\"success\"", "says": ""}, {"accepts": "", "name": "\"warning\"", "says": ""}], "kit.Weight": [{"accepts": "", "name": "\"bold\"", "says": ""}, {"accepts": "", "name": "\"medium\"", "says": ""}, {"accepts": "", "name": "\"normal\"", "says": ""}, {"accepts": "", "name": "\"semibold\"", "says": ""}]};