@digdir/designsystemet-react 1.1.5 → 1.1.7

package/dist/types/components/list/lists.d.ts

@@ -14,10 +14,10 @@ export type ListOrderedProps = ListBaseProps & Omit<OlHTMLAttributes<HTMLOListEl
  * Renders a native `ul` element.
  *
  * @example
- * <List.Unordered>
- *   <List.Item>Item 1</List.Item>
- *   <List.Item>Item 2</List.Item>
- * </List.Unordered>
+ * <ListUnordered>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </ListUnordered>
  */
 export declare const ListUnordered: React.ForwardRefExoticComponent<{
     /**
@@ -31,10 +31,10 @@ export declare const ListUnordered: React.ForwardRefExoticComponent<{
  * Renders a native `ol` element.
  *
  * @example
- * <List.Ordered>
- *   <List.Item>Item 1</List.Item>
- *   <List.Item>Item 2</List.Item>
- * </List.Ordered>
+ * <ListOrdered>
+ *   <ListItem>Item 1</ListItem>
+ *   <ListItem>Item 2</ListItem>
+ * </ListOrdered>
  */
 export declare const ListOrdered: React.ForwardRefExoticComponent<{
     /**

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

@@ -1,6 +1,42 @@
+import { Pagination as PaginationParent } from './pagination';
 import { PaginationButton } from './pagination-button';
 import { PaginationItem } from './pagination-item';
 import { PaginationList } from './pagination-list';
+type Pagination = typeof PaginationParent & {
+    /**
+     * Pagination.List component, use within a Pagination.
+     *
+     * @example
+     * <Pagination>
+     *   <Pagination.List>
+     *     <Pagination.Item>
+     *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     *     </Pagination.Item>
+     *   </Pagination.List>
+     * </Pagination>
+     */
+    List: typeof PaginationList;
+    /**
+     * Pagination.Item component, use within a Pagination.List.
+     *
+     * @example
+     * <Pagination.List>
+     *   <Pagination.Item>
+     *     <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     *   </Pagination.Item>
+     * </Pagination.List>
+     */
+    Item: typeof PaginationItem;
+    /**
+     * PaginationButton component, use within a Pagination.Item.
+     *
+     * @example
+     * <Pagination.Item>
+     *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+     * </Pagination.Item>
+     */
+    Button: typeof PaginationButton;
+};
 /**
  * Pagination component, used to navigate through a list of items.
  *
@@ -19,23 +55,10 @@ import { PaginationList } from './pagination-list';
  *   </Pagination.List>
  * </Pagination>
  */
-declare const Pagination: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLElement>, "aria-label" | "asChild"> & {
-    'aria-label'?: string;
-    asChild?: boolean;
-} & React.RefAttributes<HTMLElement>> & {
-    List: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
-    Item: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & Omit<React.HTMLAttributes<HTMLLIElement>, "size"> & React.RefAttributes<HTMLLIElement>>;
-    Button: React.ForwardRefExoticComponent<{
-        'aria-current'?: React.AriaAttributes["aria-current"];
-    } & Omit<import("..").ButtonProps, "icon" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const PaginationComponent: Pagination;
 export type { PaginationProps } from './pagination';
 export type { PaginationButtonProps } from './pagination-button';
 export type { PaginationItemProps } from './pagination-item';
 export type { PaginationListProps } from './pagination-list';
-export { Pagination, PaginationList, PaginationItem, PaginationButton };
+export { PaginationComponent as Pagination, PaginationList, PaginationItem, PaginationButton, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAId,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,KAAK,UAAU,GAAG,OAAO,gBAAgB,GAAG;IAC1C;;;;;;;;;;;OAWG;IACH,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B;;;;;;;;;OASG;IACH,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B;;;;;;;OAOG;IACH,MAAM,EAAE,OAAO,gBAAgB,CAAC;CACjC,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,mBAAmB,EAAE,UAIzB,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EACL,mBAAmB,IAAI,UAAU,EACjC,cAAc,EACd,cAAc,EACd,gBAAgB,GACjB,CAAC"}

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

@@ -11,9 +11,9 @@ export type PaginationButtonProps = {
  * PaginationButton component, use within a Pagination.Item.
  *
  * @example
- * <Pagination.Item>
- *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- * </Pagination.Item>
+ * <PaginationItem>
+ *   <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ * </PaginationItem>
  */
 export declare const PaginationButton: React.ForwardRefExoticComponent<{
     /**

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

@@ -10,11 +10,11 @@ export type PaginationItemProps = {
  * PaginationItem component, use within a Pagination.List.
  *
  * @example
- * <Pagination.List>
- *   <Pagination.Item>
- *     <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *   </Pagination.Item>
- * </Pagination.List>
+ * <PaginationList>
+ *   <PaginationItem>
+ *     <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *   </PaginationItem>
+ * </PaginationList>
  */
 export declare const PaginationItem: React.ForwardRefExoticComponent<{
     /**

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

@@ -11,11 +11,11 @@ export type PaginationListProps = {
  *
  * @example
  * <Pagination>
- *   <Pagination.List>
- *     <Pagination.Item>
- *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
- *     </Pagination.Item>
- *   </Pagination.List>
+ *   <PaginationList>
+ *     <PaginationItem>
+ *       <PaginationButton aria-label='Forrige side'>Forrige</PaginationButton>
+ *     </PaginationItem>
+ *   </PaginationList>
  * </Pagination>
  */
 export declare const PaginationList: React.ForwardRefExoticComponent<{

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

@@ -1,5 +1,42 @@
+import { Popover as PopoverParent } from './popover';
 import { PopoverTrigger } from './popover-trigger';
 import { PopoverTriggerContext } from './popover-trigger-context';
+type Popover = typeof PopoverParent & {
+    /**
+     * Popover.TriggerContext component, use to wrap a Popover.Trigger and Popover.
+     *
+     * @example
+     * <Popover.TriggerContext>
+     *   <Popover.Trigger>Open Popover</Popover.Trigger>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     */
+    TriggerContext: typeof PopoverTriggerContext;
+    /**
+     * PopoverTrigger component, used to trigger a popover.
+     *
+     * @example
+     * <Popover.TriggerContext>
+     *   <Popover.Trigger>Open Popover</Popover.Trigger>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     *
+     * @example inline
+     * <Popover.TriggerContext>
+     *   <Paragraph>
+     *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+     *   </Paragraph>
+     *   <Popover>
+     *     Content
+     *   </Popover>
+     * </Popover.TriggerContext>
+     */
+    Trigger: typeof PopoverTrigger;
+};
 /**
  * Popover component, used to display content in a popover over an element.
  *
@@ -11,25 +48,9 @@ import { PopoverTriggerContext } from './popover-trigger-context';
  *   </Popover>
  * </Popover.TriggerContext>
  */
-declare const Popover: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "id" | "data-color" | "variant" | "asChild" | "open" | "placement" | "onClose" | "onOpen" | "autoPlacement"> & {
-    id?: string;
-    placement?: import("@floating-ui/dom").Placement;
-    open?: boolean;
-    variant?: "default" | "tinted";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityColors;
-    onOpen?: () => void;
-    onClose?: () => void;
-    autoPlacement?: boolean;
-    asChild?: boolean;
-} & React.RefAttributes<HTMLDivElement>> & {
-    TriggerContext: {
-        ({ children, }: import("./popover-trigger-context").PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
-    Trigger: React.ForwardRefExoticComponent<import("./popover-trigger").PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-};
+declare const PopoverComponent: Popover;
 export type { PopoverProps } from './popover';
 export type { PopoverTriggerProps } from './popover-trigger';
 export type { PopoverTriggerContextProps } from './popover-trigger-context';
-export { Popover, PopoverTriggerContext, PopoverTrigger };
+export { PopoverComponent as Popover, PopoverTriggerContext, PopoverTrigger };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;CAGX,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,WAAW,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,KAAK,OAAO,GAAG,OAAO,aAAa,GAAG;IACpC;;;;;;;;;;OAUG;IACH,cAAc,EAAE,OAAO,qBAAqB,CAAC;IAC7C;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,OAAO,EAAE,OAAO,cAAc,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,gBAAgB,EAAE,OAGtB,CAAC;AAKH,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,gBAAgB,IAAI,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,CAAC"}

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

@@ -6,12 +6,12 @@ export type PopoverTriggerContextProps = {
  * PopoverTriggerContext component, use to wrap a Popover.Trigger and Popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 export declare const PopoverTriggerContext: {
     ({ children, }: PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;

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

@@ -23,22 +23,22 @@ export type PopoverTriggerProps = ({
  * PopoverTrigger component, used to trigger a popover.
  *
  * @example
- * <Popover.TriggerContext>
- *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ * <PopoverTriggerContext>
+ *   <PopoverTrigger>Open Popover</PopoverTrigger>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  *
  * @example inline
- * <Popover.TriggerContext>
+ * <PopoverTriggerContext>
  *   <Paragraph>
- *    We can use it <Popover.Trigger inline={true}>inline</Popover.Trigger>.
+ *    We can use it <PopoverTrigger inline={true}>inline</PopoverTrigger>.
  *   </Paragraph>
  *   <Popover>
  *     Content
  *   </Popover>
- * </Popover.TriggerContext>
+ * </PopoverTriggerContext>
  */
 export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=popover-trigger.d.ts.map

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

@@ -1,4 +1,4 @@
-import type { Color, SeverityColors } from '@digdir/designsystemet-react/colors';
+import type { Color, SeverityColors } from '@digdir/designsystemet/types';
 import type { Placement } from '@floating-ui/dom';
 import type { HTMLAttributes } from 'react';
 import type { DefaultProps } from '../../types';

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QAEd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;wCAgIpB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAUnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAMlD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,KAAK,CAAC,GAAG,CAAC;QAClB,UAAU,mBAAmB;YAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;IACD,UAAU,KAAK,CAAC;QAEd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG,UAAU,CACnC,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,EAC7C;IACE;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;IA9DhB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;WACI,OAAO;IACd;;;;OAIG;cACO,SAAS,GAAG,QAAQ;IAC9B;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;IACpB;;;OAGG;oBACa,OAAO;IACvB;;;OAGG;cACO,OAAO;wCAgIpB,CAAC"}

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

@@ -1,6 +1,38 @@
+import { Search as SearchRoot } from './search';
 import { SearchButton } from './search-button';
 import { SearchClear } from './search-clear';
 import { SearchInput } from './search-input';
+type Search = typeof SearchRoot & {
+    /**
+     * Search.Clear component, used to display a clear button when the search input is not empty.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     *   <Search.Clear />
+     * </Search>
+     */
+    Clear: typeof SearchClear;
+    /**
+     * Search.Button component, used to display a search button within a Search component.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     *   <Search.Button>Søk</Search.Button>
+     * </Search>
+     */
+    Button: typeof SearchButton;
+    /**
+     * Search.Input component, used to display a search input within the Search component.
+     *
+     * @example
+     * <Search>
+     *   <Search.Input aria-label='Søk' />
+     * </Search>
+     */
+    Input: typeof SearchInput;
+};
 /**
  * Search component, use to display different variations of a search input
  *
@@ -17,23 +49,10 @@ import { SearchInput } from './search-input';
  *   <Search.Clear />
  * </Search>
  */
-declare const Search: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
-    Clear: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "children" | "variant"> & {
-        'aria-label'?: string;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Button: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
-        variant?: "primary" | "secondary" | "tertiary";
-        'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
-        icon?: boolean;
-        loading?: boolean | React.ReactNode;
-        asChild?: boolean;
-        type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Input: React.ForwardRefExoticComponent<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;
-};
+declare const SearchComponent: Search;
 export type { SearchProps } from './search';
 export type { SearchButtonProps } from './search-button';
 export type { SearchClearProps } from './search-clear';
 export type { SearchInputProps } from './search-input';
-export { SearchClear, SearchButton, SearchInput, Search };
+export { SearchClear, SearchButton, SearchInput, SearchComponent as Search };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;;;;CAIV,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,KAAK,MAAM,GAAG,OAAO,UAAU,GAAG;IAChC;;;;;;;;OAQG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B;;;;;;;;OAQG;IACH,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B;;;;;;;OAOG;IACH,KAAK,EAAE,OAAO,WAAW,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,EAAE,MAIrB,CAAC;AAMH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,IAAI,MAAM,EAAE,CAAC"}

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

@@ -18,13 +18,13 @@ export type SearchButtonProps = MergeRight<ButtonProps, {
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Button>Søk</Search.Button>
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchButton>Søk</SearchButton>
  * </Search>
  */
 export declare const SearchButton: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "data-color" | "variant" | "icon" | "loading" | "asChild"> & {
     variant?: "primary" | "secondary" | "tertiary";
-    'data-color'?: import("../../colors").Color | import("../../colors").SeverityDanger;
+    'data-color'?: import("packages/cli/dist/src/types").Color | Extract<import("packages/cli/dist/src/types").SeverityColors, "danger">;
     icon?: boolean;
     loading?: boolean | ReactNode;
     asChild?: boolean;

package/dist/types/components/search/search-clear.d.ts

@@ -11,8 +11,8 @@ export type SearchClearProps = Omit<ButtonProps, 'variant' | 'children'> & {
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
- *   <Search.Clear />
+ *   <SearchInput aria-label='Søk' />
+ *   <SearchClear />
  * </Search>
  */
 export declare const SearchClear: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "variant"> & {

package/dist/types/components/search/search-input.d.ts

@@ -5,7 +5,7 @@ export type SearchInputProps = DefaultProps & Omit<React.InputHTMLAttributes<HTM
  *
  * @example
  * <Search>
- *   <Search.Input aria-label='Søk' />
+ *   <SearchInput aria-label='Søk' />
  * </Search>
  */
 export declare const SearchInput: React.ForwardRefExoticComponent<DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "readOnly"> & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,5 +1,30 @@
+import { Select as SelectParent } from './select';
 import { SelectOptgroup } from './select-optgroup';
 import { SelectOption } from './select-option';
+type Select = typeof SelectParent & {
+    /**
+     * Select.Option component, used to display a native option within a select.
+     *
+     * @example
+     * <Select>
+     *   <Select.Option value='1'>Option 1</Select.Option>
+     *   <Select.Option value='2'>Option 2</Select.Option>
+     * </Select>
+     */
+    Option: typeof SelectOption;
+    /**
+     * Select.Optgroup component, used to display a native optgroup within a select.
+     *
+     * @example
+     * <Select>
+     *   <Select.Optgroup label='Group 1'>
+     *     <Select.Option value='1'>Option 1</Select.Option>
+     *     <Select.Option value='2'>Option 2</Select.Option>
+     *   </Select.Optgroup>
+     * </Select>
+     */
+    Optgroup: typeof SelectOptgroup;
+};
 /**
  * Select component, used to display a native select.
  *
@@ -9,19 +34,9 @@ import { SelectOption } from './select-option';
  *   <Select.Option value='2'>Option 2</Select.Option>
  * </Select>
  */
-declare const Select: React.ForwardRefExoticComponent<Omit<Omit<import("../../types").DefaultProps, "data-color"> & Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "multiple" | "size">, "readOnly" | "width"> & {
-    readOnly?: boolean;
-    width?: "full" | "auto";
-} & React.RefAttributes<HTMLSelectElement>> & {
-    Option: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
-    Optgroup: React.ForwardRefExoticComponent<{
-        asChild?: boolean;
-    } & React.OptgroupHTMLAttributes<HTMLOptGroupElement> & React.RefAttributes<HTMLOptGroupElement>>;
-};
+declare const SelectComponent: Select;
 export type { SelectProps } from './select';
 export type { SelectOptgroupProps } from './select-optgroup';
 export type { SelectOptionProps } from './select-option';
-export { Select, SelectOption, SelectOptgroup };
+export { SelectComponent as Select, SelectOption, SelectOptgroup };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C;;;;;;;;GAQG;AACH,QAAA,MAAM,MAAM;;;;;;;;;;CAGV,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,MAAM,GAAG,OAAO,YAAY,GAAG;IAClC;;;;;;;;OAQG;IACH,MAAM,EAAE,OAAO,YAAY,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,QAAQ,EAAE,OAAO,cAAc,CAAC;CACjC,CAAC;AAEF;;;;;;;;GAQG;AACH,QAAA,MAAM,eAAe,EAAE,MAGrB,CAAC;AAKH,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/types/components/select/select-optgroup.d.ts

@@ -11,10 +11,10 @@ export type SelectOptgroupProps = {
  *
  * @example
  * <Select>
- *   <Select.Optgroup label='Group 1'>
- *     <Select.Option value='1'>Option 1</Select.Option>
- *     <Select.Option value='2'>Option 2</Select.Option>
- *   </Select.Optgroup>
+ *   <SelectOptgroup label='Group 1'>
+ *     <SelectOption value='1'>Option 1</SelectOption>
+ *     <SelectOption value='2'>Option 2</SelectOption>
+ *   </SelectOptgroup>
  * </Select>
  */
 export declare const SelectOptgroup: React.ForwardRefExoticComponent<{

package/dist/types/components/select/select-option.d.ts

@@ -11,8 +11,8 @@ export type SelectOptionProps = {
  *
  * @example
  * <Select>
- *   <Select.Option value='1'>Option 1</Select.Option>
- *   <Select.Option value='2'>Option 2</Select.Option>
+ *   <SelectOption value='1'>Option 1</SelectOption>
+ *   <SelectOption value='2'>Option 2</SelectOption>
  * </Select>
  */
 export declare const SelectOption: React.ForwardRefExoticComponent<{

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

@@ -69,11 +69,11 @@ export type SuggestionProps = {
      *
      * If `label` and `value` is different, you must use `{ value: string; label: string}[]`.
      *
-     * Using this makes the component controlled and it must be used in combination with {@linkcode SuggestionProps.onSelectedChange|onSelectedChange}.
+     * Using this makes the component controlled and it must be used in combination with `onSelectedChange`.
      */
     selected?: SuggestionSelected;
     /**
-     * @deprecated Use {@linkcode SuggestionProps.selected|selected} instead
+     * @deprecated Use `selected` instead
      */
     value?: SuggestionSelected;
     /**
@@ -81,7 +81,7 @@ export type SuggestionProps = {
      */
     defaultSelected?: SuggestionSelected;
     /**
-     * @deprecated Use `{@linkcode SuggestionProps.defaultSelected|defaultSelected} instead
+     * @deprecated Use `defaultSelected` instead
      */
     defaultValue?: SuggestionSelected;
     /**
@@ -89,7 +89,7 @@ export type SuggestionProps = {
      */
     onSelectedChange?: (value: Item[]) => void;
     /**
-     * @deprecated Use {@linkcode SuggestionProps.onSelectedChange|onSelectedChange} instead
+     * @deprecated Use `onSelectedChange` instead
      */
     onValueChange?: (value: Item[]) => void;
     /**
@@ -140,11 +140,11 @@ export declare const Suggestion: React.ForwardRefExoticComponent<{
      *
      * If `label` and `value` is different, you must use `{ value: string; label: string}[]`.
      *
-     * Using this makes the component controlled and it must be used in combination with {@linkcode SuggestionProps.onSelectedChange|onSelectedChange}.
+     * Using this makes the component controlled and it must be used in combination with `onSelectedChange`.
      */
     selected?: SuggestionSelected;
     /**
-     * @deprecated Use {@linkcode SuggestionProps.selected|selected} instead
+     * @deprecated Use `selected` instead
      */
     value?: SuggestionSelected;
     /**
@@ -152,7 +152,7 @@ export declare const Suggestion: React.ForwardRefExoticComponent<{
      */
     defaultSelected?: SuggestionSelected;
     /**
-     * @deprecated Use `{@linkcode SuggestionProps.defaultSelected|defaultSelected} instead
+     * @deprecated Use `defaultSelected` instead
      */
     defaultValue?: SuggestionSelected;
     /**
@@ -160,7 +160,7 @@ export declare const Suggestion: React.ForwardRefExoticComponent<{
      */
     onSelectedChange?: (value: Item[]) => void;
     /**
-     * @deprecated Use {@linkcode SuggestionProps.onSelectedChange|onSelectedChange} instead
+     * @deprecated Use `onSelectedChange` instead
      */
     onValueChange?: (value: Item[]) => void;
     /**