@tuwaio/nova-core 1.0.0-fix-integrate-orbit-alpha.7.37786c4 → 1.0.0-fix-integrate-orbit-alpha.9.ee24217

package/dist/index.cjs

@@ -1,3 +1,48 @@
-'use strict';var c=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),i=require('@radix-ui/react-dialog');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var c__namespace=/*#__PURE__*/_interopNamespace(c);var i__namespace=/*#__PURE__*/_interopNamespace(i);function n(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var m=e=>e&&typeof e=="object"&&!Array.isArray(e);function x(e,t){let o={...e};return m(e)&&m(t)&&Object.keys(t).forEach(r=>{let a=e[r],l=t[r];m(a)&&m(l)?o[r]=x(a,l):o[r]=l;}),o}function j(e,t,o){if(!e)return "";if(e.length<=t+o)return e;let r=e.slice(0,t),a=e.slice(e.length-o);return `${r}...${a}`}var D=c__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsxs("svg",{ref:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:n("h-5 w-5 text-[var(--tuwa-text-primary)] transition-colors",e),...t,children:[jsxRuntime.jsx("path",{d:"M18 6 6 18"}),jsxRuntime.jsx("path",{d:"m6 6 12 12"})]}));D.displayName="CloseIcon";var K=i__namespace.Root,U=i__namespace.Trigger,P=i__namespace.Portal,X=i__namespace.Close,v=c__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(i__namespace.Overlay,{ref:o,className:n("fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150","animate-in fade-in-0",e),...t}));v.displayName=i__namespace.Overlay.displayName;var h=c__namespace.forwardRef(({className:e,children:t,...o},r)=>jsxRuntime.jsxs(P,{children:[jsxRuntime.jsx(v,{}),jsxRuntime.jsx(i__namespace.Content,{"aria-describedby":"tuwa:modal-content",ref:r,className:n("fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none",e),...o,children:jsxRuntime.jsx("div",{className:"relative rounded-2xl overflow-hidden",children:jsxRuntime.jsx("div",{className:n("relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl shadow-2xl","border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]","animate-in fade-in-0 zoom-in-95 lide-in-from-top-[48%] duration-350"),children:t})})})]}));h.displayName=i__namespace.Content.displayName;var C=({className:e,...t})=>jsxRuntime.jsx("div",{"aria-describedby":"tuwa:modal-header",className:n("sticky flex top-0 z-11 w-full flex-row items-center justify-between","border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-4",e),...t});C.displayName="DialogHeader";var T=({className:e,...t})=>jsxRuntime.jsx("div",{"aria-describedby":"tuwa:modal-footer",className:n("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});T.displayName="DialogFooter";var N=c__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(i__namespace.Title,{ref:o,"aria-describedby":"tuwa:modal-title",className:n("text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0",e),...t}));N.displayName=i__namespace.Title.displayName;var E=c__namespace.forwardRef(({className:e,...t},o)=>jsxRuntime.jsx(i__namespace.Description,{"aria-describedby":"tuwa:modal-description",ref:o,className:n("text-sm text-[var(--tuwa-text-secondary)]",e),...t}));E.displayName=i__namespace.Description.displayName;function q(e=2e3){let[t,o]=c.useState(false),[r,a]=c.useState(null),l=c.useCallback(async d=>{if(d)try{await navigator.clipboard.writeText(d),o(!0),a(null),setTimeout(()=>o(!1),e);}catch(f){let p=f instanceof Error?f:new Error("Failed to copy text.");console.error(p),a(p),setTimeout(()=>a(null),e);}},[e]);return {isCopied:t,copy:l,error:r}}function oe(e){let t=a=>typeof window<"u"?window.matchMedia(a).matches:false,[o,r]=c.useState(t(e));return c.useEffect(()=>{let a=window.matchMedia(e),l=()=>r(a.matches);return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[e]),o}
-exports.CloseIcon=D;exports.Dialog=K;exports.DialogClose=X;exports.DialogContent=h;exports.DialogDescription=E;exports.DialogFooter=T;exports.DialogHeader=C;exports.DialogOverlay=v;exports.DialogPortal=P;exports.DialogTitle=N;exports.DialogTrigger=U;exports.cn=n;exports.deepMerge=x;exports.textCenterEllipsis=j;exports.useCopyToClipboard=q;exports.useMediaQuery=oe;//# sourceMappingURL=index.cjs.map
+'use strict';var m=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),o=require('@radix-ui/react-dialog'),framerMotion=require('framer-motion');function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var m__namespace=/*#__PURE__*/_interopNamespace(m);var o__namespace=/*#__PURE__*/_interopNamespace(o);function l(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var c=e=>e&&typeof e=="object"&&!Array.isArray(e);function P(e,t){let i={...e};return c(e)&&c(t)&&Object.keys(t).forEach(r=>{let a=e[r],n=t[r];c(a)&&c(n)?i[r]=P(a,n):i[r]=n;}),i}function J(e,t,i){if(!e)return "";if(e.length<=t+i)return e;let r=e.slice(0,t),a=e.slice(e.length-i);return `${r}...${a}`}var R=m__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:l("h-5 w-5 text-[var(--tuwa-text-primary)] transition-colors",e),...t,children:[jsxRuntime.jsx("path",{d:"M18 6 6 18"}),jsxRuntime.jsx("path",{d:"m6 6 12 12"})]}));R.displayName="CloseIcon";var oe=o__namespace.Root,re=o__namespace.Trigger,N=o__namespace.Portal,ne=o__namespace.Close,M={initial:{opacity:0,scale:.9,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.9,transition:{duration:.2}}},k={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},x=m__namespace.forwardRef(({className:e,backdropAnimation:t,...i},r)=>jsxRuntime.jsx(framerMotion.AnimatePresence,{children:jsxRuntime.jsx(framerMotion.motion.div,{variants:t??k,transition:{duration:.2,ease:"easeInOut"},animate:"animate",initial:"initial",exit:"exit",className:"relative rounded-2xl overflow-hidden",children:jsxRuntime.jsx(o__namespace.Overlay,{ref:r,className:l("fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150",e),...i})})}));x.displayName=o__namespace.Overlay.displayName;var T=m__namespace.forwardRef(({className:e,children:t,modalAnimation:i,backdropAnimation:r,...a},n)=>jsxRuntime.jsxs(N,{children:[jsxRuntime.jsx(x,{backdropAnimation:r}),jsxRuntime.jsx(o__namespace.Content,{"aria-describedby":"tuwa:modal-content",ref:n,className:l("fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none",e),...a,children:jsxRuntime.jsx(framerMotion.motion.div,{layout:true,className:"relative overflow-hidden",transition:{layout:{duration:.2,ease:[.1,.1,.2,1]}},children:jsxRuntime.jsx(framerMotion.AnimatePresence,{children:jsxRuntime.jsx(framerMotion.motion.div,{variants:i??M,transition:{duration:.2,ease:"easeInOut"},animate:"animate",initial:"initial",exit:"exit",className:"relative rounded-2xl overflow-hidden",children:jsxRuntime.jsx("div",{className:l("relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl shadow-2xl","border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]"),children:t})})})})})]}));T.displayName=o__namespace.Content.displayName;var E=({className:e,...t})=>jsxRuntime.jsx("div",{"aria-describedby":"tuwa:modal-header",className:l("sticky flex top-0 z-11 w-full flex-row items-center justify-between","border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-4",e),...t});E.displayName="DialogHeader";var A=({className:e,...t})=>jsxRuntime.jsx("div",{"aria-describedby":"tuwa:modal-footer",className:l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});A.displayName="DialogFooter";var V=m__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(o__namespace.Title,{ref:i,"aria-describedby":"tuwa:modal-title",className:l("text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0",e),...t}));V.displayName=o__namespace.Title.displayName;var S=m__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(o__namespace.Description,{"aria-describedby":"tuwa:modal-description",ref:i,className:l("text-sm text-[var(--tuwa-text-secondary)]",e),...t}));S.displayName=o__namespace.Description.displayName;function ce({starsCount:e}){let[t,i]=m.useState(false);m.useEffect(()=>i(true),[]);let r=m.useMemo(()=>{if(!t)return [];let a=e??200;return Array.from({length:a}).map(()=>({x:Math.random()*window.innerWidth,y:Math.random()*window.innerHeight,r:Math.random()*1+.5,isSupernova:Math.random()<.1,delay:Math.random()*10,duration:5+Math.random()*5}))},[t]);return jsxRuntime.jsx("div",{className:"absolute inset-0 z-1 h-full w-full overflow-hidden",children:jsxRuntime.jsxs("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsx("style",{children:`
+              /* Pulse animation now includes scale for a more organic feel. */
+              @keyframes pulse {
+                0%, 100% { 
+                  opacity: 0.2;
+                  transform: scale(0.9);
+                }
+                50% {
+                  opacity: 0.8;
+                  transform: scale(1.2);
+                }
+              }
+              
+              /* Supernova animation remains impactful. */
+              @keyframes supernova {
+                0% { 
+                  transform: scale(1);
+                  stroke: rgba(var(--tuwa-bg-primary), 0.5);
+                  opacity: 0.8;
+                }
+                20% { 
+                  transform: scale(3);
+                  stroke: var(--tuwa-button-gradient-from);
+                  opacity: 1;
+                }
+                100% { 
+                  transform: scale(0.8);
+                  stroke: var(--tuwa-button-gradient-to);
+                  opacity: 0;
+                }
+              }
+
+              .pulsar {
+                animation-name: pulse;
+                animation-timing-function: ease-in-out;
+                animation-iteration-count: infinite;
+                transform-origin: center;
+              }
+
+              .supernova {
+                animation-name: supernova;
+                animation-timing-function: ease-out;
+                animation-iteration-count: infinite;
+                transform-origin: center;
+                stroke-width: 2;
+              }
+            `})}),r.map((a,n)=>jsxRuntime.jsx("circle",{cx:a.x,cy:a.y,r:a.r,fill:"rgba(var(--tuwa-bg-primary), 0.7)",className:a.isSupernova?"supernova":"pulsar",style:{animationDelay:`${a.delay}s`,animationDuration:`${a.duration}s`}},n))]})})}function ue(e=2e3){let[t,i]=m.useState(false),[r,a]=m.useState(null),n=m.useCallback(async p=>{if(p)try{await navigator.clipboard.writeText(p),i(!0),a(null),setTimeout(()=>i(!1),e);}catch(u){let g=u instanceof Error?u:new Error("Failed to copy text.");console.error(g),a(g),setTimeout(()=>a(null),e);}},[e]);return {isCopied:t,copy:n,error:r}}function ve(e){let t=a=>typeof window<"u"?window.matchMedia(a).matches:false,[i,r]=m.useState(t(e));return m.useEffect(()=>{let a=window.matchMedia(e),n=()=>r(a.matches);return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[e]),i}exports.CloseIcon=R;exports.Dialog=oe;exports.DialogClose=ne;exports.DialogContent=T;exports.DialogDescription=S;exports.DialogFooter=A;exports.DialogHeader=E;exports.DialogOverlay=x;exports.DialogPortal=N;exports.DialogTitle=V;exports.DialogTrigger=re;exports.StarsBackground=ce;exports.cn=l;exports.deepMerge=P;exports.textCenterEllipsis=J;exports.useCopyToClipboard=ue;exports.useMediaQuery=ve;//# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/cn.ts","../src/utils/deepMerge.ts","../src/utils/textCenterEllipsis.ts","../src/components/CloseIcon.tsx","../src/components/Modal.tsx","../src/hooks/useCopyToClipboard.ts","../src/hooks/useMediaQuery.ts"],"names":["cn","inputs","twMerge","clsx","isObject","item","deepMerge","target","source","output","key","targetValue","sourceValue","textCenterEllipsis","str","from","to","start","end","CloseIcon","g","className","props","ref","jsxs","jsx","Dialog","i","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","c","DialogContent","children","DialogHeader","DialogFooter","DialogTitle","DialogDescription","useCopyToClipboard","timeout","isCopied","setIsCopied","useState","error","setError","copy","useCallback","text","e","copyError","useMediaQuery","query","getMatches","q","matches","setMatches","useEffect","media","listener"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * @file This file contains a utility function for conditionally merging Tailwind CSS classes.\n */\n\nimport { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * A utility function to conditionally join class names together and resolve\n * conflicting Tailwind CSS classes.\n *\n * It combines the functionality of `clsx` and `tailwind-merge`.\n *\n * @param {...ClassValue[]} inputs - A list of class values to be combined.\n * This can include strings, numbers, objects, arrays, and booleans.\n * @returns {string} The final, merged class name string.\n *\n * @example\n * cn('p-4', 'bg-red-500', { 'font-bold': true }); // => 'p-4 bg-red-500 font-bold'\n * cn('p-2', 'p-4'); // => 'p-4' (tailwind-merge resolves the conflict)\n *\n * @see https://github.com/dcastil/tailwind-merge\n * @see https://github.com/lukeed/clsx\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * @file This file contains a utility for performing a deep (recursive) merge of two objects.\n */\n\n/**\n * Checks if the provided item is a plain object (i.e., not null and not an array).\n *\n * @param {any} item - The item to check.\n * @returns {item is Record<string, any>} True if the item is a plain object, otherwise false.\n */\nconst isObject = (item: any): item is Record<string, any> => {\n  return item && typeof item === 'object' && !Array.isArray(item);\n};\n\n/**\n * Recursively merges the properties of a source object into a target object.\n * This function creates a new object and does not mutate the original target.\n *\n * @template T - The type of the objects being merged.\n * @param {T} target - The base object.\n * @param {Partial<T>} source - The object with properties to merge into the target.\n * @returns {T} A new object representing the merged result.\n *\n * @example\n * const defaults = { a: 1, b: { c: 2, d: 3 } };\n * const custom = { b: { c: 99 } };\n * const result = deepMerge(defaults, custom);\n * // result will be { a: 1, b: { c: 99, d: 3 } }\n */\nexport function deepMerge<T extends object>(target: T, source: Partial<T>): T {\n  // Start with a shallow copy of the target to avoid mutation.\n  const output = { ...target };\n\n  if (isObject(target) && isObject(source)) {\n    // Iterate over the keys in the source object.\n    Object.keys(source).forEach((key) => {\n      const targetValue = target[key as keyof T];\n      const sourceValue = source[key as keyof T];\n\n      // If the value is an object in both target and source, merge them recursively.\n      if (isObject(targetValue) && isObject(sourceValue)) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-expect-error\n        (output as Record<string, any>)[key] = deepMerge(targetValue, sourceValue);\n      } else {\n        // Otherwise, the source value overwrites the target value.\n        (output as Record<string, any>)[key] = sourceValue;\n      }\n    });\n  }\n\n  return output;\n}\n","/**\n * @file This file contains a utility function for truncating a string with a center ellipsis.\n */\n\n/**\n * Truncates a string by showing a specified number of characters from the start and end,\n * with an ellipsis in the middle. If the string is too short to be truncated, it's returned as is.\n *\n * @param {string} str - The string to truncate.\n * @param {number} from - The number of characters to show from the beginning of the string.\n * @param {number} to - The number of characters to show from the end of the string.\n * @returns {string} The truncated string, or the original string if it's too short.\n *\n * @example\n * const hash = '0x1234567890abcdef1234567890abcdef';\n * textCenterEllipsis(hash, 6, 4); // => \"0x1234...cdef\"\n *\n * textCenterEllipsis('short', 6, 4); // => \"short\"\n */\nexport function textCenterEllipsis(str: string | undefined | null, from: number, to: number): string {\n  if (!str) {\n    return '';\n  }\n\n  // If the string is short enough, don't truncate it.\n  if (str.length <= from + to) {\n    return str;\n  }\n\n  const start = str.slice(0, from);\n  const end = str.slice(str.length - to);\n\n  return `${start}...${end}`;\n}\n","import * as React from 'react';\n\nimport { cn } from '../utils';\n\n/**\n * A reusable close button icon (X mark) styled with TUWA color scheme.\n */\nexport const CloseIcon = React.forwardRef<SVGSVGElement, React.SVGAttributes<SVGSVGElement>>(\n  ({ className, ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn('h-5 w-5 text-[var(--tuwa-text-primary)] transition-colors', className)}\n      {...props}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  ),\n);\nCloseIcon.displayName = 'CloseIcon';\n","import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport * as React from 'react';\n\nimport { cn } from '../utils';\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150',\n      'animate-in fade-in-0',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n\n    <DialogPrimitive.Content\n      aria-describedby=\"tuwa:modal-content\"\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"relative rounded-2xl overflow-hidden\">\n        <div\n          className={cn(\n            'relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl shadow-2xl',\n            'border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]',\n            'animate-in fade-in-0 zoom-in-95 lide-in-from-top-[48%] duration-350',\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    aria-describedby=\"tuwa:modal-header\"\n    className={cn(\n      'sticky flex top-0 z-11 w-full flex-row items-center justify-between',\n      'border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-4',\n      className,\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    aria-describedby=\"tuwa:modal-footer\"\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    aria-describedby=\"tuwa:modal-title\"\n    className={cn('text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    aria-describedby=\"tuwa:modal-description\"\n    ref={ref}\n    className={cn('text-sm text-[var(--tuwa-text-secondary)]', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n","/**\n * @file This file contains a custom React hook for copying text to the clipboard.\n */\n\nimport { useCallback, useState } from 'react';\n\n/**\n * A custom React hook that provides functionality to copy text to the clipboard.\n * It also manages a \"copied\" state with a timeout for user feedback.\n *\n * @param {number} [timeout=2000] - The duration in milliseconds to keep the `isCopied` state as true.\n * @returns {{\n * isCopied: boolean;\n * copy: (text: string) => Promise<void>;\n * error: Error | null;\n * }} An object containing the `isCopied` state, the `copy` function, and any potential error.\n *\n * @example\n * const MyComponent = () => {\n * const { isCopied, copy } = useCopyToClipboard();\n * const textToCopy = '0x123...';\n *\n * return (\n * <button onClick={() => copy(textToCopy)}>\n * {isCopied ? 'Copied!' : 'Copy Address'}\n * </button>\n * );\n * }\n */\nexport function useCopyToClipboard(timeout = 2000): {\n  isCopied: boolean;\n  copy: (text: string) => Promise<void>;\n  error: Error | null;\n} {\n  const [isCopied, setIsCopied] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const copy = useCallback(\n    async (text: string) => {\n      if (!text) return;\n\n      try {\n        await navigator.clipboard.writeText(text);\n        setIsCopied(true);\n        setError(null);\n\n        setTimeout(() => setIsCopied(false), timeout);\n      } catch (e) {\n        const copyError = e instanceof Error ? e : new Error('Failed to copy text.');\n        console.error(copyError);\n        setError(copyError);\n\n        // Reset error state after timeout as well\n        setTimeout(() => setError(null), timeout);\n      }\n    },\n    [timeout],\n  );\n\n  return { isCopied, copy, error };\n}\n","import { useEffect, useState } from 'react';\n\n/**\n * A custom hook to detect if a media query matches the current screen dimensions.\n * Handles SSR gracefully.\n * @param {string} query - The media query string (e.g., '(max-width: 767px)').\n * @returns {boolean} Whether the query matches or not.\n */\nexport function useMediaQuery(query: string): boolean {\n  const getMatches = (q: string): boolean => {\n    if (typeof window !== 'undefined') {\n      return window.matchMedia(q).matches;\n    }\n    return false;\n  };\n\n  const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n    const listener = () => setMatches(media.matches);\n\n    // Re-check on mount and subscribe to changes\n    listener();\n    window.addEventListener('resize', listener);\n\n    return () => window.removeEventListener('resize', listener);\n  }, [query]);\n\n  return matches;\n}\n"]}
+{"version":3,"sources":["../src/utils/cn.ts","../src/utils/deepMerge.ts","../src/utils/textCenterEllipsis.ts","../src/components/CloseIcon.tsx","../src/components/Modal.tsx","../src/components/StarsBackground.tsx","../src/hooks/useCopyToClipboard.ts","../src/hooks/useMediaQuery.ts"],"names":["cn","inputs","twMerge","clsx","isObject","item","deepMerge","target","source","output","key","targetValue","sourceValue","textCenterEllipsis","str","from","to","start","end","CloseIcon","v","className","props","ref","jsxs","jsx","Dialog","o","DialogTrigger","DialogPortal","DialogClose","defaultModalAnimation","defaultModalBackdropAnimation","DialogOverlay","m","backdropAnimation","AnimatePresence","motion","DialogContent","children","modalAnimation","DialogHeader","DialogFooter","DialogTitle","DialogDescription","StarsBackground","starsCount","isMounted","setIsMounted","useState","useEffect","stars","useMemo","numStars","star","i","useCopyToClipboard","timeout","isCopied","setIsCopied","error","setError","copy","useCallback","text","e","copyError","useMediaQuery","query","getMatches","q","matches","setMatches","media","listener"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\n * @file This file contains a utility function for conditionally merging Tailwind CSS classes.\n */\n\nimport { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * A utility function to conditionally join class names together and resolve\n * conflicting Tailwind CSS classes.\n *\n * It combines the functionality of `clsx` and `tailwind-merge`.\n *\n * @param {...ClassValue[]} inputs - A list of class values to be combined.\n * This can include strings, numbers, objects, arrays, and booleans.\n * @returns {string} The final, merged class name string.\n *\n * @example\n * cn('p-4', 'bg-red-500', { 'font-bold': true }); // => 'p-4 bg-red-500 font-bold'\n * cn('p-2', 'p-4'); // => 'p-4' (tailwind-merge resolves the conflict)\n *\n * @see https://github.com/dcastil/tailwind-merge\n * @see https://github.com/lukeed/clsx\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * @file This file contains a utility for performing a deep (recursive) merge of two objects.\n */\n\n/**\n * Checks if the provided item is a plain object (i.e., not null and not an array).\n *\n * @param {any} item - The item to check.\n * @returns {item is Record<string, any>} True if the item is a plain object, otherwise false.\n */\nconst isObject = (item: any): item is Record<string, any> => {\n  return item && typeof item === 'object' && !Array.isArray(item);\n};\n\n/**\n * Recursively merges the properties of a source object into a target object.\n * This function creates a new object and does not mutate the original target.\n *\n * @template T - The type of the objects being merged.\n * @param {T} target - The base object.\n * @param {Partial<T>} source - The object with properties to merge into the target.\n * @returns {T} A new object representing the merged result.\n *\n * @example\n * const defaults = { a: 1, b: { c: 2, d: 3 } };\n * const custom = { b: { c: 99 } };\n * const result = deepMerge(defaults, custom);\n * // result will be { a: 1, b: { c: 99, d: 3 } }\n */\nexport function deepMerge<T extends object>(target: T, source: Partial<T>): T {\n  // Start with a shallow copy of the target to avoid mutation.\n  const output = { ...target };\n\n  if (isObject(target) && isObject(source)) {\n    // Iterate over the keys in the source object.\n    Object.keys(source).forEach((key) => {\n      const targetValue = target[key as keyof T];\n      const sourceValue = source[key as keyof T];\n\n      // If the value is an object in both target and source, merge them recursively.\n      if (isObject(targetValue) && isObject(sourceValue)) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-expect-error\n        (output as Record<string, any>)[key] = deepMerge(targetValue, sourceValue);\n      } else {\n        // Otherwise, the source value overwrites the target value.\n        (output as Record<string, any>)[key] = sourceValue;\n      }\n    });\n  }\n\n  return output;\n}\n","/**\n * @file This file contains a utility function for truncating a string with a center ellipsis.\n */\n\n/**\n * Truncates a string by showing a specified number of characters from the start and end,\n * with an ellipsis in the middle. If the string is too short to be truncated, it's returned as is.\n *\n * @param {string} str - The string to truncate.\n * @param {number} from - The number of characters to show from the beginning of the string.\n * @param {number} to - The number of characters to show from the end of the string.\n * @returns {string} The truncated string, or the original string if it's too short.\n *\n * @example\n * const hash = '0x1234567890abcdef1234567890abcdef';\n * textCenterEllipsis(hash, 6, 4); // => \"0x1234...cdef\"\n *\n * textCenterEllipsis('short', 6, 4); // => \"short\"\n */\nexport function textCenterEllipsis(str: string | undefined | null, from: number, to: number): string {\n  if (!str) {\n    return '';\n  }\n\n  // If the string is short enough, don't truncate it.\n  if (str.length <= from + to) {\n    return str;\n  }\n\n  const start = str.slice(0, from);\n  const end = str.slice(str.length - to);\n\n  return `${start}...${end}`;\n}\n","import * as React from 'react';\n\nimport { cn } from '../utils';\n\n/**\n * A reusable close button icon (X mark) styled with TUWA color scheme.\n */\nexport const CloseIcon = React.forwardRef<SVGSVGElement, React.SVGAttributes<SVGSVGElement>>(\n  ({ className, ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn('h-5 w-5 text-[var(--tuwa-text-primary)] transition-colors', className)}\n      {...props}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  ),\n);\nCloseIcon.displayName = 'CloseIcon';\n","import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { AnimatePresence, motion, Variants } from 'framer-motion';\nimport * as React from 'react';\n\nimport { cn } from '../utils';\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst defaultModalAnimation: Variants = {\n  initial: { opacity: 0, scale: 0.9, y: 20 },\n  animate: { opacity: 1, scale: 1, y: 0 },\n  exit: {\n    opacity: 0,\n    scale: 0.9,\n    transition: {\n      duration: 0.2,\n    },\n  },\n};\n\nconst defaultModalBackdropAnimation: Variants = {\n  initial: { opacity: 0 },\n  animate: { opacity: 1 },\n  exit: { opacity: 0 },\n};\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {\n    backdropAnimation?: Variants;\n  }\n>(({ className, backdropAnimation, ...props }, ref) => (\n  <AnimatePresence>\n    <motion.div\n      variants={backdropAnimation ?? defaultModalBackdropAnimation}\n      transition={{ duration: 0.2, ease: 'easeInOut' }}\n      animate=\"animate\"\n      initial=\"initial\"\n      exit=\"exit\"\n      className=\"relative rounded-2xl overflow-hidden\"\n    >\n      <DialogPrimitive.Overlay\n        ref={ref}\n        className={cn('fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150', className)}\n        {...props}\n      />\n    </motion.div>\n  </AnimatePresence>\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    modalAnimation?: Variants;\n    backdropAnimation?: Variants;\n  }\n>(({ className, children, modalAnimation, backdropAnimation, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay backdropAnimation={backdropAnimation} />\n\n    <DialogPrimitive.Content\n      aria-describedby=\"tuwa:modal-content\"\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none',\n        className,\n      )}\n      {...props}\n    >\n      <motion.div\n        layout\n        className=\"relative overflow-hidden\"\n        transition={{\n          layout: {\n            duration: 0.2,\n            ease: [0.1, 0.1, 0.2, 1],\n          },\n        }}\n      >\n        <AnimatePresence>\n          <motion.div\n            variants={modalAnimation ?? defaultModalAnimation}\n            transition={{ duration: 0.2, ease: 'easeInOut' }}\n            animate=\"animate\"\n            initial=\"initial\"\n            exit=\"exit\"\n            className=\"relative rounded-2xl overflow-hidden\"\n          >\n            <div\n              className={cn(\n                'relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl shadow-2xl',\n                'border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]',\n              )}\n            >\n              {children}\n            </div>\n          </motion.div>\n        </AnimatePresence>\n      </motion.div>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    aria-describedby=\"tuwa:modal-header\"\n    className={cn(\n      'sticky flex top-0 z-11 w-full flex-row items-center justify-between',\n      'border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-4',\n      className,\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    aria-describedby=\"tuwa:modal-footer\"\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    aria-describedby=\"tuwa:modal-title\"\n    className={cn('text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    aria-describedby=\"tuwa:modal-description\"\n    ref={ref}\n    className={cn('text-sm text-[var(--tuwa-text-secondary)]', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n","import { useEffect, useMemo, useState } from 'react';\n\nexport function StarsBackground({ starsCount }: { starsCount?: number }) {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => setIsMounted(true), []);\n\n  const stars = useMemo(() => {\n    if (!isMounted) {\n      return [];\n    }\n\n    const numStars = starsCount ?? 200;\n    return Array.from({ length: numStars }).map(() => ({\n      x: Math.random() * window.innerWidth,\n      y: Math.random() * window.innerHeight,\n      r: Math.random() * 1 + 0.5,\n      isSupernova: Math.random() < 0.1,\n      delay: Math.random() * 10,\n      duration: 5 + Math.random() * 5,\n    }));\n  }, [isMounted]);\n\n  return (\n    <div className=\"absolute inset-0 z-1 h-full w-full overflow-hidden\">\n      <svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n        <defs>\n          <style>\n            {`\n              /* Pulse animation now includes scale for a more organic feel. */\n              @keyframes pulse {\n                0%, 100% { \n                  opacity: 0.2;\n                  transform: scale(0.9);\n                }\n                50% {\n                  opacity: 0.8;\n                  transform: scale(1.2);\n                }\n              }\n              \n              /* Supernova animation remains impactful. */\n              @keyframes supernova {\n                0% { \n                  transform: scale(1);\n                  stroke: rgba(var(--tuwa-bg-primary), 0.5);\n                  opacity: 0.8;\n                }\n                20% { \n                  transform: scale(3);\n                  stroke: var(--tuwa-button-gradient-from);\n                  opacity: 1;\n                }\n                100% { \n                  transform: scale(0.8);\n                  stroke: var(--tuwa-button-gradient-to);\n                  opacity: 0;\n                }\n              }\n\n              .pulsar {\n                animation-name: pulse;\n                animation-timing-function: ease-in-out;\n                animation-iteration-count: infinite;\n                transform-origin: center;\n              }\n\n              .supernova {\n                animation-name: supernova;\n                animation-timing-function: ease-out;\n                animation-iteration-count: infinite;\n                transform-origin: center;\n                stroke-width: 2;\n              }\n            `}\n          </style>\n        </defs>\n\n        {stars.map((star, i) => (\n          <circle\n            key={i}\n            cx={star.x}\n            cy={star.y}\n            r={star.r}\n            fill={`rgba(var(--tuwa-bg-primary), 0.7)`}\n            className={star.isSupernova ? 'supernova' : 'pulsar'}\n            style={{\n              animationDelay: `${star.delay}s`,\n              animationDuration: `${star.duration}s`,\n            }}\n          />\n        ))}\n      </svg>\n    </div>\n  );\n}\n","/**\n * @file This file contains a custom React hook for copying text to the clipboard.\n */\n\nimport { useCallback, useState } from 'react';\n\n/**\n * A custom React hook that provides functionality to copy text to the clipboard.\n * It also manages a \"copied\" state with a timeout for user feedback.\n *\n * @param {number} [timeout=2000] - The duration in milliseconds to keep the `isCopied` state as true.\n * @returns {{\n * isCopied: boolean;\n * copy: (text: string) => Promise<void>;\n * error: Error | null;\n * }} An object containing the `isCopied` state, the `copy` function, and any potential error.\n *\n * @example\n * const MyComponent = () => {\n * const { isCopied, copy } = useCopyToClipboard();\n * const textToCopy = '0x123...';\n *\n * return (\n * <button onClick={() => copy(textToCopy)}>\n * {isCopied ? 'Copied!' : 'Copy Address'}\n * </button>\n * );\n * }\n */\nexport function useCopyToClipboard(timeout = 2000): {\n  isCopied: boolean;\n  copy: (text: string) => Promise<void>;\n  error: Error | null;\n} {\n  const [isCopied, setIsCopied] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const copy = useCallback(\n    async (text: string) => {\n      if (!text) return;\n\n      try {\n        await navigator.clipboard.writeText(text);\n        setIsCopied(true);\n        setError(null);\n\n        setTimeout(() => setIsCopied(false), timeout);\n      } catch (e) {\n        const copyError = e instanceof Error ? e : new Error('Failed to copy text.');\n        console.error(copyError);\n        setError(copyError);\n\n        // Reset error state after timeout as well\n        setTimeout(() => setError(null), timeout);\n      }\n    },\n    [timeout],\n  );\n\n  return { isCopied, copy, error };\n}\n","import { useEffect, useState } from 'react';\n\n/**\n * A custom hook to detect if a media query matches the current screen dimensions.\n * Handles SSR gracefully.\n * @param {string} query - The media query string (e.g., '(max-width: 767px)').\n * @returns {boolean} Whether the query matches or not.\n */\nexport function useMediaQuery(query: string): boolean {\n  const getMatches = (q: string): boolean => {\n    if (typeof window !== 'undefined') {\n      return window.matchMedia(q).matches;\n    }\n    return false;\n  };\n\n  const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n    const listener = () => setMatches(media.matches);\n\n    // Re-check on mount and subscribe to changes\n    listener();\n    window.addEventListener('resize', listener);\n\n    return () => window.removeEventListener('resize', listener);\n  }, [query]);\n\n  return matches;\n}\n"]}

package/dist/index.css

@@ -2,6 +2,9 @@
 @layer properties;
 @layer theme, base, components, utilities;
 @layer utilities {
+  .absolute {
+    position: absolute;
+  }
   .fixed {
     position: fixed;
   }
@@ -23,6 +26,9 @@
   .left-\[50\%\] {
     left: 50%;
   }
+  .z-1 {
+    z-index: 1;
+  }
   .z-11 {
     z-index: 11;
   }
@@ -41,6 +47,9 @@
   .h-5 {
     height: calc(0.25rem * 5);
   }
+  .h-full {
+    height: 100%;
+  }
   .max-h-\[98dvh\] {
     max-height: 98dvh;
   }
@@ -61,8 +70,8 @@
     --tw-translate-y: -50%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .animate-in {
-    animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
+  .transform {
+    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
   .resize {
     resize: both;
@@ -172,27 +181,20 @@
     --tw-backdrop-saturate: saturate(150%);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .transition {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+    transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
+    transition-duration: var(--tw-duration, 150ms);
+  }
   .transition-colors {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
     transition-timing-function: var(--tw-ease, cubic-bezier(0.4, 0, 0.2, 1));
     transition-duration: var(--tw-duration, 150ms);
   }
-  .duration-350 {
-    --tw-duration: 350ms;
-    transition-duration: 350ms;
-  }
-  .fade-in-0 {
-    --tw-enter-opacity: calc(0/100);
-    --tw-enter-opacity: 0;
-  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
   }
-  .zoom-in-95 {
-    --tw-enter-scale: calc(95*1%);
-    --tw-enter-scale: .95;
-  }
   .sm\:flex-row {
     @media (width >= 40rem) {
       flex-direction: row;
@@ -213,90 +215,6 @@
     }
   }
 }
-@property --tw-animation-delay {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0s;
-}
-@property --tw-animation-direction {
-  syntax: "*";
-  inherits: false;
-  initial-value: normal;
-}
-@property --tw-animation-duration {
-  syntax: "*";
-  inherits: false;
-}
-@property --tw-animation-fill-mode {
-  syntax: "*";
-  inherits: false;
-  initial-value: none;
-}
-@property --tw-animation-iteration-count {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-enter-blur {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-enter-opacity {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-enter-rotate {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-enter-scale {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-enter-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-enter-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-exit-blur {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-exit-opacity {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-exit-rotate {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-exit-scale {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-exit-translate-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
-@property --tw-exit-translate-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 0;
-}
 :root {
   --tuwa-success-bg: oklch(96.2% 0.044 156.743);
   --tuwa-success-text: oklch(52.7% 0.154 150.069);
@@ -368,6 +286,26 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-rotate-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-y {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-rotate-z {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-x {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-skew-y {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -486,28 +424,22 @@
   syntax: "*";
   inherits: false;
 }
-@property --tw-duration {
-  syntax: "*";
-  inherits: false;
-}
 @property --tw-space-x-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
 }
-@keyframes enter {
-  from {
-    opacity: var(--tw-enter-opacity,1);
-    transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
-    filter: blur(var(--tw-enter-blur,0));
-  }
-}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-rotate-x: initial;
+      --tw-rotate-y: initial;
+      --tw-rotate-z: initial;
+      --tw-skew-x: initial;
+      --tw-skew-y: initial;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
@@ -535,25 +467,7 @@
       --tw-backdrop-opacity: initial;
       --tw-backdrop-saturate: initial;
       --tw-backdrop-sepia: initial;
-      --tw-duration: initial;
       --tw-space-x-reverse: 0;
-      --tw-animation-delay: 0s;
-      --tw-animation-direction: normal;
-      --tw-animation-duration: initial;
-      --tw-animation-fill-mode: none;
-      --tw-animation-iteration-count: 1;
-      --tw-enter-blur: 0;
-      --tw-enter-opacity: 1;
-      --tw-enter-rotate: 0;
-      --tw-enter-scale: 1;
-      --tw-enter-translate-x: 0;
-      --tw-enter-translate-y: 0;
-      --tw-exit-blur: 0;
-      --tw-exit-opacity: 1;
-      --tw-exit-rotate: 0;
-      --tw-exit-scale: 1;
-      --tw-exit-translate-x: 0;
-      --tw-exit-translate-y: 0;
     }
   }
 }

package/dist/index.d.cts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Variants } from 'framer-motion';
 import { ClassValue } from 'clsx';
 
 /**
@@ -12,8 +13,13 @@ declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    backdropAnimation?: Variants;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    modalAnimation?: Variants;
+    backdropAnimation?: Variants;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -25,6 +31,10 @@ declare const DialogFooter: {
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
+declare function StarsBackground({ starsCount }: {
+    starsCount?: number;
+}): react_jsx_runtime.JSX.Element;
+
 /**
  * @file This file contains a custom React hook for copying text to the clipboard.
  */
@@ -128,4 +138,4 @@ declare function deepMerge<T extends object>(target: T, source: Partial<T>): T;
  */
 declare function textCenterEllipsis(str: string | undefined | null, from: number, to: number): string;
 
-export { CloseIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, cn, deepMerge, textCenterEllipsis, useCopyToClipboard, useMediaQuery };
+export { CloseIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, StarsBackground, cn, deepMerge, textCenterEllipsis, useCopyToClipboard, useMediaQuery };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Variants } from 'framer-motion';
 import { ClassValue } from 'clsx';
 
 /**
@@ -12,8 +13,13 @@ declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    backdropAnimation?: Variants;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    modalAnimation?: Variants;
+    backdropAnimation?: Variants;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -25,6 +31,10 @@ declare const DialogFooter: {
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
+declare function StarsBackground({ starsCount }: {
+    starsCount?: number;
+}): react_jsx_runtime.JSX.Element;
+
 /**
  * @file This file contains a custom React hook for copying text to the clipboard.
  */
@@ -128,4 +138,4 @@ declare function deepMerge<T extends object>(target: T, source: Partial<T>): T;
  */
 declare function textCenterEllipsis(str: string | undefined | null, from: number, to: number): string;
 
-export { CloseIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, cn, deepMerge, textCenterEllipsis, useCopyToClipboard, useMediaQuery };
+export { CloseIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, StarsBackground, cn, deepMerge, textCenterEllipsis, useCopyToClipboard, useMediaQuery };

package/dist/index.js

@@ -1,3 +1,48 @@
-import*as c from'react';import {useState,useCallback,useEffect}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';import*as i from'@radix-ui/react-dialog';function n(...e){return twMerge(clsx(e))}var m=e=>e&&typeof e=="object"&&!Array.isArray(e);function x(e,t){let o={...e};return m(e)&&m(t)&&Object.keys(t).forEach(r=>{let a=e[r],l=t[r];m(a)&&m(l)?o[r]=x(a,l):o[r]=l;}),o}function j(e,t,o){if(!e)return "";if(e.length<=t+o)return e;let r=e.slice(0,t),a=e.slice(e.length-o);return `${r}...${a}`}var D=c.forwardRef(({className:e,...t},o)=>jsxs("svg",{ref:o,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:n("h-5 w-5 text-[var(--tuwa-text-primary)] transition-colors",e),...t,children:[jsx("path",{d:"M18 6 6 18"}),jsx("path",{d:"m6 6 12 12"})]}));D.displayName="CloseIcon";var K=i.Root,U=i.Trigger,P=i.Portal,X=i.Close,v=c.forwardRef(({className:e,...t},o)=>jsx(i.Overlay,{ref:o,className:n("fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150","animate-in fade-in-0",e),...t}));v.displayName=i.Overlay.displayName;var h=c.forwardRef(({className:e,children:t,...o},r)=>jsxs(P,{children:[jsx(v,{}),jsx(i.Content,{"aria-describedby":"tuwa:modal-content",ref:r,className:n("fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none",e),...o,children:jsx("div",{className:"relative rounded-2xl overflow-hidden",children:jsx("div",{className:n("relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl shadow-2xl","border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]","animate-in fade-in-0 zoom-in-95 lide-in-from-top-[48%] duration-350"),children:t})})})]}));h.displayName=i.Content.displayName;var C=({className:e,...t})=>jsx("div",{"aria-describedby":"tuwa:modal-header",className:n("sticky flex top-0 z-11 w-full flex-row items-center justify-between","border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-4",e),...t});C.displayName="DialogHeader";var T=({className:e,...t})=>jsx("div",{"aria-describedby":"tuwa:modal-footer",className:n("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});T.displayName="DialogFooter";var N=c.forwardRef(({className:e,...t},o)=>jsx(i.Title,{ref:o,"aria-describedby":"tuwa:modal-title",className:n("text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0",e),...t}));N.displayName=i.Title.displayName;var E=c.forwardRef(({className:e,...t},o)=>jsx(i.Description,{"aria-describedby":"tuwa:modal-description",ref:o,className:n("text-sm text-[var(--tuwa-text-secondary)]",e),...t}));E.displayName=i.Description.displayName;function q(e=2e3){let[t,o]=useState(false),[r,a]=useState(null),l=useCallback(async d=>{if(d)try{await navigator.clipboard.writeText(d),o(!0),a(null),setTimeout(()=>o(!1),e);}catch(f){let p=f instanceof Error?f:new Error("Failed to copy text.");console.error(p),a(p),setTimeout(()=>a(null),e);}},[e]);return {isCopied:t,copy:l,error:r}}function oe(e){let t=a=>typeof window<"u"?window.matchMedia(a).matches:false,[o,r]=useState(t(e));return useEffect(()=>{let a=window.matchMedia(e),l=()=>r(a.matches);return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[e]),o}
-export{D as CloseIcon,K as Dialog,X as DialogClose,h as DialogContent,E as DialogDescription,T as DialogFooter,C as DialogHeader,v as DialogOverlay,P as DialogPortal,N as DialogTitle,U as DialogTrigger,n as cn,x as deepMerge,j as textCenterEllipsis,q as useCopyToClipboard,oe as useMediaQuery};//# sourceMappingURL=index.js.map
+import*as m from'react';import {useState,useEffect,useMemo,useCallback}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';import*as o from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';function l(...e){return twMerge(clsx(e))}var c=e=>e&&typeof e=="object"&&!Array.isArray(e);function P(e,t){let i={...e};return c(e)&&c(t)&&Object.keys(t).forEach(r=>{let a=e[r],n=t[r];c(a)&&c(n)?i[r]=P(a,n):i[r]=n;}),i}function J(e,t,i){if(!e)return "";if(e.length<=t+i)return e;let r=e.slice(0,t),a=e.slice(e.length-i);return `${r}...${a}`}var R=m.forwardRef(({className:e,...t},i)=>jsxs("svg",{ref:i,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",className:l("h-5 w-5 text-[var(--tuwa-text-primary)] transition-colors",e),...t,children:[jsx("path",{d:"M18 6 6 18"}),jsx("path",{d:"m6 6 12 12"})]}));R.displayName="CloseIcon";var oe=o.Root,re=o.Trigger,N=o.Portal,ne=o.Close,M={initial:{opacity:0,scale:.9,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.9,transition:{duration:.2}}},k={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},x=m.forwardRef(({className:e,backdropAnimation:t,...i},r)=>jsx(AnimatePresence,{children:jsx(motion.div,{variants:t??k,transition:{duration:.2,ease:"easeInOut"},animate:"animate",initial:"initial",exit:"exit",className:"relative rounded-2xl overflow-hidden",children:jsx(o.Overlay,{ref:r,className:l("fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150",e),...i})})}));x.displayName=o.Overlay.displayName;var T=m.forwardRef(({className:e,children:t,modalAnimation:i,backdropAnimation:r,...a},n)=>jsxs(N,{children:[jsx(x,{backdropAnimation:r}),jsx(o.Content,{"aria-describedby":"tuwa:modal-content",ref:n,className:l("fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none",e),...a,children:jsx(motion.div,{layout:true,className:"relative overflow-hidden",transition:{layout:{duration:.2,ease:[.1,.1,.2,1]}},children:jsx(AnimatePresence,{children:jsx(motion.div,{variants:i??M,transition:{duration:.2,ease:"easeInOut"},animate:"animate",initial:"initial",exit:"exit",className:"relative rounded-2xl overflow-hidden",children:jsx("div",{className:l("relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl shadow-2xl","border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]"),children:t})})})})})]}));T.displayName=o.Content.displayName;var E=({className:e,...t})=>jsx("div",{"aria-describedby":"tuwa:modal-header",className:l("sticky flex top-0 z-11 w-full flex-row items-center justify-between","border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-4",e),...t});E.displayName="DialogHeader";var A=({className:e,...t})=>jsx("div",{"aria-describedby":"tuwa:modal-footer",className:l("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});A.displayName="DialogFooter";var V=m.forwardRef(({className:e,...t},i)=>jsx(o.Title,{ref:i,"aria-describedby":"tuwa:modal-title",className:l("text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0",e),...t}));V.displayName=o.Title.displayName;var S=m.forwardRef(({className:e,...t},i)=>jsx(o.Description,{"aria-describedby":"tuwa:modal-description",ref:i,className:l("text-sm text-[var(--tuwa-text-secondary)]",e),...t}));S.displayName=o.Description.displayName;function ce({starsCount:e}){let[t,i]=useState(false);useEffect(()=>i(true),[]);let r=useMemo(()=>{if(!t)return [];let a=e??200;return Array.from({length:a}).map(()=>({x:Math.random()*window.innerWidth,y:Math.random()*window.innerHeight,r:Math.random()*1+.5,isSupernova:Math.random()<.1,delay:Math.random()*10,duration:5+Math.random()*5}))},[t]);return jsx("div",{className:"absolute inset-0 z-1 h-full w-full overflow-hidden",children:jsxs("svg",{width:"100%",height:"100%",xmlns:"http://www.w3.org/2000/svg",children:[jsx("defs",{children:jsx("style",{children:`
+              /* Pulse animation now includes scale for a more organic feel. */
+              @keyframes pulse {
+                0%, 100% { 
+                  opacity: 0.2;
+                  transform: scale(0.9);
+                }
+                50% {
+                  opacity: 0.8;
+                  transform: scale(1.2);
+                }
+              }
+              
+              /* Supernova animation remains impactful. */
+              @keyframes supernova {
+                0% { 
+                  transform: scale(1);
+                  stroke: rgba(var(--tuwa-bg-primary), 0.5);
+                  opacity: 0.8;
+                }
+                20% { 
+                  transform: scale(3);
+                  stroke: var(--tuwa-button-gradient-from);
+                  opacity: 1;
+                }
+                100% { 
+                  transform: scale(0.8);
+                  stroke: var(--tuwa-button-gradient-to);
+                  opacity: 0;
+                }
+              }
+
+              .pulsar {
+                animation-name: pulse;
+                animation-timing-function: ease-in-out;
+                animation-iteration-count: infinite;
+                transform-origin: center;
+              }
+
+              .supernova {
+                animation-name: supernova;
+                animation-timing-function: ease-out;
+                animation-iteration-count: infinite;
+                transform-origin: center;
+                stroke-width: 2;
+              }
+            `})}),r.map((a,n)=>jsx("circle",{cx:a.x,cy:a.y,r:a.r,fill:"rgba(var(--tuwa-bg-primary), 0.7)",className:a.isSupernova?"supernova":"pulsar",style:{animationDelay:`${a.delay}s`,animationDuration:`${a.duration}s`}},n))]})})}function ue(e=2e3){let[t,i]=useState(false),[r,a]=useState(null),n=useCallback(async p=>{if(p)try{await navigator.clipboard.writeText(p),i(!0),a(null),setTimeout(()=>i(!1),e);}catch(u){let g=u instanceof Error?u:new Error("Failed to copy text.");console.error(g),a(g),setTimeout(()=>a(null),e);}},[e]);return {isCopied:t,copy:n,error:r}}function ve(e){let t=a=>typeof window<"u"?window.matchMedia(a).matches:false,[i,r]=useState(t(e));return useEffect(()=>{let a=window.matchMedia(e),n=()=>r(a.matches);return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[e]),i}export{R as CloseIcon,oe as Dialog,ne as DialogClose,T as DialogContent,S as DialogDescription,A as DialogFooter,E as DialogHeader,x as DialogOverlay,N as DialogPortal,V as DialogTitle,re as DialogTrigger,ce as StarsBackground,l as cn,P as deepMerge,J as textCenterEllipsis,ue as useCopyToClipboard,ve as useMediaQuery};//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/cn.ts","../src/utils/deepMerge.ts","../src/utils/textCenterEllipsis.ts","../src/components/CloseIcon.tsx","../src/components/Modal.tsx","../src/hooks/useCopyToClipboard.ts","../src/hooks/useMediaQuery.ts"],"names":["cn","inputs","twMerge","clsx","isObject","item","deepMerge","target","source","output","key","targetValue","sourceValue","textCenterEllipsis","str","from","to","start","end","CloseIcon","g","className","props","ref","jsxs","jsx","Dialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","DialogContent","children","DialogHeader","DialogFooter","DialogTitle","DialogDescription","useCopyToClipboard","timeout","isCopied","setIsCopied","useState","error","setError","copy","useCallback","text","e","copyError","useMediaQuery","query","getMatches","q","matches","setMatches","useEffect","media","listener"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * @file This file contains a utility function for conditionally merging Tailwind CSS classes.\n */\n\nimport { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * A utility function to conditionally join class names together and resolve\n * conflicting Tailwind CSS classes.\n *\n * It combines the functionality of `clsx` and `tailwind-merge`.\n *\n * @param {...ClassValue[]} inputs - A list of class values to be combined.\n * This can include strings, numbers, objects, arrays, and booleans.\n * @returns {string} The final, merged class name string.\n *\n * @example\n * cn('p-4', 'bg-red-500', { 'font-bold': true }); // => 'p-4 bg-red-500 font-bold'\n * cn('p-2', 'p-4'); // => 'p-4' (tailwind-merge resolves the conflict)\n *\n * @see https://github.com/dcastil/tailwind-merge\n * @see https://github.com/lukeed/clsx\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * @file This file contains a utility for performing a deep (recursive) merge of two objects.\n */\n\n/**\n * Checks if the provided item is a plain object (i.e., not null and not an array).\n *\n * @param {any} item - The item to check.\n * @returns {item is Record<string, any>} True if the item is a plain object, otherwise false.\n */\nconst isObject = (item: any): item is Record<string, any> => {\n  return item && typeof item === 'object' && !Array.isArray(item);\n};\n\n/**\n * Recursively merges the properties of a source object into a target object.\n * This function creates a new object and does not mutate the original target.\n *\n * @template T - The type of the objects being merged.\n * @param {T} target - The base object.\n * @param {Partial<T>} source - The object with properties to merge into the target.\n * @returns {T} A new object representing the merged result.\n *\n * @example\n * const defaults = { a: 1, b: { c: 2, d: 3 } };\n * const custom = { b: { c: 99 } };\n * const result = deepMerge(defaults, custom);\n * // result will be { a: 1, b: { c: 99, d: 3 } }\n */\nexport function deepMerge<T extends object>(target: T, source: Partial<T>): T {\n  // Start with a shallow copy of the target to avoid mutation.\n  const output = { ...target };\n\n  if (isObject(target) && isObject(source)) {\n    // Iterate over the keys in the source object.\n    Object.keys(source).forEach((key) => {\n      const targetValue = target[key as keyof T];\n      const sourceValue = source[key as keyof T];\n\n      // If the value is an object in both target and source, merge them recursively.\n      if (isObject(targetValue) && isObject(sourceValue)) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-expect-error\n        (output as Record<string, any>)[key] = deepMerge(targetValue, sourceValue);\n      } else {\n        // Otherwise, the source value overwrites the target value.\n        (output as Record<string, any>)[key] = sourceValue;\n      }\n    });\n  }\n\n  return output;\n}\n","/**\n * @file This file contains a utility function for truncating a string with a center ellipsis.\n */\n\n/**\n * Truncates a string by showing a specified number of characters from the start and end,\n * with an ellipsis in the middle. If the string is too short to be truncated, it's returned as is.\n *\n * @param {string} str - The string to truncate.\n * @param {number} from - The number of characters to show from the beginning of the string.\n * @param {number} to - The number of characters to show from the end of the string.\n * @returns {string} The truncated string, or the original string if it's too short.\n *\n * @example\n * const hash = '0x1234567890abcdef1234567890abcdef';\n * textCenterEllipsis(hash, 6, 4); // => \"0x1234...cdef\"\n *\n * textCenterEllipsis('short', 6, 4); // => \"short\"\n */\nexport function textCenterEllipsis(str: string | undefined | null, from: number, to: number): string {\n  if (!str) {\n    return '';\n  }\n\n  // If the string is short enough, don't truncate it.\n  if (str.length <= from + to) {\n    return str;\n  }\n\n  const start = str.slice(0, from);\n  const end = str.slice(str.length - to);\n\n  return `${start}...${end}`;\n}\n","import * as React from 'react';\n\nimport { cn } from '../utils';\n\n/**\n * A reusable close button icon (X mark) styled with TUWA color scheme.\n */\nexport const CloseIcon = React.forwardRef<SVGSVGElement, React.SVGAttributes<SVGSVGElement>>(\n  ({ className, ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn('h-5 w-5 text-[var(--tuwa-text-primary)] transition-colors', className)}\n      {...props}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  ),\n);\nCloseIcon.displayName = 'CloseIcon';\n","import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport * as React from 'react';\n\nimport { cn } from '../utils';\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150',\n      'animate-in fade-in-0',\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n\n    <DialogPrimitive.Content\n      aria-describedby=\"tuwa:modal-content\"\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"relative rounded-2xl overflow-hidden\">\n        <div\n          className={cn(\n            'relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl shadow-2xl',\n            'border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]',\n            'animate-in fade-in-0 zoom-in-95 lide-in-from-top-[48%] duration-350',\n          )}\n        >\n          {children}\n        </div>\n      </div>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    aria-describedby=\"tuwa:modal-header\"\n    className={cn(\n      'sticky flex top-0 z-11 w-full flex-row items-center justify-between',\n      'border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-4',\n      className,\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    aria-describedby=\"tuwa:modal-footer\"\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    aria-describedby=\"tuwa:modal-title\"\n    className={cn('text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    aria-describedby=\"tuwa:modal-description\"\n    ref={ref}\n    className={cn('text-sm text-[var(--tuwa-text-secondary)]', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n","/**\n * @file This file contains a custom React hook for copying text to the clipboard.\n */\n\nimport { useCallback, useState } from 'react';\n\n/**\n * A custom React hook that provides functionality to copy text to the clipboard.\n * It also manages a \"copied\" state with a timeout for user feedback.\n *\n * @param {number} [timeout=2000] - The duration in milliseconds to keep the `isCopied` state as true.\n * @returns {{\n * isCopied: boolean;\n * copy: (text: string) => Promise<void>;\n * error: Error | null;\n * }} An object containing the `isCopied` state, the `copy` function, and any potential error.\n *\n * @example\n * const MyComponent = () => {\n * const { isCopied, copy } = useCopyToClipboard();\n * const textToCopy = '0x123...';\n *\n * return (\n * <button onClick={() => copy(textToCopy)}>\n * {isCopied ? 'Copied!' : 'Copy Address'}\n * </button>\n * );\n * }\n */\nexport function useCopyToClipboard(timeout = 2000): {\n  isCopied: boolean;\n  copy: (text: string) => Promise<void>;\n  error: Error | null;\n} {\n  const [isCopied, setIsCopied] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const copy = useCallback(\n    async (text: string) => {\n      if (!text) return;\n\n      try {\n        await navigator.clipboard.writeText(text);\n        setIsCopied(true);\n        setError(null);\n\n        setTimeout(() => setIsCopied(false), timeout);\n      } catch (e) {\n        const copyError = e instanceof Error ? e : new Error('Failed to copy text.');\n        console.error(copyError);\n        setError(copyError);\n\n        // Reset error state after timeout as well\n        setTimeout(() => setError(null), timeout);\n      }\n    },\n    [timeout],\n  );\n\n  return { isCopied, copy, error };\n}\n","import { useEffect, useState } from 'react';\n\n/**\n * A custom hook to detect if a media query matches the current screen dimensions.\n * Handles SSR gracefully.\n * @param {string} query - The media query string (e.g., '(max-width: 767px)').\n * @returns {boolean} Whether the query matches or not.\n */\nexport function useMediaQuery(query: string): boolean {\n  const getMatches = (q: string): boolean => {\n    if (typeof window !== 'undefined') {\n      return window.matchMedia(q).matches;\n    }\n    return false;\n  };\n\n  const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n    const listener = () => setMatches(media.matches);\n\n    // Re-check on mount and subscribe to changes\n    listener();\n    window.addEventListener('resize', listener);\n\n    return () => window.removeEventListener('resize', listener);\n  }, [query]);\n\n  return matches;\n}\n"]}
+{"version":3,"sources":["../src/utils/cn.ts","../src/utils/deepMerge.ts","../src/utils/textCenterEllipsis.ts","../src/components/CloseIcon.tsx","../src/components/Modal.tsx","../src/components/StarsBackground.tsx","../src/hooks/useCopyToClipboard.ts","../src/hooks/useMediaQuery.ts"],"names":["cn","inputs","twMerge","clsx","isObject","item","deepMerge","target","source","output","key","targetValue","sourceValue","textCenterEllipsis","str","from","to","start","end","CloseIcon","v","className","props","ref","jsxs","jsx","Dialog","DialogTrigger","DialogPortal","DialogClose","defaultModalAnimation","defaultModalBackdropAnimation","DialogOverlay","backdropAnimation","AnimatePresence","motion","DialogContent","children","modalAnimation","DialogHeader","DialogFooter","DialogTitle","DialogDescription","StarsBackground","starsCount","isMounted","setIsMounted","useState","useEffect","stars","useMemo","numStars","star","i","useCopyToClipboard","timeout","isCopied","setIsCopied","error","setError","copy","useCallback","text","e","copyError","useMediaQuery","query","getMatches","q","matches","setMatches","media","listener"],"mappings":"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","file":"index.js","sourcesContent":["/**\n * @file This file contains a utility function for conditionally merging Tailwind CSS classes.\n */\n\nimport { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * A utility function to conditionally join class names together and resolve\n * conflicting Tailwind CSS classes.\n *\n * It combines the functionality of `clsx` and `tailwind-merge`.\n *\n * @param {...ClassValue[]} inputs - A list of class values to be combined.\n * This can include strings, numbers, objects, arrays, and booleans.\n * @returns {string} The final, merged class name string.\n *\n * @example\n * cn('p-4', 'bg-red-500', { 'font-bold': true }); // => 'p-4 bg-red-500 font-bold'\n * cn('p-2', 'p-4'); // => 'p-4' (tailwind-merge resolves the conflict)\n *\n * @see https://github.com/dcastil/tailwind-merge\n * @see https://github.com/lukeed/clsx\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n","/**\n * @file This file contains a utility for performing a deep (recursive) merge of two objects.\n */\n\n/**\n * Checks if the provided item is a plain object (i.e., not null and not an array).\n *\n * @param {any} item - The item to check.\n * @returns {item is Record<string, any>} True if the item is a plain object, otherwise false.\n */\nconst isObject = (item: any): item is Record<string, any> => {\n  return item && typeof item === 'object' && !Array.isArray(item);\n};\n\n/**\n * Recursively merges the properties of a source object into a target object.\n * This function creates a new object and does not mutate the original target.\n *\n * @template T - The type of the objects being merged.\n * @param {T} target - The base object.\n * @param {Partial<T>} source - The object with properties to merge into the target.\n * @returns {T} A new object representing the merged result.\n *\n * @example\n * const defaults = { a: 1, b: { c: 2, d: 3 } };\n * const custom = { b: { c: 99 } };\n * const result = deepMerge(defaults, custom);\n * // result will be { a: 1, b: { c: 99, d: 3 } }\n */\nexport function deepMerge<T extends object>(target: T, source: Partial<T>): T {\n  // Start with a shallow copy of the target to avoid mutation.\n  const output = { ...target };\n\n  if (isObject(target) && isObject(source)) {\n    // Iterate over the keys in the source object.\n    Object.keys(source).forEach((key) => {\n      const targetValue = target[key as keyof T];\n      const sourceValue = source[key as keyof T];\n\n      // If the value is an object in both target and source, merge them recursively.\n      if (isObject(targetValue) && isObject(sourceValue)) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-expect-error\n        (output as Record<string, any>)[key] = deepMerge(targetValue, sourceValue);\n      } else {\n        // Otherwise, the source value overwrites the target value.\n        (output as Record<string, any>)[key] = sourceValue;\n      }\n    });\n  }\n\n  return output;\n}\n","/**\n * @file This file contains a utility function for truncating a string with a center ellipsis.\n */\n\n/**\n * Truncates a string by showing a specified number of characters from the start and end,\n * with an ellipsis in the middle. If the string is too short to be truncated, it's returned as is.\n *\n * @param {string} str - The string to truncate.\n * @param {number} from - The number of characters to show from the beginning of the string.\n * @param {number} to - The number of characters to show from the end of the string.\n * @returns {string} The truncated string, or the original string if it's too short.\n *\n * @example\n * const hash = '0x1234567890abcdef1234567890abcdef';\n * textCenterEllipsis(hash, 6, 4); // => \"0x1234...cdef\"\n *\n * textCenterEllipsis('short', 6, 4); // => \"short\"\n */\nexport function textCenterEllipsis(str: string | undefined | null, from: number, to: number): string {\n  if (!str) {\n    return '';\n  }\n\n  // If the string is short enough, don't truncate it.\n  if (str.length <= from + to) {\n    return str;\n  }\n\n  const start = str.slice(0, from);\n  const end = str.slice(str.length - to);\n\n  return `${start}...${end}`;\n}\n","import * as React from 'react';\n\nimport { cn } from '../utils';\n\n/**\n * A reusable close button icon (X mark) styled with TUWA color scheme.\n */\nexport const CloseIcon = React.forwardRef<SVGSVGElement, React.SVGAttributes<SVGSVGElement>>(\n  ({ className, ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={cn('h-5 w-5 text-[var(--tuwa-text-primary)] transition-colors', className)}\n      {...props}\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  ),\n);\nCloseIcon.displayName = 'CloseIcon';\n","import * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { AnimatePresence, motion, Variants } from 'framer-motion';\nimport * as React from 'react';\n\nimport { cn } from '../utils';\n\nconst Dialog = DialogPrimitive.Root;\nconst DialogTrigger = DialogPrimitive.Trigger;\nconst DialogPortal = DialogPrimitive.Portal;\nconst DialogClose = DialogPrimitive.Close;\n\nconst defaultModalAnimation: Variants = {\n  initial: { opacity: 0, scale: 0.9, y: 20 },\n  animate: { opacity: 1, scale: 1, y: 0 },\n  exit: {\n    opacity: 0,\n    scale: 0.9,\n    transition: {\n      duration: 0.2,\n    },\n  },\n};\n\nconst defaultModalBackdropAnimation: Variants = {\n  initial: { opacity: 0 },\n  animate: { opacity: 1 },\n  exit: { opacity: 0 },\n};\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay> & {\n    backdropAnimation?: Variants;\n  }\n>(({ className, backdropAnimation, ...props }, ref) => (\n  <AnimatePresence>\n    <motion.div\n      variants={backdropAnimation ?? defaultModalBackdropAnimation}\n      transition={{ duration: 0.2, ease: 'easeInOut' }}\n      animate=\"animate\"\n      initial=\"initial\"\n      exit=\"exit\"\n      className=\"relative rounded-2xl overflow-hidden\"\n    >\n      <DialogPrimitive.Overlay\n        ref={ref}\n        className={cn('fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150', className)}\n        {...props}\n      />\n    </motion.div>\n  </AnimatePresence>\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    modalAnimation?: Variants;\n    backdropAnimation?: Variants;\n  }\n>(({ className, children, modalAnimation, backdropAnimation, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay backdropAnimation={backdropAnimation} />\n\n    <DialogPrimitive.Content\n      aria-describedby=\"tuwa:modal-content\"\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none',\n        className,\n      )}\n      {...props}\n    >\n      <motion.div\n        layout\n        className=\"relative overflow-hidden\"\n        transition={{\n          layout: {\n            duration: 0.2,\n            ease: [0.1, 0.1, 0.2, 1],\n          },\n        }}\n      >\n        <AnimatePresence>\n          <motion.div\n            variants={modalAnimation ?? defaultModalAnimation}\n            transition={{ duration: 0.2, ease: 'easeInOut' }}\n            animate=\"animate\"\n            initial=\"initial\"\n            exit=\"exit\"\n            className=\"relative rounded-2xl overflow-hidden\"\n          >\n            <div\n              className={cn(\n                'relative flex max-h-[98dvh] w-full flex-col gap-3 overflow-y-auto rounded-2xl shadow-2xl',\n                'border border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)]',\n              )}\n            >\n              {children}\n            </div>\n          </motion.div>\n        </AnimatePresence>\n      </motion.div>\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    aria-describedby=\"tuwa:modal-header\"\n    className={cn(\n      'sticky flex top-0 z-11 w-full flex-row items-center justify-between',\n      'border-b border-[var(--tuwa-border-primary)] bg-[var(--tuwa-bg-primary)] p-4',\n      className,\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = 'DialogHeader';\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    aria-describedby=\"tuwa:modal-footer\"\n    className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', className)}\n    {...props}\n  />\n);\nDialogFooter.displayName = 'DialogFooter';\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    aria-describedby=\"tuwa:modal-title\"\n    className={cn('text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0', className)}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    aria-describedby=\"tuwa:modal-description\"\n    ref={ref}\n    className={cn('text-sm text-[var(--tuwa-text-secondary)]', className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n","import { useEffect, useMemo, useState } from 'react';\n\nexport function StarsBackground({ starsCount }: { starsCount?: number }) {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => setIsMounted(true), []);\n\n  const stars = useMemo(() => {\n    if (!isMounted) {\n      return [];\n    }\n\n    const numStars = starsCount ?? 200;\n    return Array.from({ length: numStars }).map(() => ({\n      x: Math.random() * window.innerWidth,\n      y: Math.random() * window.innerHeight,\n      r: Math.random() * 1 + 0.5,\n      isSupernova: Math.random() < 0.1,\n      delay: Math.random() * 10,\n      duration: 5 + Math.random() * 5,\n    }));\n  }, [isMounted]);\n\n  return (\n    <div className=\"absolute inset-0 z-1 h-full w-full overflow-hidden\">\n      <svg width=\"100%\" height=\"100%\" xmlns=\"http://www.w3.org/2000/svg\">\n        <defs>\n          <style>\n            {`\n              /* Pulse animation now includes scale for a more organic feel. */\n              @keyframes pulse {\n                0%, 100% { \n                  opacity: 0.2;\n                  transform: scale(0.9);\n                }\n                50% {\n                  opacity: 0.8;\n                  transform: scale(1.2);\n                }\n              }\n              \n              /* Supernova animation remains impactful. */\n              @keyframes supernova {\n                0% { \n                  transform: scale(1);\n                  stroke: rgba(var(--tuwa-bg-primary), 0.5);\n                  opacity: 0.8;\n                }\n                20% { \n                  transform: scale(3);\n                  stroke: var(--tuwa-button-gradient-from);\n                  opacity: 1;\n                }\n                100% { \n                  transform: scale(0.8);\n                  stroke: var(--tuwa-button-gradient-to);\n                  opacity: 0;\n                }\n              }\n\n              .pulsar {\n                animation-name: pulse;\n                animation-timing-function: ease-in-out;\n                animation-iteration-count: infinite;\n                transform-origin: center;\n              }\n\n              .supernova {\n                animation-name: supernova;\n                animation-timing-function: ease-out;\n                animation-iteration-count: infinite;\n                transform-origin: center;\n                stroke-width: 2;\n              }\n            `}\n          </style>\n        </defs>\n\n        {stars.map((star, i) => (\n          <circle\n            key={i}\n            cx={star.x}\n            cy={star.y}\n            r={star.r}\n            fill={`rgba(var(--tuwa-bg-primary), 0.7)`}\n            className={star.isSupernova ? 'supernova' : 'pulsar'}\n            style={{\n              animationDelay: `${star.delay}s`,\n              animationDuration: `${star.duration}s`,\n            }}\n          />\n        ))}\n      </svg>\n    </div>\n  );\n}\n","/**\n * @file This file contains a custom React hook for copying text to the clipboard.\n */\n\nimport { useCallback, useState } from 'react';\n\n/**\n * A custom React hook that provides functionality to copy text to the clipboard.\n * It also manages a \"copied\" state with a timeout for user feedback.\n *\n * @param {number} [timeout=2000] - The duration in milliseconds to keep the `isCopied` state as true.\n * @returns {{\n * isCopied: boolean;\n * copy: (text: string) => Promise<void>;\n * error: Error | null;\n * }} An object containing the `isCopied` state, the `copy` function, and any potential error.\n *\n * @example\n * const MyComponent = () => {\n * const { isCopied, copy } = useCopyToClipboard();\n * const textToCopy = '0x123...';\n *\n * return (\n * <button onClick={() => copy(textToCopy)}>\n * {isCopied ? 'Copied!' : 'Copy Address'}\n * </button>\n * );\n * }\n */\nexport function useCopyToClipboard(timeout = 2000): {\n  isCopied: boolean;\n  copy: (text: string) => Promise<void>;\n  error: Error | null;\n} {\n  const [isCopied, setIsCopied] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const copy = useCallback(\n    async (text: string) => {\n      if (!text) return;\n\n      try {\n        await navigator.clipboard.writeText(text);\n        setIsCopied(true);\n        setError(null);\n\n        setTimeout(() => setIsCopied(false), timeout);\n      } catch (e) {\n        const copyError = e instanceof Error ? e : new Error('Failed to copy text.');\n        console.error(copyError);\n        setError(copyError);\n\n        // Reset error state after timeout as well\n        setTimeout(() => setError(null), timeout);\n      }\n    },\n    [timeout],\n  );\n\n  return { isCopied, copy, error };\n}\n","import { useEffect, useState } from 'react';\n\n/**\n * A custom hook to detect if a media query matches the current screen dimensions.\n * Handles SSR gracefully.\n * @param {string} query - The media query string (e.g., '(max-width: 767px)').\n * @returns {boolean} Whether the query matches or not.\n */\nexport function useMediaQuery(query: string): boolean {\n  const getMatches = (q: string): boolean => {\n    if (typeof window !== 'undefined') {\n      return window.matchMedia(q).matches;\n    }\n    return false;\n  };\n\n  const [matches, setMatches] = useState<boolean>(getMatches(query));\n\n  useEffect(() => {\n    const media = window.matchMedia(query);\n    const listener = () => setMatches(media.matches);\n\n    // Re-check on mount and subscribe to changes\n    listener();\n    window.addEventListener('resize', listener);\n\n    return () => window.removeEventListener('resize', listener);\n  }, [query]);\n\n  return matches;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuwaio/nova-core",
-  "version": "1.0.0-fix-integrate-orbit-alpha.7.37786c4",
+  "version": "1.0.0-fix-integrate-orbit-alpha.9.ee24217",
   "private": false,
   "author": "Oleksandr Tkach",
   "license": "Apache-2.0",
@@ -48,10 +48,11 @@
     }
   ],
   "peerDependencies": {
-    "@radix-ui/react-dialog": ">=1.1",
-    "clsx": ">=2",
-    "react": ">=19",
-    "tailwind-merge": ">=3"
+    "@radix-ui/react-dialog": "1.x.x",
+    "clsx": "2.x.x",
+    "framer-motion": "12.x.x",
+    "react": "19.x.x",
+    "tailwind-merge": "3.x.x"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.13",
@@ -60,12 +61,12 @@
     "@radix-ui/react-dialog": "^1.1.15",
     "autoprefixer": "^10.4.21",
     "clsx": "^2.1.1",
+    "framer-motion": "^12.23.19",
     "postcss": "^8.5.6",
     "postcss-cli": "^11.0.1",
     "react": "^19.1.1",
     "tailwindcss": "^4.1.13",
     "tailwind-merge": "^3.3.1",
-    "tw-animate-css": "^1.4.0",
     "tsup": "^8.5.0",
     "typescript": "^5.9.2"
   },