@digdir/designsystemet-react 1.1.3 → 1.1.4

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

@@ -0,0 +1,62 @@
+import type { InputHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+type InputAttr = InputHTMLAttributes<HTMLInputElement>;
+export type InputProps = MergeRight<DefaultProps & Omit<InputAttr, 'prefix' | 'type'>, {
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: 'checkbox' | 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'month' | 'number' | 'password' | 'radio' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
+    /**
+     * Defines the width of `Input` in count of characters.
+     */
+    size?: number;
+    /**
+     * Disables element
+     * @note Avoid using if possible for accessibility purposes
+     */
+    disabled?: boolean;
+    /**
+     * Toggle `readOnly`
+     **/
+    readOnly?: boolean;
+    /**
+     * Set role, i.e. `switch` when `checkbox` or `radio`
+     **/
+    role?: InputAttr['role'];
+}>;
+/**
+ * Input renders a native `input` element.
+ *
+ * @example
+ * <Input />
+ */
+export declare const Input: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<InputAttr, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role"> & {
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
+    /**
+     * Defines the width of `Input` in count of characters.
+     */
+    size?: number;
+    /**
+     * Disables element
+     * @note Avoid using if possible for accessibility purposes
+     */
+    disabled?: boolean;
+    /**
+     * Toggle `readOnly`
+     **/
+    readOnly?: boolean;
+    /**
+     * Set role, i.e. `switch` when `checkbox` or `radio`
+     **/
+    role?: InputAttr["role"];
+} & React.RefAttributes<HTMLInputElement>>;
+export {};
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,KAAK,SAAS,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,UAAU,CACjC,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAC,EACjD;IACE;;;;SAIK;IACL,IAAI,CAAC,EACD,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,QAAQ,GAER,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GAGP,QAAQ,GAER,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM,CAAC;IACX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;QAEI;IACJ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;QAEI;IACJ,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IArDd;;;;SAIK;WAED,UAAU,GACV,OAAO,GACP,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,QAAQ,GAER,OAAO,GACP,QAAQ,GACR,UAAU,GACV,OAAO,GAGP,QAAQ,GAER,KAAK,GACL,MAAM,GACN,MAAM,GACN,KAAK,GACL,MAAM;IACV;;OAEG;WACI,MAAM;IACb;;;OAGG;eACQ,OAAO;IAClB;;QAEI;eACO,OAAO;IAClB;;QAEI;WACG,SAAS,CAAC,MAAM,CAAC;0CA2B1B,CAAC"}

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

