@bootnodedev/canton-dappbooster 0.3.0

package/dist/json-CVZFwEw1.js

@@ -0,0 +1,29 @@
+//#region src/utils/cx.ts
+const cx = (...classes) => classes.filter(Boolean).join(" ");
+//#endregion
+//#region src/utils/srOnly.ts
+/**
+* Hides an element visually while leaving it in the accessibility tree. Inline rather than themed
+* because a live region is load-bearing with no CSS loaded, and `display: none` would drop it out
+* of the tree entirely.
+*
+* @example
+* <span role="status" style={SR_ONLY}>{message}</span>
+*/
+const SR_ONLY = {
+	position: "absolute",
+	width: 1,
+	height: 1,
+	margin: -1,
+	padding: 0,
+	overflow: "hidden",
+	whiteSpace: "nowrap",
+	border: 0,
+	clipPath: "inset(50%)"
+};
+//#endregion
+//#region src/utils/json.ts
+const asRecord = (value) => typeof value === "object" && value !== null ? value : void 0;
+const valueAt = (value, ...path) => path.reduce((at, key) => asRecord(at)?.[key], value);
+//#endregion
+export { cx as i, valueAt as n, SR_ONLY as r, asRecord as t };

package/dist/sumHoldings-BS0bHl7z.d.ts

@@ -0,0 +1,94 @@
+import { ReactNode } from "react";
+//#region src/providers/TokenListProvider/context.d.ts
+/**
+ * What identifies a token on Canton: the party administering the registry that issued it, and the
+ * id it carries there. Two fields, so {@link tokenKey} is what turns one into a map or React key.
+ *
+ * @example
+ * const amulet: InstrumentId = { admin: 'DSO::1220ab', id: 'Amulet' }
+ *
+ * @category Hooks
+ */
+interface InstrumentId {
+  admin: string;
+  id: string;
+}
+/**
+ * A token in the list a picker chooses from. Structurally a `TokenMeta`, so a selected `Token` goes
+ * straight to `<TokenInput token={...}>`. `balance` is what the party can spend and `locked` what it
+ * cannot, both off a holdings read: with no `balance` the row shows no figure and sorts last.
+ *
+ * @example
+ * const cc: Token = {
+ *   balance: '12.5',
+ *   instrumentId: { admin: 'DSO::1220ab', id: 'Amulet' },
+ *   locked: '100',
+ *   name: 'Canton Coin',
+ *   symbol: 'CC',
+ * }
+ *
+ * @category Hooks
+ */
+interface Token {
+  balance?: string;
+  instrumentId: InstrumentId;
+  locked?: string;
+  logo?: ReactNode;
+  name: string;
+  symbol: string;
+}
+/**
+ * Return shape of {@link useTokenList}. `byKey` is built from `tokens`, so the two never disagree,
+ * and both carry the balance-first order the provider settled on.
+ *
+ * @example
+ * const { byKey, tokens } = useTokenList()
+ * const selected = byKey.get(tokenKey(instrumentId)) ?? tokens[0]
+ *
+ * @category Hooks
+ */
+interface UseTokenListResult {
+  byKey: ReadonlyMap<string, Token>;
+  tokens: readonly Token[];
+}
+//#endregion
+//#region src/utils/sumHoldings.d.ts
+/**
+ * One holding contract a party owns, as {@link useHoldings} reports it. A locked one is escrowed,
+ * which is why the two are summed apart.
+ *
+ * @example
+ * const spendable = holdings.filter((holding) => !holding.isLocked)
+ *
+ * @category Utilities
+ */
+interface Holding {
+  amount: string;
+  instrumentId: InstrumentId;
+  isLocked: boolean;
+}
+/**
+ * What a party holds of one instrument: `balance` is spendable, `locked` is escrowed.
+ *
+ * @example
+ * const [{ balance, locked }] = sumHoldings(holdings)
+ *
+ * @category Utilities
+ */
+interface InstrumentBalance {
+  balance: string;
+  instrumentId: InstrumentId;
+  locked: string;
+}
+/**
+ * Groups a holdings read by instrument and sums it, spendable apart from locked.
+ *
+ * @example
+ * sumHoldings([{ amount: '1.5', instrumentId, isLocked: false }])
+ * // [{ balance: '1.5', instrumentId, locked: '0' }]
+ *
+ * @category Utilities
+ */
+declare const sumHoldings: (holdings: readonly Holding[]) => readonly InstrumentBalance[];
+//#endregion
+export { Token as a, InstrumentId as i, InstrumentBalance as n, UseTokenListResult as o, sumHoldings as r, Holding as t };

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@bootnodedev/canton-dappbooster",
+  "version": "0.3.0",
+  "description": "Reusable UI components for Canton dApps",
+  "license": "MIT",
+  "type": "module",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "engines": {
+    "node": ">=24.15.0"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./connect": {
+      "types": "./dist/connect.d.ts",
+      "import": "./dist/connect.js"
+    }
+  },
+  "imports": {
+    "#src/*": {
+      "types": [
+        "./src/*.ts",
+        "./src/*.tsx",
+        "./src/*/index.ts",
+        "./src/*/index.tsx"
+      ],
+      "default": "./src/*"
+    }
+  },
+  "devDependencies": {
+    "@bootnodedev/canton-connect": "^0.3.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.4",
+    "jsdom": "^30.0.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tsdown": "^0.22.14",
+    "typescript": "^5.9.3",
+    "vite": "^8.1.5",
+    "vitest": "^4.1.10"
+  },
+  "peerDependencies": {
+    "@bootnodedev/canton-connect": "^0.3.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "dependencies": {
+    "@zag-js/dialog": "^1.43.0",
+    "@zag-js/react": "^1.43.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "lint:fix": "biome check --write",
+    "lint": "biome check",
+    "test:watch": "vitest",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit"
+  }
+}