@stealthscale/component-actions 0.2.2 → 0.2.3

package/dist/pages/download-trigger/download-trigger.js

@@ -0,0 +1,401 @@
+import { t as __exportAll } from "../../rolldown-runtime-D7D4PA-g.js";
+import { a as download, b as Button, i as DownloadTrigger } from "../../shared-Dv6Wx5nA.js";
+import { useState } from "react";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Room, Sample, specimen, useWords } from "@stealthscale/specimen";
+import { ChevronDownIcon, DownloadIcon, LoaderCircleIcon } from "lucide-react";
+import { Icon } from "@stealthscale/component-typography";
+import { Table } from "@stealthscale/component-collections";
+import { createPortal } from "react-dom";
+import { Menu } from "@stealthscale/component-disclosure";
+//#region src/download-trigger/examples/compressed.example.tsx
+var compressed_example_exports = /* @__PURE__ */ __exportAll({
+	Compressed: () => Compressed,
+	source: () => source$3
+});
+const ROWS = 2e4;
+function Compressed() {
+	const { t } = useWords("download-trigger");
+	const [pending, setPending] = useState(false);
+	async function compress() {
+		setPending(true);
+		try {
+			const lines = Array.from({ length: ROWS }, (_, row) => `payout-${row},settled,${row * 7}`);
+			const gzip = new Blob([["payout,state,amount", ...lines].join("\n")]).stream().pipeThrough(new CompressionStream("gzip"));
+			return await new Response(gzip, { headers: { "Content-Type": "application/gzip" } }).blob();
+		} finally {
+			setPending(false);
+		}
+	}
+	return /* @__PURE__ */ jsxs(DownloadTrigger, {
+		"aria-disabled": pending,
+		data: compress,
+		fileName: "payouts.csv.gz",
+		onClick: (event) => {
+			if (pending) event.preventDefault();
+		},
+		variant: "outline",
+		children: [pending ? /* @__PURE__ */ jsx(Icon, {
+			"aria-hidden": false,
+			"aria-label": t("compressing"),
+			as: LoaderCircleIcon,
+			motion: "spin"
+		}) : /* @__PURE__ */ jsx(DownloadIcon, { size: "1em" }), t("payouts")]
+	});
+}
+const source$3 = "import { type ReactElement, useState } from \"react\";\n\nimport { DownloadIcon, LoaderCircleIcon } from \"lucide-react\";\n\nimport { Icon } from \"@stealthscale/component-typography\";\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { DownloadTrigger } from \"@stealthscale/component-actions\";\n\nconst ROWS = 20_000;\n\nexport function Compressed(): ReactElement {\n  const { t } = useWords(\"download-trigger\");\n  const [pending, setPending] = useState(false);\n\n  async function compress(): Promise<Blob> {\n    setPending(true);\n\n    try {\n      const lines = Array.from({ length: ROWS }, (_, row) => `payout-${row},settled,${row * 7}`);\n      const text = new Blob([[\"payout,state,amount\", ...lines].join(\"\\n\")]);\n      const gzip = text.stream().pipeThrough(new CompressionStream(\"gzip\"));\n\n      return await new Response(gzip, { headers: { \"Content-Type\": \"application/gzip\" } }).blob();\n    } finally {\n      setPending(false);\n    }\n  }\n\n  return (\n    <DownloadTrigger\n      aria-disabled={pending}\n      data={compress}\n      fileName=\"payouts.csv.gz\"\n      onClick={(event) => {\n        if (pending) event.preventDefault();\n      }}\n      variant=\"outline\"\n    >\n      {pending ? (\n        <Icon\n          aria-hidden={false}\n          aria-label={t(\"compressing\")}\n          as={LoaderCircleIcon}\n          motion=\"spin\"\n        />\n      ) : (\n        <DownloadIcon size=\"1em\" />\n      )}\n      {t(\"payouts\")}\n    </DownloadTrigger>\n  );\n}\n";
+//#endregion
+//#region src/download-trigger/examples/exports.example.tsx
+var exports_example_exports = /* @__PURE__ */ __exportAll({
+	Exports: () => Exports,
+	source: () => source$2
+});
+const EXPORTS = [
+	{
+		data: "account,amount\nBridge Ledger,4120.00\nHalden & Co,880.40",
+		fileName: "ledger.csv",
+		mimeType: "text/csv"
+	},
+	{
+		data: JSON.stringify({
+			held: 12,
+			raised: 240,
+			settled: 3
+		}, void 0, 2),
+		fileName: "totals.json",
+		mimeType: "application/json"
+	},
+	{
+		data: "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\"><rect width=\"48\" height=\"48\" rx=\"10\"/></svg>",
+		fileName: "mark.svg",
+		mimeType: "image/svg+xml"
+	}
+];
+function triggerOf(row) {
+	return /* @__PURE__ */ jsx(DownloadTrigger, {
+		"aria-label": row.label,
+		data: row.data,
+		fileName: row.fileName,
+		mimeType: row.mimeType,
+		shape: "square",
+		size: "sm",
+		variant: "ghost",
+		children: /* @__PURE__ */ jsx(DownloadIcon, { size: "1em" })
+	});
+}
+function Exports() {
+	const $ = c(29);
+	const { i18n, t } = useWords("download-trigger");
+	let t0;
+	if ($[0] !== i18n.language) {
+		t0 = new Intl.NumberFormat(i18n.language, {
+			style: "unit",
+			unit: "byte",
+			unitDisplay: "long"
+		});
+		$[0] = i18n.language;
+		$[1] = t0;
+	} else t0 = $[1];
+	const size = t0;
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("exports");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("file");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = {
+			key: "fileName",
+			label: t2,
+			rowHeader: true
+		};
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== size) {
+		t4 = (row) => size.format(new Blob([row.data]).size);
+		$[8] = size;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t) {
+		t5 = t("size");
+		$[10] = t;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t4 || $[13] !== t5) {
+		t6 = {
+			cell: t4,
+			key: "size",
+			label: t5,
+			numeric: true
+		};
+		$[12] = t4;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	let t7;
+	if ($[15] !== t) {
+		t7 = t("download");
+		$[15] = t;
+		$[16] = t7;
+	} else t7 = $[16];
+	let t8;
+	if ($[17] !== t7) {
+		t8 = {
+			cell: triggerOf,
+			key: "download",
+			label: t7
+		};
+		$[17] = t7;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== t3 || $[20] !== t6 || $[21] !== t8) {
+		t9 = [
+			t3,
+			t6,
+			t8
+		];
+		$[19] = t3;
+		$[20] = t6;
+		$[21] = t8;
+		$[22] = t9;
+	} else t9 = $[22];
+	let t10;
+	if ($[23] !== t) {
+		t10 = EXPORTS.map((t11) => {
+			const { data, fileName, mimeType } = t11;
+			return {
+				data,
+				fileName,
+				label: t("save", { file: fileName }),
+				mimeType
+			};
+		});
+		$[23] = t;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== t1 || $[26] !== t10 || $[27] !== t9) {
+		t11 = /* @__PURE__ */ jsx(Table.Simple, {
+			caption: t1,
+			columns: t9,
+			rows: t10,
+			rowToKey: _temp$1
+		});
+		$[25] = t1;
+		$[26] = t10;
+		$[27] = t9;
+		$[28] = t11;
+	} else t11 = $[28];
+	return t11;
+}
+function _temp$1(row_0) {
+	return row_0.fileName;
+}
+const source$2 = "import { type ReactElement } from \"react\";\n\nimport { DownloadIcon } from \"lucide-react\";\n\nimport { Table } from \"@stealthscale/component-collections\";\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { DownloadTrigger } from \"@stealthscale/component-actions\";\n\ninterface Export {\n  readonly data: string;\n  readonly fileName: string;\n  readonly label: string;\n  readonly mimeType: string;\n}\n\nconst EXPORTS = [\n  {\n    data: \"account,amount\\nBridge Ledger,4120.00\\nHalden & Co,880.40\",\n    fileName: \"ledger.csv\",\n    mimeType: \"text/csv\",\n  },\n  {\n    data: JSON.stringify({ held: 12, raised: 240, settled: 3 }, undefined, 2),\n    fileName: \"totals.json\",\n    mimeType: \"application/json\",\n  },\n  {\n    data: '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\"><rect width=\"48\" height=\"48\" rx=\"10\"/></svg>',\n    fileName: \"mark.svg\",\n    mimeType: \"image/svg+xml\",\n  },\n];\n\nfunction triggerOf(row: Export): ReactElement {\n  return (\n    <DownloadTrigger\n      aria-label={row.label}\n      data={row.data}\n      fileName={row.fileName}\n      mimeType={row.mimeType}\n      shape=\"square\"\n      size=\"sm\"\n      variant=\"ghost\"\n    >\n      <DownloadIcon size=\"1em\" />\n    </DownloadTrigger>\n  );\n}\n\nexport function Exports(): ReactElement {\n  const { i18n, t } = useWords(\"download-trigger\");\n  const size = new Intl.NumberFormat(i18n.language, {\n    style: \"unit\",\n    unit: \"byte\",\n    unitDisplay: \"long\",\n  });\n\n  return (\n    <Table.Simple<Export>\n      caption={t(\"exports\")}\n      columns={[\n        { key: \"fileName\", label: t(\"file\"), rowHeader: true },\n        {\n          cell: (row) => size.format(new Blob([row.data]).size),\n          key: \"size\",\n          label: t(\"size\"),\n          numeric: true,\n        },\n        { cell: triggerOf, key: \"download\", label: t(\"download\") },\n      ]}\n      rows={EXPORTS.map(({ data, fileName, mimeType }) => ({\n        data,\n        fileName,\n        label: t(\"save\", { file: fileName }),\n        mimeType,\n      }))}\n      rowToKey={(row) => row.fileName}\n    />\n  );\n}\n";
+//#endregion
+//#region src/download-trigger/examples/formats.example.tsx
+var formats_example_exports = /* @__PURE__ */ __exportAll({
+	Formats: () => Formats,
+	source: () => source$1
+});
+const ACCOUNTS = [{
+	account: "Bridge Ledger",
+	amount: 4120
+}, {
+	account: "Halden & Co",
+	amount: 880.4
+}];
+const FORMATS = [
+	{
+		data: ["account,amount", ...ACCOUNTS.map((row) => `${row.account},${row.amount}`)].join("\n"),
+		fileName: "ledger.csv",
+		key: "csv",
+		mimeType: "text/csv"
+	},
+	{
+		data: JSON.stringify(ACCOUNTS, void 0, 2),
+		fileName: "ledger.json",
+		key: "json",
+		mimeType: "application/json"
+	},
+	{
+		data: ["| Account | Amount |", "| --- | --- |"].concat(ACCOUNTS.map((row) => `| ${row.account} | ${row.amount} |`)).join("\n"),
+		fileName: "ledger.md",
+		key: "markdown",
+		mimeType: "text/markdown"
+	}
+];
+function Formats() {
+	const $ = c(12);
+	const { t } = useWords("download-trigger");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("export");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Menu.Indicator, { children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: "1em" }) });
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== t0) {
+		t2 = /* @__PURE__ */ jsxs(Menu.Trigger, {
+			as: Button,
+			children: [t0, t1]
+		});
+		$[3] = t0;
+		$[4] = t2;
+	} else t2 = $[4];
+	let t3;
+	if ($[5] !== t) {
+		t3 = FORMATS.map((format_0) => /* @__PURE__ */ jsx(Menu.Item, {
+			value: format_0.key,
+			children: t(`formats.${format_0.key}`)
+		}, format_0.key));
+		$[5] = t;
+		$[6] = t3;
+	} else t3 = $[6];
+	let t4;
+	if ($[7] !== t3) {
+		t4 = createPortal(/* @__PURE__ */ jsx(Menu.Positioner, { children: /* @__PURE__ */ jsx(Menu.Content, { children: t3 }) }), document.body);
+		$[7] = t3;
+		$[8] = t4;
+	} else t4 = $[8];
+	let t5;
+	if ($[9] !== t2 || $[10] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Menu.Root, {
+			onSelect: _temp,
+			children: [t2, t4]
+		});
+		$[9] = t2;
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	return t5;
+}
+function _temp(t0) {
+	const { value } = t0;
+	const format = FORMATS.find((each) => each.key === value);
+	if (format !== void 0) download(format);
+}
+const source$1 = "import { type ReactElement } from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { Menu } from \"@stealthscale/component-disclosure\";\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { Button, download } from \"@stealthscale/component-actions\";\n\nconst ACCOUNTS = [\n  { account: \"Bridge Ledger\", amount: 4120 },\n  { account: \"Halden & Co\", amount: 880.4 },\n];\n\nconst FORMATS = [\n  {\n    data: [\"account,amount\", ...ACCOUNTS.map((row) => `${row.account},${row.amount}`)].join(\"\\n\"),\n    fileName: \"ledger.csv\",\n    key: \"csv\",\n    mimeType: \"text/csv\",\n  },\n  {\n    data: JSON.stringify(ACCOUNTS, undefined, 2),\n    fileName: \"ledger.json\",\n    key: \"json\",\n    mimeType: \"application/json\",\n  },\n  {\n    data: [\"| Account | Amount |\", \"| --- | --- |\"]\n      .concat(ACCOUNTS.map((row) => `| ${row.account} | ${row.amount} |`))\n      .join(\"\\n\"),\n    fileName: \"ledger.md\",\n    key: \"markdown\",\n    mimeType: \"text/markdown\",\n  },\n] as const;\n\nexport function Formats(): ReactElement {\n  const { t } = useWords(\"download-trigger\");\n\n  return (\n    <Menu.Root\n      onSelect={({ value }) => {\n        const format = FORMATS.find((each) => each.key === value);\n\n        if (format !== undefined) void download(format);\n      }}\n    >\n      <Menu.Trigger as={Button}>\n        {t(\"export\")}\n        <Menu.Indicator>\n          <ChevronDownIcon size=\"1em\" />\n        </Menu.Indicator>\n      </Menu.Trigger>\n      {createPortal(\n        <Menu.Positioner>\n          <Menu.Content>\n            {FORMATS.map((format) => (\n              <Menu.Item key={format.key} value={format.key}>\n                {t(`formats.${format.key}`)}\n              </Menu.Item>\n            ))}\n          </Menu.Content>\n        </Menu.Positioner>,\n        document.body,\n      )}\n    </Menu.Root>\n  );\n}\n";
+//#endregion
+//#region src/download-trigger/examples/ledger.example.tsx
+var ledger_example_exports = /* @__PURE__ */ __exportAll({
+	Ledger: () => Ledger,
+	source: () => source
+});
+const LEDGER = [
+	"account,state,amount",
+	"Bridge Ledger,settled,4120.00",
+	"Halden & Co,held,880.40",
+	"Perrin Freight,queued,12500.00"
+].join("\n");
+function Ledger() {
+	const $ = c(5);
+	const { t } = useWords("download-trigger");
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx(DownloadIcon, { size: "1em" });
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== t) {
+		t1 = t("ledger");
+		$[1] = t;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== t1) {
+		t2 = /* @__PURE__ */ jsxs(DownloadTrigger, {
+			data: LEDGER,
+			fileName: "ledger.csv",
+			mimeType: "text/csv",
+			variant: "outline",
+			children: [t0, t1]
+		});
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
+const source = "import { type ReactElement } from \"react\";\n\nimport { DownloadIcon } from \"lucide-react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { DownloadTrigger } from \"@stealthscale/component-actions\";\n\nconst LEDGER = [\n  \"account,state,amount\",\n  \"Bridge Ledger,settled,4120.00\",\n  \"Halden & Co,held,880.40\",\n  \"Perrin Freight,queued,12500.00\",\n].join(\"\\n\");\n\nexport function Ledger(): ReactElement {\n  const { t } = useWords(\"download-trigger\");\n\n  return (\n    <DownloadTrigger data={LEDGER} fileName=\"ledger.csv\" mimeType=\"text/csv\" variant=\"outline\">\n      <DownloadIcon size=\"1em\" />\n      {t(\"ledger\")}\n    </DownloadTrigger>\n  );\n}\n";
+//#endregion
+//#region src/download-trigger/download-trigger.specimen.tsx
+/**
+* Catalogue page for the download trigger.
+*
+* @remarks
+*   Every scene is hand-written and renders a component from `examples/`. The trigger binds the
+*   button recipe, and the button's page shows that recipe's axes. The words are keys under
+*   `download-trigger` in the `specimen` namespace, stored in
+*   `locales/en/specimen/download-trigger.json`.
+*/
+/**
+* Hand-written scene for a trigger with visible text.
+*/
+const lone = {
+	about: "download-trigger.lone.about",
+	draw: () => /* @__PURE__ */ jsx(Sample, { children: /* @__PURE__ */ jsx(Ledger, {}) }),
+	example: ledger_example_exports,
+	title: "download-trigger.lone.title"
+};
+/**
+* Hand-written scene for three kinds of file in a table, each saved by an icon-only trigger.
+*/
+const kinds = {
+	about: "download-trigger.kinds.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "sm",
+		children: /* @__PURE__ */ jsx(Exports, {})
+	}),
+	example: exports_example_exports,
+	title: "download-trigger.kinds.title"
+};
+/**
+* Hand-written scene for data built by a promise when the trigger is pressed.
+*/
+const built = {
+	about: "download-trigger.built.about",
+	draw: () => /* @__PURE__ */ jsx(Sample, { children: /* @__PURE__ */ jsx(Compressed, {}) }),
+	example: compressed_example_exports,
+	title: "download-trigger.built.title"
+};
+/**
+* Hand-written scene for `download` called from the rows of a menu.
+*/
+const menu = {
+	about: "download-trigger.menu.about",
+	draw: () => /* @__PURE__ */ jsx(Sample, { children: /* @__PURE__ */ jsx(Formats, {}) }),
+	example: formats_example_exports,
+	title: "download-trigger.menu.title"
+};
+var download_trigger_specimen_default = specimen({
+	about: "download-trigger.about",
+	id: "components/actions/download-trigger",
+	imports: "import { download, DownloadTrigger } from \"@stealthscale/component-actions\";",
+	scenes: [
+		lone,
+		kinds,
+		built,
+		menu
+	],
+	title: "download-trigger.title"
+});
+//#endregion
+export { built, download_trigger_specimen_default as default, kinds, lone, menu };

