@bothub-chat/ui 2.48.1-fix-message-79720dcc-0313-4bb2-ac15-912e6fc16d36 → 2.48.1-fix-message-81026f5e-584f-4918-8c1c-31e3d26f3769

package/dist/components/radio/styled.d.ts

@@ -7,7 +7,7 @@ export interface RadioCircleProps {
 }
 export declare const RadioCircle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, RadioCircleProps>>;
 export declare const RadioCircleDot: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
     key?: import("react").Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -56,6 +56,10 @@ export declare const RadioCircleDot: import("styled-components").IStyledComponen
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -265,6 +269,8 @@ export declare const RadioCircleDot: import("styled-components").IStyledComponen
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -273,12 +279,25 @@ export declare const RadioCircleDot: import("styled-components").IStyledComponen
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
 }>;
 export declare const RadioLabel: import("styled-components").IStyledComponent<"web", {
-    children?: import("react").ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    children?: import("react").ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -327,6 +346,10 @@ export declare const RadioLabel: import("styled-components").IStyledComponent<"w
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -535,6 +558,8 @@ export declare const RadioLabel: import("styled-components").IStyledComponent<"w
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -543,17 +568,20 @@ export declare const RadioLabel: import("styled-components").IStyledComponent<"w
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: import("react").HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: import("react").Ref<HTMLSpanElement> | undefined;
 }>;
 export declare const RadioInput: import("styled-components").IStyledComponent<"web", {
-    ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
+    ref?: import("react").Ref<HTMLInputElement> | undefined;
     key?: import("react").Key | null | undefined;
     accept?: string | undefined | undefined;
     alt?: string | undefined | undefined;
@@ -562,7 +590,7 @@ export declare const RadioInput: import("styled-components").IStyledComponent<"w
     checked?: boolean | undefined | undefined;
     disabled?: boolean | undefined | undefined;
     form?: string | undefined | undefined;
-    formAction?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
@@ -633,6 +661,10 @@ export declare const RadioInput: import("styled-components").IStyledComponent<"w
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -841,6 +873,8 @@ export declare const RadioInput: import("styled-components").IStyledComponent<"w
     onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLInputElement> | undefined;
     onScroll?: import("react").UIEventHandler<HTMLInputElement> | undefined;
     onScrollCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLInputElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLInputElement> | undefined;
     onWheel?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
     onWheelCapture?: import("react").WheelEventHandler<HTMLInputElement> | undefined;
     onAnimationStart?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
@@ -849,6 +883,14 @@ export declare const RadioInput: import("styled-components").IStyledComponent<"w
     onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIteration?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLInputElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
 }>;

package/dist/components/radio/styled.js

