@nswds/app 1.87.0 → 1.87.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/globals.css CHANGED
@@ -20,8 +20,6 @@
20
20
  --color-green-600: oklch(62.7% 0.194 149.214);
21
21
  --color-emerald-500: oklch(69.6% 0.17 162.48);
22
22
  --color-cyan-500: oklch(71.5% 0.143 215.221);
23
- --color-sky-100: oklch(95.1% 0.026 236.824);
24
- --color-sky-600: oklch(58.8% 0.158 241.966);
25
23
  --color-blue-50: oklch(97% 0.014 254.604);
26
24
  --color-blue-100: oklch(93.2% 0.032 255.585);
27
25
  --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -39,8 +37,6 @@
39
37
  --color-purple-600: oklch(55.8% 0.288 302.321);
40
38
  --color-fuchsia-500: oklch(66.7% 0.295 322.15);
41
39
  --color-pink-500: oklch(65.6% 0.241 354.308);
42
- --color-slate-50: oklch(98.4% 0.003 247.858);
43
- --color-slate-100: oklch(96.8% 0.007 247.896);
44
40
  --color-slate-200: oklch(92.9% 0.013 255.508);
45
41
  --color-slate-300: oklch(86.9% 0.022 252.894);
46
42
  --color-slate-400: oklch(70.4% 0.04 256.788);
@@ -65,7 +61,6 @@
65
61
  --color-black: #000;
66
62
  --color-white: #fff;
67
63
  --spacing: 0.25rem;
68
- --container-xs: 20rem;
69
64
  --container-sm: 24rem;
70
65
  --container-md: 28rem;
71
66
  --container-lg: 32rem;
@@ -89,8 +84,6 @@
89
84
  --text-3xl--line-height: calc(2.25 / 1.875);
90
85
  --text-4xl: 2.25rem;
91
86
  --text-4xl--line-height: calc(2.5 / 2.25);
92
- --text-5xl: 3rem;
93
- --text-5xl--line-height: 1;
94
87
  --text-6xl: 3.75rem;
95
88
  --text-6xl--line-height: 1;
96
89
  --font-weight-light: 300;
@@ -122,7 +115,6 @@
122
115
  --default-mono-font-family: var(--font-mono);
123
116
  --color-nsw-blue-800: var(--nsw-blue-800);
124
117
  --color-nsw-red-600: var(--nsw-red-600);
125
- --color-primary-50: var(--nsw-blue-50);
126
118
  --color-primary-200: var(--nsw-blue-200);
127
119
  --color-primary-250: var(--nsw-blue-250);
128
120
  --color-primary-400: var(--nsw-blue-400);
@@ -1078,12 +1070,6 @@
1078
1070
  .mt-12 {
1079
1071
  margin-top: calc(var(--spacing) * 12);
1080
1072
  }
1081
- .mt-16 {
1082
- margin-top: calc(var(--spacing) * 16);
1083
- }
1084
- .mt-20 {
1085
- margin-top: calc(var(--spacing) * 20);
1086
- }
1087
1073
  .mt-24 {
1088
1074
  margin-top: calc(var(--spacing) * 24);
1089
1075
  }
@@ -1129,9 +1115,6 @@
1129
1115
  .mb-12 {
1130
1116
  margin-bottom: calc(var(--spacing) * 12);
1131
1117
  }
1132
- .mb-16 {
1133
- margin-bottom: calc(var(--spacing) * 16);
1134
- }
1135
1118
  .mb-\[40px\] {
1136
1119
  margin-bottom: 40px;
1137
1120
  }
@@ -1469,9 +1452,6 @@
1469
1452
  .min-h-32 {
1470
1453
  min-height: calc(var(--spacing) * 32);
1471
1454
  }
1472
- .min-h-\[80px\] {
1473
- min-height: 80px;
1474
- }
1475
1455
  .min-h-\[200px\] {
1476
1456
  min-height: 200px;
1477
1457
  }
