@tap-payments/os-micro-frontend-shared 0.3.145 → 0.3.146-test.1

package/build/_chunks/chunk-VQ5JQ5KI.js

@@ -1 +0,0 @@
-import {yc}from'./chunk-3DEK3VMQ.js';import {memo,useId}from'react';import {styled}from'@mui/material/styles';import f from'@mui/material/Radio';import {jsx}from'react/jsx-runtime';var e={color:"#8C9196",checkedColor:"#1F88D0",disabledColor:"#C7C7CC"},n={small:{iconSize:15,maxWidth:"24px"}},g=styled("span")(()=>({borderRadius:"50%",width:"12px",height:"12px",boxSizing:"border-box",boxShadow:"inset 0 0 0 1px rgba(16,22,26,.2), inset 0 -1px 0 rgba(16,22,26,.1)"})),l=styled(g)({backgroundColor:e.checkedColor,"&::before":{display:"block",width:"12px",height:"12px",backgroundColor:e.checkedColor,borderRadius:"50%",backgroundImage:"radial-gradient(#fff,#fff 28%,transparent 32%)",content:'""'}}),c=styled(f,{shouldForwardProp:o=>!["iconSize","checkedColor","disabledColor","hoverColor"].includes(o)})(({iconSize:o,checkedColor:d,disabledColor:t,hoverColor:r})=>({"& .MuiSvgIcon-root":{fontSize:o||n.small.iconSize},maxWidth:n.small.maxWidth,cursor:"pointer",color:e.color,"&.Mui-checked":{color:d||e.checkedColor},"&:hover":r?{backgroundColor:"transparent",color:r}:void 0,"&.Mui-disabled":{color:t||e.disabledColor}}));function p({size:o="small",customCheckedIcon:d,checkedColor:t,disabledColor:r,hoverColor:m,iconSize:u,showRipple:h=false,sx:C,...x}){let b=yc(useId(),"radio-button");return jsx(c,{id:b,"data-testid":"RadioButton",size:o==="large"?"medium":o,disableRipple:!h,checkedIcon:d||jsx(l,{}),iconSize:u,checkedColor:t,disabledColor:r,hoverColor:m,sx:C,...x})}p.displayName="RadioButton";var k=memo(p);export{k as a};

package/build/_chunks/chunk-WQZQGDP6.js

@@ -1 +0,0 @@
-import {a}from'./chunk-VQ5JQ5KI.js';import {yc}from'./chunk-3DEK3VMQ.js';import {memo,useId,useMemo}from'react';import L from'@mui/material/RadioGroup';import {styled}from'@mui/material/styles';import y from'@mui/material/FormControlLabel';import {FormControl,FormLabel,Stack}from'@mui/material';import {jsxs,jsx}from'react/jsx-runtime';var R=styled(y,{shouldForwardProp:o=>!["size","showHoverEffects","labelSx"].includes(o)})(({size:o="small",showHoverEffects:e=true,labelSx:r})=>({margin:"0",width:"100%",cursor:"pointer",padding:o==="small"?"7.5px 16px 7.5px 8px":o==="medium"?"9px 16px 9px 10px":"11px 16px 11px 12px",maxHeight:o==="small"?"35px":o==="medium"?"40px":"45px",...e&&{"&:hover":{boxShadow:"0px 0px 16px 0px #00000021",borderLeft:"1px solid transparent"}},"& .MuiFormControlLabel-label":{fontSize:o==="small"?"11px":o==="medium"?"13px":"15px",fontWeight:"500",color:"#20232B",width:"100%",cursor:"pointer",...r},"& .MuiRadio-root":{cursor:"pointer",color:"#8C9196","&.Mui-checked":{color:"#1F88D0"}}}));function k({option:o,size:e="small",customLabelRenderer:r,labelPosition:m="end",showHoverEffects:i=true,customRadioProps:n,labelSx:s,icon:l,...d}){let p=r?r(o):o.label,u=useMemo(()=>l?jsxs(Stack,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[p,jsx("img",{alt:"icon",...l})]}):p,[l,p]);return jsx(R,{value:o.value,control:jsx(a,{size:e,...n,...o.customProps}),label:u,disabled:o.disabled,size:e,labelPlacement:m,showHoverEffects:i,labelSx:s,...d})}function h({options:o,onOptionChange:e,size:r="small",customLabelRenderer:m,layout:i="vertical",spacing:n=0,labelPosition:s="end",showHoverEffects:l=true,customRadioProps:d,labelSx:p,onChange:u,title:c,sx:g,...S}){let v=t=>{let x=t.target.value;e?.(x),u?.(t,x);},w=yc(useId(),"radio-group");return jsxs(FormControl,{id:w,"data-testid":"RadioGroup",children:[typeof c=="string"?jsx(FormLabel,{children:c}):c,jsx(L,{onChange:v,sx:{display:"flex",flexDirection:i==="horizontal"?"row":"column",gap:n,...g},...S,children:o.map(t=>jsx(k,{icon:t.icon,option:t,size:r,customLabelRenderer:m,labelPosition:s,showHoverEffects:l,customRadioProps:d,labelSx:p},t.value))})]})}h.displayName="RadioGroup";var B=memo(h);export{B as a};

