@tanstack/pacer-devtools 0.14.0 → 1.0.1

package/dist/esm/components/UtilList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UtilList.js","sources":["../../../src/components/UtilList.tsx"],"sourcesContent":["import { For } from 'solid-js'\nimport { useStore } from '@tanstack/solid-store'\nimport clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport { UTIL_GROUPS } from './util-groups'\nimport type { StateKey } from './util-groups'\n\ntype UtilListProps = {\n  selectedKey: () => string | null\n  setSelectedKey: (key: string | null) => void\n  utilState: () => Record<StateKey, Array<any>>\n}\n\nexport function UtilList(props: UtilListProps) {\n  const styles = useStyles()\n\n  return (\n    <div class={styles().utilList}>\n      <For each={UTIL_GROUPS}>\n        {(group) => (\n          <>\n            {props.utilState()[group.key].length > 0 && (\n              <div class={styles().utilGroup}>\n                <div class={styles().utilGroupHeader}>{group.label}</div>\n                <For each={props.utilState()[group.key]}>\n                  {(instance) => {\n                    const status = (() => {\n                      try {\n                        const statusAccessor = useStore(\n                          instance.store,\n                          (s: any) => s.status,\n                        )\n                        return () => statusAccessor() ?? 'unknown'\n                      } catch {\n                        return () => 'unknown'\n                      }\n                    })()\n                    return (\n                      <div\n                        class={clsx(\n                          styles().utilRow,\n                          props.selectedKey() === instance.key &&\n                            styles().utilRowSelected,\n                        )}\n                        onClick={() =>\n                          props.setSelectedKey(instance.key ?? null)\n                        }\n                      >\n                        <div class={styles().utilKey}>{instance.key}</div>\n                        <div class={styles().utilStatus}>{status()}</div>\n                      </div>\n                    )\n                  }}\n                </For>\n              </div>\n            )}\n          </>\n        )}\n      </For>\n    </div>\n  )\n}\n"],"names":["UtilList","props","styles","useStyles","_el$","_tmpl$","_$insert","_$createComponent","For","each","UTIL_GROUPS","children","group","_$memo","utilState","key","length","_el$2","_tmpl$2","_el$3","firstChild","label","instance","status","statusAccessor","useStore","store","s","_el$4","_tmpl$3","_el$5","_el$6","nextSibling","$$click","setSelectedKey","_$effect","_p$","_v$3","clsx","utilRow","selectedKey","utilRowSelected","_v$4","utilKey","_v$5","utilStatus","e","_$className","t","a","undefined","_v$","utilGroup","_v$2","utilGroupHeader","utilList","_$delegateEvents"],"mappings":";;;;;;;AAaO,SAASA,SAASC,OAAsB;AAC7C,QAAMC,SAASC,UAAAA;AAEf,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,WAAAF,MAAAG,gBAEKC,KAAG;AAAA,MAACC,MAAMC;AAAAA,MAAWC,UAClBC,CAAAA,UAAKC,WAEFA,KAAA,MAAAZ,MAAMa,UAAAA,EAAYF,MAAMG,GAAG,EAAEC,SAAS,CAAC,EAAA,MAAA,MAAA;AAAA,YAAAC,QAAAC,QAAAA,GAAAC,QAAAF,MAAAG;AAAAd,eAAAa,OAAA,MAEGP,MAAMS,KAAK;AAAAf,eAAAW,OAAAV,gBACjDC,KAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAER,MAAMa,YAAYF,MAAMG,GAAG;AAAA,UAAA;AAAA,UAACJ,UACnCW,CAAAA,aAAa;AACb,kBAAMC,UAAU,MAAM;AACpB,kBAAI;AACF,sBAAMC,iBAAiBC,SACrBH,SAASI,OACT,CAACC,MAAWA,EAAEJ,MAChB;AACA,uBAAO,MAAMC,oBAAoB;AAAA,cAAA,QAC3B;AACN,uBAAO,MAAM;AAAA,cAAA;AAAA,YACf,GACF;AACA,oBAAA,MAAA;AAAA,kBAAAI,QAAAC,QAAAA,GAAAC,QAAAF,MAAAR,YAAAW,QAAAD,MAAAE;AAAAJ,oBAAAK,UAOa,MACPhC,MAAMiC,eAAeZ,SAASP,OAAO,IAAI;AAACT,qBAAAwB,OAAA,MAGbR,SAASP,GAAG;AAAAT,qBAAAyB,OACTR,MAAM;AAAAY,qBAAAC,CAAAA,QAAA;AAAA,oBAAAC,OAVjCC,KACLpC,OAAAA,EAASqC,SACTtC,MAAMuC,YAAAA,MAAkBlB,SAASP,OAC/Bb,SAASuC,eACb,GAACC,OAKWxC,OAAAA,EAASyC,SAAOC,OAChB1C,SAAS2C;AAAUR,yBAAAD,IAAAU,KAAAC,UAAAnB,OAAAQ,IAAAU,IAAAT,IAAA;AAAAK,yBAAAN,IAAAY,KAAAD,UAAAjB,OAAAM,IAAAY,IAAAN,IAAA;AAAAE,yBAAAR,IAAAa,KAAAF,UAAAhB,OAAAK,IAAAa,IAAAL,IAAA;AAAA,uBAAAR;AAAAA,cAAAA,GAAA;AAAA,gBAAAU,GAAAI;AAAAA,gBAAAF,GAAAE;AAAAA,gBAAAD,GAAAC;AAAAA,cAAAA,CAAA;AAAA,qBAAAtB;AAAAA,YAAAA,GAAA;AAAA,UAAA;AAAA,QAGrC,CAAC,GAAA,IAAA;AAAAO,eAAAC,CAAAA,QAAA;AAAA,cAAAe,MA9BOjD,OAAAA,EAASkD,WAASC,OAChBnD,SAASoD;AAAeH,kBAAAf,IAAAU,KAAAC,UAAA9B,OAAAmB,IAAAU,IAAAK,GAAA;AAAAE,mBAAAjB,IAAAY,KAAAD,UAAA5B,OAAAiB,IAAAY,IAAAK,IAAA;AAAA,iBAAAjB;AAAAA,QAAAA,GAAA;AAAA,UAAAU,GAAAI;AAAAA,UAAAF,GAAAE;AAAAA,QAAAA,CAAA;AAAA,eAAAjC;AAAAA,MAAAA,IAgCvC;AAAA,IAAA,CAEJ,CAAA;AAAAkB,WAAA,MAAAY,UAAA3C,MAxCOF,OAAAA,EAASqD,QAAQ,CAAA;AAAA,WAAAnD;AAAAA,EAAAA,GAAA;AA4CjC;AAACoD,eAAA,CAAA,OAAA,CAAA;"}

