@nswds/app 1.76.1 → 1.77.0

package/dist/index.cjs

@@ -14229,7 +14229,14 @@ function CodeDemoLoading() {
 function CodeDemoContent({ data, hide = {} }) {
   const { resolvedTheme } = nextThemes.useTheme();
   const searchParams = navigation.useSearchParams();
-  const { rtl = false, darkMode = false, themeSelector = false } = hide;
+  const {
+    rtl = false,
+    darkMode = false,
+    themeSelector = false,
+    displayCode = true,
+    viewToggle = true,
+    copyButton = true
+  } = hide;
   const [tabIndex, setTabIndex] = React5.useState(0);
   const [variant, setVariant] = React5.useState(getInitialVariant(data));
   const [view, setView] = React5.useState("desktop");
@@ -14399,9 +14406,9 @@ function CodeDemoContent({ data, hide = {} }) {
   }, [themeCategory, primaryColor, accentColor, greyColor, isThemeInitialized]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full rounded-t-xl border border-grey-200 bg-grey-50 p-4 dark:border-grey-600 dark:bg-grey-700", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(EditOnGithubButton, { githubSlug: data.githubSlug }),
+      data.githubSlug && /* @__PURE__ */ jsxRuntime.jsx(EditOnGithubButton, { githubSlug: data.githubSlug }),
       data.figmaSlug && /* @__PURE__ */ jsxRuntime.jsx(OpenInFigmaButton, { figmaSlug: data.figmaSlug }),
-      /* @__PURE__ */ jsxRuntime.jsx(ToggleViewButtons, { onSelect: setView }),
+      viewToggle && /* @__PURE__ */ jsxRuntime.jsx(ToggleViewButtons, { onSelect: setView }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "col-span-1 flex justify-end gap-3", children: [
         !themeSelector && /* @__PURE__ */ jsxRuntime.jsx(
           ThemeSelectorDropDown,
@@ -14447,7 +14454,7 @@ function CodeDemoContent({ data, hide = {} }) {
         ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: data.component })
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "code-syntax-wrapper", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    displayCode && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "code-syntax-wrapper", children: /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: tailwindMerge.twMerge(
@@ -14461,7 +14468,7 @@ function CodeDemoContent({ data, hide = {} }) {
               /* @__PURE__ */ jsxRuntime.jsx(SelectTrigger, { size: "sm", children: /* @__PURE__ */ jsxRuntime.jsx(SelectValue, { placeholder: "Select a variant" }) }),
               /* @__PURE__ */ jsxRuntime.jsx(SelectContent, { children: variants.map((v) => /* @__PURE__ */ jsxRuntime.jsx(SelectItem, { value: v, children: variantLabels[v] }, v)) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: copyButton && /* @__PURE__ */ jsxRuntime.jsx(
               CopyToClipboardButton,
               {
                 isJustCopied,
@@ -14469,14 +14476,20 @@ function CodeDemoContent({ data, hide = {} }) {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: tailwindMerge.twMerge("!overflow-y-hidden", shouldExpand && !isExpanded && "max-h-72"), children: /* @__PURE__ */ jsxRuntime.jsx(
-            CodeHighlight,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
             {
-              className: "!mb-0 !rounded-none",
-              code: current.code,
-              language: current.language
+              className: tailwindMerge.twMerge("!overflow-y-hidden", shouldExpand && !isExpanded && "max-h-72"),
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                CodeHighlight,
+                {
+                  className: "!mb-0 !rounded-none",
+                  code: current.code,
+                  language: current.language
+                }
+              )
             }
-          ) }),
+          ),
           shouldExpand && /* @__PURE__ */ jsxRuntime.jsx(
             CollapseExpandButton,
             {
@@ -17465,7 +17478,7 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.75.0"};
+  version: "1.76.0"};
 var SluggerContext = React5__namespace.default.createContext(null);
 function flattenText(nodes) {
   if (nodes == null || typeof nodes === "boolean") return "";