@tanstack/devtools 0.4.4 → 0.5.0

package/dist/cjs/devtools.cjs

@@ -1,184 +0,0 @@
-"use strict";
-const web = require("solid-js/web");
-const solidJs = require("solid-js");
-const keyboard = require("@solid-primitives/keyboard");
-const useDevtoolsContext = require("./context/use-devtools-context.cjs");
-const useDisableTabbing = require("./hooks/use-disable-tabbing.cjs");
-const storage = require("./utils/storage.cjs");
-const trigger = require("./components/trigger.cjs");
-const mainPanel = require("./components/main-panel.cjs");
-const contentPanel = require("./components/content-panel.cjs");
-const tabs = require("./components/tabs.cjs");
-const tabContent = require("./components/tab-content.cjs");
-const devtoolsStore = require("./context/devtools-store.cjs");
-const sanitize = require("./utils/sanitize.cjs");
-var _tmpl$ = /* @__PURE__ */ web.template(`<div>`);
-function DevTools() {
-  const {
-    settings
-  } = useDevtoolsContext.useDevtoolsSettings();
-  const {
-    setHeight
-  } = useDevtoolsContext.useHeight();
-  const {
-    persistOpen,
-    setPersistOpen
-  } = useDevtoolsContext.usePersistOpen();
-  const [rootEl, setRootEl] = solidJs.createSignal();
-  const [isOpen, setIsOpen] = solidJs.createSignal(settings().defaultOpen || persistOpen());
-  let panelRef = void 0;
-  const [isResizing, setIsResizing] = solidJs.createSignal(false);
-  const toggleOpen = () => {
-    const open = isOpen();
-    setIsOpen(!open);
-    setPersistOpen(!open);
-  };
-  solidJs.createEffect(() => {
-  });
-  const handleDragStart = (panelElement, startEvent) => {
-    if (startEvent.button !== 0) return;
-    if (!panelElement) return;
-    setIsResizing(true);
-    const dragInfo = {
-      originalHeight: panelElement.getBoundingClientRect().height,
-      pageY: startEvent.pageY
-    };
-    const run = (moveEvent) => {
-      const delta = dragInfo.pageY - moveEvent.pageY;
-      const newHeight = settings().panelLocation === "bottom" ? dragInfo.originalHeight + delta : dragInfo.originalHeight - delta;
-      setHeight(newHeight);
-      if (newHeight < 70) {
-        setIsOpen(false);
-      } else {
-        setIsOpen(true);
-      }
-    };
-    const unsub = () => {
-      setIsResizing(false);
-      document.removeEventListener("mousemove", run);
-      document.removeEventListener("mouseUp", unsub);
-    };
-    document.addEventListener("mousemove", run);
-    document.addEventListener("mouseup", unsub);
-  };
-  solidJs.createEffect(() => {
-    if (isOpen()) {
-      const previousValue = rootEl()?.parentElement?.style.paddingBottom;
-      const run = () => {
-        if (!panelRef) return;
-        const containerHeight = panelRef.getBoundingClientRect().height;
-        if (rootEl()?.parentElement) {
-          setRootEl((prev) => {
-            if (prev?.parentElement) {
-              prev.parentElement.style.paddingBottom = `${containerHeight}px`;
-            }
-            return prev;
-          });
-        }
-      };
-      run();
-      if (typeof window !== "undefined") {
-        window.addEventListener("resize", run);
-        return () => {
-          window.removeEventListener("resize", run);
-          if (rootEl()?.parentElement && typeof previousValue === "string") {
-            setRootEl((prev) => {
-              prev.parentElement.style.paddingBottom = previousValue;
-              return prev;
-            });
-          }
-        };
-      }
-    } else {
-      if (rootEl()?.parentElement) {
-        setRootEl((prev) => {
-          if (prev?.parentElement) {
-            prev.parentElement.removeAttribute("style");
-          }
-          return prev;
-        });
-      }
-    }
-    return;
-  });
-  solidJs.createEffect(() => {
-    window.addEventListener("keydown", (e) => {
-      if (e.key === "Escape" && isOpen()) {
-        toggleOpen();
-      }
-    });
-  });
-  useDisableTabbing.useDisableTabbing(isOpen);
-  solidJs.createEffect(() => {
-    if (rootEl()) {
-      const el = rootEl();
-      const fontSize = getComputedStyle(el).fontSize;
-      el?.style.setProperty("--tsrd-font-size", fontSize);
-    }
-  });
-  solidJs.createEffect(() => {
-    const modifiers = settings().openHotkey.filter((key) => devtoolsStore.keyboardModifiers.includes(key));
-    const nonModifiers = settings().openHotkey.filter((key) => !devtoolsStore.keyboardModifiers.includes(key));
-    const allModifierCombinations = sanitize.getAllPermutations(modifiers);
-    for (const combination of allModifierCombinations) {
-      const permutation = [...combination, ...nonModifiers];
-      keyboard.createShortcut(permutation, () => {
-        toggleOpen();
-      });
-    }
-  });
-  solidJs.createEffect(() => {
-    const openSourceHandler = (e) => {
-      const isShiftHeld = e.shiftKey;
-      const isCtrlHeld = e.ctrlKey || e.metaKey;
-      if (!isShiftHeld || !isCtrlHeld) return;
-      if (e.target instanceof HTMLElement) {
-        const dataSource = e.target.getAttribute("data-tsd-source");
-        window.getSelection()?.removeAllRanges();
-        if (dataSource) {
-          e.preventDefault();
-          e.stopPropagation();
-          fetch(`http://localhost:__TSD_PORT__/__tsd/open-source?source=${dataSource}`).catch(() => {
-          });
-        }
-      }
-    };
-    window.addEventListener("click", openSourceHandler);
-    solidJs.onCleanup(() => {
-      window.removeEventListener("click", openSourceHandler);
-    });
-  });
-  return (() => {
-    var _el$ = _tmpl$();
-    web.use(setRootEl, _el$);
-    web.setAttribute(_el$, "data-testid", storage.TANSTACK_DEVTOOLS);
-    web.insert(_el$, web.createComponent(solidJs.Show, {
-      get when() {
-        return web.memo(() => !!settings().requireUrlFlag)() ? window.location.search.includes(settings().urlFlag) : true;
-      },
-      get children() {
-        return [web.createComponent(trigger.Trigger, {
-          isOpen,
-          setIsOpen: toggleOpen
-        }), web.createComponent(mainPanel.MainPanel, {
-          isResizing,
-          isOpen,
-          get children() {
-            return web.createComponent(contentPanel.ContentPanel, {
-              ref: (ref) => panelRef = ref,
-              handleDragStart: (e) => handleDragStart(panelRef, e),
-              get children() {
-                return [web.createComponent(tabs.Tabs, {
-                  toggleOpen
-                }), web.createComponent(tabContent.TabContent, {})];
-              }
-            });
-          }
-        })];
-      }
-    }));
-    return _el$;
-  })();
-}
-module.exports = DevTools;
-//# sourceMappingURL=devtools.cjs.map

