@digdir/designsystemet-react 1.20.0 → 1.21.0

package/dist/esm/components/error-summary/error-summary-heading.d.ts

@@ -0,0 +1,19 @@
+
+import { HeadingProps } from "../heading/heading.js";
+//#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/esm/components/error-summary/error-summary-heading.js

@@ -1,18 +1,22 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Heading } from '../heading/heading.js';
-
+import { Heading } from "../heading/heading.js";
+import { forwardRef } from "react";
+import { jsx } from "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>
- */
+* ErrorSummary heading component, used to display a heading for the error summary.
+*
+* @example
+* <ErrorSummary>
+*   <ErrorSummaryHeading>Heading</ErrorSummaryHeading>
+* </ErrorSummary>
+*/
 const ErrorSummaryHeading = forwardRef(function ErrorSummaryHeading(rest, ref) {
-    return jsx(Heading, { ref: ref, suppressHydrationWarning: true, ...rest }); // Suppress hydration warning since we will get an ID from <ds-error-summary>
+	return /* @__PURE__ */ jsx(Heading, {
+		ref,
+		suppressHydrationWarning: true,
+		...rest
+	});
 });
-
+//#endregion
 export { ErrorSummaryHeading };

package/dist/esm/components/error-summary/error-summary-item.d.ts

@@ -0,0 +1,20 @@
+
+import { ListItemProps } from "../list/list-item.js";
+import "../list/index.js";
+//#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/esm/components/error-summary/error-summary-item.js

@@ -1,21 +1,24 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import '../list/index.js';
-import { ListItem } from '../list/list-item.js';
-
+import { ListItem } from "../list/list-item.js";
+import "../list/index.js";
+import { forwardRef } from "react";
+import { jsx } from "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>
- */
+* ErrorSummaryItem component, used to display an error link in the ErrorSummary.
+*
+* @example
+* <ErrorSummaryItem>
+*  <ErrorSummaryLink href="#">
+*    Link to error
+*  </ErrorSummaryLink>
+* </ErrorSummaryItem>
+*/
 const ErrorSummaryItem = forwardRef(function ErrorSummaryItem({ ...rest }, ref) {
-    return jsx(ListItem, { ref: ref, ...rest });
+	return /* @__PURE__ */ jsx(ListItem, {
+		ref,
+		...rest
+	});
 });
-
+//#endregion
 export { ErrorSummaryItem };

package/dist/esm/components/error-summary/error-summary-link.d.ts

@@ -0,0 +1,22 @@
+
+import { DefaultProps } from "../../types.js";
+import { LinkProps } from "../link/link.js";
+import "../../index.js";
+//#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>, "asChild" | "children"> & {
+  children: import("react").ReactNode;
+  asChild?: boolean;
+} & import("react").RefAttributes<HTMLAnchorElement>>;
+//#endregion
+export { ErrorSummaryLink, ErrorSummaryLinkProps };

package/dist/esm/components/error-summary/error-summary-link.js

@@ -1,20 +1,24 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Link } from '../link/link.js';
-
+import { Link } from "../link/link.js";
+import { forwardRef } from "react";
+import { jsx } from "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>
- */
+* 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 = forwardRef(function ErrorSummaryLink({ ...rest }, ref) {
-    return jsx(Link, { ref: ref, "data-color": 'neutral', ...rest });
+	return /* @__PURE__ */ jsx(Link, {
+		ref,
+		"data-color": "neutral",
+		...rest
+	});
 });
-
+//#endregion
 export { ErrorSummaryLink };

package/dist/esm/components/error-summary/error-summary-list.d.ts

@@ -0,0 +1,27 @@
+
+import { DefaultProps } from "../../types.js";
+import { ListUnorderedProps } from "../list/lists.js";
+import "../list/index.js";
+import "../../index.js";
+//#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/esm/components/error-summary/error-summary-list.js

@@ -1,25 +1,28 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { List as ListComponent } from '../list/index.js';
-
+import { List as ListComponent } from "../list/index.js";
+import { forwardRef } from "react";
+import { jsx } from "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>
- */
+* 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 = forwardRef(function ErrorSummaryList({ ...rest }, ref) {
-    return jsx(ListComponent.Unordered, { ...rest, ref: ref });
+	return /* @__PURE__ */ jsx(ListComponent.Unordered, {
+		...rest,
+		ref
+	});
 });
