@payfit/unity-components 2.60.17 → 2.60.19

package/dist/esm/components/floating-action-bar/FloatingActionBar.d.ts

@@ -1,32 +1,32 @@
 import { ReactElement, RefObject } from 'react';
 export declare const floatingActionBar: import('tailwind-variants').TVReturnType<{
     isHidden: {
-        true: string;
-        false: string;
+        true: "uy:translate-y-full uy:focus-within:translate-0";
+        false: "uy:translate-y-0";
     };
     reduceMotion: {
-        true: string;
-        false: string;
+        true: "";
+        false: "uy:transition-transform uy:duration-300 uy:ease-in-out";
     };
 }, undefined, string[], {
     isHidden: {
-        true: string;
-        false: string;
+        true: "uy:translate-y-full uy:focus-within:translate-0";
+        false: "uy:translate-y-0";
     };
     reduceMotion: {
-        true: string;
-        false: string;
+        true: "";
+        false: "uy:transition-transform uy:duration-300 uy:ease-in-out";
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isHidden: {
-        true: string;
-        false: string;
+        true: "uy:translate-y-full uy:focus-within:translate-0";
+        false: "uy:translate-y-0";
     };
     reduceMotion: {
-        true: string;
-        false: string;
+        true: "";
+        false: "uy:transition-transform uy:duration-300 uy:ease-in-out";
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 export interface FloatingActionBarProps {
     /**
      * Accessible label for the toolbar.

package/dist/esm/components/full-page-loader/FullPageLoader.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare const fullPageLoader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:w-full uy:h-screen uy:flex uy:place-items-center uy:justify-center", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:w-full uy:h-screen uy:flex uy:place-items-center uy:justify-center", unknown, unknown, undefined>>;
+export declare const fullPageLoader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:w-full uy:h-screen uy:flex uy:place-items-center uy:justify-center", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export type FullPageLoaderProps = {
     label?: ReactNode;
 };

package/dist/esm/components/funnel-layout/FunnelLayout.d.ts

@@ -1,6 +1,6 @@
 import { default as React, PropsWithChildren } from 'react';
 import { VariantProps } from '@payfit/unity-themes';
-export declare const funnelLayout: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas uy:overflow-auto", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas uy:overflow-auto", unknown, unknown, undefined>>;
+export declare const funnelLayout: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:relative uy:h-dvh uy:flex uy:flex-col uy:bg-canvas uy:overflow-auto", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface FunnelLayoutProps extends PropsWithChildren<VariantProps<typeof funnelLayout>> {
     /** The header content for the funnel layout, typically a FunnelTopBar component */
     header: React.JSX.Element;

package/dist/esm/components/funnel-layout/parts/FunnelBody.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-export declare const funnelBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:group/funnelbody uy:mx-auto uy:w-full uy:min-h-full uy:flex-1 uy:md:max-w-(--uy-container-lg) uy:md:px-300 uy:lg:max-w-(--uy-container-xl) uy:flex uy:flex-col uy:md:flex-row uy:gap-x-200 uy:md:py-600", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:group/funnelbody uy:mx-auto uy:w-full uy:min-h-full uy:flex-1 uy:md:max-w-(--uy-container-lg) uy:md:px-300 uy:lg:max-w-(--uy-container-xl) uy:flex uy:flex-col uy:md:flex-row uy:gap-x-200 uy:md:py-600", unknown, unknown, undefined>>;
+export declare const funnelBody: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:group/funnelbody uy:mx-auto uy:w-full uy:min-h-full uy:flex-1 uy:md:max-w-(--uy-container-lg) uy:md:px-300 uy:lg:max-w-(--uy-container-xl) uy:flex uy:flex-col uy:md:flex-row uy:gap-x-200 uy:md:py-600", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export type FunnelBodyProps = PropsWithChildren<VariantProps<typeof funnelBody>>;
 /**
  * The `FunnelBody` component provides the main content container for the funnel layout.
@@ -30,7 +30,7 @@ export type FunnelBodyProps = PropsWithChildren<VariantProps<typeof funnelBody>>
  * @see Design docs in {@link https://www.payfit.design/24f360409/p/88f9fc-funnel/b/24ca6f Payfit.design}
  * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/layout-funnellayout-funnelbody--docs unity-components.payfit.io}
  */
-declare const FunnelBody: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:group/funnelbody uy:mx-auto uy:w-full uy:min-h-full uy:flex-1 uy:md:max-w-(--uy-container-lg) uy:md:px-300 uy:lg:max-w-(--uy-container-xl) uy:flex uy:flex-col uy:md:flex-row uy:gap-x-200 uy:md:py-600", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:group/funnelbody uy:mx-auto uy:w-full uy:min-h-full uy:flex-1 uy:md:max-w-(--uy-container-lg) uy:md:px-300 uy:lg:max-w-(--uy-container-xl) uy:flex uy:flex-col uy:md:flex-row uy:gap-x-200 uy:md:py-600", unknown, unknown, undefined>>> & {
+declare const FunnelBody: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:group/funnelbody uy:mx-auto uy:w-full uy:min-h-full uy:flex-1 uy:md:max-w-(--uy-container-lg) uy:md:px-300 uy:lg:max-w-(--uy-container-xl) uy:flex uy:flex-col uy:md:flex-row uy:gap-x-200 uy:md:py-600", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>> & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLDivElement>>;
 export { FunnelBody };

package/dist/esm/components/funnel-layout/parts/FunnelPage.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-export declare const funnelPage: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const funnelPage: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export type FunnelPageProps = PropsWithChildren<VariantProps<typeof funnelPage>>;
 /**
  * The `FunnelPage` component represents the main content area of the funnel layout.
@@ -30,7 +30,7 @@ export type FunnelPageProps = PropsWithChildren<VariantProps<typeof funnelPage>>
  * @see Design docs in {@link https://www.payfit.design/24f360409/p/88f9fc-funnel/b/24ca6f Payfit.design}
  * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/layout-funnellayout-funnelpage--docs unity-components.payfit.io}
  */
-declare const FunnelPage: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>> & {
+declare const FunnelPage: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>> & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>>;
 export { FunnelPage };

package/dist/esm/components/funnel-layout/parts/FunnelPageActions.d.ts

@@ -1,5 +1,5 @@
 import { VariantProps } from '@payfit/unity-themes';
-export declare const funnelPageActions: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:flex-col uy:gap-200 uy:md:flex-row uy:md:justify-between", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex uy:flex-col uy:gap-200 uy:md:flex-row uy:md:justify-between", unknown, unknown, undefined>>;
+export declare const funnelPageActions: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex uy:flex-col uy:gap-200 uy:md:flex-row uy:md:justify-between", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export interface FunnelPageActionsProps extends VariantProps<typeof funnelPageActions> {
     /**
      * Render function for the next action. This is mandatory as it's the only action that's always shown.

package/dist/esm/components/funnel-layout/parts/FunnelPageContent.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-export declare const funnelPageContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", unknown, unknown, undefined>>;
+export declare const funnelPageContent: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export type FunnelPageContentProps = PropsWithChildren<VariantProps<typeof funnelPageContent>>;
 /**
  * The `FunnelPageContent` component provides the main content area of a funnel page.
@@ -29,7 +29,7 @@ export type FunnelPageContentProps = PropsWithChildren<VariantProps<typeof funne
  * @see Design docs in {@link https://www.payfit.design/24f360409/p/88f9fc-funnel/b/24ca6f Payfit.design}
  * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/layout-funnellayout-funnelpage-funnelpagecontent--docs unity-components.payfit.io}
  */
-declare const FunnelPageContent: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", unknown, unknown, undefined>>> & {
+declare const FunnelPageContent: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:flex-1 uy:px-300 uy:my-400 uy:md:px-400 uy:group-has-[[data-unity-component=\"FunnelPageHeader\"]]/funnelpage:mt-0", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>> & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>>;
 export { FunnelPageContent };

package/dist/esm/components/funnel-layout/parts/FunnelPageFooter.d.ts

@@ -1,6 +1,6 @@
 import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
-export declare const funnelPageFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:px-300 uy:md:px-400", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:px-300 uy:md:px-400", unknown, unknown, undefined>>;
+export declare const funnelPageFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:px-300 uy:md:px-400", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>;
 export type FunnelPageFooterProps = PropsWithChildren<VariantProps<typeof funnelPageFooter>>;
 /**
  * The `FunnelPageFooter` component provides the footer section of a funnel page.
@@ -30,7 +30,7 @@ export type FunnelPageFooterProps = PropsWithChildren<VariantProps<typeof funnel
  * @see Design docs in {@link https://www.payfit.design/24f360409/p/88f9fc-funnel/b/24ca6f Payfit.design}
  * @see Developer docs in {@link https://unity-components.payfit.io/?path=/docs/layout-funnellayout-funnelpage-funnelpagefooter--docs unity-components.payfit.io}
  */
-declare const FunnelPageFooter: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:px-300 uy:md:px-400", {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy:px-300 uy:md:px-400", unknown, unknown, undefined>>> & {
+declare const FunnelPageFooter: import('react').ForwardRefExoticComponent<VariantProps<import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy:px-300 uy:md:px-400", {} | {}, undefined, import('tailwind-variants').TVReturnTypeLike<unknown, undefined>>> & {
     children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLElement>>;
 export { FunnelPageFooter };

package/dist/esm/components/funnel-layout/parts/FunnelPageHeader.d.ts

@@ -22,7 +22,7 @@ export declare const funnelPageHeader: import('tailwind-variants').TVReturnType<
     hgroup: string;
     figure: string;
     figcaption: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     gradient: {
         default: {
             base: string;
@@ -33,7 +33,7 @@ export declare const funnelPageHeader: import('tailwind-variants').TVReturnType<
     hgroup: string;
     figure: string;
     figcaption: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface FunnelPageHeaderProps extends PropsWithChildren<VariantProps<typeof funnelPageHeader>> {
     title: string;
     subtitle: ReactNode;

package/dist/esm/components/funnel-layout/parts/FunnelProgressBar.d.ts

@@ -24,7 +24,7 @@ declare const progressBar: import('tailwind-variants').TVReturnType<{
 }, {
     base: string[];
     meter: string[];
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     isFull: {
         true: {
             meter: string;
@@ -36,7 +36,7 @@ declare const progressBar: import('tailwind-variants').TVReturnType<{
 }, {
     base: string[];
     meter: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 interface ProgressBarProps extends Omit<VariantProps<typeof progressBar>, 'isFull'> {
     /** the value of the progression */
     value: number;

package/dist/esm/components/funnel-layout/parts/FunnelSidebar.d.ts

@@ -2,8 +2,8 @@ import { VariantProps } from '@payfit/unity-themes';
 import { PropsWithChildren } from 'react';
 export declare const funnelSidebar: import('tailwind-variants').TVReturnType<{
     isSticky: {
-        true: string;
-        false: string;
+        true: "uy:sticky uy:top-8 uy:md:top-10 uy:z-9";
+        false: "uy:static";
     };
     position: {
         sticky: string[];
@@ -12,25 +12,25 @@ export declare const funnelSidebar: import('tailwind-variants').TVReturnType<{
     };
 }, undefined, string[], {
     isSticky: {
-        true: string;
-        false: string;
+        true: "uy:sticky uy:top-8 uy:md:top-10 uy:z-9";
+        false: "uy:static";
     };
     position: {
         sticky: string[];
         static: string[];
         fixed: string[];
     };
-}, undefined, import('tailwind-variants').TVReturnType<{
+}, undefined, import('tailwind-variants').TVReturnTypeLike<{
     isSticky: {
-        true: string;
-        false: string;
+        true: "uy:sticky uy:top-8 uy:md:top-10 uy:z-9";
+        false: "uy:static";
     };
     position: {
         sticky: string[];
         static: string[];
         fixed: string[];
     };
-}, undefined, string[], unknown, unknown, undefined>>;
+}, undefined>>;
 export interface FunnelSidebarProps extends PropsWithChildren<VariantProps<typeof funnelSidebar>> {
     /**
      * Whether the sidebar is sticky or not

package/dist/esm/components/funnel-layout/parts/FunnelTopBar.d.ts

@@ -1,18 +1,18 @@
 import { VariantProps } from '@payfit/unity-themes';
 export declare const funnelTopBar: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            title?: import('tailwind-merge').ClassNameValue;
-            titleWrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            title?: import('tailwind-variants').ClassValue;
+            titleWrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            title?: import('tailwind-merge').ClassNameValue;
-            titleWrapper?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            title?: import('tailwind-variants').ClassValue;
+            titleWrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -21,21 +21,21 @@ export declare const funnelTopBar: import('tailwind-variants').TVReturnType<{
     title: string[];
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            title?: import('tailwind-merge').ClassNameValue;
-            titleWrapper?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            base?: import('tailwind-variants').ClassValue;
+            title?: import('tailwind-variants').ClassValue;
+            titleWrapper?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
     base: string[];
     titleWrapper: string[];
     title: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     base: string[];
     titleWrapper: string[];
     title: string[];
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export interface FunnelTopBarProps extends VariantProps<typeof funnelTopBar> {
     /** The title text to display in the funnel top bar */
     title: string;