@digdir/designsystemet-react 1.0.0-next.33 → 1.0.0-next.35

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

@@ -1,23 +1,34 @@
-import { ModalContent } from './ModaContent';
-import { ModalDialog } from './ModalDialog';
-import { ModalFooter } from './ModalFooter';
-import { ModalHeader } from './ModalHeader';
-import { ModalRoot } from './ModalRoot';
+import { ModalBlock } from './ModalBlock';
+import { ModalContext } from './ModalContext';
 import { ModalTrigger } from './ModalTrigger';
-export type { ModalRootProps } from './ModalRoot';
-export type { ModalHeaderProps } from './ModalHeader';
-export type { ModalContentProps } from './ModaContent';
-export type { ModalFooterProps } from './ModalFooter';
-export type { ModalDialogProps } from './ModalDialog';
-export type { ModalTriggerProps } from './ModalTrigger';
-type ModalComponent = {
-    Root: typeof ModalRoot;
-    Content: typeof ModalContent;
-    Footer: typeof ModalFooter;
-    Header: typeof ModalHeader;
-    Trigger: typeof ModalTrigger;
-    Dialog: typeof ModalDialog;
+declare const Modal: React.ForwardRefExoticComponent<{
+    closeButton?: string | false;
+    backdropClose?: boolean;
+    onClose?: () => void;
+    asChild?: boolean;
+} & React.DialogHTMLAttributes<HTMLDialogElement> & React.RefAttributes<HTMLDialogElement>> & {
+    Block: React.ForwardRefExoticComponent<{
+        asChild?: boolean;
+    } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Context: {
+        ({ children }: import("./ModalContext").ModalContextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Trigger: React.ForwardRefExoticComponent<Omit<Omit<{
+        variant?: "primary" | "secondary" | "tertiary";
+        color?: "accent" | "neutral" | "danger";
+        size?: "sm" | "md" | "lg";
+        icon?: boolean;
+        loading?: boolean;
+        asChild?: boolean;
+        type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
+    }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 };
-declare const Modal: ModalComponent;
-export { Modal, ModalRoot, ModalContent, ModalFooter, ModalHeader, ModalTrigger, ModalDialog, };
+export type { ModalBlockProps } from './ModalBlock';
+export type { ModalContextProps } from './ModalContext';
+export type { ModalProps } from './Modal';
+export type { ModalTriggerProps } from './ModalTrigger';
+export { Modal, ModalBlock, ModalContext, ModalTrigger };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,YAAY,CAAC;IAC7B,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,MAAM,EAAE,OAAO,WAAW,CAAC;IAC3B,OAAO,EAAE,OAAO,YAAY,CAAC;IAC7B,MAAM,EAAE,OAAO,WAAW,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,KAAK,EAAS,cAAc,CAAC;AAgBnC,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,WAAW,GACZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;CAIT,CAAC;AAMH,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,50 +1,37 @@
 import type { HTMLAttributes } from 'react';
+export declare const PaginationContext: React.Context<{
+    size: NonNullable<PaginationProps["size"]>;
+}>;
 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 screen reader label for the Pagination area
+     * @default Sidenavigering
+     */
+    'aria-label'?: string;
     /** Sets the size of the component
      * @default md
      */
     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
+    /**
+     * 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<HTMLAttributes<HTMLElement>, 'onChange'>;
+    asChild?: boolean;
+} & HTMLAttributes<HTMLElement>;
 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 screen reader label for the Pagination area
+     * @default Sidenavigering
+     */
+    'aria-label'?: string;
     /** Sets the size of the component
      * @default md
      */
     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
+    /**
+     * 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<HTMLAttributes<HTMLElement>, "onChange"> & React.RefAttributes<HTMLElement>>;
+    asChild?: boolean;
+} & HTMLAttributes<HTMLElement> & 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,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU5C,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,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,CAAC;AAQlD,eAAO,MAAM,UAAU;IA9BrB,mDAAmD;eACxC,MAAM;IACjB,uDAAuD;mBACxC,MAAM;IACrB;;OAEG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB,+EAA+E;cACrE,OAAO;IACjB,4DAA4D;iBAC/C,OAAO;IACpB;;OAEG;iBACU,MAAM;IACnB,4BAA4B;gBAChB,MAAM;IAClB,4DAA4D;cAClD,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI;IACvC,uCAAuC;gBAC3B,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM;qFA8E5C,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;AAE5C,eAAO,MAAM,iBAAiB;UACd,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;EAClD,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,UAAU;IAhBrB;;;OAGG;mBACY,MAAM;IACrB;;OAEG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;;OAGG;cACO,OAAO;mEA2BlB,CAAC"}

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

@@ -1,16 +1,17 @@
-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;
+    'aria-current'?: AriaAttributes['aria-current'];
 } & Omit<ButtonProps, 'icon' | 'loading' | 'size'>;
 export declare const PaginationButton: React.ForwardRefExoticComponent<{
     /**
      * Toggle button as active
      * @default false
      */
-    isActive?: boolean;
+    'aria-current'?: AriaAttributes["aria-current"];
 } & Omit<ButtonProps, "size" | "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,SAAS,GAAG,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,gBAAgB;IAP3B;;;OAGG;eACQ,OAAO;4FAkBlB,CAAC"}
+{"version":3,"file":"PaginationButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAI5D,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;AAEnD,eAAO,MAAM,gBAAgB;IAP3B;;;OAGG;qBACc,cAAc,CAAC,cAAc,CAAC;4FAU/C,CAAC"}

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":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,OAAO,CAAC;AAIpE,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;cACO,OAAO;qFAsBlB,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,eAAO,MAAM,cAAc;IAPzB;;;OAGG;cACO,OAAO;qFASlB,CAAC"}

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

