@nswds/app 1.23.6 → 1.24.0

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import clsx11, { clsx } from 'clsx';
+import clsx12, { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
 import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
@@ -159,6 +159,9 @@ function kebabCase(str) {
 function camelCase(str) {
   return str.toLowerCase().replace(/[^a-zA-Z0-9]+(.)/g, (_, chr) => chr.toUpperCase());
 }
+function humaniseVariant(key) {
+  return key.replace(/([a-z])([A-Z0-9])/g, "$1 $2").replace(/([0-9])([A-Za-z])/g, "$1 $2").replace(/_/g, " ").replace(/\bFull\s?Width\b/gi, "full width").replace(/\s+/g, " ").trim().replace(/^./, (s) => s.toUpperCase());
+}
 function Accordion({ ...props }) {
   return /* @__PURE__ */ jsx(AccordionPrimitive.Root, { "data-slot": "accordion", ...props });
 }
@@ -643,7 +646,7 @@ var Button2 = forwardRef(function Button3({ className, variant, color, size, chi
     {
       "data-variant": variant,
       ...props,
-      className: clsx11(classes, "cursor-pointer"),
+      className: clsx12(classes, "cursor-pointer"),
       ref,
       children: /* @__PURE__ */ jsx(TouchTarget, { children })
     }
@@ -1108,7 +1111,7 @@ var BadgeButton = forwardRef(function BadgeButton2({
   children,
   ...props
 }, ref) {
-  const classes = clsx11(className, focusOutline[color], [
+  const classes = clsx12(className, focusOutline[color], [
     // Base
     "group relative inline-flex rounded-sm",
     // Focus
@@ -1130,7 +1133,7 @@ var BadgeButton = forwardRef(function BadgeButton2({
     {
       "data-variant": variant,
       ...props,
-      className: clsx11(classes, "cursor-pointer"),
+      className: clsx12(classes, "cursor-pointer"),
       ref,
       children: /* @__PURE__ */ jsx(TouchTarget, { children: /* @__PURE__ */ jsx(Badge, { variant, color, size, children }) })
     }
@@ -2034,40 +2037,11 @@ function PreWithCopy(props) {
         onClick: handleCopy,
         children: [
           /* @__PURE__ */ jsx("span", { className: twMerge(isJustCopied && "hidden"), children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center", children: [
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "me-1.5 size-3",
-                "aria-hidden": "true",
-                xmlns: "http://www.w3.org/2000/svg",
-                fill: "currentColor",
-                viewBox: "0 0 18 20",
-                children: /* @__PURE__ */ jsx("path", { d: "M16 1h-3.278A1.992 1.992 0 0 0 11 0H7a1.993 1.993 0 0 0-1.722 1H2a2 2 0 0 0-2 2v15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2Zm-3 14H5a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2Zm0-4H5a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2Zm0-5H5a1 1 0 0 1 0-2h2V2h4v2h2a1 1 0 1 1 0 2Z" })
-              }
-            ),
+            /* @__PURE__ */ jsx(Icons.copy, { className: "me-1.5 size-3" }),
             /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold", children: "Copy code" })
           ] }) }),
           /* @__PURE__ */ jsx("span", { className: twMerge(isJustCopied ? "block" : "hidden"), children: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center", children: [
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: "text-primary-700 dark:text-primary-500 me-1.5 size-3",
-                "aria-hidden": "true",
-                xmlns: "http://www.w3.org/2000/svg",
-                fill: "none",
-                viewBox: "0 0 16 12",
-                children: /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    stroke: "currentColor",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: "2",
-                    d: "M1 5.917 5.724 10.5 15 1.5"
-                  }
-                )
-              }
-            ),
+            /* @__PURE__ */ jsx(Icons.check, { className: "text-primary-700 dark:text-primary-500 me-1.5 size-3" }),
             /* @__PURE__ */ jsx("span", { className: "text-primary-700 dark:text-primary-500 text-xs font-semibold", children: "Copied" })
           ] }) })
         ]
@@ -2114,13 +2088,26 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        "border-nsw-grey-200 data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        // Base styles
+        "border-nsw-grey-600 [&_svg:not([class*='text-'])]:text-nsw-grey-600 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        // Disabled styles
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        // aria-invalid styles
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        // Focus styles
+        "focus:outline-primary-650/70 focus:outline focus:outline-2 focus:outline-offset-2",
+        // Placeholder styles
+        "data-[placeholder]:text-nsw-grey-600",
+        // Dark mode styles
+        "dark:bg-input/30 dark:hover:bg-input/50",
+        // Size styles
+        "data-[size=default]:h-12 data-[size=sm]:h-9",
         className
       ),
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(Icons.chevron_down, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(Icons.chevron_down, { className: "size-6 opacity-80" }) })
       ]
     }
   );