package/dist/esm/components/util-groups.d.ts

@@ -1,8 +0,0 @@
-export type StateKey = 'asyncBatchers' | 'asyncDebouncers' | 'asyncQueuers' | 'asyncRateLimiters' | 'asyncThrottlers' | 'batchers' | 'debouncers' | 'queuers' | 'rateLimiters' | 'throttlers';
-type UtilGroup = {
-    key: StateKey;
-    label: string;
-    displayName: string;
-};
-export declare const UTIL_GROUPS: Array<UtilGroup>;
-export {};

package/dist/esm/components/util-groups.js

@@ -1,40 +0,0 @@
-const UTIL_GROUPS = [
-  { key: "debouncers", label: "Debouncers", displayName: "Debouncer" },
-  { key: "throttlers", label: "Throttlers", displayName: "Throttler" },
-  { key: "batchers", label: "Batchers", displayName: "Batcher" },
-  { key: "queuers", label: "Queuers", displayName: "Queuer" },
-  {
-    key: "rateLimiters",
-    label: "Rate Limiters",
-    displayName: "Rate Limiter"
-  },
-  {
-    key: "asyncDebouncers",
-    label: "Async Debouncers",
-    displayName: "Async Debouncer"
-  },
-  {
-    key: "asyncThrottlers",
-    label: "Async Throttlers",
-    displayName: "Async Throttler"
-  },
-  {
-    key: "asyncBatchers",
-    label: "Async Batchers",
-    displayName: "Async Batcher"
-  },
-  {
-    key: "asyncQueuers",
-    label: "Async Queuers",
-    displayName: "Async Queuer"
-  },
-  {
-    key: "asyncRateLimiters",
-    label: "Async Rate Limiters",
-    displayName: "Async Rate Limiter"
-  }
-];
-export {
-  UTIL_GROUPS
-};
-//# sourceMappingURL=util-groups.js.map

