@tanstack/devtools 0.0.0

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export { TanStackRouterDevtoolsCore } from './core.js';
+export type { DevtoolsOptions } from './core.js';
+export type { DevtoolsPlugin } from './context/devtools-context.js';

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+import { TanStackRouterDevtoolsCore } from "./core.js";
+export {
+  TanStackRouterDevtoolsCore
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/esm/styles/tokens.d.ts

@@ -0,0 +1,298 @@
+export declare const tokens: {
+    readonly colors: {
+        readonly inherit: "inherit";
+        readonly current: "currentColor";
+        readonly transparent: "transparent";
+        readonly black: "#000000";
+        readonly white: "#ffffff";
+        readonly neutral: {
+            readonly 50: "#f9fafb";
+            readonly 100: "#f2f4f7";
+            readonly 200: "#eaecf0";
+            readonly 300: "#d0d5dd";
+            readonly 400: "#98a2b3";
+            readonly 500: "#667085";
+            readonly 600: "#475467";
+            readonly 700: "#344054";
+            readonly 800: "#1d2939";
+            readonly 900: "#101828";
+        };
+        readonly darkGray: {
+            readonly 50: "#525c7a";
+            readonly 100: "#49536e";
+            readonly 200: "#414962";
+            readonly 300: "#394056";
+            readonly 400: "#313749";
+            readonly 500: "#292e3d";
+            readonly 600: "#212530";
+            readonly 700: "#191c24";
+            readonly 800: "#111318";
+            readonly 900: "#0b0d10";
+        };
+        readonly gray: {
+            readonly 50: "#f9fafb";
+            readonly 100: "#f2f4f7";
+            readonly 200: "#eaecf0";
+            readonly 300: "#d0d5dd";
+            readonly 400: "#98a2b3";
+            readonly 500: "#667085";
+            readonly 600: "#475467";
+            readonly 700: "#344054";
+            readonly 800: "#1d2939";
+            readonly 900: "#101828";
+        };
+        readonly blue: {
+            readonly 25: "#F5FAFF";
+            readonly 50: "#EFF8FF";
+            readonly 100: "#D1E9FF";
+            readonly 200: "#B2DDFF";
+            readonly 300: "#84CAFF";
+            readonly 400: "#53B1FD";
+            readonly 500: "#2E90FA";
+            readonly 600: "#1570EF";
+            readonly 700: "#175CD3";
+            readonly 800: "#1849A9";
+            readonly 900: "#194185";
+        };
+        readonly green: {
+            readonly 25: "#F6FEF9";
+            readonly 50: "#ECFDF3";
+            readonly 100: "#D1FADF";
+            readonly 200: "#A6F4C5";
+            readonly 300: "#6CE9A6";
+            readonly 400: "#32D583";
+            readonly 500: "#12B76A";
+            readonly 600: "#039855";
+            readonly 700: "#027A48";
+            readonly 800: "#05603A";
+            readonly 900: "#054F31";
+        };
+        readonly red: {
+            readonly 50: "#fef2f2";
+            readonly 100: "#fee2e2";
+            readonly 200: "#fecaca";
+            readonly 300: "#fca5a5";
+            readonly 400: "#f87171";
+            readonly 500: "#ef4444";
+            readonly 600: "#dc2626";
+            readonly 700: "#b91c1c";
+            readonly 800: "#991b1b";
+            readonly 900: "#7f1d1d";
+            readonly 950: "#450a0a";
+        };
+        readonly yellow: {
+            readonly 25: "#FFFCF5";
+            readonly 50: "#FFFAEB";
+            readonly 100: "#FEF0C7";
+            readonly 200: "#FEDF89";
+            readonly 300: "#FEC84B";
+            readonly 400: "#FDB022";
+            readonly 500: "#F79009";
+            readonly 600: "#DC6803";
+            readonly 700: "#B54708";
+            readonly 800: "#93370D";
+            readonly 900: "#7A2E0E";
+        };
+        readonly purple: {
+            readonly 25: "#FAFAFF";
+            readonly 50: "#F4F3FF";
+            readonly 100: "#EBE9FE";
+            readonly 200: "#D9D6FE";
+            readonly 300: "#BDB4FE";
+            readonly 400: "#9B8AFB";
+            readonly 500: "#7A5AF8";
+            readonly 600: "#6938EF";
+            readonly 700: "#5925DC";
+            readonly 800: "#4A1FB8";
+            readonly 900: "#3E1C96";
+        };
+        readonly teal: {
+            readonly 25: "#F6FEFC";
+            readonly 50: "#F0FDF9";
+            readonly 100: "#CCFBEF";
+            readonly 200: "#99F6E0";
+            readonly 300: "#5FE9D0";
+            readonly 400: "#2ED3B7";
+            readonly 500: "#15B79E";
+            readonly 600: "#0E9384";
+            readonly 700: "#107569";
+            readonly 800: "#125D56";
+            readonly 900: "#134E48";
+        };
+        readonly pink: {
+            readonly 25: "#fdf2f8";
+            readonly 50: "#fce7f3";
+            readonly 100: "#fbcfe8";
+            readonly 200: "#f9a8d4";
+            readonly 300: "#f472b6";
+            readonly 400: "#ec4899";
+            readonly 500: "#db2777";
+            readonly 600: "#be185d";
+            readonly 700: "#9d174d";
+            readonly 800: "#831843";
+            readonly 900: "#500724";
+        };
+        readonly cyan: {
+            readonly 25: "#ecfeff";
+            readonly 50: "#cffafe";
+            readonly 100: "#a5f3fc";
+            readonly 200: "#67e8f9";
+            readonly 300: "#22d3ee";
+            readonly 400: "#06b6d4";
+            readonly 500: "#0891b2";
+            readonly 600: "#0e7490";
+            readonly 700: "#155e75";
+            readonly 800: "#164e63";
+            readonly 900: "#083344";
+        };
+    };
+    readonly alpha: {
+        readonly 100: "ff";
+        readonly 90: "e5";
+        readonly 80: "cc";
+        readonly 70: "b3";
+        readonly 60: "99";
+        readonly 50: "80";
+        readonly 40: "66";
+        readonly 30: "4d";
+        readonly 20: "33";
+        readonly 10: "1a";
+        readonly 0: "00";
+    };
+    readonly font: {
+        readonly size: {
+            readonly '2xs': "calc(var(--tsrd-font-size) * 0.625)";
+            readonly xs: "calc(var(--tsrd-font-size) * 0.75)";
+            readonly sm: "calc(var(--tsrd-font-size) * 0.875)";
+            readonly md: "var(--tsrd-font-size)";
+            readonly lg: "calc(var(--tsrd-font-size) * 1.125)";
+            readonly xl: "calc(var(--tsrd-font-size) * 1.25)";
+            readonly '2xl': "calc(var(--tsrd-font-size) * 1.5)";
+            readonly '3xl': "calc(var(--tsrd-font-size) * 1.875)";
+            readonly '4xl': "calc(var(--tsrd-font-size) * 2.25)";
+            readonly '5xl': "calc(var(--tsrd-font-size) * 3)";
+            readonly '6xl': "calc(var(--tsrd-font-size) * 3.75)";
+            readonly '7xl': "calc(var(--tsrd-font-size) * 4.5)";
+            readonly '8xl': "calc(var(--tsrd-font-size) * 6)";
+            readonly '9xl': "calc(var(--tsrd-font-size) * 8)";
+        };
+        readonly lineHeight: {
+            readonly '3xs': "calc(var(--tsrd-font-size) * 0.75)";
+            readonly '2xs': "calc(var(--tsrd-font-size) * 0.875)";
+            readonly xs: "calc(var(--tsrd-font-size) * 1)";
+            readonly sm: "calc(var(--tsrd-font-size) * 1.25)";
+            readonly md: "calc(var(--tsrd-font-size) * 1.5)";
+            readonly lg: "calc(var(--tsrd-font-size) * 1.75)";
+            readonly xl: "calc(var(--tsrd-font-size) * 2)";
+            readonly '2xl': "calc(var(--tsrd-font-size) * 2.25)";
+            readonly '3xl': "calc(var(--tsrd-font-size) * 2.5)";
+            readonly '4xl': "calc(var(--tsrd-font-size) * 2.75)";
+            readonly '5xl': "calc(var(--tsrd-font-size) * 3)";
+            readonly '6xl': "calc(var(--tsrd-font-size) * 3.25)";
+            readonly '7xl': "calc(var(--tsrd-font-size) * 3.5)";
+            readonly '8xl': "calc(var(--tsrd-font-size) * 3.75)";
+            readonly '9xl': "calc(var(--tsrd-font-size) * 4)";
+        };
+        readonly weight: {
+            readonly thin: "100";
+            readonly extralight: "200";
+            readonly light: "300";
+            readonly normal: "400";
+            readonly medium: "500";
+            readonly semibold: "600";
+            readonly bold: "700";
+            readonly extrabold: "800";
+            readonly black: "900";
+        };
+        readonly fontFamily: {
+            readonly sans: "ui-sans-serif, Inter, system-ui, sans-serif, sans-serif";
+            readonly mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace";
+        };
+    };
+    readonly breakpoints: {
+        readonly xs: "320px";
+        readonly sm: "640px";
+        readonly md: "768px";
+        readonly lg: "1024px";
+        readonly xl: "1280px";
+        readonly '2xl': "1536px";
+    };
+    readonly border: {
+        readonly radius: {
+            readonly none: "0px";
+            readonly xs: "calc(var(--tsrd-font-size) * 0.125)";
+            readonly sm: "calc(var(--tsrd-font-size) * 0.25)";
+            readonly md: "calc(var(--tsrd-font-size) * 0.375)";
+            readonly lg: "calc(var(--tsrd-font-size) * 0.5)";
+            readonly xl: "calc(var(--tsrd-font-size) * 0.75)";
+            readonly '2xl': "calc(var(--tsrd-font-size) * 1)";
+            readonly '3xl': "calc(var(--tsrd-font-size) * 1.5)";
+            readonly full: "9999px";
+        };
+    };
+    readonly size: {
+        readonly 0: "0px";
+        readonly 0.25: "calc(var(--tsrd-font-size) * 0.0625)";
+        readonly 0.5: "calc(var(--tsrd-font-size) * 0.125)";
+        readonly 1: "calc(var(--tsrd-font-size) * 0.25)";
+        readonly 1.5: "calc(var(--tsrd-font-size) * 0.375)";
+        readonly 2: "calc(var(--tsrd-font-size) * 0.5)";
+        readonly 2.5: "calc(var(--tsrd-font-size) * 0.625)";
+        readonly 3: "calc(var(--tsrd-font-size) * 0.75)";
+        readonly 3.5: "calc(var(--tsrd-font-size) * 0.875)";
+        readonly 4: "calc(var(--tsrd-font-size) * 1)";
+        readonly 4.5: "calc(var(--tsrd-font-size) * 1.125)";
+        readonly 5: "calc(var(--tsrd-font-size) * 1.25)";
+        readonly 5.5: "calc(var(--tsrd-font-size) * 1.375)";
+        readonly 6: "calc(var(--tsrd-font-size) * 1.5)";
+        readonly 6.5: "calc(var(--tsrd-font-size) * 1.625)";
+        readonly 7: "calc(var(--tsrd-font-size) * 1.75)";
+        readonly 8: "calc(var(--tsrd-font-size) * 2)";
+        readonly 9: "calc(var(--tsrd-font-size) * 2.25)";
+        readonly 10: "calc(var(--tsrd-font-size) * 2.5)";
+        readonly 11: "calc(var(--tsrd-font-size) * 2.75)";
+        readonly 12: "calc(var(--tsrd-font-size) * 3)";
+        readonly 14: "calc(var(--tsrd-font-size) * 3.5)";
+        readonly 16: "calc(var(--tsrd-font-size) * 4)";
+        readonly 20: "calc(var(--tsrd-font-size) * 5)";
+        readonly 24: "calc(var(--tsrd-font-size) * 6)";
+        readonly 28: "calc(var(--tsrd-font-size) * 7)";
+        readonly 32: "calc(var(--tsrd-font-size) * 8)";
+        readonly 36: "calc(var(--tsrd-font-size) * 9)";
+        readonly 40: "calc(var(--tsrd-font-size) * 10)";
+        readonly 44: "calc(var(--tsrd-font-size) * 11)";
+        readonly 48: "calc(var(--tsrd-font-size) * 12)";
+        readonly 52: "calc(var(--tsrd-font-size) * 13)";
+        readonly 56: "calc(var(--tsrd-font-size) * 14)";
+        readonly 60: "calc(var(--tsrd-font-size) * 15)";
+        readonly 64: "calc(var(--tsrd-font-size) * 16)";
+        readonly 72: "calc(var(--tsrd-font-size) * 18)";
+        readonly 80: "calc(var(--tsrd-font-size) * 20)";
+        readonly 96: "calc(var(--tsrd-font-size) * 24)";
+    };
+    readonly shadow: {
+        readonly xs: (_?: string) => "0 1px 2px 0 rgb(0 0 0 / 0.05)";
+        readonly sm: (color?: string) => `0 1px 3px 0 ${string}, 0 1px 2px -1px ${string}`;
+        readonly md: (color?: string) => `0 4px 6px -1px ${string}, 0 2px 4px -2px ${string}`;
+        readonly lg: (color?: string) => `0 10px 15px -3px ${string}, 0 4px 6px -4px ${string}`;
+        readonly xl: (color?: string) => `0 20px 25px -5px ${string}, 0 8px 10px -6px ${string}`;
+        readonly '2xl': (color?: string) => `0 25px 50px -12px ${string}`;
+        readonly inner: (color?: string) => `inset 0 2px 4px 0 ${string}`;
+        readonly none: () => "none";
+    };
+    readonly zIndices: {
+        readonly hide: -1;
+        readonly auto: "auto";
+        readonly base: 0;
+        readonly docked: 10;
+        readonly dropdown: 1000;
+        readonly sticky: 1100;
+        readonly banner: 1200;
+        readonly overlay: 1300;
+        readonly modal: 1400;
+        readonly popover: 1500;
+        readonly skipLink: 1600;
+        readonly toast: 1700;
+        readonly tooltip: 1800;
+    };
+};

package/dist/esm/styles/tokens.js

@@ -0,0 +1,51 @@
+const tokens = {
+  colors: {
+    darkGray: {
+      700: "#191c24",
+      800: "#111318"
+    },
+    gray: {
+      100: "#f2f4f7",
+      300: "#d0d5dd",
+      700: "#344054"
+    },
+    blue: {
+      800: "#1849A9"
+    },
+    red: {
+      500: "#ef4444"
+    },
+    purple: {
+      400: "#9B8AFB",
+      500: "#7A5AF8"
+    }
+  },
+  alpha: {
+    90: "e5"
+  },
+  font: {
+    size: {
+      xs: "calc(var(--tsrd-font-size) * 0.75)",
+      sm: "calc(var(--tsrd-font-size) * 0.875)"
+    },
+    fontFamily: {
+      sans: "ui-sans-serif, Inter, system-ui, sans-serif, sans-serif"
+    }
+  },
+  border: {
+    radius: {
+      full: "9999px"
+    }
+  },
+  size: {
+    0.5: "calc(var(--tsrd-font-size) * 0.125)",
+    2: "calc(var(--tsrd-font-size) * 0.5)",
+    10: "calc(var(--tsrd-font-size) * 2.5)",
+    12: "calc(var(--tsrd-font-size) * 3)",
+    48: "calc(var(--tsrd-font-size) * 12)"
+  }
+};
+export {
+  tokens
+};
+//# sourceMappingURL=tokens.js.map

package/dist/esm/styles/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sources":["../../../src/styles/tokens.ts"],"sourcesContent":["export const tokens = {\n  colors: {\n    inherit: 'inherit',\n    current: 'currentColor',\n    transparent: 'transparent',\n    black: '#000000',\n    white: '#ffffff',\n    neutral: {\n      50: '#f9fafb',\n      100: '#f2f4f7',\n      200: '#eaecf0',\n      300: '#d0d5dd',\n      400: '#98a2b3',\n      500: '#667085',\n      600: '#475467',\n      700: '#344054',\n      800: '#1d2939',\n      900: '#101828',\n    },\n    darkGray: {\n      50: '#525c7a',\n      100: '#49536e',\n      200: '#414962',\n      300: '#394056',\n      400: '#313749',\n      500: '#292e3d',\n      600: '#212530',\n      700: '#191c24',\n      800: '#111318',\n      900: '#0b0d10',\n    },\n    gray: {\n      50: '#f9fafb',\n      100: '#f2f4f7',\n      200: '#eaecf0',\n      300: '#d0d5dd',\n      400: '#98a2b3',\n      500: '#667085',\n      600: '#475467',\n      700: '#344054',\n      800: '#1d2939',\n      900: '#101828',\n    },\n    blue: {\n      25: '#F5FAFF',\n      50: '#EFF8FF',\n      100: '#D1E9FF',\n      200: '#B2DDFF',\n      300: '#84CAFF',\n      400: '#53B1FD',\n      500: '#2E90FA',\n      600: '#1570EF',\n      700: '#175CD3',\n      800: '#1849A9',\n      900: '#194185',\n    },\n    green: {\n      25: '#F6FEF9',\n      50: '#ECFDF3',\n      100: '#D1FADF',\n      200: '#A6F4C5',\n      300: '#6CE9A6',\n      400: '#32D583',\n      500: '#12B76A',\n      600: '#039855',\n      700: '#027A48',\n      800: '#05603A',\n      900: '#054F31',\n    },\n    red: {\n      50: '#fef2f2',\n      100: '#fee2e2',\n      200: '#fecaca',\n      300: '#fca5a5',\n      400: '#f87171',\n      500: '#ef4444',\n      600: '#dc2626',\n      700: '#b91c1c',\n      800: '#991b1b',\n      900: '#7f1d1d',\n      950: '#450a0a',\n    },\n    yellow: {\n      25: '#FFFCF5',\n      50: '#FFFAEB',\n      100: '#FEF0C7',\n      200: '#FEDF89',\n      300: '#FEC84B',\n      400: '#FDB022',\n      500: '#F79009',\n      600: '#DC6803',\n      700: '#B54708',\n      800: '#93370D',\n      900: '#7A2E0E',\n    },\n    purple: {\n      25: '#FAFAFF',\n      50: '#F4F3FF',\n      100: '#EBE9FE',\n      200: '#D9D6FE',\n      300: '#BDB4FE',\n      400: '#9B8AFB',\n      500: '#7A5AF8',\n      600: '#6938EF',\n      700: '#5925DC',\n      800: '#4A1FB8',\n      900: '#3E1C96',\n    },\n    teal: {\n      25: '#F6FEFC',\n      50: '#F0FDF9',\n      100: '#CCFBEF',\n      200: '#99F6E0',\n      300: '#5FE9D0',\n      400: '#2ED3B7',\n      500: '#15B79E',\n      600: '#0E9384',\n      700: '#107569',\n      800: '#125D56',\n      900: '#134E48',\n    },\n    pink: {\n      25: '#fdf2f8',\n      50: '#fce7f3',\n      100: '#fbcfe8',\n      200: '#f9a8d4',\n      300: '#f472b6',\n      400: '#ec4899',\n      500: '#db2777',\n      600: '#be185d',\n      700: '#9d174d',\n      800: '#831843',\n      900: '#500724',\n    },\n    cyan: {\n      25: '#ecfeff',\n      50: '#cffafe',\n      100: '#a5f3fc',\n      200: '#67e8f9',\n      300: '#22d3ee',\n      400: '#06b6d4',\n      500: '#0891b2',\n      600: '#0e7490',\n      700: '#155e75',\n      800: '#164e63',\n      900: '#083344',\n    },\n  },\n  alpha: {\n    100: 'ff',\n    90: 'e5',\n    80: 'cc',\n    70: 'b3',\n    60: '99',\n    50: '80',\n    40: '66',\n    30: '4d',\n    20: '33',\n    10: '1a',\n    0: '00',\n  },\n  font: {\n    size: {\n      '2xs': 'calc(var(--tsrd-font-size) * 0.625)',\n      xs: 'calc(var(--tsrd-font-size) * 0.75)',\n      sm: 'calc(var(--tsrd-font-size) * 0.875)',\n      md: 'var(--tsrd-font-size)',\n      lg: 'calc(var(--tsrd-font-size) * 1.125)',\n      xl: 'calc(var(--tsrd-font-size) * 1.25)',\n      '2xl': 'calc(var(--tsrd-font-size) * 1.5)',\n      '3xl': 'calc(var(--tsrd-font-size) * 1.875)',\n      '4xl': 'calc(var(--tsrd-font-size) * 2.25)',\n      '5xl': 'calc(var(--tsrd-font-size) * 3)',\n      '6xl': 'calc(var(--tsrd-font-size) * 3.75)',\n      '7xl': 'calc(var(--tsrd-font-size) * 4.5)',\n      '8xl': 'calc(var(--tsrd-font-size) * 6)',\n      '9xl': 'calc(var(--tsrd-font-size) * 8)',\n    },\n    lineHeight: {\n      '3xs': 'calc(var(--tsrd-font-size) * 0.75)',\n      '2xs': 'calc(var(--tsrd-font-size) * 0.875)',\n      xs: 'calc(var(--tsrd-font-size) * 1)',\n      sm: 'calc(var(--tsrd-font-size) * 1.25)',\n      md: 'calc(var(--tsrd-font-size) * 1.5)',\n      lg: 'calc(var(--tsrd-font-size) * 1.75)',\n      xl: 'calc(var(--tsrd-font-size) * 2)',\n      '2xl': 'calc(var(--tsrd-font-size) * 2.25)',\n      '3xl': 'calc(var(--tsrd-font-size) * 2.5)',\n      '4xl': 'calc(var(--tsrd-font-size) * 2.75)',\n      '5xl': 'calc(var(--tsrd-font-size) * 3)',\n      '6xl': 'calc(var(--tsrd-font-size) * 3.25)',\n      '7xl': 'calc(var(--tsrd-font-size) * 3.5)',\n      '8xl': 'calc(var(--tsrd-font-size) * 3.75)',\n      '9xl': 'calc(var(--tsrd-font-size) * 4)',\n    },\n    weight: {\n      thin: '100',\n      extralight: '200',\n      light: '300',\n      normal: '400',\n      medium: '500',\n      semibold: '600',\n      bold: '700',\n      extrabold: '800',\n      black: '900',\n    },\n    fontFamily: {\n      sans: 'ui-sans-serif, Inter, system-ui, sans-serif, sans-serif',\n      mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`,\n    },\n  },\n  breakpoints: {\n    xs: '320px',\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px',\n  },\n  border: {\n    radius: {\n      none: '0px',\n      xs: 'calc(var(--tsrd-font-size) * 0.125)',\n      sm: 'calc(var(--tsrd-font-size) * 0.25)',\n      md: 'calc(var(--tsrd-font-size) * 0.375)',\n      lg: 'calc(var(--tsrd-font-size) * 0.5)',\n      xl: 'calc(var(--tsrd-font-size) * 0.75)',\n      '2xl': 'calc(var(--tsrd-font-size) * 1)',\n      '3xl': 'calc(var(--tsrd-font-size) * 1.5)',\n      full: '9999px',\n    },\n  },\n  size: {\n    0: '0px',\n    0.25: 'calc(var(--tsrd-font-size) * 0.0625)',\n    0.5: 'calc(var(--tsrd-font-size) * 0.125)',\n    1: 'calc(var(--tsrd-font-size) * 0.25)',\n    1.5: 'calc(var(--tsrd-font-size) * 0.375)',\n    2: 'calc(var(--tsrd-font-size) * 0.5)',\n    2.5: 'calc(var(--tsrd-font-size) * 0.625)',\n    3: 'calc(var(--tsrd-font-size) * 0.75)',\n    3.5: 'calc(var(--tsrd-font-size) * 0.875)',\n    4: 'calc(var(--tsrd-font-size) * 1)',\n    4.5: 'calc(var(--tsrd-font-size) * 1.125)',\n    5: 'calc(var(--tsrd-font-size) * 1.25)',\n    5.5: 'calc(var(--tsrd-font-size) * 1.375)',\n    6: 'calc(var(--tsrd-font-size) * 1.5)',\n    6.5: 'calc(var(--tsrd-font-size) * 1.625)',\n    7: 'calc(var(--tsrd-font-size) * 1.75)',\n    8: 'calc(var(--tsrd-font-size) * 2)',\n    9: 'calc(var(--tsrd-font-size) * 2.25)',\n    10: 'calc(var(--tsrd-font-size) * 2.5)',\n    11: 'calc(var(--tsrd-font-size) * 2.75)',\n    12: 'calc(var(--tsrd-font-size) * 3)',\n    14: 'calc(var(--tsrd-font-size) * 3.5)',\n    16: 'calc(var(--tsrd-font-size) * 4)',\n    20: 'calc(var(--tsrd-font-size) * 5)',\n    24: 'calc(var(--tsrd-font-size) * 6)',\n    28: 'calc(var(--tsrd-font-size) * 7)',\n    32: 'calc(var(--tsrd-font-size) * 8)',\n    36: 'calc(var(--tsrd-font-size) * 9)',\n    40: 'calc(var(--tsrd-font-size) * 10)',\n    44: 'calc(var(--tsrd-font-size) * 11)',\n    48: 'calc(var(--tsrd-font-size) * 12)',\n    52: 'calc(var(--tsrd-font-size) * 13)',\n    56: 'calc(var(--tsrd-font-size) * 14)',\n    60: 'calc(var(--tsrd-font-size) * 15)',\n    64: 'calc(var(--tsrd-font-size) * 16)',\n    72: 'calc(var(--tsrd-font-size) * 18)',\n    80: 'calc(var(--tsrd-font-size) * 20)',\n    96: 'calc(var(--tsrd-font-size) * 24)',\n  },\n  shadow: {\n    xs: (_: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 1px 2px 0 rgb(0 0 0 / 0.05)` as const,\n    sm: (color: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}` as const,\n    md: (color: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}` as const,\n    lg: (color: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}` as const,\n    xl: (color: string = 'rgb(0 0 0 / 0.1)') =>\n      `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}` as const,\n    '2xl': (color: string = 'rgb(0 0 0 / 0.25)') =>\n      `0 25px 50px -12px ${color}` as const,\n    inner: (color: string = 'rgb(0 0 0 / 0.05)') =>\n      `inset 0 2px 4px 0 ${color}` as const,\n    none: () => `none` as const,\n  },\n  zIndices: {\n    hide: -1,\n    auto: 'auto',\n    base: 0,\n    docked: 10,\n    dropdown: 1000,\n    sticky: 1100,\n    banner: 1200,\n    overlay: 1300,\n    modal: 1400,\n    popover: 1500,\n    skipLink: 1600,\n    toast: 1700,\n    tooltip: 1800,\n  },\n} as const\n"],"names":[],"mappings":"AAAO,MAAM,SAAS;AAAA,EACpB,QAAQ;AAAA,IAkBN,UAAU;AAAA,MAQR,KAAK;AAAA,MACL,KAAK;AAAA,IAEP;AAAA,IACA,MAAM;AAAA,MAEJ,KAAK;AAAA,MAEL,KAAK;AAAA,MAIL,KAAK;AAAA,IAGP;AAAA,IACA,MAAM;AAAA,MAUJ,KAAK;AAAA,IAEP;AAAA,IAcA,KAAK;AAAA,MAMH,KAAK;AAAA,IAMP;AAAA,IAcA,QAAQ;AAAA,MAMN,KAAK;AAAA,MACL,KAAK;AAAA,IAKP;AAAA,EAwCF;AAAA,EACA,OAAO;AAAA,IAEL,IAAI;AAAA,EAUN;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,MAEJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAYN;AAAA,IA6BA,YAAY;AAAA,MACV,MAAM;AAAA,IAER;AAAA,EACF;AAAA,EASA,QAAQ;AAAA,IACN,QAAQ;AAAA,MASN,MAAM;AAAA,IAAA;AAAA,EAEV;AAAA,EACA,MAAM;AAAA,IAGJ,KAAK;AAAA,IAGL,GAAG;AAAA,IAaH,IAAI;AAAA,IAEJ,IAAI;AAAA,IAUJ,IAAI;AAAA,EAQN;AAiCF;"}

package/dist/esm/styles/use-styles.d.ts

@@ -0,0 +1,21 @@
+import { DevtoolsSettings } from '../context/devtools-context.js';
+import { Accessor } from 'solid-js';
+export declare function useStyles(): Accessor<{
+    devtoolsPanelContainer: string;
+    devtoolsPanelContainerVisibility: (isOpen: boolean) => string;
+    devtoolsPanelContainerResizing: (isResizing: Accessor<boolean>) => string;
+    devtoolsPanelContainerAnimation: (isOpen: boolean, height: number) => string;
+    logo: string;
+    devtoolsPanel: string;
+    dragHandle: string;
+    mainCloseBtn: string;
+    mainCloseBtnPosition: (position: DevtoolsSettings["position"]) => string;
+    mainCloseBtnAnimation: (isOpen: boolean) => string;
+    tabContainer: string;
+    tab: string;
+    tabContent: string;
+    pluginsTabPanel: string;
+    pluginsTabSidebar: string;
+    pluginName: string;
+    pluginsTabContent: string;
+}>;

package/dist/esm/styles/use-styles.js

@@ -0,0 +1,239 @@
+import * as goober from "goober";
+import { createSignal } from "solid-js";
+import { tokens } from "./tokens.js";
+const stylesFactory = () => {
+  const { colors, font, size, alpha, border } = tokens;
+  const { fontFamily, size: fontSize } = font;
+  const css = goober.css;
+  return {
+    devtoolsPanelContainer: css`
+      direction: ltr;
+      position: fixed;
+      bottom: 0;
+      right: 0;
+      z-index: 99999;
+      width: 100%;
+
+      max-height: 90%;
+      border-top: 1px solid ${colors.gray[700]};
+      transform-origin: top;
+    `,
+    devtoolsPanelContainerVisibility: (isOpen) => {
+      return css`
+        visibility: ${isOpen ? "visible" : "hidden"};
+        height: ${isOpen ? "auto" : "0"};
+      `;
+    },
+    devtoolsPanelContainerResizing: (isResizing) => {
+      if (isResizing()) {
+        return css`
+          transition: none;
+        `;
+      }
+      return css`
+        transition: all 0.4s ease;
+      `;
+    },
+    devtoolsPanelContainerAnimation: (isOpen, height) => {
+      if (isOpen) {
+        return css`
+          pointer-events: auto;
+          transform: translateY(0);
+        `;
+      }
+      return css`
+        pointer-events: none;
+        transform: translateY(${height}px);
+      `;
+    },
+    logo: css`
+      cursor: pointer;
+      display: flex;
+      flex-direction: column;
+      background-color: transparent;
+      border: none;
+      width: ${size[12]};
+      height: ${size[12]};
+      font-family: ${fontFamily.sans};
+      gap: ${tokens.size[0.5]};
+      padding: 0px;
+      &:hover {
+        opacity: 0.7;
+      }
+    `,
+    devtoolsPanel: css`
+      display: flex;
+      font-size: ${fontSize.sm};
+      font-family: ${fontFamily.sans};
+      background-color: ${colors.darkGray[700]};
+      color: ${colors.gray[300]};
+      width: w-screen;
+      flex-direction: row;
+      overflow: auto;
+      height: 100%;
+    `,
+    dragHandle: css`
+      position: absolute;
+      left: 0;
+      top: 0;
+      width: 100%;
+      height: 4px;
+      cursor: row-resize;
+      z-index: 100000;
+      &:hover {
+        background-color: ${colors.purple[400]}${alpha[90]};
+      }
+    `,
+    mainCloseBtn: css`
+      background: transparent;
+      position: fixed;
+      z-index: 99999;
+      display: inline-flex;
+      width: fit-content;
+      cursor: pointer;
+      appearance: none;
+      border: 0;
+      align-items: center;
+      padding: 0;
+      font-size: ${font.size.xs};
+      cursor: pointer;
+      transition: all 0.25s ease-out;
+      &:focus-visible {
+        outline-offset: 2px;
+        border-radius: ${border.radius.full};
+        outline: 2px solid ${colors.blue[800]};
+      }
+    `,
+    mainCloseBtnPosition: (position) => {
+      const base = css`
+        ${position === "top-left" ? `top: ${size[2]}; left: ${size[2]};` : ""}
+        ${position === "top-right" ? `top: ${size[2]}; right: ${size[2]};` : ""}
+        ${position === "middle-left" ? `top: 50%; left: ${size[2]}; transform: translateY(-50%);` : ""}
+        ${position === "middle-right" ? `top: 50%; right: ${size[2]}; transform: translateY(-50%);` : ""}
+        ${position === "bottom-left" ? `bottom: ${size[2]}; left: ${size[2]};` : ""}
+        ${position === "bottom-right" ? `bottom: ${size[2]}; right: ${size[2]};` : ""}
+      `;
+      return base;
+    },
+    mainCloseBtnAnimation: (isOpen) => {
+      if (!isOpen) {
+        return css`
+          opacity: 1;
+          pointer-events: auto;
+          visibility: visible;
+        `;
+      }
+      return css`
+        opacity: 0;
+        pointer-events: none;
+        visibility: hidden;
+      `;
+    },
+    tabContainer: css`
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: flex-start;
+      height: 100%;
+      background-color: ${colors.darkGray[800]};
+      border-right: 1px solid ${colors.gray[700]};
+      box-shadow: 0 1px 0 ${colors.gray[700]};
+      position: relative;
+      width: ${size[10]};
+    `,
+    tab: css`
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: ${size[10]};
+      cursor: pointer;
+      font-size: ${fontSize.sm};
+      font-family: ${fontFamily.sans};
+      color: ${colors.gray[300]};
+      background-color: transparent;
+      border: none;
+      transition: all 0.2s ease-in-out;
+      border-left: 2px solid transparent;
+      &:hover:not(.close):not(.active) {
+        background-color: ${colors.gray[700]};
+        color: ${colors.gray[100]};
+        border-left: 2px solid ${colors.purple[500]};
+      }
+      &.active {
+        background-color: ${colors.purple[500]};
+        color: ${colors.gray[100]};
+        border-left: 2px solid ${colors.purple[500]};
+      }
+      &.close {
+        margin-top: auto;
+        &:hover {
+          background-color: ${colors.gray[700]};
+        }
+        &:hover {
+          color: ${colors.red[500]};
+        }
+      }
+
+      &.disabled {
+        cursor: not-allowed;
+        opacity: 0.2;
+        pointer-events: none;
+      }
+      &.disabled:hover {
+        background-color: transparent;
+        color: ${colors.gray[300]};
+      }
+    `,
+    tabContent: css`
+      transition: all 0.2s ease-in-out;
+      width: 100%;
+      height: 100%;
+    `,
+    pluginsTabPanel: css`
+      display: flex;
+      flex-direction: row;
+      width: 100%;
+      height: 100%;
+      overflow: hidden;
+    `,
+    pluginsTabSidebar: css`
+      width: ${size[48]};
+      background-color: ${colors.darkGray[800]};
+      border-right: 1px solid ${colors.gray[700]};
+      box-shadow: 0 1px 0 ${colors.gray[700]};
+      overflow-y: auto;
+    `,
+    pluginName: css`
+      font-size: ${fontSize.xs};
+      font-family: ${fontFamily.sans};
+      color: ${colors.gray[300]};
+      padding: ${size[2]};
+      cursor: pointer;
+      text-align: center;
+      transition: all 0.2s ease-in-out;
+      &:hover {
+        background-color: ${colors.gray[700]};
+        color: ${colors.gray[100]};
+        padding: ${size[2]};
+      }
+      &.active {
+        background-color: ${colors.purple[500]};
+        color: ${colors.gray[100]};
+      }
+    `,
+    pluginsTabContent: css`
+      width: 100%;
+      height: 100%;
+      overflow-y: auto;
+    `
+  };
+};
+function useStyles() {
+  const [_styles] = createSignal(stylesFactory());
+  return _styles;
+}
+export {
+  useStyles
+};
+//# sourceMappingURL=use-styles.js.map

package/dist/esm/styles/use-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-styles.js","sources":["../../../src/styles/use-styles.ts"],"sourcesContent":["import * as goober from 'goober'\nimport { createSignal } from 'solid-js'\nimport { tokens } from './tokens'\nimport type { DevtoolsSettings } from '../context/devtools-context'\nimport type { Accessor } from 'solid-js'\n\nconst stylesFactory = () => {\n  const { colors, font, size, alpha, border } = tokens\n  const { fontFamily, size: fontSize } = font\n  const css = goober.css\n\n  return {\n    devtoolsPanelContainer: css`\n      direction: ltr;\n      position: fixed;\n      bottom: 0;\n      right: 0;\n      z-index: 99999;\n      width: 100%;\n\n      max-height: 90%;\n      border-top: 1px solid ${colors.gray[700]};\n      transform-origin: top;\n    `,\n    devtoolsPanelContainerVisibility: (isOpen: boolean) => {\n      return css`\n        visibility: ${isOpen ? 'visible' : 'hidden'};\n        height: ${isOpen ? 'auto' : '0'};\n      `\n    },\n    devtoolsPanelContainerResizing: (isResizing: Accessor<boolean>) => {\n      if (isResizing()) {\n        return css`\n          transition: none;\n        `\n      }\n\n      return css`\n        transition: all 0.4s ease;\n      `\n    },\n    devtoolsPanelContainerAnimation: (isOpen: boolean, height: number) => {\n      if (isOpen) {\n        return css`\n          pointer-events: auto;\n          transform: translateY(0);\n        `\n      }\n      return css`\n        pointer-events: none;\n        transform: translateY(${height}px);\n      `\n    },\n    logo: css`\n      cursor: pointer;\n      display: flex;\n      flex-direction: column;\n      background-color: transparent;\n      border: none;\n      width: ${size[12]};\n      height: ${size[12]};\n      font-family: ${fontFamily.sans};\n      gap: ${tokens.size[0.5]};\n      padding: 0px;\n      &:hover {\n        opacity: 0.7;\n      }\n    `,\n\n    devtoolsPanel: css`\n      display: flex;\n      font-size: ${fontSize.sm};\n      font-family: ${fontFamily.sans};\n      background-color: ${colors.darkGray[700]};\n      color: ${colors.gray[300]};\n      width: w-screen;\n      flex-direction: row;\n      overflow: auto;\n      height: 100%;\n    `,\n    dragHandle: css`\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 4px;\n      cursor: row-resize;\n      z-index: 100000;\n      &:hover {\n        background-color: ${colors.purple[400]}${alpha[90]};\n      }\n    `,\n\n    mainCloseBtn: css`\n      background: transparent;\n      position: fixed;\n      z-index: 99999;\n      display: inline-flex;\n      width: fit-content;\n      cursor: pointer;\n      appearance: none;\n      border: 0;\n      align-items: center;\n      padding: 0;\n      font-size: ${font.size.xs};\n      cursor: pointer;\n      transition: all 0.25s ease-out;\n      &:focus-visible {\n        outline-offset: 2px;\n        border-radius: ${border.radius.full};\n        outline: 2px solid ${colors.blue[800]};\n      }\n    `,\n    mainCloseBtnPosition: (position: DevtoolsSettings['position']) => {\n      const base = css`\n        ${position === 'top-left' ? `top: ${size[2]}; left: ${size[2]};` : ''}\n        ${position === 'top-right' ? `top: ${size[2]}; right: ${size[2]};` : ''}\n        ${position === 'middle-left'\n          ? `top: 50%; left: ${size[2]}; transform: translateY(-50%);`\n          : ''}\n        ${position === 'middle-right'\n          ? `top: 50%; right: ${size[2]}; transform: translateY(-50%);`\n          : ''}\n        ${position === 'bottom-left'\n          ? `bottom: ${size[2]}; left: ${size[2]};`\n          : ''}\n        ${position === 'bottom-right'\n          ? `bottom: ${size[2]}; right: ${size[2]};`\n          : ''}\n      `\n      return base\n    },\n    mainCloseBtnAnimation: (isOpen: boolean) => {\n      if (!isOpen) {\n        return css`\n          opacity: 1;\n          pointer-events: auto;\n          visibility: visible;\n        `\n      }\n      return css`\n        opacity: 0;\n        pointer-events: none;\n        visibility: hidden;\n      `\n    },\n    tabContainer: css`\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: flex-start;\n      height: 100%;\n      background-color: ${colors.darkGray[800]};\n      border-right: 1px solid ${colors.gray[700]};\n      box-shadow: 0 1px 0 ${colors.gray[700]};\n      position: relative;\n      width: ${size[10]};\n    `,\n\n    tab: css`\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      width: 100%;\n      height: ${size[10]};\n      cursor: pointer;\n      font-size: ${fontSize.sm};\n      font-family: ${fontFamily.sans};\n      color: ${colors.gray[300]};\n      background-color: transparent;\n      border: none;\n      transition: all 0.2s ease-in-out;\n      border-left: 2px solid transparent;\n      &:hover:not(.close):not(.active) {\n        background-color: ${colors.gray[700]};\n        color: ${colors.gray[100]};\n        border-left: 2px solid ${colors.purple[500]};\n      }\n      &.active {\n        background-color: ${colors.purple[500]};\n        color: ${colors.gray[100]};\n        border-left: 2px solid ${colors.purple[500]};\n      }\n      &.close {\n        margin-top: auto;\n        &:hover {\n          background-color: ${colors.gray[700]};\n        }\n        &:hover {\n          color: ${colors.red[500]};\n        }\n      }\n\n      &.disabled {\n        cursor: not-allowed;\n        opacity: 0.2;\n        pointer-events: none;\n      }\n      &.disabled:hover {\n        background-color: transparent;\n        color: ${colors.gray[300]};\n      }\n    `,\n    tabContent: css`\n      transition: all 0.2s ease-in-out;\n      width: 100%;\n      height: 100%;\n    `,\n    pluginsTabPanel: css`\n      display: flex;\n      flex-direction: row;\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    `,\n    pluginsTabSidebar: css`\n      width: ${size[48]};\n      background-color: ${colors.darkGray[800]};\n      border-right: 1px solid ${colors.gray[700]};\n      box-shadow: 0 1px 0 ${colors.gray[700]};\n      overflow-y: auto;\n    `,\n    pluginName: css`\n      font-size: ${fontSize.xs};\n      font-family: ${fontFamily.sans};\n      color: ${colors.gray[300]};\n      padding: ${size[2]};\n      cursor: pointer;\n      text-align: center;\n      transition: all 0.2s ease-in-out;\n      &:hover {\n        background-color: ${colors.gray[700]};\n        color: ${colors.gray[100]};\n        padding: ${size[2]};\n      }\n      &.active {\n        background-color: ${colors.purple[500]};\n        color: ${colors.gray[100]};\n      }\n    `,\n    pluginsTabContent: css`\n      width: 100%;\n      height: 100%;\n      overflow-y: auto;\n    `,\n  }\n}\n\nexport function useStyles() {\n  const [_styles] = createSignal(stylesFactory())\n  return _styles\n}\n"],"names":[],"mappings":"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"}