@gearbox-protocol/permissionless-ui 1.7.4 → 1.8.0

package/dist/esm/node_modules/.pnpm/tailwind-scrollbar@4.0.2_react@19.2.0_tailwindcss@4.1.17/node_modules/tailwind-scrollbar/src/index.js

@@ -0,0 +1,45 @@
+import { __require as requirePlugin } from '../../../../tailwindcss@4.1.17/node_modules/tailwindcss/dist/plugin.js';
+import { __require as requireUtilities } from './utilities.js';
+import { __require as requireVariants } from './variants.js';
+
+var src;
+var hasRequiredSrc;
+
+function requireSrc () {
+	if (hasRequiredSrc) return src;
+	hasRequiredSrc = 1;
+	// TODO: Figure out why the linter is unhappy with this import
+	// eslint-disable-next-line import/no-unresolved
+	const plugin = requirePlugin();
+	const {
+	  addBaseStyles,
+	  addBaseSizeUtilities,
+	  addColorUtilities,
+	  addRoundedUtilities,
+	  addSizeUtilities
+	} = requireUtilities();
+	const { addVariants } = requireVariants();
+
+	src = plugin.withOptions((options = {}) => tailwind => {
+	  let preferredStrategy = options.preferredStrategy ?? options.preferredstrategy ?? 'standard';
+
+	  if (preferredStrategy !== 'standard' && preferredStrategy !== 'pseudoelements') {
+	    // eslint-disable-next-line no-console
+	    console.warn('WARNING: tailwind-scrollbar preferredStrategy should be \'standard\' or \'pseudoelements\'');
+	    preferredStrategy = 'standard';
+	  }
+
+	  addBaseStyles(tailwind, preferredStrategy);
+	  addBaseSizeUtilities(tailwind, preferredStrategy);
+	  addColorUtilities(tailwind);
+	  addVariants(tailwind);
+
+	  if (options.nocompatible) {
+	    addRoundedUtilities(tailwind);
+	    addSizeUtilities(tailwind);
+	  }
+	});
+	return src;
+}
+
+export { requireSrc as __require };

package/dist/esm/node_modules/.pnpm/tailwind-scrollbar@4.0.2_react@19.2.0_tailwindcss@4.1.17/node_modules/tailwind-scrollbar/src/utilities.js

