@medialane/ui 0.104.0 → 0.106.0

package/dist/components/ip-type-fields.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ip-type-fields.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type TraitSuggestion,\n} from \"../data/ip-templates.js\";\nimport { Label } from \"./label.js\";\nimport { Input } from \"./input.js\";\nimport { Button } from \"./button.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./select.js\";\nimport { Check, FileText, FileUp, Loader2, Plus, Trash2, X } from \"lucide-react\";\n\nexport type MetadataField = {\n  traitType: string;\n  value: string;\n};\n\ntype TraitRow = {\n  id: string;\n  key: string;\n  value: string;\n  options?: string[];\n};\n\nconst createId = () =>\n  globalThis.crypto?.randomUUID?.() ?? `trait-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n\nconst looksLikeUrl = (v: string) => /^https?:\\/\\/\\S+/i.test(v.trim());\n\nexport interface IPTypeFieldsProps {\n  ipType: IPType | null;\n  onChange: (fields: MetadataField[]) => void;\n  /** Uploads a document file to IPFS, resolving to its ipfs:// URI.\n   *  Enables the document upload field for types with template.docUpload. */\n  uploadDocument?: (file: File) => Promise<string>;\n}\n\nexport function IPTypeFields({ ipType, onChange, uploadDocument }: IPTypeFieldsProps) {\n  const template = ipType ? IP_TEMPLATES[ipType] : null;\n\n  // URL inputs keyed by their stored trait_type (e.g. \"Spotify URL\", \"X\").\n  const [embedValues, setEmbedValues] = useState<Record<string, string>>({});\n  const [socialValues, setSocialValues] = useState<Record<string, string>>({});\n  // One unified, ordered list of traits (suggestions pre-fill rows; custom = blank).\n  const [traits, setTraits] = useState<TraitRow[]>([]);\n  // Document pinned to IPFS (Documents / Patents / Publications / Software).\n  const [docUri, setDocUri] = useState<string | null>(null);\n  const [docName, setDocName] = useState<string | null>(null);\n  const [docUploading, setDocUploading] = useState(false);\n  const [docError, setDocError] = useState<string | null>(null);\n  const docInputRef = useRef<HTMLInputElement>(null);\n\n  // Embeds, socials & document are type-specific — reset them when the IP type\n  // changes. Trait rows are generic key/value and persist across type switches.\n  useEffect(() => {\n    setEmbedValues({});\n    setSocialValues({});\n    setDocUri(null);\n    setDocName(null);\n    setDocError(null);\n  }, [ipType]);\n\n  const docTraitType = template?.docUpload?.traitType ?? null;\n\n  const metadataFields = useMemo(() => {\n    const fields: MetadataField[] = [];\n    const seen = new Set<string>();\n    const add = (traitType: string, value: string) => {\n      const t = traitType.trim();\n      const v = value.trim();\n      const k = t.toLowerCase();\n      if (!t || !v || seen.has(k)) return;\n      seen.add(k);\n      fields.push({ traitType: t, value: v });\n    };\n    if (docTraitType && docUri) add(docTraitType, docUri);\n    Object.entries(embedValues).forEach(([key, value]) => add(key, value));\n    Object.entries(socialValues).forEach(([key, value]) => add(key, value));\n    traits.forEach((row) => add(row.key, row.value));\n    return fields;\n  }, [embedValues, socialValues, traits, docTraitType, docUri]);\n\n  useEffect(() => {\n    onChange(metadataFields);\n  }, [metadataFields, onChange]);\n\n  const addedKeys = useMemo(\n    () => new Set(traits.map((t) => t.key.trim().toLowerCase())),\n    [traits]\n  );\n\n  const addSuggestion = (s: TraitSuggestion) => {\n    setTraits((cur) => [\n      ...cur,\n      { id: createId(), key: s.key, value: \"\", options: s.options },\n    ]);\n  };\n  const addCustomTrait = () =>\n    setTraits((cur) => [...cur, { id: createId(), key: \"\", value: \"\" }]);\n  const updateTrait = (id: string, patch: Partial<TraitRow>) =>\n    setTraits((cur) => cur.map((t) => (t.id === id ? { ...t, ...patch } : t)));\n  const removeTrait = (id: string) =>\n    setTraits((cur) => cur.filter((t) => t.id !== id));\n\n  if (!template) return null;\n\n  const Icon = template.icon;\n  const docUpload = template.docUpload;\n\n  const handleDocPick = async (file: File) => {\n    if (!uploadDocument || !docUpload) return;\n    if (file.size > docUpload.maxMb * 1024 * 1024) {\n      setDocError(`File must be under ${docUpload.maxMb} MB`);\n      return;\n    }\n    setDocError(null);\n    setDocUploading(true);\n    try {\n      const uri = await uploadDocument(file);\n      setDocUri(uri);\n      setDocName(file.name);\n    } catch (err) {\n      setDocError(err instanceof Error ? err.message : \"Document upload failed\");\n    } finally {\n      setDocUploading(false);\n      if (docInputRef.current) docInputRef.current.value = \"\";\n    }\n  };\n\n  const clearDoc = () => {\n    setDocUri(null);\n    setDocName(null);\n    setDocError(null);\n  };\n\n  return (\n    <div className=\"space-y-5\">\n      <div className=\"flex items-center gap-2\">\n        <Icon className={`h-4 w-4 ${template.color.text}`} />\n        <p className=\"text-sm font-semibold\">{template.label} Details</p>\n      </div>\n\n      {/* ── Document file → IPFS (Documents / Patents / Publications / Software) ── */}\n      {docUpload && uploadDocument && (\n        <section className=\"space-y-2\">\n          <p className=\"text-[11px] font-semibold text-muted-foreground\">\n            Document\n          </p>\n          {docUri ? (\n            <div className=\"flex items-center gap-3 rounded-xl border border-emerald-500/30 bg-emerald-500/5 px-4 py-3\">\n              <FileText className=\"h-5 w-5 text-emerald-500 shrink-0\" />\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-medium truncate\">{docName}</p>\n                <p className=\"text-xs text-muted-foreground truncate\">{docUri}</p>\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive\"\n                onClick={clearDoc}\n                aria-label=\"Remove document\"\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          ) : (\n            <div className=\"space-y-1.5\">\n              <input\n                ref={docInputRef}\n                type=\"file\"\n                accept={docUpload.accept}\n                className=\"hidden\"\n                onChange={(e) => {\n                  const f = e.target.files?.[0];\n                  if (f) void handleDocPick(f);\n                }}\n              />\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                disabled={docUploading}\n                onClick={() => docInputRef.current?.click()}\n              >\n                {docUploading ? (\n                  <>\n                    <Loader2 className=\"mr-1.5 h-3.5 w-3.5 animate-spin\" />\n                    Uploading…\n                  </>\n                ) : (\n                  <>\n                    <FileUp className=\"mr-1.5 h-3.5 w-3.5\" />\n                    Upload document\n                  </>\n                )}\n              </Button>\n              {docError && <p className=\"text-xs text-destructive\">{docError}</p>}\n              <p className=\"text-xs text-muted-foreground leading-relaxed\">{docUpload.hint}</p>\n            </div>\n          )}\n        </section>\n      )}\n\n      {/* ── Embeds (inline players) ─────────────────────────────── */}\n      {template.embeds && template.embeds.length > 0 && (\n        <section className=\"space-y-3\">\n          <p className=\"text-[11px] font-semibold text-muted-foreground\">Embeds</p>\n          {template.embeds.map((platform) => {\n            const meta = EMBED_PLATFORM_META[platform];\n            const PIcon = meta.icon;\n            const value = embedValues[meta.traitKey] ?? \"\";\n            return (\n              <div key={platform} className=\"space-y-1.5\">\n                <Label className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n                  <PIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                  {looksLikeUrl(value) && (\n                    <span className=\"ml-1 inline-flex items-center gap-0.5 text-[10px] font-medium text-emerald-400\">\n                      <Check className=\"h-3 w-3\" /> connected\n                    </span>\n                  )}\n                </Label>\n                <Input\n                  type=\"url\"\n                  inputMode=\"url\"\n                  placeholder={meta.placeholder}\n                  value={value}\n                  onChange={(e) =>\n                    setEmbedValues((cur) => ({ ...cur, [meta.traitKey]: e.target.value }))\n                  }\n                  className=\"h-10 text-sm\"\n                />\n              </div>\n            );\n          })}\n        </section>\n      )}\n\n      {/* ── Social links (icon chips on the asset page) ─────────── */}\n      {template.socials && template.socials.length > 0 && (\n        <section className=\"space-y-3\">\n          <p className=\"text-[11px] font-semibold text-muted-foreground\">Social links</p>\n          {template.socials.map((platform) => {\n            const meta = SOCIAL_PLATFORM_META[platform];\n            const PIcon = meta.icon;\n            const value = socialValues[meta.traitKey] ?? \"\";\n            return (\n              <div key={platform} className=\"space-y-1.5\">\n                <Label className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n                  <PIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </Label>\n                <Input\n                  type=\"url\"\n                  inputMode=\"url\"\n                  placeholder={meta.placeholder}\n                  value={value}\n                  onChange={(e) =>\n                    setSocialValues((cur) => ({ ...cur, [meta.traitKey]: e.target.value }))\n                  }\n                  className=\"h-10 text-sm\"\n                />\n              </div>\n            );\n          })}\n        </section>\n      )}\n\n      {/* ── Traits ───────────────────────────────────────────────── */}\n      <section className=\"space-y-3 border-t border-border/60 pt-4\">\n        <p className=\"text-sm font-semibold\">Traits</p>\n\n        {/* Suggestion chips */}\n        {template.traitSuggestions && template.traitSuggestions.length > 0 && (\n          <div className=\"flex flex-wrap gap-2\">\n            {template.traitSuggestions\n              .filter((s) => !addedKeys.has(s.key.toLowerCase()))\n              .map((s) => (\n                <button\n                  key={s.key}\n                  type=\"button\"\n                  onClick={() => addSuggestion(s)}\n                  className=\"inline-flex items-center gap-1 rounded-full border border-border bg-muted/40 px-3 py-1 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <Plus className=\"h-3 w-3\" />\n                  {s.key}\n                </button>\n              ))}\n          </div>\n        )}\n\n        {/* Trait rows — one trait per card, inputs stacked (mobile-first) */}\n        {traits.length > 0 && (\n          <div className=\"space-y-2\">\n            {traits.map((row) => (\n              <div\n                key={row.id}\n                className=\"grid grid-cols-[1fr_1fr_auto] items-center gap-2\"\n              >\n                <Input\n                  value={row.key}\n                  onChange={(e) => updateTrait(row.id, { key: e.target.value })}\n                  placeholder=\"Trait name\"\n                  className=\"h-9 text-sm\"\n                  maxLength={64}\n                />\n                {row.options ? (\n                  <Select\n                    value={row.value}\n                    onValueChange={(v) => updateTrait(row.id, { value: v })}\n                  >\n                    <SelectTrigger className=\"h-9 text-sm\">\n                      <SelectValue placeholder=\"Value\" />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {row.options.map((opt) => (\n                        <SelectItem key={opt} value={opt}>{opt}</SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                ) : (\n                  <Input\n                    value={row.value}\n                    onChange={(e) => updateTrait(row.id, { value: e.target.value })}\n                    placeholder=\"Value\"\n                    className=\"h-9 text-sm\"\n                    maxLength={512}\n                  />\n                )}\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"h-9 w-9 shrink-0 text-muted-foreground hover:text-destructive\"\n                  onClick={() => removeTrait(row.id)}\n                  aria-label=\"Remove trait\"\n                >\n                  <Trash2 className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ))}\n          </div>\n        )}\n\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addCustomTrait}>\n          <Plus className=\"mr-1.5 h-3.5 w-3.5\" />\n          Add custom trait\n        </Button>\n      </section>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/ip-type-fields.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IPType } from '../data/ip.cjs';
+
+type MetadataField = {
+    traitType: string;
+    value: string;
+};
+interface IPTypeFieldsProps {
+    ipType: IPType | null;
+    onChange: (fields: MetadataField[]) => void;
+    /** Uploads a document file to IPFS, resolving to its ipfs:// URI.
+     *  Enables the document upload field for types with template.docUpload. */
+    uploadDocument?: (file: File) => Promise<string>;
+}
+declare function IPTypeFields({ ipType, onChange, uploadDocument }: IPTypeFieldsProps): react_jsx_runtime.JSX.Element | null;
+
+export { IPTypeFields, type IPTypeFieldsProps, type MetadataField };

