### Quickstart: Fetch Price Data

Source: https://context7_llms

Guide on integrating token price feeds using DIA's Push or Pull oracles.

```javascript
_jsx(Card, {
          title: "Fetch Price Data",
          icon: "rocket",
          iconType: "solid",
          href: "/how-to-guides/fetch-price-data",
          children: _jsx(_components.p, {
            children: "Integrate token price feeds with Push or Pull oracles."
          })
        })
```

--------------------------------

### Quickstart: Migrate from Chainlink

Source: https://context7_llms

Guidance on switching to DIA-compatible oracles with minimal code changes.

```javascript
_jsx(Card, {
          title: "Migrate from Chainlink",
          icon: "repeat",
          iconType: "solid",
          href: "/nexus/how-to-guides/migrate-to-dia#migrate-to-dia",
          children: _jsx(_components.p, {
            children: "Switch to DIA-compatible oracles with minimal code chang"
          })
        })
```

--------------------------------

### Quickstart: Fund an Oracle

Source: https://context7_llms

Learn the process of funding DIA's gas wallet to enable oracle updates.

```javascript
_jsx(Card, {
          title: "Fund an Oracle",
          icon: "wallet",
          iconType: "solid",
          href: "/nexus/how-to-guides/fund-the-oracle",
          children: _jsx(_components.p, {
            children: "Learn how to fund DIA’s gas wallet to enable oracle updates."
          })
        })
```

--------------------------------

### DIA Oracle How-To Guides

Source: https://context7_llms

This snippet details several how-to guides for interacting with DIA oracles. It covers adding verifiable randomness, funding the oracle's gas wallet, and migrating from Chainlink oracles with minimal code changes.

```javascript
{
  title: "Add Verifiable Randomness",
  icon: "dice-d6",
  iconType: "solid",
  href: "/nexus/how-to-guides/add-verifiable-randomness",
  children: _jsx(_components.p, {
    children: "Add verifiable randomness to your smart contracts with xRandom."
  })
},
{
  title: "Fund an Oracle",
  icon: "wallet",
  iconType: "solid",
  href: "/nexus/how-to-guides/fund-the-oracle",
  children: _jsx(_components.p, {
    children: "Learn how to fund DIA’s gas wallet to enable oracle updates."
  })
},
{
  title: "Migrate from Chainlink",
  icon: "repeat",
  iconType: "solid",
  href: "/nexus/how-to-guides/migrate-to-dia#migrate-to-dia",
  children: _jsx(_components.p, {
    children: "Switch to DIA-compatible oracles with minimal code changes."
  })
}
```

--------------------------------

### DIA Oracles Content Sections

Source: https://context7_llms

This snippet demonstrates the structure for content sections on the DIA Oracles documentation site, including descriptive text about DIA, its oracle stacks (Lumina and Nexus), and links to API references and quickstart guides. It uses custom components like CardGroup and Card, rendered with JSX.

