@digdir/designsystemet-react 0.63.1 → 0.100.51-next.51

package/dist/types/components/Suggestion/SuggestionOption.d.ts

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

package/dist/types/components/Suggestion/SuggestionOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestionOption.d.ts","sourceRoot":"","sources":["../../../src/components/Suggestion/SuggestionOption.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,qBAAqB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GACzE,YAAY,CAAC;AAEf,eAAO,MAAM,gBAAgB,kIAW3B,CAAC"}

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

@@ -0,0 +1,54 @@
+import { SuggestionClear } from './SuggestionClear';
+import { SuggestionEmpty } from './SuggestionEmpty';
+import { SuggestionInput } from './SuggestionInput';
+import { SuggestionList } from './SuggestionList';
+import { SuggestionOption } from './SuggestionOption';
+/**
+ * A component that provides a suggestion list for an input field.
+ *
+ * @example
+ * <Suggestion>
+ *   <Suggestion.Input />
+ *   <Suggestion.Clear />
+ *   <Suggestion.List>
+ *     <Suggestion.Empty>Tomt</Suggestion.Empty>
+ *     <Suggestion.Option value='Option 1'>Option 1</Suggestion.Option>
+ *     <Suggestion.Option value='Option 2'>Option 2</Suggestion.Option>
+ *   </Suggestion.List>
+ * </Suggestion>
+ */
+declare const EXPERIMENTAL_Suggestion: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDivElement>, "filter" | "asChild"> & {
+    filter?: boolean | ((args: {
+        index: number;
+        text: string;
+        value: string;
+        optionElement: HTMLOptionElement;
+        input: HTMLInputElement;
+    }) => boolean);
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>> & {
+    List: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLDataListElement>, "singular" | "plural"> & {
+        singular?: string;
+        plural?: string;
+    } & React.RefAttributes<HTMLDataListElement>>;
+    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>>;
+    Empty: React.ForwardRefExoticComponent<import("../../types").DefaultProps & React.OptionHTMLAttributes<HTMLOptionElement> & React.RefAttributes<HTMLOptionElement>>;
+    Option: React.ForwardRefExoticComponent<React.OptionHTMLAttributes<HTMLOptionElement> & import("../../types").DefaultProps & React.RefAttributes<HTMLOptionElement>>;
+    Clear: React.ForwardRefExoticComponent<Omit<import("..").ButtonProps, "children" | "variant"> & {
+        'aria-label'?: string;
+    } & React.RefAttributes<HTMLButtonElement>>;
+};
+export { EXPERIMENTAL_Suggestion, SuggestionList as EXPERIMENTAL_SuggestionList, SuggestionInput as EXPERIMENTAL_SuggestionInput, SuggestionEmpty as EXPERIMENTAL_SuggestionEmpty, SuggestionOption as EXPERIMENTAL_SuggestionOption, SuggestionClear as EXPERIMENTAL_SuggestionClear, };
+export type { SuggestionProps } from './Suggestion';
+export type { SuggestionListProps } from './SuggestionList';
+export type { SuggestionInputProps } from './SuggestionInput';
+export type { SuggestionEmptyProps } from './SuggestionEmpty';
+export type { SuggestionOptionProps } from './SuggestionOption';
+export type { SuggestionClearProps } from './SuggestionClear';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Suggestion/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;CAM3B,CAAC;AASH,OAAO,EACL,uBAAuB,EACvB,cAAc,IAAI,2BAA2B,EAC7C,eAAe,IAAI,4BAA4B,EAC/C,eAAe,IAAI,4BAA4B,EAC/C,gBAAgB,IAAI,6BAA6B,EACjD,eAAe,IAAI,4BAA4B,GAChD,CAAC;AACF,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

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

@@ -0,0 +1,36 @@
+import type { InputHTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps, LabelRequired } from '../../types';
+import type { MergeRight } from '../../utilities';
+import { type FieldProps } from '../Field';
+import { type InputProps } from '../Input';
+export type SwitchProps = MergeRight<DefaultProps & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, {
+    /**
+     * Optional aria-label
+     */
+    'aria-label'?: string;
+    /**
+     * Radio label
+     */
+    label?: ReactNode;
+    /**
+     * Description for field
+     */
+    description?: ReactNode;
+    /**
+     * Value of the `input` element
+     */
+    value?: InputProps['value'];
+    /**
+     * Position of switch
+     * @default start
+     */
+    position?: FieldProps['position'];
+} & LabelRequired>;
+/**
+ * Switch used to toggle options.
+ *
+ * @example
+ * <Switch label="I agree" value="agree" />
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,MAAM,MAAM,WAAW,GAAG,UAAU,CAClC,YAAY,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,EAC3E;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACnC,GAAG,aAAa,CAClB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,MAAM,sFAyBjB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

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

@@ -1,50 +1,72 @@
-import * as React from 'react';
-type OldTableSizes = 'small' | 'medium' | 'large';
+import type { TableHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
 export type TableProps = {
     /**
-     * The size of the table
-     * @default md
-     * @note `small`, `medium`, `large` is deprecated
-     */
-    size?: 'sm' | 'md' | 'lg' | OldTableSizes;
-    /**
-     * If true, the table will have zebra striping
+     * Will give the table zebra striping
      * @default false
      */
     zebra?: boolean;
     /**
-     * If true, the table will have a sticky header
+     * Will make the table header sticky
      * @default false
      */
     stickyHeader?: boolean;
     /**
-     * If true, the table will have a rounded border
+     * Will give the table a rounded border
      * @default false
      */
     border?: boolean;
-} & Omit<React.TableHTMLAttributes<HTMLTableElement>, 'border'>;
+    /**
+     * Will give the table a hover effect on rows
+     * @default false
+     */
+    hover?: boolean;
+} & Omit<TableHTMLAttributes<HTMLTableElement>, 'border'> & DefaultProps;
+/**
+ * Table component, used to display tabular data. Renders a native HTML table element.
+ *
+ * @example
+ * <Table>
+ *   <Table.Head>
+ *     <Table.Row>
+ *       <Table.HeaderCell>Name</Table.HeaderCell>
+ *       <Table.HeaderCell>Age</Table.HeaderCell>
+ *     </Table.Row>
+ *   </Table.Head>
+ *   <Table.Body>
+ *     <Table.Row>
+ *       <Table.Cell>John</Table.Cell>
+ *       <Table.Cell>25</Table.Cell>
+ *     </Table.Row>
+ *   </Table.Body>
+ *   <Table.Foot>
+ *     <Table.Row>
+ *       <Table.Cell>Total</Table.Cell>
+ *       <Table.Cell>2</Table.Cell>
+ *     </Table.Row>
+ *   </Table.Foot>
+ * </Table>
+ */
 export declare const Table: React.ForwardRefExoticComponent<{
     /**
-     * The size of the table
-     * @default md
-     * @note `small`, `medium`, `large` is deprecated
+     * Will give the table zebra striping
+     * @default false
      */
-    size?: "sm" | "md" | "lg" | OldTableSizes | undefined;
+    zebra?: boolean;
     /**
-     * If true, the table will have zebra striping
+     * Will make the table header sticky
      * @default false
      */
-    zebra?: boolean | undefined;
+    stickyHeader?: boolean;
     /**
-     * If true, the table will have a sticky header
+     * Will give the table a rounded border
      * @default false
      */
-    stickyHeader?: boolean | undefined;
+    border?: boolean;
     /**
-     * If true, the table will have a rounded border
+     * Will give the table a hover effect on rows
      * @default false
      */
-    border?: boolean | undefined;
-} & Omit<React.TableHTMLAttributes<HTMLTableElement>, "border"> & React.RefAttributes<HTMLTableElement>>;
-export {};
+    hover?: boolean;
+} & Omit<TableHTMLAttributes<HTMLTableElement>, "border"> & DefaultProps & React.RefAttributes<HTMLTableElement>>;
 //# 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":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,UAAU,GAAG;IACvB;;;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,GACvD,YAAY,CAAC;AAEf;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,KAAK;IAhDhB;;;OAGG;YACK,OAAO;IACf;;;OAGG;mBACY,OAAO;IACtB;;;OAGG;aACM,OAAO;IAChB;;;OAGG;YACK,OAAO;iHAsDf,CAAC"}

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