package/dist/components/ip-type-fields.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { IPType } from '../data/ip.js';
+
+type MetadataField = {
+    traitType: string;
+    value: string;
+};
+interface IPTypeFieldsProps {
+    ipType: IPType | null;
+    onChange: (fields: MetadataField[]) => void;
+    /** Uploads a document file to IPFS, resolving to its ipfs:// URI.
+     *  Enables the document upload field for types with template.docUpload. */
+    uploadDocument?: (file: File) => Promise<string>;
+}
+declare function IPTypeFields({ ipType, onChange, uploadDocument }: IPTypeFieldsProps): react_jsx_runtime.JSX.Element | null;
+
+export { IPTypeFields, type IPTypeFieldsProps, type MetadataField };

package/dist/components/ip-type-fields.js

@@ -0,0 +1,293 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from "react";
+import {
+  IP_TEMPLATES,
+  EMBED_PLATFORM_META,
+  SOCIAL_PLATFORM_META
+} from "../data/ip-templates.js";
+import { Label } from "./label.js";
+import { Input } from "./input.js";
+import { Button } from "./button.js";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./select.js";
+import { Check, FileText, FileUp, Loader2, Plus, Trash2, X } from "lucide-react";
+const createId = () => globalThis.crypto?.randomUUID?.() ?? `trait-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+const looksLikeUrl = (v) => /^https?:\/\/\S+/i.test(v.trim());
+function IPTypeFields({ ipType, onChange, uploadDocument }) {
+  const template = ipType ? IP_TEMPLATES[ipType] : null;
+  const [embedValues, setEmbedValues] = useState({});
+  const [socialValues, setSocialValues] = useState({});
+  const [traits, setTraits] = useState([]);
+  const [docUri, setDocUri] = useState(null);
+  const [docName, setDocName] = useState(null);
+  const [docUploading, setDocUploading] = useState(false);
+  const [docError, setDocError] = useState(null);
+  const docInputRef = useRef(null);
+  useEffect(() => {
+    setEmbedValues({});
+    setSocialValues({});
+    setDocUri(null);
+    setDocName(null);
+    setDocError(null);
+  }, [ipType]);
+  const docTraitType = template?.docUpload?.traitType ?? null;
+  const metadataFields = useMemo(() => {
+    const fields = [];
+    const seen = /* @__PURE__ */ new Set();
+    const add = (traitType, value) => {
+      const t = traitType.trim();
+      const v = value.trim();
+      const k = t.toLowerCase();
+      if (!t || !v || seen.has(k)) return;
+      seen.add(k);
+      fields.push({ traitType: t, value: v });
+    };
+    if (docTraitType && docUri) add(docTraitType, docUri);
+    Object.entries(embedValues).forEach(([key, value]) => add(key, value));
+    Object.entries(socialValues).forEach(([key, value]) => add(key, value));
+    traits.forEach((row) => add(row.key, row.value));
+    return fields;
+  }, [embedValues, socialValues, traits, docTraitType, docUri]);
+  useEffect(() => {
+    onChange(metadataFields);
+  }, [metadataFields, onChange]);
+  const addedKeys = useMemo(
+    () => new Set(traits.map((t) => t.key.trim().toLowerCase())),
+    [traits]
+  );
+  const addSuggestion = (s) => {
+    setTraits((cur) => [
+      ...cur,
+      { id: createId(), key: s.key, value: "", options: s.options }
+    ]);
+  };
+  const addCustomTrait = () => setTraits((cur) => [...cur, { id: createId(), key: "", value: "" }]);
+  const updateTrait = (id, patch) => setTraits((cur) => cur.map((t) => t.id === id ? { ...t, ...patch } : t));
+  const removeTrait = (id) => setTraits((cur) => cur.filter((t) => t.id !== id));
+  if (!template) return null;
+  const Icon = template.icon;
+  const docUpload = template.docUpload;
+  const handleDocPick = async (file) => {
+    if (!uploadDocument || !docUpload) return;
+    if (file.size > docUpload.maxMb * 1024 * 1024) {
+      setDocError(`File must be under ${docUpload.maxMb} MB`);
+      return;
+    }
+    setDocError(null);
+    setDocUploading(true);
+    try {
+      const uri = await uploadDocument(file);
+      setDocUri(uri);
+      setDocName(file.name);
+    } catch (err) {
+      setDocError(err instanceof Error ? err.message : "Document upload failed");
+    } finally {
+      setDocUploading(false);
+      if (docInputRef.current) docInputRef.current.value = "";
+    }
+  };
+  const clearDoc = () => {
+    setDocUri(null);
+    setDocName(null);
+    setDocError(null);
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Icon, { className: `h-4 w-4 ${template.color.text}` }),
+      /* @__PURE__ */ jsxs("p", { className: "text-sm font-semibold", children: [
+        template.label,
+        " Details"
+      ] })
+    ] }),
+    docUpload && uploadDocument && /* @__PURE__ */ jsxs("section", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold text-muted-foreground", children: "Document" }),
+      docUri ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 rounded-xl border border-emerald-500/30 bg-emerald-500/5 px-4 py-3", children: [
+        /* @__PURE__ */ jsx(FileText, { className: "h-5 w-5 text-emerald-500 shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: docName }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate", children: docUri })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            className: "h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive",
+            onClick: clearDoc,
+            "aria-label": "Remove document",
+            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: docInputRef,
+            type: "file",
+            accept: docUpload.accept,
+            className: "hidden",
+            onChange: (e) => {
+              const f = e.target.files?.[0];
+              if (f) void handleDocPick(f);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: docUploading,
+            onClick: () => docInputRef.current?.click(),
+            children: docUploading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }),
+              "Uploading\u2026"
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(FileUp, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Upload document"
+            ] })
+          }
+        ),
+        docError && /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive", children: docError }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground leading-relaxed", children: docUpload.hint })
+      ] })
+    ] }),
+    template.embeds && template.embeds.length > 0 && /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold text-muted-foreground", children: "Embeds" }),
+      template.embeds.map((platform) => {
+        const meta = EMBED_PLATFORM_META[platform];
+        const PIcon = meta.icon;
+        const value = embedValues[meta.traitKey] ?? "";
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(PIcon, { className: "h-3.5 w-3.5" }),
+            meta.label,
+            looksLikeUrl(value) && /* @__PURE__ */ jsxs("span", { className: "ml-1 inline-flex items-center gap-0.5 text-[10px] font-medium text-emerald-400", children: [
+              /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+              " connected"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "url",
+              inputMode: "url",
+              placeholder: meta.placeholder,
+              value,
+              onChange: (e) => setEmbedValues((cur) => ({ ...cur, [meta.traitKey]: e.target.value })),
+              className: "h-10 text-sm"
+            }
+          )
+        ] }, platform);
+      })
+    ] }),
+    template.socials && template.socials.length > 0 && /* @__PURE__ */ jsxs("section", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] font-semibold text-muted-foreground", children: "Social links" }),
+      template.socials.map((platform) => {
+        const meta = SOCIAL_PLATFORM_META[platform];
+        const PIcon = meta.icon;
+        const value = socialValues[meta.traitKey] ?? "";
+        return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsxs(Label, { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsx(PIcon, { className: "h-3.5 w-3.5" }),
+            meta.label
+          ] }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "url",
+              inputMode: "url",
+              placeholder: meta.placeholder,
+              value,
+              onChange: (e) => setSocialValues((cur) => ({ ...cur, [meta.traitKey]: e.target.value })),
+              className: "h-10 text-sm"
+            }
+          )
+        ] }, platform);
+      })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: "space-y-3 border-t border-border/60 pt-4", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold", children: "Traits" }),
+      template.traitSuggestions && template.traitSuggestions.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: template.traitSuggestions.filter((s) => !addedKeys.has(s.key.toLowerCase())).map((s) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => addSuggestion(s),
+          className: "inline-flex items-center gap-1 rounded-full border border-border bg-muted/40 px-3 py-1 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground",
+          children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+            s.key
+          ]
+        },
+        s.key
+      )) }),
+      traits.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-2", children: traits.map((row) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "grid grid-cols-[1fr_1fr_auto] items-center gap-2",
+          children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: row.key,
+                onChange: (e) => updateTrait(row.id, { key: e.target.value }),
+                placeholder: "Trait name",
+                className: "h-9 text-sm",
+                maxLength: 64
+              }
+            ),
+            row.options ? /* @__PURE__ */ jsxs(
+              Select,
+              {
+                value: row.value,
+                onValueChange: (v) => updateTrait(row.id, { value: v }),
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "h-9 text-sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Value" }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: row.options.map((opt) => /* @__PURE__ */ jsx(SelectItem, { value: opt, children: opt }, opt)) })
+                ]
+              }
+            ) : /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: row.value,
+                onChange: (e) => updateTrait(row.id, { value: e.target.value }),
+                placeholder: "Value",
+                className: "h-9 text-sm",
+                maxLength: 512
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "ghost",
+                size: "icon",
+                className: "h-9 w-9 shrink-0 text-muted-foreground hover:text-destructive",
+                onClick: () => removeTrait(row.id),
+                "aria-label": "Remove trait",
+                children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        },
+        row.id
+      )) }),
+      /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", size: "sm", onClick: addCustomTrait, children: [
+        /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }),
+        "Add custom trait"
+      ] })
+    ] })
+  ] });
+}
+export {
+  IPTypeFields
+};
+//# sourceMappingURL=ip-type-fields.js.map

package/dist/components/ip-type-fields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ip-type-fields.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { IPType } from \"../data/ip.js\";\nimport {\n  IP_TEMPLATES,\n  EMBED_PLATFORM_META,\n  SOCIAL_PLATFORM_META,\n  type TraitSuggestion,\n} from \"../data/ip-templates.js\";\nimport { Label } from \"./label.js\";\nimport { Input } from \"./input.js\";\nimport { Button } from \"./button.js\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"./select.js\";\nimport { Check, FileText, FileUp, Loader2, Plus, Trash2, X } from \"lucide-react\";\n\nexport type MetadataField = {\n  traitType: string;\n  value: string;\n};\n\ntype TraitRow = {\n  id: string;\n  key: string;\n  value: string;\n  options?: string[];\n};\n\nconst createId = () =>\n  globalThis.crypto?.randomUUID?.() ?? `trait-${Date.now()}-${Math.random().toString(36).slice(2)}`;\n\nconst looksLikeUrl = (v: string) => /^https?:\\/\\/\\S+/i.test(v.trim());\n\nexport interface IPTypeFieldsProps {\n  ipType: IPType | null;\n  onChange: (fields: MetadataField[]) => void;\n  /** Uploads a document file to IPFS, resolving to its ipfs:// URI.\n   *  Enables the document upload field for types with template.docUpload. */\n  uploadDocument?: (file: File) => Promise<string>;\n}\n\nexport function IPTypeFields({ ipType, onChange, uploadDocument }: IPTypeFieldsProps) {\n  const template = ipType ? IP_TEMPLATES[ipType] : null;\n\n  // URL inputs keyed by their stored trait_type (e.g. \"Spotify URL\", \"X\").\n  const [embedValues, setEmbedValues] = useState<Record<string, string>>({});\n  const [socialValues, setSocialValues] = useState<Record<string, string>>({});\n  // One unified, ordered list of traits (suggestions pre-fill rows; custom = blank).\n  const [traits, setTraits] = useState<TraitRow[]>([]);\n  // Document pinned to IPFS (Documents / Patents / Publications / Software).\n  const [docUri, setDocUri] = useState<string | null>(null);\n  const [docName, setDocName] = useState<string | null>(null);\n  const [docUploading, setDocUploading] = useState(false);\n  const [docError, setDocError] = useState<string | null>(null);\n  const docInputRef = useRef<HTMLInputElement>(null);\n\n  // Embeds, socials & document are type-specific — reset them when the IP type\n  // changes. Trait rows are generic key/value and persist across type switches.\n  useEffect(() => {\n    setEmbedValues({});\n    setSocialValues({});\n    setDocUri(null);\n    setDocName(null);\n    setDocError(null);\n  }, [ipType]);\n\n  const docTraitType = template?.docUpload?.traitType ?? null;\n\n  const metadataFields = useMemo(() => {\n    const fields: MetadataField[] = [];\n    const seen = new Set<string>();\n    const add = (traitType: string, value: string) => {\n      const t = traitType.trim();\n      const v = value.trim();\n      const k = t.toLowerCase();\n      if (!t || !v || seen.has(k)) return;\n      seen.add(k);\n      fields.push({ traitType: t, value: v });\n    };\n    if (docTraitType && docUri) add(docTraitType, docUri);\n    Object.entries(embedValues).forEach(([key, value]) => add(key, value));\n    Object.entries(socialValues).forEach(([key, value]) => add(key, value));\n    traits.forEach((row) => add(row.key, row.value));\n    return fields;\n  }, [embedValues, socialValues, traits, docTraitType, docUri]);\n\n  useEffect(() => {\n    onChange(metadataFields);\n  }, [metadataFields, onChange]);\n\n  const addedKeys = useMemo(\n    () => new Set(traits.map((t) => t.key.trim().toLowerCase())),\n    [traits]\n  );\n\n  const addSuggestion = (s: TraitSuggestion) => {\n    setTraits((cur) => [\n      ...cur,\n      { id: createId(), key: s.key, value: \"\", options: s.options },\n    ]);\n  };\n  const addCustomTrait = () =>\n    setTraits((cur) => [...cur, { id: createId(), key: \"\", value: \"\" }]);\n  const updateTrait = (id: string, patch: Partial<TraitRow>) =>\n    setTraits((cur) => cur.map((t) => (t.id === id ? { ...t, ...patch } : t)));\n  const removeTrait = (id: string) =>\n    setTraits((cur) => cur.filter((t) => t.id !== id));\n\n  if (!template) return null;\n\n  const Icon = template.icon;\n  const docUpload = template.docUpload;\n\n  const handleDocPick = async (file: File) => {\n    if (!uploadDocument || !docUpload) return;\n    if (file.size > docUpload.maxMb * 1024 * 1024) {\n      setDocError(`File must be under ${docUpload.maxMb} MB`);\n      return;\n    }\n    setDocError(null);\n    setDocUploading(true);\n    try {\n      const uri = await uploadDocument(file);\n      setDocUri(uri);\n      setDocName(file.name);\n    } catch (err) {\n      setDocError(err instanceof Error ? err.message : \"Document upload failed\");\n    } finally {\n      setDocUploading(false);\n      if (docInputRef.current) docInputRef.current.value = \"\";\n    }\n  };\n\n  const clearDoc = () => {\n    setDocUri(null);\n    setDocName(null);\n    setDocError(null);\n  };\n\n  return (\n    <div className=\"space-y-5\">\n      <div className=\"flex items-center gap-2\">\n        <Icon className={`h-4 w-4 ${template.color.text}`} />\n        <p className=\"text-sm font-semibold\">{template.label} Details</p>\n      </div>\n\n      {/* ── Document file → IPFS (Documents / Patents / Publications / Software) ── */}\n      {docUpload && uploadDocument && (\n        <section className=\"space-y-2\">\n          <p className=\"text-[11px] font-semibold text-muted-foreground\">\n            Document\n          </p>\n          {docUri ? (\n            <div className=\"flex items-center gap-3 rounded-xl border border-emerald-500/30 bg-emerald-500/5 px-4 py-3\">\n              <FileText className=\"h-5 w-5 text-emerald-500 shrink-0\" />\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"text-sm font-medium truncate\">{docName}</p>\n                <p className=\"text-xs text-muted-foreground truncate\">{docUri}</p>\n              </div>\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"icon\"\n                className=\"h-8 w-8 shrink-0 text-muted-foreground hover:text-destructive\"\n                onClick={clearDoc}\n                aria-label=\"Remove document\"\n              >\n                <X className=\"h-4 w-4\" />\n              </Button>\n            </div>\n          ) : (\n            <div className=\"space-y-1.5\">\n              <input\n                ref={docInputRef}\n                type=\"file\"\n                accept={docUpload.accept}\n                className=\"hidden\"\n                onChange={(e) => {\n                  const f = e.target.files?.[0];\n                  if (f) void handleDocPick(f);\n                }}\n              />\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                disabled={docUploading}\n                onClick={() => docInputRef.current?.click()}\n              >\n                {docUploading ? (\n                  <>\n                    <Loader2 className=\"mr-1.5 h-3.5 w-3.5 animate-spin\" />\n                    Uploading…\n                  </>\n                ) : (\n                  <>\n                    <FileUp className=\"mr-1.5 h-3.5 w-3.5\" />\n                    Upload document\n                  </>\n                )}\n              </Button>\n              {docError && <p className=\"text-xs text-destructive\">{docError}</p>}\n              <p className=\"text-xs text-muted-foreground leading-relaxed\">{docUpload.hint}</p>\n            </div>\n          )}\n        </section>\n      )}\n\n      {/* ── Embeds (inline players) ─────────────────────────────── */}\n      {template.embeds && template.embeds.length > 0 && (\n        <section className=\"space-y-3\">\n          <p className=\"text-[11px] font-semibold text-muted-foreground\">Embeds</p>\n          {template.embeds.map((platform) => {\n            const meta = EMBED_PLATFORM_META[platform];\n            const PIcon = meta.icon;\n            const value = embedValues[meta.traitKey] ?? \"\";\n            return (\n              <div key={platform} className=\"space-y-1.5\">\n                <Label className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n                  <PIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                  {looksLikeUrl(value) && (\n                    <span className=\"ml-1 inline-flex items-center gap-0.5 text-[10px] font-medium text-emerald-400\">\n                      <Check className=\"h-3 w-3\" /> connected\n                    </span>\n                  )}\n                </Label>\n                <Input\n                  type=\"url\"\n                  inputMode=\"url\"\n                  placeholder={meta.placeholder}\n                  value={value}\n                  onChange={(e) =>\n                    setEmbedValues((cur) => ({ ...cur, [meta.traitKey]: e.target.value }))\n                  }\n                  className=\"h-10 text-sm\"\n                />\n              </div>\n            );\n          })}\n        </section>\n      )}\n\n      {/* ── Social links (icon chips on the asset page) ─────────── */}\n      {template.socials && template.socials.length > 0 && (\n        <section className=\"space-y-3\">\n          <p className=\"text-[11px] font-semibold text-muted-foreground\">Social links</p>\n          {template.socials.map((platform) => {\n            const meta = SOCIAL_PLATFORM_META[platform];\n            const PIcon = meta.icon;\n            const value = socialValues[meta.traitKey] ?? \"\";\n            return (\n              <div key={platform} className=\"space-y-1.5\">\n                <Label className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n                  <PIcon className=\"h-3.5 w-3.5\" />\n                  {meta.label}\n                </Label>\n                <Input\n                  type=\"url\"\n                  inputMode=\"url\"\n                  placeholder={meta.placeholder}\n                  value={value}\n                  onChange={(e) =>\n                    setSocialValues((cur) => ({ ...cur, [meta.traitKey]: e.target.value }))\n                  }\n                  className=\"h-10 text-sm\"\n                />\n              </div>\n            );\n          })}\n        </section>\n      )}\n\n      {/* ── Traits ───────────────────────────────────────────────── */}\n      <section className=\"space-y-3 border-t border-border/60 pt-4\">\n        <p className=\"text-sm font-semibold\">Traits</p>\n\n        {/* Suggestion chips */}\n        {template.traitSuggestions && template.traitSuggestions.length > 0 && (\n          <div className=\"flex flex-wrap gap-2\">\n            {template.traitSuggestions\n              .filter((s) => !addedKeys.has(s.key.toLowerCase()))\n              .map((s) => (\n                <button\n                  key={s.key}\n                  type=\"button\"\n                  onClick={() => addSuggestion(s)}\n                  className=\"inline-flex items-center gap-1 rounded-full border border-border bg-muted/40 px-3 py-1 text-xs font-medium text-muted-foreground transition-colors hover:border-primary/40 hover:text-foreground\"\n                >\n                  <Plus className=\"h-3 w-3\" />\n                  {s.key}\n                </button>\n              ))}\n          </div>\n        )}\n\n        {/* Trait rows — one trait per card, inputs stacked (mobile-first) */}\n        {traits.length > 0 && (\n          <div className=\"space-y-2\">\n            {traits.map((row) => (\n              <div\n                key={row.id}\n                className=\"grid grid-cols-[1fr_1fr_auto] items-center gap-2\"\n              >\n                <Input\n                  value={row.key}\n                  onChange={(e) => updateTrait(row.id, { key: e.target.value })}\n                  placeholder=\"Trait name\"\n                  className=\"h-9 text-sm\"\n                  maxLength={64}\n                />\n                {row.options ? (\n                  <Select\n                    value={row.value}\n                    onValueChange={(v) => updateTrait(row.id, { value: v })}\n                  >\n                    <SelectTrigger className=\"h-9 text-sm\">\n                      <SelectValue placeholder=\"Value\" />\n                    </SelectTrigger>\n                    <SelectContent>\n                      {row.options.map((opt) => (\n                        <SelectItem key={opt} value={opt}>{opt}</SelectItem>\n                      ))}\n                    </SelectContent>\n                  </Select>\n                ) : (\n                  <Input\n                    value={row.value}\n                    onChange={(e) => updateTrait(row.id, { value: e.target.value })}\n                    placeholder=\"Value\"\n                    className=\"h-9 text-sm\"\n                    maxLength={512}\n                  />\n                )}\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"icon\"\n                  className=\"h-9 w-9 shrink-0 text-muted-foreground hover:text-destructive\"\n                  onClick={() => removeTrait(row.id)}\n                  aria-label=\"Remove trait\"\n                >\n                  <Trash2 className=\"h-4 w-4\" />\n                </Button>\n              </div>\n            ))}\n          </div>\n        )}\n\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addCustomTrait}>\n          <Plus className=\"mr-1.5 h-3.5 w-3.5\" />\n          Add custom trait\n        </Button>\n      </section>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/components/json-ld.cjs

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var json_ld_exports = {};
+__export(json_ld_exports, {
+  JsonLd: () => JsonLd
+});
+module.exports = __toCommonJS(json_ld_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function JsonLd({ data }) {
+  const json = JSON.stringify(data).replace(/</g, "\\u003c");
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: json }
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  JsonLd
+});
+//# sourceMappingURL=json-ld.cjs.map

package/dist/components/json-ld.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/json-ld.tsx"],"sourcesContent":["export interface JsonLdProps {\n  data: Record<string, unknown> | Array<Record<string, unknown>>;\n}\n\nexport function JsonLd({ data }: JsonLdProps) {\n  const json = JSON.stringify(data).replace(/</g, \"\\\\u003c\");\n\n  return (\n    <script\n      type=\"application/ld+json\"\n      dangerouslySetInnerHTML={{ __html: json }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQI;AAJG,SAAS,OAAO,EAAE,KAAK,GAAgB;AAC5C,QAAM,OAAO,KAAK,UAAU,IAAI,EAAE,QAAQ,MAAM,SAAS;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,EAC1C;AAEJ;","names":[]}

package/dist/components/json-ld.d.cts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface JsonLdProps {
+    data: Record<string, unknown> | Array<Record<string, unknown>>;
+}
+declare function JsonLd({ data }: JsonLdProps): react_jsx_runtime.JSX.Element;
+
+export { JsonLd, type JsonLdProps };

package/dist/components/json-ld.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface JsonLdProps {
+    data: Record<string, unknown> | Array<Record<string, unknown>>;
+}
+declare function JsonLd({ data }: JsonLdProps): react_jsx_runtime.JSX.Element;
+
+export { JsonLd, type JsonLdProps };

package/dist/components/json-ld.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+function JsonLd({ data }) {
+  const json = JSON.stringify(data).replace(/</g, "\\u003c");
+  return /* @__PURE__ */ jsx(
+    "script",
+    {
+      type: "application/ld+json",
+      dangerouslySetInnerHTML: { __html: json }
+    }
+  );
+}
+export {
+  JsonLd
+};
+//# sourceMappingURL=json-ld.js.map

package/dist/components/json-ld.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/json-ld.tsx"],"sourcesContent":["export interface JsonLdProps {\n  data: Record<string, unknown> | Array<Record<string, unknown>>;\n}\n\nexport function JsonLd({ data }: JsonLdProps) {\n  const json = JSON.stringify(data).replace(/</g, \"\\\\u003c\");\n\n  return (\n    <script\n      type=\"application/ld+json\"\n      dangerouslySetInnerHTML={{ __html: json }}\n    />\n  );\n}\n"],"mappings":"AAQI;AAJG,SAAS,OAAO,EAAE,KAAK,GAAgB;AAC5C,QAAM,OAAO,KAAK,UAAU,IAAI,EAAE,QAAQ,MAAM,SAAS;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,yBAAyB,EAAE,QAAQ,KAAK;AAAA;AAAA,EAC1C;AAEJ;","names":[]}

package/dist/components/nav-theme-toggle.cjs

@@ -0,0 +1,66 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var nav_theme_toggle_exports = {};
+__export(nav_theme_toggle_exports, {
+  NavThemeToggle: () => NavThemeToggle
+});
+module.exports = __toCommonJS(nav_theme_toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_next_themes = require("next-themes");
+var import_lucide_react = require("lucide-react");
+var import_cn = require("../utils/cn.js");
+function NavThemeToggle() {
+  const { resolvedTheme, setTheme } = (0, import_next_themes.useTheme)();
+  const [mounted, setMounted] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => setMounted(true), []);
+  const isDark = mounted ? resolvedTheme === "dark" : true;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      role: "group",
+      "aria-label": "Theme",
+      className: "flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5",
+      children: [
+        { key: "light", label: "Light theme", Icon: import_lucide_react.Sun, active: !isDark },
+        { key: "dark", label: "Dark theme", Icon: import_lucide_react.Moon, active: isDark }
+      ].map(({ key, label, Icon, active }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "button",
+        {
+          type: "button",
+          "aria-label": label,
+          "aria-pressed": active,
+          onClick: () => setTheme(key),
+          className: (0, import_cn.cn)(
+            "flex h-7 w-7 items-center justify-center rounded-md transition-colors",
+            active ? "bg-background text-foreground shadow-sm" : "text-muted-foreground/60 hover:text-foreground"
+          ),
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, { className: "h-3.5 w-3.5" })
+        },
+        key
+      ))
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavThemeToggle
+});
+//# sourceMappingURL=nav-theme-toggle.cjs.map

package/dist/components/nav-theme-toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/nav-theme-toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useState } from \"react\";\nimport { useTheme } from \"next-themes\";\nimport { Sun, Moon } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\n\n/**\n * Compact Light/Dark segmented toggle for the nav menu footer.\n * Passed to NavCommandMenu via its `footerSlot` prop.\n */\nexport function NavThemeToggle() {\n  const { resolvedTheme, setTheme } = useTheme();\n  const [mounted, setMounted] = useState(false);\n\n  // next-themes can't know the theme until mounted — avoid hydration mismatch.\n  useEffect(() => setMounted(true), []);\n\n  const isDark = mounted ? resolvedTheme === \"dark\" : true;\n\n  return (\n    <div\n      role=\"group\"\n      aria-label=\"Theme\"\n      className=\"flex items-center gap-0.5 rounded-lg bg-muted/40 p-0.5\"\n    >\n      {[\n        { key: \"light\", label: \"Light theme\", Icon: Sun, active: !isDark },\n        { key: \"dark\", label: \"Dark theme\", Icon: Moon, active: isDark },\n      ].map(({ key, label, Icon, active }) => (\n        <button\n          key={key}\n          type=\"button\"\n          aria-label={label}\n          aria-pressed={active}\n          onClick={() => setTheme(key)}\n          className={cn(\n            \"flex h-7 w-7 items-center justify-center rounded-md transition-colors\",\n            active\n              ? \"bg-background text-foreground shadow-sm\"\n              : \"text-muted-foreground/60 hover:text-foreground\"\n          )}\n        >\n          <Icon className=\"h-3.5 w-3.5\" />\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2CU;AAzCV,mBAAoC;AACpC,yBAAyB;AACzB,0BAA0B;AAC1B,gBAAmB;AAMZ,SAAS,iBAAiB;AAC/B,QAAM,EAAE,eAAe,SAAS,QAAI,6BAAS;AAC7C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAG5C,8BAAU,MAAM,WAAW,IAAI,GAAG,CAAC,CAAC;AAEpC,QAAM,SAAS,UAAU,kBAAkB,SAAS;AAEpD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAU;AAAA,MAET;AAAA,QACC,EAAE,KAAK,SAAS,OAAO,eAAe,MAAM,yBAAK,QAAQ,CAAC,OAAO;AAAA,QACjE,EAAE,KAAK,QAAQ,OAAO,cAAc,MAAM,0BAAM,QAAQ,OAAO;AAAA,MACjE,EAAE,IAAI,CAAC,EAAE,KAAK,OAAO,MAAM,OAAO,MAChC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAK;AAAA,UACL,cAAY;AAAA,UACZ,gBAAc;AAAA,UACd,SAAS,MAAM,SAAS,GAAG;AAAA,UAC3B,eAAW;AAAA,YACT;AAAA,YACA,SACI,4CACA;AAAA,UACN;AAAA,UAEA,sDAAC,QAAK,WAAU,eAAc;AAAA;AAAA,QAZzB;AAAA,MAaP,CACD;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/components/nav-theme-toggle.d.cts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Compact Light/Dark segmented toggle for the nav menu footer.
+ * Passed to NavCommandMenu via its `footerSlot` prop.
+ */
+declare function NavThemeToggle(): react_jsx_runtime.JSX.Element;
+
+export { NavThemeToggle };

package/dist/components/nav-theme-toggle.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * Compact Light/Dark segmented toggle for the nav menu footer.
+ * Passed to NavCommandMenu via its `footerSlot` prop.
+ */
+declare function NavThemeToggle(): react_jsx_runtime.JSX.Element;
+
+export { NavThemeToggle };