@wallarm-org/design-system 3.4.0 → 3.4.1-rc-fix-data-display-category.2

package/README.md

@@ -6,7 +6,7 @@ Modern React component library for building user interfaces.
 
 All documentation is available in:
 
-- [Storybook](https://wallarm.github.io/wallarm-design-system/) - Interactive component examples
+- [Storybook](https://wallarm.github.io/design-system/) - Interactive component examples
 - [Installation Guide](docs/installation.md) - Setup instructions
 - [Getting Started](docs/getting-started.md) - Introduction and overview
 
@@ -52,7 +52,7 @@ body {
 
 ## ✨ Features
 
-- **40+ components** - Complete set of UI elements
+- **100+ components** - Complete set of UI elements
 - **React 19** - Latest React version
 - **TypeScript** - Full type safety
 - **Tailwind CSS v4** - Modern styling system
@@ -70,14 +70,14 @@ body {
 - **Modals** - Dialog, Drawer, Popover
 - **Navigation** - Tabs, Breadcrumbs, SegmentedControl
 - **Layout** - Stack, Flex, ScrollArea
-- **Data display** - Badge, Tag, Code
+- **Data Display** - Badge, Tag, Code
 
 ## 🛠 Development
 
 ```bash
 # Clone repository
 git clone https://github.com/wallarm/design-system.git
-cd wallarm-design-system
+cd design-system
 
 # Install dependencies
 pnpm install
@@ -114,6 +114,8 @@ pnpm --filter @wallarm-org/design-system icons:sync --only Bell,BellOff    # ref
 
 The command writes the component files, `src/icons/index.ts`, the gallery category (`module/const.ts`) and Code Connect (`module/Icons.figma.batch.json` + its `Icons.figma.batch.ts` template). `scripts/icons/manifest.json` maps Figma nodes to component names, and also holds excluded nodes and the `keep` list of hand-maintained icons. When a new layer's name collides with an existing icon, map it there. Brand icons without a Neutral variant in Figma get a generated `*Neutral` twin. Commit with `[update-screenshots]` so CI refreshes the icon gallery baselines.
 
+## 📖 Resources
+
 - [Storybook](https://wallarm.github.io/design-system/) - Interactive examples
 - [NPM](https://www.npmjs.com/package/@wallarm-org/design-system) - NPM package
 - [GitHub](https://github.com/wallarm/design-system) - Source code

package/dist/components/Calendar/CalendarApplyButton.d.ts

@@ -1,10 +1,12 @@
+import type { FC, Ref } from 'react';
 import { type ButtonProps } from '../Button/index.js';
 export interface CalendarApplyButtonProps extends Omit<ButtonProps, 'onClick'> {
     /** Callback fired before closing calendar */
     onClick?: () => void;
+    ref?: Ref<HTMLButtonElement>;
 }
 /**
  * Apply button for the calendar footer.
  * Calls onClick, then closes the calendar.
  */
-export declare const CalendarApplyButton: import("react").ForwardRefExoticComponent<Omit<CalendarApplyButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CalendarApplyButton: FC<CalendarApplyButtonProps>;

package/dist/components/Calendar/CalendarApplyButton.js

@@ -1,39 +1,41 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { DatePicker } from "@ark-ui/react";
 import { Button } from "../Button/index.js";
-const CalendarApplyButton = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(15);
+const CalendarApplyButton = (t0)=>{
+    const $ = c(16);
     let onClick;
     let props;
+    let ref;
     let t1;
     let t2;
     let t3;
     let t4;
     if ($[0] !== t0) {
-        ({ onClick, children: t1, variant: t2, color: t3, size: t4, ...props } = t0);
+        ({ ref, onClick, children: t1, variant: t2, color: t3, size: t4, ...props } = t0);
         $[0] = t0;
         $[1] = onClick;
         $[2] = props;
-        $[3] = t1;
-        $[4] = t2;
-        $[5] = t3;
-        $[6] = t4;
+        $[3] = ref;
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+        $[7] = t4;
     } else {
         onClick = $[1];
         props = $[2];
-        t1 = $[3];
-        t2 = $[4];
-        t3 = $[5];
-        t4 = $[6];
+        ref = $[3];
+        t1 = $[4];
+        t2 = $[5];
+        t3 = $[6];
+        t4 = $[7];
     }
     const children = void 0 === t1 ? "Apply" : t1;
     const variant = void 0 === t2 ? "primary" : t2;
     const color = void 0 === t3 ? "brand" : t3;
     const size = void 0 === t4 ? "small" : t4;
     let t5;
-    if ($[7] !== children || $[8] !== color || $[9] !== onClick || $[10] !== props || $[11] !== ref || $[12] !== size || $[13] !== variant) {
+    if ($[8] !== children || $[9] !== color || $[10] !== onClick || $[11] !== props || $[12] !== ref || $[13] !== size || $[14] !== variant) {
         t5 = /*#__PURE__*/ jsx(DatePicker.Context, {
             children: (api)=>/*#__PURE__*/ jsx(Button, {
                     ref: ref,
@@ -48,16 +50,16 @@ const CalendarApplyButton = /*#__PURE__*/ forwardRef((t0, ref)=>{
                     children: children
                 })
         });
-        $[7] = children;
-        $[8] = color;
-        $[9] = onClick;
-        $[10] = props;
-        $[11] = ref;
-        $[12] = size;
-        $[13] = variant;
-        $[14] = t5;
-    } else t5 = $[14];
+        $[8] = children;
+        $[9] = color;
+        $[10] = onClick;
+        $[11] = props;
+        $[12] = ref;
+        $[13] = size;
+        $[14] = variant;
+        $[15] = t5;
+    } else t5 = $[15];
     return t5;
-});
+};
 CalendarApplyButton.displayName = "CalendarApplyButton";
 export { CalendarApplyButton };

package/dist/components/Calendar/CalendarBody.d.ts

@@ -1,12 +1,13 @@
-import { type ReactNode } from 'react';
+import type { FC, ReactNode, Ref } from 'react';
 export interface CalendarBodyProps {
     /** Content to render (InputHeader, Grid(s), etc.) */
     children: ReactNode;
     /** Additional className for styling */
     className?: string;
+    ref?: Ref<HTMLDivElement>;
 }
 /**
  * Container for the main calendar body content.
  * Wraps InputHeader, Grid(s), and optionally Footer.
  */
-export declare const CalendarBody: import("react").ForwardRefExoticComponent<CalendarBodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CalendarBody: FC<CalendarBodyProps>;

package/dist/components/Calendar/CalendarBody.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
-const CalendarBody = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const CalendarBody = (t0)=>{
     const $ = c(6);
-    const { children, className } = t0;
+    const { ref, children, className } = t0;
     let t1;
     if ($[0] !== className) {
         t1 = cn("flex flex-col", className);
@@ -24,6 +23,6 @@ const CalendarBody = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[5] = t2;
     } else t2 = $[5];
     return t2;
-});
+};
 CalendarBody.displayName = "CalendarBody";
 export { CalendarBody };

package/dist/components/Calendar/CalendarContent.d.ts

@@ -1,12 +1,13 @@
-import { type ReactNode } from 'react';
+import type { FC, ReactNode, Ref } from 'react';
 export interface CalendarContentProps {
     /** Content to render inside the calendar popover */
     children: ReactNode;
     /** Additional className for styling */
     className?: string;
+    ref?: Ref<HTMLDivElement>;
 }
 /**
  * Content container for the calendar popover.
  * Renders within a Portal with positioning and animation.
  */
-export declare const CalendarContent: import("react").ForwardRefExoticComponent<CalendarContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CalendarContent: FC<CalendarContentProps>;

package/dist/components/Calendar/CalendarContent.js

@@ -1,12 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { DatePicker, Portal } from "@ark-ui/react";
 import { cn } from "../../utils/cn.js";
 import { useLayerZIndexRef } from "../../utils/syncLayerZIndex.js";
-const CalendarContent = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const CalendarContent = (t0)=>{
     const $ = c(6);
-    const { children, className } = t0;
+    const { ref, children, className } = t0;
     const contentRef = useLayerZIndexRef(ref);
     let t1;
     if ($[0] !== className) {
@@ -31,6 +30,6 @@ const CalendarContent = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[5] = t2;
     } else t2 = $[5];
     return t2;
-});
+};
 CalendarContent.displayName = "CalendarContent";
 export { CalendarContent };

package/dist/components/Calendar/CalendarFooter.d.ts

@@ -1,9 +1,10 @@
-import { type ReactNode } from 'react';
+import type { FC, ReactNode, Ref } from 'react';
 export interface CalendarFooterProps {
     /** Children to render (buttons, keyboard hints, etc.) */
     children: ReactNode;
     /** Additional className for styling */
     className?: string;
+    ref?: Ref<HTMLDivElement>;
 }
 /**
  * Footer container for the calendar.
@@ -16,4 +17,4 @@ export interface CalendarFooterProps {
  *   <CalendarApplyButton />
  * </CalendarFooter>
  */
-export declare const CalendarFooter: import("react").ForwardRefExoticComponent<CalendarFooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CalendarFooter: FC<CalendarFooterProps>;

package/dist/components/Calendar/CalendarFooter.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
-const CalendarFooter = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const CalendarFooter = (t0)=>{
     const $ = c(6);
-    const { children, className } = t0;
+    const { ref, children, className } = t0;
     let t1;
     if ($[0] !== className) {
         t1 = cn("flex items-center justify-between", "h-48 px-12", "border-t border-border-primary-light", className);
@@ -24,6 +23,6 @@ const CalendarFooter = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[5] = t2;
     } else t2 = $[5];
     return t2;
-});
+};
 CalendarFooter.displayName = "CalendarFooter";
 export { CalendarFooter };

package/dist/components/Calendar/CalendarFooterControls.d.ts

@@ -1,12 +1,13 @@
-import { type ReactNode } from 'react';
+import type { FC, ReactNode, Ref } from 'react';
 export interface CalendarFooterControlsProps {
     /** Children to render (typically Reset and Apply buttons) */
     children: ReactNode;
     /** Additional className for styling */
     className?: string;
+    ref?: Ref<HTMLDivElement>;
 }
 /**
  * Container for footer action buttons.
  * Positions buttons to the right with consistent spacing.
  */
-export declare const CalendarFooterControls: import("react").ForwardRefExoticComponent<CalendarFooterControlsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CalendarFooterControls: FC<CalendarFooterControlsProps>;

package/dist/components/Calendar/CalendarFooterControls.js

@@ -1,10 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
-const CalendarFooterControls = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const CalendarFooterControls = (t0)=>{
     const $ = c(6);
-    const { children, className } = t0;
+    const { ref, children, className } = t0;
     let t1;
     if ($[0] !== className) {
         t1 = cn("flex items-center gap-10 ml-auto", className);
@@ -24,6 +23,6 @@ const CalendarFooterControls = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[5] = t2;
     } else t2 = $[5];
     return t2;
-});
+};
 CalendarFooterControls.displayName = "CalendarFooterControls";
 export { CalendarFooterControls };

package/dist/components/Calendar/CalendarGrids.d.ts

@@ -1,10 +1,12 @@
+import type { FC, Ref } from 'react';
 export interface CalendarGridsProps {
     /** Additional className for styling */
     className?: string;
+    ref?: Ref<HTMLDivElement>;
 }
 /**
  * Automatic calendar grids container.
  * Renders one or two grids based on calendar type from context.
  * Handles all layout and spacing automatically.
  */
-export declare const CalendarGrids: import("react").ForwardRefExoticComponent<CalendarGridsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CalendarGrids: FC<CalendarGridsProps>;

package/dist/components/Calendar/CalendarGrids.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { useCalendarContext } from "./CalendarContext.js";
 import { CalendarGrid } from "./CalendarGrid.js";
-const CalendarGrids = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const CalendarGrids = (t0)=>{
     const $ = c(13);
-    const { className } = t0;
+    const { ref, className } = t0;
     const { isRange } = useCalendarContext();
     const t1 = isRange && "gap-12";
     let t2;
@@ -55,6 +54,6 @@ const CalendarGrids = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[12] = t7;
     } else t7 = $[12];
     return t7;
-});
+};
 CalendarGrids.displayName = "CalendarGrids";
 export { CalendarGrids };

package/dist/components/Calendar/CalendarKeyboardHints.d.ts

@@ -1,9 +1,11 @@
+import type { FC, Ref } from 'react';
 export interface CalendarKeyboardHintsProps {
     /** Additional className for styling */
     className?: string;
+    ref?: Ref<HTMLDivElement>;
 }
 /**
  * Keyboard navigation hints for the calendar footer.
  * Shows arrow keys for navigation, Enter for selection, and Esc to close.
  */
-export declare const CalendarKeyboardHints: import("react").ForwardRefExoticComponent<CalendarKeyboardHintsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CalendarKeyboardHints: FC<CalendarKeyboardHintsProps>;

package/dist/components/Calendar/CalendarKeyboardHints.js

@@ -1,11 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { Kbd } from "../Kbd/index.js";
-const CalendarKeyboardHints = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const CalendarKeyboardHints = (t0)=>{
     const $ = c(8);
-    const { className } = t0;
+    const { ref, className } = t0;
     let t1;
     if ($[0] !== className) {
         t1 = cn("flex items-center gap-12", className);
@@ -96,6 +95,6 @@ const CalendarKeyboardHints = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[7] = t5;
     } else t5 = $[7];
     return t5;
-});
+};
 CalendarKeyboardHints.displayName = "CalendarKeyboardHints";
 export { CalendarKeyboardHints };

package/dist/components/Calendar/CalendarResetButton.d.ts

@@ -1,10 +1,12 @@
+import type { FC, Ref } from 'react';
 import { type ButtonProps } from '../Button/index.js';
 export interface CalendarResetButtonProps extends Omit<ButtonProps, 'onClick'> {
     /** Callback fired after reset (in addition to clearing value) */
     onClick?: () => void;
+    ref?: Ref<HTMLButtonElement>;
 }
 /**
  * Reset button for the calendar footer.
  * Clears the selected value when clicked, then calls onClick.
  */
-export declare const CalendarResetButton: import("react").ForwardRefExoticComponent<Omit<CalendarResetButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CalendarResetButton: FC<CalendarResetButtonProps>;

package/dist/components/Calendar/CalendarResetButton.js

@@ -1,39 +1,41 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { DatePicker } from "@ark-ui/react";
 import { Button } from "../Button/index.js";
-const CalendarResetButton = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(15);
+const CalendarResetButton = (t0)=>{
+    const $ = c(16);
     let onClick;
     let props;
+    let ref;
     let t1;
     let t2;
     let t3;
     let t4;
     if ($[0] !== t0) {
-        ({ onClick, children: t1, variant: t2, color: t3, size: t4, ...props } = t0);
+        ({ ref, onClick, children: t1, variant: t2, color: t3, size: t4, ...props } = t0);
         $[0] = t0;
         $[1] = onClick;
         $[2] = props;
-        $[3] = t1;
-        $[4] = t2;
-        $[5] = t3;
-        $[6] = t4;
+        $[3] = ref;
+        $[4] = t1;
+        $[5] = t2;
+        $[6] = t3;
+        $[7] = t4;
     } else {
         onClick = $[1];
         props = $[2];
-        t1 = $[3];
-        t2 = $[4];
-        t3 = $[5];
-        t4 = $[6];
+        ref = $[3];
+        t1 = $[4];
+        t2 = $[5];
+        t3 = $[6];
+        t4 = $[7];
     }
     const children = void 0 === t1 ? "Reset" : t1;
     const variant = void 0 === t2 ? "ghost" : t2;
     const color = void 0 === t3 ? "neutral" : t3;
     const size = void 0 === t4 ? "small" : t4;
     let t5;
-    if ($[7] !== children || $[8] !== color || $[9] !== onClick || $[10] !== props || $[11] !== ref || $[12] !== size || $[13] !== variant) {
+    if ($[8] !== children || $[9] !== color || $[10] !== onClick || $[11] !== props || $[12] !== ref || $[13] !== size || $[14] !== variant) {
         t5 = /*#__PURE__*/ jsx(DatePicker.Context, {
             children: (api)=>/*#__PURE__*/ jsx(Button, {
                     ref: ref,
@@ -48,16 +50,16 @@ const CalendarResetButton = /*#__PURE__*/ forwardRef((t0, ref)=>{
                     children: children
                 })
         });
-        $[7] = children;
-        $[8] = color;
-        $[9] = onClick;
-        $[10] = props;
-        $[11] = ref;
-        $[12] = size;
-        $[13] = variant;
-        $[14] = t5;
-    } else t5 = $[14];
+        $[8] = children;
+        $[9] = color;
+        $[10] = onClick;
+        $[11] = props;
+        $[12] = ref;
+        $[13] = size;
+        $[14] = variant;
+        $[15] = t5;
+    } else t5 = $[15];
     return t5;
-});
+};
 CalendarResetButton.displayName = "CalendarResetButton";
 export { CalendarResetButton };

package/dist/components/Table/primitives/TBody.d.ts

@@ -1 +1,2 @@
-export declare const TBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+import type { ComponentPropsWithRef, FC } from 'react';
+export declare const TBody: FC<ComponentPropsWithRef<'tbody'>>;

package/dist/components/Table/primitives/TBody.js

@@ -1,39 +1,41 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../../utils/cn.js";
-const TBody = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(9);
+const TBody = (t0)=>{
+    const $ = c(10);
     let className;
     let props;
+    let ref;
     if ($[0] !== t0) {
-        ({ className, ...props } = t0);
+        ({ ref, className, ...props } = t0);
         $[0] = t0;
         $[1] = className;
         $[2] = props;
+        $[3] = ref;
     } else {
         className = $[1];
         props = $[2];
+        ref = $[3];
     }
     let t1;
-    if ($[3] !== className) {
+    if ($[4] !== className) {
         t1 = cn(className);
-        $[3] = className;
-        $[4] = t1;
-    } else t1 = $[4];
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
     let t2;
-    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+    if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
         t2 = /*#__PURE__*/ jsx("tbody", {
             ref: ref,
             className: t1,
             ...props
         });
-        $[5] = props;
-        $[6] = ref;
-        $[7] = t1;
-        $[8] = t2;
-    } else t2 = $[8];
+        $[6] = props;
+        $[7] = ref;
+        $[8] = t1;
+        $[9] = t2;
+    } else t2 = $[9];
     return t2;
-});
+};
 TBody.displayName = "TBody";
 export { TBody };

package/dist/components/Table/primitives/THead.d.ts

@@ -1 +1,2 @@
-export declare const THead: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & import("react").RefAttributes<HTMLTableSectionElement>>;
+import type { ComponentPropsWithRef, FC } from 'react';
+export declare const THead: FC<ComponentPropsWithRef<'thead'>>;

package/dist/components/Table/primitives/THead.js

@@ -1,39 +1,41 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../../utils/cn.js";
-const THead = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(9);
+const THead = (t0)=>{
+    const $ = c(10);
     let className;
     let props;
+    let ref;
     if ($[0] !== t0) {
-        ({ className, ...props } = t0);
+        ({ ref, className, ...props } = t0);
         $[0] = t0;
         $[1] = className;
         $[2] = props;
+        $[3] = ref;
     } else {
         className = $[1];
         props = $[2];
+        ref = $[3];
     }
     let t1;
-    if ($[3] !== className) {
+    if ($[4] !== className) {
         t1 = cn(className);
-        $[3] = className;
-        $[4] = t1;
-    } else t1 = $[4];
+        $[4] = className;
+        $[5] = t1;
+    } else t1 = $[5];
     let t2;
-    if ($[5] !== props || $[6] !== ref || $[7] !== t1) {
+    if ($[6] !== props || $[7] !== ref || $[8] !== t1) {
         t2 = /*#__PURE__*/ jsx("thead", {
             ref: ref,
             className: t1,
             ...props
         });
-        $[5] = props;
-        $[6] = ref;
-        $[7] = t1;
-        $[8] = t2;
-    } else t2 = $[8];
+        $[6] = props;
+        $[7] = ref;
+        $[8] = t1;
+        $[9] = t2;
+    } else t2 = $[9];
     return t2;
-});
+};
 THead.displayName = "THead";
 export { THead };

package/dist/components/Table/primitives/Td.d.ts

@@ -1,7 +1,7 @@
-import { type ComponentPropsWithRef } from 'react';
+import type { ComponentPropsWithRef, FC } from 'react';
 import type { VariantProps } from 'class-variance-authority';
 import { tableBodyCellVariants } from '../classes.js';
 type TdVariantProps = VariantProps<typeof tableBodyCellVariants>;
 type TdProps = Omit<ComponentPropsWithRef<'td'>, keyof TdVariantProps> & TdVariantProps;
-export declare const Td: import("react").ForwardRefExoticComponent<Omit<TdProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const Td: FC<TdProps>;
 export {};