@secondlayer/stacks 0.2.2 → 0.3.0

package/dist/src/ui/index.cjs

@@ -0,0 +1,431 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toCommonJS = (from) => {
+  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(entry, key))
+        __defProp(entry, key, {
+          get: __accessProp.bind(from, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+  }
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __moduleCache;
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+
+// src/ui/index.ts
+var exports_ui = {};
+__export(exports_ui, {
+  schema: () => import_react.schema,
+  defineCatalog: () => import_core.defineCatalog,
+  atoms: () => atoms,
+  atomComponentMap: () => atomComponentMap,
+  TxStatusProps: () => TxStatusProps,
+  TxStatus: () => TxStatus,
+  TokenProps: () => TokenProps,
+  Token: () => Token,
+  PrincipalProps: () => PrincipalProps,
+  Principal: () => Principal,
+  NftAssetProps: () => NftAssetProps,
+  NftAsset: () => NftAsset,
+  BnsNameProps: () => BnsNameProps,
+  BnsName: () => BnsName,
+  BlockHeightProps: () => BlockHeightProps,
+  BlockHeight: () => BlockHeight,
+  AmountProps: () => AmountProps,
+  Amount: () => Amount,
+  AddressProps: () => AddressProps,
+  Address: () => Address
+});
+module.exports = __toCommonJS(exports_ui);
+var import_core = require("@json-render/core");
+var import_react = require("@json-render/react");
+
+// src/ui/atoms/address.schema.ts
+var import_zod = require("zod");
+var AddressProps = import_zod.z.object({
+  value: import_zod.z.string().describe("Stacks principal (SP…/SM…/ST…)"),
+  bns: import_zod.z.string().nullable().optional().describe("Optional BNS override"),
+  truncate: import_zod.z.boolean().optional().default(true)
+});
+
+// src/ui/atoms/address.tsx
+var jsx_dev_runtime = require("react/jsx-dev-runtime");
+function truncatePrincipal(value) {
+  if (value.length <= 14)
+    return value;
+  return `${value.slice(0, 6)}…${value.slice(-4)}`;
+}
+function Address(props) {
+  const display = props.bns ?? (props.truncate ? truncatePrincipal(props.value) : props.value);
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+    className: "font-mono text-sm",
+    title: props.value,
+    children: display
+  }, undefined, false, undefined, this);
+}
+var AddressComponent = {
+  props: AddressProps,
+  render: Address
+};
+
+// src/ui/atoms/amount.schema.ts
+var import_zod2 = require("zod");
+var AmountProps = import_zod2.z.object({
+  microUnits: import_zod2.z.string().describe("Amount in micro-units (as string to preserve bigint precision)"),
+  decimals: import_zod2.z.number().int().min(0).max(18).default(6).describe("Decimal places (6 for STX, 8 for sBTC, varies for SIP-010 tokens)"),
+  symbol: import_zod2.z.string().default("STX"),
+  usdValue: import_zod2.z.number().nullable().optional()
+});
+
+// src/ui/atoms/amount.tsx
+var jsx_dev_runtime2 = require("react/jsx-dev-runtime");
+function formatAmount(microUnits, decimals) {
+  try {
+    const raw = BigInt(microUnits);
+    const divisor = 10n ** BigInt(decimals);
+    const whole = raw / divisor;
+    const fraction = raw % divisor;
+    if (fraction === 0n)
+      return whole.toLocaleString();
+    const fracStr = fraction.toString().padStart(decimals, "0").replace(/0+$/, "");
+    return `${whole.toLocaleString()}.${fracStr}`;
+  } catch {
+    return microUnits;
+  }
+}
+function Amount(props) {
+  const decimals = props.decimals ?? 6;
+  const symbol = props.symbol ?? "STX";
+  const formatted = formatAmount(props.microUnits, decimals);
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+    className: "font-mono tabular-nums",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+        className: "font-medium",
+        children: formatted
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+        className: "ml-1 text-muted-foreground",
+        children: symbol
+      }, undefined, false, undefined, this),
+      props.usdValue != null && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+        className: "ml-2 text-sm text-muted-foreground",
+        children: [
+          "($",
+          props.usdValue.toLocaleString(undefined, {
+            maximumFractionDigits: 2
+          }),
+          ")"
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var AmountComponent = {
+  props: AmountProps,
+  render: Amount
+};
+
+// src/ui/atoms/blockHeight.schema.ts
+var import_zod3 = require("zod");
+var BlockHeightProps = import_zod3.z.object({
+  height: import_zod3.z.number().int().nonnegative(),
+  timestamp: import_zod3.z.string().nullable().optional().describe("ISO-8601 block timestamp")
+});
+
+// src/ui/atoms/blockHeight.tsx
+var jsx_dev_runtime3 = require("react/jsx-dev-runtime");
+function relative(timestamp) {
+  if (!timestamp)
+    return null;
+  const then = new Date(timestamp).getTime();
+  if (Number.isNaN(then))
+    return null;
+  const delta = Math.max(0, Date.now() - then);
+  const s = Math.floor(delta / 1000);
+  if (s < 60)
+    return `${s}s ago`;
+  const m = Math.floor(s / 60);
+  if (m < 60)
+    return `${m}m ago`;
+  const h = Math.floor(m / 60);
+  if (h < 24)
+    return `${h}h ago`;
+  return `${Math.floor(h / 24)}d ago`;
+}
+function BlockHeight(props) {
+  const rel = relative(props.timestamp);
+  return /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+    className: "font-mono text-sm",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+        children: [
+          "#",
+          props.height.toLocaleString()
+        ]
+      }, undefined, true, undefined, this),
+      rel && /* @__PURE__ */ jsx_dev_runtime3.jsxDEV("span", {
+        className: "ml-1 text-muted-foreground",
+        children: [
+          "· ",
+          rel
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var BlockHeightComponent = {
+  props: BlockHeightProps,
+  render: BlockHeight
+};
+
+// src/ui/atoms/bnsName.schema.ts
+var import_zod4 = require("zod");
+var BnsNameProps = import_zod4.z.object({
+  name: import_zod4.z.string(),
+  namespace: import_zod4.z.string(),
+  expiresAt: import_zod4.z.string().nullable().optional().describe("ISO-8601 timestamp")
+});
+
+// src/ui/atoms/bnsName.tsx
+var jsx_dev_runtime4 = require("react/jsx-dev-runtime");
+function BnsName(props) {
+  return /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+    className: "font-mono text-sm",
+    children: [
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+        className: "font-medium",
+        children: props.name
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime4.jsxDEV("span", {
+        className: "text-muted-foreground",
+        children: [
+          ".",
+          props.namespace
+        ]
+      }, undefined, true, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var BnsNameComponent = {
+  props: BnsNameProps,
+  render: BnsName
+};
+
+// src/ui/atoms/nftAsset.schema.ts
+var import_zod5 = require("zod");
+var NftAssetProps = import_zod5.z.object({
+  assetIdentifier: import_zod5.z.string().describe("Full asset identifier (e.g. SP123.contract::asset-name)"),
+  tokenId: import_zod5.z.string().describe("Token id (as string to preserve bigint precision)"),
+  name: import_zod5.z.string().nullable().optional(),
+  imageUrl: import_zod5.z.string().url().nullable().optional()
+});
+
+// src/ui/atoms/nftAsset.tsx
+var jsx_dev_runtime5 = require("react/jsx-dev-runtime");
+function NftAsset(props) {
+  const [, assetName] = props.assetIdentifier.split("::", 2);
+  const displayName = props.name ?? `${assetName ?? "NFT"} #${props.tokenId}`;
+  return /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+    className: "inline-flex items-center gap-2",
+    children: [
+      props.imageUrl && /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("img", {
+        src: props.imageUrl,
+        alt: displayName,
+        className: "h-5 w-5 rounded",
+        loading: "lazy"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime5.jsxDEV("span", {
+        className: "font-mono text-sm",
+        children: displayName
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+}
+var NftAssetComponent = {
+  props: NftAssetProps,
+  render: NftAsset
+};
+
+// src/ui/atoms/principal.schema.ts
+var import_zod6 = require("zod");
+var PrincipalProps = import_zod6.z.object({
+  value: import_zod6.z.string().describe("Standard or contract principal"),
+  bns: import_zod6.z.string().nullable().optional(),
+  kind: import_zod6.z.enum(["standard", "contract"]).optional()
+});
+
+// src/ui/atoms/principal.tsx
+var jsx_dev_runtime6 = require("react/jsx-dev-runtime");
+function inferKind(value) {
+  return value.includes(".") ? "contract" : "standard";
+}
+function Principal(props) {
+  const kind = props.kind ?? inferKind(props.value);
+  if (kind === "contract") {
+    const parts = props.value.split(".", 2);
+    const addr = parts[0] ?? props.value;
+    const name = parts[1] ?? "";
+    return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+      className: "font-mono text-sm",
+      title: props.value,
+      children: [
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Address, {
+          value: addr,
+          bns: props.bns,
+          truncate: true
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+          className: "text-muted-foreground",
+          children: "."
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime6.jsxDEV("span", {
+          className: "text-foreground",
+          children: name
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime6.jsxDEV(Address, {
+    value: props.value,
+    bns: props.bns,
+    truncate: true
+  }, undefined, false, undefined, this);
+}
+var PrincipalComponent = {
+  props: PrincipalProps,
+  render: Principal
+};
+
+// src/ui/atoms/token.schema.ts
+var import_zod7 = require("zod");
+var TokenProps = import_zod7.z.object({
+  symbol: import_zod7.z.string(),
+  contract: import_zod7.z.string().nullable().optional().describe("SIP-010 contract id (for non-STX tokens)"),
+  decimals: import_zod7.z.number().int().min(0).max(18).default(6)
+});
+
+// src/ui/atoms/token.tsx
+var jsx_dev_runtime7 = require("react/jsx-dev-runtime");
+function Token(props) {
+  return /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("span", {
+    className: "font-mono text-sm",
+    title: props.contract ?? undefined,
+    children: /* @__PURE__ */ jsx_dev_runtime7.jsxDEV("span", {
+      className: "font-medium",
+      children: props.symbol
+    }, undefined, false, undefined, this)
+  }, undefined, false, undefined, this);
+}
+var TokenComponent = {
+  props: TokenProps,
+  render: Token
+};
+
+// src/ui/atoms/txStatus.schema.ts
+var import_zod8 = require("zod");
+var TxStatusProps = import_zod8.z.object({
+  status: import_zod8.z.enum([
+    "pending",
+    "success",
+    "failed",
+    "abort_by_post_condition",
+    "abort_by_response"
+  ]),
+  txId: import_zod8.z.string().nullable().optional()
+});
+
+// src/ui/atoms/txStatus.tsx
+var jsx_dev_runtime8 = require("react/jsx-dev-runtime");
+var TONE = {
+  pending: "bg-yellow-100 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-200",
+  success: "bg-green-100 text-green-900 dark:bg-green-950 dark:text-green-200",
+  failed: "bg-red-100 text-red-900 dark:bg-red-950 dark:text-red-200",
+  abort_by_post_condition: "bg-orange-100 text-orange-900 dark:bg-orange-950 dark:text-orange-200",
+  abort_by_response: "bg-red-100 text-red-900 dark:bg-red-950 dark:text-red-200"
+};
+var LABEL = {
+  pending: "pending",
+  success: "confirmed",
+  failed: "failed",
+  abort_by_post_condition: "post-condition aborted",
+  abort_by_response: "aborted"
+};
+function TxStatus(props) {
+  return /* @__PURE__ */ jsx_dev_runtime8.jsxDEV("span", {
+    className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${TONE[props.status]}`,
+    title: props.txId ?? undefined,
+    children: LABEL[props.status]
+  }, undefined, false, undefined, this);
+}
+var TxStatusComponent = {
+  props: TxStatusProps,
+  render: TxStatus
+};
+// src/ui/componentMap.tsx
+var jsx_dev_runtime9 = require("react/jsx-dev-runtime");
+var atomComponentMap = {
+  Address: ({ element }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Address, {
+    ...element.props
+  }, undefined, false, undefined, this),
+  Amount: ({ element }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Amount, {
+    ...element.props
+  }, undefined, false, undefined, this),
+  BlockHeight: ({ element }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(BlockHeight, {
+    ...element.props
+  }, undefined, false, undefined, this),
+  BnsName: ({ element }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(BnsName, {
+    ...element.props
+  }, undefined, false, undefined, this),
+  NftAsset: ({ element }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(NftAsset, {
+    ...element.props
+  }, undefined, false, undefined, this),
+  Principal: ({ element }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Principal, {
+    ...element.props
+  }, undefined, false, undefined, this),
+  Token: ({ element }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(Token, {
+    ...element.props
+  }, undefined, false, undefined, this),
+  TxStatus: ({ element }) => /* @__PURE__ */ jsx_dev_runtime9.jsxDEV(TxStatus, {
+    ...element.props
+  }, undefined, false, undefined, this)
+};
+
+// src/ui/index.ts
+var atoms = {
+  Address: AddressComponent,
+  Amount: AmountComponent,
+  BlockHeight: BlockHeightComponent,
+  BnsName: BnsNameComponent,
+  NftAsset: NftAssetComponent,
+  Principal: PrincipalComponent,
+  Token: TokenComponent,
+  TxStatus: TxStatusComponent
+};
+
+//# debugId=ED836273CB17B50E64756E2164756E21
+//# sourceMappingURL=index.cjs.map

package/dist/src/ui/index.cjs.map

@@ -0,0 +1,27 @@
+{
+  "version": 3,
+  "sources": ["../../../src/ui/index.ts", "../../../src/ui/atoms/address.schema.ts", "../../../src/ui/atoms/address.tsx", "../../../src/ui/atoms/amount.schema.ts", "../../../src/ui/atoms/amount.tsx", "../../../src/ui/atoms/blockHeight.schema.ts", "../../../src/ui/atoms/blockHeight.tsx", "../../../src/ui/atoms/bnsName.schema.ts", "../../../src/ui/atoms/bnsName.tsx", "../../../src/ui/atoms/nftAsset.schema.ts", "../../../src/ui/atoms/nftAsset.tsx", "../../../src/ui/atoms/principal.schema.ts", "../../../src/ui/atoms/principal.tsx", "../../../src/ui/atoms/token.schema.ts", "../../../src/ui/atoms/token.tsx", "../../../src/ui/atoms/txStatus.schema.ts", "../../../src/ui/atoms/txStatus.tsx", "../../../src/ui/componentMap.tsx"],
+  "sourcesContent": [
+    "/**\n * Stacks UI atoms for json-render catalogs.\n *\n * These are reusable building blocks authors compose into their own\n * json-render catalog when calling `step.render(id, catalog, opts)`.\n *\n * Usage:\n *\n *   import { defineCatalog, schema, atoms } from \"@secondlayer/stacks/ui\"\n *   import { z } from \"zod\"\n *\n *   const whaleUI = defineCatalog(schema, {\n *     components: {\n *       Address: atoms.Address,\n *       Amount: atoms.Amount,\n *       WhaleCard: {\n *         props: z.object({ from: z.string(), amount: z.string() }),\n *         render: WhaleCard,\n *       },\n *     },\n *     actions: {},\n *   })\n *\n * Re-exports `defineCatalog` + the React `schema` from `@json-render/*` so\n * users only import from one place.\n */\n\nexport { defineCatalog } from \"@json-render/core\";\nexport { schema } from \"@json-render/react\";\n\nimport type { StacksAtom } from \"./atom-types.ts\";\nimport { AddressComponent } from \"./atoms/address.tsx\";\nimport { AmountComponent } from \"./atoms/amount.tsx\";\nimport { BlockHeightComponent } from \"./atoms/blockHeight.tsx\";\nimport { BnsNameComponent } from \"./atoms/bnsName.tsx\";\nimport { NftAssetComponent } from \"./atoms/nftAsset.tsx\";\nimport { PrincipalComponent } from \"./atoms/principal.tsx\";\nimport { TokenComponent } from \"./atoms/token.tsx\";\nimport { TxStatusComponent } from \"./atoms/txStatus.tsx\";\n\nexport type { StacksAtom } from \"./atom-types.ts\";\n\nexport const atoms: Record<string, StacksAtom> = {\n\tAddress: AddressComponent,\n\tAmount: AmountComponent,\n\tBlockHeight: BlockHeightComponent,\n\tBnsName: BnsNameComponent,\n\tNftAsset: NftAssetComponent,\n\tPrincipal: PrincipalComponent,\n\tToken: TokenComponent,\n\tTxStatus: TxStatusComponent,\n};\n\n// Named exports for direct import (e.g. `import { Address } from \"@secondlayer/stacks/ui\"`)\nexport { Address, AddressProps } from \"./atoms/address.tsx\";\nexport { Amount, AmountProps } from \"./atoms/amount.tsx\";\nexport { BlockHeight, BlockHeightProps } from \"./atoms/blockHeight.tsx\";\nexport { BnsName, BnsNameProps } from \"./atoms/bnsName.tsx\";\nexport { NftAsset, NftAssetProps } from \"./atoms/nftAsset.tsx\";\nexport { Principal, PrincipalProps } from \"./atoms/principal.tsx\";\nexport { Token, TokenProps } from \"./atoms/token.tsx\";\nexport { TxStatus, TxStatusProps } from \"./atoms/txStatus.tsx\";\n\nexport { atomComponentMap } from \"./componentMap.tsx\";\n",
+    "import { z } from \"zod\";\n\nexport interface AddressPropsType {\n\tvalue: string;\n\tbns?: string | null | undefined;\n\ttruncate?: boolean;\n}\n\nexport const AddressProps: z.ZodTypeAny = z.object({\n\tvalue: z.string().describe(\"Stacks principal (SP…/SM…/ST…)\"),\n\tbns: z.string().nullable().optional().describe(\"Optional BNS override\"),\n\ttruncate: z.boolean().optional().default(true),\n});\n",
+    "import type { ReactElement } from \"react\";\nimport type { StacksAtom } from \"../atom-types.ts\";\nimport { AddressProps, type AddressPropsType } from \"./address.schema.ts\";\n\nexport { AddressProps, type AddressPropsType };\n\nfunction truncatePrincipal(value: string): string {\n\tif (value.length <= 14) return value;\n\treturn `${value.slice(0, 6)}…${value.slice(-4)}`;\n}\n\nexport function Address(props: AddressPropsType): ReactElement {\n\tconst display =\n\t\tprops.bns ??\n\t\t(props.truncate ? truncatePrincipal(props.value) : props.value);\n\treturn (\n\t\t<span className=\"font-mono text-sm\" title={props.value}>\n\t\t\t{display}\n\t\t</span>\n\t);\n}\n\nexport const AddressComponent: StacksAtom = {\n\tprops: AddressProps,\n\trender: Address,\n};\n",
+    "import { z } from \"zod\";\n\nexport interface AmountPropsType {\n\tmicroUnits: string;\n\tdecimals?: number;\n\tsymbol?: string;\n\tusdValue?: number | null | undefined;\n}\n\nexport const AmountProps: z.ZodTypeAny = z.object({\n\tmicroUnits: z\n\t\t.string()\n\t\t.describe(\"Amount in micro-units (as string to preserve bigint precision)\"),\n\tdecimals: z\n\t\t.number()\n\t\t.int()\n\t\t.min(0)\n\t\t.max(18)\n\t\t.default(6)\n\t\t.describe(\n\t\t\t\"Decimal places (6 for STX, 8 for sBTC, varies for SIP-010 tokens)\",\n\t\t),\n\tsymbol: z.string().default(\"STX\"),\n\tusdValue: z.number().nullable().optional(),\n});\n",
+    "import type { ReactElement } from \"react\";\nimport type { StacksAtom } from \"../atom-types.ts\";\nimport { AmountProps, type AmountPropsType } from \"./amount.schema.ts\";\n\nexport { AmountProps, type AmountPropsType };\n\nfunction formatAmount(microUnits: string, decimals: number): string {\n\ttry {\n\t\tconst raw = BigInt(microUnits);\n\t\tconst divisor = 10n ** BigInt(decimals);\n\t\tconst whole = raw / divisor;\n\t\tconst fraction = raw % divisor;\n\t\tif (fraction === 0n) return whole.toLocaleString();\n\t\tconst fracStr = fraction\n\t\t\t.toString()\n\t\t\t.padStart(decimals, \"0\")\n\t\t\t.replace(/0+$/, \"\");\n\t\treturn `${whole.toLocaleString()}.${fracStr}`;\n\t} catch {\n\t\treturn microUnits;\n\t}\n}\n\nexport function Amount(props: AmountPropsType): ReactElement {\n\tconst decimals = props.decimals ?? 6;\n\tconst symbol = props.symbol ?? \"STX\";\n\tconst formatted = formatAmount(props.microUnits, decimals);\n\treturn (\n\t\t<span className=\"font-mono tabular-nums\">\n\t\t\t<span className=\"font-medium\">{formatted}</span>\n\t\t\t<span className=\"ml-1 text-muted-foreground\">{symbol}</span>\n\t\t\t{props.usdValue != null && (\n\t\t\t\t<span className=\"ml-2 text-sm text-muted-foreground\">\n\t\t\t\t\t($\n\t\t\t\t\t{props.usdValue.toLocaleString(undefined, {\n\t\t\t\t\t\tmaximumFractionDigits: 2,\n\t\t\t\t\t})}\n\t\t\t\t\t)\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</span>\n\t);\n}\n\nexport const AmountComponent: StacksAtom = {\n\tprops: AmountProps,\n\trender: Amount,\n};\n",
+    "import { z } from \"zod\";\n\nexport interface BlockHeightPropsType {\n\theight: number;\n\ttimestamp?: string | null | undefined;\n}\n\nexport const BlockHeightProps: z.ZodTypeAny = z.object({\n\theight: z.number().int().nonnegative(),\n\ttimestamp: z\n\t\t.string()\n\t\t.nullable()\n\t\t.optional()\n\t\t.describe(\"ISO-8601 block timestamp\"),\n});\n",
+    "import type { ReactElement } from \"react\";\nimport type { StacksAtom } from \"../atom-types.ts\";\nimport {\n\tBlockHeightProps,\n\ttype BlockHeightPropsType,\n} from \"./blockHeight.schema.ts\";\n\nexport { BlockHeightProps, type BlockHeightPropsType };\n\nfunction relative(timestamp: string | null | undefined): string | null {\n\tif (!timestamp) return null;\n\tconst then = new Date(timestamp).getTime();\n\tif (Number.isNaN(then)) return null;\n\tconst delta = Math.max(0, Date.now() - then);\n\tconst s = Math.floor(delta / 1000);\n\tif (s < 60) return `${s}s ago`;\n\tconst m = Math.floor(s / 60);\n\tif (m < 60) return `${m}m ago`;\n\tconst h = Math.floor(m / 60);\n\tif (h < 24) return `${h}h ago`;\n\treturn `${Math.floor(h / 24)}d ago`;\n}\n\nexport function BlockHeight(props: BlockHeightPropsType): ReactElement {\n\tconst rel = relative(props.timestamp);\n\treturn (\n\t\t<span className=\"font-mono text-sm\">\n\t\t\t<span>#{props.height.toLocaleString()}</span>\n\t\t\t{rel && <span className=\"ml-1 text-muted-foreground\">· {rel}</span>}\n\t\t</span>\n\t);\n}\n\nexport const BlockHeightComponent: StacksAtom = {\n\tprops: BlockHeightProps,\n\trender: BlockHeight,\n};\n",
+    "import { z } from \"zod\";\n\nexport interface BnsNamePropsType {\n\tname: string;\n\tnamespace: string;\n\texpiresAt?: string | null | undefined;\n}\n\nexport const BnsNameProps: z.ZodTypeAny = z.object({\n\tname: z.string(),\n\tnamespace: z.string(),\n\texpiresAt: z.string().nullable().optional().describe(\"ISO-8601 timestamp\"),\n});\n",
+    "import type { ReactElement } from \"react\";\nimport type { StacksAtom } from \"../atom-types.ts\";\nimport { BnsNameProps, type BnsNamePropsType } from \"./bnsName.schema.ts\";\n\nexport { BnsNameProps, type BnsNamePropsType };\n\nexport function BnsName(props: BnsNamePropsType): ReactElement {\n\treturn (\n\t\t<span className=\"font-mono text-sm\">\n\t\t\t<span className=\"font-medium\">{props.name}</span>\n\t\t\t<span className=\"text-muted-foreground\">.{props.namespace}</span>\n\t\t</span>\n\t);\n}\n\nexport const BnsNameComponent: StacksAtom = {\n\tprops: BnsNameProps,\n\trender: BnsName,\n};\n",
+    "import { z } from \"zod\";\n\nexport interface NftAssetPropsType {\n\tassetIdentifier: string;\n\ttokenId: string;\n\tname?: string | null | undefined;\n\timageUrl?: string | null | undefined;\n}\n\nexport const NftAssetProps: z.ZodTypeAny = z.object({\n\tassetIdentifier: z\n\t\t.string()\n\t\t.describe(\"Full asset identifier (e.g. SP123.contract::asset-name)\"),\n\ttokenId: z\n\t\t.string()\n\t\t.describe(\"Token id (as string to preserve bigint precision)\"),\n\tname: z.string().nullable().optional(),\n\timageUrl: z.string().url().nullable().optional(),\n});\n",
+    "import type { ReactElement } from \"react\";\nimport type { StacksAtom } from \"../atom-types.ts\";\nimport { NftAssetProps, type NftAssetPropsType } from \"./nftAsset.schema.ts\";\n\nexport { NftAssetProps, type NftAssetPropsType };\n\nexport function NftAsset(props: NftAssetPropsType): ReactElement {\n\tconst [, assetName] = props.assetIdentifier.split(\"::\", 2);\n\tconst displayName = props.name ?? `${assetName ?? \"NFT\"} #${props.tokenId}`;\n\treturn (\n\t\t<span className=\"inline-flex items-center gap-2\">\n\t\t\t{props.imageUrl && (\n\t\t\t\t<img\n\t\t\t\t\tsrc={props.imageUrl}\n\t\t\t\t\talt={displayName}\n\t\t\t\t\tclassName=\"h-5 w-5 rounded\"\n\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t\t<span className=\"font-mono text-sm\">{displayName}</span>\n\t\t</span>\n\t);\n}\n\nexport const NftAssetComponent: StacksAtom = {\n\tprops: NftAssetProps,\n\trender: NftAsset,\n};\n",
+    "import { z } from \"zod\";\n\nexport interface PrincipalPropsType {\n\tvalue: string;\n\tbns?: string | null | undefined;\n\tkind?: \"standard\" | \"contract\" | undefined;\n}\n\nexport const PrincipalProps: z.ZodTypeAny = z.object({\n\tvalue: z.string().describe(\"Standard or contract principal\"),\n\tbns: z.string().nullable().optional(),\n\tkind: z.enum([\"standard\", \"contract\"]).optional(),\n});\n",
+    "import type { ReactElement } from \"react\";\nimport type { StacksAtom } from \"../atom-types.ts\";\nimport { Address } from \"./address.tsx\";\nimport { PrincipalProps, type PrincipalPropsType } from \"./principal.schema.ts\";\n\nexport { PrincipalProps, type PrincipalPropsType };\n\nfunction inferKind(value: string): \"standard\" | \"contract\" {\n\treturn value.includes(\".\") ? \"contract\" : \"standard\";\n}\n\nexport function Principal(props: PrincipalPropsType): ReactElement {\n\tconst kind = props.kind ?? inferKind(props.value);\n\tif (kind === \"contract\") {\n\t\tconst parts = props.value.split(\".\", 2);\n\t\tconst addr = parts[0] ?? props.value;\n\t\tconst name = parts[1] ?? \"\";\n\t\treturn (\n\t\t\t<span className=\"font-mono text-sm\" title={props.value}>\n\t\t\t\t<Address value={addr} bns={props.bns} truncate />\n\t\t\t\t<span className=\"text-muted-foreground\">.</span>\n\t\t\t\t<span className=\"text-foreground\">{name}</span>\n\t\t\t</span>\n\t\t);\n\t}\n\treturn <Address value={props.value} bns={props.bns} truncate />;\n}\n\nexport const PrincipalComponent: StacksAtom = {\n\tprops: PrincipalProps,\n\trender: Principal,\n};\n",
+    "import { z } from \"zod\";\n\nexport interface TokenPropsType {\n\tsymbol: string;\n\tcontract?: string | null | undefined;\n\tdecimals?: number;\n}\n\nexport const TokenProps: z.ZodTypeAny = z.object({\n\tsymbol: z.string(),\n\tcontract: z\n\t\t.string()\n\t\t.nullable()\n\t\t.optional()\n\t\t.describe(\"SIP-010 contract id (for non-STX tokens)\"),\n\tdecimals: z.number().int().min(0).max(18).default(6),\n});\n",
+    "import type { ReactElement } from \"react\";\nimport type { StacksAtom } from \"../atom-types.ts\";\nimport { TokenProps, type TokenPropsType } from \"./token.schema.ts\";\n\nexport { TokenProps, type TokenPropsType };\n\nexport function Token(props: TokenPropsType): ReactElement {\n\treturn (\n\t\t<span className=\"font-mono text-sm\" title={props.contract ?? undefined}>\n\t\t\t<span className=\"font-medium\">{props.symbol}</span>\n\t\t</span>\n\t);\n}\n\nexport const TokenComponent: StacksAtom = {\n\tprops: TokenProps,\n\trender: Token,\n};\n",
+    "import { z } from \"zod\";\n\nexport interface TxStatusPropsType {\n\tstatus:\n\t\t| \"pending\"\n\t\t| \"success\"\n\t\t| \"failed\"\n\t\t| \"abort_by_post_condition\"\n\t\t| \"abort_by_response\";\n\ttxId?: string | null | undefined;\n}\n\nexport const TxStatusProps: z.ZodTypeAny = z.object({\n\tstatus: z.enum([\n\t\t\"pending\",\n\t\t\"success\",\n\t\t\"failed\",\n\t\t\"abort_by_post_condition\",\n\t\t\"abort_by_response\",\n\t]),\n\ttxId: z.string().nullable().optional(),\n});\n",
+    "import type { ReactElement } from \"react\";\nimport type { StacksAtom } from \"../atom-types.ts\";\nimport { TxStatusProps, type TxStatusPropsType } from \"./txStatus.schema.ts\";\n\nexport { TxStatusProps, type TxStatusPropsType };\n\nconst TONE: Record<TxStatusPropsType[\"status\"], string> = {\n\tpending:\n\t\t\"bg-yellow-100 text-yellow-900 dark:bg-yellow-950 dark:text-yellow-200\",\n\tsuccess: \"bg-green-100 text-green-900 dark:bg-green-950 dark:text-green-200\",\n\tfailed: \"bg-red-100 text-red-900 dark:bg-red-950 dark:text-red-200\",\n\tabort_by_post_condition:\n\t\t\"bg-orange-100 text-orange-900 dark:bg-orange-950 dark:text-orange-200\",\n\tabort_by_response:\n\t\t\"bg-red-100 text-red-900 dark:bg-red-950 dark:text-red-200\",\n};\n\nconst LABEL: Record<TxStatusPropsType[\"status\"], string> = {\n\tpending: \"pending\",\n\tsuccess: \"confirmed\",\n\tfailed: \"failed\",\n\tabort_by_post_condition: \"post-condition aborted\",\n\tabort_by_response: \"aborted\",\n};\n\nexport function TxStatus(props: TxStatusPropsType): ReactElement {\n\treturn (\n\t\t<span\n\t\t\tclassName={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium ${TONE[props.status]}`}\n\t\t\ttitle={props.txId ?? undefined}\n\t\t>\n\t\t\t{LABEL[props.status]}\n\t\t</span>\n\t);\n}\n\nexport const TxStatusComponent: StacksAtom = {\n\tprops: TxStatusProps,\n\trender: TxStatus,\n};\n",
+    "import type { ReactElement } from \"react\";\nimport { Address } from \"./atoms/address.tsx\";\nimport { Amount } from \"./atoms/amount.tsx\";\nimport { BlockHeight } from \"./atoms/blockHeight.tsx\";\nimport { BnsName } from \"./atoms/bnsName.tsx\";\nimport { NftAsset } from \"./atoms/nftAsset.tsx\";\nimport { Principal } from \"./atoms/principal.tsx\";\nimport { Token } from \"./atoms/token.tsx\";\nimport { TxStatus } from \"./atoms/txStatus.tsx\";\n\ntype AtomRenderer = (args: { element: { props: unknown } }) => ReactElement;\n\n/**\n * Component map for `createRenderer()` from `@json-render/react`. Bridges\n * json-render's `{ element }` wrapper back to each atom's typed props\n * signature.\n *\n *   import { createRenderer } from \"@json-render/react\";\n *   import { defineCatalog, schema, atoms, atomComponentMap } from \"@secondlayer/stacks/ui\";\n *   const catalog = defineCatalog(schema, { components: atoms, actions: {} });\n *   const Renderer = createRenderer(catalog, atomComponentMap);\n *   // <Renderer spec={step.output.spec} />\n */\nexport const atomComponentMap: Record<string, AtomRenderer> = {\n\tAddress: ({ element }) => (\n\t\t<Address {...(element.props as Parameters<typeof Address>[0])} />\n\t),\n\tAmount: ({ element }) => (\n\t\t<Amount {...(element.props as Parameters<typeof Amount>[0])} />\n\t),\n\tBlockHeight: ({ element }) => (\n\t\t<BlockHeight {...(element.props as Parameters<typeof BlockHeight>[0])} />\n\t),\n\tBnsName: ({ element }) => (\n\t\t<BnsName {...(element.props as Parameters<typeof BnsName>[0])} />\n\t),\n\tNftAsset: ({ element }) => (\n\t\t<NftAsset {...(element.props as Parameters<typeof NftAsset>[0])} />\n\t),\n\tPrincipal: ({ element }) => (\n\t\t<Principal {...(element.props as Parameters<typeof Principal>[0])} />\n\t),\n\tToken: ({ element }) => (\n\t\t<Token {...(element.props as Parameters<typeof Token>[0])} />\n\t),\n\tTxStatus: ({ element }) => (\n\t\t<TxStatus {...(element.props as Parameters<typeof TxStatus>[0])} />\n\t),\n};\n"
+  ],
+  "mappings": "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",
+  "debugId": "ED836273CB17B50E64756E2164756E21",
+  "names": []
+}

package/dist/src/ui/index.d.cts

@@ -0,0 +1,107 @@
+import { defineCatalog } from "@json-render/core";
+import { schema } from "@json-render/react";
+import { ReactElement } from "react";
+import { z } from "zod";
+/**
+* Shared shape for all Stacks UI atom components — keeps `*Component` +
+* the `atoms` registry typed explicitly so oxc's isolated-declarations
+* mode (used by bunup for fast .d.ts generation) can emit the package's
+* declaration files without walking through every atom's props Zod schema.
+*/
+type AtomRender = (props: any) => ReactElement;
+interface StacksAtom {
+	props: z.ZodTypeAny;
+	render: AtomRender;
+}
+import { ReactElement as ReactElement2 } from "react";
+import { z as z2 } from "zod";
+interface AddressPropsType {
+	value: string;
+	bns?: string | null | undefined;
+	truncate?: boolean;
+}
+declare const AddressProps: z2.ZodTypeAny;
+declare function Address(props: AddressPropsType): ReactElement2;
+import { ReactElement as ReactElement3 } from "react";
+import { z as z3 } from "zod";
+interface AmountPropsType {
+	microUnits: string;
+	decimals?: number;
+	symbol?: string;
+	usdValue?: number | null | undefined;
+}
+declare const AmountProps: z3.ZodTypeAny;
+declare function Amount(props: AmountPropsType): ReactElement3;
+import { ReactElement as ReactElement4 } from "react";
+import { z as z4 } from "zod";
+interface BlockHeightPropsType {
+	height: number;
+	timestamp?: string | null | undefined;
+}
+declare const BlockHeightProps: z4.ZodTypeAny;
+declare function BlockHeight(props: BlockHeightPropsType): ReactElement4;
+import { ReactElement as ReactElement5 } from "react";
+import { z as z5 } from "zod";
+interface BnsNamePropsType {
+	name: string;
+	namespace: string;
+	expiresAt?: string | null | undefined;
+}
+declare const BnsNameProps: z5.ZodTypeAny;
+declare function BnsName(props: BnsNamePropsType): ReactElement5;
+import { ReactElement as ReactElement6 } from "react";
+import { z as z6 } from "zod";
+interface NftAssetPropsType {
+	assetIdentifier: string;
+	tokenId: string;
+	name?: string | null | undefined;
+	imageUrl?: string | null | undefined;
+}
+declare const NftAssetProps: z6.ZodTypeAny;
+declare function NftAsset(props: NftAssetPropsType): ReactElement6;
+import { ReactElement as ReactElement7 } from "react";
+import { z as z7 } from "zod";
+interface PrincipalPropsType {
+	value: string;
+	bns?: string | null | undefined;
+	kind?: "standard" | "contract" | undefined;
+}
+declare const PrincipalProps: z7.ZodTypeAny;
+declare function Principal(props: PrincipalPropsType): ReactElement7;
+import { ReactElement as ReactElement8 } from "react";
+import { z as z8 } from "zod";
+interface TokenPropsType {
+	symbol: string;
+	contract?: string | null | undefined;
+	decimals?: number;
+}
+declare const TokenProps: z8.ZodTypeAny;
+declare function Token(props: TokenPropsType): ReactElement8;
+import { ReactElement as ReactElement9 } from "react";
+import { z as z9 } from "zod";
+interface TxStatusPropsType {
+	status: "pending" | "success" | "failed" | "abort_by_post_condition" | "abort_by_response";
+	txId?: string | null | undefined;
+}
+declare const TxStatusProps: z9.ZodTypeAny;
+declare function TxStatus(props: TxStatusPropsType): ReactElement9;
+import { ReactElement as ReactElement10 } from "react";
+type AtomRenderer = (args: {
+	element: {
+		props: unknown
+	}
+}) => ReactElement10;
+/**
+* Component map for `createRenderer()` from `@json-render/react`. Bridges
+* json-render's `{ element }` wrapper back to each atom's typed props
+* signature.
+*
+*   import { createRenderer } from "@json-render/react";
+*   import { defineCatalog, schema, atoms, atomComponentMap } from "@secondlayer/stacks/ui";
+*   const catalog = defineCatalog(schema, { components: atoms, actions: {} });
+*   const Renderer = createRenderer(catalog, atomComponentMap);
+*   // <Renderer spec={step.output.spec} />
+*/
+declare const atomComponentMap: Record<string, AtomRenderer>;
+declare const atoms: Record<string, StacksAtom>;
+export { schema, defineCatalog, atoms, atomComponentMap, TxStatusProps, TxStatus, TokenProps, Token, StacksAtom, PrincipalProps, Principal, NftAssetProps, NftAsset, BnsNameProps, BnsName, BlockHeightProps, BlockHeight, AmountProps, Amount, AddressProps, Address };