@tui-cruises/mein-schiff-web-react-component-library 2.0.0-rc.1

package/icons/pictograms/video.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+const SvgVideo = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="m27.012 27.948-5.077-3.745a.58.58 0 0 0-.597-.052.57.57 0 0 0-.315.512v7.488a.572.572 0 0 0 .912.46l5.077-3.746a.57.57 0 0 0 0-.92z"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M6.294 11.202a.57.57 0 0 0-.42.691L7.04 16.65l.007.027a.6.6 0 0 0-.018.143v8.028a.571.571 0 0 0 1.143 0v-2.557h24.826v11.446H8.172v-2.04a.571.571 0 0 0-1.143 0v2.611c0 .316.256.572.571.572H33.57a.57.57 0 0 0 .571-.572V16.82a.57.57 0 0 0-.571-.572H11.081l21.873-5.356a.57.57 0 0 0 .419-.691l-1.165-4.757a.57.57 0 0 0-.69-.419zm2.176 9.946h-.298v-3.754h2.005zm1.256 0h1.8l1.707-3.754h-1.8zm4.856 0h-1.8l1.707-3.754h1.8zm1.255 0h1.802l1.708-3.754h-1.803zm4.857 0h-1.8l1.709-3.754H22.4zm1.256 0h1.8l1.707-3.754h-1.8zm4.858 0h-1.803l1.707-3.754h1.803zm1.256 0h1.8l1.707-3.754h-1.8zm4.934 0h-1.879l1.707-3.754h.172zM8.014 15.823l-.893-3.647 1.948-.477-.76 4.052zm1.513-.37.761-4.052 1.75-.429-.764 4.052zm2.967-.727 1.75-.429.76-4.051-1.747.428zm4.717-1.156-1.75.429.761-4.052 1.75-.428zm1.22-.298 1.746-.428.763-4.052-1.749.428zm4.715-1.155-1.75.428.764-4.052 1.747-.427zm1.219-.298 1.747-.428.763-4.052-1.75.428zm4.715-1.155-1.75.428.764-4.052 1.75-.428zm1.22-.299 1.827-.447-.893-3.647-.172.042zm-10.8 13.38a.571.571 0 0 0-.911.46v7.492a.571.571 0 0 0 .91.46l5.078-3.746a.57.57 0 0 0 0-.92zm.232 6.82v-5.228l3.543 2.614z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgVideo;

package/icons/pictograms/waste-management.tsx

