@umami/shiso 0.31.0 → 0.33.0

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 (4) hide show
  1. package/dist/index.css +38 -20
  2. package/dist/index.js +40 -38
  3. package/dist/index.mjs +54 -53
  4. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1,39 +1,40 @@
1
1
  /* virtual-css:css:e01d9571088b882a03b91eb2755da783 */
2
- .PageLinks_links__YmMzM {
2
+ .PageLinks_links__ZWUxN {
3
3
  position: sticky;
4
4
  top: 30px;
5
5
  height: max-content;
6
+ min-width: 240px;
6
7
  }
7
- .PageLinks_links__YmMzM a.PageLinks_link__MjIyN {
8
+ .PageLinks_links__ZWUxN a.PageLinks_link__MTJmN {
8
9
  display: block;
9
10
  color: var(--font-color-muted);
10
11
  font-size: var(--font-size);
11
12
  text-wrap: nowrap;
12
13
  text-decoration: none;
13
14
  }
14
- .PageLinks_links__YmMzM a.PageLinks_link__MjIyN:hover {
15
+ .PageLinks_links__ZWUxN a.PageLinks_link__MTJmN:hover {
15
16
  color: var(--primary-color);
16
17
  text-decoration: none;
17
18
  }
18
- .PageLinks_indent-1__MDg5M {
19
+ .PageLinks_indent-1__MGExM {
19
20
  margin-left: 0;
20
21
  }
21
- .PageLinks_indent-2__YTU4M {
22
+ .PageLinks_indent-2__NDM3O {
22
23
  margin-left: 0;
23
24
  }
24
- .PageLinks_indent-3__NTYxY {
25
+ .PageLinks_indent-3__YmJlN {
25
26
  margin-left: 10px;
26
27
  }
27
- .PageLinks_indent-4__NjhmY {
28
+ .PageLinks_indent-4__OTNjM {
28
29
  margin-left: 20px;
29
30
  }
30
- .PageLinks_indent-5__ZmFiY {
31
+ .PageLinks_indent-5__YTIwM {
31
32
  margin-left: 30px;
32
33
  }
33
- .PageLinks_indent-6__MmRkN {
34
+ .PageLinks_indent-6__MjQwY {
34
35
  margin-left: 40px;
35
36
  }
36
- .PageLinks_links__YmMzM a.PageLinks_selected__NDQxY {
37
+ .PageLinks_links__ZWUxN a.PageLinks_selected__NDA0Y {
37
38
  color: var(--primary-color);
38
39
  }
39
40
 
@@ -96,36 +97,53 @@
96
97
  }
97
98
 
98
99
  /* virtual-css:css:62c31e195181c97259fa56b13d20ea6d */
99
- .SideNav_nav__YjU1O {
100
+ .SideNav_nav__NjczM {
100
101
  overflow-y: auto;
101
- scrollbar-width: thin;
102
- scrollbar-color: var(--border-color) var(--background-color);
103
- scrollbar-gutter: stable;
102
+ min-width: 240px;
104
103
  }
105
- .SideNav_nav__YjU1O.SideNav_sticky__NjhmY {
104
+ .SideNav_nav__NjczM::-webkit-scrollbar {
105
+ width: 15px;
106
+ background: transparent;
107
+ }
108
+ .SideNav_nav__NjczM::-webkit-scrollbar-track {
109
+ border: 7px solid rgba(0, 0, 0, 0);
110
+ background-color: var(--border-color);
111
+ background-clip: padding-box;
112
+ }
113
+ .SideNav_nav__NjczM::-webkit-scrollbar-thumb {
114
+ border: 7px solid rgba(0, 0, 0, 0);
115
+ background-color: var(--primary-color);
116
+ background-clip: padding-box;
117
+ }
118
+ .SideNav_nav__NjczM::-webkit-scrollbar-thumb:hover {
119
+ border: 5px solid rgba(0, 0, 0, 0);
120
+ background-color: var(--primary-color);
121
+ background-clip: padding-box;
122
+ }
123
+ .SideNav_nav__NjczM.SideNav_sticky__ZDRkY {
106
124
  position: sticky;
107
125
  top: 30px;
108
126
  }
109
- .SideNav_nav__YjU1O .SideNav_item__ZGRlM {
127
+ .SideNav_nav__NjczM .SideNav_item__NTQ3O {
110
128
  color: var(--font-color-muted);
111
129
  padding: 0;
112
130
  border-radius: 0;
113
131
  border-left: var(--border-size-1) solid var(--border-color);
114
132
  }
115
- .SideNav_nav__YjU1O .SideNav_item__ZGRlM a {
133
+ .SideNav_nav__NjczM .SideNav_item__NTQ3O a {
116
134
  color: currentColor;
117
135
  width: 100%;
118
136
  padding: var(--padding-y) var(--padding-x);
119
137
  text-decoration: none;
120
138
  }
121
- .SideNav_nav__YjU1O .SideNav_item__ZGRlM a:hover {
139
+ .SideNav_nav__NjczM .SideNav_item__NTQ3O a:hover {
122
140
  color: var(--primary-color);
123
141
  }
124
- .SideNav_nav__YjU1O .SideNav_item__ZGRlM.SideNav_selected__NTMzY {
142
+ .SideNav_nav__NjczM .SideNav_item__NTQ3O.SideNav_selected__MmIzM {
125
143
  color: var(--font-color);
126
144
  border-color: var(--primary-color);
127
145
  }
128
- .SideNav_items__MWI3O header {
146
+ .SideNav_items__MDExZ header {
129
147
  padding: var(--padding-y) 0;
130
148
  }
131
149
 
package/dist/index.js CHANGED
@@ -49,7 +49,7 @@ var import_react_zen = require("@umami/react-zen");
49
49
  var import_classnames = __toESM(require("classnames"));
50
50
 
51
51
  // css-modules:E:\dev\umami-shiso\src\components\PageLinks.module.css
52
- var PageLinks_default = { "links": "PageLinks_links__YmMzM", "link": "PageLinks_link__MjIyN", "indent-1": "PageLinks_indent-1__MDg5M", "indent-2": "PageLinks_indent-2__YTU4M", "indent-3": "PageLinks_indent-3__NTYxY", "indent-4": "PageLinks_indent-4__NjhmY", "indent-5": "PageLinks_indent-5__ZmFiY", "indent-6": "PageLinks_indent-6__MmRkN", "selected": "PageLinks_selected__NDQxY" };
52
+ var PageLinks_default = { "links": "PageLinks_links__ZWUxN", "link": "PageLinks_link__MTJmN", "indent-1": "PageLinks_indent-1__MGExM", "indent-2": "PageLinks_indent-2__NDM3O", "indent-3": "PageLinks_indent-3__YmJlN", "indent-4": "PageLinks_indent-4__OTNjM", "indent-5": "PageLinks_indent-5__YTIwM", "indent-6": "PageLinks_indent-6__MjQwY", "selected": "PageLinks_selected__NDA0Y" };
53
53
 
54
54
  // src/components/PageLinks.tsx
55
55
  var import_jsx_runtime = require("react/jsx-runtime");
@@ -130,6 +130,14 @@ function Markdown({ code }) {
130
130
  // src/components/Blog.tsx
131
131
  var import_jsx_runtime3 = require("react/jsx-runtime");
132
132
  function Blog({ title, description, code, author, date, image, anchors }) {
133
+ const linksDisplay = {
134
+ default: "none",
135
+ xs: "none",
136
+ sm: "none",
137
+ md: "none",
138
+ lg: "block",
139
+ xl: "block"
140
+ };
133
141
  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_zen3.Column, { gap: "8", maxWidth: "900px", style: { margin: "0 auto" }, children: [
134
142
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen3.Box, { flexGrow: 1, children: title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen3.Heading, { size: "1", as: "h1", align: "center", children: title }) }),
135
143
  image && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen3.Box, { height: "480px", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen3.Image, { src: image, alt: title, objectFit: "cover", borderRadius: "3" }) }),
@@ -137,9 +145,9 @@ function Blog({ title, description, code, author, date, image, anchors }) {
137
145
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen3.Text, { children: author }),
138
146
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_zen3.Text, { children: date && (0, import_date_fns.format)(new Date(date), "PP") })
139
147
  ] }),
140
- /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_zen3.Grid, { columns: "1fr 240px", gap: "5", children: [
148
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_zen3.Row, { gap: "6", children: [
141
149
  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Markdown, { code }),
142
- /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PageLinks, { items: anchors })
150
+ /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PageLinks, { display: linksDisplay, items: anchors })
143
151
  ] })
144
152
  ] });
145
153
  }
@@ -155,7 +163,7 @@ var import_navigation = require("next/navigation");
155
163
  var import_link = __toESM(require("next/link"));
156
164
 
157
165
  // css-modules:E:\dev\umami-shiso\src\components\SideNav.module.css
158
- var SideNav_default = { "nav": "SideNav_nav__YjU1O", "sticky": "SideNav_sticky__NjhmY", "item": "SideNav_item__ZGRlM", "selected": "SideNav_selected__NTMzY", "items": "SideNav_items__MWI3O" };
166
+ var SideNav_default = { "nav": "SideNav_nav__NjczM", "sticky": "SideNav_sticky__ZDRkY", "item": "SideNav_item__NTQ3O", "selected": "SideNav_selected__MmIzM", "items": "SideNav_items__MDExZ" };
159
167
 
160
168
  // src/components/SideNav.tsx
161
169
  var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -284,6 +292,7 @@ function Docs({ content, config }) {
284
292
  content,
285
293
  config?.docs
286
294
  );
295
+ console.log({ tabs, navigation, code, meta, section, next, prev, anchors });
287
296
  const { top } = config?.docs || {};
288
297
  const navDisplay = {
289
298
  default: "none",
@@ -320,38 +329,31 @@ function Docs({ content, config }) {
320
329
  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_zen7.Box, { flexGrow: "1", children: [
321
330
  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_zen7.Row, { display: menuDisplay, justifyContent: "flex-end", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MobileMenuButton, {}) }),
322
331
  tabs && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TopNav, { tabs }),
323
- /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
324
- import_react_zen7.Grid,
325
- {
326
- gap: "6",
327
- columns: { xs: "1fr", sm: "1fr", md: "1fr", lg: "240px 1fr 240px", xl: "240px 1fr 240px" },
328
- children: [
329
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
330
- SideNav,
331
- {
332
- display: navDisplay,
333
- tabs,
334
- navigation,
335
- style: { top },
336
- isSticky: true,
337
- autoHeight: true
338
- }
339
- ),
340
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
341
- DocContent,
342
- {
343
- section,
344
- title: meta?.title,
345
- description: meta?.description,
346
- code,
347
- next,
348
- prev
349
- }
350
- ),
351
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PageLinks, { display: linksDisplay, items: anchors, style: { top } })
352
- ]
353
- }
354
- )
332
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react_zen7.Row, { gap: "6", children: [
333
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
334
+ SideNav,
335
+ {
336
+ display: navDisplay,
337
+ tabs,
338
+ navigation,
339
+ style: { top },
340
+ isSticky: true,
341
+ autoHeight: true
342
+ }
343
+ ),
344
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
345
+ DocContent,
346
+ {
347
+ section,
348
+ title: meta?.title,
349
+ description: meta?.description,
350
+ code,
351
+ next,
352
+ prev
353
+ }
354
+ ),
355
+ /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PageLinks, { display: linksDisplay, items: anchors, style: { top } })
356
+ ] })
355
357
  ] });
