@miaixz/ui 0.5.0

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

@@ -0,0 +1,3 @@
+export { Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, } from "./table.js";
+export type { TableBodyProps, TableCaptionProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, } from "./table.types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,GACd,MAAM,kBAAkB,CAAC"}

package/dist/components/table/index.js

@@ -0,0 +1,2 @@
+export { Table, TableBody, TableCaption, TableCell, TableContainer, TableFooter, TableHead, TableHeader, TableRow, } from "./table.js";
+//# sourceMappingURL=index.js.map

package/dist/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,cAAc,EACd,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,YAAY,CAAC","sourcesContent":["export {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableContainer,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"./table.js\";\nexport type {\n  TableBodyProps,\n  TableCaptionProps,\n  TableCellProps,\n  TableContainerProps,\n  TableFooterProps,\n  TableHeaderProps,\n  TableHeadProps,\n  TableProps,\n  TableRowProps,\n} from \"./table.types.js\";\n"]}

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

@@ -0,0 +1,56 @@
+import type { TableBodyProps, TableCaptionProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps } from "./table.types.js";
+/**
+ * Provides responsive overflow and framing for a data table.
+ *
+ * @public
+ */
+export declare const TableContainer: import("react").ForwardRefExoticComponent<TableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a semantic table with Miaixz density-aware styling.
+ *
+ * @public
+ */
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+/**
+ * Renders a table header section.
+ *
+ * @public
+ */
+export declare const TableHeader: import("react").ForwardRefExoticComponent<TableHeaderProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Renders a table body section.
+ *
+ * @public
+ */
+export declare const TableBody: import("react").ForwardRefExoticComponent<TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Renders a table footer section.
+ *
+ * @public
+ */
+export declare const TableFooter: import("react").ForwardRefExoticComponent<TableFooterProps & import("react").RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Renders a table row with optional selection state.
+ *
+ * @public
+ */
+export declare const TableRow: import("react").ForwardRefExoticComponent<TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
+/**
+ * Renders a column or row heading cell.
+ *
+ * @public
+ */
+export declare const TableHead: import("react").ForwardRefExoticComponent<TableHeadProps & import("react").RefAttributes<HTMLTableCellElement>>;
+/**
+ * Renders a standard table data cell.
+ *
+ * @public
+ */
+export declare const TableCell: import("react").ForwardRefExoticComponent<TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+/**
+ * Renders an accessible table caption.
+ *
+ * @public
+ */
+export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & import("react").RefAttributes<HTMLTableCaptionElement>>;
+//# sourceMappingURL=table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,UAAU,EACV,aAAa,EACd,MAAM,kBAAkB,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,cAAc,gHAI1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,KAAK,yGAWhB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,WAAW,sHAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,SAAS,oHAKpB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,WAAW,sHAIvB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,QAAQ,+GAYnB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,SAAS,iHAgBpB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,SAAS,iHAgBpB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,YAAY,uHAMxB,CAAC"}

package/dist/components/table/table.js