@@ -1,4 +1,4 @@
-import { type HTMLAttributes } from 'react';
+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.

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationList.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/PaginationList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAA0B,MAAM,OAAO,CAAC;AAIpE,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,eAAO,MAAM,cAAc;IAPzB;;;OAGG;cACO,OAAO;2FAiBlB,CAAC"}
+{"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,eAAO,MAAM,cAAc;IAPzB;;;OAGG;cACO,OAAO;2FASlB,CAAC"}

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

@@ -1,27 +1,26 @@
-import { Pagination as PaginationParent } from './Pagination';
 import { PaginationButton } from './PaginationButton';
-import { PaginationEllipsis } from './PaginationEllipsis';
 import { PaginationItem } from './PaginationItem';
 import { PaginationList } from './PaginationList';
-import { PaginationNext, PaginationPrevious } from './PaginationNextPrev';
-import { PaginationRoot } from './PaginationRoot';
-type PaginationComponent = typeof PaginationParent & {
-    Root: typeof PaginationRoot;
-    List: typeof PaginationList;
-    Item: typeof PaginationItem;
-    Button: typeof PaginationButton;
-    Ellipsis: typeof PaginationEllipsis;
-    Previous: typeof PaginationPrevious;
-    Next: typeof PaginationNext;
+declare const Pagination: React.ForwardRefExoticComponent<{
+    'aria-label'?: string;
+    size?: "sm" | "md" | "lg";
+    asChild?: boolean;
+} & React.HTMLAttributes<HTMLElement> & 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, "size" | "icon" | "loading"> & React.RefAttributes<HTMLButtonElement>>;
 };
-declare const Pagination: PaginationComponent;
 export type { PaginationProps } from './Pagination';
 export type { PaginationButtonProps } from './PaginationButton';
 export type { PaginationListProps } from './PaginationList';
-export type { PaginationEllipsisProps } from './PaginationEllipsis';
 export type { PaginationItemProps } from './PaginationItem';
-export type { PaginationNextProps, PaginationPreviousProps, } from './PaginationNextPrev';
-export { Pagination, PaginationRoot, PaginationList, PaginationItem, PaginationButton, PaginationEllipsis, PaginationPrevious, PaginationNext, };
-export { usePagination } from './usePagination';
 export type { UsePaginationProps } from './usePagination';
+export { Pagination, PaginationList, PaginationItem, PaginationButton };
+export { usePagination } from './usePagination';
 //# 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,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,KAAK,mBAAmB,GAAG,OAAO,gBAAgB,GAAG;IACnD,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B,IAAI,EAAE,OAAO,cAAc,CAAC;IAC5B,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,EAAuB,mBAAmB,CAAC;AAkB3D,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,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EACV,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,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,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;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

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