@@ -1502,9 +1482,6 @@
1502
1482
  .w-1 {
1503
1483
  width: calc(var(--spacing) * 1);
1504
1484
  }
1505
- .w-1\.5 {
1506
- width: calc(var(--spacing) * 1.5);
1507
- }
1508
1485
  .w-2 {
1509
1486
  width: calc(var(--spacing) * 2);
1510
1487
  }
@@ -1691,9 +1668,6 @@
1691
1668
  .max-w-sm {
1692
1669
  max-width: var(--container-sm);
1693
1670
  }
1694
- .max-w-xs {
1695
- max-width: var(--container-xs);
1696
- }
1697
1671
  .min-w-\(--cell-size\) {
1698
1672
  min-width: var(--cell-size);
1699
1673
  }
@@ -2613,18 +2587,12 @@
2613
2587
  .bg-blue-50 {
2614
2588
  background-color: var(--color-blue-50);
2615
2589
  }
2616
- .bg-blue-100 {
2617
- background-color: var(--color-blue-100);
2618
- }
2619
2590
  .bg-blue-200 {
2620
2591
  background-color: var(--color-blue-200);
2621
2592
  }
2622
2593
  .bg-blue-500 {
2623
2594
  background-color: var(--color-blue-500);
2624
2595
  }
2625
- .bg-blue-600 {
2626
- background-color: var(--color-blue-600);
2627
- }
2628
2596
  .bg-border {
2629
2597
  background-color: var(--border);
2630
2598
  }
@@ -2742,9 +2710,6 @@
2742
2710
  .bg-primary {
2743
2711
  background-color: var(--primary);
2744
2712
  }
2745
- .bg-primary-50 {
2746
- background-color: var(--color-primary-50);
2747
- }
2748
2713
  .bg-primary-200 {
2749
2714
  background-color: var(--color-primary-200);
2750
2715
  }
@@ -2796,15 +2761,6 @@
2796
2761
  .bg-sidebar-primary {
2797
2762
  background-color: var(--sidebar-primary);
2798
2763
  }
2799
- .bg-sky-100 {
2800
- background-color: var(--color-sky-100);
2801
- }
2802
- .bg-slate-50 {
2803
- background-color: var(--color-slate-50);
2804
- }
2805
- .bg-slate-100 {
2806
- background-color: var(--color-slate-100);
2807
- }
2808
2764
  .bg-success-200 {
2809
2765
  background-color: var(--success-200);
2810
2766
  }
@@ -3141,9 +3097,6 @@
3141
3097
  .py-16 {
3142
3098
  padding-block: calc(var(--spacing) * 16);
3143
3099
  }
3144
- .py-20 {
3145
- padding-block: calc(var(--spacing) * 20);
3146
- }
3147
3100
  .py-\[calc\(--spacing\(1\)\)\] {
3148
3101
  padding-block: calc(calc(var(--spacing) * 1));
3149
3102
  }
@@ -3189,9 +3142,6 @@
3189
3142
  .pt-16 {
3190
3143
  padding-top: calc(var(--spacing) * 16);
3191
3144
  }
3192
- .pt-32 {
3193
- padding-top: calc(var(--spacing) * 32);
3194
- }
3195
3145
  .pt-\[40px\] {
3196
3146
  padding-top: 40px;
3197
3147
  }
@@ -3234,9 +3184,6 @@
3234
3184
  .pb-0 {
3235
3185
  padding-bottom: calc(var(--spacing) * 0);
3236
3186
  }
3237
- .pb-2 {
3238
- padding-bottom: calc(var(--spacing) * 2);
3239
- }
3240
3187
  .pb-3 {
3241
3188
  padding-bottom: calc(var(--spacing) * 3);
3242
3189
  }
@@ -3249,9 +3196,6 @@
3249
3196
  .pb-16 {
3250
3197
  padding-bottom: calc(var(--spacing) * 16);
3251
3198
  }
3252
- .pb-20 {
3253
- padding-bottom: calc(var(--spacing) * 20);
3254
- }
3255
3199
  .pb-24 {
3256
3200
  padding-bottom: calc(var(--spacing) * 24);
3257
3201
  }