356
358
  }
357
359
 
@@ -398,11 +400,11 @@ function Card({ title, description, date, author, url, image }) {
398
400
  image && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Box, { height: "240px", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Image, { src: image, alt: title, objectFit: "cover" }) }),
399
401
  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen9.Column, { padding: "6", gap: "4", children: [
400
402
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Heading, { size: "4", as: "header", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_link4.default, { href: url, children: title }) }),
401
- /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Text, { as: "p", children: description }),
402
- /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen9.Row, { justifyContent: "space-between", marginTop: "5", children: [
403
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react_zen9.Row, { justifyContent: "space-between", children: [
403
404
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Text, { color: "muted", children: date && (0, import_date_fns2.format)(new Date(date), "PP") }),
404
405
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Text, { color: "muted", children: author })
405
406
  ] }),
407
+ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Box, { marginY: "5", as: "p", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Text, { size: "3", children: description }) }),
406
408
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Button, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_link4.default, { href: url, children: [
407
409
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Text, { children: "Read more" }),
408
410
  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Icon, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_zen9.Icons.Arrow, {}) })
package/dist/index.mjs CHANGED
@@ -5,7 +5,7 @@ import "@umami/react-zen/styles.css";
5
5
  import "highlight.js/styles/github-dark.css";
6
6
 