@@ -0,0 +1,33 @@
+import type { LabelHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type LabelProps = {
+    /**
+     * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
+     * @default 'medium'
+     */
+    weight?: 'regular' | 'medium' | 'semibold';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & LabelHTMLAttributes<HTMLLabelElement> & DefaultProps;
+/**
+ * Use `Label` for labels. Renders a native `label` element.
+ *
+ * @example
+ * <Label data-size='lg' weight='medium'>Label</Label>
+ */
+export declare const Label: React.ForwardRefExoticComponent<{
+    /**
+     * Adjusts font weight. Use this when you have a label hierarchy, such as checkboxes/radios in a fieldset
+     * @default 'medium'
+     */
+    weight?: "regular" | "medium" | "semibold";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & LabelHTMLAttributes<HTMLLabelElement> & DefaultProps & React.RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC3C;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,mBAAmB,CAAC,gBAAgB,CAAC,GACvC,YAAY,CAAC;AAEf;;;;;GAKG;AACH,eAAO,MAAM,KAAK;IAnBhB;;;OAGG;aACM,SAAS,GAAG,QAAQ,GAAG,UAAU;IAC1C;;;OAGG;cACO,OAAO;iGAwBjB,CAAC"}

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

@@ -0,0 +1,32 @@
+import type { AnchorHTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type LinkProps = MergeRight<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, {
+    /**
+     * The content to display inside the link.
+     **/
+    children: ReactNode;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+}>;
+/**
+ * Link component, renders a native `a` element.
+ *
+ * @example
+ * <Link href='#'>Link</Link>
+ */
+export declare const Link: React.ForwardRefExoticComponent<Omit<DefaultProps & AnchorHTMLAttributes<HTMLAnchorElement>, "children" | "asChild"> & {
+    /**
+     * The content to display inside the link.
+     **/
+    children: ReactNode;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=link.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/components/link/link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,EACtD;IACE;;QAEI;IACJ,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,IAAI;IAlBb;;QAEI;cACM,SAAS;IACnB;;;OAGG;cACO,OAAO;2CAkBpB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { ListItem } from './list-item';
+import { ListOrdered, ListUnordered } from './lists';
+declare const List: {
+    Item: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+    Ordered: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & import("../../types").DefaultProps & Omit<React.OlHTMLAttributes<HTMLOListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
+    Unordered: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
+};
+export type { ListItemProps } from './list-item';
+export type { ListOrderedProps, ListUnorderedProps } from './lists';
+export { List, ListOrdered, ListUnordered, ListItem };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAErD,QAAA,MAAM,IAAI;;;;;;;;;;CAIT,CAAC;AAMF,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { LiHTMLAttributes } from 'react';
+export type ListItemProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & LiHTMLAttributes<HTMLLIElement>;
+export declare const ListItem: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=list-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../src/components/list/list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,MAAM,aAAa,GAAG;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ;IAPnB;;;OAGG;cACO,OAAO;yEASlB,CAAC"}

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

@@ -0,0 +1,47 @@
+import type { HTMLAttributes, OlHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+type ListBaseProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & DefaultProps;
+export type ListUnorderedProps = ListBaseProps & Omit<HTMLAttributes<HTMLUListElement>, 'size'>;
+export type ListOrderedProps = ListBaseProps & Omit<OlHTMLAttributes<HTMLOListElement>, 'size'>;
+/**
+ * ListUnordered component, used to display a list of items.
+ * Renders a native `ul` element.
+ *
+ * @example
+ * <List.Unordered>
+ *   <List.Item>Item 1</List.Item>
+ *   <List.Item>Item 2</List.Item>
+ * </List.Unordered>
+ */
+export declare const ListUnordered: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & DefaultProps & Omit<HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
+/**
+ * ListOrdered component, used to display a list of items.
+ * Renders a native `ol` element.
+ *
+ * @example
+ * <List.Ordered>
+ *   <List.Item>Item 1</List.Item>
+ *   <List.Item>Item 2</List.Item>
+ * </List.Ordered>
+ */
+export declare const ListOrdered: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & DefaultProps & Omit<OlHTMLAttributes<HTMLOListElement>, "size"> & React.RefAttributes<HTMLOListElement>>;
+export {};
+//# sourceMappingURL=lists.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"lists.d.ts","sourceRoot":"","sources":["../../../src/components/list/lists.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAgB,cAAc,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,YAAY,CAAC;AAEjB,MAAM,MAAM,kBAAkB,GAAG,aAAa,GAC5C,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEjD,MAAM,MAAM,gBAAgB,GAAG,aAAa,GAC1C,IAAI,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAYnD;;;;;;;;;GASG;AACH,eAAO,MAAM,aAAa;IAjCxB;;;OAGG;cACO,OAAO;0GAiClB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;IAjDtB;;;OAGG;cACO,OAAO;4GAiDlB,CAAC"}

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

@@ -0,0 +1,41 @@
+import { PaginationButton } from './pagination-button';
+import { PaginationItem } from './pagination-item';
+import { PaginationList } from './pagination-list';
+/**
+ * Pagination component, used to navigate through a list of items.
+ *
+ * @example
+ * <Pagination>
+ *   <Pagination.List>
+ *     <Pagination.Item>
+ *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+ *     </Pagination.Item>
+ *     <Pagination.Item>
+ *       <Pagination.Button aria-label='Side 1'>1</Pagination.Button>
+ *     </Pagination.Item>
+ *     <Pagination.Item>
+ *       <Pagination.Button aria-label='Side 2'>2</Pagination.Button>
+ *     </Pagination.Item>
+ *   </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>>;
+};
+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 };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,25 @@
+import { type AriaAttributes } from 'react';
+import { type ButtonProps } from '../button/button';
+export type PaginationButtonProps = {
+    /**
+     * Toggle button as active
+     * @default false
+     */
+    'aria-current'?: AriaAttributes['aria-current'];
+} & Omit<ButtonProps, 'icon' | 'loading'>;
+/**
+ * PaginationButton component, use within a Pagination.Item.
+ *
+ * @example
+ * <Pagination.Item>
+ *   <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+ * </Pagination.Item>
+ */
+export declare const PaginationButton: React.ForwardRefExoticComponent<{
+    /**
+     * Toggle button as active
+     * @default false
+     */
+    'aria-current'?: AriaAttributes["aria-current"];
+} & Omit<ButtonProps, "icon" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=pagination-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-button.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;AAE1C;;;;;;;GAOG;AACH,eAAO,MAAM,gBAAgB;IAf3B;;;OAGG;qBACc,cAAc,CAAC,cAAc,CAAC;mFAgB/C,CAAC"}

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

@@ -0,0 +1,26 @@
+import { type HTMLAttributes } from 'react';
+export type PaginationItemProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & Omit<HTMLAttributes<HTMLLIElement>, 'size'>;
+/**
+ * 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>
+ */
+export declare const PaginationItem: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & Omit<HTMLAttributes<HTMLLIElement>, "size"> & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=pagination-item.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-item.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC,CAAC;AAEhD;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc;IAjBzB;;;OAGG;cACO,OAAO;qFAmBlB,CAAC"}

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

@@ -0,0 +1,28 @@
+import type { HTMLAttributes } from 'react';
+export type PaginationListProps = {
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & Omit<HTMLAttributes<HTMLUListElement>, 'size'>;
+/**
+ * PaginationList 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>
+ */
+export declare const PaginationList: React.ForwardRefExoticComponent<{
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & Omit<HTMLAttributes<HTMLUListElement>, "size"> & React.RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=pagination-list.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-list.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination-list.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,CAAC;AAEnD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc;IAnBzB;;;OAGG;cACO,OAAO;2FAqBlB,CAAC"}

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

@@ -0,0 +1,46 @@
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type PaginationProps = MergeRight<DefaultProps & HTMLAttributes<HTMLElement>, {
+    /**
+     * Sets the screen reader label for the Pagination area
+     * @default Sidenavigering
+     */
+    'aria-label'?: string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+}>;
+/**
+ * Pagination component, used to navigate through a list of items.
+ *
+ * @example
+ * <Pagination>
+ *   <Pagination.List>
+ *     <Pagination.Item>
+ *       <Pagination.Button aria-label='Forrige side'>Forrige</Pagination.Button>
+ *     </Pagination.Item>
+ *     <Pagination.Item>
+ *       <Pagination.Button aria-label='Side 1'>1</Pagination.Button>
+ *     </Pagination.Item>
+ *     <Pagination.Item>
+ *       <Pagination.Button aria-label='Side 2'>2</Pagination.Button>
+ *     </Pagination.Item>
+ *   </Pagination.List>
+ * </Pagination>
+ */
+export declare const Pagination: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLElement>, "aria-label" | "asChild"> & {
+    /**
+     * Sets the screen reader label for the Pagination area
+     * @default Sidenavigering
+     */
+    'aria-label'?: string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/pagination.tsx"],"names":[],"mappings":"AAEA,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;AAElD,MAAM,MAAM,eAAe,GAAG,UAAU,CACtC,YAAY,GAAG,cAAc,CAAC,WAAW,CAAC,EAC1C;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CACF,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,UAAU;IA/BnB;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;cACO,OAAO;qCAsCpB,CAAC"}

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

@@ -0,0 +1,41 @@
+import type { HTMLAttributes } from 'react';
+export type ParagraphProps = {
+    /**
+     * Changes text sizing
+     */
+    'data-size'?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     *  Adjusts styling for paragraph length
+     *  @default 'default'
+     */
+    variant?: 'long' | 'default' | 'short';
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLParagraphElement>;
+/**
+ * Use `Paragraph` to display text with paragraph text styles.
+ * Renders a native `p` element.
+ *
+ * @example
+ * <Paragraph data-size='lg'>Paragraph</Paragraph>
+ */
+export declare const Paragraph: React.ForwardRefExoticComponent<{
+    /**
+     * Changes text sizing
+     */
+    'data-size'?: "xs" | "sm" | "md" | "lg" | "xl";
+    /**
+     *  Adjusts styling for paragraph length
+     *  @default 'default'
+     */
+    variant?: "long" | "default" | "short";
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=paragraph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/paragraph/paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IACvC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IAvBpB;;OAEG;kBACW,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IAC9C;;;OAGG;cACO,MAAM,GAAG,SAAS,GAAG,OAAO;IACtC;;;OAGG;cACO,OAAO;qFA0BlB,CAAC"}

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

@@ -0,0 +1,35 @@
+import { PopoverTrigger } from './popover-trigger';
+import { PopoverTriggerContext } from './popover-trigger-context';
+/**
+ * Popover component, used to display content in a popover over an element.
+ *
+ * @example
+ * <Popover.TriggerContext>
+ *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ *   <Popover>
+ *     Content
+ *   </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>>;
+};
+export type { PopoverProps } from './popover';
+export type { PopoverTriggerProps } from './popover-trigger';
+export type { PopoverTriggerContextProps } from './popover-trigger-context';
+export { Popover, PopoverTriggerContext, PopoverTrigger };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,24 @@
+import type { ReactNode } from 'react';
+export type PopoverTriggerContextProps = {
+    children: ReactNode;
+};
+/**
+ * PopoverTriggerContext component, use to wrap a Popover.Trigger and Popover.
+ *
+ * @example
+ * <Popover.TriggerContext>
+ *   <Popover.Trigger>Open Popover</Popover.Trigger>
+ *   <Popover>
+ *     Content
+ *   </Popover>
+ * </Popover.TriggerContext>
+ */
+export declare const PopoverTriggerContext: {
+    ({ children, }: PopoverTriggerContextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const Context: React.Context<{
+    popoverId?: string;
+    setPopoverId?: (id: string) => void;
+}>;
+//# sourceMappingURL=popover-trigger-context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger-context.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover-trigger-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,0BAA0B,GAAG;IACvC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB;oBAE/B,0BAA0B;;CAS5B,CAAC;AAIF,eAAO,MAAM,OAAO;gBACN,MAAM;mBACH,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;EAC/B,CAAC"}

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

@@ -0,0 +1,44 @@
+import { type HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import { type ButtonProps } from '../button/button';
+export type PopoverTriggerProps = ({
+    /**
+     * Will render the trigger as inline text.
+     * @default false
+     */
+    inline?: true;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
+     */
+    asChild?: boolean;
+} & HTMLAttributes<HTMLButtonElement> & DefaultProps) | ({
+    /**
+     * Will render the trigger as inline text.
+     * @default false
+     */
+    inline?: false;
+} & ButtonProps);
+/**
+ * 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>
+ */
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=popover-trigger.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.d.ts","sourceRoot":"","sources":["../../../src/components/popover/popover-trigger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,cAAc,EAAuB,MAAM,OAAO,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,MAAM,mBAAmB,GAC3B,CAAC;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,iBAAiB,CAAC,GACnC,YAAY,CAAC,GACf,CAAC;IACC;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GAAG,WAAW,CAAC,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,+FAoBzB,CAAC"}