@digdir/designsystemet-react 1.1.4 → 1.1.6

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

@@ -1,5 +1,13 @@
 import { type HeadingProps } from '../heading/heading';
 export type DropdownHeadingProps = HeadingProps;
+/**
+ * DropdownHeading component, used to display a heading in the Dropdown.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownHeading>Heading</DropdownHeading>
+ * </Dropdown>
+ */
 export declare const DropdownHeading: React.ForwardRefExoticComponent<{
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

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

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

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

@@ -1,4 +1,16 @@
 import { type HTMLAttributes } from 'react';
 export type DropdownItemProps = HTMLAttributes<HTMLLIElement>;
+/**
+ * DropdownItem component, used to display an item in the Dropdown. Used within a DropdownList.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
 export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=dropdown-item.d.ts.map

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

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

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

@@ -1,4 +1,16 @@
 import type { HTMLAttributes } from 'react';
 export type DropdownListProps = HTMLAttributes<HTMLUListElement>;
+/**
+ * DropdownList component, used to display a list of items in the Dropdown.
+ *
+ * @example
+ * <Dropdown>
+ *  <DropdownList>
+ *    <DropdownItem>
+ *      <DropdownButton>Button</DropdownButton>
+ *    </DropdownItem>
+ *  </DropdownList>
+ * </Dropdown>
+ */
 export declare const DropdownList: React.ForwardRefExoticComponent<DropdownListProps & React.RefAttributes<HTMLUListElement>>;
 //# sourceMappingURL=dropdown-list.d.ts.map

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

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

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

@@ -6,17 +6,17 @@ export type DropdownTriggerContextProps = {
  * DropdownTriggerContext enables use of the `.Trigger` for the Dropdown component.
  *
  * @example
- * <Dropdown.TriggerContext>
- *  <Dropdown.Trigger>Dropdown</Dropdown.Trigger>
+ * <DropdownTriggerContext>
+ *  <DropdownTrigger>Dropdown</DropdownTrigger>
  *  <Dropdown>
- *   <Dropdown.Heading>Heading</Dropdown.Heading>
- *    <Dropdown.List>
- *      <Dropdown.Item>
- *        <Dropdown.Button>Button</Dropdown.Button>
- *      </Dropdown.Item>
- *    </Dropdown.List>
+ *   <DropdownHeading>Heading</DropdownHeading>
+ *    <DropdownList>
+ *      <DropdownItem>
+ *        <DropdownButton>Button</DropdownButton>
+ *      </DropdownItem>
+ *    </DropdownList>
  *  </Dropdown>
- * </Dropdown.TriggerContext>
+ * </DropdownTriggerContext>
  */
 export declare const DropdownTriggerContext: {
     ({ children, }: DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,20 @@
 import { type PopoverTriggerProps } from '../popover/popover-trigger';
 export type DropdownTriggerProps = PopoverTriggerProps;
+/**
+ * DropdownTrigger component, used within a Dropdown.TriggerContext to open a Dropdown.
+ *
+ * @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 DropdownTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=dropdown-trigger.d.ts.map

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

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

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

@@ -1,13 +1,98 @@
+import { Dropdown as DropdownRoot } from './dropdown';
 import { DropdownButton } from './dropdown-button';
 import { DropdownHeading } from './dropdown-heading';
 import { DropdownItem } from './dropdown-item';
 import { DropdownList } from './dropdown-list';
 import { DropdownTrigger } from './dropdown-trigger';
 import { DropdownTriggerContext } from './dropdown-trigger-context';
+type Dropdown = typeof DropdownRoot & {
+    /**
+     * Dropdown.TriggerContext 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>
+     */
+    TriggerContext: typeof DropdownTriggerContext;
+    /**
+     * Dropdown.Trigger component, used within a Dropdown.TriggerContext to open a Dropdown.
+     *
+     * @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>
+     */
+    Trigger: typeof DropdownTrigger;
+    /**
+     * Dropdown.Heading component, used to display a heading in the Dropdown.
+     *
+     * @example
+     * <Dropdown>
+     *  <Dropdown.Heading>Heading</Dropdown.Heading>
+     * </Dropdown>
+     */
+    Heading: typeof DropdownHeading;
+    /**
+     * Dropdown.List component, used to display a list of items in the Dropdown.
+     *
+     * @example
+     * <Dropdown>
+     *  <Dropdown.List>
+     *    <Dropdown.Item>
+     *      <Dropdown.Button>Button</Dropdown.Button>
+     *    </Dropdown.Item>
+     *  </Dropdown.List>
+     * </Dropdown>
+     */
+    List: typeof DropdownList;
+    /**
+     * Dropdown.Item component, used to display an item in the Dropdown. Used within a Dropdown.List.
+     *
+     * @example
+     * <Dropdown>
+     *  <Dropdown.List>
+     *    <Dropdown.Item>
+     *      <Dropdown.Button>Button</Dropdown.Button>
+     *    </Dropdown.Item>
+     *  </Dropdown.List>
+     * </Dropdown>
+     */
+    Item: typeof DropdownItem;
+    /**
+     * Dropdown.Button component, used to display a button in the Dropdown.Item.
+     *
+     * @example
+     * <Dropdown>
+     *  <Dropdown.List>
+     *    <Dropdown.Item>
+     *      <Dropdown.Button>Button</Dropdown.Button>
+     *    </Dropdown.Item>
+     *  </Dropdown.List>
+     * </Dropdown>
+     */
+    Button: typeof DropdownButton;
+};
 /**
  * Dropdown component, used to display a list of options.
  *
- * @example
+ * @example with TriggerContext
  * <Dropdown.TriggerContext>
  *   <Dropdown.Trigger>Dropdown trigger</Dropdown.Trigger>
  *   <Dropdown placement='bottom-end'>
@@ -19,29 +104,24 @@ import { DropdownTriggerContext } from './dropdown-trigger-context';
  *     </Dropdown.List>
  *   </Dropdown>
  * </Dropdown.TriggerContext>
+ *
+ * @example without TriggerContext
+ * <Button popovertarget="my-dropdown">Trigger</Button>
+ * <Dropdown id="my-dropdown">
+ *   <Dropdown.Heading>Heading</Dropdown.Heading>
+ *   <Dropdown.List>
+ *     <Dropdown.Item>
+ *       <Dropdown.Button>Item</Dropdown.Button>
+ *     </Dropdown.Item>
+ *   </Dropdown.List>
+ * </Dropdown>
  */
-declare const Dropdown: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<import("..").PopoverProps, "variant">, "placement"> & {
-    placement?: import("@floating-ui/dom").Placement;
-} & React.RefAttributes<HTMLDivElement>> & {
-    TriggerContext: {
-        ({ children, }: import("./dropdown-trigger-context").DropdownTriggerContextProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Heading: React.ForwardRefExoticComponent<{
-        level?: 1 | 2 | 3 | 4 | 5 | 6;
-        'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-        asChild?: boolean;
-    } & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-    List: React.ForwardRefExoticComponent<import("./dropdown-list").DropdownListProps & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<import("./dropdown-item").DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
-    Button: React.ForwardRefExoticComponent<import("./dropdown-button").DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
-    Trigger: React.ForwardRefExoticComponent<import("..").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const DropdownComponent: Dropdown;
 export type { DropdownProps } from './dropdown';
 export type { DropdownButtonProps } from './dropdown-button';
 export type { DropdownHeadingProps } from './dropdown-heading';
 export type { DropdownItemProps } from './dropdown-item';
 export type { DropdownListProps } from './dropdown-list';
 export type { DropdownTriggerContextProps } from './dropdown-trigger-context';
-export { Dropdown, DropdownTriggerContext, DropdownList, DropdownHeading, DropdownItem, DropdownButton, DropdownTrigger, };
+export { DropdownComponent as Dropdown, DropdownTriggerContext, DropdownList, DropdownHeading, DropdownItem, DropdownButton, DropdownTrigger, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;CAOZ,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,QAAQ,EACR,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAEpE,KAAK,QAAQ,GAAG,OAAO,YAAY,GAAG;IACpC;;;;;;;;;;;;;;;OAeG;IACH,cAAc,EAAE,OAAO,sBAAsB,CAAC;IAC9C;;;;;;;;;;;;;;;OAeG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;OAOG;IACH,OAAO,EAAE,OAAO,eAAe,CAAC;IAChC;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,YAAY,CAAC;IAC1B;;;;;;;;;;;OAWG;IACH,MAAM,EAAE,OAAO,cAAc,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,iBAAiB,EAAE,QAOvB,CAAC;AASH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EACL,iBAAiB,IAAI,QAAQ,EAC7B,sBAAsB,EACtB,YAAY,EACZ,eAAe,EACf,YAAY,EACZ,cAAc,EACd,eAAe,GAChB,CAAC"}

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

@@ -1,5 +1,13 @@
 import { type HeadingProps } from '../heading/heading';
 export type ErrorSummaryHeadingProps = HeadingProps;
+/**
+ * ErrorSummary heading component, used to display a heading for the error summary.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummaryHeading>Heading</ErrorSummaryHeading>
+ * </ErrorSummary>
+ */
 export declare const ErrorSummaryHeading: React.ForwardRefExoticComponent<{
     level?: 1 | 2 | 3 | 4 | 5 | 6;
     'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";

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

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

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

@@ -4,11 +4,11 @@ export type ErrorSummaryItemProps = ListItemProps;
  * ErrorSummaryItem component, used to display an error link in the ErrorSummary.
  *
  * @example
- * <ErrorSummary.Item>
- *  <ErrorSummary.Link href="#">
+ * <ErrorSummaryItem>
+ *  <ErrorSummaryLink href="#">
  *    Link to error
- *  </ErrorSummary.Link>
- * </ErrorSummary.Item>
+ *  </ErrorSummaryLink>
+ * </ErrorSummaryItem>
  */
 export declare const ErrorSummaryItem: React.ForwardRefExoticComponent<{
     asChild?: boolean;

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

@@ -1,7 +1,14 @@
 import { type LinkProps } from '../link/link';
 export type ErrorSummaryLinkProps = LinkProps;
 /**
- * Link component used in ErrorSummary.
+ * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <ErrorSummaryItem>
+ *     <ErrorSummaryLink href='#'>Error 1</ErrorSummaryLink>
+ *   </ErrorSummaryItem>
+ * </ErrorSummary>
  */
 export declare const ErrorSummaryLink: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
     children: React.ReactNode;

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

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

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

@@ -1,5 +1,20 @@
 import { type ListUnorderedProps } from '../list';
 export type ErrorSummaryListProps = ListUnorderedProps;
+/**
+ * ErrorSummary list component, used to display a list of errors.
+ *
+ * @example
+ * <ErrorSummary>
+ *   <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 ErrorSummaryList: React.ForwardRefExoticComponent<{
     asChild?: boolean;
 } & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;

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

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

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

@@ -1,7 +1,57 @@
+import { ErrorSummary as ErrorSummaryParent } from './error-summary';
 import { ErrorSummaryHeading } from './error-summary-heading';
 import { ErrorSummaryItem } from './error-summary-item';
 import { ErrorSummaryLink } from './error-summary-link';
 import { ErrorSummaryList } from './error-summary-list';
+type ErrorSummary = typeof ErrorSummaryParent & {
+    /**
+     * ErrorSummary heading component, used to display a heading for the error summary.
+     *
+     * @example
+     * <ErrorSummary>
+     *   <ErrorSummary.Heading>Heading</ErrorSummary.Heading>
+     * </ErrorSummary>
+     */
+    Heading: typeof ErrorSummaryHeading;
+    /**
+     * ErrorSummary.Item component, used to display an error link in the ErrorSummary.
+     *
+     * @example
+     * <ErrorSummary.Item>
+     *  <ErrorSummary.Link href="#">
+     *    Link to error
+     *  </ErrorSummary.Link>
+     * </ErrorSummary.Item>
+     */
+    Item: typeof ErrorSummaryItem;
+    /**
+     * ErrorSummary link component, used to link to a specific error. Used within an ErrorSummary.Item.
+     *
+     * @example
+     * <ErrorSummary>
+     *   <ErrorSummary.Item>
+     *     <ErrorSummary.Link href='#'>Error 1</ErrorSummary.Link>
+     *   </ErrorSummary.Item>
+     * </ErrorSummary>
+     */
+    Link: typeof ErrorSummaryLink;
+    /**
+     * ErrorSummary list component, used to display a list of errors.
+     *
+     * @example
+     * <ErrorSummary>
+     *   <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>
+     */
+    List: typeof ErrorSummaryList;
+};
 /**
  * ErrorSummary component, used to display a list of errors.
  *
@@ -18,29 +68,11 @@ import { ErrorSummaryList } from './error-summary-list';
  *   </ErrorSummary.List>
  * </ErrorSummary>
  */
-declare const ErrorSummary: React.ForwardRefExoticComponent<{
-    asChild?: React.ReactNode;
-} & Omit<React.HTMLAttributes<HTMLDivElement> & import("../../types").DefaultProps, "data-color"> & React.RefAttributes<HTMLDivElement>> & {
-    Heading: React.ForwardRefExoticComponent<{
-        level?: 1 | 2 | 3 | 4 | 5 | 6;
-        'data-size'?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
-        asChild?: boolean;
-    } & React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
-    Item: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-    List: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
-    Link: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
-        children: React.ReactNode;
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLAnchorElement>>;
-};
+declare const ErrorSummaryComponent: ErrorSummary;
 export type { ErrorSummaryProps } from './error-summary';
 export type { ErrorSummaryHeadingProps } from './error-summary-heading';
 export type { ErrorSummaryItemProps } from './error-summary-item';
 export type { ErrorSummaryLinkProps } from './error-summary-link';
 export type { ErrorSummaryListProps } from './error-summary-list';
-export { ErrorSummary, ErrorSummaryItem, ErrorSummaryHeading, ErrorSummaryList, ErrorSummaryLink, };
+export { ErrorSummaryComponent as ErrorSummary, ErrorSummaryItem, ErrorSummaryHeading, ErrorSummaryList, ErrorSummaryLink, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;CAKhB,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/error-summary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,KAAK,YAAY,GAAG,OAAO,kBAAkB,GAAG;IAC9C;;;;;;;OAOG;IACH,OAAO,EAAE,OAAO,mBAAmB,CAAC;IACpC;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,gBAAgB,CAAC;IAC9B;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,gBAAgB,CAAC;IAC9B;;;;;;;;;;;;;;OAcG;IACH,IAAI,EAAE,OAAO,gBAAgB,CAAC;CAC/B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,qBAAqB,EAAE,YAK3B,CAAC;AAOH,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AACxE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,qBAAqB,IAAI,YAAY,EACrC,gBAAgB,EAChB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,GACjB,CAAC"}

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

@@ -52,7 +52,7 @@ export declare const FieldCounter: React.ForwardRefExoticComponent<{
      **/
     limit: number;
 } & Omit<Omit<import("../../types").DefaultProps, "data-color"> & React.HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
-    'data-color'?: import("../../colors").SeverityColors;
+    'data-color'?: import("packages/cli/dist/src/types").SeverityColors;
     asChild?: boolean;
 } & React.RefAttributes<HTMLParagraphElement>>;
 //# sourceMappingURL=field-counter.d.ts.map

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

@@ -1,4 +1,10 @@
 import type { HTMLAttributes } from 'react';
 export type FieldDescriptionProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * Field description component, used to provide additional information below the input.
+ *
+ * @example
+ * <FieldDescription>Additional information</FieldDescription>
+ */
 export declare const FieldDescription: React.ForwardRefExoticComponent<FieldDescriptionProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=field-description.d.ts.map

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

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

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

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

@@ -1,6 +1,49 @@
+import { Field as FieldParent } from './field';
 import { FieldAffix, FieldAffixes } from './field-affix';
 import { FieldCounter } from './field-counter';
 import { FieldDescription } from './field-description';
+type Field = typeof FieldParent & {
+    /**
+     * Field description component, used to provide additional information below the input.
+     *
+     * @example
+     * <Field.Description>Additional information</Field.Description>
+     */
+    Description: typeof FieldDescription;
+    /**
+     * Field affixes component, used to display affixes like currency or unit.
+     *
+     * @example
+     * <Field.Affixes>
+     *   <Field.Affix>NOK</Field.Affix>
+     *   <Input />
+     *   <Field.Affix>pr. mnd.</Field.Affix>
+     * </Field.Affixes>
+     */
+    Affixes: typeof FieldAffixes;
+    /**
+     * Field Affix component, used to wrap a form field.
+     * Used within Field.Affixes.
+     *
+     * @example
+     * <Field.Affixes>
+     *   <Field.Affix>NOK</Field.Affix>
+     *   <Input />
+     *   <Field.Affix>pr. mnd.</Field.Affix>
+     * </Field.Affixes>
+     */
+    Affix: typeof FieldAffix;
+    /**
+     * Field counter component, used to display a character counter for the field.
+     *
+     * @example
+     * <Field>
+     *   <Input />
+     *   <Field.Counter limit={100} under='%d tegn igjen' over='%d tegn for mye' />
+     * </Field>
+     */
+    Counter: typeof FieldCounter;
+};
 /**
  * Field component, used to wrap a form field.
  *
@@ -12,25 +55,10 @@ import { FieldDescription } from './field-description';
  *   <ValidationMessage>Feilmelding</ValidationMessage>
  * </Field>
  */
-declare const Field: React.ForwardRefExoticComponent<{
-    position?: "start" | "end";
-    asChild?: boolean;
-} & React.HTMLAttributes<HTMLDivElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLDivElement>> & {
-    Description: React.ForwardRefExoticComponent<import("./field-description").FieldDescriptionProps & React.RefAttributes<HTMLDivElement>>;
-    Affixes: React.ForwardRefExoticComponent<import("./field-affix").FieldAffixesProps & React.RefAttributes<HTMLDivElement>>;
-    Affix: React.ForwardRefExoticComponent<import("./field-affix").FieldAffixProps & React.RefAttributes<HTMLSpanElement>>;
-    Counter: React.ForwardRefExoticComponent<{
-        over?: string;
-        under?: string;
-        limit: number;
-    } & Omit<Omit<import("../../types").DefaultProps, "data-color"> & React.HTMLAttributes<HTMLParagraphElement>, "data-color" | "asChild"> & {
-        'data-color'?: import("../../colors").SeverityColors;
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLParagraphElement>>;
-};
+declare const FieldComponent: Field;
 export type { FieldProps } from './field';
 export type { FieldAffixesProps, FieldAffixProps, } from './field-affix';
 export type { FieldCounterProps } from './field-counter';
 export type { FieldDescriptionProps } from './field-description';
-export { Field, FieldDescription, FieldAffix, FieldAffixes, FieldCounter };
+export { FieldComponent as Field, FieldDescription, FieldAffix, FieldAffixes, FieldCounter, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;;;;;;GAUG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;CAKT,CAAC;AAOH,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EACV,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,KAAK,KAAK,GAAG,OAAO,WAAW,GAAG;IAChC;;;;;OAKG;IACH,WAAW,EAAE,OAAO,gBAAgB,CAAC;IACrC;;;;;;;;;OASG;IACH,OAAO,EAAE,OAAO,YAAY,CAAC;IAC7B;;;;;;;;;;OAUG;IACH,KAAK,EAAE,OAAO,UAAU,CAAC;IACzB;;;;;;;;OAQG;IACH,OAAO,EAAE,OAAO,YAAY,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,cAAc,EAAE,KAKpB,CAAC;AAOH,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EACV,iBAAiB,EACjB,eAAe,GAChB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EACL,cAAc,IAAI,KAAK,EACvB,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,YAAY,GACb,CAAC"}

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

@@ -4,9 +4,9 @@ export type FieldsetDescriptionProps = ParagraphProps;
  * FieldsetDescription component, used to display a description for a fieldset.
  *
  * @example
- * <Fieldset.Description>
+ * <FieldsetDescription>
  *   Gi en kort beskrivelse i begge feltene
- * </Fieldset.Description>
+ * </FieldsetDescription>
  */
 export declare const FieldsetDescription: React.ForwardRefExoticComponent<{
     'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";

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

@@ -5,7 +5,7 @@ export type FieldsetLegendProps = HTMLAttributes<HTMLLegendElement> & DefaultPro
  * FieldsetLegend component, used to display a legend for a fieldset.
  *
  * @example
- * <Fieldset.Legend>Skriv inn dine svar</Fieldset.Legend>
+ * <FieldsetLegend>Skriv inn dine svar</FieldsetLegend>
  */
 export declare const FieldsetLegend: React.ForwardRefExoticComponent<HTMLAttributes<HTMLLegendElement> & DefaultProps & React.RefAttributes<HTMLLegendElement>>;
 //# sourceMappingURL=fieldset-legend.d.ts.map