@jenesei-software/jenesei-kit-react 1.3.9 → 1.3.10

package/build/index.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-D7906bXA.cjs"),t=require("./area.hooks-C_UKZzcb.cjs"),o=require("./area-DnAf310m.cjs"),r=require("./area-C6QOr2Kd.cjs"),p=require("./area-C3wR_pPr.cjs"),s=require("./component--Oo5_3xq.cjs"),n=require("./component.styles-Bfhg18CX.cjs"),a=require("./component-u_42PteJ.cjs"),i=require("./component-BiNPQpCQ.cjs"),x=require("./component.styles-BuzZQhqS.cjs"),c=require("./component.styles-8tkaznu_.cjs"),l=require("./component.types-ydMLhabS.cjs"),u=require("./component.styles-DSle6iuF.cjs"),d=require("./component.types-DraGq1j_.cjs"),S=require("./component.styles-DLU0S0KI.cjs"),D=require("./component-DHq4T6Ku.cjs"),I=require("./component.styles--Ug3PJQ6.cjs"),E=require("./component.constants-DwRduxMm.cjs"),T=require("./component-Dn-VRY7-.cjs"),_=require("./component.styles-Crx4pACx.cjs"),A=require("./component.styles-CISd4naT.cjs"),O=require("./component.components-H_qAeBHw.cjs"),L=require("./component.constants-veAUxKBd.cjs"),C=require("./component.styles-DhAMCZ71.cjs"),m=require("./component.styles-Dpg-__rn.cjs"),P=require("./component-CLqcB5mM.cjs"),g=require("./component.styles-o7GmI4Ap.cjs"),R=require("./component.styles-CLn52hJD.cjs"),N=require("./component-BV_7tGiu.cjs"),y=require("./component.styles-Db3HLiuV.cjs"),M=require("./component.styles-Cje8zTpf.cjs"),h=require("./component-CACoGUK9.cjs"),U=require("./consts.cjs.js"),G=require("./context.hooks-BDEwJHqB.cjs"),F=require("./context.functions-80N-5MqM.cjs"),k=require("./context.constants-CTfUKury.cjs"),j=require("./context.hooks-u408Pxw8.cjs"),W=require("./context.functions-ohI9H54j.cjs"),B=require("./context.functions-ar41xFVo.cjs"),b=require("./context.hooks-D13tbrva.cjs"),v=require("./context.hooks-BIsapq-0.cjs"),q=require("./context.constants-CV8ycctl.cjs"),z=require("./functions.cjs.js"),f=require("./use-IhzeVumv.cjs"),V=require("./use-C1l0O0Qo.cjs"),w=require("./style-mc2ST5fY.cjs"),K=require("./style-B5u4pW5G.cjs"),X=require("./motion-DgB7M2Hn.cjs"),Z=require("./style-fRZ6xrVp.cjs"),H=require("./theme.global-B9t2Fi10.cjs");exports.Outside=e.Outside,exports.useRemovePreviewLoader=t.useRemovePreviewLoader,exports.Preview=o.Preview,exports.Scroll=r.Scroll,exports.StyledScroll=r.StyledScroll,exports.Skeleton=p.Skeleton,exports.StyledSkeleton=p.StyledSkeleton,exports.Smooth=s.Smooth,exports.Accordion=n.Accordion,exports.AccordionDetails=n.AccordionDetails,exports.AccordionStyledIcon=n.AccordionStyledIcon,exports.AccordionSummary=n.AccordionSummary,exports.AccordionSummaryContent=n.AccordionSummaryContent,exports.AccordionWrapper=n.AccordionWrapper,exports.Button=a.Button,exports.ButtonSize=a.ButtonSize,exports.ButtonSizeConstructor=a.ButtonSizeConstructor,exports.StyledButton=a.StyledButton,exports.StyledButtonIconsWrapper=a.StyledButtonIconsWrapper,exports.ButtonGroup=i.ButtonGroup,exports.ButtonGroupWrapper=i.ButtonGroupWrapper,exports.Checkbox=x.Checkbox,exports.CheckboxGenre=x.CheckboxGenre,exports.CheckboxSize=x.CheckboxSize,exports.CheckboxSizeConstructor=x.CheckboxSizeConstructor,exports.CheckboxWrapper=x.CheckboxWrapper,exports.StyledIcon=x.StyledIcon,exports.CheckboxChildren=c.CheckboxChildren,exports.CheckboxGroup=c.CheckboxGroup,exports.CheckboxGroupItem=c.CheckboxGroupItem,exports.CheckboxGroupLabel=c.CheckboxGroupLabel,exports.CheckboxGroupSize=c.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=c.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=c.CheckboxGroupWrapper,exports.DateDropdownDay=l.DateDropdownDay,exports.DateDropdownDayOfWeek=l.DateDropdownDayOfWeek,exports.DateDropdownDays=l.DateDropdownDays,exports.DateDropdownList=l.DateDropdownList,exports.DateDropdownListParent=l.DateDropdownListParent,exports.DateInput=l.DateInput,exports.DateInputButton=l.DateInputButton,exports.DateInputWrapper=l.DateInputWrapper,exports.DatePicker=l.DatePicker,exports.DatePickerVariant=l.DatePickerVariant,exports.DateWrapper=l.DateWrapper,exports.addDateDropdownDaySize=l.addDateDropdownDaySize,exports.addDateInputButtonSize=l.addDateInputButtonSize,exports.addDateInputWrapperSize=l.addDateInputWrapperSize,exports.Icon=u.Icon,exports.StyledSVG=u.StyledSVG,exports.ENUM_ICON_BUSTMARKET=d.ENUM_ICON_BUSTMARKET,exports.ENUM_ICON_CHECKBOX=d.ENUM_ICON_CHECKBOX,exports.ENUM_ICON_ID=d.ENUM_ICON_ID,exports.ENUM_ICON_LOADING=d.ENUM_ICON_LOADING,exports.ENUM_ICON_LOGO=d.ENUM_ICON_LOGO,exports.ENUM_ICON_REALEBAIL=d.ENUM_ICON_REALEBAIL,exports.Image=S.Image,exports.ImageIMG=S.ImageIMG,exports.ImageButton=D.ImageButton,exports.ImageSelect=I.ImageSelect,exports.ImageSelectListSize=I.ImageSelectListSize,exports.ImageSelectListSizeConstructor=I.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=I.ImageSelectListWrapper,exports.ImageSelectSize=I.ImageSelectSize,exports.ImageSelectSizeConstructor=I.ImageSelectSizeConstructor,exports.ImageSelectWrapper=I.ImageSelectWrapper,exports.IMAGES=E.IMAGES,exports.ImageSlider=E.ImageSlider,exports.SliderDot=E.SliderDot,exports.SliderImage=E.SliderImage,exports.Input=T.Input,exports.formatPhoneNumber=T.formatPhoneNumber,exports.InputPostfixChildren=_.InputPostfixChildren,exports.InputPrefixChildren=_.InputPrefixChildren,exports.InputSize=_.InputSize,exports.InputSizeConstructor=_.InputSizeConstructor,exports.StyledInput=_.StyledInput,exports.StyledInputCSS=_.StyledInputCSS,exports.StyledInputNumeric=_.StyledInputNumeric,exports.StyledInputPattern=_.StyledInputPattern,exports.StyledInputWrapper=_.StyledInputWrapper,exports.StyledMotionInput=_.StyledMotionInput,exports.addInputIsInputEffect=_.addInputIsInputEffect,exports.addInputPlaceholder=_.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=_.addInputPlaceholderNiceNumber,exports.InputOTP=A.InputOTP,exports.InputOTPSize=A.InputOTPSize,exports.InputOTPSizeConstructor=A.InputOTPSizeConstructor,exports.InputOTPWrapper=A.InputOTPWrapper,exports.CustomZoomControl=O.CustomZoomControl,exports.DEFAULT_MAP_CENTER=O.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=O.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=O.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=O.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=O.DEFAULT_MAP_ZOOM,exports.MapCluster=O.MapCluster,exports.MapDot=O.MapDot,exports.MapWrapper=O.MapWrapper,exports.MarkerCluster=O.MarkerCluster,exports.UpdateMapSettings=O.UpdateMapSettings,exports.createClusterIcon=O.createClusterIcon,exports.customDefaultIcon=O.customDefaultIcon,exports.customTextIcon=O.customTextIcon,exports.DEFAULT_COMPONENT_PAGINATION_GAP=L.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=L.Pagination,exports.Range=C.Range,exports.RangeThumb=C.RangeThumb,exports.RangeTrack=C.RangeTrack,exports.RangeWrapper=C.RangeWrapper,exports.DEFAULT_RIPPLE_DURATION=m.DEFAULT_RIPPLE_DURATION,exports.DEFAULT_RIPPLE_ID=m.DEFAULT_RIPPLE_ID,exports.RippleContainer=m.RippleContainer,exports.RippleSpan=m.RippleSpan,exports.addRipple=m.addRipple,exports.addRippleDefault=m.addRippleDefault,exports.Ripple=P.Ripple,exports.ButtonList=g.ButtonList,exports.ContainerDropdownListOption=g.ContainerDropdownListOption,exports.ContainerSelectListOption=g.ContainerSelectListOption,exports.DropdownList=g.DropdownList,exports.DropdownListOption=g.DropdownListOption,exports.DropdownListOptionIcon=g.DropdownListOptionIcon,exports.DropdownListParent=g.DropdownListParent,exports.Select=g.Select,exports.SelectLanguage=g.SelectLanguage,exports.SelectList=g.SelectList,exports.SelectListOption=g.SelectListOption,exports.SelectMapTheme=g.SelectMapTheme,exports.SelectMonth=g.SelectMonth,exports.SelectMonths=g.SelectMonths,exports.SelectTextArea=g.SelectTextArea,exports.SelectWrapper=g.SelectWrapper,exports.SelectYear=g.SelectYear,exports.Separator=R.Separator,exports.SeparatorWrapper=R.SeparatorWrapper,exports.Stack=N.Stack,exports.StackMotion=N.StackMotion,exports.StyledStack=N.StyledStack,exports.StyledStackMotion=N.StyledStackMotion,exports.StyledTextArea=y.StyledTextArea,exports.TextArea=y.TextArea,exports.TextAreaWrapper=y.TextAreaWrapper,exports.addTextArea=y.addTextArea,exports.Toggle=M.Toggle,exports.ToggleCenter=M.ToggleCenter,exports.ToggleWrapper=M.ToggleWrapper,exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=h.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=h.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Title=h.Title,exports.Tooltip=h.Tooltip,exports.TooltipBox=h.TooltipBox,exports.TooltipContainer=h.TooltipContainer,exports.TooltipContent=h.TooltipContent,exports.Typography=h.Typography,exports.TypographyLink=h.TypographyLink,exports.TypographyTooltip=h.TypographyTooltip,exports.addSXTypography=h.addSXTypography,exports.addTooltipBoxSize=h.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=h.addTooltipBoxSizeConstructor,exports.getFontSizeStyles=h.getFontSizeStyles,exports.ImageSupportedFormats=U.ImageSupportedFormats,exports.ImageSupportedFormatsForInput=U.ImageSupportedFormatsForInput,exports.KeysLanguage=U.KeysLanguage,exports.KeysService=U.KeysService,exports.ListLanguage=U.ListLanguage,exports.ListService=U.ListService,exports.LoremIpsumText=U.LoremIpsumText,exports.MapThemeList=U.MapThemeList,exports.ObjectLanguage=U.ObjectLanguage,exports.ObjectService=U.ObjectService,exports.localeInput=U.localeInput,exports.localeMonths=U.localeMonths,exports.localeWeeks=U.localeWeeks,exports.AppContext=G.AppContext,exports.ProviderApp=G.ProviderApp,exports.ProviderAppOutlet=G.ProviderAppOutlet,exports.ProviderAppOutletChildren=G.ProviderAppOutletChildren,exports.ProviderAppOutletFooter=G.ProviderAppOutletFooter,exports.ProviderAppOutletHeader=G.ProviderAppOutletHeader,exports.ProviderAppOutletLeftAside=G.ProviderAppOutletLeftAside,exports.ProviderAppOutletNav=G.ProviderAppOutletNav,exports.ProviderAppOutletNotification=G.ProviderAppOutletNotification,exports.ProviderAppOutletRightAside=G.ProviderAppOutletRightAside,exports.ProviderAppWrapper=G.ProviderAppWrapper,exports.useApp=G.useApp,exports.useBgColor=G.useBgColor,exports.useBgImage=G.useBgImage,exports.useDescription=G.useDescription,exports.useStatusBarColor=G.useStatusBarColor,exports.CookieContext=F.CookieContext,exports.ProviderCookie=F.ProviderCookie,exports.getFromCookie=F.getFromCookie,exports.setToCookie=F.setToCookie,exports.useCookie=F.useCookie,exports.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT=k.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,exports.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT=k.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING=k.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,exports.DialogContent=k.DialogContent,exports.DialogContext=k.DialogContext,exports.DialogElementWrapper=k.DialogElementWrapper,exports.DialogLayout=k.DialogLayout,exports.ProviderDialog=k.ProviderDialog,exports.useDialog=k.useDialog,exports.useDialogs=k.useDialogs,exports.GeolocationContext=j.GeolocationContext,exports.ProviderGeolocation=j.ProviderGeolocation,exports.useGeolocation=j.useGeolocation,exports.LocalStorageContext=W.LocalStorageContext,exports.ProviderLocalStorage=W.ProviderLocalStorage,exports.getFromLocalStorage=W.getFromLocalStorage,exports.setToLocalStorage=W.setToLocalStorage,exports.useLocalStorage=W.useLocalStorage,exports.urlBase64ToUint8Array=B.urlBase64ToUint8Array,exports.PermissionContext=b.PermissionContext,exports.ProviderPermission=b.ProviderPermission,exports.usePermission=b.usePermission,exports.ProviderScreenWidth=v.ProviderScreenWidth,exports.ScreenWidthContext=v.ScreenWidthContext,exports.useScreenWidth=v.useScreenWidth,exports.DEFAULT_PROVIDER_SONNER_BUTTON=q.DEFAULT_PROVIDER_SONNER_BUTTON,exports.DEFAULT_PROVIDER_SONNER_DURATION=q.DEFAULT_PROVIDER_SONNER_DURATION,exports.DEFAULT_PROVIDER_SONNER_GENRE=q.DEFAULT_PROVIDER_SONNER_GENRE,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=q.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,exports.DEFAULT_PROVIDER_SONNER_SCALE=q.DEFAULT_PROVIDER_SONNER_SCALE,exports.DEFAULT_PROVIDER_SONNER_Y=q.DEFAULT_PROVIDER_SONNER_Y,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=q.DEFAULT_PROVIDER_SONNER_Z_INDEX,exports.ProviderSonner=q.ProviderSonner,exports.SonnerButtonWrapper=q.SonnerButtonWrapper,exports.SonnerContent=q.SonnerContent,exports.SonnerContentDescription=q.SonnerContentDescription,exports.SonnerContentTitle=q.SonnerContentTitle,exports.SonnerContext=q.SonnerContext,exports.SonnerElementWrapper=q.SonnerElementWrapper,exports.SonnerIcon=q.SonnerIcon,exports.SonnerLayout=q.SonnerLayout,exports.useSonner=q.useSonner,exports.getContrastYIQ=z.getContrastYIQ,exports.getScrollbarWidth=z.getScrollbarWidth,exports.transformEnumToOptions=z.transformEnumToOptions,exports.transformObjectToArray=z.transformObjectToArray,exports.transformObjectValuesToKeys=z.transformObjectValuesToKeys,exports.useDebouncedCallback=f.useDebouncedCallback,exports.useDeepCompareMemoize=V.useDeepCompareMemoize,exports.addAlwaysOutline=w.addAlwaysOutline,exports.addColorTransition=w.addColorTransition,exports.addDisabled=w.addDisabled,exports.addGridTransition=w.addGridTransition,exports.addNiceNumber=w.addNiceNumber,exports.addOutline=w.addOutline,exports.addOutlineChildren=w.addOutlineChildren,exports.addRemoveOutline=w.addRemoveOutline,exports.addRemoveScrollbar=w.addRemoveScrollbar,exports.addTransition=w.addTransition,exports.addTransitionWithoutSize=w.addTransitionWithoutSize,exports.ErrorMessage=K.ErrorMessage,exports.ErrorMessageComponent=K.ErrorMessageComponent,exports.addError=K.addError,exports.BlurIn=X.BlurIn,exports.GradualSpacing=X.GradualSpacing,exports.TypingEffect=X.TypingEffect,exports.WordsPullUp=X.WordsPullUp,exports.addSX=Z.addSX,exports.JeneseiGlobalStyles=H.JeneseiGlobalStyles,exports.JeneseiPalette=H.JeneseiPalette,exports.KEY_SIZE_DATA=H.KEY_SIZE_DATA,exports.KEY_SIZE_DATA_TOGGLE=H.KEY_SIZE_DATA_TOGGLE,exports.ThemeBlack=H.ThemeBlack,exports.ThemeLight=H.ThemeLight;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./area-D7906bXA.cjs"),t=require("./area.hooks-C_UKZzcb.cjs"),o=require("./area-C6XuN6wk.cjs"),r=require("./area-C6QOr2Kd.cjs"),p=require("./area-oZm7ewxw.cjs"),s=require("./component--Oo5_3xq.cjs"),n=require("./component.styles-Dpo373cZ.cjs"),a=require("./component-B1bvPlyB.cjs"),i=require("./component-CY7lfJVv.cjs"),x=require("./component.styles-BpvpyZax.cjs"),c=require("./component.styles-DWGUgUoF.cjs"),u=require("./component.types-CWp0NPUN.cjs"),l=require("./component.styles-BKnUDWqO.cjs"),d=require("./component.types-DraGq1j_.cjs"),S=require("./component.styles-BTsmbWT6.cjs"),D=require("./component-BYox4gmt.cjs"),I=require("./component.styles-iHE8mmya.cjs"),E=require("./component.constants-DRPyaSU8.cjs"),T=require("./component--jGdo2yq.cjs"),_=require("./component.styles-BeRVOt5T.cjs"),A=require("./component.styles-gZHy-64x.cjs"),O=require("./component.components-CeKyOsDE.cjs"),L=require("./component.constants-B9xzGc3A.cjs"),C=require("./component.styles-ZU_GyVub.cjs"),m=require("./component.styles-Dpg-__rn.cjs"),P=require("./component-CLqcB5mM.cjs"),g=require("./component.styles-mhkAuWyU.cjs"),R=require("./component.styles-CLn52hJD.cjs"),N=require("./component-BV_7tGiu.cjs"),y=require("./component.styles-CsB9986a.cjs"),M=require("./component.styles-BELwxHxh.cjs"),h=require("./component-C67KboOB.cjs"),U=require("./component.functions-D9ffjEok.cjs"),F=require("./consts.cjs.js"),G=require("./context.hooks-DOygH-Yj.cjs"),k=require("./context.functions-80N-5MqM.cjs"),j=require("./context.constants-ByXsACU7.cjs"),W=require("./context.hooks-u408Pxw8.cjs"),B=require("./context.functions-ohI9H54j.cjs"),b=require("./context.functions-ar41xFVo.cjs"),v=require("./context.hooks-D13tbrva.cjs"),q=require("./context.hooks-BIsapq-0.cjs"),z=require("./context.constants-CTr1U0kI.cjs"),f=require("./functions.cjs.js"),V=require("./use-IhzeVumv.cjs"),w=require("./use-C1l0O0Qo.cjs"),K=require("./style-Df37KnoJ.cjs"),X=require("./style-D3Lbn1EL.cjs"),Z=require("./motion-DgB7M2Hn.cjs"),H=require("./style-fRZ6xrVp.cjs"),Y=require("./theme.global-CcoD5bPP.cjs");exports.Outside=e.Outside,exports.useRemovePreviewLoader=t.useRemovePreviewLoader,exports.Preview=o.Preview,exports.Scroll=r.Scroll,exports.StyledScroll=r.StyledScroll,exports.Skeleton=p.Skeleton,exports.StyledSkeleton=p.StyledSkeleton,exports.Smooth=s.Smooth,exports.Accordion=n.Accordion,exports.AccordionDetails=n.AccordionDetails,exports.AccordionStyledIcon=n.AccordionStyledIcon,exports.AccordionSummary=n.AccordionSummary,exports.AccordionSummaryContent=n.AccordionSummaryContent,exports.AccordionWrapper=n.AccordionWrapper,exports.Button=a.Button,exports.ButtonSize=a.ButtonSize,exports.ButtonSizeConstructor=a.ButtonSizeConstructor,exports.StyledButton=a.StyledButton,exports.StyledButtonIconsWrapper=a.StyledButtonIconsWrapper,exports.ButtonGroup=i.ButtonGroup,exports.ButtonGroupWrapper=i.ButtonGroupWrapper,exports.Checkbox=x.Checkbox,exports.CheckboxGenre=x.CheckboxGenre,exports.CheckboxSize=x.CheckboxSize,exports.CheckboxSizeConstructor=x.CheckboxSizeConstructor,exports.CheckboxWrapper=x.CheckboxWrapper,exports.StyledIcon=x.StyledIcon,exports.CheckboxChildren=c.CheckboxChildren,exports.CheckboxGroup=c.CheckboxGroup,exports.CheckboxGroupItem=c.CheckboxGroupItem,exports.CheckboxGroupLabel=c.CheckboxGroupLabel,exports.CheckboxGroupSize=c.CheckboxGroupSize,exports.CheckboxGroupSizeConstructor=c.CheckboxGroupSizeConstructor,exports.CheckboxGroupWrapper=c.CheckboxGroupWrapper,exports.DateDropdownDay=u.DateDropdownDay,exports.DateDropdownDayOfWeek=u.DateDropdownDayOfWeek,exports.DateDropdownDays=u.DateDropdownDays,exports.DateDropdownList=u.DateDropdownList,exports.DateDropdownListParent=u.DateDropdownListParent,exports.DateInput=u.DateInput,exports.DateInputButton=u.DateInputButton,exports.DateInputWrapper=u.DateInputWrapper,exports.DatePicker=u.DatePicker,exports.DatePickerVariant=u.DatePickerVariant,exports.DateWrapper=u.DateWrapper,exports.addDateDropdownDaySize=u.addDateDropdownDaySize,exports.addDateInputButtonSize=u.addDateInputButtonSize,exports.addDateInputWrapperSize=u.addDateInputWrapperSize,exports.Icon=l.Icon,exports.StyledSVG=l.StyledSVG,exports.ENUM_ICON_BUSTMARKET=d.ENUM_ICON_BUSTMARKET,exports.ENUM_ICON_CHECKBOX=d.ENUM_ICON_CHECKBOX,exports.ENUM_ICON_ID=d.ENUM_ICON_ID,exports.ENUM_ICON_LOADING=d.ENUM_ICON_LOADING,exports.ENUM_ICON_LOGO=d.ENUM_ICON_LOGO,exports.ENUM_ICON_REALEBAIL=d.ENUM_ICON_REALEBAIL,exports.Image=S.Image,exports.ImageIMG=S.ImageIMG,exports.ImageButton=D.ImageButton,exports.ImageSelect=I.ImageSelect,exports.ImageSelectListSize=I.ImageSelectListSize,exports.ImageSelectListSizeConstructor=I.ImageSelectListSizeConstructor,exports.ImageSelectListWrapper=I.ImageSelectListWrapper,exports.ImageSelectSize=I.ImageSelectSize,exports.ImageSelectSizeConstructor=I.ImageSelectSizeConstructor,exports.ImageSelectWrapper=I.ImageSelectWrapper,exports.IMAGES=E.IMAGES,exports.ImageSlider=E.ImageSlider,exports.SliderDot=E.SliderDot,exports.SliderImage=E.SliderImage,exports.Input=T.Input,exports.formatPhoneNumber=T.formatPhoneNumber,exports.InputPostfixChildren=_.InputPostfixChildren,exports.InputPrefixChildren=_.InputPrefixChildren,exports.InputSize=_.InputSize,exports.InputSizeConstructor=_.InputSizeConstructor,exports.StyledInput=_.StyledInput,exports.StyledInputCSS=_.StyledInputCSS,exports.StyledInputNumeric=_.StyledInputNumeric,exports.StyledInputPattern=_.StyledInputPattern,exports.StyledInputWrapper=_.StyledInputWrapper,exports.StyledMotionInput=_.StyledMotionInput,exports.addInputIsInputEffect=_.addInputIsInputEffect,exports.addInputPlaceholder=_.addInputPlaceholder,exports.addInputPlaceholderNiceNumber=_.addInputPlaceholderNiceNumber,exports.InputOTP=A.InputOTP,exports.InputOTPSize=A.InputOTPSize,exports.InputOTPSizeConstructor=A.InputOTPSizeConstructor,exports.InputOTPWrapper=A.InputOTPWrapper,exports.CustomZoomControl=O.CustomZoomControl,exports.DEFAULT_MAP_CENTER=O.DEFAULT_MAP_CENTER,exports.DEFAULT_MAP_MAX_ZOOM=O.DEFAULT_MAP_MAX_ZOOM,exports.DEFAULT_MAP_MIN_ZOOM=O.DEFAULT_MAP_MIN_ZOOM,exports.DEFAULT_MAP_THEME=O.DEFAULT_MAP_THEME,exports.DEFAULT_MAP_ZOOM=O.DEFAULT_MAP_ZOOM,exports.MapCluster=O.MapCluster,exports.MapDot=O.MapDot,exports.MapWrapper=O.MapWrapper,exports.MarkerCluster=O.MarkerCluster,exports.UpdateMapSettings=O.UpdateMapSettings,exports.createClusterIcon=O.createClusterIcon,exports.customDefaultIcon=O.customDefaultIcon,exports.customTextIcon=O.customTextIcon,exports.DEFAULT_COMPONENT_PAGINATION_GAP=L.DEFAULT_COMPONENT_PAGINATION_GAP,exports.Pagination=L.Pagination,exports.Range=C.Range,exports.RangeThumb=C.RangeThumb,exports.RangeTrack=C.RangeTrack,exports.RangeWrapper=C.RangeWrapper,exports.DEFAULT_RIPPLE_DURATION=m.DEFAULT_RIPPLE_DURATION,exports.DEFAULT_RIPPLE_ID=m.DEFAULT_RIPPLE_ID,exports.RippleContainer=m.RippleContainer,exports.RippleSpan=m.RippleSpan,exports.addRipple=m.addRipple,exports.addRippleDefault=m.addRippleDefault,exports.Ripple=P.Ripple,exports.ButtonList=g.ButtonList,exports.ContainerDropdownListOption=g.ContainerDropdownListOption,exports.ContainerSelectListOption=g.ContainerSelectListOption,exports.DropdownList=g.DropdownList,exports.DropdownListOption=g.DropdownListOption,exports.DropdownListOptionIcon=g.DropdownListOptionIcon,exports.DropdownListParent=g.DropdownListParent,exports.Select=g.Select,exports.SelectLanguage=g.SelectLanguage,exports.SelectList=g.SelectList,exports.SelectListOption=g.SelectListOption,exports.SelectMapTheme=g.SelectMapTheme,exports.SelectMonth=g.SelectMonth,exports.SelectMonths=g.SelectMonths,exports.SelectTextArea=g.SelectTextArea,exports.SelectWrapper=g.SelectWrapper,exports.SelectYear=g.SelectYear,exports.Separator=R.Separator,exports.SeparatorWrapper=R.SeparatorWrapper,exports.Stack=N.Stack,exports.StackMotion=N.StackMotion,exports.StyledStack=N.StyledStack,exports.StyledStackMotion=N.StyledStackMotion,exports.StyledTextArea=y.StyledTextArea,exports.TextArea=y.TextArea,exports.TextAreaWrapper=y.TextAreaWrapper,exports.addTextArea=y.addTextArea,exports.Toggle=M.Toggle,exports.ToggleCenter=M.ToggleCenter,exports.ToggleWrapper=M.ToggleWrapper,exports.DEFAULT_TOOLTIP_OFFSET_FALLBACK=h.DEFAULT_TOOLTIP_OFFSET_FALLBACK,exports.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK=h.DEFAULT_TOOLTIP_PLACEMENT_FALLBACK,exports.Title=h.Title,exports.Tooltip=h.Tooltip,exports.TooltipBox=h.TooltipBox,exports.TooltipContainer=h.TooltipContainer,exports.TooltipContent=h.TooltipContent,exports.Typography=h.Typography,exports.TypographyLink=h.TypographyLink,exports.TypographyTooltip=h.TypographyTooltip,exports.addSXTypography=h.addSXTypography,exports.addTooltipBoxSize=h.addTooltipBoxSize,exports.addTooltipBoxSizeConstructor=h.addTooltipBoxSizeConstructor,exports.getFontSizeStyles=U.getFontSizeStyles,exports.ImageSupportedFormats=F.ImageSupportedFormats,exports.ImageSupportedFormatsForInput=F.ImageSupportedFormatsForInput,exports.KeysLanguage=F.KeysLanguage,exports.KeysService=F.KeysService,exports.ListLanguage=F.ListLanguage,exports.ListService=F.ListService,exports.LoremIpsumText=F.LoremIpsumText,exports.MapThemeList=F.MapThemeList,exports.ObjectLanguage=F.ObjectLanguage,exports.ObjectService=F.ObjectService,exports.localeInput=F.localeInput,exports.localeMonths=F.localeMonths,exports.localeWeeks=F.localeWeeks,exports.AppContext=G.AppContext,exports.ProviderApp=G.ProviderApp,exports.ProviderAppOutlet=G.ProviderAppOutlet,exports.ProviderAppOutletChildren=G.ProviderAppOutletChildren,exports.ProviderAppOutletFooter=G.ProviderAppOutletFooter,exports.ProviderAppOutletHeader=G.ProviderAppOutletHeader,exports.ProviderAppOutletLeftAside=G.ProviderAppOutletLeftAside,exports.ProviderAppOutletNav=G.ProviderAppOutletNav,exports.ProviderAppOutletNotification=G.ProviderAppOutletNotification,exports.ProviderAppOutletRightAside=G.ProviderAppOutletRightAside,exports.ProviderAppWrapper=G.ProviderAppWrapper,exports.useApp=G.useApp,exports.useBgColor=G.useBgColor,exports.useBgImage=G.useBgImage,exports.useDescription=G.useDescription,exports.useStatusBarColor=G.useStatusBarColor,exports.CookieContext=k.CookieContext,exports.ProviderCookie=k.ProviderCookie,exports.getFromCookie=k.getFromCookie,exports.setToCookie=k.setToCookie,exports.useCookie=k.useCookie,exports.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT=j.DEFAULT_PROVIDER_DIALOG_DURATION_ELEMENT,exports.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT=j.DEFAULT_PROVIDER_DIALOG_DURATION_LAYOUT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND=j.DEFAULT_PROVIDER_DIALOG_ELEMENT_BACKGROUND,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS=j.DEFAULT_PROVIDER_DIALOG_ELEMENT_BORDER_RADIUS,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT=j.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_HEIGHT,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH=j.DEFAULT_PROVIDER_DIALOG_ELEMENT_MAX_WIDTH,exports.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING=j.DEFAULT_PROVIDER_DIALOG_ELEMENT_PADDING,exports.DialogContent=j.DialogContent,exports.DialogContext=j.DialogContext,exports.DialogElementWrapper=j.DialogElementWrapper,exports.DialogLayout=j.DialogLayout,exports.ProviderDialog=j.ProviderDialog,exports.useDialog=j.useDialog,exports.useDialogs=j.useDialogs,exports.GeolocationContext=W.GeolocationContext,exports.ProviderGeolocation=W.ProviderGeolocation,exports.useGeolocation=W.useGeolocation,exports.LocalStorageContext=B.LocalStorageContext,exports.ProviderLocalStorage=B.ProviderLocalStorage,exports.getFromLocalStorage=B.getFromLocalStorage,exports.setToLocalStorage=B.setToLocalStorage,exports.useLocalStorage=B.useLocalStorage,exports.urlBase64ToUint8Array=b.urlBase64ToUint8Array,exports.PermissionContext=v.PermissionContext,exports.ProviderPermission=v.ProviderPermission,exports.usePermission=v.usePermission,exports.ProviderScreenWidth=q.ProviderScreenWidth,exports.ScreenWidthContext=q.ScreenWidthContext,exports.useScreenWidth=q.useScreenWidth,exports.DEFAULT_PROVIDER_SONNER_BUTTON=z.DEFAULT_PROVIDER_SONNER_BUTTON,exports.DEFAULT_PROVIDER_SONNER_DURATION=z.DEFAULT_PROVIDER_SONNER_DURATION,exports.DEFAULT_PROVIDER_SONNER_GENRE=z.DEFAULT_PROVIDER_SONNER_GENRE,exports.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM=z.DEFAULT_PROVIDER_SONNER_MARGIN_BOTTOM,exports.DEFAULT_PROVIDER_SONNER_SCALE=z.DEFAULT_PROVIDER_SONNER_SCALE,exports.DEFAULT_PROVIDER_SONNER_Y=z.DEFAULT_PROVIDER_SONNER_Y,exports.DEFAULT_PROVIDER_SONNER_Z_INDEX=z.DEFAULT_PROVIDER_SONNER_Z_INDEX,exports.ProviderSonner=z.ProviderSonner,exports.SonnerButtonWrapper=z.SonnerButtonWrapper,exports.SonnerContent=z.SonnerContent,exports.SonnerContentDescription=z.SonnerContentDescription,exports.SonnerContentTitle=z.SonnerContentTitle,exports.SonnerContext=z.SonnerContext,exports.SonnerElementWrapper=z.SonnerElementWrapper,exports.SonnerIcon=z.SonnerIcon,exports.SonnerLayout=z.SonnerLayout,exports.useSonner=z.useSonner,exports.getContrastYIQ=f.getContrastYIQ,exports.getScrollbarWidth=f.getScrollbarWidth,exports.transformEnumToOptions=f.transformEnumToOptions,exports.transformObjectToArray=f.transformObjectToArray,exports.transformObjectValuesToKeys=f.transformObjectValuesToKeys,exports.useDebouncedCallback=V.useDebouncedCallback,exports.useDeepCompareMemoize=w.useDeepCompareMemoize,exports.addAlwaysOutline=K.addAlwaysOutline,exports.addColorTransition=K.addColorTransition,exports.addDisabled=K.addDisabled,exports.addFont=K.addFont,exports.addGridTransition=K.addGridTransition,exports.addNiceNumber=K.addNiceNumber,exports.addOutline=K.addOutline,exports.addOutlineChildren=K.addOutlineChildren,exports.addRemoveOutline=K.addRemoveOutline,exports.addRemoveScrollbar=K.addRemoveScrollbar,exports.addTransition=K.addTransition,exports.addTransitionWithoutSize=K.addTransitionWithoutSize,exports.ErrorMessage=X.ErrorMessage,exports.ErrorMessageComponent=X.ErrorMessageComponent,exports.addError=X.addError,exports.BlurIn=Z.BlurIn,exports.GradualSpacing=Z.GradualSpacing,exports.TypingEffect=Z.TypingEffect,exports.WordsPullUp=Z.WordsPullUp,exports.addSX=H.addSX,exports.JeneseiGlobalStyles=Y.JeneseiGlobalStyles,exports.JeneseiPalette=Y.JeneseiPalette,exports.KEY_SIZE_DATA=Y.KEY_SIZE_DATA,exports.KEY_SIZE_DATA_TOGGLE=Y.KEY_SIZE_DATA_TOGGLE,exports.ThemeBlack=Y.ThemeBlack,exports.ThemeLight=Y.ThemeLight;
 //# sourceMappingURL=index.cjs.js.map

