timvir 0.2.16 → 0.2.18

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 (22) hide show
  1. package/blocks/Arbitrary/index.js +7 -0
  2. package/blocks/Arbitrary/styles.css +3 -3
  3. package/blocks/Code/index.js +1 -1
  4. package/blocks/Code/styles.css +4 -4
  5. package/blocks/Exhibit/Exhibit.d.ts +2 -4
  6. package/blocks/Exhibit/docs/index.mdx +5 -13
  7. package/blocks/Exhibit/index.js +8 -7
  8. package/blocks/Exhibit/styles.css +3 -3
  9. package/blocks/Grid/docs/index.mdx +4 -4
  10. package/blocks/Grid/styles.css +1 -1
  11. package/blocks/Message/docs/index.mdx +6 -6
  12. package/blocks/Message/styles.css +1 -1
  13. package/blocks/Viewport/index.js +34 -21
  14. package/blocks/Viewport/styles.css +1 -1
  15. package/blocks/styles.css +13 -13
  16. package/core/components/Page/internal/SidebarItem.d.ts +9 -0
  17. package/core/components/Page/types.d.ts +2 -0
  18. package/core/index.js +115 -70
  19. package/core/styles.css +29 -23
  20. package/core/theme/colors.d.ts +1 -1
  21. package/package.json +1 -1
  22. package/styles.css +42 -36
package/blocks/Arbitrary/index.js CHANGED
@@ -158,6 +158,13 @@ function Arbitrary(props, ref) {
158
158
  });
159
159
  }
160
160
  }, "Refresh")), /*#__PURE__*/React.createElement(Exhibit, {
161
+ bleed: 0,
162
+ BackdropProps: {
163
+ style: {
164
+ borderRadius: 2,
165
+ border: "1px solid var(--timvir-border-color)"
166
+ }
167
+ },
161
168
  ...ExhibitProps
162
169
  }, children)));
163
170
  }
package/blocks/Arbitrary/styles.css CHANGED
@@ -1,7 +1,7 @@
1
1
  .r1ev38xg{margin:1em 0;}
2
2
  .c8hz158{display:grid;grid-gap:8px;grid-template-columns:1fr 100px;margin-bottom:8px;}
3
- .t1663phv{display:flex;align-items:center;padding:0 0 0 10px;height:36px;position:relative;}.t1663phv::after{display:block;position:absolute;content:"";inset:0;pointer-events:none;border:1px solid var(--timvir-secondary-text-color);border-radius:2px;}.t1663phv:hover::after{border-color:var(--timvir-accent-color);}.t1663phv:focus-within::after{border-color:var(--timvir-accent-color);}
3
+ .t1663phv{display:flex;align-items:center;padding:0 0 0 10px;height:36px;position:relative;background:var(--timvir-secondary-background-color);}.t1663phv::after{display:block;position:absolute;content:"";inset:0;pointer-events:none;border:1px solid var(--timvir-border-color);border-radius:2px;}.t1663phv:hover::after{border-color:var(--timvir-text-color);}.t1663phv:focus-within::after{border-color:var(--timvir-text-color);}
4
4
  .s1k50njo{display:inline-block;color:var(--timvir-secondary-text-color);margin-right:6px;}
5
- .i1dajnne{border:none;outline:none;font:inherit;background:transparent;align-self:stretch;padding:0;height:34px;width:100%;color:inherit;}
6
- .b128wsn{border:none;outline:none;height:36px;background:var(--timvir-accent-color);font:inherit;border-radius:2px;cursor:pointer;transition:background 0.2s;}.b128wsn:hover{background:var(--c-p-3);}.b128wsn:active{background:var(--c-p-4);}
5
+ .i1dajnne{border:none;outline:none;font:inherit;background:transparent;align-self:stretch;padding:0;width:100%;color:inherit;}
6
+ .b128wsn{border:none;outline:none;height:36px;border:1px solid var(--timvir-border-color);border-radius:2px;background:var(--timvir-secondary-background-color);color:var(--timvir-text-color);font:inherit;}.b128wsn:hover{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}.b128wsn:active{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}
7
7
 
package/blocks/Code/index.js CHANGED
@@ -64,7 +64,7 @@ function Code(props, ref) {
64
64
  React.useEffect(() => {
65
65
  (async () => {
66
66
  const html = await codeToHtml(children.trim(), {
67
- lang: language ?? "markup",
67
+ lang: language ?? "text",
68
68
  themes: {
69
69
  light: "github-light",
70
70
  dark: "github-dark"
package/blocks/Code/styles.css CHANGED
@@ -6,11 +6,11 @@
6
6
  .s1hdfi6o{position:absolute;z-index:-1;top:0;right:0;transition:all 0.2s;transform:translate(48px,-48px);}.s1hdfi6o path{fill:var(--c-p-4);}
7
7
  .d17pltln{padding:16px 24px 16px 0;}
8
8
 
9
- .r9v2r0l{margin:1.5rem 0 3rem;}:root[data-timvir-theme="dark"] .r9v2r0l .shiki,:root[data-timvir-theme="dark"] .r9v2r0l .shiki span{color:var(--shiki-dark) !important;font-style:var(--shiki-dark-font-style) !important;font-weight:var(--shiki-dark-font-weight) !important;text-decoration:var(--shiki-dark-text-decoration) !important;}
10
- .cs7tint{overflow-x:auto;contain:content;font-size:0.9em;border-radius:5px;--timvir-b-Code-bleed:var(--timvir-page-margin,24px);--timvir-b-Code-inlinePadding:max(var(--timvir-b-Code-bleed),24px);padding:0;margin:0 calc(-1 * var(--timvir-b-Code-bleed));box-shadow:inset 0 0 0 1px rgb(16 22 26 / 20%),0 1px 4px rgb(16 22 26 / 10%);transition:box-shadow 0.3s;}.cs7tint:hover{box-shadow:inset 0 0 0 1px rgb(16 22 26 / 30%),0 1px 4px rgb(16 22 26 / 10%),0 8px 24px rgb(16 22 26 / 10%);}:root[data-timvir-theme="dark"] .cs7tint{box-shadow:inset 0 0 0 1px rgb(216 222 226 / 10%),0 1px 4px rgb(216 222 226 / 5%), 0 2px 8px rgb(216 222 226 / 2%);}:root[data-timvir-theme="dark"] .cs7tint:hover{box-shadow:inset 0 0 0 1px rgb(216 222 226 / 10%),0 1px 3px rgb(216 222 226 / 7%), 0 2px 16px rgb(216 222 226 / 5%);}.cs7tint pre{margin:0;padding:16px 0;background-color:transparent !important;}.cs7tint pre code{display:block;}.cs7tint pre code .line{display:inline-block;position:relative;width:100%;}.cs7tint pre .line{padding-inline:var(--timvir-b-Code-inlinePadding);margin-inline:1px;}
9
+ :root[data-timvir-theme="dark"] .r9v2r0l .shiki,:root[data-timvir-theme="dark"] .r9v2r0l .shiki span{color:var(--shiki-dark) !important;font-style:var(--shiki-dark-font-style) !important;font-weight:var(--shiki-dark-font-weight) !important;text-decoration:var(--shiki-dark-text-decoration) !important;}
10
+ .cs7tint{overflow-x:auto;contain:content;font-size:0.8em;border-radius:5px;--timvir-b-Code-bleed:calc(var(--timvir-margin,0px) * 0.6666);--timvir-b-Code-inlinePadding:max(var(--timvir-b-Code-bleed),8px);padding:0;margin:0 calc(-1 * var(--timvir-b-Code-bleed));border:1px solid var(--timvir-border-color);}.cs7tint pre{margin:0;padding:16px 0;background-color:var(--timvir-secondary-background-color) !important;}.cs7tint pre code{display:block;}.cs7tint pre code .line{display:inline-block;position:relative;width:100%;}.cs7tint pre .line{padding-inline:var(--timvir-b-Code-inlinePadding);}
11
11
  .fjvaz2s{display:grid;border-radius:0;box-shadow:none;margin-inline:0;grid-auto-rows:min-content;grid-template-columns:[le] 0 [lc] 1fr [rc] 0 [re];grid-column-gap:16px;}.fjvaz2s:hover{box-shadow:none;}@media (min-width:60rem){.fjvaz2s{grid-template-columns:[le] 1fr [lc] minmax(0,48rem) [rc] 1fr [re];grid-column-gap:24px;}}.fjvaz2s > *{grid-column:lc / re;}
12
- .lchll0h{padding-inline:var(--timvir-b-Code-inlinePadding);margin-inline:1px;}
12
+ .lchll0h{padding-inline:var(--timvir-b-Code-inlinePadding);}
13
13
  .h1xcko1i{background-color:#ffe10044;}:root[data-timvir-theme="dark"] .h1xcko1i{background-color:rgba(174,124,20,0.15);}
14
14
  .ll2b9hx{display:inline-block;width:var(--timvir-b-Code-bleed);color:var(--timvir-secondary-text-color);text-align:right;padding-inline:4px;}
15
- .c5vr6r2{font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:2px;}
15
+ .c5vr6r2{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:2px;}
16
16
 
package/blocks/Exhibit/Exhibit.d.ts CHANGED
@@ -2,18 +2,16 @@ import * as React from "react";
2
2
  /**
3
3
  * The underlying DOM element which is rendered by this component.
4
4
  */
5
- declare const Root = "figure";
5
+ declare const Root = "div";
6
6
  interface Props extends React.ComponentProps<typeof Root> {
7
7
  caption?: React.ReactNode;
8
8
  /**
9
9
  * How much the component should extend out of its original box. When number,
10
10
  * it's the number of pixels. When a string, must evaluate to a CSS <length>
11
11
  * (can be inline or reference to a CSS variable).
12
- *
13
- * @default 0
14
12
  */
15
13
  bleed?: string | number;
16
14
  BackdropProps?: React.ComponentPropsWithoutRef<"div">;
17
15
  }
18
- declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLElement>>;
16
+ declare const _default: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLDivElement>>;
19
17
  export default _default;
package/blocks/Exhibit/docs/index.mdx CHANGED
@@ -15,7 +15,7 @@ Think of it as a `<figure>` + `<figcaption>` for React components.
15
15
 
16
16
  Add a title to the exhibit if it helps the reader to understand the exhibit better. The title is placed snuggly to the exhibit.
17
17
 
18
- <Exhibit bleed={8} title="This Is Not A Button" caption="It's an input element, of type text">
18
+ <Exhibit title="This Is Not A Button" caption="It's an input element, of type text">
19
19
  <input type="text" placeholder="Type something…" style={{ boxSizing: "border-box", width: "100%", padding: 8 }} />
20
20
  </Exhibit>
21
21
 
@@ -23,33 +23,25 @@ Add a title to the exhibit if it helps the reader to understand the exhibit bett
23
23
 
24
24
  Use the `bleed` prop to control how much the checkered background extends beyond the box of the element itself.
25
25
 
26
- #### bleed 0
27
-
28
- <Exhibit bleed={0}>
26
+ <Exhibit bleed={0} caption="Bleed 0">
29
27
  <div
30
28
  style={{ height: 40, padding: "0 16px", background: "teal", color: "white", display: "flex", alignItems: "center" }}
31
29
  />
32
30
  </Exhibit>
33
31
 
34
- #### bleed 4
35
-
36
- <Exhibit bleed={4}>
32
+ <Exhibit bleed={4} caption="Bleed 4">
37
33
  <div
38
34
  style={{ height: 40, padding: "0 16px", background: "teal", color: "white", display: "flex", alignItems: "center" }}
39
35
  />
40
36
  </Exhibit>
41
37
 
42
- #### bleed 12
43
-
44
- <Exhibit bleed={12}>
38
+ <Exhibit bleed={12} caption="Bleed 12">
45
39
  <div
46
40
  style={{ height: 40, padding: "0 16px", background: "teal", color: "white", display: "flex", alignItems: "center" }}
47
41
  />
48
42
  </Exhibit>
49
43
 
50
- #### bleed 24
51
-
52
- <Exhibit bleed={24}>
44
+ <Exhibit bleed={24} caption="Bleed 24">
53
45
  <div
54
46
  style={{ height: 40, padding: "0 16px", background: "teal", color: "white", display: "flex", alignItems: "center" }}
55
47
  />
package/blocks/Exhibit/index.js CHANGED
@@ -34,7 +34,7 @@ var cx_default = cx;
34
34
  /**
35
35
  * The underlying DOM element which is rendered by this component.
36
36
  */
37
- const Root = "figure";
37
+ const Root = "div";
38
38
  function Exhibit(props, ref) {
39
39
  const block = useBlock(props);
40
40
  const components = {
@@ -44,7 +44,7 @@ function Exhibit(props, ref) {
44
44
  const {
45
45
  title,
46
46
  caption,
47
- bleed = 0,
47
+ bleed,
48
48
  BackdropProps,
49
49
  children,
50
50
  className,
@@ -56,16 +56,17 @@ function Exhibit(props, ref) {
56
56
  className: cx_default(className, classes.root),
57
57
  style: {
58
58
  ...style,
59
- [cssVariables.bleed]: typeof bleed === "number" ? `${bleed}px` : bleed
59
+ [cssVariables.bleed]: typeof bleed === "number" ? `${bleed}px` : undefined
60
60
  },
61
61
  ...rest
62
62
  }, /*#__PURE__*/React.createElement("div", {
63
63
  className: classes.container,
64
+ ...BackdropProps,
64
65
  style: {
65
- border: bleed !== 0 ? `1px solid var(${cssVariables.borderColor})` : "none"
66
- },
67
- ...BackdropProps
68
- }, children), caption && /*#__PURE__*/React.createElement("figcaption", {
66
+ border: bleed === 0 ? "none" : `1px solid var(${cssVariables.borderColor})`,
67
+ ...BackdropProps?.style
68
+ }
69
+ }, children), caption && /*#__PURE__*/React.createElement("div", {
69
70
  className: classes.caption
70
71
  }, caption)));
71
72
  }
package/blocks/Exhibit/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- .r1nql2f9{margin:0 0 1.5rem;--timvir-b-Exhibit-bleed:0px;--timvir-b-Exhibit-borderColor:#EFEFEF;--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-borderColor:#101010;--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
2
- .c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);}
3
- .cf43jjx{font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:2px;}
1
+ .r1nql2f9{--timvir-b-Exhibit-bleed:calc(var(--timvir-margin,0px) * 0.6666);--timvir-b-Exhibit-borderColor:var(--timvir-border-color);--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHElEQVR4AWP4/u07Mvr75y8yGlBpND6a6oGUBgAxMSSkDKa/pQAAAABJRU5ErkJggg==);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
2
+ .c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);border-radius:5px;}
3
+ .cf43jjx{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:2px;}
4
4
 
package/blocks/Grid/docs/index.mdx CHANGED
@@ -67,16 +67,16 @@ Combine `<Grid>` with the `<Image>` component.
67
67
  Combine `<Grid>` with the `<Exhibit>` component.
68
68
 
69
69
  <Grid>
70
- <Exhibit bleed={8}>
70
+ <Exhibit>
71
71
  <div style={{ height: 100, background: "rgba(0,0,0,.2)", display: "flex", alignItems: "center", justifyContent: "center" }}>ITEM</div>
72
72
  </Exhibit>
73
- <Exhibit bleed={8}>
73
+ <Exhibit>
74
74
  <div style={{ height: 100, background: "rgba(0,0,0,.2)", display: "flex", alignItems: "center", justifyContent: "center" }}>ITEM</div>
75
75
  </Exhibit>
76
- <Exhibit bleed={8}>
76
+ <Exhibit>
77
77
  <div style={{ height: 100, background: "rgba(0,0,0,.2)", display: "flex", alignItems: "center", justifyContent: "center" }}>ITEM</div>
78
78
  </Exhibit>
79
- <Exhibit bleed={8}>
79
+ <Exhibit>
80
80
  <div style={{ height: 100, background: "rgba(0,0,0,.2)", display: "flex", alignItems: "center", justifyContent: "center" }}>ITEM</div>
81
81
  </Exhibit>
82
82
  </Grid>
package/blocks/Grid/styles.css CHANGED
@@ -1,2 +1,2 @@
1
- .r1c1ozpm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
1
+ .r1c1ozpm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--timvir-page-margin,24px);--timvir-margin:calc(var(--timvir-page-margin,24px) * 0.5);}
2
2
 
package/blocks/Message/docs/index.mdx CHANGED
@@ -5,7 +5,7 @@ import { Code } from "../../Code";
5
5
 
6
6
  # Message
7
7
 
8
- <Exhibit bleed="var(--timvir-page-margin)">
8
+ <Exhibit>
9
9
  <Sample variant="basic" />
10
10
  </Exhibit>
11
11
 
@@ -16,13 +16,13 @@ import { Code } from "../../Code";
16
16
  ## Variants
17
17
 
18
18
  <Grid>
19
- <Exhibit bleed={8} caption="info">
19
+ <Exhibit caption="info">
20
20
  <Sample variant="basic" props={{ variant: "info" }} />
21
21
  </Exhibit>
22
- <Exhibit bleed={8} caption="warning">
22
+ <Exhibit caption="warning">
23
23
  <Sample variant="basic" props={{ variant: "warning" }} />
24
24
  </Exhibit>
25
- <Exhibit bleed={8} caption="alert">
25
+ <Exhibit caption="alert">
26
26
  <Sample variant="basic" props={{ variant: "alert" }} />
27
27
  </Exhibit>
28
28
  </Grid>
@@ -32,7 +32,7 @@ import { Code } from "../../Code";
32
32
  Make the title bold and place it before the message, or use a level 3 heading. You can use arbitrary markdown inside the message.
33
33
 
34
34
  <Grid>
35
- <Exhibit bleed={8} caption="Inline title">
35
+ <Exhibit caption="Inline title">
36
36
  <Sample variant="basic">
37
37
 
38
38
 
@@ -42,7 +42,7 @@ Make the title bold and place it before the message, or use a level 3 heading. Y
42
42
  </Exhibit>
43
43
 
44
44
 
45
- <Exhibit bleed={8} caption="Title as a separate block elment">
45
+ <Exhibit caption="Title as a separate block elment">
46
46
  <Sample variant="basic">
47
47
 
48
48
 
package/blocks/Message/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- .r1ssql2z{position:relative;background:var(--c-p-0);color:black;border-radius:3px;padding:16px 24px 16px 24px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);display:flex;align-items:flex-start;line-height:1.5;}
1
+ .r1ssql2z{position:relative;background:var(--c-p-0);color:black;border-radius:3px;padding:16px 24px 16px 24px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);display:flex;align-items:flex-start;font-size:0.875rem;line-height:1.5;}
2
2
  .dhvu07f > *:first-child{margin-top:0;}.dhvu07f > *:last-child{margin-bottom:0;}.dhvu07f > h3:before{display:none;}
3
3
  .i1dz18jz{position:relative;top:3px;margin:-2px 12px 0 -4px;}.i1dz18jz > svg{display:block;}
4
4
  .i41wipx{background:#f0f2fc;color:black;}.i41wipx .i1dz18jz{color:#2a47d5;}
package/blocks/Viewport/index.js CHANGED
@@ -124,21 +124,21 @@ function Ruler(props) {
124
124
  y: -height / 2,
125
125
  width: containerWidth,
126
126
  height: height,
127
- fill: "rgba(0, 0, 0, .1)"
127
+ fill: "var(--timvir-secondary-background-color)"
128
128
  }), /*#__PURE__*/React.createElement("line", {
129
129
  x1: -viewportWidth / 2,
130
130
  x2: -viewportWidth / 2,
131
131
  y1: -height / 2,
132
132
  y2: height / 2,
133
133
  strokeWidth: 2,
134
- stroke: "var(--c-p-4)"
134
+ stroke: "var(--timvir-text-color)"
135
135
  }), /*#__PURE__*/React.createElement("line", {
136
136
  x1: viewportWidth / 2,
137
137
  x2: viewportWidth / 2,
138
138
  y1: -height / 2,
139
139
  y2: height / 2,
140
140
  strokeWidth: 2,
141
- stroke: "var(--c-p-4)"
141
+ stroke: "var(--timvir-text-color)"
142
142
  }));
143
143
  }