package/dist/esm/components/util-groups.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util-groups.js","sources":["../../../src/components/util-groups.ts"],"sourcesContent":["export type StateKey =\n  | 'asyncBatchers'\n  | 'asyncDebouncers'\n  | 'asyncQueuers'\n  | 'asyncRateLimiters'\n  | 'asyncThrottlers'\n  | 'batchers'\n  | 'debouncers'\n  | 'queuers'\n  | 'rateLimiters'\n  | 'throttlers'\n\ntype UtilGroup = {\n  key: StateKey\n  label: string\n  displayName: string\n}\n\nexport const UTIL_GROUPS: Array<UtilGroup> = [\n  { key: 'debouncers', label: 'Debouncers', displayName: 'Debouncer' },\n  { key: 'throttlers', label: 'Throttlers', displayName: 'Throttler' },\n  { key: 'batchers', label: 'Batchers', displayName: 'Batcher' },\n  { key: 'queuers', label: 'Queuers', displayName: 'Queuer' },\n  {\n    key: 'rateLimiters',\n    label: 'Rate Limiters',\n    displayName: 'Rate Limiter',\n  },\n  {\n    key: 'asyncDebouncers',\n    label: 'Async Debouncers',\n    displayName: 'Async Debouncer',\n  },\n  {\n    key: 'asyncThrottlers',\n    label: 'Async Throttlers',\n    displayName: 'Async Throttler',\n  },\n  {\n    key: 'asyncBatchers',\n    label: 'Async Batchers',\n    displayName: 'Async Batcher',\n  },\n  {\n    key: 'asyncQueuers',\n    label: 'Async Queuers',\n    displayName: 'Async Queuer',\n  },\n  {\n    key: 'asyncRateLimiters',\n    label: 'Async Rate Limiters',\n    displayName: 'Async Rate Limiter',\n  },\n]\n"],"names":[],"mappings":"AAkBO,MAAM,cAAgC;AAAA,EAC3C,EAAE,KAAK,cAAc,OAAO,cAAc,aAAa,YAAA;AAAA,EACvD,EAAE,KAAK,cAAc,OAAO,cAAc,aAAa,YAAA;AAAA,EACvD,EAAE,KAAK,YAAY,OAAO,YAAY,aAAa,UAAA;AAAA,EACnD,EAAE,KAAK,WAAW,OAAO,WAAW,aAAa,SAAA;AAAA,EACjD;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAAA,EAEf;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,aAAa;AAAA,EAAA;AAEjB;"}

package/dist/esm/core.d.ts

@@ -1,8 +0,0 @@
-export interface PacerDevtoolsInit {
-}
-export declare class PacerDevtoolsCore {
-    #private;
-    constructor(_init?: PacerDevtoolsInit | undefined);
-    mount<T extends HTMLElement>(el: T): void;
-    unmount(): void;
-}

package/dist/esm/core.js

@@ -1,42 +0,0 @@
-import { render, createComponent, Portal, template, insert } from "solid-js/web";
-import { lazy } from "solid-js";
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-class PacerDevtoolsCore {
-  #isMounted = false;
-  #dispose;
-  #Component;
-  constructor(_init) {
-  }
-  mount(el) {
-    if (this.#isMounted) {
-      throw new Error("Devtools is already mounted");
-    }
-    const mountTo = el;
-    const dispose = render(() => {
-      this.#Component = lazy(() => import("./PacerDevtools.js"));
-      const Devtools = this.#Component;
-      return createComponent(Portal, {
-        mount: mountTo,
-        get children() {
-          var _el$ = _tmpl$();
-          _el$.style.setProperty("height", "100%");
-          insert(_el$, createComponent(Devtools, {}));
-          return _el$;
-        }
-      });
-    }, mountTo);
-    this.#isMounted = true;
-    this.#dispose = dispose;
-  }
-  unmount() {
-    if (!this.#isMounted) {
-      throw new Error("Devtools is not mounted");
-    }
-    this.#dispose?.();
-    this.#isMounted = false;
-  }
-}
-export {
-  PacerDevtoolsCore
-};
-//# sourceMappingURL=core.js.map

