@uppsala-designsystem/ui 1.5.0

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

@@ -0,0 +1,10 @@
+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

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

@@ -0,0 +1,15 @@
+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

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

@@ -0,0 +1,23 @@
+import type { AriaAttributes } from 'react';
+import { type ThHTMLAttributes } from 'react';
+export type TableHeaderCellProps = {
+    /**
+     * 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'];
+} & 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 'none' | 'ascending' | 'descending' | 'other' will add a button to the header cell and change aria-sort and icon
+     * @default undefined
+     */
+    sort?: AriaAttributes["aria-sort"];
+} & ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=TableHeaderCell.d.ts.map

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

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

@@ -0,0 +1,13 @@
+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

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

@@ -0,0 +1,56 @@
+import type { TableProps } from './Table';
+import { TableBody } from './TableBody';
+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';
+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>>;
+};
+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

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

@@ -0,0 +1,59 @@
+import type { HTMLAttributes } from 'react';
+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 selected tab value
+     * @default undefined
+     */
+    defaultValue?: string;
+    /**
+     * Callback with selected `TabItem` `value`
+     * @default undefined
+     */
+    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
+ * <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.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 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;
+    /**
+     * Callback with selected `TabItem` `value`
+     * @default undefined
+     */
+    onChange?: (value: string) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+//# 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;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"}

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

