@payfit/unity-components 0.0.0-alpha.11 → 0.0.0-alpha.6

package/dist/cjs/components/icon-button/IconButton.d.cts

@@ -1,26 +0,0 @@
-import { UnityIcon } from '@payfit/unity-icons';
-import { AriaRole } from 'react';
-import { IconButtonGhost, IconButtonPrimary, IconButtonSecondary } from './IconButton.variants.cjs';
-interface IconButtonBaseProps {
-    /** Label used to describe the action of the button */
-    label: string;
-    /** The icon to display inside the button */
-    icon: UnityIcon;
-    /** The function to trigger when the button is clicked */
-    onClick: () => void;
-    /** Override the icon role */
-    iconRole?: AriaRole;
-    /** className to add to the button */
-    className?: string;
-}
-interface IconButtonVariantsPrimaryProps extends IconButtonBaseProps, Omit<IconButtonPrimary, 'variant' | 'color'>, Required<Pick<IconButtonPrimary, 'variant' | 'color'>> {
-}
-interface IconButtonVariantsSecondaryProps extends IconButtonBaseProps, Omit<IconButtonSecondary, 'variant' | 'color'>, Required<Pick<IconButtonSecondary, 'variant' | 'color'>> {
-}
-interface IconButtonVariantsGhostProps extends IconButtonBaseProps, Omit<IconButtonGhost, 'variant' | 'color'>, Required<Pick<IconButtonGhost, 'variant' | 'color'>> {
-}
-export declare function IconButton(props: IconButtonVariantsPrimaryProps | IconButtonVariantsSecondaryProps | IconButtonVariantsGhostProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace IconButton {
-    var displayName: string;
-}
-export {};

package/dist/cjs/components/icon-button/IconButton.variants.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({slots:{button:["uy-group","uy-w-500 uy-min-w-500 uy-h-500 uy-min-h-500 uy-flex uy-justify-center uy-items-center uy-rounded-75","focus-visible:uy-outline-2 focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring"],icon:"uy-w-250 uy-h-250"},variants:{isDisabled:{true:{button:"uy-cursor-not-allowed"},false:{button:""}},isLoading:{true:{button:"uy-cursor-progress uy-text-content-neutral-disabled",icon:""},false:{button:""}}},defaultVariants:{isDisabled:!1,isLoading:!1}}),r=e.tv({extend:t,variants:{variant:{primary:""},color:{primary:"",danger:"",warning:"",inverted:"focus-visible:uy-outline-utility-inverted-focus-ring"}},compoundVariants:[{variant:"primary",color:"primary",isDisabled:!1,isLoading:!1,class:{button:["uy-bg-surface-primary-enabled","hover:uy-bg-surface-primary-hover","active:uy-bg-surface-primary-active","focus-visible:uy-bg-surface-primary-focus","data-[pressed]:uy-bg-surface-primary-pressed"],icon:["uy-text-content-inverted-enabled","group-hover:uy-text-content-inverted-hover","active:uy-text-content-inverted-active","focus-visible:uy-text-content-inverted-focus","data-[pressed]:uy-text-content-inverted-pressed"]}},{variant:"primary",color:"danger",isDisabled:!1,isLoading:!1,class:{button:["uy-bg-content-danger-enabled","hover:uy-bg-content-danger-hover","active:uy-bg-content-danger-active","focus:uy-bg-content-danger-focus","data-[pressed]:uy-bg-content-danger-pressed"],icon:["uy-text-content-inverted-enabled","group-hover:uy-text-content-inverted-hover","active:uy-text-content-inverted-active","focus:uy-text-content-inverted-focus","data-[pressed]:uy-text-content-inverted-pressed"]}},{variant:"primary",color:"warning",isDisabled:!1,isLoading:!1,class:{button:["uy-bg-content-warning","hover:uy-bg-content-warning-hover","active:uy-bg-content-warning-pressed","focus-visible:uy-bg-content-warning-focus","data-[pressed]:uy-bg-content-warning-pressed"],icon:["uy-text-content-inverted","group-hover:uy-text-content-inverted-hover","active:uy-text-content-inverted-pressed","focus-visible:uy-text-content-inverted-focus","data-[pressed]:uy-text-content-inverted-pressed"]}},{variant:"primary",color:"inverted",isDisabled:!1,isLoading:!1,class:{button:["uy-bg-surface-inverted","hover:uy-accent-surface-inverted-hover","active:uy-accent-surface-inverted-pressed","focus-visible:uy-accent-surface-inverted-focus","data-[pressed]:uy-accent-surface-inverted-pressed"],icon:["uy-text-content-neutral","group-hover:uy-text-content-neutral-hover","active:uy-text-content-neutral-pressed","focus-visible:uy-text-content-neutral-focus","data-[pressed]:uy-text-content-neutral-pressed"]}},{variant:"primary",color:"primary",isDisabled:!0,isLoading:!1,class:{button:"uy-bg-surface-neutral-disabled",icon:"uy-text-content-neutral-disabled"}},{variant:"primary",color:["primary","danger","warning","inverted"],isLoading:!0,isDisabled:!1,class:{button:"uy-bg-surface-neutral-disabled",icon:"uy-text-content-neutral-disabled"}}]}),n=e.tv({extend:t,variants:{variant:{secondary:{button:"focus-visible:uy-outline-offset-4"}},color:{primary:"",inverted:"focus-visible:uy-outline-utility-inverted-focus-ring"}},compoundVariants:[{color:"primary",isDisabled:!1,isLoading:!1,class:{button:["uy-border uy-border-solid uy-border-border-primary-enabled","hover:uy-border-border-primary-hover","active:uy-border-border-primary-active","data-[pressed]:uy-border-border-primary-pressed"],icon:["uy-text-content-primary-enabled","group-hover:uy-text-content-primary-hover","active:uy-text-content-primary-active","data-[pressed]:uy-text-content-primary-pressed","focus-visible:uy-text-content-primary-focus"]}},{color:"primary",isLoading:!0,isDisabled:!1,class:{button:["uy-border uy-border-solid uy-border-border-neutral-disabled","focus-visible:uy-border-border-primary-focus"],icon:["uy-text-content-neutral-disabled"]}},{color:"primary",isLoading:!1,isDisabled:!0,class:{button:["uy-border uy-border-solid uy-border-border-neutral-disabled","focus-visible:uy-border-border-primary-focus"],icon:["uy-text-content-neutral-disabled"]}},{color:"inverted",isDisabled:!1,isLoading:!1,class:{button:["uy-border uy-border-solid uy-border-border-inverted","hover:uy-border-border-inverted-hover","data-[pressed]:uy-border-border-inverted-pressed","active:uy-border-border-inverted-active","focus-visible:uy-border-border-inverted-focus"],icon:["uy-text-content-inverted","group-hover:uy-text-content-inverted-hover","data-[pressed]:uy-text-content-inverted-pressed","active:uy-text-content-inverted-active","focus-visible:uy-text-content-inverted-focus"]}},{color:"inverted",isLoading:!1,isDisabled:!0,class:{button:["uy-border uy-border-solid uy-border-border-inverted-disabled","focus-visible:uy-border-border-primary-focus"],icon:["uy-text-content-inverted-disabled"]}}]}),a=e.tv({extend:t,variants:{variant:{ghost:""},color:{neutral:"",primary:"",danger:"",warning:""}},compoundVariants:[{color:"neutral",isDisabled:!1,isLoading:!1,class:{button:["hover:uy-bg-surface-neutral-hover","data-[pressed]:uy-bg-surface-neutral-pressed","active:uy-bg-surface-neutral-active"],icon:["uy-text-content-neutral"]}},{color:"primary",isDisabled:!1,isLoading:!1,class:{button:["uy-text-content-primary-enabled","hover:uy-bg-surface-primary-lowest-hover","data-[pressed]:uy-bg-surface-primary-lowest-pressed","active:uy-bg-surface-primary-lowest-active"],icon:["uy-text-content-primary","group-hover:uy-text-content-primary","data-[pressed]:uy-text-content-primary","focus-visible:uy-text-content-primary","active:uy-text-content-primary"]}},{color:"danger",isDisabled:!1,isLoading:!1,class:{button:["hover:uy-bg-surface-danger-lowest-hover","data-[pressed]:uy-bg-surface-danger-lowest-pressed","active:uy-bg-surface-danger-lowest-active"],icon:["uy-text-content-danger","group-hover:uy-text-content-danger-hover","data-[pressed]:uy-text-content-danger-pressed","focus-visible:uy-text-content-danger-focus","active:uy-text-content-danger-active"]}},{color:"warning",isDisabled:!1,isLoading:!1,class:{button:["hover:uy-bg-surface-warning-lowest-hover","data-[pressed]:uy-bg-surface-warning-lowest-pressed","active:uy-bg-surface-warning-lowest-active"],icon:["uy-text-content-warning","group-hover:uy-text-content-warning-hover","data-[pressed]:uy-text-content-warning-pressed","focus-visible:uy-text-content-warning-focus","active:uy-text-content-warning-active"]}},{color:["primary","neutral","danger","warning"],isDisabled:!0,isLoading:!1,class:{button:"",icon:"uy-text-content-neutral-disabled"}},{color:["primary","neutral","danger","warning"],isDisabled:!1,isLoading:!0,class:{button:"",icon:"uy-text-content-neutral-disabled"}}]});exports.iconButtonGhost=a;exports.iconButtonPrimary=r;exports.iconButtonSecondary=n;

package/dist/cjs/components/icon-button/IconButton.variants.d.cts

@@ -1,589 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-export declare const iconButtonPrimary: import('tailwind-variants').TVReturnType<{
-    variant: {
-        primary: string;
-    };
-    color: {
-        primary: string;
-        danger: string;
-        warning: string;
-        inverted: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        primary: string;
-    };
-    color: {
-        primary: string;
-        danger: string;
-        warning: string;
-        inverted: string;
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, unknown, unknown, undefined>>>;
-export declare const iconButtonSecondary: import('tailwind-variants').TVReturnType<{
-    variant: {
-        secondary: {
-            button: string;
-        };
-    };
-    color: {
-        primary: string;
-        inverted: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        secondary: {
-            button: string;
-        };
-    };
-    color: {
-        primary: string;
-        inverted: string;
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, unknown, unknown, undefined>>>;
-export declare const iconButtonGhost: import('tailwind-variants').TVReturnType<{
-    variant: {
-        ghost: string;
-    };
-    color: {
-        neutral: string;
-        primary: string;
-        danger: string;
-        warning: string;
-    };
-}, undefined, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    variant: {
-        ghost: string;
-    };
-    color: {
-        neutral: string;
-        primary: string;
-        danger: string;
-        warning: string;
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, import('tailwind-variants').TVReturnType<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    button: string[];
-    icon: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}, {
-    isDisabled: {
-        true: {
-            button: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-    isLoading: {
-        true: {
-            button: string;
-            icon: string;
-        };
-        false: {
-            button: string;
-        };
-    };
-}>, unknown, unknown, undefined>>>;
-export type IconButtonPrimary = VariantProps<typeof iconButtonPrimary>;
-export type IconButtonSecondary = VariantProps<typeof iconButtonSecondary>;
-export type IconButtonGhost = VariantProps<typeof iconButtonGhost>;

package/dist/cjs/components/input/Input.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),h=require("react-aria-components"),j=require("react-intl"),I=require("tailwind-variants"),q=require("../icon-button/CircularIconButton.cjs"),N=require("../icon/Icon.cjs"),M=require("../spinner/Spinner.cjs"),S=I.tv({slots:{base:"uy-flex uy-h-500 uy-border uy-border-solid uy-rounded-100 focus-within:uy-outline-none focus-within:uy-ring-2 focus-within:uy-ring-utility-focus-ring focus-within:uy-ring-offset-2 active:uy-border-border-form-active",prefix:"uy-flex-grow-0 uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-r uy-border-solid uy-rounded-l-100 active:uy-border-border-form-active",inputWrapper:"uy-flex uy-gap-50 uy-flex-grow uy-flex-nowrap uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-75 uy-max-w-full uy-justify-between",input:"uy-w-full uy-flex-1 uy-outline-none uy-typography-body placeholder:uy-text-content-neutral-lowest uy-min-w-0 uy-max-w-full",state:"uy-flex uy-gap-50 uy-items-center uy-shrink-0",suffix:"uy-flex-grow-0 uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-l uy-border-solid uy-rounded-r-100 active:uy-border-border-form-active"},variants:{isInvalid:{true:{base:"uy-border-border-form-error uy-bg-surface-form-error",prefix:"uy-bg-surface-form-error uy-border-border-form-error",inputWrapper:"uy-bg-surface-form-error",input:"uy-bg-surface-form-error",state:"uy-text-content-form-error",suffix:"uy-bg-surface-form-error uy-border-border-form-error"}},isReadOnly:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",prefix:"uy-bg-surface-form-disabled uy-border-border-form-disabled uy-text-content-form-readonly",inputWrapper:"uy-border-border-form-disabled uy-bg-surface-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-readonly",suffix:"uy-bg-surface-form-disabled uy-border-border-form-disabled uy-text-content-form-readonly"}},isDisabled:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",prefix:"uy-bg-surface-form-disabled uy-border-border-form-disabled uy-text-content-form-disabled",inputWrapper:"uy-bg-surface-form-disabled uy-text-content-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-disabled",suffix:"uy-bg-surface-form-disabled uy-border-border-form-disabled uy-text-content-form-disabled"}}},compoundVariants:[{isInvalid:!1,isDisabled:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled uy-bg-surface-form-enabled",prefix:"uy-bg-surface-neutral-low uy-border-border-form-enabled uy-text-content-form-enabled",inputWrapper:"uy-border-border-form-enabled uy-bg-surface-form-enabled",input:"uy-text-content-form-enabled uy-bg-surface-form-enabled",state:"uy-text-content-neutral-disabled",suffix:"uy-border-border-form-enabled uy-bg-surface-neutral-low uy-text-content-form-enabled"}}]}),l=v.forwardRef(({type:y="text",prefix:d,suffix:s,isInvalid:i,isLoading:r,isDisabled:u,isReadOnly:o,onClearButtonPress:t,...a},f)=>{const n=j.useIntl(),{base:b,prefix:c,inputWrapper:m,input:p,state:x,suffix:g}=S({isInvalid:!!i,isReadOnly:!!o,isDisabled:!!u}),w=a.value&&!r&&!o&&!u;return delete a.isRequired,e.jsxs("div",{className:b(),children:[d?e.jsx("span",{className:c(),children:d}):null,e.jsxs("div",{className:m(),children:[e.jsx(h.Input,{"data-dd-privacy":"mask",...a,ref:f,type:y,className:p(),"aria-busy":r,readOnly:o,disabled:u}),e.jsxs("div",{className:x(),children:[r&&e.jsx(M.Spinner,{color:"inherit",size:"small",label:n.formatMessage({id:"unity:component:common:loading:label",defaultMessage:"Loading..."})}),i&&e.jsx(N.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:n.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})}),w&&e.jsx(q.CircularIconButton,{title:n.formatMessage({id:"unity:component:common:clear:title",defaultMessage:"Clear"}),className:"uy-text-content-neutral-enabled",icon:"CloseOutlined",onPress:()=>{t==null||t()}})]})]}),s?e.jsx("span",{className:g(),children:s}):null]})});l.displayName="Input";exports.Input=l;

package/dist/cjs/components/input/Input.d.cts

@@ -1,48 +0,0 @@
-import { ReactElement } from 'react';
-import { InputProps as AriaInputProps } from 'react-aria-components';
-export interface InputProps extends Omit<AriaInputProps, 'prefix' | 'style' | 'className'> {
-    /**
-     * The type of the input field
-     * @default 'text'
-     */
-    type?: 'text' | 'password' | 'email' | 'tel' | 'url' | 'search';
-    /** Element to display before the input field */
-    prefix?: ReactElement;
-    /** Element to display after the input field */
-    suffix?: ReactElement;
-    /** Whether the field is required */
-    isRequired?: boolean;
-    /** Whether the field is in an invalid state */
-    isInvalid?: boolean;
-    /** Whether the field is in a loading state */
-    isLoading?: boolean;
-    /** Whether the field is disabled */
-    isDisabled?: boolean;
-    /** Whether the field is read-only */
-    isReadOnly?: boolean;
-    /**
-     * Clear button click handler
-     */
-    onClearButtonPress?: () => void;
-}
-/**
- * The `Input` components displays a styled, single HTML `<input>` field whose type is text-compatible (`text`, `password`, `email`, `tel`, `url`, `search`), and follows the Unity design system language. It supports multiple states out of the box and can be used as a controlled or uncontrolled component. It is also compatible with the `Form` and `FormField` component as a form control.
- * @param {InputProps} props - Regular props from the `<input>` HTML element, plus state-related props
- * @see {@link InputProps} for all available props
- * @example
- * ```tsx
- * import { Input } from '@payfit/unity-components'
- *
- * function Example() {
- *   const [value, setValue] = useState()
- *
- *   const handleInputChange = (e) => {
- *     setValue(e.target.value)
- *   }
- *
- *   return <Input type="text" placeholder="write something..." value={value} onChange={handleInputChange} />
- * }
- * ```
- */
-declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
-export { Input };

package/dist/cjs/components/label/Label.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),m=require("react-aria"),s=require("react-aria-components"),q=require("react-intl"),f=require("tailwind-variants"),x=f.tv({slots:{base:"uy-typography-body-strong uy-text-content-form-enabled uy-flex uy-gap-25",asterisk:"uy-text-content-danger",optionalTag:"uy-typography-body"},variants:{variant:{strong:{base:"uy-typography-body-strong"},body:{base:"uy-typography-body"}}},defaultVariants:{variant:"strong"}}),i=g.forwardRef(({children:l,...a},c)=>{const r=q.useIntl(),t=s.useSlottedContext(s.InputContext),d=m.mergeProps({isRequired:t==null?void 0:t["aria-required"]},a),{isRequired:n=!1,requiredVariant:o="required",...u}=d,{base:y,asterisk:p,optionalTag:b}=x();return e.jsxs(s.Label,{"data-dd-privacy":"allow",...u,ref:c,className:y({className:a.className}),children:[l,o==="required"&&n&&e.jsxs("span",{className:p(),children:["*",e.jsx("span",{className:"uy-sr-only",children:r.formatMessage({id:"unity:component:label:required",defaultMessage:"required"})})]}),o==="optional"&&!n&&e.jsx("span",{className:b({className:a.className}),children:r.formatMessage({id:"unity:component:label:optional",defaultMessage:"(optional)"})})]})});i.displayName="Label";exports.Label=i;