package/dist/esm/core.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"core.js","sources":["../../src/core.tsx"],"sourcesContent":["import { lazy } from 'solid-js'\nimport { Portal, render } from 'solid-js/web'\n\nexport interface PacerDevtoolsInit {}\n\nexport class PacerDevtoolsCore {\n  #isMounted = false\n  #dispose?: () => void\n  #Component: any\n\n  constructor(_init?: PacerDevtoolsInit | undefined) {}\n\n  mount<T extends HTMLElement>(el: T) {\n    if (this.#isMounted) {\n      throw new Error('Devtools is already mounted')\n    }\n    const mountTo = el\n    const dispose = render(() => {\n      this.#Component = lazy(() => import('./PacerDevtools'))\n      const Devtools = this.#Component\n\n      return (\n        <Portal mount={mountTo}>\n          <div style={{ height: '100%' }}>\n            <Devtools />\n          </div>\n        </Portal>\n      )\n    }, mountTo)\n    this.#isMounted = true\n    this.#dispose = dispose\n  }\n\n  unmount() {\n    if (!this.#isMounted) {\n      throw new Error('Devtools is not mounted')\n    }\n    this.#dispose?.()\n    this.#isMounted = false\n  }\n}\n"],"names":["PacerDevtoolsCore","constructor","_init","mount","el","Error","mountTo","dispose","render","lazy","Devtools","_$createComponent","Portal","children","_el$","_tmpl$","style","setProperty","_$insert","unmount"],"mappings":";;;AAKO,MAAMA,kBAAkB;AAAA,EAC7B,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EAEAC,YAAYC,OAAuC;AAAA,EAAA;AAAA,EAEnDC,MAA6BC,IAAO;AAClC,QAAI,KAAK,YAAY;AACnB,YAAM,IAAIC,MAAM,6BAA6B;AAAA,IAAA;AAE/C,UAAMC,UAAUF;AAChB,UAAMG,UAAUC,OAAO,MAAM;AAC3B,WAAK,aAAaC,KAAK,MAAM,OAAO,oBAAiB,CAAC;AACtD,YAAMC,WAAW,KAAK;AAEtB,aAAAC,gBACGC,QAAM;AAAA,QAACT,OAAOG;AAAAA,QAAO,IAAAO,WAAA;AAAA,cAAAC,OAAAC,OAAAA;AAAAD,eAAAE,MAAAC,YAAA,UAAA,MAAA;AAAAC,iBAAAJ,MAAAH,gBAEjBD,UAAQ,CAAA,CAAA,CAAA;AAAA,iBAAAI;AAAAA,QAAAA;AAAAA,MAAA,CAAA;AAAA,IAAA,GAIdR,OAAO;AACV,SAAK,aAAa;AAClB,SAAK,WAAWC;AAAAA,EAAAA;AAAAA,EAGlBY,UAAU;AACR,QAAI,CAAC,KAAK,YAAY;AACpB,YAAM,IAAId,MAAM,yBAAyB;AAAA,IAAA;AAE3C,SAAK,WAAA;AACL,SAAK,aAAa;AAAA,EAAA;AAEtB;"}

package/dist/esm/index.d.ts

@@ -1,3 +0,0 @@
-import * as Devtools from './core.js';
-export declare const PacerDevtoolsCore: (typeof Devtools)['PacerDevtoolsCore'];
-export type { PacerDevtoolsInit } from './core.js';

package/dist/esm/index.js