```jsx
_jsxs("div", {
      className: "prose prose-lg dark:prose-invert mint-max-w-6xl mint-mx-auto mint-px-5 mint-py-12",
      children: [_jsx("h2", {
        children: "What is DIA"
      }), _jsx("p", {
        children: _jsx(_components.p, {
          children: _jsx(_components.strong, {
            children: "DIA is a trustless oracle provider that delivers data feeds for tokens, LSTs, RWAs, randomness, and more to any blockchain."
          })
        })
      }), _jsx("p", {
        children: _jsx(_components.p, {
          children: "Unlike traditional oracles that rely on opaque third-party data, DIA takes a novel approach, sourcing data directly from its origin. This ensures full transparency, complete customization, and support for any data type across ecosystems."
        })
      }), _jsx("p", {
        children: _jsx(_components.p, {
          children: "With integrations with 100+ data sources, support for 60+ blockchains, and powering over 200 dApps, DIA continues to scale its network while empowering Web3 ecosystems to thrive."
        })
      }), _jsx("h2", {
        children: "Choose a Stack"
      }), _jsx("p", {
        children: _jsx(_components.p, {
          children: "DIA currently offers two oracle stacks. Select the one that fits your integration needs:"
        })
      }), _jsxs(CardGroup, {
        cols: 2,
        children: [_jsx(Card, {
          title: "Lumina",
          icon: "bolt",
          iconType: "solid",
          href: "/lumina",
          children: _jsx(_components.p, {
            children: "DIA’s next-gen trustless oracles. Fully onchain computed on DIA’s Lasernet L2. Supports Push & Pull oracles."
          })
        }), _jsx(Card, {
          title: "Nexus",
          icon: "layer-group",
          iconType: "solid",
          href: "/nexus",
          children: _jsx(_components.p, {
            children: "DIA’s classic oracle stack, in production since 2020. Includes price feeds, randomness, and fair-value feeds."
          })
        })]
      }), _jsx("div", {
        className: "mint-mt-6",
        children: _jsx(CardGroup, {
          cols: 1,
          children: _jsx(Card, {
            title: "API Reference",
            icon: "magnifying-glass-chart",
            iconType: "solid",
            href: "/reference/apis",
            children: _jsx(_components.p, {
              children: "Power your off-chain application with DIA’s API feeds (Rest and GraphQL)."
            })
          })
        })
      }), _jsx("h2", {
        children: "Quickstarts"
      }), _jsxs(CardGroup, {
        cols: 2,
        children: [_jsx(Card, {
          title: "Fetch Price Data",
          icon: "rocket",
          iconType: "solid",
          href: "/how-to-guides/fetch-price-data",
          children: _jsx(_components.p, {
            children: "Integrate token price feeds with Push or Pull oracles."
          })
        }), _jsx(Card, {
          title: "Generate Randomness",
          icon: "shuffle",
          iconType: "solid",
          href: "/nexus/how-to/generate-randomness/solidity",

```

--------------------------------

### Quickstart: Generate Randomness

Source: https://context7_llms

Instructions for adding verifiable randomness to smart contracts using DIA's xRandom feature.

```javascript
_jsx(Card, {
          title: "Generate Randomness",
          icon: "shuffle",
          iconType: "solid",
          href: "/nexus/how-to/generate-randomness/solidity",
          children: _jsx(_components.p, {
            children: "Add verifiable randomness to your smart contracts with xRandom."
          })
        })
```

--------------------------------

### Responsive CSS Classes (Small Screens)

Source: https://context7_llms

CSS classes that apply styles for screen sizes starting from 640px (sm breakpoint).

```css
@media (min-width: 640px) {
    .sm\:mint-max-w-\[80\%\] {
        max-width: 80%
    }
    .sm\:mint-px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    .sm\:mint-text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .sm\:mint-text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
    .sm\:mint-leading-tight {
        line-height: 1.25
    }
}
```

--------------------------------

### Initialize LocalStorageAndAnalyticsProviders

Source: https://context7_llms

This JavaScript snippet initializes the LocalStorageAndAnalyticsProviders within the application. It lists the associated JavaScript chunks required for its functionality, indicating a part of the application's client-side setup.

```javascript
self.__next_f.push([1,"2d:I[71476,[\"3473\",\"static/chunks/891cff7f-2ca7d0df884db9d0.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"4129\",\"static/chunks/7bf36345-5ba13855b95a82b2.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"1725\",\"static/chunks/d30757c7-56ff534f625704fe.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"803\",\"static/chunks/cd24890f-549fb4ba2f588ca6.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"7261\",\"static/chunks/7261-2b892dc828f6e161.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"3892\",\"static/chunks/3892-251b69e2384ed286.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"7417\",\"static/chunks/7417-548f041b716e378a.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"1953\",\"static/chunks/1953-639d64e349958881.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"9095\",\"static/chunks/9095-5e8c25cebc4b2bd6.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"9779\",\"static/chunks/9779-7bb45d52151006b8.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"3619\",\"static/chunks/3619-2c24842c619fda67.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"2398\",\"static/chunks/2398-3c77a562bc9286bb.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"1862\",\"static/chunks/1862-d7c7b8aab3b4ffe6.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"2755\",\"static/chunks/2755-e2a765a591a8496d.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"1350\",\"static/chunks/1350-743c71d7707cb6c1.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"5456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-b596e085fd7c2d45.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\"],\"LocalStorageAndAnalyticsProviders\",1]\n"])
```