@@ -1,22 +1,46 @@
-import type { PaginationProps } from './Pagination';
-export type UsePaginationProps = Pick<PaginationProps, 'compact' | 'totalPages'> & Partial<Pick<PaginationProps, 'currentPage'>>;
-/** Hook to help manage pagination state */
-export declare const usePagination: ({ totalPages, currentPage: currentPageProps, compact, }: UsePaginationProps) => {
-    /** Number of steps */
-    pages: (number | "ellipsis")[];
-    /** Current active page  */
+import type { MouseEvent } from 'react';
+import type { PaginationButtonProps } from './PaginationButton';
+export type UsePaginationProps = {
+    /**
+     * The current page number
+     * @default 1
+     */
     currentPage: number;
-    /** Set active page */
-    setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
-    /** Decrements active page by 1 */
-    previousPage: () => void;
-    /** Increments active page by 1 */
-    nextPage: () => void;
-    /** Total amount of pages */
+    /**
+     * Function to change currentPage - typically returned from useState
+     */
+    setCurrentPage?: (page: number) => void;
+    /**
+     * Callback when the page changes
+     * (event: MouseEvent<HTMLElement>, page: number) => void
+     */
+    onChange?: (event: MouseEvent<HTMLElement>, page: number) => void;
+    /**
+     * The total number of pages
+     * @default 1
+     */
     totalPages: number;
-    /** Indication if next page action should be shown or not */
-    showNextPage: boolean;
+    /**
+     * The maximum number of pages to show
+     * @default 1
+     */
+    showPages?: number;
+};
+/** Hook to help manage pagination state */
+export declare const usePagination: ({ currentPage, setCurrentPage, onChange, totalPages, showPages, }: UsePaginationProps) => {
+    /** Number of steps */
+    pages: {
+        page: string | number;
+        itemKey: string;
+        buttonProps: PaginationButtonProps;
+    }[];
+    /** Properties to spread on Pagination.Button used for previous naviagation */
+    prevButtonProps: PaginationButtonProps;
+    /** Properties to spread on Pagination.Button used for next naviagation */
+    nextButtonProps: PaginationButtonProps;
     /** Indication if previous page action should be shown or not */
-    showPreviousPage: boolean;
+    hasPrev: boolean;
+    /** Indication if next page action should be shown or not */
+    hasNext: boolean;
 };
 //# sourceMappingURL=usePagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/usePagination.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAiDpD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,eAAe,EACf,SAAS,GAAG,YAAY,CACzB,GACC,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;AAEhD,2CAA2C;AAC3C,eAAO,MAAM,aAAa,4DAIvB,kBAAkB;IAuBjB,sBAAsB;;IAEtB,2BAA2B;;IAE3B,sBAAsB;;IAEtB,kCAAkC;;IAElC,kCAAkC;;IAElC,4BAA4B;;IAE5B,4DAA4D;;IAE5D,gEAAgE;;CAGnE,CAAC"}
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/Pagination/usePagination.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAY,UAAU,EAAkB,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAchE,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;;OAGG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClE;;;OAGG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,2CAA2C;AAC3C,eAAO,MAAM,aAAa,sEAMvB,kBAAkB;IAWf,sBAAsB;;;;qBAWb,qBAAqB;;IAG9B,8EAA8E;qBAKzE,qBAAqB;IAC1B,0EAA0E;qBAKrE,qBAAqB;IAC1B,gEAAgE;;IAEhE,4DAA4D;;CAGxB,CAAC"}

package/dist/types/components/{Typography/Paragraph → Paragraph}/Paragraph.d.ts

@@ -6,9 +6,7 @@ export type ParagraphProps = {
      * @default 'md'
      *
      */
-    size?: 'xs' | 'sm' | 'md' | 'lg';
-    /** Adds margin-bottom */
-    spacing?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /**
      *  Adjusts styling for paragraph length
      *  @default 'default'
@@ -33,9 +31,7 @@ export declare const Paragraph: React.ForwardRefExoticComponent<{
      * @default 'md'
      *
      */
-    size?: "xs" | "sm" | "md" | "lg";
-    /** Adds margin-bottom */
-    spacing?: boolean;
+    size?: "xs" | "sm" | "md" | "lg" | "xl";
     /**
      *  Adjusts styling for paragraph length
      *  @default 'default'

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;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACxC;;;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;AACzC;;;;;GAKG;AACH,eAAO,MAAM,SAAS;IAxBpB;;;;;OAKG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI;IACvC;;;OAGG;cACO,MAAM,GAAG,SAAS,GAAG,OAAO;IACtC;;;OAGG;cACO,OAAO;qFAyBlB,CAAC"}

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,cAAc,aAAa,CAAC"}

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

@@ -45,6 +45,7 @@ export type PopoverProps = {
      * Callback when the popover wants to close.
      */
     onClose?: () => void;
+    asChild?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 export declare const Popover: React.ForwardRefExoticComponent<{
     /**
@@ -79,5 +80,6 @@ export declare const Popover: React.ForwardRefExoticComponent<{
      * Callback when the popover wants to close.
      */
     onClose?: () => void;
+    asChild?: boolean;
 } & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Popover.d.ts.map

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":"AAOA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAInE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU5C,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;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;IAlClB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;cACO,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ;IACnD;;;OAGG;WACI,OAAO;IACd;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;yEAuGrB,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAmB,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,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;QACd,UAAU,cAAc,CAAC,CAAC;YACxB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB;KACF;CACF;AAED,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IACpD;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;IApClB;;OAEG;SACE,MAAM;IACX;;;OAGG;gBACS,SAAS;IACrB;;;OAGG;cACO,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ;IACnD;;;OAGG;WACI,OAAO;IACd;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;OAEG;aACM,MAAM,IAAI;IACnB;;OAEG;cACO,MAAM,IAAI;cAEV,OAAO;yEAwGlB,CAAC"}

package/dist/types/components/Popover/PopoverTrigger.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentPropsWithRef } from 'react';
-import { Button } from '../Button';
+import { Button } from '../Button/Button';
 export type PopoverTriggerProps = ComponentPropsWithRef<typeof Button>;
 export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<Omit<{
     variant?: "primary" | "secondary" | "tertiary";
@@ -8,7 +8,8 @@ export declare const PopoverTrigger: React.ForwardRefExoticComponent<Omit<Omit<{
     icon?: boolean;
     loading?: boolean;
     asChild?: boolean;
-} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>["type"];
+} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "type"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
 }, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=PopoverTrigger.d.ts.map

