@digdir/designsystemet-react 0.52.0-alpha.0

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

@@ -0,0 +1,56 @@
+import type { HTMLAttributes } from 'react';
+import * as React from 'react';
+import type { PortalProps } from '../../types/Portal';
+export type TooltipProps = {
+    /**
+     * The element that triggers the tooltip.
+     * @note Needs to be a single ReactElement and not: <React.Fragment/> | <></>
+     */
+    children: React.ReactElement & React.RefAttributes<HTMLElement>;
+    /** Content of the tooltip */
+    content: string;
+    /**
+     * Placement of the tooltip on the trigger.
+     * @default 'top'
+     */
+    placement?: 'top' | 'right' | 'bottom' | 'left';
+    /** Delay in milliseconds before opening.
+     * @default 150
+     */
+    delay?: number;
+    /** Whether the tooltip is open or not.
+     * This overrides the internal state of the tooltip.
+     */
+    open?: boolean;
+    /** Whether the tooltip is open by default or not. */
+    defaultOpen?: boolean;
+    /** Inverts the color of the tooltip. Use this on dark backgrounds. */
+    inverted?: boolean;
+} & PortalProps & HTMLAttributes<HTMLDivElement>;
+export declare const Tooltip: React.ForwardRefExoticComponent<{
+    /**
+     * The element that triggers the tooltip.
+     * @note Needs to be a single ReactElement and not: <React.Fragment/> | <></>
+     */
+    children: React.ReactElement & React.RefAttributes<HTMLElement>;
+    /** Content of the tooltip */
+    content: string;
+    /**
+     * Placement of the tooltip on the trigger.
+     * @default 'top'
+     */
+    placement?: "top" | "right" | "bottom" | "left" | undefined;
+    /** Delay in milliseconds before opening.
+     * @default 150
+     */
+    delay?: number | undefined;
+    /** Whether the tooltip is open or not.
+     * This overrides the internal state of the tooltip.
+     */
+    open?: boolean | undefined;
+    /** Whether the tooltip is open by default or not. */
+    defaultOpen?: boolean | undefined;
+    /** Inverts the color of the tooltip. Use this on dark backgrounds. */
+    inverted?: boolean | undefined;
+} & PortalProps & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAChE,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,GACb,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO;IA3BlB;;;OAGG;cACO,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,WAAW,CAAC;IAC/D,6BAA6B;aACpB,MAAM;IACf;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH,qDAAqD;;IAErD,sEAAsE;;uFAsHvE,CAAC"}

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

