@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.76

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

@@ -1,9 +1,9 @@
 import { VariantProps } from 'class-variance-authority';
 import { HTMLAttributes, ReactNode } from 'react';
-import { TypographyProps } from '../Typography/Typography.types';
+import { Props as TypographyProps } from '../Typography/Typography.types';
 import { Theme } from '../../domain/theme';
 import { spinnerVariants } from './Spinner.variants';
-export type SpinnerProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
+export type Props = HTMLAttributes<HTMLDivElement> & VariantProps<typeof spinnerVariants> & {
     spinnerClassName?: string;
     textClassName?: string;
     textVariant?: TypographyProps['variant'];
@@ -11,3 +11,5 @@ export type SpinnerProps = HTMLAttributes<HTMLDivElement> & VariantProps<typeof
     srLabel?: string;
     theme?: Theme;
 };
+/** @deprecated Use Props instead */
+export type SpinnerProps = Props;

package/dist/components/Stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { StepperProps } from './Stepper.types';
+import { Props } from './Stepper.types';
 /**
  * A stepper component for displaying multi-step processes.
  * Supports vertical and horizontal orientations with various step states.
@@ -48,4 +48,4 @@ import { StepperProps } from './Stepper.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-stepper--docs Storybook}
  */
-export declare const Stepper: FC<StepperProps>;
+export declare const Stepper: FC<Props>;

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

@@ -47,7 +47,7 @@ export type StepperIcons = {
     /** Custom icon for error status */
     error?: ReactNode;
 };
