@digdir/designsystemet-react 0.0.0-ci-snapshot-release-pr-comment-20260612060845

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

@@ -0,0 +1,38 @@
+import type { DSBreadcrumbsElement } from '@digdir/designsystemet-web';
+import '@digdir/designsystemet-web';
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type BreadcrumbsProps = MergeRight<DefaultProps & HTMLAttributes<DSBreadcrumbsElement>, {
+    /**
+     * Sets the screen reader label for the Breadcrumbs area
+     * @default 'Du er her'
+     */
+    'aria-label'?: string;
+}>;
+/**
+ * `Breadcrumbs` is a component that displays a list of breadcrumbs.
+ *
+ * @example
+ * <Breadcrumbs aria-label='Du er her:' {...args}>
+ *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
+ *    Nivå 1
+ *  </Breadcrumbs.Link>
+ *  <Breadcrumbs.List>
+ *    <Breadcrumbs.Item>
+ *      <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+ *    </Breadcrumbs.Item>
+ *    <Breadcrumbs.Item>
+ *      <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
+ *    </Breadcrumbs.Item>
+ *  </Breadcrumbs.List>
+ * </Breadcrumbs>
+ */
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<DSBreadcrumbsElement>, "aria-label"> & {
+    /**
+     * Sets the screen reader label for the Breadcrumbs area
+     * @default 'Du er her'
+     */
+    'aria-label'?: string;
+} & import("react").RefAttributes<DSBreadcrumbsElement>>;
+//# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AACvE,OAAO,4BAA4B,CAAC;AAEpC,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,YAAY,GAAG,cAAc,CAAC,oBAAoB,CAAC,EACnD;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,WAAW;IA1BpB;;;OAGG;mBACY,MAAM;wDA+BxB,CAAC"}

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

