@digdir/designsystemet-react 1.20.0 → 1.20.1

package/dist/cjs/components/table/table-header-cell.d.cts

@@ -0,0 +1,25 @@
+
+import { AriaAttributes, ThHTMLAttributes } from "react";
+//#region src/components/table/table-header-cell.d.ts
+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>
+ */
+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>>;
+//#endregion
+export { TableHeaderCell, TableHeaderCellProps };

package/dist/cjs/components/table/table-row.cjs

@@ -0,0 +1,21 @@
+'use client';
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/table/table-row.tsx
+/**
+* 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>
+*/
+const TableRow = (0, react.forwardRef)(function TableRow(rest, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("tr", {
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.TableRow = TableRow;

package/dist/cjs/components/table/table-row.d.cts

@@ -0,0 +1,16 @@
+
+import { HTMLAttributes } from "react";
+//#region src/components/table/table-row.d.ts
+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>
+ */
+declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+//#endregion
+export { TableRow, TableRowProps };

package/dist/cjs/components/table/table.cjs

@@ -0,0 +1,46 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/table/table.tsx
+/**
+* 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>
+*/
+const Table = (0, react.forwardRef)(function Table({ zebra = false, stickyHeader = false, border = false, hover = false, className, children, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("table", {
+		className: (0, clsx_lite.default)("ds-table", className),
+		"data-border": border || void 0,
+		"data-hover": hover || void 0,
+		"data-sticky-header": stickyHeader || void 0,
+		"data-zebra": zebra || void 0,
+		ref,
+		...rest,
+		children
+	});
+});
+//#endregion
+exports.Table = Table;

package/dist/cjs/components/table/table.d.cts

@@ -0,0 +1,75 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { TableHTMLAttributes } from "react";
+//#region src/components/table/table.d.ts
+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>
+ */
+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>>;
+//#endregion
+export { Table, TableProps };

package/dist/cjs/components/tabs/index.cjs

@@ -0,0 +1,34 @@
+'use client';
+const require_tabs = require("./tabs.cjs");
+const require_tabs_list = require("./tabs-list.cjs");
+const require_tabs_panel = require("./tabs-panel.cjs");
+const require_tabs_tab = require("./tabs-tab.cjs");
+//#region src/components/tabs/index.ts
+/**
+* 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>
+*/
+const TabsComponent = Object.assign(require_tabs.Tabs, {
+	List: require_tabs_list.TabsList,
+	Tab: require_tabs_tab.TabsTab,
+	Panel: require_tabs_panel.TabsPanel
+});
+TabsComponent.Tab.displayName = "Tabs.Tab";
+TabsComponent.List.displayName = "Tabs.List";
+TabsComponent.Panel.displayName = "Tabs.Panel";
+//#endregion
+exports.Tabs = TabsComponent;
+exports.TabsList = require_tabs_list.TabsList;
+exports.TabsPanel = require_tabs_panel.TabsPanel;
+exports.TabsTab = require_tabs_tab.TabsTab;

package/dist/cjs/components/tabs/index.d.cts

@@ -0,0 +1,50 @@
+
+import { Tabs as Tabs$1, TabsProps } from "./tabs.cjs";
+import { TabsList, TabsListProps } from "./tabs-list.cjs";
+import { TabsPanel, TabsPanelProps } from "./tabs-panel.cjs";
+import { TabsTab, TabsTabProps } from "./tabs-tab.cjs";
+//#region src/components/tabs/index.d.ts
+type Tabs = typeof Tabs$1 & {
+  /**
+   * 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;
+//#endregion
+export { TabsComponent as Tabs, TabsList, type TabsListProps, TabsPanel, type TabsPanelProps, type TabsProps, TabsTab, type TabsTabProps };

package/dist/cjs/components/tabs/tabs-list.cjs

@@ -0,0 +1,25 @@
+'use client';
+require("@digdir/designsystemet-web");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tabs/tabs-list.tsx
+/**
+* The container for all `Tab` components.
+*
+* @example
+* <TabsList>
+*  <TabsTab value='1'>Tab 1</TabsTab>
+*  <TabsTab value='2'>Tab 2</TabsTab>
+* </TabsList>
+*/
+const TabsList = (0, react.forwardRef)(function TabsList({ className, children, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ds-tablist", {
+		suppressHydrationWarning: true,
+		ref,
+		class: className,
+		...rest,
+		children
+	});
+});
+//#endregion
+exports.TabsList = TabsList;

package/dist/cjs/components/tabs/tabs-list.d.cts

@@ -0,0 +1,17 @@
+
+import { DSTabListElement } from "@digdir/designsystemet-web";
+import { HTMLAttributes } from "react";
+//#region src/components/tabs/tabs-list.d.ts
+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>
+ */
+declare const TabsList: import("react").ForwardRefExoticComponent<TabsListProps & import("react").RefAttributes<DSTabListElement>>;
+//#endregion
+export { TabsList, TabsListProps };

package/dist/cjs/components/tabs/tabs-panel.cjs

@@ -0,0 +1,25 @@
+'use client';
+const require_tabs = require("./tabs.cjs");
+require("@digdir/designsystemet-web");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tabs/tabs-panel.tsx
+/**
+* A single content item in a Tabs component.
+*
+* @example
+* <TabsPanel value='1'>content 1</TabsPanel>
+*/
+const TabsPanel = (0, react.forwardRef)(function TabsPanel({ children, value, id, className, ...rest }, ref) {
+	const { getPrefixedValue } = (0, react.useContext)(require_tabs.Context);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ds-tabpanel", {
+		suppressHydrationWarning: true,
+		ref,
+		id: id ?? getPrefixedValue?.(value),
+		class: className,
+		...rest,
+		children
+	});
+});
+//#endregion
+exports.TabsPanel = TabsPanel;

package/dist/cjs/components/tabs/tabs-panel.d.cts

@@ -0,0 +1,26 @@
+
+import { DSTabPanelElement } from "@digdir/designsystemet-web";
+import { HTMLAttributes } from "react";
+//#region src/components/tabs/tabs-panel.d.ts
+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>
+ */
+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>>;
+//#endregion
+export { TabsPanel, TabsPanelProps };

package/dist/cjs/components/tabs/tabs-tab.cjs

@@ -0,0 +1,36 @@
+'use client';
+const require_tabs = require("./tabs.cjs");
+require("@digdir/designsystemet-web");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tabs/tabs-tab.tsx
+/**
+* A single item in a Tabs component.
+*
+* @example
+* <TabsTab value='1'>Tab 1</TabsTab>
+*/
+const TabsTab = (0, react.forwardRef)(function TabsTab({ value, className, onClick, onClickCapture, ...rest }, ref) {
+	const { onChange, getPrefixedValue, isControlled, currentValue } = (0, react.useContext)(require_tabs.Context);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ds-tab", {
+		"aria-controls": rest["aria-controls"] ?? getPrefixedValue?.(value),
+		"aria-selected": `${currentValue === value}`,
+		"data-value": value,
+		ref,
+		role: "tab",
+		suppressHydrationWarning: true,
+		onClickCapture: (e) => {
+			onClickCapture?.(e);
+			if (isControlled && currentValue !== value) e.preventDefault();
+		},
+		onClick: (e) => {
+			if (currentValue !== value) onChange?.(value);
+			onClick?.(e);
+		},
+		class: className,
+		...rest,
+		children: rest.children
+	});
+});
+//#endregion
+exports.TabsTab = TabsTab;

package/dist/cjs/components/tabs/tabs-tab.d.cts

@@ -0,0 +1,24 @@
+
+import { DSTabElement } from "@digdir/designsystemet-web";
+import { HTMLAttributes } from "react";
+//#region src/components/tabs/tabs-tab.d.ts
+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>
+ */
+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>>;
+//#endregion
+export { TabsTab, TabsTabProps };

package/dist/cjs/components/tabs/tabs.cjs

@@ -0,0 +1,58 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_use_merge_refs = require("../../utilities/hooks/use-merge-refs/use-merge-refs.cjs");
+require("../../utilities/hooks/index.cjs");
+require("@digdir/designsystemet-web");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tabs/tabs.tsx
+const Context = (0, react.createContext)({});
+/**
+* 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>
+*/
+const Tabs = (0, react.forwardRef)(function Tabs({ value, defaultValue, className, onChange, ...rest }, ref) {
+	const isControlled = value !== void 0;
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
+	const tabsRef = (0, react.useRef)(null);
+	const valuePrefix = (0, react.useId)();
+	const mergedRefs = require_use_merge_refs.useMergeRefs([ref, tabsRef]);
+	let onValueChange = onChange;
+	if (!isControlled) {
+		onValueChange = (newValue) => {
+			setUncontrolledValue(newValue);
+			onChange?.(newValue);
+		};
+		value = uncontrolledValue;
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Context.Provider, {
+		value: {
+			isControlled,
+			currentValue: value,
+			onChange: onValueChange,
+			getPrefixedValue: (value) => value && `${valuePrefix}-${value}`
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("ds-tabs", {
+			suppressHydrationWarning: true,
+			ref: mergedRefs,
+			class: (0, clsx_lite.default)("ds-tabs", className),
+			...rest
+		})
+	});
+});
+//#endregion
+exports.Context = Context;
+exports.Tabs = Tabs;

package/dist/cjs/components/tabs/tabs.d.cts

@@ -0,0 +1,58 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { MergeRight } from "../../utilities/types.cjs";
+import "../../utilities/index.cjs";
+import { DSTabElement } from "@digdir/designsystemet-web";
+import { HTMLAttributes } from "react";
+//#region src/components/tabs/tabs.d.ts
+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;
+}>;
+/**
+ * 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: import("react").ForwardRefExoticComponent<Omit<DefaultProps & Omit<HTMLAttributes<DSTabElement>, "onChange" | "value">, "defaultValue" | "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;
+} & import("react").RefAttributes<DSTabElement>>;
+//#endregion
+export { Tabs, TabsProps };

package/dist/cjs/components/tag/tag.cjs

@@ -0,0 +1,23 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/tag/tag.tsx
+/**
+* Use `Tag` to display categories or statuses.
+*
+* @example
+* <Tag>Melk</Tag>
+*/
+const Tag = (0, react.forwardRef)(function Tag({ className, variant, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+		className: (0, clsx_lite.default)("ds-tag", className),
+		ref,
+		"data-variant": variant,
+		...rest
+	});
+});
+//#endregion
+exports.Tag = Tag;