@@ -0,0 +1,30 @@
+import type { SVGProps } from 'react';
+const SvgWasteManagement = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <g clipPath="url(#waste-management_svg__a)">
+      <path
+        fill="#85CEE4"
+        fillOpacity={0.6}
+        d="M19.171 30.171a.56.56 0 0 0-.4-.171h-8.6l2.4-4.143 1.2.686c.172.114.4.085.572 0 .171-.114.286-.286.257-.514l-.314-6.915c0-.2-.115-.371-.286-.457a.6.6 0 0 0-.543 0l-6.171 3.171c-.172.086-.286.286-.315.486 0 .2.115.4.286.486l1.2.686L5.4 28.714a1.6 1.6 0 0 0 0 1.6l2.114 3.657c.286.486.829.8 1.4.8h9.829c.314 0 .543-.257.543-.571V30.57a.51.51 0 0 0-.115-.4"
+      />
+      <path
+        fill="#263E6A"
+        fillRule="evenodd"
+        d="M27.657 18c-.086 0-.171-.029-.257-.058l-6.229-3.2a.53.53 0 0 1-.314-.485c0-.2.114-.4.286-.514l1.171-.686-4.057-7.029a.53.53 0 0 0-.429-.257.47.47 0 0 0-.428.257L12.771 14l2.2 1.257L18.2 9.685c.171-.285.514-.371.771-.2.286.172.372.515.2.772l-3.514 6.057c-.171.286-.514.371-.771.2l-3.172-1.829a.51.51 0 0 1-.257-.343c-.029-.142-.029-.314.057-.428L16.4 5.457c.286-.515.829-.8 1.428-.8h4.258a1.61 1.61 0 0 1 1.4.828l3.028 5.2L27.686 10a.52.52 0 0 1 .571 0 .64.64 0 0 1 .286.514l-.314 6.943c0 .2-.115.371-.286.457a.55.55 0 0 1-.286.086m-5.029-3.772 4.486 2.315.229-5-.772.428c-.285.143-.628.057-.771-.2l-3.314-5.714a.53.53 0 0 0-.429-.257H19.43l4.2 7.2a.57.57 0 0 1 .057.428.53.53 0 0 1-.258.343zm-5.485 19.2H7.314a1.65 1.65 0 0 1-1.4-.771l-.028-.029-2.115-3.686a1.65 1.65 0 0 1 0-1.628l3.029-5.2-1.171-.657a.6.6 0 0 1-.286-.515c0-.2.114-.4.314-.485l6.2-3.2a.6.6 0 0 1 .543 0 .54.54 0 0 1 .286.457L13 24.657c0 .2-.086.4-.286.514a.52.52 0 0 1-.571 0l-1.172-.686-4.085 7.058a.49.49 0 0 0 0 .485.53.53 0 0 0 .428.257h9.257v-2.514h-6.457a.573.573 0 0 1-.571-.571c0-.315.257-.572.571-.572h7.029c.314 0 .571.257.571.572v3.657a.573.573 0 0 1-.571.571M7.114 20.971l.772.429a.51.51 0 0 1 .257.343c.028.142.028.314-.057.428L4.77 27.885a.49.49 0 0 0 0 .486l1.315 2.286 4.2-7.2c.171-.286.514-.372.771-.2l.771.428-.228-5zM25.743 35.2a.65.65 0 0 0 .314.085c.086 0 .2-.028.286-.057a.64.64 0 0 0 .285-.514v-1.343h6.086c.572 0 1.114-.286 1.4-.8l2.114-3.657c0-.014.008-.021.015-.029q.012-.009.014-.028c.257-.514.257-1.114-.029-1.6L31.314 18.8c-.143-.257-.486-.343-.771-.2l-3.2 1.828a.53.53 0 0 0-.257.343.57.57 0 0 0 .057.429l3.514 6.057a.554.554 0 0 0 .771.2.554.554 0 0 0 .2-.772L28.4 21.114l2.2-1.257 4.6 7.971a.49.49 0 0 1 0 .486.5.5 0 0 1-.429.229H26.6V27.2a.6.6 0 0 0-.286-.515.58.58 0 0 0-.571.029l-5.886 3.743a.56.56 0 0 0-.257.486c0 .2.086.371.257.485zm-.257-1.543-4.257-2.714 4.257-2.686v.886c0 .314.257.571.571.571h8.372l-1.315 2.257a.5.5 0 0 1-.428.229h-6.629a.573.573 0 0 0-.571.571z"
+        clipRule="evenodd"
+      />
+    </g>
+    <defs>
+      <clipPath id="waste-management_svg__a">
+        <path fill="#fff" d="M3.429 4.571h33.143v30.857H3.429z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgWasteManagement;