@@ -1,4 +1,15 @@
-import * as React from 'react';
-export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
+import { type HTMLAttributes } from 'react';
+export type TableBodyProps = HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * TableBody component, used to display the body of a table. Renders a native HTML tbody element.
+ *
+ * @example
+ * <Table.Body>
+ *   <Table.Row>
+ *     <Table.Cell>John</Table.Cell>
+ *     <Table.Cell>25</Table.Cell>
+ *   </Table.Row>
+ * </Table.Body>
+ */
 export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
 //# sourceMappingURL=TableBody.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE3E,eAAO,MAAM,SAAS,gGAYpB,CAAC"}
+{"version":3,"file":"TableBody.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAErE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,gGAIrB,CAAC"}

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

@@ -1,4 +1,10 @@
-import * as React from 'react';
-export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
+import { type TdHTMLAttributes } from 'react';
+export type TableCellProps = TdHTMLAttributes<HTMLTableCellElement>;
+/**
+ * TableCell component, used to display the cells of a table. Renders a native HTML td element.
+ *
+ * @example
+ * <Table.Cell>John</Table.Cell>
+ */
 export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
 //# sourceMappingURL=TableCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E,eAAO,MAAM,SAAS,6FAYrB,CAAC"}
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAc,MAAM,OAAO,CAAC;AAE1D,MAAM,MAAM,cAAc,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAEpE;;;;;GAKG;AACH,eAAO,MAAM,SAAS,6FAIrB,CAAC"}

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

