@voyantjs/identity-ui 0.13.0

package/README.md

@@ -0,0 +1,17 @@
+# @voyantjs/identity-ui
+
+Importable React UI components for Voyant identity. Bundler-consumed (Vite, Next.js, webpack, etc.).
+
+## Install
+
+```bash
+pnpm add @voyantjs/identity-ui @voyantjs/identity-react @voyantjs/voyant-ui @tanstack/react-query react react-dom
+```
+
+`@voyantjs/voyant-ui` provides the design-system primitives. `@voyantjs/identity-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.
+
+## Not included (registry-only)
+
+Some components couple to TanStack Router or template-local helpers and remain available only via the shadcn registry: `identity-page`. Import via `npx shadcn add @voyant/<component>` and customize per-project.

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

@@ -0,0 +1,11 @@
+import { type AddressRecord } from "@voyantjs/identity-react";
+export interface AddressDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    entityType: string;
+    entityId: string;
+    address?: AddressRecord;
+    onSuccess?: (address: AddressRecord) => void;
+}
+export declare function AddressDialog({ open, onOpenChange, entityType, entityId, address, onSuccess, }: AddressDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=address-dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"address-dialog.d.ts","sourceRoot":"","sources":["../../src/components/address-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAInB,MAAM,0BAA0B,CAAA;AA2DjC,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAA;CAC7C;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,SAAS,GACV,EAAE,kBAAkB,2CAuMpB"}

package/dist/components/address-dialog.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAddressMutation, } from "@voyantjs/identity-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } from "@voyantjs/voyant-ui/components";
+import { CountryCombobox } from "@voyantjs/voyant-ui/components/country-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 ADDRESS_LABELS = [
+    "primary",
+    "billing",
+    "shipping",
+    "mailing",
+    "meeting",
+    "service",
+    "legal",
+    "other",
+];
+const numOrEmpty = z.coerce.number().optional().or(z.literal("")).nullable();
+const formSchema = z.object({
+    label: z.enum(ADDRESS_LABELS),
+    fullText: z.string().optional().nullable(),
+    line1: z.string().optional().nullable(),
+    line2: z.string().optional().nullable(),
+    city: z.string().optional().nullable(),
+    region: z.string().optional().nullable(),
+    postalCode: z.string().optional().nullable(),
+    country: z.string().optional().nullable(),
+    latitude: numOrEmpty,
+    longitude: numOrEmpty,
+    timezone: z.string().optional().nullable(),
+    isPrimary: z.boolean(),
+    notes: z.string().optional().nullable(),
+});
+export function AddressDialog({ open, onOpenChange, entityType, entityId, address, onSuccess, }) {
+    const isEditing = Boolean(address);
+    const { create, update } = useAddressMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            label: "primary",
+            fullText: "",
+            line1: "",
+            line2: "",
+            city: "",
+            region: "",
+            postalCode: "",
+            country: "",
+            latitude: "",
+            longitude: "",
+            timezone: "",
+            isPrimary: false,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && address) {
+            form.reset({
+                label: address.label,
+                fullText: address.fullText ?? "",
+                line1: address.line1 ?? "",
+                line2: address.line2 ?? "",
+                city: address.city ?? "",
+                region: address.region ?? "",
+                postalCode: address.postalCode ?? "",
+                country: address.country ?? "",
+                latitude: address.latitude ?? "",
+                longitude: address.longitude ?? "",
+                timezone: address.timezone ?? "",
+                isPrimary: address.isPrimary,
+                notes: address.notes ?? "",
+            });
+            return;
+        }
+        if (open) {
+            form.reset({
+                label: "primary",
+                fullText: "",
+                line1: "",
+                line2: "",
+                city: "",
+                region: "",
+                postalCode: "",
+                country: "",
+                latitude: "",
+                longitude: "",
+                timezone: "",
+                isPrimary: false,
+                notes: "",
+            });
+        }
+    }, [address, form, open]);
+    const onSubmit = async (values) => {
+        const toNum = (value) => typeof value === "number" ? value : null;
+        const payload = {
+            entityType,
+            entityId,
+            label: values.label,
+            fullText: values.fullText || null,
+            line1: values.line1 || null,
+            line2: values.line2 || null,
+            city: values.city || null,
+            region: values.region || null,
+            postalCode: values.postalCode || null,
+            country: values.country || null,
+            latitude: toNum(values.latitude),
+            longitude: toNum(values.longitude),
+            timezone: values.timezone || null,
+            isPrimary: values.isPrimary,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: address.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 Address" : "Add Address" }) }), _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: "Label" }), _jsxs(Select, { items: ADDRESS_LABELS.map((x) => ({ label: x.replace(/_/g, " "), value: x })), value: form.watch("label"), onValueChange: (value) => form.setValue("label", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: ADDRESS_LABELS.map((label) => (_jsx(SelectItem, { value: label, className: "capitalize", children: label }, label))) })] })] }), _jsxs("div", { className: "flex items-center gap-2 self-end pb-1", children: [_jsx(Switch, { checked: form.watch("isPrimary"), onCheckedChange: (value) => form.setValue("isPrimary", value) }), _jsx(Label, { children: "Primary" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Line 1" }), _jsx(Input, { ...form.register("line1") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Line 2" }), _jsx(Input, { ...form.register("line2") })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "City" }), _jsx(Input, { ...form.register("city") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Region" }), _jsx(Input, { ...form.register("region") })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Postal code" }), _jsx(Input, { ...form.register("postalCode") })] })] }), _jsxs("div", { className: "grid grid-cols-3 gap-3", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Country" }), _jsx(CountryCombobox, { value: form.watch("country") ?? null, onChange: (code) => form.setValue("country", code) })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Timezone" }), _jsx(Input, { ...form.register("timezone"), placeholder: "Europe/Istanbul" })] }), _jsx("div", {})] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Latitude" }), _jsx(Input, { ...form.register("latitude"), type: "number", step: "any" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Longitude" }), _jsx(Input, { ...form.register("longitude"), type: "number", step: "any" })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes") })] })] }), _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" }) : null, isEditing ? "Save Changes" : "Add Address"] })] })] })] }) }));
+}

package/dist/components/contact-point-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type ContactPointRecord } from "@voyantjs/identity-react";
+export interface ContactPointDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    entityType: string;
+    entityId: string;
+    contactPoint?: ContactPointRecord;
+    onSuccess?: (contactPoint: ContactPointRecord) => void;
+}
+export declare function ContactPointDialog({ open, onOpenChange, entityType, entityId, contactPoint, onSuccess, }: ContactPointDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=contact-point-dialog.d.ts.map

package/dist/components/contact-point-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-point-dialog.d.ts","sourceRoot":"","sources":["../../src/components/contact-point-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,kBAAkB,EAIxB,MAAM,0BAA0B,CAAA;AAkDjC,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACvD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,uBAAuB,2CAoHzB"}

package/dist/components/contact-point-dialog.js

@@ -0,0 +1,71 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContactPointMutation, } from "@voyantjs/identity-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } 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 CONTACT_POINT_KINDS = [
+    "email",
+    "phone",
+    "mobile",
+    "whatsapp",
+    "website",
+    "sms",
+    "fax",
+    "social",
+    "other",
+];
+const formSchema = z.object({
+    kind: z.enum(CONTACT_POINT_KINDS),
+    label: z.string().optional().nullable(),
+    value: z.string().min(1, "Value is required").max(500),
+    isPrimary: z.boolean(),
+    notes: z.string().optional().nullable(),
+});
+export function ContactPointDialog({ open, onOpenChange, entityType, entityId, contactPoint, onSuccess, }) {
+    const isEditing = Boolean(contactPoint);
+    const { create, update } = useContactPointMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: { kind: "email", label: "", value: "", isPrimary: false, notes: "" },
+    });
+    useEffect(() => {
+        if (open && contactPoint) {
+            form.reset({
+                kind: contactPoint.kind,
+                label: contactPoint.label ?? "",
+                value: contactPoint.value,
+                isPrimary: contactPoint.isPrimary,
+                notes: contactPoint.notes ?? "",
+            });
+            return;
+        }
+        if (open) {
+            form.reset({ kind: "email", label: "", value: "", isPrimary: false, notes: "" });
+        }
+    }, [contactPoint, form, open]);
+    const onSubmit = async (values) => {
+        const payload = {
+            entityType,
+            entityId,
+            kind: values.kind,
+            label: values.label || null,
+            value: values.value,
+            isPrimary: values.isPrimary,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: contactPoint.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, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Contact Point" : "Add Contact Point" }) }), _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: "Kind" }), _jsxs(Select, { items: CONTACT_POINT_KINDS.map((x) => ({
+                                                        label: x.replace(/_/g, " "),
+                                                        value: x,
+                                                    })), value: form.watch("kind"), onValueChange: (value) => form.setValue("kind", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: CONTACT_POINT_KINDS.map((kind) => (_jsx(SelectItem, { value: kind, className: "capitalize", children: kind }, kind))) })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Label" }), _jsx(Input, { ...form.register("label"), placeholder: "work, personal..." })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Value" }), _jsx(Input, { ...form.register("value"), placeholder: "name@example.com" }), form.formState.errors.value ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.value.message })) : null] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: form.watch("isPrimary"), onCheckedChange: (value) => form.setValue("isPrimary", value) }), _jsx(Label, { children: "Primary" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes") })] })] }), _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" }) : null, isEditing ? "Save Changes" : "Add Contact Point"] })] })] })] }) }));
+}

package/dist/components/named-contact-dialog.d.ts

@@ -0,0 +1,11 @@
+import { type NamedContactRecord } from "@voyantjs/identity-react";
+export interface NamedContactDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    entityType: string;
+    entityId: string;
+    namedContact?: NamedContactRecord;
+    onSuccess?: (namedContact: NamedContactRecord) => void;
+}
+export declare function NamedContactDialog({ open, onOpenChange, entityType, entityId, namedContact, onSuccess, }: NamedContactDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=named-contact-dialog.d.ts.map

package/dist/components/named-contact-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"named-contact-dialog.d.ts","sourceRoot":"","sources":["../../src/components/named-contact-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,kBAAkB,EAGxB,MAAM,0BAA0B,CAAA;AAqDjC,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,YAAY,EAAE,kBAAkB,KAAK,IAAI,CAAA;CACvD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,SAAS,GACV,EAAE,uBAAuB,2CAoJzB"}

package/dist/components/named-contact-dialog.js

@@ -0,0 +1,94 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNamedContactMutation, } from "@voyantjs/identity-react";
+import { Button, Dialog, DialogBody, DialogContent, DialogFooter, DialogHeader, DialogTitle, Input, Label, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Switch, Textarea, } 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 NAMED_CONTACT_ROLES = [
+    "general",
+    "primary",
+    "reservations",
+    "operations",
+    "front_desk",
+    "sales",
+    "emergency",
+    "accounting",
+    "legal",
+    "other",
+];
+const formSchema = z.object({
+    role: z.enum(NAMED_CONTACT_ROLES),
+    name: z.string().min(1, "Name is required").max(255),
+    title: z.string().optional().nullable(),
+    email: z.string().optional().nullable(),
+    phone: z.string().optional().nullable(),
+    isPrimary: z.boolean(),
+    notes: z.string().optional().nullable(),
+});
+export function NamedContactDialog({ open, onOpenChange, entityType, entityId, namedContact, onSuccess, }) {
+    const isEditing = Boolean(namedContact);
+    const { create, update } = useNamedContactMutation();
+    const form = useForm({
+        resolver: zodResolver(formSchema),
+        defaultValues: {
+            role: "general",
+            name: "",
+            title: "",
+            email: "",
+            phone: "",
+            isPrimary: false,
+            notes: "",
+        },
+    });
+    useEffect(() => {
+        if (open && namedContact) {
+            form.reset({
+                role: namedContact.role,
+                name: namedContact.name,
+                title: namedContact.title ?? "",
+                email: namedContact.email ?? "",
+                phone: namedContact.phone ?? "",
+                isPrimary: namedContact.isPrimary,
+                notes: namedContact.notes ?? "",
+            });
+            return;
+        }
+        if (open) {
+            form.reset({
+                role: "general",
+                name: "",
+                title: "",
+                email: "",
+                phone: "",
+                isPrimary: false,
+                notes: "",
+            });
+        }
+    }, [form, namedContact, open]);
+    const onSubmit = async (values) => {
+        const payload = {
+            entityType,
+            entityId,
+            role: values.role,
+            name: values.name,
+            title: values.title || null,
+            email: values.email || null,
+            phone: values.phone || null,
+            isPrimary: values.isPrimary,
+            notes: values.notes || null,
+        };
+        const saved = isEditing
+            ? await update.mutateAsync({ id: namedContact.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, { children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: isEditing ? "Edit Named Contact" : "Add Named Contact" }) }), _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: "Role" }), _jsxs(Select, { items: NAMED_CONTACT_ROLES.map((x) => ({
+                                                        label: x.replace(/_/g, " "),
+                                                        value: x,
+                                                    })), value: form.watch("role"), onValueChange: (value) => form.setValue("role", value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: NAMED_CONTACT_ROLES.map((role) => (_jsx(SelectItem, { value: role, className: "capitalize", children: role.replace(/_/g, " ") }, role))) })] })] }), _jsxs("div", { className: "flex items-center gap-2 self-end pb-1", children: [_jsx(Switch, { checked: form.watch("isPrimary"), onCheckedChange: (value) => form.setValue("isPrimary", value) }), _jsx(Label, { children: "Primary" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Name" }), _jsx(Input, { ...form.register("name"), placeholder: "Jane Doe" }), form.formState.errors.name ? (_jsx("p", { className: "text-xs text-destructive", children: form.formState.errors.name.message })) : null] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Title" }), _jsx(Input, { ...form.register("title"), placeholder: "Director of Sales" })] })] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Email" }), _jsx(Input, { ...form.register("email"), placeholder: "jane@example.com" })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Phone" }), _jsx(Input, { ...form.register("phone") })] })] }), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Label, { children: "Notes" }), _jsx(Textarea, { ...form.register("notes") })] })] }), _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" }) : null, isEditing ? "Save Changes" : "Add Named Contact"] })] })] })] }) }));
+}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { AddressDialog, type AddressDialogProps } from "./components/address-dialog";
+export { ContactPointDialog, type ContactPointDialogProps } from "./components/contact-point-dialog";
+export { NamedContactDialog, type NamedContactDialogProps } from "./components/named-contact-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,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AACpF,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AACpG,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,mCAAmC,CAAA"}

package/dist/index.js

@@ -0,0 +1,3 @@
+export { AddressDialog } from "./components/address-dialog";
+export { ContactPointDialog } from "./components/contact-point-dialog";
+export { NamedContactDialog } from "./components/named-contact-dialog";

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@voyantjs/identity-ui",
+  "version": "0.13.0",
+  "license": "FSL-1.1-Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voyantjs/voyant.git",
+    "directory": "packages/identity-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/identity-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/identity-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"
+  }
+}