package/icons/pictograms/webinar.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+const SvgWebinar = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="m23.997 14.783-3.04-2.24a.58.58 0 0 0-.597-.051.57.57 0 0 0-.314.51v4.484a.572.572 0 0 0 .911.46l3.04-2.24a.57.57 0 0 0 0-.92z"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M34.363 30.74q0-.024-.006-.049a.4.4 0 0 0-.011-.077q0-.009-.003-.02l-2.394-8.34V7.517a.573.573 0 0 0-.572-.572H8.623a.573.573 0 0 0-.572.572v9.42c0 .314.258.571.572.571a.573.573 0 0 0 .571-.571V8.088h21.612v13.677H9.194v-2.011a.573.573 0 0 0-.571-.572.573.573 0 0 0-.572.572v2.503l-2.394 8.34s0 .011-.003.017a1 1 0 0 0-.014.08q0 .02-.006.046v1.743c0 .314.257.57.572.57h27.588a.573.573 0 0 0 .572-.57V30.74zM9.054 22.908H30.95l2.088 7.275H6.966zm-2.277 9.003v-.586h26.446v.586zm9.012-2.509a.57.57 0 0 1-.095-.5l.658-2.291a.57.57 0 0 1 .548-.414h2.917c.314 0 .572.257.572.571a.573.573 0 0 1-.572.572h-2.486l-.328 1.148h5.991l-.328-1.148h-.703a.573.573 0 0 1-.572-.572c0-.314.258-.571.572-.571h1.134a.57.57 0 0 1 .549.414l.657 2.291a.575.575 0 0 1-.551.729h-7.51a.57.57 0 0 1-.456-.229zm3.377-11.785 3.04-2.24a.57.57 0 0 0 0-.92l-3.04-2.24a.574.574 0 0 0-.912.463v4.48a.575.575 0 0 0 .912.462zm.231-3.809 1.506 1.109-1.506 1.108z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgWebinar;

package/icons/pictograms/wheel-of-fortune.tsx

@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+const SvgWheelOfFortune = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      d="M27.117 3.22a.57.57 0 0 0-.323-.417c-.074-.035-1.871-.849-4.84-.849s-4.708.854-4.783.892a.58.58 0 0 0-.308.42.57.57 0 0 0 .16.494l4.545 4.546a.57.57 0 0 0 .806 0l4.58-4.58a.57.57 0 0 0 .157-.503z"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M20 4.1a14 14 0 0 0-3.543.455L20 8.098l3.545-3.543A14 14 0 0 0 20 4.1M6.07 18.029c0-6.016 3.813-11.14 9.155-13.09l1.782 1.783c-5.01 1.322-8.703 5.883-8.703 11.306 0 6.459 5.236 11.695 11.695 11.695 6.458 0 11.694-5.236 11.694-11.695 0-5.425-3.694-9.984-8.701-11.306l1.783-1.782c5.34 1.95 9.152 7.074 9.152 13.089 0 7.692-6.236 13.928-13.928 13.928S6.07 25.721 6.07 18.029m11.733-.572h-8.34a10.5 10.5 0 0 1 2.682-6.474l5.897 5.897a2.3 2.3 0 0 0-.24.577m0 1.143h-8.34a10.5 10.5 0 0 0 2.682 6.474l5.897-5.897a2.3 2.3 0 0 1-.24-.577m1.047 1.385-5.897 5.898a10.5 10.5 0 0 0 6.474 2.682v-8.34a2.3 2.3 0 0 1-.577-.24m1.72.24v8.34a10.5 10.5 0 0 0 6.475-2.683l-5.898-5.897a2.3 2.3 0 0 1-.577.24m1.385-1.048 5.898 5.897a10.5 10.5 0 0 0 2.682-6.474h-8.34a2.3 2.3 0 0 1-.24.577m.24-1.72h8.34a10.5 10.5 0 0 0-2.683-6.474l-5.897 5.897q.158.268.24.577m-1.048-1.385 5.897-5.897a10.5 10.5 0 0 0-5.006-2.5L20.57 9.143v6.69c.205.054.4.135.577.24m-1.72-.24v-6.69l-1.467-1.467a10.5 10.5 0 0 0-5.007 2.5l5.897 5.897q.268-.158.577-.24m-14.5 2.197C4.928 9.705 11.676 2.957 20 2.957S35.07 9.705 35.07 18.029c0 6.217-3.765 11.556-9.14 13.859l2.064 4.422a.571.571 0 1 1-1.036.483l-2.098-4.494c-1.525.52-3.16.8-4.861.8s-3.337-.28-4.862-.8l-2.098 4.494a.571.571 0 0 1-1.035-.483l2.064-4.422c-5.375-2.303-9.14-7.642-9.14-13.86m6.003-8.498a.571.571 0 1 0 0-1.143.571.571 0 0 0 0 1.143M7.177 18.6a.571.571 0 1 0 0-1.143.571.571 0 0 0 0 1.143m12.826 12.826a.571.571 0 1 0 0-1.143.571.571 0 0 0 0 1.143m13.394-13.397a.571.571 0 1 1-1.143 0 .571.571 0 0 1 1.143 0m-3.754 9.068a.571.571 0 1 1-1.143 0 .571.571 0 0 1 1.143 0m-18.712.571a.571.571 0 1 0 0-1.143.571.571 0 0 0 0 1.143M29.643 8.96a.571.571 0 1 1-1.143 0 .571.571 0 0 1 1.143 0m-10.769 9.069a1.126 1.126 0 1 1 2.251 0 1.126 1.126 0 0 1-2.251 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgWheelOfFortune;