@@ -0,0 +1,20 @@
+import type { HTMLAttributes } from 'react';
+export type TabsTabProps = {
+    /**
+     * Unique 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 TabsTab: React.ForwardRefExoticComponent<{
+    /**
+     * Unique 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=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":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FA4Bd,CAAC"}

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

@@ -0,0 +1,37 @@
+import { TabsList } from './TabsList';
+import { TabsPanel } from './TabsPanel';
+import { TabsTab } from './TabsTab';
+/**
+ * Display a group of tabs that can be toggled between.
+ *
+ * @example
+ * <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.Panel value='1'>content 1</Tabs.Panel>
+ *   <Tabs.Panel value='2'>content 2</Tabs.Panel>
+ *   <Tabs.Panel value='3'>content 3</Tabs.Panel>
+ * </Tabs>
+ */
+declare const Tabs: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & Omit<React.HTMLAttributes<HTMLDivElement>, "value" | "onChange">, "value" | "onChange" | "defaultValue"> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+} & React.RefAttributes<HTMLDivElement>> & {
+    List: React.ForwardRefExoticComponent<import("./TabsList").TabsListProps & React.RefAttributes<HTMLDivElement>>;
+    Tab: React.ForwardRefExoticComponent<{
+        value: string;
+    } & Omit<React.HTMLAttributes<HTMLButtonElement>, "value"> & React.RefAttributes<HTMLButtonElement>>;
+    Panel: React.ForwardRefExoticComponent<{
+        value: string;
+    } & Omit<React.HTMLAttributes<HTMLDivElement>, "value"> & React.RefAttributes<HTMLDivElement>>;
+};
+export type { TabsProps } from './Tabs';
+export type { TabsListProps } from './TabsList';
+export type { TabsTabProps } from './TabsTab';
+export type { TabsPanelProps } from './TabsPanel';
+export { Tabs, TabsTab, TabsList, TabsPanel };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,IAAI;;;;;;;;;;;;CAIR,CAAC;AAMH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { Color, SeverityColors } from '@uppsala-designsystem/ui/colors';
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type TagProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
+    /**
+     * Change the color scheme of the tag
+     */
+    'data-color'?: Color | SeverityColors;
+}>;
+/**
+ * Use `Tag` to display categories or statuses.
+ *
+ * @example
+ * <Tag>Melk</Tag>
+ */
+export declare const Tag: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "data-color"> & {
+    /**
+     * Change the color scheme of the tag
+     */
+    'data-color'?: Color | SeverityColors;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Tag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,KAAK,EACL,cAAc,EACf,MAAM,iCAAiC,CAAC;AAEzC,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,QAAQ,GAAG,UAAU,CAC/B,YAAY,GAAG,cAAc,CAAC,eAAe,CAAC,EAC9C;IACE;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,cAAc,CAAC;CACvC,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,GAAG;IAbZ;;OAEG;mBACY,KAAK,GAAG,cAAc;yCAevC,CAAC"}

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

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

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

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

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

@@ -0,0 +1,11 @@
+import type { TextareaHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, 'data-color'>;
+/**
+ * Native HTML textarea element.
+ *
+ * @example
+ * <Textarea />
+ */
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, "data-color"> & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GACrE,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAEnC;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,4JAMpB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,74 @@
+import { type ReactNode } from 'react';
+import type { DefaultProps, LabelRequired } from '../../types';
+import { type FieldCounterProps } from '../Field';
+import { type InputProps } from '../Input';
+import { type TextareaProps } from '../Textarea';
+type InputProps_ = Omit<InputProps, 'prefix' | 'className' | 'style' | 'data-color' | 'type'>;
+type TextareaProps_ = Omit<TextareaProps, 'prefix' | 'className' | 'style'>;
+type SharedTextfieldProps = {
+    /**
+     * Classname on the wrapper element `Field`
+     */
+    className?: InputProps['className'];
+    /**
+     * Style on the wrapper element `Field`
+     * @default undefined
+     */
+    style?: InputProps['style'];
+    /**
+     * Label
+     */
+    label?: ReactNode;
+    /**
+     * Description
+     */
+    description?: ReactNode;
+    /**
+     * Prefix
+     */
+    prefix?: string;
+    /**
+     * Suffix
+     */
+    suffix?: string;
+    /**
+     * Error message for field
+     */
+    error?: ReactNode;
+    /**
+     * Uses `Field.Counter` to display a character counter
+     * Pass a number to set a limit, or an object to configure the counter
+     */
+    counter?: FieldCounterProps | number;
+} & LabelRequired & Omit<DefaultProps, 'data-color'>;
+type TextfieldTextareaProps = {
+    /**
+     * Use to render a `Textarea` instead of `Input` for multiline support
+     **/
+    multiline: true;
+} & TextareaProps_;
+type TextfieldInputProps = {
+    /**
+     * Use to render a `Textarea` instead of `Input` for multiline support
+     **/
+    multiline?: never | false;
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: Omit<InputProps['type'], 'radio' | 'checkbox' | 'image'>;
+} & InputProps_;
+export type TextfieldProps = SharedTextfieldProps & (TextfieldTextareaProps | TextfieldInputProps);
+/**
+ *  Composed text input component using `Field`
+ *
+ * `classname` & `style` are passed to the wrapper elements.
+ *
+ * Rest props are passed to the `Input` or `Textarea` component.
+ * @example
+ * <Textfield label="Textfield label">
+ */
+export declare const Textfield: React.ForwardRefExoticComponent<TextfieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export {};
+//# sourceMappingURL=Textfield.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../src/components/Textfield/Textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAIL,KAAK,iBAAiB,EAEvB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,UAAU,CAAC;AAElD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,KAAK,WAAW,GAAG,IAAI,CACrB,UAAU,EACV,QAAQ,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,GAAG,MAAM,CACzD,CAAC;AACF,KAAK,cAAc,GAAG,IAAI,CAAC,aAAa,EAAE,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC,CAAC;AAE5E,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IACpC;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,GAAG,MAAM,CAAC;CACtC,GAAG,aAAa,GACf,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAEnC,KAAK,sBAAsB,GAAG;IAC5B;;QAEI;IACJ,SAAS,EAAE,IAAI,CAAC;CACjB,GAAG,cAAc,CAAC;AAEnB,KAAK,mBAAmB,GAAG;IACzB;;QAEI;IACJ,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B;;;;SAIK;IACL,IAAI,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;CACjE,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,CAAC,sBAAsB,GAAG,mBAAmB,CAAC,CAAC;AAEjD;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,+GAgDpB,CAAC"}

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

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

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

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

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

@@ -0,0 +1,35 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type TimelineProps = MergeRight<DefaultProps & HTMLAttributes<HTMLOListElement>, {
+    /**
+     * Show an arrow at the bottom of the timeline.
+     * @default false
+     */
+    'data-arrow'?: boolean;
+    /** Instances of `Timeline.Item` */
+    children: ReactNode;
+}>;
+/**
+ * Timeline component for displaying a process or sequence of steps.
+ *
+ * @example
+ * <Timeline>
+ *   <Timeline.Item>
+ *     <Details>
+ *       <Details.Summary>Step 1</Details.Summary>
+ *       <Details.Content>Content</Details.Content>
+ *     </Details>
+ *   </Timeline.Item>
+ * </Timeline>
+ */
+export declare const Timeline: React.ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLOListElement>, "children" | "data-arrow"> & {
+    /**
+     * Show an arrow at the bottom of the timeline.
+     * @default false
+     */
+    'data-arrow'?: boolean;
+    /** Instances of `Timeline.Item` */
+    children: ReactNode;
+} & React.RefAttributes<HTMLOListElement>>;
+//# sourceMappingURL=Timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/Timeline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG,UAAU,CACpC,YAAY,GAAG,cAAc,CAAC,gBAAgB,CAAC,EAC/C;IACE;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mCAAmC;IACnC,QAAQ,EAAE,SAAS,CAAC;CACrB,CACF,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ;IAvBjB;;;OAGG;mBACY,OAAO;IACtB,mCAAmC;cACzB,SAAS;0CAuBtB,CAAC"}

package/dist/types/components/Timeline/TimelineItem.d.ts

@@ -0,0 +1,21 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type TimelineItemProps = {
+    /** Content for this timeline step, typically a `Details` component */
+    children: ReactNode;
+} & HTMLAttributes<HTMLLIElement>;
+/**
+ * Timeline item/chapter component, represents a single step in the timeline.
+ *
+ * @example
+ * <Timeline.Item>
+ *   <Details>
+ *     <Details.Summary>Step heading</Details.Summary>
+ *     <Details.Content>Step content</Details.Content>
+ *   </Details>
+ * </Timeline.Item>
+ */
+export declare const TimelineItem: React.ForwardRefExoticComponent<{
+    /** Content for this timeline step, typically a `Details` component */
+    children: ReactNode;
+} & HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=TimelineItem.d.ts.map

package/dist/types/components/Timeline/TimelineItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineItem.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/TimelineItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sEAAsE;IACtE,QAAQ,EAAE,SAAS,CAAC;CACrB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAElC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,YAAY;IAfvB,sEAAsE;cAC5D,SAAS;uEAoBpB,CAAC"}

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

@@ -0,0 +1,27 @@
+import { TimelineItem } from './TimelineItem';
+/**
+ * Timeline component for displaying a process or sequence of steps.
+ * Compose with `Details` for expandable chapters.
+ *
+ * @example
+ * <Timeline>
+ *   <Timeline.Item>
+ *     <Details>
+ *       <Details.Summary>Step 1</Details.Summary>
+ *       <Details.Content>Content here</Details.Content>
+ *     </Details>
+ *   </Timeline.Item>
+ * </Timeline>
+ */
+declare const Timeline: React.ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & React.HTMLAttributes<HTMLOListElement>, "children" | "data-arrow"> & {
+    'data-arrow'?: boolean;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLOListElement>> & {
+    Item: React.ForwardRefExoticComponent<{
+        children: React.ReactNode;
+    } & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+};
+export type { TimelineProps } from './Timeline';
+export type { TimelineItemProps } from './TimelineItem';
+export { Timeline, TimelineItem };
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,QAAQ;;;;;;;CAEZ,CAAC;AAIH,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAC"}