package/dist/cjs/devtools.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"devtools.cjs","sources":["../../src/devtools.tsx"],"sourcesContent":["import { Show, createEffect, createSignal, onCleanup } from 'solid-js'\nimport { createShortcut } from '@solid-primitives/keyboard'\nimport {\n  useDevtoolsSettings,\n  useHeight,\n  usePersistOpen,\n} from './context/use-devtools-context'\nimport { useDisableTabbing } from './hooks/use-disable-tabbing'\nimport { TANSTACK_DEVTOOLS } from './utils/storage'\nimport { Trigger } from './components/trigger'\nimport { MainPanel } from './components/main-panel'\nimport { ContentPanel } from './components/content-panel'\nimport { Tabs } from './components/tabs'\nimport { TabContent } from './components/tab-content'\nimport { keyboardModifiers } from './context/devtools-store'\nimport { getAllPermutations } from './utils/sanitize'\n\nexport default function DevTools() {\n  const { settings } = useDevtoolsSettings()\n  const { setHeight } = useHeight()\n  const { persistOpen, setPersistOpen } = usePersistOpen()\n  const [rootEl, setRootEl] = createSignal<HTMLDivElement>()\n  const [isOpen, setIsOpen] = createSignal(\n    settings().defaultOpen || persistOpen(),\n  )\n  let panelRef: HTMLDivElement | undefined = undefined\n  const [isResizing, setIsResizing] = createSignal(false)\n  const toggleOpen = () => {\n    const open = isOpen()\n    setIsOpen(!open)\n    setPersistOpen(!open)\n  }\n  createEffect(() => {})\n  // Used to resize the panel\n  const handleDragStart = (\n    panelElement: HTMLDivElement | undefined,\n    startEvent: MouseEvent,\n  ) => {\n    if (startEvent.button !== 0) return // Only allow left click for drag\n    if (!panelElement) return\n    setIsResizing(true)\n\n    const dragInfo = {\n      originalHeight: panelElement.getBoundingClientRect().height,\n      pageY: startEvent.pageY,\n    }\n\n    const run = (moveEvent: MouseEvent) => {\n      const delta = dragInfo.pageY - moveEvent.pageY\n      const newHeight =\n        settings().panelLocation === 'bottom'\n          ? dragInfo.originalHeight + delta\n          : dragInfo.originalHeight - delta\n\n      setHeight(newHeight)\n\n      if (newHeight < 70) {\n        setIsOpen(false)\n      } else {\n        setIsOpen(true)\n      }\n    }\n\n    const unsub = () => {\n      setIsResizing(false)\n      document.removeEventListener('mousemove', run)\n      document.removeEventListener('mouseUp', unsub)\n    }\n\n    document.addEventListener('mousemove', run)\n    document.addEventListener('mouseup', unsub)\n  }\n\n  // Handle resizing and padding adjustments\n  createEffect(() => {\n    if (isOpen()) {\n      const previousValue = rootEl()?.parentElement?.style.paddingBottom\n\n      const run = () => {\n        if (!panelRef) return\n        const containerHeight = panelRef.getBoundingClientRect().height\n        if (rootEl()?.parentElement) {\n          setRootEl((prev) => {\n            if (prev?.parentElement) {\n              prev.parentElement.style.paddingBottom = `${containerHeight}px`\n            }\n            return prev\n          })\n        }\n      }\n\n      run()\n\n      if (typeof window !== 'undefined') {\n        window.addEventListener('resize', run)\n\n        return () => {\n          window.removeEventListener('resize', run)\n          if (rootEl()?.parentElement && typeof previousValue === 'string') {\n            setRootEl((prev) => {\n              prev!.parentElement!.style.paddingBottom = previousValue\n              return prev\n            })\n          }\n        }\n      }\n    } else {\n      // Reset padding when devtools are closed\n      if (rootEl()?.parentElement) {\n        setRootEl((prev) => {\n          if (prev?.parentElement) {\n            prev.parentElement.removeAttribute('style')\n          }\n          return prev\n        })\n      }\n    }\n    return\n  })\n  createEffect(() => {\n    window.addEventListener('keydown', (e) => {\n      if (e.key === 'Escape' && isOpen()) {\n        toggleOpen()\n      }\n    })\n  })\n  useDisableTabbing(isOpen)\n  createEffect(() => {\n    if (rootEl()) {\n      const el = rootEl()\n      const fontSize = getComputedStyle(el!).fontSize\n      el?.style.setProperty('--tsrd-font-size', fontSize)\n    }\n  })\n  createEffect(() => {\n    // we create all combinations of modifiers\n    const modifiers = settings().openHotkey.filter((key) =>\n      keyboardModifiers.includes(key as any),\n    )\n    const nonModifiers = settings().openHotkey.filter(\n      (key) => !keyboardModifiers.includes(key as any),\n    )\n\n    const allModifierCombinations = getAllPermutations(modifiers)\n\n    for (const combination of allModifierCombinations) {\n      const permutation = [...combination, ...nonModifiers]\n      createShortcut(permutation, () => {\n        toggleOpen()\n      })\n    }\n  })\n\n  createEffect(() => {\n    // this will only work with the Vite plugin\n    const openSourceHandler = (e: Event) => {\n      const isShiftHeld = (e as KeyboardEvent).shiftKey\n      const isCtrlHeld =\n        (e as KeyboardEvent).ctrlKey || (e as KeyboardEvent).metaKey\n      if (!isShiftHeld || !isCtrlHeld) return\n\n      if (e.target instanceof HTMLElement) {\n        const dataSource = e.target.getAttribute('data-tsd-source')\n        window.getSelection()?.removeAllRanges()\n        if (dataSource) {\n          e.preventDefault()\n          e.stopPropagation()\n          fetch(\n            `http://localhost:__TSD_PORT__/__tsd/open-source?source=${dataSource}`,\n          ).catch(() => {})\n        }\n      }\n    }\n    window.addEventListener('click', openSourceHandler)\n    onCleanup(() => {\n      window.removeEventListener('click', openSourceHandler)\n    })\n  })\n\n  return (\n    <div ref={setRootEl} data-testid={TANSTACK_DEVTOOLS}>\n      <Show\n        when={\n          settings().requireUrlFlag\n            ? window.location.search.includes(settings().urlFlag)\n            : true\n        }\n      >\n        <Trigger isOpen={isOpen} setIsOpen={toggleOpen} />\n        <MainPanel isResizing={isResizing} isOpen={isOpen}>\n          <ContentPanel\n            ref={(ref) => (panelRef = ref)}\n            handleDragStart={(e) => handleDragStart(panelRef, e)}\n          >\n            <Tabs toggleOpen={toggleOpen} />\n            <TabContent />\n          </ContentPanel>\n        </MainPanel>\n      </Show>\n    </div>\n  )\n}\n"],"names":["DevTools","settings","useDevtoolsSettings","setHeight","useHeight","persistOpen","setPersistOpen","usePersistOpen","rootEl","setRootEl","createSignal","isOpen","setIsOpen","defaultOpen","panelRef","undefined","isResizing","setIsResizing","toggleOpen","open","createEffect","handleDragStart","panelElement","startEvent","button","dragInfo","originalHeight","getBoundingClientRect","height","pageY","run","moveEvent","delta","newHeight","panelLocation","unsub","document","removeEventListener","addEventListener","previousValue","parentElement","style","paddingBottom","containerHeight","prev","window","removeAttribute","e","key","useDisableTabbing","el","fontSize","getComputedStyle","setProperty","modifiers","openHotkey","filter","keyboardModifiers","includes","nonModifiers","allModifierCombinations","getAllPermutations","combination","permutation","createShortcut","openSourceHandler","isShiftHeld","shiftKey","isCtrlHeld","ctrlKey","metaKey","target","HTMLElement","dataSource","getAttribute","getSelection","removeAllRanges","preventDefault","stopPropagation","fetch","catch","onCleanup","_el$","_tmpl$","_$use","_$setAttribute","TANSTACK_DEVTOOLS","_$insert","_$createComponent","Show","when","_$memo","requireUrlFlag","location","search","urlFlag","children","Trigger","MainPanel","ContentPanel","ref","Tabs","TabContent"],"mappings":"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"}

