@locusgraph/blocks 0.1.0 → 0.1.1

package/dist/billing/credit-packs.d.ts

@@ -1,4 +1,4 @@
-import type { CreditPack } from "../types";
+import type { CreditPack } from "../types.js";
 type CreditPacksProps = {
     packs: CreditPack[];
     onBuy: (packId: string) => void;

package/dist/billing/plan-options.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { PlanOffer } from "../types";
+import type { PlanOffer } from "../types.js";
 type PlanOptionsProps = {
     plans: PlanOffer[];
     actionFor?: (plan: PlanOffer) => React.ReactNode;

package/dist/billing/wallet-panel.d.ts

@@ -1,4 +1,4 @@
-import type { WalletGrant } from "../types";
+import type { WalletGrant } from "../types.js";
 type WalletPanelProps = {
     balanceMicroUsd: number;
     debtMicroUsd?: number;

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-export { CreditPacks } from "./billing/credit-packs";
-export { PlanOptions } from "./billing/plan-options";
-export { WalletPanel } from "./billing/wallet-panel";
-export { KeysTable } from "./keys/keys-table";
-export { NoKeys } from "./keys/no-keys";
-export * from "./types";
-export { QuotaMeter } from "./usage/quota-meter";
-export { UsageAttention } from "./usage/usage-attention";
-export { UsageSummary } from "./usage/usage-summary";
+export { CreditPacks } from "./billing/credit-packs.js";
+export { PlanOptions } from "./billing/plan-options.js";
+export { WalletPanel } from "./billing/wallet-panel.js";
+export { KeysTable } from "./keys/keys-table.js";
+export { NoKeys } from "./keys/no-keys.js";
+export * from "./types.js";
+export { QuotaMeter } from "./usage/quota-meter.js";
+export { UsageAttention } from "./usage/usage-attention.js";
+export { UsageSummary } from "./usage/usage-summary.js";

package/dist/index.js

@@ -1,9 +1,9 @@
-export { CreditPacks } from "./billing/credit-packs";
-export { PlanOptions } from "./billing/plan-options";
-export { WalletPanel } from "./billing/wallet-panel";
-export { KeysTable } from "./keys/keys-table";
-export { NoKeys } from "./keys/no-keys";
-export * from "./types";
-export { QuotaMeter } from "./usage/quota-meter";
-export { UsageAttention } from "./usage/usage-attention";
-export { UsageSummary } from "./usage/usage-summary";
+export { CreditPacks } from "./billing/credit-packs.js";
+export { PlanOptions } from "./billing/plan-options.js";
+export { WalletPanel } from "./billing/wallet-panel.js";
+export { KeysTable } from "./keys/keys-table.js";
+export { NoKeys } from "./keys/no-keys.js";
+export * from "./types.js";
+export { QuotaMeter } from "./usage/quota-meter.js";
+export { UsageAttention } from "./usage/usage-attention.js";
+export { UsageSummary } from "./usage/usage-summary.js";

package/dist/keys/keys-table.d.ts

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import type { ApiKeyRow } from "../types";
+import type { ApiKeyRow } from "../types.js";
 type KeysTableProps = {
     keys: ApiKeyRow[];
     actions?: (key: ApiKeyRow) => React.ReactNode;

package/dist/keys/no-keys.d.ts

@@ -1,4 +1,4 @@
-import type { LinkComponent } from "../types";
+import type { LinkComponent } from "../types.js";
 type NoKeysProps = {
     newKeyHref?: string;
     description?: string;

package/dist/usage/quota-meter.d.ts

@@ -1,4 +1,4 @@
-import { type Quota } from "../types";
+import { type Quota } from "../types.js";
 export declare function QuotaMeter({ quota }: {
     quota: Quota;
 }): import("react").JSX.Element;

package/dist/usage/quota-meter.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Progress } from "@locusgraph/components";
 import { formatCount, quotaPercent, quotaStatus } from "@locusgraph/utils";
-import { periodLabel } from "../types";
+import { periodLabel } from "../types.js";
 const statusIndicator = {
     ok: "",
     near: "[&_[data-slot=progress-indicator]]:bg-warn",

package/dist/usage/usage-attention.d.ts

@@ -1,4 +1,4 @@
-import { type LinkComponent, type Quota } from "../types";
+import { type LinkComponent, type Quota } from "../types.js";
 type UsageAttentionProps = {
     balanceMicroUsd: number | null;
     quotas: Quota[];

package/dist/usage/usage-attention.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Alert, AlertDescription, AlertTitle, Button } from "@locusgraph/components";
 import { balanceLevel, formatCount, formatMicroUsd, quotaStatus } from "@locusgraph/utils";
 import { CircleAlertIcon } from "lucide-react";
-import { periodLabel } from "../types";
+import { periodLabel } from "../types.js";
 function attentionTitle(empty, overCount) {
     if (empty)
         return "Out of credits";

package/dist/usage/usage-summary.d.ts

@@ -1,4 +1,4 @@
-import type { Quota } from "../types";
+import type { Quota } from "../types.js";
 type UsageSummaryProps = {
     quotas: Quota[];
     label?: string;

package/dist/usage/usage-summary.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { RuleGrid, RuleGridCell, RuleGridLabel } from "@locusgraph/components";
-import { QuotaMeter } from "./quota-meter";
+import { QuotaMeter } from "./quota-meter.js";
 export function UsageSummary({ quotas, label = "Usage", emptyText = "No plan includes metered usage yet.", }) {
     return (_jsx(RuleGrid, { columns: 1, children: _jsxs(RuleGridCell, { className: "gap-5", children: [_jsx(RuleGridLabel, { children: label }), quotas.length > 0 ? (quotas.map((quota) => _jsx(QuotaMeter, { quota: quota }, quota.key))) : (_jsx("p", { className: "text-sm text-muted-foreground", children: emptyText }))] }) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@locusgraph/blocks",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Product sections built from @locusgraph/components: usage meters and alerts, wallet, credit packs, plan options and API keys.",
   "license": "MIT",
   "repository": {
@@ -29,16 +29,16 @@
     "provenance": true
   },
   "peerDependencies": {
-    "@locusgraph/components": "^0.1.0",
+    "@locusgraph/components": "^0.1.1",
     "react": "^19.2.0",
     "react-dom": "^19.2.0"
   },
   "dependencies": {
-    "@locusgraph/utils": "0.1.0",
+    "@locusgraph/utils": "0.1.1",
     "lucide-react": "^1.28.0"
   },
   "devDependencies": {
-    "@locusgraph/components": "0.1.0",
+    "@locusgraph/components": "0.1.1",
     "@locusgraph/config": "0.1.0",
     "@types/node": "^22.0.0",
     "@types/react": "^19.2.0",
@@ -49,7 +49,7 @@
     "vitest": "^5.0.3"
   },
   "scripts": {
-    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp src/sources.css dist/sources.css",
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && cp src/sources.css dist/sources.css && node ../../scripts/esm-extensions.mjs dist",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "test": "vitest run"
   }