@@ -0,0 +1,76 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { classNames } from "../../internal/class-names.js";
+/**
+ * Provides responsive overflow and framing for a data table.
+ *
+ * @public
+ */
+export const TableContainer = forwardRef(function TableContainer({ className, ...props }, ref) {
+    return _jsx("div", { ...props, ref: ref, className: classNames("miaixz-table-container", className) });
+});
+/**
+ * Renders a semantic table with Miaixz density-aware styling.
+ *
+ * @public
+ */
+export const Table = forwardRef(function Table({ stickyHeader = false, className, ...props }, ref) {
+    return (_jsx("table", { ...props, ref: ref, className: classNames("miaixz-table", stickyHeader && "miaixz-table-sticky", className) }));
+});
+/**
+ * Renders a table header section.
+ *
+ * @public
+ */
+export const TableHeader = forwardRef(function TableHeader({ className, ...props }, ref) {
+    return _jsx("thead", { ...props, ref: ref, className: classNames("miaixz-table-head", className) });
+});
+/**
+ * Renders a table body section.
+ *
+ * @public
+ */
+export const TableBody = forwardRef(function TableBody({ className, ...props }, ref) {
+    return _jsx("tbody", { ...props, ref: ref, className: classNames("miaixz-table-body", className) });
+});
+/**
+ * Renders a table footer section.
+ *
+ * @public
+ */
+export const TableFooter = forwardRef(function TableFooter({ className, ...props }, ref) {
+    return _jsx("tfoot", { ...props, ref: ref, className: classNames("miaixz-table-foot", className) });
+});
+/**
+ * Renders a table row with optional selection state.
+ *
+ * @public
+ */
+export const TableRow = forwardRef(function TableRow({ selected = false, className, ...props }, ref) {
+    return (_jsx("tr", { ...props, ref: ref, "data-selected": selected || undefined, className: classNames("miaixz-table-row", className) }));
+});
+/**
+ * Renders a column or row heading cell.
+ *
+ * @public
+ */
+export const TableHead = forwardRef(function TableHead({ numeric = false, actions = false, className, ...props }, ref) {
+    return (_jsx("th", { ...props, ref: ref, className: classNames("miaixz-table-header", numeric && "miaixz-table-numeric", actions && "miaixz-table-actions", className) }));
+});
+/**
+ * Renders a standard table data cell.
+ *
+ * @public
+ */
+export const TableCell = forwardRef(function TableCell({ numeric = false, actions = false, className, ...props }, ref) {
+    return (_jsx("td", { ...props, ref: ref, className: classNames("miaixz-table-cell", numeric && "miaixz-table-numeric", actions && "miaixz-table-actions", className) }));
+});
+/**
+ * Renders an accessible table caption.
+ *
+ * @public
+ */
+export const TableCaption = forwardRef(function TableCaption({ className, ...props }, ref) {
+    return (_jsx("caption", { ...props, ref: ref, className: classNames("miaixz-table-caption", className) }));
+});
+//# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sourceRoot":"","sources":["../../../src/components/table/table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from \"react\";\n\nimport { classNames } from \"../../internal/class-names.js\";\nimport type {\n  TableBodyProps,\n  TableCaptionProps,\n  TableCellProps,\n  TableContainerProps,\n  TableFooterProps,\n  TableHeaderProps,\n  TableHeadProps,\n  TableProps,\n  TableRowProps,\n} from \"./table.types.js\";\n\n/**\n * Provides responsive overflow and framing for a data table.\n *\n * @public\n */\nexport const TableContainer = forwardRef<HTMLDivElement, TableContainerProps>(\n  function TableContainer({ className, ...props }, ref) {\n    return <div {...props} ref={ref} className={classNames(\"miaixz-table-container\", className)} />;\n  },\n);\n\n/**\n * Renders a semantic table with Miaixz density-aware styling.\n *\n * @public\n */\nexport const Table = forwardRef<HTMLTableElement, TableProps>(function Table(\n  { stickyHeader = false, className, ...props },\n  ref,\n) {\n  return (\n    <table\n      {...props}\n      ref={ref}\n      className={classNames(\"miaixz-table\", stickyHeader && \"miaixz-table-sticky\", className)}\n    />\n  );\n});\n\n/**\n * Renders a table header section.\n *\n * @public\n */\nexport const TableHeader = forwardRef<HTMLTableSectionElement, TableHeaderProps>(\n  function TableHeader({ className, ...props }, ref) {\n    return <thead {...props} ref={ref} className={classNames(\"miaixz-table-head\", className)} />;\n  },\n);\n\n/**\n * Renders a table body section.\n *\n * @public\n */\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(function TableBody(\n  { className, ...props },\n  ref,\n) {\n  return <tbody {...props} ref={ref} className={classNames(\"miaixz-table-body\", className)} />;\n});\n\n/**\n * Renders a table footer section.\n *\n * @public\n */\nexport const TableFooter = forwardRef<HTMLTableSectionElement, TableFooterProps>(\n  function TableFooter({ className, ...props }, ref) {\n    return <tfoot {...props} ref={ref} className={classNames(\"miaixz-table-foot\", className)} />;\n  },\n);\n\n/**\n * Renders a table row with optional selection state.\n *\n * @public\n */\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(function TableRow(\n  { selected = false, className, ...props },\n  ref,\n) {\n  return (\n    <tr\n      {...props}\n      ref={ref}\n      data-selected={selected || undefined}\n      className={classNames(\"miaixz-table-row\", className)}\n    />\n  );\n});\n\n/**\n * Renders a column or row heading cell.\n *\n * @public\n */\nexport const TableHead = forwardRef<HTMLTableCellElement, TableHeadProps>(function TableHead(\n  { numeric = false, actions = false, className, ...props },\n  ref,\n) {\n  return (\n    <th\n      {...props}\n      ref={ref}\n      className={classNames(\n        \"miaixz-table-header\",\n        numeric && \"miaixz-table-numeric\",\n        actions && \"miaixz-table-actions\",\n        className,\n      )}\n    />\n  );\n});\n\n/**\n * Renders a standard table data cell.\n *\n * @public\n */\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(function TableCell(\n  { numeric = false, actions = false, className, ...props },\n  ref,\n) {\n  return (\n    <td\n      {...props}\n      ref={ref}\n      className={classNames(\n        \"miaixz-table-cell\",\n        numeric && \"miaixz-table-numeric\",\n        actions && \"miaixz-table-actions\",\n        className,\n      )}\n    />\n  );\n});\n\n/**\n * Renders an accessible table caption.\n *\n * @public\n */\nexport const TableCaption = forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\n  function TableCaption({ className, ...props }, ref) {\n    return (\n      <caption {...props} ref={ref} className={classNames(\"miaixz-table-caption\", className)} />\n    );\n  },\n);\n"]}

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