package/build/components/RadioButton/RadioButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { RadioButtonProps } from './type';
-declare function RadioButton({ size, customCheckedIcon, checkedColor, disabledColor, hoverColor, iconSize, showRipple, sx, ...props }: RadioButtonProps): import("react").JSX.Element;
-declare namespace RadioButton {
-    var displayName: string;
-}
-declare const _default: import("react").MemoExoticComponent<typeof RadioButton>;
-export default _default;

package/build/components/RadioButton/index.d.ts

@@ -1,2 +0,0 @@
-export { default as RadioButton } from './RadioButton';
-export type { RadioButtonProps } from './type';

package/build/components/RadioButton/index.js

@@ -1 +0,0 @@
-export{a as RadioButton}from'../../_chunks/chunk-VQ5JQ5KI.js';import'../../_chunks/chunk-3DEK3VMQ.js';import'../../_chunks/chunk-MQP3RGOO.js';import'../../_chunks/chunk-7567D5HA.js';import'../../_chunks/chunk-VWSQS7GB.js';

package/build/components/RadioButton/style.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export declare const DEFAULT_COLORS: {
-    readonly color: "#8C9196";
-    readonly checkedColor: "#1F88D0";
-    readonly disabledColor: "#C7C7CC";
-};
-export declare const SIZE_CONFIG: {
-    readonly small: {
-        readonly iconSize: 15;
-        readonly maxWidth: "24px";
-    };
-    readonly medium: {
-        readonly iconSize: 18;
-        readonly maxWidth: "28px";
-    };
-    readonly large: {
-        readonly iconSize: 20;
-        readonly maxWidth: "32px";
-    };
-};
-export declare const StyledRadioCheckedIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, {}, {}>;
-export declare const StyledRadio: import("@emotion/styled").StyledComponent<import("@mui/material/Radio").RadioProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
-    iconSize?: number | undefined;
-    checkedColor?: string | undefined;
-    disabledColor?: string | undefined;
-    hoverColor?: string | undefined;
-}, {}, {}>;

package/build/components/RadioButton/type.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { RadioProps, SxProps, Theme } from '@mui/material';
-export interface RadioButtonProps extends Omit<RadioProps, 'checkedIcon' | 'icon' | 'color' | 'size'> {
-    size?: 'small' | 'medium' | 'large';
-    customCheckedIcon?: React.ReactNode;
-    checkedColor?: string;
-    disabledColor?: string;
-    hoverColor?: string;
-    iconSize?: number;
-    showRipple?: boolean;
-    sx?: SxProps<Theme>;
-}

package/build/components/ToggleButtons/ToggleButtons.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { ToggleButtonsProps, ToggleOptionKey } from './type';
-declare const ToggleButtons: <T extends ToggleOptionKey>({ options, activeKey, onChange, containerProps, buttonProps }: ToggleButtonsProps<T>) => import("react").JSX.Element;
-export default ToggleButtons;

package/build/components/ToggleButtons/index.d.ts

@@ -1,3 +0,0 @@
-import ToggleButtons from './ToggleButtons';
-export * from './type';
-export default ToggleButtons;

package/build/components/ToggleButtons/index.js

@@ -1 +0,0 @@
-export{a as default}from'../../_chunks/chunk-IJD4D5CR.js';import'../../_chunks/chunk-3DEK3VMQ.js';import'../../_chunks/chunk-MQP3RGOO.js';import'../../_chunks/chunk-7567D5HA.js';import'../../_chunks/chunk-VWSQS7GB.js';

package/build/components/ToggleButtons/style.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ToggleButtonProps } from './type';
-export declare const ToggleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const ToggleButton: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleButtonProps, {}, {}>;

package/build/components/ToggleButtons/type.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-import { BoxProps } from '@mui/material';
-export interface ToggleButtonProps {
-    active: boolean;
-}
-export type ToggleOptionKey = string | number;
-export interface ToggleOption<T extends ToggleOptionKey> {
-    key: T;
-    content: ReactNode;
-}
-export interface ToggleButtonsProps<T extends ToggleOptionKey> {
-    options: ToggleOption<T>[];
-    activeKey: T;
-    onChange: (key: T) => void;
-    containerProps?: BoxProps;
-    buttonProps?: BoxProps;
-}