@tuwaio/nova-core 1.0.0-fix-integrate-orbit-alpha.7.37786c4 → 1.0.0-fix-integrate-orbit-alpha.8.2a0be00

package/dist/index.cjs

@@ -1,3 +1,3 @@
-'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 c=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),a=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 c__namespace=/*#__PURE__*/_interopNamespace(c);var a__namespace=/*#__PURE__*/_interopNamespace(a);function s(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var m=e=>e&&typeof e=="object"&&!Array.isArray(e);function R(e,t){let i={...e};return m(e)&&m(t)&&Object.keys(t).forEach(o=>{let r=e[o],l=t[o];m(r)&&m(l)?i[o]=R(r,l):i[o]=l;}),i}function W(e,t,i){if(!e)return "";if(e.length<=t+i)return e;let o=e.slice(0,t),r=e.slice(e.length-i);return `${o}...${r}`}var P=c__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:s("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"})]}));P.displayName="CloseIcon";var q=a__namespace.Root,ee=a__namespace.Trigger,C=a__namespace.Portal,te=a__namespace.Close,N={initial:{opacity:0,scale:.9,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.9,transition:{duration:.2}}},T={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},x=c__namespace.forwardRef(({className:e,backdropAnimation:t,...i},o)=>jsxRuntime.jsx(framerMotion.AnimatePresence,{children:jsxRuntime.jsx(framerMotion.motion.div,{variants:t??T,transition:{duration:.2,ease:"easeInOut"},animate:"animate",initial:"initial",exit:"exit",className:"relative rounded-2xl overflow-hidden",children:jsxRuntime.jsx(a__namespace.Overlay,{ref:o,className:s("fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150",e),...i})})}));x.displayName=a__namespace.Overlay.displayName;var E=c__namespace.forwardRef(({className:e,children:t,modalAnimation:i,backdropAnimation:o,...r},l)=>jsxRuntime.jsxs(C,{children:[jsxRuntime.jsx(x,{backdropAnimation:o}),jsxRuntime.jsx(a__namespace.Content,{"aria-describedby":"tuwa:modal-content",ref:l,className:s("fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none",e),...r,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??N,transition:{duration:.2,ease:"easeInOut"},animate:"animate",initial:"initial",exit:"exit",className:"relative rounded-2xl overflow-hidden",children:jsxRuntime.jsx("div",{className:s("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})})})})})]}));E.displayName=a__namespace.Content.displayName;var V=({className:e,...t})=>jsxRuntime.jsx("div",{"aria-describedby":"tuwa:modal-header",className:s("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});V.displayName="DialogHeader";var k=({className:e,...t})=>jsxRuntime.jsx("div",{"aria-describedby":"tuwa:modal-footer",className:s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});k.displayName="DialogFooter";var A=c__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(a__namespace.Title,{ref:i,"aria-describedby":"tuwa:modal-title",className:s("text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0",e),...t}));A.displayName=a__namespace.Title.displayName;var M=c__namespace.forwardRef(({className:e,...t},i)=>jsxRuntime.jsx(a__namespace.Description,{"aria-describedby":"tuwa:modal-description",ref:i,className:s("text-sm text-[var(--tuwa-text-secondary)]",e),...t}));M.displayName=a__namespace.Description.displayName;function re(e=2e3){let[t,i]=c.useState(false),[o,r]=c.useState(null),l=c.useCallback(async p=>{if(p)try{await navigator.clipboard.writeText(p),i(!0),r(null),setTimeout(()=>i(!1),e);}catch(f){let u=f instanceof Error?f:new Error("Failed to copy text.");console.error(u),r(u),setTimeout(()=>r(null),e);}},[e]);return {isCopied:t,copy:l,error:o}}function se(e){let t=r=>typeof window<"u"?window.matchMedia(r).matches:false,[i,o]=c.useState(t(e));return c.useEffect(()=>{let r=window.matchMedia(e),l=()=>o(r.matches);return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[e]),i}
+exports.CloseIcon=P;exports.Dialog=q;exports.DialogClose=te;exports.DialogContent=E;exports.DialogDescription=M;exports.DialogFooter=k;exports.DialogHeader=V;exports.DialogOverlay=x;exports.DialogPortal=C;exports.DialogTitle=A;exports.DialogTrigger=ee;exports.cn=s;exports.deepMerge=R;exports.textCenterEllipsis=W;exports.useCopyToClipboard=re;exports.useMediaQuery=se;//# 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/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","a","DialogTrigger","DialogPortal","DialogClose","defaultModalAnimation","defaultModalBackdropAnimation","DialogOverlay","c","backdropAnimation","AnimatePresence","motion","DialogContent","children","modalAnimation","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 { 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","/**\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