@@ -0,0 +1,101 @@
+import type { HTMLAttributes, TableHTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "react";
+/**
+ * Configures the responsive table framing container.
+ *
+ * @public
+ */
+export interface TableContainerProps extends HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * Configures a semantic data table.
+ *
+ * @public
+ */
+export interface TableProps extends TableHTMLAttributes<HTMLTableElement> {
+    /**
+     * Keeps header rows visible within the table scroll container.
+     *
+     * @defaultValue `false`
+     */
+    stickyHeader?: boolean;
+}
+/**
+ * Configures the table header section.
+ *
+ * @public
+ */
+export interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
+}
+/**
+ * Configures the table body section.
+ *
+ * @public
+ */
+export interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
+}
+/**
+ * Configures the table footer section.
+ *
+ * @public
+ */
+export interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {
+}
+/**
+ * Configures one semantic table row.
+ *
+ * @public
+ */
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    /**
+     * Applies the selected-row treatment.
+     *
+     * @defaultValue `false`
+     */
+    selected?: boolean;
+}
+/**
+ * Configures a semantic table heading cell.
+ *
+ * @public
+ */
+export interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    /**
+     * Aligns and formats the heading as numeric content.
+     *
+     * @defaultValue `false`
+     */
+    numeric?: boolean;
+    /**
+     * Aligns the heading with an action column.
+     *
+     * @defaultValue `false`
+     */
+    actions?: boolean;
+}
+/**
+ * Configures a standard table data cell.
+ *
+ * @public
+ */
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    /**
+     * Aligns and formats the cell as numeric content.
+     *
+     * @defaultValue `false`
+     */
+    numeric?: boolean;
+    /**
+     * Aligns the cell as an action column.
+     *
+     * @defaultValue `false`
+     */
+    actions?: boolean;
+}
+/**
+ * Configures an accessible table caption.
+ *
+ * @public
+ */
+export interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
+}
+//# sourceMappingURL=table.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.d.ts","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,OAAO,CAAC;AAEf;;;;GAIG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE9E;;;;GAIG;AACH,MAAM,WAAW,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IACvE;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAEpF;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAElF;;;;GAIG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAEpF;;;;GAIG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,mBAAmB,CAAC;IACxE;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IAC5E;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,cAAe,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IAC5E;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,uBAAuB,CAAC;CAAG"}

package/dist/components/table/table.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=table.types.js.map

package/dist/components/table/table.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.types.js","sourceRoot":"","sources":["../../../src/components/table/table.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n  HTMLAttributes,\n  TableHTMLAttributes,\n  TdHTMLAttributes,\n  ThHTMLAttributes,\n} from \"react\";\n\n/**\n * Configures the responsive table framing container.\n *\n * @public\n */\nexport interface TableContainerProps extends HTMLAttributes<HTMLDivElement> {}\n\n/**\n * Configures a semantic data table.\n *\n * @public\n */\nexport interface TableProps extends TableHTMLAttributes<HTMLTableElement> {\n  /**\n   * Keeps header rows visible within the table scroll container.\n   *\n   * @defaultValue `false`\n   */\n  stickyHeader?: boolean;\n}\n\n/**\n * Configures the table header section.\n *\n * @public\n */\nexport interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {}\n\n/**\n * Configures the table body section.\n *\n * @public\n */\nexport interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {}\n\n/**\n * Configures the table footer section.\n *\n * @public\n */\nexport interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {}\n\n/**\n * Configures one semantic table row.\n *\n * @public\n */\nexport interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {\n  /**\n   * Applies the selected-row treatment.\n   *\n   * @defaultValue `false`\n   */\n  selected?: boolean;\n}\n\n/**\n * Configures a semantic table heading cell.\n *\n * @public\n */\nexport interface TableHeadProps extends ThHTMLAttributes<HTMLTableCellElement> {\n  /**\n   * Aligns and formats the heading as numeric content.\n   *\n   * @defaultValue `false`\n   */\n  numeric?: boolean;\n  /**\n   * Aligns the heading with an action column.\n   *\n   * @defaultValue `false`\n   */\n  actions?: boolean;\n}\n\n/**\n * Configures a standard table data cell.\n *\n * @public\n */\nexport interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {\n  /**\n   * Aligns and formats the cell as numeric content.\n   *\n   * @defaultValue `false`\n   */\n  numeric?: boolean;\n  /**\n   * Aligns the cell as an action column.\n   *\n   * @defaultValue `false`\n   */\n  actions?: boolean;\n}\n\n/**\n * Configures an accessible table caption.\n *\n * @public\n */\nexport interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {}\n"]}

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

