@gearbox-protocol/permissionless-ui 1.7.4 → 1.8.0

package/dist/cjs/components/trading-view/graph-dropdown.cjs

@@ -11,7 +11,10 @@ function GraphDropdown({
   items,
   defaultItem,
   onSelected,
-  multiple = false
+  multiple = false,
+  graphsWithNoData,
+  loadingGraphs,
+  onNoDataSelected
 }) {
   const getInitialValue = () => {
     if (multiple) {
@@ -63,6 +66,15 @@ function GraphDropdown({
     (newValue) => {
       const item = items.find((i) => String(i.value) === newValue);
       if (!item) return;
+      if (loadingGraphs?.has(item.value)) {
+        return;
+      }
+      if (graphsWithNoData?.has(item.value)) {
+        if (onNoDataSelected) {
+          onNoDataSelected(item.value, item.label);
+        }
+        return;
+      }
       if (multiple) {
         isSelectingRef.current = true;
         setSelectedItems((prev) => {
@@ -83,7 +95,14 @@ function GraphDropdown({
         onSelected(item.value);
       }
     },
-    [multiple, onSelected, items]
+    [
+      multiple,
+      onSelected,
+      items,
+      graphsWithNoData,
+      loadingGraphs,
+      onNoDataSelected
+    ]
   );
   const title = React.useMemo(() => {
     if (!multiple) {
@@ -136,16 +155,20 @@ function GraphDropdown({
           ),
           items.map((item, index) => {
             const isChecked = multiple && selectedItems.has(item.value);
+            const isLoading = loadingGraphs?.has(item.value);
+            const isDisabled = isLoading;
             return /* @__PURE__ */ jsxRuntime.jsx(
               components_select_select.SelectItem,
               {
                 value: String(item.value),
+                disabled: isDisabled,
                 onSelect: (e) => {
                   if (multiple) {
                     e.preventDefault();
                   }
                   handleValueChange(String(item.value));
                 },
+                className: isDisabled ? "opacity-50 cursor-not-allowed" : "",
                 children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
                   multiple && /* @__PURE__ */ jsxRuntime.jsx(
                     "span",
@@ -154,7 +177,8 @@ function GraphDropdown({
                       children: isChecked && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4" })
                     }
                   ),
-                  item.label
+                  item.label,
+                  isLoading && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "ml-1 h-4 w-4 animate-spin text-muted-foreground" })
                 ] })
               },
               `graph-item-${index}-${String(item.value)}`

package/dist/cjs/components/trading-view/trading-view.cjs

@@ -4,6 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
+const sonner = require('sonner');
 const hooks_useMediaQuery = require('../../hooks/use-media-query.cjs');
 const components_buttons_rangeButtons_rangeButtons = require('../buttons/range-buttons/range-buttons.cjs');
 const components_graph_graph = require('../graph/graph.cjs');
@@ -59,7 +60,10 @@ function TradingView({
   setRange,
   onGraphExpanded,
   isGraphExpanded,
-  onUnselectSeries
+  onUnselectSeries,
+  graphsWithNoData,
+  loadingGraphs,
+  noDataMessage = "No data available for this graph"
 }) {
   const dataArray = React.useMemo(() => {
     return Array.isArray(data) ? data : data ? [data] : [];
@@ -68,6 +72,12 @@ function TradingView({
     return Array.isArray(data) && data.length > 1;
   }, [data]);
   const isMobile = hooks_useMediaQuery.useIsMobile();
+  const handleNoDataSelected = React.useCallback(
+    (_graphValue, _graphLabel) => {
+      sonner.toast.error(noDataMessage);
+    },
+    [noDataMessage]
+  );
   const yMeasureUnitSingle = React.useMemo(() => {
     if (!yMeasureUnit) return void 0;
     return Array.isArray(yMeasureUnit) ? yMeasureUnit[0] : yMeasureUnit;
@@ -79,7 +89,10 @@ function TradingView({
         onSelected: onGraphSelected,
         items: graphs,
         defaultItem: defaultGraph,
-        multiple: isMultipleSelect
+        multiple: isMultipleSelect,
+        graphsWithNoData,
+        loadingGraphs,
+        onNoDataSelected: handleNoDataSelected
       }
     ) }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row flex-nowrap justify-start sm:justify-end items-center flex-1", children: [

package/dist/cjs/components/with-filter-button/with-filter-button.cjs

@@ -46,12 +46,12 @@ const WithFilterButton = React__namespace.forwardRef(
       {
         ref,
         className: utils_cn.cn(
-          "w-full flex items-center justify-between gap-4",
+          "w-full flex items-start md:items-center justify-between gap-4 flex-col md:flex-row",
           className
         ),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 flex-row-reverse md:flex-row", children: [
             onClearAll && /* @__PURE__ */ jsxRuntime.jsx(components_buttons_button_button.Button, { variant: "ghost", size: "default", onClick: onClearAll, children: "Clear all" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               components_buttons_filterButton_filterButton.FilterButton,

package/dist/cjs/configs/tailwind-preset.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
+const index = require('../_virtual/index.cjs');
 const tailwindAnimate = require('tailwindcss-animate');
 
 const preset = {
@@ -124,7 +125,7 @@ const preset = {
       }
     }
   },
-  plugins: [tailwindAnimate]
+  plugins: [tailwindAnimate, index({ nocompatible: true })]
 };
 
 exports.default = preset;

package/dist/cjs/node_modules/.pnpm/tailwind-scrollbar@4.0.2_react@19.2.0_tailwindcss@4.1.17/node_modules/tailwind-scrollbar/src/helpers.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+/**
+ * Gets the underlying default import of a module.
+ *
+ * This is used to handle internal imoprts from Tailwind, since Tailwind Play
+ * handles these imports differently.
+ *
+ * @template T
+ * @param {T | { __esModule: unknown, default: T }} mod The module
+ * @returns {T} The bare export
+ */
+
+var helpers;
+var hasRequiredHelpers;
+
+function requireHelpers () {
+	if (hasRequiredHelpers) return helpers;
+	hasRequiredHelpers = 1;
+	// eslint-disable-next-line no-underscore-dangle
+	const importDefault = mod => (mod && mod.__esModule ? mod.default : mod);
+
+	helpers = {
+	  importDefault
+	};
+	return helpers;
+}
+
+exports.__require = requireHelpers;

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

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const plugin = require('../../../../tailwindcss@4.1.17/node_modules/tailwindcss/dist/plugin.cjs');
+const utilities = require('./utilities.cjs');
+const variants = require('./variants.cjs');
+
+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$1 = plugin.__require();
+	const {
+	  addBaseStyles,
+	  addBaseSizeUtilities,
+	  addColorUtilities,
+	  addRoundedUtilities,
+	  addSizeUtilities
+	} = utilities.__require();
+	const { addVariants } = variants.__require();
+
+	src = plugin$1.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;
+}
+
+exports.__require = requireSrc;

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

@@ -0,0 +1,218 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const flattenColorPalette = require('../../../../tailwindcss@4.1.17/node_modules/tailwindcss/dist/flatten-color-palette.cjs');
+const helpers = require('./helpers.cjs');
+
+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 = flattenColorPalette.__require();
+	const { importDefault } = helpers.__require();
+
+	// Tailwind Play will import these internal imports as ES6 imports, while most
+	// other workflows will import them as CommonJS imports.
+	const flattenColorPalette$1 = 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$1(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;
+}
+
+exports.__require = requireUtilities;

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

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+/** @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;
+}
+
+exports.__require = requireVariants;

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

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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;
+}
+
+exports.__require = requireFlattenColorPalette;

package/dist/cjs/node_modules/.pnpm/tailwindcss@4.1.17/node_modules/tailwindcss/dist/plugin.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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;
+}
+
+exports.__require = requirePlugin;

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -0,0 +1,5 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs };

package/dist/esm/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requireSrc } from '../node_modules/.pnpm/tailwind-scrollbar@4.0.2_react@19.2.0_tailwindcss@4.1.17/node_modules/tailwind-scrollbar/src/index.js';
+
+var srcExports = requireSrc();
+const tailwindScrollbar = /*@__PURE__*/getDefaultExportFromCjs(srcExports);
+
+export { tailwindScrollbar as default };

package/dist/esm/components/alert-dialog/alert-dialog.js

@@ -34,7 +34,7 @@ const AlertDialogContent = React.forwardRef(({ className, ...props }, ref) => /*
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-input bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-input bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] rounded-lg",
         className
       ),
       ...props

package/dist/esm/components/error-message/error-message.js

@@ -20,17 +20,17 @@ function ErrorMessage({
       maxWidth: "md",
       padding: true,
       className: cn(
-        "min-h-[200px] min-w-[320px] max-w-[600px]",
+        "min-w-[280px] md:min-w-[320px] max-w-[600px]",
         theme === "dark" && "bg-slate-900",
         theme === "light" && "bg-white"
       ),
-      children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-wrap justify-center", children: [
+      children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-wrap justify-center gap-2", children: [
         /* @__PURE__ */ jsxs("div", { className: "w-full text-center text-xl font-medium text-muted-foreground", children: [
           /* @__PURE__ */ jsx(FormattedMessageTyped, { messageId: "components.errorMessage.oops" }),
-          "😬"
+          " 😬"
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex w-full min-h-[100px] justify-center items-start pt-5 pr-8 pl-3 text-lg text-center text-foreground", children: /* @__PURE__ */ jsx(FormattedMessage, { id: err.message, defaultMessage: err.message }) }),
-        /* @__PURE__ */ jsx(Button, { onClick, className: "w-1/2", children: btnTitle })
+        /* @__PURE__ */ jsx("div", { className: "flex w-full justify-center items-start px-2 text-lg text-center text-foreground", children: /* @__PURE__ */ jsx(FormattedMessage, { id: err.message, defaultMessage: err.message }) }),
+        /* @__PURE__ */ jsx(Button, { onClick, className: "w-1/2 mt-2", children: btnTitle })
       ] })
     }
   );

package/dist/esm/components/graph/graph-current-value.js

@@ -20,8 +20,8 @@ function GraphCurrentValue({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: "text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: yFormatted }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground whitespace-nowrap overflow-hidden text-ellipsis mt-0.5", children: xFormatted })
+        /* @__PURE__ */ jsx("div", { className: "text-xl sm:text-2xl font-semibold text-foreground whitespace-nowrap overflow-hidden text-ellipsis", children: yFormatted }),
+        /* @__PURE__ */ jsx("div", { className: "text-xs sm:text-sm font-medium text-muted-foreground whitespace-nowrap overflow-hidden text-ellipsis mt-0.5", children: xFormatted })
       ]
     }
   );

package/dist/esm/components/graph/graph-tooltip.js

@@ -71,8 +71,8 @@ function GraphTooltip({
         className
       ),
       style: positionStyles,
-      children: /* @__PURE__ */ jsxs("div", { className: "bg-background/90 backdrop-blur-sm rounded border border-border p-2 space-y-1.5", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground mb-1 whitespace-nowrap", children: xFormatted }),
+      children: /* @__PURE__ */ jsxs("div", { className: "bg-background/90 backdrop-blur-sm rounded border border-border p-1.5 sm:p-2 space-y-1 sm:space-y-1.5", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-xs sm:text-sm font-medium text-muted-foreground mb-0.5 sm:mb-1 whitespace-nowrap", children: xFormatted }),
         series.map((s, index) => {
           const pointData = points.get(s.label);
           if (!pointData) return null;
@@ -90,12 +90,12 @@ function GraphTooltip({
           return /* @__PURE__ */ jsxs(
             "div",
             {
-              className: "flex items-center gap-2 text-sm whitespace-nowrap",
+              className: "flex items-center gap-1.5 sm:gap-2 text-xs sm:text-sm whitespace-nowrap",
               children: [
                 /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: "w-2 h-2 rounded-full flex-shrink-0",
+                    className: "w-1.5 h-1.5 sm:w-2 sm:h-2 rounded-full flex-shrink-0",
                     style: { backgroundColor: lineColor }
                   }
                 ),