@central-ui/react 0.0.0-stage → 0.1.0

package/dist/components/table/index.js

@@ -0,0 +1,211 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cloneElement, createContext, forwardRef, useContext, useEffect, useRef, useState, } from 'react';
+import { twMerge } from 'tailwind-merge';
+const PinningContext = createContext(null);
+function usePinning() {
+    return useContext(PinningContext)?.pinning ?? null;
+}
+/**
+ * Use Root → Surface → ScrollArea → Table for the scrolling table composition. Render your own data rows. Empty is manually controlled; the table does not inspect data to show it. Set pinning on Root when an edge column should remain visible while scrolling.
+ *
+ * To virtualize, import useVirtualizedTable from '@central-ui/react'.
+ * See the hook's types and documentation for configuration and integration examples.
+ *
+ * @example Complete composition
+ * import { Table } from '@central-ui/react'
+ *
+ * const orders = [
+ *   {
+ *     customer: 'Alex Morgan',
+ *     number: '#1048',
+ *     status: 'Paid',
+ *     channel: 'Online',
+ *     region: 'North',
+ *     date: 'Sep 28',
+ *     total: '$248.00',
+ *   },
+ *   {
+ *     customer: 'Sam Lee',
+ *     number: '#1049',
+ *     status: 'Pending',
+ *     channel: 'Retail',
+ *     region: 'West',
+ *     date: 'Sep 29',
+ *     total: '$86.00',
+ *   },
+ *   {
+ *     customer: 'Taylor Reed',
+ *     number: '#1050',
+ *     status: 'Paid',
+ *     channel: 'Online',
+ *     region: 'East',
+ *     date: 'Sep 30',
+ *     total: '$139.00',
+ *   },
+ * ]
+ * function Example() {
+ *   return (
+ *     <Table.Root>
+ *       <Table.Surface>
+ *         <Table.ScrollArea>
+ *           <Table.Table>
+ *             <Table.Head>
+ *               <Table.Row>
+ *                 <Table.HeadCell>Customer</Table.HeadCell>
+ *                 <Table.HeadCell>Status</Table.HeadCell>
+ *                 <Table.HeadCell>Total</Table.HeadCell>
+ *               </Table.Row>
+ *             </Table.Head>
+ *             <Table.Body>
+ *               {orders.map((order) => (
+ *                 <Table.Row key={order.number}>
+ *                   <Table.Cell>{order.customer}</Table.Cell>
+ *                   <Table.Cell>{order.status}</Table.Cell>
+ *                   <Table.Cell>{order.total}</Table.Cell>
+ *                 </Table.Row>
+ *               ))}
+ *             </Table.Body>
+ *           </Table.Table>
+ *         </Table.ScrollArea>
+ *       </Table.Surface>
+ *     </Table.Root>
+ *   )
+ * }
+ *
+ * @example Keep the first column visible during scrolling
+ * // Keep the same Surface/ScrollArea/Table composition; no sticky classes needed on cells.
+ * ;<Table.Root pinning="first">
+ *   <Table.Surface>
+ *     {
+ *       // Rest of components here
+ *     }
+ *   </Table.Surface>
+ * </Table.Root>
+ */
+export function Root({ pinning, children, }) {
+    const { scrollRef, edges, update } = useScrollEdges();
+    const activePinning = (() => {
+        if (pinning === 'first' && edges.passedFirst)
+            return 'first';
+        if (pinning === 'last' && edges.hiddenLast)
+            return 'last';
+        return null;
+    })();
+    return (_jsx(PinningContext.Provider, { value: { pinning: activePinning, scrollRef, update }, children: children }));
+}
+function useScrollEdges() {
+    const scrollRef = useRef(null);
+    const [edges, setEdges] = useState({ passedFirst: false, hiddenLast: false });
+    const update = (scrollArea) => {
+        const next = {
+            passedFirst: scrollArea.scrollLeft > 1,
+            hiddenLast: scrollArea.scrollWidth -
+                scrollArea.clientWidth -
+                scrollArea.scrollLeft >
+                1,
+        };
+        setEdges((current) => current.passedFirst === next.passedFirst &&
+            current.hiddenLast === next.hiddenLast
+            ? current
+            : next);
+    };
+    useEffect(() => {
+        const scrollArea = scrollRef.current;
+        if (!scrollArea)
+            return;
+        const table = scrollArea.querySelector('table');
+        const observer = new ResizeObserver(() => update(scrollArea));
+        observer.observe(scrollArea);
+        if (table)
+            observer.observe(table);
+        update(scrollArea);
+        return () => observer.disconnect();
+    }, []);
+    return { scrollRef, edges, update };
+}
+export function Surface({ disableStyle, className, ...props }) {
+    return (_jsx("div", { ...props, "data-component": "table-surface", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function SurfaceHeader({ disableStyle, className, ...props }) {
+    return (_jsx("div", { ...props, "data-component": "table-surfaceheader", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function SurfaceFooter({ disableStyle, className, ...props }) {
+    return (_jsx("div", { ...props, "data-component": "table-surfacefooter", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function ScrollArea({ disableStyle, className, onScroll, style, ...props }) {
+    const { scrollRef, update } = useContext(PinningContext);
+    return (_jsx("div", { ...props, ref: scrollRef, style: { ...style, overflowX: 'auto' }, onScroll: (event) => {
+            update(event.currentTarget);
+            onScroll?.(event);
+        }, "data-component": "table-scrollarea", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+const pinningStyles = `
+  table[data-slot="table"] > :is(thead, tbody, tfoot) > tr > :is(th, td)[data-pinning="first"]:first-child {
+    position: sticky;
+    left: 0;
+    z-index: 10;
+  }
+  table[data-slot="table"] > :is(thead, tbody, tfoot) > tr > :is(th, td)[data-pinning="last"]:last-child {
+    position: sticky;
+    right: 0;
+    z-index: 10;
+  }
+`;
+export function Table({ disableStyle, className, ...props }) {
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: pinningStyles }), _jsx("table", { ...props, "data-slot": "table", "data-component": "table-table", "data-style-disabled": disableStyle ? '' : undefined, className: className })] }));
+}
+export function ColGroup({ disableStyle, className, ...props }) {
+    return (_jsx("colgroup", { ...props, "data-component": "table-colgroup", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Col({ disableStyle, className, ...props }) {
+    return (_jsx("col", { ...props, "data-component": "table-col", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Head({ disableStyle, className, ...props }) {
+    return (_jsx("thead", { ...props, "data-slot": "table-header", "data-component": "table-head", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export const Body = forwardRef(function Body({ disableStyle, className, ...props }, ref) {
+    return (_jsx("tbody", { ...props, ref: ref, "data-component": "table-body", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Row = forwardRef(({ disableStyle, className, ...props }, ref) => {
+    return (_jsx("tr", { ...props, ref: ref, "data-component": "table-row", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export function HeadCell({ disableStyle, className, ...props }) {
+    const pinning = usePinning();
+    return (_jsx("th", { ...props, "data-pinning": pinning, "data-component": "table-headcell", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Cell({ disableStyle, className, ...props }) {
+    const pinning = usePinning();
+    return (_jsx("td", { ...props, "data-pinning": pinning, "data-component": "table-cell", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function Empty({ disableStyle, className, children, ...props }) {
+    return (_jsx("div", { "data-component": "table-empty", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props, children: children }));
+}
+export function EmptyBody({ disableStyle, className, ...props }) {
+    return (_jsx("div", { ...props, "data-component": "table-emptybody", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+}
+export function EmptyTitle({ disableStyle, className, ...props }) {
+    return (_jsx("p", { "data-component": "table-emptytitle", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function EmptyDescription({ disableStyle, className, ...props }) {
+    return (_jsx("p", { "data-component": "table-emptydescription", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+export function EmptyImage({ disableStyle, className, ...props }) {
+    return (_jsx("img", { alt: "Empty", "data-component": "table-emptyimage", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props }));
+}
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export function EmptyIcon({ disableStyle, children, className, ...props }) {
+    return cloneElement(children, {
+        ...children.props,
+        ...props,
+        ...{
+            'data-component': 'table-emptyicon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children.props.className, className),
+        strokeWidth: props.strokeWidth ?? children.props.strokeWidth ?? 1.5,
+    });
+}
+export function EmptyActionsList({ disableStyle, className, children, ...props }) {
+    return (_jsx("div", { "data-component": "table-emptyactionslist", "data-style-disabled": disableStyle ? '' : undefined, className: className, ...props, children: children }));
+}
+//# 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.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,67 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+import type { ReactElement } from 'react';
+import type { LucideProps } from 'lucide-react';
+/**
+ * Match each Tab value to a Content value in the same Root. Let Tabs handle the active panel and keyboard navigation; do not add separate visibility conditions. Indicator is optional decoration.
+ *
+ * @example Complete composition
+ * import { Tabs } from '@central-ui/react'
+ * import { Home, Settings } from 'lucide-react'
+ *
+ * function Example() {
+ *   return (
+ *     <div className="flex w-full gap-4 flex-col">
+ *       <Tabs.Root defaultValue="overview">
+ *         <Tabs.List>
+ *           <Tabs.Tab value="overview">
+ *             <Tabs.Icon>
+ *               <Home />
+ *             </Tabs.Icon>
+ *             Overview
+ *           </Tabs.Tab>
+ *           <Tabs.Tab value="settings">
+ *             <Tabs.Icon>
+ *               <Settings />
+ *             </Tabs.Icon>
+ *             Settings
+ *           </Tabs.Tab>
+ *           <Tabs.Tab value="unavailable" disabled>
+ *             Disabled
+ *           </Tabs.Tab>
+ *           <Tabs.Indicator />
+ *         </Tabs.List>
+ *         <Tabs.Content value="overview">Your account overview.</Tabs.Content>
+ *         <Tabs.Content value="settings">Choose your preferences.</Tabs.Content>
+ *       </Tabs.Root>
+ *     </div>
+ *   )
+ * }
+ *
+ * @example Activate a tab as keyboard focus moves
+ * // Configure List, keeping the same Tab/Content value pairs.
+ * ;<Tabs.List activateOnFocus>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </Tabs.List>
+ */
+export declare function Root({ children, ...props }: Omit<BaseTabs.Root.Props, 'render' | 'className'>): import("react").JSX.Element;
+export declare const List: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsListProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tab: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsTabProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export declare const Icon: import("react").ForwardRefExoticComponent<Omit<LucideProps & {
+    /** Supply the decorative icon; the wrapper forwards the relevant state and preserves its classes. */
+    children: ReactElement<LucideProps>;
+} & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsIndicatorProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").TabsPanelProps, "className"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# 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.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE/C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAG,WAAW,CAAC,+BAOnD;AACD,eAAO,MAAM,IAAI;gBAEyC,MAAM;uEAW9D,CAAA;AAEF,eAAO,MAAM,GAAG;gBAEyC,MAAM;0EAW7D,CAAA;AAEF,wHAAwH;AACxH,eAAO,MAAM,IAAI;IAGb,qGAAqG;cAC3F,YAAY,CAAC,WAAW,CAAC;sEAcrC,CAAA;AAEF,eAAO,MAAM,SAAS;gBAEyC,MAAM;wEAYnE,CAAA;AACF,eAAO,MAAM,OAAO;gBAEuC,MAAM;uEAY/D,CAAA"}

package/dist/components/tabs/index.js

@@ -0,0 +1,78 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { Tabs as BaseTabs } from '@base-ui/react/tabs';
+import { cloneElement, forwardRef } from 'react';
+import { twMerge } from 'tailwind-merge';
+/**
+ * Match each Tab value to a Content value in the same Root. Let Tabs handle the active panel and keyboard navigation; do not add separate visibility conditions. Indicator is optional decoration.
+ *
+ * @example Complete composition
+ * import { Tabs } from '@central-ui/react'
+ * import { Home, Settings } from 'lucide-react'
+ *
+ * function Example() {
+ *   return (
+ *     <div className="flex w-full gap-4 flex-col">
+ *       <Tabs.Root defaultValue="overview">
+ *         <Tabs.List>
+ *           <Tabs.Tab value="overview">
+ *             <Tabs.Icon>
+ *               <Home />
+ *             </Tabs.Icon>
+ *             Overview
+ *           </Tabs.Tab>
+ *           <Tabs.Tab value="settings">
+ *             <Tabs.Icon>
+ *               <Settings />
+ *             </Tabs.Icon>
+ *             Settings
+ *           </Tabs.Tab>
+ *           <Tabs.Tab value="unavailable" disabled>
+ *             Disabled
+ *           </Tabs.Tab>
+ *           <Tabs.Indicator />
+ *         </Tabs.List>
+ *         <Tabs.Content value="overview">Your account overview.</Tabs.Content>
+ *         <Tabs.Content value="settings">Choose your preferences.</Tabs.Content>
+ *       </Tabs.Root>
+ *     </div>
+ *   )
+ * }
+ *
+ * @example Activate a tab as keyboard focus moves
+ * // Configure List, keeping the same Tab/Content value pairs.
+ * ;<Tabs.List activateOnFocus>
+ *   {
+ *     // Rest of components here
+ *   }
+ * </Tabs.List>
+ */
+export function Root({ children, ...props }) {
+    // Native Root renders a div; the fragment preserves our wrapper-free Root contract.
+    return (_jsx(BaseTabs.Root, { ...props, render: (rootProps) => _jsx(_Fragment, { children: rootProps.children }), children: children }));
+}
+export const List = forwardRef(function List({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseTabs.List, { ...props, ref: ref, "data-component": "tabs-list", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Tab = forwardRef(function Tab({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseTabs.Tab, { ...props, ref: ref, "data-component": "tabs-tab", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export const Icon = forwardRef(function Icon({ disableStyle, children, className, ...props }, ref) {
+    return cloneElement(children, {
+        ...props,
+        ref,
+        'aria-hidden': true,
+        ...{
+            'data-component': 'tabs-icon',
+            'data-style-disabled': disableStyle ? '' : undefined,
+        },
+        className: twMerge(children?.props.className, className),
+    });
+});
+export const Indicator = forwardRef(function Indicator({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseTabs.Indicator, { ...props, ref: ref, "data-component": "tabs-indicator", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+export const Content = forwardRef(function Content({ disableStyle, className, ...props }, ref) {
+    return (_jsx(BaseTabs.Panel, { ...props, ref: ref, "data-component": "tabs-content", "data-style-disabled": disableStyle ? '' : undefined, className: className }));
+});
+//# 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.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAIxC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,GAAG,KAAK,EAC0C;IAClD,oFAAoF;IACpF,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,OAAK,KAAK,EAAE,MAAM,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,4BAAG,SAAS,CAAC,QAAQ,GAAI,YACvE,QAAQ,GACK,CACjB,CAAA;AACH,CAAC;AACD,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAG5B,SAAS,IAAI,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACxD,OAAO,CACL,KAAC,QAAQ,CAAC,IAAI,OACR,KAAK,EACT,GAAG,EAAE,GAAG,oBACO,WAAW,yBACL,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAG3B,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IACvD,OAAO,CACL,KAAC,QAAQ,CAAC,GAAG,OACP,KAAK,EACT,GAAG,EAAE,GAAG,oBACO,UAAU,yBACJ,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,wHAAwH;AACxH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAO5B,SAAS,IAAI,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAClE,OAAO,YAAY,CAAC,QAAQ,EAAE;QAC5B,GAAG,KAAK;QACR,GAAG;QACH,aAAa,EAAE,IAAI;QACnB,GAAG;YACD,gBAAgB,EAAE,WAAW;YAC7B,qBAAqB,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;SACrD;QACD,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,CAAC;KACzD,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAIjC,SAAS,SAAS,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC7D,OAAO,CACL,KAAC,QAAQ,CAAC,SAAS,OACb,KAAK,EACT,GAAG,EAAE,GAAG,oBACO,gBAAgB,yBACV,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAI/B,SAAS,OAAO,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAC3D,OAAO,CACL,KAAC,QAAQ,CAAC,KAAK,OACT,KAAK,EACT,GAAG,EAAE,GAAG,oBACO,cAAc,yBACR,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EAClD,SAAS,EAAE,SAAS,GACpB,CACH,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,72 @@
+import type { StyleProps } from '../../types/Style.ts';
+import { Input as BaseInput } from '@base-ui/react/input';
+import type { LucideProps } from 'lucide-react';
+import type { ComponentProps, ReactElement, ReactNode } from 'react';
+export type RootProps = Pick<ComponentProps<'textarea'>, 'id' | 'name' | 'form' | 'value' | 'defaultValue' | 'disabled' | 'readOnly' | 'required'> & Pick<BaseInput.Props, 'onValueChange'> & {
+    children?: ReactNode;
+    /** Choose the visual tone. This does not validate data or show/hide feedback messages. */
+    tone?: 'neutral' | 'valid' | 'invalid';
+};
+/**
+ * Keep value, name, and validation configuration on Root. Textarea is the editable control inside TextareaGroup. Optional Addon parts hold your supporting text or actions; they do not implement submission.
+ *
+ * @example Complete composition
+ * import { Textarea } from '@central-ui/react'
+ *
+ * function Example() {
+ *   return (
+ *     <Textarea.Root defaultValue="Hello" name="message">
+ *       <Textarea.Container>
+ *         <Textarea.Label>Message</Textarea.Label>
+ *         <Textarea.TextareaGroup>
+ *           <Textarea.Textarea rows={4} placeholder="Write your message" />
+ *         </Textarea.TextareaGroup>
+ *         <Textarea.Description>Enter your message.</Textarea.Description>
+ *       </Textarea.Container>
+ *     </Textarea.Root>
+ *   )
+ * }
+ *
+ * @example Control the message from application state
+ * import { useState } from 'react'
+ * function ControlledExample() {
+ *   const [value, setValue] = useState('')
+ *   return (
+ *     <Textarea.Root value={value} onValueChange={setValue}>
+ *       {
+ *         // Rest of components here
+ *       }
+ *     </Textarea.Root>
+ *   )
+ * }
+ */
+export declare function Root({ children, id, tone, value, defaultValue, onValueChange, disabled, readOnly, required, ...coreProps }: RootProps): import("react").JSX.Element;
+export type TextareaProps = Omit<ComponentProps<'textarea'>, keyof Pick<RootProps, 'id' | 'name' | 'form' | 'value' | 'defaultValue' | 'onValueChange' | 'disabled' | 'readOnly' | 'required'>> & {
+    className?: string;
+} & StyleProps;
+export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "form" | "defaultValue" | "id" | "name" | "disabled" | "value" | "onValueChange" | "required" | "readOnly"> & {
+    className?: string;
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
+export declare const TextareaGroup: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Container: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** Labels the associated control automatically. Supply the visible text; do not wire a second label association. */
+export declare const Label: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "htmlFor"> & StyleProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Error: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+/** You decide when to show this feedback. Changing tone does not validate data or render the message for you. */
+export declare const Success: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Addon: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    /** Choose the preset appearance; this does not add action behavior. */
+    variant?: "normal" | "emphasized";
+} & StyleProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AddonText: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+/** Supply the decorative icon as a child. Its classes are preserved; interaction belongs to the surrounding control. */
+export declare function AddonIcon({ disableStyle, children, className, ...props }: (Omit<ComponentProps<'svg'>, 'children'> & {
+    /** Supply the decorative icon; the wrapper forwards the relevant state and preserves its classes. */
+    children: ReactElement<ComponentProps<'svg'>>;
+}) & StyleProps): ReactElement<import("react").SVGProps<SVGSVGElement>, string | import("react").JSXElementConstructor<any>>;
+export declare const AddonButton: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & StyleProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+/** Built-in icon; no children needed. Use it inside its matching control. */
+export declare const AddonLoadingIcon: import("react").ForwardRefExoticComponent<Omit<Omit<LucideProps, "children"> & StyleProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+//# 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.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAY/C,OAAO,KAAK,EACV,cAAc,EAEd,YAAY,EACZ,SAAS,EAGV,MAAM,OAAO,CAAA;AAGd,MAAM,MAAM,SAAS,GAAG,IAAI,CAC1B,cAAc,CAAC,UAAU,CAAC,EACxB,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,cAAc,GACd,UAAU,GACV,UAAU,GACV,UAAU,CACb,GACC,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,eAAe,CAAC,GAAG;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,0FAA0F;IAC1F,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAA;CACvC,CAAA;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,EAAE,EACF,IAAgB,EAChB,KAAK,EACL,YAAY,EACZ,aAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,GAAG,SAAS,EACb,EAAE,SAAS,+BA4BX;AACD,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,cAAc,CAAC,UAAU,CAAC,EAC1B,MAAM,IAAI,CACR,SAAS,EACP,IAAI,GACJ,MAAM,GACN,MAAM,GACN,OAAO,GACP,cAAc,GACd,eAAe,GACf,UAAU,GACV,UAAU,GACV,UAAU,CACb,CACF,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,UAAU,CAAA;AACvC,eAAO,MAAM,QAAQ;gBADH,MAAM;4EAiEtB,CAAA;AACF,eAAO,MAAM,aAAa,uNAoBxB,CAAA;AAEF,eAAO,MAAM,SAAS,uNAepB,CAAA;AACF,oHAAoH;AACpH,eAAO,MAAM,KAAK,oPA2BhB,CAAA;AAEF,eAAO,MAAM,WAAW,uNAiBtB,CAAA;AAEF,iHAAiH;AACjH,eAAO,MAAM,KAAK,uNAmBhB,CAAA;AAEF,iHAAiH;AACjH,eAAO,MAAM,OAAO,uNAmBlB,CAAA;AACF,eAAO,MAAM,KAAK;IAGd,uEAAuE;cAC7D,QAAQ,GAAG,YAAY;uEAmBnC,CAAA;AACF,eAAO,MAAM,SAAS,0NAepB,CAAA;AACF,wHAAwH;AACxH,wBAAgB,SAAS,CAAC,EACxB,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5C,qGAAqG;IACrG,QAAQ,EAAE,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAA;CAC9C,CAAC,GACA,UAAU,8GAaX;AACD,eAAO,MAAM,WAAW,sOAqBtB,CAAA;AACF,6EAA6E;AAC7E,eAAO,MAAM,gBAAgB,mJAoB3B,CAAA"}