@@ -0,0 +1,3 @@
+export { Tab, TabList, TabPanel, Tabs } from "./tabs.js";
+export type { TabListProps, TabPanelProps, TabProps, TabsOrientation, TabsProps, } from "./tabs.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/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,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACzD,YAAY,EACV,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,eAAe,EACf,SAAS,GACV,MAAM,iBAAiB,CAAC"}

package/dist/components/tabs/index.js

@@ -0,0 +1,2 @@
+export { Tab, TabList, TabPanel, Tabs } from "./tabs.js";
+//# sourceMappingURL=index.js.map

package/dist/components/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC","sourcesContent":["export { Tab, TabList, TabPanel, Tabs } from \"./tabs.js\";\nexport type {\n  TabListProps,\n  TabPanelProps,\n  TabProps,\n  TabsOrientation,\n  TabsProps,\n} from \"./tabs.types.js\";\n"]}

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

@@ -0,0 +1,26 @@
+import type { TabListProps, TabPanelProps, TabProps, TabsProps } from "./tabs.types.js";
+/**
+ * Provides controlled or uncontrolled tab selection state to child components.
+ *
+ * @public
+ */
+export declare const Tabs: import("react").ForwardRefExoticComponent<TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Renders the tablist container and keyboard orientation metadata.
+ *
+ * @public
+ */
+export declare const TabList: import("react").ForwardRefExoticComponent<TabListProps & import("react").RefAttributes<HTMLDivElement>>;
+/**
+ * Renders a selectable tab with arrow-key, Home, and End navigation.
+ *
+ * @public
+ */
+export declare const Tab: import("react").ForwardRefExoticComponent<TabProps & import("react").RefAttributes<HTMLButtonElement>>;
+/**
+ * Renders content associated with one tab and hides it when inactive.
+ *
+ * @public
+ */
+export declare const TabPanel: import("react").ForwardRefExoticComponent<TabPanelProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,YAAY,EACZ,aAAa,EACb,QAAQ,EAER,SAAS,EACV,MAAM,iBAAiB,CAAC;AAmDzB;;;;GAIG;AACH,eAAO,MAAM,IAAI,sGA4Cf,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,OAAO,yGAelB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,GAAG,wGA8Dd,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,QAAQ,0GAoBnB,CAAC"}

package/dist/components/tabs/tabs.js

