@payfit/unity-components 2.60.17 → 2.60.18

package/dist/esm/components/page/Page.d.ts

@@ -10,12 +10,12 @@ export declare const page: import('tailwind-variants').TVReturnType<{
         default: string[];
         legacy__midnight: string[];
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         default: string[];
         legacy__midnight: string[];
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 export interface PageProps extends PropsWithChildren {
     /**
      * The variant of the page.

package/dist/esm/components/page/parts/PageHeader.d.ts

@@ -2,20 +2,20 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren, ReactNode } from 'react';
 export declare const pageHeader: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            actions?: import('tailwind-merge').ClassNameValue;
-            headingActionsWrapper?: import('tailwind-merge').ClassNameValue;
-            titles?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            actions?: import('tailwind-variants').ClassValue;
+            headingActionsWrapper?: import('tailwind-variants').ClassValue;
+            titles?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            actions?: import('tailwind-merge').ClassNameValue;
-            headingActionsWrapper?: import('tailwind-merge').ClassNameValue;
-            titles?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            actions?: import('tailwind-variants').ClassValue;
+            headingActionsWrapper?: import('tailwind-variants').ClassValue;
+            titles?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -25,11 +25,11 @@ export declare const pageHeader: import('tailwind-variants').TVReturnType<{
     actions: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            actions?: import('tailwind-merge').ClassNameValue;
-            headingActionsWrapper?: import('tailwind-merge').ClassNameValue;
-            titles?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            actions?: import('tailwind-variants').ClassValue;
+            headingActionsWrapper?: import('tailwind-variants').ClassValue;
+            titles?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -37,12 +37,12 @@ export declare const pageHeader: import('tailwind-variants').TVReturnType<{
     headingActionsWrapper: string;
     titles: string;
     actions: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string;
     headingActionsWrapper: string;
     titles: string;
     actions: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface BreadcrumbItem {
     href: string;
     label: string;

package/dist/esm/components/pagination/Pagination.d.ts

@@ -2,29 +2,29 @@ import { VariantProps } from '@payfit/unity-themes';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
 export declare const pagination: 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 PaginationProps extends VariantProps<typeof pagination>, ComponentPropsWithoutRef<'nav'> {
     children: ReactNode;
     /**

package/dist/esm/components/pagination/parts/PaginationContent.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
-export declare const paginationContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:gap-100 uy:list-none uy:m-0 uy:p-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex uy:gap-100 uy:list-none uy:m-0 uy:p-0", unknown, unknown, undefined>>;
+export declare const paginationContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:gap-100 uy:list-none uy:m-0 uy:p-0", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface PaginationContentProps extends VariantProps<typeof paginationContent>, ComponentPropsWithoutRef<'ul'> {
     children: ReactNode;
 }

package/dist/esm/components/pagination/parts/PaginationEllipsis.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { ButtonProps } from 'react-aria-components/Button';
-declare const paginationEllipsis: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+declare const paginationEllipsis: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface PaginationEllipsisProps extends VariantProps<typeof paginationEllipsis>, Omit<ButtonProps, 'value' | 'children' | 'className' | 'style' | 'slot'> {
     /**
      * The id of the ellipsis element

package/dist/esm/components/pagination/parts/RawPaginationLink.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { LinkProps } from 'react-aria-components/Link';
-export declare const paginationLink: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const paginationLink: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface PaginationLinkProps extends LinkProps, VariantProps<typeof paginationLink> {
     value: number;
     id?: string;

package/dist/esm/components/pagination/parts/RawPaginationNext.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { LinkProps } from 'react-aria-components/Link';
-declare const paginationNavButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+declare const paginationNavButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface RawPaginationNextProps extends Omit<LinkProps, 'children' | 'className' | 'style' | 'isDisabled' | 'aria-label' | 'title'>, VariantProps<typeof paginationNavButton> {
     id?: string;
     isDisabled?: boolean;

package/dist/esm/components/pagination/parts/RawPaginationPrevious.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { LinkProps } from 'react-aria-components/Link';
-declare const paginationNavButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+declare const paginationNavButton: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface RawPaginationPreviousProps extends Omit<LinkProps, 'children' | 'className' | 'style' | 'isDisabled' | 'aria-label' | 'title'>, VariantProps<typeof paginationNavButton> {
     id?: string;
     isDisabled?: boolean;

package/dist/esm/components/phone-number/parts/PhoneNumberItem.d.ts

@@ -3,16 +3,16 @@ import { ListBoxItemProps } from 'react-aria-components/ListBox';
 import { ParsedCountry } from 'react-international-phone';
 export declare const phoneNumberItem: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            name?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            name?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            name?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            name?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -20,18 +20,18 @@ export declare const phoneNumberItem: import('tailwind-variants').TVReturnType<{
     name: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            name?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            name?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
     name: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     name: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface PhoneNumberItemProps extends VariantProps<typeof phoneNumberItem>, ListBoxItemProps {
     country: ParsedCountry;
 }

package/dist/esm/components/pill/Pill.d.ts

@@ -2,47 +2,47 @@ import { VariantProps } from '@payfit/unity-themes';
 import { AriaAttributes } from 'react';
 declare const pill: import('tailwind-variants').TVReturnType<{
     variant: {
-        critical: string;
+        critical: "uy:bg-surface-danger uy:text-content-inverted";
         info: string[];
-        neutral: string;
+        neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
     };
     shape: {
-        circle: string;
-        pill: string;
+        circle: "uy:rounded-circle";
+        pill: "uy:rounded-pill uy:px-50";
     };
     isVisible: {
-        true: string;
-        false: string;
+        true: "uy:visible";
+        false: "uy:invisible";
     };
 }, undefined, "uy:min-w-200 uy:h-200 uy:max-w-400 uy:inline-flex uy:items-center uy:justify-center uy:text-center uy:typography-body-small-strong", {
     variant: {
-        critical: string;
+        critical: "uy:bg-surface-danger uy:text-content-inverted";
         info: string[];
-        neutral: string;
+        neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
     };
     shape: {
-        circle: string;
-        pill: string;
+        circle: "uy:rounded-circle";
+        pill: "uy:rounded-pill uy:px-50";
     };
     isVisible: {
-        true: string;
-        false: string;
+        true: "uy:visible";
+        false: "uy:invisible";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
-        critical: string;
+        critical: "uy:bg-surface-danger uy:text-content-inverted";
         info: string[];
-        neutral: string;
+        neutral: "uy:bg-surface-neutral-lowest uy:text-content-neutral";
     };
     shape: {
-        circle: string;
-        pill: string;
+        circle: "uy:rounded-circle";
+        pill: "uy:rounded-pill uy:px-50";
     };
     isVisible: {
-        true: string;
-        false: string;
+        true: "uy:visible";
+        false: "uy:invisible";
     };
-}, undefined, "uy:min-w-200 uy:h-200 uy:max-w-400 uy:inline-flex uy:items-center uy:justify-center uy:text-center uy:typography-body-small-strong", unknown, unknown, undefined>>;
+}, undefined>>;
 export type PillProps = Partial<Pick<HTMLDivElement, 'id'>> & Required<Pick<AriaAttributes, 'aria-label'>> & Pick<AriaAttributes, 'aria-details' | 'aria-describedby' | 'aria-live'> & {
     /** The value to be displayed inside the Pill */
     value: number;

package/dist/esm/components/progress-bar/ProgressBar.d.ts

@@ -50,7 +50,7 @@ declare const progressBar: import('tailwind-variants').TVReturnType<{
 }, {
     base: string;
     meter: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     variant: {
         success: {
             meter: string;
@@ -75,7 +75,7 @@ declare const progressBar: import('tailwind-variants').TVReturnType<{
 }, {
     base: string;
     meter: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface ProgressBarProps extends AriaProgressBarProps {
     /** the range of the value*/
     range?: [min: number, max: number];

package/dist/esm/components/promo-dialog/PromoDialog.d.ts

@@ -2,28 +2,28 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const promoDialog: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            layoutWrapper?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-            dismissIcon?: import('tailwind-merge').ClassNameValue;
-            contentColumn?: import('tailwind-merge').ClassNameValue;
-            scrollableContent?: import('tailwind-merge').ClassNameValue;
-            actionsWrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            overlay?: import('tailwind-variants').ClassValue;
+            layoutWrapper?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
+            dismissIcon?: import('tailwind-variants').ClassValue;
+            contentColumn?: import('tailwind-variants').ClassValue;
+            scrollableContent?: import('tailwind-variants').ClassValue;
+            actionsWrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            layoutWrapper?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-            dismissIcon?: import('tailwind-merge').ClassNameValue;
-            contentColumn?: import('tailwind-merge').ClassNameValue;
-            scrollableContent?: import('tailwind-merge').ClassNameValue;
-            actionsWrapper?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            overlay?: import('tailwind-variants').ClassValue;
+            layoutWrapper?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
+            dismissIcon?: import('tailwind-variants').ClassValue;
+            contentColumn?: import('tailwind-variants').ClassValue;
+            scrollableContent?: import('tailwind-variants').ClassValue;
+            actionsWrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -37,15 +37,15 @@ export declare const promoDialog: import('tailwind-variants').TVReturnType<{
     actionsWrapper: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            layoutWrapper?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-            dismissIcon?: import('tailwind-merge').ClassNameValue;
-            contentColumn?: import('tailwind-merge').ClassNameValue;
-            scrollableContent?: import('tailwind-merge').ClassNameValue;
-            actionsWrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            content?: import('tailwind-variants').ClassValue;
+            overlay?: import('tailwind-variants').ClassValue;
+            layoutWrapper?: import('tailwind-variants').ClassValue;
+            wrapper?: import('tailwind-variants').ClassValue;
+            dismissIcon?: import('tailwind-variants').ClassValue;
+            contentColumn?: import('tailwind-variants').ClassValue;
+            scrollableContent?: import('tailwind-variants').ClassValue;
+            actionsWrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -57,7 +57,7 @@ export declare const promoDialog: import('tailwind-variants').TVReturnType<{
     contentColumn: string[];
     scrollableContent: string[];
     actionsWrapper: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     overlay: string[];
     wrapper: string[];
     content: string[];
@@ -66,7 +66,7 @@ export declare const promoDialog: import('tailwind-variants').TVReturnType<{
     contentColumn: string[];
     scrollableContent: string[];
     actionsWrapper: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface PromoDialogProps extends PropsWithChildren<VariantProps<typeof promoDialog>> {
     /** aria-label has to be defined if the dialog does not have a visible label*/
     'aria-label'?: string;

package/dist/esm/components/radio-button-group/parts/RadioButton.d.ts

@@ -5,20 +5,20 @@ export { RadioIndicator } from './RadioIndicator.js';
 export type { RadioIndicatorProps, RadioState } from './RadioIndicator.js';
 export declare const radioButton: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            container?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            radio?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            container?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            radio?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            container?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            radio?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            container?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            radio?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -28,11 +28,11 @@ export declare const radioButton: import('tailwind-variants').TVReturnType<{
     label: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            container?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            radio?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            container?: import('tailwind-variants').ClassValue;
+            base?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            radio?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -40,12 +40,12 @@ export declare const radioButton: import('tailwind-variants').TVReturnType<{
     base: string[];
     radio: string[];
     label: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     container: string[];
     base: string[];
     radio: string[];
     label: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 /**
  * The `RadioButton` component enables users to select a single option from a set of choices.
  * It displays as a circular button that can be selected, and provides visual feedback for various states including selected, unselected, disabled, and read-only.

package/dist/esm/components/search/Search.d.ts

@@ -45,7 +45,7 @@ export declare const search: import('tailwind-variants').TVReturnType<{
     wrapperState: string[];
     feedbackText: string[];
     closeButton: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     isReadOnly: {
         true: {
             base: string;
@@ -67,7 +67,7 @@ export declare const search: import('tailwind-variants').TVReturnType<{
     wrapperState: string[];
     feedbackText: string[];
     closeButton: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface SearchProps extends VariantProps<typeof search>, SearchFieldProps {
     /**
      * Use this when search results are being fetched asynchronously.

package/dist/esm/components/select-list/parts/SelectListOptGroup.d.ts

@@ -1,18 +1,18 @@
 import { ListBoxSectionProps } from 'react-aria-components/ListBox';
 export declare const selectListOptGroup: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            separator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            separator?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -21,21 +21,21 @@ export declare const selectListOptGroup: import('tailwind-variants').TVReturnTyp
     separator: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            label?: import('tailwind-merge').ClassNameValue;
-            separator?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            label?: import('tailwind-variants').ClassValue;
+            separator?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string;
     label: string;
     separator: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string;
     label: string;
     separator: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 /**
  * Props for the SelectListOptGroup component.
  * @template TType - The type of items when using the dynamic API

package/dist/esm/components/selectable-button-group/SelectableButtonGroup.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { AriaToggleButtonGroupProps } from 'react-aria/useToggleButtonGroup';
 import { Key } from 'react-stately';
-export declare const selectableButtonGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:group uy:flex uy:gap-100 uy:flex-wrap", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:group uy:flex uy:gap-100 uy:flex-wrap", unknown, unknown, undefined>>;
+export declare const selectableButtonGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:group uy:flex uy:gap-100 uy:flex-wrap", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface SelectableButtonGroupProps extends VariantProps<typeof selectableButtonGroup>, Omit<AriaToggleButtonGroupProps, 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'style'> {
     /**
      * The SelectableButton components to render within the group.

package/dist/esm/components/selectable-button-group/parts/SelectableButton.d.ts

@@ -27,7 +27,7 @@ export declare const selectableButton: import('tailwind-variants').TVReturnType<
     base: string[];
     icon: string[];
     label: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     hasIcon: {
         true: {
             base: string;
@@ -40,7 +40,7 @@ export declare const selectableButton: import('tailwind-variants').TVReturnType<
     base: string[];
     icon: string[];
     label: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 type IconName<T extends string> = T extends `${infer Base}${'Filled' | 'Outlined'}` ? Base : T;
 export interface SelectableButtonProps extends Omit<AriaToggleButtonProps, 'id' | 'className' | 'style'> {
     /**

package/dist/esm/components/selectable-card/internals/Content.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export type ContentProps = {
     children: ReactNode;
 };
-export declare const content: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const content: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export declare const Content: ({ children }: ContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/selectable-card/internals/Description.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export type DescriptionProps = {
     children: ReactNode;
 };
-export declare const description: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const description: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export declare const Description: ({ children }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/selectable-card/internals/Illustration.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export type IllustrationProps = {
     children: ReactNode;
 };
-export declare const illustration: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const illustration: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export declare const Illustration: ({ children }: IllustrationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/selectable-card/internals/SelectedIndicator.d.ts

@@ -2,5 +2,5 @@ import { ReactNode } from 'react';
 export type SelectedIndicatorProps = {
     children: ReactNode;
 };
-export declare const selectedIndicator: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const selectedIndicator: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export declare const SelectedIndicator: ({ children }: SelectedIndicatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/selectable-card/selectableCard.variant.d.ts

@@ -1,19 +1,19 @@
 export declare const selectableCard: import('tailwind-variants').TVReturnType<{
     isFocusVisible: {
-        true: string;
+        true: "uy:outline-none uy:ring-2 uy:ring-offset-2 uy:ring-utility-focus-ring";
     };
 }, {
     base: string[];
 }, undefined, {
     isFocusVisible: {
-        true: string;
+        true: "uy:outline-none uy:ring-2 uy:ring-offset-2 uy:ring-utility-focus-ring";
     };
 }, {
     base: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     isFocusVisible: {
-        true: string;
+        true: "uy:outline-none uy:ring-2 uy:ring-offset-2 uy:ring-utility-focus-ring";
     };
 }, {
     base: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;