@@ -0,0 +1,3 @@
+export type { TooltipProps } from './Tooltip';
+export { Tooltip } from './Tooltip';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes } from 'react';
+import type { OverridableComponent } from '../../../types/OverridableComponent';
+export type ErrorMessageProps = {
+    /** Changes text sizing */
+    size?: 'xsmall' | 'small' | 'medium' | 'large';
+    /** Adds margin-bottom */
+    spacing?: boolean;
+    /** Toggle error color */
+    error?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLParagraphElement>;
+/** Use `ErrorMessage` to display text as error message. */
+export declare const ErrorMessage: OverridableComponent<ErrorMessageProps, HTMLParagraphElement>;
+//# sourceMappingURL=ErrorMessage.d.ts.map

package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAIhF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,2DAA2D;AAC3D,eAAO,MAAM,YAAY,EAAE,oBAAoB,CAC7C,iBAAiB,EACjB,oBAAoB,CAgCrB,CAAC"}

package/dist/types/components/Typography/ErrorMessage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ErrorMessage';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Typography/ErrorMessage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/ErrorMessage/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/types/components/Typography/Heading/Heading.d.ts

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'react';
+import type { OverridableComponent } from '../../../types/OverridableComponent';
+export type HeadingProps = {
+    /** Heading level. This will translate into any h1-6 level unless `as` is defined */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Changes text sizing
+     * @default 'xlarge'
+     */
+    size?: 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge';
+    /** Adds margin-bottom */
+    spacing?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLHeadingElement>;
+/** Use `Heading` to render h1-6 elements with heading text styles.  */
+export declare const Heading: OverridableComponent<HeadingProps, HTMLHeadingElement>;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/types/components/Typography/Heading/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAKzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAIhF,MAAM,MAAM,YAAY,GAAG;IACzB,oFAAoF;IACpF,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;OAEG;IACH,IAAI,CAAC,EACD,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,SAAS,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC,uEAAuE;AACvE,eAAO,MAAM,OAAO,EAAE,oBAAoB,CAAC,YAAY,EAAE,kBAAkB,CAiCxE,CAAC"}

package/dist/types/components/Typography/Heading/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Heading';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Typography/Heading/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Heading/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/types/components/Typography/Ingress/Ingress.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'react';
+import type { OverridableComponent } from '../../../types/OverridableComponent';
+export type IngressProps = {
+    /** Changes text sizing */
+    size?: 'medium';
+    /** Adds margin-bottom */
+    spacing?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLParagraphElement>;
+/** Use `Ingress` to display text as ingress. */
+export declare const Ingress: OverridableComponent<IngressProps, HTMLParagraphElement>;
+//# sourceMappingURL=Ingress.d.ts.map

package/dist/types/components/Typography/Ingress/Ingress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ingress.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Ingress/Ingress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAIhF,MAAM,MAAM,YAAY,GAAG;IACzB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,gDAAgD;AAChD,eAAO,MAAM,OAAO,EAAE,oBAAoB,CAAC,YAAY,EAAE,oBAAoB,CAuB1E,CAAC"}

package/dist/types/components/Typography/Ingress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Ingress';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Typography/Ingress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Ingress/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/types/components/Typography/Label/Label.d.ts

@@ -0,0 +1,20 @@
+import type { LabelHTMLAttributes } from 'react';
+import type { OverridableComponent } from '../../../types/OverridableComponent';
+type FontWeights = 'regular' | 'medium' | 'semibold';
+export type LabelProps = {
+    /** Changes text sizing */
+    size?: 'xsmall' | 'small' | 'medium' | 'large';
+    /** Adds margin-bottom */
+    spacing?: boolean;
+    /** Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset */
+    weight?: FontWeights;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & LabelHTMLAttributes<HTMLLabelElement>;
+/** Use `Label` for labels. */
+export declare const Label: OverridableComponent<LabelProps, HTMLLabelElement>;
+export {};
+//# sourceMappingURL=Label.d.ts.map

package/dist/types/components/Typography/Label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAIhF,KAAK,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;AAErD,MAAM,MAAM,UAAU,GAAG;IACvB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6GAA6G;IAC7G,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAQ1C,8BAA8B;AAC9B,eAAO,MAAM,KAAK,EAAE,oBAAoB,CAAC,UAAU,EAAE,gBAAgB,CA8BlE,CAAC"}

package/dist/types/components/Typography/Label/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Label';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Typography/Label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/types/components/Typography/Paragraph/Paragraph.d.ts

@@ -0,0 +1,18 @@
+import type { HTMLAttributes } from 'react';
+import type { OverridableComponent } from '../../../types/OverridableComponent';
+export type ParagraphProps = {
+    /** Changes text sizing */
+    size?: 'xsmall' | 'small' | 'medium' | 'large';
+    /** Adds margin-bottom */
+    spacing?: boolean;
+    /** Reduces line-height for short paragraphs */
+    short?: boolean;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLParagraphElement>;
+/** Use `Paragraph` to display text with paragraph text styles. */
+export declare const Paragraph: OverridableComponent<ParagraphProps, HTMLParagraphElement>;
+//# sourceMappingURL=Paragraph.d.ts.map

package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Paragraph.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAIhF,MAAM,MAAM,cAAc,GAAG;IAC3B,0BAA0B;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC/C,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,kEAAkE;AAClE,eAAO,MAAM,SAAS,EAAE,oBAAoB,CAC1C,cAAc,EACd,oBAAoB,CAwBrB,CAAC"}

package/dist/types/components/Typography/Paragraph/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Paragraph';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Typography/Paragraph/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Paragraph/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './Paragraph';
+export * from './Heading';
+export * from './Ingress';
+export * from './Label';
+export * from './ErrorMessage';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC"}

package/dist/types/components/form/CharacterCounter.d.ts

@@ -0,0 +1,21 @@
+export type CharacterLimitProps = Omit<CharacterCounterProps, 'id' | 'value' | 'size'>;
+type CharacterCounterProps = {
+    /** The message indicating the remaining character limit. */
+    label?: (count: number) => string;
+    /** The description of the maximum character limit for screen readers. */
+    srLabel?: string;
+    /** The maximum allowed character count. */
+    maxCount: number;
+    /** The current value. */
+    value: string;
+    /** The ID of the element that describes the maximum character limit for accessibility purposes. */
+    id: string;
+    /** Text size */
+    size?: 'small' | 'medium' | 'large';
+};
+export declare const CharacterCounter: {
+    ({ label, srLabel: propsSrLabel, maxCount, value, id, size, }: CharacterCounterProps): JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=CharacterCounter.d.ts.map

package/dist/types/components/form/CharacterCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterCounter.d.ts","sourceRoot":"","sources":["../../../../src/components/form/CharacterCounter.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,qBAAqB,EACrB,IAAI,GAAG,OAAO,GAAG,MAAM,CACxB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClC,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2CAA2C;IAC3C,QAAQ,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,mGAAmG;IACnG,EAAE,EAAE,MAAM,CAAC;IACX,gBAAgB;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC,CAAC;AAQF,eAAO,MAAM,gBAAgB;mEAO1B,qBAAqB,GAAG,WAAW;;CAwBrC,CAAC"}

package/dist/types/components/form/Checkbox/Checkbox.d.ts

@@ -0,0 +1,23 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { FormFieldProps } from '../useFormField';
+export type CheckboxProps = {
+    /** Checkbox label */
+    children?: ReactNode;
+    /** Value of the `input` element */
+    value: string;
+    /**Toggle indeterminate state for Checkbox
+     * @default false
+     */
+    indeterminate?: boolean;
+} & Omit<FormFieldProps, 'error' | 'errorId'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value'>;
+export declare const Checkbox: import("react").ForwardRefExoticComponent<{
+    /** Checkbox label */
+    children?: ReactNode;
+    /** Value of the `input` element */
+    value: string;
+    /**Toggle indeterminate state for Checkbox
+     * @default false
+     */
+    indeterminate?: boolean | undefined;
+} & Omit<FormFieldProps, "error" | "errorId"> & Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value"> & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/types/components/form/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAO5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAKtD,MAAM,MAAM,aAAa,GAAG;IAC1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,SAAS,CAAC,GAC3C,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC;AAEhE,eAAO,MAAM,QAAQ;IAXnB,qBAAqB;eACV,SAAS;IACpB,mCAAmC;WAC5B,MAAM;IACb;;OAEG;;gKAyEJ,CAAC"}

package/dist/types/components/form/Checkbox/Group/Group.d.ts

@@ -0,0 +1,29 @@
+import type { ReactNode } from 'react';
+import type { FieldsetProps } from '../../Fieldset';
+export type CheckboxGroupContextProps = {
+    value?: string[];
+    defaultValue?: string[];
+    toggleValue: (value: string) => void;
+};
+export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupContextProps | null>;
+export type CheckboxGroupProps = {
+    /** Collection of `Checkbox` components */
+    children?: ReactNode;
+    /** Controlled state for  `Checkbox`'s */
+    value?: string[];
+    /** Default checked `Checkbox`'s */
+    defaultValue?: string[];
+    /** Callback event with checked `Checkbox` values */
+    onChange?: (value: string[]) => void;
+} & Omit<FieldsetProps, 'onChange'>;
+export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<{
+    /** Collection of `Checkbox` components */
+    children?: ReactNode;
+    /** Controlled state for  `Checkbox`'s */
+    value?: string[] | undefined;
+    /** Default checked `Checkbox`'s */
+    defaultValue?: string[] | undefined;
+    /** Callback event with checked `Checkbox` values */
+    onChange?: ((value: string[]) => void) | undefined;
+} & Omit<FieldsetProps, "onChange"> & import("react").RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=Group.d.ts.map

package/dist/types/components/form/Checkbox/Group/Group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Checkbox/Group/Group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGpD,MAAM,MAAM,yBAAyB,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AAEpC,eAAO,MAAM,aAAa;IAVxB,0CAA0C;eAC/B,SAAS;IACpB,yCAAyC;;IAEzC,mCAAmC;;IAEnC,oDAAoD;wBACjC,MAAM,EAAE,KAAK,IAAI;yFAwDrC,CAAC"}

package/dist/types/components/form/Checkbox/Group/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Group';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/form/Checkbox/Group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/form/Checkbox/Group/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/types/components/form/Checkbox/index.d.ts

@@ -0,0 +1,22 @@
+import type { CheckboxProps } from './Checkbox';
+import type { CheckboxGroupProps } from './Group';
+import { Checkbox as CheckboxParent } from './Checkbox';
+import { CheckboxGroup } from './Group';
+type CheckboxComponent = typeof CheckboxParent & {
+    /**
+     * Grouping  multiple `Checkbox` together.
+     * @example
+     * <Checkbox.Group legend="What would your D&D party like to eat?">
+     *    <Checkbox value="elfsalad">Wood Elf forest salad</Checkbox>
+     *    <Checkbox value="firecakes">Fire breath rice cakes</Checkbox>
+     *    <Checkbox value="dumplings">Chicken-something dumplings</Checkbox>
+     *    <Checkbox value="ribs">Sembian honey-glazed rothè ribs</Checkbox>
+     * </Checkbox.Group>
+     */
+    Group: typeof CheckboxGroup;
+};
+/** `<input> element with `type="checkbox"` used for selecting one option */
+declare const Checkbox: CheckboxComponent;
+export type { CheckboxProps, CheckboxGroupProps };
+export { Checkbox, CheckboxGroup };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/form/Checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,KAAK,iBAAiB,GAAG,OAAO,cAAc,GAAG;IAC/C;;;;;;;;;OASG;IACH,KAAK,EAAE,OAAO,aAAa,CAAC;CAC7B,CAAC;AAEF,4EAA4E;AAC5E,QAAA,MAAM,QAAQ,mBAAsC,CAAC;AAMrD,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC"}

package/dist/types/components/form/Checkbox/useCheckbox.d.ts

@@ -0,0 +1,10 @@
+import type { InputHTMLAttributes } from 'react';
+import type { FormField } from '../useFormField';
+import type { CheckboxProps } from './Checkbox';
+type UseCheckbox = (props: CheckboxProps) => FormField & {
+    inputProps?: Pick<InputHTMLAttributes<HTMLInputElement>, 'readOnly' | 'type' | 'name' | 'required' | 'defaultChecked' | 'checked' | 'onClick' | 'onChange'>;
+};
+/** Handles props for `Checkbox` in context with `Checkbox.Group` (and `Fieldset`) */
+export declare const useCheckbox: UseCheckbox;
+export {};
+//# sourceMappingURL=useCheckbox.d.ts.map

package/dist/types/components/form/Checkbox/useCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCheckbox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Checkbox/useCheckbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,aAAa,KAAK,SAAS,GAAG;IACvD,UAAU,CAAC,EAAE,IAAI,CACf,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,UAAU,GACV,MAAM,GACN,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,SAAS,GACT,SAAS,GACT,UAAU,CACb,CAAC;CACH,CAAC;AACF,qFAAqF;AACrF,eAAO,MAAM,WAAW,EAAE,WAkCzB,CAAC"}

package/dist/types/components/form/Combobox/Combobox.d.ts

@@ -0,0 +1,213 @@
+import type * as React from 'react';
+import type { UseFloatingReturn, UseListNavigationProps } from '@floating-ui/react';
+import type { FormFieldProps } from '../useFormField';
+import { useFormField } from '../useFormField';
+import type { PortalProps } from '../../../types/Portal';
+import type { Option } from './useCombobox';
+export type ComboboxProps = {
+    /**
+     * Label for the combobox
+     */
+    label?: string;
+    /**
+     * Visually hides `label` and `description` (still available for screen readers)
+     * @default false
+     */
+    hideLabel?: boolean;
+    /**
+     * String array of selected options. Contains only one option during single selection mode.
+     */
+    value?: string[];
+    /**
+     * Callback function that is called when the value changes
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * Multiple options can be selected
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Name of the value when used in a form
+     */
+    name?: string;
+    /**
+     * Exposes the HTML `size` attribute.
+     * @default 0
+     */
+    htmlSize?: number;
+    /**
+     * Hides chips when multiple options are selected
+     * @default false
+     */
+    hideChips?: boolean;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     */
+    cleanButtonLabel?: string;
+    /**
+     * Enables virtualizing of options list.
+     * @see https://tanstack.com/virtual
+     * @default false
+     */
+    virtual?: boolean;
+    /**
+     * Value of the input field
+     */
+    inputValue?: string;
+    /**
+     * Adds `aria-busy` and displays loading state for the Combobox
+     * All options will be hidden and replaced with a loading message.
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Text to display when the combobox is loading
+     * @default 'Laster...'
+     */
+    loadingLabel?: string;
+    /**
+     * Filter function for filtering the list of options. Return `true` to show option, `false` to hide option.
+     * @param inputValue
+     * @param option
+     * @returns boolean
+     *
+     * @default (inputValue, option) => option.value.toLowerCase().startsWith(inputValue.toLowerCase())
+     */
+    filter?: (inputValue: string, option: Option) => boolean;
+    /**
+     * Add a screen reader label to the chips
+     * @param option
+     * @returns string
+     *
+     * @default (option) => 'Slett ' + option.label,
+     */
+    chipSrLabel?: (option: Option) => string;
+} & PortalProps & FormFieldProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>;
+export declare const Combobox: React.ForwardRefExoticComponent<{
+    /**
+     * Label for the combobox
+     */
+    label?: string | undefined;
+    /**
+     * Visually hides `label` and `description` (still available for screen readers)
+     * @default false
+     */
+    hideLabel?: boolean | undefined;
+    /**
+     * String array of selected options. Contains only one option during single selection mode.
+     */
+    value?: string[] | undefined;
+    /**
+     * Callback function that is called when the value changes
+     */
+    onValueChange?: ((value: string[]) => void) | undefined;
+    /**
+     * Multiple options can be selected
+     * @default false
+     */
+    multiple?: boolean | undefined;
+    /**
+     * Name of the value when used in a form
+     */
+    name?: string | undefined;
+    /**
+     * Exposes the HTML `size` attribute.
+     * @default 0
+     */
+    htmlSize?: number | undefined;
+    /**
+     * Hides chips when multiple options are selected
+     * @default false
+     */
+    hideChips?: boolean | undefined;
+    /**
+     * Label for the clear button
+     * @default 'Fjern alt'
+     */
+    cleanButtonLabel?: string | undefined;
+    /**
+     * Enables virtualizing of options list.
+     * @see https://tanstack.com/virtual
+     * @default false
+     */
+    virtual?: boolean | undefined;
+    /**
+     * Value of the input field
+     */
+    inputValue?: string | undefined;
+    /**
+     * Adds `aria-busy` and displays loading state for the Combobox
+     * All options will be hidden and replaced with a loading message.
+     * @default false
+     */
+    loading?: boolean | undefined;
+    /**
+     * Text to display when the combobox is loading
+     * @default 'Laster...'
+     */
+    loadingLabel?: string | undefined;
+    /**
+     * Filter function for filtering the list of options. Return `true` to show option, `false` to hide option.
+     * @param inputValue
+     * @param option
+     * @returns boolean
+     *
+     * @default (inputValue, option) => option.value.toLowerCase().startsWith(inputValue.toLowerCase())
+     */
+    filter?: ((inputValue: string, option: Option) => boolean) | undefined;
+    /**
+     * Add a screen reader label to the chips
+     * @param option
+     * @returns string
+     *
+     * @default (option) => 'Slett ' + option.label,
+     */
+    chipSrLabel?: ((option: Option) => string) | undefined;
+} & PortalProps & {
+    error?: React.ReactNode;
+    errorId?: string | undefined;
+    disabled?: boolean | undefined;
+    description?: React.ReactNode;
+    id?: string | undefined;
+    readOnly?: boolean | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+} & Pick<React.HTMLAttributes<HTMLElement>, "aria-describedby"> & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & React.RefAttributes<HTMLInputElement>>;
+type ComboboxContextType = {
+    multiple: NonNullable<ComboboxProps['multiple']>;
+    disabled: NonNullable<ComboboxProps['disabled']>;
+    readOnly: NonNullable<ComboboxProps['readOnly']>;
+    name: ComboboxProps['name'];
+    error: ComboboxProps['error'];
+    htmlSize: ComboboxProps['htmlSize'];
+    hideChips: NonNullable<ComboboxProps['hideChips']>;
+    cleanButtonLabel: NonNullable<ComboboxProps['cleanButtonLabel']>;
+    options: Option[];
+    selectedOptions: Option[];
+    size: NonNullable<ComboboxProps['size']>;
+    formFieldProps: ReturnType<typeof useFormField>;
+    refs: UseFloatingReturn['refs'];
+    inputRef: React.RefObject<HTMLInputElement>;
+    activeIndex: number | null;
+    open: boolean;
+    inputValue: string;
+    activeDescendant: string | undefined;
+    optionValues: string[];
+    listId: string;
+    setInputValue: React.Dispatch<React.SetStateAction<string>>;
+    setOpen: (open: boolean) => void;
+    handleKeyDown: (event: React.KeyboardEvent) => void;
+    setActiveIndex: (index: number | null) => void;
+    setActiveOption: (index: number, id: string) => void;
+    getReferenceProps: (props?: Record<string, unknown>) => Record<string, unknown>;
+    onOptionClick: (value: string) => void;
+    setSelectedOptions: React.Dispatch<React.SetStateAction<Option[]>>;
+    chipSrLabel: NonNullable<ComboboxProps['chipSrLabel']>;
+    handleSelectOption: (option: Option) => void;
+    listRef: UseListNavigationProps['listRef'];
+    forwareddRef: React.Ref<HTMLInputElement>;
+};
+export declare const ComboboxContext: React.Context<ComboboxContextType | undefined>;
+export {};
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/types/components/form/Combobox/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Combobox/Combobox.tsx"],"names":[],"mappings":"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"}

package/dist/types/components/form/Combobox/Custom/Custom.d.ts

@@ -0,0 +1,33 @@
+import type * as React from 'react';
+type InteractiveProps = {
+    interactive: true;
+    id: string;
+};
+type NonInteractiveProps = {
+    interactive?: false;
+    id?: string;
+};
+export type ComboboxCustomProps = {
+    /**
+     * Adds the item to the navigation flow at the start of the list.
+     * @default false
+     */
+    interactive?: boolean;
+    /**
+     * Required if the element is interactive.
+     */
+    id?: string;
+    /**
+     * Event handler for select event.
+     * Only called if the element is interactive.
+     */
+    onSelect?: () => void;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & React.HTMLAttributes<HTMLDivElement> & (InteractiveProps | NonInteractiveProps);
+export declare const ComboboxCustom: React.ForwardRefExoticComponent<ComboboxCustomProps & React.RefAttributes<HTMLDivElement>>;
+export default ComboboxCustom;
+//# sourceMappingURL=Custom.d.ts.map