package/icons/pictograms/wifi.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgWifi = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#BEE3EE"
+      d="M31.106 12.689a16.957 16.957 0 0 0-22.697 0 1.42 1.42 0 0 0-.052 2.062L18.754 25.15c.277.277.64.414 1.006.414s.729-.137 1.006-.414L31.163 14.75a1.426 1.426 0 0 0-.051-2.063z"
+    />
+    <path
+      fill="#263E6A"
+      d="M24.42 23.657a.7.7 0 0 1-.506-.208 5.84 5.84 0 0 0-4.157-1.723 5.84 5.84 0 0 0-4.157 1.723.714.714 0 0 1-1.011 0 .714.714 0 0 1 0-1.012 7.26 7.26 0 0 1 5.168-2.14c1.954 0 3.786.76 5.166 2.14a.714.714 0 0 1-.506 1.22zm3.969-3.674a.714.714 0 0 0 0-1.012c-4.76-4.76-12.503-4.76-17.263 0a.714.714 0 0 0 0 1.012c.28.28.731.28 1.011 0 4.203-4.203 11.04-4.203 15.243 0 .14.14.323.209.506.209a.7.7 0 0 0 .506-.21zm3.488-3.489a.714.714 0 0 0 0-1.011 17.03 17.03 0 0 0-12.12-5.02 17.03 17.03 0 0 0-12.12 5.02.714.714 0 0 0 0 1.011c.28.28.732.28 1.012 0a15.6 15.6 0 0 1 11.111-4.602 15.6 15.6 0 0 1 11.112 4.602c.14.14.322.209.505.209a.71.71 0 0 0 .506-.209zm-13.74 12.732a2.292 2.292 0 1 0 3.24-3.242 2.292 2.292 0 0 0-3.24 3.242"
+    />
+  </svg>
+);
+export default SvgWifi;

package/icons/pictograms/wind.tsx

@@ -0,0 +1,25 @@
+import type { SVGProps } from 'react';
+const SvgWind = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={40}
+    height={40}
+    fill="none"
+    {...props}
+  >
+    <path
+      fill="#85CEE4"
+      fillOpacity={0.6}
+      fillRule="evenodd"
+      d="M30.069 17.326a2.95 2.95 0 0 1 2.948-2.949 2.95 2.95 0 0 1 2.949 2.949 2.95 2.95 0 0 1-2.949 2.948H11.863a.571.571 0 1 0 0 1.143h21.154a4.093 4.093 0 0 0 4.092-4.091 4.093 4.093 0 0 0-4.092-4.092 4.093 4.093 0 0 0-4.091 4.092.571.571 0 1 0 1.143 0M3.472 20.274a.571.571 0 1 0 0 1.143h5.617a.571.571 0 1 0 0-1.143z"
+      clipRule="evenodd"
+    />
+    <path
+      fill="#263E6A"
+      fillRule="evenodd"
+      d="M23.775 12.269a2.023 2.023 0 0 0-2.023 2.023.571.571 0 1 1-1.143 0 3.166 3.166 0 1 1 3.166 3.165h-7.772a.571.571 0 1 1 0-1.143h7.772a2.025 2.025 0 0 0 2.022-2.022 2.025 2.025 0 0 0-2.022-2.023m-9.08 12.491c0-.315.255-.571.571-.571H26.1a2.41 2.41 0 0 1 2.412 2.411 2.41 2.41 0 1 1-4.823 0 .571.571 0 1 1 1.143 0 1.27 1.27 0 1 0 1.268-1.268H15.266a.57.57 0 0 1-.571-.572m-5.706-8.445a.571.571 0 1 0 0 1.142h4.263a.571.571 0 1 0 0-1.142z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgWind;