@@ -0,0 +1,122 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext, useId, useMemo, useState } from "react";
+import { createMiaixzUiError } from "../../errors/index.js";
+import { classNames } from "../../internal/class-names.js";
+import { useMiaixzLocale } from "../../i18n/index.js";
+const TabsContext = createContext(undefined);
+/**
+ * Returns the active tabs context and guards against invalid composition.
+ *
+ * @returns The nearest tabs controller.
+ * @throws A localized error when no parent {@link Tabs} exists.
+ */
+function useTabsContext() {
+    const { t } = useMiaixzLocale();
+    const context = useContext(TabsContext);
+    if (!context) {
+        throw createMiaixzUiError(t, {
+            code: "UI_TABS_PROVIDER_MISSING",
+            messageKey: "ui.error.tabs.providerMissing",
+        });
+    }
+    return context;
+}
+/**
+ * Converts an arbitrary tab value into an HTML identifier segment.
+ *
+ * @param value - Arbitrary tab value.
+ * @returns A non-empty identifier-safe segment.
+ */
+function valueId(value) {
+    return value.trim().replace(/[^a-zA-Z0-9_-]+/g, "-") || "tab";
+}
+/**
+ * Provides controlled or uncontrolled tab selection state to child components.
+ *
+ * @public
+ */
+export const Tabs = forwardRef(function Tabs({ value: controlledValue, defaultValue, onValueChange, orientation = "horizontal", className, children, ...props }, ref) {
+    const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+    const baseId = `miaixz-tabs-${useId()}`;
+    const value = controlledValue ?? uncontrolledValue;
+    const context = useMemo(() => ({
+        baseId,
+        orientation,
+        value,
+        select: (nextValue) => {
+            if (controlledValue === undefined)
+                setUncontrolledValue(nextValue);
+            onValueChange?.(nextValue);
+        },
+    }), [baseId, controlledValue, onValueChange, orientation, value]);
+    return (_jsx(TabsContext.Provider, { value: context, children: _jsx("div", { ...props, ref: ref, "data-orientation": orientation, className: classNames("miaixz-tabs", orientation === "vertical" && "miaixz-tabs-vertical", className), children: children }) }));
+});
+/**
+ * Renders the tablist container and keyboard orientation metadata.
+ *
+ * @public
+ */
+export const TabList = forwardRef(function TabList({ label, className, ...props }, ref) {
+    const { orientation } = useTabsContext();
+    return (_jsx("div", { ...props, ref: ref, role: "tablist", "aria-label": label, "aria-orientation": orientation, className: classNames("miaixz-tabs-list", className) }));
+});
+/**
+ * Renders a selectable tab with arrow-key, Home, and End navigation.
+ *
+ * @public
+ */
+export const Tab = forwardRef(function Tab({ value, count, disabled = false, className, children, onClick, onKeyDown, ...props }, ref) {
+    const context = useTabsContext();
+    const selected = context.value === value;
+    const idValue = valueId(value);
+    /**
+     * Moves focus and selection according to the WAI-ARIA tabs keyboard pattern.
+     *
+     * @param event - Keyboard event received by the active tab.
+     */
+    function handleKeyDown(event) {
+        onKeyDown?.(event);
+        if (event.defaultPrevented)
+            return;
+        const list = event.currentTarget.parentElement;
+        const tabs = list
+            ? Array.from(list.querySelectorAll('[role="tab"]:not(:disabled)'))
+            : [];
+        const currentIndex = tabs.indexOf(event.currentTarget);
+        if (currentIndex < 0 || tabs.length === 0)
+            return;
+        const previousKey = context.orientation === "vertical" ? "ArrowUp" : "ArrowLeft";
+        const nextKey = context.orientation === "vertical" ? "ArrowDown" : "ArrowRight";
+        let nextIndex;
+        if (event.key === previousKey)
+            nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;
+        if (event.key === nextKey)
+            nextIndex = (currentIndex + 1) % tabs.length;
+        if (event.key === "Home")
+            nextIndex = 0;
+        if (event.key === "End")
+            nextIndex = tabs.length - 1;
+        if (nextIndex !== undefined) {
+            event.preventDefault();
+            tabs[nextIndex]?.focus();
+            tabs[nextIndex]?.click();
+        }
+    }
+    return (_jsxs("button", { ...props, ref: ref, id: `${context.baseId}-tab-${idValue}`, type: "button", role: "tab", "aria-selected": selected, "aria-controls": `${context.baseId}-panel-${idValue}`, tabIndex: selected ? 0 : -1, disabled: disabled, className: classNames("miaixz-tab", className), onClick: (event) => {
+            onClick?.(event);
+            if (!event.defaultPrevented)
+                context.select(value);
+        }, onKeyDown: handleKeyDown, children: [_jsx("span", { children: children }), count !== undefined && _jsx("span", { className: "miaixz-tab-count", children: count })] }));
+});
+/**
+ * Renders content associated with one tab and hides it when inactive.
+ *
+ * @public
+ */
+export const TabPanel = forwardRef(function TabPanel({ value, className, ...props }, ref) {
+    const context = useTabsContext();
+    const selected = context.value === value;
+    const idValue = valueId(value);
+    return (_jsx("div", { ...props, ref: ref, id: `${context.baseId}-panel-${idValue}`, role: "tabpanel", "aria-labelledby": `${context.baseId}-tab-${idValue}`, hidden: !selected, tabIndex: 0, className: classNames("miaixz-tab-panel", className) }));
+});
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, forwardRef, useContext, useId, useMemo, useState } from \"react\";\nimport type { KeyboardEvent } from \"react\";\n\nimport { createMiaixzUiError } from \"../../errors/index.js\";\nimport { classNames } from \"../../internal/class-names.js\";\nimport { useMiaixzLocale } from \"../../i18n/index.js\";\nimport type {\n  TabListProps,\n  TabPanelProps,\n  TabProps,\n  TabsOrientation,\n  TabsProps,\n} from \"./tabs.types.js\";\n\ninterface TabsContextValue {\n  /**\n   * Provides the stable identifier prefix for tab relationships.\n   */\n  baseId: string;\n  /**\n   * Defines the active keyboard navigation axis.\n   */\n  orientation: TabsOrientation;\n  /**\n   * Contains the currently selected tab value.\n   */\n  value: string | undefined;\n  /**\n   * Requests selection of a tab value.\n   */\n  select: (value: string) => void;\n}\n\nconst TabsContext = createContext<TabsContextValue | undefined>(undefined);\n\n/**\n * Returns the active tabs context and guards against invalid composition.\n *\n * @returns The nearest tabs controller.\n * @throws A localized error when no parent {@link Tabs} exists.\n */\nfunction useTabsContext(): TabsContextValue {\n  const { t } = useMiaixzLocale();\n  const context = useContext(TabsContext);\n  if (!context) {\n    throw createMiaixzUiError(t, {\n      code: \"UI_TABS_PROVIDER_MISSING\",\n      messageKey: \"ui.error.tabs.providerMissing\",\n    });\n  }\n  return context;\n}\n\n/**\n * Converts an arbitrary tab value into an HTML identifier segment.\n *\n * @param value - Arbitrary tab value.\n * @returns A non-empty identifier-safe segment.\n */\nfunction valueId(value: string): string {\n  return value.trim().replace(/[^a-zA-Z0-9_-]+/g, \"-\") || \"tab\";\n}\n\n/**\n * Provides controlled or uncontrolled tab selection state to child components.\n *\n * @public\n */\nexport const Tabs = forwardRef<HTMLDivElement, TabsProps>(function Tabs(\n  {\n    value: controlledValue,\n    defaultValue,\n    onValueChange,\n    orientation = \"horizontal\",\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const baseId = `miaixz-tabs-${useId()}`;\n  const value = controlledValue ?? uncontrolledValue;\n  const context = useMemo<TabsContextValue>(\n    () => ({\n      baseId,\n      orientation,\n      value,\n      select: (nextValue) => {\n        if (controlledValue === undefined) setUncontrolledValue(nextValue);\n        onValueChange?.(nextValue);\n      },\n    }),\n    [baseId, controlledValue, onValueChange, orientation, value],\n  );\n\n  return (\n    <TabsContext.Provider value={context}>\n      <div\n        {...props}\n        ref={ref}\n        data-orientation={orientation}\n        className={classNames(\n          \"miaixz-tabs\",\n          orientation === \"vertical\" && \"miaixz-tabs-vertical\",\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n});\n\n/**\n * Renders the tablist container and keyboard orientation metadata.\n *\n * @public\n */\nexport const TabList = forwardRef<HTMLDivElement, TabListProps>(function TabList(\n  { label, className, ...props },\n  ref,\n) {\n  const { orientation } = useTabsContext();\n  return (\n    <div\n      {...props}\n      ref={ref}\n      role=\"tablist\"\n      aria-label={label}\n      aria-orientation={orientation}\n      className={classNames(\"miaixz-tabs-list\", className)}\n    />\n  );\n});\n\n/**\n * Renders a selectable tab with arrow-key, Home, and End navigation.\n *\n * @public\n */\nexport const Tab = forwardRef<HTMLButtonElement, TabProps>(function Tab(\n  { value, count, disabled = false, className, children, onClick, onKeyDown, ...props },\n  ref,\n) {\n  const context = useTabsContext();\n  const selected = context.value === value;\n  const idValue = valueId(value);\n\n  /**\n   * Moves focus and selection according to the WAI-ARIA tabs keyboard pattern.\n   *\n   * @param event - Keyboard event received by the active tab.\n   */\n  function handleKeyDown(event: KeyboardEvent<HTMLButtonElement>) {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    const list = event.currentTarget.parentElement;\n    const tabs = list\n      ? Array.from(list.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]:not(:disabled)'))\n      : [];\n    const currentIndex = tabs.indexOf(event.currentTarget);\n    if (currentIndex < 0 || tabs.length === 0) return;\n\n    const previousKey = context.orientation === \"vertical\" ? \"ArrowUp\" : \"ArrowLeft\";\n    const nextKey = context.orientation === \"vertical\" ? \"ArrowDown\" : \"ArrowRight\";\n    let nextIndex: number | undefined;\n\n    if (event.key === previousKey) nextIndex = (currentIndex - 1 + tabs.length) % tabs.length;\n    if (event.key === nextKey) nextIndex = (currentIndex + 1) % tabs.length;\n    if (event.key === \"Home\") nextIndex = 0;\n    if (event.key === \"End\") nextIndex = tabs.length - 1;\n\n    if (nextIndex !== undefined) {\n      event.preventDefault();\n      tabs[nextIndex]?.focus();\n      tabs[nextIndex]?.click();\n    }\n  }\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      id={`${context.baseId}-tab-${idValue}`}\n      type=\"button\"\n      role=\"tab\"\n      aria-selected={selected}\n      aria-controls={`${context.baseId}-panel-${idValue}`}\n      tabIndex={selected ? 0 : -1}\n      disabled={disabled}\n      className={classNames(\"miaixz-tab\", className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) context.select(value);\n      }}\n      onKeyDown={handleKeyDown}\n    >\n      <span>{children}</span>\n      {count !== undefined && <span className=\"miaixz-tab-count\">{count}</span>}\n    </button>\n  );\n});\n\n/**\n * Renders content associated with one tab and hides it when inactive.\n *\n * @public\n */\nexport const TabPanel = forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n  { value, className, ...props },\n  ref,\n) {\n  const context = useTabsContext();\n  const selected = context.value === value;\n  const idValue = valueId(value);\n\n  return (\n    <div\n      {...props}\n      ref={ref}\n      id={`${context.baseId}-panel-${idValue}`}\n      role=\"tabpanel\"\n      aria-labelledby={`${context.baseId}-tab-${idValue}`}\n      hidden={!selected}\n      tabIndex={0}\n      className={classNames(\"miaixz-tab-panel\", className)}\n    />\n  );\n});\n"]}

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

