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

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

@@ -1,18 +1,18 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../../utils/cn.js";
 import { tableBodyCellVariants } from "../classes.js";
-const Td = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(18);
+const Td = (t0)=>{
+    const $ = c(19);
     let className;
     let expanded;
     let lastPinnedLeft;
     let lastRow;
     let pinned;
     let props;
+    let ref;
     if ($[0] !== t0) {
-        ({ className, pinned, lastPinnedLeft, expanded, lastRow, ...props } = t0);
+        ({ ref, className, pinned, lastPinnedLeft, expanded, lastRow, ...props } = t0);
         $[0] = t0;
         $[1] = className;
         $[2] = expanded;
@@ -20,6 +20,7 @@ const Td = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[4] = lastRow;
         $[5] = pinned;
         $[6] = props;
+        $[7] = ref;
     } else {
         className = $[1];
         expanded = $[2];
@@ -27,37 +28,38 @@ const Td = /*#__PURE__*/ forwardRef((t0, ref)=>{
         lastRow = $[4];
         pinned = $[5];
         props = $[6];
+        ref = $[7];
     }
     const hasVariants = void 0 !== pinned || void 0 !== lastPinnedLeft || void 0 !== expanded || void 0 !== lastRow;
     let t1;
-    if ($[7] !== className || $[8] !== expanded || $[9] !== hasVariants || $[10] !== lastPinnedLeft || $[11] !== lastRow || $[12] !== pinned) {
+    if ($[8] !== className || $[9] !== expanded || $[10] !== hasVariants || $[11] !== lastPinnedLeft || $[12] !== lastRow || $[13] !== pinned) {
         t1 = cn(hasVariants ? tableBodyCellVariants({
             pinned,
             lastPinnedLeft,
             expanded,
             lastRow
         }) : void 0, className);
-        $[7] = className;
-        $[8] = expanded;
-        $[9] = hasVariants;
-        $[10] = lastPinnedLeft;
-        $[11] = lastRow;
-        $[12] = pinned;
-        $[13] = t1;
-    } else t1 = $[13];
+        $[8] = className;
+        $[9] = expanded;
+        $[10] = hasVariants;
+        $[11] = lastPinnedLeft;
+        $[12] = lastRow;
+        $[13] = pinned;
+        $[14] = t1;
+    } else t1 = $[14];
     let t2;
-    if ($[14] !== props || $[15] !== ref || $[16] !== t1) {
+    if ($[15] !== props || $[16] !== ref || $[17] !== t1) {
         t2 = /*#__PURE__*/ jsx("td", {
             ref: ref,
             className: t1,
             ...props
         });
-        $[14] = props;
-        $[15] = ref;
-        $[16] = t1;
-        $[17] = t2;
-    } else t2 = $[17];
+        $[15] = props;
+        $[16] = ref;
+        $[17] = t1;
+        $[18] = t2;
+    } else t2 = $[18];
     return t2;
-});
+};
 Td.displayName = "Td";
 export { Td };

package/dist/components/Table/primitives/Th.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 { tableHeadCellVariants } from '../classes.js';
 type ThVariantProps = VariantProps<typeof tableHeadCellVariants>;
 type ThProps = Omit<ComponentPropsWithRef<'th'>, keyof ThVariantProps> & ThVariantProps;
-export declare const Th: import("react").ForwardRefExoticComponent<Omit<ThProps, "ref"> & import("react").RefAttributes<HTMLTableCellElement>>;
+export declare const Th: FC<ThProps>;
 export {};

package/dist/components/Table/primitives/Th.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";
 import { tableHeadCellVariants } from "../classes.js";