144
144
 
@@ -214,19 +214,36 @@ function Viewport(props, ref) {
214
214
  });
215
215
 
216
216
  /*
217
- * The <html> element of the iframe document is the one which we observe and
218
- * measure. We do not use <body> because that may have margins around which would
219
- * throw off our height observations.
220
- *
221
- * We hope that nobody intentionally adds margins around the <html> element. By default
222
- * it doesn't have.
217
+ * Note this useEffect runs on each render. This is fine beause it doesn't do any
218
+ * expensive computation, and the Viewport component only re-renders when the iframe
219
+ * itself is changes height or the user resizes the width of the Viewport.
223
220
  */
224
- const html = iframeRef.current?.contentDocument?.querySelector("html");
225
221
  React.useEffect(() => {
226
- if (html) {
227
- iframeRO.observe(html);
222
+ const document = iframeRef.current?.contentDocument;
223
+ if (document) {
224
+ injectStyle(document);
225
+
226
+ /*
227
+ * The <body> element of the iframe document is the one which we observe and
228
+ * measure. It should not have any margins (we remove them by injecting a simple
229
+ * style reset into the iframe document).
230
+ */
231
+ iframeRO.observe(document.body);
228
232
  }
229
233
  });
234
+
235
+ /*
236
+ * Inject a simple style reset into the document.
237
+ */
238
+ function injectStyle(document) {
239
+ if (document.querySelector("style#timvir-viewport-style")) {
240
+ return;
241
+ }
242
+ const style = document.createElement("style");
243
+ style.id = "timvir-viewport-style";
244
+ style.innerHTML = "body { margin: 0 }";
245
+ document.head.appendChild(style);
246
+ }
230
247
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
231
248
  ref: containerRef
232
249
  }), /*#__PURE__*/React.createElement(Root, {
@@ -255,17 +272,13 @@ function Viewport(props, ref) {
255
272
  ref: iframeRef,
256
273
  frameBorder: "0",
257
274
  src: src,
258
- onLoad: () => {
259
- /*
260
- * Once the iframe has loaded, initialize the height/maxHeight.
261
- * The <html> element may not exist though (eg. the page failed
262
- * to load, or it's not a HTML page).
263
- */
264
- const html = iframeRef.current?.contentDocument?.querySelector("html");
265
- if (html) {
275
+ onLoad: ev => {
276
+ const document = ev.currentTarget.contentDocument;
277
+ if (document) {
278
+ injectStyle(document);
266
279
  const {
267
280
  height
268
- } = html.getBoundingClientRect();
281
+ } = document.body.getBoundingClientRect();
269
282
  setHeight(height);
270
283
  setMaxHeight(height);
271
284
  }
package/blocks/Viewport/styles.css CHANGED
@@ -9,7 +9,7 @@
9
9
 
10
10
  .r1ouu0bc{contain:layout;}
11
11
  .d1uj09ka{position:relative;}
12
- .d2uawyc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
12
+ .d2uawyc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-variant-numeric:tabular-nums;}
13
13
  .d8ms9m9{display:flex;align-items:stretch;justify-content:center;}
14
14
  .d17q9rbm{border-radius:3px;display:grid;grid-template-columns:56px auto 56px;grid-template-rows:0 auto 0;grid-column-gap:8px;}
15
15
  .daubpa6{grid-column:2 / span 1;grid-row:2 / span 1;position:relative;flex:1;height:100px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=);transition:height 0.16s;overflow:hidden;}
package/blocks/styles.css CHANGED
@@ -1,9 +1,9 @@
1
1
  .r1ev38xg{margin:1em 0;}
2
2
  .c8hz158{display:grid;grid-gap:8px;grid-template-columns:1fr 100px;margin-bottom:8px;}
3
- .t1663phv{display:flex;align-items:center;padding:0 0 0 10px;height:36px;position:relative;}.t1663phv::after{display:block;position:absolute;content:"";inset:0;pointer-events:none;border:1px solid var(--timvir-secondary-text-color);border-radius:2px;}.t1663phv:hover::after{border-color:var(--timvir-accent-color);}.t1663phv:focus-within::after{border-color:var(--timvir-accent-color);}
3
+ .t1663phv{display:flex;align-items:center;padding:0 0 0 10px;height:36px;position:relative;background:var(--timvir-secondary-background-color);}.t1663phv::after{display:block;position:absolute;content:"";inset:0;pointer-events:none;border:1px solid var(--timvir-border-color);border-radius:2px;}.t1663phv:hover::after{border-color:var(--timvir-text-color);}.t1663phv:focus-within::after{border-color:var(--timvir-text-color);}
4
4
  .s1k50njo{display:inline-block;color:var(--timvir-secondary-text-color);margin-right:6px;}
5
- .i1dajnne{border:none;outline:none;font:inherit;background:transparent;align-self:stretch;padding:0;height:34px;width:100%;color:inherit;}
6
- .b128wsn{border:none;outline:none;height:36px;background:var(--timvir-accent-color);font:inherit;border-radius:2px;cursor:pointer;transition:background 0.2s;}.b128wsn:hover{background:var(--c-p-3);}.b128wsn:active{background:var(--c-p-4);}
5
+ .i1dajnne{border:none;outline:none;font:inherit;background:transparent;align-self:stretch;padding:0;width:100%;color:inherit;}
6
+ .b128wsn{border:none;outline:none;height:36px;border:1px solid var(--timvir-border-color);border-radius:2px;background:var(--timvir-secondary-background-color);color:var(--timvir-text-color);font:inherit;}.b128wsn:hover{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}.b128wsn:active{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}
7
7
 
8
8
  .tac6gx6{color:#393a34;background-color:#f6f8fa;}.tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}.tac6gx6 :is(.namespace){opacity:0.7;}.tac6gx6 :is(.string,.attr-value){color:#e3116c;}.tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}.tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}.tac6gx6 :is(.tag,.selector,.keyword){color:#00009f;}.tac6gx6 :is(.function-variable){color:#6f42c1;}.tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#00a4db;}.tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#36acaa;}:root[data-timvir-theme="dark"] .tac6gx6{color:#adbac7;background-color:#2d333b;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.namespace){opacity:0.7;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.string,.attr-value){color:#96d0ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.tag,.selector,.keyword){color:#8ddb8c;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function-variable){color:#6f42c1;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#f47067;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#dcbdfb;}
9
9
 
@@ -13,13 +13,13 @@
13
13
  .s1hdfi6o{position:absolute;z-index:-1;top:0;right:0;transition:all 0.2s;transform:translate(48px,-48px);}.s1hdfi6o path{fill:var(--c-p-4);}
14
14
  .d17pltln{padding:16px 24px 16px 0;}
15
15
 
16
- .r9v2r0l{margin:1.5rem 0 3rem;}:root[data-timvir-theme="dark"] .r9v2r0l .shiki,:root[data-timvir-theme="dark"] .r9v2r0l .shiki span{color:var(--shiki-dark) !important;font-style:var(--shiki-dark-font-style) !important;font-weight:var(--shiki-dark-font-weight) !important;text-decoration:var(--shiki-dark-text-decoration) !important;}
17
- .cs7tint{overflow-x:auto;contain:content;font-size:0.9em;border-radius:5px;--timvir-b-Code-bleed:var(--timvir-page-margin,24px);--timvir-b-Code-inlinePadding:max(var(--timvir-b-Code-bleed),24px);padding:0;margin:0 calc(-1 * var(--timvir-b-Code-bleed));box-shadow:inset 0 0 0 1px rgb(16 22 26 / 20%),0 1px 4px rgb(16 22 26 / 10%);transition:box-shadow 0.3s;}.cs7tint:hover{box-shadow:inset 0 0 0 1px rgb(16 22 26 / 30%),0 1px 4px rgb(16 22 26 / 10%),0 8px 24px rgb(16 22 26 / 10%);}:root[data-timvir-theme="dark"] .cs7tint{box-shadow:inset 0 0 0 1px rgb(216 222 226 / 10%),0 1px 4px rgb(216 222 226 / 5%), 0 2px 8px rgb(216 222 226 / 2%);}:root[data-timvir-theme="dark"] .cs7tint:hover{box-shadow:inset 0 0 0 1px rgb(216 222 226 / 10%),0 1px 3px rgb(216 222 226 / 7%), 0 2px 16px rgb(216 222 226 / 5%);}.cs7tint pre{margin:0;padding:16px 0;background-color:transparent !important;}.cs7tint pre code{display:block;}.cs7tint pre code .line{display:inline-block;position:relative;width:100%;}.cs7tint pre .line{padding-inline:var(--timvir-b-Code-inlinePadding);margin-inline:1px;}
16
+ :root[data-timvir-theme="dark"] .r9v2r0l .shiki,:root[data-timvir-theme="dark"] .r9v2r0l .shiki span{color:var(--shiki-dark) !important;font-style:var(--shiki-dark-font-style) !important;font-weight:var(--shiki-dark-font-weight) !important;text-decoration:var(--shiki-dark-text-decoration) !important;}
17
+ .cs7tint{overflow-x:auto;contain:content;font-size:0.8em;border-radius:5px;--timvir-b-Code-bleed:calc(var(--timvir-margin,0px) * 0.6666);--timvir-b-Code-inlinePadding:max(var(--timvir-b-Code-bleed),8px);padding:0;margin:0 calc(-1 * var(--timvir-b-Code-bleed));border:1px solid var(--timvir-border-color);}.cs7tint pre{margin:0;padding:16px 0;background-color:var(--timvir-secondary-background-color) !important;}.cs7tint pre code{display:block;}.cs7tint pre code .line{display:inline-block;position:relative;width:100%;}.cs7tint pre .line{padding-inline:var(--timvir-b-Code-inlinePadding);}
18
18
  .fjvaz2s{display:grid;border-radius:0;box-shadow:none;margin-inline:0;grid-auto-rows:min-content;grid-template-columns:[le] 0 [lc] 1fr [rc] 0 [re];grid-column-gap:16px;}.fjvaz2s:hover{box-shadow:none;}@media (min-width:60rem){.fjvaz2s{grid-template-columns:[le] 1fr [lc] minmax(0,48rem) [rc] 1fr [re];grid-column-gap:24px;}}.fjvaz2s > *{grid-column:lc / re;}
19
- .lchll0h{padding-inline:var(--timvir-b-Code-inlinePadding);margin-inline:1px;}
19
+ .lchll0h{padding-inline:var(--timvir-b-Code-inlinePadding);}
20
20
  .h1xcko1i{background-color:#ffe10044;}:root[data-timvir-theme="dark"] .h1xcko1i{background-color:rgba(174,124,20,0.15);}
21
21
  .ll2b9hx{display:inline-block;width:var(--timvir-b-Code-bleed);color:var(--timvir-secondary-text-color);text-align:right;padding-inline:4px;}
22
- .c5vr6r2{font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:2px;}
22
+ .c5vr6r2{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:2px;}
23
23
 
24
24
 
25
25
  .r1f19pie{position:relative;}
@@ -35,9 +35,9 @@
35
35
  .a1y0tcvx:hover::before,.a1y0tcvx::before{box-shadow:0 0 0 2px var(--c-p-5);opacity:1;}
36
36
 
37
37
 
38
- .r1nql2f9{margin:0 0 1.5rem;--timvir-b-Exhibit-bleed:0px;--timvir-b-Exhibit-borderColor:#EFEFEF;--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-borderColor:#101010;--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
39
- .c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);}
40
- .cf43jjx{font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:2px;}
38
+ .r1nql2f9{--timvir-b-Exhibit-bleed:calc(var(--timvir-margin,0px) * 0.6666);--timvir-b-Exhibit-borderColor:var(--timvir-border-color);--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHElEQVR4AWP4/u07Mvr75y8yGlBpND6a6oGUBgAxMSSkDKa/pQAAAABJRU5ErkJggg==);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
39
+ .c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);border-radius:5px;}
40
+ .cf43jjx{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:2px;}
41
41
 
42
42
  .mby32tn{display:flex;align-items:baseline;font-size:0.9rem;font-weight:bold;transition:all 0.2s;}
43
43
  .rc7ivp5{padding:16px 0;}
@@ -49,7 +49,7 @@
49
49
  .dw285p4{overflow:hidden;transition:height 0.2s,opacity 0.2s 0.1s;}
50
50
  .dx3nfmc{outline:none;user-select:text;white-space:pre-wrap;overflow-wrap:break-word;}
51
51
 
52
- .r1c1ozpm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
52
+ .r1c1ozpm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--timvir-page-margin,24px);--timvir-margin:calc(var(--timvir-page-margin,24px) * 0.5);}
53
53
 