@@ -0,0 +1,214 @@
+import { __require as requireFlattenColorPalette } from '../../../../tailwindcss@4.1.17/node_modules/tailwindcss/dist/flatten-color-palette.js';
+import { __require as requireHelpers } from './helpers.js';
+
+var utilities;
+var hasRequiredUtilities;
+
+function requireUtilities () {
+	if (hasRequiredUtilities) return utilities;
+	hasRequiredUtilities = 1;
+	// TODO: Figure out why the linter is unhappy with this import
+	// eslint-disable-next-line import/no-unresolved
+	const flattenColorPaletteImport = requireFlattenColorPalette();
+	const { importDefault } = requireHelpers();
+
+	// Tailwind Play will import these internal imports as ES6 imports, while most
+	// other workflows will import them as CommonJS imports.
+	const flattenColorPalette = importDefault(flattenColorPaletteImport);
+
+	const COMPONENTS = ['track', 'thumb', 'corner'];
+
+	/**
+	 * @param {Record<never, unknown>} properties - The properties to assign
+	 * @param {boolean} preferPseudoElements - If true, only browsers that cannot
+	 *    use pseudoelements will specify scrollbar properties
+	 * @returns {Record<string, unknown>} - The generated CSS rules
+	 */
+	const scrollbarProperties = (properties, preferPseudoElements) => {
+	  if (preferPseudoElements) {
+	    return {
+	      '@supports (-moz-appearance:none)': properties
+	    };
+	  }
+
+	  return properties;
+	};
+
+	/**
+	 * Base resets to make the plugin's utilities work
+	 *
+	 * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+	 * @param {'standard' | 'peseudoelements'} preferredStrategy - The preferred
+	 *    scrollbar styling strategy: standards track or pseudoelements
+	 */
+	const addBaseStyles = ({ addBase }, preferredStrategy) => {
+	  addBase({
+	    '*': scrollbarProperties({
+	      'scrollbar-color': 'initial',
+	      'scrollbar-width': 'initial'
+	    }, preferredStrategy === 'pseudoelements')
+	  });
+	};
+
+	/**
+	 * Generates utilties that tell an element what to do with
+	 * --scrollbar-track and --scrollbar-thumb custom properties
+	 *
+	 * @returns {Record<string, unknown>} - The generated CSS
+	 */
+	const generateBaseUtilities = () => ({
+	  ...Object.fromEntries(COMPONENTS.map(component => {
+	    const base = `&::-webkit-scrollbar-${component}`;
+
+	    return [
+	      [base, {
+	        'background-color': `var(--scrollbar-${component})`,
+	        'border-radius': `var(--scrollbar-${component}-radius)`
+	      }]
+	    ];
+	  }).flat())
+	});
+
+	/**
+	 * Utilities for initializing a custom styled scrollbar, which implicitly set
+	 * the scrollbar's size
+	 *
+	 * @param {object} options - Options
+	 * @param {boolean} options.preferPseudoElements - If true, only browsers that
+	 *    cannot use pseudoelements will specify scrollbar-width
+	 * @returns {Record<string, unknown>} - Base size utilities for scrollbars
+	 */
+	const generateScrollbarSizeUtilities = ({ preferPseudoElements }) => ({
+	  '.scrollbar': {
+	    ...generateBaseUtilities(),
+	    ...scrollbarProperties({
+	      'scrollbar-width': 'auto',
+	      'scrollbar-color': 'var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)'
+	    }, preferPseudoElements),
+
+	    '&::-webkit-scrollbar': {
+	      display: 'block',
+	      width: 'var(--scrollbar-width, 16px)',
+	      height: 'var(--scrollbar-height, 16px)'
+	    }
+	  },
+
+	  '.scrollbar-thin': {
+	    ...generateBaseUtilities(),
+	    ...scrollbarProperties({
+	      'scrollbar-width': 'thin',
+	      'scrollbar-color': 'var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)'
+	    }, preferPseudoElements),
+
+	    '&::-webkit-scrollbar': {
+	      display: 'block',
+	      width: '8px',
+	      height: '8px'
+	    }
+	  },
+
+	  '.scrollbar-none': {
+	    ...scrollbarProperties({
+	      'scrollbar-width': 'none'
+	    }, preferPseudoElements),
+
+	    '&::-webkit-scrollbar': {
+	      display: 'none'
+	    }
+	  }
+	});
+
+	/**
+	 * Converts a color value or function to a color value
+	 *
+	 * @param {string | Function} maybeFunction - The color value or function
+	 * @returns {string} - The color value
+	 */
+	const toColorValue = maybeFunction => (typeof maybeFunction === 'function' ? maybeFunction({}) : maybeFunction);
+
+	/**
+	 * Adds scrollbar-COMPONENT-COLOR utilities for every scrollbar component.
+	 *
+	 * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+	 */
+	const addColorUtilities = ({ matchUtilities, theme }) => {
+	  const themeColors = flattenColorPalette(theme('colors'));
+	  const colors = Object.fromEntries(
+	    Object.entries(themeColors).map(([k, v]) => [k, toColorValue(v)])
+	  );
+
+	  COMPONENTS.forEach(component => {
+	    matchUtilities(
+	      {
+	        [`scrollbar-${component}`]: value => ({
+	          [`--scrollbar-${component}`]: toColorValue(value)
+	        })
+	      },
+	      {
+	        values: colors,
+	        type: 'color'
+	      }
+	    );
+	  });
+	};
+
+	/**
+	 * Adds scrollbar-COMPONENT-rounded-VALUE utilities for every scrollbar
+	 * component.
+	 *
+	 * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+	 */
+	const addRoundedUtilities = ({ theme, matchUtilities }) => {
+	  COMPONENTS.forEach(component => {
+	    matchUtilities(
+	      {
+	        [`scrollbar-${component}-rounded`]: value => ({
+	          [`--scrollbar-${component}-radius`]: value
+	        })
+	      },
+	      {
+	        values: theme('borderRadius')
+	      }
+	    );
+	  });
+	};
+
+	/**
+	 * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+	 * @param {'standard' | 'peseudoelements'} preferredStrategy - The preferred
+	 *    scrollbar styling strategy: standards track or pseudoelements
+	 */
+	const addBaseSizeUtilities = ({ addUtilities }, preferredStrategy) => {
+	  addUtilities(generateScrollbarSizeUtilities({
+	    preferPseudoElements: preferredStrategy === 'pseudoelements'
+	  }));
+	};
+
+	/**
+	 * Adds scrollbar-w-* and scrollbar-h-* utilities
+	 *
+	 * @param {typedefs.TailwindPlugin} tailwind - Tailwind's plugin object
+	 */
+	const addSizeUtilities = ({ matchUtilities, theme }) => {
+	  ['width', 'height'].forEach(dimension => {
+	    matchUtilities({
+	      [`scrollbar-${dimension[0]}`]: value => ({
+	        [`--scrollbar-${dimension}`]: value
+	      })
+	    }, {
+	      values: theme(dimension)
+	    });
+	  });
+	};
+
+	utilities = {
+	  addBaseStyles,
+	  addBaseSizeUtilities,
+	  addColorUtilities,
+	  addRoundedUtilities,
+	  addSizeUtilities
+	};
+	return utilities;
+}
+
+export { requireUtilities as __require };