package/build/index.d.ts

@@ -1,6 +1,7 @@
 import { AccordionProps as AccordionProps_2 } from './component.types';
 import { AddDollarSign as AddDollarSign_2 } from '../..';
 import { addErrorProps as addErrorProps_2 } from './style.types';
+import { addFontProps as addFontProps_2 } from '../..';
 import { addSXProps as addSXProps_2 } from '../..';
 import { addSXProps as addSXProps_3 } from '../../styles/sx';
 import { addSXProps as addSXProps_4 } from './style.types';
@@ -20,7 +21,6 @@ import { ComponentType } from 'react';
 import { Context } from 'react';
 import { CSSObject } from 'styled-components';
 import { CSSProperties } from 'react';
-import { DateDayProps as DateDayProps_2 } from './component.types';
 import { DatePickerProps as DatePickerProps_2 } from './component.types';
 import { default as default_2 } from 'react';
 import { default as default_3 } from 'leaflet';
@@ -96,13 +96,10 @@ import { StackProps as StackProps_4 } from '../stack';
 import { Styles } from 'styled-components/dist/types';
 import { Substitute } from 'styled-components/dist/types';
 import { SVGProps } from 'react';
-import { SXProps as SXProps_2 } from '../../styles/sx';
 import { TButtonGenre as TButtonGenre_2 } from '../button';
 import { TextareaHTMLAttributes } from 'react';
 import { TextAreaProps as TextAreaProps_2 } from '../textarea';
 import { TextAreaProps as TextAreaProps_3 } from './component.types';
