@payfit/unity-components 2.60.16 → 2.60.18

package/dist/esm/components/side-panel/SidePanel.d.ts

@@ -22,7 +22,7 @@ export declare const sidePanel: import('tailwind-variants').TVReturnType<{
     overlay: string[];
     wrapper: string[];
     content: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     isModal: {
         false: {
             overlay: string;
@@ -33,7 +33,7 @@ export declare const sidePanel: import('tailwind-variants').TVReturnType<{
     overlay: string[];
     wrapper: string[];
     content: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface SidePanelProps extends PropsWithChildren<VariantProps<typeof sidePanel>> {
     /**
      * Controls whether the panel can be dismissed by clicking outside or using escape key.

package/dist/esm/components/side-panel/parts/SidePanelContent.d.ts

@@ -2,16 +2,16 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const sidePanelContent: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            scroller?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            scroller?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -19,18 +19,18 @@ export declare const sidePanelContent: import('tailwind-variants').TVReturnType<
     scroller: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            scroller?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
     scroller: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     scroller: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface SidePanelContentProps extends PropsWithChildren<VariantProps<typeof sidePanelContent>> {
     className?: string;
 }

package/dist/esm/components/side-panel/parts/SidePanelDragIndicator.d.ts

@@ -1,15 +1,15 @@
 export declare const sidePanelDragIndicator: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -17,18 +17,18 @@ export declare const sidePanelDragIndicator: import('tailwind-variants').TVRetur
     indicator: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            indicator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
     indicator: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     indicator: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 /**
  * A drag indicator component that connects to the overlay state context and
  * provides swipe-to-dismiss functionality for the SidePanel.

package/dist/esm/components/side-panel/parts/SidePanelFooter.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-export declare const sidePanelFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const sidePanelFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface SidePanelFooterProps extends PropsWithChildren<VariantProps<typeof sidePanelFooter>> {
     className?: string;
 }

package/dist/esm/components/side-panel/parts/SidePanelHeader.d.ts

@@ -2,18 +2,18 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const sidePanelHeader: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            heading?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            heading?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -22,21 +22,21 @@ export declare const sidePanelHeader: import('tailwind-variants').TVReturnType<{
     heading: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            heading?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
     content: string[];
     heading: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     content: string[];
     heading: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface SidePanelHeaderProps extends PropsWithChildren<VariantProps<typeof sidePanelHeader>> {
     className?: string;
 }

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

@@ -80,7 +80,7 @@ declare const tableVariant: import('tailwind-variants').TVReturnType<{
 }, {
     wrapper: string[];
     table: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     horizontalScroll: {
         true: {
             table: string;
@@ -102,7 +102,7 @@ declare const tableVariant: import('tailwind-variants').TVReturnType<{
 }, {
     wrapper: string[];
     table: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
     /**
      * The label for the table. This is used for accessibility purposes.

package/dist/esm/components/table/parts/TableBody.d.ts

@@ -19,12 +19,12 @@ export declare const tableBody: import('tailwind-variants').TVReturnType<{
         true: string[];
         false: string[];
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isEmpty: {
         true: string[];
         false: string[];
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 /**
  * The `TableBody` component renders the body section of a table, containing rows of data.
  * It automatically processes its children to add row indices and handles empty states.

package/dist/esm/components/table/parts/TableCell.d.ts

@@ -13,23 +13,23 @@ export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElem
 }
 export declare const tableCell: import('tailwind-variants').TVReturnType<{
     align: {
-        left: string;
-        center: string;
-        right: string;
+        left: "uy:text-left";
+        center: "uy:text-center";
+        right: "uy:text-right";
     };
 }, undefined, string[], {
     align: {
-        left: string;
-        center: string;
-        right: string;
+        left: "uy:text-left";
+        center: "uy:text-center";
+        right: "uy:text-right";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     align: {
-        left: string;
-        center: string;
-        right: string;
+        left: "uy:text-left";
+        center: "uy:text-center";
+        right: "uy:text-right";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 /**
  * The `TableCell` component renders a cell in the table, containing data.
  * It handles keyboard navigation, focus management, and accessibility attributes.

package/dist/esm/components/table/parts/TableColumnHeader.d.ts

@@ -13,23 +13,23 @@ export type TableColumnHeaderProps = (StaticTableColumnHeaderProps & {
 }) | InteractiveTableColumnHeaderProps;
 export declare const tableColumnHeader: import('tailwind-variants').TVReturnType<{
     align: {
-        left: string;
-        center: string;
-        right: string;
+        left: "uy:text-left";
+        center: "uy:text-center";
+        right: "uy:text-right";
     };
 }, undefined, string[], {
     align: {
-        left: string;
-        center: string;
-        right: string;
+        left: "uy:text-left";
+        center: "uy:text-center";
+        right: "uy:text-right";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     align: {
-        left: string;
-        center: string;
-        right: string;
+        left: "uy:text-left";
+        center: "uy:text-center";
+        right: "uy:text-right";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 /**
  * The `TableColumnHeader` component renders a header cell in the table's header row.
  * It can be either static or interactive (clickable) and supports text alignment.

package/dist/esm/components/table/parts/TableEmptyState.d.ts

@@ -2,16 +2,16 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren, ReactNode } from 'react';
 export declare const tableEmptyState: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -19,18 +19,18 @@ export declare const tableEmptyState: import('tailwind-variants').TVReturnType<{
     wrapper: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string;
     wrapper: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string;
     wrapper: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type TableEmptyStateProps = PropsWithChildren<VariantProps<typeof tableEmptyState>> & {
     className?: string;
 };
@@ -77,16 +77,16 @@ declare const TableEmptyStateText: import('react').ForwardRefExoticComponent<Tab
  */
 declare const TableEmptyState: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -94,18 +94,18 @@ declare const TableEmptyState: import('react').ForwardRefExoticComponent<Variant
     wrapper: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string;
     wrapper: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string;
     wrapper: string;
-}, undefined, unknown, unknown, undefined>>> & {
+}>>> & {
     children?: ReactNode | undefined;
 } & {
     className?: string;

package/dist/esm/components/table/parts/TableHeader.d.ts

@@ -1,6 +1,6 @@
 import { default as React, PropsWithChildren } from 'react';
 import { VariantProps } from '@payfit/unity-themes';
-export declare const tableHeader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const tableHeader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export type TableHeaderProps = PropsWithChildren<VariantProps<typeof tableHeader>>;
 /**
  * The `TableHeader` component renders the header section of a table, containing column headers.
@@ -23,7 +23,7 @@ export type TableHeaderProps = PropsWithChildren<VariantProps<typeof tableHeader
  * {@link https://unity-components.payfit.io/?path=/story/data-table-tableheader--docs|API and Demos} •
  * {@link https://payfit.design|Design docs}
  */
-declare const TableHeader: React.MemoExoticComponent<React.ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>> & {
+declare const TableHeader: React.MemoExoticComponent<React.ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>> & {
     children?: React.ReactNode | undefined;
 } & React.RefAttributes<HTMLTableSectionElement>>>;
 export { TableHeader };

package/dist/esm/components/table/parts/TablePagination.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 import { ClientSidePaginationProps } from '../../client-side-pagination/ClientSidePagination.js';
-export declare const tablePagination: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const tablePagination: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 type PageSizeOption = {
     value: string;
     label: string;

package/dist/esm/components/table/parts/TableRow.d.ts

@@ -3,7 +3,7 @@ export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement>
     rowIndex?: number;
     isSelected?: boolean;
 }
-export declare const tableRow: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const tableRow: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 /**
  * The `TableRow` component renders a row in the table, containing cells of data.
  * It automatically processes its children to add row and column indices and handles selection state.

package/dist/esm/components/tabs/Tabs.variant.d.ts

@@ -44,7 +44,7 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     tabList: string;
     scroller: string;
     tab: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         primary: {
             tab: string[];
@@ -67,4 +67,4 @@ export declare const tabsVariant: import('tailwind-variants').TVReturnType<{
     tabList: string;
     scroller: string;
     tab: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;

package/dist/esm/components/task-menu/TaskMenu.d.ts

@@ -2,29 +2,29 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const taskMenu: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface TaskMenuProps extends PropsWithChildren<VariantProps<typeof taskMenu>> {
     /**
      * The label for the task menu. This is used for accessibility purposes.

package/dist/esm/components/task-menu/parts/RawSubTask.d.ts

@@ -1,36 +1,36 @@
 import { TaskProps } from './RawTask.js';
 export declare const rawSubTask: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            number?: import('tailwind-merge').ClassNameValue;
-            text?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            dot?: import('tailwind-merge').ClassNameValue;
-            element?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            number?: import('tailwind-variants').ClassValue;
+            text?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            dot?: import('tailwind-variants').ClassValue;
+            element?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     taskStatus: {
-        uncompleted: import('tailwind-merge').ClassNameValue | {
-            number?: import('tailwind-merge').ClassNameValue;
-            text?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            dot?: import('tailwind-merge').ClassNameValue;
-            element?: import('tailwind-merge').ClassNameValue;
+        uncompleted: import('tailwind-variants').ClassValue | {
+            number?: import('tailwind-variants').ClassValue;
+            text?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            dot?: import('tailwind-variants').ClassValue;
+            element?: import('tailwind-variants').ClassValue;
         };
-        completed: import('tailwind-merge').ClassNameValue | {
-            number?: import('tailwind-merge').ClassNameValue;
-            text?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            dot?: import('tailwind-merge').ClassNameValue;
-            element?: import('tailwind-merge').ClassNameValue;
+        completed: import('tailwind-variants').ClassValue | {
+            number?: import('tailwind-variants').ClassValue;
+            text?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            dot?: import('tailwind-variants').ClassValue;
+            element?: import('tailwind-variants').ClassValue;
         };
-        locked: import('tailwind-merge').ClassNameValue | {
-            number?: import('tailwind-merge').ClassNameValue;
-            text?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            dot?: import('tailwind-merge').ClassNameValue;
-            element?: import('tailwind-merge').ClassNameValue;
+        locked: import('tailwind-variants').ClassValue | {
+            number?: import('tailwind-variants').ClassValue;
+            text?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            dot?: import('tailwind-variants').ClassValue;
+            element?: import('tailwind-variants').ClassValue;
         };
     };
 }, {
@@ -41,9 +41,9 @@ export declare const rawSubTask: import('tailwind-variants').TVReturnType<{
     number: string[];
 }, undefined, {
     taskStatus: {
-        uncompleted: string;
-        completed: string;
-        locked: string;
+        uncompleted: "";
+        completed: "";
+        locked: "";
     };
 }, {
     base: string[];
@@ -53,9 +53,9 @@ export declare const rawSubTask: import('tailwind-variants').TVReturnType<{
     lock: string[];
 }, import('tailwind-variants').TVReturnType<{
     taskStatus: {
-        uncompleted: string;
-        completed: string;
-        locked: string;
+        uncompleted: "";
+        completed: "";
+        locked: "";
     };
 }, {
     base: string[];
@@ -65,9 +65,9 @@ export declare const rawSubTask: import('tailwind-variants').TVReturnType<{
     lock: string[];
 }, undefined, {
     taskStatus: {
-        uncompleted: string;
-        completed: string;
-        locked: string;
+        uncompleted: "";
+        completed: "";
+        locked: "";
     };
 }, {
     base: string[];
@@ -75,11 +75,11 @@ export declare const rawSubTask: import('tailwind-variants').TVReturnType<{
     element: string[];
     text: string[];
     lock: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     taskStatus: {
-        uncompleted: string;
-        completed: string;
-        locked: string;
+        uncompleted: "";
+        completed: "";
+        locked: "";
     };
 }, {
     base: string[];
@@ -87,7 +87,7 @@ export declare const rawSubTask: import('tailwind-variants').TVReturnType<{
     element: string[];
     text: string[];
     lock: string[];
-}, undefined, unknown, unknown, undefined>>>;
+}>>>;
 export interface SubTaskProps extends Omit<TaskProps, 'taskNumber'> {
     /** internal prop to disable the button, do not use this prop */
     isDisabled?: boolean;