-export type StepperProps = VariantProps<typeof stepperVariants> & {
+export type Props = VariantProps<typeof stepperVariants> & {
     /** Additional CSS classes for the wrapper */
     className?: string;
     /** Custom class names for each element */
@@ -71,3 +71,5 @@ export type StepperProps = VariantProps<typeof stepperVariants> & {
     /** Callback when a step is clicked */
     onStepClick?: (step: Step, index: number) => void;
 };
+/** @deprecated Use Props instead */
+export type StepperProps = Props;

package/dist/components/Switch/Switch.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { SwitchProps } from './Switch.types';
+import { Props } from './Switch.types';
 /**
  * A toggle switch component built on Radix UI primitives.
  * Supports horizontal and vertical layouts with label and helper text.
@@ -26,4 +26,4 @@ import { SwitchProps } from './Switch.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-switch--docs Storybook}
  */
-export declare const Switch: FC<SwitchProps>;
+export declare const Switch: FC<Props>;

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

@@ -11,7 +11,7 @@ import { switchVariants } from './Switch.variants';
  * <Switch label="Feature" helperText="Enable experimental features" alignment="vertical" />
  * ```
  */
-export interface SwitchProps extends VariantProps<typeof switchVariants> {
+export interface Props extends VariantProps<typeof switchVariants> {
     /** Layout direction: horizontal (default) or vertical */
     alignment?: 'horizontal' | 'vertical';
     /** Additional CSS classes */
@@ -41,3 +41,5 @@ export interface SwitchProps extends VariantProps<typeof switchVariants> {
     /** Callback when checked state changes */
     onChange?: (e: boolean) => void;
 }
+/** @deprecated Use Props instead */
+export type SwitchProps = Props;

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

@@ -23,10 +23,12 @@ import { bodyVariants, headVariants, rowVariants, tableVariants } from './Table.
  * </Table>
  * ```
  */
-export interface TableProps extends React.HTMLAttributes<HTMLTableElement>, PropsWithChildren, VariantProps<typeof tableVariants> {
+export interface Props extends React.HTMLAttributes<HTMLTableElement>, PropsWithChildren, VariantProps<typeof tableVariants> {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type TableProps = Props;
 /**
  * Props for Table.Row component.
  */

package/dist/components/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ListProps, TabsProps, TriggerProps } from './Tabs.types';
+import { ListProps, Props as TabsProps, TriggerProps } from './Tabs.types';
 import { Content, List, Trigger } from './components';
 import * as ReactTabs from '@radix-ui/react-tabs';
 /**

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

@@ -18,10 +18,12 @@ import * as ReactTabs from '@radix-ui/react-tabs';
  * </Tabs>
  * ```
  */
-export interface TabsProps extends ReactTabs.TabsProps, PropsWithChildren {
+export interface Props extends ReactTabs.TabsProps, PropsWithChildren {
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type TabsProps = Props;
 /**
  * Props for Tabs.Trigger component.
  */

package/dist/components/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TagProps } from './Tag.types';
+import { Props } from './Tag.types';
 /**
  * A small label component for categorization, status display, or filtering.
  * Supports multiple color variants and optional icons.
@@ -13,4 +13,4 @@ import { TagProps } from './Tag.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-tag--docs Storybook}
  */
-export declare const Tag: FC<TagProps>;
+export declare const Tag: FC<Props>;

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

@@ -13,7 +13,7 @@ import { ReactNode } from 'react';
  * />
  * ```
  */
-export type TagProps = {
+export type Props = {
     /** Color variant for the tag */
     color?: 'gray' | 'gray-800' | 'cyan' | 'gold' | 'green' | 'light blue' | 'lime' | 'pink' | 'purple' | 'emerald' | 'fuscia' | 'indigo' | 'light-orange' | 'dark-sky-blue' | 'mistery';
     /** Unique identifier for the tag */
@@ -31,3 +31,5 @@ export type TagProps = {
     /** Whether the tag is in a selected state */
     isSelected?: boolean;
 };
+/** @deprecated Use Props instead */
+export type TagProps = Props;

package/dist/components/TagSelect/TagSelect.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TagSelectProps } from './TagSelect.types';
+import { Props } from './TagSelect.types';
 /**
  * An input component for selecting from a list of tag options.
  * Supports single and multi-selection modes.
@@ -20,4 +20,4 @@ import { TagSelectProps } from './TagSelect.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-tagselect--docs Storybook}
  */
-export declare const TagSelect: FC<TagSelectProps>;
+export declare const TagSelect: FC<Props>;

package/dist/components/TagSelect/TagSelect.js

@@ -2,7 +2,9 @@ import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
 import { TagSelectProvider as f } from "./contexts/TagSelect.provider.js";
 import { Wrapper as i } from "./components/Wrapper/Wrapper.js";
-const n = p(({ options: o, multiselect: e, ...t }, m) => /* @__PURE__ */ r(f, { defaultOptions: o, multiselect: e, children: /* @__PURE__ */ r(i, { ref: m, ...t }) }));
+const n = p(
+  ({ options: o, multiselect: e, ...t }, m) => /* @__PURE__ */ r(f, { defaultOptions: o, multiselect: e, children: /* @__PURE__ */ r(i, { ref: m, ...t }) })
+);
 export {
   n as TagSelect
 };

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

@@ -1,5 +1,5 @@
 import { VariantProps } from 'class-variance-authority';
-import { TagProps } from '../Tag/Tag.types';
+import { Props as TagProps } from '../Tag/Tag.types';
 import { tagSelectVariants } from './TagSelect.variants';
 /**
  * Props for the TagSelect component.
@@ -19,7 +19,7 @@ import { tagSelectVariants } from './TagSelect.variants';
  * />
  * ```
  */
-export interface TagSelectProps extends VariantProps<typeof tagSelectVariants> {
+export interface Props extends VariantProps<typeof tagSelectVariants> {
     /** Label displayed above the input */
     label?: string;
     /** Available tag options to select from */
@@ -37,3 +37,5 @@ export interface TagSelectProps extends VariantProps<typeof tagSelectVariants> {
     /** Whether multiple tags can be selected */
     multiselect?: boolean;
 }
+/** @deprecated Use Props instead */
+export type TagSelectProps = Props;

package/dist/components/TagSelect/components/Item/Item.types.d.ts

@@ -1,4 +1,4 @@
-import { TagProps } from '../../../Tag/Tag.types';
+import { Props as TagProps } from '../../../Tag/Tag.types';
 import { Theme } from '../../../../domain/theme';
 export type ItemProps = {
     option: TagProps;

package/dist/components/TagSelect/components/Wrapper/Wrapper.types.d.ts

@@ -1,6 +1,6 @@
 import { ForwardedRef } from 'react';
 import { Theme } from '../../../../domain/theme';
-import { TagSelectProps } from '../../TagSelect.types';
+import { Props as TagSelectProps } from '../../TagSelect.types';
 export type WrapperProps = Omit<TagSelectProps, 'options' | 'multiselect'> & {
     ref?: ForwardedRef<HTMLInputElement>;
     theme?: Theme;

package/dist/components/TagSelect/contexts/TagSelect.types.d.ts

@@ -1,5 +1,5 @@
 import { PropsWithChildren, RefObject } from 'react';
-import { TagProps } from '../../Tag/Tag.types';
+import { Props as TagProps } from '../../Tag/Tag.types';
 export type State = {
     tags: TagProps[];
     selectedTags: TagProps[];

package/dist/components/TextArea/TextArea.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TextAreaProps } from './TextArea.types';
+import { Props } from './TextArea.types';
 /**
  * A multiline text input component with optional label.
  *
@@ -21,4 +21,4 @@ import { TextAreaProps } from './TextArea.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-textarea--docs Storybook}
  */
-export declare const TextArea: FC<TextAreaProps>;
+export declare const TextArea: FC<Props>;

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

@@ -12,7 +12,7 @@ import { textAreaVariants } from './TextArea.variants';
  * <TextArea name="bio" initialValue="Default text" />
  * ```
  */
-export interface TextAreaProps extends InputHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
+export interface Props extends InputHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textAreaVariants> {
     /** Number of visible text rows (default: 3) */
     rows?: number;
     /** Label displayed above the textarea */
@@ -26,3 +26,5 @@ export interface TextAreaProps extends InputHTMLAttributes<HTMLTextAreaElement>,
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type TextAreaProps = Props;

package/dist/components/TimePicker/TimePicker.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TimePickerProps } from './TimePicker.types';
+import { Props } from './TimePicker.types';
 /**
  * A scrollable time picker component with 12 or 24 hour format support.
  * Features smooth scroll navigation through hours, minutes, and AM/PM options.
@@ -17,5 +17,5 @@ import { TimePickerProps } from './TimePicker.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-timepicker--docs Storybook}
  */
-declare const TimePicker: FC<TimePickerProps>;
+declare const TimePicker: FC<Props>;
 export { TimePicker };

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

@@ -15,7 +15,7 @@ import { timePickerVariants } from './TimePicker.variants';
  * />
  * ```
  */
-export type TimePickerProps = VariantProps<typeof timePickerVariants> & {
+export type Props = VariantProps<typeof timePickerVariants> & {
     /** Time format: '12' for AM/PM or '24' for military time */
     format?: '12' | '24';
     /** Input mode: 'select' for dropdown only, 'input' for typing */
@@ -51,3 +51,5 @@ export type TimePickerProps = VariantProps<typeof timePickerVariants> & {
     /** Direction to open the dropdown list (default: 'bottom') */
     listPosition?: 'top' | 'bottom';
 };
+/** @deprecated Use Props instead */
+export type TimePickerProps = Props;

package/dist/components/TimePicker/components/HoursList/HoursList.types.d.ts

@@ -1,4 +1,4 @@
-import { TimePickerProps } from '../../TimePicker.types';
+import { Props as TimePickerProps } from '../../TimePicker.types';
 export type HourListProps = {
     hours: number;
     scrollBehavior?: TimePickerProps['scrollBehavior'];

package/dist/components/TimePicker/components/MeridianList/MeridianList.types.d.ts

@@ -1,4 +1,4 @@
-import { TimePickerProps } from '../../TimePicker.types';
+import { Props as TimePickerProps } from '../../TimePicker.types';
 export type MeridianListProps = {
     listClassName?: TimePickerProps['listClassName'];
     listItemClassName?: TimePickerProps['listItemClassName'];

package/dist/components/TimePicker/components/MinutesList/MinutesList.types.d.ts

@@ -1,4 +1,4 @@
-import { TimePickerProps } from '../../TimePicker.types';
+import { Props as TimePickerProps } from '../../TimePicker.types';
 export type MinutesLitProps = {
     minutes: number;
     scrollBehavior?: TimePickerProps['scrollBehavior'];

package/dist/components/TimePicker/components/Wrapper/Wrapper.types.d.ts

@@ -1,4 +1,4 @@
-import { TimePickerProps } from '../../TimePicker.types';
+import { Props as TimePickerProps } from '../../TimePicker.types';
 export type WrapperProps = Omit<TimePickerProps, 'format' | 'time' | 'onChange'> & {
     mode?: 'select' | 'input';
     showList?: boolean;

package/dist/components/TimePicker/components/WrapperList/WrapperList.types.d.ts

@@ -1,4 +1,4 @@
-import { TimePickerProps } from '../../TimePicker.types';
+import { Props as TimePickerProps } from '../../TimePicker.types';
 export type WrapperListProps = {
     isOpen: boolean;
     scrollBehavior?: TimePickerProps['scrollBehavior'];

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ToastProps } from './Toast.types';
+import { Props } from './Toast.types';
 /**
  * A toast notification component built on Radix UI primitives.
  * Wraps a trigger element and shows a toast when clicked.
@@ -22,4 +22,4 @@ import { ToastProps } from './Toast.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-toast--docs Storybook}
  */
-export declare const Toast: FC<ToastProps>;
+export declare const Toast: FC<Props>;

package/dist/components/Toast/Toast.js

@@ -6,8 +6,7 @@ import * as Ne from "react-dom";
 import { P as D, a as Ie, c as b, b as Ae, d as De, u as _e } from "../../index--l0zux8V.js";
 import { u as ce } from "../../index-DLcqcWxM.js";
 import { c as Fe } from "../../index-CJnS4BVW.js";
-import { B as Le, R as Me } from "../../index-URQGEGX7.js";
-import { P as ke } from "../../index-CESXsoMn.js";
+import { B as Le, R as Me, P as ke } from "../../index-BvEpLnOv.js";
 import { P as Oe } from "../../index-3fEdeexs.js";
 import { u as Y } from "../../index-0ioNhtNM.js";
 import { R as Ve } from "../../index-BKjcReYh.js";
@@ -451,7 +450,7 @@ function q(e) {
   return e.some((r) => r === o ? !0 : (r.focus(), document.activeElement !== o));
 }
 var dt = le, ft = fe, pt = me, mt = we, ae = Te, wt = Ee;
-const Ft = ({
+const _t = ({
   title: e,
   duration: o = 5e3,
   titleClassName: r,
@@ -510,5 +509,5 @@ const Ft = ({
   ] });
 };
 export {
-  Ft as Toast
+  _t as Toast
 };

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

@@ -20,7 +20,7 @@ import { toastVariants } from './Toast.variants';
  * </Toast>
  * ```
  */
-export interface ToastProps extends PropsWithChildren, VariantProps<typeof toastVariants> {
+export interface Props extends PropsWithChildren, VariantProps<typeof toastVariants> {
     /** Additional CSS classes for the toast */
     className?: string;
     /** CSS classes for the close button */
@@ -44,3 +44,5 @@ export interface ToastProps extends PropsWithChildren, VariantProps<typeof toast
     /** Callback to update open state */
     setOpen: (open: boolean) => void;
 }
+/** @deprecated Use Props instead */
+export type ToastProps = Props;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { TooltipProps } from './Tooltip.types';
+import { Props } from './Tooltip.types';
 /**
  * A tooltip component that shows on hover.
  * Built on Radix UI for accessible, well-positioned tooltips.
@@ -19,4 +19,4 @@ import { TooltipProps } from './Tooltip.types';
  * </Tooltip>
  * ```
  */
-export declare const Tooltip: FC<TooltipProps>;
+export declare const Tooltip: FC<Props>;

package/dist/components/Tooltip/Tooltip.js

@@ -1,36 +1,36 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-import { P as p, R as c, T as h, C as x, A as f } from "../../index-B7-5g1Sm.js";
-import { cn as g } from "../../utils/index.js";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { P as c, R as p, T as h, a as x, C as f, A as g } from "../../index-mPinF0Ho.js";
+import { cn as w } from "../../utils/index.js";
 const j = ({
-  content: s,
-  children: t,
-  side: o = "top",
-  sideOffset: a = 4,
+  content: e,
+  children: s,
+  side: t = "top",
+  sideOffset: o = 4,
   bgClassName: i = "bg-slate-700",
-  arrowClassName: n = "fill-slate-700",
-  textClassName: l = "text-white",
+  arrowClassName: l = "fill-slate-700",
+  textClassName: n = "text-white",
   className: d,
   delayDuration: m = 0
-}) => /* @__PURE__ */ e(p, { delayDuration: m, children: /* @__PURE__ */ r(c, { children: [
-  /* @__PURE__ */ e(h, { asChild: !0, children: /* @__PURE__ */ e("span", { children: t }) }),
-  /* @__PURE__ */ r(
-    x,
+}) => /* @__PURE__ */ r(c, { delayDuration: m, children: /* @__PURE__ */ a(p, { children: [
+  /* @__PURE__ */ r(h, { asChild: !0, children: /* @__PURE__ */ r("span", { children: s }) }),
+  /* @__PURE__ */ r(x, { children: /* @__PURE__ */ a(
+    f,
     {
-      side: o,
-      sideOffset: a,
-      className: g(
+      side: t,
+      sideOffset: o,
+      className: w(
         "rounded px-2 py-1 text-xs shadow-md",
         "animate-in fade-in-0",
         i,
-        l,
+        n,
         d
       ),
       children: [
-        s,
-        /* @__PURE__ */ e(f, { className: n })
+        e,
+        /* @__PURE__ */ r(g, { className: l })
       ]
     }
-  )
+  ) })
 ] }) });
 export {
   j as Tooltip

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

@@ -17,7 +17,7 @@ import { ReactNode } from 'react';
  * </Tooltip>
  * ```
  */
-export interface TooltipProps {
+export interface Props {
     /** Tooltip text or content */
     content: ReactNode | string;
     /** The trigger element */
@@ -37,3 +37,5 @@ export interface TooltipProps {
     /** Delay before showing tooltip in ms */
     delayDuration?: number;
 }
+/** @deprecated Use Props instead */
+export type TooltipProps = Props;

package/dist/components/Typography/Typography.d.ts

@@ -1,5 +1,5 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
-import { TypographyProps } from './Typography.types';
+import { Props } from './Typography.types';
 /**
  * A flexible typography component for consistent text styling.
  * Automatically selects semantic HTML elements based on variant.
@@ -14,5 +14,5 @@ import { TypographyProps } from './Typography.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-typography--docs Storybook}
  */
-declare const Typography: ForwardRefExoticComponent<Omit<TypographyProps, 'ref'> & RefAttributes<HTMLParagraphElement & HTMLHeadingElement & HTMLLabelElement>>;
+declare const Typography: ForwardRefExoticComponent<Omit<Props, 'ref'> & RefAttributes<HTMLParagraphElement & HTMLHeadingElement & HTMLLabelElement>>;
 export { Typography };

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

@@ -15,7 +15,7 @@ export type HeadingTag = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
  * <Typography variant="h2" component="p">Styled as h2 but renders as p</Typography>
  * ```
  */
-export interface TypographyProps extends HTMLAttributes<ComponentRef<HeadingTag | 'p' | 'span'>>, VariantProps<typeof typographyVariants> {
+export interface Props extends HTMLAttributes<ComponentRef<HeadingTag | 'p' | 'span'>>, VariantProps<typeof typographyVariants> {
     /** Ref to the underlying DOM element */
     ref?: Ref<HTMLHeadingElement | HTMLParagraphElement | HTMLSpanElement>;
     /** Text content to display */
@@ -27,3 +27,5 @@ export interface TypographyProps extends HTMLAttributes<ComponentRef<HeadingTag
     /** For use with label component to associate with form input */
     htmlFor?: string;
 }
+/** @deprecated Use Props instead */
+export type TypographyProps = Props;

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

@@ -1,7 +1,7 @@
 import { ColumnDef as ColumnDefPrimitive, ExpandedState, OnChangeFn, RowData as RowDataPrimitive } from '@tanstack/react-table';
 import { VariantProps } from 'class-variance-authority';
 import { ReactNode } from 'react';
-import { ButtonProps } from '../Button/Button.types';
+import { Props as ButtonProps } from '../Button/Button.types';
 import { DateRange, DateRangeWithTime } from '../DateRangePicker/DateRangePicker.types';
 import { TimePreset } from '../Filter/components/TimeFilterDropdown/TimeFilterDropdown.types';
 import { virtualizeTableVariants } from './VirtualizedTable.variants';

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.d.ts

@@ -1,2 +1,2 @@
 import { Props } from './TruncateText.types';
-export declare const TruncateText: <TData>({ getValue, value }: Props<TData>) => import("react/jsx-runtime").JSX.Element;
+export declare const TruncateText: <TData>({ getValue, value, textClassName, side, sideOffset, bgClassName, arrowClassName, className, delayDuration, }: Props<TData>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.js

@@ -1,34 +1,63 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { P as u, R as b, T as m, C as p } from "../../../../index-B7-5g1Sm.js";
-import { d as h } from "../../../../debounce-DJveWHr_.js";
-import { useRef as x, useState as w, useCallback as g, useEffect as s } from "react";
-const v = ({ getValue: l, value: i }) => {
-  const a = x(null), [c, f] = w(!1), n = i ?? l().toLocaleLowerCase(), t = g(() => {
-    const e = a.current;
-    e && f(e.scrollWidth > e.clientWidth);
+import { jsx as n } from "react/jsx-runtime";
+import { d as R } from "../../../../debounce-DJveWHr_.js";
+import { useRef as g, useState as z, useCallback as L, useEffect as l } from "react";
+import { Tooltip as y } from "../../../Tooltip/Tooltip.js";
+import { Typography as i } from "../../../Typography/Typography.js";
+import { cn as a } from "../../../../utils/index.js";
+const A = ({
+  getValue: u,
+  value: f,
+  textClassName: c,
+  side: m = "bottom",
+  sideOffset: p,
+  bgClassName: d,
+  arrowClassName: h,
+  className: b,
+  delayDuration: w = 0
+}) => {
+  const o = g(null), [T, x] = z(!1), r = f ?? u().toLocaleLowerCase(), t = L(() => {
+    const e = o.current;
+    e && x(e.scrollWidth > e.clientWidth);
   }, []);
-  return s(() => {
-    const e = new AbortController(), o = h(t, 300);
-    return window.addEventListener("resize", o, {
+  return l(() => {
+    const e = new AbortController(), s = R(t, 300);
+    return window.addEventListener("resize", s, {
       signal: e.signal
     }), () => {
-      e.abort(), o.cancel();
+      e.abort(), s.cancel();
     };
-  }, [t]), s(() => {
+  }, [t]), l(() => {
     t();
-  }, [t]), c ? /* @__PURE__ */ r(u, { delayDuration: 0, children: /* @__PURE__ */ d(b, { children: [
-    /* @__PURE__ */ r(m, { asChild: !0, children: /* @__PURE__ */ r("p", { ref: a, className: "w-full truncate cursor-pointer", children: n }) }),
-    /* @__PURE__ */ r(
-      p,
-      {
-        side: "bottom",
-        align: "center",
-        className: "animate-in fade-in-0 relative mt-1.5 overflow-visible bg-kubefirst-dark-blue-900 text-white px-3 py-2 after:content-[''] after:absolute after:left-1/2 after:-translate-x-1/2 after:top-0 after:-translate-y-full after:border-l-8 after:border-l-transparent after:border-r-8 after:border-r-transparent after:border-b-8 after:border-kubefirst-dark-blue-900",
-        children: n
-      }
-    )
-  ] }) }) : /* @__PURE__ */ r("p", { ref: a, className: "w-full truncate", children: n });
+  }, [t]), T ? /* @__PURE__ */ n(
+    y,
+    {
+      content: r,
+      side: m,
+      sideOffset: p,
+      bgClassName: d,
+      arrowClassName: h,
+      className: b,
+      delayDuration: w,
+      children: /* @__PURE__ */ n(
+        i,
+        {
+          ref: o,
+          component: "p",
+          className: a("w-full truncate cursor-pointer", c),
+          children: r
+        }
+      )
+    }
+  ) : /* @__PURE__ */ n(
+    i,
+    {
+      ref: o,
+      component: "p",
+      className: a("w-full truncate", c),
+      children: r
+    }
+  );
 };
 export {
-  v as TruncateText
+  A as TruncateText
 };

package/dist/components/VirtualizedTable/components/TruncateText/TruncateText.types.d.ts

@@ -1,5 +1,8 @@
 import { CellContext } from '@tanstack/react-table';
+import { Props as TooltipProps } from '../../../Tooltip/Tooltip.types';
 import { RowData } from '../../VirtualizedTable.types';
-export type Props<TData extends RowData> = CellContext<TData, string> & {
+export type Props<TData extends RowData> = CellContext<TData, string> & Partial<Omit<TooltipProps, 'content' | 'children' | 'textClassName'>> & {
     value?: string;
+    /** Additional className for the text element */
+    textClassName?: string;
 };

package/dist/components/index.d.ts

@@ -50,5 +50,7 @@ export type { VirtualizedTableEventDetail } from './VirtualizedTable/events';
 export type { ColumnDef, RowData, FilterConfig, ActionFilterConfig, BadgeMultiSelectFilterConfig, TextMultiSelectFilterConfig, DateFilterConfig, DateRangeFilterConfig, TimeFilterConfig, } from './VirtualizedTable/VirtualizedTable.types';
 export type { Step, StepperClassNames, StepperIcons, StepperProps, StepSize, StepStatus, StepVariant, } from './Stepper/Stepper.types';
 export { horizontalConnectorWrapperVariants, stepConnectorVariants, stepContentVariants, stepDescriptionVariants, stepIndicatorVariants, stepItemVariants, stepLabelVariants, stepListVariants, stepperVariants, stepVariants, } from './Stepper/Stepper.variants';
+/** @deprecated Use Counter instead */
 export { Counter as NumberInput } from './Counter/Counter';
+/** @deprecated Use Select instead */
 export { Select as Dropdown } from './Select/Select';