@tanstack/router-devtools-core 1.121.20 → 1.121.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (89) hide show
  1. package/dist/cjs/AgeTicker.cjs +47 -0
  2. package/dist/cjs/AgeTicker.cjs.map +1 -0
  3. package/dist/cjs/AgeTicker.d.cts +6 -0
  4. package/dist/cjs/BaseTanStackRouterDevtoolsPanel.cjs +602 -0
  5. package/dist/cjs/BaseTanStackRouterDevtoolsPanel.cjs.map +1 -0
  6. package/dist/cjs/BaseTanStackRouterDevtoolsPanel.d.cts +35 -0
  7. package/dist/cjs/Explorer.cjs +307 -0
  8. package/dist/cjs/Explorer.cjs.map +1 -0
  9. package/dist/cjs/Explorer.d.cts +43 -0
  10. package/dist/cjs/FloatingTanStackRouterDevtools.cjs +204 -0
  11. package/dist/cjs/FloatingTanStackRouterDevtools.cjs.map +1 -0
  12. package/dist/cjs/FloatingTanStackRouterDevtools.d.cts +48 -0
  13. package/dist/cjs/NavigateButton.cjs +30 -0
  14. package/dist/cjs/NavigateButton.cjs.map +1 -0
  15. package/dist/cjs/NavigateButton.d.cts +7 -0
  16. package/dist/cjs/TanStackRouterDevtoolsCore.cjs +121 -0
  17. package/dist/cjs/TanStackRouterDevtoolsCore.cjs.map +1 -0
  18. package/dist/cjs/TanStackRouterDevtoolsCore.d.cts +55 -0
  19. package/dist/cjs/TanStackRouterDevtoolsPanelCore.cjs +107 -0
  20. package/dist/cjs/TanStackRouterDevtoolsPanelCore.cjs.map +1 -0
  21. package/dist/cjs/TanStackRouterDevtoolsPanelCore.d.cts +43 -0
  22. package/dist/cjs/context.cjs +20 -0
  23. package/dist/cjs/context.cjs.map +1 -0
  24. package/dist/cjs/context.d.cts +13 -0
  25. package/dist/cjs/index.cjs +7 -0
  26. package/dist/cjs/index.cjs.map +1 -0
  27. package/dist/cjs/index.d.cts +2 -0
  28. package/dist/cjs/logo.cjs +92 -0
  29. package/dist/cjs/logo.cjs.map +1 -0
  30. package/dist/cjs/logo.d.cts +1 -0
  31. package/dist/cjs/theme.d.cts +34 -0
  32. package/dist/cjs/tokens.cjs +201 -0
  33. package/dist/cjs/tokens.cjs.map +1 -0
  34. package/dist/cjs/tokens.d.cts +298 -0
  35. package/dist/cjs/useLocalStorage.cjs +42 -0
  36. package/dist/cjs/useLocalStorage.cjs.map +1 -0
  37. package/dist/cjs/useLocalStorage.d.cts +2 -0
  38. package/dist/cjs/useMediaQuery.d.cts +2 -0
  39. package/dist/cjs/useStyles.cjs +607 -0
  40. package/dist/cjs/useStyles.cjs.map +1 -0
  41. package/dist/cjs/useStyles.d.cts +55 -0
  42. package/dist/cjs/utils.cjs +63 -0
  43. package/dist/cjs/utils.cjs.map +1 -0
  44. package/dist/cjs/utils.d.cts +25 -0
  45. package/dist/esm/AgeTicker.d.ts +6 -0
  46. package/dist/esm/AgeTicker.js +47 -0
  47. package/dist/esm/AgeTicker.js.map +1 -0
  48. package/dist/esm/BaseTanStackRouterDevtoolsPanel.d.ts +35 -0
  49. package/dist/esm/BaseTanStackRouterDevtoolsPanel.js +602 -0
  50. package/dist/esm/BaseTanStackRouterDevtoolsPanel.js.map +1 -0
  51. package/dist/esm/Explorer.d.ts +43 -0
  52. package/dist/esm/Explorer.js +290 -0
  53. package/dist/esm/Explorer.js.map +1 -0
  54. package/dist/esm/FloatingTanStackRouterDevtools.d.ts +48 -0
  55. package/dist/esm/FloatingTanStackRouterDevtools.js +204 -0
  56. package/dist/esm/FloatingTanStackRouterDevtools.js.map +1 -0
  57. package/dist/esm/NavigateButton.d.ts +7 -0
  58. package/dist/esm/NavigateButton.js +30 -0
  59. package/dist/esm/NavigateButton.js.map +1 -0
  60. package/dist/esm/TanStackRouterDevtoolsCore.d.ts +55 -0
  61. package/dist/esm/TanStackRouterDevtoolsCore.js +121 -0
  62. package/dist/esm/TanStackRouterDevtoolsCore.js.map +1 -0
  63. package/dist/esm/TanStackRouterDevtoolsPanelCore.d.ts +43 -0
  64. package/dist/esm/TanStackRouterDevtoolsPanelCore.js +107 -0
  65. package/dist/esm/TanStackRouterDevtoolsPanelCore.js.map +1 -0
  66. package/dist/esm/context.d.ts +13 -0
  67. package/dist/esm/context.js +20 -0
  68. package/dist/esm/context.js.map +1 -0
  69. package/dist/esm/index.d.ts +2 -0
  70. package/dist/esm/index.js +7 -0
  71. package/dist/esm/index.js.map +1 -0
  72. package/dist/esm/logo.d.ts +1 -0
  73. package/dist/esm/logo.js +92 -0
  74. package/dist/esm/logo.js.map +1 -0
  75. package/dist/esm/theme.d.ts +34 -0
  76. package/dist/esm/tokens.d.ts +298 -0
  77. package/dist/esm/tokens.js +201 -0
  78. package/dist/esm/tokens.js.map +1 -0
  79. package/dist/esm/useLocalStorage.d.ts +2 -0
  80. package/dist/esm/useLocalStorage.js +43 -0
  81. package/dist/esm/useLocalStorage.js.map +1 -0
  82. package/dist/esm/useMediaQuery.d.ts +2 -0
  83. package/dist/esm/useStyles.d.ts +55 -0
  84. package/dist/esm/useStyles.js +590 -0
  85. package/dist/esm/useStyles.js.map +1 -0
  86. package/dist/esm/utils.d.ts +25 -0
  87. package/dist/esm/utils.js +63 -0
  88. package/dist/esm/utils.js.map +1 -0
  89. package/package.json +2 -2
