@digdir/designsystemet-react 1.1.2 → 1.1.4

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

@@ -0,0 +1,46 @@
+import { DialogBlock } from './dialog-block';
+import { DialogTrigger } from './dialog-trigger';
+import { DialogTriggerContext } from './dialog-trigger-context';
+/**
+ * Dialog component, used to display a Dialog dialog.
+ *
+ * @example
+ * <Dialog.TriggerContext>
+ *   <Dialog.Trigger>Open Dialog</Dialog.Trigger>
+ *   <Dialog>
+ *     <Dialog.Block>
+ *       Content
+ *     </Dialog.Block>
+ *   </Dialog>
+ * </Dialog.TriggerContext>
+ */
+declare const Dialog: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.DialogHTMLAttributes<HTMLDialogElement>, "asChild" | "open" | "onClose" | "closeButton" | "closedby" | "modal"> & {
+    closeButton?: string | false;
+    closedby?: "none" | "closerequest" | "any";
+    modal?: boolean;
+    open?: boolean;
+    onClose?: (event: Event) => void;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDialogElement>> & {
+    Block: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    TriggerContext: {
+        ({ children, }: import("./dialog-trigger-context").DialogTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
+        variant?: "primary" | "secondary" | "tertiary";
+        'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
+        icon?: boolean;
+        loading?: boolean | React.ReactNode;
+        asChild?: boolean;
+        type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    } & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export type { DialogProps } from './dialog';
+export type { DialogBlockProps } from './dialog-block';
+export type { DialogTriggerProps } from './dialog-trigger';
+export type { DialogTriggerContextProps } from './dialog-trigger-context';
+export { Dialog, DialogBlock, DialogTriggerContext, DialogTrigger };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,YAAY,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,oBAAoB,EAAE,aAAa,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1 @@
+{"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/dropdown/dropdown-button.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=dropdown-button.d.ts.map

package/dist/types/components/dropdown/dropdown-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-button.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-button.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/dropdown-heading.d.ts

@@ -0,0 +1,8 @@
+import { type HeadingProps } from '../heading/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=dropdown-heading.d.ts.map

package/dist/types/components/dropdown/dropdown-heading.d.ts.map

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

package/dist/types/components/dropdown/dropdown-item.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=dropdown-item.d.ts.map

package/dist/types/components/dropdown/dropdown-item.d.ts.map

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

package/dist/types/components/dropdown/dropdown-list.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=dropdown-list.d.ts.map

package/dist/types/components/dropdown/dropdown-list.d.ts.map

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

package/dist/types/components/dropdown/dropdown-trigger-context.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=dropdown-trigger-context.d.ts.map

package/dist/types/components/dropdown/dropdown-trigger-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger-context.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-trigger-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,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/dropdown-trigger.d.ts

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

package/dist/types/components/dropdown/dropdown-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,CAAC;AAEvD,eAAO,MAAM,eAAe,+FAK1B,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { Placement } from '@floating-ui/dom';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+import { type PopoverProps } from '../popover/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":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEhE,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/index.d.ts

@@ -0,0 +1,47 @@
+import { DropdownButton } from './dropdown-button';
+import { DropdownHeading } from './dropdown-heading';
+import { DropdownItem } from './dropdown-item';
+import { DropdownList } from './dropdown-list';
+import { DropdownTrigger } from './dropdown-trigger';
+import { DropdownTriggerContext } from './dropdown-trigger-context';
+/**
+ * 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/dom").Placement;
+} & React.RefAttributes<HTMLDivElement>> & {
+    TriggerContext: {
+        ({ children, }: import("./dropdown-trigger-context").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("./dropdown-list").DropdownListProps & React.RefAttributes<HTMLUListElement>>;
+    Item: React.ForwardRefExoticComponent<import("./dropdown-item").DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
+    Button: React.ForwardRefExoticComponent<import("./dropdown-button").DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Trigger: React.ForwardRefExoticComponent<import("..").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+};
+export type { DropdownProps } from './dropdown';
+export type { DropdownButtonProps } from './dropdown-button';
+export type { DropdownHeadingProps } from './dropdown-heading';
+export type { DropdownItemProps } from './dropdown-item';
+export type { DropdownListProps } from './dropdown-list';
+export type { DropdownTriggerContextProps } from './dropdown-trigger-context';
+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,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;CAOZ,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}

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

@@ -0,0 +1,8 @@
+import { type HeadingProps } from '../heading/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=error-summary-heading.d.ts.map

package/dist/types/components/error-summary/error-summary-heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary-heading.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-heading.tsx"],"names":[],"mappings":"AACA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGhE,MAAM,MAAM,wBAAwB,GAAG,YAAY,CAAC;AAEpD,eAAO,MAAM,mBAAmB;;;;uFAc9B,CAAC"}

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

@@ -0,0 +1,16 @@
+import { type ListItemProps } from '../list';
+export type ErrorSummaryItemProps = ListItemProps;
+/**
+ * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
+ *
+ * @example
+ * <ErrorSummary.Item>
+ *  <ErrorSummary.Link href="#">
+ *    Link to error
+ *  </ErrorSummary.Link>
+ * </ErrorSummary.Item>
+ */
+export declare const ErrorSummaryItem: React.ForwardRefExoticComponent<{
+    asChild?: boolean;
+} & React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=error-summary-item.d.ts.map

package/dist/types/components/error-summary/error-summary-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary-item.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,SAAS,CAAC;AAEvD,MAAM,MAAM,qBAAqB,GAAG,aAAa,CAAC;AAElD;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB;;+EAK3B,CAAC"}

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

@@ -0,0 +1,10 @@
+import { type LinkProps } from '../link/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=error-summary-link.d.ts.map

package/dist/types/components/error-summary/error-summary-link.d.ts.map

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

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

@@ -0,0 +1,6 @@
+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=error-summary-list.d.ts.map

package/dist/types/components/error-summary/error-summary-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary-list.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary-list.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/error-summary/error-summary.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=error-summary.d.ts.map

package/dist/types/components/error-summary/error-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-summary.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/error-summary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,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;4GAsC1B,CAAC"}

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

@@ -0,0 +1,46 @@
+import { ErrorSummaryHeading } from './error-summary-heading';
+import { ErrorSummaryItem } from './error-summary-item';
+import { ErrorSummaryLink } from './error-summary-link';
+import { ErrorSummaryList } from './error-summary-list';
+/**
+ * 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>>;
+};
+export type { ErrorSummaryProps } from './error-summary';
+export type { ErrorSummaryHeadingProps } from './error-summary-heading';
+export type { ErrorSummaryItemProps } from './error-summary-item';
+export type { ErrorSummaryLinkProps } from './error-summary-link';
+export type { ErrorSummaryListProps } from './error-summary-list';
+export { ErrorSummary, ErrorSummaryItem, ErrorSummaryHeading, ErrorSummaryList, ErrorSummaryLink, };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/error-summary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;CAKhB,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}

package/dist/types/components/field/field-affix.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=field-affix.d.ts.map

package/dist/types/components/field/field-affix.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-affix.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-affix.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/field-counter.d.ts

@@ -0,0 +1,58 @@
+import { type ValidationMessageProps } from '../validation-message/validation-message';
+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=field-counter.d.ts.map

package/dist/types/components/field/field-counter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-counter.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-counter.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,0CAA0C,CAAC;AAGlD,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/field-description.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=field-description.d.ts.map

package/dist/types/components/field/field-description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-description.d.ts","sourceRoot":"","sources":["../../../src/components/field/field-description.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/field-observer.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=field-observer.d.ts.map

package/dist/types/components/field/field-observer.d.ts.map

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

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

@@ -0,0 +1,38 @@
+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';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & 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";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & 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;AAIhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,GAChC,YAAY,CAAC;AAEf;;;;;;;;;;GAUG;AACH,eAAO,MAAM,KAAK;IAxBhB;;;OAGG;eACQ,OAAO,GAAG,KAAK;IAC1B;;;OAGG;cACO,OAAO;wFAgCjB,CAAC"}

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

@@ -0,0 +1,36 @@
+import { FieldAffix, FieldAffixes } from './field-affix';
+import { FieldCounter } from './field-counter';
+import { FieldDescription } from './field-description';
+/**
+ * Field component, used to wrap a form field.
+ *
+ * @example
+ * <Field>
+ *   <Label>Kort beskrivelse</Label>
+ *   <Field.Description>Beskrivelse</Field.Description>
+ *   <Input />
+ *   <ValidationMessage>Feilmelding</ValidationMessage>
+ * </Field>
+ */
+declare const Field: React.ForwardRefExoticComponent<{
+    position?: "start" | "end";
+    asChild?: boolean;
+} & React.HTMLAttributes<HTMLDivElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLDivElement>> & {
+    Description: React.ForwardRefExoticComponent<import("./field-description").FieldDescriptionProps & React.RefAttributes<HTMLDivElement>>;
+    Affixes: React.ForwardRefExoticComponent<import("./field-affix").FieldAffixesProps & React.RefAttributes<HTMLDivElement>>;
+    Affix: React.ForwardRefExoticComponent<import("./field-affix").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 { FieldProps } from './field';
+export type { FieldAffixesProps, FieldAffixProps, } from './field-affix';
+export type { FieldCounterProps } from './field-counter';
+export type { FieldDescriptionProps } from './field-description';
+export { Field, FieldDescription, FieldAffix, FieldAffixes, FieldCounter };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;CAKT,CAAC;AAOH,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EACV,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/types/components/fieldset/fieldset-description.d.ts

@@ -0,0 +1,16 @@
+import { type ParagraphProps } from '../paragraph/paragraph';
+export type FieldsetDescriptionProps = ParagraphProps;
+/**
+ * FieldsetDescription component, used to display a description for a fieldset.
+ *
+ * @example
+ * <Fieldset.Description>
+ *   Gi en kort beskrivelse i begge feltene
+ * </Fieldset.Description>
+ */
+export declare const FieldsetDescription: React.ForwardRefExoticComponent<{
+    'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";
+    variant?: "long" | "default" | "short";
+    asChild?: boolean;
+} & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLLegendElement>>;
+//# sourceMappingURL=fieldset-description.d.ts.map