@digdir/designsystemet-react 1.0.0-rc.8 → 1.0.0

package/dist/types/components/MultiSuggestion/MultiSuggestionClear.d.ts

@@ -0,0 +1,35 @@
+import { type ButtonProps } from '../Button';
+export type MultiSuggestionClearProps = Omit<ButtonProps, 'variant' | 'children'> & {
+    /**
+     * Aria label for the clear button
+     * @default 'Tøm'
+     */
+    'aria-label'?: string;
+};
+/**
+ * Component that provides a clear button for the MultiSuggestion input.
+ *
+ * Place as a descendant of `MultiSuggestion`
+ *
+ * @example
+ * <MultiSuggestion>
+ *   <MultiSuggestion.Input />
+ *   <MultiSuggestion.Clear />
+ *   <MultiSuggestion.List />
+ * </MultiSuggestion>
+ */
+export declare const MultiSuggestionClear: React.ForwardRefExoticComponent<Omit<ButtonProps, "children" | "variant"> & {
+    /**
+     * Aria label for the clear button
+     * @default 'Tøm'
+     */
+    'aria-label'?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+type ReactInternalHack = {
+    _valueTracker?: {
+        setValue: (a: string) => void;
+    };
+};
+export declare const setReactInputValue: (input: HTMLInputElement & ReactInternalHack, value: string) => void;
+export {};
+//# sourceMappingURL=MultiSuggestionClear.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionClear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSuggestionClear.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionClear.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAIrD,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,WAAW,EACX,SAAS,GAAG,UAAU,CACvB,GAAG;IACF;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,oBAAoB;IAnB/B;;;OAGG;mBACY,MAAM;2CAiDrB,CAAC;AAIH,KAAK,iBAAiB,GAAG;IAAE,aAAa,CAAC,EAAE;QAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CAAE,CAAC;AAG/E,eAAO,MAAM,kBAAkB,UACtB,gBAAgB,GAAG,iBAAiB,SACpC,MAAM,KACZ,IAcF,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionEmpty.d.ts

@@ -0,0 +1,15 @@
+import type { OptionHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type MultiSuggestionEmptyProps = DefaultProps & OptionHTMLAttributes<HTMLOptionElement>;
+/**
+ * Component that provides an empty MultiSuggestion list.
+ *
+ * Place as a descendant of `MultiSuggestion.List`
+ *
+ * @example
+ * <MultiSuggestion.List>
+ *   <MultiSuggestion.Empty>Tomt</MultiSuggestion.Empty>
+ * </MultiSuggestion.List>
+ */
+export declare const MultiSuggestionEmpty: React.ForwardRefExoticComponent<DefaultProps & OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
+//# sourceMappingURL=MultiSuggestionEmpty.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionEmpty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSuggestionEmpty.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionEmpty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAClD,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE1C;;;;;;;;;GASG;AACH,eAAO,MAAM,oBAAoB,kIAQ/B,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionInput.d.ts

@@ -0,0 +1,21 @@
+import { type InputProps } from '../Input';
+export type MultiSuggestionInputProps = InputProps;
+/**
+ * Component that provides an input field for the MultiSuggestion list.
+ *
+ * Place as a descendant of `MultiSuggestion`
+ *
+ * @example
+ * <MultiSuggestion>
+ *   <MultiSuggestion.Input />
+ *   <MultiSuggestion.List />
+ * </MultiSuggestion>
+ */
+export declare const MultiSuggestionInput: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role"> & {
+    type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
+    size?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    role?: React.AriaRole | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=MultiSuggestionInput.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSuggestionInput.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,MAAM,yBAAyB,GAAG,UAAU,CAAC;AAEnD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,oBAAoB;;;;;;0CA2B/B,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionList.d.ts

@@ -0,0 +1,40 @@
+import type { HTMLAttributes } from 'react';
+import '@u-elements/u-datalist';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type MultiSuggestionListProps = MergeRight<DefaultProps & HTMLAttributes<HTMLDataListElement>, {
+    /**
+     * The screen reader announcement for singular MultiSuggestion, where %d is the number of MultiSuggestions
+     * @default '%d forslag'
+     */
+    singular?: string;
+    /**
+     * The screen reader announcement for plural MultiSuggestions, where %d is the number of MultiSuggestions
+     * @default '%d forslag'
+     */
+    plural?: string;
+}>;
+/**
+ * Component that provides a MultiSuggestion list.
+ *
+ * Place as a descendant of `MultiSuggestion`
+ *
+ * @example
+ * <MultiSuggestion>
+ *   <MultiSuggestion.Input />
+ *   <MultiSuggestion.List />
+ * </MultiSuggestion>
+ */
+export declare const MultiSuggestionList: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLDataListElement>, "singular" | "plural"> & {
+    /**
+     * The screen reader announcement for singular MultiSuggestion, where %d is the number of MultiSuggestions
+     * @default '%d forslag'
+     */
+    singular?: string;
+    /**
+     * The screen reader announcement for plural MultiSuggestions, where %d is the number of MultiSuggestions
+     * @default '%d forslag'
+     */
+    plural?: string;
+} & React.RefAttributes<HTMLDataListElement>>;
+//# sourceMappingURL=MultiSuggestionList.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSuggestionList.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,wBAAwB,GAAG,UAAU,CAC/C,YAAY,GAAG,cAAc,CAAC,mBAAmB,CAAC,EAClD;IACE;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CACF,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB;IAxB5B;;;OAGG;eACQ,MAAM;IACjB;;;OAGG;aACM,MAAM;6CAyCjB,CAAC"}

package/dist/types/components/MultiSuggestion/MultiSuggestionOption.d.ts

@@ -0,0 +1,6 @@
+import type { OptionHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import '@u-elements/u-datalist';
+export type MultiSuggestionOptionProps = OptionHTMLAttributes<HTMLOptionElement> & DefaultProps;
+export declare const MultiSuggestionOption: React.ForwardRefExoticComponent<OptionHTMLAttributes<HTMLOptionElement> & DefaultProps & React.RefAttributes<HTMLOptionElement>>;
+//# sourceMappingURL=MultiSuggestionOption.d.ts.map

package/dist/types/components/MultiSuggestion/MultiSuggestionOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSuggestionOption.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/MultiSuggestionOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,wBAAwB,CAAC;AAEhC,MAAM,MAAM,0BAA0B,GACpC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAAC;AAEzD,eAAO,MAAM,qBAAqB,kIAWhC,CAAC"}

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

@@ -0,0 +1,50 @@
+import { MultiSuggestionChips } from './MultiSuggestionChips';
+import { MultiSuggestionClear } from './MultiSuggestionClear';
+import { MultiSuggestionEmpty } from './MultiSuggestionEmpty';
+import { MultiSuggestionInput } from './MultiSuggestionInput';
+import { MultiSuggestionList } from './MultiSuggestionList';
+import { MultiSuggestionOption } from './MultiSuggestionOption';
+declare const MultiSuggestion: React.ForwardRefExoticComponent<{
+    filter?: boolean | ((args: {
+        index: number;
+        text: string;
+        value: string;
+        optionElement: HTMLOptionElement;
+        input: HTMLInputElement;
+    }) => boolean);
+    allowCreate?: boolean;
+    value?: string[];
+    defaultValue?: string[];
+    onValueChange?: (value: string[]) => void;
+    name?: string;
+} & React.HTMLAttributes<import("@u-elements/u-tags").UHTMLTagsElement> & React.RefAttributes<import("@u-elements/u-tags").UHTMLTagsElement>> & {
+    Input: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix" | "type">, "type" | "disabled" | "readOnly" | "size" | "role"> & {
+        type?: "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "month" | "number" | "password" | "radio" | "search" | "tel" | "text" | "time" | "url" | "week";
+        size?: number;
+        disabled?: boolean;
+        readOnly?: boolean;
+        role?: React.AriaRole | undefined;
+    } & React.RefAttributes<HTMLInputElement>>;
+    List: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDataListElement>, "singular" | "plural"> & {
+        singular?: string;
+        plural?: string;
+    } & React.RefAttributes<HTMLDataListElement>>;
+    Option: React.ForwardRefExoticComponent<React.OptionHTMLAttributes<HTMLOptionElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLOptionElement>>;
+    Chips: {
+        ({ render, }: import("./MultiSuggestionChips").MultiSuggestionChipsProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Empty: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
+    Clear: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "children" | "variant"> & {
+        'aria-label'?: string;
+    } & React.RefAttributes<HTMLButtonElement>>;
+};
+export { MultiSuggestion as EXPERIMENTAL_MultiSuggestion, MultiSuggestionInput as EXPERIMENTAL_MultiSuggestionInput, MultiSuggestionList as EXPERIMENTAL_MultiSuggestionList, MultiSuggestionOption as EXPERIMENTAL_MultiSuggestionOption, MultiSuggestionChips as EXPERIMENTAL_MultiSuggestionChips, MultiSuggestionEmpty as EXPERIMENTAL_MultiSuggestionEmpty, MultiSuggestionClear as EXPERIMENTAL_MultiSuggestionClear, };
+export type { MultiSuggestionProps } from './MultiSuggestion';
+export type { MultiSuggestionInputProps } from './MultiSuggestionInput';
+export type { MultiSuggestionListProps } from './MultiSuggestionList';
+export type { MultiSuggestionOptionProps } from './MultiSuggestionOption';
+export type { MultiSuggestionChipsProps } from './MultiSuggestionChips';
+export type { MultiSuggestionEmptyProps } from './MultiSuggestionEmpty';
+export type { MultiSuggestionClearProps } from './MultiSuggestionClear';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSuggestion/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOnB,CAAC;AAUH,OAAO,EACL,eAAe,IAAI,4BAA4B,EAC/C,oBAAoB,IAAI,iCAAiC,EACzD,mBAAmB,IAAI,gCAAgC,EACvD,qBAAqB,IAAI,kCAAkC,EAC3D,oBAAoB,IAAI,iCAAiC,EACzD,oBAAoB,IAAI,iCAAiC,EACzD,oBAAoB,IAAI,iCAAiC,GAC1D,CAAC;AAEF,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACtE,YAAY,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AAC1E,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACxE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}

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

@@ -1,50 +1,46 @@
-import type * as React from 'react';
-export type PaginationProps = {
-    /** Sets the text label for the next page button */
-    nextLabel: string;
-    /** Sets the text label for the previous page button */
-    previousLabel: string;
-    /** Sets the size of the component
-     * @default md
+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
      */
-    size?: 'sm' | 'md' | 'lg';
-    /** Sets how compact the component will be. If true, only 5 steps will show. */
-    compact?: boolean;
-    /** Hides the component's previous and next button labels */
-    hideLabels?: boolean;
-    /** Sets the current page
-     * @default 1
+    'aria-label'?: string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
      */
-    currentPage: number;
-    /** Total number of pages */
-    totalPages: number;
-    /** Function to be called when the selected page changes. */
-    onChange: (currentPage: number) => void;
-    /** `aria-label` for pagination item */
-    itemLabel?: (currentPage: number) => string;
-} & Omit<React.HTMLAttributes<HTMLElement>, 'onChange'>;
-export declare const Pagination: React.ForwardRefExoticComponent<{
-    /** Sets the text label for the next page button */
-    nextLabel: string;
-    /** Sets the text label for the previous page button */
-    previousLabel: string;
-    /** Sets the size of the component
-     * @default md
+    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
      */
-    size?: "sm" | "md" | "lg" | undefined;
-    /** Sets how compact the component will be. If true, only 5 steps will show. */
-    compact?: boolean | undefined;
-    /** Hides the component's previous and next button labels */
-    hideLabels?: boolean | undefined;
-    /** Sets the current page
-     * @default 1
+    'aria-label'?: string;
+    /**
+     * Change the default rendered element for the one passed as a child, merging their props and behavior.
+     * @default false
      */
-    currentPage: number;
-    /** Total number of pages */
-    totalPages: number;
-    /** Function to be called when the selected page changes. */
-    onChange: (currentPage: number) => void;
-    /** `aria-label` for pagination item */
-    itemLabel?: ((currentPage: number) => string) | undefined;
-} & Omit<React.HTMLAttributes<HTMLElement>, "onChange"> & React.RefAttributes<HTMLElement>>;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>>;
 //# sourceMappingURL=Pagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAYpC,MAAM,MAAM,eAAe,GAAG;IAC5B,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,uDAAuD;IACvD,aAAa,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,uCAAuC;IACvC,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7C,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAQxD,eAAO,MAAM,UAAU;IA9BrB,mDAAmD;eACxC,MAAM;IACjB,uDAAuD;mBACxC,MAAM;IACrB;;OAEG;;IAEH,+EAA+E;;IAE/E,4DAA4D;;IAE5D;;OAEG;iBACU,MAAM;IACnB,4BAA4B;gBAChB,MAAM;IAClB,4DAA4D;4BACpC,MAAM,KAAK,IAAI;IACvC,uCAAuC;+BACb,MAAM,KAAK,MAAM;2FA4F5C,CAAC"}
+{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,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/Pagination/PaginationButton.d.ts

@@ -1,16 +1,25 @@
-import type { ButtonProps } from '../Button';
+import { type AriaAttributes } from 'react';
+import { type ButtonProps } from '../Button/Button';
 export type PaginationButtonProps = {
     /**
      * Toggle button as active
      * @default false
      */
-    isActive?: boolean;
-} & Omit<ButtonProps, 'size' | 'icon'>;
-export declare const PaginationButton: import("react").ForwardRefExoticComponent<{
+    '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
      */
-    isActive?: boolean | undefined;
-} & Omit<ButtonProps, "icon" | "size"> & import("react").RefAttributes<HTMLButtonElement>>;
+    'aria-current'?: AriaAttributes["aria-current"];
+} & Omit<ButtonProps, "icon" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=PaginationButton.d.ts.map

package/dist/types/components/Pagination/PaginationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAK7C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvC,eAAO,MAAM,gBAAgB;IAP3B;;;OAGG;;0FAmBH,CAAC"}
+{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationButton.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/PaginationItem.d.ts

@@ -6,12 +6,21 @@ export type PaginationItemProps = {
      */
     asChild?: boolean;
 } & Omit<HTMLAttributes<HTMLLIElement>, 'size'>;
-export declare const PaginationItem: import("react").ForwardRefExoticComponent<{
+/**
+ * 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 | undefined;
-} & Omit<HTMLAttributes<HTMLLIElement>, "size"> & import("react").RefAttributes<HTMLLIElement>>;
-export default PaginationItem;
+    asChild?: boolean;
+} & Omit<HTMLAttributes<HTMLLIElement>, "size"> & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=PaginationItem.d.ts.map

package/dist/types/components/Pagination/PaginationItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAKpE,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,eAAO,MAAM,cAAc;IAPzB;;;OAGG;;+FAuBJ,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"PaginationItem.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAc,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/PaginationList.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=PaginationList.d.ts.map

package/dist/types/components/Pagination/PaginationList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginationList.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/PaginationList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,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/index.d.ts

@@ -1,28 +1,41 @@
-import type { PaginationProps } from './Pagination';
-import { Pagination as PaginationParent } from './Pagination';
-import { PaginationContent } from './PaginationContent';
-import type { PaginationContentProps } from './PaginationContent';
-import type { PaginationEllipsisProps } from './PaginationEllipsis';
-import PaginationEllipsis from './PaginationEllipsis';
-import PaginationItem from './PaginationItem';
-import type { PaginationItemProps } from './PaginationItem';
 import { PaginationButton } from './PaginationButton';
-import type { PaginationButtonProps } from './PaginationButton';
-import type { PaginationNextProps, PaginationPreviousProps } from './PaginationNextPrev';
-import { PaginationNext, PaginationPrevious } from './PaginationNextPrev';
-import PaginationRoot from './PaginationRoot';
-type PaginationComponent = typeof PaginationParent & {
-    Root: typeof PaginationRoot;
-    Content: typeof PaginationContent;
-    Item: typeof PaginationItem;
-    Button: typeof PaginationButton;
-    Ellipsis: typeof PaginationEllipsis;
-    Previous: typeof PaginationPrevious;
-    Next: typeof PaginationNext;
+import { PaginationItem } from './PaginationItem';
+import { PaginationList } from './PaginationList';
+/**
+ * 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>>;
 };
-declare const Pagination: PaginationComponent;
-export type { PaginationProps, PaginationContentProps, PaginationItemProps, PaginationButtonProps, PaginationEllipsisProps, PaginationPreviousProps, PaginationNextProps, };
-export { Pagination, PaginationRoot, PaginationContent, PaginationItem, PaginationButton, PaginationEllipsis, PaginationPrevious, PaginationNext, };
-export { usePagination } from './usePagination';
-export type { UsePaginationProps } from './usePagination';
+export type { PaginationProps } from './Pagination';
+export type { PaginationButtonProps } from './PaginationButton';
+export type { PaginationListProps } from './PaginationList';
+export type { PaginationItemProps } from './PaginationItem';
+export { 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":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,KAAK,mBAAmB,GAAG,OAAO,gBAAgB,GAAG;IACnD,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B,OAAO,EAAE,OAAO,iBAAiB,CAAC;IAClC,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B,MAAM,EAAE,OAAO,gBAAgB,CAAC;IAChC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;IACpC,QAAQ,EAAE,OAAO,kBAAkB,CAAC;IACpC,IAAI,EAAE,OAAO,cAAc,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,UAAU,qBAA0C,CAAC;AAkB3D,YAAY,EACV,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,GACpB,CAAC;AAEF,OAAO,EACL,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,GACf,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,UAAU;;;;;;;;;;;;;CAId,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,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/Paragraph/index.d.ts

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

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

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