@medialane/ui 0.140.0 → 0.140.1

package/dist/components/asset-picker.cjs

@@ -27,6 +27,38 @@ var import_react = require("react");
 var import_lucide_react = require("lucide-react");
 var import_cn = require("../utils/cn.js");
 var import_asset_picker_cell = require("./asset-picker-cell.js");
+function MintPromoCard({ onMintClick }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "rounded-2xl p-[1.5px] bg-gradient-to-br from-brand-purple to-brand-orange", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "rounded-[15px] bg-card p-5 flex flex-col sm:flex-row sm:items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "h-11 w-11 rounded-xl bg-gradient-to-br from-brand-purple to-brand-orange flex items-center justify-center shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "h-5 w-5 text-white" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-sm font-bold text-foreground", children: "Mint your first asset" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: "It becomes your avatar and app theme \u2014 ready in seconds." })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "btn-border-animated shrink-0 p-[1px] rounded-xl", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: onMintClick,
+        className: "h-10 px-4 rounded-[11px] bg-card text-sm font-semibold text-foreground hover:brightness-110 active:scale-[0.98] transition-all whitespace-nowrap",
+        children: "Mint an asset"
+      }
+    ) })
+  ] }) });
+}
+function MintTile({ onMintClick }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: onMintClick,
+      className: "aspect-square rounded-xl border-2 border-dashed border-brand-purple/40 hover:border-brand-purple/70 hover:bg-brand-purple/5 transition-colors flex flex-col items-center justify-center gap-1 text-brand-purple",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Plus, { className: "h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-2xs font-semibold", children: "New" })
+      ]
+    }
+  );
+}
 function AssetPicker({
   assets,
   isLoading,
@@ -34,6 +66,7 @@ function AssetPicker({
   onSelect,
   emptyStateHref,
   emptyStateLabel,
+  onMintClick,
   className
 }) {
   const [query, setQuery] = (0, import_react.useState)("");
@@ -42,6 +75,7 @@ function AssetPicker({
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_cn.cn)("grid grid-cols-3 sm:grid-cols-4 gap-2.5", className), children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "aspect-square rounded-xl bg-muted/60 animate-pulse" }, i)) });
   }
   if (assets.length === 0) {
+    if (onMintClick) return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MintPromoCard, { onMintClick });
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: (0, import_cn.cn)("rounded-xl border border-dashed border-border/60 p-6 text-center text-sm text-muted-foreground", className), children: [
       "You don't own any assets yet.",
       emptyStateHref ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href: emptyStateHref, className: "ml-1 font-semibold text-foreground underline underline-offset-2", children: emptyStateLabel ?? "Create one" }) : null
@@ -61,15 +95,18 @@ function AssetPicker({
         }
       )
     ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "grid grid-cols-3 sm:grid-cols-4 gap-2.5 max-h-80 overflow-y-auto pr-0.5", children: filtered.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_asset_picker_cell.AssetPickerCell,