package/dist/esm/node_modules/.pnpm/tailwind-scrollbar@4.0.2_react@19.2.0_tailwindcss@4.1.17/node_modules/tailwind-scrollbar/src/variants.js

@@ -0,0 +1,40 @@
+/** @typedef {import('./typedefs').TailwindPlugin} TailwindPlugin */
+
+var variants;
+var hasRequiredVariants;
+
+function requireVariants () {
+	if (hasRequiredVariants) return variants;
+	hasRequiredVariants = 1;
+	/**
+	 * Adds scrollbar variants for styling webkit scrollbars' hover and active
+	 * states.
+	 *
+	 * Earlier iterations of this plugin hijacked the hover: and active: variants
+	 * directly to create a cleaner syntax, but there are several issues with that
+	 * approach:
+	 *     - It made the plugin prone to breaking other unrelated styles
+	 *     - It made logic like "make an element's scrollbar green when the
+	 *       _element_ is hovered impossible. (This is unusual, but should still
+	 *       be possible.)
+	 *     - It straight up does not work in Tailwind v4.
+	 *
+	 * @param {TailwindPlugin} tailwind - Tailwind's plugin object
+	 */
+	const addVariants = ({ addVariant }) => {
+	  addVariant('scrollbar-hover', '&::-webkit-scrollbar-thumb:hover');
+	  addVariant('scrollbar-track-hover', '&::-webkit-scrollbar-track:hover');
+	  addVariant('scrollbar-corner-hover', '&::-webkit-scrollbar-corner:hover');
+
+	  addVariant('scrollbar-active', '&::-webkit-scrollbar-thumb:active');
+	  addVariant('scrollbar-track-active', '&::-webkit-scrollbar-track:active');
+	  // Corners can't be active, so they don't get their own active variant.
+	};
+
+	variants = {
+	  addVariants
+	};
+	return variants;
+}
+
+export { requireVariants as __require };

package/dist/esm/node_modules/.pnpm/tailwindcss@4.1.17/node_modules/tailwindcss/dist/flatten-color-palette.js