package/dist/pages/download-trigger/download-trigger.props.js

@@ -0,0 +1,3 @@
+export const dropped = {"DownloadTriggerProps": {"conditions": 284, "foreign": 1051}, "ButtonProps": {"conditions": 284, "foreign": 1051}, "IconButtonProps": {"conditions": 284, "foreign": 1049}};
+export const parts = {"DownloadTriggerProps": [{"accepts": "(() => Promise<DownloadableData> | DownloadableData) | DownloadableData", "fallback": "", "kind": "option", "name": "data", "refers": [], "required": true, "says": "Contents of the file, or a function called on every download that returns them or a promise of them."}, {"accepts": "\"glow\" | \"pulse\"", "fallback": "", "kind": "variant", "name": "effect", "refers": [], "required": false, "says": "The halo around the button, in the palette's solid at half opacity."}, {"accepts": "Lift", "fallback": "", "kind": "variant", "name": "elevation", "refers": ["kit.Lift"], "required": false, "says": ""}, {"accepts": "string", "fallback": "", "kind": "option", "name": "fileName", "refers": [], "required": true, "says": "Name the browser saves the file under, extension included."}, {"accepts": "FileMimeType", "fallback": "", "kind": "option", "name": "mimeType", "refers": ["file-utils.FileMimeType"], "required": false, "says": "Type of text data. A `Blob` or a `File` keeps its own type."}, {"accepts": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"", "fallback": "", "kind": "variant", "name": "palette", "refers": [], "required": false, "says": "Palette of every look. The base sets `primary`."}, {"accepts": "\"square\"", "fallback": "", "kind": "variant", "name": "shape", "refers": [], "required": false, "says": ""}, {"accepts": "Scale", "fallback": "", "kind": "variant", "name": "size", "refers": ["kit.Scale"], "required": false, "says": ""}, {"accepts": "\"ghost\" | \"glass\" | \"outline\" | \"plain\" | \"solid\" | \"subtle\" | \"surface\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": ""}], "ButtonProps": [{"accepts": "\"glow\" | \"pulse\"", "fallback": "", "kind": "variant", "name": "effect", "refers": [], "required": false, "says": "The halo around the button, in the palette's solid at half opacity."}, {"accepts": "Lift", "fallback": "", "kind": "variant", "name": "elevation", "refers": ["kit.Lift"], "required": false, "says": ""}, {"accepts": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"", "fallback": "", "kind": "variant", "name": "palette", "refers": [], "required": false, "says": "Palette of every look. The base sets `primary`."}, {"accepts": "\"square\"", "fallback": "", "kind": "variant", "name": "shape", "refers": [], "required": false, "says": ""}, {"accepts": "Scale", "fallback": "", "kind": "variant", "name": "size", "refers": ["kit.Scale"], "required": false, "says": ""}, {"accepts": "\"ghost\" | \"glass\" | \"outline\" | \"plain\" | \"solid\" | \"subtle\" | \"surface\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": ""}], "IconButtonProps": [{"accepts": "string", "fallback": "", "kind": "option", "name": "aria-label", "refers": [], "required": false, "says": "Defines a string value that labels the current element. The accessible name a screen reader announces in place of the icon."}, {"accepts": "string", "fallback": "", "kind": "option", "name": "aria-labelledby", "refers": [], "required": false, "says": "Identifies the element (or elements) that labels the current element. The id of the element whose text names the control."}, {"accepts": "\"glow\" | \"pulse\"", "fallback": "", "kind": "variant", "name": "effect", "refers": [], "required": false, "says": "The halo around the button, in the palette's solid at half opacity."}, {"accepts": "Lift", "fallback": "", "kind": "variant", "name": "elevation", "refers": ["kit.Lift"], "required": false, "says": ""}, {"accepts": "\"accent\" | \"error\" | \"info\" | \"neutral\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"", "fallback": "", "kind": "variant", "name": "palette", "refers": [], "required": false, "says": "Palette of every look. The base sets `primary`."}, {"accepts": "\"square\"", "fallback": "", "kind": "variant", "name": "shape", "refers": [], "required": false, "says": ""}, {"accepts": "Scale", "fallback": "", "kind": "variant", "name": "size", "refers": ["kit.Scale"], "required": false, "says": ""}, {"accepts": "\"ghost\" | \"glass\" | \"outline\" | \"plain\" | \"solid\" | \"subtle\" | \"surface\"", "fallback": "", "kind": "variant", "name": "variant", "refers": [], "required": false, "says": ""}]};
+export const shapes = {"kit.Lift": [{"accepts": "", "name": "\"floating\"", "says": ""}, {"accepts": "", "name": "\"raised\"", "says": ""}], "kit.Scale": [{"accepts": "", "name": "\"2xl\"", "says": ""}, {"accepts": "", "name": "\"3xl\"", "says": ""}, {"accepts": "", "name": "\"4xl\"", "says": ""}, {"accepts": "", "name": "\"lg\"", "says": ""}, {"accepts": "", "name": "\"md\"", "says": ""}, {"accepts": "", "name": "\"sm\"", "says": ""}, {"accepts": "", "name": "\"xl\"", "says": ""}, {"accepts": "", "name": "\"xs\"", "says": ""}], "file-utils.FileMimeType": [{"accepts": "", "name": "\"application/*\"", "says": ""}, {"accepts": "", "name": "\"application/json\"", "says": ""}, {"accepts": "", "name": "\"application/msword\"", "says": ""}, {"accepts": "", "name": "\"application/pdf\"", "says": ""}, {"accepts": "", "name": "\"application/rtf\"", "says": ""}, {"accepts": "", "name": "\"application/vnd.microsoft.portable-executable\"", "says": ""}, {"accepts": "", "name": "\"application/vnd.ms-excel\"", "says": ""}, {"accepts": "", "name": "\"application/vnd.ms-powerpoint\"", "says": ""}, {"accepts": "", "name": "\"application/vnd.openxmlformats-officedocument.presentationml.presentation\"", "says": ""}, {"accepts": "", "name": "\"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\"", "says": ""}, {"accepts": "", "name": "\"application/vnd.openxmlformats-officedocument.wordprocessingml.document\"", "says": ""}, {"accepts": "", "name": "\"application/x-7z-compressed\"", "says": ""}, {"accepts": "", "name": "\"application/x-rar\"", "says": ""}, {"accepts": "", "name": "\"application/x-tar\"", "says": ""}, {"accepts": "", "name": "\"application/xml\"", "says": ""}, {"accepts": "", "name": "\"application/zip\"", "says": ""}, {"accepts": "", "name": "\"audio/*\"", "says": ""}, {"accepts": "", "name": "\"audio/aac\"", "says": ""}, {"accepts": "", "name": "\"audio/flac\"", "says": ""}, {"accepts": "", "name": "\"audio/mpeg\"", "says": ""}, {"accepts": "", "name": "\"audio/ogg\"", "says": ""}, {"accepts": "", "name": "\"audio/wav\"", "says": ""}, {"accepts": "", "name": "\"audio/webm\"", "says": ""}, {"accepts": "", "name": "\"audio/x-m4a\"", "says": ""}, {"accepts": "", "name": "\"font/*\"", "says": ""}, {"accepts": "", "name": "\"font/eot\"", "says": ""}, {"accepts": "", "name": "\"font/otf\"", "says": ""}, {"accepts": "", "name": "\"font/svg\"", "says": ""}, {"accepts": "", "name": "\"font/ttf\"", "says": ""}, {"accepts": "", "name": "\"font/woff\"", "says": ""}, {"accepts": "", "name": "\"font/woff2\"", "says": ""}, {"accepts": "", "name": "\"image/*\"", "says": ""}, {"accepts": "", "name": "\"image/avif\"", "says": ""}, {"accepts": "", "name": "\"image/bmp\"", "says": ""}, {"accepts": "", "name": "\"image/gif\"", "says": ""}, {"accepts": "", "name": "\"image/heic\"", "says": ""}, {"accepts": "", "name": "\"image/jpeg\"", "says": ""}, {"accepts": "", "name": "\"image/png\"", "says": ""}, {"accepts": "", "name": "\"image/svg+xml\"", "says": ""}, {"accepts": "", "name": "\"image/webp\"", "says": ""}, {"accepts": "", "name": "\"text/*\"", "says": ""}, {"accepts": "", "name": "\"text/css\"", "says": ""}, {"accepts": "", "name": "\"text/csv\"", "says": ""}, {"accepts": "", "name": "\"text/html\"", "says": ""}, {"accepts": "", "name": "\"text/markdown\"", "says": ""}, {"accepts": "", "name": "\"text/plain\"", "says": ""}, {"accepts": "", "name": "\"video/*\"", "says": ""}, {"accepts": "", "name": "\"video/mp4\"", "says": ""}, {"accepts": "", "name": "\"video/ogg\"", "says": ""}, {"accepts": "", "name": "\"video/quicktime\"", "says": ""}, {"accepts": "", "name": "\"video/webm\"", "says": ""}, {"accepts": "", "name": "\"video/x-msvideo\"", "says": ""}, {"accepts": "", "name": "AnyString", "says": ""}]};