-      {
-        asset,
-        active: (0, import_asset_picker_cell.isSameAsset)(asset, selected),
-        onSelect
-      },
-      `${asset.contractAddress}-${asset.tokenId}`
-    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "grid grid-cols-3 sm:grid-cols-4 gap-2.5 max-h-80 overflow-y-auto pr-0.5", children: [
+      filtered.map((asset) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_asset_picker_cell.AssetPickerCell,
+        {
+          asset,
+          active: (0, import_asset_picker_cell.isSameAsset)(asset, selected),
+          onSelect
+        },
+        `${asset.contractAddress}-${asset.tokenId}`
+      )),
+      onMintClick && !query ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MintTile, { onMintClick }) : null
+    ] }),
     query && filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "text-xs text-muted-foreground text-center py-4", children: [
       'No assets match "',
       query,

package/dist/components/asset-picker.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { AssetPickerCell, isSameAsset } from \"./asset-picker-cell.js\";\n\nexport interface OwnedAsset {\n  contractAddress: string;\n  tokenId: string;\n  name: string;\n  image: string | null;\n}\n\nexport interface AssetPickerProps {\n\n  assets: OwnedAsset[];\n  isLoading: boolean;\n  selected: OwnedAsset | null;\n  onSelect: (asset: OwnedAsset) => void;\n\n  emptyStateHref?: string;\n  emptyStateLabel?: string;\n  className?: string;\n}\n\nexport function AssetPicker({\n  assets, isLoading, selected, onSelect, emptyStateHref, emptyStateLabel, className,\n}: AssetPickerProps) {\n  const [query, setQuery] = useState(\"\");\n  const filtered = query\n    ? assets.filter((a) => a.name.toLowerCase().includes(query.toLowerCase()))\n    : assets;\n\n  if (isLoading) {\n    return (\n      <div className={cn(\"grid grid-cols-3 sm:grid-cols-4 gap-2.5\", className)}>\n        {Array.from({ length: 8 }).map((_, i) => (\n          <div key={i} className=\"aspect-square rounded-xl bg-muted/60 animate-pulse\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (assets.length === 0) {\n    return (\n      <div className={cn(\"rounded-xl border border-dashed border-border/60 p-6 text-center text-sm text-muted-foreground\", className)}>\n        You don&apos;t own any assets yet.\n        {emptyStateHref ? (\n          <a href={emptyStateHref} className=\"ml-1 font-semibold text-foreground underline underline-offset-2\">\n            {emptyStateLabel ?? \"Create one\"}\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      {assets.length > 8 ? (\n        <div className=\"relative\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none\" />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search your assets\"\n            className=\"w-full h-10 rounded-full border border-border bg-card pl-9 pr-4 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40\"\n          />\n        </div>\n      ) : null}\n\n      <div className=\"grid grid-cols-3 sm:grid-cols-4 gap-2.5 max-h-80 overflow-y-auto pr-0.5\">\n        {filtered.map((asset) => (\n          <AssetPickerCell\n            key={`${asset.contractAddress}-${asset.tokenId}`}\n            asset={asset}\n            active={isSameAsset(asset, selected)}\n            onSelect={onSelect}\n          />\n        ))}\n      </div>\n\n      {query && filtered.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground text-center py-4\">No assets match &quot;{query}&quot;.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsCU;AApCV,mBAAyB;AACzB,0BAAuB;AACvB,gBAAmB;AACnB,+BAA6C;AAqBtC,SAAS,YAAY;AAAA,EAC1B;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAU;AAAA,EAAU;AAAA,EAAgB;AAAA,EAAiB;AAC1E,GAAqB;AACnB,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AACrC,QAAM,WAAW,QACb,OAAO,OAAO,CAAC,MAAM,EAAE,KAAK,YAAY,EAAE,SAAS,MAAM,YAAY,CAAC,CAAC,IACvE;AAEJ,MAAI,WAAW;AACb,WACE,4CAAC,SAAI,eAAW,cAAG,2CAA2C,SAAS,GACpE,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,4CAAC,SAAY,WAAU,wDAAb,CAAkE,CAC7E,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO,WAAW,GAAG;AACvB,WACE,6CAAC,SAAI,eAAW,cAAG,kGAAkG,SAAS,GAAG;AAAA;AAAA,MAE9H,iBACC,4CAAC,OAAE,MAAM,gBAAgB,WAAU,mEAChC,6BAAmB,cACtB,IACE;AAAA,OACN;AAAA,EAEJ;AAEA,SACE,6CAAC,SAAI,eAAW,cAAG,aAAa,SAAS,GACtC;AAAA,WAAO,SAAS,IACf,6CAAC,SAAI,WAAU,YACb;AAAA,kDAAC,8BAAO,WAAU,8FAA6F;AAAA,MAC/G;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,aAAY;AAAA,UACZ,WAAU;AAAA;AAAA,MACZ;AAAA,OACF,IACE;AAAA,IAEJ,4CAAC,SAAI,WAAU,2EACZ,mBAAS,IAAI,CAAC,UACb;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,YAAQ,sCAAY,OAAO,QAAQ;AAAA,QACnC;AAAA;AAAA,MAHK,GAAG,MAAM,eAAe,IAAI,MAAM,OAAO;AAAA,IAIhD,CACD,GACH;AAAA,IAEC,SAAS,SAAS,WAAW,IAC5B,6CAAC,OAAE,WAAU,kDAAiD;AAAA;AAAA,MAAuB;AAAA,MAAM;AAAA,OAAO,IAChG;AAAA,KACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/asset-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Search, Plus, Sparkles } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { AssetPickerCell, isSameAsset } from \"./asset-picker-cell.js\";\n\nexport interface OwnedAsset {\n  contractAddress: string;\n  tokenId: string;\n  name: string;\n  image: string | null;\n}\n\nexport interface AssetPickerProps {\n\n  assets: OwnedAsset[];\n  isLoading: boolean;\n  selected: OwnedAsset | null;\n  onSelect: (asset: OwnedAsset) => void;\n\n  emptyStateHref?: string;\n  emptyStateLabel?: string;\n  onMintClick?: () => void;\n  className?: string;\n}\n\nfunction MintPromoCard({ onMintClick }: { onMintClick: () => void }) {\n  return (\n    <div className=\"rounded-2xl p-[1.5px] bg-gradient-to-br from-brand-purple to-brand-orange\">\n      <div className=\"rounded-[15px] bg-card p-5 flex flex-col sm:flex-row sm:items-center gap-4\">\n        <div className=\"h-11 w-11 rounded-xl bg-gradient-to-br from-brand-purple to-brand-orange flex items-center justify-center shrink-0\">\n          <Sparkles className=\"h-5 w-5 text-white\" />\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-bold text-foreground\">Mint your first asset</p>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">It becomes your avatar and app theme — ready in seconds.</p>\n        </div>\n        <div className=\"btn-border-animated shrink-0 p-[1px] rounded-xl\">\n          <button\n            type=\"button\"\n            onClick={onMintClick}\n            className=\"h-10 px-4 rounded-[11px] bg-card text-sm font-semibold text-foreground hover:brightness-110 active:scale-[0.98] transition-all whitespace-nowrap\"\n          >\n            Mint an asset\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MintTile({ onMintClick }: { onMintClick: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onMintClick}\n      className=\"aspect-square rounded-xl border-2 border-dashed border-brand-purple/40 hover:border-brand-purple/70 hover:bg-brand-purple/5 transition-colors flex flex-col items-center justify-center gap-1 text-brand-purple\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      <span className=\"text-2xs font-semibold\">New</span>\n    </button>\n  );\n}\n\nexport function AssetPicker({\n  assets, isLoading, selected, onSelect, emptyStateHref, emptyStateLabel, onMintClick, className,\n}: AssetPickerProps) {\n  const [query, setQuery] = useState(\"\");\n  const filtered = query\n    ? assets.filter((a) => a.name.toLowerCase().includes(query.toLowerCase()))\n    : assets;\n\n  if (isLoading) {\n    return (\n      <div className={cn(\"grid grid-cols-3 sm:grid-cols-4 gap-2.5\", className)}>\n        {Array.from({ length: 8 }).map((_, i) => (\n          <div key={i} className=\"aspect-square rounded-xl bg-muted/60 animate-pulse\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (assets.length === 0) {\n    if (onMintClick) return <MintPromoCard onMintClick={onMintClick} />;\n    return (\n      <div className={cn(\"rounded-xl border border-dashed border-border/60 p-6 text-center text-sm text-muted-foreground\", className)}>\n        You don&apos;t own any assets yet.\n        {emptyStateHref ? (\n          <a href={emptyStateHref} className=\"ml-1 font-semibold text-foreground underline underline-offset-2\">\n            {emptyStateLabel ?? \"Create one\"}\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      {assets.length > 8 ? (\n        <div className=\"relative\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none\" />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search your assets\"\n            className=\"w-full h-10 rounded-full border border-border bg-card pl-9 pr-4 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40\"\n          />\n        </div>\n      ) : null}\n\n      <div className=\"grid grid-cols-3 sm:grid-cols-4 gap-2.5 max-h-80 overflow-y-auto pr-0.5\">\n        {filtered.map((asset) => (\n          <AssetPickerCell\n            key={`${asset.contractAddress}-${asset.tokenId}`}\n            asset={asset}\n            active={isSameAsset(asset, selected)}\n            onSelect={onSelect}\n          />\n        ))}\n        {onMintClick && !query ? <MintTile onMintClick={onMintClick} /> : null}\n      </div>\n\n      {query && filtered.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground text-center py-4\">No assets match &quot;{query}&quot;.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCU;AA9BV,mBAAyB;AACzB,0BAAuC;AACvC,gBAAmB;AACnB,+BAA6C;AAsB7C,SAAS,cAAc,EAAE,YAAY,GAAgC;AACnE,SACE,4CAAC,SAAI,WAAU,6EACb,uDAAC,SAAI,WAAU,8EACb;AAAA,gDAAC,SAAI,WAAU,sHACb,sDAAC,gCAAS,WAAU,sBAAqB,GAC3C;AAAA,IACA,6CAAC,SAAI,WAAU,kBACb;AAAA,kDAAC,OAAE,WAAU,qCAAoC,mCAAqB;AAAA,MACtE,4CAAC,OAAE,WAAU,wCAAuC,2EAAwD;AAAA,OAC9G;AAAA,IACA,4CAAC,SAAI,WAAU,mDACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED,GACF;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,SAAS,EAAE,YAAY,GAAgC;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAU;AAAA,MAEV;AAAA,oDAAC,4BAAK,WAAU,WAAU;AAAA,QAC1B,4CAAC,UAAK,WAAU,0BAAyB,iBAAG;AAAA;AAAA;AAAA,EAC9C;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAU;AAAA,EAAU;AAAA,EAAgB;AAAA,EAAiB;AAAA,EAAa;AACvF,GAAqB;AACnB,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AACrC,QAAM,WAAW,QACb,OAAO,OAAO,CAAC,MAAM,EAAE,KAAK,YAAY,EAAE,SAAS,MAAM,YAAY,CAAC,CAAC,IACvE;AAEJ,MAAI,WAAW;AACb,WACE,4CAAC,SAAI,eAAW,cAAG,2CAA2C,SAAS,GACpE,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,4CAAC,SAAY,WAAU,wDAAb,CAAkE,CAC7E,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO,WAAW,GAAG;AACvB,QAAI,YAAa,QAAO,4CAAC,iBAAc,aAA0B;AACjE,WACE,6CAAC,SAAI,eAAW,cAAG,kGAAkG,SAAS,GAAG;AAAA;AAAA,MAE9H,iBACC,4CAAC,OAAE,MAAM,gBAAgB,WAAU,mEAChC,6BAAmB,cACtB,IACE;AAAA,OACN;AAAA,EAEJ;AAEA,SACE,6CAAC,SAAI,eAAW,cAAG,aAAa,SAAS,GACtC;AAAA,WAAO,SAAS,IACf,6CAAC,SAAI,WAAU,YACb;AAAA,kDAAC,8BAAO,WAAU,8FAA6F;AAAA,MAC/G;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,aAAY;AAAA,UACZ,WAAU;AAAA;AAAA,MACZ;AAAA,OACF,IACE;AAAA,IAEJ,6CAAC,SAAI,WAAU,2EACZ;AAAA,eAAS,IAAI,CAAC,UACb;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,YAAQ,sCAAY,OAAO,QAAQ;AAAA,UACnC;AAAA;AAAA,QAHK,GAAG,MAAM,eAAe,IAAI,MAAM,OAAO;AAAA,MAIhD,CACD;AAAA,MACA,eAAe,CAAC,QAAQ,4CAAC,YAAS,aAA0B,IAAK;AAAA,OACpE;AAAA,IAEC,SAAS,SAAS,WAAW,IAC5B,6CAAC,OAAE,WAAU,kDAAiD;AAAA;AAAA,MAAuB;AAAA,MAAM;AAAA,OAAO,IAChG;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/asset-picker.d.cts

@@ -13,8 +13,9 @@ interface AssetPickerProps {
     onSelect: (asset: OwnedAsset) => void;
     emptyStateHref?: string;
     emptyStateLabel?: string;
+    onMintClick?: () => void;
     className?: string;
 }
-declare function AssetPicker({ assets, isLoading, selected, onSelect, emptyStateHref, emptyStateLabel, className, }: AssetPickerProps): react_jsx_runtime.JSX.Element;
+declare function AssetPicker({ assets, isLoading, selected, onSelect, emptyStateHref, emptyStateLabel, onMintClick, className, }: AssetPickerProps): react_jsx_runtime.JSX.Element;
 
 export { AssetPicker, type AssetPickerProps, type OwnedAsset };

package/dist/components/asset-picker.d.ts

@@ -13,8 +13,9 @@ interface AssetPickerProps {
     onSelect: (asset: OwnedAsset) => void;
     emptyStateHref?: string;
     emptyStateLabel?: string;
+    onMintClick?: () => void;
     className?: string;
 }
-declare function AssetPicker({ assets, isLoading, selected, onSelect, emptyStateHref, emptyStateLabel, className, }: AssetPickerProps): react_jsx_runtime.JSX.Element;
+declare function AssetPicker({ assets, isLoading, selected, onSelect, emptyStateHref, emptyStateLabel, onMintClick, className, }: AssetPickerProps): react_jsx_runtime.JSX.Element;
 
 export { AssetPicker, type AssetPickerProps, type OwnedAsset };

package/dist/components/asset-picker.js

@@ -1,9 +1,41 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
-import { Search } from "lucide-react";
+import { Search, Plus, Sparkles } from "lucide-react";
 import { cn } from "../utils/cn.js";
 import { AssetPickerCell, isSameAsset } from "./asset-picker-cell.js";
+function MintPromoCard({ onMintClick }) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-2xl p-[1.5px] bg-gradient-to-br from-brand-purple to-brand-orange", children: /* @__PURE__ */ jsxs("div", { className: "rounded-[15px] bg-card p-5 flex flex-col sm:flex-row sm:items-center gap-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "h-11 w-11 rounded-xl bg-gradient-to-br from-brand-purple to-brand-orange flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(Sparkles, { className: "h-5 w-5 text-white" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-bold text-foreground", children: "Mint your first asset" }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-0.5", children: "It becomes your avatar and app theme \u2014 ready in seconds." })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "btn-border-animated shrink-0 p-[1px] rounded-xl", children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onMintClick,
+        className: "h-10 px-4 rounded-[11px] bg-card text-sm font-semibold text-foreground hover:brightness-110 active:scale-[0.98] transition-all whitespace-nowrap",
+        children: "Mint an asset"
+      }
+    ) })
+  ] }) });
+}
+function MintTile({ onMintClick }) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onMintClick,
+      className: "aspect-square rounded-xl border-2 border-dashed border-brand-purple/40 hover:border-brand-purple/70 hover:bg-brand-purple/5 transition-colors flex flex-col items-center justify-center gap-1 text-brand-purple",
+      children: [
+        /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "text-2xs font-semibold", children: "New" })
+      ]
+    }
+  );
+}
 function AssetPicker({
   assets,
   isLoading,
@@ -11,6 +43,7 @@ function AssetPicker({
   onSelect,
   emptyStateHref,
   emptyStateLabel,
+  onMintClick,
   className
 }) {
   const [query, setQuery] = useState("");
@@ -19,6 +52,7 @@ function AssetPicker({
     return /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-3 sm:grid-cols-4 gap-2.5", className), children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "aspect-square rounded-xl bg-muted/60 animate-pulse" }, i)) });
   }
   if (assets.length === 0) {
+    if (onMintClick) return /* @__PURE__ */ jsx(MintPromoCard, { onMintClick });
     return /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl border border-dashed border-border/60 p-6 text-center text-sm text-muted-foreground", className), children: [
       "You don't own any assets yet.",
       emptyStateHref ? /* @__PURE__ */ jsx("a", { href: emptyStateHref, className: "ml-1 font-semibold text-foreground underline underline-offset-2", children: emptyStateLabel ?? "Create one" }) : null
@@ -38,15 +72,18 @@ function AssetPicker({
         }
       )
     ] }) : null,
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 sm:grid-cols-4 gap-2.5 max-h-80 overflow-y-auto pr-0.5", children: filtered.map((asset) => /* @__PURE__ */ jsx(
-      AssetPickerCell,
-      {
-        asset,
-        active: isSameAsset(asset, selected),
-        onSelect
-      },
-      `${asset.contractAddress}-${asset.tokenId}`
-    )) }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 sm:grid-cols-4 gap-2.5 max-h-80 overflow-y-auto pr-0.5", children: [
+      filtered.map((asset) => /* @__PURE__ */ jsx(
+        AssetPickerCell,
+        {
+          asset,
+          active: isSameAsset(asset, selected),
+          onSelect
+        },
+        `${asset.contractAddress}-${asset.tokenId}`
+      )),
+      onMintClick && !query ? /* @__PURE__ */ jsx(MintTile, { onMintClick }) : null
+    ] }),
     query && filtered.length === 0 ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground text-center py-4", children: [
       'No assets match "',
       query,

