@uppsala-designsystem/ui 1.5.0

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

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+export type DropdownTriggerContextProps = {
+    children: ReactNode;
+};
+/**
+ * DropdownTriggerContext enables use of the `.Trigger` for the Dropdown component.
+ *
+ * @example
+ * <Dropdown.TriggerContext>
+ *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+ *  <Dropdown>
+ *   <Dropdown.Heading>Heading</Dropdown.Heading>
+ *    <Dropdown.List>
+ *      <Dropdown.Item>
+ *        <Dropdown.Button>Button</Dropdown.Button>
+ *      </Dropdown.Item>
+ *    </Dropdown.List>
+ *  </Dropdown>
+ * </Dropdown.TriggerContext>
+ */
+export declare const DropdownTriggerContext: {
+    ({ children, }: DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=DropdownTriggerContext.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+type ErrorSummaryContextType = {
+    headingId?: string;
+    setHeadingId: (id: string) => void;
+};
+export declare const ErrorSummaryContext: React.Context<ErrorSummaryContextType>;
+export type ErrorSummaryProps = {
+    asChild?: React.ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, 'data-color'>;
+/**
+ * ErrorSummary component, used to display a list of errors.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+ *   <ErrorSummary.List>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *   </ErrorSummary.List>
+ * </ErrorSummary>
+ */
+export declare const ErrorSummary: React.ForwardRefExoticComponent<{
+    asChild?: React.ReactNode;
+} & Omit<HTMLAttributes<HTMLDivElement> & DefaultProps, "data-color"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ErrorSummary.d.ts.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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=ErrorSummaryList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorSummaryList.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/ErrorSummaryList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAExD,MAAM,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEvD,eAAO,MAAM,gBAAgB;;sIAK3B,CAAC"}

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

@@ -0,0 +1,47 @@
+import { ErrorSummaryHeading } from './ErrorSummaryHeading';
+import { ErrorSummaryItem } from './ErrorSummaryItem';
+import { ErrorSummaryLink } from './ErrorSummaryLink';
+import { ErrorSummaryList } from './ErrorSummaryList';
+/**
+ * ErrorSummary component, used to display a list of errors.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+ *   <ErrorSummary.List>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *     <ErrorSummary.Item>
+ *       <ErrorSummary.Link href='#'>Error 2</ErrorSummary.Link>
+ *     </ErrorSummary.Item>
+ *   </ErrorSummary.List>
+ * </ErrorSummary>
+ */
+declare const ErrorSummary: React.ForwardRefExoticComponent<{
+    asChild?: React.ReactNode;
+} & Omit<React.HTMLAttributes<HTMLDivElement> & import("../../types").DefaultProps, "data-color"> & React.RefAttributes<HTMLDivElement>> & {
+    Heading: React.ForwardRefExoticComponent<{
+        level?: 1 | 2 | 3 | 4 | 5 | 6;
+        "data-size"?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+        "data-align"?: "left" | "center";
+        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 './ErrorSummary';
+export type { ErrorSummaryItemProps } from './ErrorSummaryItem';
+export type { ErrorSummaryHeadingProps } from './ErrorSummaryHeading';
+export type { ErrorSummaryListProps } from './ErrorSummaryList';
+export type { ErrorSummaryLinkProps } from './ErrorSummaryLink';
+export { ErrorSummary, ErrorSummaryItem, ErrorSummaryHeading, ErrorSummaryList, ErrorSummaryLink, };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorSummary/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;CAKhB,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,58 @@
+import { type ValidationMessageProps } from "../ValidationMessage";
+export type FieldCounterProps = {
+    /**
+     * Etikettmall när gränsen överskrids.
+     * Använd `%d` för att infoga antalet tecken.
+     *
+     * @default '%d tecken för mycket'
+     */
+    over?: string;
+    /**
+     * Etikettmall för återstående antal tecken.
+     * Använd `%d` för att infoga antalet tecken.
+     *
+     * @default '%d tecken kvar'
+     */
+    under?: string;
+    /**
+     * Max antal tillåtna tecken.
+     *
+     * @default undefined
+     **/
+    limit: number;
+} & ValidationMessageProps;
+/**
+ * FieldCounter-komponent, används för att visa en räknare för ett formulärfält.
+ *
+ * @example
+ * <Field>
+ *   <Input />
+ *   <Field.Counter limit={100} under='%d tecken kvar' over='%d tecken för mycket' />
+ * </Field>
+ */
+export declare const FieldCounter: React.ForwardRefExoticComponent<{
+    /**
+     * Etikettmall när gränsen överskrids.
+     * Använd `%d` för att infoga antalet tecken.
+     *
+     * @default '%d tecken för mycket'
+     */
+    over?: string;
+    /**
+     * Etikettmall för återstående antal tecken.
+     * Använd `%d` för att infoga antalet tecken.
+     *
+     * @default '%d tecken kvar'
+     */
+    under?: string;
+    /**
+     * Max antal tillåtna tecken.
+     *
+     * @default undefined
+     **/
+    limit: number;
+} & Omit<Omit<import("../../types").DefaultProps, "data-color"> & React.HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
+    'data-color'?: import("../../colors").SeverityColors;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=FieldCounter.d.ts.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"fieldObserver.d.ts","sourceRoot":"","sources":["../../../src/components/Field/fieldObserver.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,YAAY,EAAE,WAAW,GAAG,IAAI,4BA4E7D;AAGD,eAAO,MAAM,SAAS,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/index.d.ts

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

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,cAAc,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;CAKT,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACV,eAAe,EACf,iBAAiB,GAClB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,20 @@
+import type { FieldsetHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type FieldsetProps = DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement>;
+/**
+ * Fieldset component, used to wrap a form field. Uses native `fieldset` element.
+ *
+ * @example
+ * <Fieldset>
+ *   <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+ *   <Fieldset.Description>
+ *     Gi en kort beskrivelse i begge feltene
+ *   </Fieldset.Description>
+ *   <Field>
+ *     <Label>Kort beskrivelse</Label>
+ *     <Input />
+ *   </Field>
+ * </Fieldset>
+ */
+export declare const Fieldset: React.ForwardRefExoticComponent<DefaultProps & FieldsetHTMLAttributes<HTMLFieldSetElement> & React.RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=Fieldset.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,YAAY,GACtC,sBAAsB,CAAC,mBAAmB,CAAC,CAAC;AAE9C;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,wIAMpB,CAAC"}

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

package/dist/types/components/Fieldset/FieldsetDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetDescription.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/FieldsetDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExE,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC;AAEtD;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB;;;;wFAK9B,CAAC"}

package/dist/types/components/Fieldset/FieldsetLegend.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement> & DefaultProps;
+/**
+ * FieldsetLegend component, used to display a legend for a fieldset.
+ *
+ * @example
+ * <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+ */
+export declare const FieldsetLegend: React.ForwardRefExoticComponent<HTMLAttributes<HTMLLegendElement> & DefaultProps & React.RefAttributes<HTMLLegendElement>>;
+//# sourceMappingURL=FieldsetLegend.d.ts.map

package/dist/types/components/Fieldset/FieldsetLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/FieldsetLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAIhD,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GACjE,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,cAAc,4HASzB,CAAC"}

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

@@ -0,0 +1,30 @@
+import { FieldsetDescription } from './FieldsetDescription';
+import { FieldsetLegend } from './FieldsetLegend';
+/**
+ * Fieldset component, used to wrap a form field.
+ *
+ * @example
+ * <Fieldset>
+ *   <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+ *   <Fieldset.Description>
+ *     Gi en kort beskrivelse i begge feltene
+ *   </Fieldset.Description>
+ *   <Field>
+ *     <Label>Kort beskrivelse</Label>
+ *     <Input />
+ *   </Field>
+ * </Fieldset>
+ */
+declare const Fieldset: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.FieldsetHTMLAttributes<HTMLFieldSetElement> & React.RefAttributes<HTMLFieldSetElement>> & {
+    Legend: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLegendElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLLegendElement>>;
+    Description: React.ForwardRefExoticComponent<{
+        'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";
+        variant?: "long" | "default" | "short";
+        asChild?: boolean;
+    } & React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLLegendElement>>;
+};
+export type { FieldsetLegendProps } from './FieldsetLegend';
+export type { FieldsetDescriptionProps } from './FieldsetDescription';
+export type { FieldsetProps } from './Fieldset';
+export { Fieldset, FieldsetLegend, FieldsetDescription };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,QAAQ;;;;;;;CAGZ,CAAC;AAKH,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1,52 @@
+import type { HTMLAttributes } from "react";
+export type HeadingProps = {
+    /**
+     * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
+     * @default 2
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Changes text sizing
+     * @default 'md'
+     */
+    "data-size"?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+    /**
+     * Changes text alignment
+     * @default 'left'
+     */
+    "data-align"?: "left" | "center";
+    /**
+     * 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.
+ *
+ * @example
+ * <Heading data-size='lg' level={2}>Heading</Heading>
+ */
+export declare const Heading: React.ForwardRefExoticComponent<{
+    /**
+     * Heading level. This will translate into any h1-6 level unless `asChild` is `true`
+     * @default 2
+     */
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * Changes text sizing
+     * @default 'md'
+     */
+    "data-size"?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
+    /**
+     * Changes text alignment
+     * @default 'left'
+     */
+    "data-align"?: "left" | "center";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=Heading.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAe,cAAc,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9B;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;IACvE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;AAEvC;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IA5BlB;;;OAGG;YACK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;IAC7B;;;OAGG;kBACW,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK;IACtE;;;OAGG;mBACY,MAAM,GAAG,QAAQ;IAChC;;;OAGG;cACO,OAAO;iFAiBlB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,32 @@
+import type { HTMLAttributes } from "react";
+import type { Color } from "../../colors";
+import type { DefaultProps } from "../../types";
+import type { MergeRight } from "../../utilities";
+export type InfoCardProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDivElement>, {
+    /**
+     * Sets color and icon.
+     *
+     * @default 'info'
+     */
+    "data-color"?: Color;
+    icon?: React.ReactNode;
+}>;
+/**
+ * InfoCards are used to inform users about summarized information.
+ *
+ * @example
+ * <InfoCard data-color='brand1' icon={<SomeIcon />} >
+ * 	<Heading level={2} data-size="lg">InfoCard Title</Heading>
+ * 	<Paragraph>This is an InfoCard component with brand1 color.</Paragraph>
+ * </InfoCard>
+ */
+export declare const InfoCard: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDivElement>, "data-color" | "icon"> & {
+    /**
+     * Sets color and icon.
+     *
+     * @default 'info'
+     */
+    "data-color"?: Color;
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=InfoCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoCard.d.ts","sourceRoot":"","sources":["../../../src/components/InfoCard/InfoCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;IAErB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ;IApBjB;;;;OAIG;mBACY,KAAK;WAEb,KAAK,CAAC,SAAS;wCAgCzB,CAAC"}