package/dist/types/components/Popover/PopoverTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/PopoverTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGnC,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,cAAc;;;;;;;;;mDAQzB,CAAC"}
+{"version":3,"file":"PopoverTrigger.d.ts","sourceRoot":"","sources":["../../../../src/components/Popover/PopoverTrigger.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAG1C,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,cAAc;;;;;;;;;;mDAQzB,CAAC"}

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

@@ -1,12 +1,14 @@
-import type { AnchorHTMLAttributes, ReactNode } from 'react';
+import { type AnchorHTMLAttributes, type ReactNode } from 'react';
 export type SkipLinkProps = {
     /** The content to display inside the skiplink. */
     children: ReactNode;
     /** Href of an element in the DOM the skiplink should skip to. E.g #main-content */
     href: string;
 } & AnchorHTMLAttributes<HTMLAnchorElement>;
-export declare const SkipLink: {
-    ({ href, children, className, ...rest }: SkipLinkProps): JSX.Element;
-    displayName: string;
-};
+export declare const SkipLink: React.ForwardRefExoticComponent<{
+    /** The content to display inside the skiplink. */
+    children: ReactNode;
+    /** Href of an element in the DOM the skiplink should skip to. E.g #main-content */
+    href: string;
+} & AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 //# sourceMappingURL=SkipLink.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../../src/components/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,aAAa,GAAG;IAC1B,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC;IAEpB,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,QAAQ;6CAKlB,aAAa,GAAG,GAAG,CAAC,OAAO;;CAU7B,CAAC"}
+{"version":3,"file":"SkipLink.d.ts","sourceRoot":"","sources":["../../../../src/components/SkipLink/SkipLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,oBAAoB,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9E,MAAM,MAAM,aAAa,GAAG;IAC1B,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC;IAEpB,mFAAmF;IACnF,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;AAE5C,eAAO,MAAM,QAAQ;IAPnB,kDAAkD;cACxC,SAAS;IAEnB,mFAAmF;UAC7E,MAAM;qFAWb,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAIjD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE1D,eAAO,MAAM,KAAK;IA3BhB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;;OAGG;YACK,OAAO;IACf;;;OAGG;mBACY,OAAO;IACtB;;;OAGG;aACM,OAAO;IAChB;;;OAGG;YACK,OAAO;kGAgCf,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE1D,eAAO,MAAM,KAAK;IA3BhB;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;IACzB;;;OAGG;YACK,OAAO;IACf;;;OAGG;mBACY,OAAO;IACtB;;;OAGG;aACM,OAAO;IAChB;;;OAGG;YACK,OAAO;kGA8Bf,CAAC"}

package/dist/types/components/Tabs/{TabsRoot.d.ts → Tabs.d.ts}

@@ -12,30 +12,30 @@ export type TabsProps = {
      */
     size?: 'sm' | 'md' | 'lg';
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'>;
-export type TabsContextProps = {
+export type ContextProps = {
     value?: string;
     defaultValue?: string;
     onChange?: (value: string) => void;
     size?: TabsProps['size'];
 };
-export declare const TabsContext: React.Context<TabsContextProps>;
+export declare const Context: React.Context<ContextProps>;
 /**
  * Display a group of tabs that can be toggled between.
  * @example
  * ```tsx
- * <Tabs.Root onChange={(value) => console.log(value)}>
+ * <Tabs onChange={(value) => console.log(value)}>
  *   <Tabs.List>
  *     <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
  *     <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
  *     <Tabs.Tab value='3'>Tab 3</Tabs.Tab>
  *   </Tabs.List>
- *   <Tabs.Content value='1'>content 1</Tabs.Content>
- *   <Tabs.Content value='2'>content 2</Tabs.Content>
- *   <Tabs.Content value='3'>content 3</Tabs.Content>
- * </Tabs.Root>
+ *   <Tabs.Panel value='1'>content 1</Tabs.Panel>
+ *   <Tabs.Panel value='2'>content 2</Tabs.Panel>
+ *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
+ * </Tabs>
  * ```
  */
-export declare const TabsRoot: React.ForwardRefExoticComponent<{
+export declare const Tabs: React.ForwardRefExoticComponent<{
     /** Controlled state for `Tabs` component. */
     value?: string;
     /** Default value. */
@@ -48,4 +48,4 @@ export declare const TabsRoot: React.ForwardRefExoticComponent<{
      */
     size?: "sm" | "md" | "lg";
 } & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "value"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TabsRoot.d.ts.map
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,MAAM,MAAM,SAAS,GAAG;IACtB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,OAAO,6BAAkC,CAAC;AAEvD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI;IAtCf,6CAA6C;YACrC,MAAM;IACd,qBAAqB;mBACN,MAAM;IACrB,+CAA+C;eACpC,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC;;;OAGG;WACI,IAAI,GAAG,IAAI,GAAG,IAAI;qGA8DzB,CAAC"}

package/dist/types/components/Tabs/{TabList.d.ts → TabsList.d.ts}

@@ -1,4 +1,5 @@
 import type { HTMLAttributes } from 'react';
+export type TabsListProps = HTMLAttributes<HTMLDivElement>;
 /**
  * The container for all `Tab` components.
  * @example
@@ -9,5 +10,5 @@ import type { HTMLAttributes } from 'react';
  * </Tabs.List>
  * ```
  */
-export declare const TabList: React.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TabList.d.ts.map
+export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TabsList.d.ts.map

package/dist/types/components/Tabs/TabsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabsList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,sFAiBpB,CAAC"}

package/dist/types/components/Tabs/{TabContent.d.ts → TabsPanel.d.ts}

@@ -1,17 +1,17 @@
 import type { HTMLAttributes } from 'react';
-export type TabContentProps = {
-    /** When this value is selected as the current state, render this `TabContent` component*/
+export type TabsPanelProps = {
+    /** When this value is selected as the current state, render this `TabsPanel` component*/
     value: string;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'value'>;
 /**
  * A single content item in a Tabs component.
  * @example
  * ```tsx
- * <Tabs.Content value='1'>content 1</Tabs.Content>
+ * <Tabs.Panel value='1'>content 1</Tabs.Panel>
  * ```
  */
-export declare const TabContent: React.ForwardRefExoticComponent<{
-    /** When this value is selected as the current state, render this `TabContent` component*/
+export declare const TabsPanel: React.ForwardRefExoticComponent<{
+    /** When this value is selected as the current state, render this `TabsPanel` component*/
     value: string;
 } & Omit<HTMLAttributes<HTMLDivElement>, "value"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=TabContent.d.ts.map
+//# sourceMappingURL=TabsPanel.d.ts.map

package/dist/types/components/Tabs/TabsPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabsPanel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,cAAc,GAAG;IAC3B,yFAAyF;IACzF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAElD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS;IAXpB,yFAAyF;WAClF,MAAM;wFAyBd,CAAC"}

package/dist/types/components/Tabs/{Tab.d.ts → TabsTab.d.ts}

@@ -1,5 +1,5 @@
 import type { HTMLAttributes } from 'react';
-export type TabProps = {
+export type TabsTabProps = {
     /** Value that will be set in the `Tabs` components state when the tab is activated */
     value: string;
 } & Omit<HTMLAttributes<HTMLButtonElement>, 'value'>;
@@ -8,8 +8,8 @@ export type TabProps = {
  * @example
  * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
  */
-export declare const Tab: React.ForwardRefExoticComponent<{
+export declare const TabsTab: React.ForwardRefExoticComponent<{
     /** Value that will be set in the `Tabs` components state when the tab is activated */
     value: string;
 } & Omit<HTMLAttributes<HTMLButtonElement>, "value"> & React.RefAttributes<HTMLButtonElement>>;
-//# sourceMappingURL=Tab.d.ts.map
+//# sourceMappingURL=TabsTab.d.ts.map

package/dist/types/components/Tabs/TabsTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,YAAY,GAAG;IACzB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,OAAO;IATlB,sFAAsF;WAC/E,MAAM;8FA4Bd,CAAC"}