@voyantjs/markets-ui 0.13.0

package/README.md

@@ -0,0 +1,13 @@
+# @voyantjs/markets-ui
+
+Importable React UI components for Voyant markets. Bundler-consumed (Vite, Next.js, webpack, etc.).
+
+## Install
+
+```bash
+pnpm add @voyantjs/markets-ui @voyantjs/markets-react @voyantjs/voyant-ui @tanstack/react-query react react-dom
+```
+
+`@voyantjs/voyant-ui` provides the design-system primitives. `@voyantjs/markets-react` provides the data-layer hooks. Both are required peers.
+
+All components accept a `className` prop and merge it with `cn()`. Wrap or compose to extend; use the registry copy-paste path (`npx shadcn add @voyant/...`) for components you want to fork outright.

package/dist/components/market-currency-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type MarketCurrencyRecord } from "@voyantjs/markets-react";
+export interface MarketCurrencyDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    marketId: string;
+    currency?: MarketCurrencyRecord;
+    onSuccess?: (currency: MarketCurrencyRecord) => void;
+}
+export declare function MarketCurrencyDialog({ open, onOpenChange, marketId, currency, onSuccess, }: MarketCurrencyDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=market-currency-dialog.d.ts.map

package/dist/components/market-currency-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"market-currency-dialog.d.ts","sourceRoot":"","sources":["../../src/components/market-currency-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAG1B,MAAM,yBAAyB,CAAA;AAgChC,MAAM,WAAW,yBAAyB;IACxC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,oBAAoB,CAAA;IAC/B,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,oBAAoB,KAAK,IAAI,CAAA;CACrD;AAED,wBAAgB,oBAAoB,CAAC,EACnC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE,yBAAyB,2CAmI3B"}

package/dist/components/market-currency-dialog.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMarketCurrencyMutation, } from "@voyantjs/markets-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Switch, } from "@voyantjs/voyant-ui/components";
+import { CurrencyCombobox } from "@voyantjs/voyant-ui/components/currency-combobox";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const formSchema = z.object({
+    currencyCode: z.string().length(3, "Currency must be 3 chars"),
+    isDefault: z.boolean(),
+    isSettlement: z.boolean(),
+    isReporting: z.boolean(),
+    sortOrder: z.coerce.number().int().min(0),
+    active: z.boolean(),
+});
+export function MarketCurrencyDialog({ open, onOpenChange, marketId, currency, onSuccess, }) {
+    const isEditing = Boolean(currency);
+    const { create, update } = useMarketCurrencyMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            currencyCode: "EUR",
+            isDefault: false,
+            isSettlement: false,
+            isReporting: false,
+            sortOrder: 0,
+            active: true,
+        },
+    });
+    useEffect(() => {
+        if (open && currency) {
+            form.reset({
+                currencyCode: currency.currencyCode,
+                isDefault: currency.isDefault,
+                isSettlement: currency.isSettlement,
+                isReporting: currency.isReporting,
+                sortOrder: currency.sortOrder,
+                active: currency.active,
+            });
+            return;
+        }
+        if (open) {
+            form.reset({
+                currencyCode: "EUR",
+                isDefault: false,
+                isSettlement: false,
+                isReporting: false,
+                sortOrder: 0,
+                active: true,
+            });
+        }
+    }, [currency, form, open]);
+    const onSubmit = async (values) => {
+        const payload = {
+            currencyCode: values.currencyCode.toUpperCase(),
+            isDefault: values.isDefault,
+            isSettlement: values.isSettlement,
+            isReporting: values.isReporting,
+            sortOrder: values.sortOrder,
+            active: values.active,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: currency.id, input: payload })
+            : await create.mutateAsync({ marketId, input: payload });
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = form.formState.isSubmitting || create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Currency" : "Add Currency" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Currency code" }), _jsx(CurrencyCombobox, { value: form.watch("currencyCode") || null, onChange: (next) => form.setValue("currencyCode", next ?? "EUR", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sort order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "flex flex-wrap gap-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isDefault"), onCheckedChange: (value) => form.setValue("isDefault", value) }), _jsx(Label, { children: "Default" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isSettlement"), onCheckedChange: (value) => form.setValue("isSettlement", value) }), _jsx(Label, { children: "Settlement" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isReporting"), onCheckedChange: (value) => form.setValue("isReporting", value) }), _jsx(Label, { children: "Reporting" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (value) => form.setValue("active", value) }), _jsx(Label, { children: "Active" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? "Save Changes" : "Add Currency"] })] })] })] }) }));
+}

package/dist/components/market-dialog.d.ts