7
7
  // src/components/Blog.tsx
8
- import { Heading, Box as Box3, Text as Text2, Row, Column as Column2, Grid, Image } from "@umami/react-zen";
8
+ import { Heading, Box as Box3, Text as Text2, Row, Column as Column2, Image } from "@umami/react-zen";
9
9
  import { format } from "date-fns";
10
10
 
11
11
  // src/components/PageLinks.tsx
@@ -14,7 +14,7 @@ import { Column, Text, Box } from "@umami/react-zen";
14
14
  import classNames from "classnames";
15
15
 
16
16
  // css-modules:E:\dev\umami-shiso\src\components\PageLinks.module.css
17
- var PageLinks_default = { "links": "PageLinks_links__YmMzM", "link": "PageLinks_link__MjIyN", "indent-1": "PageLinks_indent-1__MDg5M", "indent-2": "PageLinks_indent-2__YTU4M", "indent-3": "PageLinks_indent-3__NTYxY", "indent-4": "PageLinks_indent-4__NjhmY", "indent-5": "PageLinks_indent-5__ZmFiY", "indent-6": "PageLinks_indent-6__MmRkN", "selected": "PageLinks_selected__NDQxY" };
17
+ var PageLinks_default = { "links": "PageLinks_links__ZWUxN", "link": "PageLinks_link__MTJmN", "indent-1": "PageLinks_indent-1__MGExM", "indent-2": "PageLinks_indent-2__NDM3O", "indent-3": "PageLinks_indent-3__YmJlN", "indent-4": "PageLinks_indent-4__OTNjM", "indent-5": "PageLinks_indent-5__YTIwM", "indent-6": "PageLinks_indent-6__MjQwY", "selected": "PageLinks_selected__NDA0Y" };
18
18
 