--------------------------------

### Responsive CSS Classes (Medium Screens)

Source: https://context7_llms

CSS classes that apply styles for screen sizes starting from 768px (md breakpoint).

```css
@media (min-width: 768px) {
    .md\:mint-h-\[26rem\] {
        height: 26rem
    }
    .md\:mint-max-w-\[70\%\] {
        max-width: 70%
    }
    .md\:mint-px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:mint-text-5xl {
        font-size: 3rem;
        line-height: 1
    }
    .md\:mint-text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
    .md\:mint-leading-\[1\.2\] {
        line-height: 1.2
    }
}
```

--------------------------------

### Responsive CSS Classes (Large Screens)

Source: https://context7_llms

CSS classes that apply styles for screen sizes starting from 1024px (lg breakpoint).

```css
@media (min-width: 1024px) {
    .lg\:mint-flex {
        display: flex
    }
    .lg\:mint-max-w-\[60\%\] {
        max-width: 60%
    }
    .lg\:mint-text-6xl {
        font-size: 3.75rem;
        line-height: 1
    }
}
```

--------------------------------

### Initialize SearchProvider

Source: https://context7_llms

This JavaScript snippet initializes the SearchProvider for the application. It lists the necessary JavaScript chunks, suggesting its role in handling search-related functionalities and data fetching.

```javascript
self.__next_f.push([1,"2e:I[46826,[\"3473\",\"static/chunks/891cff7f-2ca7d0df884db9d0.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"4129\",\"static/chunks/7bf36345-5ba13855b95a82b2.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"1725\",\"static/chunks/d30757c7-56ff534f625704fe.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"803\",\"static/chunks/cd24890f-549fb4ba2f588ca6.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"7261\",\"static/chunks/7261-2b892dc828f6e161.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"3892\",\"static/chunks/3892-251b69e2384ed286.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"7417\",\"static/chunks/7417-548f041b716e378a.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"1953\",\"static/chunks/1953-639d64e349958881.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"9095\",\"static/chunks/9095-5e8c25cebc4b2bd6.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"9779\",\"static/chunks/9779-7bb45d52151006b8.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"3619\",\"static/chunks/3619-2c24842c619fda67.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"2398\",\"static/chunks/2398-3c77a562bc9286bb.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"1862\",\"static/chunks/1862-d7c7b8aab3b4ffe6.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"2755\",\"static/chunks/2755-e2a765a591a8496d.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"1350\",\"static/chunks/1350-743c71d7707cb6c1.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\",\"5456\",\"static/chunks/app/%255Fsites/%5Bsubdomain%5D/(multitenant)/layout-b596e085fd7c2d45.js?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df\"],\"SearchProvider\",1]\n"])
```

--------------------------------

### External CSS and Font Loading

Source: https://context7_llms

Includes links to external CSS files and font resources, such as KaTeX for mathematical typesetting. These are loaded via `<link>` tags in the HTML head, ensuring necessary styles and fonts are available.

```APIDOC
ExternalResources:
  - type: "stylesheet"
    href: "/docs/_next/static/css/2f58f4c3f6239c10.css?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df"
    precedence: "next"
  - type: "stylesheet"
    href: "/docs/_next/static/css/f61b4e54ca51c353.css?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df"
    precedence: "next"
  - type: "stylesheet"
    href: "https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css"
    integrity: "sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC"
    crossOrigin: "anonymous"

```

--------------------------------

### DIA Oracles Documentation Configuration

Source: https://context7_llms

This snippet represents the configuration object used to build the DIA Oracles documentation website. It defines the site's appearance, navigation, and content organization using a structured format.