@@ -0,0 +1,9 @@
+import { type MarketRecord } from "@voyantjs/markets-react";
+export interface MarketDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    market?: MarketRecord;
+    onSuccess?: (market: MarketRecord) => void;
+}
+export declare function MarketDialog({ open, onOpenChange, market, onSuccess }: MarketDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=market-dialog.d.ts.map

package/dist/components/market-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"market-dialog.d.ts","sourceRoot":"","sources":["../../src/components/market-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,YAAY,EAGlB,MAAM,yBAAyB,CAAA;AA4ChC,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;CAC3C;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAqKxF"}

package/dist/components/market-dialog.js

@@ -0,0 +1,93 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMarketMutation, } from "@voyantjs/markets-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/voyant-ui/components";
+import { CountryCombobox } from "@voyantjs/voyant-ui/components/country-combobox";
+import { CurrencyCombobox } from "@voyantjs/voyant-ui/components/currency-combobox";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const MARKET_STATUSES = ["active", "inactive", "archived"];
+const formSchema = z.object({
+    code: z.string().min(1, "Code is required").max(50),
+    name: z.string().min(1, "Name is required").max(255),
+    status: z.enum(MARKET_STATUSES),
+    regionCode: z.string().optional().nullable(),
+    countryCode: z.string().optional().nullable(),
+    defaultLanguageTag: z.string().min(2).max(35),
+    defaultCurrency: z.string().length(3, "Currency must be 3 chars"),
+    timezone: z.string().optional().nullable(),
+    taxContext: z.string().optional().nullable(),
+});
+export function MarketDialog({ open, onOpenChange, market, onSuccess }) {
+    const isEditing = Boolean(market);
+    const { create, update } = useMarketMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            code: "",
+            name: "",
+            status: "active",
+            regionCode: "",
+            countryCode: "",
+            defaultLanguageTag: "en",
+            defaultCurrency: "EUR",
+            timezone: "",
+            taxContext: "",
+        },
+    });
+    useEffect(() => {
+        if (open && market) {
+            form.reset({
+                code: market.code,
+                name: market.name,
+                status: market.status,
+                regionCode: market.regionCode ?? "",
+                countryCode: market.countryCode ?? "",
+                defaultLanguageTag: market.defaultLanguageTag,
+                defaultCurrency: market.defaultCurrency,
+                timezone: market.timezone ?? "",
+                taxContext: market.taxContext ?? "",
+            });
+            return;
+        }
+        if (open) {
+            form.reset({
+                code: "",
+                name: "",
+                status: "active",
+                regionCode: "",
+                countryCode: "",
+                defaultLanguageTag: "en",
+                defaultCurrency: "EUR",
+                timezone: "",
+                taxContext: "",
+            });
+        }
+    }, [form, market, open]);
+    const onSubmit = async (values) => {
+        const payload = {
+            code: values.code,
+            name: values.name,
+            status: values.status,
+            regionCode: values.regionCode || null,
+            countryCode: values.countryCode ? values.countryCode.toUpperCase() : null,
+            defaultLanguageTag: values.defaultLanguageTag,
+            defaultCurrency: values.defaultCurrency.toUpperCase(),
+            timezone: values.timezone || null,
+            taxContext: values.taxContext || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: market.id, input: payload })
+            : await create.mutateAsync(payload);
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = form.formState.isSubmitting || create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Market" : "Add Market" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Code" }), _jsx(Input, { ...form.register("code"), placeholder: "EU-DE" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { ...form.register("name"), placeholder: "Germany" })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Status" }), _jsxs(Select, { items: MARKET_STATUSES.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("status"), onValueChange: (value) => form.setValue("status", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: MARKET_STATUSES.map((status) => (_jsx(SelectItem, { value: status, className: "capitalize", children: status }, status))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Region code" }), _jsx(Input, { ...form.register("regionCode"), placeholder: "EU, APAC..." })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Country" }), _jsx(CountryCombobox, { value: form.watch("countryCode") ?? null, onChange: (code) => form.setValue("countryCode", code) })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Language tag" }), _jsx(Input, { ...form.register("defaultLanguageTag"), placeholder: "en, de-DE..." })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Default currency" }), _jsx(CurrencyCombobox, { value: form.watch("defaultCurrency") || null, onChange: (next) => form.setValue("defaultCurrency", next ?? "EUR", {
+                                                        shouldValidate: true,
+                                                        shouldDirty: true,
+                                                    }) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Timezone" }), _jsx(Input, { ...form.register("timezone"), placeholder: "Europe/Berlin" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Tax context" }), _jsx(Input, { ...form.register("taxContext"), placeholder: "EU-VAT, US-Sales-Tax..." })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? "Save Changes" : "Add Market"] })] })] })] }) }));
+}