package/dist/components/asset-picker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/asset-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Search } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { AssetPickerCell, isSameAsset } from \"./asset-picker-cell.js\";\n\nexport interface OwnedAsset {\n  contractAddress: string;\n  tokenId: string;\n  name: string;\n  image: string | null;\n}\n\nexport interface AssetPickerProps {\n\n  assets: OwnedAsset[];\n  isLoading: boolean;\n  selected: OwnedAsset | null;\n  onSelect: (asset: OwnedAsset) => void;\n\n  emptyStateHref?: string;\n  emptyStateLabel?: string;\n  className?: string;\n}\n\nexport function AssetPicker({\n  assets, isLoading, selected, onSelect, emptyStateHref, emptyStateLabel, className,\n}: AssetPickerProps) {\n  const [query, setQuery] = useState(\"\");\n  const filtered = query\n    ? assets.filter((a) => a.name.toLowerCase().includes(query.toLowerCase()))\n    : assets;\n\n  if (isLoading) {\n    return (\n      <div className={cn(\"grid grid-cols-3 sm:grid-cols-4 gap-2.5\", className)}>\n        {Array.from({ length: 8 }).map((_, i) => (\n          <div key={i} className=\"aspect-square rounded-xl bg-muted/60 animate-pulse\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (assets.length === 0) {\n    return (\n      <div className={cn(\"rounded-xl border border-dashed border-border/60 p-6 text-center text-sm text-muted-foreground\", className)}>\n        You don&apos;t own any assets yet.\n        {emptyStateHref ? (\n          <a href={emptyStateHref} className=\"ml-1 font-semibold text-foreground underline underline-offset-2\">\n            {emptyStateLabel ?? \"Create one\"}\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      {assets.length > 8 ? (\n        <div className=\"relative\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none\" />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search your assets\"\n            className=\"w-full h-10 rounded-full border border-border bg-card pl-9 pr-4 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40\"\n          />\n        </div>\n      ) : null}\n\n      <div className=\"grid grid-cols-3 sm:grid-cols-4 gap-2.5 max-h-80 overflow-y-auto pr-0.5\">\n        {filtered.map((asset) => (\n          <AssetPickerCell\n            key={`${asset.contractAddress}-${asset.tokenId}`}\n            asset={asset}\n            active={isSameAsset(asset, selected)}\n            onSelect={onSelect}\n          />\n        ))}\n      </div>\n\n      {query && filtered.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground text-center py-4\">No assets match &quot;{query}&quot;.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AAsCU,cAQJ,YARI;AApCV,SAAS,gBAAgB;AACzB,SAAS,cAAc;AACvB,SAAS,UAAU;AACnB,SAAS,iBAAiB,mBAAmB;AAqBtC,SAAS,YAAY;AAAA,EAC1B;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAU;AAAA,EAAU;AAAA,EAAgB;AAAA,EAAiB;AAC1E,GAAqB;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,WAAW,QACb,OAAO,OAAO,CAAC,MAAM,EAAE,KAAK,YAAY,EAAE,SAAS,MAAM,YAAY,CAAC,CAAC,IACvE;AAEJ,MAAI,WAAW;AACb,WACE,oBAAC,SAAI,WAAW,GAAG,2CAA2C,SAAS,GACpE,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,oBAAC,SAAY,WAAU,wDAAb,CAAkE,CAC7E,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO,WAAW,GAAG;AACvB,WACE,qBAAC,SAAI,WAAW,GAAG,kGAAkG,SAAS,GAAG;AAAA;AAAA,MAE9H,iBACC,oBAAC,OAAE,MAAM,gBAAgB,WAAU,mEAChC,6BAAmB,cACtB,IACE;AAAA,OACN;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACtC;AAAA,WAAO,SAAS,IACf,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,UAAO,WAAU,8FAA6F;AAAA,MAC/G;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,aAAY;AAAA,UACZ,WAAU;AAAA;AAAA,MACZ;AAAA,OACF,IACE;AAAA,IAEJ,oBAAC,SAAI,WAAU,2EACZ,mBAAS,IAAI,CAAC,UACb;AAAA,MAAC;AAAA;AAAA,QAEC;AAAA,QACA,QAAQ,YAAY,OAAO,QAAQ;AAAA,QACnC;AAAA;AAAA,MAHK,GAAG,MAAM,eAAe,IAAI,MAAM,OAAO;AAAA,IAIhD,CACD,GACH;AAAA,IAEC,SAAS,SAAS,WAAW,IAC5B,qBAAC,OAAE,WAAU,kDAAiD;AAAA;AAAA,MAAuB;AAAA,MAAM;AAAA,OAAO,IAChG;AAAA,KACN;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/components/asset-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { Search, Plus, Sparkles } from \"lucide-react\";\nimport { cn } from \"../utils/cn.js\";\nimport { AssetPickerCell, isSameAsset } from \"./asset-picker-cell.js\";\n\nexport interface OwnedAsset {\n  contractAddress: string;\n  tokenId: string;\n  name: string;\n  image: string | null;\n}\n\nexport interface AssetPickerProps {\n\n  assets: OwnedAsset[];\n  isLoading: boolean;\n  selected: OwnedAsset | null;\n  onSelect: (asset: OwnedAsset) => void;\n\n  emptyStateHref?: string;\n  emptyStateLabel?: string;\n  onMintClick?: () => void;\n  className?: string;\n}\n\nfunction MintPromoCard({ onMintClick }: { onMintClick: () => void }) {\n  return (\n    <div className=\"rounded-2xl p-[1.5px] bg-gradient-to-br from-brand-purple to-brand-orange\">\n      <div className=\"rounded-[15px] bg-card p-5 flex flex-col sm:flex-row sm:items-center gap-4\">\n        <div className=\"h-11 w-11 rounded-xl bg-gradient-to-br from-brand-purple to-brand-orange flex items-center justify-center shrink-0\">\n          <Sparkles className=\"h-5 w-5 text-white\" />\n        </div>\n        <div className=\"flex-1 min-w-0\">\n          <p className=\"text-sm font-bold text-foreground\">Mint your first asset</p>\n          <p className=\"text-xs text-muted-foreground mt-0.5\">It becomes your avatar and app theme — ready in seconds.</p>\n        </div>\n        <div className=\"btn-border-animated shrink-0 p-[1px] rounded-xl\">\n          <button\n            type=\"button\"\n            onClick={onMintClick}\n            className=\"h-10 px-4 rounded-[11px] bg-card text-sm font-semibold text-foreground hover:brightness-110 active:scale-[0.98] transition-all whitespace-nowrap\"\n          >\n            Mint an asset\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction MintTile({ onMintClick }: { onMintClick: () => void }) {\n  return (\n    <button\n      type=\"button\"\n      onClick={onMintClick}\n      className=\"aspect-square rounded-xl border-2 border-dashed border-brand-purple/40 hover:border-brand-purple/70 hover:bg-brand-purple/5 transition-colors flex flex-col items-center justify-center gap-1 text-brand-purple\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      <span className=\"text-2xs font-semibold\">New</span>\n    </button>\n  );\n}\n\nexport function AssetPicker({\n  assets, isLoading, selected, onSelect, emptyStateHref, emptyStateLabel, onMintClick, className,\n}: AssetPickerProps) {\n  const [query, setQuery] = useState(\"\");\n  const filtered = query\n    ? assets.filter((a) => a.name.toLowerCase().includes(query.toLowerCase()))\n    : assets;\n\n  if (isLoading) {\n    return (\n      <div className={cn(\"grid grid-cols-3 sm:grid-cols-4 gap-2.5\", className)}>\n        {Array.from({ length: 8 }).map((_, i) => (\n          <div key={i} className=\"aspect-square rounded-xl bg-muted/60 animate-pulse\" />\n        ))}\n      </div>\n    );\n  }\n\n  if (assets.length === 0) {\n    if (onMintClick) return <MintPromoCard onMintClick={onMintClick} />;\n    return (\n      <div className={cn(\"rounded-xl border border-dashed border-border/60 p-6 text-center text-sm text-muted-foreground\", className)}>\n        You don&apos;t own any assets yet.\n        {emptyStateHref ? (\n          <a href={emptyStateHref} className=\"ml-1 font-semibold text-foreground underline underline-offset-2\">\n            {emptyStateLabel ?? \"Create one\"}\n          </a>\n        ) : null}\n      </div>\n    );\n  }\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      {assets.length > 8 ? (\n        <div className=\"relative\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground pointer-events-none\" />\n          <input\n            type=\"text\"\n            value={query}\n            onChange={(e) => setQuery(e.target.value)}\n            placeholder=\"Search your assets\"\n            className=\"w-full h-10 rounded-full border border-border bg-card pl-9 pr-4 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-brand-purple/40 focus:border-brand-purple/40\"\n          />\n        </div>\n      ) : null}\n\n      <div className=\"grid grid-cols-3 sm:grid-cols-4 gap-2.5 max-h-80 overflow-y-auto pr-0.5\">\n        {filtered.map((asset) => (\n          <AssetPickerCell\n            key={`${asset.contractAddress}-${asset.tokenId}`}\n            asset={asset}\n            active={isSameAsset(asset, selected)}\n            onSelect={onSelect}\n          />\n        ))}\n        {onMintClick && !query ? <MintTile onMintClick={onMintClick} /> : null}\n      </div>\n\n      {query && filtered.length === 0 ? (\n        <p className=\"text-xs text-muted-foreground text-center py-4\">No assets match &quot;{query}&quot;.</p>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";AAgCU,cAEF,YAFE;AA9BV,SAAS,gBAAgB;AACzB,SAAS,QAAQ,MAAM,gBAAgB;AACvC,SAAS,UAAU;AACnB,SAAS,iBAAiB,mBAAmB;AAsB7C,SAAS,cAAc,EAAE,YAAY,GAAgC;AACnE,SACE,oBAAC,SAAI,WAAU,6EACb,+BAAC,SAAI,WAAU,8EACb;AAAA,wBAAC,SAAI,WAAU,sHACb,8BAAC,YAAS,WAAU,sBAAqB,GAC3C;AAAA,IACA,qBAAC,SAAI,WAAU,kBACb;AAAA,0BAAC,OAAE,WAAU,qCAAoC,mCAAqB;AAAA,MACtE,oBAAC,OAAE,WAAU,wCAAuC,2EAAwD;AAAA,OAC9G;AAAA,IACA,oBAAC,SAAI,WAAU,mDACb;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,WAAU;AAAA,QACX;AAAA;AAAA,IAED,GACF;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,SAAS,EAAE,YAAY,GAAgC;AAC9D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,SAAS;AAAA,MACT,WAAU;AAAA,MAEV;AAAA,4BAAC,QAAK,WAAU,WAAU;AAAA,QAC1B,oBAAC,UAAK,WAAU,0BAAyB,iBAAG;AAAA;AAAA;AAAA,EAC9C;AAEJ;AAEO,SAAS,YAAY;AAAA,EAC1B;AAAA,EAAQ;AAAA,EAAW;AAAA,EAAU;AAAA,EAAU;AAAA,EAAgB;AAAA,EAAiB;AAAA,EAAa;AACvF,GAAqB;AACnB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,EAAE;AACrC,QAAM,WAAW,QACb,OAAO,OAAO,CAAC,MAAM,EAAE,KAAK,YAAY,EAAE,SAAS,MAAM,YAAY,CAAC,CAAC,IACvE;AAEJ,MAAI,WAAW;AACb,WACE,oBAAC,SAAI,WAAW,GAAG,2CAA2C,SAAS,GACpE,gBAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,MACjC,oBAAC,SAAY,WAAU,wDAAb,CAAkE,CAC7E,GACH;AAAA,EAEJ;AAEA,MAAI,OAAO,WAAW,GAAG;AACvB,QAAI,YAAa,QAAO,oBAAC,iBAAc,aAA0B;AACjE,WACE,qBAAC,SAAI,WAAW,GAAG,kGAAkG,SAAS,GAAG;AAAA;AAAA,MAE9H,iBACC,oBAAC,OAAE,MAAM,gBAAgB,WAAU,mEAChC,6BAAmB,cACtB,IACE;AAAA,OACN;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GACtC;AAAA,WAAO,SAAS,IACf,qBAAC,SAAI,WAAU,YACb;AAAA,0BAAC,UAAO,WAAU,8FAA6F;AAAA,MAC/G;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO;AAAA,UACP,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,UACxC,aAAY;AAAA,UACZ,WAAU;AAAA;AAAA,MACZ;AAAA,OACF,IACE;AAAA,IAEJ,qBAAC,SAAI,WAAU,2EACZ;AAAA,eAAS,IAAI,CAAC,UACb;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA,QAAQ,YAAY,OAAO,QAAQ;AAAA,UACnC;AAAA;AAAA,QAHK,GAAG,MAAM,eAAe,IAAI,MAAM,OAAO;AAAA,MAIhD,CACD;AAAA,MACA,eAAe,CAAC,QAAQ,oBAAC,YAAS,aAA0B,IAAK;AAAA,OACpE;AAAA,IAEC,SAAS,SAAS,WAAW,IAC5B,qBAAC,OAAE,WAAU,kDAAiD;AAAA;AAAA,MAAuB;AAAA,MAAM;AAAA,OAAO,IAChG;AAAA,KACN;AAEJ;","names":[]}