```javascript
self.__next_f.push([1,"13:[\"$\",\"$L5\",null,{\"children\":[\"$\",\"$1f\",null,{\"fallback\":null,\"children\":\"$L20\"}]}]}]]])\n"])<\/script><script>self.__next_f.push([1,"1d:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n19:null\n"])</script><script>self.__next_f.push([1,"13:[\"$\",\"$L5\",null,{\"docsConfig\":{\"theme\":\"mint\",\"$schema\":\"https://mintlify.com/docs.json\",\"name\":\"DIA Oracles\",\"colors\":{\"primary\":\"#000D30\",\"light\":\"#C8FDD3\",\"dark\":\"#000D30\"},\"logo\":{\"light\":\"https://mintlify.s3.us-west-1.amazonaws.com/diadata/logo/light.svg\",\"dark\":\"https://mintlify.s3.us-west-1.amazonaws.com/diadata/logo/dark.svg\",\"href\":\"https://www.diadata.org/\"},\"favicon\":\"/favicon.png\",\"appearance\":{\"default\":\"dark\"},\"background\":{\"color\":{\"light\":\"#FFFFFF\",\"dark\":\"#000D30\"}},\"navbar\":{\"links\":[{\"label\":\"Contact Us\",\"href\":\"mailto:info@diadata.org\"}],\"primary\":{\"type\":\"button\",\"label\":\"Explore data\",\"href\":\"https://www.diadata.org/app/\"}},\"navigation\":{\"global\":{\"anchors\":[{\"anchor\":\"Talk to a dev\",\"icon\":\"discord\",\"href\":\"https://discord.gg/RjHBcZ9mEH\"},{\"anchor\":\"Blog Updates\",\"icon\":\"newspaper\",\"href\":\"https://www.diadata.org/blog/\"}]},\"tabs\":[{\"tab\":\"Home\",\"pages\":[\"home\"]},{\"tab\":\"Lumina\",\"groups\":[{\"group\":\" \",\"pages\":[\"lumina\"]},{\"group\":\"Intro to Lumina\",\"pages\":[\"intro-to-lumina/how-it-works\",\"intro-to-lumina/integrated-chains\"]},{\"group\":\"Data Products \u0026 Tools\",\"pages\":[\"data-products-and-tools/token-price-feeds\",\"data-products-and-tools/oracle-builder-beta\"]},{\"group\":\"How-to Guides\",\"pages\":[{\"group\":\"Fetch Price Data\",\"pages\":[\"how-to-guides/fetch-price-data\",\"how-to-guides/fetch-price-data/push-based-oracles\",\"how-to-guides/fetch-price-data/pull-based-oracles\",\"how-to-guides/fetch-price-data/contract-addresses\"]},{\"group\":\"Run a Feeder\",\"pages\":[\"how-to-guides/run-a-feeder\",\"how-to-guides/run-a-feeder/hardware-specs\",{\"group\":\"Setting Up the Node\",\"pages\":[\"how-to-guides/run-a-feeder/setting-up-the-node\",\"how-to-guides/run-a-feeder/setting-up-the-node/docker-compose\",\"how-to-guides/run-a-feeder/setting-up-the-node/docker-run\",\"how-to-guides/run-a-feeder/setting-up-the-node/kubernetes\"]}]},\"how-to-guides/stake-dia\",\"how-to-guides/request-a-custom-oracle\"]},{\"group\":\"Reference\",\"pages\":[{\"group\":\"Architecture\",\"pages\":[\"reference/architecture\",\"reference/architecture/data-sourcing\",\"reference/architecture/data-computation\",\"reference/architecture/data-delivery\"]},\"reference/cross-chain-messaging\"]},{\"group\":\"Resources\",\"pages\":[\"resources/audits\",\"resources/chain-information\",\"resources/community-and-support\",{\"group\":\"T\u0026C\",\"pages\":[\"resources/t-and-c\",\"resources/t-and-c/licence-agreement\",\"resources/t-and-c/code_of_conduct\",\"resources/t-and-c/disclaimer\"]}]}]},{\"tab\":\"Nexus\",\"groups\":[{\"group\":\" \",\"pages\":[\"nexus\"]},{\"group\":\"Intro to Nexus\",\"pages\":[\"nexus/intro-to-nexus/how-it-works\",\"nexus/intro-to-nexus/nexus-vs.-lumina\",\"nexus/intro-to-nexus/integrated-chains\"]},{\"group\":\"Data Products\",\"pages\":[\"nexus/data-products/token-price-feeds\",\"nexus/data-products/rwa-price-feeds\",\"nexus/data-products/randomness\",\"nexus/data-products/fair-value-feeds\"]},{\"group\":\"How-to Guides\",\"pages\":[{\"group\":\"Fetch Price Data\",\"pages\":[\"nexus/how-to-guides/fetch-price-data\",\"nexus/how-to-guides/fetch-price-data/solidity\",\"nexus/how-to-guides/fetch-price-data/vyper\",\"nexus/how-to-guides/fetch-price-data/demo-oracles\",{\"group\":\"Chain-specific Guide\",\"pages\":[\"nexus/how-to-guides/fetch-price-data/chain-specific-guide\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/aleph-zero\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/alephium\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/crossfi\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/edu-chain\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/goat-network\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/hydration\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/kadena\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/lukso\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/somnia\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/stacks\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/superseed\",\"nexus/how-to-guides/fetch-price-data/chain-specific-guide/xrp-ledger-xrpl\"]}]},{\"group\":\"Generate Randomness\",\"pages\":[\"nexus/how-to-guides/generate-randomness\",\"nexus/how-to-guides/generate-randomness/solidity\"
```

