@tanstack/devtools-ui 0.2.2 → 0.3.1

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 (40) hide show
  1. package/dist/cjs/components/button.cjs +23 -0
  2. package/dist/cjs/components/button.cjs.map +1 -0
  3. package/dist/cjs/components/button.d.cts +11 -0
  4. package/dist/cjs/components/tag.cjs +40 -0
  5. package/dist/cjs/components/tag.cjs.map +1 -0
  6. package/dist/cjs/components/tag.d.cts +7 -0
  7. package/dist/cjs/components/tree.cjs +237 -0
  8. package/dist/cjs/components/tree.cjs.map +1 -0
  9. package/dist/cjs/components/tree.d.cts +3 -0
  10. package/dist/cjs/index.cjs +6 -0
  11. package/dist/cjs/index.cjs.map +1 -1
  12. package/dist/cjs/index.d.cts +3 -0
  13. package/dist/cjs/styles/tokens.cjs +151 -3
  14. package/dist/cjs/styles/tokens.cjs.map +1 -1
  15. package/dist/cjs/styles/use-styles.cjs +202 -2
  16. package/dist/cjs/styles/use-styles.cjs.map +1 -1
  17. package/dist/cjs/styles/use-styles.d.cts +24 -0
  18. package/dist/esm/components/button.d.ts +11 -0
  19. package/dist/esm/components/button.js +23 -0
  20. package/dist/esm/components/button.js.map +1 -0
  21. package/dist/esm/components/tag.d.ts +7 -0
  22. package/dist/esm/components/tag.js +40 -0
  23. package/dist/esm/components/tag.js.map +1 -0
  24. package/dist/esm/components/tree.d.ts +3 -0
  25. package/dist/esm/components/tree.js +237 -0
  26. package/dist/esm/components/tree.js.map +1 -0
  27. package/dist/esm/index.d.ts +3 -0
  28. package/dist/esm/index.js +6 -0
  29. package/dist/esm/index.js.map +1 -1
  30. package/dist/esm/styles/tokens.js +151 -3
  31. package/dist/esm/styles/tokens.js.map +1 -1
  32. package/dist/esm/styles/use-styles.d.ts +24 -0
  33. package/dist/esm/styles/use-styles.js +202 -2
  34. package/dist/esm/styles/use-styles.js.map +1 -1
  35. package/package.json +2 -1
  36. package/src/components/button.tsx +42 -0
  37. package/src/components/tag.tsx +22 -0
  38. package/src/components/tree.tsx +167 -0
  39. package/src/index.ts +3 -0
  40. package/src/styles/use-styles.ts +206 -1
