@digdir/designsystemet-react 1.20.0 → 1.20.1

package/dist/cjs/components/dropdown/dropdown.cjs

@@ -0,0 +1,45 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_popover = require("../popover/popover.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dropdown/dropdown.tsx
+/**
+* Dropdown component, used to display a list of options.
+*
+* @example with TriggerContext
+* <Dropdown.TriggerContext>
+*   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
+*   <Dropdown placement='bottom-end'>
+*     <Dropdown.Heading>Dropdown</Dropdown.Heading>
+*     <Dropdown.List>
+*       <Dropdown.Item>
+*         <Dropdown.Button>Option</Dropdown.Button>
+*       </Dropdown.Item>
+*     </Dropdown.List>
+*   </Dropdown>
+* </Dropdown.TriggerContext>
+*
+* @example without TriggerContext
+* <Button popovertarget="my-dropdown">Trigger</Button>
+* <Dropdown id="my-dropdown">
+*   <Dropdown.Heading>Heading</Dropdown.Heading>
+*   <Dropdown.List>
+*     <Dropdown.Item>
+*       <Dropdown.Button>Item</Dropdown.Button>
+*     </Dropdown.Item>
+*   </Dropdown.List>
+* </Dropdown>
+*/
+const Dropdown = (0, react.forwardRef)(function DropdownContent({ placement = "bottom-end", className, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.Popover, {
+		className: (0, clsx_lite.default)("ds-dropdown", className),
+		placement,
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.Dropdown = Dropdown;

package/dist/cjs/components/dropdown/{dropdown.js → dropdown.d.cts}

@@ -1,11 +1,16 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cl = require('clsx/lite');
-var react = require('react');
-var popover = require('../popover/popover.js');
 
+import { DefaultProps, Placement } from "../../types.cjs";
+import { MergeRight } from "../../utilities/types.cjs";
+import "../../utilities/index.cjs";
+import { PopoverProps } from "../popover/popover.cjs";
+//#region src/components/dropdown/dropdown.d.ts
+type DropdownProps = MergeRight<DefaultProps & Omit<PopoverProps, 'variant'>, {
+  /**
+   * The placement of the dropdown
+   * @default bottom-end
+   */
+  placement?: Placement;
+}>;
 /**
  * Dropdown component, used to display a list of options.
  *
@@ -33,8 +38,12 @@ var popover = require('../popover/popover.js');
  *   </Dropdown.List>
  * </Dropdown>
  */
-const Dropdown = react.forwardRef(function DropdownContent({ placement = 'bottom-end', className, ...rest }, ref) {
-    return (jsxRuntime.jsx(popover.Popover, { className: cl('ds-dropdown', className), placement: placement, ref: ref, ...rest }));
-});
-
-exports.Dropdown = Dropdown;
+declare const Dropdown: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<PopoverProps, "variant">, "placement"> & {
+  /**
+   * The placement of the dropdown
+   * @default bottom-end
+   */
+  placement?: Placement;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+export { Dropdown, DropdownProps };

package/dist/cjs/components/dropdown/index.cjs

@@ -0,0 +1,58 @@
+'use client';
+const require_dropdown = require("./dropdown.cjs");
+const require_dropdown_button = require("./dropdown-button.cjs");
+const require_dropdown_heading = require("./dropdown-heading.cjs");
+const require_dropdown_item = require("./dropdown-item.cjs");
+const require_dropdown_list = require("./dropdown-list.cjs");
+const require_dropdown_trigger = require("./dropdown-trigger.cjs");
+const require_dropdown_trigger_context = require("./dropdown-trigger-context.cjs");
+//#region src/components/dropdown/index.ts
+/**
+* Dropdown component, used to display a list of options.
+*
+* @example with TriggerContext
+* <Dropdown.TriggerContext>
+*   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
+*   <Dropdown placement='bottom-end'>
+*     <Dropdown.Heading>Dropdown</Dropdown.Heading>
+*     <Dropdown.List>
+*       <Dropdown.Item>
+*         <Dropdown.Button>Option</Dropdown.Button>
+*       </Dropdown.Item>
+*     </Dropdown.List>
+*   </Dropdown>
+* </Dropdown.TriggerContext>
+*
+* @example without TriggerContext
+* <Button popovertarget="my-dropdown">Trigger</Button>
+* <Dropdown id="my-dropdown">
+*   <Dropdown.Heading>Heading</Dropdown.Heading>
+*   <Dropdown.List>
+*     <Dropdown.Item>
+*       <Dropdown.Button>Item</Dropdown.Button>
+*     </Dropdown.Item>
+*   </Dropdown.List>
+* </Dropdown>
+*/
+const DropdownComponent = Object.assign(require_dropdown.Dropdown, {
+	TriggerContext: require_dropdown_trigger_context.DropdownTriggerContext,
+	Heading: require_dropdown_heading.DropdownHeading,
+	List: require_dropdown_list.DropdownList,
+	Item: require_dropdown_item.DropdownItem,
+	Button: require_dropdown_button.DropdownButton,
+	Trigger: require_dropdown_trigger.DropdownTrigger
+});
+DropdownComponent.TriggerContext.displayName = "Dropdown.TriggerContext";
+DropdownComponent.List.displayName = "Dropdown.List";
+DropdownComponent.Heading.displayName = "Dropdown.Heading";
+DropdownComponent.Item.displayName = "Dropdown.Item";
+DropdownComponent.Button.displayName = "Dropdown.Button";
+DropdownComponent.Trigger.displayName = "Dropdown.Trigger";
+//#endregion
+exports.Dropdown = DropdownComponent;
+exports.DropdownButton = require_dropdown_button.DropdownButton;
+exports.DropdownHeading = require_dropdown_heading.DropdownHeading;
+exports.DropdownItem = require_dropdown_item.DropdownItem;
+exports.DropdownList = require_dropdown_list.DropdownList;
+exports.DropdownTrigger = require_dropdown_trigger.DropdownTrigger;
+exports.DropdownTriggerContext = require_dropdown_trigger_context.DropdownTriggerContext;

package/dist/cjs/components/dropdown/index.d.cts

@@ -0,0 +1,123 @@
+
+import { Dropdown as Dropdown$1, DropdownProps } from "./dropdown.cjs";
+import { DropdownButton, DropdownButtonProps } from "./dropdown-button.cjs";
+import { DropdownHeading, DropdownHeadingProps } from "./dropdown-heading.cjs";
+import { DropdownItem, DropdownItemProps } from "./dropdown-item.cjs";
+import { DropdownList, DropdownListProps } from "./dropdown-list.cjs";
+import { DropdownTrigger } from "./dropdown-trigger.cjs";
+import { DropdownTriggerContext, DropdownTriggerContextProps } from "./dropdown-trigger-context.cjs";
+//#region src/components/dropdown/index.d.ts
+type Dropdown = typeof Dropdown$1 & {
+  /**
+   * Dropdown.TriggerContext enables use of the `.Trigger` for the Dropdown component.
+   *
+   * @example
+   * <Dropdown.TriggerContext>
+   *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+   *  <Dropdown>
+   *   <Dropdown.Heading>Heading</Dropdown.Heading>
+   *    <Dropdown.List>
+   *      <Dropdown.Item>
+   *        <Dropdown.Button>Button</Dropdown.Button>
+   *      </Dropdown.Item>
+   *    </Dropdown.List>
+   *  </Dropdown>
+   * </Dropdown.TriggerContext>
+   */
+  TriggerContext: typeof DropdownTriggerContext;
+  /**
+   * Dropdown.Trigger component, used within a Dropdown.TriggerContext to open a Dropdown.
+   *
+   * @example
+   * <Dropdown.TriggerContext>
+   *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+   *  <Dropdown>
+   *   <Dropdown.Heading>Heading</Dropdown.Heading>
+   *    <Dropdown.List>
+   *      <Dropdown.Item>
+   *        <Dropdown.Button>Button</Dropdown.Button>
+   *      </Dropdown.Item>
+   *    </Dropdown.List>
+   *  </Dropdown>
+   * </Dropdown.TriggerContext>
+   */
+  Trigger: typeof DropdownTrigger;
+  /**
+   * Dropdown.Heading component, used to display a heading in the Dropdown.
+   *
+   * @example
+   * <Dropdown>
+   *  <Dropdown.Heading>Heading</Dropdown.Heading>
+   * </Dropdown>
+   */
+  Heading: typeof DropdownHeading;
+  /**
+   * Dropdown.List component, used to display a list of items in the Dropdown.
+   *
+   * @example
+   * <Dropdown>
+   *  <Dropdown.List>
+   *    <Dropdown.Item>
+   *      <Dropdown.Button>Button</Dropdown.Button>
+   *    </Dropdown.Item>
+   *  </Dropdown.List>
+   * </Dropdown>
+   */
+  List: typeof DropdownList;
+  /**
+   * Dropdown.Item component, used to display an item in the Dropdown. Used within a Dropdown.List.
+   *
+   * @example
+   * <Dropdown>
+   *  <Dropdown.List>
+   *    <Dropdown.Item>
+   *      <Dropdown.Button>Button</Dropdown.Button>
+   *    </Dropdown.Item>
+   *  </Dropdown.List>
+   * </Dropdown>
+   */
+  Item: typeof DropdownItem;
+  /**
+   * Dropdown.Button component, used to display a button in the Dropdown.Item.
+   *
+   * @example
+   * <Dropdown>
+   *  <Dropdown.List>
+   *    <Dropdown.Item>
+   *      <Dropdown.Button>Button</Dropdown.Button>
+   *    </Dropdown.Item>
+   *  </Dropdown.List>
+   * </Dropdown>
+   */
+  Button: typeof DropdownButton;
+};
+/**
+ * Dropdown component, used to display a list of options.
+ *
+ * @example with TriggerContext
+ * <Dropdown.TriggerContext>
+ *   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
+ *   <Dropdown placement='bottom-end'>
+ *     <Dropdown.Heading>Dropdown</Dropdown.Heading>
+ *     <Dropdown.List>
+ *       <Dropdown.Item>
+ *         <Dropdown.Button>Option</Dropdown.Button>
+ *       </Dropdown.Item>
+ *     </Dropdown.List>
+ *   </Dropdown>
+ * </Dropdown.TriggerContext>
+ *
+ * @example without TriggerContext
+ * <Button popovertarget="my-dropdown">Trigger</Button>
+ * <Dropdown id="my-dropdown">
+ *   <Dropdown.Heading>Heading</Dropdown.Heading>
+ *   <Dropdown.List>
+ *     <Dropdown.Item>
+ *       <Dropdown.Button>Item</Dropdown.Button>
+ *     </Dropdown.Item>
+ *   </Dropdown.List>
+ * </Dropdown>
+ */
+declare const DropdownComponent: Dropdown;
+//#endregion
+export { DropdownComponent as Dropdown, DropdownButton, type DropdownButtonProps, DropdownHeading, type DropdownHeadingProps, DropdownItem, type DropdownItemProps, DropdownList, type DropdownListProps, type DropdownProps, DropdownTrigger, DropdownTriggerContext, type DropdownTriggerContextProps };

package/dist/cjs/components/error-summary/error-summary-heading.cjs

@@ -0,0 +1,22 @@
+'use client';
+const require_heading = require("../heading/heading.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/error-summary/error-summary-heading.tsx
+/**
+* ErrorSummary heading component, used to display a heading for the error summary.
+*
+* @example
+* <ErrorSummary>
+*   <ErrorSummaryHeading>Heading</ErrorSummaryHeading>
+* </ErrorSummary>
+*/
+const ErrorSummaryHeading = (0, react.forwardRef)(function ErrorSummaryHeading(rest, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_heading.Heading, {
+		ref,
+		suppressHydrationWarning: true,
+		...rest
+	});
+});
+//#endregion
+exports.ErrorSummaryHeading = ErrorSummaryHeading;

package/dist/cjs/components/error-summary/error-summary-heading.d.cts

@@ -0,0 +1,19 @@
+
+import { HeadingProps } from "../heading/heading.cjs";
+//#region src/components/error-summary/error-summary-heading.d.ts
+type ErrorSummaryHeadingProps = HeadingProps;
+/**
+ * ErrorSummary heading component, used to display a heading for the error summary.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummaryHeading>Heading</ErrorSummaryHeading>
+ * </ErrorSummary>
+ */
+declare const ErrorSummaryHeading: import("react").ForwardRefExoticComponent<{
+  level?: 1 | 2 | 3 | 4 | 5 | 6;
+  'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+  asChild?: boolean;
+} & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+export { ErrorSummaryHeading, ErrorSummaryHeadingProps };

package/dist/cjs/components/error-summary/error-summary-item.cjs

@@ -0,0 +1,24 @@
+'use client';
+const require_list_item = require("../list/list-item.cjs");
+require("../list/index.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/error-summary/error-summary-item.tsx
+/**
+* ErrorSummaryItem component, used to display an error link in the ErrorSummary.
+*
+* @example
+* <ErrorSummaryItem>
+*  <ErrorSummaryLink href="#">
+*    Link to error
+*  </ErrorSummaryLink>
+* </ErrorSummaryItem>
+*/
+const ErrorSummaryItem = (0, react.forwardRef)(function ErrorSummaryItem({ ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_list_item.ListItem, {
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.ErrorSummaryItem = ErrorSummaryItem;

package/dist/cjs/components/error-summary/error-summary-item.d.cts

@@ -0,0 +1,20 @@
+
+import { ListItemProps } from "../list/list-item.cjs";
+import "../list/index.cjs";
+//#region src/components/error-summary/error-summary-item.d.ts
+type ErrorSummaryItemProps = ListItemProps;
+/**
+ * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
+ *
+ * @example
+ * <ErrorSummaryItem>
+ *  <ErrorSummaryLink href="#">
+ *    Link to error
+ *  </ErrorSummaryLink>
+ * </ErrorSummaryItem>
+ */
+declare const ErrorSummaryItem: import("react").ForwardRefExoticComponent<{
+  asChild?: boolean;
+} & import("react").LiHTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+//#endregion
+export { ErrorSummaryItem, ErrorSummaryItemProps };

package/dist/cjs/components/error-summary/error-summary-link.cjs

@@ -0,0 +1,24 @@
+'use client';
+const require_link = require("../link/link.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/error-summary/error-summary-link.tsx
+/**
+* ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
+*
+* @example
+* <ErrorSummary>
+*   <ErrorSummaryItem>
+*     <ErrorSummaryLink href='#'>Error 1</ErrorSummaryLink>
+*   </ErrorSummaryItem>
+* </ErrorSummary>
+*/
+const ErrorSummaryLink = (0, react.forwardRef)(function ErrorSummaryLink({ ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_link.Link, {
+		ref,
+		"data-color": "neutral",
+		...rest
+	});
+});
+//#endregion
+exports.ErrorSummaryLink = ErrorSummaryLink;

package/dist/cjs/components/error-summary/error-summary-link.d.cts

@@ -0,0 +1,22 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { LinkProps } from "../link/link.cjs";
+import "../../index.cjs";
+//#region src/components/error-summary/error-summary-link.d.ts
+type ErrorSummaryLinkProps = LinkProps;
+/**
+ * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummaryItem>
+ *     <ErrorSummaryLink href='#'>Error 1</ErrorSummaryLink>
+ *   </ErrorSummaryItem>
+ * </ErrorSummary>
+ */
+declare const ErrorSummaryLink: import("react").ForwardRefExoticComponent<Omit<DefaultProps & import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+  children: import("react").ReactNode;
+  asChild?: boolean;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { ErrorSummaryLink, ErrorSummaryLinkProps };

package/dist/cjs/components/error-summary/error-summary-list.cjs

@@ -0,0 +1,28 @@
+'use client';
+const require_index = require("../list/index.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/error-summary/error-summary-list.tsx
+/**
+* ErrorSummary list component, used to display a list of errors.
+*
+* @example
+* <ErrorSummary>
+*   <ErrorSummary.List>
+*     <ErrorSummary.Item>
+*       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+*     </ErrorSummary.Item>
+*     <ErrorSummary.Item>
+*       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+*     </ErrorSummary.Item>
+*   </ErrorSummary.List>
+* </ErrorSummary>
+*/
+const ErrorSummaryList = (0, react.forwardRef)(function ErrorSummaryList({ ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_index.List.Unordered, {
+		...rest,
+		ref
+	});
+});
+//#endregion
+exports.ErrorSummaryList = ErrorSummaryList;

package/dist/cjs/components/error-summary/error-summary-list.d.cts

@@ -0,0 +1,27 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { ListUnorderedProps } from "../list/lists.cjs";
+import "../list/index.cjs";
+import "../../index.cjs";
+//#region src/components/error-summary/error-summary-list.d.ts
+type ErrorSummaryListProps = ListUnorderedProps;
+/**
+ * ErrorSummary list component, used to display a list of errors.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummary.List>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *   </ErrorSummary.List>
+ * </ErrorSummary>
+ */
+declare const ErrorSummaryList: import("react").ForwardRefExoticComponent<{
+  asChild?: boolean;
+} & DefaultProps & Omit<import("react").HTMLAttributes<HTMLUListElement>, "size"> & import("react").RefAttributes<HTMLOListElement>>;
+//#endregion
+export { ErrorSummaryList, ErrorSummaryListProps };

package/dist/cjs/components/error-summary/error-summary.cjs

@@ -0,0 +1,34 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+//#region src/components/error-summary/error-summary.tsx
+/**
+* ErrorSummary component, used to display a list of errors.
+*
+* @example
+* <ErrorSummary>
+*   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+*   <ErrorSummary.List>
+*     <ErrorSummary.Item>
+*       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+*     </ErrorSummary.Item>
+*     <ErrorSummary.Item>
+*       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+*     </ErrorSummary.Item>
+*   </ErrorSummary.List>
+* </ErrorSummary>
+*/
+const ErrorSummary = (0, react.forwardRef)(function ErrorSummary({ asChild, className, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? _radix_ui_react_slot.Slot : "ds-error-summary", {
+		...asChild ? { className: (0, clsx_lite.default)("ds-error-summary", className) } : { class: (0, clsx_lite.default)("ds-error-summary", className) },
+		ref,
+		suppressHydrationWarning: true,
+		...rest
+	});
+});
+//#endregion
+exports.ErrorSummary = ErrorSummary;

package/dist/cjs/components/error-summary/error-summary.d.cts

@@ -0,0 +1,35 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { DSErrorSummaryElement } from "@digdir/designsystemet-web";
+import { HTMLAttributes, ReactNode } from "react";
+//#region src/components/error-summary/error-summary.d.ts
+type ErrorSummaryProps = {
+  /**
+   * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
+   */
+  asChild?: ReactNode;
+} & HTMLAttributes<DSErrorSummaryElement> & DefaultProps;
+/**
+ * ErrorSummary component, used to display a list of errors.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+ *   <ErrorSummary.List>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *   </ErrorSummary.List>
+ * </ErrorSummary>
+ */
+declare const ErrorSummary: import("react").ForwardRefExoticComponent<{
+  /**
+   * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
+   */
+  asChild?: ReactNode;
+} & HTMLAttributes<DSErrorSummaryElement> & DefaultProps & import("react").RefAttributes<DSErrorSummaryElement>>;
+//#endregion
+export { ErrorSummary, ErrorSummaryProps };

package/dist/cjs/components/error-summary/index.cjs

@@ -0,0 +1,39 @@
+'use client';
+const require_error_summary = require("./error-summary.cjs");
+const require_error_summary_heading = require("./error-summary-heading.cjs");
+const require_error_summary_item = require("./error-summary-item.cjs");
+const require_error_summary_link = require("./error-summary-link.cjs");
+const require_error_summary_list = require("./error-summary-list.cjs");
+//#region src/components/error-summary/index.ts
+/**
+* ErrorSummary component, used to display a list of errors.
+*
+* @example
+* <ErrorSummary>
+*   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+*   <ErrorSummary.List>
+*     <ErrorSummary.Item>
+*       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+*     </ErrorSummary.Item>
+*     <ErrorSummary.Item>
+*       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+*     </ErrorSummary.Item>
+*   </ErrorSummary.List>
+* </ErrorSummary>
+*/
+const ErrorSummaryComponent = Object.assign(require_error_summary.ErrorSummary, {
+	Heading: require_error_summary_heading.ErrorSummaryHeading,
+	Item: require_error_summary_item.ErrorSummaryItem,
+	List: require_error_summary_list.ErrorSummaryList,
+	Link: require_error_summary_link.ErrorSummaryLink
+});
+ErrorSummaryComponent.Item.displayName = "ErrorSummary.Item";
+ErrorSummaryComponent.Heading.displayName = "ErrorSummary.Heading";
+ErrorSummaryComponent.List.displayName = "ErrorSummary.List";
+ErrorSummaryComponent.Link.displayName = "ErrorSummary.Link";
+//#endregion
+exports.ErrorSummary = ErrorSummaryComponent;
+exports.ErrorSummaryHeading = require_error_summary_heading.ErrorSummaryHeading;
+exports.ErrorSummaryItem = require_error_summary_item.ErrorSummaryItem;
+exports.ErrorSummaryLink = require_error_summary_link.ErrorSummaryLink;
+exports.ErrorSummaryList = require_error_summary_list.ErrorSummaryList;

package/dist/cjs/components/error-summary/index.d.cts

@@ -0,0 +1,75 @@
+
+import { ErrorSummary as ErrorSummary$1, ErrorSummaryProps } from "./error-summary.cjs";
+import { ErrorSummaryHeading, ErrorSummaryHeadingProps } from "./error-summary-heading.cjs";
+import { ErrorSummaryItem, ErrorSummaryItemProps } from "./error-summary-item.cjs";
+import { ErrorSummaryLink, ErrorSummaryLinkProps } from "./error-summary-link.cjs";
+import { ErrorSummaryList, ErrorSummaryListProps } from "./error-summary-list.cjs";
+//#region src/components/error-summary/index.d.ts
+type ErrorSummary = typeof ErrorSummary$1 & {
+  /**
+   * ErrorSummary heading component, used to display a heading for the error summary.
+   *
+   * @example
+   * <ErrorSummary>
+   *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+   * </ErrorSummary>
+   */
+  Heading: typeof ErrorSummaryHeading;
+  /**
+   * ErrorSummary.Item component, used to display an error link in the ErrorSummary.
+   *
+   * @example
+   * <ErrorSummary.Item>
+   *  <ErrorSummary.Link href="#">
+   *    Link to error
+   *  </ErrorSummary.Link>
+   * </ErrorSummary.Item>
+   */
+  Item: typeof ErrorSummaryItem;
+  /**
+   * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
+   *
+   * @example
+   * <ErrorSummary>
+   *   <ErrorSummary.Item>
+   *     <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+   *   </ErrorSummary.Item>
+   * </ErrorSummary>
+   */
+  Link: typeof ErrorSummaryLink;
+  /**
+   * ErrorSummary list component, used to display a list of errors.
+   *
+   * @example
+   * <ErrorSummary>
+   *   <ErrorSummary.List>
+   *     <ErrorSummary.Item>
+   *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+   *     </ErrorSummary.Item>
+   *     <ErrorSummary.Item>
+   *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+   *     </ErrorSummary.Item>
+   *   </ErrorSummary.List>
+   * </ErrorSummary>
+   */
+  List: typeof ErrorSummaryList;
+};
+/**
+ * ErrorSummary component, used to display a list of errors.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+ *   <ErrorSummary.List>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *   </ErrorSummary.List>
+ * </ErrorSummary>
+ */
+declare const ErrorSummaryComponent: ErrorSummary;
+//#endregion
+export { ErrorSummaryComponent as ErrorSummary, ErrorSummaryHeading, type ErrorSummaryHeadingProps, ErrorSummaryItem, type ErrorSummaryItemProps, ErrorSummaryLink, type ErrorSummaryLinkProps, ErrorSummaryList, type ErrorSummaryListProps, type ErrorSummaryProps };