@@ -0,0 +1,73 @@
+import { Breadcrumbs as BreadcrumbsParent } from './breadcrumbs';
+import { BreadcrumbsItem } from './breadcrumbs-item';
+import { BreadcrumbsLink } from './breadcrumbs-link';
+import { BreadcrumbsList } from './breadcrumbs-list';
+type Breadcrumbs = typeof BreadcrumbsParent & {
+    /**
+     * Component that provides a Breadcrumbs item.
+     *
+     * Place as a descendant of `Breadcrumbs.List`
+     *
+     * @example
+     * <Breadcrumbs.List>
+     *   <Breadcrumbs.Item>
+     *     <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+     *   </Breadcrumbs.Item>
+     * </Breadcrumbs.List>
+     */
+    Item: typeof BreadcrumbsItem;
+    /**
+     * Component that provides a link for the Breadcrumbs.
+     *
+     * Place as a descendant of `Breadcrumbs`
+     *
+     * @example
+     * <Breadcrumbs>
+     *   <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+     * </Breadcrumbs>
+     */
+    Link: typeof BreadcrumbsLink;
+    /**
+     * Component that provides a list of Breadcrumbs items.
+     *
+     * Place as a descendant of `Breadcrumbs`
+     *
+     * @example
+     * <Breadcrumbs>
+     *   <Breadcrumbs.List>
+     *     <Breadcrumbs.Item>
+     *       <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+     *     </Breadcrumbs.Item>
+     *     <Breadcrumbs.Item>
+     *       <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
+     *     </Breadcrumbs.Item>
+     *   </Breadcrumbs.List>
+     * </Breadcrumbs>
+     */
+    List: typeof BreadcrumbsList;
+};
+/**
+ * `Breadcrumbs` is a component that displays a list of breadcrumbs.
+ *
+ * @example
+ * <Breadcrumbs aria-label='Du er her:'>
+ *  <Breadcrumbs.Link href='#' aria-label='Tilbake til Nivå 1'>
+ *    Nivå 1
+ *  </Breadcrumbs.Link>
+ *  <Breadcrumbs.List>
+ *    <Breadcrumbs.Item>
+ *      <Breadcrumbs.Link href='#'>Nivå 1</Breadcrumbs.Link>
+ *    </Breadcrumbs.Item>
+ *    <Breadcrumbs.Item>
+ *      <Breadcrumbs.Link href='#'>Nivå 2</Breadcrumbs.Link>
+ *    </Breadcrumbs.Item>
+ *  </Breadcrumbs.List>
+ * </Breadcrumbs>
+ */
+declare const BreadcrumbsComponent: Breadcrumbs;
+export type { BreadcrumbsProps } from './breadcrumbs';
+export type { BreadcrumbsItemProps } from './breadcrumbs-item';
+export type { BreadcrumbsLinkProps } from './breadcrumbs-link';
+export type { BreadcrumbsListProps } from './breadcrumbs-list';
+export { BreadcrumbsComponent as Breadcrumbs, BreadcrumbsItem, BreadcrumbsLink, BreadcrumbsList, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,KAAK,WAAW,GAAG,OAAO,iBAAiB,GAAG;IAC5C;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B;;;;;;;;;;;;;;;;OAgBG;IACH,IAAI,EAAE,OAAO,eAAe,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,oBAAoB,EAAE,WAI1B,CAAC;AAMH,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EACL,oBAAoB,IAAI,WAAW,EACnC,eAAe,EACf,eAAe,EACf,eAAe,GAChB,CAAC"}

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

@@ -0,0 +1,101 @@
+import type { Color, SeverityColors } from '@digdir/designsystemet-types';
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type ButtonProps = MergeRight<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'command' | 'commandfor' | 'commandFor'>, {
+    /**
+     * Specify which variant to use
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Change the color scheme of the button
+     */
+    'data-color'?: Color | Extract<SeverityColors, 'danger'>;
+    /**
+     * Toggle icon only styling, pass icon as children
+     * When combined with loading, the loading-icon will be shown instead of the icon.
+     * @default false
+     */
+    icon?: boolean;
+    /**
+     * Toggle loading state.
+     * Pass an element if you want to display a custom loader.
+     *
+     * @default false
+     */
+    loading?: boolean | ReactNode;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+    /**
+     * Native invoker commands. Specifies actions to perform on an element specified by commandfor. Polyfilled by designsystemet-web and includes a custom --show-non-modal command.
+     * "show-modal", "close", "request-close", "show-popover", "hide-popover", "toggle-popover", "--show-non-modal"
+     */
+    command?: string;
+    /**
+     * Specifies the target element for "command".
+     * value is ID of target
+     */
+    commandfor?: string;
+    commandFor?: string;
+}>;
+/**
+ * Button used for interaction
+ *
+ * @example
+ * <Button>Click me</Button>
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "command" | "commandfor" | "commandFor">, "type" | "data-color" | "variant" | "command" | "commandfor" | "commandFor" | "icon" | "loading" | "asChild"> & {
+    /**
+     * Specify which variant to use
+     * @default 'primary'
+     */
+    variant?: "primary" | "secondary" | "tertiary";
+    /**
+     * Change the color scheme of the button
+     */
+    'data-color'?: Color | Extract<SeverityColors, "danger">;
+    /**
+     * Toggle icon only styling, pass icon as children
+     * When combined with loading, the loading-icon will be shown instead of the icon.
+     * @default false
+     */
+    icon?: boolean;
+    /**
+     * Toggle loading state.
+     * Pass an element if you want to display a custom loader.
+     *
+     * @default false
+     */
+    loading?: boolean | ReactNode;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /**
+     * Specify the type of button. Unset when `asChild` is true
+     * @default 'button'
+     */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    /**
+     * Native invoker commands. Specifies actions to perform on an element specified by commandfor. Polyfilled by designsystemet-web and includes a custom --show-non-modal command.
+     * "show-modal", "close", "request-close", "show-popover", "hide-popover", "toggle-popover", "--show-non-modal"
+     */
+    command?: string;
+    /**
+     * Specifies the target element for "command".
+     * value is ID of target
+     */
+    commandfor?: string;
+    commandFor?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAG1E,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GACV,IAAI,CACF,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,SAAS,GAAG,YAAY,GAAG,YAAY,CACxC,EACH;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;IACzD;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IACvD;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM;IApDf;;;OAGG;cACO,SAAS,GAAG,WAAW,GAAG,UAAU;IAC9C;;OAEG;mBACY,KAAK,GAAG,OAAO,CAAC,cAAc,EAAE,QAAQ,CAAC;IACxD;;;;OAIG;WACI,OAAO;IACd;;;;;OAKG;cACO,OAAO,GAAG,SAAS;IAC7B;;;OAGG;cACO,OAAO;IACjB;;;OAGG;WACI,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC;IACtD;;;OAGG;cACO,MAAM;IAChB;;;OAGG;iBACU,MAAM;iBACN,MAAM;qDA4DtB,CAAC"}

package/dist/types/components/card/card-block.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'react';
+export type CardBlockProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+export declare const CardBlock: import("react").ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=card-block.d.ts.map

package/dist/types/components/card/card-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-block.d.ts","sourceRoot":"","sources":["../../../src/components/card/card-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,SAAS;IAPpB;;;OAGG;cACO,OAAO;mFAelB,CAAC"}

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

@@ -0,0 +1,44 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type CardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+    /**
+     * Change the background color of the card.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'tinted';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /** Instances of `Card.Block`, `Divider` or other React nodes */
+    children: ReactNode;
+}>;
+/**
+ * Card component to present content in a structured way.
+ *
+ * @example
+ * <Card>
+ *  <Card.Block>Header</Card.Block>
+ *  <Card.Block>Content</Card.Block>
+ *  <Card.Block>Footer</Card.Block>
+ * </Card>
+ */
+export declare const Card: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "children" | "variant" | "asChild"> & {
+    /**
+     * Change the background color of the card.
+     *
+     * @default 'default'
+     */
+    variant?: "default" | "tinted";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+    /** Instances of `Card.Block`, `Divider` or other React nodes */
+    children: ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB,CACF,CAAC;AAOF;;;;;;;;;GASG;AACH,eAAO,MAAM,IAAI;IA/Bb;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;;OAGG;cACO,OAAO;IACjB,gEAAgE;cACtD,SAAS;kDAuDrB,CAAC"}

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

@@ -0,0 +1,32 @@
+import { Card as CardParent } from './card';
+import { CardBlock } from './card-block';
+type Card = typeof CardParent & {
+    /**
+     * Use `Card.Block` to segment content with divider lines or to add full-bleed pictures/video
+     *
+     * Place as a descendant of `Card`
+     *
+     * @example
+     * <Card>
+     *   <Card.Block>Header</Card.Block>
+     *   <Card.Block>Content</Card.Block>
+     *   <Card.Block>Footer</Card.Block>
+     * </Card>
+     */
+    Block: typeof CardBlock;
+};
+/**
+ * Card component to present content in a structured way.
+ *
+ * @example
+ * <Card>
+ *  <Card.Block>Header</Card.Block>
+ *  <Card.Block>Content</Card.Block>
+ *  <Card.Block>Footer</Card.Block>
+ * </Card>
+ */
+declare const CardComponent: Card;
+export type { CardProps } from './card';
+export type { CardBlockProps } from './card-block';
+export { CardBlock, CardComponent as Card };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,KAAK,IAAI,GAAG,OAAO,UAAU,GAAG;IAC9B;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AACF;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,EAAE,IAEnB,CAAC;AAIH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,aAAa,IAAI,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,44 @@
+import type { ReactNode } from 'react';
+import type { DefaultProps, LabelRequired } from '../../types';
+import type { MergeRight } from '../../utilities';
+import { type FieldProps } from '../field';
+import { type InputProps } from '../input/input';
+export type CheckboxProps = MergeRight<DefaultProps & Omit<InputProps, 'type' | 'role' | 'size'>, {
+    /**
+     * Optional aria-label
+     */
+    'aria-label'?: string;
+    /**
+     * Checkbox label
+     */
+    label?: ReactNode;
+    /**
+     * Description for field
+     */
+    description?: ReactNode;
+    /**
+     * Value of the `input` element
+     */
+    value?: InputProps['value'];
+    /**
+     * Error message for field
+     */
+    error?: ReactNode;
+    /**
+     * If outline, the checkbox will have a border.
+     */
+    variant?: 'outline';
+    /**
+     * Position of checkbox
+     * @default start
+     */
+    position?: FieldProps['position'];
+} & LabelRequired>;
+/**
+ * Checkbox used to select multiple options.
+ *
+ * @example
+ * <Checkbox label="I agree" value="agree" />
+ */
+export declare const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAIxD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,EACzD;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4GA+BpB,CAAC"}

package/dist/types/components/chip/chips.d.ts

@@ -0,0 +1,43 @@
+import type { ButtonHTMLAttributes, InputHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+type ChipBaseProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+};
+export type ChipRemovableProps = ChipButtonProps;
+export type ChipRadioProps = ChipCheckboxProps;
+export type ChipButtonProps = MergeRight<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, ChipBaseProps>;
+export type ChipCheckboxProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'>, ChipBaseProps>;
+/**
+ * Chip.Button used for interaction
+ *
+ * @example
+ * <Chip.Button>Click me</Chip.Button>
+ */
+export declare const ChipButton: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, "asChild"> & ChipBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Chip.Removable used for interaction
+ * @example
+ * <Chip.Removable>Click to remove me</Chip.Removable>
+ */
+export declare const ChipRemovable: import("react").ForwardRefExoticComponent<Omit<DefaultProps & ButtonHTMLAttributes<HTMLButtonElement>, "asChild"> & ChipBaseProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Chip.Checkbox used for multiselection
+ * @example
+ * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
+ * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
+ */
+export declare const ChipCheckbox: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & ChipBaseProps & import("react").RefAttributes<HTMLLabelElement>>;
+/**
+ * Chip.Radio used for single selection
+ * @example
+ * <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
+ * <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
+ */
+export declare const ChipRadio: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size">, "asChild"> & ChipBaseProps & import("react").RefAttributes<HTMLLabelElement>>;
+export {};
+//# sourceMappingURL=chips.d.ts.map

package/dist/types/components/chip/chips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips.d.ts","sourceRoot":"","sources":["../../../src/components/chip/chips.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,eAAe,CAAC;AACjD,MAAM,MAAM,cAAc,GAAG,iBAAiB,CAAC;AAC/C,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD,aAAa,CACd,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CACxC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3E,aAAa,CACd,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,UAAU,uLAatB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa,uLAIzB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,YAAY,2MA4BxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,SAAS,2MAIrB,CAAC"}

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

@@ -0,0 +1,37 @@
+import { ChipButton, ChipCheckbox, ChipRadio, ChipRemovable } from './chips';
+type Chip = {
+    /**
+     * Chip.Button used for interaction
+     *
+     * @example
+     * <Chip.Button>Click me</Chip.Button>
+     */
+    Button: typeof ChipButton;
+    /**
+     * Chip.Checkbox used for multiselection
+     *
+     * @example
+     * <Chip.Checkbox name="language" value="nynorsk">Nynorsk</Chip.Checkbox>
+     * <Chip.Checkbox name="language" value="bokmål">Bokmål</Chip.Checkbox>
+     */
+    Checkbox: typeof ChipCheckbox;
+    /**
+     * Chip.Radio used for single selection
+     *
+     * @example
+     * <Chip.Radio name="language" value="nynorsk">Nynorsk</Chip.Radio>
+     * <Chip.Radio name="language" value="bokmål">Bokmål</Chip.Radio>
+     */
+    Radio: typeof ChipRadio;
+    /**
+     * Chip.Removable used for interaction
+     *
+     * @example
+     * <Chip.Removable>Click to remove me</Chip.Removable>
+     */
+    Removable: typeof ChipRemovable;
+};
+declare const ChipComponent: Chip;
+export type { ChipButtonProps, ChipCheckboxProps, ChipRadioProps, ChipRemovableProps, } from './chips';
+export { ChipButton, ChipCheckbox, ChipComponent as Chip, ChipRadio, ChipRemovable, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7E,KAAK,IAAI,GAAG;IACV;;;;;OAKG;IACH,MAAM,EAAE,OAAO,UAAU,CAAC;IAC1B;;;;;;OAMG;IACH,QAAQ,EAAE,OAAO,YAAY,CAAC;IAC9B;;;;;;OAMG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;IACxB;;;;;OAKG;IACH,SAAS,EAAE,OAAO,aAAa,CAAC;CACjC,CAAC;AAEF,QAAA,MAAM,aAAa,EAAE,IAKpB,CAAC;AAOF,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,kBAAkB,GACnB,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,UAAU,EACV,YAAY,EACZ,aAAa,IAAI,IAAI,EACrB,SAAS,EACT,aAAa,GACd,CAAC"}

package/dist/types/components/details/details-content.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+export type DetailsContentProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * Details content component, contains the content of the details item.
+ *
+ * @example
+ * <DetailsContent>Content</DetailsContent>
+ */
+export declare const DetailsContent: import("react").ForwardRefExoticComponent<DetailsContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=details-content.d.ts.map

package/dist/types/components/details/details-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"details-content.d.ts","sourceRoot":"","sources":["../../../src/components/details/details-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE;;;;;GAKG;AACH,eAAO,MAAM,cAAc,gHAI1B,CAAC"}

package/dist/types/components/details/details-summary.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type DetailsSummaryProps = {
+    /** Heading text */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement>;
+/**
+ * Details summary component, contains a the heading to toggle the content.
+ *
+ * @example
+ * <Details.Summary>Heading</Details.Summary>
+ */
+export declare const DetailsSummary: import("react").ForwardRefExoticComponent<{
+    /** Heading text */
+    children: ReactNode;
+} & HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=details-summary.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details-summary.d.ts","sourceRoot":"","sources":["../../../src/components/details/details-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,mBAAmB,GAAG;IAChC,mBAAmB;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IAVzB,mBAAmB;cACT,SAAS;6EAmBpB,CAAC"}

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

@@ -0,0 +1,50 @@
+import type { DetailsHTMLAttributes, ReactNode } from 'react';
+import '@digdir/designsystemet-web';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type DetailsProps = MergeRight<DefaultProps & DetailsHTMLAttributes<HTMLDetailsElement>, {
+    /**
+     * Change the background color of the details.
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'tinted';
+    /**
+     * Controls open-state.
+     *
+     * Using this removes automatic control of open-state
+     *
+     * @default undefined
+     */
+    open?: boolean;
+    /**
+     * Defaults the details to open if not controlled
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Callback function when Details toggles due to click on summary or find in page-search
+     */
+    onToggle?: (event: Event) => void;
+    /**
+     * Content should be one `<Details.Summary>` and `<Details.Content>`
+     */
+    children?: ReactNode;
+}> & ({
+    open: boolean;
+    onToggle: (event: Event) => void;
+} | {
+    open?: never;
+    onToggle?: (event: Event) => void;
+});
+/**
+ * Details component, contains `Details.Summary` and `Details.Content` components.
+ *
+ * @example
+ * <Details>
+ *  <Details.Summary>Header</Details.Summary>
+ *  <Details.Content>Content</Details.Content>
+ * </Details>
+ */
+export declare const Details: import("react").ForwardRefExoticComponent<DetailsProps & import("react").RefAttributes<HTMLDetailsElement>>;
+//# sourceMappingURL=details.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../../../src/components/details/details.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,qBAAqB,CAAC,kBAAkB,CAAC,EACxD;IACE;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CACF,GACC,CACI;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,GACnD;IAAE,IAAI,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CAAE,CACtD,CAAC;AAEJ;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,6GA2CnB,CAAC"}

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

@@ -0,0 +1,34 @@
+import { Details as DetailsParent } from './details';
+import { DetailsContent } from './details-content';
+import { DetailsSummary } from './details-summary';
+type Details = typeof DetailsParent & {
+    /**
+     * Details summary component, contains a the heading to toggle the content.
+     *
+     * @example
+     * <Details.Summary>Heading</Details.Summary>
+     */
+    Summary: typeof DetailsSummary;
+    /**
+     * Details content component, contains the content of the details item.
+     *
+     * @example
+     * <DetailsContent>Content</DetailsContent>
+     */
+    Content: typeof DetailsContent;
+};
+/**
+ * Details component, contains `Details.Summary` and `Details.Content` components.
+ *
+ * @example
+ * <Details>
+ *  <Details.Summary>Header</Details.Summary>
+ *  <Details.Content>Content</Details.Content>
+ * </Details>
+ */
+declare const DetailsComponent: Details;
+export type { DetailsProps } from './details';
+export type { DetailsContentProps } from './details-content';
+export type { DetailsSummaryProps } from './details-summary';
+export { DetailsComponent as Details, DetailsContent, DetailsSummary };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/details/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,OAAO,GAAG,OAAO,aAAa,GAAG;IACpC;;;;;OAKG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;IAC/B;;;;;OAKG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;CAChC,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,gBAAgB,EAAE,OAGtB,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/dialog/dialog-block.d.ts

@@ -0,0 +1,32 @@
+import type { HTMLAttributes } from 'react';
+export type DialogBlockProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement>;
+/**
+ * DialogBlock component, used to separate content in a Dialog.
+ *
+ * @example
+ * <Dialog>
+ *   <Dialog.Block>
+ *     Header
+ *   </Dialog.Block>
+ *   <Dialog.Block>
+ *     Content
+ *   </Dialog.Block>
+ *   <Dialog.Block>
+ *     Footer
+ *   </Dialog.Block>
+ * </Dialog>
+ */
+export declare const DialogBlock: import("react").ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dialog-block.d.ts.map

package/dist/types/components/dialog/dialog-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-block.d.ts","sourceRoot":"","sources":["../../../src/components/dialog/dialog-block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,WAAW;IAvBtB;;;OAGG;cACO,OAAO;mFA+BlB,CAAC"}