-
+//#endregion
 export { ErrorSummaryList };

package/dist/{types → esm}/components/error-summary/error-summary.d.ts

@@ -1,11 +1,13 @@
-import type { DSErrorSummaryElement } from '@digdir/designsystemet-web';
-import type { HTMLAttributes, ReactNode } from 'react';
-import type { DefaultProps } from '../../types';
-export type ErrorSummaryProps = {
-    /**
-     * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
-     */
-    asChild?: ReactNode;
+
+import { DefaultProps } from "../../types.js";
+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.
@@ -23,9 +25,11 @@ export type ErrorSummaryProps = {
  *   </ErrorSummary.List>
  * </ErrorSummary>
  */
-export declare const ErrorSummary: import("react").ForwardRefExoticComponent<{
-    /**
-     * @deprecated This is not supported anymore, as the element needs to be `ds-error-summary`
-     */
-    asChild?: ReactNode;
+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/esm/components/error-summary/error-summary.js

@@ -1,30 +1,32 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
+import cl from "clsx/lite";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@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>
- */
+* 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 = forwardRef(function ErrorSummary({ asChild, className, ...rest }, ref) {
-    const Component = asChild ? Slot : 'ds-error-summary';
-    return (jsx(Component, { ...(asChild
-            ? { className: cl('ds-error-summary', className) }
-            : { class: cl('ds-error-summary', className) }), ref: ref, suppressHydrationWarning: true, ...rest }));
+	return /* @__PURE__ */ jsx(asChild ? Slot : "ds-error-summary", {
+		...asChild ? { className: cl("ds-error-summary", className) } : { class: cl("ds-error-summary", className) },
+		ref,
+		suppressHydrationWarning: true,
+		...rest
+	});
 });
-
+//#endregion
 export { ErrorSummary };

package/dist/esm/components/error-summary/index.d.ts

@@ -0,0 +1,75 @@
+
+import { ErrorSummary as ErrorSummary$1, ErrorSummaryProps } from "./error-summary.js";
+import { ErrorSummaryHeading, ErrorSummaryHeadingProps } from "./error-summary-heading.js";
+import { ErrorSummaryItem, ErrorSummaryItemProps } from "./error-summary-item.js";
+import { ErrorSummaryLink, ErrorSummaryLinkProps } from "./error-summary-link.js";
+import { ErrorSummaryList, ErrorSummaryListProps } from "./error-summary-list.js";
+//#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 };

package/dist/esm/components/error-summary/index.js

@@ -1,35 +1,35 @@
 'use client';
-import { ErrorSummary } from './error-summary.js';
-import { ErrorSummaryHeading } from './error-summary-heading.js';
-import { ErrorSummaryItem } from './error-summary-item.js';
-import { ErrorSummaryLink } from './error-summary-link.js';
-import { ErrorSummaryList } from './error-summary-list.js';
-
+import { ErrorSummary } from "./error-summary.js";
+import { ErrorSummaryHeading } from "./error-summary-heading.js";
+import { ErrorSummaryItem } from "./error-summary-item.js";
+import { ErrorSummaryLink } from "./error-summary-link.js";
+import { ErrorSummaryList } from "./error-summary-list.js";
+//#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>
- */
+* 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(ErrorSummary, {
-    Heading: ErrorSummaryHeading,
-    Item: ErrorSummaryItem,
-    List: ErrorSummaryList,
-    Link: ErrorSummaryLink,
+	Heading: ErrorSummaryHeading,
+	Item: ErrorSummaryItem,
+	List: ErrorSummaryList,
+	Link: ErrorSummaryLink
 });
-ErrorSummaryComponent.Item.displayName = 'ErrorSummary.Item';
-ErrorSummaryComponent.Heading.displayName = 'ErrorSummary.Heading';
-ErrorSummaryComponent.List.displayName = 'ErrorSummary.List';
-ErrorSummaryComponent.Link.displayName = 'ErrorSummary.Link';
-
+ErrorSummaryComponent.Item.displayName = "ErrorSummary.Item";
+ErrorSummaryComponent.Heading.displayName = "ErrorSummary.Heading";
+ErrorSummaryComponent.List.displayName = "ErrorSummary.List";
+ErrorSummaryComponent.Link.displayName = "ErrorSummary.Link";
+//#endregion
 export { ErrorSummaryComponent as ErrorSummary, ErrorSummaryHeading, ErrorSummaryItem, ErrorSummaryLink, ErrorSummaryList };

package/dist/esm/components/field/field-affix.d.ts

@@ -0,0 +1,30 @@
+
+import { HTMLAttributes } from "react";
+//#region src/components/field/field-affix.d.ts
+type FieldAffixesProps = Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>;
+/**
+ * FieldAffixes component, used to wrap a form field.
+ *
+ * @example
+ * <Field.Affixes>
+ *   <Field.Affix>NOK</Field.Affix>
+ *   <Input />
+ *   <Field.Affix>pr. mnd.</Field.Affix>
+ * </Field.Affixes>
+ */
+declare const FieldAffixes: import("react").ForwardRefExoticComponent<FieldAffixesProps & import("react").RefAttributes<HTMLDivElement>>;
+type FieldAffixProps = Omit<HTMLAttributes<HTMLDivElement>, 'prefix'>;
+/**
+ * FieldAffix component, used to wrap a form field.
+ * Use together with Field.Affixes.
+ *
+ * @example
+ * <Field.Affixes>
+ *   <Field.Affix>NOK</Field.Affix>
+ *   <Input />
+ *   <Field.Affix>pr. mnd.</Field.Affix>
+ * </Field.Affixes>
+ */
+declare const FieldAffix: import("react").ForwardRefExoticComponent<FieldAffixProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { FieldAffix, FieldAffixProps, FieldAffixes, FieldAffixesProps };

package/dist/esm/components/field/field-affix.js

@@ -1,34 +1,43 @@
 'use client';
-import { jsx } from 'react/jsx-runtime';
-import cl from 'clsx/lite';
-import { forwardRef } from 'react';
-
+import cl from "clsx/lite";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/field/field-affix.tsx
 /**
- * FieldAffixes component, used to wrap a form field.
- *
- * @example
- * <Field.Affixes>
- *   <Field.Affix>NOK</Field.Affix>
- *   <Input />
- *   <Field.Affix>pr. mnd.</Field.Affix>
- * </Field.Affixes>
- */
+* FieldAffixes component, used to wrap a form field.
+*
+* @example
+* <Field.Affixes>
+*   <Field.Affix>NOK</Field.Affix>
+*   <Input />
+*   <Field.Affix>pr. mnd.</Field.Affix>
+* </Field.Affixes>
+*/
 const FieldAffixes = forwardRef(function FieldAffixes({ className, ...rest }, ref) {
-    return (jsx("div", { className: cl('ds-field-affixes', className), ref: ref, ...rest }));
+	return /* @__PURE__ */ jsx("div", {
+		className: cl("ds-field-affixes", className),
+		ref,
+		...rest
+	});
 });
 /**
- * FieldAffix component, used to wrap a form field.
- * Use together with Field.Affixes.
- *
- * @example
- * <Field.Affixes>
- *   <Field.Affix>NOK</Field.Affix>
- *   <Input />
- *   <Field.Affix>pr. mnd.</Field.Affix>
- * </Field.Affixes>
- */
+* FieldAffix component, used to wrap a form field.
+* Use together with Field.Affixes.
+*
+* @example
+* <Field.Affixes>
+*   <Field.Affix>NOK</Field.Affix>
+*   <Input />
+*   <Field.Affix>pr. mnd.</Field.Affix>
+* </Field.Affixes>
+*/
 const FieldAffix = forwardRef(function FieldAffix({ className, ...rest }, ref) {
-    return (jsx("span", { className: cl('ds-field-affix', className), "aria-hidden": 'true', ref: ref, ...rest }));
+	return /* @__PURE__ */ jsx("span", {
+		className: cl("ds-field-affix", className),
+		"aria-hidden": "true",
+		ref,
+		...rest
+	});
 });
-
+//#endregion
 export { FieldAffix, FieldAffixes };