@kubit-ui-web/react-components 2.0.0-beta.56 → 2.0.0-beta.58

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @kubit-ui-web/react-components
 
+## 2.0.0-beta.58
+
+### Major Changes
+
+- Fix tsc errors and improve implementation
+
+## 2.0.0-beta.57
+
+### Major Changes
+
+- Improve stylesprovider props (#69)
+
 ## 2.0.0-beta.56
 
 ### Major Changes

package/dist/cjs/index.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lib/utils/date/formatDate.js`),t=require(`./lib/utils/date/transformDate.js`),n=require(`./lib/utils/date/date.js`),r=require(`./lib/provider/genericComponentsProvider/defaultGenericComponents.js`),i=require(`./lib/provider/genericComponentsProvider/genericComponentsProvider.js`),a=require(`./lib/provider/utilsProvider/utilsProvider.js`),o=require(`./lib/provider/stylesProvider/stylesProvider.js`),s=require(`./components/accordion/accordionControlled.js`),c=require(`./components/accordion/accordionUnControlled.js`),ee=require(`./components/text/text2.js`),te=require(`./components/alert/alertControlled.js`),ne=require(`./components/dot/dot.js`),l=require(`./components/icon/icon.js`),u=require(`./components/icon/iconHost.js`),d=require(`./components/avatar/avatar.js`),f=require(`./components/badge/badge.js`),p=require(`./components/link/link.js`),m=require(`./lib/types/states/states.js`),h=require(`./components/breadcrumbs/breadcrumbs.js`),g=require(`./lib/types/positions/positions.js`),_=require(`./components/button/button.js`),v=require(`./components/calendar/calendar.js`),y=require(`./components/card/cardStandAlone.js`),b=require(`./components/card/card.js`),x=require(`./components/carousel/types/carousel.js`),S=require(`./components/carousel/carousel.js`),C=require(`./components/checkboxBase/checkboxBaseControlled.js`),w=require(`./lib/components/errorMessage/errorMessage.js`),T=require(`./components/label/labelStandAlone.js`),E=require(`./components/checkbox/checkboxControlled.js`),D=require(`./components/checkbox/checkboxUnControlled.js`),O=require(`./components/checkboxBase/checkboxBaseUncontrolled.js`),k=require(`./components/chip/chip.js`),A=require(`./components/tableBody/tableBody.js`),j=require(`./components/table/table.js`),M=require(`./components/tableCaption/tableCaption.js`),N=require(`./components/tableDivider/tableDivider.js`),P=require(`./components/tableCell/tableCell.js`),F=require(`./components/tableHead/tableHead.js`),I=require(`./components/tableRow/tableRow.js`),L=require(`./components/dataTable/dataTable.js`),R=require(`./lib/types/breakpoints/breakpoints.js`),z=require(`./components/image/image2.js`),B=require(`./components/inputBase/inputBase.js`),V=require(`./components/inputDecoration/inputDecoration.js`),H=require(`./components/input/input.js`),U=require(`./components/inputSignature/inputSignatureControlled.js`),re=require(`./components/inputSignature/inputSignatureUncontrolled.js`),W=require(`./components/link/linkAsButton/linkAsButton.js`),G=require(`./components/option/option.js`),K=require(`./components/listOptions/listOptions.js`),q=require(`./components/popover/popover.js`),J=require(`./components/modal/modalControlled.js`),Y=require(`./components/modal/modalUnControlled.js`),X=require(`./components/pageControl/pageControl.js`),ie=require(`./components/pagination/pagination.js`),Z=require(`./components/popover/animations/spring.animations.js`),ae=require(`./components/progressBar/progressBar.js`),oe=require(`./components/radioButton/radioButtonStandAlone.js`),se=require(`./components/radioButton/radioButton.js`),ce=require(`./components/select/selectControlled.js`),le=require(`./components/select/selectUncontrolled.js`),ue=require(`./components/selectorBoxFile/selectorBoxFile.js`),de=require(`./components/skeleton/skeleton2.js`),fe=require(`./components/tooltip/tooltipUnControlled.js`),pe=require(`./components/slider/slider.js`),me=require(`./components/snackbar/snackbar.js`),he=require(`./components/stepperNumber/stepperNumber.js`),ge=require(`./components/tableFoot/tableFoot.js`),_e=require(`./components/tabs/tabsControlled.js`),ve=require(`./components/tabs/tabsUnControlled.js`),ye=require(`./components/tag/tag.js`),be=require(`./components/textArea/textArea.js`),xe=require(`./components/toggle/toggleStandAlone.js`),Q=require(`./components/toggle/toggleControlled.js`),Se=require(`./components/toggle/toggleUnControlled.js`),Ce=require(`./components/tooltip/tooltipControlled.js`),we=require(`./components/virtualKeyboard/virtualKeyboard.js`),Te=require(`./lib/types/sizes/sizes.js`);let $=require(`@floating-ui/dom`);exports.Accordion=c.AccordionUnControlled,exports.AccordionControlled=s.AccordionControlled,exports.Alert=te.Alert,exports.Avatar=d.Avatar,exports.Badge=f.Badge,exports.BreadCrumbs=h.BreadCrumbs,exports.Button=_.Button,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=x.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=x.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.Calendar=v.Calendar,exports.Card=b.Card,exports.CardStandAlone=y.CardStandAlone,exports.Carousel=S.Carousel,exports.Checkbox=D.CheckboxUnControlled,exports.CheckboxBase=O.CheckboxBaseUnControlled,exports.CheckboxBaseControlled=C.CheckboxBaseControlled,exports.CheckboxControlled=E.CheckboxControlled,exports.Chip=k.Chip,exports.DEVICE_BREAKPOINTS=R.DEVICE_BREAKPOINTS,exports.DataTable=L.DataTable,exports.DeviceBreakpointsTypeUtils=R.DeviceBreakpointsTypeUtils,exports.Dot=ne.Dot,exports.ErrorMessage=w.ErrorMessage,exports.GenericComponentContext=i.GenericComponentContext,exports.GenericComponentsProvider=i.GenericComponentsProvider,exports.Icon=u.IconHost,exports.IconBasic=l.IconBasic,exports.Image=z.Image,exports.Input=H.Input,exports.InputBase=B.InputBase,exports.InputDecoration=V.InputDecoration,exports.InputSignature=re.InputSignatureUnControlled,exports.InputSignatureControlled=U.InputSignatureControlled,exports.Label=T.LabelStandAlone,exports.Link=p.Link,exports.LinkAsButton=W.LinkAsButton,exports.ListOptions=K.ListOptions,exports.MIRROR_POSITIONS=g.MIRROR_POSITIONS,exports.Modal=Y.ModalUnControlled,exports.ModalControlled=J.ModalControlled,exports.Option=G.Option,exports.POSITIONS=g.POSITIONS,exports.PageControl=X.PageControl,exports.Pagination=ie.Pagination,exports.Popover=q.Popover,exports.ProgressBar=ae.ProgressBar,exports.RadioButton=se.RadioButton,exports.RadioButtonStandAlone=oe.RadioButtonStandAlone,exports.SIZES=Te.SIZES,exports.STATES=m.STATES,exports.Select=le.SelectUnControlled,exports.SelectControlled=ce.SelectControlled,exports.SelectorBoxFile=ue.SelectorBoxFile,exports.Skeleton=de.Skeleton,exports.Slider=pe.Slider,exports.Snackbar=me.Snackbar,exports.StepperNumber=he.StepperNumber,exports.StylesContext=o.StylesContext,exports.StylesProvider=o.StylesProvider,exports.Table=j.Table,exports.TableBody=A.TableBody,exports.TableCaption=M.TableCaption,exports.TableCell=P.TableCell,exports.TableDivider=N.TableDivider,exports.TableFoot=ge.TableFoot,exports.TableHead=F.TableHead,exports.TableRow=I.TableRow,exports.Tabs=ve.TabsUnControlled,exports.TabsControlled=_e.TabsControlled,exports.Tag=ye.Tag,exports.Text=ee.Text,exports.TextArea=be.TextArea,exports.ToggleControlled=Q.ToggleControlled,exports.ToggleStandalone=xe.ToggleStandalone,exports.ToggleUncontrolled=Se.ToggleUncontrolled,exports.Tooltip=fe.TooltipUnControlled,exports.TooltipControlled=Ce.TooltipControlled,exports.UtilsContext=a.UtilsContext,exports.UtilsProvider=a.UtilsProvider,exports.VirtualKeyboard=we.VirtualKeyboard,exports.createSpringAnimation=Z.createSpringAnimation,exports.defaultGenericComponents=r.defaultGenericComponents,exports.formatDate=e.formatDate,exports.formatDateToUTC=e.formatDateToUTC,exports.generateSpringKeyframes=Z.generateSpringKeyframes,exports.generateSpringKeyframesRule=Z.generateSpringKeyframesRule,exports.getAddDays=n.getAddDays,exports.getAddMonths=n.getAddMonths,exports.getAddYears=n.getAddYears,exports.getAllMonthNames=n.getAllMonthNames,exports.getAllWeekdayNames=n.getAllWeekdayNames,exports.getSubDays=n.getSubDays,exports.getSubMonths=n.getSubMonths,exports.getSubYears=n.getSubYears,exports.isAfter=n.isAfter,exports.isBefore=n.isBefore,exports.isDatesEqual=n.isDatesEqual,Object.defineProperty(exports,`popoverMWArrow`,{enumerable:!0,get:function(){return $.arrow}}),Object.defineProperty(exports,`popoverMWAutoPlacement`,{enumerable:!0,get:function(){return $.autoPlacement}}),Object.defineProperty(exports,`popoverMWFlip`,{enumerable:!0,get:function(){return $.flip}}),Object.defineProperty(exports,`popoverMWHide`,{enumerable:!0,get:function(){return $.hide}}),Object.defineProperty(exports,`popoverMWOffset`,{enumerable:!0,get:function(){return $.offset}}),Object.defineProperty(exports,`popoverMWShift`,{enumerable:!0,get:function(){return $.shift}}),Object.defineProperty(exports,`popoverMWSize`,{enumerable:!0,get:function(){return $.size}}),exports.transformDate=t.transformDate,exports.useGenericComponents=i.useGenericComponents,exports.useStylesContext=o.useStylesContext,exports.useUtilsProvider=a.useUtilsProvider;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lib/provider/genericComponentsProvider/genericComponentsProvider.js`),t=require(`./lib/provider/utilsProvider/utilsProvider.js`),n=require(`./lib/provider/stylesProvider/stylesProvider.js`),r=require(`./components/accordion/accordionControlled.js`),i=require(`./components/accordion/accordionUnControlled.js`),a=require(`./components/text/text2.js`),o=require(`./components/alert/alertControlled.js`),s=require(`./components/dot/dot.js`),ee=require(`./components/icon/icon.js`),c=require(`./components/icon/iconHost.js`),l=require(`./components/avatar/avatar.js`),u=require(`./components/badge/badge.js`),d=require(`./components/link/link.js`),f=require(`./lib/types/states/states.js`),p=require(`./components/breadcrumbs/breadcrumbs.js`),m=require(`./lib/types/positions/positions.js`),h=require(`./components/button/button.js`),g=require(`./components/calendar/calendar.js`),_=require(`./components/card/cardStandAlone.js`),v=require(`./components/card/card.js`),y=require(`./components/carousel/types/carousel.js`),b=require(`./components/carousel/carousel.js`),x=require(`./components/checkboxBase/checkboxBaseControlled.js`),S=require(`./lib/components/errorMessage/errorMessage.js`),C=require(`./components/label/labelStandAlone.js`),w=require(`./components/checkbox/checkboxControlled.js`),T=require(`./components/checkbox/checkboxUnControlled.js`),E=require(`./components/checkboxBase/checkboxBaseUncontrolled.js`),D=require(`./components/chip/chip.js`),O=require(`./components/tableBody/tableBody.js`),k=require(`./components/table/table.js`),A=require(`./components/tableCaption/tableCaption.js`),j=require(`./components/tableDivider/tableDivider.js`),M=require(`./components/tableCell/tableCell.js`),N=require(`./components/tableHead/tableHead.js`),P=require(`./components/tableRow/tableRow.js`),F=require(`./components/dataTable/dataTable.js`),I=require(`./lib/types/breakpoints/breakpoints.js`),L=require(`./components/image/image2.js`),R=require(`./components/inputBase/inputBase.js`),z=require(`./components/inputDecoration/inputDecoration.js`),B=require(`./components/input/input.js`),V=require(`./components/inputSignature/inputSignatureControlled.js`),H=require(`./components/inputSignature/inputSignatureUncontrolled.js`),U=require(`./components/link/linkAsButton/linkAsButton.js`),te=require(`./components/option/option.js`),W=require(`./components/listOptions/listOptions.js`),G=require(`./components/popover/popover.js`),K=require(`./components/modal/modalControlled.js`),q=require(`./components/modal/modalUnControlled.js`),J=require(`./components/pageControl/pageControl.js`),Y=require(`./components/pagination/pagination.js`),X=require(`./components/popover/animations/spring.animations.js`),Z=require(`./components/progressBar/progressBar.js`),Q=require(`./components/radioButton/radioButtonStandAlone.js`),ne=require(`./components/radioButton/radioButton.js`),re=require(`./components/select/selectControlled.js`),ie=require(`./components/select/selectUncontrolled.js`),ae=require(`./components/selectorBoxFile/selectorBoxFile.js`),oe=require(`./components/skeleton/skeleton2.js`),se=require(`./components/tooltip/tooltipUnControlled.js`),ce=require(`./components/slider/slider.js`),le=require(`./components/snackbar/snackbar.js`),ue=require(`./components/stepperNumber/stepperNumber.js`),de=require(`./components/tableFoot/tableFoot.js`),fe=require(`./components/tabs/tabsControlled.js`),pe=require(`./components/tabs/tabsUnControlled.js`),me=require(`./components/tag/tag.js`),he=require(`./components/textArea/textArea.js`),ge=require(`./components/toggle/toggleStandAlone.js`),_e=require(`./components/toggle/toggleControlled.js`),ve=require(`./components/toggle/toggleUnControlled.js`),ye=require(`./components/tooltip/tooltipControlled.js`),be=require(`./components/virtualKeyboard/virtualKeyboard.js`),xe=require(`./lib/types/sizes/sizes.js`);let $=require(`@floating-ui/dom`);exports.Accordion=i.AccordionUnControlled,exports.AccordionControlled=r.AccordionControlled,exports.Alert=o.Alert,exports.Avatar=l.Avatar,exports.Badge=u.Badge,exports.BreadCrumbs=p.BreadCrumbs,exports.Button=h.Button,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=y.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=y.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.Calendar=g.Calendar,exports.Card=v.Card,exports.CardStandAlone=_.CardStandAlone,exports.Carousel=b.Carousel,exports.Checkbox=T.CheckboxUnControlled,exports.CheckboxBase=E.CheckboxBaseUnControlled,exports.CheckboxBaseControlled=x.CheckboxBaseControlled,exports.CheckboxControlled=w.CheckboxControlled,exports.Chip=D.Chip,exports.DEVICE_BREAKPOINTS=I.DEVICE_BREAKPOINTS,exports.DataTable=F.DataTable,exports.DeviceBreakpointsTypeUtils=I.DeviceBreakpointsTypeUtils,exports.Dot=s.Dot,exports.ErrorMessage=S.ErrorMessage,exports.GenericComponentContext=e.GenericComponentContext,exports.GenericComponentsProvider=e.GenericComponentsProvider,exports.Icon=c.IconHost,exports.IconBasic=ee.IconBasic,exports.Image=L.Image,exports.Input=B.Input,exports.InputBase=R.InputBase,exports.InputDecoration=z.InputDecoration,exports.InputSignature=H.InputSignatureUnControlled,exports.InputSignatureControlled=V.InputSignatureControlled,exports.Label=C.LabelStandAlone,exports.Link=d.Link,exports.LinkAsButton=U.LinkAsButton,exports.ListOptions=W.ListOptions,exports.MIRROR_POSITIONS=m.MIRROR_POSITIONS,exports.Modal=q.ModalUnControlled,exports.ModalControlled=K.ModalControlled,exports.Option=te.Option,exports.POSITIONS=m.POSITIONS,exports.PageControl=J.PageControl,exports.Pagination=Y.Pagination,exports.Popover=G.Popover,exports.ProgressBar=Z.ProgressBar,exports.RadioButton=ne.RadioButton,exports.RadioButtonStandAlone=Q.RadioButtonStandAlone,exports.SIZES=xe.SIZES,exports.STATES=f.STATES,exports.Select=ie.SelectUnControlled,exports.SelectControlled=re.SelectControlled,exports.SelectorBoxFile=ae.SelectorBoxFile,exports.Skeleton=oe.Skeleton,exports.Slider=ce.Slider,exports.Snackbar=le.Snackbar,exports.StepperNumber=ue.StepperNumber,exports.StylesContext=n.StylesContext,exports.StylesProvider=n.StylesProvider,exports.Table=k.Table,exports.TableBody=O.TableBody,exports.TableCaption=A.TableCaption,exports.TableCell=M.TableCell,exports.TableDivider=j.TableDivider,exports.TableFoot=de.TableFoot,exports.TableHead=N.TableHead,exports.TableRow=P.TableRow,exports.Tabs=pe.TabsUnControlled,exports.TabsControlled=fe.TabsControlled,exports.Tag=me.Tag,exports.Text=a.Text,exports.TextArea=he.TextArea,exports.ToggleControlled=_e.ToggleControlled,exports.ToggleStandalone=ge.ToggleStandalone,exports.ToggleUncontrolled=ve.ToggleUncontrolled,exports.Tooltip=se.TooltipUnControlled,exports.TooltipControlled=ye.TooltipControlled,exports.UtilsContext=t.UtilsContext,exports.UtilsProvider=t.UtilsProvider,exports.VirtualKeyboard=be.VirtualKeyboard,exports.createSpringAnimation=X.createSpringAnimation,exports.generateSpringKeyframes=X.generateSpringKeyframes,exports.generateSpringKeyframesRule=X.generateSpringKeyframesRule,Object.defineProperty(exports,`popoverMWArrow`,{enumerable:!0,get:function(){return $.arrow}}),Object.defineProperty(exports,`popoverMWAutoPlacement`,{enumerable:!0,get:function(){return $.autoPlacement}}),Object.defineProperty(exports,`popoverMWFlip`,{enumerable:!0,get:function(){return $.flip}}),Object.defineProperty(exports,`popoverMWHide`,{enumerable:!0,get:function(){return $.hide}}),Object.defineProperty(exports,`popoverMWOffset`,{enumerable:!0,get:function(){return $.offset}}),Object.defineProperty(exports,`popoverMWShift`,{enumerable:!0,get:function(){return $.shift}}),Object.defineProperty(exports,`popoverMWSize`,{enumerable:!0,get:function(){return $.size}}),exports.useGenericComponents=e.useGenericComponents,exports.useStylesContext=n.useStylesContext,exports.useUtilsProvider=t.useUtilsProvider;