@@ -0,0 +1,15 @@
+import { type HTMLAttributes } from 'react';
+export type TableFootProps = HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * TableFoot component, used to display the footer of a table. Renders a native HTML tfoot element.
+ *
+ * @example
+ * <Table.Foot>
+ *   <Table.Row>
+ *     <Table.Cell>Total</Table.Cell>
+ *     <Table.Cell>2</Table.Cell>
+ *   </Table.Row>
+ * </Table.Foot>
+ */
+export declare const TableFoot: React.ForwardRefExoticComponent<TableFootProps & React.RefAttributes<HTMLTableSectionElement>>;
+//# sourceMappingURL=TableFoot.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFoot.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableFoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAErE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,gGAIrB,CAAC"}

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

@@ -1,4 +1,15 @@
-import * as React from 'react';
-export type TableHeadProps = React.HTMLAttributes<HTMLTableSectionElement>;
+import { type HTMLAttributes } from 'react';
+export type TableHeadProps = HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * TableHead component, used to display the header of a table. Renders a native HTML thead element.
+ *
+ * @example
+ * <Table.Head>
+ *   <Table.Row>
+ *     <Table.HeaderCell>Name</Table.HeaderCell>
+ *     <Table.HeaderCell>Age</Table.HeaderCell>
+ *   </Table.Row>
+ * </Table.Head>
+ */
 export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
 //# sourceMappingURL=TableHead.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE3E,eAAO,MAAM,SAAS,gGAapB,CAAC"}
+{"version":3,"file":"TableHead.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableHead.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAErE;;;;;;;;;;GAUG;AACH,eAAO,MAAM,SAAS,gGAIrB,CAAC"}

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

@@ -1,37 +1,23 @@
 import type { AriaAttributes } from 'react';
-import * as React from 'react';
+import { type ThHTMLAttributes } from 'react';
 export type TableHeaderCellProps = {
     /**
-     * If true, will add a button to the header cell
-     * @default false
-     */
-    sortable?: boolean;
-    /**
-     * If true, will change aria-sort and icon
+     * If 'none' | 'ascending' | 'descending' | 'other' will add a button to the header cell and change aria-sort and icon
      * @default undefined
      */
     sort?: AriaAttributes['aria-sort'];
-    /**
-     * Callback for when the sort button is clicked
-     * @default undefined
-     */
-    onSortClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-} & React.ThHTMLAttributes<HTMLTableCellElement>;
+} & ThHTMLAttributes<HTMLTableCellElement>;
+/**
+ * TableHeaderCell component, used to display the header cells of a table. Renders a native HTML th element.
+ *
+ * @example
+ * <Table.HeaderCell>Name</Table.HeaderCell>
+ */
 export declare const TableHeaderCell: React.ForwardRefExoticComponent<{
     /**
-     * If true, will add a button to the header cell
-     * @default false
-     */
-    sortable?: boolean | undefined;
-    /**
-     * If true, will change aria-sort and icon
-     * @default undefined
-     */
-    sort?: AriaAttributes['aria-sort'];
-    /**
-     * Callback for when the sort button is clicked
+     * If 'none' | 'ascending' | 'descending' | 'other' will add a button to the header cell and change aria-sort and icon
      * @default undefined
      */
-    onSortClick?: ((e: React.MouseEvent<HTMLButtonElement>) => void) | undefined;
-} & React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+    sort?: AriaAttributes["aria-sort"];
+} & ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
 //# sourceMappingURL=TableHeaderCell.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableHeaderCell.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CAChE,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAEjD,eAAO,MAAM,eAAe;IAjB1B;;;OAGG;;IAEH;;;OAGG;WACI,cAAc,CAAC,WAAW,CAAC;IAClC;;;OAGG;uBACe,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,IAAI;6FA4C/D,CAAC"}