54
54
  .b1a0xzv7{background:white;place-self:stretch;border-radius:2px;transition:all 0.2s;box-shadow:0 0 0 0 rgba(0,0,0,0.1);}
55
55
  .g10obtzp{opacity:0;transition:all 0.2s;pointer-events:none;}
@@ -58,7 +58,7 @@
58
58
  .n1xsexuc{margin-top:6px;white-space:nowrap;font-size:0.75rem;opacity:0;transition:all 0.16s;z-index:-1;color:var(--timvir-secondary-text-color);text-align:center;user-select:none;pointer-events:none;position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);}
59
59
  .r1k0w618{position:relative;z-index:1;}.r1k0w618 svg{display:block;}.r1k0w618:hover .n1xsexuc{opacity:1;bottom:-26px;color:var(--timvir-text-color);}.r1k0w618:active .n1xsexuc{bottom:-24px;}
60
60
 
61
- .r1ssql2z{position:relative;background:var(--c-p-0);color:black;border-radius:3px;padding:16px 24px 16px 24px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);display:flex;align-items:flex-start;line-height:1.5;}
61
+ .r1ssql2z{position:relative;background:var(--c-p-0);color:black;border-radius:3px;padding:16px 24px 16px 24px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);display:flex;align-items:flex-start;font-size:0.875rem;line-height:1.5;}
62
62
  .dhvu07f > *:first-child{margin-top:0;}.dhvu07f > *:last-child{margin-bottom:0;}.dhvu07f > h3:before{display:none;}
63
63
  .i1dz18jz{position:relative;top:3px;margin:-2px 12px 0 -4px;}.i1dz18jz > svg{display:block;}
64
64
  .i41wipx{background:#f0f2fc;color:black;}.i41wipx .i1dz18jz{color:#2a47d5;}
@@ -81,7 +81,7 @@
81
81
 
82
82
  .r1ouu0bc{contain:layout;}
83
83
  .d1uj09ka{position:relative;}
84
- .d2uawyc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
84
+ .d2uawyc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-variant-numeric:tabular-nums;}
85
85
  .d8ms9m9{display:flex;align-items:stretch;justify-content:center;}
86
86
  .d17q9rbm{border-radius:3px;display:grid;grid-template-columns:56px auto 56px;grid-template-rows:0 auto 0;grid-column-gap:8px;}
87
87
  .daubpa6{grid-column:2 / span 1;grid-row:2 / span 1;position:relative;flex:1;height:100px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=);transition:height 0.16s;overflow:hidden;}
package/core/components/Page/internal/SidebarItem.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import * as React from "react";
2
+ import { Node } from "../types";
3
+ interface Props extends Node {
4
+ depth: number;
5
+ active: boolean;
6
+ setActive: (f: (active: boolean) => boolean) => void;
7
+ }
8
+ declare function SidebarItem(props: Props): React.JSX.Element;
9
+ export default SidebarItem;
package/core/components/Page/types.d.ts CHANGED
@@ -1,4 +1,6 @@
1
+ import * as React from "react";
1
2
  export interface Node {
3
+ readonly icon?: React.ReactElement;
2
4
  readonly label: string;
3
5
  readonly path?: string;
4
6
  readonly children?: readonly Node[];
package/core/index.js CHANGED
@@ -7,6 +7,7 @@ import { useImmer } from 'use-immer';
7
7
  import { MDXProvider } from '@mdx-js/react';
8
8
  import { useHotkeys } from 'react-hotkeys-hook';
9
9
  import { makeBus } from 'timvir/bus';
10
+ import * as Icons from 'react-feather';
10
11
  import { castDraft } from 'immer';
11
12
  import * as ReactDOM from 'react-dom';
12
13
  import { defaultSearch } from 'timvir/search';
@@ -57,34 +58,34 @@ function Footer(props, ref) {
57
58
  } = props;
58
59
  return /*#__PURE__*/React.createElement(Root$2, {
59
60
  ref: ref,
60
- className: cx_default(className, classes$5.root),
61
+ className: cx_default(className, classes$6.root),
61
62
  ...rest
62
63
  }, links && /*#__PURE__*/React.createElement("div", {
63
64
  className: grid
64
65
  }, /*#__PURE__*/React.createElement("div", {
65
- className: classes$5.linkGroups
66
+ className: classes$6.linkGroups
66
67
  }, links.map(({
67
68
  group,
68
69
  items
69
70
  }, i) => /*#__PURE__*/React.createElement("div", {
70
71
  key: i
71
72
  }, /*#__PURE__*/React.createElement("div", {
72
- className: classes$5.linkGroupTitle
73
+ className: classes$6.linkGroupTitle
73
74
  }, group), /*#__PURE__*/React.createElement("div", null, items.map(({
74
75
  label,
75
76
  href
76
77
  }, j) => /*#__PURE__*/React.createElement("a", {
77
78
  key: j,
78
79
  href: href,
79
- className: classes$5.link
80
+ className: classes$6.link
80
81
  }, label))))))), /*#__PURE__*/React.createElement("div", {
81
- className: cx_default(grid, classes$5.meta)
82
+ className: cx_default(grid, classes$6.meta)
82
83
  }, /*#__PURE__*/React.createElement("div", null, "Built with ", /*#__PURE__*/React.createElement("a", {
83
84
  href: "https://timvir.vercel.app"
84
85
  }, "Timvir"))));
85
86
  }
