@digdir/designsystemet-react 1.0.0-rc.9 → 1.0.1

package/dist/types/components/Divider/Divider.d.ts

@@ -1,16 +1,10 @@
-import type * as React from 'react';
-export type DividerProps = {
-    /**
-     * The color of the divider.
-     * @default 'default'
-     */
-    color?: 'default' | 'strong' | 'subtle';
-} & React.HTMLAttributes<HTMLHRElement>;
-export declare const Divider: React.ForwardRefExoticComponent<{
-    /**
-     * The color of the divider.
-     * @default 'default'
-     */
-    color?: "strong" | "default" | "subtle" | undefined;
-} & React.HTMLAttributes<HTMLHRElement> & React.RefAttributes<HTMLHRElement>>;
+import type { HTMLAttributes } from 'react';
+export type DividerProps = HTMLAttributes<HTMLHRElement>;
+/**
+ * Divider component, used to separate content. Uses `hr` element.
+ *
+ * @example
+ * <Divider />
+ */
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLHRElement>>;
 //# sourceMappingURL=Divider.d.ts.map

package/dist/types/components/Divider/Divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACzC,GAAG,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO;IAPlB;;;OAGG;;6EAcJ,CAAC"}
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,OAAO,oFAalB,CAAC"}

package/dist/types/components/Divider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC"}

package/dist/types/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,46 @@
+import type { Placement } from '@floating-ui/react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+import type { PopoverProps } from '../Popover';
+export 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.
+ *
+ * @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>
+ */
+export declare const Dropdown: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<PopoverProps, "variant">, "placement"> & {
+    /**
+     * The placement of the dropdown
+     * @default bottom-end
+     */
+    placement?: Placement;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/types/components/Dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,EAC5C;IACE;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ;IAnCjB;;;OAGG;gBACS,SAAS;wCA6CxB,CAAC"}

package/dist/types/components/Dropdown/DropdownButton.d.ts

@@ -0,0 +1,4 @@
+import { type ButtonProps } from '../Button/Button';
+export type DropdownButtonProps = Omit<ButtonProps, 'variant'>;
+export declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DropdownButton.d.ts.map

package/dist/types/components/Dropdown/DropdownButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownButton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAE/D,eAAO,MAAM,cAAc,+FAKzB,CAAC"}

package/dist/types/components/Dropdown/DropdownHeading.d.ts

@@ -0,0 +1,8 @@
+import { type HeadingProps } from '../Heading';
+export type DropdownHeadingProps = HeadingProps;
+export declare const DropdownHeading: React.ForwardRefExoticComponent<{
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    asChild?: boolean;
+} & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=DropdownHeading.d.ts.map

package/dist/types/components/Dropdown/DropdownHeading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownHeading.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownHeading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAExD,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAAC;AAEhD,eAAO,MAAM,eAAe;;;;uFAK1B,CAAC"}

package/dist/types/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLAttributes } from 'react';
+export type DropdownItemProps = HTMLAttributes<HTMLLIElement>;
+export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/types/components/Dropdown/DropdownItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAE9D,eAAO,MAAM,YAAY,yFAIxB,CAAC"}

package/dist/types/components/Dropdown/DropdownList.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+export type DropdownListProps = HTMLAttributes<HTMLUListElement>;
+export declare const DropdownList: React.ForwardRefExoticComponent<DropdownListProps & React.RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=DropdownList.d.ts.map

package/dist/types/components/Dropdown/DropdownList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEjE,eAAO,MAAM,YAAY,4FAIxB,CAAC"}

package/dist/types/components/Dropdown/DropdownTrigger.d.ts

@@ -0,0 +1,4 @@
+import { type PopoverTriggerProps } from '../Popover';
+export type DropdownTriggerProps = PopoverTriggerProps;
+export declare const DropdownTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=DropdownTrigger.d.ts.map

package/dist/types/components/Dropdown/DropdownTrigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,+FAK1B,CAAC"}