package/index.tsx

@@ -0,0 +1,73 @@
+/**
+ * Core Components
+ */
+export * from './src/components/core/Accordion';
+export * from './src/components/core/Alert';
+export * from './src/components/core/AlertDialog';
+export * from './src/components/core/BirthdateField';
+export * from './src/components/core/Button/Button';
+export * from './src/components/core/ButtonGroup';
+export * from './src/components/core/Calendar';
+export * from './src/components/core/Checkbox';
+export * from './src/components/core/CheckboxField';
+export * from './src/components/core/Countdown';
+export * from './src/components/core/DataTable';
+export * from './src/components/core/Dialog';
+export * from './src/components/core/Divider';
+export * from './src/components/core/Fieldset';
+export * from './src/components/core/FormLabel';
+export * from './src/components/core/Icon';
+export * from './src/components/core/LoadingSpinner';
+export * from './src/components/core/Pictogram';
+export * from './src/components/core/Portlist';
+export * from './src/components/core/QuantityItem';
+export * from './src/components/core/RangeSlider';
+export * from './src/components/core/SegmentedControl';
+export * from './src/components/core/Skeleton';
+export * from './src/components/core/SwitchToggle';
+export * from './src/components/core/Tag';
+export * from './src/components/core/Tooltip';
+export * from './src/components/core/FavoriteButton';
+export * from './src/components/core/IconButton';
+export * from './src/components/core/InputField';
+export * from './src/components/core/Pagination';
+export * from './src/components/core/PasswordField';
+export * from './src/components/core/PhoneNumberInput';
+export * from './src/components/core/PriceInput';
+export * from './src/components/core/Popover';
+export * from './src/components/core/Radio';
+export * from './src/components/core/RadioField';
+export * from './src/components/core/RadixRadio';
+export * from './src/components/core/RadixSelect';
+export * from './src/components/core/Section';
+export * from './src/components/core/Select';
+export * from './src/components/core/SelectField';
+export * from './src/components/core/Stepper';
+export * from './src/components/core/Tabs';
+export * from './src/components/core/TextButton';
+export * from './src/components/core/Toast';
+
+// Shared Components
+export * from './src/components/shared/NextFontMeinSchiffSansPro'; // @todo: Own NPM package
+export * from './src/components/shared/UniversalCarousel';
+
+/**
+ * Hooks
+ */
+export * from './src/hooks/use-active-screen-names';
+export * from './src/hooks/use-screen-name';
+export * from './src/hooks/use-screen-name-at-least';
+export * from './src/hooks/use-toasts';
+export * from './src/hooks/use-intersection-observer';
+export * from './src/hooks/use-store';
+
+/** 
+ * Public Helpers
+ */
+export * from './src/helpers/store';
+export * from './src/helpers/screen';
+export * from './src/helpers/responsive-property';
+export { expandString } from './src/helpers/i18n';
+export * from './src/helpers/elementVisibility';
+
+export * from '@radix-ui/react-slot';

package/package.json