package/dist/cjs/components/tag/tag.d.cts

@@ -0,0 +1,30 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { MergeRight } from "../../utilities/types.cjs";
+import "../../utilities/index.cjs";
+import { HTMLAttributes } from "react";
+//#region src/components/tag/tag.d.ts
+type TagProps = MergeRight<DefaultProps & HTMLAttributes<HTMLSpanElement>, {
+  /**
+   * The visual variant of the tag
+   *
+   * @default 'default'
+   */
+  variant?: 'default' | 'outline';
+}>;
+/**
+ * Use `Tag` to display categories or statuses.
+ *
+ * @example
+ * <Tag>Melk</Tag>
+ */
+declare const Tag: import("react").ForwardRefExoticComponent<Omit<DefaultProps & HTMLAttributes<HTMLSpanElement>, "variant"> & {
+  /**
+   * The visual variant of the tag
+   *
+   * @default 'default'
+   */
+  variant?: "default" | "outline";
+} & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+export { Tag, TagProps };

package/dist/cjs/components/textarea/textarea.cjs

@@ -0,0 +1,22 @@
+'use client';
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let clsx_lite = require("clsx/lite");
+clsx_lite = require_runtime.__toESM(clsx_lite, 1);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/textarea/textarea.tsx
+/**
+* Native HTML textarea element.
+*
+* @example
+* <Textarea />
+*/
+const Textarea = (0, react.forwardRef)(function Textarea({ className, ...rest }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("textarea", {
+		className: (0, clsx_lite.default)("ds-input", className),
+		ref,
+		...rest
+	});
+});
+//#endregion
+exports.Textarea = Textarea;

package/dist/cjs/components/textarea/textarea.d.cts

@@ -0,0 +1,14 @@
+
+import { DefaultProps } from "../../types.cjs";
+import { TextareaHTMLAttributes } from "react";
+//#region src/components/textarea/textarea.d.ts
+type TextareaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & DefaultProps;
+/**
+ * Native HTML textarea element.
+ *
+ * @example
+ * <Textarea />
+ */
+declare const Textarea: import("react").ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & DefaultProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+export { Textarea, TextareaProps };