@@ -61,9 +61,6 @@
     --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);
-  }
   .resize {
     resize: both;
   }
@@ -172,27 +169,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 +203,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);
@@ -486,22 +392,11 @@
   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 {
@@ -535,25 +430,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;

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;

package/dist/index.js

@@ -1,3 +1,3 @@
-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 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 a from'@radix-ui/react-dialog';import {AnimatePresence,motion}from'framer-motion';function s(...e){return twMerge(clsx(e))}var m=e=>e&&typeof e=="object"&&!Array.isArray(e);function R(e,t){let i={...e};return m(e)&&m(t)&&Object.keys(t).forEach(o=>{let r=e[o],l=t[o];m(r)&&m(l)?i[o]=R(r,l):i[o]=l;}),i}function W(e,t,i){if(!e)return "";if(e.length<=t+i)return e;let o=e.slice(0,t),r=e.slice(e.length-i);return `${o}...${r}`}var P=c.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:s("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"})]}));P.displayName="CloseIcon";var q=a.Root,ee=a.Trigger,C=a.Portal,te=a.Close,N={initial:{opacity:0,scale:.9,y:20},animate:{opacity:1,scale:1,y:0},exit:{opacity:0,scale:.9,transition:{duration:.2}}},T={initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},x=c.forwardRef(({className:e,backdropAnimation:t,...i},o)=>jsx(AnimatePresence,{children:jsx(motion.div,{variants:t??T,transition:{duration:.2,ease:"easeInOut"},animate:"animate",initial:"initial",exit:"exit",className:"relative rounded-2xl overflow-hidden",children:jsx(a.Overlay,{ref:o,className:s("fixed inset-0 z-50 bg-black/55 backdrop-blur-sm backdrop-saturate-150",e),...i})})}));x.displayName=a.Overlay.displayName;var E=c.forwardRef(({className:e,children:t,modalAnimation:i,backdropAnimation:o,...r},l)=>jsxs(C,{children:[jsx(x,{backdropAnimation:o}),jsx(a.Content,{"aria-describedby":"tuwa:modal-content",ref:l,className:s("fixed left-[50%] top-[50%] z-50 w-full max-w-full translate-x-[-50%] translate-y-[-50%] p-4 outline-none",e),...r,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??N,transition:{duration:.2,ease:"easeInOut"},animate:"animate",initial:"initial",exit:"exit",className:"relative rounded-2xl overflow-hidden",children:jsx("div",{className:s("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})})})})})]}));E.displayName=a.Content.displayName;var V=({className:e,...t})=>jsx("div",{"aria-describedby":"tuwa:modal-header",className:s("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});V.displayName="DialogHeader";var k=({className:e,...t})=>jsx("div",{"aria-describedby":"tuwa:modal-footer",className:s("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});k.displayName="DialogFooter";var A=c.forwardRef(({className:e,...t},i)=>jsx(a.Title,{ref:i,"aria-describedby":"tuwa:modal-title",className:s("text-lg font-bold leading-none tracking-tight text-[var(--tuwa-text-primary)] m-0",e),...t}));A.displayName=a.Title.displayName;var M=c.forwardRef(({className:e,...t},i)=>jsx(a.Description,{"aria-describedby":"tuwa:modal-description",ref:i,className:s("text-sm text-[var(--tuwa-text-secondary)]",e),...t}));M.displayName=a.Description.displayName;function re(e=2e3){let[t,i]=useState(false),[o,r]=useState(null),l=useCallback(async p=>{if(p)try{await navigator.clipboard.writeText(p),i(!0),r(null),setTimeout(()=>i(!1),e);}catch(f){let u=f instanceof Error?f:new Error("Failed to copy text.");console.error(u),r(u),setTimeout(()=>r(null),e);}},[e]);return {isCopied:t,copy:l,error:o}}function se(e){let t=r=>typeof window<"u"?window.matchMedia(r).matches:false,[i,o]=useState(t(e));return useEffect(()=>{let r=window.matchMedia(e),l=()=>o(r.matches);return l(),window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},[e]),i}
+export{P as CloseIcon,q as Dialog,te as DialogClose,E as DialogContent,M as DialogDescription,k as DialogFooter,V as DialogHeader,x as DialogOverlay,C as DialogPortal,A as DialogTitle,ee as DialogTrigger,s as cn,R as deepMerge,W as textCenterEllipsis,re as useCopyToClipboard,se 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":"0NAwBO,SAASA,CAAAA,CAAAA,GAAMC,EAA8B,CAClD,OAAOC,OAAAA,CAAQC,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CChBA,IAAMG,CAAAA,CAAYC,CAAAA,EACTA,CAAAA,EAAQ,OAAOA,CAAAA,EAAS,QAAA,EAAY,CAAC,KAAA,CAAM,QAAQA,CAAI,CAAA,CAkBzD,SAASC,CAAAA,CAA4BC,CAAAA,CAAWC,CAAAA,CAAuB,CAE5E,IAAMC,EAAS,CAAE,GAAGF,CAAO,CAAA,CAE3B,OAAIH,CAAAA,CAASG,CAAM,CAAA,EAAKH,EAASI,CAAM,CAAA,EAErC,MAAA,CAAO,IAAA,CAAKA,CAAM,CAAA,CAAE,OAAA,CAASE,CAAAA,EAAQ,CACnC,IAAMC,CAAAA,CAAcJ,CAAAA,CAAOG,CAAc,CAAA,CACnCE,CAAAA,CAAcJ,CAAAA,CAAOE,CAAc,EAGrCN,CAAAA,CAASO,CAAW,CAAA,EAAKP,CAAAA,CAASQ,CAAW,CAAA,CAG9CH,CAAAA,CAA+BC,CAAG,CAAA,CAAIJ,CAAAA,CAAUK,CAAAA,CAAaC,CAAW,CAAA,CAGxEH,CAAAA,CAA+BC,CAAG,CAAA,CAAIE,EAE3C,CAAC,CAAA,CAGIH,CACT,CCjCO,SAASI,CAAAA,CAAmBC,CAAAA,CAAgCC,CAAAA,CAAcC,EAAoB,CACnG,GAAI,CAACF,CAAAA,CACH,OAAO,EAAA,CAIT,GAAIA,CAAAA,CAAI,QAAUC,CAAAA,CAAOC,CAAAA,CACvB,OAAOF,CAAAA,CAGT,IAAMG,CAAAA,CAAQH,CAAAA,CAAI,KAAA,CAAM,EAAGC,CAAI,CAAA,CACzBG,CAAAA,CAAMJ,CAAAA,CAAI,KAAA,CAAMA,CAAAA,CAAI,MAAA,CAASE,CAAE,EAErC,OAAO,CAAA,EAAGC,CAAK,CAAA,GAAA,EAAMC,CAAG,CAAA,CAC1B,CC1BO,IAAMC,CAAAA,CAAkBC,CAAA,CAAA,UAAA,CAC7B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GACxBC,IAAAA,CAAC,KAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAM,4BAAA,CACN,OAAA,CAAQ,WAAA,CACR,IAAA,CAAK,MAAA,CACL,OAAO,cAAA,CACP,WAAA,CAAY,GAAA,CACZ,aAAA,CAAc,OAAA,CACd,cAAA,CAAe,OAAA,CACf,SAAA,CAAWvB,EAAG,2DAAA,CAA6DqB,CAAS,CAAA,CACnF,GAAGC,CAAAA,CAEJ,QAAA,CAAA,CAAAG,GAAAA,CAAC,MAAA,CAAA,CAAK,EAAE,YAAA,CAAa,CAAA,CACrBA,GAAAA,CAAC,MAAA,CAAA,CAAK,CAAA,CAAE,YAAA,CAAa,CAAA,CAAA,CACvB,CAEJ,EACAN,CAAAA,CAAU,WAAA,CAAc,WAAA,CCrBxB,IAAMO,CAAAA,CAAyB,CAAA,CAAA,IAAA,CACzBC,EAAgC,CAAA,CAAA,OAAA,CAChCC,CAAAA,CAA+B,CAAA,CAAA,MAAA,CAC/BC,CAAAA,CAA8B,CAAA,CAAA,KAAA,CAE9BC,CAAAA,CAAsB,CAAA,CAAA,UAAA,CAG1B,CAAC,CAAE,SAAA,CAAAT,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GAC1BE,GAAAA,CAAiB,CAAA,CAAA,OAAA,CAAhB,CACC,GAAA,CAAKF,CAAAA,CACL,SAAA,CAAWvB,CAAAA,CACT,uEAAA,CACA,sBAAA,CACAqB,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,CACD,EACDQ,CAAAA,CAAc,WAAA,CAA8B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAEpD,IAAMC,EAAsB,CAAA,CAAA,UAAA,CAG1B,CAAC,CAAE,SAAA,CAAAV,CAAAA,CAAW,QAAA,CAAAW,CAAAA,CAAU,GAAGV,CAAM,CAAA,CAAGC,CAAAA,GACpCC,IAAAA,CAACI,CAAAA,CAAA,CACC,QAAA,CAAA,CAAAH,GAAAA,CAACK,CAAAA,CAAA,EAAc,CAAA,CAEfL,GAAAA,CAAiB,CAAA,CAAA,OAAA,CAAhB,CACC,kBAAA,CAAiB,oBAAA,CACjB,GAAA,CAAKF,CAAAA,CACL,UAAWvB,CAAAA,CACT,0GAAA,CACAqB,CACF,CAAA,CACC,GAAGC,CAAAA,CAEJ,QAAA,CAAAG,GAAAA,CAAC,OAAI,SAAA,CAAU,sCAAA,CACb,QAAA,CAAAA,GAAAA,CAAC,KAAA,CAAA,CACC,SAAA,CAAWzB,CAAAA,CACT,0FAAA,CACA,yEACA,qEACF,CAAA,CAEC,QAAA,CAAAgC,CAAAA,CACH,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CACF,CACD,EACDD,CAAAA,CAAc,WAAA,CAA8B,CAAA,CAAA,OAAA,CAAQ,WAAA,CAEpD,IAAME,CAAAA,CAAe,CAAC,CAAE,SAAA,CAAAZ,CAAAA,CAAW,GAAGC,CAAM,CAAA,GAC1CG,GAAAA,CAAC,KAAA,CAAA,CACC,kBAAA,CAAiB,oBACjB,SAAA,CAAWzB,CAAAA,CACT,qEAAA,CACA,8EAAA,CACAqB,CACF,CAAA,CACC,GAAGC,CAAAA,CACN,EAEFW,CAAAA,CAAa,WAAA,CAAc,cAAA,CAE3B,IAAMC,CAAAA,CAAe,CAAC,CAAE,SAAA,CAAAb,EAAW,GAAGC,CAAM,CAAA,GAC1CG,GAAAA,CAAC,KAAA,CAAA,CACC,kBAAA,CAAiB,mBAAA,CACjB,SAAA,CAAWzB,EAAG,+DAAA,CAAiEqB,CAAS,CAAA,CACvF,GAAGC,CAAAA,CACN,EAEFY,CAAAA,CAAa,WAAA,CAAc,eAE3B,IAAMC,CAAAA,CAAoB,CAAA,CAAA,UAAA,CAGxB,CAAC,CAAE,SAAA,CAAAd,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GAC1BE,GAAAA,CAAiB,CAAA,CAAA,KAAA,CAAhB,CACC,GAAA,CAAKF,CAAAA,CACL,kBAAA,CAAiB,mBACjB,SAAA,CAAWvB,CAAAA,CAAG,mFAAA,CAAqFqB,CAAS,CAAA,CAC3G,GAAGC,CAAAA,CACN,CACD,EACDa,CAAAA,CAAY,WAAA,CAA8B,CAAA,CAAA,KAAA,CAAM,WAAA,CAEhD,IAAMC,CAAAA,CAA0B,CAAA,CAAA,UAAA,CAG9B,CAAC,CAAE,SAAA,CAAAf,CAAAA,CAAW,GAAGC,CAAM,CAAA,CAAGC,CAAAA,GAC1BE,GAAAA,CAAiB,CAAA,CAAA,WAAA,CAAhB,CACC,kBAAA,CAAiB,wBAAA,CACjB,GAAA,CAAKF,CAAAA,CACL,SAAA,CAAWvB,CAAAA,CAAG,2CAAA,CAA6CqB,CAAS,EACnE,GAAGC,CAAAA,CACN,CACD,EACDc,CAAAA,CAAkB,WAAA,CAA8B,CAAA,CAAA,WAAA,CAAY,WAAA,CC3ErD,SAASC,CAAAA,CAAmBC,CAAAA,CAAU,IAI3C,CACA,GAAM,CAACC,CAAAA,CAAUC,CAAW,CAAA,CAAIC,QAAAA,CAAS,KAAK,EACxC,CAACC,CAAAA,CAAOC,CAAQ,CAAA,CAAIF,QAAAA,CAAuB,IAAI,CAAA,CAE/CG,CAAAA,CAAOC,WAAAA,CACX,MAAOC,CAAAA,EAAiB,CACtB,GAAKA,CAAAA,CAEL,GAAI,CACF,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAUA,CAAI,CAAA,CACxCN,CAAAA,CAAY,CAAA,CAAI,CAAA,CAChBG,EAAS,IAAI,CAAA,CAEb,UAAA,CAAW,IAAMH,CAAAA,CAAY,CAAA,CAAK,CAAA,CAAGF,CAAO,EAC9C,CAAA,MAASS,CAAAA,CAAG,CACV,IAAMC,CAAAA,CAAYD,CAAAA,YAAa,KAAA,CAAQA,CAAAA,CAAI,IAAI,KAAA,CAAM,sBAAsB,CAAA,CAC3E,OAAA,CAAQ,KAAA,CAAMC,CAAS,CAAA,CACvBL,CAAAA,CAASK,CAAS,CAAA,CAGlB,UAAA,CAAW,IAAML,CAAAA,CAAS,IAAI,CAAA,CAAGL,CAAO,EAC1C,CACF,CAAA,CACA,CAACA,CAAO,CACV,CAAA,CAEA,OAAO,CAAE,QAAA,CAAAC,EAAU,IAAA,CAAAK,CAAAA,CAAM,KAAA,CAAAF,CAAM,CACjC,CCpDO,SAASO,EAAAA,CAAcC,CAAAA,CAAwB,CACpD,IAAMC,EAAcC,CAAAA,EACd,OAAO,MAAA,CAAW,GAAA,CACb,MAAA,CAAO,UAAA,CAAWA,CAAC,CAAA,CAAE,QAEvB,KAAA,CAGH,CAACC,CAAAA,CAASC,CAAU,CAAA,CAAIb,QAAAA,CAAkBU,CAAAA,CAAWD,CAAK,CAAC,CAAA,CAEjE,OAAAK,SAAAA,CAAU,IAAM,CACd,IAAMC,CAAAA,CAAQ,MAAA,CAAO,WAAWN,CAAK,CAAA,CAC/BO,CAAAA,CAAW,IAAMH,CAAAA,CAAWE,CAAAA,CAAM,OAAO,CAAA,CAG/C,OAAAC,CAAAA,EAAS,CACT,MAAA,CAAO,gBAAA,CAAiB,QAAA,CAAUA,CAAQ,CAAA,CAEnC,IAAM,OAAO,mBAAA,CAAoB,QAAA,CAAUA,CAAQ,CAC5D,CAAA,CAAG,CAACP,CAAK,CAAC,EAEHG,CACT","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/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","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 { 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","/**\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.8.2a0be00",
   "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"
   },