package/dist/cjs/lib/provider/stylesProvider/stylesProvider.js

@@ -1 +1 @@
-const e=require(`../../utils/date/formatDate.js`),t=require(`../../utils/date/transformDate.js`),n=require(`../../utils/date/date.js`),r=require(`../genericComponentsProvider/defaultGenericComponents.js`),i=require(`../genericComponentsProvider/genericComponentsProvider.js`),a=require(`../utilsProvider/utilsProvider.js`);let o=require(`react`),s=require(`react/jsx-runtime`);const c=(0,o.createContext)(void 0),l=()=>{let e=(0,o.useContext)(c);if(!e)throw Error(`useStylesContext must be used within a StylesProvider`);return e};var u={lg:992,md:768,sm:576,xl:1200},d=e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`});exports.StylesContext=c,exports.StylesProvider=({bernovaProvider:l,breakpoints:f=u,children:p,icons:m={},illustrations:h={},jsInCss:g=!0,linkId:_=`kb-styled-provider`,themeSelected:v})=>{let y=(0,o.useMemo)(()=>d(f),[f]),b=(0,o.useMemo)(()=>new l({jsInCss:g,linkId:_}),[l,g,_]),[x,S]=(0,o.useState)(v||b.themeSelected);b.themeSelected=x||``;let C=e=>{b.themeSelected=e,S(e)},w=({additionalClassNames:e,component:t,variant:n})=>b.getComponentStyles({additionalClassNames:e,component:t,variant:n||``}),T=(0,o.useMemo)(()=>({breakpoints:f,changeTheme:C,classes:[],currentTheme:x,getComponentStyles:w,icons:m,illustrations:h,mediaQueries:y,themeClassNames:b.classNames,themes:b.allThemes,themeVariables:b.variables}),[f,x,m,h,y,b.classNames,b.allThemes,b.variables]);return(0,s.jsx)(a.UtilsProvider,{dateHelpers:{getAddDays:n.getAddDays,getAddMonths:n.getAddMonths,getAddYears:n.getAddYears,getAllMonthName:(e,t)=>n.getAllMonthNames(e===`numeric`||e===`2-digit`?`long`:e||`long`,t),getAllWeekdayName:n.getAllWeekdayNames,getSubDays:n.getSubDays,getSubMonths:n.getSubMonths,getSubYears:n.getSubYears,isAfter:n.isAfter,isBefore:n.isBefore,isDatesEqual:n.isDatesEqual},formatDate:e.formatDate,transformDate:t.transformDate,children:(0,s.jsx)(i.GenericComponentsProvider,{value:{...r.defaultGenericComponents},children:(0,s.jsx)(c.Provider,{value:T,children:p})})})},exports.useStylesContext=l;
+const e=require(`../../utils/date/formatDate.js`),t=require(`../../utils/date/transformDate.js`),n=require(`../../utils/date/date.js`),r=require(`../genericComponentsProvider/defaultGenericComponents.js`),i=require(`../genericComponentsProvider/genericComponentsProvider.js`),a=require(`../utilsProvider/utilsProvider.js`);let o=require(`react`),s=require(`react/jsx-runtime`);const c=(0,o.createContext)(void 0),l=()=>{let e=(0,o.useContext)(c);if(!e)throw Error(`useStylesContext must be used within a StylesProvider`);return e};var u={lg:992,md:768,sm:576,xl:1200},d=e=>({onlyDesktop:`(max-width: ${e.xl}px)`,onlyLargeDesktop:`(min-width: ${e.xl}px)`,onlyMobile:`(max-width: ${e.md-1}px)`,onlyTablet:`(min-width: ${e.md}px) and (max-width: ${e.lg-1}px)`});exports.StylesContext=c,exports.StylesProvider=({bernovaProvider:l={},breakpoints:f=u,children:p,dateHelpers:m,genericComponents:h,icons:g={},illustrations:_={},jsInCss:v=!0,linkId:y=`kb-styled-provider`,themeSelected:b})=>{let x=(0,o.useMemo)(()=>d(f),[f]),S=(0,o.useMemo)(()=>new l({jsInCss:v,linkId:y}),[l,v,y]),[C,w]=(0,o.useState)(b||S.themeSelected);S.themeSelected=C||``;let T=e=>{S.themeSelected=e,w(e)},E=({additionalClassNames:e,component:t,variant:n})=>S.getComponentStyles({additionalClassNames:e,component:t,variant:n||``}),D=(0,o.useMemo)(()=>({breakpoints:f,changeTheme:T,classes:[],currentTheme:C,getComponentStyles:E,icons:g,illustrations:_,mediaQueries:x,themeClassNames:S.classNames,themes:S.allThemes,themeVariables:S.variables}),[f,C,g,_,x,S.classNames,S.allThemes,S.variables]);return(0,s.jsx)(a.UtilsProvider,{dateHelpers:{getAddDays:n.getAddDays,getAddMonths:n.getAddMonths,getAddYears:n.getAddYears,getAllMonthName:(e,t)=>n.getAllMonthNames(e===`numeric`||e===`2-digit`?`long`:e||`long`,t),getAllWeekdayName:n.getAllWeekdayNames,getSubDays:n.getSubDays,getSubMonths:n.getSubMonths,getSubYears:n.getSubYears,isAfter:n.isAfter,isBefore:n.isBefore,isDatesEqual:n.isDatesEqual,...m},formatDate:e.formatDate,transformDate:t.transformDate,children:(0,s.jsx)(i.GenericComponentsProvider,{value:{...r.defaultGenericComponents,...h},children:(0,s.jsx)(c.Provider,{value:D,children:p})})})},exports.useStylesContext=l;

package/dist/esm/index.js

@@ -1,7 +1,3 @@
-import { formatDate, formatDateToUTC } from "./lib/utils/date/formatDate.js";
-import { transformDate } from "./lib/utils/date/transformDate.js";
-import { getAddDays, getAddMonths, getAddYears, getAllMonthNames, getAllWeekdayNames, getSubDays, getSubMonths, getSubYears, isAfter, isBefore, isDatesEqual } from "./lib/utils/date/date.js";
-import { defaultGenericComponents } from "./lib/provider/genericComponentsProvider/defaultGenericComponents.js";
 import { GenericComponentContext, GenericComponentsProvider, useGenericComponents } from "./lib/provider/genericComponentsProvider/genericComponentsProvider.js";
 import { UtilsContext, UtilsProvider, useUtilsProvider } from "./lib/provider/utilsProvider/utilsProvider.js";
 import { StylesContext, StylesProvider, useStylesContext } from "./lib/provider/stylesProvider/stylesProvider.js";
@@ -78,4 +74,4 @@ import { ToggleUncontrolled } from "./components/toggle/toggleUnControlled.js";
 import { TooltipControlled } from "./components/tooltip/tooltipControlled.js";
 import { VirtualKeyboard } from "./components/virtualKeyboard/virtualKeyboard.js";
 import { SIZES } from "./lib/types/sizes/sizes.js";
-export { AccordionUnControlled as Accordion, AccordionControlled, Alert, Avatar, Badge, BreadCrumbs, Button, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, Calendar, Card, CardStandAlone, Carousel, CheckboxUnControlled as Checkbox, CheckboxBaseUnControlled as CheckboxBase, CheckboxBaseControlled, CheckboxControlled, Chip, DEVICE_BREAKPOINTS, DataTable, DeviceBreakpointsTypeUtils, Dot, ErrorMessage, GenericComponentContext, GenericComponentsProvider, IconHost as Icon, IconBasic, Image, Input, InputBase, InputDecoration, InputSignatureUnControlled as InputSignature, InputSignatureControlled, LabelStandAlone as Label, Link, LinkAsButton, ListOptions, MIRROR_POSITIONS, ModalUnControlled as Modal, ModalControlled, Option, POSITIONS, PageControl, Pagination, Popover, ProgressBar, RadioButton, RadioButtonStandAlone, SIZES, STATES, SelectUnControlled as Select, SelectControlled, SelectorBoxFile, Skeleton, Slider, Snackbar, StepperNumber, StylesContext, StylesProvider, Table, TableBody, TableCaption, TableCell, TableDivider, TableFoot, TableHead, TableRow, TabsUnControlled as Tabs, TabsControlled, Tag, Text, TextArea, ToggleControlled, ToggleStandalone, ToggleUncontrolled, TooltipUnControlled as Tooltip, TooltipControlled, UtilsContext, UtilsProvider, VirtualKeyboard, createSpringAnimation, defaultGenericComponents, formatDate, formatDateToUTC, generateSpringKeyframes, generateSpringKeyframesRule, getAddDays, getAddMonths, getAddYears, getAllMonthNames, getAllWeekdayNames, getSubDays, getSubMonths, getSubYears, isAfter, isBefore, isDatesEqual, popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize, transformDate, useGenericComponents, useStylesContext, useUtilsProvider };
+export { AccordionUnControlled as Accordion, AccordionControlled, Alert, Avatar, Badge, BreadCrumbs, Button, CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, Calendar, Card, CardStandAlone, Carousel, CheckboxUnControlled as Checkbox, CheckboxBaseUnControlled as CheckboxBase, CheckboxBaseControlled, CheckboxControlled, Chip, DEVICE_BREAKPOINTS, DataTable, DeviceBreakpointsTypeUtils, Dot, ErrorMessage, GenericComponentContext, GenericComponentsProvider, IconHost as Icon, IconBasic, Image, Input, InputBase, InputDecoration, InputSignatureUnControlled as InputSignature, InputSignatureControlled, LabelStandAlone as Label, Link, LinkAsButton, ListOptions, MIRROR_POSITIONS, ModalUnControlled as Modal, ModalControlled, Option, POSITIONS, PageControl, Pagination, Popover, ProgressBar, RadioButton, RadioButtonStandAlone, SIZES, STATES, SelectUnControlled as Select, SelectControlled, SelectorBoxFile, Skeleton, Slider, Snackbar, StepperNumber, StylesContext, StylesProvider, Table, TableBody, TableCaption, TableCell, TableDivider, TableFoot, TableHead, TableRow, TabsUnControlled as Tabs, TabsControlled, Tag, Text, TextArea, ToggleControlled, ToggleStandalone, ToggleUncontrolled, TooltipUnControlled as Tooltip, TooltipControlled, UtilsContext, UtilsProvider, VirtualKeyboard, createSpringAnimation, generateSpringKeyframes, generateSpringKeyframesRule, popoverMWArrow, popoverMWAutoPlacement, popoverMWFlip, popoverMWHide, popoverMWOffset, popoverMWShift, popoverMWSize, useGenericComponents, useStylesContext, useUtilsProvider };

package/dist/esm/lib/provider/stylesProvider/stylesProvider.js

@@ -22,43 +22,43 @@ var defaultBreakpoints = {
 	onlyMobile: `(max-width: ${e.md - 1}px)`,
 	onlyTablet: `(min-width: ${e.md}px) and (max-width: ${e.lg - 1}px)`
 });
-const StylesProvider = ({ bernovaProvider: r, breakpoints: i = defaultBreakpoints, children: a, icons: o = {}, illustrations: s = {}, jsInCss: c = !0, linkId: l = "kb-styled-provider", themeSelected: u }) => {
-	let d = useMemo(() => buildMediaQueries(i), [i]), f = useMemo(() => new r({
-		jsInCss: c,
-		linkId: l
+const StylesProvider = ({ bernovaProvider: r = {}, breakpoints: i = defaultBreakpoints, children: a, dateHelpers: o, genericComponents: s, icons: c = {}, illustrations: l = {}, jsInCss: u = !0, linkId: d = "kb-styled-provider", themeSelected: f }) => {
+	let p = useMemo(() => buildMediaQueries(i), [i]), m = useMemo(() => new r({
+		jsInCss: u,
+		linkId: d
 	}), [
 		r,
-		c,
-		l
-	]), [p, m] = useState(u || f.themeSelected);
-	f.themeSelected = p || "";
-	let h = (e) => {
-		f.themeSelected = e, m(e);
-	}, g = ({ additionalClassNames: e, component: t, variant: n }) => f.getComponentStyles({
+		u,
+		d
+	]), [h, g] = useState(f || m.themeSelected);
+	m.themeSelected = h || "";
+	let _ = (e) => {
+		m.themeSelected = e, g(e);
+	}, v = ({ additionalClassNames: e, component: t, variant: n }) => m.getComponentStyles({
 		additionalClassNames: e,
 		component: t,
 		variant: n || ""
-	}), _ = useMemo(() => ({
+	}), y = useMemo(() => ({
 		breakpoints: i,
-		changeTheme: h,
+		changeTheme: _,
 		classes: [],
-		currentTheme: p,
-		getComponentStyles: g,
-		icons: o,
-		illustrations: s,
-		mediaQueries: d,
-		themeClassNames: f.classNames,
-		themes: f.allThemes,
-		themeVariables: f.variables
+		currentTheme: h,
+		getComponentStyles: v,
+		icons: c,
+		illustrations: l,
+		mediaQueries: p,
+		themeClassNames: m.classNames,
+		themes: m.allThemes,
+		themeVariables: m.variables
 	}), [
 		i,
+		h,
+		c,
+		l,
 		p,
-		o,
-		s,
-		d,
-		f.classNames,
-		f.allThemes,
-		f.variables
+		m.classNames,
+		m.allThemes,
+		m.variables
 	]);
 	return /* @__PURE__ */ jsx(UtilsProvider, {
 		dateHelpers: {
@@ -72,14 +72,18 @@ const StylesProvider = ({ bernovaProvider: r, breakpoints: i = defaultBreakpoint
 			getSubYears,
 			isAfter,
 			isBefore,
-			isDatesEqual
+			isDatesEqual,
+			...o
 		},
 		formatDate,
 		transformDate,
 		children: /* @__PURE__ */ jsx(GenericComponentsProvider, {
-			value: { ...defaultGenericComponents },
+			value: {
+				...defaultGenericComponents,
+				...s
+			},
 			children: /* @__PURE__ */ jsx(StylesContext.Provider, {
-				value: _,
+				value: y,
 				children: a
 			})
 		})

package/dist/types/index.d.ts

@@ -2,7 +2,7 @@ import { AriaAttributes } from 'react';
 import { AriaRole } from 'react';
 import { ComponentType } from 'react';
 import { Context } from 'react';
-import { CssGeneratorType } from 'bernova/interfaces';
+import { CssLibPropsType as CssLibPropsType_2 } from 'bernova/interfaces';
 import { CSSProperties } from 'react';
 import { DOMAttributes } from 'react';
 import { FC } from 'react';
@@ -1809,7 +1809,9 @@ export declare const createSpringAnimation: (direction: "up" | "down" | "left" |
     keyframesCSS: string;
 };
 
-export declare type CssLibPropsType = CssGeneratorType<''>;
+export declare type CssLibPropsType = CssLibPropsType_2<any> & {
+    $dynamicValues?: string[];
+};
 
 export declare type DataAttributes = {
     [key in `data-${string}`]?: string;
@@ -1986,58 +1988,48 @@ declare interface DateFormatOptions {
     hourCycle?: Intl.DateTimeFormatOptions['hourCycle'];
 }
 
-declare interface DateFormatOptions_2 {
-    weekday?: Intl.DateTimeFormatOptions['weekday'];
-    year?: Intl.DateTimeFormatOptions['year'];
-    month?: Intl.DateTimeFormatOptions['month'];
-    day?: Intl.DateTimeFormatOptions['day'];
-    hour?: Intl.DateTimeFormatOptions['hour'];
-    minute?: Intl.DateTimeFormatOptions['minute'];
-    second?: Intl.DateTimeFormatOptions['second'];
-    timeZoneName?: Intl.DateTimeFormatOptions['timeZoneName'];
-    hour12?: Intl.DateTimeFormatOptions['hour12'];
-    hourCycle?: Intl.DateTimeFormatOptions['hourCycle'];
+declare interface dateHelpers {
+    /** Subtracts a specified number of days from a date */
+    getSubDays: (date: Date, amount: number) => Date;
+    /** Subtracts a specified number of months from a date */
+    getSubMonths: (date: Date, amount: number) => Date;
+    /** Subtracts a specified number of years from a date */
+    getSubYears: (date: Date, amount: number) => Date;
+    /** Adds a specified number of months to a date */
+    getAddMonths: (date: Date, amount: number) => Date;
+    /** Adds a specified number of days to a date */
+    getAddDays: (date: Date, amount: number) => Date;
+    /** Adds a specified number of years to a date */
+    getAddYears: (date: Date, years: number) => Date;
+    /**
+     * Gets all month names in the specified format and locale.
+     * @param monthFormat - Format for month names ('long', 'short', 'narrow')
+     * @param locale - Optional locale string
+     * @returns Array of month names
+     */
+    getAllMonthName: (monthFormat: Intl.DateTimeFormatOptions['month'], locale?: string) => Array<string>;
+    /**
+     * Gets all weekday names in the specified format and locale.
+     * @param weekdayFormat - Format for weekday names ('long', 'short', 'narrow')
+     * @param isSundayFirst - Whether Sunday should be the first day of the week
+     * @param locale - Optional locale string
+     * @returns Array of weekday names
+     */
+    getAllWeekdayName: (weekdayFormat: Intl.DateTimeFormatOptions['weekday'], isSundayFirst: boolean, locale?: string) => Array<string>;
+    /** Checks if the first date is before the second date */
+    isBefore: (date1: Date, date2: Date) => boolean;
+    /** Checks if the first date is after the second date */
+    isAfter: (date1: Date, date2: Date) => boolean;
+    /**
+     * Checks if two dates are equal.
+     * @param firstDate - First date to compare
+     * @param secondDate - Second date to compare
+     * @param shouldCompareTime - Whether to include time in comparison
+     * @returns True if dates are equal
+     */
+    isDatesEqual: (firstDate: Date | number | string, secondDate: Date | number | string, shouldCompareTime: boolean) => boolean;
 }
 
-/**
- * Default implementations for generic components.
- * Provides standard HTML-based Link and Image components.
- * These are used when the application doesn't provide custom implementations.
- *
- * @example
- * ```tsx
- * import { defaultGenericComponents } from './defaultGenericComponents';
- *
- * <GenericComponentsProvider value={defaultGenericComponents}>
- *   <App />
- * </GenericComponentsProvider>
- * ```
- */
-export declare const defaultGenericComponents: {
-    IMAGE: ForwardRefExoticComponent<GenericImageProps & RefAttributes<unknown>>;
-    LINK: ForwardRefExoticComponent<    {
-    url: string;
-    id?: string;
-    children: string | JSX.Element;
-    className?: string;
-    target?: string;
-    onClick?: () => void;
-    onFocus?: () => void;
-    onMouseEnter?: () => void;
-    onMouseLeave?: () => void;
-    rel?: string;
-    role?: AriaRole;
-    dataTestId?: string;
-    draggable?: boolean;
-    } & {
-    "aria-label"?: string | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    } & DataAttributes & RefAttributes<unknown>>;
-};
-
 export declare const DEVICE_BREAKPOINTS: {
     readonly DESKTOP: "desktop";
     readonly LARGE_DESKTOP: "large_desktop";
@@ -2208,41 +2200,6 @@ export declare type ErrorMessageVariantStyles<Variant extends string> = ErrorMes
     [key in Variant]: ErrorMessageStyleProps;
 };
 
-/**
- * Formats a date according to the specified format and locale.
- *
- * @param date - The date to format
- * @param format - The format to apply: can be a string pattern (e.g., 'dd/MM/yyyy'), a DateFormatOptions object, or a FormatDateType
- * @param locale - The locale to use for formatting (default: current locale)
- * @returns The formatted date string
- *
- * @remarks
- * Supports various tokens: d, dd (day), M, MM, MMM, MMMM (month), yy, yyyy (year), H, HH (hour), m, mm (minute), s, ss (second), W, WW (weekday)
- *
- * @example
- * ```typescript
- * const date = new Date('2024-01-15');
- * formatDate(date, 'dd/MM/yyyy'); // '15/01/2024'
- * formatDate(date, 'MMMM dd, yyyy', 'en-US'); // 'January 15, 2024'
- * ```
- */
-export declare const formatDate: (date: Date, format: DateFormatOptions_2 | FormatDateType | string, locale?: string) => string;
-
-/**
- * Converts a date to UTC format, adjusting for timezone differences.
- *
- * @param date - The date to convert (Date object, string, or timestamp)
- * @returns A Date object in UTC timezone
- * @throws Error if the date is invalid
- *
- * @example
- * ```typescript
- * const localDate = new Date('2024-01-15T10:30:00');
- * const utcDate = formatDateToUTC(localDate);
- * ```
- */
-export declare const formatDateToUTC: (date: Date | string | number) => Date;
-
 declare type FormatDateType = 'd' | 'dd' | 'ddd' | 'dddd' | 'f' | 'ff' | 'fff' | 'F' | 'FF' | 'FFF' | 'ffff' | 'FFFF' | 't' | 'tt' | 'T' | 'TT' | 'ttt' | 'TTT' | 'tttt' | 'TTTT';
 
 /**
@@ -2377,127 +2334,6 @@ declare type GenericLinkProps = {
  */
 declare type GenericLinkType = ((props: GenericLinkProps) => JSX.Element) | ForwardRefExoticComponent<GenericLinkProps & RefAttributes<unknown>>;
 
-/**
- * Adds a specified number of days to a date.
- *
- * @param date - The base date
- * @param days - Number of days to add
- * @returns A new Date with the specified days added
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const nextWeek = getAddDays(today, 7);
- * ```
- */
-export declare const getAddDays: (date: Date, days: number) => Date;
-
-/**
- * Adds a specified number of months to a date.
- *
- * @param date - The base date
- * @param months - Number of months to add
- * @returns A new Date with the specified months added
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const nextQuarter = getAddMonths(today, 3);
- * ```
- */
-export declare const getAddMonths: (date: Date, months: number) => Date;
-
-/**
- * Adds a specified number of years to a date.
- *
- * @param date - The base date
- * @param years - Number of years to add
- * @returns A new Date with the specified years added
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const nextYear = getAddYears(today, 1);
- * ```
- */
-export declare const getAddYears: (date: Date, years: number) => Date;
-
-/**
- * Gets an array of all month names in the specified locale and format.
- *
- * @param type - The format type: 'long' (January), 'short' (Jan), or 'narrow' (J)
- * @param locale - The locale to use for month names (default: 'en-US')
- * @returns An array of 12 month names
- *
- * @example
- * ```typescript
- * getAllMonthNames('long', 'en-US'); // ['January', 'February', ...]
- * getAllMonthNames('short', 'es-ES'); // ['ene', 'feb', ...]
- * ```
- */
-export declare const getAllMonthNames: (type?: "long" | "short" | "narrow", locale?: string) => string[];
-
-/**
- * Gets an array of all weekday names in the specified locale and format.
- *
- * @param type - The format type: 'long' (Monday), 'short' (Mon), or 'narrow' (M)
- * @param isSundayFirst - If `true`, starts week with Sunday; if `false`, starts with Monday
- * @param locale - The locale to use for weekday names (default: 'en-US')
- * @returns An array of 7 weekday names
- *
- * @example
- * ```typescript
- * getAllWeekdayNames('long', false, 'en-US'); // ['Monday', 'Tuesday', ...]
- * getAllWeekdayNames('short', true, 'es-ES'); // ['dom', 'lun', ...]
- * ```
- */
-export declare const getAllWeekdayNames: (type: string | undefined, isSundayFirst: boolean, locale?: string) => string[];
-
-/**
- * Subtracts a specified number of days from a date.
- *
- * @param date - The base date
- * @param days - Number of days to subtract
- * @returns A new Date with the specified days subtracted
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const lastWeek = getSubDays(today, 7);
- * ```
- */
-export declare const getSubDays: (date: Date, days: number) => Date;
-
-/**
- * Subtracts a specified number of months from a date.
- *
- * @param date - The base date
- * @param months - Number of months to subtract
- * @returns A new Date with the specified months subtracted
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const lastQuarter = getSubMonths(today, 3);
- * ```
- */
-export declare const getSubMonths: (date: Date, months: number) => Date;
-
-/**
- * Subtracts a specified number of years from a date.
- *
- * @param date - The base date
- * @param years - Number of years to subtract
- * @returns A new Date with the specified years subtracted
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const lastYear = getSubYears(today, 1);
- * ```
- */
-export declare const getSubYears: (date: Date, years: number) => Date;
-
 /**
  * Interface for controlled Accordion component
  */