-import { TypographySXProps as TypographySXProps_2 } from './component.types';
-import { useDialogProps as useDialogProps_2 } from './context.types';
 
 export declare const Accordion: FC<AccordionProps>;
 
@@ -150,18 +147,12 @@ $isShowAlwaysOutline?: boolean;
 
 export declare const addColorTransition: RuleSet<object>;
 
-export declare const addDateDropdownDaySize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
-row: number;
-column: number;
-isChoice?: boolean;
-isCurrentMonth?: boolean;
-isDisabled?: boolean;
-}>>;
+export declare const addDateDropdownDaySize: RuleSet<DateDropdownDayProps>;
 
 export declare const addDateInputButtonSize: RuleSet<ButtonProps>;
 
 /****************************************** Size *************************************************/
-export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const addDateInputWrapperSize: RuleSet<AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -184,24 +175,35 @@ export declare interface addErrorProps {
 
 export declare type addErrorStylesProps = AddDollarSign<addErrorProps>;
 
+export declare const addFont: RuleSet<AddDollarSign<addFontProps>>;
+
+export declare type addFontProps = {
+    font?: FontSizeStylesProps;
+};
+
 export declare const addGridTransition: RuleSet<object>;
 
 /****************************************** is isInputEffect *************************************************/
-export declare const addInputIsInputEffect: RuleSet<Pick<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>, "$isInputEffect">>;
+export declare const addInputIsInputEffect: RuleSet<Pick<StyledInputProps, "$isInputEffect">>;
 
 /****************************************** Placeholder *************************************************/
-export declare const addInputPlaceholder: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+export declare const addInputPlaceholder: RuleSet<StyledInputProps>;
 
-export declare const addInputPlaceholderNiceNumber: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+export declare const addInputPlaceholderNiceNumber: RuleSet<StyledInputProps>;
 
 export declare const addNiceNumber: RuleSet<object>;
 
-export declare const addOutline: RuleSet<object>;
+export declare const addOutline: RuleSet<AddDollarSign<addOutlineProps>>;
 
-export declare const addOutlineChildren: RuleSet<    {
-$isReadOnly?: boolean;
-$isDisabled?: boolean;
-}>;
+export declare const addOutlineChildren: RuleSet<AddDollarSign<addOutlineProps>>;
+
+export declare type addOutlineProps = {
+    isReadOnly?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
+};
+
+export declare type addOutlinePropsDollar = AddDollarSign<addOutlineProps>;
 
 export declare const addRemoveOutline: RuleSet<object>;
 
@@ -229,7 +231,7 @@ export declare type addSXTypographyProps = {
 
 export declare type addSXTypographyStyleProps = AddDollarSign<addSXTypographyProps>;
 
-export declare const addTextArea: RuleSet<AddDollarSign_2<Pick<TextAreaProps_3, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
+export declare const addTextArea: RuleSet<AddDollarSign_2<Pick<TextAreaProps_3, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
 lineHeight: number;
 }>>;
 
@@ -336,7 +338,7 @@ declare type ButtonPropsDefault = PropsWithChildren & {
     onClick?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onMouseDown?: (event: default_2.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     type?: 'button' | 'submit' | 'reset';
-} & addSXProps & addSXTypographyProps;
+} & addSXProps & addFontProps & addOutlineProps & addSXTypographyProps;
 
 export declare type ButtonPropsIconGroup = ButtonPropsDefault & {
     isIconGroup?: true;
@@ -384,7 +386,7 @@ export declare type CheckboxGroupProps<T extends ICheckboxValue> = {
     options: T[];
     value: T[];
     valueField: keyof T;
-} & addSXProps;
+} & addSXProps & addFontProps;
 
 /****************************************** Size *************************************************/
 export declare const CheckboxGroupSize: RuleSet<CheckboxGroupWrapperProps>;
@@ -394,7 +396,7 @@ export declare const CheckboxGroupSizeConstructor: (props: IThemeSizePropertyDef
 /****************************************** Default *************************************************/
 export declare const CheckboxGroupWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CheckboxGroupWrapperProps>> & string;
 
-export declare type CheckboxGroupWrapperProps = AddDollarSign<Pick<CheckboxGroupProps<ICheckboxValue>, 'size'>> & addSXStyleProps;
+export declare type CheckboxGroupWrapperProps = AddDollarSign<Pick<CheckboxGroupProps<ICheckboxValue>, 'size' | 'font'>> & addSXStyleProps;
 
 export declare type CheckboxProps = PropsWithChildren & {
     checked?: boolean;
@@ -410,7 +412,7 @@ export declare type CheckboxProps = PropsWithChildren & {
     onChange?: (checked: boolean) => void;
     isWidthAsHeight?: boolean;
     size: IThemeSize;
-} & addSXProps & addErrorProps & addSXTypographyProps;
+} & addSXProps & addErrorProps & addSXTypographyProps & addOutlineProps & addFontProps;
 
 /****************************************** Size *************************************************/
 export declare const CheckboxSize: RuleSet<StyledCheckboxProps>;
@@ -422,13 +424,12 @@ export declare const CheckboxSizeConstructor: (props: IThemeSizePropertyDefault
 /****************************************** Default *************************************************/
 export declare const CheckboxWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledCheckboxProps>> & string;
 
-export declare type CommonDatePickerProps = addErrorProps & addSXProps & {
+export declare type CommonDatePickerProps = addErrorProps & addSXProps & addFontProps & addOutlineProps & {
     genre: TDateGenre;
     id?: string;
     isDisabled?: boolean;
     isBold?: boolean;
     isMinWidth?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: InputStandardProps['isInputEffect'];
     isOnClickClose?: boolean;
     labelPlaceholder?: string;
@@ -449,7 +450,7 @@ export declare type CommonDatePickerProps = addErrorProps & addSXProps & {
     dateDefault: number;
 };
 
-declare type CommonInputProps = addErrorProps & addSXProps & {
+declare type CommonInputProps = addErrorProps & addFontProps & addOutlineProps & addSXProps & {
     ref?: Ref<HTMLInputElement | null>;
     name?: string;
     id?: string;
@@ -464,7 +465,6 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     isNiceNumber?: boolean;
     isDisabled?: boolean;
     isLoading?: boolean;
-    isReadOnly?: boolean;
     isInputEffect?: boolean;
     isRequired?: boolean;
     isCenter?: boolean;
@@ -482,7 +482,7 @@ declare type CommonInputProps = addErrorProps & addSXProps & {
     minLength?: number;
 };
 
-declare type CommonTextAreaProps = addErrorProps & addSXProps & {
+declare type CommonTextAreaProps = addErrorProps & addFontProps & addSXProps & {
     name?: string;
     autoComplete?: string;
     id?: string;
@@ -495,6 +495,8 @@ declare type CommonTextAreaProps = addErrorProps & addSXProps & {
     maxLength?: number;
     minLength?: number;
     isDisabled?: boolean;
+    isDisabledOutline?: boolean;
+    isOutlineBoxShadow?: boolean;
     isResize?: boolean;
     isLoading?: boolean;
     isReadOnly?: boolean;
@@ -510,7 +512,7 @@ declare type CommonTextAreaProps = addErrorProps & addSXProps & {
 
 export declare const ContainerDropdownListOption: MemoExoticComponent<(<T extends object & ISelectItem>(props: ContainerDropdownListOptionProps<T>) => JSX.Element)>;
 
-export declare type ContainerDropdownListOptionProps<T extends ISelectItem> = Pick<SelectProps<T>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isShowDropdownOptionIcon'> & {
+export declare type ContainerDropdownListOptionProps<T extends ISelectItem> = Pick<SelectProps<T>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'isShowDropdownOptionIcon' | 'font'> & {
     item: T;
     isChecked?: boolean;
     isShowScroll?: boolean;
@@ -578,29 +580,17 @@ export declare interface DateDayProps {
     weekOfMonth: number;
 }
 
-export declare const DateDropdownDay: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
-row: number;
-column: number;
-isChoice?: boolean;
-isCurrentMonth?: boolean;
-isDisabled?: boolean;
-}>>> & string;
+export declare const DateDropdownDay: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DateDropdownDayProps>> & string;
 
-export declare const DateDropdownDayOfWeek: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "genre"> & Pick<DateDayProps_2, "isToday" | "isWeekend"> & {
-row: number;
-column: number;
-isChoice?: boolean;
-isCurrentMonth?: boolean;
-isDisabled?: boolean;
-}>>> & string;
+export declare const DateDropdownDayOfWeek: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, DateDropdownDayProps>> & string;
 
-export declare type DateDropdownDayProps = AddDollarSign<Pick<DatePickerProps, 'genre' | 'size'> & Pick<DateDayProps, 'isToday' | 'isWeekend'> & {
+export declare type DateDropdownDayProps = AddDollarSign<Pick<DatePickerProps, 'genre' | 'size' | 'font'> & Pick<DateDayProps, 'isToday' | 'isWeekend'> & {
     row: number;
     column: number;
     isChoice?: boolean;
     isCurrentMonth?: boolean;
     isDisabled?: boolean;
-}>;
+}> & addOutlinePropsDollar;
 
 export declare const DateDropdownDays: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
 $rows: number;
@@ -612,7 +602,7 @@ export declare const DateDropdownListParent: IStyledComponentBase<"web", Substit
 
 export declare type DateDropdownListProps = AddDollarSign<Pick<DatePickerProps, 'isInputEffect'> & Pick<DatePickerProps, 'genre' | 'size'>>;
 
-export declare const DateInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const DateInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -621,14 +611,14 @@ isShowPlaceholder?: boolean;
 
 export declare const DateInputButton: IStyledComponentBase<"web", Substitute<ButtonProps & BaseObject, BaseObject>> & string & Omit<FC<ButtonProps>, keyof Component<any, {}, any>>;
 
-export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size' | 'isBold' | 'isReadOnly' | 'isDisabled'> & {
+export declare type DateInputProps = AddDollarSign<Pick<DatePickerProps, 'error' | 'genre' | 'size' | 'isBold' | 'isReadOnly' | 'isDisabled' | 'font'> & {
     isOpen?: boolean;
     isActive?: boolean;
     isHaveValue?: boolean;
     isShowPlaceholder?: boolean;
 }>;
 
-export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "isDisabled" | "error" | "genre" | "isBold" | "isReadOnly"> & {
+export declare const DateInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<DatePickerProps_2, "size" | "font" | "isDisabled" | "error" | "isReadOnly" | "genre" | "isBold"> & {
 isOpen?: boolean;
 isActive?: boolean;
 isHaveValue?: boolean;
@@ -726,7 +716,7 @@ export declare type DialogContentObjectProps = {
         padding?: string;
         borderRadius?: string;
         background?: IThemePaletteKeys;
-    };
+    } & addOutlineProps;
 };
 
 export declare type DialogContentProps<T extends object> = {
@@ -753,9 +743,9 @@ export declare type DialogContextProps<T extends object> = {
 
 export declare type DialogElementProps = Pick<DialogContentProps<object>, 'id' | 'index' | 'content' | 'props'> & Pick<DialogContextItemProps<object>, 'remove'>;
 
-export declare const DialogElementWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"dialog">, "ref"> & RefAttributes<HTMLDialogElement>, AddDollarSign_2<useDialogProps_2<object>>>> & string & Omit<ForwardRefComponent<HTMLDialogElement, HTMLMotionProps<"dialog">>, keyof Component<any, {}, any>>;
+export declare const DialogElementWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"dialog">, "ref"> & RefAttributes<HTMLDialogElement>, DialogElementWrapperProps>> & string & Omit<ForwardRefComponent<HTMLDialogElement, HTMLMotionProps<"dialog">>, keyof Component<any, {}, any>>;
 
-export declare type DialogElementWrapperProps = AddDollarSign<useDialogProps<object>>;
+export declare type DialogElementWrapperProps = AddDollarSign<useDialogProps<object>> & addOutlinePropsDollar;
 
 export declare const DialogLayout: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, AddDollarSign_2<Pick<ProviderDialogProps_2, "zIndex">>>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
 
@@ -763,7 +753,7 @@ export declare type DialogLayoutProps = AddDollarSign<Pick<ProviderDialogProps,
 
 export declare const DropdownList: IStyledComponentBase<"web", FastOmit<DetailedHTMLProps<HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
 
-export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign_2<Pick<SelectProps_2<ISelectItem_2>, "size" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
+export declare const DropdownListOption: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, AddDollarSign_2<Pick<SelectProps_2<ISelectItem_2>, "size" | "font" | "genre" | "isCenter" | "isNotShowHoverStyle" | "isBold"> & {
 item?: ISelectItem_2;
 isChecked?: boolean;
 isShowScroll?: boolean;
@@ -788,7 +778,7 @@ export declare type DropdownListOptionIconProps = AddDollarSign<Pick<SelectProps
     checked?: boolean;
 }>;
 
-export declare type DropdownListOptionProps = AddDollarSign<Pick<SelectProps<ISelectItem>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold'> & {
+export declare type DropdownListOptionProps = AddDollarSign<Pick<SelectProps<ISelectItem>, 'genre' | 'size' | 'isCenter' | 'isNotShowHoverStyle' | 'isBold' | 'font'> & {
     item?: ISelectItem;
     isChecked?: boolean;
     isShowScroll?: boolean;
@@ -949,7 +939,7 @@ export declare type ErrorMessageProps = {
     isErrorAbsolute?: boolean;
     size?: IThemeSize;
     sx?: addSXProps['sx'];
-};
+} & addFontProps;
 
 export declare type ErrorMessagePropsDollar = AddDollarSign<ErrorMessageProps>;
 
@@ -959,6 +949,13 @@ declare type FixedTextAreaProps = BaseTextAreaProps & {
     maxRows?: never;
 };
 
+export declare type FontSizeStylesProps = {
+    size?: TypographyDataProps['size'];
+    weight?: TypographyDataProps['weight'];
+    family?: TypographyDataProps['family'];
+    height?: TypographyDataProps['height'];
+};
+
 export declare function formatPhoneNumber(dialCode: string, international: string): {
     format: string;
     placeholder: string;
@@ -1191,7 +1188,7 @@ export declare type InputOTPProps = {
     onComplete?: (otp: string) => void;
     onFocus?: (event?: FocusEvent_2<HTMLElement>) => void;
     onBlur?: (event?: FocusEvent_2<HTMLElement>) => void;
-} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange'>;
+} & Pick<InputStandardProps, 'size' | 'genre' | 'id' | 'sx' | 'error' | 'onChange' | 'font'>;
 
 /****************************************** Size *************************************************/
 export declare const InputOTPSize: RuleSet<AddDollarSign_2<Pick<InputOTPProps_2, "size" | "sx" | "error">>>;
@@ -1216,7 +1213,7 @@ export declare const InputPrefixChildren: IStyledComponentBase<"web", Substitute
 export declare type InputProps = InputStandardProps | InputPatternProps | InputNumericProps;
 
 /****************************************** Size *************************************************/
-export declare const InputSize: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+export declare const InputSize: RuleSet<StyledInputProps>;
 
 export declare const InputSizeConstructor: (props: IThemeSizePropertyDefault) => RuleSet<object>;
 
@@ -1311,11 +1308,11 @@ export declare type IThemeGenreDate = Record<Extract<IThemeGenreName, 'gray' | '
 
 export declare type IThemeGenreImageSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeImageSelect>;
 
-export declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeDefault>;
+export declare type IThemeGenreInput = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeDefault>;
 
 export declare type IThemeGenreName = 'gray' | 'grayBorder' | 'black' | 'blackBorder' | 'product' | 'productBorder' | 'white' | 'greenTransparent' | 'redTransparent' | 'yellowTransparent' | 'realebail-product' | 'realebail-gray' | 'realebail-white' | 'bustmarket-gray-violet' | 'bustmarket-gray' | 'bustmarket-violet' | 'bustmarket-white-violet';
 
-export declare type IThemeGenreRange = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeRange>;
+export declare type IThemeGenreRange = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white' | 'bustmarket-gray'>, IThemeGenreTypeRange>;
 
 export declare type IThemeGenreSelect = Record<Extract<IThemeGenreName, 'gray' | 'grayBorder' | 'blackBorder' | 'realebail-white'>, IThemeGenreTypeSelect>;
 
@@ -1674,7 +1671,7 @@ declare type PopoverProps = PropsWithChildren & {
     ref?: Ref<HTMLElement | null>;
     size?: IThemeSize;
     genre?: TButtonGenre;
-} & addSXProps & addSXTypographyProps;
+} & addSXProps & addFontProps & addSXTypographyProps;
 
 export declare const Preview: FC<PreviewProps>;
 
@@ -2018,7 +2015,7 @@ export declare type SelectMonthsProps = Omit<SelectProps<ISelectItem>, 'option'
     monthsLocale: MonthItem[];
 };
 
-export declare type SelectProps<T extends ISelectItem> = addErrorProps & addSXProps & {
+export declare type SelectProps<T extends ISelectItem> = addErrorProps & addFontProps & addSXProps & {
     id?: string;
     size: IThemeSize;
     genre: TInputSelect;
@@ -2153,11 +2150,11 @@ declare type SonnerContentDefaultProps = {
         onClick?: () => void;
     } | false;
     index: number;
-};
+} & addFontProps;
 
-export declare const SonnerContentDescription: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "genre">>>>> & string;
+export declare const SonnerContentDescription: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "font" | "genre">>>>> & string;
 
-export declare type SonnerContentDescriptionProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre'>>>;
+export declare type SonnerContentDescriptionProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre' | 'font'>>>;
 
 export declare type SonnerContentProps = SonnerContentContentProps | SonnerContentStandardProps;
 
@@ -2166,9 +2163,9 @@ export declare type SonnerContentStandardProps = SonnerContentDefaultProps & {
     title?: string | ReactNode;
 };
 
-export declare const SonnerContentTitle: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "genre">>>>> & string;
+export declare const SonnerContentTitle: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Required<AddDollarSign_2<Pick<SonnerContentStandardProps_2, "font" | "genre">>>>> & string;
 
-export declare type SonnerContentTitleProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre'>>>;
+export declare type SonnerContentTitleProps = Required<AddDollarSign<Pick<SonnerContentStandardProps, 'genre' | 'font'>>>;
 
 export declare const SonnerContext: Context<SonnerContextProps | null>;
 
@@ -2241,11 +2238,11 @@ export declare type StyledButtonGroupProps = AddDollarSign<Pick<ButtonGroupProps
 /****************************************** Icons Wrapper *************************************************/
 export declare const StyledButtonIconsWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<ButtonProps_2, "size" | "isIconGroup"> & Pick<ButtonPropsIconGroup_2, "iconGroupOrder">>>> & string;
 
-export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps;
+export declare type StyledCheckboxProps = AddDollarSign<Pick<CheckboxProps, 'checked' | 'genre' | 'view' | 'isWidthAsHeight' | 'size' | 'isDisabled' | 'isNotBackground' | 'isHiddenBorder' | 'font'>> & addSXStyleProps & addErrorStylesProps & addSXTypographyStyleProps & addOutlinePropsDollar;
 
 export declare type StyledDollarButtonIconsWrapperProps = AddDollarSign<Pick<ButtonProps, 'isIconGroup' | 'size'> & Pick<ButtonPropsIconGroup, 'iconGroupOrder'>>;
 
-export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize' | 'isNotHoverEffect'>> & addSXStyleProps & addSXTypographyStyleProps;
+export declare type StyledDollarButtonProps = AddDollarSign<Pick<ButtonProps, 'genre' | 'isDisabled' | 'isHidden' | 'isWidthAsHeight' | 'isMinWidthAsContent' | 'isRadius' | 'isHiddenBorder' | 'isPlaystationEffect' | 'size' | 'isFullSize' | 'isNotHoverEffect' | 'font'>> & addSXStyleProps & addOutlinePropsDollar & addSXTypographyStyleProps;
 
 /****************************************** Styled *************************************************/
 export declare const StyledIcon: IStyledComponentBase<"web", Substitute<    {
@@ -2267,12 +2264,12 @@ export declare type StyledIconIdItemProps = AddDollarSign<Pick<IconItemProps<'id
 
 export declare type StyledIconProps = AddDollarSign<Pick<CheckboxProps, 'genre' | 'checked'>>;
 
-export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string;
+export declare const StyledInput: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputProps>> & string;
 
 export declare type StyledInputChildrenProps = AddDollarSign<Pick<InputProps, 'isDisabled'> & Pick<InputChildrenProps, 'left' | 'right' | 'width'>>;
 
 /****************************************** Default *************************************************/
-export declare const StyledInputCSS: RuleSet<AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>;
+export declare const StyledInputCSS: RuleSet<StyledInputProps>;
 
 export declare const StyledInputNumeric: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
 thousandSeparator?: boolean | string;
@@ -2287,7 +2284,7 @@ suffix?: string;
 prefix?: string;
 } & Omit<InputAttributes, never> & Omit<unknown, "value" | "ref" | "defaultValue" | "prefix" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "thousandSeparator" | "decimalSeparator" | "allowedDecimalSeparators" | "thousandsGroupStyle" | "decimalScale" | "fixedDecimalScale" | "allowNegative" | "allowLeadingZeros" | "suffix"> & {
 customInput?: ComponentType<unknown> | undefined;
-}, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string & Omit<typeof NumericFormat, keyof Component<any, {}, any>>;
+}, StyledInputProps>> & string & Omit<typeof NumericFormat, keyof Component<any, {}, any>>;
 
 export declare const StyledInputPattern: IStyledComponentBase<"web", Substitute<InternalNumberFormatBase & {
 format: string;
@@ -2296,16 +2293,16 @@ allowEmptyFormatting?: boolean;
 patternChar?: string;
 } & Omit<InputAttributes, never> & Omit<unknown, "mask" | "value" | "ref" | "defaultValue" | "inputMode" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseUp" | "type" | "format" | "displayType" | "renderText" | "getInputRef" | "valueIsNumericString" | "onValueChange" | "isAllowed" | "allowEmptyFormatting" | "patternChar"> & {
 customInput?: ComponentType<unknown> | undefined;
-}, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
+}, StyledInputProps>> & string & Omit<typeof PatternFormat, keyof Component<any, {}, any>>;
 
-export declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter'>>;
+export declare type StyledInputProps = AddDollarSign<Pick<InputProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'postfixChildren' | 'prefixChildren' | 'isBold' | 'isNiceNumber' | 'isNotShowHoverStyle' | 'sx' | 'isCenter' | 'font'>> & addOutlinePropsDollar;
 
 /****************************************** Wrapper *************************************************/
 export declare const StyledInputWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "isWidthAsHeight" | "isInputEffect">>>> & string;
 
 export declare type StyledInputWrapperProps = AddDollarSign<Pick<InputProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'isWidthAsHeight'>>;
 
-export declare const StyledMotionInput: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, AddDollarSign_2<Pick<InputProps_2, "size" | "sx" | "isDisabled" | "error" | "genre" | "isLoading" | "isCenter" | "isNotShowHoverStyle" | "isBold" | "isInputEffect" | "postfixChildren" | "prefixChildren" | "isNiceNumber">>>> & string & Omit<ForwardRefComponent<HTMLInputElement, HTMLMotionProps<"input">>, keyof Component<any, {}, any>>;
+export declare const StyledMotionInput: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"input">, "ref"> & RefAttributes<HTMLInputElement>, StyledInputProps>> & string & Omit<ForwardRefComponent<HTMLInputElement, HTMLMotionProps<"input">>, keyof Component<any, {}, any>>;
 
 export declare const StyledScroll: IStyledComponentBase<"web", Substitute<StackProps_2, StyledScrollProps>> & string & Omit<FC<StackProps_2>, keyof Component<any, {}, any>>;
 
@@ -2323,15 +2320,15 @@ export declare type StyledStackProps = AddDollarSign<StackProps>;
 
 export declare const StyledSVG: IStyledComponentBase<"web", Substitute<SVGProps<SVGSVGElement>, StyledIconIdItemProps>> & string;
 
-export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign_2<Pick<TextAreaProps_3, "size" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
+export declare const StyledTextArea: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, AddDollarSign_2<Pick<TextAreaProps_3, "size" | "font" | "isDisabled" | "error" | "genre" | "isLoading" | "isBold" | "isResize" | "isInputEffect"> & {
 lineHeight: number;
 }>>> & string;
 
-export declare type StyledTextAreaProps = AddDollarSign<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'isBold' | 'isResize'> & {
+export declare type StyledTextAreaProps = AddDollarSign<Pick<TextAreaProps, 'genre' | 'size' | 'error' | 'isLoading' | 'isInputEffect' | 'isDisabled' | 'isBold' | 'isResize' | 'font'> & {
     lineHeight: number;
 }>;
 
-export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps;
+export declare type StyledToggleProps = AddDollarSign<Pick<ToggleProps, 'genre' | 'isDisabled' | 'value' | 'size'>> & addErrorStylesProps & addOutlinePropsDollar;
 
 export declare type SXProps = ({
     default: CSSObject;
@@ -2355,11 +2352,11 @@ export declare type TextAreaGenre = keyof IThemeGenreTextArea;
 
 export declare type TextAreaProps = AutoHeightTextAreaProps | ResizableTextAreaProps | FixedTextAreaProps;
 
-export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<TextAreaProps_3, "size" | "sx" | "isDisabled" | "genre" | "isReadOnly" | "isInputEffect"> & {
+export declare const TextAreaWrapper: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, AddDollarSign_2<Pick<TextAreaProps_3, "size" | "sx" | "isDisabled" | "isReadOnly" | "isDisabledOutline" | "isOutlineBoxShadow" | "genre" | "isInputEffect"> & {
 lineHeight: number;
 }>>> & string;
 
-export declare type TextAreaWrapperProps = AddDollarSign<Pick<TextAreaProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'genre' | 'isReadOnly'> & {
+export declare type TextAreaWrapperProps = AddDollarSign<Pick<TextAreaProps, 'isDisabled' | 'isInputEffect' | 'sx' | 'size' | 'genre' | 'isReadOnly' | 'isDisabledOutline' | 'isOutlineBoxShadow'> & {
     lineHeight: number;
 }>;
 
@@ -2385,10 +2382,7 @@ export declare type TInputGenre = keyof IThemeGenreInput;
 
 export declare type TInputSelect = keyof IThemeGenreSelect;
 
-export declare const Title: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, AddDollarSign_2<    {
-sxTypography: TypographySXProps_2;
-sx?: SXProps_2;
-}>>> & string;
+export declare const Title: IStyledComponentBase<"web", Substitute<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, TypographyCSSProps>> & string;
 
 export declare const Toggle: (props: ToggleProps) => JSX.Element;
 
@@ -2400,7 +2394,7 @@ export declare type ToggleProps = {
     isDisabled?: boolean;
     genre: TToggleGenre;
     size: IThemeSize;
-} & addErrorProps;
+} & addErrorProps & addOutlineProps;
 
 /****************************************** Standard *************************************************/
 export declare const ToggleWrapper: IStyledComponentBase<"web", Substitute<Omit<HTMLMotionProps<"div">, "ref"> & RefAttributes<HTMLDivElement>, StyledToggleProps>> & string & Omit<ForwardRefComponent<HTMLDivElement, HTMLMotionProps<"div">>, keyof Component<any, {}, any>>;
@@ -2421,7 +2415,7 @@ onClose?: () => void;
 ref?: Ref<HTMLElement | null>;
 size?: IThemeSize_3;
 genre?: TButtonGenre_2;
-} & addSXProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
+} & addSXProps_2 & addFontProps_2 & addSXTypographyProps_2, never>> & string & Omit<FC<PopoverProps>, keyof Component<any, {}, any>>;
 
 export declare const TooltipContainer: IStyledComponentBase<"web", FastOmit<StackProps_4, never>> & string & Omit<FC<StackProps_4>, keyof Component<any, {}, any>>;
 
@@ -2451,7 +2445,7 @@ export declare type TypographyAllProps = TypographyDataProps | TypographyVariant
 export declare type TypographyCSSProps = AddDollarSign<{
     sxTypography: TypographySXProps;
     sx?: SXProps;
-}>;
+}> & addOutlinePropsDollar;
 
 export declare type TypographyDataProps = TypographyDefaultProps & {
     size?: number;
@@ -2492,7 +2486,7 @@ export declare type TypographyProps = PropsWithChildren & {
     ref?: Ref<HTMLElement | HTMLHeadingElement | HTMLAnchorElement | null>;
     sx: TypographySXProps;
     sxStandard?: SXProps;
-};
+} & addOutlineProps;
 
 export declare type TypographySXProps = {
     default: TypographyAllProps;
@@ -2512,8 +2506,8 @@ declare type TypographyVariantProps = TypographyDefaultProps & {
 };
 
 declare type UncontrolledValue = {
-    value?: never;
     defaultValue: string | number | null | undefined;
+    value?: never;
 };
 
 declare type UncontrolledValue_2 = {