package/dist/pages/pages.json

@@ -0,0 +1,74 @@
+{
+  "format": 1,
+  "pages": [
+    {
+      "about": "button.about",
+      "group": "",
+      "id": "components/actions/button",
+      "module": "button/button.js",
+      "namespace": "",
+      "props": "button/button.props.js",
+      "specimen": "src/button/button.specimen.tsx",
+      "title": "button.title"
+    },
+    {
+      "about": "clipboard.about",
+      "group": "",
+      "id": "components/actions/clipboard",
+      "module": "clipboard/clipboard.js",
+      "namespace": "",
+      "props": "clipboard/clipboard.props.js",
+      "specimen": "src/clipboard/clipboard.specimen.tsx",
+      "title": "clipboard.title"
+    },
+    {
+      "about": "color-mode-toggle.about",
+      "group": "",
+      "id": "components/actions/color-mode-toggle",
+      "module": "color-mode-toggle/color-mode-toggle.js",
+      "namespace": "",
+      "props": "color-mode-toggle/color-mode-toggle.props.js",
+      "specimen": "src/color-mode-toggle/color-mode-toggle.specimen.tsx",
+      "title": "color-mode-toggle.title"
+    },
+    {
+      "about": "download-trigger.about",
+      "group": "",
+      "id": "components/actions/download-trigger",
+      "module": "download-trigger/download-trigger.js",
+      "namespace": "",
+      "props": "download-trigger/download-trigger.props.js",
+      "specimen": "src/download-trigger/download-trigger.specimen.tsx",
+      "title": "download-trigger.title"
+    },
+    {
+      "about": "swap.about",
+      "group": "",
+      "id": "components/actions/swap",
+      "module": "swap/swap.js",
+      "namespace": "",
+      "props": "swap/swap.props.js",
+      "specimen": "src/swap/swap.specimen.tsx",
+      "title": "swap.title"
+    },
+    {
+      "about": "toggle-group.about",
+      "group": "",
+      "id": "components/actions/toggle-group",
+      "module": "toggle-group/toggle-group.js",
+      "namespace": "",
+      "props": "toggle-group/toggle-group.props.js",
+      "specimen": "src/toggle-group/toggle-group.specimen.tsx",
+      "title": "toggle-group.title"
+    }
+  ],
+  "requires": {
+    "@stealthscale/component-collections": "^0.1.0",
+    "@stealthscale/component-disclosure": "^0.2.0",
+    "@stealthscale/component-forms": "^0.3.0",
+    "@stealthscale/component-typography": "^0.3.0",
+    "@stealthscale/specimen": "^0.3.0",
+    "lucide-react": "^1.52.0",
+    "react-dom": "^19.3.0"
+  }
+}