package/dist/components/badge.d.cts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "outline" | "default" | "destructive" | "secondary" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/dist/components/button.d.cts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "ghost" | "outline" | "default" | "destructive" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/components/button.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "ghost" | "outline" | "default" | "destructive" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "ghost" | "secondary" | "premium" | "tonal" | "gradient-border" | "gradient-fill" | null | undefined;
+    size?: "icon" | "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/dist/data/drop-create-schema.d.cts

@@ -23,8 +23,8 @@ declare const dropCreateSchema: z.ZodEffects<z.ZodObject<{
     allowlistAddresses: z.ZodDefault<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     symbol: string;
-    name: string;
     derivatives: string;
+    name: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: string;
@@ -65,8 +65,8 @@ declare const dropCreateSchema: z.ZodEffects<z.ZodObject<{
     allowlistAddresses?: string | undefined;
 }>, {
     symbol: string;
-    name: string;
     derivatives: string;
+    name: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: string;

package/dist/data/drop-create-schema.d.ts

@@ -23,8 +23,8 @@ declare const dropCreateSchema: z.ZodEffects<z.ZodObject<{
     allowlistAddresses: z.ZodDefault<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     symbol: string;
-    name: string;
     derivatives: string;
+    name: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: string;
@@ -65,8 +65,8 @@ declare const dropCreateSchema: z.ZodEffects<z.ZodObject<{
     allowlistAddresses?: string | undefined;
 }>, {
     symbol: string;
-    name: string;
     derivatives: string;
+    name: string;
     ipType: "Audio" | "Video" | "Art" | "Photography" | "NFT" | "Software" | "RWA" | "Patents" | "Posts" | "Publications" | "Documents" | "Custom";
     licenseType: string;
     commercialUse: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medialane/ui",
-  "version": "0.140.0",
+  "version": "0.140.1",
   "description": "Shared UI components for Medialane apps",
   "type": "module",
   "sideEffects": false,