@nswds/app 1.109.3 → 1.110.1

package/dist/index.cjs

@@ -2,7 +2,7 @@
 
 var AccordionPrimitive = require('@radix-ui/react-accordion');
 var jsxRuntime = require('react/jsx-runtime');
-var clsx12 = require('clsx');
+var clsx13 = require('clsx');
 var tailwindMerge = require('tailwind-merge');
 var classVarianceAuthority = require('class-variance-authority');
 var AlertDialogPrimitive = require('@radix-ui/react-alert-dialog');
@@ -89,7 +89,7 @@ function _interopNamespace(e) {
 }
 
 var AccordionPrimitive__namespace = /*#__PURE__*/_interopNamespace(AccordionPrimitive);
-var clsx12__default = /*#__PURE__*/_interopDefault(clsx12);
+var clsx13__default = /*#__PURE__*/_interopDefault(clsx13);
 var AlertDialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(AlertDialogPrimitive);
 var React5__namespace = /*#__PURE__*/_interopNamespace(React5);
 var Headless4__namespace = /*#__PURE__*/_interopNamespace(Headless4);
@@ -4054,7 +4054,7 @@ var Icons = {
   zoom_out_map: (props) => /* @__PURE__ */ jsxRuntime.jsx("svg", { fill: "currentColor", "data-slot": "icon", viewBox: "0 -960 960 960", ...props, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M256-200h64q17 0 28.5 11.5T360-160q0 17-11.5 28.5T320-120H160q-17 0-28.5-11.5T120-160v-160q0-17 11.5-28.5T160-360q17 0 28.5 11.5T200-320v64l96-96q11-11 28-11t28 11q11 11 11 28t-11 28l-96 96Zm448 0-96-96q-11-11-11-28t11-28q11-11 28-11t28 11l96 96v-64q0-17 11.5-28.5T800-360q17 0 28.5 11.5T840-320v160q0 17-11.5 28.5T800-120H640q-17 0-28.5-11.5T600-160q0-17 11.5-28.5T640-200h64ZM200-704v64q0 17-11.5 28.5T160-600q-17 0-28.5-11.5T120-640v-160q0-17 11.5-28.5T160-840h160q17 0 28.5 11.5T360-800q0 17-11.5 28.5T320-760h-64l96 96q11 11 11 28t-11 28q-11 11-28 11t-28-11l-96-96Zm560 0-96 96q-11 11-28 11t-28-11q-11-11-11-28t11-28l96-96h-64q-17 0-28.5-11.5T600-800q0-17 11.5-28.5T640-840h160q17 0 28.5 11.5T840-800v160q0 17-11.5 28.5T800-600q-17 0-28.5-11.5T760-640v-64Z" }) })
 };
 function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx12.clsx(inputs));
+  return tailwindMerge.twMerge(clsx13.clsx(inputs));
 }
 function truncate(text, maxLength) {
   if (text.length <= maxLength) {
@@ -4553,7 +4553,7 @@ var Button2 = React5.forwardRef(function Button3({ className, variant, color: co
     {
       "data-variant": variant,
       ...props,
-      className: clsx12__default.default(classes, "cursor-pointer"),
+      className: clsx13__default.default(classes, "cursor-pointer"),
       ref,
       children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children })
     }
@@ -6012,7 +6012,7 @@ var BadgeButton = React5.forwardRef(function BadgeButton2({
   children,
   ...props
 }, ref) {
-  const classes = clsx12__default.default(className, focusOutline[color2], [
+  const classes = clsx13__default.default(className, focusOutline[color2], [
     // Base
     "group relative inline-flex rounded-sm",
     // Focus
@@ -6034,7 +6034,7 @@ var BadgeButton = React5.forwardRef(function BadgeButton2({
     {
       "data-variant": variant,
       ...props,
-      className: clsx12__default.default(classes, "cursor-pointer"),
+      className: clsx13__default.default(classes, "cursor-pointer"),
       ref,
       children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant, color: color2, size, children }) })
     }
@@ -14676,7 +14676,7 @@ function CodePreview({
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: clsx12.clsx(
+              className: clsx13.clsx(
                 "group mx-auto bg-white bg-gradient-to-r dark:bg-grey-900",
                 view === "desktop" && "w-full",
                 view === "tablet" && "max-w-lg",
@@ -14944,7 +14944,7 @@ function ColorCard({ name, token, hex: hex2, rgb: rgb2, hsl, oklch: oklch2, form
         {
           className: "flex h-24 w-full items-center justify-center",
           style: { backgroundColor: hex2 },
-          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx12.clsx("font-medium", isLightColor(hex2) ? "text-primary-950" : "text-white"), children: name })
+          children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: clsx13.clsx("font-medium", isLightColor(hex2) ? "text-primary-950" : "text-white"), children: name })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
@@ -17870,7 +17870,7 @@ function DescriptionList({ className, ...props }) {
     "dl",
     {
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "grid grid-cols-1 text-base/6 sm:grid-cols-[min(50%,--spacing(80))_auto] sm:text-sm/6"
       )
@@ -17882,7 +17882,7 @@ function DescriptionTerm({ className, ...props }) {
     "dt",
     {
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "col-start-1 border-t border-grey-950/5 pt-3 text-grey-600 first:border-none sm:border-t sm:border-grey-950/5 sm:py-3 dark:border-white/5 dark:text-grey-400 sm:dark:border-white/5"
       )
@@ -17894,7 +17894,7 @@ function DescriptionDetails({ className, ...props }) {
     "dd",
     {
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "pt-1 pb-3 text-grey-950 sm:border-t sm:border-grey-950/5 sm:py-3 sm:nth-2:border-none dark:text-white dark:sm:border-white/5"
       )
@@ -18308,7 +18308,7 @@ function Fieldset2({
     Headless4__namespace.Fieldset,
     {
       ...props,
-      className: clsx12__default.default(className, "*:data-[slot=text]:mt-1 [&>*+[data-slot=control]]:mt-6")
+      className: clsx13__default.default(className, "*:data-[slot=text]:mt-1 [&>*+[data-slot=control]]:mt-6")
     }
   );
 }
@@ -18321,7 +18321,7 @@ function Legend6({
     {
       "data-slot": "legend",
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "text-base/6 font-semibold text-zinc-950 data-disabled:opacity-50 sm:text-sm/6 dark:text-white"
       )
@@ -18329,7 +18329,7 @@ function Legend6({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "control", ...props, className: clsx12__default.default(className, "space-y-8") });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "control", ...props, className: clsx13__default.default(className, "space-y-8") });
 }
 function Field2({
   className,
@@ -18339,7 +18339,7 @@ function Field2({
     Headless4__namespace.Field,
     {
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "[&>[data-slot=label]+[data-slot=control]]:mt-3",
         "[&>[data-slot=label]+[data-slot=description]]:mt-1",
@@ -18360,7 +18360,7 @@ function FieldLabel({
     {
       "data-slot": "label",
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "text-base/6 text-zinc-950 select-none data-disabled:opacity-50 sm:text-sm/6 dark:text-white"
       )
@@ -18376,7 +18376,7 @@ function Description4({
     {
       "data-slot": "description",
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "text-base/6 text-zinc-500 data-disabled:opacity-50 sm:text-sm/6 dark:text-zinc-400"
       )
@@ -18392,7 +18392,7 @@ function ErrorMessage({
     {
       "data-slot": "error",
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "text-base/6 text-red-600 data-disabled:opacity-50 sm:text-sm/6 dark:text-red-500"
       )
@@ -18616,7 +18616,7 @@ var toggleVariants = classVarianceAuthority.cva(styles3.base, {
   variants: {
     variant: {
       ghost: "",
-      outline: clsx12__default.default(styles3.outline)
+      outline: clsx13__default.default(styles3.outline)
     },
     size: {
       default: "h-9 px-2 min-w-9",
@@ -18719,7 +18719,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.108.2"};
+  version: "1.109.2"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";
@@ -18790,7 +18790,7 @@ function Heading({
       ...props,
       id: computedId,
       "data-anchor": true,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         trimClasses[trim],
         "m-0",
@@ -18803,7 +18803,7 @@ function Heading({
     }
   );
 }
-function Logo(props) {
+function Logo({ logoType = "default", ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "NSW Government" }),
     /* @__PURE__ */ jsxRuntime.jsxs("svg", { viewBox: "0 0 259 280", "aria-hidden": "true", ...props, children: [
@@ -18813,7 +18813,11 @@ function Logo(props) {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M24.208 270.207h-5.045v-4.277l11.15.054v13.676H26.08v-2.491c-.266.278-.553.556-.86.833-.673.585-1.49 1.07-2.433 1.434-.96.373-2.143.564-3.513.564-2.33 0-4.385-.539-6.109-1.6-1.727-1.065-3.073-2.594-4.007-4.538-.926-1.927-1.395-4.231-1.395-6.85 0-2.657.494-4.994 1.47-6.946.971-1.96 2.363-3.498 4.132-4.571 1.768-1.065 3.849-1.604 6.183-1.604 1.515 0 2.915.245 4.156.725 1.255.485 2.36 1.157 3.273 1.985a9.61 9.61 0 0 1 2.192 2.852 8.196 8.196 0 0 1 .872 3.319l.021.435h-6.038l-.062-.339a5.22 5.22 0 0 0-.814-1.981 4.562 4.562 0 0 0-1.537-1.43c-.614-.352-1.345-.531-2.175-.531-1.005 0-1.931.261-2.741.775-.806.51-1.458 1.351-1.935 2.495-.486 1.169-.731 2.74-.731 4.679 0 1.579.162 2.897.482 3.925.311 1.011.739 1.819 1.266 2.403.523.581 1.117.991 1.773 1.219a6.036 6.036 0 0 0 2.089.369c.669 0 1.27-.112 1.79-.328.523-.224.98-.514 1.354-.866.377-.356.676-.746.884-1.152.216-.41.349-.816.399-1.21l.14-1.028Zm20.878-16.312c2.354 0 4.435.534 6.179 1.587 1.752 1.061 3.13 2.59 4.086 4.546.947 1.935 1.428 4.281 1.428 6.967 0 2.648-.473 4.969-1.412 6.9-.946 1.948-2.317 3.469-4.073 4.521-1.744 1.053-3.837 1.583-6.212 1.583-2.396 0-4.502-.534-6.254-1.583-1.753-1.044-3.135-2.557-4.099-4.505-.947-1.927-1.428-4.252-1.428-6.912 0-2.673.486-5.015 1.449-6.954.968-1.956 2.355-3.486 4.12-4.551 1.764-1.061 3.853-1.599 6.216-1.599Zm0 21.185c1.117 0 2.093-.265 2.898-.787.802-.523 1.433-1.372 1.881-2.516.453-1.185.686-2.772.686-4.712 0-1.993-.237-3.618-.698-4.832-.444-1.181-1.08-2.056-1.885-2.603-.814-.543-1.782-.82-2.878-.82-1.1 0-2.072.277-2.886.82-.81.543-1.453 1.422-1.906 2.611-.47 1.223-.706 2.843-.706 4.82 0 1.944.237 3.531.702 4.712.452 1.148 1.092 1.997 1.902 2.515.81.527 1.781.792 2.89.792Zm23.764-2.93-6.162-17.829H57.09l8.654 25.251h6.195l8.73-25.251h-5.607L68.85 272.15Zm30.312-2.827H88.863v5.206l12.043.016v5.027H83.103v-25.251h17.632l-.016 4.99H88.892v5.089h10.27v4.923Zm22.482-1.529c.685-.613 1.246-1.401 1.678-2.341.419-.933.635-2.081.635-3.419 0-1.497-.311-2.835-.93-3.983-.619-1.169-1.599-2.093-2.919-2.756-1.3-.647-2.973-.974-4.975-.974h-10.738v25.243h5.759v-9.404h4.24l3.991 9.404h6.046l-4.651-10.456c.673-.357 1.3-.8 1.864-1.314Zm-3.513-5.64c0 .999-.336 1.79-1.025 2.428-.69.63-1.649.949-2.857.949h-4.095v-6.606h4.456c1.038 0 1.873.286 2.545.875.657.576.976 1.347.976 2.354Zm15.159-7.833 10.527 15.23v-15.23h5.776v25.251h-5.086l-10.98-15.86v15.86h-5.759v-25.251h5.522Zm33.949 16.461-5.29-16.461h-7.894v25.251h5.809v-16.266l5.124 16.266h4.485l5.162-16.357v16.357h5.826v-25.251h-7.878l-5.344 16.461Zm33.727-1.459h-10.298v5.206l12.046.016v5.027h-17.806v-25.251h17.636l-.021 4.99h-11.818v5.089h10.261v4.923Zm21.494.228-10.523-15.23h-5.527v25.251h5.756v-15.86l10.979 15.86h5.087v-25.251h-5.772v15.23Zm15.586-10.004h-7.388v-5.226h20.402v5.226h-7.217v20.025h-5.797v-20.025Z",
-          className: "fill-nsw-blue-800 dark:fill-white"
+          className: clsx13__default.default(
+            logoType === "default" && "fill-nsw-blue-800 dark:fill-white",
+            (logoType === "reversed" || logoType === "mono-white") && "fill-white",
+            logoType === "mono-black" && "fill-black dark:fill-white"
+          )
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -18822,21 +18826,33 @@ function Logo(props) {
           fillRule: "evenodd",
           clipRule: "evenodd",
           d: "M146.699 209.236c-1.482-2.395-3.717-4.571-6.64-6.465-2.919-1.894-6.897-3.34-11.81-4.297l-13.678-2.814c-4.132-.891-6.981-2.043-8.468-3.419-1.449-1.343-2.184-3.129-2.184-5.309 0-1.388.316-2.652.943-3.759.623-1.111 1.528-2.093 2.687-2.922 1.166-.828 2.616-1.483 4.306-1.943 1.711-.469 3.633-.705 5.714-.705 2.74 0 5.211.361 7.346 1.078 2.109.713 3.857 1.881 5.194 3.481 1.338 1.6 2.16 3.775 2.442 6.465l.038.373h16.971l-.008-.427c-.075-4.575-1.371-8.773-3.85-12.474-2.483-3.705-6.141-6.681-10.879-8.852-4.726-2.164-10.623-3.262-17.528-3.262-5.801 0-11.117 1.011-15.805 3.009-4.7 2.002-8.475 4.89-11.212 8.587-2.749 3.717-4.12 8.164-4.078 13.224.112 6.175 1.99 11.186 5.577 14.903 3.576 3.697 8.476 6.158 14.567 7.306l13.795 2.81c2.529.502 4.825 1.16 6.823 1.96 1.96.784 3.525 1.803 4.651 3.03 1.1 1.197 1.657 2.772 1.657 4.67 0 2.114-.694 3.9-2.06 5.301-1.4 1.434-3.301 2.515-5.643 3.224-2.388.721-5.058 1.086-7.936 1.086-2.807 0-5.394-.435-7.686-1.297-2.28-.85-4.194-2.093-5.689-3.693-1.491-1.591-2.513-3.585-3.04-5.918l-.075-.327H83.846l.045.46c.407 4.045 1.666 7.629 3.738 10.659 2.068 3.009 4.717 5.545 7.873 7.551 3.148 1.993 6.677 3.514 10.494 4.513a46.33 46.33 0 0 0 11.693 1.5c6.466 0 12.2-1.019 17.046-3.034 4.867-2.022 8.717-4.807 11.449-8.276 2.753-3.493 4.148-7.476 4.148-11.848 0-2.064-.232-4.36-.697-6.822-.478-2.482-1.466-4.948-2.936-7.327ZM25.937 191.763l36.916 53.312H77.87v-79.724H61.072v51.282L25.754 165.53l-.125-.179H9.19v79.724h16.748v-53.312Zm196.637 24.577 14.388-50.987h16.457l-23.587 79.724h-13.367l-14.554-50.469-14.659 50.469h-13.147l-23.533-79.724h16.511l14.384 50.979 14.389-50.979h12.167l14.551 50.987Z",
-          className: "fill-nsw-blue-800 dark:fill-white"
+          className: clsx13__default.default(
+            logoType === "default" && "fill-nsw-blue-800 dark:fill-white",
+            (logoType === "reversed" || logoType === "mono-white") && "fill-white",
+            logoType === "mono-black" && "fill-black dark:fill-white"
+          )
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           d: "M122.291 145.572c-19.75-2.424-38.934 3.904-72.69-5.263-3.447-.937-4.718 2.694-2.854 5.736 9.07 14.803 54.881 3.203 75.635 1.065.906-.095.814-1.426-.091-1.538ZM208.735 140.309c-33.756 9.167-52.941 2.839-72.691 5.263-.905.112-1 1.447-.091 1.538 20.759 2.138 66.566 13.738 75.635-1.065 1.864-3.042.594-6.673-2.853-5.736ZM59.882 119.132c-6.864-10.058-12.474-21.31-16.818-33.69-13.101 3.826-26.51 9.346-40.16 16.57a5.388 5.388 0 0 0-2.902 4.67 5.38 5.38 0 0 0 2.653 4.812c26.431 15.802 52.273 24.841 76.93 26.933-7.34-4.475-14.072-11.044-19.703-19.295ZM23.059 85.513a201.529 201.529 0 0 1 17.976-6.233c-2.126-6.896-3.87-14.12-5.249-21.658-6.827-.85-13.89-1.4-21.199-1.641-.062 0-.128-.004-.19-.004a5.391 5.391 0 0 0-4.647 2.602 5.383 5.383 0 0 0-.12 5.483c4.243 7.659 8.724 14.808 13.429 21.45ZM88.005 135.572c4.099 1.807 8.293 2.818 12.358 3.029-9.953-7.12-17.773-19.192-22.278-34.58-5.805-19.81-7.745-41.666-5.83-65.247-7.832-4.936-16.32-9.557-25.46-13.85a5.428 5.428 0 0 0-5.402.43 5.396 5.396 0 0 0-2.388 4.841c2.126 34.215 10.95 62.915 26.223 85.298 6.404 9.391 14.281 16.332 22.777 20.079ZM107.488 23.577A253.323 253.323 0 0 0 92.235 6.735c-1.063-1.078-2.433-1.65-3.85-1.65-.506 0-1.017.075-1.523.224-1.923.568-3.314 2.106-3.733 4.115-1.072 5.164-3.11 15.69-4.012 26.101 7.014 4.613 13.492 9.49 19.426 14.621 2.3-8.757 5.29-17.63 8.945-26.569ZM255.42 102.007c-13.65-7.223-27.058-12.744-40.16-16.569-4.343 12.38-9.953 23.631-16.818 33.689-5.63 8.255-12.362 14.82-19.708 19.296 24.658-2.093 50.5-11.132 76.931-26.934 1.715-1.024 2.707-2.822 2.653-4.811-.045-1.99-1.133-3.734-2.898-4.671ZM235.273 85.513c4.705-6.643 9.186-13.796 13.43-21.455.963-1.74.922-3.788-.121-5.483a5.4 5.4 0 0 0-4.837-2.598c-7.309.24-14.377.796-21.199 1.641-1.375 7.539-3.123 14.762-5.249 21.658a203.803 203.803 0 0 1 17.976 6.237ZM180.247 104.025c-4.505 15.384-12.329 27.46-22.278 34.58 4.065-.211 8.263-1.227 12.358-3.034 8.496-3.746 16.373-10.688 22.777-20.075 15.273-22.383 24.097-51.082 26.223-85.297a5.394 5.394 0 0 0-2.388-4.84 5.428 5.428 0 0 0-5.402-.432c-9.14 4.29-17.628 8.91-25.46 13.85 1.915 23.582-.029 45.434-5.83 65.248ZM179.214 35.52c-.901-10.406-2.94-20.932-4.011-26.1-.416-2.01-1.811-3.547-3.733-4.115a5.39 5.39 0 0 0-1.524-.224c-1.416 0-2.787.572-3.85 1.65-5.485 5.549-10.568 11.164-15.252 16.842 3.654 8.939 6.644 17.812 8.949 26.565 5.934-5.127 12.407-10.005 19.421-14.617ZM129.144 87.229c6.64-13.092 17.246-24.829 25.21-32.243-4.372-17.779-11.104-34.55-20.397-52.097C132.998 1.078 131.195 0 129.148 0s-3.845 1.082-4.808 2.889c-9.389 17.604-16.237 35.122-20.377 52.093 8.313 7.688 19.28 20.224 25.181 32.247Z",
-          className: "fill-nsw-red-600 dark:fill-white"
+          className: clsx13__default.default(
+            (logoType === "default" || logoType === "reversed") && "fill-nsw-red-600 dark:fill-white",
+            logoType === "mono-white" && "fill-white",
+            logoType === "mono-black" && "fill-black dark:fill-white"
+          )
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           d: "M153.541 133.686c6.885-4.833 13.77-13.254 18.139-24.97 8.458-22.681 9.334-47.945 8.122-65.823-15.331 10.215-39.665 31.55-47.975 54.36-3.911 10.734-5.734 25.355-2.72 33.511 1.259 3.411 3.401 5.997 6.345 7.227 4.46 1.865 11.312.456 18.089-4.305ZM125.713 95.261c-2.027-4.724-4.261-9.18-7.728-14.186-9.809-14.16-23.026-26.933-39.475-38.185-.17 2.652-2.57 31.297 5.851 59.304 6.408 21.302 17.354 29.98 23.354 33.333 6.038 3.369 11.561 4.165 18.039 2.557-6.565-8.935-5.747-27.27-.041-42.823Z",
-          className: "fill-nsw-red-600 dark:fill-white"
+          className: clsx13__default.default(
+            (logoType === "default" || logoType === "reversed") && "fill-nsw-red-600 dark:fill-white",
+            logoType === "mono-white" && "fill-white",
+            logoType === "mono-black" && "fill-black dark:fill-white"
+          )
         }
       )
     ] })
@@ -18925,7 +18941,8 @@ function Header2({
   version = false,
   hide = {},
   altLogo,
-  altDescriptor
+  altDescriptor,
+  className
 }) {
   const [isScrolled, setIsScrolled] = React5.useState(false);
   const {
@@ -18952,10 +18969,11 @@ function Header2({
       "data-slot": "header",
       "data-scrolled": isScrolled,
       id: "nsw-header",
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         "sticky top-0 z-50 hidden bg-white px-4 py-5 transition duration-500 sm:px-6 lg:flex lg:flex-none lg:flex-wrap lg:items-center lg:justify-between lg:px-12",
         !hideShadow && "shadow-md shadow-slate-900/5 dark:shadow-none",
-        isScrolled ? "dark:bg-slate-900/95 dark:backdrop-blur-sm dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75" : "dark:bg-transparent"
+        isScrolled ? "dark:bg-slate-900/95 dark:backdrop-blur-sm dark:[@supports(backdrop-filter:blur(0))]:bg-slate-900/75" : "dark:bg-transparent",
+        className
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex grow basis-0 items-center", children: [
@@ -19806,7 +19824,7 @@ var LineChart = React5__namespace.default.forwardRef((props, ref) => {
 });
 LineChart.displayName = "LineChart";
 function cn2(...inputs) {
-  return tailwindMerge.twMerge(clsx12.clsx(inputs));
+  return tailwindMerge.twMerge(clsx13.clsx(inputs));
 }
 var sizeStyles = {
   sm: "text-sm",
@@ -19868,7 +19886,7 @@ function Listbox2({
         autoFocus,
         "data-slot": "control",
         "aria-label": ariaLabel,
-        className: clsx12__default.default([
+        className: clsx13__default.default([
           className,
           // Basic layout
           "group relative block w-full",
@@ -19892,7 +19910,7 @@ function Listbox2({
               as: "span",
               options,
               placeholder: placeholder && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block truncate text-grey-500", children: placeholder }),
-              className: clsx12__default.default([
+              className: clsx13__default.default([
                 "cursor-pointer",
                 // Basic layout
                 "relative block w-full appearance-none rounded-sm py-[calc(--spacing(4.5)-1px)] sm:py-[calc(--spacing(3.5)-1px)]",
@@ -19922,7 +19940,7 @@ function Listbox2({
       {
         transition: true,
         anchor: "selection start",
-        className: clsx12__default.default(
+        className: clsx13__default.default(
           // Anchor positioning
           "[--anchor-offset:-1.625rem] [--anchor-padding:--spacing(4)] sm:[--anchor-offset:-1.375rem]",
           // Base styles
@@ -19948,7 +19966,7 @@ function ListboxOption2({
   className,
   ...props
 }) {
-  const sharedClasses = clsx12__default.default(
+  const sharedClasses = clsx13__default.default(
     // Base
     "flex min-w-0 items-center",
     // Icons
@@ -19960,12 +19978,12 @@ function ListboxOption2({
   );
   return /* @__PURE__ */ jsxRuntime.jsx(Headless4__namespace.ListboxOption, { as: React5.Fragment, ...props, children: ({ selectedOption }) => {
     if (selectedOption) {
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx12__default.default(className, sharedClasses), children });
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx13__default.default(className, sharedClasses), children });
     }
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: clsx12__default.default(
+        className: clsx13__default.default(
           // Basic layout
           "group/option grid cursor-pointer grid-cols-[--spacing(5)_1fr] items-baseline gap-x-2 rounded-sm py-2.5 pr-3.5 pl-2 sm:grid-cols-[--spacing(4)_1fr] sm:py-1.5 sm:pr-3 sm:pl-1.5",
           // Typography
@@ -19996,7 +20014,7 @@ function ListboxOption2({
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx12__default.default(className, sharedClasses, "col-start-2"), children })
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx13__default.default(className, sharedClasses, "col-start-2"), children })
         ]
       }
     );
@@ -20007,7 +20025,7 @@ function ListboxLabel({ className, ...props }) {
     "span",
     {
       ...props,
-      className: clsx12__default.default(className, "ml-2.5 truncate first:ml-0 sm:ml-2 sm:first:ml-0")
+      className: clsx13__default.default(className, "ml-2.5 truncate first:ml-0 sm:ml-2 sm:first:ml-0")
     }
   );
 }
@@ -20020,7 +20038,7 @@ function ListboxDescription({
     "span",
     {
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "flex flex-1 overflow-hidden text-grey-500 group-data-focus/option:text-white before:w-2 before:min-w-0 before:shrink dark:text-grey-400"
       ),
@@ -20103,7 +20121,7 @@ function Text({ className, trim = "normal", size = 2, label = false, ...props })
     {
       "data-slot": "text",
       ...props,
-      className: clsx12__default.default(className, trimClasses[trim], "text-grey-800 dark:text-grey-400", sizeClass)
+      className: clsx13__default.default(className, trimClasses[trim], "text-grey-800 dark:text-grey-400", sizeClass)
     }
   );
 }
@@ -20112,7 +20130,7 @@ function TextLink({ className, ...props }) {
     Link,
     {
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "text-primary-800 underline decoration-primary-800/50 data-hover:decoration-primary-800 dark:text-white dark:decoration-white/50 dark:data-hover:decoration-white"
       )
@@ -20120,7 +20138,7 @@ function TextLink({ className, ...props }) {
   );
 }
 function Strong({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("strong", { ...props, className: clsx12__default.default(className, "font-medium text-grey-950 dark:text-white") });
+  return /* @__PURE__ */ jsxRuntime.jsx("strong", { ...props, className: clsx13__default.default(className, "font-medium text-grey-950 dark:text-white") });
 }
 function Code({ className, ...props }) {
   const hasLanguageClass = typeof className === "string" && className.includes("language-");
@@ -20128,7 +20146,7 @@ function Code({ className, ...props }) {
     "code",
     {
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         !hasLanguageClass && "language-plaintext",
         "text-sm sm:text-[0.8125rem]"
@@ -20699,7 +20717,7 @@ function MultiLevelPushMenu({
                 {
                   href: item.href,
                   onClick: (e) => handleItemClick(item, e),
-                  className: clsx12__default.default(
+                  className: clsx13__default.default(
                     "relative flex w-full cursor-pointer items-center justify-between gap-x-6 border-l p-4 transition-colors hover:border-primary-800 hover:bg-primary-800/10",
                     pathname === item.href ? "border-primary-800 bg-primary-800/10 font-semibold text-primary-800" : "border-transparent text-grey-800",
                     isAnimating && "pointer-events-none"
@@ -20711,7 +20729,7 @@ function MultiLevelPushMenu({
                 {
                   onClick: (e) => handleItemClick(item, e),
                   disabled: isAnimating,
-                  className: clsx12__default.default(
+                  className: clsx13__default.default(
                     "relative flex w-full cursor-pointer items-center justify-between gap-x-6 border-l p-4 transition-colors hover:border-primary-800 hover:bg-primary-800/10",
                     pathname === item.href ? "border-primary-800 bg-primary-800/10 font-semibold text-primary-800" : "border-transparent text-grey-800",
                     isAnimating && "pointer-events-none"
@@ -20778,7 +20796,7 @@ function MobileHeader({
     /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: clsx12__default.default(
+        className: clsx13__default.default(
           "relative flex w-full items-center py-4",
           menu && !search && "justify-start",
           search && "justify-between",
@@ -20794,7 +20812,7 @@ function MobileHeader({
             {
               href: "/",
               "aria-label": "Home page",
-              className: clsx12__default.default(
+              className: clsx13__default.default(
                 "flex items-center",
                 menu && !search && "justify-start",
                 search && !menu && "flex-row justify-between",
@@ -20805,7 +20823,7 @@ function MobileHeader({
                 /* @__PURE__ */ jsxRuntime.jsxs(
                   "div",
                   {
-                    className: clsx12__default.default(
+                    className: clsx13__default.default(
                       "flex flex-wrap items-center",
                       menu && !search && "justify-center text-left",
                       search && !menu && "justify-center text-left",
@@ -28816,7 +28834,7 @@ var featureBundle = {
 // node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs
 var motion = /* @__PURE__ */ createMotionProxy(featureBundle, createDomVisualElement);
 function Navbar({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ...props, className: clsx12__default.default(className, "flex flex-1 items-center gap-4 py-2.5") });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ...props, className: clsx13__default.default(className, "flex flex-1 items-center gap-4 py-2.5") });
 }
 function NavbarDivider({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -28824,16 +28842,16 @@ function NavbarDivider({ className, ...props }) {
     {
       "aria-hidden": "true",
       ...props,
-      className: clsx12__default.default(className, "h-6 w-px bg-zinc-950/10 dark:bg-white/10")
+      className: clsx13__default.default(className, "h-6 w-px bg-zinc-950/10 dark:bg-white/10")
     }
   );
 }
 function NavbarSection({ className, ...props }) {
   const id3 = React5.useId();
-  return /* @__PURE__ */ jsxRuntime.jsx(LayoutGroup, { id: id3, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: clsx12__default.default(className, "flex items-center gap-3") }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(LayoutGroup, { id: id3, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: clsx13__default.default(className, "flex items-center gap-3") }) });
 }
 function NavbarSpacer({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", ...props, className: clsx12__default.default(className, "-ml-4 flex-1") });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", ...props, className: clsx13__default.default(className, "-ml-4 flex-1") });
 }
 var NavbarItem = React5.forwardRef(function NavbarItem2({
   current,
@@ -28841,7 +28859,7 @@ var NavbarItem = React5.forwardRef(function NavbarItem2({
   children,
   ...props
 }, ref) {
-  const classes = clsx12__default.default(
+  const classes = clsx13__default.default(
     // Base
     "relative flex min-w-0 items-center gap-3 rounded-lg p-2 text-left text-base/6 font-medium text-zinc-950 sm:text-sm/5",
     // Leading icon/icon-only
@@ -28859,7 +28877,7 @@ var NavbarItem = React5.forwardRef(function NavbarItem2({
     "dark:data-hover:bg-white/5 dark:data-hover:*:data-[slot=icon]:fill-white",
     "dark:data-active:bg-white/5 dark:data-active:*:data-[slot=icon]:fill-white"
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx12__default.default(className, "relative"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: clsx13__default.default(className, "relative"), children: [
     current && /* @__PURE__ */ jsxRuntime.jsx(
       motion.span,
       {
@@ -28880,7 +28898,7 @@ var NavbarItem = React5.forwardRef(function NavbarItem2({
       Headless4__namespace.Button,
       {
         ...props,
-        className: clsx12__default.default("cursor-default", classes),
+        className: clsx13__default.default("cursor-default", classes),
         "data-current": current ? "true" : void 0,
         ref,
         children: /* @__PURE__ */ jsxRuntime.jsx(TouchTarget, { children })
@@ -28889,14 +28907,14 @@ var NavbarItem = React5.forwardRef(function NavbarItem2({
   ] });
 });
 function NavbarLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: clsx12__default.default(className, "truncate") });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: clsx13__default.default(className, "truncate") });
 }
 function Navigation({
   className,
   onLinkClick,
   navigation
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: clsx12__default.default("text-base lg:text-sm", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "flex flex-col gap-9", children: navigation.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: clsx13__default.default("text-base lg:text-sm", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "flex flex-col gap-9", children: navigation.map((section, index) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
     section.links ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-display font-medium text-grey-800 dark:text-white", children: section.title }) : /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "mt-2 flex flex-col gap-2 border-l lg:mt-4", children: /* @__PURE__ */ jsxRuntime.jsx("li", { className: "-ml-px flex flex-col items-start gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
       NavigationLink,
       {
@@ -28919,7 +28937,7 @@ function NavigationLink({
     {
       href,
       onClick,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         "inline-block w-full cursor-pointer rounded-r-sm border-l py-1 pr-2 pl-4 text-left text-base/8 sm:text-sm/6",
         "hover:border-grey-950 hover:bg-primary-800/10 hover:font-semibold hover:text-grey-950",
         "dark:text-grey-400 dark:hover:border-grey-400 dark:hover:text-white",
@@ -29095,7 +29113,7 @@ function NotFound() {
 }
 var styles4 = {
   base: [
-    "group relative mx-auto flex items-stretch w-full max-w-md flex-col overflow-hidden rounded-md hover:cursor-pointer",
+    "group relative mx-auto flex items-stretch w-full max-w-md flex-col overflow-hidden rounded-[var(--nsw-border-radius)] hover:cursor-pointer",
     "bg-(--nsw-card-bg) text-(--nsw-card-text)",
     "focus:outline focus:outline-2 focus:outline-offset-2 focus:outline-primary-600",
     "transition-colors duration-150 ease-out motion-reduce:transition-none",
@@ -29107,17 +29125,17 @@ var styles4 = {
     "",
     'data-[has-image=false]:after:content-[""]',
     "data-[has-image=false]:after:absolute data-[has-image=false]:after:inset-x-0 data-[has-image=false]:after:top-0 data-[has-image=false]:after:h-1",
-    "data-[has-image=false]:after:pointer-events-none data-[has-image=false]:after:z-10 data-[has-image=false]:after:rounded-t-md",
+    "data-[has-image=false]:after:pointer-events-none data-[has-image=false]:after:z-10 data-[has-image=false]:after:rounded-t-[inherit]",
     "data-[has-image=false]:after:bg-[var(--nsw-card-top-border-base)]",
     "data-[has-image=false]:hover:after:bg-[var(--nsw-card-top-border-hover)]"
   ],
   headline: ["", ""],
   colors: {
     white: [
-      "[--nsw-card-bg:white] [--nsw-card-border:var(--color-grey-200)] [--nsw-card-text:grey-800] [--nsw-card-image-border:var(--color-grey-200)]",
+      "[--nsw-card-bg:white] [--nsw-card-border:var(--color-grey-200)] [--nsw-card-text:grey-800]",
       "hover:[--nsw-card-bg:var(--color-primary-800)] hover:[--nsw-card-border:var(--color-primary-800)] hover:[--nsw-card-text:white]",
       // Dark mode
-      "dark:[--nsw-card-bg:var(--color-grey-850)] dark:[--nsw-card-border:var(--color-grey-700)] dark:[--nsw-card-text:var(--color-grey-100)] dark:[--nsw-card-image-border:var(--color-grey-700)]",
+      "dark:[--nsw-card-bg:var(--color-grey-850)] dark:[--nsw-card-border:var(--color-grey-700)] dark:[--nsw-card-text:var(--color-grey-100)]",
       // Dark mode hover
       "dark:hover:[--nsw-card-bg:var(--color-primary-600)] dark:hover:[--nsw-card-border:var(--color-primary-600)] dark:hover:[--nsw-card-text:white]",
       // 🔧 top-border color pair for highlight (base + hover)
@@ -29279,33 +29297,34 @@ NSWCardArrow.displayName = "NSWCardArrow";
 function NSWCardImg({
   imgSrc,
   imgAlt,
+  border = false,
+  highlight = false,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("relative w-full shadow-(--nsw-card-image-border)", className), ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Image2__default.default,
-      {
-        alt: imgAlt,
-        src: imgSrc,
-        className: "aspect-video w-full rounded-md rounded-b-none object-cover sm:aspect-2/1 lg:aspect-3/2",
-        width: 400,
-        height: 300
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: cn(
-          "absolute inset-0 rounded-md rounded-b-none dark:inset-ring-white/10",
-          "shadow-[inset_0_1px_0_var(--nsw-card-image-border),inset_1px_0_0_var(--nsw-card-image-border),inset_-1px_0_0_var(--nsw-card-image-border)]",
-          "group-data-[variant=highlight]:border-b-4",
-          "group-data-[variant=highlight]:border-b-[var(--nsw-card-top-border-base)]",
-          "group-data-[variant=highlight]:group-hover:border-b-[var(--nsw-card-top-border-hover)]"
-        )
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "relative w-full",
+        border && !highlight && "after:pointer-events-none after:absolute after:inset-0 after:rounded-[var(--nsw-border-radius)] after:rounded-b-none after:shadow-[inset_0_1px_0_var(--nsw-card-border),inset_1px_0_0_var(--nsw-card-border),inset_-1px_0_0_var(--nsw-card-border)] after:content-['']",
+        !border && highlight && "after:pointer-events-none after:absolute after:inset-x-0 after:bottom-0 after:h-1 after:bg-[var(--nsw-card-top-border-base)] after:content-[''] group-hover:after:bg-[var(--nsw-card-top-border-hover)]",
+        border && highlight && "shadow-[-1px_0_0_0_var(--nsw-card-border),1px_0_0_0_var(--nsw-card-border),0_-1px_0_0_var(--nsw-card-border),0_4px_0_0_var(--nsw-card-top-border-base)] group-hover:shadow-[-1px_0_0_0_var(--nsw-card-border),1px_0_0_0_var(--nsw-card-border),0_-1px_0_0_var(--nsw-card-border),0_4px_0_0_var(--nsw-card-top-border-hover)]",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Image2__default.default,
+        {
+          alt: imgAlt,
+          src: imgSrc,
+          className: "aspect-video w-full object-cover sm:aspect-2/1 lg:aspect-3/2",
+          width: 400,
+          height: 300
+        }
+      )
+    }
+  );
 }
 NSWCardImg.displayName = "NSWCardImg";
 function NSWCardIcon({
@@ -29327,6 +29346,7 @@ NSWCardIcon.displayName = "NSWCardIcon";
 function NSWCard({
   children,
   topBorder = "var(--color-accent-600)",
+  border = false,
   className,
   variant,
   color: color2,
@@ -29338,9 +29358,14 @@ function NSWCard({
   const isCardImg = (child) => React5__namespace.isValidElement(child) && (child.type === NSWCardImg || typeof child.type === "function" && child.type.displayName === "NSWCardImg");
   const all = React5__namespace.Children.toArray(children);
   const imageChildren = all.filter(isCardImg).map(
-    (child) => React5__namespace.isValidElement(child) ? React5__namespace.cloneElement(child, {
-      className: cn(child.props?.className)
-    }) : child
+    (child) => React5__namespace.isValidElement(child) ? React5__namespace.cloneElement(
+      child,
+      {
+        border,
+        highlight: isHighlight,
+        className: cn(child.props?.className)
+      }
+    ) : child
   );
   const bodyChildren = all.filter((c) => !isCardImg(c));
   const hasImage = imageChildren.length > 0;
@@ -29352,6 +29377,7 @@ function NSWCard({
       "data-color": color2,
       "data-size": size,
       "data-has-image": hasImage ? "true" : "false",
+      "data-border": border ? "true" : "false",
       style: isHighlight && topBorder ? { ["--nsw-card-top-border-base"]: topBorder } : void 0,
       className: classes,
       ...props,
@@ -29361,7 +29387,7 @@ function NSWCard({
           "div",
           {
             className: cn(
-              "h-full rounded-sm border border-(--nsw-card-border)",
+              "h-full rounded-[inherit] border border-(--nsw-card-border)",
               hasImage && "border-t-none rounded-t-none"
             ),
             children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full flex-col p-8", children: bodyChildren })
@@ -29373,7 +29399,7 @@ function NSWCard({
           "div",
           {
             className: cn(
-              "flex h-full flex-col rounded-sm border border-(--nsw-card-border) p-8",
+              "flex h-full flex-col rounded-[inherit] border border-(--nsw-card-border) p-8",
               hasImage && "border-t-none rounded-t-none"
             ),
             children: bodyChildren
@@ -29392,7 +29418,7 @@ function Wrapper({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
-      className: clsx12__default.default("max-w-8xl mx-auto space-y-8 px-4 py-6 sm:px-6 lg:px-12", className),
+      className: clsx13__default.default("max-w-8xl mx-auto space-y-8 px-4 py-6 sm:px-6 lg:px-12", className),
       ...props,
       children
     }
@@ -29406,7 +29432,7 @@ function PageHeading({
   return /* @__PURE__ */ jsxRuntime.jsx(
     "header",
     {
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         "border-b border-grey-300 bg-white dark:border-grey-700 dark:bg-grey-900",
         className
       ),
@@ -29433,7 +29459,7 @@ function Pagination({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: clsx12__default.default(containerStyles[variant], className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(PaginationVariantContext.Provider, { value: variant, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": ariaLabel, className: clsx13__default.default(containerStyles[variant], className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(PaginationVariantContext.Provider, { value: variant, children }) });
 }
 function PaginationPrevious({ href = null, className, children = "Previous" }) {
   const variant = React5__namespace.useContext(PaginationVariantContext);
@@ -29456,7 +29482,7 @@ function PaginationPrevious({ href = null, className, children = "Previous" }) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx12__default.default(className, "grow basis-0"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx13__default.default(className, "grow basis-0"), children: /* @__PURE__ */ jsxRuntime.jsxs(
     Button2,
     {
       ...href === null ? { disabled: true } : { href },
@@ -29490,7 +29516,7 @@ function PaginationNext({ href = null, className, children = "Next" }) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx12__default.default(className, "flex grow basis-0 justify-end"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx13__default.default(className, "flex grow basis-0 justify-end"), children: /* @__PURE__ */ jsxRuntime.jsxs(
     Button2,
     {
       ...href === null ? { disabled: true } : { href },
@@ -29506,9 +29532,9 @@ function PaginationNext({ href = null, className, children = "Next" }) {
 function PaginationList({ className, ...props }) {
   const variant = React5__namespace.useContext(PaginationVariantContext);
   if (variant === "line") {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx12__default.default(listStyles.line, className), ...props });
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx13__default.default(listStyles.line, className), ...props });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx12__default.default(listStyles.default, className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx13__default.default(listStyles.default, className), ...props });
 }
 function PaginationPage({
   href,
@@ -29540,7 +29566,7 @@ function PaginationPage({
       "aria-current": current ? "page" : void 0,
       variant: current ? "solid" : "ghost",
       color: current ? "accent" : "light",
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "leading-none before:absolute before:-inset-px before:rounded-sm",
         "min-h-8 min-w-8 sm:px-[calc(--spacing(4))] sm:py-[calc(--spacing(3))]",
@@ -29561,7 +29587,7 @@ function PaginationGap({
       "span",
       {
         "aria-hidden": "true",
-        className: clsx12__default.default(
+        className: clsx13__default.default(
           "inline-flex items-center border-t-2 border-transparent px-4 pt-4 text-sm font-medium text-grey-800 select-none",
           className
         ),
@@ -29575,7 +29601,7 @@ function PaginationGap({
     {
       "aria-hidden": "true",
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "w-9 text-center text-sm/6 font-semibold text-grey-950 select-none dark:text-white"
       ),
@@ -29595,7 +29621,7 @@ function PrevNextLinksPageLink({
       Link13__default.default,
       {
         href,
-        className: clsx12__default.default(
+        className: clsx13__default.default(
           "flex items-center gap-x-1 text-base font-semibold text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300",
           dir === "previous" && "flex-row-reverse"
         ),
@@ -29604,7 +29630,7 @@ function PrevNextLinksPageLink({
           /* @__PURE__ */ jsxRuntime.jsx(
             Icons.east,
             {
-              className: clsx12__default.default("size-5 flex-none fill-current", dir === "previous" && "-scale-x-100")
+              className: clsx13__default.default("size-5 flex-none fill-current", dir === "previous" && "-scale-x-100")
             }
           )
         ]
@@ -29878,7 +29904,7 @@ function Prose({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Component2,
     {
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         "prose max-w-none dark:!prose-invert",
         // headings
@@ -30650,7 +30676,7 @@ function SidebarNavigation({
   navigation: navigation$1
 }) {
   const pathname = navigation.usePathname();
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: clsx12__default.default("text-base lg:text-sm", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "flex flex-col gap-9", children: navigation$1.map((section, sectionIndex) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: clsx13__default.default("text-base lg:text-sm", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "flex flex-col gap-9", children: navigation$1.map((section, sectionIndex) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
     section.links ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-display font-medium text-foreground dark:text-white", children: section.title }) : /* @__PURE__ */ jsxRuntime.jsx(
       "ul",
       {
@@ -30685,7 +30711,7 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
   const hasChildren = Array.isArray(link.links) && link.links.length > 0;
   const isActive = pathname === link.href;
   const isActiveOrHasActiveDescendant = isLinkOrDescendantActive(link, pathname);
-  const baseLinkClasses = clsx12__default.default(
+  const baseLinkClasses = clsx13__default.default(
     "w-full cursor-pointer rounded-r-sm border-l py-1 pr-2 pl-4 text-left text-base/8 sm:text-sm/6",
     "hover:border-grey-950 hover:bg-primary-800/10 hover:font-semibold hover:text-grey-950",
     "dark:text-grey-400 dark:hover:border-grey-400 dark:hover:text-white",
@@ -30695,13 +30721,13 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
     /* @__PURE__ */ jsxRuntime.jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
-        className: clsx12__default.default(baseLinkClasses, "group flex items-center justify-between gap-1"),
+        className: clsx13__default.default(baseLinkClasses, "group flex items-center justify-between gap-1"),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: link.title }),
           /* @__PURE__ */ jsxRuntime.jsx(
             Icons.chevron_right,
             {
-              className: clsx12__default.default(
+              className: clsx13__default.default(
                 "ml-2 size-5 transition-transform duration-200",
                 "group-data-[state=open]:rotate-90"
               )
@@ -30710,7 +30736,7 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: clsx12__default.default("mt-2 ml-5 flex flex-col gap-1 border-l pl-0"), children: link.links && link.links.map((childLink) => /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContent2, { children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: clsx13__default.default("mt-2 ml-5 flex flex-col gap-1 border-l pl-0"), children: link.links && link.links.map((childLink) => /* @__PURE__ */ jsxRuntime.jsx(
       SidebarLink,
       {
         link: childLink,
@@ -31039,7 +31065,7 @@ var StepIndicator = React5__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", ref, className: cn("w-full", className), ...props, children: array.map((step, stepIdx) => /* @__PURE__ */ jsxRuntime.jsx(
       "li",
       {
-        className: clsx12__default.default(stepIdx !== array.length - 1 ? "pb-3" : "", "relative"),
+        className: clsx13__default.default(stepIdx !== array.length - 1 ? "pb-3" : "", "relative"),
         children: step.href === pathname && !(step.status === "completed" || step.status === "error" || step.status === "saved" || step.status === "cannot-start") ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: step.status === "in-progress" ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           stepIdx !== array.length - 1 ? /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -31285,7 +31311,7 @@ function StepNavigation({
     })),
     [navigation, formStatus, getStatus]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: clsx12__default.default("text-base lg:text-sm", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "space-y-9", children: navigationWithStatus.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: clsx13__default.default("text-base lg:text-sm", className), children: /* @__PURE__ */ jsxRuntime.jsx("ul", { role: "list", className: "space-y-9", children: navigationWithStatus.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("li", { children: [
     /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "font-display font-medium text-slate-900 dark:text-white", children: section.title }),
     /* @__PURE__ */ jsxRuntime.jsx(StepIndicator, { className: "mt-2 lg:mt-4", array: section.links })
   ] }, section.title)) }) });
@@ -31313,7 +31339,7 @@ function SwitchGroup({ className, ...props }) {
     {
       "data-slot": "control",
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         // Basic groups
         "space-y-3 **:data-[slot=label]:font-normal",
@@ -31332,7 +31358,7 @@ function SwitchField({
     {
       "data-slot": "field",
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         // Base layout
         "grid grid-cols-[1fr_auto] gap-x-8 gap-y-1 sm:grid-cols-[1fr_auto]",
@@ -31396,7 +31422,7 @@ function Switch2({
     {
       "data-slot": "control",
       ...props,
-      className: clsx12__default.default(
+      className: clsx13__default.default(
         className,
         // Base styles
         "group relative isolate inline-flex h-6 w-10 cursor-default rounded-full p-[3px] sm:h-5 sm:w-8",
@@ -31423,7 +31449,7 @@ function Switch2({
         "span",
         {
           "aria-hidden": "true",
-          className: clsx12__default.default(
+          className: clsx13__default.default(
             // Basic layout
             "pointer-events-none relative inline-block size-4.5 rounded-full sm:size-3.5",
             // Transition
@@ -31532,7 +31558,7 @@ function TableOfContents({ tableOfContents }) {
       "ol",
       {
         role: "list",
-        className: clsx12__default.default(
+        className: clsx13__default.default(
           "mt-3 flex flex-col gap-2",
           "border-l border-grey-900/10 dark:border-white/10",
           "text-sm/6 text-grey-700 dark:text-grey-400"
@@ -31543,7 +31569,7 @@ function TableOfContents({ tableOfContents }) {
             {
               href: `#${section.id}`,
               prefetch: false,
-              className: clsx12__default.default(
+              className: clsx13__default.default(
                 "-ml-px inline-block border-l pl-4",
                 "hover:border-primary-800 dark:hover:border-white",
                 isActive(section) ? "border-primary-800 font-semibold text-primary-800 dark:border-white dark:text-white" : "border-transparent"
@@ -31556,7 +31582,7 @@ function TableOfContents({ tableOfContents }) {
             {
               href: `#${subSection.id}`,
               prefetch: false,
-              className: clsx12__default.default(
+              className: clsx13__default.default(
                 "-ml-px inline-block border-l pl-8",
                 "hover:border-primary-800 dark:hover:border-white",
                 isActive(subSection) ? "border-primary-800 font-semibold text-primary-800 dark:border-white dark:text-white" : "border-transparent"