package/dist/types/components/Dropdown/DropdownTriggerContext.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export type DropdownTriggerContextProps = {
+    children: ReactNode;
+};
+/**
+ * DropdownTriggerContext 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>
+ */
+export declare const DropdownTriggerContext: {
+    ({ children, }: DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DropdownTriggerContext.d.ts.map

package/dist/types/components/Dropdown/DropdownTriggerContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownTriggerContext.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownTriggerContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,sBAAsB;oBAEhC,2BAA2B;;CAE7B,CAAC"}

package/dist/types/components/Dropdown/index.d.ts

@@ -0,0 +1,47 @@
+import { DropdownButton } from './DropdownButton';
+import { DropdownHeading } from './DropdownHeading';
+import { DropdownItem } from './DropdownItem';
+import { DropdownList } from './DropdownList';
+import { DropdownTrigger } from './DropdownTrigger';
+import { DropdownTriggerContext } from './DropdownTriggerContext';
+/**
+ * Dropdown component, used to display a list of options.
+ *
+ * @example
+ * <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>
+ */
+declare const Dropdown: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("..").PopoverProps, "variant">, "placement"> & {
+    placement?: import("@floating-ui/utils").Placement;
+} & React.RefAttributes<HTMLDivElement>> & {
+    TriggerContext: {
+        ({ children, }: import("./DropdownTriggerContext").DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Heading: React.ForwardRefExoticComponent<{
+        level?: 1 | 2 | 3 | 4 | 5 | 6;
+        'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+        asChild?: boolean;
+    } & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+    List: React.ForwardRefExoticComponent<import("./DropdownList").DropdownListProps & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<import("./DropdownItem").DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
+    Button: React.ForwardRefExoticComponent<import("./DropdownButton").DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Trigger: React.ForwardRefExoticComponent<import("..").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export type { DropdownTriggerContextProps } from './DropdownTriggerContext';
+export type { DropdownListProps } from './DropdownList';
+export type { DropdownHeadingProps } from './DropdownHeading';
+export type { DropdownItemProps } from './DropdownItem';
+export type { DropdownButtonProps } from './DropdownButton';
+export type { DropdownProps } from './Dropdown';
+export { Dropdown, DropdownTriggerContext, DropdownList, DropdownHeading, DropdownItem, DropdownButton, DropdownTrigger, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;CAOZ,CAAC;AASH,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAC5E,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}

package/dist/types/components/ErrorSummary/ErrorSummary.d.ts

@@ -0,0 +1,31 @@
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+type ErrorSummaryContextType = {
+    headingId?: string;
+    setHeadingId: (id: string) => void;
+};
+export declare const ErrorSummaryContext: React.Context<ErrorSummaryContextType>;
+export type ErrorSummaryProps = {
+    asChild?: React.ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, 'data-color'>;
+/**
+ * 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>
+ */
+export declare const ErrorSummary: React.ForwardRefExoticComponent<{
+    asChild?: React.ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, "data-color"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ErrorSummary.d.ts.map

package/dist/types/components/ErrorSummary/ErrorSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummary.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/ErrorSummary.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,uBAAuB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,wCAG9B,CAAC;AAEH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,YAAY,EAAE,YAAY,CAAC,CAAC;AAEtE;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,YAAY;cAnBb,KAAK,CAAC,SAAS;4GAkD1B,CAAC"}

package/dist/types/components/ErrorSummary/ErrorSummaryHeading.d.ts

@@ -1,7 +1,8 @@
-import type { ListHeadingProps } from '../List';
-export type ErrorSummaryHeadingProps = ListHeadingProps;
-export declare const ErrorSummaryHeading: {
-    ({ id, ...rest }: ErrorSummaryHeadingProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+import { type HeadingProps } from '../Heading';
+export type ErrorSummaryHeadingProps = HeadingProps;
+export declare const ErrorSummaryHeading: React.ForwardRefExoticComponent<{
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+    asChild?: boolean;
+} & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
 //# sourceMappingURL=ErrorSummaryHeading.d.ts.map

package/dist/types/components/ErrorSummary/ErrorSummaryHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummaryHeading.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorSummary/ErrorSummaryHeading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAKhD,MAAM,MAAM,wBAAwB,GAAG,gBAAgB,CAAC;AAExD,eAAO,MAAM,mBAAmB;sBAG7B,wBAAwB;;CAgB1B,CAAC"}
+{"version":3,"file":"ErrorSummaryHeading.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/ErrorSummaryHeading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAGxD,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAEpD,eAAO,MAAM,mBAAmB;;;;uFAc9B,CAAC"}

package/dist/types/components/ErrorSummary/ErrorSummaryItem.d.ts

@@ -1,25 +1,12 @@
-import type { ListItemProps } from '../List';
-import type { LinkProps } from '../Link';
-type RequiredHref = {
-    href: LinkProps['href'];
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild?: false;
-};
-type OptionalHref = {
-    href?: LinkProps['href'];
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     * @default false
-     */
-    asChild: true;
-};
-export type ErrorSummaryItemProps = (RequiredHref | OptionalHref) & Omit<ListItemProps, 'asChild'>;
-export declare const ErrorSummaryItem: {
-    ({ href, asChild, children, ...rest }: ErrorSummaryItemProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};
+import { type ListItemProps } from '../List';
+export type ErrorSummaryItemProps = ListItemProps;
+/**
+ * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
+ *
+ * @example
+ * <ErrorSummary.Item href='#'>Link to error</ErrorSummary.Item>
+ */
+export declare const ErrorSummaryItem: React.ForwardRefExoticComponent<{
+    asChild?: boolean;
+} & React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=ErrorSummaryItem.d.ts.map

package/dist/types/components/ErrorSummary/ErrorSummaryItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummaryItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorSummary/ErrorSummaryItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB;;;OAGG;IACH,OAAO,EAAE,IAAI,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,CAAC,YAAY,GAAG,YAAY,CAAC,GAC/D,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,gBAAgB;2CAK1B,qBAAqB;;CAWvB,CAAC"}
+{"version":3,"file":"ErrorSummaryItem.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/ErrorSummaryItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB;;+EAK3B,CAAC"}

package/dist/types/components/ErrorSummary/ErrorSummaryLink.d.ts

@@ -0,0 +1,10 @@
+import type { LinkProps } from '../Link';
+export type ErrorSummaryLinkProps = LinkProps;
+/**
+ * Link component used in ErrorSummary.
+ */
+export declare const ErrorSummaryLink: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+    children: React.ReactNode;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=ErrorSummaryLink.d.ts.map

package/dist/types/components/ErrorSummary/ErrorSummaryLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummaryLink.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/ErrorSummaryLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC;AAE9C;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;2CAK3B,CAAC"}

package/dist/types/components/ErrorSummary/ErrorSummaryList.d.ts

@@ -1,8 +1,6 @@
-import { List } from '../List';
-export type ErrorSummaryListProps = React.ComponentProps<typeof List.Unordered>;
-declare function ErrorSummaryList({ ...rest }: ErrorSummaryListProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ErrorSummaryList {
-    var displayName: string;
-}
-export default ErrorSummaryList;
+import { type ListUnorderedProps } from '../List';
+export type ErrorSummaryListProps = ListUnorderedProps;
+export declare const ErrorSummaryList: React.ForwardRefExoticComponent<{
+    asChild?: boolean;
+} & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
 //# sourceMappingURL=ErrorSummaryList.d.ts.map

package/dist/types/components/ErrorSummary/ErrorSummaryList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorSummaryList.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorSummary/ErrorSummaryList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;AAEhF,iBAAwB,gBAAgB,CAAC,EAAE,GAAG,IAAI,EAAE,EAAE,qBAAqB,2CAE1E;kBAFuB,gBAAgB;;;eAAhB,gBAAgB"}
+{"version":3,"file":"ErrorSummaryList.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/ErrorSummaryList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD,eAAO,MAAM,gBAAgB;;sIAK3B,CAAC"}

package/dist/types/components/ErrorSummary/index.d.ts

@@ -1,17 +1,46 @@
-import { ErrorSummaryRoot } from './ErrorSummaryRoot';
 import { ErrorSummaryHeading } from './ErrorSummaryHeading';
 import { ErrorSummaryItem } from './ErrorSummaryItem';
-import ErrorSummaryList from './ErrorSummaryList';
-type ErrorSummaryComponent = {
-    Root: typeof ErrorSummaryRoot;
-    Item: typeof ErrorSummaryItem;
-    Heading: typeof ErrorSummaryHeading;
-    List: typeof ErrorSummaryList;
+import { ErrorSummaryLink } from './ErrorSummaryLink';
+import { ErrorSummaryList } from './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 ErrorSummary: React.ForwardRefExoticComponent<{
+    asChild?: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLDivElement> & import("../../types").DefaultProps, "data-color"> & React.RefAttributes<HTMLDivElement>> & {
+    Heading: React.ForwardRefExoticComponent<{
+        level?: 1 | 2 | 3 | 4 | 5 | 6;
+        'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
+        asChild?: boolean;
+    } & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+    Item: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+    List: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+        children: React.ReactNode;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLAnchorElement>>;
 };
-declare const ErrorSummary: ErrorSummaryComponent;
-export type { ErrorSummaryProps } from './ErrorSummaryRoot';
+export type { ErrorSummaryProps } from './ErrorSummary';
 export type { ErrorSummaryItemProps } from './ErrorSummaryItem';
 export type { ErrorSummaryHeadingProps } from './ErrorSummaryHeading';
 export type { ErrorSummaryListProps } from './ErrorSummaryList';
-export { ErrorSummary, ErrorSummaryRoot, ErrorSummaryItem, ErrorSummaryHeading, ErrorSummaryList, };
+export type { ErrorSummaryLinkProps } from './ErrorSummaryLink';
+export { ErrorSummary, ErrorSummaryItem, ErrorSummaryHeading, ErrorSummaryList, ErrorSummaryLink, };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/ErrorSummary/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ErrorSummary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,KAAK,qBAAqB,GAAG;IAC3B,IAAI,EAAE,OAAO,gBAAgB,CAAC;IAC9B,IAAI,EAAE,OAAO,gBAAgB,CAAC;IAC9B,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC,IAAI,EAAE,OAAO,gBAAgB,CAAC;CAC/B,CAAC;AAEF,QAAA,MAAM,YAAY,uBAA8B,CAAC;AAYjD,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC5D,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,YAAY;cART,MAAG,SAAS;;;;;;;;;;;;;;;;;CAanB,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}

package/dist/types/components/Field/Field.d.ts

@@ -0,0 +1,28 @@
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type FieldProps = {
+    /**
+     * Position of toggle inputs (radio, checkbox, switch) in field
+     * @default start
+     */
+    position?: 'start' | 'end';
+} & HTMLAttributes<HTMLDivElement> & DefaultProps;
+/**
+ * Field component, used to wrap a form field.
+ *
+ * @example
+ * <Field>
+ *   <Label>Kort beskrivelse</Label>
+ *   <Field.Description>Beskrivelse</Field.Description>
+ *   <Input />
+ *   <ValidationMessage>Feilmelding</ValidationMessage>
+ * </Field>
+ */
+export declare const Field: React.ForwardRefExoticComponent<{
+    /**
+     * Position of toggle inputs (radio, checkbox, switch) in field
+     * @default start
+     */
+    position?: "start" | "end";
+} & HTMLAttributes<HTMLDivElement> & DefaultProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Field.d.ts.map

package/dist/types/components/Field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;CAC5B,GAAG,cAAc,CAAC,cAAc,CAAC,GAChC,YAAY,CAAC;AAEf;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;eACQ,OAAO,GAAG,KAAK;wFA+B1B,CAAC"}

package/dist/types/components/Field/FieldAffix.d.ts

@@ -0,0 +1,27 @@
+import type { HTMLAttributes } from 'react';
+export 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>
+ */
+export declare const FieldAffixes: React.ForwardRefExoticComponent<FieldAffixesProps & React.RefAttributes<HTMLDivElement>>;
+export 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>
+ */
+export declare const FieldAffix: React.ForwardRefExoticComponent<FieldAffixProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=FieldAffix.d.ts.map

package/dist/types/components/Field/FieldAffix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldAffix.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldAffix.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE/E;;;;;;;;;GASG;AACH,eAAO,MAAM,YAAY,0FAMxB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE7E;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,yFAWtB,CAAC"}

package/dist/types/components/Field/FieldCounter.d.ts

@@ -0,0 +1,58 @@
+import { type ValidationMessageProps } from '../ValidationMessage';
+export type FieldCounterProps = {
+    /**
+     * Label template for when `maxCount` is exceeded.
+     * Use `%d` to insert the number of characters.
+     *
+     * @default '%d tegn for mye'
+     */
+    over?: string;
+    /**
+     * Label template for count.
+     * Use `%d` to insert the number of characters.
+     *
+     * @default '%d tegn igjen'
+     */
+    under?: string;
+    /**
+     * The maximum allowed characters.
+     *
+     * @default undefined
+     **/
+    limit: number;
+} & ValidationMessageProps;
+/**
+ * FieldCounter component, used to display a counter for a form field.
+ *
+ * @example
+ * <Field>
+ *   <Input />
+ *   <Field.Counter limit={100} under='%d tegn igjen' over='%d tegn for mye' />
+ * </Field>
+ */
+export declare const FieldCounter: React.ForwardRefExoticComponent<{
+    /**
+     * Label template for when `maxCount` is exceeded.
+     * Use `%d` to insert the number of characters.
+     *
+     * @default '%d tegn for mye'
+     */
+    over?: string;
+    /**
+     * Label template for count.
+     * Use `%d` to insert the number of characters.
+     *
+     * @default '%d tegn igjen'
+     */
+    under?: string;
+    /**
+     * The maximum allowed characters.
+     *
+     * @default undefined
+     **/
+    limit: number;
+} & Omit<Omit<import("../../types").DefaultProps, "data-color"> & React.HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
+    'data-color'?: import("../../colors").SeverityColors;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=FieldCounter.d.ts.map

package/dist/types/components/Field/FieldCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldCounter.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldCounter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sBAAsB,CAAC;AAG9B,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;QAII;IACJ,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,sBAAsB,CAAC;AAK3B;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY;IAlCvB;;;;;OAKG;WACI,MAAM;IACb;;;;;OAKG;YACK,MAAM;IACd;;;;QAII;WACG,MAAM;;;;8CA8Dd,CAAC"}

package/dist/types/components/Field/FieldDescription.d.ts

@@ -0,0 +1,4 @@
+import type { HTMLAttributes } from 'react';
+export type FieldDescriptionProps = HTMLAttributes<HTMLDivElement>;
+export declare const FieldDescription: React.ForwardRefExoticComponent<FieldDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=FieldDescription.d.ts.map

package/dist/types/components/Field/FieldDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Field/FieldDescription.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,eAAO,MAAM,gBAAgB,8FAK3B,CAAC"}

package/dist/types/components/Field/fieldObserver.d.ts

@@ -0,0 +1,5 @@
+export declare function fieldObserver(fieldElement: HTMLElement | null): (() => void) | undefined;
+export declare const isElement: (node: Node) => node is Element;
+export declare const isLabel: (node: Node) => node is HTMLLabelElement;
+export declare const isInputLike: (node: unknown) => node is HTMLInputElement;
+//# sourceMappingURL=fieldObserver.d.ts.map

package/dist/types/components/Field/fieldObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldObserver.d.ts","sourceRoot":"","sources":["../../../src/components/Field/fieldObserver.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,YAAY,EAAE,WAAW,GAAG,IAAI,4BA4E7D;AAGD,eAAO,MAAM,SAAS,SAAU,IAAI,oBAA4B,CAAC;AACjE,eAAO,MAAM,OAAO,SAAU,IAAI,6BAAqC,CAAC;AACxE,eAAO,MAAM,WAAW,SAAU,OAAO,KAAG,IAAI,IAAI,gBAGd,CAAC"}

package/dist/types/components/Field/index.d.ts

@@ -0,0 +1,35 @@
+import { FieldAffix, FieldAffixes } from './FieldAffix';
+import { FieldCounter } from './FieldCounter';
+import { FieldDescription } from './FieldDescription';
+/**
+ * Field component, used to wrap a form field.
+ *
+ * @example
+ * <Field data-my-field>
+ *   <Label>Kort beskrivelse</Label>
+ *   <Field.Description>Beskrivelse</Field.Description>
+ *   <Input />
+ *   <ValidationMessage>Feilmelding</ValidationMessage>
+ * </Field>
+ */
+declare const Field: React.ForwardRefExoticComponent<{
+    position?: "start" | "end";
+} & React.HTMLAttributes<HTMLDivElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLDivElement>> & {
+    Description: React.ForwardRefExoticComponent<import("./FieldDescription").FieldDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+    Affixes: React.ForwardRefExoticComponent<import("./FieldAffix").FieldAffixesProps & React.RefAttributes<HTMLDivElement>>;
+    Affix: React.ForwardRefExoticComponent<import("./FieldAffix").FieldAffixProps & React.RefAttributes<HTMLSpanElement>>;
+    Counter: React.ForwardRefExoticComponent<{
+        over?: string;
+        under?: string;
+        limit: number;
+    } & Omit<Omit<import("../../types").DefaultProps, "data-color"> & React.HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
+        'data-color'?: import("../../colors").SeverityColors;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLParagraphElement>>;
+};
+export type { FieldCounterProps } from './FieldCounter';
+export type { FieldAffixProps, FieldAffixesProps, } from './FieldAffix';
+export type { FieldProps } from './Field';
+export type { FieldDescriptionProps } from './FieldDescription';
+export { Field, FieldDescription, FieldAffix, FieldAffixes, FieldCounter };
+//# sourceMappingURL=index.d.ts.map