@npm_leadtech/legal-lib-components 2.50.0 → 3.0.0

package/dist/esm/legal-lib-components.css

@@ -750,58 +750,6 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
   top: 6px;
   width: 9px;
 }
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  margin-left: -4px;
-  position: absolute;
-  width: 0;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  box-sizing: content-box;
-  position: absolute;
-  border: 8px solid transparent;
-  height: 0;
-  width: 1px;
-  content: "";
-  z-index: -1;
-  border-width: 8px;
-  left: -8px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
-  border-bottom-color: #aeaeae;
-}
-
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
-  top: 0;
-  margin-top: -8px;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  border-top: none;
-  border-bottom-color: #f0f0f0;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::after {
-  top: 0;
-}
-.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle::before {
-  top: -1px;
-  border-bottom-color: #aeaeae;
-}
-
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
-  bottom: 0;
-  margin-bottom: -8px;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before, .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
-  border-bottom: none;
-  border-top-color: #fff;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::after {
-  bottom: 0;
-}
-.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle::before {
-  bottom: -1px;
-  border-top-color: #aeaeae;
-}
-
 .react-datepicker-wrapper {
   display: inline-block;
   padding: 0;
@@ -817,11 +765,9 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
   border-radius: 0.3rem;
   display: inline-block;
   position: relative;
+  line-height: initial;
 }
 
-.react-datepicker--time-only .react-datepicker__triangle {
-  left: 35px;
-}
 .react-datepicker--time-only .react-datepicker__time-container {
   border-left: 0;
 }
@@ -831,37 +777,20 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
   border-bottom-right-radius: 0.3rem;
 }
 
-.react-datepicker__triangle {
-  position: absolute;
-  left: 50px;
-}
-
 .react-datepicker-popper {
   z-index: 1;
+  line-height: 0;
 }