@@ -0,0 +1,70 @@
+import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from "react";
+/**
+ * Defines the supported tab-list flow directions.
+ *
+ * @public
+ */
+export type TabsOrientation = "horizontal" | "vertical";
+/**
+ * Configures controlled or uncontrolled tab selection.
+ *
+ * @public
+ */
+export interface TabsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Controls the selected tab value.
+     */
+    value?: string;
+    /**
+     * Sets the initial uncontrolled tab value.
+     */
+    defaultValue?: string;
+    /**
+     * Receives requested tab selection changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Selects the tab-list flow direction and keyboard axis.
+     *
+     * @defaultValue `"horizontal"`
+     */
+    orientation?: TabsOrientation;
+}
+/**
+ * Configures an accessible tab-list container.
+ *
+ * @public
+ */
+export interface TabListProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Provides the required accessible tab-list label.
+     */
+    label: string;
+}
+/**
+ * Configures one selectable tab.
+ *
+ * @public
+ */
+export interface TabProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "value"> {
+    /**
+     * Identifies the tab and its associated panel.
+     */
+    value: string;
+    /**
+     * Displays optional compact count or status content.
+     */
+    count?: ReactNode;
+}
+/**
+ * Configures content associated with one tab value.
+ *
+ * @public
+ */
+export interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Identifies the tab that controls this panel.
+     */
+    value: string;
+}
+//# sourceMappingURL=tabs.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7E;;;;GAIG;AACH,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AAExD;;;;GAIG;AACH,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACtF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;;;GAIG;AACH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/components/tabs/tabs.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tabs.types.js.map