@@ -0,0 +1,13 @@
+var flattenColorPalette;
+var hasRequiredFlattenColorPalette;
+
+function requireFlattenColorPalette () {
+	if (hasRequiredFlattenColorPalette) return flattenColorPalette;
+	hasRequiredFlattenColorPalette = 1;
+function V(e){return {kind:"word",value:e}}function we(e,t){return {kind:"function",value:e,nodes:t}}function ye(e){return {kind:"separator",value:e}}function v(e){let t="";for(let i of e)switch(i.kind){case "word":case "separator":{t+=i.value;break}case "function":t+=i.value+"("+v(i.nodes)+")";}return t}var H=92,be=41,Z=58,Q=44,xe=34,J=61,X=62,ee=60,te=10,Ae=40,Ce=39,Se=47,re=32,ie=9;function g(e){e=e.replaceAll(`\r
+`,`
+`);let t=[],i=[],r=null,n="",a;for(let o=0;o<e.length;o++){let l=e.charCodeAt(o);switch(l){case H:{n+=e[o]+e[o+1],o++;break}case Se:{if(n.length>0){let u=V(n);r?r.nodes.push(u):t.push(u),n="";}let s=V(e[o]);r?r.nodes.push(s):t.push(s);break}case Z:case Q:case J:case X:case ee:case te:case re:case ie:{if(n.length>0){let U=V(n);r?r.nodes.push(U):t.push(U),n="";}let s=o,u=o+1;for(;u<e.length&&(a=e.charCodeAt(u),!(a!==Z&&a!==Q&&a!==J&&a!==X&&a!==ee&&a!==te&&a!==re&&a!==ie));u++);o=u-1;let w=ye(e.slice(s,u));r?r.nodes.push(w):t.push(w);break}case Ce:case xe:{let s=o;for(let u=o+1;u<e.length;u++)if(a=e.charCodeAt(u),a===H)u+=1;else if(a===l){o=u;break}n+=e.slice(s,o+1);break}case Ae:{let s=we(n,[]);n="",r?r.nodes.push(s):t.push(s),i.push(s),r=s;break}case be:{let s=i.pop();if(n.length>0){let u=V(n);s?.nodes.push(u),n="";}i.length>0?r=i[i.length-1]:r=null;break}default:n+=String.fromCharCode(l);}}return n.length>0&&t.push(V(n)),t}var p=class extends Map{constructor(i){super();this.factory=i;}get(i){let r=super.get(i);return r===void 0&&(r=this.factory(i,this),this.set(i,r)),r}};var L=new Uint8Array(256);function d(e,t){let i=0,r=[],n=0,a=e.length,o=t.charCodeAt(0);for(let l=0;l<a;l++){let s=e.charCodeAt(l);if(i===0&&s===o){r.push(e.slice(n,l)),n=l+1;continue}switch(s){case 92:l+=1;break;case 39:case 34:for(;++l<a;){let u=e.charCodeAt(l);if(u===92){l+=1;continue}if(u===s)break}break;case 40:L[i]=41,i++;break;case 91:L[i]=93,i++;break;case 123:L[i]=125,i++;break;case 93:case 125:case 41:i>0&&s===L[i-1]&&i--;break}}return r.push(e.slice(n)),r}var j=(o=>(o[o.Continue=0]="Continue",o[o.Skip=1]="Skip",o[o.Stop=2]="Stop",o[o.Replace=3]="Replace",o[o.ReplaceSkip=4]="ReplaceSkip",o[o.ReplaceStop=5]="ReplaceStop",o))(j||{}),f={Continue:{kind:0},Skip:{kind:1},Stop:{kind:2},Replace:e=>({kind:3,nodes:Array.isArray(e)?e:[e]}),ReplaceSkip:e=>({kind:4,nodes:Array.isArray(e)?e:[e]}),ReplaceStop:e=>({kind:5,nodes:Array.isArray(e)?e:[e]})};function c(e,t){typeof t=="function"?ne(e,t):ne(e,t.enter,t.exit);}function ne(e,t=()=>f.Continue,i=()=>f.Continue){let r=[[e,0,null]],n={parent:null,depth:0,path(){let a=[];for(let o=1;o<r.length;o++){let l=r[o][2];l&&a.push(l);}return a}};for(;r.length>0;){let a=r.length-1,o=r[a],l=o[0],s=o[1],u=o[2];if(s>=l.length){r.pop();continue}if(n.parent=u,n.depth=a,s>=0){let O=l[s],C=t(O,n)??f.Continue;switch(C.kind){case 0:{O.nodes&&O.nodes.length>0&&r.push([O.nodes,0,O]),o[1]=~s;continue}case 2:return;case 1:{o[1]=~s;continue}case 3:{l.splice(s,1,...C.nodes);continue}case 5:{l.splice(s,1,...C.nodes);return}case 4:{l.splice(s,1,...C.nodes),o[1]+=C.nodes.length;continue}default:throw new Error(`Invalid \`WalkAction.${j[C.kind]??`Unknown(${C.kind})`}\` in enter.`)}}let w=~s,U=l[w],b=i(U,n)??f.Continue;switch(b.kind){case 0:o[1]=w+1;continue;case 2:return;case 3:{l.splice(w,1,...b.nodes),o[1]=w+b.nodes.length;continue}case 5:{l.splice(w,1,...b.nodes);return}case 4:{l.splice(w,1,...b.nodes),o[1]=w+b.nodes.length;continue}default:throw new Error(`Invalid \`WalkAction.${j[b.kind]??`Unknown(${b.kind})`}\` in exit.`)}}}new p(e=>{let t=g(e),i=new Set;return c(t,(r,n)=>{let a=n.parent===null?t:n.parent.nodes??[];if(r.kind==="word"&&(r.value==="+"||r.value==="-"||r.value==="*"||r.value==="/")){let o=a.indexOf(r)??-1;if(o===-1)return;let l=a[o-1];if(l?.kind!=="separator"||l.value!==" ")return;let s=a[o+1];if(s?.kind!=="separator"||s.value!==" ")return;i.add(l),i.add(s);}else r.kind==="separator"&&r.value.length>0&&r.value.trim()===""?(a[0]===r||a[a.length-1]===r)&&i.add(r):r.kind==="separator"&&r.value.trim()===","&&(r.value=",");}),i.size>0&&c(t,r=>{if(i.has(r))return i.delete(r),f.ReplaceSkip([])}),W(t),v(t)});new p(e=>{let t=g(e);return t.length===3&&t[0].kind==="word"&&t[0].value==="&"&&t[1].kind==="separator"&&t[1].value===":"&&t[2].kind==="function"&&t[2].value==="is"?v(t[2].nodes):e});function W(e){for(let t of e)switch(t.kind){case "function":{if(t.value==="url"||t.value.endsWith("_url")){t.value=P(t.value);break}if(t.value==="var"||t.value.endsWith("_var")||t.value==="theme"||t.value.endsWith("_theme")){t.value=P(t.value);for(let i=0;i<t.nodes.length;i++)W([t.nodes[i]]);break}t.value=P(t.value),W(t.nodes);break}case "separator":t.value=P(t.value);break;case "word":{(t.value[0]!=="-"||t.value[1]!=="-")&&(t.value=P(t.value));break}default:$e(t);}}new p(e=>{let t=g(e);return t.length===1&&t[0].kind==="function"&&t[0].value==="var"});function $e(e){throw new Error(`Unexpected value: ${e}`)}function P(e){return e.replaceAll("_",String.raw`\_`).replaceAll(" ","_")}function _(e,t){if(t===null)return e;let i=Number(t);return Number.isNaN(i)||(t=`${i*100}%`),t==="100%"?e:`color-mix(in oklab, ${e} ${t}, transparent)`}var Re={"--alpha":Oe,"--spacing":Pe,"--theme":_e,theme:Ie};function Oe(e,t,i,...r){let[n,a]=d(i,"/").map(o=>o.trim());if(!n||!a)throw new Error(`The --alpha(\u2026) function requires a color and an alpha value, e.g.: \`--alpha(${n||"var(--my-color)"} / ${a||"50%"})\``);if(r.length>0)throw new Error(`The --alpha(\u2026) function only accepts one argument, e.g.: \`--alpha(${n||"var(--my-color)"} / ${a||"50%"})\``);return _(n,a)}function Pe(e,t,i,...r){if(!i)throw new Error("The --spacing(\u2026) function requires an argument, but received none.");if(r.length>0)throw new Error(`The --spacing(\u2026) function only accepts a single argument, but received ${r.length+1}.`);let n=e.theme.resolve(null,["--spacing"]);if(!n)throw new Error("The --spacing(\u2026) function requires that the `--spacing` theme variable exists, but it was not found.");return `calc(${n} * ${i})`}function _e(e,t,i,...r){if(!i.startsWith("--"))throw new Error("The --theme(\u2026) function can only be used with CSS variables from your theme.");let n=false;i.endsWith(" inline")&&(n=true,i=i.slice(0,-7)),t.kind==="at-rule"&&(n=true);let a=e.resolveThemeValue(i,n);if(!a){if(r.length>0)return r.join(", ");throw new Error(`Could not resolve value for theme function: \`theme(${i})\`. Consider checking if the variable name is correct or provide a fallback value to silence this error.`)}if(r.length===0)return a;let o=r.join(", ");if(o==="initial")return a;if(a==="initial")return o;if(a.startsWith("var(")||a.startsWith("theme(")||a.startsWith("--theme(")){let l=g(a);return Ue(l,o),v(l)}return a}function Ie(e,t,i,...r){i=De(i);let n=e.resolveThemeValue(i);if(!n&&r.length>0)return r.join(", ");if(!n)throw new Error(`Could not resolve value for theme function: \`theme(${i})\`. Consider checking if the path is correct or provide a fallback value to silence this error.`);return n}new RegExp(Object.keys(Re).map(e=>`${e}\\(`).join("|"));function De(e){if(e[0]!=="'"&&e[0]!=='"')return e;let t="",i=e[0];for(let r=1;r<e.length-1;r++){let n=e[r],a=e[r+1];n==="\\"&&(a===i||a==="\\")?(t+=a,r++):t+=n;}return t}function Ue(e,t){c(e,i=>{if(i.kind==="function"&&!(i.value!=="var"&&i.value!=="theme"&&i.value!=="--theme"))if(i.nodes.length===1)i.nodes.push({kind:"word",value:`, ${t}`});else {let r=i.nodes[i.nodes.length-1];r.kind==="word"&&r.value==="initial"&&(r.value=t);}});}var Ke=/^(?<value>[-+]?(?:\d*\.)?\d+)(?<unit>[a-z]+|%)?$/i;new p(e=>{let t=Ke.exec(e);if(!t)return null;let i=t.groups?.value;if(i===void 0)return null;let r=Number(i);if(Number.isNaN(r))return null;let n=t.groups?.unit;return n===void 0?[r,null]:[r,n]});function F(e){let t={};for(let[i,r]of Object.entries(e??{}))if(i!=="__CSS_VALUES__")if(typeof r=="object"&&r!==null)for(let[n,a]of Object.entries(F(r)))t[`${i}${n==="DEFAULT"?"":`-${n}`}`]=a;else t[i]=r;if("__CSS_VALUES__"in e)for(let[i,r]of Object.entries(e.__CSS_VALUES__))(Number(r)&4)===0&&(t[i]=e[i]);return t}flattenColorPalette=F;
+	return flattenColorPalette;
+}
+
+export { requireFlattenColorPalette as __require };

