@tuwaio/nova-core 1.0.0-fix-integrate-orbit-alpha.1.64ac306 → 1.0.0-fix-integrate-orbit-alpha.3.521f7fb

package/dist/index.cjs

@@ -1,2 +1,3 @@
-'use strict';var react=require('react'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge');function w(e=2e3){let[o,t]=react.useState(false),[n,r]=react.useState(null),s=react.useCallback(async a=>{if(a)try{await navigator.clipboard.writeText(a),t(!0),r(null),setTimeout(()=>t(!1),e);}catch(c){let l=c instanceof Error?c:new Error("Failed to copy text.");console.error(l),r(l),setTimeout(()=>r(null),e);}},[e]);return {isCopied:o,copy:s,error:n}}function E(e){let o=r=>typeof window<"u"?window.matchMedia(r).matches:false,[t,n]=react.useState(o(e));return react.useEffect(()=>{let r=window.matchMedia(e),s=()=>n(r.matches);return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[e]),t}function v(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var i=e=>e&&typeof e=="object"&&!Array.isArray(e);function g(e,o){let t={...e};return i(e)&&i(o)&&Object.keys(o).forEach(n=>{let r=e[n],s=o[n];i(r)&&i(s)?t[n]=g(r,s):t[n]=s;}),t}function R(e,o,t){if(!e)return "";if(e.length<=o+t)return e;let n=e.slice(0,o),r=e.slice(e.length-t);return `${n}...${r}`}exports.cn=v;exports.deepMerge=g;exports.textCenterEllipsis=R;exports.useCopyToClipboard=w;exports.useMediaQuery=E;//# sourceMappingURL=index.cjs.map
+'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
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useCopyToClipboard.ts","../src/hooks/useMediaQuery.ts","../src/utils/cn.ts","../src/utils/deepMerge.ts","../src/utils/textCenterEllipsis.ts"],"names":["useCopyToClipboard","timeout","isCopied","setIsCopied","useState","error","setError","copy","useCallback","text","e","copyError","useMediaQuery","query","getMatches","q","matches","setMatches","useEffect","media","listener","cn","inputs","twMerge","clsx","isObject","item","deepMerge","target","source","output","key","targetValue","sourceValue","textCenterEllipsis","str","from","to","start","end"],"mappings":"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","file":"index.cjs","sourcesContent":["/**\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","/**\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"]}
+{"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"]}

package/dist/index.css

@@ -1,73 +1,559 @@
+/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
+@layer properties;
+@layer theme, base, components, utilities;
+@layer utilities {
+  .fixed {
+    position: fixed;
+  }
+  .relative {
+    position: relative;
+  }
+  .sticky {
+    position: sticky;
+  }
+  .inset-0 {
+    inset: calc(0.25rem * 0);
+  }
+  .top-0 {
+    top: calc(0.25rem * 0);
+  }
+  .top-\[50\%\] {
+    top: 50%;
+  }
+  .left-\[50\%\] {
+    left: 50%;
+  }
+  .z-11 {
+    z-index: 11;
+  }
+  .z-50 {
+    z-index: 50;
+  }
+  .m-0 {
+    margin: calc(0.25rem * 0);
+  }
+  .contents {
+    display: contents;
+  }
+  .flex {
+    display: flex;
+  }
+  .h-5 {
+    height: calc(0.25rem * 5);
+  }
+  .max-h-\[98dvh\] {
+    max-height: 98dvh;
+  }
+  .w-5 {
+    width: calc(0.25rem * 5);
+  }
+  .w-full {
+    width: 100%;
+  }
+  .max-w-full {
+    max-width: 100%;
+  }
+  .translate-x-\[-50\%\] {
+    --tw-translate-x: -50%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-y-\[-50\%\] {
+    --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;
+  }
+  .flex-col {
+    flex-direction: column;
+  }
+  .flex-col-reverse {
+    flex-direction: column-reverse;
+  }
+  .flex-row {
+    flex-direction: row;
+  }
+  .items-center {
+    align-items: center;
+  }
+  .justify-between {
+    justify-content: space-between;
+  }
+  .gap-3 {
+    gap: calc(0.25rem * 3);
+  }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .overflow-hidden {
+    overflow: hidden;
+  }
+  .overflow-y-auto {
+    overflow-y: auto;
+  }
+  .rounded-2xl {
+    border-radius: 1rem;
+  }
+  .border {
+    border-style: var(--tw-border-style);
+    border-width: 1px;
+  }
+  .border-b {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 1px;
+  }
+  .border-\[var\(--tuwa-border-primary\)\] {
+    border-color: var(--tuwa-border-primary);
+  }
+  .bg-\[var\(--tuwa-bg-primary\)\] {
+    background-color: var(--tuwa-bg-primary);
+  }
+  .bg-\[var\(--tuwa-color-primary\)\] {
+    background-color: var(--tuwa-color-primary);
+  }
+  .bg-black\/55 {
+    background-color: color-mix(in oklab, #000 55%, transparent);
+  }
+  .bg-red-500 {
+    background-color: oklch(63.7% 0.237 25.331);
+  }
+  .p-2 {
+    padding: calc(0.25rem * 2);
+  }
+  .p-4 {
+    padding: calc(0.25rem * 4);
+  }
+  .p-\[var\(--tuwa-spacing-md\)\] {
+    padding: var(--tuwa-spacing-md);
+  }
+  .text-lg {
+    font-size: 1.125rem;
+    line-height: var(--tw-leading, calc(1.75 / 1.125));
+  }
+  .text-sm {
+    font-size: 0.875rem;
+    line-height: var(--tw-leading, calc(1.25 / 0.875));
+  }
+  .leading-none {
+    --tw-leading: 1;
+    line-height: 1;
+  }
+  .font-bold {
+    --tw-font-weight: 700;
+    font-weight: 700;
+  }
+  .tracking-tight {
+    --tw-tracking: -0.025em;
+    letter-spacing: -0.025em;
+  }
+  .text-\[var\(--tuwa-color-foreground\)\] {
+    color: var(--tuwa-color-foreground);
+  }
+  .text-\[var\(--tuwa-text-primary\)\] {
+    color: var(--tuwa-text-primary);
+  }
+  .text-\[var\(--tuwa-text-secondary\)\] {
+    color: var(--tuwa-text-secondary);
+  }
+  .shadow-2xl {
+    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .backdrop-blur-sm {
+    --tw-backdrop-blur: blur(8px);
+    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,);
+  }
+  .backdrop-saturate-150 {
+    --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-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;
+    }
+  }
+  .sm\:justify-end {
+    @media (width >= 40rem) {
+      justify-content: flex-end;
+    }
+  }
+  .sm\:space-x-2 {
+    @media (width >= 40rem) {
+      :where(& > :not(:last-child)) {
+        --tw-space-x-reverse: 0;
+        margin-inline-start: calc(calc(0.25rem * 2) * var(--tw-space-x-reverse));
+        margin-inline-end: calc(calc(0.25rem * 2) * calc(1 - var(--tw-space-x-reverse)));
+      }
+    }
+  }
+}
+@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: theme('colors.green.100');
-  --tuwa-success-text: theme('colors.green.700');
-  --tuwa-success-icon: theme('colors.green.500');
-
-  --tuwa-error-bg: theme('colors.red.100');
-  --tuwa-error-text: theme('colors.red.700');
-  --tuwa-error-icon: theme('colors.red.500');
-
-  --tuwa-pending-bg: theme('colors.yellow.100');
-  --tuwa-pending-text: theme('colors.yellow.800');
-  --tuwa-pending-icon: theme('colors.yellow.600');
-
-  --tuwa-info-bg: theme('colors.gray.100');
-  --tuwa-info-text: theme('colors.gray.600');
-  --tuwa-info-icon: theme('colors.gray.500');
-
-  --tuwa-text-primary: theme('colors.gray.900');
-  --tuwa-text-secondary: theme('colors.gray.500');
-  --tuwa-text-tertiary: theme('colors.gray.400');
-  --tuwa-text-accent: theme('colors.blue.600');
-  --tuwa-text-on-accent: theme('colors.white');
-
-  --tuwa-bg-primary: theme('colors.white');
-  --tuwa-bg-secondary: theme('colors.gray.50');
-  --tuwa-bg-muted: theme('colors.gray.100');
-
-  --tuwa-border-primary: theme('colors.gray.200');
-  --tuwa-border-secondary: theme('colors.gray.100');
-
-  --tuwa-button-gradient-from: theme('colors.blue.600');
-  --tuwa-button-gradient-to: theme('colors.purple.600');
-
-  --tuwa-button-gradient-from-hover: theme('colors.blue.700');
-  --tuwa-button-gradient-to-hover: theme('colors.purple.700');
-}
-
+  --tuwa-success-bg: oklch(96.2% 0.044 156.743);
+  --tuwa-success-text: oklch(52.7% 0.154 150.069);
+  --tuwa-success-icon: oklch(72.3% 0.219 149.579);
+  --tuwa-error-bg: oklch(93.6% 0.032 17.717);
+  --tuwa-error-text: oklch(50.5% 0.213 27.518);
+  --tuwa-error-icon: oklch(63.7% 0.237 25.331);
+  --tuwa-pending-bg: oklch(97.3% 0.071 103.193);
+  --tuwa-pending-text: oklch(47.6% 0.114 61.907);
+  --tuwa-pending-icon: oklch(68.1% 0.162 75.834);
+  --tuwa-info-bg: oklch(96.7% 0.003 264.542);
+  --tuwa-info-text: oklch(44.6% 0.03 256.802);
+  --tuwa-info-icon: oklch(55.1% 0.027 264.364);
+  --tuwa-text-primary: oklch(21% 0.034 264.665);
+  --tuwa-text-secondary: oklch(55.1% 0.027 264.364);
+  --tuwa-text-tertiary: oklch(70.7% 0.022 261.325);
+  --tuwa-text-accent: oklch(54.6% 0.245 262.881);
+  --tuwa-text-on-accent: #fff;
+  --tuwa-bg-primary: #fff;
+  --tuwa-bg-secondary: oklch(98.5% 0.002 247.839);
+  --tuwa-bg-muted: oklch(96.7% 0.003 264.542);
+  --tuwa-border-primary: oklch(92.8% 0.006 264.531);
+  --tuwa-border-secondary: oklch(96.7% 0.003 264.542);
+  --tuwa-button-gradient-from: oklch(54.6% 0.245 262.881);
+  --tuwa-button-gradient-to: oklch(55.8% 0.288 302.321);
+  --tuwa-button-gradient-from-hover: oklch(48.8% 0.243 264.376);
+  --tuwa-button-gradient-to-hover: oklch(49.6% 0.265 301.924);
+}
 .dark {
-  --tuwa-success-bg: theme('colors.green.900');
-  --tuwa-success-text: theme('colors.green.300');
-  --tuwa-success-icon: theme('colors.green.400');
-
-  --tuwa-error-bg: theme('colors.red.900');
-  --tuwa-error-text: theme('colors.red.300');
-  --tuwa-error-icon: theme('colors.red.400');
-
-  --tuwa-pending-bg: theme('colors.yellow.900');
-  --tuwa-pending-text: theme('colors.yellow.300');
-  --tuwa-pending-icon: theme('colors.yellow.400');
-
-  --tuwa-info-bg: theme('colors.gray.700');
-  --tuwa-info-text: theme('colors.gray.300');
-  --tuwa-info-icon: theme('colors.gray.400');
-
-  --tuwa-text-primary: theme('colors.gray.50');
-  --tuwa-text-secondary: theme('colors.gray.400');
-  --tuwa-text-tertiary: theme('colors.gray.500');
-  --tuwa-text-accent: theme('colors.blue.400');
-  --tuwa-text-on-accent: theme('colors.white');
-
-  --tuwa-bg-primary: theme('colors.gray.900');
-  --tuwa-bg-secondary: theme('colors.gray.800');
-  --tuwa-bg-muted: theme('colors.gray.700');
-
-  --tuwa-border-primary: theme('colors.gray.700');
-  --tuwa-border-secondary: theme('colors.gray.800');
-
-  --tuwa-button-gradient-from: theme('colors.blue.500');
-  --tuwa-button-gradient-to: theme('colors.purple.500');
-
-  --tuwa-button-gradient-from-hover: theme('colors.blue.600');
-  --tuwa-button-gradient-to-hover: theme('colors.purple.600');
-}
+  --tuwa-success-bg: oklch(39.3% 0.095 152.535);
+  --tuwa-success-text: oklch(87.1% 0.15 154.449);
+  --tuwa-success-icon: oklch(79.2% 0.209 151.711);
+  --tuwa-error-bg: oklch(39.6% 0.141 25.723);
+  --tuwa-error-text: oklch(80.8% 0.114 19.571);
+  --tuwa-error-icon: oklch(70.4% 0.191 22.216);
+  --tuwa-pending-bg: oklch(42.1% 0.095 57.708);
+  --tuwa-pending-text: oklch(90.5% 0.182 98.111);
+  --tuwa-pending-icon: oklch(85.2% 0.199 91.936);
+  --tuwa-info-bg: oklch(37.3% 0.034 259.733);
+  --tuwa-info-text: oklch(87.2% 0.01 258.338);
+  --tuwa-info-icon: oklch(70.7% 0.022 261.325);
+  --tuwa-text-primary: oklch(98.5% 0.002 247.839);
+  --tuwa-text-secondary: oklch(70.7% 0.022 261.325);
+  --tuwa-text-tertiary: oklch(55.1% 0.027 264.364);
+  --tuwa-text-accent: oklch(70.7% 0.165 254.624);
+  --tuwa-text-on-accent: #fff;
+  --tuwa-bg-primary: oklch(21% 0.034 264.665);
+  --tuwa-bg-secondary: oklch(27.8% 0.033 256.848);
+  --tuwa-bg-muted: oklch(37.3% 0.034 259.733);
+  --tuwa-border-primary: oklch(37.3% 0.034 259.733);
+  --tuwa-border-secondary: oklch(27.8% 0.033 256.848);
+  --tuwa-button-gradient-from: oklch(62.3% 0.214 259.815);
+  --tuwa-button-gradient-to: oklch(62.7% 0.265 303.9);
+  --tuwa-button-gradient-from-hover: oklch(54.6% 0.245 262.881);
+  --tuwa-button-gradient-to-hover: oklch(55.8% 0.288 302.321);
+}
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
+@property --tw-leading {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-font-weight {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-tracking {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-inset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-shadow-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-shadow-alpha {
+  syntax: "<percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-inset-ring-color {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-inset-ring-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-ring-inset {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ring-offset-width {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0px;
+}
+@property --tw-ring-offset-color {
+  syntax: "*";
+  inherits: false;
+  initial-value: #fff;
+}
+@property --tw-ring-offset-shadow {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0 0 #0000;
+}
+@property --tw-backdrop-blur {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-brightness {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-contrast {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-grayscale {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-hue-rotate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-invert {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-opacity {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-saturate {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-backdrop-sepia {
+  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-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-backdrop-blur: initial;
+      --tw-backdrop-brightness: initial;
+      --tw-backdrop-contrast: initial;
+      --tw-backdrop-grayscale: initial;
+      --tw-backdrop-hue-rotate: initial;
+      --tw-backdrop-invert: initial;
+      --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,5 +1,30 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { ClassValue } from 'clsx';
 
+/**
+ * A reusable close button icon (X mark) styled with TUWA color scheme.
+ */
+declare const CloseIcon: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+
+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 DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+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>>;
+
 /**
  * @file This file contains a custom React hook for copying text to the clipboard.
  */
@@ -103,4 +128,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 { cn, deepMerge, textCenterEllipsis, useCopyToClipboard, useMediaQuery };
+export { CloseIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, cn, deepMerge, textCenterEllipsis, useCopyToClipboard, useMediaQuery };

package/dist/index.d.ts

@@ -1,5 +1,30 @@
+import * as React from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { ClassValue } from 'clsx';
 
+/**
+ * A reusable close button icon (X mark) styled with TUWA color scheme.
+ */
+declare const CloseIcon: React.ForwardRefExoticComponent<React.SVGAttributes<SVGSVGElement> & React.RefAttributes<SVGSVGElement>>;
+
+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 DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+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>>;
+
 /**
  * @file This file contains a custom React hook for copying text to the clipboard.
  */
@@ -103,4 +128,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 { cn, deepMerge, textCenterEllipsis, useCopyToClipboard, useMediaQuery };
+export { CloseIcon, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, cn, deepMerge, textCenterEllipsis, useCopyToClipboard, useMediaQuery };

package/dist/index.js

@@ -1,2 +1,3 @@
-import {useState,useCallback,useEffect}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';function w(e=2e3){let[o,t]=useState(false),[n,r]=useState(null),s=useCallback(async a=>{if(a)try{await navigator.clipboard.writeText(a),t(!0),r(null),setTimeout(()=>t(!1),e);}catch(c){let l=c instanceof Error?c:new Error("Failed to copy text.");console.error(l),r(l),setTimeout(()=>r(null),e);}},[e]);return {isCopied:o,copy:s,error:n}}function E(e){let o=r=>typeof window<"u"?window.matchMedia(r).matches:false,[t,n]=useState(o(e));return useEffect(()=>{let r=window.matchMedia(e),s=()=>n(r.matches);return s(),window.addEventListener("resize",s),()=>window.removeEventListener("resize",s)},[e]),t}function v(...e){return twMerge(clsx(e))}var i=e=>e&&typeof e=="object"&&!Array.isArray(e);function g(e,o){let t={...e};return i(e)&&i(o)&&Object.keys(o).forEach(n=>{let r=e[n],s=o[n];i(r)&&i(s)?t[n]=g(r,s):t[n]=s;}),t}function R(e,o,t){if(!e)return "";if(e.length<=o+t)return e;let n=e.slice(0,o),r=e.slice(e.length-t);return `${n}...${r}`}export{v as cn,g as deepMerge,R as textCenterEllipsis,w as useCopyToClipboard,E 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 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
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/hooks/useCopyToClipboard.ts","../src/hooks/useMediaQuery.ts","../src/utils/cn.ts","../src/utils/deepMerge.ts","../src/utils/textCenterEllipsis.ts"],"names":["useCopyToClipboard","timeout","isCopied","setIsCopied","useState","error","setError","copy","useCallback","text","e","copyError","useMediaQuery","query","getMatches","q","matches","setMatches","useEffect","media","listener","cn","inputs","twMerge","clsx","isObject","item","deepMerge","target","source","output","key","targetValue","sourceValue","textCenterEllipsis","str","from","to","start","end"],"mappings":"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","file":"index.js","sourcesContent":["/**\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","/**\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"]}
+{"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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuwaio/nova-core",
-  "version": "1.0.0-fix-integrate-orbit-alpha.1.64ac306",
+  "version": "1.0.0-fix-integrate-orbit-alpha.3.521f7fb",
   "private": false,
   "author": "Oleksandr Tkach",
   "license": "Apache-2.0",
@@ -48,6 +48,7 @@
     }
   ],
   "peerDependencies": {
+    "@radix-ui/react-dialog": ">=1.1",
     "clsx": ">=2",
     "react": ">=19",
     "tailwind-merge": ">=3"
@@ -56,6 +57,7 @@
     "@tailwindcss/postcss": "^4.1.13",
     "@tailwindcss/vite": "^4.1.13",
     "@types/react": "^19.1.13",
+    "@radix-ui/react-dialog": "^1.1.15",
     "autoprefixer": "^10.4.21",
     "clsx": "^2.1.1",
     "postcss": "^8.5.6",
@@ -63,8 +65,9 @@
     "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"
+    "typescript": "^5.9.2"
   },
   "scripts": {
     "build": "tsup && pnpm exec postcss ./src/styles/variables.css -o ./dist/index.css"