--------------------------------

### Static Asset Loading Configuration

Source: https://context7_llms

Defines the loading order and dependencies for static assets, including JavaScript chunks and CSS files, for the application. This configuration is typical for frameworks like Next.js to manage client-side rendering and asset bundling.

```javascript
self.__next_f.push([1,"0:{"P":null,"b":"gTFSr6cedCtPSXbBM_xDQ","p":"/docs","c":["","_sites","diadata","home"],"i":false,"f":[[["",{"children":["%5Fsites",{"children":[["subdomain","diadata","d"],{"children":["(multitenant)",{"topbar":["children",{"children":[["slug","home","oc"],{"children":["__PAGE__",{}]}]}],"children":[["slug","home","oc"],{"children":["__PAGE__",{}]}]}]}]}]},"$undefined","$undefined",true],["",["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/docs/_next/static/css/2f58f4c3f6239c10.css?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","link","1",{"rel":"stylesheet","href":"/docs/_next/static/css/f61b4e54ca51c353.css?dpl=dpl_4cvasEmnnmTHoUNUH6upjSUH65df","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"suppressHydrationWarning":true,"lang":"en","className":"__variable_b13164 __variable_ea4744 dark","data-banner-state":"visible","data-page-mode":"none","children":[["$","head",null,{"children":[["$","script",null,{"type":"text/javascript","dangerouslySetInnerHTML":{"__html":"(function(a,b,c){try{let d=localStorage.getItem(a);if(null==d)for(let c=0;c<localStorage.length;c++){let e=localStorage.key(c);if(e?.endsWith(`-${b}`)&&(d=localStorage.getItem(e),null!=d)){localStorage.setItem(a,d),localStorage.setItem(e,d);break}}let e=document.getElementById(\"banner\")?.innerText,f=null==d||!!e&&d!==e;document.documentElement.setAttribute(c,f?\"visible\":\"hidden\")}catch(a){console.error(a),document.documentElement.setAttribute(c,\"hidden\")}})(\n  \"__mintlify-bannerDismissed\",\n  \"bannerDismissed\",\n  \"data-banner-state\",\n)"}}],["$","link",null,{"rel":"stylesheet","href":"https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css","integrity":"sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC","crossOrigin":"anonymous"}]]}],["$","body",null,{"children":["$","$L2",null,{"parallelRouterKey":"children","error":"$3","errorStyles":[],"errorScripts":[],"template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L5",null,{"children":[["$","style",null,{"children":":root {\n    --primary: 22 163 74;\n    --primary-light: 74 222 128;\n    --primary-dark: 22 101 52;\n    --background-light: 255 255 255;\n    --background-dark: 10 13 13;\n    --gray-50: 243 247 245;\n    --gray-100: 238 242 240;\n    --gray-200: 223 227 224;\n    --gray-300: 206 211 208;\n    --gray-400: 159 163 160;\n    --gray-500: 112 116 114;\n    --gray-600: 80 84 82;\n    --gray-700: 63 67 64;\n    --gray-800: 38 42 39;\n    --gray-900: 23 27 25;\n    --gray-950: 10 15 12;\n  }"}],null,null,["$","style",null,{"children":":root {\n  --primary: 17 120 102;\n  --primary-light: 74 222 128;\n  --primary-dark: 22 101 52;\n  --background-light: 255 255 255;\n  --background-dark: 15 17 23;\n}"}],["$","main",null,{"className":"h-screen bg-background-light dark:bg-background-dark","children":["$","article",null,{"className":"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full","children":["$","div",null,{"className":"w-full max-w-xl px-10","children":[["$","span",null,{"className":"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary","children":["Error ",404]}],["$","h1",null,{"className":"font-semibold mb-3 text-3xl","children":"Page not found!"}],["$","p",null,{"className":"text-lg text-gray-600 dark:text-gray-400 mb-6","children":"We're sorry, we couldn't find the page you were looking for."}]]}]}]}]]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]]}]]}],{"children":["%5Fsites",["$","$L2",null,{"parallelRouterKey":"children","error":"$3","errorStyles":[],"errorScripts":[],"template":["$","$L4",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","$L5",null,{"children":[["$","style",null,{"children":":root {\n    --primary: 22 163 74;\n    --primary-light: 74 222 128;\n    --primary-dark: 22 101 52;\n    --background-light: 255 255 255;\n    --background-dark: 10 13 13;\n    --gray-50: 243 247 245;\n    --gray-100: 238 242 240;\n    --gray-200: 223 227 224;\n    --gray-300: 206 211 208;\n    --gray-400: 159 163 160;\n    --gray-500: 112 116 114;\n    --gray-600: 80 84 82;\n    --gray-700: 63 67 64;\n    --gray-800: 38 42 39;\n    --gray-900: 23 27 25;\n    --gray-950: 10 15 12;\n  }"}],null,null,["$","style",null,{"children":":root {\n  --primary: 17 120 102;\n  --primary-light: 74 222 128;\n  --primary-dark: 22 101 52;\n  --background-light: 255 255 255;\n  --background-dark: 15 17 23;\n}"}],["$","main",null,{"className":"h-screen bg-background-light dark:bg-background-dark","children":["$","article",null,{"className":"bg-custom bg-fixed bg-center bg-cover relative flex flex-col items-center justify-center h-full","children":["$","div",null,{"className":"w-full max-w-xl px-10","children":[["$","span",null,{"className":"inline-flex mb-6 rounded-full px-3 py-1 text-sm font-semibold mr-4 text-white p-1 bg-primary","children":["Error ",404]}],["$","h1",null,{"className":"font-semibold mb-3 text-3xl","children":"Page not found!"}],["$","p",null,{"className":"text-lg text-gray-600 dark:text-gray-400 mb-6","children":"We're sorry, we couldn't find the page you were looking for."}]]}]}]}]]}],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]]}]]
```

