@nswds/app 1.72.4 → 1.73.0

package/dist/index.cjs

@@ -49,6 +49,7 @@ var vaul = require('vaul');
 var reactHookForm = require('react-hook-form');
 var ToggleGroupPrimitive = require('@radix-ui/react-toggle-group');
 var TogglePrimitive = require('@radix-ui/react-toggle');
+var slugify = require('@sindresorhus/slugify');
 var Image2 = require('next/image');
 var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var inputOtp = require('input-otp');
@@ -58,7 +59,6 @@ var ProgressPrimitive = require('@radix-ui/react-progress');
 var tailwindVariants = require('tailwind-variants');
 var ResizablePrimitive = require('react-resizable-panels');
 var SliderPrimitive = require('@radix-ui/react-slider');
-var slugify = require('@sindresorhus/slugify');
 var zustand = require('zustand');
 var middleware = require('zustand/middleware');
 
@@ -17465,16 +17465,36 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.72.2"};
+  version: "1.72.4"};
+function isReactElement(child) {
+  return typeof child === "object" && child !== null && "props" in child;
+}
+function textFromChildren(node) {
+  let out = "";
+  React5.Children.forEach(node, (child) => {
+    if (typeof child === "string" || typeof child === "number") {
+      out += String(child);
+    } else if (isReactElement(child) && child.props && typeof child.props === "object" && "children" in child.props) {
+      out += textFromChildren(child.props.children);
+    }
+  });
+  return out.trim();
+}
 function Heading({
   className,
   trim = "normal",
+  id: id3,
   size = 1,
   level = 1,
   display = false,
+  children,
   ...props
 }) {
   const Element2 = `h${level}`;
+  const slugify$1 = slugify.slugifyWithCounter();
+  const computedId = id3 ?? slugify$1(textFromChildren(children));
+  if (typeof window === "undefined") console.log("SSR id:", id3);
+  else console.log("Client id:", id3);
   const headingSizeClasses = {
     1: "text-[calc(var(--heading-font-size-1)_*_var(--heading-font-size-adjust))] leading-[var(--line-height-52)] tracking-[calc(var(--heading-letter-spacing-2)_+_var(--heading-letter-spacing))]",
     2: "text-[calc(var(--heading-font-size-2)_*_var(--heading-font-size-adjust))] leading-[var(--line-height-44)] tracking-[calc(var(--heading-letter-spacing-2)_+_var(--heading-letter-spacing))]",
@@ -17510,6 +17530,7 @@ function Heading({
     Element2,
     {
       ...props,
+      id: computedId,
       className: clsx12__default.default(
         className,
         trimClasses[trim],
@@ -17518,7 +17539,8 @@ function Heading({
         "[--leading-trim-end:var(--heading-leading-trim-end)] [--leading-trim-start:var(--heading-leading-trim-start)]",
         "text-primary-800 dark:text-white",
         sizeClass
-      )
+      ),
+      children
     }
   );
 }