@nswds/app 1.73.0 → 1.74.0

package/dist/index.d.cts

@@ -1204,9 +1204,7 @@ type HeadingProps = ({
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     trim?: 'normal' | 'start' | 'end' | 'both';
 } & BaseProps$1);
-declare function Heading({ className, trim, id, size, level, display, children, ...props }: HeadingProps & {
-    id?: string;
-}): react_jsx_runtime.JSX.Element;
+declare function Heading({ className, trim, size, level, display, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 declare const heroBannerVariants: (props?: ({
     variant?: "white" | "primary-800" | "grey-150" | "accent-800" | "primary-200" | null | undefined;

package/dist/index.d.ts

@@ -1204,9 +1204,7 @@ type HeadingProps = ({
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     trim?: 'normal' | 'start' | 'end' | 'both';
 } & BaseProps$1);
-declare function Heading({ className, trim, id, size, level, display, children, ...props }: HeadingProps & {
-    id?: string;
-}): react_jsx_runtime.JSX.Element;
+declare function Heading({ className, trim, size, level, display, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
 
 declare const heroBannerVariants: (props?: ({
     variant?: "white" | "primary-800" | "grey-150" | "accent-800" | "primary-200" | null | undefined;

package/dist/index.js

@@ -5,7 +5,7 @@ import { twMerge } from 'tailwind-merge';
 import { cva } from 'class-variance-authority';
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
 import * as React5 from 'react';
-import React5__default, { forwardRef, useEffect, createContext, useState, useContext, useMemo, useRef, useInsertionEffect, useLayoutEffect, Fragment as Fragment$1, createElement, useCallback, Suspense, useId, Children, Component } from 'react';
+import React5__default, { forwardRef, useEffect, createContext, useState, useContext, useMemo, useRef, useInsertionEffect, useLayoutEffect, Fragment as Fragment$1, createElement, useCallback, Suspense, useId, Component } from 'react';
 import * as Headless4 from '@headlessui/react';
 import { PopoverGroup, Popover as Popover$1, PopoverButton, PopoverPanel, Dialog as Dialog$1, DialogPanel } from '@headlessui/react';
 import Link12 from 'next/link';
@@ -51,7 +51,6 @@ import { Drawer as Drawer$1 } from 'vaul';
 import { FormProvider, Controller, useFormContext, useFormState } from 'react-hook-form';
 import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
-import { slugifyWithCounter } from '@sindresorhus/slugify';
 import Image2 from 'next/image';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { OTPInput, OTPInputContext } from 'input-otp';
@@ -61,6 +60,7 @@ import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { tv } from 'tailwind-variants';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import * as SliderPrimitive from '@radix-ui/react-slider';
+import { slugifyWithCounter } from '@sindresorhus/slugify';
 import { create } from 'zustand';
 import { persist, createJSONStorage } from 'zustand/middleware';
 
@@ -17412,36 +17412,16 @@ function FormatToggle({ format, setFormat }) {
 
 // package.json
 var package_default = {
-  version: "1.72.4"};
-function isReactElement(child) {
-  return typeof child === "object" && child !== null && "props" in child;
-}
-function textFromChildren(node) {
-  let out = "";
-  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();
-}
+  version: "1.73.0"};
 function Heading({
   className,
   trim = "normal",
-  id: id3,
   size = 1,
   level = 1,
   display = false,
-  children,
   ...props
 }) {
   const Element2 = `h${level}`;
-  const slugify = slugifyWithCounter();
-  const computedId = id3 ?? slugify(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))]",
@@ -17477,7 +17457,6 @@ function Heading({
     Element2,
     {
       ...props,
-      id: computedId,
       className: clsx12(
         className,
         trimClasses[trim],
@@ -17486,8 +17465,7 @@ 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
+      )
     }
   );
 }