package/dist/components/tabs/tabs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.types.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from \"react\";\n\n/**\n * Defines the supported tab-list flow directions.\n *\n * @public\n */\nexport type TabsOrientation = \"horizontal\" | \"vertical\";\n\n/**\n * Configures controlled or uncontrolled tab selection.\n *\n * @public\n */\nexport interface TabsProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Controls the selected tab value.\n   */\n  value?: string;\n  /**\n   * Sets the initial uncontrolled tab value.\n   */\n  defaultValue?: string;\n  /**\n   * Receives requested tab selection changes.\n   */\n  onValueChange?: (value: string) => void;\n  /**\n   * Selects the tab-list flow direction and keyboard axis.\n   *\n   * @defaultValue `\"horizontal\"`\n   */\n  orientation?: TabsOrientation;\n}\n\n/**\n * Configures an accessible tab-list container.\n *\n * @public\n */\nexport interface TabListProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Provides the required accessible tab-list label.\n   */\n  label: string;\n}\n\n/**\n * Configures one selectable tab.\n *\n * @public\n */\nexport interface TabProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"value\"> {\n  /**\n   * Identifies the tab and its associated panel.\n   */\n  value: string;\n  /**\n   * Displays optional compact count or status content.\n   */\n  count?: ReactNode;\n}\n\n/**\n * Configures content associated with one tab value.\n *\n * @public\n */\nexport interface TabPanelProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Identifies the tab that controls this panel.\n   */\n  value: string;\n}\n"]}

