@digdir/designsystemet-react 0.0.0-ci-snapshot-release-pr-comment-20260612060845

package/dist/types/components/table/table-header-cell.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
+ * <TableHeaderCell>Name</TableHeaderCell>
+ */
+export declare const TableHeaderCell: import("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> & import("react").RefAttributes<HTMLTableCellElement>>;
+//# sourceMappingURL=table-header-cell.d.ts.map

package/dist/types/components/table/table-header-cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header-cell.d.ts","sourceRoot":"","sources":["../../../src/components/table/table-header-cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAc,KAAK,gBAAgB,EAAE,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;iGAkBlC,CAAC"}

package/dist/types/components/table/table-row.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
+ * <TableRow>
+ *   <TableCell>John</TableCell>
+ *   <TableCell>25</TableCell>
+ * </TableRow>
+ */
+export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+//# sourceMappingURL=table-row.d.ts.map

package/dist/types/components/table/table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../src/components/table/table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEhE;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,+GAIpB,CAAC"}

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

@@ -0,0 +1,72 @@
+import type { TableHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type TableProps = {
+    /**
+     * Will give the table zebra striping
+     * @default false
+     */
+    zebra?: boolean;
+    /**
+     * Will make the table header sticky
+     * @default false
+     */
+    stickyHeader?: boolean;
+    /**
+     * Will give the table a rounded border
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * 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: import("react").ForwardRefExoticComponent<{
+    /**
+     * Will give the table zebra striping
+     * @default false
+     */
+    zebra?: boolean;
+    /**
+     * Will make the table header sticky
+     * @default false
+     */
+    stickyHeader?: boolean;
+    /**
+     * Will give the table a rounded border
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * Will give the table a hover effect on rows
+     * @default false
+     */
+    hover?: boolean;
+} & Omit<TableHTMLAttributes<HTMLTableElement>, "border"> & DefaultProps & import("react").RefAttributes<HTMLTableElement>>;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,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;2HAsDf,CAAC"}

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

@@ -0,0 +1,52 @@
+import { Tabs as TabsParent } from './tabs';
+import { TabsList } from './tabs-list';
+import { TabsPanel } from './tabs-panel';
+import { TabsTab } from './tabs-tab';
+type Tabs = typeof TabsParent & {
+    /**
+     * 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>
+     */
+    List: typeof TabsList;
+    /**
+     * A single item in a Tabs component.
+     *
+     * @example
+     * <Tabs.Tab value='1'>Tab 1</Tabs.Tab>
+     */
+    Tab: typeof TabsTab;
+    /**
+     * A single content item in a Tabs component.
+     *
+     * @example
+     * <Tabs.Panel value='1'>content 1</Tabs.Panel>
+     */
+    Panel: typeof TabsPanel;
+};
+/**
+ * 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 TabsComponent: Tabs;
+export type { TabsProps } from './tabs';
+export type { TabsListProps } from './tabs-list';
+export type { TabsPanelProps } from './tabs-panel';
+export type { TabsTabProps } from './tabs-tab';
+export { TabsComponent as Tabs, TabsList, TabsPanel, TabsTab };
+//# 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":"AAAA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,QAAQ,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,KAAK,IAAI,GAAG,OAAO,UAAU,GAAG;IAC9B;;;;;;;;OAQG;IACH,IAAI,EAAE,OAAO,QAAQ,CAAC;IACtB;;;;;OAKG;IACH,GAAG,EAAE,OAAO,OAAO,CAAC;IACpB;;;;;OAKG;IACH,KAAK,EAAE,OAAO,SAAS,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,aAAa,EAAE,IAInB,CAAC;AAMH,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,aAAa,IAAI,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC"}

package/dist/types/components/tabs/tabs-list.d.ts

@@ -0,0 +1,15 @@
+import type { DSTabListElement } from '@digdir/designsystemet-web';
+import type { HTMLAttributes } from 'react';
+import '@digdir/designsystemet-web';
+export type TabsListProps = HTMLAttributes<DSTabListElement>;
+/**
+ * The container for all `Tab` components.
+ *
+ * @example
+ * <TabsList>
+ *  <TabsTab value='1'>Tab 1</TabsTab>
+ *  <TabsTab value='2'>Tab 2</TabsTab>
+ * </TabsList>
+ */
+export declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<DSTabListElement>>;
+//# sourceMappingURL=tabs-list.d.ts.map

package/dist/types/components/tabs/tabs-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-list.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,4BAA4B,CAAC;AAGpC,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAE7D;;;;;;;;GAQG;AACH,eAAO,MAAM,QAAQ,4GAapB,CAAC"}

package/dist/types/components/tabs/tabs-panel.d.ts

@@ -0,0 +1,24 @@
+import type { DSTabPanelElement } from '@digdir/designsystemet-web';
+import type { HTMLAttributes } from 'react';
+import '@digdir/designsystemet-web';
+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<DSTabPanelElement>, 'value'>;
+/**
+ * A single content item in a Tabs component.
+ *
+ * @example
+ * <TabsPanel value='1'>content 1</TabsPanel>
+ */
+export declare const TabsPanel: import("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<DSTabPanelElement>, "value"> & import("react").RefAttributes<DSTabPanelElement>>;
+//# sourceMappingURL=tabs-panel.d.ts.map

package/dist/types/components/tabs/tabs-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-panel.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,cAAc,GAAG;IAC3B;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,CAAC;AAErD;;;;;GAKG;AACH,eAAO,MAAM,SAAS;IAbpB;;;OAGG;WACI,MAAM;wGAyBd,CAAC"}

package/dist/types/components/tabs/tabs-tab.d.ts

@@ -0,0 +1,22 @@
+import type { DSTabElement } from '@digdir/designsystemet-web';
+import type { HTMLAttributes } from 'react';
+import '@digdir/designsystemet-web';
+export type TabsTabProps = {
+    /**
+     * Unique value that will be set in the `Tabs` components state when the tab is activated
+     */
+    value: string;
+} & Omit<HTMLAttributes<DSTabElement>, 'value'>;
+/**
+ * A single item in a Tabs component.
+ *
+ * @example
+ * <TabsTab value='1'>Tab 1</TabsTab>
+ */
+export declare const TabsTab: import("react").ForwardRefExoticComponent<{
+    /**
+     * Unique value that will be set in the `Tabs` components state when the tab is activated
+     */
+    value: string;
+} & Omit<HTMLAttributes<DSTabElement>, "value"> & import("react").RefAttributes<DSTabElement>>;
+//# sourceMappingURL=tabs-tab.d.ts.map

package/dist/types/components/tabs/tabs-tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-tab.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AACxD,OAAO,4BAA4B,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;AAEhD;;;;;GAKG;AACH,eAAO,MAAM,OAAO;IAZlB;;OAEG;WACI,MAAM;8FAoCb,CAAC"}

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

@@ -0,0 +1,62 @@
+import type { DSTabElement } from '@digdir/designsystemet-web';
+import '@digdir/designsystemet-web';
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type TabsProps = MergeRight<DefaultProps & Omit<HTMLAttributes<DSTabElement>, '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 = {
+    isControlled?: boolean;
+    currentValue?: string;
+    onChange?: (value: string) => void;
+    getPrefixedValue?: (value?: string) => string | undefined;
+};
+export declare const Context: import("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: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<DSTabElement>, "value" | "onChange">, "defaultValue" | "value" | "onChange"> & {
+    /**
+     * 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;
+} & import("react").RefAttributes<DSTabElement>>;
+//# 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":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAS5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,MAAM,MAAM,SAAS,GAAG,UAAU,CAChC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACvE;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,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC3D,CAAC;AAEF,eAAO,MAAM,OAAO,uCAAkC,CAAC;AAEvD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,IAAI;IA1Cb;;;OAGG;YACK,MAAM;IACd;;;OAGG;mBACY,MAAM;IACrB;;;OAGG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gDAoFpC,CAAC"}

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

@@ -0,0 +1,35 @@
+import type { Color, SeverityColors } from '@digdir/designsystemet-types';
+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;
+    /**
+     * The visual variant of the tag
+     *
+     * @default 'default'
+     */
+    variant?: 'default' | 'outline';
+}>;
+/**
+ * Use `Tag` to display categories or statuses.
+ *
+ * @example
+ * <Tag>Melk</Tag>
+ */
+export declare const Tag: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "data-color" | "variant"> & {
+    /**
+     * Change the color scheme of the tag
+     */
+    'data-color'?: Color | SeverityColors;
+    /**
+     * The visual variant of the tag
+     *
+     * @default 'default'
+     */
+    variant?: "default" | "outline";
+} & import("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,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE1E,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;IACtC;;;;OAIG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;CACjC,CACF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,GAAG;IAnBZ;;OAEG;mBACY,KAAK,GAAG,cAAc;IACrC;;;;OAIG;cACO,SAAS,GAAG,SAAS;mDAsBjC,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: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<DefaultProps, "data-color"> & import("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,gLAMpB,CAAC"}

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

@@ -0,0 +1,75 @@
+import { type ReactNode } from 'react';
+import type { DefaultProps, LabelRequired } from '../../types';
+import { type FieldCounterProps } from '../field';
+import { type InputProps } from '../input/input';
+import { type TextareaProps } from '../textarea/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;
+    type?: never;
+} & TextareaProps_;
+type TextfieldInputProps = {
+    /**
+     * Use to render a `Textarea` instead of `Input` for multiline support
+     **/
+    multiline?: false;
+    /**
+     * Supported `input` types
+     *
+     * @default 'text'
+     * */
+    type?: Exclude<InputProps['type'], 'radio' | 'checkbox'>;
+} & 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: import("react").ForwardRefExoticComponent<TextfieldProps & import("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,EAAiC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACtE,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,gBAAgB,CAAC;AAExD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGpE,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;IAChB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GAAG,cAAc,CAAC;AAEnB,KAAK,mBAAmB,GAAG;IACzB;;QAEI;IACJ,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB;;;;SAIK;IACL,IAAI,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;CAC1D,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,CAAC,sBAAsB,GAAG,mBAAmB,CAAC,CAAC;AAEjD;;;;;;;;GAQG;AACH,eAAO,MAAM,SAAS,mIAgDpB,CAAC"}

package/dist/types/components/toggle-group/index.d.ts

@@ -0,0 +1,25 @@
+import { ToggleGroup as ToggleGroupParent } from './toggle-group';
+import { ToggleGroupItem } from './toggle-group-item';
+type ToggleGroup = typeof ToggleGroupParent & {
+    /**
+     * A single item in a ToggleGroup.
+     * @example
+     * <ToggleGroup.Item value='1'>Toggle 1</ToggleGroup.Item>
+     */
+    Item: typeof ToggleGroupItem;
+};
+/**
+ * Display a group of buttons that can be toggled between.
+ *
+ * @example
+ * <ToggleGroup data-toggle-group="Label" 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>
+ */
+declare const ToggleGroupComponent: ToggleGroup;
+export type { ToggleGroupProps } from './toggle-group';
+export type { ToggleGroupItemProps } from './toggle-group-item';
+export { ToggleGroupComponent as ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/toggle-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,KAAK,WAAW,GAAG,OAAO,iBAAiB,GAAG;IAC5C;;;;OAIG;IACH,IAAI,EAAE,OAAO,eAAe,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;GASG;AACH,QAAA,MAAM,oBAAoB,EAAE,WAE1B,CAAC;AAIH,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,oBAAoB,IAAI,WAAW,EAAE,eAAe,EAAE,CAAC"}

package/dist/types/components/toggle-group/toggle-group-item.d.ts

@@ -0,0 +1,30 @@
+import { type InputHTMLAttributes, type LabelHTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+export type ToggleGroupItemProps = {
+    /**
+     * The value of the ToggleGroupItem.
+     * Generates a random value if not set.
+     **/
+    value?: string;
+    /**
+     * @deprecated Icon prop is deprecated
+     **/
+    icon?: boolean;
+} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & Pick<InputHTMLAttributes<HTMLInputElement>, 'formAction' | 'formEncType' | 'formTarget' | 'formMethod' | 'required' | 'formNoValidate' | 'value' | 'disabled'>;
+/**
+ * A single item in a ToggleGroup.
+ * @example
+ * <ToggleGroupItem value='1'>Toggle 1</ToggleGroupItem>
+ */
+export declare const ToggleGroupItem: import("react").ForwardRefExoticComponent<{
+    /**
+     * The value of the ToggleGroupItem.
+     * Generates a random value if not set.
+     **/
+    value?: string;
+    /**
+     * @deprecated Icon prop is deprecated
+     **/
+    icon?: boolean;
+} & DefaultProps & LabelHTMLAttributes<HTMLLabelElement> & Pick<InputHTMLAttributes<HTMLInputElement>, "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "required" | "value"> & import("react").RefAttributes<HTMLLabelElement>>;
+//# sourceMappingURL=toggle-group-item.d.ts.map

package/dist/types/components/toggle-group/toggle-group-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-item.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EAGzB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;QAGI;IACJ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;QAEI;IACJ,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,YAAY,GACd,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,YAAY,GACZ,aAAa,GACb,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,gBAAgB,GAChB,OAAO,GACP,UAAU,CACb,CAAC;AAEJ;;;;GAIG;AACH,eAAO,MAAM,eAAe;IA5B1B;;;QAGI;YACI,MAAM;IACd;;QAEI;WACG,OAAO;4QAwEd,CAAC"}

package/dist/types/components/toggle-group/toggle-group.d.ts

@@ -0,0 +1,76 @@
+import type { HTMLAttributes } from 'react';
+import type { DefaultProps } from '../../types';
+import type { MergeRight } from '../../utilities';
+export type ToggleGroupContextProps = {
+    variant?: 'primary' | 'secondary';
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    name?: string;
+};
+export declare const ToggleGroupContext: import("react").Context<ToggleGroupContextProps>;
+export type ToggleGroupProps = MergeRight<DefaultProps & Omit<HTMLAttributes<HTMLFieldSetElement>, 'value' | 'onChange'>, {
+    /**
+     * Specify which variant to use
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary';
+    /**
+     * Controlled state for `ToggleGroup` component.
+     */
+    value?: string;
+    /**
+     * Default value.
+     */
+    defaultValue?: string;
+    /**
+     * Callback with selected `ToggleGroupItem` `value`
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Form element name
+     */
+    name?: string;
+    /**
+     * Toggle group label for accessibility
+     */
+    'data-toggle-group'?: string;
+}>;
+/**
+ * Display a group of buttons that can be toggled between.
+ *
+ * @example
+ * <ToggleGroup data-toggle-group="Label" 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>
+ */
+export declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<HTMLFieldSetElement>, "value" | "onChange">, "defaultValue" | "name" | "value" | "onChange" | "variant" | "data-toggle-group"> & {
+    /**
+     * Specify which variant to use
+     * @default 'primary'
+     */
+    variant?: "primary" | "secondary";
+    /**
+     * Controlled state for `ToggleGroup` component.
+     */
+    value?: string;
+    /**
+     * Default value.
+     */
+    defaultValue?: string;
+    /**
+     * Callback with selected `ToggleGroupItem` `value`
+     */
+    onChange?: (value: string) => void;
+    /**
+     * Form element name
+     */
+    name?: string;
+    /**
+     * Toggle group label for accessibility
+     */
+    'data-toggle-group'?: string;
+} & import("react").RefAttributes<HTMLFieldSetElement>>;
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/types/components/toggle-group/toggle-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/toggle-group/toggle-group.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,uBAAuB,GAAG;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,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;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,kDAA6C,CAAC;AAE7E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CACvC,YAAY,GACV,IAAI,CAAC,cAAc,CAAC,mBAAmB,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC,EACjE;IACE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CACF,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW;IAtCpB;;;OAGG;cACO,SAAS,GAAG,WAAW;IACjC;;OAEG;YACK,MAAM;IACd;;OAEG;mBACY,MAAM;IACrB;;OAEG;eACQ,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAClC;;OAEG;WACI,MAAM;IACb;;OAEG;0BACmB,MAAM;uDAkE/B,CAAC"}