+{"version":3,"file":"TableHeaderCell.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableHeaderCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,KAAK,gBAAgB,EAAc,MAAM,OAAO,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CACpC,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE3C;;;;;GAKG;AACH,eAAO,MAAM,eAAe;IAb1B;;;OAGG;WACI,cAAc,CAAC,WAAW,CAAC;uFAkBlC,CAAC"}

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

@@ -1,4 +1,13 @@
-import * as React from 'react';
-export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
+import { type HTMLAttributes } from 'react';
+export type TableRowProps = HTMLAttributes<HTMLTableRowElement>;
+/**
+ * TableRow component, used to display the rows of a table. Renders a native HTML tr element.
+ *
+ * @example
+ * <Table.Row>
+ *   <Table.Cell>John</Table.Cell>
+ *   <Table.Cell>25</Table.Cell>
+ * </Table.Row>
+ */
 export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
 //# sourceMappingURL=TableRow.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEtE,eAAO,MAAM,QAAQ,2FAYpB,CAAC"}
+{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAc,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEhE;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,2FAIpB,CAAC"}

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

@@ -1,16 +1,56 @@
-import { Table as TableRoot } from './Table';
-import { TableHead } from './TableHead';
+import type { TableProps } from './Table';
 import { TableBody } from './TableBody';
-import { TableRow } from './TableRow';
+import type { TableBodyProps } from './TableBody';
 import { TableCell } from './TableCell';
+import type { TableCellProps } from './TableCell';
+import { TableFoot } from './TableFoot';
+import type { TableFootProps } from './TableFoot';
+import { TableHead } from './TableHead';
+import type { TableHeadProps } from './TableHead';
 import { TableHeaderCell } from './TableHeaderCell';
-type TableComponent = typeof TableRoot & {
-    Head: typeof TableHead;
-    Body: typeof TableBody;
-    Row: typeof TableRow;
-    Cell: typeof TableCell;
-    HeaderCell: typeof TableHeaderCell;
+import type { TableHeaderCellProps } from './TableHeaderCell';
+import { TableRow } from './TableRow';
+import type { TableRowProps } from './TableRow';
+/**
+ * Table component, used to display tabular data. Renders a native HTML table element.
+ *
+ * @example
+ * <Table>
+ *   <Table.Head>
+ *     <Table.Row>
+ *       <Table.HeaderCell>Name</Table.HeaderCell>
+ *       <Table.HeaderCell>Age</Table.HeaderCell>
+ *     </Table.Row>
+ *   </Table.Head>
+ *   <Table.Body>
+ *     <Table.Row>
+ *       <Table.Cell>John</Table.Cell>
+ *       <Table.Cell>25</Table.Cell>
+ *     </Table.Row>
+ *   </Table.Body>
+ *   <Table.Foot>
+ *     <Table.Row>
+ *       <Table.Cell>Total</Table.Cell>
+ *       <Table.Cell>2</Table.Cell>
+ *     </Table.Row>
+ *   </Table.Foot>
+ * </Table>
+ */
+declare const Table: React.ForwardRefExoticComponent<{
+    zebra?: boolean;
+    stickyHeader?: boolean;
+    border?: boolean;
+    hover?: boolean;
+} & Omit<React.TableHTMLAttributes<HTMLTableElement>, "border"> & import("../../types").DefaultProps & React.RefAttributes<HTMLTableElement>> & {
+    Head: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableSectionElement>>;
+    Body: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+    Row: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+    Cell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+    HeaderCell: React.ForwardRefExoticComponent<{
+        sort?: React.AriaAttributes["aria-sort"];
+    } & React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+    Foot: React.ForwardRefExoticComponent<TableFootProps & React.RefAttributes<HTMLTableSectionElement>>;
 };
-declare const Table: TableComponent;
-export { Table, TableHead, TableBody, TableRow, TableCell, TableHeaderCell };
+export { Table, TableHead, TableBody, TableRow, TableCell, TableHeaderCell, TableFoot, };
+export type { TableProps, TableHeadProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, TableFootProps, };
 //# 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":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,KAAK;;;;;;;;;;;;;;CAOT,CAAC;AAUH,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,SAAS,GACV,CAAC;AACF,YAAY,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,aAAa,EACb,cAAc,EACd,oBAAoB,EACpB,cAAc,GACf,CAAC"}

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

@@ -1,53 +1,59 @@
 import type { HTMLAttributes } from 'react';
-type OldTabSize = 'small' | 'medium' | 'large';
-export type TabsProps = {
-    /** Controlled state for `Tabs` component. */
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'>, {
+    /**
+     * Controlled state for `Tabs` component
+     * @default undefined
+     */
     value?: string;
-    /** Default value. */
+    /**
+     * Default selected tab value
+     * @default undefined
+     */
     defaultValue?: string;
-    /** Callback with selected `TabItem` `value` */
-    onChange?: (value: string) => void;
     /**
-     * Changes items size and paddings
-     * @default md
-     * @note `small`, `medium`, `large` is deprecated
+     * Callback with selected `TabItem` `value`
+     * @default undefined
      */
-    size?: 'sm' | 'md' | 'lg' | OldTabSize;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'value'>;
-/** `Tabs` component.
+    onChange?: (value: string) => void;
+}>;
+export type ContextProps = {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+};
+export declare const Context: React.Context<ContextProps>;
+/**
+ * Display a group of tabs that can be toggled between.
+ *
  * @example
- * ```tsx
  * <Tabs 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.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 type TabsContextProps = {
+export declare const Tabs: React.ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange">, "value" | "onChange" | "defaultValue"> & {
+    /**
+     * Controlled state for `Tabs` component
+     * @default undefined
+     */
     value?: string;
+    /**
+     * Default selected tab value
+     * @default undefined
+     */
     defaultValue?: string;
-    onChange?: (value: string) => void;
-};
-export declare const TabsContext: import("react").Context<TabsContextProps>;
-export declare const Tabs: import("react").ForwardRefExoticComponent<{
-    /** Controlled state for `Tabs` component. */
-    value?: string | undefined;
-    /** Default value. */
-    defaultValue?: string | undefined;
-    /** Callback with selected `TabItem` `value` */
-    onChange?: ((value: string) => void) | undefined;
     /**
-     * Changes items size and paddings
-     * @default md
-     * @note `small`, `medium`, `large` is deprecated
+     * Callback with selected `TabItem` `value`
+     * @default undefined
      */
-    size?: "sm" | "md" | "lg" | OldTabSize | undefined;
-} & Omit<HTMLAttributes<HTMLDivElement>, "value" | "onChange"> & import("react").RefAttributes<HTMLDivElement>>;
-export {};
+    onChange?: (value: string) => void;
+} & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE/C,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;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,UAAU,CAAC;CACxC,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;AAE/D;;;;;;;;;;;;;;GAcG;AACH,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;CACpC,CAAC;AAEF,eAAO,MAAM,WAAW,2CAAsC,CAAC;AAE/D,eAAO,MAAM,IAAI;IArCf,6CAA6C;;IAE7C,qBAAqB;;IAErB,+CAA+C;wBAC5B,MAAM,KAAK,IAAI;IAClC;;;;OAIG;;+GA8DJ,CAAC"}
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACzE;IACE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC,CACF,CAAC;AAEF,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;CACpC,CAAC;AAEF,eAAO,MAAM,OAAO,6BAAkC,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI;IAzCb;;;OAGG;YACK,MAAM;IACd;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;wCAuDpC,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from 'react';
+export type TabsListProps = HTMLAttributes<HTMLDivElement>;
+/**
+ * The container for all `Tab` components.
+ *
+ * @example
+ * <Tabs.List>
+ *  <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+ *  <Tabs.Tab value='2'>Tab 2</Tabs.Tab>
+ * </Tabs.List>
+ */
+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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAO5C,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,sFAgBpB,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { HTMLAttributes } from 'react';
+export type TabsPanelProps = {
+    /**
+     * When this value is selected as the current state, render this `TabsPanel` component.
+     * Must match the `value` of a `Tabs.Tab` component.
+     */
+    value: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'value'>;
+/**
+ * A single content item in a Tabs component.
+ *
+ * @example
+ * <Tabs.Panel value='1'>content 1</Tabs.Panel>
+ */
+export declare const TabsPanel: React.ForwardRefExoticComponent<{
+    /**
+     * When this value is selected as the current state, render this `TabsPanel` component.
+     * Must match the `value` of a `Tabs.Tab` component.
+     */
+    value: string;
+} & Omit<HTMLAttributes<HTMLDivElement>, "value"> & React.RefAttributes<HTMLDivElement>>;
+//# 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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC;AAElD;;;;;GAKG;AACH,eAAO,MAAM,SAAS;IAbpB;;;OAGG;WACI,MAAM;wFA2Cd,CAAC"}