@@ -2136,7 +2123,9 @@ function SelectContent({
     {
       "data-slot": "select-content",
       className: cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        // Base styles
+        "text-nsw-grey-800 bg-white",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
         position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
@@ -2164,7 +2153,7 @@ function SelectLabel({ className, ...props }) {
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
-      className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+      className: cn("text-nsw-grey-600 px-2 py-1.5 text-xs", className),
       ...props
     }
   );
@@ -2179,12 +2168,12 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: cn(
-        "focus:bg-primary-800/10 focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        "focus:bg-primary-800/10 focus:text-primary-800 [&_svg:not([class*='text-'])]:text-nsw-grey-600 relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:font-bold data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Icons.check, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Icons.check, { className: "size-6" }) }) }),
         /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
       ]
     }
@@ -2198,7 +2187,7 @@ function SelectSeparator({
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
-      className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+      className: cn("bg-nsw-primary-800/20 pointer-events-none -mx-1 my-1 h-px", className),
       ...props
     }
   );
@@ -2213,7 +2202,7 @@ function SelectScrollUpButton({
       "data-slot": "select-scroll-up-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx(Icons.chevron_up, { className: "size-4" })
+      children: /* @__PURE__ */ jsx(Icons.chevron_up, { className: "size-6" })
     }
   );
 }
@@ -2227,7 +2216,7 @@ function SelectScrollDownButton({
       "data-slot": "select-scroll-down-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx(Icons.chevron_down, { className: "size-4" })
+      children: /* @__PURE__ */ jsx(Icons.chevron_down, { className: "size-6" })
     }
   );
 }