--------------------------------

### Mintlify Utility Classes

Source: https://context7_llms

A collection of CSS utility classes, likely generated by a framework like Tailwind CSS, prefixed with 'mint-'. These classes provide granular control over layout, spacing, typography, display properties, and more, enabling rapid UI development.

```css
.mint-absolute {
    position: absolute
}
.mint-relative {
    position: relative
}
.mint-inset-0 {
    inset: 0px
}
.mint-left-1\/2 {
    left: 50%
}
.mint-mx-auto {
    margin-left: auto;
    margin-right: auto
}
.mint-ml-1 {
    margin-left: 0.25rem
}
.mint-ml-1\.5 {
    margin-left: 0.375rem
}
.mint-mr-2 {
    margin-right: 0.5rem
}
.mint-mt-3 {
    margin-top: 0.75rem
}
.mint-mt-6 {
    margin-top: 1.5rem
}
.mint-mt-8 {
    margin-top: 2rem
}
.mint-block {
    display: block
}
.mint-flex {
    display: flex
}
.mint-hidden {
    display: none
}
.mint-h-4 {
    height: 1rem
}
.mint-h-\[20rem\] {
    height: 20rem
}
.mint-w-4 {
    width: 1rem
}
.mint-w-full {
    width: 100%
}
.mint-max-w-3xl {
    max-width: 48rem
}
.mint-max-w-6xl {
    max-width: 72rem
}
.mint-max-w-\[90\%\] {
    max-width: 90%
}
.mint-flex-none {
    flex: none
}
.mint--translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.mint-flex-col {
    flex-direction: column
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-overflow-hidden {
    overflow: hidden
}
.mint-break-words {
    overflow-wrap: break-word
}
.mint-rounded-full {
    border-radius: 9999px
}
.mint-bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}
.mint-px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.mint-px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}
.mint-py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.mint-py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
.mint-pl-3 {
    padding-left: 0.75rem
}
.mint-pr-3 {
    padding-right: 0.75rem
}
.mint-text-center {
    text-align: center
}
.mint-text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.mint-text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
.mint-text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.mint-font-semibold {
    font-weight: 600
}
.mint-leading-6 {
    line-height: 1.5rem
}
.mint-leading-relaxed {
    line-height: 1.625
}
.mint-leading-snug {
    line-height: 1.375
}
.mint-text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}
.mint-text-gray-500 {
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity))
}
```