@@ -3106,55 +2942,6 @@ declare interface IPopoverStandAlone extends DataAttributes, PopoverAriaAttribut
     popoverContainerRef?: React.ForwardedRef<HTMLElement>;
 }
 
-/**
- * Checks if the first date is after the second date.
- *
- * @param date1 - The first date to compare
- * @param date2 - The second date to compare
- * @returns `true` if date1 is after date2, otherwise `false`
- *
- * @example
- * ```typescript
- * const today = new Date();
- * const tomorrow = new Date(today.getTime() + 86400000);
- * isAfter(tomorrow, today); // true
- * ```
- */
-export declare const isAfter: (date1: Date, date2: Date) => boolean;
-
-/**
- * Checks if the first date is before the second date.
- *
- * @param date1 - The first date to compare
- * @param date2 - The second date to compare
- * @returns `true` if date1 is before date2, otherwise `false`
- *
- * @example
- * ```typescript
- * const yesterday = new Date();
- * const today = new Date();
- * isBefore(yesterday, today); // true
- * ```
- */
-export declare const isBefore: (date1: Date, date2: Date) => boolean;
-
-/**
- * Checks if two dates are equal.
- *
- * @param firstDate - The first date to compare (Date, string, or timestamp)
- * @param secondDate - The second date to compare (Date, string, or timestamp)
- * @param shouldCompareTime - If `true`, compares exact time; if `false`, compares only date (default: `false`)
- * @returns `true` if dates are equal, otherwise `false`
- *
- * @example
- * ```typescript
- * const date1 = new Date('2024-01-15');
- * const date2 = new Date('2024-01-15');
- * isDatesEqual(date1, date2); // true
- * ```
- */
-export declare const isDatesEqual: (firstDate: Date | string | number, secondDate: Date | string | number, shouldCompareTime?: boolean) => boolean;
-
 declare interface ISnackbarStandAlone extends DataAttributes, AriaAttributes {
     cssClasses?: SnackbarV2CssClasses;
     popover?: SnackbarV2Popover;
@@ -4827,6 +4614,8 @@ declare interface StylesProviderProps {
     linkId?: string;
     /** Whether to inject CSS directly into JavaScript. Default: true */
     jsInCss?: boolean;
+    genericComponents?: GenericComponentsType;
+    dateHelpers?: dateHelpers;
 }
 
 /**
@@ -5825,25 +5614,6 @@ export declare type TooltipVariantStyles<Variant extends string> = TooltipStyleP
     [key in Variant]?: TooltipStyleProps;
 };
 
-/**
- * Transforms a date string or timestamp into a Date object using a specified format.
- *
- * @param date - The date as a string or timestamp number
- * @param format - The format pattern of the input date string (e.g., 'dd/MM/yyyy')
- * @returns A Date object parsed from the input
- *
- * @remarks
- * If no format is provided or date is a number, it will be converted directly to a Date.
- * Supports tokens like dd, MM, yyyy, HH, mm, ss for parsing.
- *
- * @example
- * ```typescript
- * transformDate('15/01/2024', 'dd/MM/yyyy'); // Date object for Jan 15, 2024
- * transformDate(1705334400000); // Date from timestamp
- * ```
- */
-export declare const transformDate: (date: string | number, format?: string) => Date;
-
 /**
  * Custom hook to access the generic components context.
  * Provides access to the custom Link and Image components configured in the provider.
@@ -5951,47 +5721,7 @@ declare interface UtilsContextType {
     /**
      * Collection of date manipulation and comparison utilities.
      */
-    dateHelpers: {
-        /** Subtracts a specified number of days from a date */
-        getSubDays: (date: Date, amount: number) => Date;
-        /** Subtracts a specified number of months from a date */
-        getSubMonths: (date: Date, amount: number) => Date;
-        /** Subtracts a specified number of years from a date */
-        getSubYears: (date: Date, amount: number) => Date;
-        /** Adds a specified number of months to a date */
-        getAddMonths: (date: Date, amount: number) => Date;
-        /** Adds a specified number of days to a date */
-        getAddDays: (date: Date, amount: number) => Date;
-        /** Adds a specified number of years to a date */
-        getAddYears: (date: Date, years: number) => Date;
-        /**
-         * Gets all month names in the specified format and locale.
-         * @param monthFormat - Format for month names ('long', 'short', 'narrow')
-         * @param locale - Optional locale string
-         * @returns Array of month names
-         */
-        getAllMonthName: (monthFormat: Intl.DateTimeFormatOptions['month'], locale?: string) => Array<string>;
-        /**
-         * Gets all weekday names in the specified format and locale.
-         * @param weekdayFormat - Format for weekday names ('long', 'short', 'narrow')
-         * @param isSundayFirst - Whether Sunday should be the first day of the week
-         * @param locale - Optional locale string
-         * @returns Array of weekday names
-         */
-        getAllWeekdayName: (weekdayFormat: Intl.DateTimeFormatOptions['weekday'], isSundayFirst: boolean, locale?: string) => Array<string>;
-        /** Checks if the first date is before the second date */
-        isBefore: (date1: Date, date2: Date) => boolean;
-        /** Checks if the first date is after the second date */
-        isAfter: (date1: Date, date2: Date) => boolean;
-        /**
-         * Checks if two dates are equal.
-         * @param firstDate - First date to compare
-         * @param secondDate - Second date to compare
-         * @param shouldCompareTime - Whether to include time in comparison
-         * @returns True if dates are equal
-         */
-        isDatesEqual: (firstDate: Date | number | string, secondDate: Date | number | string, shouldCompareTime: boolean) => boolean;
-    };
+    dateHelpers: dateHelpers;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubit-ui-web/react-components",
-  "version": "2.0.0-beta.56",
+  "version": "2.0.0-beta.58",
   "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
   "author": {
     "name": "Kubit",
@@ -157,22 +157,22 @@
     "@vitejs/plugin-react": "^5.1.4",
     "@vitest/coverage-v8": "^4.0.18",
     "@vitest/ui": "^4.0.18",
-    "bernova": "1.5.0",
+    "bernova": "1.5.4",
     "eslint": "^10.0.0",
     "eslint-config-kubit": "2.0.2",
-    "glob": "^13.0.2",
-    "html-validate": "^10.7.0",
-    "jsdom": "^28.0.0",
+    "glob": "^13.0.4",
+    "html-validate": "^10.8.0",
+    "jsdom": "^28.1.0",
     "prettier": "^3.8.1",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "typescript": "^5.9.3",
-    "typescript-eslint": "^8.55.0",
+    "typescript-eslint": "^8.56.0",
     "vite": "8.0.0-beta.10",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.18",
     "vitest-axe": "^0.1.0",
-    "@kubit-ui-web/design-system": "2.0.0-beta.15"
+    "@kubit-ui-web/design-system": "2.0.0-beta.17"
   },
   "publishConfig": {
     "access": "public",