package/dist/components/market-locale-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type MarketLocaleRecord } from "@voyantjs/markets-react";
+export interface MarketLocaleDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    marketId: string;
+    locale?: MarketLocaleRecord;
+    onSuccess?: (locale: MarketLocaleRecord) => void;
+}
+export declare function MarketLocaleDialog({ open, onOpenChange, marketId, locale, onSuccess, }: MarketLocaleDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=market-locale-dialog.d.ts.map

package/dist/components/market-locale-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"market-locale-dialog.d.ts","sourceRoot":"","sources":["../../src/components/market-locale-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kBAAkB,EAGxB,MAAM,yBAAyB,CAAA;AA6BhC,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACjD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE,uBAAuB,2CAqGzB"}

package/dist/components/market-locale-dialog.js

@@ -0,0 +1,62 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMarketLocaleMutation, } from "@voyantjs/markets-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Switch, } from "@voyantjs/voyant-ui/components";
+import { zodResolver } from "@voyantjs/voyant-ui/lib/zod-resolver";
+import { Loader2 } from "lucide-react";
+import { useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { z } from "zod/v4";
+const formSchema = z.object({
+    languageTag: z.string().min(2, "Language tag is required").max(35),
+    isDefault: z.boolean(),
+    sortOrder: z.coerce.number().int().min(0),
+    active: z.boolean(),
+});
+export function MarketLocaleDialog({ open, onOpenChange, marketId, locale, onSuccess, }) {
+    const isEditing = Boolean(locale);
+    const { create, update } = useMarketLocaleMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            languageTag: "en",
+            isDefault: false,
+            sortOrder: 0,
+            active: true,
+        },
+    });
+    useEffect(() => {
+        if (open && locale) {
+            form.reset({
+                languageTag: locale.languageTag,
+                isDefault: locale.isDefault,
+                sortOrder: locale.sortOrder,
+                active: locale.active,
+            });
+            return;
+        }
+        if (open) {
+            form.reset({
+                languageTag: "en",
+                isDefault: false,
+                sortOrder: 0,
+                active: true,
+            });
+        }
+    }, [form, locale, open]);
+    const onSubmit = async (values) => {
+        const payload = {
+            languageTag: values.languageTag,
+            isDefault: values.isDefault,
+            sortOrder: values.sortOrder,
+            active: values.active,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: locale.id, input: payload })
+            : await create.mutateAsync({ marketId, input: payload });
+        onOpenChange(false);
+        onSuccess?.(saved);
+    };
+    const isSubmitting = form.formState.isSubmitting || create.isPending || update.isPending;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Locale" : "Add Locale" }) }), _jsxs("form", { onSubmit: form.handleSubmit(onSubmit), children: [_jsxs(DialogBody, { className: "grid gap-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Language tag" }), _jsx(Input, { ...form.register("languageTag"), placeholder: "en-GB, de-DE..." })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Sort order" }), _jsx(Input, { ...form.register("sortOrder"), type: "number", min: "0" })] })] }), _jsxs("div", { className: "flex gap-6", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isDefault"), onCheckedChange: (value) => form.setValue("isDefault", value) }), _jsx(Label, { children: "Default" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("active"), onCheckedChange: (value) => form.setValue("active", value) }), _jsx(Label, { children: "Active" })] })] })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }), _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting && _jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), isEditing ? "Save Changes" : "Add Locale"] })] })] })] }) }));
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { MarketCurrencyDialog, type MarketCurrencyDialogProps, } from "./components/market-currency-dialog";
+export { MarketDialog, type MarketDialogProps } from "./components/market-dialog";
+export { MarketLocaleDialog, type MarketLocaleDialogProps } from "./components/market-locale-dialog";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,KAAK,yBAAyB,GAC/B,MAAM,qCAAqC,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AACjF,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,mCAAmC,CAAA"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { MarketCurrencyDialog, } from "./components/market-currency-dialog";
+export { MarketDialog } from "./components/market-dialog";
+export { MarketLocaleDialog } from "./components/market-locale-dialog";

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@voyantjs/markets-ui",
+  "version": "0.13.0",
+  "license": "FSL-1.1-Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/markets-ui"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": "./src/index.ts",
+    "./components/*": "./src/components/*.tsx"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "clean": "rm -rf dist",
+    "prepack": "pnpm run build",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src/",
+    "test": "vitest run --passWithNoTests"
+  },
+  "peerDependencies": {
+    "@tanstack/react-query": "^5.0.0",
+    "@tanstack/react-table": "^8.0.0",
+    "@voyantjs/markets-react": "workspace:*",
+    "@voyantjs/voyant-ui": "workspace:*",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "react-hook-form": "^7.60.0",
+    "zod": "^3.25.76"
+  },
+  "devDependencies": {
+    "@tanstack/react-query": "^5.96.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@voyantjs/markets-react": "workspace:*",
+    "@voyantjs/voyant-typescript-config": "workspace:*",
+    "@voyantjs/voyant-ui": "workspace:*",
+    "lucide-react": "^0.475.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hook-form": "^7.60.0",
+    "typescript": "^6.0.2",
+    "vitest": "^4.1.2",
+    "zod": "^3.25.76"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js"
+      },
+      "./components/*": {
+        "types": "./dist/components/*.d.ts",
+        "import": "./dist/components/*.js"
+      }
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts"
+  }
+}