@@ -0,0 +1,201 @@
1
+ const tokens = {
2
+ colors: {
3
+ inherit: "inherit",
4
+ current: "currentColor",
5
+ transparent: "transparent",
6
+ black: "#000000",
7
+ white: "#ffffff",
8
+ neutral: {
9
+ 50: "#f9fafb",
10
+ 100: "#f2f4f7",
11
+ 200: "#eaecf0",
12
+ 300: "#d0d5dd",
13
+ 400: "#98a2b3",
14
+ 500: "#667085",
15
+ 600: "#475467",
16
+ 700: "#344054",
17
+ 800: "#1d2939",
18
+ 900: "#101828"
19
+ },
20
+ darkGray: {
21
+ 50: "#525c7a",
22
+ 100: "#49536e",
23
+ 200: "#414962",
24
+ 300: "#394056",
25
+ 400: "#313749",
26
+ 500: "#292e3d",
27
+ 600: "#212530",
28
+ 700: "#191c24",
29
+ 800: "#111318",
30
+ 900: "#0b0d10"
31
+ },
32
+ gray: {
33
+ 50: "#f9fafb",
34
+ 100: "#f2f4f7",
35
+ 200: "#eaecf0",
36
+ 300: "#d0d5dd",
37
+ 400: "#98a2b3",
38
+ 500: "#667085",
39
+ 600: "#475467",
40
+ 700: "#344054",
41
+ 800: "#1d2939",
42
+ 900: "#101828"
43
+ },
44
+ blue: {
45
+ 25: "#F5FAFF",
46
+ 50: "#EFF8FF",
47
+ 100: "#D1E9FF",
48
+ 200: "#B2DDFF",
49
+ 300: "#84CAFF",
50
+ 400: "#53B1FD",
51
+ 500: "#2E90FA",
52
+ 600: "#1570EF",
53
+ 700: "#175CD3",
54
+ 800: "#1849A9",
55
+ 900: "#194185"
56
+ },
57
+ green: {
58
+ 25: "#F6FEF9",
59
+ 50: "#ECFDF3",
60
+ 100: "#D1FADF",
61
+ 200: "#A6F4C5",
62
+ 300: "#6CE9A6",
63
+ 400: "#32D583",
64
+ 500: "#12B76A",
65
+ 600: "#039855",
66
+ 700: "#027A48",
67
+ 800: "#05603A",
68
+ 900: "#054F31"
69
+ },
70
+ red: {
71
+ 50: "#fef2f2",
72
+ 100: "#fee2e2",
73
+ 200: "#fecaca",
74
+ 300: "#fca5a5",
75
+ 400: "#f87171",
76
+ 500: "#ef4444",
77
+ 600: "#dc2626",
78
+ 700: "#b91c1c",
79
+ 800: "#991b1b",
80
+ 900: "#7f1d1d",
81
+ 950: "#450a0a"
82
+ },
83
+ yellow: {
84
+ 25: "#FFFCF5",
85
+ 50: "#FFFAEB",
86
+ 100: "#FEF0C7",
87
+ 200: "#FEDF89",
88
+ 300: "#FEC84B",
89
+ 400: "#FDB022",
90
+ 500: "#F79009",
91
+ 600: "#DC6803",
92
+ 700: "#B54708",
93
+ 800: "#93370D",
94
+ 900: "#7A2E0E"
95
+ },
96
+ purple: {
97
+ 25: "#FAFAFF",
98
+ 50: "#F4F3FF",
99
+ 100: "#EBE9FE",
100
+ 200: "#D9D6FE",
101
+ 300: "#BDB4FE",
102
+ 400: "#9B8AFB",
103
+ 500: "#7A5AF8",
104
+ 600: "#6938EF",
105
+ 700: "#5925DC",
106
+ 800: "#4A1FB8",
107
+ 900: "#3E1C96"
108
+ },
109
+ teal: {
110
+ 25: "#F6FEFC",
111
+ 50: "#F0FDF9",
112
+ 100: "#CCFBEF",
113
+ 200: "#99F6E0",
114
+ 300: "#5FE9D0",
115
+ 400: "#2ED3B7",
116
+ 500: "#15B79E",
117
+ 600: "#0E9384",
118
+ 700: "#107569",
119
+ 800: "#125D56",
120
+ 900: "#134E48"
121
+ },
122
+ pink: {
123
+ 25: "#fdf2f8",
124
+ 50: "#fce7f3",
125
+ 100: "#fbcfe8",
126
+ 200: "#f9a8d4",
127
+ 300: "#f472b6",
128
+ 400: "#ec4899",
129
+ 500: "#db2777",
130
+ 600: "#be185d",
131
+ 700: "#9d174d",
132
+ 800: "#831843",
133
+ 900: "#500724"
134
+ },
135
+ cyan: {
136
+ 25: "#ecfeff",
137
+ 50: "#cffafe",
138
+ 100: "#a5f3fc",
139
+ 200: "#67e8f9",
140
+ 300: "#22d3ee",
141
+ 400: "#06b6d4",
142
+ 500: "#0891b2",
143
+ 600: "#0e7490",
144
+ 700: "#155e75",
145
+ 800: "#164e63",
146
+ 900: "#083344"
147
+ }
148
+ },
149
+ alpha: {
150
+ 90: "e5",
151
+ 70: "b3",
152
+ 20: "33"
153
+ },
154
+ font: {
155
+ size: {
156
+ "2xs": "calc(var(--tsrd-font-size) * 0.625)",
157
+ xs: "calc(var(--tsrd-font-size) * 0.75)",
158
+ sm: "calc(var(--tsrd-font-size) * 0.875)",
159
+ md: "var(--tsrd-font-size)"
160
+ },
161
+ lineHeight: {
162
+ xs: "calc(var(--tsrd-font-size) * 1)",
163
+ sm: "calc(var(--tsrd-font-size) * 1.25)"
164
+ },
165
+ weight: {
166
+ normal: "400",
167
+ medium: "500",
168
+ semibold: "600",
169
+ bold: "700"
170
+ },
171
+ fontFamily: {
172
+ sans: "ui-sans-serif, Inter, system-ui, sans-serif, sans-serif",
173
+ mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`
174
+ }
175
+ },
176
+ border: {
177
+ radius: {
178
+ xs: "calc(var(--tsrd-font-size) * 0.125)",
179
+ sm: "calc(var(--tsrd-font-size) * 0.25)",
180
+ md: "calc(var(--tsrd-font-size) * 0.375)",
181
+ full: "9999px"
182
+ }
183
+ },
184
+ size: {
185
+ 0: "0px",
186
+ 0.5: "calc(var(--tsrd-font-size) * 0.125)",
187
+ 1: "calc(var(--tsrd-font-size) * 0.25)",
188
+ 1.5: "calc(var(--tsrd-font-size) * 0.375)",
189
+ 2: "calc(var(--tsrd-font-size) * 0.5)",
190
+ 2.5: "calc(var(--tsrd-font-size) * 0.625)",
191
+ 3: "calc(var(--tsrd-font-size) * 0.75)",
192
+ 3.5: "calc(var(--tsrd-font-size) * 0.875)",
193
+ 4: "calc(var(--tsrd-font-size) * 1)",
194
+ 5: "calc(var(--tsrd-font-size) * 1.25)",
195
+ 8: "calc(var(--tsrd-font-size) * 2)"
196
+ }
197
+ };
198
+ export {
199
+ tokens
200
+ };
201
+ //# sourceMappingURL=tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tokens.js","sources":["../../src/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":"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"}
@@ -0,0 +1,2 @@
1
+ import { Accessor } from 'solid-js';
2
+ export default function useLocalStorage<T>(key: string, defaultValue: T | undefined): [Accessor<T | undefined>, (newVal: T | ((prevVal: T) => T)) => void];
@@ -0,0 +1,43 @@
1
+ import { createSignal, createEffect } from "solid-js";
2
+ const getItem = (key) => {
3
+ try {
4
+ const itemValue = localStorage.getItem(key);
5
+ if (typeof itemValue === "string") {
6
+ return JSON.parse(itemValue);
7
+ }
8
+ return void 0;
9
+ } catch {
10
+ return void 0;
11
+ }
12
+ };
13
+ function useLocalStorage(key, defaultValue) {
14
+ const [value, setValue] = createSignal();
15
+ createEffect(() => {
16
+ const initialValue = getItem(key);
17
+ if (typeof initialValue === "undefined" || initialValue === null) {
18
+ setValue(
19
+ typeof defaultValue === "function" ? defaultValue() : defaultValue
20
+ );
21
+ } else {
22
+ setValue(initialValue);
23
+ }
24
+ });
25
+ const setter = (updater) => {
26
+ setValue((old) => {
27
+ let newVal = updater;
28
+ if (typeof updater == "function") {
29
+ newVal = updater(old);
30
+ }
31
+ try {
32
+ localStorage.setItem(key, JSON.stringify(newVal));
33
+ } catch {
34
+ }
35
+ return newVal;
36
+ });
37
+ };
38
+ return [value, setter];
39
+ }
40
+ export {
41
+ useLocalStorage as default
42
+ };
43
+ //# sourceMappingURL=useLocalStorage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useLocalStorage.js","sources":["../../src/useLocalStorage.ts"],"sourcesContent":["import { createEffect, createSignal } from 'solid-js'\nimport type { Accessor } from 'solid-js'\n\nconst getItem = (key: string): unknown => {\n try {\n const itemValue = localStorage.getItem(key)\n if (typeof itemValue === 'string') {\n return JSON.parse(itemValue)\n }\n return undefined\n } catch {\n return undefined\n }\n}\n\nexport default function useLocalStorage<T>(\n key: string,\n defaultValue: T | undefined,\n): [Accessor<T | undefined>, (newVal: T | ((prevVal: T) => T)) => void] {\n const [value, setValue] = createSignal<T>()\n\n createEffect(() => {\n const initialValue = getItem(key) as T | undefined\n\n if (typeof initialValue === 'undefined' || initialValue === null) {\n setValue(\n typeof defaultValue === 'function' ? defaultValue() : defaultValue,\n )\n } else {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n setValue(initialValue)\n }\n })\n\n const setter = (updater: any) => {\n setValue((old) => {\n let newVal = updater\n\n if (typeof updater == 'function') {\n newVal = updater(old)\n }\n try {\n localStorage.setItem(key, JSON.stringify(newVal))\n } catch {}\n\n return newVal\n })\n }\n\n return [value, setter]\n}\n"],"names":[],"mappings":";AAGA,MAAM,UAAU,CAAC,QAAyB;AACpC,MAAA;AACI,UAAA,YAAY,aAAa,QAAQ,GAAG;AACtC,QAAA,OAAO,cAAc,UAAU;AAC1B,aAAA,KAAK,MAAM,SAAS;AAAA,IAAA;AAEtB,WAAA;AAAA,EAAA,QACD;AACC,WAAA;AAAA,EAAA;AAEX;AAEwB,SAAA,gBACtB,KACA,cACsE;AACtE,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAgB;AAE1C,eAAa,MAAM;AACX,UAAA,eAAe,QAAQ,GAAG;AAEhC,QAAI,OAAO,iBAAiB,eAAe,iBAAiB,MAAM;AAChE;AAAA,QACE,OAAO,iBAAiB,aAAa,iBAAiB;AAAA,MACxD;AAAA,IAAA,OACK;AAGL,eAAS,YAAY;AAAA,IAAA;AAAA,EACvB,CACD;AAEK,QAAA,SAAS,CAAC,YAAiB;AAC/B,aAAS,CAAC,QAAQ;AAChB,UAAI,SAAS;AAET,UAAA,OAAO,WAAW,YAAY;AAChC,iBAAS,QAAQ,GAAG;AAAA,MAAA;AAElB,UAAA;AACF,qBAAa,QAAQ,KAAK,KAAK,UAAU,MAAM,CAAC;AAAA,MAAA,QAC1C;AAAA,MAAA;AAED,aAAA;AAAA,IAAA,CACR;AAAA,EACH;AAEO,SAAA,CAAC,OAAO,MAAM;AACvB;"}
@@ -0,0 +1,2 @@
1
+ import { Accessor } from 'solid-js';
2
+ export default function useMediaQuery(query: string): Accessor<boolean | undefined>;
@@ -0,0 +1,55 @@
1
+ import { Accessor } from 'solid-js';
2
+ export declare function useStyles(): Accessor<{
3
+ devtoolsPanelContainer: string;
4
+ devtoolsPanelContainerVisibility: (isOpen: boolean) => string;
5
+ devtoolsPanelContainerResizing: (isResizing: Accessor<boolean>) => string;
6
+ devtoolsPanelContainerAnimation: (isOpen: boolean, height: number) => string;
7
+ logo: string;
8
+ tanstackLogo: string;
9
+ routerLogo: string;
10
+ devtoolsPanel: string;
11
+ dragHandle: string;
12
+ firstContainer: string;
13
+ routerExplorerContainer: string;
14
+ routerExplorer: string;
15
+ row: string;
16
+ detailsHeader: string;
17
+ maskedBadge: string;
18
+ maskedLocation: string;
19
+ detailsContent: string;
20
+ routeMatchesToggle: string;
21
+ routeMatchesToggleBtn: (active: boolean, showBorder: boolean) => string[];
22
+ detailsHeaderInfo: string;
23
+ matchRow: (active: boolean) => string[];
24
+ matchIndicator: (color: "green" | "red" | "yellow" | "gray" | "blue" | "purple") => string[];
25
+ matchID: string;
26
+ ageTicker: (showWarning: boolean) => string[];
27
+ secondContainer: string;
28
+ thirdContainer: string;
29
+ fourthContainer: string;
30
+ routesContainer: string;
31
+ routesRowContainer: (active: boolean, isMatch: boolean) => string[];
32
+ routesRow: (isMatch: boolean) => string[];
33
+ routesRowInner: string;
34
+ routeParamInfo: string;
35
+ nestedRouteRow: (isRoot: boolean) => string;
36
+ code: string;
37
+ matchesContainer: string;
38
+ cachedMatchesContainer: string;
39
+ maskedBadgeContainer: string;
40
+ matchDetails: string;
41
+ matchStatus: (status: "pending" | "success" | "error" | "notFound" | "redirected", isFetching: false | "beforeLoad" | "loader") => string;
42
+ matchDetailsInfo: string;
43
+ matchDetailsInfoLabel: string;
44
+ mainCloseBtn: string;
45
+ mainCloseBtnPosition: (position: "top-left" | "top-right" | "bottom-left" | "bottom-right") => string;
46
+ mainCloseBtnAnimation: (isOpen: boolean) => string;
47
+ routerLogoCloseButton: string;
48
+ mainCloseBtnDivider: string;
49
+ mainCloseBtnIconContainer: string;
50
+ mainCloseBtnIconOuter: string;
51
+ mainCloseBtnIconInner: string;
52
+ panelCloseBtn: string;
53
+ panelCloseBtnIcon: string;
54
+ navigateButton: string;
55
+ }>;