@@ -0,0 +1,23 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const web = require("solid-js/web");
4
+ const solidJs = require("solid-js");
5
+ const clsx = require("clsx");
6
+ const useStyles = require("../styles/use-styles.cjs");
7
+ var _tmpl$ = /* @__PURE__ */ web.template(`<button>`);
8
+ function Button(props) {
9
+ const styles = useStyles.useStyles();
10
+ const [local, rest] = solidJs.splitProps(props, ["variant", "outline", "ghost", "children", "className"]);
11
+ const variant = local.variant || "primary";
12
+ const classes = clsx(styles().button.base, styles().button.variant(variant, local.outline, local.ghost), local.className);
13
+ return (() => {
14
+ var _el$ = _tmpl$();
15
+ web.spread(_el$, web.mergeProps(rest, {
16
+ "class": classes
17
+ }), false, true);
18
+ web.insert(_el$, () => local.children);
19
+ return _el$;
20
+ })();
21
+ }
22
+ exports.Button = Button;
23
+ //# sourceMappingURL=button.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.cjs","sources":["../../../src/components/button.tsx"],"sourcesContent":["import { splitProps } from 'solid-js'\nimport clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\nimport type { JSX } from 'solid-js'\n\nexport type ButtonVariant =\n | 'primary'\n | 'secondary'\n | 'danger'\n | 'success'\n | 'info'\n | 'warning'\ntype ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n variant?: ButtonVariant\n outline?: boolean\n ghost?: boolean\n children?: any\n className?: string\n}\n\nexport function Button(props: ButtonProps) {\n const styles = useStyles()\n const [local, rest] = splitProps(props, [\n 'variant',\n 'outline',\n 'ghost',\n 'children',\n 'className',\n ])\n const variant = local.variant || 'primary'\n const classes = clsx(\n styles().button.base,\n styles().button.variant(variant, local.outline, local.ghost),\n local.className,\n )\n\n return (\n <button {...rest} class={classes}>\n {local.children}\n </button>\n )\n}\n"],"names":["Button","props","styles","useStyles","local","rest","splitProps","variant","classes","clsx","button","base","outline","ghost","className","_el$","_tmpl$","_$spread","_$mergeProps","_$insert","children"],"mappings":";;;;;;;AAoBO,SAASA,OAAOC,OAAoB;AACzC,QAAMC,SAASC,UAAAA,UAAAA;AACf,QAAM,CAACC,OAAOC,IAAI,IAAIC,QAAAA,WAAWL,OAAO,CACtC,WACA,WACA,SACA,YACA,WAAW,CACZ;AACD,QAAMM,UAAUH,MAAMG,WAAW;AACjC,QAAMC,UAAUC,KACdP,OAAAA,EAASQ,OAAOC,MAChBT,SAASQ,OAAOH,QAAQA,SAASH,MAAMQ,SAASR,MAAMS,KAAK,GAC3DT,MAAMU,SACR;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAAA;AAAAC,eAAAF,MAAAG,IAAAA,WACcb,MAAI;AAAA,MAAA,SAASG;AAAAA,IAAAA,CAAO,GAAA,OAAA,IAAA;AAAAW,QAAAA,OAAAJ,MAAA,MAC7BX,MAAMgB,QAAQ;AAAA,WAAAL;AAAAA,EAAA,GAAA;AAGrB;;"}
@@ -0,0 +1,11 @@
1
+ import { JSX } from 'solid-js';
2
+ export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'success' | 'info' | 'warning';
3
+ type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {
4
+ variant?: ButtonVariant;
5
+ outline?: boolean;
6
+ ghost?: boolean;
7
+ children?: any;
8
+ className?: string;
9
+ };
10
+ export declare function Button(props: ButtonProps): JSX.Element;
11
+ export {};
@@ -0,0 +1,40 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const web = require("solid-js/web");
4
+ const solidJs = require("solid-js");
5
+ const useStyles = require("../styles/use-styles.cjs");
6
+ var _tmpl$ = /* @__PURE__ */ web.template(`<span>`), _tmpl$2 = /* @__PURE__ */ web.template(`<button><span></span><span>`);
7
+ const Tag = (props) => {
8
+ const styles = useStyles.useStyles();
9
+ return (() => {
10
+ var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
11
+ web.insert(_el$3, () => props.label);
12
+ web.insert(_el$, web.createComponent(solidJs.Show, {
13
+ get when() {
14
+ return props.count && props.count > 0;
15
+ },
16
+ get children() {
17
+ var _el$4 = _tmpl$();
18
+ web.insert(_el$4, () => props.count);
19
+ web.effect(() => web.className(_el$4, styles().tag.count));
20
+ return _el$4;
21
+ }
22
+ }), null);
23
+ web.effect((_p$) => {
24
+ var _v$ = props.disabled, _v$2 = styles().tag.base, _v$3 = styles().tag.dot(props.color), _v$4 = styles().tag.label;
25
+ _v$ !== _p$.e && (_el$.disabled = _p$.e = _v$);
26
+ _v$2 !== _p$.t && web.className(_el$, _p$.t = _v$2);
27
+ _v$3 !== _p$.a && web.className(_el$2, _p$.a = _v$3);
28
+ _v$4 !== _p$.o && web.className(_el$3, _p$.o = _v$4);
29
+ return _p$;
30
+ }, {
31
+ e: void 0,
32
+ t: void 0,
33
+ a: void 0,
34
+ o: void 0
35
+ });
36
+ return _el$;
37
+ })();
38
+ };
39
+ exports.Tag = Tag;
40
+ //# sourceMappingURL=tag.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tag.cjs","sources":["../../../src/components/tag.tsx"],"sourcesContent":["import { Show } from 'solid-js'\nimport { useStyles } from '../styles/use-styles'\nimport type { tokens } from '../styles/tokens'\n\nexport const Tag = (props: {\n color: keyof typeof tokens.colors\n label: string\n count?: number\n disabled?: boolean\n}) => {\n const styles = useStyles()\n return (\n <button disabled={props.disabled} class={styles().tag.base}>\n <span class={styles().tag.dot(props.color)} />\n <span class={styles().tag.label}>{props.label}</span>\n\n <Show when={props.count && props.count > 0}>\n <span class={styles().tag.count}>{props.count}</span>\n </Show>\n </button>\n )\n}\n"],"names":["Tag","props","styles","useStyles","_el$","_tmpl$2","_el$2","firstChild","_el$3","nextSibling","_$insert","label","_$createComponent","Show","when","count","children","_el$4","_tmpl$","_$effect","_$className","tag","_p$","_v$","disabled","_v$2","base","_v$3","dot","color","_v$4","e","t","a","o","undefined"],"mappings":";;;;;;AAIO,MAAMA,MAAMA,CAACC,UAKd;AACJ,QAAMC,SAASC,UAAAA,UAAAA;AACf,UAAA,MAAA;AAAA,QAAAC,OAAAC,QAAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,QAAAA,OAAAF,OAAA,MAGsCP,MAAMU,KAAK;AAAAD,eAAAN,MAAAQ,IAAAA,gBAE5CC,cAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEb,MAAMc,SAASd,MAAMc,QAAQ;AAAA,MAAC;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,QAAAC,OAAAA;AAAAR,YAAAA,OAAAO,OAAA,MACNhB,MAAMc,KAAK;AAAAI,YAAAA,OAAA,MAAAC,IAAAA,UAAAH,OAAhCf,SAASmB,IAAIN,KAAK,CAAA;AAAA,eAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA,IAAA;AAAAE,QAAAA,OAAAG,CAAAA,QAAA;AAAA,UAAAC,MALjBtB,MAAMuB,UAAQC,OAASvB,SAASmB,IAAIK,MAAIC,OAC3CzB,SAASmB,IAAIO,IAAI3B,MAAM4B,KAAK,GAACC,OAC7B5B,SAASmB,IAAIV;AAAKY,cAAAD,IAAAS,MAAA3B,KAAAoB,WAAAF,IAAAS,IAAAR;AAAAE,eAAAH,IAAAU,KAAAZ,IAAAA,UAAAhB,MAAAkB,IAAAU,IAAAP,IAAA;AAAAE,eAAAL,IAAAW,KAAAb,IAAAA,UAAAd,OAAAgB,IAAAW,IAAAN,IAAA;AAAAG,eAAAR,IAAAY,KAAAd,IAAAA,UAAAZ,OAAAc,IAAAY,IAAAJ,IAAA;AAAA,aAAAR;AAAAA,IAAA,GAAA;AAAA,MAAAS,GAAAI;AAAAA,MAAAH,GAAAG;AAAAA,MAAAF,GAAAE;AAAAA,MAAAD,GAAAC;AAAAA,IAAAA,CAAA;AAAA,WAAA/B;AAAAA,EAAA,GAAA;AAOrC;;"}
@@ -0,0 +1,7 @@
1
+ import { tokens } from '../styles/tokens.cjs';
2
+ export declare const Tag: (props: {
3
+ color: keyof typeof tokens.colors;
4
+ label: string;
5
+ count?: number;
6
+ disabled?: boolean;
7
+ }) => import("solid-js").JSX.Element;
@@ -0,0 +1,237 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const web = require("solid-js/web");
4
+ const solidJs = require("solid-js");
5
+ const clsx = require("clsx");
6
+ const useStyles = require("../styles/use-styles.cjs");
7
+ var _tmpl$ = /* @__PURE__ */ web.template(`<span>`), _tmpl$2 = /* @__PURE__ */ web.template(`<span>&quot;<!>&quot;: `), _tmpl$3 = /* @__PURE__ */ web.template(`<span>&quot;<!>&quot;`), _tmpl$4 = /* @__PURE__ */ web.template(`<span>null`), _tmpl$5 = /* @__PURE__ */ web.template(`<span>undefined`), _tmpl$6 = /* @__PURE__ */ web.template(`<span>,`), _tmpl$7 = /* @__PURE__ */ web.template(`<span><span>[</span><span>]`), _tmpl$8 = /* @__PURE__ */ web.template(`<span><span>{</span><span>}`);
8
+ function JsonTree(props) {
9
+ return web.createComponent(JsonValue, {
10
+ isRoot: true,
11
+ get value() {
12
+ return props.value;
13
+ }
14
+ });
15
+ }
16
+ function JsonValue(props) {
17
+ const {
18
+ value,
19
+ keyName,
20
+ isRoot = false,
21
+ isLastKey
22
+ } = props;
23
+ const styles = useStyles.useStyles();
24
+ return (() => {
25
+ var _el$ = _tmpl$();
26
+ web.insert(_el$, (() => {
27
+ var _c$ = web.memo(() => !!(keyName && typeof value !== "object" && !Array.isArray(value)));
28
+ return () => _c$() && (() => {
29
+ var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling;
30
+ _el$5.nextSibling;
31
+ web.insert(_el$2, keyName, _el$5);
32
+ web.effect(() => web.className(_el$2, styles().tree.valueKey));
33
+ return _el$2;
34
+ })();
35
+ })(), null);
36
+ web.insert(_el$, () => {
37
+ if (typeof value === "string") {
38
+ return (() => {
39
+ var _el$6 = _tmpl$3(), _el$7 = _el$6.firstChild, _el$9 = _el$7.nextSibling;
40
+ _el$9.nextSibling;
41
+ web.insert(_el$6, value, _el$9);
42
+ web.effect(() => web.className(_el$6, styles().tree.valueString));
43
+ return _el$6;
44
+ })();
45
+ }
46
+ if (typeof value === "number") {
47
+ return (() => {
48
+ var _el$10 = _tmpl$();
49
+ web.insert(_el$10, value);
50
+ web.effect(() => web.className(_el$10, styles().tree.valueNumber));
51
+ return _el$10;
52
+ })();
53
+ }
54
+ if (typeof value === "boolean") {
55
+ return (() => {
56
+ var _el$11 = _tmpl$();
57
+ web.insert(_el$11, () => String(value));
58
+ web.effect(() => web.className(_el$11, styles().tree.valueBoolean));
59
+ return _el$11;
60
+ })();
61
+ }
62
+ if (value === null) {
63
+ return (() => {
64
+ var _el$12 = _tmpl$4();
65
+ web.effect(() => web.className(_el$12, styles().tree.valueNull));
66
+ return _el$12;
67
+ })();
68
+ }
69
+ if (value === void 0) {
70
+ return (() => {
71
+ var _el$13 = _tmpl$5();
72
+ web.effect(() => web.className(_el$13, styles().tree.valueNull));
73
+ return _el$13;
74
+ })();
75
+ }
76
+ if (typeof value === "function") {
77
+ return (() => {
78
+ var _el$14 = _tmpl$();
79
+ web.insert(_el$14, () => String(value));
80
+ web.effect(() => web.className(_el$14, styles().tree.valueFunction));
81
+ return _el$14;
82
+ })();
83
+ }
84
+ if (Array.isArray(value)) {
85
+ return web.createComponent(ArrayValue, {
86
+ keyName,
87
+ value
88
+ });
89
+ }
90
+ if (typeof value === "object") {
91
+ return web.createComponent(ObjectValue, {
92
+ keyName,
93
+ value
94
+ });
95
+ }
96
+ return _tmpl$();
97
+ }, null);
98
+ web.insert(_el$, isLastKey || isRoot ? "" : _tmpl$6(), null);
99
+ web.effect(() => web.className(_el$, styles().tree.valueContainer(isRoot)));
100
+ return _el$;
101
+ })();
102
+ }
103
+ const ArrayValue = ({
104
+ value,
105
+ keyName
106
+ }) => {
107
+ const styles = useStyles.useStyles();
108
+ const [expanded, setExpanded] = solidJs.createSignal(true);
109
+ return (() => {
110
+ var _el$17 = _tmpl$7(), _el$18 = _el$17.firstChild, _el$20 = _el$18.nextSibling;
111
+ web.insert(_el$17, keyName && (() => {
112
+ var _el$21 = _tmpl$2(), _el$22 = _el$21.firstChild, _el$24 = _el$22.nextSibling;
113
+ _el$24.nextSibling;
114
+ _el$21.$$click = (e) => {
115
+ e.stopPropagation();
116
+ e.stopImmediatePropagation();
117
+ setExpanded(!expanded());
118
+ };
119
+ web.insert(_el$21, keyName, _el$24);
120
+ web.effect(() => web.className(_el$21, clsx(styles().tree.valueKey, styles().tree.collapsible)));
121
+ return _el$21;
122
+ })(), _el$18);
123
+ web.insert(_el$17, web.createComponent(solidJs.Show, {
124
+ get when() {
125
+ return expanded();
126
+ },
127
+ get children() {
128
+ return web.createComponent(solidJs.For, {
129
+ each: value,
130
+ children: (item, i) => {
131
+ const isLastKey = i() === value.length - 1;
132
+ return web.createComponent(JsonValue, {
133
+ value: item,
134
+ isLastKey
135
+ });
136
+ }
137
+ });
138
+ }
139
+ }), _el$20);
140
+ web.insert(_el$17, web.createComponent(solidJs.Show, {
141
+ get when() {
142
+ return !expanded();
143
+ },
144
+ get children() {
145
+ var _el$19 = _tmpl$();
146
+ _el$19.$$click = (e) => {
147
+ e.stopPropagation();
148
+ e.stopImmediatePropagation();
149
+ setExpanded(!expanded());
150
+ };
151
+ web.insert(_el$19, () => `... ${value.length} more`);
152
+ web.effect(() => web.className(_el$19, clsx(styles().tree.valueKey, styles().tree.collapsible)));
153
+ return _el$19;
154
+ }
155
+ }), _el$20);
156
+ web.effect((_p$) => {
157
+ var _v$ = styles().tree.valueBraces, _v$2 = styles().tree.valueBraces;
158
+ _v$ !== _p$.e && web.className(_el$18, _p$.e = _v$);
159
+ _v$2 !== _p$.t && web.className(_el$20, _p$.t = _v$2);
160
+ return _p$;
161
+ }, {
162
+ e: void 0,
163
+ t: void 0
164
+ });
165
+ return _el$17;
166
+ })();
167
+ };
168
+ const ObjectValue = ({
169
+ value,
170
+ keyName
171
+ }) => {
172
+ const styles = useStyles.useStyles();
173
+ const [expanded, setExpanded] = solidJs.createSignal(true);
174
+ const keys = Object.keys(value);
175
+ const lastKeyName = keys[keys.length - 1];
176
+ return (() => {
177
+ var _el$25 = _tmpl$8(), _el$26 = _el$25.firstChild, _el$28 = _el$26.nextSibling;
178
+ web.insert(_el$25, keyName && (() => {
179
+ var _el$29 = _tmpl$2(), _el$30 = _el$29.firstChild, _el$32 = _el$30.nextSibling;
180
+ _el$32.nextSibling;
181
+ _el$29.$$click = (e) => {
182
+ e.stopPropagation();
183
+ e.stopImmediatePropagation();
184
+ setExpanded(!expanded());
185
+ };
186
+ web.insert(_el$29, keyName, _el$32);
187
+ web.effect(() => web.className(_el$29, clsx(styles().tree.valueKey, styles().tree.collapsible)));
188
+ return _el$29;
189
+ })(), _el$26);
190
+ web.insert(_el$25, web.createComponent(solidJs.Show, {
191
+ get when() {
192
+ return expanded();
193
+ },
194
+ get children() {
195
+ return web.createComponent(solidJs.For, {
196
+ each: keys,
197
+ children: (k) => web.createComponent(JsonValue, {
198
+ get value() {
199
+ return value[k];
200
+ },
201
+ keyName: k,
202
+ isLastKey: lastKeyName === k
203
+ })
204
+ });
205
+ }
206
+ }), _el$28);
207
+ web.insert(_el$25, web.createComponent(solidJs.Show, {
208
+ get when() {
209
+ return !expanded();
210
+ },
211
+ get children() {
212
+ var _el$27 = _tmpl$();
213
+ _el$27.$$click = (e) => {
214
+ e.stopPropagation();
215
+ e.stopImmediatePropagation();
216
+ setExpanded(!expanded());
217
+ };
218
+ web.insert(_el$27, () => `... ${keys.length} more`);
219
+ web.effect(() => web.className(_el$27, clsx(styles().tree.valueKey, styles().tree.collapsible)));
220
+ return _el$27;
221
+ }
222
+ }), _el$28);
223
+ web.effect((_p$) => {
224
+ var _v$3 = styles().tree.valueBraces, _v$4 = styles().tree.valueBraces;
225
+ _v$3 !== _p$.e && web.className(_el$26, _p$.e = _v$3);
226
+ _v$4 !== _p$.t && web.className(_el$28, _p$.t = _v$4);
227
+ return _p$;
228
+ }, {
229
+ e: void 0,
230
+ t: void 0
231
+ });
232
+ return _el$25;
233
+ })();
234
+ };
235
+ web.delegateEvents(["click"]);
236
+ exports.JsonTree = JsonTree;
237
+ //# sourceMappingURL=tree.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tree.cjs","sources":["../../../src/components/tree.tsx"],"sourcesContent":["import { For, Show, createSignal } from 'solid-js'\nimport clsx from 'clsx'\nimport { useStyles } from '../styles/use-styles'\n\nexport function JsonTree(props: { value: any }) {\n return <JsonValue isRoot value={props.value} />\n}\n\nfunction JsonValue(props: {\n value: any\n keyName?: string\n isRoot?: boolean\n isLastKey?: boolean\n}) {\n const { value, keyName, isRoot = false, isLastKey } = props\n const styles = useStyles()\n\n return (\n <span class={styles().tree.valueContainer(isRoot)}>\n {keyName && typeof value !== 'object' && !Array.isArray(value) && (\n <span class={styles().tree.valueKey}>&quot;{keyName}&quot;: </span>\n )}\n {(() => {\n if (typeof value === 'string') {\n return (\n <span class={styles().tree.valueString}>&quot;{value}&quot;</span>\n )\n }\n if (typeof value === 'number') {\n return <span class={styles().tree.valueNumber}>{value}</span>\n }\n if (typeof value === 'boolean') {\n return <span class={styles().tree.valueBoolean}>{String(value)}</span>\n }\n if (value === null) {\n return <span class={styles().tree.valueNull}>null</span>\n }\n if (value === undefined) {\n return <span class={styles().tree.valueNull}>undefined</span>\n }\n if (typeof value === 'function') {\n return (\n <span class={styles().tree.valueFunction}>{String(value)}</span>\n )\n }\n if (Array.isArray(value)) {\n return <ArrayValue keyName={keyName} value={value} />\n }\n if (typeof value === 'object') {\n return <ObjectValue keyName={keyName} value={value} />\n }\n return <span />\n })()}\n {isLastKey || isRoot ? '' : <span>,</span>}\n </span>\n )\n}\n\nconst ArrayValue = ({\n value,\n keyName,\n}: {\n value: Array<any>\n keyName?: string\n}) => {\n const styles = useStyles()\n const [expanded, setExpanded] = createSignal(true)\n return (\n <span>\n {keyName && (\n <span\n onclick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n &quot;{keyName}&quot;:{' '}\n </span>\n )}\n <span class={styles().tree.valueBraces}>[</span>\n <Show when={expanded()}>\n <For each={value}>\n {(item, i) => {\n const isLastKey = i() === value.length - 1\n return (\n <>\n <JsonValue value={item} isLastKey={isLastKey} />\n </>\n )\n }}\n </For>\n </Show>\n <Show when={!expanded()}>\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n {`... ${value.length} more`}\n </span>\n </Show>\n <span class={styles().tree.valueBraces}>]</span>\n </span>\n )\n}\n\nconst ObjectValue = ({\n value,\n keyName,\n}: {\n value: Record<string, any>\n keyName?: string\n}) => {\n const styles = useStyles()\n const [expanded, setExpanded] = createSignal(true)\n const keys = Object.keys(value)\n const lastKeyName = keys[keys.length - 1]\n\n return (\n <span>\n {keyName && (\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n &quot;{keyName}&quot;:{' '}\n </span>\n )}\n <span class={styles().tree.valueBraces}>{'{'}</span>\n <Show when={expanded()}>\n <For each={keys}>\n {(k) => (\n <>\n <JsonValue\n value={value[k]}\n keyName={k}\n isLastKey={lastKeyName === k}\n />\n </>\n )}\n </For>\n </Show>\n <Show when={!expanded()}>\n <span\n onClick={(e) => {\n e.stopPropagation()\n e.stopImmediatePropagation()\n setExpanded(!expanded())\n }}\n class={clsx(styles().tree.valueKey, styles().tree.collapsible)}\n >\n {`... ${keys.length} more`}\n </span>\n </Show>\n <span class={styles().tree.valueBraces}>{'}'}</span>\n </span>\n )\n}\n"],"names":["JsonTree","props","_$createComponent","JsonValue","isRoot","value","keyName","isLastKey","styles","useStyles","_el$","_tmpl$","_$insert","_c$","_$memo","Array","isArray","_el$2","_tmpl$2","_el$3","firstChild","_el$5","nextSibling","_$effect","_$className","tree","valueKey","_el$6","_tmpl$3","_el$7","_el$9","valueString","_el$10","valueNumber","_el$11","String","valueBoolean","_el$12","_tmpl$4","valueNull","undefined","_el$13","_tmpl$5","_el$14","valueFunction","ArrayValue","ObjectValue","_tmpl$6","valueContainer","expanded","setExpanded","createSignal","_el$17","_tmpl$7","_el$18","_el$20","_el$21","_el$22","_el$24","$$click","e","stopPropagation","stopImmediatePropagation","clsx","collapsible","Show","when","children","For","each","item","i","length","_el$19","_p$","_v$","valueBraces","_v$2","t","keys","Object","lastKeyName","_el$25","_tmpl$8","_el$26","_el$28","_el$29","_el$30","_el$32","k","_el$27","_v$3","_v$4","_$delegateEvents"],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export declare function JsonTree(props: {
2
+ value: any;
3
+ }): import("solid-js").JSX.Element;
@@ -4,8 +4,14 @@ const checkbox = require("./components/checkbox.cjs");
4
4
  const input = require("./components/input.cjs");