@@ -3599,9 +3543,6 @@
3599
3543
  .text-blue-700 {
3600
3544
  color: var(--color-blue-700);
3601
3545
  }
3602
- .text-blue-800 {
3603
- color: var(--color-blue-800);
3604
- }
3605
3546
  .text-card-foreground {
3606
3547
  color: var(--card-foreground);
3607
3548
  }
@@ -3737,15 +3678,9 @@
3737
3678
  .text-sidebar-primary-foreground {
3738
3679
  color: var(--sidebar-primary-foreground);
3739
3680
  }
3740
- .text-sky-600 {
3741
- color: var(--color-sky-600);
3742
- }
3743
3681
  .text-slate-500 {
3744
3682
  color: var(--color-slate-500);
3745
3683
  }
3746
- .text-slate-600 {
3747
- color: var(--color-slate-600);
3748
- }
3749
3684
  .text-slate-900 {
3750
3685
  color: var(--color-slate-900);
3751
3686
  }
@@ -3789,6 +3724,9 @@
3789
3724
  .underline {
3790
3725
  text-decoration-line: underline;
3791
3726
  }
3727
+ .decoration-current {
3728
+ text-decoration-color: currentcolor;
3729
+ }
3792
3730
  .decoration-primary-800 {
3793
3731
  text-decoration-color: var(--color-primary-800);
3794
3732
  }
@@ -8821,18 +8759,6 @@
8821
8759
  text-align: left;
8822
8760
  }
8823
8761
  }
8824
- .sm\:text-4xl {
8825
- @media (width >= 40rem) {
8826
- font-size: var(--text-4xl);
8827
- line-height: var(--tw-leading, var(--text-4xl--line-height));
8828
- }
8829
- }
8830
- .sm\:text-5xl {
8831
- @media (width >= 40rem) {
8832
- font-size: var(--text-5xl);
8833
- line-height: var(--tw-leading, var(--text-5xl--line-height));
8834
- }
8835
- }
8836
8762
  .sm\:text-6xl {
8837
8763
  @media (width >= 40rem) {
8838
8764
  font-size: var(--text-6xl);
@@ -9077,11 +9003,6 @@
9077
9003
  padding: calc(var(--spacing) * 0);
9078
9004
  }
9079
9005
  }
9080
- .md\:p-12 {
9081
- @media (width >= 48rem) {
9082
- padding: calc(var(--spacing) * 12);
9083
- }
9084
- }
9085
9006
  .md\:px-0 {
9086
9007
  @media (width >= 48rem) {
9087
9008
  padding-inline: calc(var(--spacing) * 0);
@@ -9402,12 +9323,6 @@
9402
9323
  text-align: left;
9403
9324
  }
9404
9325
  }
9405
- .lg\:text-6xl {
9406
- @media (width >= 64rem) {
9407
- font-size: var(--text-6xl);
9408
- line-height: var(--tw-leading, var(--text-6xl--line-height));
9409
- }
9410
- }
9411
9326
  .lg\:text-sm {
9412
9327
  @media (width >= 64rem) {
9413
9328
  font-size: var(--text-sm);
package/dist/index.cjs CHANGED
@@ -8,7 +8,7 @@ var classVarianceAuthority = require('class-variance-authority');
8
8
  var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
9
9
  var React5 = require('react');
10
10
  var Headless4 = require('@headlessui/react');
11
- var Link12 = require('next/link');
11
+ var Link13 = require('next/link');
12
12
  var react = require('@remixicon/react');
13
13
  var RechartsPrimitive = require('recharts');
14
14
  var AspectRatioPrimitive = require('@radix-ui/react-aspect-ratio');
@@ -93,7 +93,7 @@ var clsx12__default = /*#__PURE__*/_interopDefault(clsx12);
93
93
  var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
94
94
  var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
95
95
  var Headless4__namespace = /*#__PURE__*/_interopNamespace(Headless4);
96
- var Link12__default = /*#__PURE__*/_interopDefault(Link12);
96
+ var Link13__default = /*#__PURE__*/_interopDefault(Link13);
97
97
  var RechartsPrimitive__namespace = /*#__PURE__*/_interopNamespace(RechartsPrimitive);
98
98
  var AspectRatioPrimitive__namespace = /*#__PURE__*/_interopNamespace(AspectRatioPrimitive);
99
99
  var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
@@ -4211,7 +4211,7 @@ function AlertDescription({ className, ...props }) {
4211
4211
  );
4212
4212
  }
4213
4213
  var Link = React5.forwardRef(function Link2(props, ref) {
4214
- return /* @__PURE__ */ jsxRuntime.jsx(Headless4__namespace.DataInteractive, { children: /* @__PURE__ */ jsxRuntime.jsx(Link12__default.default, { ...props, ref }) });
4214
+ return /* @__PURE__ */ jsxRuntime.jsx(Headless4__namespace.DataInteractive, { children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { ...props, ref }) });
4215
4215
  });