86
87
  var Footer$1 = /*#__PURE__*/React.forwardRef(Footer);
87
- const classes$5 = {
88
+ const classes$6 = {
88
89
  root: "rwhrdvg",
89
90
  linkGroups: "l1u1x7q7",
90
91
  linkGroupTitle: "l1x5jo3a",
@@ -100,10 +101,10 @@ function Action(props) {
100
101
  ...rest
101
102
  } = props;
102
103
  return /*#__PURE__*/React.createElement("div", {
103
- className: classes$4.root,
104
+ className: classes$5.root,
104
105
  ...rest
105
106
  }, /*#__PURE__*/React.createElement("div", {
106
- className: classes$4.icon
107
+ className: classes$5.icon
107
108
  }, /*#__PURE__*/React.createElement("svg", {
108
109
  viewBox: "0 0 24 24",
109
110
  fill: "none",
@@ -119,10 +120,10 @@ function Action(props) {
119
120
  }), /*#__PURE__*/React.createElement("polyline", {
120
121
  points: "12 5 19 12 12 19"
121
122
  }))), /*#__PURE__*/React.createElement("div", {
122
- className: classes$4.label
123
+ className: classes$5.label
123
124
  }, label));
124
125
  }
125
- const classes$4 = {
126
+ const classes$5 = {
126
127
  root: "ru1mblv",
127
128
  icon: "i1wyx06o",
128
129
  label: "legxg01"
@@ -175,13 +176,13 @@ function Dialog(props) {
175
176
  })();
176
177
  }, [mutate, state.query]);
177
178
  return /*#__PURE__*/React.createElement("div", {
178
- className: classes$3.root,
179
+ className: classes$4.root,
179
180
  style: state.style,
180
181
  ...rest
181
182
  }, /*#__PURE__*/React.createElement("div", {
182
- className: classes$3.context
183
+ className: classes$4.context
183
184
  }, "Context"), /*#__PURE__*/React.createElement("div", {
184
- className: classes$3.prompt
185
+ className: classes$4.prompt
185
186
  }, /*#__PURE__*/React.createElement("input", {
186
187
  autoFocus: true,
187
188
  placeholder: "Type a command or search\u2026",
@@ -193,9 +194,9 @@ function Dialog(props) {
193
194
  });
194
195
  }
195
196
  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
196
- className: classes$3.subheader
197
+ className: classes$4.subheader
197
198
  }, "Pages"), /*#__PURE__*/React.createElement("div", {
198
- className: classes$3.commands
199
+ className: classes$4.commands
199
200
  }, state.commands.map(({
200
201
  node
201
202
  }, index) => /*#__PURE__*/React.createElement(Action, {
@@ -207,7 +208,7 @@ function Dialog(props) {
207
208
  }
208
209
  })))));
209
210
  }