@@ -5994,6 +5983,10 @@ function CodeDemo({ data, hide = {} }) {
   const codeItems = getCodeItems(code);
   const current = getCurrent(codeItems, tabIndex);
   const shouldExpand = getShouldExpand(current.code.trim());
+  const variantLabels = React6__default.useMemo(() => {
+    const explicit = data.labels ?? {};
+    return Object.fromEntries(variants.map((v) => [v, explicit[v] ?? humaniseVariant(v)]));
+  }, [variants, data]);
   return /* @__PURE__ */ jsxs("div", { className: "mt-8", children: [
     /* @__PURE__ */ jsx("div", { className: "border-grey-200 bg-grey-50 dark:border-grey-600 dark:bg-grey-700 w-full rounded-t-xl border p-4", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3", children: [
       /* @__PURE__ */ jsx(EditOnGithubButton, { githubSlug: data.githubSlug }),
@@ -6053,8 +6046,8 @@ function CodeDemo({ data, hide = {} }) {
           /* @__PURE__ */ jsxs("div", { className: "border-grey-200 bg-grey-50 dark:border-grey-600 dark:bg-grey-700 flex w-full rounded-t-md border-b", children: [
             /* @__PURE__ */ jsx(Tabs, { tabIndex, items: codeItems, onSelect: setTabIndex }),
             variants.length > 0 && /* @__PURE__ */ jsxs(Select, { onValueChange: (value) => handleSelectVariant(value), children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a variant" }) }),
-              /* @__PURE__ */ jsx(SelectContent, { children: variants.map((v) => /* @__PURE__ */ jsx(SelectItem, { value: v, children: v }, v)) })
+              /* @__PURE__ */ jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a variant" }) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: variants.map((v) => /* @__PURE__ */ jsx(SelectItem, { value: v, children: variantLabels[v] }, v)) })
             ] }),
             /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
               CopyToClipboardButton,
@@ -7045,7 +7038,7 @@ function Separator4({
       decorative,
       orientation,
       className: cn(
-        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        "bg-primary-800/20 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
         className
       ),
       ...props
@@ -7161,7 +7154,7 @@ var toggleVariants = cva(styles3.base, {
   variants: {
     variant: {
       ghost: "",
-      outline: clsx11(styles3.outline)
+      outline: clsx12(styles3.outline)
     },
     size: {
       default: "h-9 px-2 min-w-9",
@@ -7305,7 +7298,7 @@ function Heading({
     Element,
     {
       ...props,
-      className: clsx11(
+      className: clsx12(
         className,
         trimClasses[trim],
         "m-0",
@@ -7320,7 +7313,7 @@ function Heading({
 
 // package.json
 var package_default = {
-  version: "1.22.0"};
+  version: "1.23.4"};
 function Logo(props) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: "sr-only", children: "NSW Government" }),
@@ -7439,9 +7432,11 @@ function SiteSearch({ navigation }) {
 function Header2({
   sitename,
   navigation,
-  version = false
+  version = false,
+  hide = {}
 }) {
   const [isScrolled, setIsScrolled] = useState(false);
+  const { search = false, themeSwitcher = false, github = false } = hide;
   useEffect(() => {
     function onScroll() {
       setIsScrolled(window.scrollY > 0);
@@ -7455,7 +7450,7 @@ function Header2({
   return /* @__PURE__ */ jsxs(
     "header",
     {
-      className: clsx11(
+      className: clsx12(
         "sticky top-0 z-50 flex flex-none flex-wrap items-center justify-between bg-white px-4 py-5 shadow-md shadow-slate-900/5 transition duration-500 sm:px-6 lg:px-8 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"
       ),
@@ -7469,9 +7464,9 @@ function Header2({
           version && /* @__PURE__ */ jsx(Badge, { variant: "soft", color: "primary", className: "ml-2", children: package_default.version })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "relative flex basis-0 justify-end gap-2 sm:gap-4 md:grow", children: [
-          /* @__PURE__ */ jsx(SiteSearch, { navigation }),
-          /* @__PURE__ */ jsx(ThemeSwitcher, {}),
-          /* @__PURE__ */ jsx(
+          !search && /* @__PURE__ */ jsx(SiteSearch, { navigation }),
+          !themeSwitcher && /* @__PURE__ */ jsx(ThemeSwitcher, {}),
+          !github && /* @__PURE__ */ jsx(
             Button2,
             {
               variant: "surface",
@@ -7501,15 +7496,76 @@ function Input({ className, type, ...props }) {
       type,
       "data-slot": "input",
       className: cn(
-        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-nsw-grey-200 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        // Base styles
+        "border-nsw-grey-200 flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none md:text-sm",
+        // Selection styles
+        "selection:bg-primary selection:text-primary-foreground",
+        // Placeholder styles
+        "placeholder:text-muted-foreground",
+        // File input styles
+        "file:text-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium",
+        // Focus styles
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        // Disabled styles
+        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        // aria-invalid styles
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        // Dark mode styles
+        "dark:bg-input/30",
         className
       ),
       ...props
     }
   );
 }
+function cn2(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var sizeStyles = {
+  sm: "text-sm",
+  md: "text-base",
+  lg: "text-lg"
+};
+var variantStyles = {
+  disc: "list-disc pl-5",
+  decimal: "list-decimal pl-5",
+  icon: "list-none",
+  none: "list-none"
+};
+var gapStyles = {
+  sm: "space-y-1",
+  md: "space-y-2",
+  lg: "space-y-3"
+};
+var List2 = React6.forwardRef(
+  ({ asChild, variant = "disc", size = "md", gap = "md", className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "ul";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        "data-slot": "list",
+        className: cn2(sizeStyles[size], variantStyles[variant], gapStyles[gap], className),
+        ...props
+      }
+    );
+  }
+);
+List2.displayName = "List";
+var ListItem = React6.forwardRef(
+  ({ icon, className, children, ...props }, ref) => {
+    if (icon) {
+      return /* @__PURE__ */ jsxs("li", { ref, "data-slot": "list-item", className: cn2("flex gap-2", className), ...props, children: [
+        /* @__PURE__ */ jsx("span", { className: "mt-0.5", children: icon }),
+        /* @__PURE__ */ jsx("span", { children })
+      ] });
+    }
+    return /* @__PURE__ */ jsx("li", { ref, "data-slot": "list-item", className: cn2(className), ...props, children });
+  }
+);
+ListItem.displayName = "List.Item";
+var _List = List2;
+_List.Item = ListItem;
 function Masthead() {
   return /* @__PURE__ */ jsx("div", { className: "bg-primary h-[var(--masthead-height)] w-full", children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex w-full items-center justify-between px-4 py-2 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-x-12", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-white", children: "A NSW Government website" }) }) }) });
 }
@@ -7726,7 +7782,7 @@ function Navigation({
   navigation
 }) {
   const pathname = usePathname();
-  return /* @__PURE__ */ jsx("nav", { className: clsx11("text-base lg:text-sm", className), children: /* @__PURE__ */ jsx("ul", { role: "list", className: "flex flex-col gap-9", children: navigation.map((section) => /* @__PURE__ */ jsxs("li", { children: [
+  return /* @__PURE__ */ jsx("nav", { className: clsx12("text-base lg:text-sm", className), children: /* @__PURE__ */ jsx("ul", { role: "list", className: "flex flex-col gap-9", children: navigation.map((section) => /* @__PURE__ */ jsxs("li", { children: [
     /* @__PURE__ */ jsx("h2", { className: "font-display text-foreground font-medium dark:text-white", children: section.title }),
     /* @__PURE__ */ jsx(
       "ul",
@@ -7738,7 +7794,7 @@ function Navigation({
           {
             href: link.href,
             onClick: onLinkClick,
-            className: clsx11(
+            className: clsx12(
               "text-foreground inline-block border-l border-transparent pl-5 text-base/8 sm:pl-4 sm:text-sm/6",
               "hover:border-nsw-grey-950 hover:text-nsw-gray-950 hover:font-semibold",
               "dark:text-nsw-grey-400",
@@ -7995,7 +8051,7 @@ function PrevNextLinksPageLink({
       Link3,
       {
         href,
-        className: clsx11(
+        className: clsx12(
           "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"
         ),
@@ -8004,7 +8060,7 @@ function PrevNextLinksPageLink({
           /* @__PURE__ */ jsx(
             Icons.east,
             {
-              className: clsx11("size-5 flex-none fill-current", dir === "previous" && "-scale-x-100")
+              className: clsx12("size-5 flex-none fill-current", dir === "previous" && "-scale-x-100")
             }
           )
         ]
@@ -8244,7 +8300,7 @@ function SidebarNavigation({
   navigation
 }) {
   const pathname = usePathname();
-  return /* @__PURE__ */ jsx("nav", { className: clsx11("text-base lg:text-sm", className), children: /* @__PURE__ */ jsx("ul", { role: "list", className: "flex flex-col gap-9", children: navigation.map((section, sectionIndex) => /* @__PURE__ */ jsxs("li", { children: [
+  return /* @__PURE__ */ jsx("nav", { className: clsx12("text-base lg:text-sm", className), children: /* @__PURE__ */ jsx("ul", { role: "list", className: "flex flex-col gap-9", children: navigation.map((section, sectionIndex) => /* @__PURE__ */ jsxs("li", { children: [
     /* @__PURE__ */ jsx("h2", { className: "font-display text-foreground font-medium dark:text-white", children: section.title }),
     /* @__PURE__ */ jsx(
       "ul",
@@ -8269,7 +8325,7 @@ function SidebarNavigation({
 function SidebarLink({ link, pathname, onLinkClick, depth }) {
   const hasChildren = Array.isArray(link.links) && link.links.length > 0;
   const isActive = pathname === link.href;
-  const baseLinkClasses = clsx11(
+  const baseLinkClasses = clsx12(
     "border-l border-transparent pl-4 pr-2 text-base/8 sm:text-sm/6 w-full text-left py-1 rounded-r-md cursor-pointer",
     "hover:border-nsw-grey-950 hover:text-nsw-gray-950 hover:font-semibold hover:bg-primary-800/10",
     "dark:text-nsw-grey-400 dark:hover:border-nsw-grey-400 dark:hover:text-white",
@@ -8279,13 +8335,13 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
     /* @__PURE__ */ jsx(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ jsxs(
       "button",
       {
-        className: clsx11(baseLinkClasses, "group flex items-center justify-between gap-1"),
+        className: clsx12(baseLinkClasses, "group flex items-center justify-between gap-1"),
         children: [
           /* @__PURE__ */ jsx("span", { children: link.title }),
           /* @__PURE__ */ jsx(
             Icons.chevron_right,
             {
-              className: clsx11(
+              className: clsx12(
                 "ml-2 size-5 transition-transform duration-200",
                 "group-data-[state=open]:rotate-90"
               )
@@ -8297,7 +8353,7 @@ function SidebarLink({ link, pathname, onLinkClick, depth }) {
     /* @__PURE__ */ jsx(CollapsibleContent2, { children: /* @__PURE__ */ jsx(
       "ul",
       {
-        className: clsx11(
+        className: clsx12(
           "border-nsw-grey-400 dark:border-nsw-grey-200/15 mt-2 ml-5 flex flex-col gap-1 border-l pl-0"
         ),
         children: link.links && link.links.map((childLink) => /* @__PURE__ */ jsx(
@@ -8596,7 +8652,7 @@ function TableOfContents({ tableOfContents }) {
         Link3,
         {
           href: `#${section.id}`,
-          className: clsx11(
+          className: clsx12(
             isActive(section) ? "text-primary font-semibold" : "font-normal text-slate-500 hover:text-slate-700 dark:text-slate-400 dark:hover:text-slate-300"
           ),
           children: section.title
@@ -8719,7 +8775,7 @@ function Text({ className, trim = "normal", size = 2, label = false, ...props })
     {
       "data-slot": "text",
       ...props,
-      className: clsx11(className, trimClasses[trim], "text-grey-800 dark:text-grey-400", sizeClass)
+      className: clsx12(className, trimClasses[trim], "text-grey-800 dark:text-grey-400", sizeClass)
     }
   );
 }
@@ -8728,7 +8784,7 @@ function TextLink({ className, ...props }) {
     Link,
     {
       ...props,
-      className: clsx11(
+      className: clsx12(
         className,
         "text-primary-800 decoration-primary-800/50 data-hover:decoration-primary-800 underline dark:text-white dark:decoration-white/50 dark:data-hover:decoration-white"
       )
@@ -8736,14 +8792,14 @@ function TextLink({ className, ...props }) {
   );
 }
 function Strong({ className, ...props }) {
-  return /* @__PURE__ */ jsx("strong", { ...props, className: clsx11(className, "text-grey-950 font-medium dark:text-white") });
+  return /* @__PURE__ */ jsx("strong", { ...props, className: clsx12(className, "text-grey-950 font-medium dark:text-white") });
 }
 function Code({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "code",
     {
       ...props,
-      className: clsx11(
+      className: clsx12(
         className,
         "border-grey-950/10 bg-grey-950/[2.5%] text-grey-950 rounded-sm border px-0.5 text-sm font-medium sm:text-[0.8125rem] dark:border-white/20 dark:bg-white/5 dark:text-white"
       )
@@ -9016,6 +9072,6 @@ var languages = [
   "html"
 ];
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button2 as Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, CodeDemo, CodeHighlight, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorCard, ColorSwatches, ColourScale, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ExpandableSearch, ExpandableSearchField, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, FormatToggle, GenerateInterpolatedColors, Header2 as Header, Heading, Icons, Input, Label3 as Label, Link, Logo, Masthead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, SidebarNavigation, SiteSearch, Skeleton, Slider, Social, Spinner, Strong, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeColorPalette, ThemeProvider, ThemeSelector, ThemeSwitcher, Toaster, TocContext, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchTarget, ViewToggle, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, cn, colorDataArray, colorThemes, colors, createColorArray, createColorData, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useToc };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, BadgeButton, BaseColorSwatches, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Breadcrumbs, Button2 as Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Code, CodeDemo, CodeHighlight, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorCard, ColorSwatches, ColourScale, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicFavicon, ExpandableSearch, ExpandableSearchField, Footer, FooterAcknowledgement, FooterLegalLinks, FooterSmallPrint, FooterSocialLink, FormatToggle, GenerateInterpolatedColors, Header2 as Header, Heading, Icons, Input, Label3 as Label, Link, _List as List, Logo, Masthead, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Navigation, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PreWithCopy, PrevNextLinks, PrevNextLinksPageLink, Progress, RadioGroup2 as RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidebarLink, SidebarNavigation, SiteSearch, Skeleton, Slider, Social, Spinner, Strong, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableOfContents, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Text, TextLink, Textarea, ThemeColorPalette, ThemeProvider, ThemeSelector, ThemeSwitcher, Toaster, TocContext, TocProvider, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TouchTarget, ViewToggle, aboriginal, addStartStopToColorArray, allPalettes, badgeVariants, brand, buttonVariants, camelCase, cn, colorDataArray, colorThemes, colors, createColorArray, createColorData, darkenColor, domToSimple, generateColorThemes, getColorValue, getHeadings, getNodeText, getSurroundingColors, humaniseVariant, interpolateColors, isLightColor, kebabCase, languages, lightenColor, navigationMenuTriggerStyle, oklchConverter, renderColorOutput, renderColorOutputToDTFM, semantic, shades, themeIndices, themeTokens, toggleVariants, truncate, useToc };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map