4216
4216
  var styles = {
4217
4217
  base: [
@@ -7487,7 +7487,7 @@ function Breadcrumbs({
7487
7487
  const shouldCollapse = breadcrumbItems.length > maxItems;
7488
7488
  if (!shouldCollapse) {
7489
7489
  return /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { className: "-ml-1", children: /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbList, { children: breadcrumbItems.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
7490
- /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link12__default.default, { href: item.path, children: item.label }) }) }),
7490
+ /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: item.path, children: item.label }) }) }),
7491
7491
  index < breadcrumbItems.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
7492
7492
  ] }, item.path)) }) });
7493
7493
  }
@@ -7498,7 +7498,7 @@ function Breadcrumbs({
7498
7498
  const collapsedItems = breadcrumbItems.slice(startItems, breadcrumbItems.length - endItems);
7499
7499
  return /* @__PURE__ */ jsxRuntime.jsx(Breadcrumb, { children: /* @__PURE__ */ jsxRuntime.jsxs(BreadcrumbList, { children: [
7500
7500
  itemsAtStart.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
7501
- /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link12__default.default, { href: item.path, children: item.label }) }) }),
7501
+ /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: item.path, children: item.label }) }) }),
7502
7502
  index < itemsAtStart.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
7503
7503
  ] }, item.path)),
7504
7504
  itemsAtStart.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
@@ -7507,11 +7507,11 @@ function Breadcrumbs({
7507
7507
  /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbEllipsis, { className: "h-4 w-4" }),
7508
7508
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Toggle menu" })
7509
7509
  ] }),
7510
- /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "start", children: collapsedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link12__default.default, { href: item.path, children: item.label }) }, item.path)) })
7510
+ /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align: "start", children: collapsedItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: item.path, children: item.label }) }, item.path)) })
7511
7511
  ] }) }),
7512
7512
  itemsAtEnd.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}),
7513
7513
  itemsAtEnd.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(React5__namespace.Fragment, { children: [
7514
- /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link12__default.default, { href: item.path, children: item.label }) }) }),
7514
+ /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: item.path, children: item.label }) }) }),
7515
7515
  index < itemsAtEnd.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {})
7516
7516
  ] }, item.path))
7517
7517
  ] }) });