210
- const classes$3 = {
211
+ const classes$4 = {
211
212
  root: "r1fo6voy",
212
213
  context: "c185xiij",
213
214
  prompt: "p1ky3ya3",
@@ -237,7 +238,7 @@ function Commands(props) {
237
238
  const containerElement = document.createElement("div");
238
239
  document.body.appendChild(containerElement);
239
240
  const reactPortal = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", {
240
- className: classes$2.root,
241
+ className: classes$3.root,
241
242
  onClick: ev => {
242
243
  if (ev.target === ev.currentTarget) {
243
244
  close();
@@ -253,7 +254,7 @@ function Commands(props) {
253
254
  });
254
255
  } else {
255
256
  const reactPortal = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", {
256
- className: classes$2.root,
257
+ className: classes$3.root,
257
258
  onClick: ev => {
258
259
  if (ev.target === ev.currentTarget) {
259
260
  close();
@@ -272,7 +273,7 @@ function Commands(props) {
272
273
  draft.open = false;
273
274
  if (draft.dialog) {
274
275
  const reactPortal = /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement("div", {
275
- className: classes$2.root
276
+ className: classes$3.root
276
277
  }, /*#__PURE__*/React.createElement(Dialog, {
277
278
  onDispose: () => {
278
279
  mutate(draft => {
@@ -316,7 +317,7 @@ function Commands(props) {
316
317
  }, [state.open]);
317
318
  return ((_state$dialog = state.dialog) === null || _state$dialog === void 0 ? void 0 : _state$dialog.reactPortal) ?? null;
318
319
  }
319
- const classes$2 = {
320
+ const classes$3 = {
320
321
  root: "rfei6z8"
321
322
  };
322
323
 
@@ -507,100 +508,102 @@ function Heading(Component) {
507
508
  }, /*#__PURE__*/React.createElement("a", {
508
509
  className: "a12hs2f7",
509
510
  href: id && `#${id}`
510
- }, "#"), props.children);
511
+ }, props.children, /*#__PURE__*/React.createElement(Icons.Link, {
512
+ className: "c31avqb"
513
+ })));
511
514
  };
512
515
  }
513
516
  const h1 = /*#__PURE__*/styled_default('h1')({
514
517
  name: "h1",
515
- class: "h31avqb",
518
+ class: "h6ceq1b",
516
519
  propsAsIs: false
517
520
  });
518
521
  const h2 = Heading( /*#__PURE__*/styled_default('h2')({
519
522
  name: "h2",
520
- class: "h6ceq1b",
523
+ class: "hj6166y",
521
524
  propsAsIs: false
522
525
  }));
523
526
  const h3 = Heading( /*#__PURE__*/styled_default('h3')({
524
527
  name: "h3",
525
- class: "hj6166y",
528
+ class: "h1f8mqks",
526
529
  propsAsIs: false
527
530
  }));
528
531
  const h4 = Heading( /*#__PURE__*/styled_default('h4')({
529
532
  name: "h4",
530
- class: "h1f8mqks",
533
+ class: "h1hmga4",
531
534
  propsAsIs: false
532
535
  }));
533
536
  const blockquote = /*#__PURE__*/styled_default('blockquote')({
534
537
  name: "blockquote",
535
- class: "b1hmga4",
538
+ class: "blrd6ep",
536
539
  propsAsIs: false
537
540
  });
538
541
  const hr = /*#__PURE__*/styled_default('hr')({
539
542
  name: "hr",
540
- class: "hlrd6ep",
543
+ class: "h172su6f",
541
544
  propsAsIs: false
542
545
  });
543
546
  const table = /*#__PURE__*/styled_default('table')({
544
547
  name: "table",
545
- class: "t172su6f",
548
+ class: "t1a7p0gg",
546
549
  propsAsIs: false
547
550
  });
548
551
  const thead = /*#__PURE__*/styled_default('thead')({
549
552
  name: "thead",
550
- class: "t1a7p0gg",
553
+ class: "t1fah8q4",
551
554
  propsAsIs: false
552
555
  });
553
556
  const tbody = /*#__PURE__*/styled_default('tbody')({
554
557
  name: "tbody",
555
- class: "t1fah8q4",
558
+ class: "twrwqj6",
556
559
  propsAsIs: false
557
560
  });
558
561
  const tr = /*#__PURE__*/styled_default('tr')({
559
562
  name: "tr",
560
- class: "twrwqj6",
563
+ class: "t1fhygp",
561
564
  propsAsIs: false
562
565
  });
563
566
  const _exp = () => props => props.align || "center";
564
567
  const th = /*#__PURE__*/styled_default('th')({
565
568
  name: "th",
566
- class: "t1fhygp",
569
+ class: "t176v8uh",
567
570
  propsAsIs: false,
568
571
  vars: {
569
- "t1fhygp-0": [_exp()]
572
+ "t176v8uh-0": [_exp()]
570
573
  }
571
574
  });
572
575
  const _exp2 = () => props => props.align || "left";
573
576
  const td = /*#__PURE__*/styled_default('td')({
574
577
  name: "td",
575
- class: "t176v8uh",
578
+ class: "tvhsmuz",
576
579
  propsAsIs: false,
577
580
  vars: {
578
- "t176v8uh-0": [_exp2()]
581
+ "tvhsmuz-0": [_exp2()]
579
582
  }
580
583
  });
581
584
  const code = /*#__PURE__*/styled_default('code')({
582
585
  name: "code",
583
- class: "cvhsmuz",
586
+ class: "c197eb99",
584
587
  propsAsIs: false
585
588
  });
586
589
  const a = /*#__PURE__*/styled_default('a')({
587
590
  name: "a",
588
- class: "a197eb99",
591
+ class: "a1d7vdmn",
589
592
  propsAsIs: false
590
593
  });
591
594
  const p = /*#__PURE__*/styled_default('p')({
592
595
  name: "p",
593
- class: "p1d7vdmn",
596
+ class: "pgfnift",
594
597
  propsAsIs: false
595
598
  });
596
599
  const ul = /*#__PURE__*/styled_default('ul')({
597
600
  name: "ul",
598
- class: "ugfnift",
601
+ class: "u3pt2dg",
599
602
  propsAsIs: false
600
603
  });
601
604
  const ol = /*#__PURE__*/styled_default('ol')({
602
605
  name: "ol",
603
- class: "o3pt2dg",
606
+ class: "ojr9iky",
604
607
  propsAsIs: false
605
608
  });
606
609
 
@@ -625,17 +628,66 @@ var mdxComponentsBase = /*#__PURE__*/Object.freeze({
625
628
  ul: ul
626
629
  });
627
630
 
628
- function Section(props) {
631
+ function SidebarItem(props) {
629
632
  const {
630
633
  depth,
631
634
  label,
632
635
  path,
633
- children = []
636
+ children = [],
637
+ active,
638
+ setActive
634
639
  } = props;
635
640
  const {
636
641
  location,
637
642
  Link
638
643
  } = useContext();
644
+ const icon = children.length === 0 ? null : /*#__PURE__*/React.createElement(Icons.ChevronRight, {
645
+ className: classes$2.icon,
646
+ style: {
647
+ transform: active ? "rotate(90deg)" : "rotate(0deg)"
648
+ },
649
+ size: 16
650
+ });
651
+ return /*#__PURE__*/React.createElement("div", {
652
+ className: classes$2.root,
653
+ "data-active": location.asPath === path
654
+ }, path ? /*#__PURE__*/React.createElement(Link, {
655
+ href: path,
656
+ style: {
657
+ marginLeft: depth * 16
658
+ }
659
+ }, props.icon ? /*#__PURE__*/React.cloneElement(props.icon, {
660
+ className: classes$2.icn
661
+ }) : null, /*#__PURE__*/React.createElement("span", {
662
+ className: classes$2.label
663
+ }, label), icon) : /*#__PURE__*/React.createElement("a", {
664
+ style: {
665
+ marginLeft: depth * 16
666
+ },
667
+ href: "#",
668
+ onClick: () => setActive(x => !x)
669
+ }, props.icon ? /*#__PURE__*/React.cloneElement(props.icon, {
670
+ className: classes$2.icn
671
+ }) : null, /*#__PURE__*/React.createElement("span", {
672
+ className: classes$2.label
673
+ }, label), icon));
674
+ }
675
+ const classes$2 = {
676
+ root: "r28qe6v",
677
+ icn: "i1ia823q",
678
+ label: "l13ixk6c",
679
+ icon: "i7wcd3g"
680
+ };
681
+
682
+ function Section(props) {
683
+ const {
684
+ depth,
685
+ path,
686
+ children = []
687
+ } = props;
688
+ const {
689
+ location
690
+ } = useContext();
639
691
  const [active, setActive] = React.useState(() => {
640
692
  if (path) {
641
693
  return location.asPath.startsWith(path);
@@ -654,29 +706,18 @@ function Section(props) {
654
706
  }, [path, location.asPath]);
655
707
  return /*#__PURE__*/React.createElement("section", {
656
708
  className: classes$1.root
657
- }, /*#__PURE__*/React.createElement("div", {
658
- className: classes$1.node,
659
- "data-active": location.asPath === path
660
- }, path ? /*#__PURE__*/React.createElement(Link, {
661
- href: path,
662
- style: {
663
- marginLeft: depth * 20
664
- }
665
- }, label) : /*#__PURE__*/React.createElement("a", {
666
- style: {
667
- marginLeft: depth * 20
668
- },
669
- href: "#",
670
- onClick: () => setActive(x => !x)
671
- }, label)), active && children.map((c, i) => /*#__PURE__*/React.createElement(Section, {
709
+ }, /*#__PURE__*/React.createElement(SidebarItem, {
710
+ ...props,
711
+ active: active,
712
+ setActive: setActive
713
+ }), active && children.length > 0 && /*#__PURE__*/React.createElement("div", null, children.map((c, i) => /*#__PURE__*/React.createElement(Section, {
672
714
  key: i,
673
715
  depth: depth + 1,
674
716
  ...c
675
- })));
717
+ }))));
676
718
  }
677
719
  const classes$1 = {
678
- root: "ruyt2hq",
679
- node: "njdy1am"
720
+ root: "ruyt2hq"
680
721
  };
681
722
 
682
723
  function Sidebar(props) {
@@ -706,7 +747,9 @@ function Sidebar(props) {
706
747
  })), /*#__PURE__*/React.createElement("div", {
707
748
  className: classes.sections,
708
749
  onScroll: onScroll
709
- }, /*#__PURE__*/React.createElement("nav", null, toc.map((c, i) => /*#__PURE__*/React.createElement(Section, {
750
+ }, /*#__PURE__*/React.createElement("nav", {
751
+ className: classes.nav
752
+ }, toc.map((c, i) => /*#__PURE__*/React.createElement(Section, {
710
753
  key: i,
711
754
  depth: 0,
712
755
  ...c
@@ -714,17 +757,19 @@ function Sidebar(props) {
714
757
  }
715
758
  const classes = {
716
759
  root: "r119ou0k",
717
- sections: "s1f74255"
760
+ sections: "s1f74255",
761
+ nav: "n5l3c45"
718
762
  };
719
- const Search = ({
720
- open,
721
- label
722
- }) => {
763
+ function Search(props) {
764
+ const {
765
+ open,
766
+ label
767
+ } = props;
723
768
  return /*#__PURE__*/React.createElement("div", {
724
- className: "d5l3c45"
769
+ className: "d15ju3pv"
725
770
  }, /*#__PURE__*/React.createElement("div", {
726
771
  role: "button",
727
- className: "d15ju3pv",
772
+ className: "d2bwnbz",
728
773
  onClick: open
729
774
  }, /*#__PURE__*/React.createElement("svg", {
730
775
  x: "0px",
@@ -735,8 +780,8 @@ const Search = ({
735
780
  }, /*#__PURE__*/React.createElement("path", {
736
781
  d: "M11.707 10.293l-2.54-2.54a5.015 5.015 0 10-1.414 1.414l2.54 2.54a1 1 0 001.414-1.414zM2 5a3 3 0 113 3 3 3 0 01-3-3z",
737
782
  fill: "currentColor"
738
- })), label || "Quick Find"));
739
- };
783
+ })), label || "Search docs"));
784
+ }
740
785
 
741
786
  /**
742
787
  * The underlying DOM element which is rendered by this component.
package/core/styles.css CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- .g1et32pl{display:grid;--timvir-page-margin:16px;grid-auto-rows:min-content;grid-template-columns:[le] var(--timvir-page-margin) [lex lc] 1fr [rc rex] var(--timvir-page-margin) [re];}@media (min-width:48rem){.g1et32pl{--timvir-page-margin:24px;grid-template-columns:[le] var(--timvir-page-margin) [lex] 1fr [lc] minmax(0,48rem) [rc] 1fr [rex] var( --timvir-page-margin ) [re];}}@media (min-width:72rem){.g1et32pl{grid-template-columns:[le] 1fr var(--timvir-page-margin) [lex] minmax(0,12rem) [lc] 48rem [rc] minmax(0,12rem) [rex] var( --timvir-page-margin ) 1fr [re];}}.g1et32pl > *:not(.nc2e9vn){grid-column:lc / rc;min-width:0;}
2
+ .g1et32pl{display:grid;--timvir-page-margin:16px;--timvir-margin:var(--timvir-page-margin);grid-auto-rows:min-content;grid-template-columns:[le] var(--timvir-page-margin) [lex lc] 1fr [rc rex] var(--timvir-page-margin) [re];}@media (min-width:48rem){.g1et32pl{--timvir-page-margin:24px;grid-template-columns:[le] var(--timvir-page-margin) [lex] 1fr [lc] minmax(0,48rem) [rc] 1fr [rex] var( --timvir-page-margin ) [re];}}@media (min-width:72rem){.g1et32pl{grid-template-columns:[le] 1fr var(--timvir-page-margin) [lex] minmax(0,12rem) [lc] 48rem [rc] minmax(0,12rem) [rex] var( --timvir-page-margin ) 1fr [re];}}.g1et32pl > *:not(.nc2e9vn){grid-column:lc / rc;min-width:0;}.g1et32pl > *{margin:0 0 2rem;}.g1et32pl > p + ul{margin-top:-1.25rem;}
3
3
  .en6sn9p{grid-column:lex / rex;}
4
4
  .f3c539b{grid-column:le / re;}
5
5
 
@@ -9,7 +9,7 @@
9
9
  .l29wcr8{display:block;color:white;text-decoration:none;}.l29wcr8:hover{color:var(--c-p-4);}
10
10
  .m1ojti9g{color:var(--timvir-secondary-text-color);}.m1ojti9g a{color:currentColor;text-decoration:none;background-image:linear-gradient(transparent,transparent 5px,#383838 5px,#383838);background-position:bottom;background-size:100% 6px;background-repeat:repeat-x;}.m1ojti9g a:hover{background-image:linear-gradient(transparent,transparent 3px,#2bbc8a 3px,#2bbc8a);}
11
11
 
12
- .t1amubg3{font-family:system-ui,sans-serif;font-feature-settings:"liga","kern";text-rendering:optimizelegibility;font-size:16px;line-height:1.725;background-color:var(--timvir-background-color);color:var(--timvir-text-color);--c-p-0:#f0fcf6;--c-p-1:#d1f6e4;--c-p-2:#a0dbc1;--c-p-3:#61c19f;--c-p-4:#38a585;--c-p-5:#1b896b;}:root{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}:root{--timvir-background-color:#ffffff;--timvir-text-color:#000000d9;--timvir-secondary-text-color:#00000066;--timvir-sidebar-background-color:#f0fcf6;--timvir-sidebar-text-color:#000000d9;--timvir-sidebar-highlight-color:rgb(216,226,221);--timvir-accent-color:#38a585;}:root[data-timvir-theme="dark"]{--timvir-background-color:#1f2023;--timvir-text-color:rgba(255 255 255 / 0.86);--timvir-secondary-text-color:rgba(255 255 255 / 0.56);--timvir-sidebar-background-color:#1b1c1e;--timvir-sidebar-text-color:rgba(255 255 255 / 0.86);--timvir-sidebar-highlight-color:rgb(55,57,61);--timvir-accent-color:#38a585;}
12
+ .t1amubg3{font-family:system-ui,sans-serif;font-feature-settings:"liga","kern";text-rendering:optimizelegibility;font-size:0.9375rem;line-height:1.7333;background-color:var(--timvir-background-color);color:var(--timvir-text-color);--c-p-0:#f0fcf6;--c-p-1:#d1f6e4;--c-p-2:#a0dbc1;--c-p-3:#61c19f;--c-p-4:#38a585;--c-p-5:#1b896b;}:root{box-sizing:border-box;scroll-padding-top:20px;}*,*:before,*:after{box-sizing:inherit;}:root{--timvir-background-color:#ffffff;--timvir-text-color:#000000c9;--timvir-secondary-text-color:#00000066;--timvir-secondary-background-color:#f9f8f9;--timvir-border-color:#e9e8ea;--timvir-sidebar-highlight-color:rgb(237,237,237);--timvir-accent-color:#38a585;}:root[data-timvir-theme="dark"]{--timvir-background-color:#1f2023;--timvir-text-color:rgba(255 255 255 / 0.86);--timvir-secondary-text-color:rgba(255 255 255 / 0.56);--timvir-secondary-background-color:#161618;--timvir-border-color:#27292f;--timvir-sidebar-highlight-color:rgb(41,43,47);--timvir-accent-color:#38a585;}
13
13
 
14
14
  .ru1mblv{background-color:transparent;color:rgb(214,214,214);white-space:nowrap;display:flex;flex:0 0 100%;align-items:center;transition:color 0.1s;height:46px;display:flex;flex-shrink:initial;flex-basis:initial;flex-direction:row;flex-grow:1;overflow:hidden;align-items:center;padding-inline:14px;border-left:none;cursor:default;}.ru1mblv:hover{background-color:rgb(55,55,60);}
15
15
  .i1wyx06o{margin-right:12px;width:16px;}.i1wyx06o > svg{display:block;width:16px;height:16px;}
@@ -30,38 +30,44 @@
30
30
  .lifnzb8{font-size:1.2rem;color:inherit;text-decoration:none;}.lifnzb8:hover{color:var(--c-p-3);}
31
31
  .dymvrdu{opacity:0.5;}
32
32
 
33
- .a12hs2f7{position:absolute;top:0em;left:-0.8em;color:var(--timvir-accent-color);font-weight:bold;font-size:1em;text-decoration:none;}@media (min-width:48rem){.a12hs2f7{top:-0.1em;left:-0.9em;font-size:1.1em;}}
34
- .h31avqb{display:block;margin-top:3rem;margin-bottom:1rem;color:var(--timvir-accent-color);letter-spacing:0.01em;font-style:normal;font-size:36px;font-weight:600;text-indent:-0.05em;}
35
- .h6ceq1b{position:relative;display:block;margin-top:2rem;margin-bottom:0.5rem;text-transform:none;letter-spacing:normal;font-size:24px;font-weight:500;}
36
- .hj6166y{position:relative;display:block;margin-top:2rem;margin-bottom:0.5rem;text-transform:none;letter-spacing:normal;font-size:18px;font-weight:500;}
37
- .h1f8mqks{position:relative;display:block;margin-top:2rem;margin-bottom:0.5rem;text-transform:none;letter-spacing:normal;font-weight:normal;font-size:0.9rem;}
38
- .b1hmga4{margin-left:0;font-size:1.1rem;}.b1hmga4 > *:first-child{margin-top:0;}.b1hmga4 > *:last-child{margin-bottom:0;}
39
- .hlrd6ep{display:block;border:none;height:1px;width:100%;background:currentColor;opacity:0.25;}
40
- .t172su6f{border-spacing:0;border-collapse:collapse;width:100%;overflow:auto;}
33
+ .a12hs2f7{color:inherit;text-decoration:none;}.a12hs2f7:hover svg{opacity:1;transform:none;visibility:visible;--visibility-delay:0s;}
34
+ .c31avqb{margin-left:6px;color:var(--timvir-secondary-text-color);height:0.9rem;width:0.9rem;vertical-align:middle;transition:opacity 0.2s,transform 0.2s,visibility 0s var(--visibility-delay,0.2s);opacity:0;visibility:hidden;transform:translateX(-50%);}
35
+ .h6ceq1b{margin-top:3rem;margin-bottom:1rem;font-size:2rem;line-height:1.125;font-weight:590;text-indent:-0.05em;}
36
+ .hj6166y{position:relative;margin:2.5rem 0 1rem;font-size:1.5rem;line-height:1.1666;font-weight:590;}
37
+ .h1f8mqks{position:relative;margin:1rem 0 1rem;font-size:1.0625rem;line-height:1.4705882353;font-weight:590;}
38
+ .h1hmga4{position:relative;margin:1rem 0 1rem;font-size:0.9375rem;line-height:1.4375;font-weight:590;}
39
+ .blrd6ep{margin-left:0;font-size:1.1rem;}.blrd6ep > *:first-child{margin-top:0;}.blrd6ep > *:last-child{margin-bottom:0;}
40
+ .h172su6f{display:block;border:none;height:1px;width:100%;background:currentColor;opacity:0.25;}
41
+ .t1a7p0gg{border-spacing:0;border-collapse:collapse;width:100%;overflow:auto;}
41
42
 
42
43
 
43
- .twrwqj6{background-color:#fff;border-top:1px solid var(--c-p-2);}.twrwqj6:nth-child(2n){background-color:var(--c-p-0);}
44
- .t1fhygp{text-align:var(--t1fhygp-0);padding:6px 13px;border:1px solid var(--c-p-2);}
44
+ .t1fhygp{background-color:#fff;border-top:1px solid var(--c-p-2);}.t1fhygp:nth-child(2n){background-color:var(--c-p-0);}
45
45
  .t176v8uh{text-align:var(--t176v8uh-0);padding:6px 13px;border:1px solid var(--c-p-2);}
46
- .cvhsmuz{border-radius:3px;padding:2px 5px;font-size:0.9em;background:#f6f8fa;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),inset 0 1px 4px rgba(16,22,26,0.1);}:root[data-timvir-theme="dark"] .cvhsmuz{background:#2b2a33;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 1px 4px rgba(255,255,255,0.1);}
47
- .a197eb99{color:currentColor;text-decoration:none;background-image:linear-gradient(transparent,transparent 5px,#383838 5px,#383838);background-position:bottom;background-size:100% 6px;background-repeat:repeat-x;}.a197eb99:hover{background-image:linear-gradient(transparent,transparent 3px,#2bbc8a 3px,#2bbc8a);}.a197eb99:hover .cvhsmuz{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.5),inset 0 1px 4px rgba(16,22,26,0.2);}.a197eb99:active .cvhsmuz{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.7),inset 0 1px 4px rgba(16,22,26,0.4);background:var(--c-p-2);}
48
- .p1d7vdmn{margin:0 0 1rem;}
49
- .ugfnift{margin:0 0 1rem;}
50
- .o3pt2dg{margin:0 0 1rem;}
46
+ .tvhsmuz{text-align:var(--tvhsmuz-0);padding:6px 13px;border:1px solid var(--c-p-2);}
47
+ .c197eb99{border-radius:5px;padding:4px 6px 3px;font-size:0.8em;background:var(--timvir-secondary-background-color);border:1px solid var(--timvir-border-color);}
48
+ .a1d7vdmn{color:currentColor;text-decoration:none;background-image:linear-gradient(transparent,transparent 5px,#383838 5px,#383838);background-position:bottom;background-size:100% 6px;background-repeat:repeat-x;}.a1d7vdmn:hover{background-image:linear-gradient(transparent,transparent 3px,#2bbc8a 3px,#2bbc8a);}.a1d7vdmn:hover .c197eb99{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.5),inset 0 1px 4px rgba(16,22,26,0.2);}.a1d7vdmn:active .c197eb99{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.7),inset 0 1px 4px rgba(16,22,26,0.4);background:var(--c-p-2);}
49
+
50
+
51
+
52
+
53
+ .r28qe6v{display:flex;align-items:center;margin:1px 0;}.r28qe6v > a{min-width:0;transition:background 0.16s;border-radius:4px;display:flex;align-items:center;color:var(--timvir-text-color);font-size:0.8125rem;line-height:2.2;font-weight:500;background:none;text-decoration:none;width:100%;padding:0 8px;opacity:0.7;}.r28qe6v:hover a{background-color:var(--timvir-sidebar-highlight-color);opacity:1;}.r28qe6v[data-active="true"] a{background-color:var(--timvir-sidebar-highlight-color);opacity:1;}
54
+ .i1ia823q{display:block;width:1.3em;height:1.3em;margin-right:8px;min-width:fit-content;}
55
+ .l13ixk6c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:auto;}
56
+ .i7wcd3g{margin-left:4px;transition:transform 0.12s cubic-bezier(0.455,0.03,0.515,0.955);transform-origin:center center;}
51
57
 
52
58
 
53
- .njdy1am{display:flex;align-items:center;margin:1px 0;padding:0 16px;}.njdy1am > a{transition:background 0.16s;border-radius:4px;display:inline-flex;align-items:center;color:var(--timvir-sidebar-text-color);font-size:14px;line-height:1.725;background:none;text-decoration:none;width:100%;padding:0 6px;height:27px;}.njdy1am:hover a{background-color:var(--timvir-sidebar-highlight-color);}.njdy1am[data-active="true"] a{background-color:var(--timvir-sidebar-highlight-color);}
54
59
 
55
60
  .d17eoe18{display:none;height:0;}@media (min-width:60rem){.d17eoe18{display:flex;flex-direction:column;height:100%;}}
56
- .d1mgn6rc{padding:24px 3px 24px;flex-shrink:0;transition:all 0.16s;}
61
+ .d1mgn6rc{padding:24px 0 0;flex-shrink:0;transition:all 0.16s;}
57
62
  .d7bx8iu{box-shadow:0 1px 0 rgba(16,22,26,0.15);}
58
63
  .r119ou0k{position:fixed;top:0;left:0;bottom:0;width:0;}@media (min-width:60rem){.r119ou0k{width:300px;}}
59
- .s1f74255{padding:24px 3px 30px;overflow-y:auto;flex-grow:1;overscroll-behavior:contain;}
60
- .d5l3c45{font-family:system-ui;}
61
- .d15ju3pv{color:var(--timvir-text-color);font-size:14px;font-weight:500;line-height:1.725;cursor:pointer;padding:2px 24px;border-radius:3px;display:flex;align-items:center;}.d15ju3pv:hover{background:var(--timvir-sidebar-highlight-color);}.d15ju3pv > svg{display:block;margin-right:4px;}
64
+ .s1f74255{padding:16px 0 30px;overflow-y:auto;flex-grow:1;overscroll-behavior:contain;}
65
+ .n5l3c45{padding-inline:16px;}
66
+ .d15ju3pv{font-family:system-ui;padding:0 16px;}
67
+ .d2bwnbz{color:var(--timvir-text-color);font-size:0.8125rem;line-height:2.2;font-weight:400;cursor:pointer;height:36px;border-radius:8px;padding:0 12px;border:1px solid var(--timvir-border-color);background:var(--timvir-secondary-background-color);display:flex;align-items:center;}.d2bwnbz:hover{background:var(--timvir-sidebar-highlight-color);}.d2bwnbz > svg{display:block;margin-right:8px;}
62
68
 
63
69
  .rfhjyp1{min-height:100vh;display:grid;grid-template-columns:[l] 0 [m] 1fr [r];}@media (min-width:60rem){.rfhjyp1{grid-template-columns:[l] 300px [m] 1fr [r];}}
64
- .d1pp8z35{background-color:var(--timvir-sidebar-background-color);grid-column:l / m;}
70
+ .d1pp8z35{grid-column:l / m;border-right:1px solid var(--timvir-border-color);}
65
71
  .dxk1fgw{display:flex;flex-direction:column;grid-column:m / r;}
66
72
  .d2srpki{margin-top:auto;}
67
73
  .d1hkiw6l{margin-top:auto;padding-top:80px;}
package/core/theme/colors.d.ts CHANGED
@@ -31,6 +31,6 @@ export declare const primary: {
31
31
  readonly main: "#38a585";
32
32
  };
33
33
  export declare const text: {
34
- readonly main: "#000000d9";
34
+ readonly main: "#000000c9";
35
35
  readonly light: "#00000066";
36
36
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "type": "module",
3
3
  "name": "timvir",
4
- "version": "0.2.16",
4
+ "version": "0.2.18",
5
5
  "license": "MIT",
6
6
  "sideEffects": false,
7
7
  "exports": {
package/styles.css CHANGED
@@ -1,9 +1,9 @@
1
1
  .r1ev38xg{margin:1em 0;}
2
2
  .c8hz158{display:grid;grid-gap:8px;grid-template-columns:1fr 100px;margin-bottom:8px;}
3
- .t1663phv{display:flex;align-items:center;padding:0 0 0 10px;height:36px;position:relative;}.t1663phv::after{display:block;position:absolute;content:"";inset:0;pointer-events:none;border:1px solid var(--timvir-secondary-text-color);border-radius:2px;}.t1663phv:hover::after{border-color:var(--timvir-accent-color);}.t1663phv:focus-within::after{border-color:var(--timvir-accent-color);}
3
+ .t1663phv{display:flex;align-items:center;padding:0 0 0 10px;height:36px;position:relative;background:var(--timvir-secondary-background-color);}.t1663phv::after{display:block;position:absolute;content:"";inset:0;pointer-events:none;border:1px solid var(--timvir-border-color);border-radius:2px;}.t1663phv:hover::after{border-color:var(--timvir-text-color);}.t1663phv:focus-within::after{border-color:var(--timvir-text-color);}
4
4
  .s1k50njo{display:inline-block;color:var(--timvir-secondary-text-color);margin-right:6px;}
5
- .i1dajnne{border:none;outline:none;font:inherit;background:transparent;align-self:stretch;padding:0;height:34px;width:100%;color:inherit;}
6
- .b128wsn{border:none;outline:none;height:36px;background:var(--timvir-accent-color);font:inherit;border-radius:2px;cursor:pointer;transition:background 0.2s;}.b128wsn:hover{background:var(--c-p-3);}.b128wsn:active{background:var(--c-p-4);}
5
+ .i1dajnne{border:none;outline:none;font:inherit;background:transparent;align-self:stretch;padding:0;width:100%;color:inherit;}
6
+ .b128wsn{border:none;outline:none;height:36px;border:1px solid var(--timvir-border-color);border-radius:2px;background:var(--timvir-secondary-background-color);color:var(--timvir-text-color);font:inherit;}.b128wsn:hover{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}.b128wsn:active{border-color:var(--timvir-text-color);background:var(--timvir-sidebar-highlight-color);}
7
7
 
8
8
  .tac6gx6{color:#393a34;background-color:#f6f8fa;}.tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}.tac6gx6 :is(.namespace){opacity:0.7;}.tac6gx6 :is(.string,.attr-value){color:#e3116c;}.tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}.tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}.tac6gx6 :is(.tag,.selector,.keyword){color:#00009f;}.tac6gx6 :is(.function-variable){color:#6f42c1;}.tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#00a4db;}.tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#36acaa;}:root[data-timvir-theme="dark"] .tac6gx6{color:#adbac7;background-color:#2d333b;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.comment,.prolog,.doctype,.cdata){color:#999988;font-style:italic;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.namespace){opacity:0.7;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.string,.attr-value){color:#96d0ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.punctuation,.operator){color:#6cb6ff;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function,.delete,.tag){color:#d73a49;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.tag,.selector,.keyword){color:#8ddb8c;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.function-variable){color:#6f42c1;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.atrule,.keyword,.attr-name,.selector){color:#f47067;}:root[data-timvir-theme="dark"] .tac6gx6 :is(.entity,.url,.symbol,.number,.boolean,.variable,.constant,.property,.regex,.inserted){color:#dcbdfb;}
9
9
 
@@ -13,13 +13,13 @@
13
13
  .s1hdfi6o{position:absolute;z-index:-1;top:0;right:0;transition:all 0.2s;transform:translate(48px,-48px);}.s1hdfi6o path{fill:var(--c-p-4);}
14
14
  .d17pltln{padding:16px 24px 16px 0;}
15
15
 
16
- .r9v2r0l{margin:1.5rem 0 3rem;}:root[data-timvir-theme="dark"] .r9v2r0l .shiki,:root[data-timvir-theme="dark"] .r9v2r0l .shiki span{color:var(--shiki-dark) !important;font-style:var(--shiki-dark-font-style) !important;font-weight:var(--shiki-dark-font-weight) !important;text-decoration:var(--shiki-dark-text-decoration) !important;}
17
- .cs7tint{overflow-x:auto;contain:content;font-size:0.9em;border-radius:5px;--timvir-b-Code-bleed:var(--timvir-page-margin,24px);--timvir-b-Code-inlinePadding:max(var(--timvir-b-Code-bleed),24px);padding:0;margin:0 calc(-1 * var(--timvir-b-Code-bleed));box-shadow:inset 0 0 0 1px rgb(16 22 26 / 20%),0 1px 4px rgb(16 22 26 / 10%);transition:box-shadow 0.3s;}.cs7tint:hover{box-shadow:inset 0 0 0 1px rgb(16 22 26 / 30%),0 1px 4px rgb(16 22 26 / 10%),0 8px 24px rgb(16 22 26 / 10%);}:root[data-timvir-theme="dark"] .cs7tint{box-shadow:inset 0 0 0 1px rgb(216 222 226 / 10%),0 1px 4px rgb(216 222 226 / 5%), 0 2px 8px rgb(216 222 226 / 2%);}:root[data-timvir-theme="dark"] .cs7tint:hover{box-shadow:inset 0 0 0 1px rgb(216 222 226 / 10%),0 1px 3px rgb(216 222 226 / 7%), 0 2px 16px rgb(216 222 226 / 5%);}.cs7tint pre{margin:0;padding:16px 0;background-color:transparent !important;}.cs7tint pre code{display:block;}.cs7tint pre code .line{display:inline-block;position:relative;width:100%;}.cs7tint pre .line{padding-inline:var(--timvir-b-Code-inlinePadding);margin-inline:1px;}
16
+ :root[data-timvir-theme="dark"] .r9v2r0l .shiki,:root[data-timvir-theme="dark"] .r9v2r0l .shiki span{color:var(--shiki-dark) !important;font-style:var(--shiki-dark-font-style) !important;font-weight:var(--shiki-dark-font-weight) !important;text-decoration:var(--shiki-dark-text-decoration) !important;}
17
+ .cs7tint{overflow-x:auto;contain:content;font-size:0.8em;border-radius:5px;--timvir-b-Code-bleed:calc(var(--timvir-margin,0px) * 0.6666);--timvir-b-Code-inlinePadding:max(var(--timvir-b-Code-bleed),8px);padding:0;margin:0 calc(-1 * var(--timvir-b-Code-bleed));border:1px solid var(--timvir-border-color);}.cs7tint pre{margin:0;padding:16px 0;background-color:var(--timvir-secondary-background-color) !important;}.cs7tint pre code{display:block;}.cs7tint pre code .line{display:inline-block;position:relative;width:100%;}.cs7tint pre .line{padding-inline:var(--timvir-b-Code-inlinePadding);}
18
18
  .fjvaz2s{display:grid;border-radius:0;box-shadow:none;margin-inline:0;grid-auto-rows:min-content;grid-template-columns:[le] 0 [lc] 1fr [rc] 0 [re];grid-column-gap:16px;}.fjvaz2s:hover{box-shadow:none;}@media (min-width:60rem){.fjvaz2s{grid-template-columns:[le] 1fr [lc] minmax(0,48rem) [rc] 1fr [re];grid-column-gap:24px;}}.fjvaz2s > *{grid-column:lc / re;}
19
- .lchll0h{padding-inline:var(--timvir-b-Code-inlinePadding);margin-inline:1px;}
19
+ .lchll0h{padding-inline:var(--timvir-b-Code-inlinePadding);}
20
20
  .h1xcko1i{background-color:#ffe10044;}:root[data-timvir-theme="dark"] .h1xcko1i{background-color:rgba(174,124,20,0.15);}
21
21
  .ll2b9hx{display:inline-block;width:var(--timvir-b-Code-bleed);color:var(--timvir-secondary-text-color);text-align:right;padding-inline:4px;}
22
- .c5vr6r2{font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:2px;}
22
+ .c5vr6r2{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:2px;}
23
23
 
24
24
 
25
25
  .r1f19pie{position:relative;}
@@ -35,9 +35,9 @@
35
35
  .a1y0tcvx:hover::before,.a1y0tcvx::before{box-shadow:0 0 0 2px var(--c-p-5);opacity:1;}
36
36
 
37
37
 
38
- .r1nql2f9{margin:0 0 1.5rem;--timvir-b-Exhibit-bleed:0px;--timvir-b-Exhibit-borderColor:#EFEFEF;--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-borderColor:#101010;--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
39
- .c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);}
40
- .cf43jjx{font-size:0.75rem;color:var(--timvir-secondary-text-color);margin-top:2px;}
38
+ .r1nql2f9{--timvir-b-Exhibit-bleed:calc(var(--timvir-margin,0px) * 0.6666);--timvir-b-Exhibit-borderColor:var(--timvir-border-color);--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAHElEQVR4AWP4/u07Mvr75y8yGlBpND6a6oGUBgAxMSSkDKa/pQAAAABJRU5ErkJggg==);}:root[data-timvir-theme="dark"] .r1nql2f9{--timvir-b-Exhibit-background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAFklEQVQI12NQBQF2EGAghQkmwXxSmADZJQiZ2ZZ46gAAAABJRU5ErkJggg==);}
39
+ .c4ji594{display:flow-root;background:var(--timvir-b-Exhibit-background);margin:0 calc(-1 * var(--timvir-b-Exhibit-bleed));padding:var(--timvir-b-Exhibit-bleed);border-radius:5px;}
40
+ .cf43jjx{font-size:0.8125rem;line-height:1.1875;color:var(--timvir-secondary-text-color);margin-top:2px;}
41
41
 
42
42
  .mby32tn{display:flex;align-items:baseline;font-size:0.9rem;font-weight:bold;transition:all 0.2s;}
43
43
  .rc7ivp5{padding:16px 0;}
@@ -49,7 +49,7 @@
49
49
  .dw285p4{overflow:hidden;transition:height 0.2s,opacity 0.2s 0.1s;}
50
50
  .dx3nfmc{outline:none;user-select:text;white-space:pre-wrap;overflow-wrap:break-word;}
51
51
 
52
- .r1c1ozpm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
52
+ .r1c1ozpm{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--timvir-page-margin,24px);--timvir-margin:calc(var(--timvir-page-margin,24px) * 0.5);}
53
53
 
54
54
  .b1a0xzv7{background:white;place-self:stretch;border-radius:2px;transition:all 0.2s;box-shadow:0 0 0 0 rgba(0,0,0,0.1);}
55
55
  .g10obtzp{opacity:0;transition:all 0.2s;pointer-events:none;}
@@ -58,7 +58,7 @@
58
58
  .n1xsexuc{margin-top:6px;white-space:nowrap;font-size:0.75rem;opacity:0;transition:all 0.16s;z-index:-1;color:var(--timvir-secondary-text-color);text-align:center;user-select:none;pointer-events:none;position:absolute;left:50%;bottom:-20px;transform:translateX(-50%);}
59
59
  .r1k0w618{position:relative;z-index:1;}.r1k0w618 svg{display:block;}.r1k0w618:hover .n1xsexuc{opacity:1;bottom:-26px;color:var(--timvir-text-color);}.r1k0w618:active .n1xsexuc{bottom:-24px;}
60
60
 
61
- .r1ssql2z{position:relative;background:var(--c-p-0);color:black;border-radius:3px;padding:16px 24px 16px 24px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);display:flex;align-items:flex-start;line-height:1.5;}
61
+ .r1ssql2z{position:relative;background:var(--c-p-0);color:black;border-radius:3px;padding:16px 24px 16px 24px;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2);display:flex;align-items:flex-start;font-size:0.875rem;line-height:1.5;}
62
62
  .dhvu07f > *:first-child{margin-top:0;}.dhvu07f > *:last-child{margin-bottom:0;}.dhvu07f > h3:before{display:none;}
63
63
  .i1dz18jz{position:relative;top:3px;margin:-2px 12px 0 -4px;}.i1dz18jz > svg{display:block;}
64
64
  .i41wipx{background:#f0f2fc;color:black;}.i41wipx .i1dz18jz{color:#2a47d5;}
@@ -81,7 +81,7 @@
81
81
 
82
82
  .r1ouu0bc{contain:layout;}
83
83
  .d1uj09ka{position:relative;}
84
- .d2uawyc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
84
+ .d2uawyc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-variant-numeric:tabular-nums;}
85
85
  .d8ms9m9{display:flex;align-items:stretch;justify-content:center;}
86
86
  .d17q9rbm{border-radius:3px;display:grid;grid-template-columns:56px auto 56px;grid-template-rows:0 auto 0;grid-column-gap:8px;}
87
87
  .daubpa6{grid-column:2 / span 1;grid-row:2 / span 1;position:relative;flex:1;height:100px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAAAAACoWZBhAAAAF0lEQVQI12P4BAI/QICBFCaYBPNJYQIAkUZftTbC4sIAAAAASUVORK5CYII=);transition:height 0.16s;overflow:hidden;}
@@ -100,7 +100,7 @@
100
100
 
101
101
 
102
102
 
103
- .g1et32pl{display:grid;--timvir-page-margin:16px;grid-auto-rows:min-content;grid-template-columns:[le] var(--timvir-page-margin) [lex lc] 1fr [rc rex] var(--timvir-page-margin) [re];}@media (min-width:48rem){.g1et32pl{--timvir-page-margin:24px;grid-template-columns:[le] var(--timvir-page-margin) [lex] 1fr [lc] minmax(0,48rem) [rc] 1fr [rex] var( --timvir-page-margin ) [re];}}@media (min-width:72rem){.g1et32pl{grid-template-columns:[le] 1fr var(--timvir-page-margin) [lex] minmax(0,12rem) [lc] 48rem [rc] minmax(0,12rem) [rex] var( --timvir-page-margin ) 1fr [re];}}.g1et32pl > *:not(.nc2e9vn){grid-column:lc / rc;min-width:0;}
103
+ .g1et32pl{display:grid;--timvir-page-margin:16px;--timvir-margin:var(--timvir-page-margin);grid-auto-rows:min-content;grid-template-columns:[le] var(--timvir-page-margin) [lex lc] 1fr [rc rex] var(--timvir-page-margin) [re];}@media (min-width:48rem){.g1et32pl{--timvir-page-margin:24px;grid-template-columns:[le] var(--timvir-page-margin) [lex] 1fr [lc] minmax(0,48rem) [rc] 1fr [rex] var( --timvir-page-margin ) [re];}}@media (min-width:72rem){.g1et32pl{grid-template-columns:[le] 1fr var(--timvir-page-margin) [lex] minmax(0,12rem) [lc] 48rem [rc] minmax(0,12rem) [rex] var( --timvir-page-margin ) 1fr [re];}}.g1et32pl > *:not(.nc2e9vn){grid-column:lc / rc;min-width:0;}.g1et32pl > *{margin:0 0 2rem;}.g1et32pl > p + ul{margin-top:-1.25rem;}
104
104
  .en6sn9p{grid-column:lex / rex;}
105
105
  .f3c539b{grid-column:le / re;}
106
106
 
@@ -110,7 +110,7 @@
110
110
  .l29wcr8{display:block;color:white;text-decoration:none;}.l29wcr8:hover{color:var(--c-p-4);}
111
111
  .m1ojti9g{color:var(--timvir-secondary-text-color);}.m1ojti9g a{color:currentColor;text-decoration:none;background-image:linear-gradient(transparent,transparent 5px,#383838 5px,#383838);background-position:bottom;background-size:100% 6px;background-repeat:repeat-x;}.m1ojti9g a:hover{background-image:linear-gradient(transparent,transparent 3px,#2bbc8a 3px,#2bbc8a);}
112
112
 
113
- .t1amubg3{font-family:system-ui,sans-serif;font-feature-settings:"liga","kern";text-rendering:optimizelegibility;font-size:16px;line-height:1.725;background-color:var(--timvir-background-color);color:var(--timvir-text-color);--c-p-0:#f0fcf6;--c-p-1:#d1f6e4;--c-p-2:#a0dbc1;--c-p-3:#61c19f;--c-p-4:#38a585;--c-p-5:#1b896b;}:root{box-sizing:border-box;}*,*:before,*:after{box-sizing:inherit;}:root{--timvir-background-color:#ffffff;--timvir-text-color:#000000d9;--timvir-secondary-text-color:#00000066;--timvir-sidebar-background-color:#f0fcf6;--timvir-sidebar-text-color:#000000d9;--timvir-sidebar-highlight-color:rgb(216,226,221);--timvir-accent-color:#38a585;}:root[data-timvir-theme="dark"]{--timvir-background-color:#1f2023;--timvir-text-color:rgba(255 255 255 / 0.86);--timvir-secondary-text-color:rgba(255 255 255 / 0.56);--timvir-sidebar-background-color:#1b1c1e;--timvir-sidebar-text-color:rgba(255 255 255 / 0.86);--timvir-sidebar-highlight-color:rgb(55,57,61);--timvir-accent-color:#38a585;}
113
+ .t1amubg3{font-family:system-ui,sans-serif;font-feature-settings:"liga","kern";text-rendering:optimizelegibility;font-size:0.9375rem;line-height:1.7333;background-color:var(--timvir-background-color);color:var(--timvir-text-color);--c-p-0:#f0fcf6;--c-p-1:#d1f6e4;--c-p-2:#a0dbc1;--c-p-3:#61c19f;--c-p-4:#38a585;--c-p-5:#1b896b;}:root{box-sizing:border-box;scroll-padding-top:20px;}*,*:before,*:after{box-sizing:inherit;}:root{--timvir-background-color:#ffffff;--timvir-text-color:#000000c9;--timvir-secondary-text-color:#00000066;--timvir-secondary-background-color:#f9f8f9;--timvir-border-color:#e9e8ea;--timvir-sidebar-highlight-color:rgb(237,237,237);--timvir-accent-color:#38a585;}:root[data-timvir-theme="dark"]{--timvir-background-color:#1f2023;--timvir-text-color:rgba(255 255 255 / 0.86);--timvir-secondary-text-color:rgba(255 255 255 / 0.56);--timvir-secondary-background-color:#161618;--timvir-border-color:#27292f;--timvir-sidebar-highlight-color:rgb(41,43,47);--timvir-accent-color:#38a585;}
114
114
 
115
115
  .ru1mblv{background-color:transparent;color:rgb(214,214,214);white-space:nowrap;display:flex;flex:0 0 100%;align-items:center;transition:color 0.1s;height:46px;display:flex;flex-shrink:initial;flex-basis:initial;flex-direction:row;flex-grow:1;overflow:hidden;align-items:center;padding-inline:14px;border-left:none;cursor:default;}.ru1mblv:hover{background-color:rgb(55,55,60);}
116
116
  .i1wyx06o{margin-right:12px;width:16px;}.i1wyx06o > svg{display:block;width:16px;height:16px;}
@@ -131,38 +131,44 @@
131
131
  .lifnzb8{font-size:1.2rem;color:inherit;text-decoration:none;}.lifnzb8:hover{color:var(--c-p-3);}
132
132
  .dymvrdu{opacity:0.5;}
133
133
 
134
- .a12hs2f7{position:absolute;top:0em;left:-0.8em;color:var(--timvir-accent-color);font-weight:bold;font-size:1em;text-decoration:none;}@media (min-width:48rem){.a12hs2f7{top:-0.1em;left:-0.9em;font-size:1.1em;}}
135
- .h31avqb{display:block;margin-top:3rem;margin-bottom:1rem;color:var(--timvir-accent-color);letter-spacing:0.01em;font-style:normal;font-size:36px;font-weight:600;text-indent:-0.05em;}
136
- .h6ceq1b{position:relative;display:block;margin-top:2rem;margin-bottom:0.5rem;text-transform:none;letter-spacing:normal;font-size:24px;font-weight:500;}
137
- .hj6166y{position:relative;display:block;margin-top:2rem;margin-bottom:0.5rem;text-transform:none;letter-spacing:normal;font-size:18px;font-weight:500;}
138
- .h1f8mqks{position:relative;display:block;margin-top:2rem;margin-bottom:0.5rem;text-transform:none;letter-spacing:normal;font-weight:normal;font-size:0.9rem;}
139
- .b1hmga4{margin-left:0;font-size:1.1rem;}.b1hmga4 > *:first-child{margin-top:0;}.b1hmga4 > *:last-child{margin-bottom:0;}
140
- .hlrd6ep{display:block;border:none;height:1px;width:100%;background:currentColor;opacity:0.25;}
141
- .t172su6f{border-spacing:0;border-collapse:collapse;width:100%;overflow:auto;}
134
+ .a12hs2f7{color:inherit;text-decoration:none;}.a12hs2f7:hover svg{opacity:1;transform:none;visibility:visible;--visibility-delay:0s;}
135
+ .c31avqb{margin-left:6px;color:var(--timvir-secondary-text-color);height:0.9rem;width:0.9rem;vertical-align:middle;transition:opacity 0.2s,transform 0.2s,visibility 0s var(--visibility-delay,0.2s);opacity:0;visibility:hidden;transform:translateX(-50%);}
136
+ .h6ceq1b{margin-top:3rem;margin-bottom:1rem;font-size:2rem;line-height:1.125;font-weight:590;text-indent:-0.05em;}
137
+ .hj6166y{position:relative;margin:2.5rem 0 1rem;font-size:1.5rem;line-height:1.1666;font-weight:590;}
138
+ .h1f8mqks{position:relative;margin:1rem 0 1rem;font-size:1.0625rem;line-height:1.4705882353;font-weight:590;}
139
+ .h1hmga4{position:relative;margin:1rem 0 1rem;font-size:0.9375rem;line-height:1.4375;font-weight:590;}
140
+ .blrd6ep{margin-left:0;font-size:1.1rem;}.blrd6ep > *:first-child{margin-top:0;}.blrd6ep > *:last-child{margin-bottom:0;}
141
+ .h172su6f{display:block;border:none;height:1px;width:100%;background:currentColor;opacity:0.25;}
142
+ .t1a7p0gg{border-spacing:0;border-collapse:collapse;width:100%;overflow:auto;}
142
143
 
143
144
 
144
- .twrwqj6{background-color:#fff;border-top:1px solid var(--c-p-2);}.twrwqj6:nth-child(2n){background-color:var(--c-p-0);}
145
- .t1fhygp{text-align:var(--t1fhygp-0);padding:6px 13px;border:1px solid var(--c-p-2);}
145
+ .t1fhygp{background-color:#fff;border-top:1px solid var(--c-p-2);}.t1fhygp:nth-child(2n){background-color:var(--c-p-0);}
146
146
  .t176v8uh{text-align:var(--t176v8uh-0);padding:6px 13px;border:1px solid var(--c-p-2);}
147
- .cvhsmuz{border-radius:3px;padding:2px 5px;font-size:0.9em;background:#f6f8fa;box-shadow:inset 0 0 0 1px rgba(16,22,26,0.2),inset 0 1px 4px rgba(16,22,26,0.1);}:root[data-timvir-theme="dark"] .cvhsmuz{background:#2b2a33;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.2),inset 0 1px 4px rgba(255,255,255,0.1);}
148
- .a197eb99{color:currentColor;text-decoration:none;background-image:linear-gradient(transparent,transparent 5px,#383838 5px,#383838);background-position:bottom;background-size:100% 6px;background-repeat:repeat-x;}.a197eb99:hover{background-image:linear-gradient(transparent,transparent 3px,#2bbc8a 3px,#2bbc8a);}.a197eb99:hover .cvhsmuz{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.5),inset 0 1px 4px rgba(16,22,26,0.2);}.a197eb99:active .cvhsmuz{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.7),inset 0 1px 4px rgba(16,22,26,0.4);background:var(--c-p-2);}
149
- .p1d7vdmn{margin:0 0 1rem;}
150
- .ugfnift{margin:0 0 1rem;}
151
- .o3pt2dg{margin:0 0 1rem;}
147
+ .tvhsmuz{text-align:var(--tvhsmuz-0);padding:6px 13px;border:1px solid var(--c-p-2);}
148
+ .c197eb99{border-radius:5px;padding:4px 6px 3px;font-size:0.8em;background:var(--timvir-secondary-background-color);border:1px solid var(--timvir-border-color);}
149
+ .a1d7vdmn{color:currentColor;text-decoration:none;background-image:linear-gradient(transparent,transparent 5px,#383838 5px,#383838);background-position:bottom;background-size:100% 6px;background-repeat:repeat-x;}.a1d7vdmn:hover{background-image:linear-gradient(transparent,transparent 3px,#2bbc8a 3px,#2bbc8a);}.a1d7vdmn:hover .c197eb99{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.5),inset 0 1px 4px rgba(16,22,26,0.2);}.a1d7vdmn:active .c197eb99{box-shadow:inset 0 0 0 1px rgba(16,22,26,0.7),inset 0 1px 4px rgba(16,22,26,0.4);background:var(--c-p-2);}
150
+
151
+
152
+
153
+
154
+ .r28qe6v{display:flex;align-items:center;margin:1px 0;}.r28qe6v > a{min-width:0;transition:background 0.16s;border-radius:4px;display:flex;align-items:center;color:var(--timvir-text-color);font-size:0.8125rem;line-height:2.2;font-weight:500;background:none;text-decoration:none;width:100%;padding:0 8px;opacity:0.7;}.r28qe6v:hover a{background-color:var(--timvir-sidebar-highlight-color);opacity:1;}.r28qe6v[data-active="true"] a{background-color:var(--timvir-sidebar-highlight-color);opacity:1;}
155
+ .i1ia823q{display:block;width:1.3em;height:1.3em;margin-right:8px;min-width:fit-content;}
156
+ .l13ixk6c{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:auto;}
157
+ .i7wcd3g{margin-left:4px;transition:transform 0.12s cubic-bezier(0.455,0.03,0.515,0.955);transform-origin:center center;}
152
158
 
153
159
 
154
- .njdy1am{display:flex;align-items:center;margin:1px 0;padding:0 16px;}.njdy1am > a{transition:background 0.16s;border-radius:4px;display:inline-flex;align-items:center;color:var(--timvir-sidebar-text-color);font-size:14px;line-height:1.725;background:none;text-decoration:none;width:100%;padding:0 6px;height:27px;}.njdy1am:hover a{background-color:var(--timvir-sidebar-highlight-color);}.njdy1am[data-active="true"] a{background-color:var(--timvir-sidebar-highlight-color);}
155
160
 
156
161
  .d17eoe18{display:none;height:0;}@media (min-width:60rem){.d17eoe18{display:flex;flex-direction:column;height:100%;}}
157
- .d1mgn6rc{padding:24px 3px 24px;flex-shrink:0;transition:all 0.16s;}
162
+ .d1mgn6rc{padding:24px 0 0;flex-shrink:0;transition:all 0.16s;}
158
163
  .d7bx8iu{box-shadow:0 1px 0 rgba(16,22,26,0.15);}
159
164
  .r119ou0k{position:fixed;top:0;left:0;bottom:0;width:0;}@media (min-width:60rem){.r119ou0k{width:300px;}}
160
- .s1f74255{padding:24px 3px 30px;overflow-y:auto;flex-grow:1;overscroll-behavior:contain;}
161
- .d5l3c45{font-family:system-ui;}
162
- .d15ju3pv{color:var(--timvir-text-color);font-size:14px;font-weight:500;line-height:1.725;cursor:pointer;padding:2px 24px;border-radius:3px;display:flex;align-items:center;}.d15ju3pv:hover{background:var(--timvir-sidebar-highlight-color);}.d15ju3pv > svg{display:block;margin-right:4px;}
165
+ .s1f74255{padding:16px 0 30px;overflow-y:auto;flex-grow:1;overscroll-behavior:contain;}
166
+ .n5l3c45{padding-inline:16px;}
167
+ .d15ju3pv{font-family:system-ui;padding:0 16px;}
168
+ .d2bwnbz{color:var(--timvir-text-color);font-size:0.8125rem;line-height:2.2;font-weight:400;cursor:pointer;height:36px;border-radius:8px;padding:0 12px;border:1px solid var(--timvir-border-color);background:var(--timvir-secondary-background-color);display:flex;align-items:center;}.d2bwnbz:hover{background:var(--timvir-sidebar-highlight-color);}.d2bwnbz > svg{display:block;margin-right:8px;}
163
169
 
164
170
  .rfhjyp1{min-height:100vh;display:grid;grid-template-columns:[l] 0 [m] 1fr [r];}@media (min-width:60rem){.rfhjyp1{grid-template-columns:[l] 300px [m] 1fr [r];}}
165
- .d1pp8z35{background-color:var(--timvir-sidebar-background-color);grid-column:l / m;}
171
+ .d1pp8z35{grid-column:l / m;border-right:1px solid var(--timvir-border-color);}
166
172
  .dxk1fgw{display:flex;flex-direction:column;grid-column:m / r;}
167
173
  .d2srpki{margin-top:auto;}
168
174
  .d1hkiw6l{margin-top:auto;padding-top:80px;}