package/dist/cjs/devtools.d.cts

@@ -1 +0,0 @@
-export default function DevTools(): import("solid-js").JSX.Element;

package/dist/cjs/hooks/use-disable-tabbing.cjs

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const solidJs = require("solid-js");
-const storage = require("../utils/storage.cjs");
-const recursivelyChangeTabIndex = (node, remove = true) => {
-  if (remove) {
-    node.setAttribute("tabIndex", "-1");
-  } else {
-    node.removeAttribute("tabIndex");
-  }
-  for (const child of node.children) {
-    recursivelyChangeTabIndex(child, remove);
-  }
-};
-const useDisableTabbing = (isOpen) => {
-  solidJs.createEffect(() => {
-    const el = document.getElementById(storage.TANSTACK_DEVTOOLS);
-    if (!el) return;
-    recursivelyChangeTabIndex(el, !isOpen());
-  });
-};
-exports.useDisableTabbing = useDisableTabbing;
-//# sourceMappingURL=use-disable-tabbing.cjs.map

package/dist/cjs/hooks/use-disable-tabbing.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-disable-tabbing.cjs","sources":["../../../src/hooks/use-disable-tabbing.ts"],"sourcesContent":["import { createEffect } from 'solid-js'\nimport { TANSTACK_DEVTOOLS } from '../utils/storage'\n\nconst recursivelyChangeTabIndex = (\n  node: Element | HTMLElement,\n  remove = true,\n) => {\n  if (remove) {\n    node.setAttribute('tabIndex', '-1')\n  } else {\n    node.removeAttribute('tabIndex')\n  }\n  for (const child of node.children) {\n    recursivelyChangeTabIndex(child, remove)\n  }\n}\n/**\n * @param isOpen A function that returns whether the devtools are open or not.\n * This is used to disable tabbing over the main devtools container while\n * the devtools are closed.\n */\nexport const useDisableTabbing = (isOpen: () => boolean) => {\n  createEffect(() => {\n    const el = document.getElementById(TANSTACK_DEVTOOLS)\n    if (!el) return\n    recursivelyChangeTabIndex(el, !isOpen())\n  })\n}\n"],"names":["createEffect","TANSTACK_DEVTOOLS"],"mappings":";;;;AAGA,MAAM,4BAA4B,CAChC,MACA,SAAS,SACN;AACH,MAAI,QAAQ;AACV,SAAK,aAAa,YAAY,IAAI;AAAA,EACpC,OAAO;AACL,SAAK,gBAAgB,UAAU;AAAA,EACjC;AACA,aAAW,SAAS,KAAK,UAAU;AACjC,8BAA0B,OAAO,MAAM;AAAA,EACzC;AACF;AAMO,MAAM,oBAAoB,CAAC,WAA0B;AAC1DA,UAAAA,aAAa,MAAM;AACjB,UAAM,KAAK,SAAS,eAAeC,yBAAiB;AACpD,QAAI,CAAC,GAAI;AACT,8BAA0B,IAAI,CAAC,QAAQ;AAAA,EACzC,CAAC;AACH;;"}