@@ -1 +1 @@
-import{styled as e,css as o}from"styled-components";import{Typography as i}from"../typography/index.js";const r=e.label.withConfig({displayName:"styled__RadioStyled",componentId:"sc-vwnewx-0"})(["display:inline-flex;align-items:center;gap:8px;user-select:none;",""],(({$disabled:e})=>o(e?["cursor:not-allowed;"]:["cursor:pointer;"]))),n=e.span.withConfig({displayName:"styled__RadioCircle",componentId:"sc-vwnewx-1"})(["display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;border-radius:8px;box-sizing:border-box;",""],(({$skeleton:e})=>!e&&o(["border:1px solid ",";"],(({theme:e})=>e.colors.grayScale.gray2)))),t=e.span.withConfig({displayName:"styled__RadioCircleDot",componentId:"sc-vwnewx-2"})(["display:inline-flex;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:",";visibility:hidden;"],(({theme:e})=>e.colors.grayScale.gray2)),a=e(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__RadioLabel",componentId:"sc-vwnewx-3"})([""]),l=e.input.withConfig({displayName:"styled__RadioInput",componentId:"sc-vwnewx-4"})(["display:none;&:not(:disabled) + ",":hover{border-color:",";}&:checked:not(:disabled) + ","{border-color:",";","{visibility:visible;background:",";}}&:disabled + ","{border-color:",";background:",";}"],n,(({theme:e})=>e.colors.accent.primary),n,(({theme:e})=>e.colors.accent.primary),t,(({theme:e})=>e.colors.accent.primary),n,(({theme:e})=>e.colors.grayScale.gray1),(({theme:e})=>e.colors.grayScale.gray6));export{n as RadioCircle,t as RadioCircleDot,l as RadioInput,a as RadioLabel,r as RadioStyled};
+import{styled as e,css as o}from"styled-components";import{Typography as i}from"../typography/index.js";const r=e.label.withConfig({displayName:"styled__RadioStyled",componentId:"sc-vwnewx-0"})(["display:inline-flex;align-items:center;gap:8px;user-select:none;",""],({$disabled:e})=>o(e?["cursor:not-allowed;"]:["cursor:pointer;"])),n=e.span.withConfig({displayName:"styled__RadioCircle",componentId:"sc-vwnewx-1"})(["display:inline-flex;justify-content:center;align-items:center;width:16px;height:16px;flex-shrink:0;border-radius:8px;box-sizing:border-box;",""],({$skeleton:e})=>!e&&o(["border:1px solid ",";"],({theme:e})=>e.colors.grayScale.gray2)),t=e.span.withConfig({displayName:"styled__RadioCircleDot",componentId:"sc-vwnewx-2"})(["display:inline-flex;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:",";visibility:hidden;"],({theme:e})=>e.colors.grayScale.gray2),a=e(i).attrs({variant:"body-m-medium"}).withConfig({displayName:"styled__RadioLabel",componentId:"sc-vwnewx-3"})([""]),l=e.input.withConfig({displayName:"styled__RadioInput",componentId:"sc-vwnewx-4"})(["display:none;&:not(:disabled) + ",":hover{border-color:",";}&:checked:not(:disabled) + ","{border-color:",";","{visibility:visible;background:",";}}&:disabled + ","{border-color:",";background:",";}"],n,({theme:e})=>e.colors.accent.primary,n,({theme:e})=>e.colors.accent.primary,t,({theme:e})=>e.colors.accent.primary,n,({theme:e})=>e.colors.grayScale.gray1,({theme:e})=>e.colors.grayScale.gray6);export{n as RadioCircle,t as RadioCircleDot,l as RadioInput,a as RadioLabel,r as RadioStyled};

package/dist/components/range-field/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{useState as o,useCallback as n,createElement as r}from"react";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{Tooltip as l}from"../tooltip/index.js";import{RangeFieldStyled as a,RangeFieldLabel as d,RangeFieldFormattedValue as s,RangeFieldRange as m,RangeFieldRangeTrack as p,RangeFieldRangeThumb as u,RangeFieldSkeleton as h,RangeFieldErrorText as f}from"./styled.js";import{Skeleton as b}from"../skeleton/index.js";import{useTooltip as c,TooltipConsumer as v}from"../tooltip/context.js";const y=y=>{var{label:k,error:x,min:g,max:P,step:j,value:L,fullWidth:T=!1,disabled:M=!1,skeleton:$=!1,onChange:E,formatValue:C,onPointerLeave:O}=y,W=e(y,["label","error","min","max","step","value","fullWidth","disabled","skeleton","onChange","formatValue","onPointerLeave"]);const{handleTooltipMouseEnter:A,handleTooltipMouseLeave:B}=c(),[I,V]="number"==typeof L||Array.isArray(L)?[L,E]:o([0]),w=n((e=>{null==V||V(e)}),[V]);return t(a,{$fullWidth:T,$disabled:M,onPointerLeave:O,children:[k&&$&&i(d,{children:i(b,{width:100})}),"string"==typeof k&&!$&&i(d,{onPointerLeave:A,onPointerEnter:B,children:k}),"string"!=typeof k&&!$&&k,C&&i(s,{children:C(I)}),!$&&i(l,{label:String(I),disabled:M,children:i(v,{children:({handleTooltipMouseEnter:o,handleTooltipMouseLeave:n,handleTooltipPointerMove:t})=>i(m,Object.assign({},W,{min:g,max:P,step:j,value:I,disabled:M,renderTrack:(o,n)=>{var{key:t}=o,i=e(o,["key"]);return r(p,Object.assign({},i,{key:t,$index:n.index,$disabled:M}))},renderThumb:i=>{var{key:l}=i,a=e(i,["key"]);return r(u,Object.assign({},a,{onBeforeInput:a.onBeforeInput,key:l,$disabled:M,onPointerMove:t,onPointerEnter:o,onPointerLeave:n}))},onChange:w}))})}),$&&i(h,{}),x&&i(f,{children:x})]})};export{y as RangeField,f as RangeFieldErrorText,s as RangeFieldFormattedValue,d as RangeFieldLabel,m as RangeFieldRange,u as RangeFieldRangeThumb,p as RangeFieldRangeTrack,h as RangeFieldSkeleton,a as RangeFieldStyled};
+import{__rest as e}from"tslib";import{useState as o,useCallback as t,createElement as n}from"react";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{Tooltip as l}from"../tooltip/index.js";import{RangeFieldStyled as a,RangeFieldLabel as s,RangeFieldFormattedValue as d,RangeFieldRange as m,RangeFieldRangeThumb as p,RangeFieldSkeleton as h,RangeFieldErrorText as c}from"./styled.js";import{Skeleton as u}from"../skeleton/index.js";import{useTooltip as f,TooltipConsumer as b}from"../tooltip/context.js";const v=v=>{var{label:P,error:g,min:x,max:y,step:j,value:k,fullWidth:L=!1,disabled:M=!1,skeleton:T=!1,onChange:E,formatValue:$,onPointerLeave:C}=v,W=e(v,["label","error","min","max","step","value","fullWidth","disabled","skeleton","onChange","formatValue","onPointerLeave"]);const{handleTooltipMouseEnter:A,handleTooltipMouseLeave:O}=f(),[V,w]="number"==typeof k||Array.isArray(k)?[k,E]:o([0]),N=t(e=>{null==w||w(e)},[w]);return r(a,{$fullWidth:L,$disabled:M,onPointerLeave:C,children:[P&&T&&i(s,{children:i(u,{width:100})}),"string"==typeof P&&!T&&i(s,{onPointerLeave:A,onPointerEnter:O,children:P}),"string"!=typeof P&&!T&&P,$&&i(d,{children:$(V)}),!T&&i(l,{label:String(V),disabled:M,children:i(b,{children:({handleTooltipMouseEnter:e,handleTooltipMouseLeave:o,handleTooltipPointerMove:t})=>i(m,Object.assign({},W,{min:x,max:y,step:j,value:V,$disabled:M,disabled:M,classNames:{track:"custom-track"},handleRender:(r,i)=>n(p,Object.assign({},i,{key:r.key,$disabled:M,onPointerMove:t,onPointerEnter:e,onPointerLeave:o}),r),onChange:N}))})}),T&&i(h,{}),g&&i(c,{children:g})]})};export{v as RangeField,c as RangeFieldErrorText,d as RangeFieldFormattedValue,s as RangeFieldLabel,m as RangeFieldRange,p as RangeFieldRangeThumb,h as RangeFieldSkeleton,a as RangeFieldStyled};

package/dist/components/range-field/styled.d.ts

@@ -1,5 +1,5 @@
-import { ReactSliderProps } from 'react-slider';
 import React from 'react';
+import { SliderProps } from 'rc-slider';
 import { RangeFieldValue } from './types';
 export interface RangeFieldStyledProps {
     $fullWidth: boolean;
@@ -7,8 +7,13 @@ export interface RangeFieldStyledProps {
 }
 export declare const RangeFieldStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RangeFieldStyledProps>>;
 export declare const RangeFieldLabel: import("styled-components").IStyledComponent<"web", {
-    children?: React.ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: React.HTMLAttributeAnchorTarget | undefined;
+    children?: React.ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -57,6 +62,10 @@ export declare const RangeFieldLabel: import("styled-components").IStyledCompone
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -265,6 +274,8 @@ export declare const RangeFieldLabel: import("styled-components").IStyledCompone
     onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: React.UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: React.UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: React.WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: React.WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -273,17 +284,20 @@ export declare const RangeFieldLabel: import("styled-components").IStyledCompone
     onAnimationEndCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: React.HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: React.Ref<HTMLSpanElement> | undefined;
 }>;
 export declare const RangeFieldFormattedValue: import("styled-components").IStyledComponent<"web", {
-    ref?: React.LegacyRef<HTMLDivElement> | undefined;
+    ref?: React.Ref<HTMLDivElement> | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -332,6 +346,10 @@ export declare const RangeFieldFormattedValue: import("styled-components").IStyl
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -541,6 +559,8 @@ export declare const RangeFieldFormattedValue: import("styled-components").IStyl
     onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
     onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
     onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
     onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
     onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
     onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
@@ -549,10 +569,18 @@ export declare const RangeFieldFormattedValue: import("styled-components").IStyl
     onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
 }>;
-export declare const RangeFieldRange: React.FC<ReactSliderProps<RangeFieldValue>>;
+export declare const RangeFieldRange: React.FC<SliderProps<RangeFieldValue> & RangeFieldRangeTrackProps>;
 export declare const RangeFieldSkeleton: import("styled-components").IStyledComponent<"web", {
     className?: string | undefined;
     variant?: import("@/ui/components/skeleton").SkeletonVariant | undefined;
@@ -563,17 +591,20 @@ export declare const RangeFieldSkeleton: import("styled-components").IStyledComp
     opacity?: [number, number?] | undefined;
 }>;
 export interface RangeFieldRangeTrackProps {
-    $index: number;
     $disabled: boolean;
 }
-export declare const RangeFieldRangeTrack: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, RangeFieldRangeTrackProps>>;
 export interface RangeFieldRangeThumbProps {
     $disabled: boolean;
 }
 export declare const RangeFieldRangeThumb: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, RangeFieldRangeThumbProps>>;
 export declare const RangeFieldErrorText: import("styled-components").IStyledComponent<"web", {
-    children?: React.ReactNode;
     variant?: import("@/ui/components/typography").TypographyVariant | undefined;
+    component?: import("@/ui/components/typography").TypographyComponent | undefined;
+    align?: import("@/ui/components/typography").TypographyAlign | undefined;
+    fullWidth?: boolean | undefined;
+    href?: string | undefined;
+    target?: React.HTMLAttributeAnchorTarget | undefined;
+    children?: React.ReactNode;
     hidden?: boolean | undefined | undefined;
     color?: string | undefined | undefined;
     content?: string | undefined | undefined;
@@ -622,6 +653,10 @@ export declare const RangeFieldErrorText: import("styled-components").IStyledCom
     results?: number | undefined | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
     inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
     is?: string | undefined | undefined;
     exportparts?: string | undefined | undefined;
@@ -830,6 +865,8 @@ export declare const RangeFieldErrorText: import("styled-components").IStyledCom
     onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
     onScroll?: React.UIEventHandler<HTMLSpanElement> | undefined;
     onScrollCapture?: React.UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEnd?: React.UIEventHandler<HTMLSpanElement> | undefined;
+    onScrollEndCapture?: React.UIEventHandler<HTMLSpanElement> | undefined;
     onWheel?: React.WheelEventHandler<HTMLSpanElement> | undefined;
     onWheelCapture?: React.WheelEventHandler<HTMLSpanElement> | undefined;
     onAnimationStart?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
@@ -838,12 +875,15 @@ export declare const RangeFieldErrorText: import("styled-components").IStyledCom
     onAnimationEndCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIteration?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
+    onToggle?: React.ToggleEventHandler<HTMLSpanElement> | undefined;
+    onBeforeToggle?: React.ToggleEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancel?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionCancelCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
-    target?: React.HTMLAttributeAnchorTarget | undefined;
-    href?: string | undefined;
-    align?: import("@/ui/components/typography").TypographyAlign | undefined;
-    component?: import("@/ui/components/typography").TypographyComponent | undefined;
-    fullWidth?: boolean | undefined;
-    ref?: ((instance: HTMLSpanElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLSpanElement> | null | undefined;
+    onTransitionRun?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionRunCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStart?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    onTransitionStartCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
+    ref?: React.Ref<HTMLSpanElement> | undefined;
 }>;

package/dist/components/range-field/styled.js

@@ -1,23 +1,23 @@
-import{styled as e,css as i}from"styled-components";import t from"react-slider";import{Typography as o}from"../typography/index.js";import{Skeleton as a}from"../skeleton/index.js";import{adaptive as d}from"../../adaptive/index.js";const l=e.div.withConfig({displayName:"styled__RangeFieldStyled",componentId:"sc-1bb2wns-0"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;"," "," ",""],(({$fullWidth:e})=>!e&&i`
+import{styled as e,css as i}from"styled-components";import t from"rc-slider";import{Typography as o}from"../typography/index.js";import{Skeleton as a}from"../skeleton/index.js";import{adaptive as r}from"../../adaptive/index.js";const d=e.div.withConfig({displayName:"styled__RangeFieldStyled",componentId:"sc-1bb2wns-0"})(["display:flex;flex-direction:column;align-items:flex-start;width:100%;z-index:1;"," "," ",""],({$fullWidth:e})=>!e&&i`
       max-width: 240px;
-    `),(({$disabled:e})=>e&&i`
+    `,({$disabled:e})=>e&&i`
       cursor: not-allowed;
-    `),(({$disabled:e})=>!e&&i`
+    `,({$disabled:e})=>!e&&i`
       cursor: default;
-    `)),n=e(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__RangeFieldLabel",componentId:"sc-1bb2wns-1"})(["display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:inherit;width:100%;"]),s=e.div.withConfig({displayName:"styled__RangeFieldFormattedValue",componentId:"sc-1bb2wns-2"})(["display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:8px;border:1px solid ",";background:",";font-size:14px;line-height:18px;font-weight:400;width:100%;color:",";margin-bottom:4px;"],(({theme:e})=>e.colors.grayScale.gray2),(({theme:e})=>e.colors.grayScale.gray4),(({theme:e})=>e.colors.base.white)),r=e(t).withConfig({displayName:"styled__RangeFieldRange",componentId:"sc-1bb2wns-3"})(["display:flex;align-items:center;width:100%;height:16px;"]),p=e(a).withConfig({displayName:"styled__RangeFieldSkeleton",componentId:"sc-1bb2wns-4"})(["width:100%;height:16px;"]),c=e.div.withConfig({displayName:"styled__RangeFieldRangeTrack",componentId:"sc-1bb2wns-5"})(["display:flex;height:8px;background:",";border-radius:4px;"," ",""],(({theme:e,$index:i,$disabled:t})=>1===i?e.colors.grayScale.gray3:t?e.colors.grayScale.gray1:e.colors.accent.primary),(({$disabled:e})=>e&&i`
+    `),l=e(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__RangeFieldLabel",componentId:"sc-1bb2wns-1"})(["display:flex;align-items:center;gap:8px;margin-bottom:10px;cursor:inherit;width:100%;"]),n=e.div.withConfig({displayName:"styled__RangeFieldFormattedValue",componentId:"sc-1bb2wns-2"})(["display:flex;align-items:center;gap:8px;padding:14px 16px;border-radius:8px;border:1px solid ",";background:",";font-size:14px;line-height:18px;font-weight:400;width:100%;color:",";margin-bottom:4px;"],({theme:e})=>e.colors.grayScale.gray2,({theme:e})=>e.colors.grayScale.gray4,({theme:e})=>e.colors.base.white),s=e(t).withConfig({displayName:"styled__RangeFieldRange",componentId:"sc-1bb2wns-3"})(["display:flex;align-items:center;width:100%;height:16px;position:relative;&:before{content:'';z-index:-1;position:absolute;top:0;margin:auto;border-radius:4px;background:",";height:8px;width:100%;left:0;right:0;bottom:0;}border-radius:4px;.custom-track{display:flex;border-radius:4px 0 0 4px;height:8px;background:","};"," ","}"],({theme:e})=>e.colors.grayScale.gray3,({theme:e,$disabled:i})=>i?e.colors.grayScale.gray1:e.colors.accent.primary,({$disabled:e})=>e&&i`
+        cursor: not-allowed;
+      `,({$disabled:e})=>!e&&i`
+        cursor: pointer;
+      `),p=e(a).withConfig({displayName:"styled__RangeFieldSkeleton",componentId:"sc-1bb2wns-4"})(["width:100%;height:16px;"]),c=e.span.withConfig({displayName:"styled__RangeFieldRangeThumb",componentId:"sc-1bb2wns-5"})(["display:inline-flex;position:relative;flex-shrink:0;border-radius:50%;background:",";outline:none;"," "," "," ",""],({theme:e})=>e.default.colors.base.white,({$disabled:e})=>e&&i`
       cursor: not-allowed;
-    `),(({$disabled:e})=>!e&&i`
+    `,({$disabled:e})=>!e&&i`
       cursor: pointer;
-    `)),g=e.span.withConfig({displayName:"styled__RangeFieldRangeThumb",componentId:"sc-1bb2wns-6"})(["display:inline-flex;position:relative;flex-shrink:0;border-radius:50%;background:",";outline:none;"," "," "," ",""],(({theme:e})=>e.default.colors.base.white),(({$disabled:e})=>e&&i`
-      cursor: not-allowed;
-    `),(({$disabled:e})=>!e&&i`
-      cursor: pointer;
-    `),d({merge:!0,desktop:i`
+    `,r({merge:!0,desktop:i`
       width: 16px;
       height: 16px;
     `,tablet:i`
       width: 20px;
       height: 20px;
-    `}),(({theme:e})=>"light"===e.mode&&i`
+    `}),({theme:e})=>"light"===e.mode&&i`
       box-shadow: 0px 0px 0px 1px ${e.default.colors.grayScale.gray6};
-    `)),m=e(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__RangeFieldErrorText",componentId:"sc-1bb2wns-7"})(["display:inline-flex;margin-top:8px;color:",";"],(({theme:e})=>e.colors.critic));export{m as RangeFieldErrorText,s as RangeFieldFormattedValue,n as RangeFieldLabel,r as RangeFieldRange,g as RangeFieldRangeThumb,c as RangeFieldRangeTrack,p as RangeFieldSkeleton,l as RangeFieldStyled};
+    `),m=e(o).attrs({variant:"input-sm"}).withConfig({displayName:"styled__RangeFieldErrorText",componentId:"sc-1bb2wns-6"})(["display:inline-flex;margin-top:8px;color:",";"],({theme:e})=>e.colors.critic);export{m as RangeFieldErrorText,n as RangeFieldFormattedValue,l as RangeFieldLabel,s as RangeFieldRange,c as RangeFieldRangeThumb,p as RangeFieldSkeleton,d as RangeFieldStyled};

package/dist/components/referral/card/index.js

@@ -1 +1 @@
-import{__rest as e}from"tslib";import{jsx as r,jsxs as t}from"react/jsx-runtime";import{ReferralCardStyled as i,ReferralCardContent as l,ReferralCardTop as o,ReferralCardMain as s,ReferralCardAI as n,ReferralCardAIName as d,ReferralCardInfo as a,ReferralCardName as c,ReferralCardPrice as m,ReferralCardPriceProgress as p,ReferralCardPriceRange as h,ReferralCardPriceRangeText as k,ReferralCardBottom as j,ReferralCardDateCreated as w}from"./styled.js";export{ReferralCardTable,ReferralCardTableCell,ReferralCardTableHeadCell,ReferralCardTableRow,ReferralCardWithdrawButton}from"./styled.js";import{Skeleton as x}from"../../skeleton/index.js";import"react";import"./link/styled.js";import"../../icon/styled.js";import"@react-spring/web";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"../../../icons/check-small/index.js";import"../../../icons/copy/index.js";const f=f=>{var{className:y,withdraw:C,children:b}=f,R=e(f,["className","withdraw","children"]);return r(i,{className:y,children:t(l,{children:[t(o,{children:[t(s,{children:[!R.skeleton&&R.aiName&&r(n,{children:r(d,{children:R.aiName})}),t(a,{children:[t(c,{children:[!R.skeleton&&R.name,R.skeleton&&r(x,{width:265})]}),t(m,{children:[!R.skeleton&&r(p,Object.assign({},R.price)),R.skeleton&&r(p,{skeleton:!0}),t(h,{children:[t(k,{children:[!R.skeleton&&R.price.minText,R.skeleton&&r(x,{width:60})]}),t(k,{children:[!R.skeleton&&R.price.maxText,R.skeleton&&r(x,{width:60})]})]})]})]})]}),b]}),t(j,{children:[C,t(w,{children:[!R.skeleton&&R.dateCreated,R.skeleton&&r(x,{width:330})]})]})]})})};export{f as ReferralCard,n as ReferralCardAI,d as ReferralCardAIName,j as ReferralCardBottom,l as ReferralCardContent,w as ReferralCardDateCreated,a as ReferralCardInfo,s as ReferralCardMain,c as ReferralCardName,m as ReferralCardPrice,p as ReferralCardPriceProgress,h as ReferralCardPriceRange,k as ReferralCardPriceRangeText,i as ReferralCardStyled,o as ReferralCardTop};
+import{__rest as e}from"tslib";import{jsx as r,jsxs as t}from"react/jsx-runtime";import{ReferralCardStyled as i,ReferralCardContent as l,ReferralCardTop as o,ReferralCardMain as n,ReferralCardAI as s,ReferralCardAIName as d,ReferralCardInfo as a,ReferralCardName as c,ReferralCardPrice as m,ReferralCardPriceProgress as p,ReferralCardPriceRange as h,ReferralCardPriceRangeText as k,ReferralCardBottom as j,ReferralCardDateCreated as w}from"./styled.js";export{ReferralCardTable,ReferralCardTableCell,ReferralCardTableHeadCell,ReferralCardTableRow,ReferralCardWithdrawButton}from"./styled.js";import{Skeleton as x}from"../../skeleton/index.js";import"react";import"./link/styled.js";import"../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../portal/styled.js";import"../../tooltip/styled.js";import"../../tooltip/arrow/styled.js";import"../../../theme/index.js";import"../../tooltip/context.js";import"../../../icons/check-small/index.js";import"../../../icons/copy/index.js";const f=f=>{var{className:y,withdraw:C,children:b}=f,R=e(f,["className","withdraw","children"]);return r(i,{className:y,children:t(l,{children:[t(o,{children:[t(n,{children:[!R.skeleton&&R.aiName&&r(s,{children:r(d,{children:R.aiName})}),t(a,{children:[t(c,{children:[!R.skeleton&&R.name,R.skeleton&&r(x,{width:265})]}),t(m,{children:[!R.skeleton&&r(p,Object.assign({},R.price)),R.skeleton&&r(p,{skeleton:!0}),t(h,{children:[t(k,{children:[!R.skeleton&&R.price.minText,R.skeleton&&r(x,{width:60})]}),t(k,{children:[!R.skeleton&&R.price.maxText,R.skeleton&&r(x,{width:60})]})]})]})]})]}),b]}),t(j,{children:[C,t(w,{children:[!R.skeleton&&R.dateCreated,R.skeleton&&r(x,{width:330})]})]})]})})};export{f as ReferralCard,s as ReferralCardAI,d as ReferralCardAIName,j as ReferralCardBottom,l as ReferralCardContent,w as ReferralCardDateCreated,a as ReferralCardInfo,n as ReferralCardMain,c as ReferralCardName,m as ReferralCardPrice,p as ReferralCardPriceProgress,h as ReferralCardPriceRange,k as ReferralCardPriceRangeText,i as ReferralCardStyled,o as ReferralCardTop};

package/dist/components/referral/card/link/index.js

@@ -1 +1 @@
-import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useState as r,useCallback as i}from"react";import{ReferralCardLinkStyled as e,ReferralCardLinkText as s,ReferralCardLinkCopyIcon as m}from"./styled.js";import"tslib";import{IconProvider as c}from"../../../icon/context.js";import"../../../icon/styled.js";import"@react-spring/web";import"react-dom";import"../../../portal/styled.js";import"../../../tooltip/styled.js";import"../../../tooltip/arrow/styled.js";import"../../../../theme/index.js";import"../../../tooltip/context.js";import{CheckSmallIcon as n}from"../../../../icons/check-small/index.js";import{CopyIcon as l}from"../../../../icons/copy/index.js";import{useTheme as p}from"../../../../theme/hook.js";const a=({className:a,tabIndex:d=0,children:j,onCopy:x})=>{const f=p(),[h,y]=r(!1),[u,b]=r(!1),k=i((()=>{y(!0)}),[]),w=i((()=>{y(!1),b(!1)}),[]),C=i((()=>{u||(null==x||x(j),b(!0))}),[u,j,x]);return o(c,{size:18,fill:f.colors.accent.primary,children:t(e,{className:a,tabIndex:d,onFocus:k,onBlur:w,onClick:C,children:[o(s,{children:j}),o(m,{as:h?n:l})]})})};export{a as ReferralCardLink};
+import{jsx as o,jsxs as t}from"react/jsx-runtime";import{useState as r,useCallback as i}from"react";import{ReferralCardLinkStyled as e,ReferralCardLinkText as m,ReferralCardLinkCopyIcon as s}from"./styled.js";import"tslib";import{IconProvider as c}from"../../../icon/context.js";import"../../../icon/styled.js";import"@react-spring/web";import"react-markdown";import"react-dom";import"../../../portal/styled.js";import"../../../tooltip/styled.js";import"../../../tooltip/arrow/styled.js";import"../../../../theme/index.js";import"../../../tooltip/context.js";import{CheckSmallIcon as n}from"../../../../icons/check-small/index.js";import{CopyIcon as p}from"../../../../icons/copy/index.js";import{useTheme as l}from"../../../../theme/hook.js";const a=({className:a,tabIndex:d=0,children:j,onCopy:x})=>{const f=l(),[h,y]=r(!1),[u,b]=r(!1),k=i(()=>{y(!0)},[]),w=i(()=>{y(!1),b(!1)},[]),C=i(()=>{u||(null==x||x(j),b(!0))},[u,j,x]);return o(c,{size:18,fill:f.colors.accent.primary,children:t(e,{className:a,tabIndex:d,onFocus:k,onBlur:w,onClick:C,children:[o(m,{children:j}),o(s,{as:h?n:p})]})})};export{a as ReferralCardLink};