--------------------------------

### Guest Quotation APIs

Source: https://context7_llms

APIs for fetching quotation data from guest sources, including listing available symbols and retrieving the latest price for a specific token.

```APIDOC
GET https://api.diadata.org/v1/foreignSymbols/:source
Description: Get the list of available symbols along with their ITIN for guest quotations.
Parameters:
  - source: The guest data source identifier.
```

```APIDOC
GET https://api.diadata.org/v1/foreignQuotation/:source/:symbol
Description: Get the latest quotation for a token from a guest source.
Parameters:
  - source: The guest data source identifier.
  - symbol: The symbol of the token to get the quotation for.
```

--------------------------------

### Basic Layout CSS Classes

Source: https://context7_llms

Provides fundamental CSS classes for layout properties like flexbox, display, and overflow.

```css
.mint-flex {
    display: flex
}
.mint-hidden {
    display: none
}
.mint-flex-none {
    flex: none
}
.mint-flex-col {
    flex-direction: column
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-overflow-hidden {
    overflow: hidden
}
.mint-break-words {
    overflow-wrap: break-word
}
```

--------------------------------

### DIA Oracles UI Components

Source: https://context7_llms

This snippet showcases the rendering of UI elements for the DIA Oracles documentation page, including headings, descriptive paragraphs, and a search bar component. It utilizes JSX syntax common in React applications.

```jsx
...,
          style: {
            marginTop: '1rem'
          },
          children: _jsx(_components.p, {
            children: "DIA Oracles Docs"
          })
        }), _jsx("p", {
          className: "mint-mt-3 mint-text-black dark:mint-text-white mint-font-semibold mint-text-base sm:mint-text-lg md:mint-text-xl mint-leading-relaxed",
          children: _jsx(_components.p, {
            children: "Build onchain with trustless oracles."
          })
        }), _jsx("div", {
          className: "mint-hidden lg:mint-flex mint-flex-col mint-items-center mint-justify-center",
          children: _jsx("div", {
            className: "mint-flex mint-items-center mint-justify-center mint-w-full",
            children: _jsxs("button", {
              type: "button",
              className: "mint-w-full mint-max-w-3xl mint-flex mint-items-center mint-text-sm mint-leading-6 mint-rounded-full mint-py-2 mint-pl-3 mint-pr-3 mint-shadow-sm mint-text-gray-500 mint-bg-white mint-mt-8",
              id: "home-search-entry",
              onClick: openSearch,
              children: [_jsx("svg", {
                className: "mint-h-4 mint-w-4 mint-ml-1.5 mint-flex-none bg-primary hover:mint-bg-gray-600 dark:mint-bg-gray-600 dark:hover:mint-bg-white/70 mint-mr-2",
                style: {
                  maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
                  maskRepeat: 'no-repeat',
                  maskPosition: 'center center'
                }
              }), _jsx(_components.p, {
                children: "Search or ask…"
              })]
            })
          })
        })]
      })
```