package/dist/esm/node_modules/.pnpm/tailwindcss@4.1.17/node_modules/tailwindcss/dist/plugin.js

@@ -0,0 +1,11 @@
+var plugin;
+var hasRequiredPlugin;
+
+function requirePlugin () {
+	if (hasRequiredPlugin) return plugin;
+	hasRequiredPlugin = 1;
+function g(i,n){return {handler:i,config:n}}g.withOptions=function(i,n=()=>({})){function t(o){return {handler:i(o),config:n(o)}}return t.__isOptionsFunction=true,t};var u=g;plugin=u;
+	return plugin;
+}
+
+export { requirePlugin as __require };

package/dist/globals.css

@@ -162,23 +162,58 @@
     color-scheme: dark;
   }
 
-  /* Custom scrollbar styles */
-  *::-webkit-scrollbar {
+  *:not(.navbar-scrollbar)::-webkit-scrollbar {
     width: 6px;
     height: 6px;
     border-radius: 8px;
   }
 
-  *::-webkit-scrollbar-thumb {
+  *:not(.navbar-scrollbar)::-webkit-scrollbar-thumb {
     background: hsl(var(--gray-90));
     border-radius: 8px;
   }
 
-  *::-webkit-scrollbar-track {
+  *:not(.navbar-scrollbar)::-webkit-scrollbar-track {
     background: hsl(var(--gray-20));
   }
 }
 
+.navbar-scrollbar {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.navbar-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .navbar-scrollbar {
+    scrollbar-width: thin;
+    scrollbar-color: hsl(var(--muted-foreground) / 0.2) transparent;
+  }
+
+  .navbar-scrollbar::-webkit-scrollbar {
+    display: block;
+    width: 2px;
+    height: 2px;
+  }
+
+  .navbar-scrollbar::-webkit-scrollbar-thumb {
+    background: hsl(var(--muted-foreground) / 0.2);
+    border-radius: 1px;
+  }
+
+  .navbar-scrollbar::-webkit-scrollbar-thumb:hover {
+    background: hsl(var(--muted-foreground) / 0.35);
+  }
+
+  .navbar-scrollbar::-webkit-scrollbar-track {
+    background: transparent;
+    margin: 2px;
+  }
+}
+
 /* Table responsive grid with CSS variables */
 .table-sm-grid {
   grid-template-columns: repeat(var(--grid-cols-xs, 1), minmax(0, 1fr));
@@ -186,31 +221,23 @@
 
 @media (min-width: 640px) {
   .table-sm-grid {
-    grid-template-columns: repeat(
-        var(--grid-cols-sm, var(--grid-cols-xs, 1)),
-        minmax(0, 1fr)
-      );
+    grid-template-columns: repeat(var(--grid-cols-sm, var(--grid-cols-xs, 1)),
+        minmax(0, 1fr));
   }
 }
 
 @media (min-width: 768px) {
   .table-sm-grid {
-    grid-template-columns: repeat(
-        var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))),
-        minmax(0, 1fr)
-      );
+    grid-template-columns: repeat(var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1))),
+        minmax(0, 1fr));
   }
 }
 
 @media (min-width: 1024px) {
   .table-sm-grid {
-    grid-template-columns: repeat(
-        var(
-          --grid-cols-lg,
-          var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))
-        ),
-        minmax(0, 1fr)
-      );
+    grid-template-columns: repeat(var(--grid-cols-lg,
+          var(--grid-cols-md, var(--grid-cols-sm, var(--grid-cols-xs, 1)))),
+        minmax(0, 1fr));
   }
 }
 