package/dist/components/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { Textarea } from "./textarea.js";
+export type { TextareaProps, TextareaResize, TextareaSize } from "./textarea.types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/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,eAAe,CAAC;AACzC,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/textarea/index.js

@@ -0,0 +1,2 @@
+export { Textarea } from "./textarea.js";
+//# sourceMappingURL=index.js.map

package/dist/components/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { Textarea } from \"./textarea.js\";\nexport type { TextareaProps, TextareaResize, TextareaSize } from \"./textarea.types.js\";\n"]}

package/dist/components/textarea/textarea.d.ts

@@ -0,0 +1,8 @@
+import type { TextareaProps } from "./textarea.types.js";
+/**
+ * Renders a multiline text control using the shared form appearance.
+ *
+ * @public
+ */
+export declare const Textarea: import("react").ForwardRefExoticComponent<TextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,QAAQ,+GA6BnB,CAAC"}

package/dist/components/textarea/textarea.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { classNames } from "../../internal/class-names.js";
+/**
+ * Renders a multiline text control using the shared form appearance.
+ *
+ * @public
+ */
+export const Textarea = forwardRef(function Textarea({ size = "medium", invalid = false, resize = "vertical", className, "aria-invalid": ariaInvalid, ...props }, ref) {
+    const isInvalid = invalid || ariaInvalid === true || ariaInvalid === "true";
+    return (_jsx("textarea", { ...props, ref: ref, "aria-invalid": isInvalid || undefined, "data-size": size, "data-invalid": isInvalid || undefined, "data-resize": resize, className: classNames("miaixz-textarea", `miaixz-textarea-${size}`, isInvalid && "miaixz-textarea-invalid", className) }));
+});
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAG3D;;;;GAIG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAqC,SAAS,QAAQ,CACtF,EACE,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,UAAU,EACnB,SAAS,EACT,cAAc,EAAE,WAAW,EAC3B,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,SAAS,GAAG,OAAO,IAAI,WAAW,KAAK,IAAI,IAAI,WAAW,KAAK,MAAM,CAAC;IAE5E,OAAO,CACL,sBACM,KAAK,EACT,GAAG,EAAE,GAAG,kBACM,SAAS,IAAI,SAAS,eACzB,IAAI,kBACD,SAAS,IAAI,SAAS,iBACvB,MAAM,EACnB,SAAS,EAAE,UAAU,CACnB,iBAAiB,EACjB,mBAAmB,IAAI,EAAE,EACzB,SAAS,IAAI,yBAAyB,EACtC,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC,CAAC,CAAC","sourcesContent":["import { forwardRef } from \"react\";\n\nimport { classNames } from \"../../internal/class-names.js\";\nimport type { TextareaProps } from \"./textarea.types.js\";\n\n/**\n * Renders a multiline text control using the shared form appearance.\n *\n * @public\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(function Textarea(\n  {\n    size = \"medium\",\n    invalid = false,\n    resize = \"vertical\",\n    className,\n    \"aria-invalid\": ariaInvalid,\n    ...props\n  },\n  ref,\n) {\n  const isInvalid = invalid || ariaInvalid === true || ariaInvalid === \"true\";\n\n  return (\n    <textarea\n      {...props}\n      ref={ref}\n      aria-invalid={isInvalid || undefined}\n      data-size={size}\n      data-invalid={isInvalid || undefined}\n      data-resize={resize}\n      className={classNames(\n        \"miaixz-textarea\",\n        `miaixz-textarea-${size}`,\n        isInvalid && \"miaixz-textarea-invalid\",\n        className,\n      )}\n    />\n  );\n});\n"]}