19
19
  // src/components/PageLinks.tsx
20
20
  import { jsx, jsxs } from "react/jsx-runtime";
@@ -94,6 +94,14 @@ function Markdown({ code }) {
94
94
  // src/components/Blog.tsx
95
95
  import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
96
96
  function Blog({ title, description, code, author, date, image, anchors }) {
97
+ const linksDisplay = {
98
+ default: "none",
99
+ xs: "none",
100
+ sm: "none",
101
+ md: "none",
102
+ lg: "block",
103
+ xl: "block"
104
+ };
97
105
  return /* @__PURE__ */ jsxs3(Column2, { gap: "8", maxWidth: "900px", style: { margin: "0 auto" }, children: [
98
106
  /* @__PURE__ */ jsx3(Box3, { flexGrow: 1, children: title && /* @__PURE__ */ jsx3(Heading, { size: "1", as: "h1", align: "center", children: title }) }),
99
107
  image && /* @__PURE__ */ jsx3(Box3, { height: "480px", children: /* @__PURE__ */ jsx3(Image, { src: image, alt: title, objectFit: "cover", borderRadius: "3" }) }),
@@ -101,21 +109,20 @@ function Blog({ title, description, code, author, date, image, anchors }) {
101
109
  /* @__PURE__ */ jsx3(Text2, { children: author }),
102
110
  /* @__PURE__ */ jsx3(Text2, { children: date && format(new Date(date), "PP") })
103
111
  ] }),
104
- /* @__PURE__ */ jsxs3(Grid, { columns: "1fr 240px", gap: "5", children: [
112
+ /* @__PURE__ */ jsxs3(Row, { gap: "6", children: [
105
113
  /* @__PURE__ */ jsx3(Markdown, { code }),
106
- /* @__PURE__ */ jsx3(PageLinks, { items: anchors })
114
+ /* @__PURE__ */ jsx3(PageLinks, { display: linksDisplay, items: anchors })
107
115
  ] })
108
116
  ] });
109
117
  }
110
118
 
111
119
  // src/components/Docs.tsx
112
120
  import {
113
- Grid as Grid2,
114
121
  Box as Box6,
115
122
  Heading as Heading3,
116
123
  Button,
117
- Icon as Icon3,
118
- Icons as Icons3,
124
+ Icon as Icon2,
125
+ Icons as Icons2,
119
126
  Row as Row3,
120
127
  Modal,
121
128
  DialogTrigger,
@@ -131,7 +138,7 @@ import { usePathname } from "next/navigation";
131
138
  import Link from "next/link";
132
139
 
133
140
  // css-modules:E:\dev\umami-shiso\src\components\SideNav.module.css
134
- var SideNav_default = { "nav": "SideNav_nav__YjU1O", "sticky": "SideNav_sticky__NjhmY", "item": "SideNav_item__ZGRlM", "selected": "SideNav_selected__NTMzY", "items": "SideNav_items__MWI3O" };
141
+ var SideNav_default = { "nav": "SideNav_nav__NjczM", "sticky": "SideNav_sticky__ZDRkY", "item": "SideNav_item__NTQ3O", "selected": "SideNav_selected__MmIzM", "items": "SideNav_items__MDExZ" };
135
142
 
136
143
  // src/components/SideNav.tsx
137
144
  import { jsx as jsx4 } from "react/jsx-runtime";
@@ -196,7 +203,7 @@ function TopNav({ tabs }) {
196
203
  }
197
204
 
198
205
  // src/components/DocContent.tsx
199
- import { Heading as Heading2, Box as Box5, Text as Text3, Row as Row2, Icon as Icon2, Icons as Icons2 } from "@umami/react-zen";
206
+ import { Heading as Heading2, Box as Box5, Text as Text3, Row as Row2, Icon, Icons } from "@umami/react-zen";
200
207
  import Link3 from "next/link";
201
208
  import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
202
209
  function DocContent({ section, title, description, code, next, prev }) {
@@ -220,9 +227,9 @@ var NavigationButton = ({
220
227
  return /* @__PURE__ */ jsx6(Box5, {});
221
228
  }
222
229
  return /* @__PURE__ */ jsx6(Link3, { href: url, children: /* @__PURE__ */ jsxs4(Row2, { alignItems: "center", gap: "3", marginY: "3", children: [
223
- isPrev && /* @__PURE__ */ jsx6(Icon2, { size: "sm", rotate: 180, children: /* @__PURE__ */ jsx6(Icons2.Chevron, {}) }),
230
+ isPrev && /* @__PURE__ */ jsx6(Icon, { size: "sm", rotate: 180, children: /* @__PURE__ */ jsx6(Icons.Chevron, {}) }),
224
231
  /* @__PURE__ */ jsx6(Text3, { size: "3", weight: "bold", children: label }),
225
- !isPrev && /* @__PURE__ */ jsx6(Icon2, { size: "sm", children: /* @__PURE__ */ jsx6(Icons2.Chevron, {}) })
232
+ !isPrev && /* @__PURE__ */ jsx6(Icon, { size: "sm", children: /* @__PURE__ */ jsx6(Icons.Chevron, {}) })
226
233
  ] }) });
227
234
  };
228
235
 
@@ -260,6 +267,7 @@ function Docs({ content, config }) {
260
267
  content,
261
268
  config?.docs
262
269
  );
270
+ console.log({ tabs, navigation, code, meta, section, next, prev, anchors });
263
271
  const { top } = config?.docs || {};
264
272
  const navDisplay = {
265
273
  default: "none",
@@ -283,12 +291,12 @@ function Docs({ content, config }) {
283
291
  };
284
292
  const MobileMenuButton = () => /* @__PURE__ */ jsxs5(DialogTrigger, { children: [
285
293
  /* @__PURE__ */ jsxs5(Button, { children: [
286
- /* @__PURE__ */ jsx7(Icon3, { children: /* @__PURE__ */ jsx7(Icons3.Menu, {}) }),
294
+ /* @__PURE__ */ jsx7(Icon2, { children: /* @__PURE__ */ jsx7(Icons2.Menu, {}) }),
287
295
  /* @__PURE__ */ jsx7(Text4, { children: "Menu" })
288
296
  ] }),
289
297
  /* @__PURE__ */ jsx7(Modal, { position: "bottom", offset: "40px", children: /* @__PURE__ */ jsx7(Dialog, { variant: "sheet", children: ({ close }) => {
290
298
  return /* @__PURE__ */ jsxs5(Fragment, { children: [
291
- /* @__PURE__ */ jsx7(Row3, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx7(Button, { onPress: () => close(), variant: "quiet", children: /* @__PURE__ */ jsx7(Icon3, { size: "sm", children: /* @__PURE__ */ jsx7(Icons3.Close, {}) }) }) }),
299
+ /* @__PURE__ */ jsx7(Row3, { justifyContent: "flex-end", children: /* @__PURE__ */ jsx7(Button, { onPress: () => close(), variant: "quiet", children: /* @__PURE__ */ jsx7(Icon2, { size: "sm", children: /* @__PURE__ */ jsx7(Icons2.Close, {}) }) }) }),
292
300
  /* @__PURE__ */ jsx7(Box6, { height: "100%", overflow: "auto", children: /* @__PURE__ */ jsx7(SideNav, { tabs, navigation }) })
293
301
  ] });
294
302
  } }) })
@@ -296,38 +304,31 @@ function Docs({ content, config }) {
296
304
  return /* @__PURE__ */ jsxs5(Box6, { flexGrow: "1", children: [
297
305
  /* @__PURE__ */ jsx7(Row3, { display: menuDisplay, justifyContent: "flex-end", children: /* @__PURE__ */ jsx7(MobileMenuButton, {}) }),
298
306
  tabs && /* @__PURE__ */ jsx7(TopNav, { tabs }),
299
- /* @__PURE__ */ jsxs5(
300
- Grid2,
301
- {
302
- gap: "6",
303
- columns: { xs: "1fr", sm: "1fr", md: "1fr", lg: "240px 1fr 240px", xl: "240px 1fr 240px" },
304
- children: [
305
- /* @__PURE__ */ jsx7(
306
- SideNav,
307
- {
308
- display: navDisplay,
309
- tabs,
310
- navigation,
311
- style: { top },
312
- isSticky: true,
313
- autoHeight: true
314
- }
315
- ),
316
- /* @__PURE__ */ jsx7(
317
- DocContent,
318
- {
319
- section,
320
- title: meta?.title,
321
- description: meta?.description,
322
- code,
323
- next,
324
- prev
325
- }
326
- ),
327
- /* @__PURE__ */ jsx7(PageLinks, { display: linksDisplay, items: anchors, style: { top } })
328
- ]
329
- }
330
- )
307
+ /* @__PURE__ */ jsxs5(Row3, { gap: "6", children: [
308
+ /* @__PURE__ */ jsx7(
309
+ SideNav,
310
+ {
311
+ display: navDisplay,
312
+ tabs,
313
+ navigation,
314
+ style: { top },
315
+ isSticky: true,
316
+ autoHeight: true
317
+ }
318
+ ),
319
+ /* @__PURE__ */ jsx7(
320
+ DocContent,
321
+ {
322
+ section,
323
+ title: meta?.title,
324
+ description: meta?.description,
325
+ code,
326
+ next,
327
+ prev
328
+ }
329
+ ),
330
+ /* @__PURE__ */ jsx7(PageLinks, { display: linksDisplay, items: anchors, style: { top } })
331
+ ] })
331
332
  ] });
332
333
  }
333
334
 
@@ -338,7 +339,7 @@ import { Code } from "@umami/react-zen";
338
339
 
339
340
  // src/components/CodeBlock.tsx
340
341
  import { useState as useState3, useRef } from "react";
341
- import { Icon as Icon4, Icons as Icons4 } from "@umami/react-zen";
342
+ import { Icon as Icon3, Icons as Icons3 } from "@umami/react-zen";
342
343
 
343
344
  // css-modules:E:\dev\umami-shiso\src\components\CodeBlock.module.css
344
345
  var CodeBlock_default = { "container": "CodeBlock_container__ZTkxY", "button": "CodeBlock_button__MmZkO", "copy": "CodeBlock_copy__M2I0N", "check": "CodeBlock_check__MjkzY" };
@@ -357,15 +358,15 @@ function CodeBlock(props) {
357
358
  };
358
359
  return /* @__PURE__ */ jsxs6("pre", { ref: textInput, className: CodeBlock_default.container, children: [
359
360
  props.children,
360
- /* @__PURE__ */ jsx8("button", { "aria-label": "Copy code", className: CodeBlock_default.button, onClick: handleCopy, children: /* @__PURE__ */ jsx8(Icon4, { size: "sm", className: copied ? CodeBlock_default.check : CodeBlock_default.copy, children: copied ? /* @__PURE__ */ jsx8(Icons4.Check, {}) : /* @__PURE__ */ jsx8(Icons4.Copy, {}) }) })
361
+ /* @__PURE__ */ jsx8("button", { "aria-label": "Copy code", className: CodeBlock_default.button, onClick: handleCopy, children: /* @__PURE__ */ jsx8(Icon3, { size: "sm", className: copied ? CodeBlock_default.check : CodeBlock_default.copy, children: copied ? /* @__PURE__ */ jsx8(Icons3.Check, {}) : /* @__PURE__ */ jsx8(Icons3.Copy, {}) }) })
361
362
  ] });
362
363
  }
363
364
 
364
365
  // src/components/Blogs.tsx
365
- import { Grid as Grid3 } from "@umami/react-zen";
366
+ import { Grid } from "@umami/react-zen";
366
367
 
367
368
  // src/components/Card.tsx
368
- import { Box as Box7, Image as Image2, Column as Column3, Row as Row4, Heading as Heading4, Text as Text5, Button as Button2, Icon as Icon5, Icons as Icons5 } from "@umami/react-zen";
369
+ import { Box as Box7, Image as Image2, Column as Column3, Row as Row4, Heading as Heading4, Text as Text5, Button as Button2, Icon as Icon4, Icons as Icons4 } from "@umami/react-zen";
369
370
  import Link4 from "next/link";
370
371
  import { format as format2 } from "date-fns";
371
372
  import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
@@ -374,14 +375,14 @@ function Card({ title, description, date, author, url, image }) {
374
375
  image && /* @__PURE__ */ jsx9(Box7, { height: "240px", children: /* @__PURE__ */ jsx9(Image2, { src: image, alt: title, objectFit: "cover" }) }),
375
376
  /* @__PURE__ */ jsxs7(Column3, { padding: "6", gap: "4", children: [
376
377
  /* @__PURE__ */ jsx9(Heading4, { size: "4", as: "header", children: /* @__PURE__ */ jsx9(Link4, { href: url, children: title }) }),
377
- /* @__PURE__ */ jsx9(Text5, { as: "p", children: description }),
378
- /* @__PURE__ */ jsxs7(Row4, { justifyContent: "space-between", marginTop: "5", children: [
378
+ /* @__PURE__ */ jsxs7(Row4, { justifyContent: "space-between", children: [
379
379
  /* @__PURE__ */ jsx9(Text5, { color: "muted", children: date && format2(new Date(date), "PP") }),
380
380
  /* @__PURE__ */ jsx9(Text5, { color: "muted", children: author })
381
381
  ] }),
382
+ /* @__PURE__ */ jsx9(Box7, { marginY: "5", as: "p", children: /* @__PURE__ */ jsx9(Text5, { size: "3", children: description }) }),
382
383
  /* @__PURE__ */ jsx9(Button2, { asChild: true, children: /* @__PURE__ */ jsxs7(Link4, { href: url, children: [
383
384
  /* @__PURE__ */ jsx9(Text5, { children: "Read more" }),
384
- /* @__PURE__ */ jsx9(Icon5, { children: /* @__PURE__ */ jsx9(Icons5.Arrow, {}) })
385
+ /* @__PURE__ */ jsx9(Icon4, { children: /* @__PURE__ */ jsx9(Icons4.Arrow, {}) })
385
386
  ] }) })
386
387
  ] })
387
388
  ] });
@@ -395,7 +396,7 @@ function Blogs({ content, config }) {
395
396
  return /* @__PURE__ */ jsx10(Blog, { ...meta, code, anchors });
396
397
  }
397
398
  console.log({ content });
398
- return /* @__PURE__ */ jsx10(Grid3, { gap: "5", columns: "repeat(auto-fit, minmax(400px, 1fr)", children: content?.sort((a, b) => new Date(b.meta.date).getTime() - new Date(a.meta.date).getTime()).map(({ meta, slug }) => /* @__PURE__ */ jsx10(Card, { url: `/blog/${slug}`, ...meta }, slug)) });
399
+ return /* @__PURE__ */ jsx10(Grid, { gap: "5", columns: "repeat(auto-fit, minmax(400px, 1fr)", children: content?.sort((a, b) => new Date(b.meta.date).getTime() - new Date(a.meta.date).getTime()).map(({ meta, slug }) => /* @__PURE__ */ jsx10(Card, { url: `/blog/${slug}`, ...meta }, slug)) });
399
400
  }
400
401
 
401
402
  // src/components/Shiso.tsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umami/shiso",
3
- "version": "0.31.0",
3
+ "version": "0.33.0",
4
4
  "description": "A content layer for Next.js",
5
5
  "homepage": "https://umami.is/shiso",
6
6
  "repository": {