refactor(carousel): implement composable carousel with embla

.gitignore

@@ -40,3 +40,5 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+*storybook.log

.storybook/main.ts

@@ -1,4 +1,3 @@
-/** @type { import('@storybook/react-webpack5').StorybookConfig } */
 import type { StorybookConfig } from "@storybook/nextjs"
 
 const config: StorybookConfig = {
@@ -13,6 +12,6 @@ const config: StorybookConfig = {
     name: "@storybook/nextjs",
     options: {},
   },
-  staticDirs: ["..\\public"],
+  staticDirs: ["../public"],
 }
 export default config

.storybook/preview.ts

@@ -1,4 +1,5 @@
 import type { Preview } from "@storybook/react"
+import "../src/app/globals.css"
 
 const preview: Preview = {
   initialGlobals: {

package.json

@@ -6,7 +6,12 @@
     "dev": "next dev --turbopack",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "format": "prettier --write .",
+    "type-check": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "@headlessui/react": "^2.2.1",
@@ -20,13 +25,16 @@
     "algoliasearch": "^5.20.3",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
+    "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.5.2",
+    "embla-carousel-wheel-gestures": "^8.1.0",
     "i18next": "^25.2.1",
     "i18next-browser-languagedetector": "^8.1.0",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "next": "15.1.4",
     "next-intl": "^3.26.3",
+    "prettier": "^3.6.2",
     "react": "^19.0.0",
     "react-country-flag": "^3.1.0",
     "react-dom": "^19.0.0",

src/components/atoms/index.ts

@@ -1,41 +1,18 @@
-import { Button } from "./Button/Button"
-import { IconButton } from "./IconButton/IconButton"
-import { Avatar } from "./Avatar/Avatar"
-import { Badge } from "./Badge/Badge"
-import { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs"
-import { Checkbox } from "./Checkbox/Checkbox"
-import { Chip } from "./Chip/Chip"
-import { Divider } from "./Divider/Divider"
-import { Indicator } from "./Indicator/Indicator"
-import { Input } from "./Input/Input"
-import { Textarea } from "./Textarea/Textarea"
-import { PaginationButton } from "./PaginationButton/PaginationButton"
-import { Card } from "./Card/Card"
-import { StarRating } from "./StarRating/StarRating"
-import { InteractiveStarRating } from "./InteractiveStarRating/InteractiveStarRating"
-import { Label } from "./Label/Label"
-import { TabsTrigger } from "./TabsTrigger/TabsTrigger"
-import { NavigationItem } from "./NavigationItem/NavigationItem"
-import { LogoutButton } from "./LogoutButton/LogoutButton"
-
-export {
-  Button,
-  IconButton,
-  Avatar,
-  Badge,
-  Breadcrumbs,
-  Checkbox,
-  Chip,
-  Divider,
-  Indicator,
-  Input,
-  Textarea,
-  PaginationButton,
-  Card,
-  StarRating,
-  InteractiveStarRating,
-  Label,
-  TabsTrigger,
-  NavigationItem,
-  LogoutButton,
-}
+export { Button } from "./Button/Button"
+export { IconButton } from "./IconButton/IconButton"
+export { Avatar } from "./Avatar/Avatar"
+export { Badge } from "./Badge/Badge"
+export { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs"
+export { Checkbox } from "./Checkbox/Checkbox"
+export { Chip } from "./Chip/Chip"
+export { Divider } from "./Divider/Divider"
+export { Input } from "./Input/Input"
+export { Textarea } from "./Textarea/Textarea"
+export { PaginationButton } from "./PaginationButton/PaginationButton"
+export { Card } from "./Card/Card"
+export { StarRating } from "./StarRating/StarRating"
+export { InteractiveStarRating } from "./InteractiveStarRating/InteractiveStarRating"
+export { Label } from "./Label/Label"
+export { TabsTrigger } from "./TabsTrigger/TabsTrigger"
+export { NavigationItem } from "./NavigationItem/NavigationItem"
+export { LogoutButton } from "./LogoutButton/LogoutButton"