package/dist/cjs/hooks/use-disable-tabbing.d.cts

@@ -1,6 +0,0 @@
-/**
- * @param isOpen A function that returns whether the devtools are open or not.
- * This is used to disable tabbing over the main devtools container while
- * the devtools are closed.
- */
-export declare const useDisableTabbing: (isOpen: () => boolean) => void;

package/dist/cjs/index.cjs

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const constants = require("./constants.cjs");
-const core = require("./core.cjs");
-exports.PLUGIN_CONTAINER_ID = constants.PLUGIN_CONTAINER_ID;
-exports.PLUGIN_TITLE_CONTAINER_ID = constants.PLUGIN_TITLE_CONTAINER_ID;
-exports.TanStackDevtoolsCore = core.TanStackDevtoolsCore;
-//# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

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

package/dist/cjs/index.d.cts

@@ -1,4 +0,0 @@
-export { PLUGIN_CONTAINER_ID, PLUGIN_TITLE_CONTAINER_ID } from './constants.cjs';
-export { TanStackDevtoolsCore } from './core.cjs';
-export type { TanStackDevtoolsInit, ClientEventBusConfig } from './core.cjs';
-export type { TanStackDevtoolsPlugin, TanStackDevtoolsConfig, } from './context/devtools-context.cjs';

package/dist/cjs/styles/tokens.cjs

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tokens = {
-  colors: {
-    darkGray: {
-      700: "#191c24",
-      800: "#111318"
-    },
-    gray: {
-      100: "#f2f4f7",
-      300: "#d0d5dd",
-      400: "#98a2b3",
-      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: {
-    2: "calc(var(--tsrd-font-size) * 0.5)",
-    10: "calc(var(--tsrd-font-size) * 2.5)",
-    48: "calc(var(--tsrd-font-size) * 12)"
-  }
-};
-exports.tokens = tokens;
-//# sourceMappingURL=tokens.cjs.map

package/dist/cjs/styles/tokens.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tokens.cjs","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,MACL,KAAK;AAAA,MAGL,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,EAAA;AAAA,EAUF,QAAQ;AAAA,IACN,QAAQ;AAAA,MASN,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,MAAM;AAAA,IAMJ,GAAG;AAAA,IAaH,IAAI;AAAA,IAYJ,IAAI;AAAA,EAQN;AAiCF;;"}

package/dist/cjs/styles/tokens.d.cts

@@ -1,298 +0,0 @@
-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;
-    };
-};