@digdir/designsystemet-react 0.62.0 → 1.0.0-next.14

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

@@ -1,5 +1,4 @@
 import type * as React from 'react';
-type OldSpinnerSizes = 'xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 export type SpinnerProps = {
     /** Spinner title  */
     title: string;
@@ -7,16 +6,17 @@ export type SpinnerProps = {
      * Spinner size
      *
      * @default md
-     * @note `xxsmall`, `xsmall`, `small`, `medium`, `large`, `xlarge` is deprecated
      */
-    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | OldSpinnerSizes;
-    /** Spinner appearance  */
-    variant?: 'default' | 'interaction' | 'inverted';
+    size?: '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Spinner appearance
+     * @default neutral
+     */
+    color?: 'neutral' | 'accent';
 } & React.ComponentPropsWithoutRef<'svg'>;
 /**  Spinner component used for indicating busy or indeterminate loading */
 export declare const Spinner: {
-    ({ title, variant, className, style, ...rest }: SpinnerProps): JSX.Element;
+    ({ title, color, size, className, style, ...rest }: SpinnerProps): JSX.Element;
     displayName: string;
 };
-export {};
 //# sourceMappingURL=Spinner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAMpC,KAAK,eAAe,GAChB,SAAS,GACT,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAab,MAAM,MAAM,YAAY,GAAG;IACzB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,eAAe,CAAC;IAClE,0BAA0B;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,CAAC;CAClD,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,2EAA2E;AAC3E,eAAO,MAAM,OAAO;oDAMjB,YAAY,GAAG,WAAW;;CAgD5B,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAgBpC,MAAM,MAAM,YAAY,GAAG;IACzB,qBAAqB;IACrB,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;CAC9B,GAAG,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC;AAE1C,2EAA2E;AAC3E,eAAO,MAAM,OAAO;wDAOjB,YAAY,GAAG,WAAW;;CAqC5B,CAAC"}

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

@@ -1,12 +1,10 @@
 import * as React from 'react';
-type OldTableSizes = 'small' | 'medium' | 'large';
 export type TableProps = {
     /**
      * The size of the table
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: 'sm' | 'md' | 'lg' | OldTableSizes;
+    size?: 'sm' | 'md' | 'lg';
     /**
      * If true, the table will have zebra striping
      * @default false
@@ -27,9 +25,8 @@ export declare const Table: React.ForwardRefExoticComponent<{
     /**
      * The size of the table
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: "sm" | "md" | "lg" | OldTableSizes | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
     /**
      * If true, the table will have zebra striping
      * @default false
@@ -46,5 +43,4 @@ export declare const Table: React.ForwardRefExoticComponent<{
      */
     border?: boolean | undefined;
 } & Omit<React.TableHTMLAttributes<HTMLTableElement>, "border"> & React.RefAttributes<HTMLTableElement>>;
-export {};
 //# sourceMappingURL=Table.d.ts.map

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG;IACvB;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,aAAa,CAAC;IAC1C;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEhE,eAAO,MAAM,KAAK;IAvBhB;;;;OAIG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;wGAwCJ,CAAC"}
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,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;CAClB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEhE,eAAO,MAAM,KAAK;IAtBhB;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;wGAwCJ,CAAC"}

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

@@ -4,6 +4,12 @@ import { TableBody } from './TableBody';
 import { TableRow } from './TableRow';
 import { TableCell } from './TableCell';
 import { TableHeaderCell } from './TableHeaderCell';