@@ -1,15 +0,0 @@
-"use client";
-import { PacerDevtoolsCore as PacerDevtoolsCore$1 } from "./core.js";
-class DummyPacerDevtoolsCore {
-  constructor() {
-  }
-  mount() {
-  }
-  unmount() {
-  }
-}
-const PacerDevtoolsCore = process.env.NODE_ENV !== "development" ? DummyPacerDevtoolsCore : PacerDevtoolsCore$1;
-export {
-  PacerDevtoolsCore
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './core'\n\n// Create a dummy class for production that does nothing\nclass DummyPacerDevtoolsCore {\n  constructor() {}\n  mount() {}\n  unmount() {}\n}\n\nexport const PacerDevtoolsCore: (typeof Devtools)['PacerDevtoolsCore'] =\n  process.env.NODE_ENV !== 'development'\n    ? (DummyPacerDevtoolsCore as any)\n    : Devtools.PacerDevtoolsCore\n\nexport type { PacerDevtoolsInit } from './core'\n"],"names":[],"mappings":";;AAKA;AAA6B;AACb;AAAA;AACN;AAAA;AACE;AACZ;AAEO;;;;"}

package/dist/esm/production.d.ts

@@ -1,3 +0,0 @@
-import * as Devtools from './core.js';
-export declare const PacerDevtoolsCore: typeof Devtools.PacerDevtoolsCore;
-export type { PacerDevtoolsInit } from './core.js';

package/dist/esm/production.js

@@ -1,7 +0,0 @@
-"use client";
-import { PacerDevtoolsCore as PacerDevtoolsCore$1 } from "./core.js";
-const PacerDevtoolsCore = PacerDevtoolsCore$1;
-export {
-  PacerDevtoolsCore
-};
-//# sourceMappingURL=production.js.map

package/dist/esm/production.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"production.js","sources":["../../src/production.ts"],"sourcesContent":["'use client'\n\nimport * as Devtools from './core'\n\nexport const PacerDevtoolsCore = Devtools.PacerDevtoolsCore\n\nexport type { PacerDevtoolsInit } from './core'\n"],"names":[],"mappings":";;AAIO;;;;"}

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

@@ -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;
-    };
-};

package/dist/esm/styles/tokens.js