@@ -233,7 +260,7 @@
     }
 
     /* Axis text styling */
-    & > g:not([class]) > text {
+    &>g:not([class])>text {
       font-family: inherit;
       font-size: 12px;
       line-height: 14px;
@@ -259,8 +286,8 @@
       user-select: none;
     }
 
-    .rct-chart-axis.rct-chart-axis-y > g:not([class]) > text,
-    .rct-chart-axis.rct-chart-axis-x > g:not([class]) > text {
+    .rct-chart-axis.rct-chart-axis-y>g:not([class])>text,
+    .rct-chart-axis.rct-chart-axis-x>g:not([class])>text {
       font-family: inherit;
       font-size: 12px;
       line-height: 14px;
@@ -317,4 +344,4 @@
       opacity: 0.6;
     }
   }
-}
+}

package/dist/types/components/auth/signin-required.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 import { Address } from 'viem';
 import { TabButtonProps } from '../buttons';
 /**
@@ -31,4 +31,4 @@ export interface SignInRequiredProps extends TabButtonProps {
     children: ReactNode;
     skipSignIn?: boolean;
 }
-export declare function SignInRequired({ children, owner, skipSignIn, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export declare function SignInRequired({ children, owner, skipSignIn, ...customProps }: SignInRequiredProps): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactPortal | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ReactElement<unknown, string | import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/types/components/buttons/navigation-button/navigation-button.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 export interface NavigationButtonProps {
     href: string;
     text: string;

package/dist/types/components/dialog/dialog.d.ts

@@ -1,5 +1,5 @@
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-declare const Dialog: import('react').FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: import('react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: import('react').FC<DialogPrimitive.DialogPortalProps>;
+declare const Dialog: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DialogPrimitive.DialogPortalProps>;
 export { Dialog, DialogPortal, DialogTrigger };

package/dist/types/components/dropdown-menu/dropdown-menu.d.ts

@@ -1,8 +1,8 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-declare const DropdownMenu: import('react').FC<DropdownMenuPrimitive.DropdownMenuProps>;
-declare const DropdownMenuTrigger: import('react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
-declare const DropdownMenuGroup: import('react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
-declare const DropdownMenuPortal: import('react').FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
-declare const DropdownMenuSub: import('react').FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
-declare const DropdownMenuRadioGroup: import('react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+declare const DropdownMenu: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuTrigger: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGroup: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuPortal: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuSub: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuRadioGroup: import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & import('../../../node_modules/.pnpm/react@19.2.0/node_modules/react').RefAttributes<HTMLDivElement>>;
 export { DropdownMenu, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuSub, DropdownMenuTrigger, };

package/dist/types/components/layout/col/col.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 /**
  * ColProps — props for Col component.
  */