5
5
  const select = require("./components/select.cjs");
6
6
  const logo = require("./components/logo.cjs");
7
+ const tree = require("./components/tree.cjs");
8
+ const button = require("./components/button.cjs");
9
+ const tag = require("./components/tag.cjs");
7
10
  exports.Checkbox = checkbox.Checkbox;
8
11
  exports.Input = input.Input;
9
12
  exports.Select = select.Select;
10
13
  exports.TanStackLogo = logo.TanStackLogo;
14
+ exports.JsonTree = tree.JsonTree;
15
+ exports.Button = button.Button;
16
+ exports.Tag = tag.Tag;
11
17
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -2,3 +2,6 @@ export { Checkbox } from './components/checkbox.cjs';
2
2
  export { Input } from './components/input.cjs';
3
3
  export { Select } from './components/select.cjs';
4
4
  export { TanStackLogo } from './components/logo.cjs';
5
+ export { JsonTree } from './components/tree.cjs';
6
+ export { Button } from './components/button.cjs';
7
+ export { Tag } from './components/tag.cjs';
@@ -2,32 +2,180 @@
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const tokens = {
4
4
  colors: {
5
+ inherit: "inherit",
6
+ current: "currentColor",
7
+ transparent: "transparent",
8
+ black: "#000000",
9
+ white: "#ffffff",
10
+ neutral: {
11
+ 50: "#f9fafb",
12
+ 100: "#f2f4f7",
13
+ 200: "#eaecf0",
14
+ 300: "#d0d5dd",
15
+ 400: "#98a2b3",
16
+ 500: "#667085",
17
+ 600: "#475467",
18
+ 700: "#344054",
19
+ 800: "#1d2939",
20
+ 900: "#101828"
21
+ },
5
22
  darkGray: {
6
- 800: "#111318"
23
+ 50: "#525c7a",
24
+ 100: "#49536e",
25
+ 200: "#414962",
26
+ 300: "#394056",
27
+ 400: "#313749",
28
+ 500: "#292e3d",
29
+ 600: "#212530",
30
+ 700: "#191c24",
31
+ 800: "#111318",
32
+ 900: "#0b0d10"
7
33
  },
8
34
  gray: {
35
+ 50: "#f9fafb",
9
36
  100: "#f2f4f7",
37
+ 200: "#eaecf0",
38
+ 300: "#d0d5dd",
10
39
  400: "#98a2b3",
11
40
  500: "#667085",
12
41
  600: "#475467",
13
- 700: "#344054"
42
+ 700: "#344054",
43
+ 800: "#1d2939",
44
+ 900: "#101828"
45
+ },
46
+ blue: {
47
+ 25: "#F5FAFF",
48
+ 50: "#EFF8FF",
49
+ 100: "#D1E9FF",
50
+ 200: "#B2DDFF",
51
+ 300: "#84CAFF",
52
+ 400: "#53B1FD",
53
+ 500: "#2E90FA",
54
+ 600: "#1570EF",
55
+ 700: "#175CD3",
56
+ 800: "#1849A9",
57
+ 900: "#194185"
58
+ },
59
+ green: {
60
+ 25: "#F6FEF9",
61
+ 50: "#ECFDF3",
62
+ 100: "#D1FADF",
63
+ 200: "#A6F4C5",
64
+ 300: "#6CE9A6",
65
+ 400: "#32D583",
66
+ 500: "#12B76A",
67
+ 600: "#039855",
68
+ 700: "#027A48",
69
+ 800: "#05603A",
70
+ 900: "#054F31"
71
+ },
72
+ red: {
73
+ 50: "#fef2f2",
74
+ 100: "#fee2e2",
75
+ 200: "#fecaca",
76
+ 300: "#fca5a5",
77
+ 400: "#f87171",
78
+ 500: "#ef4444",
79
+ 600: "#dc2626",
80
+ 700: "#b91c1c",
81
+ 800: "#991b1b",
82
+ 900: "#7f1d1d",
83
+ 950: "#450a0a"
84
+ },
85
+ yellow: {
86
+ 25: "#FFFCF5",
87
+ 50: "#FFFAEB",
88
+ 100: "#FEF0C7",
89
+ 200: "#FEDF89",
90
+ 300: "#FEC84B",
91
+ 400: "#FDB022",
92
+ 500: "#F79009",
93
+ 600: "#DC6803",
94
+ 700: "#B54708",
95
+ 800: "#93370D",
96
+ 900: "#7A2E0E"
14
97
  },
15
98
  purple: {
99
+ 25: "#FAFAFF",
100
+ 50: "#F4F3FF",
101
+ 100: "#EBE9FE",
102
+ 200: "#D9D6FE",
103
+ 300: "#BDB4FE",
16
104
  400: "#9B8AFB",
17
- 500: "#7A5AF8"
105
+ 500: "#7A5AF8",
106
+ 600: "#6938EF",
107
+ 700: "#5925DC",
108
+ 800: "#4A1FB8",
109
+ 900: "#3E1C96"
110
+ },
111
+ teal: {
112
+ 25: "#F6FEFC",
113
+ 50: "#F0FDF9",
114
+ 100: "#CCFBEF",
115
+ 200: "#99F6E0",
116
+ 300: "#5FE9D0",
117
+ 400: "#2ED3B7",
118
+ 500: "#15B79E",
119
+ 600: "#0E9384",
120
+ 700: "#107569",
121
+ 800: "#125D56",
122
+ 900: "#134E48"
123
+ },
124
+ pink: {
125
+ 25: "#fdf2f8",
126
+ 50: "#fce7f3",
127
+ 100: "#fbcfe8",
128
+ 200: "#f9a8d4",
129
+ 300: "#f472b6",
130
+ 400: "#ec4899",
131
+ 500: "#db2777",
132
+ 600: "#be185d",
133
+ 700: "#9d174d",
134
+ 800: "#831843",
135
+ 900: "#500724"
136
+ },
137
+ cyan: {
138
+ 25: "#ecfeff",
139
+ 50: "#cffafe",
140
+ 100: "#a5f3fc",
141
+ 200: "#67e8f9",
142
+ 300: "#22d3ee",
143
+ 400: "#06b6d4",
144
+ 500: "#0891b2",
145
+ 600: "#0e7490",
146
+ 700: "#155e75",
147
+ 800: "#164e63",
148
+ 900: "#083344"
18
149
  }
19
150
  },
20
151
  alpha: {
21
152
  20: "33"
22
153
  },
23
154
  font: {
155
+ size: {
156
+ xs: "calc(var(--tsrd-font-size) * 0.75)",
157
+ sm: "calc(var(--tsrd-font-size) * 0.875)"
158
+ },
159
+ weight: {
160
+ medium: "500"
161
+ },
24
162
  fontFamily: {
25
163
  sans: "ui-sans-serif, Inter, system-ui, sans-serif, sans-serif",
26
164
  mono: `ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace`
27
165
  }
28
166
  },
167
+ border: {
168
+ radius: {
169
+ sm: "calc(var(--tsrd-font-size) * 0.25)",
170
+ full: "9999px"
171
+ }
172
+ },
29
173
  size: {
30
174
  0.5: "calc(var(--tsrd-font-size) * 0.125)",
175
+ 1: "calc(var(--tsrd-font-size) * 0.25)",
176
+ 1.5: "calc(var(--tsrd-font-size) * 0.375)",
177
+ 4.5: "calc(var(--tsrd-font-size) * 1.125)",
178
+ 6.5: "calc(var(--tsrd-font-size) * 1.625)",
31
179
  12: "calc(var(--tsrd-font-size) * 3)"
32
180
  }
33
181
  };
@@ -1 +1 @@
1
- {"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,MASR,KAAK;AAAA,IAEP;AAAA,IACA,MAAM;AAAA,MAEJ,KAAK;AAAA,MAGL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,MACL,KAAK;AAAA,IAGP;AAAA,IAqDA,QAAQ;AAAA,MAMN,KAAK;AAAA,MACL,KAAK;AAAA,IAKP;AAAA,EAwCF;AAAA,EACA,OAAO;AAAA,IASL,IAAI;AAAA,EAGN;AAAA,EACA,MAAM;AAAA,IA6CJ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAuBF,MAAM;AAAA,IAGJ,KAAK;AAAA,IAkBL,IAAI;AAAA,EAkBN;AAiCF;;"}
1
+ {"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":"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"}