-.react-datepicker-popper[data-placement^=bottom] {
-  padding-top: 10px;
-}
-.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle, .react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle {
-  left: auto;
-  right: 50px;
-}
-.react-datepicker-popper[data-placement^=top] {
-  padding-bottom: 10px;
+.react-datepicker-popper .react-datepicker__triangle {
+  stroke: #aeaeae;
 }
-.react-datepicker-popper[data-placement^=right] {
-  padding-left: 8px;
-}
-.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle {
-  left: auto;
-  right: 42px;
-}
-.react-datepicker-popper[data-placement^=left] {
-  padding-right: 8px;
+.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
+  fill: #f0f0f0;
+  color: #f0f0f0;
 }
-.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle {
-  left: 42px;
-  right: auto;
+.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
+  fill: #fff;
+  color: #fff;
 }
 
 .react-datepicker__header {
@@ -903,6 +832,11 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
   font-size: 0.944rem;
 }
 
+h2.react-datepicker__current-month {
+  padding: 0;
+  margin: 0;
+}
+
 .react-datepicker-time__header {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -1203,10 +1137,10 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
   background-color: #ff6803;
   color: #fff;
 }
-.react-datepicker__day--holidays .holiday-overlay,
-.react-datepicker__month-text--holidays .holiday-overlay,
-.react-datepicker__quarter-text--holidays .holiday-overlay,
-.react-datepicker__year-text--holidays .holiday-overlay {
+.react-datepicker__day--holidays .overlay,
+.react-datepicker__month-text--holidays .overlay,
+.react-datepicker__quarter-text--holidays .overlay,
+.react-datepicker__year-text--holidays .overlay {
   position: absolute;
   bottom: 100%;
   left: 50%;
@@ -1226,10 +1160,10 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
 .react-datepicker__year-text--holidays:hover {
   background-color: #cf5300;
 }
-.react-datepicker__day--holidays:hover .holiday-overlay,
-.react-datepicker__month-text--holidays:hover .holiday-overlay,
-.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
-.react-datepicker__year-text--holidays:hover .holiday-overlay {
+.react-datepicker__day--holidays:hover .overlay,
+.react-datepicker__month-text--holidays:hover .overlay,
+.react-datepicker__quarter-text--holidays:hover .overlay,
+.react-datepicker__year-text--holidays:hover .overlay {
   visibility: visible;
   opacity: 1;
 }
@@ -1338,6 +1272,23 @@ html[data-theme='lawdistrict'] .e-button.--primary-3 {
 .react-datepicker__year-text--disabled:hover {
   background-color: transparent;
 }
+.react-datepicker__day--disabled .overlay,
+.react-datepicker__month-text--disabled .overlay,
+.react-datepicker__quarter-text--disabled .overlay,
+.react-datepicker__year-text--disabled .overlay {
+  position: absolute;
+  bottom: 70%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
+}
 
 .react-datepicker__input-container {
   position: relative;

package/dist/esm/src/components/atoms/AddButton/AddButtonProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface AddButtonProps {
     label?: string;
     className?: string;

package/dist/esm/src/components/atoms/BaseBox/BaseBoxProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BaseBoxProps {
     givenClass?: string;
     color?: 'neutral3' | 'neutral4';

package/dist/esm/src/components/atoms/BottomOverlayMenu/BottomOverlayMenuProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BottomOverlayMenuProps {
     children: React.ReactNode;
 }

package/dist/esm/src/components/atoms/Button/ButtonProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ButtonProps {
     label: string;
     dataQa: string;

package/dist/esm/src/components/atoms/ExpertCard/ExpertCardProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ExpertCardProps {
     title: string;
     description: string;

package/dist/esm/src/components/atoms/MessageInformation/MessageInformationProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MessageInformationProps {
     noImg: boolean;
     text: string | React.ReactNode;

package/dist/esm/src/components/atoms/Radio/RadioProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface RadioProps {
     id?: string;
     name?: string;

package/dist/esm/src/components/atoms/RemoveButton/RemoveButtonProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface RemoveButtonProps {
     label?: string;
     className?: string;

package/dist/esm/src/components/atoms/SearchSelect/SearchSelectProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MenuPlacement } from './SearchSelect';
 type DefaultValue = Record<string, string | null | undefined>;
 export interface SearchSelectProps {

package/dist/esm/src/components/atoms/ShowMoreBox/ShowMoreBoxProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface ShowMoreBoxProps {
     children: React.ReactNode;
     collapsedButtonText?: string;

package/dist/esm/src/components/atoms/TextArea/TextAreaProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TextAreaProps {
     dataQa: string;
     value?: string;

package/dist/esm/src/components/atoms/Tooltip/TooltipProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TooltipProps {
     maxWidth?: number | string;
     visible?: boolean;

package/dist/esm/src/components/atoms/TopBar/TopBarProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TopBarProps {
     hide?: boolean;
     children?: React.ReactNode;

package/dist/esm/src/components/atoms/TrustPilot/TrustPilotProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TrustPilotProps {
     children: React.ReactNode;
 }

package/dist/esm/src/components/molecules/AccordionItem/AccordionItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type AccordionItemProps } from './AccordionItemProps.types';
 import './AccordionItem.scss';
 export declare const AccordionItem: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title }: AccordionItemProps) => JSX.Element;

package/dist/esm/src/components/molecules/AccordionItem/AccordionItemProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface AccordionItemProps {
     accordionRightContent?: React.ReactNode;
     children?: React.ReactNode;

package/dist/esm/src/components/molecules/BaseBoxList/BaseBoxListProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BaseBoxListProps {
     givenClass?: string;
     padded?: boolean;

package/dist/esm/src/components/molecules/BottomFixedBar/BottomFixedBarProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ButtonProps } from '../../atoms';
 export interface BottomFixedBarProps {
     text: string | React.ReactNode;

package/dist/esm/src/components/molecules/BottomOverlay/BottomOverlayProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface BottomOverlayProps {
     givenClass?: string;
     header?: any;

package/dist/esm/src/components/molecules/CountDownMessage/CountDownMessageProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface CountDownMessageProps {
     noImg?: boolean;
     text: string | React.ReactNode;

package/dist/esm/src/components/molecules/MenuItemsSection/MenuItemsSectionProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MenuItemsSectionProps {
     icon?: React.ReactNode;
     title?: string;

package/dist/esm/src/components/molecules/NavBarDropDown/NavBarDropDownProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface List {
     onClick: () => void;
     content: string;

package/dist/esm/src/components/molecules/PricingCard/PricingCardProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type MessageProps } from '../../atoms';
 export interface PricingCardProps {
     order?: number;

package/dist/esm/src/components/molecules/StepGetForm/StepGetFormProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface StepGetFormProps {
     id: string;
     description: string;

package/dist/esm/src/components/molecules/TextInput/TextInputProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TextInputProps {
     label?: string;
     name?: string;

package/dist/esm/src/components/molecules/TooltipMenu/TooltipMenuProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TooltipMenuProps {
     options: Array<{
         content: string;

package/dist/esm/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TrustworthyWebsitesProps {
     images: ImageStructure[];
 }

package/dist/esm/src/components/molecules/TypeModulesList/TypeModulesListProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type RichTextStrapiProps } from '../../atoms';
 export interface TypeModulesListProps {
     typeModules: TypeModule[];

package/dist/esm/src/components/organisms/AboutUsContent/AboutUsContentProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type ButtonProps } from '../../atoms';
 export interface AboutUsContentProps {
     children: React.ReactNode;

package/dist/esm/src/components/organisms/Accordion/Accordion.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type AccordionProps } from './AccordionProps.types';
 import './Accordion.scss';
 export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => JSX.Element;

package/dist/esm/src/components/organisms/Accordion/AccordionProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface AccordionItem {
     accordionRightContent?: React.ReactNode;
     children?: React.ReactNode;

package/dist/esm/src/components/organisms/AsSeeInContent/AsSeeInContentProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type TrustworthyWebsitesProps } from '../../molecules/TrustworthyWebsites';
 export interface AsSeeInContentProps {
     children: React.ReactNode;

package/dist/esm/src/components/organisms/FaqGroup/FaqGroupProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type FaqItemProps } from '../../molecules';
 export interface FaqGroupProps {
     id: string;

package/dist/esm/src/components/organisms/GuidelinesContent/GuidelinesContentProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface GuidelinesContentProps {
     title: string;
     image: React.ReactNode;

package/dist/esm/src/components/organisms/LanguageSelector/LenguageSelectorItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LenguageSelectorItem {
     code: string;
     url: string;

package/dist/esm/src/components/organisms/MobileBottomBar/MobileBottomBarProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface MobileBottomBarProps {
     active?: boolean;
     list?: any[];

package/dist/esm/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TryOurFreeLegalBlogsContentProps {
     title: string;
     image: React.ReactNode;

package/dist/esm/src/components/sections/AsideMenuSection/AsideMenuSectionProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface AsideMenuSectionProps {
     items: Array<{
         id: string;

package/dist/esm/src/components/sections/LearnMoreSection/LearnMoreSectionProps.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface LearnMoreSectionProps {
     title: string;
     description: string;

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import React$1, { FC, ReactNode, MouseEventHandler, RefObject } from 'react';
 import { IGatsbyImageData } from 'gatsby-plugin-image';
 

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.50.0",
+  "version": "3.0.0",
   "dependencies": {
-    "@testing-library/jest-dom": "^6.1.4",
+    "@testing-library/jest-dom": "^6.4.6",
     "@tippyjs/react": "4.2.6",
     "node-fetch": "^3.3.2",
     "postcss-url": "^10.1.3",
-    "react-datepicker": "^4.23.0",
+    "react-datepicker": "^7.3.0",
     "react-input-mask": "^2.0.4",
-    "react-number-format": "^5.3.1",
+    "react-number-format": "^5.4.0",
     "react-select": "^5.8.0",
     "react-swipeable": "^7.0.1",
-    "sanitize-html": "^2.11.0"
+    "sanitize-html": "^2.13.0"
   },
   "license": "MIT",
   "browserslist": {
@@ -27,96 +27,99 @@
     ]
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.4",
-    "@babel/core": "^7.23.3",
-    "@babel/plugin-transform-runtime": "^7.23.4",
-    "@babel/preset-env": "^7.23.3",
-    "@babel/preset-flow": "^7.23.3",
-    "@babel/preset-react": "^7.23.3",
-    "@babel/preset-typescript": "^7.23.3",
+    "@babel/cli": "^7.24.7",
+    "@babel/core": "^7.24.7",
+    "@babel/plugin-transform-runtime": "^7.24.7",
+    "@babel/preset-env": "^7.24.7",
+    "@babel/preset-flow": "^7.24.7",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@chromatic-com/storybook": "^1.6.1",
     "@gatsbyjs/reach-router": "^2.0.1",
     "@jest/globals": "^29.7.0",
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-commonjs": "^26.0.1",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
-    "@storybook/addon-a11y": "^7.6.9",
-    "@storybook/addon-actions": "^7.6.9",
-    "@storybook/addon-controls": "^7.6.9",
-    "@storybook/addon-essentials": "^7.6.9",
-    "@storybook/addon-links": "^7.6.9",
-    "@storybook/react": "^7.6.9",
-    "@storybook/react-webpack5": "^7.6.9",
-    "@testing-library/jest-dom": "^6.1.4",
-    "@testing-library/react": "^14.1.2",
-    "@types/jest": "^29.5.10",
-    "@types/node": "^20.10.0",
-    "@types/react": "^18.2.38",
-    "@types/react-datepicker": "^4.19.3",
-    "@typescript-eslint/eslint-plugin": "^6.12.0",
-    "@typescript-eslint/parser": "^6.12.0",
-    "autoprefixer": "^10.4.16",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@storybook/addon-a11y": "^8.1.11",
+    "@storybook/addon-actions": "^8.1.11",
+    "@storybook/addon-controls": "^8.1.11",
+    "@storybook/addon-essentials": "^8.1.11",
+    "@storybook/addon-links": "^8.1.11",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
+    "@storybook/react": "^8.1.11",
+    "@storybook/react-webpack5": "^8.1.11",
+    "@testing-library/dom": "^10.3.1",
+    "@testing-library/jest-dom": "^6.4.6",
+    "@testing-library/react": "^16.0.0",
+    "@types/jest": "^29.5.12",
+    "@types/node": "^20.14.10",
+    "@types/react": "^18.3.3",
+    "@types/react-datepicker": "^6.2.0",
+    "@typescript-eslint/eslint-plugin": "^7.15.0",
+    "@typescript-eslint/parser": "^7.15.0",
+    "autoprefixer": "^10.4.19",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^29.7.0",
     "babel-loader": "^9.1.3",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
     "babel-preset-react-app": "^10.0.1",
-    "chromatic": "^9.1.0",
+    "chromatic": "^11.5.4",
     "classnames": "^2.3.2",
     "clean-webpack-plugin": "^4.0.0",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.8.1",
+    "css-loader": "^7.1.2",
     "enzyme": "^3.11.0",
-    "eslint": "^8.54.0",
-    "eslint-config-prettier": "^9.0.0",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-config-standard-with-typescript": "^40.0.0",
-    "eslint-plugin-import": "^2.29.0",
-    "eslint-plugin-jsx-a11y": "^6.8.0",
-    "eslint-plugin-n": "^16.3.1",
-    "eslint-plugin-prettier": "^5.0.1",
-    "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-n": "^16.6.2",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-promise": "^6.4.0",
+    "eslint-plugin-react": "^7.34.3",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-require-explicit-generics": "^1.0.0",
-    "eslint-plugin-storybook": "^0.6.15",
-    "gatsby-link": "^5.12.1",
-    "gatsby-plugin-image": "^3.12.3",
-    "husky": "^8.0.3",
+    "eslint-plugin-storybook": "^0.8.0",
+    "gatsby-link": "^5.13.1",
+    "gatsby-plugin-image": "^3.13.1",
+    "husky": "^9.0.11",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-sonar-reporter": "^2.0.0",
     "jest-svg-transformer": "^1.0.0",
-    "lint-staged": "^15.1.0",
+    "lint-staged": "^15.2.7",
     "node-sass": "^8.0.0",
     "path": "^0.12.7",
-    "postcss": "^8.4.31",
-    "postcss-loader": "^7.3.3",
-    "prettier": "3.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
-    "rollup": "^4.5.2",
+    "postcss": "^8.4.39",
+    "postcss-loader": "^7.3.4",
+    "prettier": "3.3.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-test-renderer": "^18.3.1",
+    "rollup": "^4.18.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-copy": "^3.5.0",
-    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-uglify": "^6.0.4",
-    "rollup-plugin-visualizer": "^5.9.3",
-    "sass-loader": "13.3.2",
-    "storybook": "^7.6.9",
-    "style-loader": "^3.3.3",
-    "ts-jest": "^29.1.1",
-    "ts-node": "^10.9.1",
-    "tslib": "^2.6.2",
-    "typescript": "^5.3.2"
+    "rollup-plugin-visualizer": "^5.12.0",
+    "sass-loader": "13.3.3",
+    "storybook": "^8.1.11",
+    "style-loader": "^3.3.4",
+    "ts-jest": "^29.1.5",
+    "ts-node": "^10.9.2",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.3"
   },
   "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "scripts": {
     "start": "storybook dev -p 6006",
@@ -131,7 +134,7 @@
     "format": "prettier --write \"**/*.{js,jsx,json,md,ts,tsx}\"",
     "jest": "jest --maxWorkers=2",
     "test": "jest --coverage",
-    "prepare": "husky install",
+    "prepare": "husky",
     "eslint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
     "chromatic": "npx chromatic --project-token=chpt_40b7839227248f8"
   },