@@ -1,90 +0,0 @@
-const tokens = {
-  colors: {
-    black: "#000000",
-    darkGray: {
-      400: "#313749",
-      500: "#292e3d",
-      600: "#212530",
-      700: "#191c24",
-      800: "#111318",
-      900: "#0b0d10"
-    },
-    gray: {
-      100: "#f2f4f7",
-      200: "#eaecf0",
-      400: "#98a2b3",
-      500: "#667085"
-    },
-    blue: {
-      300: "#84CAFF",
-      400: "#53B1FD",
-      500: "#2E90FA",
-      600: "#1570EF",
-      900: "#194185"
-    },
-    green: {
-      400: "#32D583"
-    },
-    red: {
-      400: "#f87171"
-    },
-    yellow: {
-      400: "#FDB022"
-    },
-    purple: {
-      400: "#9B8AFB"
-    },
-    pink: {
-      400: "#ec4899"
-    }
-  },
-  alpha: {
-    80: "cc",
-    40: "66",
-    30: "4d",
-    20: "33"
-  },
-  font: {
-    size: {
-      xs: "calc(var(--tsrd-font-size) * 0.75)",
-      sm: "calc(var(--tsrd-font-size) * 0.875)",
-      md: "var(--tsrd-font-size)",
-      lg: "calc(var(--tsrd-font-size) * 1.125)"
-    },
-    weight: {
-      semibold: "600",
-      bold: "700"
-    },
-    fontFamily: {
-      sans: "ui-sans-serif, Inter, system-ui, sans-serif, sans-serif",
-      mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`
-    }
-  },
-  border: {
-    radius: {
-      sm: "calc(var(--tsrd-font-size) * 0.25)",
-      md: "calc(var(--tsrd-font-size) * 0.375)",
-      lg: "calc(var(--tsrd-font-size) * 0.5)"
-    }
-  },
-  size: {
-    1: "calc(var(--tsrd-font-size) * 0.25)",
-    2: "calc(var(--tsrd-font-size) * 0.5)",
-    3: "calc(var(--tsrd-font-size) * 0.75)",
-    4: "calc(var(--tsrd-font-size) * 1)"
-  },
-  shadow: {
-    xs: (_ = "rgb(0 0 0 / 0.1)") => `0 1px 2px 0 rgb(0 0 0 / 0.05)`,
-    sm: (color = "rgb(0 0 0 / 0.1)") => `0 1px 3px 0 ${color}, 0 1px 2px -1px ${color}`,
-    md: (color = "rgb(0 0 0 / 0.1)") => `0 4px 6px -1px ${color}, 0 2px 4px -2px ${color}`,
-    lg: (color = "rgb(0 0 0 / 0.1)") => `0 10px 15px -3px ${color}, 0 4px 6px -4px ${color}`,
-    xl: (color = "rgb(0 0 0 / 0.1)") => `0 20px 25px -5px ${color}, 0 8px 10px -6px ${color}`,
-    "2xl": (color = "rgb(0 0 0 / 0.25)") => `0 25px 50px -12px ${color}`,
-    inner: (color = "rgb(0 0 0 / 0.05)") => `inset 0 2px 4px 0 ${color}`,
-    none: () => `none`
-  }
-};
-export {
-  tokens
-};
-//# sourceMappingURL=tokens.js.map

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

@@ -1 +0,0 @@
-{"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,IAIN,OAAO;AAAA,IAcP,UAAU;AAAA,MAKR,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAAA;AAAA,IAEP,MAAM;AAAA,MAEJ,KAAK;AAAA,MACL,KAAK;AAAA,MAEL,KAAK;AAAA,MACL,KAAK;AAAA,IAKP;AAAA,IACA,MAAM;AAAA,MAKJ,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MAGL,KAAK;AAAA,IAAA;AAAA,IAEP,OAAO;AAAA,MAML,KAAK;AAAA,IAMP;AAAA,IACA,KAAK;AAAA,MAKH,KAAK;AAAA,IAOP;AAAA,IACA,QAAQ;AAAA,MAMN,KAAK;AAAA,IAMP;AAAA,IACA,QAAQ;AAAA,MAMN,KAAK;AAAA,IAMP;AAAA,IAcA,MAAM;AAAA,MAMJ,KAAK;AAAA,IAMP;AAAA,EAcF;AAAA,EACA,OAAO;AAAA,IAGL,IAAI;AAAA,IAIJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EAGN;AAAA,EACA,MAAM;AAAA,IACJ,MAAM;AAAA,MAEJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAUN;AAAA,IAkBA,QAAQ;AAAA,MAMN,UAAU;AAAA,MACV,MAAM;AAAA,IAGR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAUF,QAAQ;AAAA,IACN,QAAQ;AAAA,MAGN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAKN;AAAA,EAAA;AAAA,EAEF,MAAM;AAAA,IAIJ,GAAG;AAAA,IAEH,GAAG;AAAA,IAEH,GAAG;AAAA,IAEH,GAAG;AAAA,EA6BL;AAAA,EACA,QAAQ;AAAA,IACN,IAAI,CAAC,IAAY,uBACf;AAAA,IACF,IAAI,CAAC,QAAgB,uBACnB,eAAe,KAAK,oBAAoB,KAAK;AAAA,IAC/C,IAAI,CAAC,QAAgB,uBACnB,kBAAkB,KAAK,oBAAoB,KAAK;AAAA,IAClD,IAAI,CAAC,QAAgB,uBACnB,oBAAoB,KAAK,oBAAoB,KAAK;AAAA,IACpD,IAAI,CAAC,QAAgB,uBACnB,oBAAoB,KAAK,qBAAqB,KAAK;AAAA,IACrD,OAAO,CAAC,QAAgB,wBACtB,qBAAqB,KAAK;AAAA,IAC5B,OAAO,CAAC,QAAgB,wBACtB,qBAAqB,KAAK;AAAA,IAC5B,MAAM,MAAM;AAAA,EAAA;AAiBhB;"}

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

@@ -1,42 +0,0 @@
-export declare function useStyles(): import('solid-js').Accessor<{
-    devtoolsPanel: string;
-    stickyHeader: string;
-    mainContainer: string;
-    dragHandle: string;
-    leftPanel: string;
-    rightPanel: string;
-    panelHeader: string;
-    utilList: string;
-    utilGroup: string;
-    utilGroupHeader: string;
-    utilRow: string;
-    utilRowSelected: string;
-    utilKey: string;
-    utilStatus: string;
-    stateDetails: string;
-    stateHeader: string;
-    stateTitle: string;
-    stateKey: string;
-    stateContent: string;
-    detailsGrid: string;
-    detailSection: string;
-    detailSectionHeader: string;
-    actionsRow: string;
-    actionButton: string;
-    actionDotBlue: string;
-    actionDotGreen: string;
-    actionDotRed: string;
-    actionDotYellow: string;
-    actionDotOrange: string;
-    actionDotPurple: string;
-    infoGrid: string;
-    infoLabel: string;
-    infoValueMono: string;
-    noSelection: string;
-    sectionContainer: string;
-    section: string;
-    sectionHeader: string;
-    sectionEmpty: string;
-    instanceList: string;
-    instanceCard: string;
-}>;