+import type { TableProps } from './Table';
+import type { TableHeadProps } from './TableHead';
+import type { TableBodyProps } from './TableBody';
+import type { TableRowProps } from './TableRow';
+import type { TableCellProps } from './TableCell';
+import type { TableHeaderCellProps } from './TableHeaderCell';
 type TableComponent = typeof TableRoot & {
     Head: typeof TableHead;
     Body: typeof TableBody;
@@ -13,4 +19,5 @@ type TableComponent = typeof TableRoot & {
 };
 declare const Table: TableComponent;
 export { Table, TableHead, TableBody, TableRow, TableCell, TableHeaderCell };
+export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,KAAK,cAAc,GAAG,OAAO,SAAS,GAAG;IACvC,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,GAAG,EAAE,OAAO,QAAQ,CAAC;IACrB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,UAAU,EAAE,OAAO,eAAe,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,KAAK,gBAA8B,CAAC;AAe1C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,cAAc,GAAG,OAAO,SAAS,GAAG;IACvC,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,GAAG,EAAE,OAAO,QAAQ,CAAC;IACrB,IAAI,EAAE,OAAO,SAAS,CAAC;IACvB,UAAU,EAAE,OAAO,eAAe,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,KAAK,gBAA8B,CAAC;AAe1C,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAC7E,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,oBAAoB,GACrB,CAAC"}

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

@@ -1,10 +1,15 @@
 import type { HTMLAttributes } from 'react';
 export type TabProps = {
-    /** Value that will be set in the `Tabs` components state when the tab is activated*/
+    /** Value that will be set in the `Tabs` components state when the tab is activated */
     value: string;
 } & Omit<HTMLAttributes<HTMLButtonElement>, 'value'>;
+/**
+ * A single item in a Tabs component.
+ * @example
+ * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+ */
 export declare const Tab: import("react").ForwardRefExoticComponent<{
-    /** Value that will be set in the `Tabs` components state when the tab is activated*/
+    /** Value that will be set in the `Tabs` components state when the tab is activated */
     value: string;
 } & Omit<HTMLAttributes<HTMLButtonElement>, "value"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Tab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,MAAM,MAAM,QAAQ,GAAG;IACrB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD;;;;GAIG;AACH,eAAO,MAAM,GAAG;IATd,sFAAsF;WAC/E,MAAM;wGAiCb,CAAC"}

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

@@ -3,6 +3,13 @@ export type TabContentProps = {
     /** When this value is selected as the current state, render this `TabContent` 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>
+ * ```
+ */
 export declare const TabContent: import("react").ForwardRefExoticComponent<{
     /** When this value is selected as the current state, render this `TabContent` component*/
     value: string;

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C,MAAM,MAAM,eAAe,GAAG;IAC5B,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAElD;;;;;;GAMG;AACH,eAAO,MAAM,UAAU;IAXrB,0FAA0F;WACnF,MAAM;kGAmCd,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from 'react';
+/**
+ * The container for all `Tab` components.
+ * @example
+ * ```tsx
+ * <Tabs.List>
+ *  <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+ *  <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
+ * </Tabs.List>
+ * ```
+ */
+export declare const TabList: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TabList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabList.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ5C;;;;;;;;;GASG;AACH,eAAO,MAAM,OAAO,2HAiBlB,CAAC"}

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

@@ -1,5 +1,4 @@
 import type { HTMLAttributes } from 'react';
-type OldTabSize = 'small' | 'medium' | 'large';
 export type TabsProps = {
     /** Controlled state for `Tabs` component. */
     value?: string;
@@ -10,32 +9,33 @@ export type TabsProps = {
     /**
      * Changes items size and paddings
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: 'sm' | 'md' | 'lg' | OldTabSize;
+    size?: 'sm' | 'md' | 'lg';
 } & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'>;
-/** `Tabs` component.
+export type TabsContextProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    size?: TabsProps['size'];
+};
+export declare const TabsContext: import("react").Context<TabsContextProps>;
+/**
+ * Display a group of tabs that can be toggled between.
  * @example
  * ```tsx
- * <Tabs onChange={(value) => console.log(value)}>
+ * <Tabs.Root onChange={(value) => console.log(value)}>
  *   <Tabs.List>
- *     <Tabs.Item value='1'>Tab 1</Tabs.Item>
- *     <Tabs.Item value='2'>Tab 2</Tabs.Item>
- *     <Tabs.Item value='3'>Tab 3</Tabs.Item>
+ *     <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>
+ * </Tabs.Root>
  * ```
  */
-export type TabsContextProps = {
-    value?: string;
-    defaultValue?: string;
-    onChange?: (value: string) => void;
-};
-export declare const TabsContext: import("react").Context<TabsContextProps>;
-export declare const Tabs: import("react").ForwardRefExoticComponent<{
+export declare const TabsRoot: import("react").ForwardRefExoticComponent<{
     /** Controlled state for `Tabs` component. */
     value?: string | undefined;
     /** Default value. */
@@ -45,9 +45,7 @@ export declare const Tabs: import("react").ForwardRefExoticComponent<{
     /**
      * Changes items size and paddings
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
-    size?: "sm" | "md" | "lg" | OldTabSize | undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
-//# sourceMappingURL=Tabs.d.ts.map
+    size?: "sm" | "md" | "lg" | undefined;
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TabsRoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TabsRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/TabsRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,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,gBAAgB,GAAG;IAC7B,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,WAAW,2CAAsC,CAAC;AAE/D;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,QAAQ;IAtCnB,6CAA6C;;IAE7C,qBAAqB;;IAErB,+CAA+C;wBAC5B,MAAM,KAAK,IAAI;IAClC;;;OAGG;;+GA0EJ,CAAC"}

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

@@ -1,15 +1,32 @@
-import { Tabs as TabsRoot } from './Tabs';
+import { TabsRoot } from './TabsRoot';
 import { Tab } from './Tab';
 import { TabList } from './TabList';
 import { TabContent } from './TabContent';
-export type { TabsProps } from './Tabs';
+export type { TabsProps } from './TabsRoot';
 export type { TabProps } from './Tab';
 export type { TabContentProps } from './TabContent';
-type TabsComponent = typeof TabsRoot & {
+type TabsComponent = {
+    Root: typeof TabsRoot;
     Tab: typeof Tab;
     List: typeof TabList;
     Content: typeof TabContent;
 };
+/**
+ * Display a group of tabs that can be toggled between.
+ * @example
+ * ```tsx
+ * <Tabs.Root 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>
+ * ```
+ */
 declare const Tabs: TabsComponent;
-export { Tabs, Tab, TabList, TabContent };
+export { Tabs, TabsRoot, Tab, TabList, TabContent };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,aAAa,GAAG,OAAO,QAAQ,GAAG;IACrC,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,IAAI,EAAE,OAAO,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,UAAU,CAAC;CAC5B,CAAC;AAEF,QAAA,MAAM,IAAI,eAA4B,CAAC;AAUvC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB,GAAG,EAAE,OAAO,GAAG,CAAC;IAChB,IAAI,EAAE,OAAO,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,UAAU,CAAC;CAC5B,CAAC;AAEF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,IAAI,EAAE,aAAmC,CAAC;AAYhD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import type { TabsContextProps } from './TabsRoot';
+import type { TabProps } from '.';
+type UseTab = (props: TabProps) => Pick<HTMLAttributes<HTMLButtonElement>, 'id' | 'aria-selected' | 'role' | 'onClick'> & {
+    size?: TabsContextProps['size'];
+};
+/** Handles props for `Tab` in context with `Tabs` */
+export declare const useTabItem: UseTab;
+export {};
+//# sourceMappingURL=useTab.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/useTab.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGnD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAC;AAElC,KAAK,MAAM,GAAG,CACZ,KAAK,EAAE,QAAQ,KACZ,IAAI,CACP,cAAc,CAAC,iBAAiB,CAAC,EACjC,IAAI,GAAG,eAAe,GAAG,MAAM,GAAG,SAAS,CAC5C,GAAG;IAAE,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;CAAE,CAAC;AAExC,qDAAqD;AACrD,eAAO,MAAM,UAAU,EAAE,MAexB,CAAC"}

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

@@ -1,27 +1,32 @@
 import type { HTMLAttributes } from 'react';
 import type { ParagraphProps } from '../Typography';
-type Size = Exclude<ParagraphProps['size'], 'xsmall' | 'xs'>;
+type Size = Exclude<ParagraphProps['size'], 'xs'>;
 export type TagProps = {
-    /** Color of the tag
+    /**
+     * Color of the tag
      * @default neutral
      */
-    color?: 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'first' | 'second' | 'third';
+    color?: 'neutral' | 'success' | 'warning' | 'danger' | 'info' | 'brand1' | 'brand2' | 'brand3';
     /**
      * Size of the tag
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: Size;
 } & HTMLAttributes<HTMLSpanElement>;
+/**
+ * Use `Tag` to display a small piece of information.
+ * @example
+ * <Tag color='success'>Success</Tag>
+ */
 export declare const Tag: import("react").ForwardRefExoticComponent<{
-    /** Color of the tag
+    /**
+     * Color of the tag
      * @default neutral
      */
-    color?: "first" | "second" | "success" | "danger" | "info" | "warning" | "third" | "neutral" | undefined;
+    color?: "neutral" | "danger" | "info" | "warning" | "brand1" | "brand2" | "brand3" | "success" | undefined;
     /**
      * Size of the tag
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: Size;
 } & HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIpD,KAAK,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG;IACrB;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,OAAO,GACP,QAAQ,GACR,OAAO,CAAC;IACZ;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC,eAAO,MAAM,GAAG;IApBd;;OAEG;;IAUH;;;;OAIG;WACI,IAAI;qFA2BZ,CAAC"}
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAGpD,KAAK,IAAI,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,CAAC;AAElD,MAAM,MAAM,QAAQ,GAAG;IACrB;;;OAGG;IACH,KAAK,CAAC,EACF,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,QAAQ,CAAC;IACb;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,CAAC;CACb,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAEpC;;;;GAIG;AACH,eAAO,MAAM,GAAG;IAzBd;;;OAGG;;IAUH;;;OAGG;WACI,IAAI;qFA8BZ,CAAC"}

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

@@ -1,3 +1,2 @@
-export { Tag } from './Tag';
-export type { TagProps } from './Tag';
+export * from './Tag';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Tag/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC"}

package/dist/types/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.d.ts

@@ -1,10 +1,21 @@
 import type { ButtonProps } from '../../Button';
 export type ToggleGroupItemProps = {
-    /** The value of the ToggleGroupItem. If not set, the string value of the items children will be used. */
+    /**
+     * The value of the ToggleGroupItem.
+     * Generates a random value if not set.
+     **/
     value?: string;
 } & Omit<ButtonProps, 'value'>;
+/**
+ * A single item in a ToggleGroup.
+ * @example
+ * <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
+ */
 export declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<{
-    /** The value of the ToggleGroupItem. If not set, the string value of the items children will be used. */
+    /**
+     * The value of the ToggleGroupItem.
+     * Generates a random value if not set.
+     **/
     value?: string | undefined;
 } & Omit<ButtonProps, "value"> & import("react").RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=ToggleGroupItem.d.ts.map

package/dist/types/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleGroupItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMhD,MAAM,MAAM,oBAAoB,GAAG;IACjC,yGAAyG;IACzG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAE/B,eAAO,MAAM,eAAe;IAJ1B,yGAAyG;;kFA6BzG,CAAC"}
+{"version":3,"file":"ToggleGroupItem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAMhD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;QAGI;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAE/B;;;;GAIG;AACH,eAAO,MAAM,eAAe;IAZ1B;;;QAGI;;kFAkCJ,CAAC"}

package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts

@@ -1,12 +1,13 @@
-import type { ToggleGroupContextProps } from '../ToggleGroup';
+import type { ToggleGroupContextProps } from '../ToggleGroupRoot';
 import type { ButtonProps } from '../../Button';
 import type { ToggleGroupItemProps } from './ToggleGroupItem';
 type UseToggleGroupItem = (props: ToggleGroupItemProps) => {
     active: boolean;
     size?: ToggleGroupContextProps['size'];
+    value: string;
     buttonProps?: Pick<ButtonProps, 'id' | 'onClick' | 'role' | 'aria-checked' | 'aria-current' | 'name'>;
 };
-/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingTabIndex` */
+/** Handles props for `ToggleGroup.Item` in context with `ToggleGroup` and `RovingFocus` */
 export declare const useToggleGroupItem: UseToggleGroupItem;
 export {};
 //# sourceMappingURL=useToggleGroupitem.d.ts.map

package/dist/types/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToggleGroupitem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE9D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,oBAAoB,KAAK;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,CACrE,CAAC;CACH,CAAC;AAEF,8FAA8F;AAC9F,eAAO,MAAM,kBAAkB,EAAE,kBAyBhC,CAAC"}
+{"version":3,"file":"useToggleGroupitem.d.ts","sourceRoot":"","sources":["../../../../../src/components/ToggleGroup/ToggleGroupItem/useToggleGroupitem.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,oBAAoB,KAAK;IACzD,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,IAAI,CAChB,WAAW,EACX,IAAI,GAAG,SAAS,GAAG,MAAM,GAAG,cAAc,GAAG,cAAc,GAAG,MAAM,CACrE,CAAC;CACH,CAAC;AAEF,2FAA2F;AAC3F,eAAO,MAAM,kBAAkB,EAAE,kBA0BhC,CAAC"}

package/dist/types/components/ToggleGroup/{ToggleGroup.d.ts → ToggleGroupRoot.d.ts}

@@ -20,21 +20,19 @@ export type ToggleGroupProps = {
     /**
      * Changes items size and paddings
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: ToggleGroupContextProps['size'];
 } & Omit<HTMLAttributes<HTMLDivElement>, 'value' | 'onChange'>;
-/** `ToggleGroup` component.
+/**
+ * Display a group of buttons that can be toggled between.
  * @example
- * ```tsx
- * <ToggleGroup onChange={(value) => console.log(value)}>
+ * <ToggleGroup.Root onChange={(value) => console.log(value)}>
  *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
  *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
  *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
- * </ToggleGroup>
- * ```
+ * </ToggleGroup.Root>
  */
-export declare const ToggleGroup: import("react").ForwardRefExoticComponent<{
+export declare const ToggleGroupRoot: import("react").ForwardRefExoticComponent<{
     /** Controlled state for `ToggleGroup` component. */
     value?: string | undefined;
     /** Default value. */
@@ -46,8 +44,7 @@ export declare const ToggleGroup: import("react").ForwardRefExoticComponent<{
     /**
      * Changes items size and paddings
      * @default md
-     * @note `small`, `medium`, `large` is deprecated
      */
     size?: ToggleGroupContextProps['size'];
-} & Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> & import("react").RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ToggleGroup.d.ts.map
+} & Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "value"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ToggleGroupRoot.d.ts.map

package/dist/types/components/ToggleGroup/ToggleGroupRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleGroupRoot.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/ToggleGroupRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,uBAAuB,GAAG;IACpC,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,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAA6C,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,uBAAuB,CAAC,MAAM,CAAC,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAE/D;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe;IAxB1B,oDAAoD;;IAEpD,qBAAqB;;IAErB,uDAAuD;wBACpC,MAAM,KAAK,IAAI;IAClC,wBAAwB;;IAExB;;;OAGG;WACI,uBAAuB,CAAC,MAAM,CAAC;+GA8EvC,CAAC"}

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

@@ -1,10 +1,22 @@
-import { ToggleGroup as ToggleGroupRoot } from './ToggleGroup';
+import { ToggleGroupRoot } from './ToggleGroupRoot';
 import { ToggleGroupItem } from './ToggleGroupItem/ToggleGroupItem';
-export type { ToggleGroupProps } from './ToggleGroup';
+export type { ToggleGroupProps } from './ToggleGroupRoot';
 export type { ToggleGroupItemProps } from './ToggleGroupItem/ToggleGroupItem';
-type ToggleGroupComponent = typeof ToggleGroupRoot & {
+type ToggleGroupComponent = {
+    Root: typeof ToggleGroupRoot;
     Item: typeof ToggleGroupItem;
 };
+/**
+ * Display a group of buttons that can be toggled between.
+ * @example
+ * ```tsx
+ * <ToggleGroup.Root onChange={(value) => console.log(value)}>
+ *   <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
+ *   <ToggleGroup.Item value='2'>Toggle 2</ToggleGroup.Item>
+ *   <ToggleGroup.Item value='3'>Toggle 3</ToggleGroup.Item>
+ * </ToggleGroup.Root>
+ * ```
+ */
 declare const ToggleGroup: ToggleGroupComponent;
-export { ToggleGroup, ToggleGroupItem };
+export { ToggleGroup, ToggleGroupRoot, ToggleGroupItem };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,KAAK,oBAAoB,GAAG,OAAO,eAAe,GAAG;IACnD,IAAI,EAAE,OAAO,eAAe,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,WAAW,sBAA0C,CAAC;AAM5D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ToggleGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,eAAe,CAAC;IAC7B,IAAI,EAAE,OAAO,eAAe,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,QAAA,MAAM,WAAW,sBAA6B,CAAC;AAQ/C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}

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

@@ -1,5 +1,6 @@
 import type { HTMLAttributes } from 'react';
 import * as React from 'react';
+import type { PortalProps } from '../../types/Portal';
 export type TooltipProps = {
     /**
      * The element that triggers the tooltip.
@@ -13,25 +14,29 @@ export type TooltipProps = {
      * @default 'top'
      */
     placement?: 'top' | 'right' | 'bottom' | 'left';
-    /** Delay in milliseconds before opening.
+    /**
+     * Delay in milliseconds before opening.
      * @default 150
      */
     delay?: number;
-    /** Whether the tooltip is open or not.
+    /**
+     * Whether the tooltip is open or not.
      * This overrides the internal state of the tooltip.
      */
     open?: boolean;
-    /** Whether the tooltip is open by default or not. */
-    defaultOpen?: boolean;
-    /** Inverts the color of the tooltip. Use this on dark backgrounds. */
-    inverted?: boolean;
     /**
-     * Portals the floating element outside of the app root and into the body.
-     * @see https://floating-ui.com/docs/floatingportal
-     * @default true
+     * Whether the tooltip is open by default or not.
+     * @default false
      */
-    portal?: boolean;
-} & HTMLAttributes<HTMLDivElement>;
+    defaultOpen?: boolean;
+} & HTMLAttributes<HTMLDivElement> & PortalProps;
+/**
+ * Tooltip component that displays a small piece of information when hovering or focusing on an element.
+ * @example
+ * <Tooltip content='This is a tooltip'>
+ *  <button>Hover me</button>
+ * </Tooltip>
+ */
 export declare const Tooltip: React.ForwardRefExoticComponent<{
     /**
      * The element that triggers the tooltip.
@@ -45,23 +50,20 @@ export declare const Tooltip: React.ForwardRefExoticComponent<{
      * @default 'top'
      */
     placement?: "top" | "right" | "bottom" | "left" | undefined;
-    /** Delay in milliseconds before opening.
+    /**
+     * Delay in milliseconds before opening.
      * @default 150
      */
     delay?: number | undefined;
-    /** Whether the tooltip is open or not.
+    /**
+     * Whether the tooltip is open or not.
      * This overrides the internal state of the tooltip.
      */
     open?: boolean | undefined;
-    /** Whether the tooltip is open by default or not. */
-    defaultOpen?: boolean | undefined;
-    /** Inverts the color of the tooltip. Use this on dark backgrounds. */
-    inverted?: boolean | undefined;
     /**
-     * Portals the floating element outside of the app root and into the body.
-     * @see https://floating-ui.com/docs/floatingportal
-     * @default true
+     * Whether the tooltip is open by default or not.
+     * @default false
      */
-    portal?: boolean | undefined;
-} & HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    defaultOpen?: boolean | undefined;
+} & HTMLAttributes<HTMLDivElement> & PortalProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAChE,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO;IAhClB;;;OAGG;cACO,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,WAAW,CAAC;IAC/D,6BAA6B;aACpB,MAAM;IACf;;;OAGG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH,qDAAqD;;IAErD,sEAAsE;;IAEtE;;;;OAIG;;yEAmHJ,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAMtD,MAAM,MAAM,YAAY,GAAG;IACzB;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;IAChE,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,cAAc,CAAC,cAAc,CAAC,GAChC,WAAW,CAAC;AAEd;;;;;;GAMG;AACH,eAAO,MAAM,OAAO;IArClB;;;OAGG;cACO,MAAM,YAAY,GAAG,MAAM,aAAa,CAAC,WAAW,CAAC;IAC/D,6BAA6B;aACpB,MAAM;IACf;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;IAEH;;;OAGG;;uFA2HJ,CAAC"}

package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts

@@ -1,12 +1,10 @@
 import type { HTMLAttributes } from 'react';
-type OldErrorMessageSizes = 'xsmall' | 'small' | 'medium' | 'large';
 export type ErrorMessageProps = {
     /**
      * Changes text sizing
      * @default md
-     * @note `xsmall`, `small`, `medium`, `large` is deprecated
      */
-    size?: 'xs' | 'sm' | 'md' | 'lg' | OldErrorMessageSizes;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     /** Adds margin-bottom */
     spacing?: boolean;
     /** Toggle error color */
@@ -22,9 +20,8 @@ export declare const ErrorMessage: import("react").ForwardRefExoticComponent<{
     /**
      * Changes text sizing
      * @default md
-     * @note `xsmall`, `small`, `medium`, `large` is deprecated
      */
-    size?: "xs" | "sm" | "md" | "lg" | OldErrorMessageSizes | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | undefined;
     /** Adds margin-bottom */
     spacing?: boolean | undefined;
     /** Toggle error color */
@@ -35,5 +32,4 @@ export declare const ErrorMessage: import("react").ForwardRefExoticComponent<{
      */
     asChild?: boolean | undefined;
 } & HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
-export {};
 //# sourceMappingURL=ErrorMessage.d.ts.map

package/dist/types/components/Typography/ErrorMessage/ErrorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,KAAK,oBAAoB,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,oBAAoB,CAAC;IACxD,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,2DAA2D;AAC3D,eAAO,MAAM,YAAY;IAlBvB;;;;OAIG;;IAEH,yBAAyB;;IAEzB,yBAAyB;;IAEzB;;;OAGG;;+FAwBJ,CAAC"}
+{"version":3,"file":"ErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/ErrorMessage/ErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEzC,2DAA2D;AAC3D,eAAO,MAAM,YAAY;IAjBvB;;;OAGG;;IAEH,yBAAyB;;IAEzB,yBAAyB;;IAEzB;;;OAGG;;+FA0BJ,CAAC"}