-const Th = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(21);
+const Th = (t0)=>{
+    const $ = c(22);
     let className;
     let draggable;
     let dragging;
@@ -12,9 +11,10 @@ const Th = /*#__PURE__*/ forwardRef((t0, ref)=>{
     let lastPinnedLeft;
     let pinned;
     let props;
+    let ref;
     let sorted;
     if ($[0] !== t0) {
-        ({ className, interactive, sorted, pinned, lastPinnedLeft, draggable, dragging, ...props } = t0);
+        ({ ref, className, interactive, sorted, pinned, lastPinnedLeft, draggable, dragging, ...props } = t0);
         $[0] = t0;
         $[1] = className;
         $[2] = draggable;
@@ -23,7 +23,8 @@ const Th = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[5] = lastPinnedLeft;
         $[6] = pinned;
         $[7] = props;
-        $[8] = sorted;
+        $[8] = ref;
+        $[9] = sorted;
     } else {
         className = $[1];
         draggable = $[2];
@@ -32,10 +33,11 @@ const Th = /*#__PURE__*/ forwardRef((t0, ref)=>{
         lastPinnedLeft = $[5];
         pinned = $[6];
         props = $[7];
-        sorted = $[8];
+        ref = $[8];
+        sorted = $[9];
     }
     let t1;
-    if ($[9] !== className || $[10] !== draggable || $[11] !== dragging || $[12] !== interactive || $[13] !== lastPinnedLeft || $[14] !== pinned || $[15] !== sorted) {
+    if ($[10] !== className || $[11] !== draggable || $[12] !== dragging || $[13] !== interactive || $[14] !== lastPinnedLeft || $[15] !== pinned || $[16] !== sorted) {
         t1 = cn(tableHeadCellVariants({
             interactive,
             sorted,
@@ -44,29 +46,29 @@ const Th = /*#__PURE__*/ forwardRef((t0, ref)=>{
             draggable,
             dragging
         }), className);
-        $[9] = className;
-        $[10] = draggable;
-        $[11] = dragging;
-        $[12] = interactive;
-        $[13] = lastPinnedLeft;
-        $[14] = pinned;
-        $[15] = sorted;
-        $[16] = t1;
-    } else t1 = $[16];
+        $[10] = className;
+        $[11] = draggable;
+        $[12] = dragging;
+        $[13] = interactive;
+        $[14] = lastPinnedLeft;
+        $[15] = pinned;
+        $[16] = sorted;
+        $[17] = t1;
+    } else t1 = $[17];
     let t2;
-    if ($[17] !== props || $[18] !== ref || $[19] !== t1) {
+    if ($[18] !== props || $[19] !== ref || $[20] !== t1) {
         t2 = /*#__PURE__*/ jsx("th", {
             ref: ref,
             scope: "col",
             className: t1,
             ...props
         });
-        $[17] = props;
-        $[18] = ref;
-        $[19] = t1;
-        $[20] = t2;
-    } else t2 = $[20];
+        $[18] = props;
+        $[19] = ref;
+        $[20] = t1;
+        $[21] = t2;
+    } else t2 = $[21];
     return t2;
-});
+};
 Th.displayName = "Th";
 export { Th };

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

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

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

@@ -1,40 +1,42 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../../utils/cn.js";
 import { tableRowVariants } from "../classes.js";
-const Tr = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(9);
+const Tr = (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(tableRowVariants(), 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("tr", {
             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;
-});
+};
 Tr.displayName = "Tr";
 export { Tr };

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

@@ -1,6 +1,7 @@
 import type { ReactNode, Ref } from 'react';
-import type { Row, RowData, TableFeatures } from '@tanstack/react-table';
+import type { Column, Row, RowData, TableFeatures } from '@tanstack/react-table';
 import type { TestableProps } from '../../utils/testId.js';
+import type { DSTableFeatures } from './lib/dsTableFeatures.js';
 declare module '@tanstack/react-table' {
     interface ColumnMeta<TFeatures extends TableFeatures, TData extends RowData, TValue> {
         headerClassName?: string;
@@ -123,9 +124,7 @@ export interface TableColumnMeta<T = unknown> {
 /** Shared column properties */
 export interface TableColumnBase<T, V> {
     header?: string | ((ctx: {
-        column: {
-            id: string;
-        };
+        column: Column<DSTableFeatures, T extends RowData ? T : never, unknown>;
     }) => ReactNode);
     cell?: (ctx: TableCellContext<T, V>) => ReactNode;
     size?: number;

package/dist/components/TemporalCore/TemporalSegmentGroup.d.ts

@@ -1,3 +1,4 @@
+import type { FC, Ref } from 'react';
 import type { DateFieldState, TimeFieldState } from '@react-stately/datepicker';
 import type { GroupDOMAttributes } from '@react-types/shared';
 export interface TemporalSegmentGroupProps extends GroupDOMAttributes {
@@ -6,5 +7,6 @@ export interface TemporalSegmentGroupProps extends GroupDOMAttributes {
     readOnly?: boolean;
     className?: string;
     segmentKeyPrefix?: string;
+    ref?: Ref<HTMLDivElement>;
 }
-export declare const TemporalSegmentGroup: import("react").ForwardRefExoticComponent<TemporalSegmentGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TemporalSegmentGroup: FC<TemporalSegmentGroupProps>;

package/dist/components/TemporalCore/TemporalSegmentGroup.js

@@ -1,6 +1,5 @@
 import { jsx } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.js";
 import { useDateFormat } from "../DateFormatProvider/index.js";
@@ -115,65 +114,68 @@ function buildParts(segments, state, order, disabled, readOnly, keyPrefix = "")
     }
     return parts;
 }
-const TemporalSegmentGroup = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(20);
+const TemporalSegmentGroup = (t0)=>{
+    const $ = c(21);
     let className;
     let disabled;
     let props;
     let readOnly;
+    let ref;
     let state;
     let t1;
     if ($[0] !== t0) {
-        ({ state, disabled, readOnly, className, segmentKeyPrefix: t1, ...props } = t0);
+        ({ ref, state, disabled, readOnly, className, segmentKeyPrefix: t1, ...props } = t0);
         $[0] = t0;
         $[1] = className;
         $[2] = disabled;
         $[3] = props;
         $[4] = readOnly;
-        $[5] = state;
-        $[6] = t1;
+        $[5] = ref;
+        $[6] = state;
+        $[7] = t1;
     } else {
         className = $[1];
         disabled = $[2];
         props = $[3];
         readOnly = $[4];
-        state = $[5];
-        t1 = $[6];
+        ref = $[5];
+        state = $[6];
+        t1 = $[7];
     }
     const segmentKeyPrefix = void 0 === t1 ? "" : t1;
     const { order } = useDateFormat();
     let t2;
-    if ($[7] !== disabled || $[8] !== order || $[9] !== readOnly || $[10] !== segmentKeyPrefix || $[11] !== state) {
+    if ($[8] !== disabled || $[9] !== order || $[10] !== readOnly || $[11] !== segmentKeyPrefix || $[12] !== state) {
         t2 = buildParts(state.segments, state, order, disabled, readOnly, segmentKeyPrefix);
-        $[7] = disabled;
-        $[8] = order;
-        $[9] = readOnly;
-        $[10] = segmentKeyPrefix;
-        $[11] = state;
-        $[12] = t2;
-    } else t2 = $[12];
+        $[8] = disabled;
+        $[9] = order;
+        $[10] = readOnly;
+        $[11] = segmentKeyPrefix;
+        $[12] = state;
+        $[13] = t2;
+    } else t2 = $[13];
     const parts = t2;
     let t3;
-    if ($[13] !== className) {
+    if ($[14] !== className) {
         t3 = cn("flex items-center gap-0.5", className);
-        $[13] = className;
-        $[14] = t3;
-    } else t3 = $[14];
+        $[14] = className;
+        $[15] = t3;
+    } else t3 = $[15];
     let t4;
-    if ($[15] !== parts || $[16] !== props || $[17] !== ref || $[18] !== t3) {
+    if ($[16] !== parts || $[17] !== props || $[18] !== ref || $[19] !== t3) {
         t4 = /*#__PURE__*/ jsx("div", {
             ...props,
             ref: ref,
             className: t3,
             children: parts
         });
-        $[15] = parts;
-        $[16] = props;
-        $[17] = ref;
-        $[18] = t3;
-        $[19] = t4;
-    } else t4 = $[19];
+        $[16] = parts;
+        $[17] = props;
+        $[18] = ref;
+        $[19] = t3;
+        $[20] = t4;
+    } else t4 = $[20];
     return t4;
-});
+};
 TemporalSegmentGroup.displayName = "TemporalSegmentGroup";
 export { TemporalSegmentGroup };

package/dist/components/TemporalCore/TimeDropdown.d.ts

@@ -1,4 +1,4 @@
-import { type KeyboardEvent } from 'react';
+import { type FC, type KeyboardEvent, type Ref } from 'react';
 import type { TimeValue } from '@react-aria/datepicker';
 export interface TimeDropdownProps {
     /** Whether dropdown is visible */
@@ -13,6 +13,8 @@ export interface TimeDropdownProps {
     onSelect: (time: TimeValue) => void;
     /** Callback when dropdown should close */
     onClose: () => void;
+    /** Imperative handle for forwarding keyboard events from the input */
+    ref?: Ref<TimeDropdownHandle>;
 }
 export interface TimeDropdownHandle {
     handleKeyDown: (e: KeyboardEvent) => void;
@@ -21,4 +23,4 @@ export interface TimeDropdownHandle {
  * Time dropdown component with keyboard navigation.
  * Stops event propagation to prevent interference with parent components.
  */
-export declare const TimeDropdown: import("react").ForwardRefExoticComponent<TimeDropdownProps & import("react").RefAttributes<TimeDropdownHandle>>;
+export declare const TimeDropdown: FC<TimeDropdownProps>;

package/dist/components/TemporalCore/TimeDropdown.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { useEffect, useImperativeHandle, useRef, useState } from "react";
 import { Time } from "@internationalized/date";
 import { Check } from "../../icons/index.js";
 import { cn } from "../../utils/cn.js";
@@ -41,9 +41,9 @@ const findClosestIndex = (options, value)=>{
     });
     return closestIndex;
 };
-const TimeDropdown = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const TimeDropdown = (t0)=>{
     const $ = c(44);
-    const { isOpen, timeStep: t1, value, hourCycle: t2, onSelect, onClose } = t0;
+    const { ref, isOpen, timeStep: t1, value, hourCycle: t2, onSelect, onClose } = t0;
     const timeStep = void 0 === t1 ? 30 : t1;
     const hourCycle = void 0 === t2 ? 24 : t2;
     let t3;
@@ -279,7 +279,7 @@ const TimeDropdown = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[43] = t20;
     } else t20 = $[43];
     return t20;
-});
+};
 TimeDropdown.displayName = "TimeDropdown";
 function _temp(e_0) {
     return e_0.preventDefault();

package/dist/components/Toast/ToastDescription.d.ts

@@ -1,6 +1,7 @@
-import { type ReactNode } from 'react';
+import type { FC, ReactNode, Ref } from 'react';
 export interface ToastDescriptionProps {
     children: ReactNode;
+    ref?: Ref<HTMLDivElement>;
 }
 /**
  * Description component for Toast.
@@ -9,4 +10,4 @@ export interface ToastDescriptionProps {
  * Supports text truncation with configurable max lines.
  * Shows a tooltip with full text when content is truncated.
  */
-export declare const ToastDescription: import("react").ForwardRefExoticComponent<ToastDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ToastDescription: FC<ToastDescriptionProps>;

package/dist/components/Toast/ToastDescription.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { useTestId } from "../../utils/testId.js";
 import { OverflowTooltip, OverflowTooltipContent, OverflowTooltipTrigger } from "../OverflowTooltip/index.js";
 import { Text } from "../Text/index.js";
-const ToastDescription = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const ToastDescription = (t0)=>{
     const $ = c(9);
-    const { children } = t0;
+    const { ref, children } = t0;
     const testId = useTestId("description");
     let t1;
     if ($[0] !== children || $[1] !== ref || $[2] !== testId) {
@@ -46,6 +45,6 @@ const ToastDescription = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[8] = t3;
     } else t3 = $[8];
     return t3;
-});
+};
 ToastDescription.displayName = "ToastDescription";
 export { ToastDescription };

package/dist/components/Toast/ToastTitle.d.ts

@@ -1,7 +1,8 @@
-import { type ReactNode } from 'react';
+import type { FC, ReactNode, Ref } from 'react';
 export interface ToastTitleProps {
     children: ReactNode;
     variant?: 'extended' | 'simple';
+    ref?: Ref<HTMLDivElement>;
 }
 /**
  * Title component for Toast.
@@ -9,4 +10,4 @@ export interface ToastTitleProps {
  * Displays the main title text with medium weight.
  * For simple variant, limits to 1 line with tooltip on overflow.
  */
-export declare const ToastTitle: import("react").ForwardRefExoticComponent<ToastTitleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ToastTitle: FC<ToastTitleProps>;

package/dist/components/Toast/ToastTitle.js

@@ -1,12 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { useTestId } from "../../utils/testId.js";
 import { OverflowTooltip, OverflowTooltipContent, OverflowTooltipTrigger } from "../OverflowTooltip/index.js";
 import { Text } from "../Text/index.js";
-const ToastTitle = /*#__PURE__*/ forwardRef((t0, ref)=>{
+const ToastTitle = (t0)=>{
     const $ = c(10);
-    const { children, variant: t1 } = t0;
+    const { ref, children, variant: t1 } = t0;
     const variant = void 0 === t1 ? "extended" : t1;
     const isSimple = "simple" === variant;
     const testId = useTestId("title");
@@ -51,6 +50,6 @@ const ToastTitle = /*#__PURE__*/ forwardRef((t0, ref)=>{
         $[9] = t5;
     } else t5 = $[9];
     return t5;
-});
+};
 ToastTitle.displayName = "ToastTitle";
 export { ToastTitle };

package/dist/components/Tour/TourDescription.d.ts

@@ -1,3 +1,6 @@
+import type { FC, Ref } from 'react';
 import { Tour as ArkUiTour } from '@ark-ui/react';
-export type TourDescriptionProps = ArkUiTour.DescriptionProps;
-export declare const TourDescription: import("react").ForwardRefExoticComponent<ArkUiTour.DescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export type TourDescriptionProps = ArkUiTour.DescriptionProps & {
+    ref?: Ref<HTMLDivElement>;
+};
+export declare const TourDescription: FC<TourDescriptionProps>;

package/dist/components/Tour/TourDescription.js

@@ -1,36 +1,38 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
-import { forwardRef } from "react";
 import { Tour } from "@ark-ui/react";
 import { useTestId } from "../../utils/testId.js";
 import { OverflowTooltip, OverflowTooltipContent, OverflowTooltipTrigger } from "../OverflowTooltip/index.js";
 import { Text } from "../Text/index.js";
-const TourDescription = /*#__PURE__*/ forwardRef((t0, ref)=>{
-    const $ = c(15);
+const TourDescription = (t0)=>{
+    const $ = c(16);
     let children;
     let props;
+    let ref;
     if ($[0] !== t0) {
-        ({ children, ...props } = t0);
+        ({ ref, children, ...props } = t0);
         $[0] = t0;
         $[1] = children;
         $[2] = props;
+        $[3] = ref;
     } else {
         children = $[1];
         props = $[2];
+        ref = $[3];
     }
     const testId = useTestId("description");
     let t1;
-    if ($[3] !== children) {
+    if ($[4] !== children) {
         t1 = /*#__PURE__*/ jsx(Text, {
             size: "sm",
             lineClamp: 4,
             children: children
         });
-        $[3] = children;
-        $[4] = t1;
-    } else t1 = $[4];
+        $[4] = children;
+        $[5] = t1;
+    } else t1 = $[5];
     let t2;
-    if ($[5] !== props || $[6] !== ref || $[7] !== t1 || $[8] !== testId) {
+    if ($[6] !== props || $[7] !== ref || $[8] !== t1 || $[9] !== testId) {
         t2 = /*#__PURE__*/ jsx(OverflowTooltipTrigger, {
             children: /*#__PURE__*/ jsx(Tour.Description, {
                 ...props,
@@ -40,32 +42,33 @@ const TourDescription = /*#__PURE__*/ forwardRef((t0, ref)=>{
                 children: t1
             })
         });
-        $[5] = props;
-        $[6] = ref;
-        $[7] = t1;
-        $[8] = testId;
-        $[9] = t2;
-    } else t2 = $[9];
+        $[6] = props;
+        $[7] = ref;
+        $[8] = t1;
+        $[9] = testId;
+        $[10] = t2;
+    } else t2 = $[10];
     let t3;
-    if ($[10] !== children) {
+    if ($[11] !== children) {
         t3 = /*#__PURE__*/ jsx(OverflowTooltipContent, {
             children: children
         });
-        $[10] = children;
-        $[11] = t3;
-    } else t3 = $[11];
+        $[11] = children;
+        $[12] = t3;
+    } else t3 = $[12];
     let t4;
-    if ($[12] !== t2 || $[13] !== t3) {
+    if ($[13] !== t2 || $[14] !== t3) {
         t4 = /*#__PURE__*/ jsxs(OverflowTooltip, {
             children: [
                 t2,
                 t3
             ]
         });
-        $[12] = t2;
-        $[13] = t3;
-        $[14] = t4;
-    } else t4 = $[14];
+        $[13] = t2;
+        $[14] = t3;
+        $[15] = t4;
+    } else t4 = $[15];
     return t4;
-});
+};
+TourDescription.displayName = "TourDescription";
 export { TourDescription };

package/dist/components/Tour/TourTitle.d.ts

@@ -1,3 +1,6 @@
+import type { FC, Ref } from 'react';
 import { Tour as ArkUiTour } from '@ark-ui/react';
-export type TourTitleProps = ArkUiTour.TitleProps;
-export declare const TourTitle: import("react").ForwardRefExoticComponent<ArkUiTour.TitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+export type TourTitleProps = ArkUiTour.TitleProps & {
+    ref?: Ref<HTMLHeadingElement>;
+};
+export declare const TourTitle: FC<TourTitleProps>;