@@ -17281,7 +17281,7 @@ function FooterLegalLinks({ legalLinks }) {
17281
17281
  "aria-label": "Footer",
17282
17282
  className: "flex flex-wrap justify-center gap-x-4 gap-y-3 py-4 text-sm lg:justify-start",
17283
17283
  children: legalLinks?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
17284
- Link12__default.default,
17284
+ Link13__default.default,
17285
17285
  {
17286
17286
  href: item.href,
17287
17287
  className: "-m-1 rounded p-1 text-grey-600 underline underline-offset-4 hover:bg-primary-800/10 hover:text-grey-600 hover:decoration-2",
@@ -17557,7 +17557,7 @@ function FormatToggle({ format, setFormat }) {
17557
17557
 
17558
17558
  // package.json
17559
17559
  var package_default = {
17560
- version: "1.86.0"};
17560
+ version: "1.87.0"};
17561
17561
  var SluggerContext = React5__namespace.default.createContext(null);
17562
17562
  function flattenText(nodes) {
17563
17563
  if (nodes == null || typeof nodes === "boolean") return "";
@@ -17797,7 +17797,7 @@ function Header2({
17797
17797
  ),
17798
17798
  children: [
17799
17799
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex grow basis-0 items-center", children: [
17800
- /* @__PURE__ */ jsxRuntime.jsxs(Link12__default.default, { href: "/", "aria-label": "Home page", className: "flex items-center justify-between", children: [
17800
+ /* @__PURE__ */ jsxRuntime.jsxs(Link13__default.default, { href: "/", "aria-label": "Home page", className: "flex items-center justify-between", children: [
17801
17801
  !hideLogo && (altLogo ?? /* @__PURE__ */ jsxRuntime.jsx(Logo, { className: "h-12 w-auto lg:h-14" })),
17802
17802
  !hideDescriptor && (altDescriptor ?? /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 2, size: 6, className: "ml-6", children: sitename }))
17803
17803
  ] }),
@@ -18924,7 +18924,7 @@ function MainNavigation({ navigation }) {
18924
18924
  }
18925
18925
  function TopLevel({ title, href }) {
18926
18926
  return /* @__PURE__ */ jsxRuntime.jsx(
18927
- Link12__default.default,
18927
+ Link13__default.default,
18928
18928
  {
18929
18929
  href,
18930
18930
  className: cn(
@@ -18978,7 +18978,7 @@ function MegaMenu({ title, href, links }) {
18978
18978
  className: "absolute inset-x-0 top-0 -z-10 pt-14 shadow transition data-[closed]:-translate-y-1 data-[closed]:opacity-0 data-[enter]:duration-200 data-[enter]:ease-out data-[leave]:duration-150 data-[leave]:ease-in",
18979
18979
  children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto grid bg-white", children: [
18980
18980
  /* @__PURE__ */ jsxRuntime.jsxs(
18981
- Link12__default.default,
18981
+ Link13__default.default,
18982
18982
  {
18983
18983
  href,
18984
18984
  className: "group flex items-center px-8 py-8 text-xl font-bold text-primary-800 hover:bg-primary-800/10",
@@ -19001,7 +19001,7 @@ function MegaMenu({ title, href, links }) {
19001
19001
  "focus-within:rounded-sm focus-within:outline focus-within:outline-inherit"
19002
19002
  ),
19003
19003
  children: /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-base font-semibold text-grey-900", children: /* @__PURE__ */ jsxRuntime.jsxs(
19004
- Link12__default.default,
19004
+ Link13__default.default,
19005
19005
  {
19006
19006
  href: item.href,
19007
19007
  className: cn(
@@ -19423,7 +19423,7 @@ function MultiLevelPushMenu({
19423
19423
  {
19424
19424
  className: "divide-y divide-grey-200 overflow-hidden bg-white ring-1 ring-grey-200",
19425
19425
  children: item.href && !item.links?.length ? /* @__PURE__ */ jsxRuntime.jsx(
19426
- Link12__default.default,
19426
+ Link13__default.default,
19427
19427
  {
19428
19428
  href: item.href,
19429
19429
  onClick: (e) => handleItemClick(item, e),
@@ -19584,7 +19584,7 @@ function MobileHeader({
19584
19584
  /* @__PURE__ */ jsxRuntime.jsx(Icons.menu, { "aria-hidden": "true" })
19585
19585
  ] }),
19586
19586
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex items-center", children: /* @__PURE__ */ jsxRuntime.jsxs(
19587
- Link12__default.default,
19587
+ Link13__default.default,
19588
19588
  {
19589
19589
  href: "/",
19590
19590
  "aria-label": "Home page",
@@ -27489,7 +27489,7 @@ function NavigationLink({
27489
27489
  }) {
27490
27490
  const pathname = navigation.usePathname();
27491
27491
  return /* @__PURE__ */ jsxRuntime.jsx(
27492
- Link12__default.default,
27492
+ Link13__default.default,
27493
27493
  {
27494
27494
  href,
27495
27495
  onClick,
@@ -27652,6 +27652,21 @@ function NavigationMenuIndicator({
27652
27652
  }
27653
27653
  );
27654
27654
  }
27655
+ function NotFound() {
27656
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full flex-col items-center justify-center text-center", children: [
27657
+ /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 1, size: 4, className: "font-display mb-4 font-medium", children: "404" }),
27658
+ /* @__PURE__ */ jsxRuntime.jsx(Heading, { level: 2, size: 3, children: "Page not found" }),
27659
+ /* @__PURE__ */ jsxRuntime.jsx(Text, { className: "mt-4", children: "Sorry, we couldn't find the page you're looking for." }),
27660
+ /* @__PURE__ */ jsxRuntime.jsx(
27661
+ Link13__default.default,
27662
+ {
27663
+ href: "/",
27664
+ className: "mt-8 font-medium text-primary-800 underline decoration-current underline-offset-4 hover:bg-primary-800/10 hover:decoration-2",
27665
+ children: "Go back home"
27666
+ }
27667
+ )
27668
+ ] }) });
27669
+ }
27655
27670
  var styles4 = {
27656
27671
  base: [
27657
27672
  "group relative mx-auto flex items-stretch w-full max-w-md flex-col overflow-hidden rounded-md hover:cursor-pointer",
@@ -28105,7 +28120,7 @@ function PrevNextLinksPageLink({
28105
28120
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ...props, children: [
28106
28121
  /* @__PURE__ */ jsxRuntime.jsx("dt", { className: "font-display text-sm font-medium text-slate-900 dark:text-white", children: dir === "next" ? "Next" : "Previous" }),
28107
28122
  /* @__PURE__ */ jsxRuntime.jsx("dd", { className: "mt-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
28108
- Link12__default.default,
28123
+ Link13__default.default,
28109
28124
  {
28110
28125
  href,
28111
28126
  className: clsx12__default.default(
@@ -29233,7 +29248,7 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
29233
29248
  },
29234
29249
  childLink.href
29235
29250
  )) }) })
29236
- ] }) : /* @__PURE__ */ jsxRuntime.jsx(Link12__default.default, { href: link.href, onClick: onLinkClick, className: baseLinkClasses, children: link.title }) });
29251
+ ] }) : /* @__PURE__ */ jsxRuntime.jsx(Link13__default.default, { href: link.href, onClick: onLinkClick, className: baseLinkClasses, children: link.title }) });
29237
29252
  }
29238
29253
  function Slider({
29239
29254
  className,
@@ -29602,7 +29617,7 @@ var StepIndicator = React5__namespace.forwardRef(
29602
29617
  }
29603
29618
  ) : null,
29604
29619
  /* @__PURE__ */ jsxRuntime.jsxs(
29605
- Link12__default.default,
29620
+ Link13__default.default,
29606
29621
  {
29607
29622
  href: step.href,
29608
29623
  className: "group relative flex items-center",
@@ -29631,7 +29646,7 @@ var StepIndicator = React5__namespace.forwardRef(
29631
29646
  }
29632
29647
  ) : null,
29633
29648
  /* @__PURE__ */ jsxRuntime.jsxs(
29634
- Link12__default.default,
29649
+ Link13__default.default,
29635
29650
  {
29636
29651
  href: step.href,
29637
29652
  "aria-current": "step",
@@ -29655,7 +29670,7 @@ var StepIndicator = React5__namespace.forwardRef(
29655
29670
  }
29656
29671
  ) : null,
29657
29672
  /* @__PURE__ */ jsxRuntime.jsxs(
29658
- Link12__default.default,
29673
+ Link13__default.default,
29659
29674
  {
29660
29675
  href: step.href,
29661
29676
  className: "group relative flex items-center",
@@ -29678,7 +29693,7 @@ var StepIndicator = React5__namespace.forwardRef(
29678
29693
  }
29679
29694
  ) : null,
29680
29695
  /* @__PURE__ */ jsxRuntime.jsxs(
29681
- Link12__default.default,
29696
+ Link13__default.default,
29682
29697
  {
29683
29698
  href: step.href,
29684
29699
  className: "group relative flex items-center",
@@ -29701,7 +29716,7 @@ var StepIndicator = React5__namespace.forwardRef(
29701
29716
  }
29702
29717
  ) : null,
29703
29718
  /* @__PURE__ */ jsxRuntime.jsxs(
29704
- Link12__default.default,
29719
+ Link13__default.default,
29705
29720
  {
29706
29721
  href: step.href,
29707
29722
  className: "group relative flex items-center",
@@ -29724,7 +29739,7 @@ var StepIndicator = React5__namespace.forwardRef(
29724
29739
  }
29725
29740
  ) : null,
29726
29741
  /* @__PURE__ */ jsxRuntime.jsxs(
29727
- Link12__default.default,
29742
+ Link13__default.default,
29728
29743
  {
29729
29744
  href: step.href,
29730
29745
  className: "group relative flex items-center",
@@ -29747,7 +29762,7 @@ var StepIndicator = React5__namespace.forwardRef(
29747
29762
  }
29748
29763
  ) : null,
29749
29764
  /* @__PURE__ */ jsxRuntime.jsxs(
29750
- Link12__default.default,
29765
+ Link13__default.default,
29751
29766
  {
29752
29767
  href: step.href,
29753
29768
  className: "group relative flex items-center",
@@ -29770,7 +29785,7 @@ var StepIndicator = React5__namespace.forwardRef(
29770
29785
  }
29771
29786
  ) : null,
29772
29787
  /* @__PURE__ */ jsxRuntime.jsxs(
29773
- Link12__default.default,
29788
+ Link13__default.default,
29774
29789
  {
29775
29790
  href: step.href,
29776
29791
  className: "group relative flex items-center",
@@ -29793,7 +29808,7 @@ var StepIndicator = React5__namespace.forwardRef(
29793
29808
  }
29794
29809
  ) : null,
29795
29810
  /* @__PURE__ */ jsxRuntime.jsxs(
29796
- Link12__default.default,
29811
+ Link13__default.default,
29797
29812
  {
29798
29813
  href: step.href,
29799
29814
  className: "group relative flex items-center",
@@ -30092,7 +30107,7 @@ function TableOfContents({ tableOfContents }) {
30092
30107
  ),
30093
30108
  children: tableOfContents.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
30094
30109
  /* @__PURE__ */ jsxRuntime.jsx(
30095
- Link12__default.default,
30110
+ Link13__default.default,
30096
30111
  {
30097
30112
  href: `#${section.id}`,
30098
30113
  prefetch: false,
@@ -30105,7 +30120,7 @@ function TableOfContents({ tableOfContents }) {
30105
30120
  }
30106
30121
  ),
30107
30122
  section.children.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ol", { role: "list", className: "mt-3 flex flex-col gap-2", children: section.children.map((subSection) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(
30108
- Link12__default.default,
30123
+ Link13__default.default,
30109
30124
  {
30110
30125
  href: `#${subSection.id}`,
30111
30126
  prefetch: false,
@@ -33690,6 +33705,7 @@ exports.NavigationMenuLink = NavigationMenuLink;
33690
33705
  exports.NavigationMenuList = NavigationMenuList;
33691
33706
  exports.NavigationMenuTrigger = NavigationMenuTrigger;
33692
33707
  exports.NavigationMenuViewport = NavigationMenuViewport;
33708
+ exports.NotFound = NotFound;
33693
33709
  exports.OpenIn = OpenIn;
33694
33710
  exports.OpenInChatGPT = OpenInChatGPT;
33695
33711
  exports.OpenInClaude = OpenInClaude;