@@ -0,0 +1,119 @@
+{
+  "name": "@tui-cruises/mein-schiff-web-react-component-library",
+  "version": "2.0.0-rc.1",
+  "main": "./index.tsx",
+  "types": "./index.tsx",
+  "type": "module",
+  "scripts": {
+    "lint": "eslint \"**/*.ts*\"",
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prettier": "prettier --write ./src",
+    "dev": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "release": "standard-version",
+    "generate-icon-components": "node icons-import-svgs/generate-icons.cjs && prettier --write icons"
+  },
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  },
+  "keywords": [],
+  "author": "",
+  "license": "BSL",
+  "description": "",
+  "files": [
+    "icons/",
+    "public/",
+    "src/",
+    "!src/**/*.stories.*",
+    "index.tsx",
+    "CHANGELOG.md",
+    "custom.d.ts",
+    "LICENSE",
+    "package.json",
+    "README.md"
+  ],
+  "dependencies": {
+    "@next/font": "^13.5.3",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-alert-dialog": "^1.0.4",
+    "@radix-ui/react-checkbox": "^1.0.4",
+    "@radix-ui/react-collapsible": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-form": "^0.0.3",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "@radix-ui/react-select": "^2.1.2",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tabs": "^1.0.4",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-tooltip": "^1.1.2",
+    "@tui-cruises/mein-schiff-web-tailwind-config": "^2.0.14",
+    "@tuic/i18n": "file:packages/@tuic/packages/i18n",
+    "@tuic/lib": "file:packages/@tuic/packages/lib",
+    "@tuic/logger": "file:packages/@tuic/packages/logger",
+    "@tuic/tracking": "file:packages/@tuic/packages/tracking",
+    "d3": "^7.9.0",
+    "date-fns": "^3.4.0",
+    "dompurify": "^3.0.6",
+    "eslint-config-next": "^13.4.8",
+    "friendly-challenge": "^0.9.16",
+    "libphonenumber-js": "^1.10.54",
+    "lodash": "^4.17.21",
+    "luxon": "^3.5.0",
+    "next": "^14.1.3",
+    "react": "^18.2.0",
+    "react-country-flag": "^3.1.0",
+    "react-day-picker": "^8.10.0",
+    "react-dom": "^18.2.0",
+    "react-is": "^18.2.0",
+    "react-slider": "^2.0.6",
+    "react-youtube": "^10.1.0",
+    "tailwind-merge": "^3.2.0"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
+    "@geometricpanda/storybook-addon-badges": "^2.0.5",
+    "@storybook/addon-a11y": "^8.6.12",
+    "@storybook/addon-controls": "^8.6.12",
+    "@storybook/addon-designs": "^8.2.1",
+    "@storybook/addon-essentials": "^8.6.12",
+    "@storybook/addon-interactions": "^8.6.12",
+    "@storybook/addon-mdx-gfm": "^8.6.12",
+    "@storybook/blocks": "^8.6.12",
+    "@storybook/manager-api": "^8.6.12",
+    "@storybook/nextjs": "^8.6.12",
+    "@storybook/preview-api": "^8.6.12",
+    "@storybook/react": "^8.6.12",
+    "@storybook/test": "^8.6.12",
+    "@storybook/theming": "^8.6.12",
+    "@svgr/cli": "^8.0.1",
+    "@types/d3": "^7.4.3",
+    "@types/lodash": "^4.17.13",
+    "@types/luxon": "^3.4.2",
+    "@types/react": "^18.2.48",
+    "@types/react-is": "^18.2.3",
+    "@types/react-slider": "^1.3.6",
+    "autoprefixer": "^10.4.14",
+    "chromatic": "^11.27.0",
+    "commitizen": "^4.3.1",
+    "esbuild": "^0.19.12",
+    "eslint": "^8.47.0",
+    "postcss": "^8.4.26",
+    "prettier": "^3.0.3",
+    "prettier-plugin-tailwindcss": "^0.4.1",
+    "prop-types": "^15.8.1",
+    "react-markdown": "^10.0.0",
+    "standard-version": "^9.5.0",
+    "storybook": "^8.6.12",
+    "storybook-version": "^0.1.2",
+    "tailwindcss": "^3.4.17",
+    "ts-loader": "^9.5.2",
+    "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "typescript": "^5.7.3"
+  }
+}