@@ -29,7 +29,11 @@ export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
  *
  * Note: Works with Tailwind grid system (grid-cols-12).
  * Use within a Grid container with appropriate column configuration.
- * "full" spans all columns, "auto" uses automatic sizing.
+ * "full" spans all columns, "auto" uses automatic sizing based on content.
+ *
+ * Important: When using `span="auto"`, you must use `cols="auto"` in the Grid component
+ * for it to work properly. With fixed column counts (e.g., `cols={12}`), `span="auto"`
+ * will not work as expected.
  *
  * @example
  * ```tsx
@@ -38,6 +42,12 @@ export interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
  *   <Col span={6}>Half width</Col>
  *   <Col span={12} md={6}>Full on mobile, half on desktop</Col>
  * </Grid>
+ *
+ * // For auto-sizing columns:
+ * <Grid cols="auto">
+ *   <Col span="auto">Content-based width</Col>
+ *   <Col span="auto">Content-based width</Col>
+ * </Grid>
  * ```
  */
 export declare const Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/layout/container/container.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 /**
  * ContainerProps — props for Container component.
  */

package/dist/types/components/layout/footer/footer.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 import { LegalReferences } from '../legal-disclaimer';
 export interface FooterProps extends React.HTMLAttributes<HTMLElement> {
     logo?: React.ReactNode;

package/dist/types/components/layout/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 /**
  * GridProps — props for Grid component.
  */
@@ -20,7 +20,7 @@ export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
  * page layouts, card grids, responsive columns, flexible grid structures.
  *
  * Props:
- * - `cols` — number of columns (1-12) or custom CSS grid template string (defaults to 12).
+ * - `cols` — number of columns (1-12), custom CSS grid template string, or "auto" for auto-sized columns (defaults to 12).
  * - `sm` — number of columns for small screens (≥640px).
  * - `md` — number of columns for medium screens (≥768px).
  * - `lg` — number of columns for large screens (≥1024px).
@@ -32,6 +32,7 @@ export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
  * Note: Works with Col component for flexible column-based layouts.
  * Supports both numeric columns (uses Tailwind grid classes) and custom CSS grid templates.
  * When cols is a string, uses inline style for grid-template-columns.
+ * Use `cols="auto"` when using Col with `span="auto"` to enable content-based column sizing.
  *
  * @example
  * ```tsx

package/dist/types/components/layout/header/header.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 interface MobileMenuContextValue {
     closeMobileMenu: () => void;
 }

package/dist/types/components/layout/layout/layout.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 export interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     header?: React.ReactNode;
     footer?: React.ReactNode;

package/dist/types/components/navbar/navbar-indicator-context.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import { default as React } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 interface NavbarIndicatorContextType {
     registerItem: (id: string, element: HTMLElement) => void;
     unregisterItem: (id: string) => void;

package/dist/types/components/pool-points-indicator/pool-points-indicator.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren } from '../../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 export type PoolPointsColor = "primary" | "secondary" | "green" | "blue" | "yellow";
 export interface PoolPointsIndicatorProps {
     /**

package/dist/types/components/theme-provider.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { ReactNode } from '../../node_modules/.pnpm/react@19.2.0/node_modules/react';
 /**
  * Theme types
  */

package/dist/types/components/trading-view/graph-dropdown.d.ts

@@ -20,6 +20,12 @@ export interface GraphDropdownProps<T> {
     onSelected: (graph: T | Array<T>) => void;
     /** Enable multiple selection mode */
     multiple?: boolean;
+    /** Set of graph values that have no data available */
+    graphsWithNoData?: Set<T>;
+    /** Set of graph values that are currently loading */
+    loadingGraphs?: Set<T>;
+    /** Callback when user tries to select a graph with no data */
+    onNoDataSelected?: (graphValue: T, graphLabel: React.ReactNode) => void;
 }
 /**
  * GraphDropdown — dropdown select component for choosing graph types.
@@ -68,4 +74,4 @@ export interface GraphDropdownProps<T> {
  * />
  * ```
  */
-export declare function GraphDropdown<T extends string = string>({ items, defaultItem, onSelected, multiple, }: GraphDropdownProps<T>): React.ReactElement;
+export declare function GraphDropdown<T extends string = string>({ items, defaultItem, onSelected, multiple, graphsWithNoData, loadingGraphs, onNoDataSelected, }: GraphDropdownProps<T>): React.ReactElement;