--------------------------------

### DIA Oracles Hero Section Component

Source: https://context7_llms

Renders the main hero section for DIA Oracles documentation. It handles background image switching for dark/light modes and includes a search button. Uses MDX and CSS classes for styling.

```javascript
"use strict";
const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0];
const {useMDXComponents: _provideComponents} = arguments[0];
function openSearch() {
  document.getElementById("search-bar-entry").click();
}
function _createMdxContent(props) {
  const _components = {
    p: "p",
    strong: "strong",
    ..._provideComponents(),
    ...props.components
  }, {Card, CardGroup} = _components;
  if (!Card) _missingMdxReference("Card", true);
  if (!CardGroup) _missingMdxReference("CardGroup", true);
  return _jsxs(_Fragment, {
    children: ["\n", _jsxs("div", {
      className: "mint-relative mint-w-full mint-flex mint-items-center mint-justify-center mint-h-[20rem] md:mint-h-[26rem] mint-overflow-hidden",
      children: [_jsx("div", {
        id: "background-div-dark",
        className: "mint-absolute mint-inset-0 mint-hidden dark:mint-block",
        style: {
          backgroundImage: "url('https://cms3.diadata.org/wp-content/uploads/2024/09/HP-Background-Products.svg')",
          backgroundSize: 'cover',
          backgroundPosition: 'center'
        }
      }), _jsx("div", {
        id: "background-div-light",
        className: "mint-absolute mint-inset-0 mint-block dark:mint-hidden",
        style: {
          backgroundImage: "url('https://cms3.diadata.org/wp-content/uploads/2025/07/HP-Background-Products-white.svg')",
          backgroundSize: 'cover',
          backgroundPosition: 'center'
        }
      }), _jsxs("div", {
        className: "mint-absolute mint-text-center mint-w-full mint-max-w-[90%] sm:mint-max-w-[80%] md:mint-max-w-[70%] lg:mint-max-w-[60%] mint-px-4 sm:mint-px-6 md:mint-px-8 mint-left-1/2 mint--translate-x-1/2",
        children: [_jsx("h1", {
          className: "mint-text-black dark:mint-text-white mint-text-3xl sm:mint-text-4xl md:mint-text-5xl lg:mint-text-6xl mint-font-semibold mint-leading-snug sm:mint-leading-tight md:mint-leading-[1.2] mint-break-words",
          style: {
            marginTop: '1rem'
          },
          children: _jsx(_components.p, {
            children: "DIA Oracles Docs"
          })
        }), _jsx("p", {
          className: "mint-mt-3 mint-text-black dark:mint-text-white mint-font-semibold mint-text-base sm:mint-text-lg md:mint-text-xl mint-leading-relaxed",
          children: _jsx(_components.p, {
            children: "Build onchain with trustless oracles."
          })
        }), _jsx("div", {
          className: "mint-hidden lg:mint-flex mint-flex-col mint-items-center mint-justify-center",
          children: _jsx("div", {
            className: "mint-flex mint-items-center mint-justify-center mint-w-full",
            children: _jsxs("button", {
              type: "button",
              onClick: openSearch,
              className: "mint-mt-8 mint-inline-flex mint-items-center mint-justify-center mint-rounded-lg mint-border mint-border-transparent mint-bg-gradient-to-r mint-from-blue-500 mint-to-purple-500 mint-px-6 mint-py-3 mint-text-base mint-font-medium mint-text-white mint-shadow-md hover:mint-shadow-lg focus:mint-outline-none focus:mint-ring-2 focus:mint-ring-offset-2 focus:mint-ring-blue-500",
              children: "Search"
            })
          })
        })]
      })]
    }), "\n", _jsx(CardGroup, {
      className: "mint-mt-12",
      children: _jsxs(Card, {
        title: "Card Title",
        children: [_jsx(_components.p, {
          children: "This is a card."
        }), _jsx(_components.p, {
          children: "This is another paragraph."
        })]
      })
    }), "\n"]
  });
}
_createMdxContent.isMDXComponent = true;

```