npm - erp-pro-ui - Versions diffs - 0.2.6 → 0.2.7 - Mend

erp-pro-ui 0.2.6 → 0.2.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (422) hide show

package/dist/chunks/{carousel-xHkrV_pt.cjs.map → carousel-DtOJEbEU.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-xHkrV_pt.cjs","names":[],"sources":["../../src/components/navigation/carousel/Carousel.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CarouselProps, CarouselAnimation } from \"./types\";\n\nconst variantStyles = {\n default: \"ui:bg-ds-surface-1 ui:shadow-xl\",\n glass:\n \"ui:bg-ds-surface-1/70 ui:backdrop-blur-2xl ui:border ui:border-ds-border-2\",\n minimal: \"ui:bg-transparent\",\n};\n\n// Animation variants for different carousel transitions\nconst getAnimationVariants = (animation: CarouselAnimation) => {\n const variants = {\n slide: {\n enter: (direction: number) => ({\n x: direction > 0 ? \"100%\" : \"-100%\",\n opacity: 0,\n }),\n center: { x: 0, opacity: 1 },\n exit: (direction: number) => ({\n x: direction < 0 ? \"100%\" : \"-100%\",\n opacity: 0,\n }),\n },\n fade: {\n enter: () => ({ opacity: 0 }),\n center: { opacity: 1 },\n exit: () => ({ opacity: 0 }),\n },\n scale: {\n enter: (direction: number) => ({\n scale: 0.8,\n opacity: 0,\n x: direction > 0 ? 50 : -50,\n }),\n center: { scale: 1, opacity: 1, x: 0 },\n exit: (direction: number) => ({\n scale: 0.8,\n opacity: 0,\n x: direction < 0 ? 50 : -50,\n }),\n },\n flip: {\n enter: (direction: number) => ({\n rotateY: direction > 0 ? 90 : -90,\n opacity: 0,\n }),\n center: { rotateY: 0, opacity: 1 },\n exit: (direction: number) => ({\n rotateY: direction < 0 ? 90 : -90,\n opacity: 0,\n }),\n },\n cube: {\n enter: (direction: number) => ({\n rotateY: direction > 0 ? 90 : -90,\n x: direction > 0 ? \"50%\" : \"-50%\",\n opacity: 0,\n scale: 0.8,\n }),\n center: { rotateY: 0, x: 0, opacity: 1, scale: 1 },\n exit: (direction: number) => ({\n rotateY: direction < 0 ? 90 : -90,\n x: direction < 0 ? \"50%\" : \"-50%\",\n opacity: 0,\n scale: 0.8,\n }),\n },\n cards: {\n enter: (direction: number) => ({\n scale: 0.9,\n opacity: 0,\n y: direction > 0 ? 100 : -100,\n rotateZ: direction > 0 ? 5 : -5,\n }),\n center: { scale: 1, opacity: 1, y: 0, rotateZ: 0 },\n exit: (direction: number) => ({\n scale: 0.9,\n opacity: 0,\n y: direction < 0 ? 100 : -100,\n rotateZ: direction < 0 ? 5 : -5,\n }),\n },\n };\n return variants[animation];\n};\n\n// Transition configs for each animation\nconst getTransitionConfig = (\n animation: CarouselAnimation,\n duration: number,\n) => {\n const durationSec = duration / 1000;\n const configs: Record<CarouselAnimation, object> = {\n slide: {\n x: { type: \"spring\", stiffness: 300, damping: 30 },\n opacity: { duration: durationSec },\n },\n fade: {\n opacity: { duration: durationSec, ease: \"easeInOut\" },\n },\n scale: {\n type: \"spring\",\n stiffness: 200,\n damping: 25,\n opacity: { duration: durationSec },\n },\n flip: {\n type: \"spring\",\n stiffness: 100,\n damping: 20,\n opacity: { duration: durationSec * 0.5 },\n },\n cube: {\n type: \"spring\",\n stiffness: 100,\n damping: 20,\n opacity: { duration: durationSec * 0.5 },\n },\n cards: {\n type: \"spring\",\n stiffness: 150,\n damping: 20,\n opacity: { duration: durationSec },\n },\n };\n return configs[animation];\n};\n\nexport const Carousel = ({\n items,\n className,\n autoPlay = 0,\n showArrows = true,\n showDots = true,\n infinite = true,\n pauseOnHover = true,\n animationDuration = 500,\n // gap and slidesPerView reserved for future multi-slide support\n gap: _gap = 0,\n slidesPerView: _slidesPerView = 1,\n renderArrow,\n renderDot,\n onSlideChange,\n variant = \"glass\",\n height = 400,\n style,\n initialSlide = 0,\n draggable = true,\n animation = \"slide\",\n}: CarouselProps) => {\n const animationVariants = getAnimationVariants(animation);\n const transitionConfig = getTransitionConfig(animation, animationDuration);\n const [[currentIndex, direction], setSlide] = useState([initialSlide, 0]);\n const [isPaused, setIsPaused] = useState(false);\n const intervalRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const totalSlides = items.length;\n\n const goToSlide = useCallback(\n (index: number, dir?: number) => {\n let newIndex = index;\n if (infinite) {\n if (index < 0) newIndex = totalSlides - 1;\n else if (index >= totalSlides) newIndex = 0;\n } else {\n if (index < 0) newIndex = 0;\n else if (index >= totalSlides) newIndex = totalSlides - 1;\n }\n const newDirection = dir ?? (newIndex > currentIndex ? 1 : -1);\n setSlide([newIndex, newDirection]);\n onSlideChange?.(newIndex);\n },\n [currentIndex, infinite, totalSlides, onSlideChange],\n );\n\n const goNext = useCallback(\n () => goToSlide(currentIndex + 1, 1),\n [currentIndex, goToSlide],\n );\n const goPrev = useCallback(\n () => goToSlide(currentIndex - 1, -1),\n [currentIndex, goToSlide],\n );\n\n // Auto-play\n useEffect(() => {\n if (autoPlay > 0 && !isPaused) {\n intervalRef.current = setInterval(goNext, autoPlay);\n }\n return () => {\n if (intervalRef.current) clearInterval(intervalRef.current);\n };\n }, [autoPlay, isPaused, goNext]);\n\n // Keyboard navigation\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"ArrowLeft\") goPrev();\n if (e.key === \"ArrowRight\") goNext();\n };\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }, [goNext, goPrev]);\n\n // Drag handling\n const handleDragEnd = (\n _event: MouseEvent \| TouchEvent \| PointerEvent,\n info: {\n offset: { x: number; y: number };\n velocity: { x: number; y: number };\n },\n ) => {\n const threshold = 50;\n if (info.offset.x < -threshold) goNext();\n else if (info.offset.x > threshold) goPrev();\n };\n\n const currentItem = items[currentIndex];\n\n return (\n <div\n className={mergeClassNames(\n \"ui:relative ui:overflow-hidden ui:rounded-2xl ui:w-full\",\n variantStyles[variant],\n className,\n )}\n style={{\n height: typeof height === \"number\" ? `${height}px` : height,\n ...style,\n }}\n onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n >\n {/* Slides /}\n <AnimatePresence initial={false} custom={direction} mode=\"wait\">\n <motion.div\n key={currentIndex}\n custom={direction}\n variants={animationVariants}\n initial=\"enter\"\n animate=\"center\"\n exit=\"exit\"\n transition={transitionConfig}\n drag={draggable ? \"x\" : false}\n dragConstraints={{ left: 0, right: 0 }}\n dragElastic={0.2}\n onDragEnd={handleDragEnd}\n className=\"ui:absolute ui:inset-0 ui:flex ui:items-center ui:justify-center ui:cursor-grab active:ui:cursor-grabbing\"\n style={{\n perspective:\n animation === \"flip\" \|\| animation === \"cube\" ? 1000 : undefined,\n }}\n >\n {currentItem.image ? (\n <div className=\"ui:relative ui:w-full ui:h-full\">\n <img\n src={currentItem.image}\n alt={currentItem.alt \|\| currentItem.title \|\| \"Carousel slide\"}\n className=\"ui:w-full ui:h-full ui:object-cover\"\n />\n {(currentItem.title \|\| currentItem.description) && (\n <div className=\"ui:absolute ui:bottom-0 ui:left-0 ui:right-0 ui:p-6 ui:bg-gradient-to-t ui:from-black/70 ui:to-transparent\">\n {currentItem.title && (\n <h3 className=\"ui:text-2xl ui:font-bold ui:text-ds-on-accent ui:mb-2\">\n {currentItem.title}\n </h3>\n )}\n {currentItem.description && (\n <p className=\"ui:text-ds-on-accent/80\">\n {currentItem.description}\n </p>\n )}\n </div>\n )}\n </div>\n ) : (\n <div className=\"ui:w-full ui:h-full ui:flex ui:items-center ui:justify-center ui:p-6\">\n {currentItem.content}\n </div>\n )}\n </motion.div>\n </AnimatePresence>\n\n {/ Navigation Arrows /}\n {showArrows && totalSlides > 1 && (\n <>\n {renderArrow ? (\n <>\n {renderArrow({ direction: \"prev\", onClick: goPrev })}\n {renderArrow({ direction: \"next\", onClick: goNext })}\n </>\n ) : (\n <>\n <motion.button\n type=\"button\"\n onClick={goPrev}\n className=\"ui:absolute ui:left-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.9 }}\n aria-label=\"Previous slide\"\n >\n <ChevronLeftIcon className=\"ui:w-6 ui:h-6\" aria-hidden=\"true\" />\n </motion.button>\n <motion.button\n type=\"button\"\n onClick={goNext}\n className=\"ui:absolute ui:right-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.9 }}\n aria-label=\"Next slide\"\n >\n <ChevronRightIcon\n className=\"ui:w-6 ui:h-6\"\n aria-hidden=\"true\"\n />\n </motion.button>\n </>\n )}\n </>\n )}\n\n {/ Dot Indicators /}\n {showDots && totalSlides > 1 && (\n <div className=\"ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:z-20 ui:flex ui:gap-2 ui:rounded-full ui:bg-ds-surface-1/30 ui:p-2 ui:backdrop-blur-sm\">\n {items.map((_, index) =>\n renderDot ? (\n renderDot({\n index,\n active: index === currentIndex,\n onClick: () => goToSlide(index),\n })\n ) : (\n <motion.button\n key={index}\n type=\"button\"\n onClick={() => goToSlide(index)}\n className={mergeClassNames(\n \"ui:rounded-full ui:transition-all ui:duration-300\",\n index === currentIndex\n ? \"ui:h-2.5 ui:w-8 ui:bg-ds-accent ui:shadow-lg\"\n : \"ui:h-2.5 ui:w-2.5 ui:bg-ds-surface-3 hover:ui:bg-ds-border-3\",\n )}\n whileHover={{ scale: 1.2 }}\n whileTap={{ scale: 0.9 }}\n aria-label={`Go to slide ${index + 1}`}\n aria-current={index === currentIndex ? \"true\" : undefined}\n />\n ),\n )}\n </div>\n )}\n\n {/ Progress indicator */}\n {autoPlay > 0 && !isPaused && (\n <motion.div\n className=\"ui:absolute ui:bottom-0 ui:left-0 ui:h-1 ui:bg-ds-accent/80 ui:rounded-full\"\n initial={{ width: \"0%\" }}\n animate={{ width: \"100%\" }}\n transition={{ duration: autoPlay / 1000, ease: \"linear\" }}\n key={currentIndex}\n />\n )}\n </div>\n );\n};\n\nCarousel.displayName = \"Carousel\";\n\nexport default Carousel;\n"],"mappings":"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"}
1	+ {"version":3,"file":"carousel-DtOJEbEU.cjs","names":[],"sources":["../../src/components/navigation/carousel/Carousel.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CarouselProps, CarouselAnimation } from \"./types\";\n\nconst variantStyles = {\n default: \"ui:bg-ds-surface-1 ui:shadow-xl\",\n glass:\n \"ui:bg-ds-surface-1/70 ui:backdrop-blur-2xl ui:border ui:border-ds-border-2\",\n minimal: \"ui:bg-transparent\",\n};\n\n// Animation variants for different carousel transitions\nconst getAnimationVariants = (animation: CarouselAnimation) => {\n const variants = {\n slide: {\n enter: (direction: number) => ({\n x: direction > 0 ? \"100%\" : \"-100%\",\n opacity: 0,\n }),\n center: { x: 0, opacity: 1 },\n exit: (direction: number) => ({\n x: direction < 0 ? \"100%\" : \"-100%\",\n opacity: 0,\n }),\n },\n fade: {\n enter: () => ({ opacity: 0 }),\n center: { opacity: 1 },\n exit: () => ({ opacity: 0 }),\n },\n scale: {\n enter: (direction: number) => ({\n scale: 0.8,\n opacity: 0,\n x: direction > 0 ? 50 : -50,\n }),\n center: { scale: 1, opacity: 1, x: 0 },\n exit: (direction: number) => ({\n scale: 0.8,\n opacity: 0,\n x: direction < 0 ? 50 : -50,\n }),\n },\n flip: {\n enter: (direction: number) => ({\n rotateY: direction > 0 ? 90 : -90,\n opacity: 0,\n }),\n center: { rotateY: 0, opacity: 1 },\n exit: (direction: number) => ({\n rotateY: direction < 0 ? 90 : -90,\n opacity: 0,\n }),\n },\n cube: {\n enter: (direction: number) => ({\n rotateY: direction > 0 ? 90 : -90,\n x: direction > 0 ? \"50%\" : \"-50%\",\n opacity: 0,\n scale: 0.8,\n }),\n center: { rotateY: 0, x: 0, opacity: 1, scale: 1 },\n exit: (direction: number) => ({\n rotateY: direction < 0 ? 90 : -90,\n x: direction < 0 ? \"50%\" : \"-50%\",\n opacity: 0,\n scale: 0.8,\n }),\n },\n cards: {\n enter: (direction: number) => ({\n scale: 0.9,\n opacity: 0,\n y: direction > 0 ? 100 : -100,\n rotateZ: direction > 0 ? 5 : -5,\n }),\n center: { scale: 1, opacity: 1, y: 0, rotateZ: 0 },\n exit: (direction: number) => ({\n scale: 0.9,\n opacity: 0,\n y: direction < 0 ? 100 : -100,\n rotateZ: direction < 0 ? 5 : -5,\n }),\n },\n };\n return variants[animation];\n};\n\n// Transition configs for each animation\nconst getTransitionConfig = (\n animation: CarouselAnimation,\n duration: number,\n) => {\n const durationSec = duration / 1000;\n const configs: Record<CarouselAnimation, object> = {\n slide: {\n x: { type: \"spring\", stiffness: 300, damping: 30 },\n opacity: { duration: durationSec },\n },\n fade: {\n opacity: { duration: durationSec, ease: \"easeInOut\" },\n },\n scale: {\n type: \"spring\",\n stiffness: 200,\n damping: 25,\n opacity: { duration: durationSec },\n },\n flip: {\n type: \"spring\",\n stiffness: 100,\n damping: 20,\n opacity: { duration: durationSec * 0.5 },\n },\n cube: {\n type: \"spring\",\n stiffness: 100,\n damping: 20,\n opacity: { duration: durationSec * 0.5 },\n },\n cards: {\n type: \"spring\",\n stiffness: 150,\n damping: 20,\n opacity: { duration: durationSec },\n },\n };\n return configs[animation];\n};\n\nexport const Carousel = ({\n items,\n className,\n autoPlay = 0,\n showArrows = true,\n showDots = true,\n infinite = true,\n pauseOnHover = true,\n animationDuration = 500,\n // gap and slidesPerView reserved for future multi-slide support\n gap: _gap = 0,\n slidesPerView: _slidesPerView = 1,\n renderArrow,\n renderDot,\n onSlideChange,\n variant = \"glass\",\n height = 400,\n style,\n initialSlide = 0,\n draggable = true,\n animation = \"slide\",\n}: CarouselProps) => {\n const animationVariants = getAnimationVariants(animation);\n const transitionConfig = getTransitionConfig(animation, animationDuration);\n const [[currentIndex, direction], setSlide] = useState([initialSlide, 0]);\n const [isPaused, setIsPaused] = useState(false);\n const intervalRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const totalSlides = items.length;\n\n const goToSlide = useCallback(\n (index: number, dir?: number) => {\n let newIndex = index;\n if (infinite) {\n if (index < 0) newIndex = totalSlides - 1;\n else if (index >= totalSlides) newIndex = 0;\n } else {\n if (index < 0) newIndex = 0;\n else if (index >= totalSlides) newIndex = totalSlides - 1;\n }\n const newDirection = dir ?? (newIndex > currentIndex ? 1 : -1);\n setSlide([newIndex, newDirection]);\n onSlideChange?.(newIndex);\n },\n [currentIndex, infinite, totalSlides, onSlideChange],\n );\n\n const goNext = useCallback(\n () => goToSlide(currentIndex + 1, 1),\n [currentIndex, goToSlide],\n );\n const goPrev = useCallback(\n () => goToSlide(currentIndex - 1, -1),\n [currentIndex, goToSlide],\n );\n\n // Auto-play\n useEffect(() => {\n if (autoPlay > 0 && !isPaused) {\n intervalRef.current = setInterval(goNext, autoPlay);\n }\n return () => {\n if (intervalRef.current) clearInterval(intervalRef.current);\n };\n }, [autoPlay, isPaused, goNext]);\n\n // Keyboard navigation\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"ArrowLeft\") goPrev();\n if (e.key === \"ArrowRight\") goNext();\n };\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }, [goNext, goPrev]);\n\n // Drag handling\n const handleDragEnd = (\n _event: MouseEvent \| TouchEvent \| PointerEvent,\n info: {\n offset: { x: number; y: number };\n velocity: { x: number; y: number };\n },\n ) => {\n const threshold = 50;\n if (info.offset.x < -threshold) goNext();\n else if (info.offset.x > threshold) goPrev();\n };\n\n const currentItem = items[currentIndex];\n\n return (\n <div\n className={mergeClassNames(\n \"ui:relative ui:overflow-hidden ui:rounded-2xl ui:w-full\",\n variantStyles[variant],\n className,\n )}\n style={{\n height: typeof height === \"number\" ? `${height}px` : height,\n ...style,\n }}\n onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n >\n {/* Slides /}\n <AnimatePresence initial={false} custom={direction} mode=\"wait\">\n <motion.div\n key={currentIndex}\n custom={direction}\n variants={animationVariants}\n initial=\"enter\"\n animate=\"center\"\n exit=\"exit\"\n transition={transitionConfig}\n drag={draggable ? \"x\" : false}\n dragConstraints={{ left: 0, right: 0 }}\n dragElastic={0.2}\n onDragEnd={handleDragEnd}\n className=\"ui:absolute ui:inset-0 ui:flex ui:items-center ui:justify-center ui:cursor-grab active:ui:cursor-grabbing\"\n style={{\n perspective:\n animation === \"flip\" \|\| animation === \"cube\" ? 1000 : undefined,\n }}\n >\n {currentItem.image ? (\n <div className=\"ui:relative ui:w-full ui:h-full\">\n <img\n src={currentItem.image}\n alt={currentItem.alt \|\| currentItem.title \|\| \"Carousel slide\"}\n className=\"ui:w-full ui:h-full ui:object-cover\"\n />\n {(currentItem.title \|\| currentItem.description) && (\n <div className=\"ui:absolute ui:bottom-0 ui:left-0 ui:right-0 ui:p-6 ui:bg-gradient-to-t ui:from-black/70 ui:to-transparent\">\n {currentItem.title && (\n <h3 className=\"ui:text-2xl ui:font-bold ui:text-ds-on-accent ui:mb-2\">\n {currentItem.title}\n </h3>\n )}\n {currentItem.description && (\n <p className=\"ui:text-ds-on-accent/80\">\n {currentItem.description}\n </p>\n )}\n </div>\n )}\n </div>\n ) : (\n <div className=\"ui:w-full ui:h-full ui:flex ui:items-center ui:justify-center ui:p-6\">\n {currentItem.content}\n </div>\n )}\n </motion.div>\n </AnimatePresence>\n\n {/ Navigation Arrows /}\n {showArrows && totalSlides > 1 && (\n <>\n {renderArrow ? (\n <>\n {renderArrow({ direction: \"prev\", onClick: goPrev })}\n {renderArrow({ direction: \"next\", onClick: goNext })}\n </>\n ) : (\n <>\n <motion.button\n type=\"button\"\n onClick={goPrev}\n className=\"ui:absolute ui:left-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.9 }}\n aria-label=\"Previous slide\"\n >\n <ChevronLeftIcon className=\"ui:w-6 ui:h-6\" aria-hidden=\"true\" />\n </motion.button>\n <motion.button\n type=\"button\"\n onClick={goNext}\n className=\"ui:absolute ui:right-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.9 }}\n aria-label=\"Next slide\"\n >\n <ChevronRightIcon\n className=\"ui:w-6 ui:h-6\"\n aria-hidden=\"true\"\n />\n </motion.button>\n </>\n )}\n </>\n )}\n\n {/ Dot Indicators /}\n {showDots && totalSlides > 1 && (\n <div className=\"ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:z-20 ui:flex ui:gap-2 ui:rounded-full ui:bg-ds-surface-1/30 ui:p-2 ui:backdrop-blur-sm\">\n {items.map((_, index) =>\n renderDot ? (\n renderDot({\n index,\n active: index === currentIndex,\n onClick: () => goToSlide(index),\n })\n ) : (\n <motion.button\n key={index}\n type=\"button\"\n onClick={() => goToSlide(index)}\n className={mergeClassNames(\n \"ui:rounded-full ui:transition-all ui:duration-300\",\n index === currentIndex\n ? \"ui:h-2.5 ui:w-8 ui:bg-ds-accent ui:shadow-lg\"\n : \"ui:h-2.5 ui:w-2.5 ui:bg-ds-surface-3 hover:ui:bg-ds-border-3\",\n )}\n whileHover={{ scale: 1.2 }}\n whileTap={{ scale: 0.9 }}\n aria-label={`Go to slide ${index + 1}`}\n aria-current={index === currentIndex ? \"true\" : undefined}\n />\n ),\n )}\n </div>\n )}\n\n {/ Progress indicator */}\n {autoPlay > 0 && !isPaused && (\n <motion.div\n className=\"ui:absolute ui:bottom-0 ui:left-0 ui:h-1 ui:bg-ds-accent/80 ui:rounded-full\"\n initial={{ width: \"0%\" }}\n animate={{ width: \"100%\" }}\n transition={{ duration: autoPlay / 1000, ease: \"linear\" }}\n key={currentIndex}\n />\n )}\n </div>\n );\n};\n\nCarousel.displayName = \"Carousel\";\n\nexport default Carousel;\n"],"mappings":"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"}

package/dist/chunks/{carousel-Dpe5QLJK.mjs → carousel-eeqWZZHE.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
-import { A as ChevronRightIcon, j as ChevronLeftIcon } from "./icons-JzMKLygv.mjs";
+import { n as mergeClassNames } from "./utils-Dc7j29ec.mjs";
+import { M as ChevronLeftIcon, j as ChevronRightIcon } from "./icons-CkVHNbbN.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "framer-motion";
@@ -188,7 +188,7 @@ var Carousel = ({ items, className, autoPlay = 0, showArrows = true, showDots =
 	}, [goNext, goPrev]);
 	const handleDragEnd = (_event, info) => {
 		const threshold = 50;
-		if (info.offset.x < -threshold) goNext();
+		if (info.offset.x < -50) goNext();
 		else if (info.offset.x > threshold) goPrev();
 	};
 	const currentItem = items[currentIndex];
@@ -304,4 +304,4 @@ Carousel.displayName = "Carousel";
 //#endregion
 export { Carousel as t };
-//# sourceMappingURL=carousel-Dpe5QLJK.mjs.map
+//# sourceMappingURL=carousel-eeqWZZHE.mjs.map

package/dist/chunks/{carousel-Dpe5QLJK.mjs.map → carousel-eeqWZZHE.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"carousel-Dpe5QLJK.mjs","names":[],"sources":["../../src/components/navigation/carousel/Carousel.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CarouselProps, CarouselAnimation } from \"./types\";\n\nconst variantStyles = {\n default: \"ui:bg-ds-surface-1 ui:shadow-xl\",\n glass:\n \"ui:bg-ds-surface-1/70 ui:backdrop-blur-2xl ui:border ui:border-ds-border-2\",\n minimal: \"ui:bg-transparent\",\n};\n\n// Animation variants for different carousel transitions\nconst getAnimationVariants = (animation: CarouselAnimation) => {\n const variants = {\n slide: {\n enter: (direction: number) => ({\n x: direction > 0 ? \"100%\" : \"-100%\",\n opacity: 0,\n }),\n center: { x: 0, opacity: 1 },\n exit: (direction: number) => ({\n x: direction < 0 ? \"100%\" : \"-100%\",\n opacity: 0,\n }),\n },\n fade: {\n enter: () => ({ opacity: 0 }),\n center: { opacity: 1 },\n exit: () => ({ opacity: 0 }),\n },\n scale: {\n enter: (direction: number) => ({\n scale: 0.8,\n opacity: 0,\n x: direction > 0 ? 50 : -50,\n }),\n center: { scale: 1, opacity: 1, x: 0 },\n exit: (direction: number) => ({\n scale: 0.8,\n opacity: 0,\n x: direction < 0 ? 50 : -50,\n }),\n },\n flip: {\n enter: (direction: number) => ({\n rotateY: direction > 0 ? 90 : -90,\n opacity: 0,\n }),\n center: { rotateY: 0, opacity: 1 },\n exit: (direction: number) => ({\n rotateY: direction < 0 ? 90 : -90,\n opacity: 0,\n }),\n },\n cube: {\n enter: (direction: number) => ({\n rotateY: direction > 0 ? 90 : -90,\n x: direction > 0 ? \"50%\" : \"-50%\",\n opacity: 0,\n scale: 0.8,\n }),\n center: { rotateY: 0, x: 0, opacity: 1, scale: 1 },\n exit: (direction: number) => ({\n rotateY: direction < 0 ? 90 : -90,\n x: direction < 0 ? \"50%\" : \"-50%\",\n opacity: 0,\n scale: 0.8,\n }),\n },\n cards: {\n enter: (direction: number) => ({\n scale: 0.9,\n opacity: 0,\n y: direction > 0 ? 100 : -100,\n rotateZ: direction > 0 ? 5 : -5,\n }),\n center: { scale: 1, opacity: 1, y: 0, rotateZ: 0 },\n exit: (direction: number) => ({\n scale: 0.9,\n opacity: 0,\n y: direction < 0 ? 100 : -100,\n rotateZ: direction < 0 ? 5 : -5,\n }),\n },\n };\n return variants[animation];\n};\n\n// Transition configs for each animation\nconst getTransitionConfig = (\n animation: CarouselAnimation,\n duration: number,\n) => {\n const durationSec = duration / 1000;\n const configs: Record<CarouselAnimation, object> = {\n slide: {\n x: { type: \"spring\", stiffness: 300, damping: 30 },\n opacity: { duration: durationSec },\n },\n fade: {\n opacity: { duration: durationSec, ease: \"easeInOut\" },\n },\n scale: {\n type: \"spring\",\n stiffness: 200,\n damping: 25,\n opacity: { duration: durationSec },\n },\n flip: {\n type: \"spring\",\n stiffness: 100,\n damping: 20,\n opacity: { duration: durationSec * 0.5 },\n },\n cube: {\n type: \"spring\",\n stiffness: 100,\n damping: 20,\n opacity: { duration: durationSec * 0.5 },\n },\n cards: {\n type: \"spring\",\n stiffness: 150,\n damping: 20,\n opacity: { duration: durationSec },\n },\n };\n return configs[animation];\n};\n\nexport const Carousel = ({\n items,\n className,\n autoPlay = 0,\n showArrows = true,\n showDots = true,\n infinite = true,\n pauseOnHover = true,\n animationDuration = 500,\n // gap and slidesPerView reserved for future multi-slide support\n gap: _gap = 0,\n slidesPerView: _slidesPerView = 1,\n renderArrow,\n renderDot,\n onSlideChange,\n variant = \"glass\",\n height = 400,\n style,\n initialSlide = 0,\n draggable = true,\n animation = \"slide\",\n}: CarouselProps) => {\n const animationVariants = getAnimationVariants(animation);\n const transitionConfig = getTransitionConfig(animation, animationDuration);\n const [[currentIndex, direction], setSlide] = useState([initialSlide, 0]);\n const [isPaused, setIsPaused] = useState(false);\n const intervalRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const totalSlides = items.length;\n\n const goToSlide = useCallback(\n (index: number, dir?: number) => {\n let newIndex = index;\n if (infinite) {\n if (index < 0) newIndex = totalSlides - 1;\n else if (index >= totalSlides) newIndex = 0;\n } else {\n if (index < 0) newIndex = 0;\n else if (index >= totalSlides) newIndex = totalSlides - 1;\n }\n const newDirection = dir ?? (newIndex > currentIndex ? 1 : -1);\n setSlide([newIndex, newDirection]);\n onSlideChange?.(newIndex);\n },\n [currentIndex, infinite, totalSlides, onSlideChange],\n );\n\n const goNext = useCallback(\n () => goToSlide(currentIndex + 1, 1),\n [currentIndex, goToSlide],\n );\n const goPrev = useCallback(\n () => goToSlide(currentIndex - 1, -1),\n [currentIndex, goToSlide],\n );\n\n // Auto-play\n useEffect(() => {\n if (autoPlay > 0 && !isPaused) {\n intervalRef.current = setInterval(goNext, autoPlay);\n }\n return () => {\n if (intervalRef.current) clearInterval(intervalRef.current);\n };\n }, [autoPlay, isPaused, goNext]);\n\n // Keyboard navigation\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"ArrowLeft\") goPrev();\n if (e.key === \"ArrowRight\") goNext();\n };\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }, [goNext, goPrev]);\n\n // Drag handling\n const handleDragEnd = (\n _event: MouseEvent \| TouchEvent \| PointerEvent,\n info: {\n offset: { x: number; y: number };\n velocity: { x: number; y: number };\n },\n ) => {\n const threshold = 50;\n if (info.offset.x < -threshold) goNext();\n else if (info.offset.x > threshold) goPrev();\n };\n\n const currentItem = items[currentIndex];\n\n return (\n <div\n className={mergeClassNames(\n \"ui:relative ui:overflow-hidden ui:rounded-2xl ui:w-full\",\n variantStyles[variant],\n className,\n )}\n style={{\n height: typeof height === \"number\" ? `${height}px` : height,\n ...style,\n }}\n onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n >\n {/* Slides /}\n <AnimatePresence initial={false} custom={direction} mode=\"wait\">\n <motion.div\n key={currentIndex}\n custom={direction}\n variants={animationVariants}\n initial=\"enter\"\n animate=\"center\"\n exit=\"exit\"\n transition={transitionConfig}\n drag={draggable ? \"x\" : false}\n dragConstraints={{ left: 0, right: 0 }}\n dragElastic={0.2}\n onDragEnd={handleDragEnd}\n className=\"ui:absolute ui:inset-0 ui:flex ui:items-center ui:justify-center ui:cursor-grab active:ui:cursor-grabbing\"\n style={{\n perspective:\n animation === \"flip\" \|\| animation === \"cube\" ? 1000 : undefined,\n }}\n >\n {currentItem.image ? (\n <div className=\"ui:relative ui:w-full ui:h-full\">\n <img\n src={currentItem.image}\n alt={currentItem.alt \|\| currentItem.title \|\| \"Carousel slide\"}\n className=\"ui:w-full ui:h-full ui:object-cover\"\n />\n {(currentItem.title \|\| currentItem.description) && (\n <div className=\"ui:absolute ui:bottom-0 ui:left-0 ui:right-0 ui:p-6 ui:bg-gradient-to-t ui:from-black/70 ui:to-transparent\">\n {currentItem.title && (\n <h3 className=\"ui:text-2xl ui:font-bold ui:text-ds-on-accent ui:mb-2\">\n {currentItem.title}\n </h3>\n )}\n {currentItem.description && (\n <p className=\"ui:text-ds-on-accent/80\">\n {currentItem.description}\n </p>\n )}\n </div>\n )}\n </div>\n ) : (\n <div className=\"ui:w-full ui:h-full ui:flex ui:items-center ui:justify-center ui:p-6\">\n {currentItem.content}\n </div>\n )}\n </motion.div>\n </AnimatePresence>\n\n {/ Navigation Arrows /}\n {showArrows && totalSlides > 1 && (\n <>\n {renderArrow ? (\n <>\n {renderArrow({ direction: \"prev\", onClick: goPrev })}\n {renderArrow({ direction: \"next\", onClick: goNext })}\n </>\n ) : (\n <>\n <motion.button\n type=\"button\"\n onClick={goPrev}\n className=\"ui:absolute ui:left-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.9 }}\n aria-label=\"Previous slide\"\n >\n <ChevronLeftIcon className=\"ui:w-6 ui:h-6\" aria-hidden=\"true\" />\n </motion.button>\n <motion.button\n type=\"button\"\n onClick={goNext}\n className=\"ui:absolute ui:right-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.9 }}\n aria-label=\"Next slide\"\n >\n <ChevronRightIcon\n className=\"ui:w-6 ui:h-6\"\n aria-hidden=\"true\"\n />\n </motion.button>\n </>\n )}\n </>\n )}\n\n {/ Dot Indicators /}\n {showDots && totalSlides > 1 && (\n <div className=\"ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:z-20 ui:flex ui:gap-2 ui:rounded-full ui:bg-ds-surface-1/30 ui:p-2 ui:backdrop-blur-sm\">\n {items.map((_, index) =>\n renderDot ? (\n renderDot({\n index,\n active: index === currentIndex,\n onClick: () => goToSlide(index),\n })\n ) : (\n <motion.button\n key={index}\n type=\"button\"\n onClick={() => goToSlide(index)}\n className={mergeClassNames(\n \"ui:rounded-full ui:transition-all ui:duration-300\",\n index === currentIndex\n ? \"ui:h-2.5 ui:w-8 ui:bg-ds-accent ui:shadow-lg\"\n : \"ui:h-2.5 ui:w-2.5 ui:bg-ds-surface-3 hover:ui:bg-ds-border-3\",\n )}\n whileHover={{ scale: 1.2 }}\n whileTap={{ scale: 0.9 }}\n aria-label={`Go to slide ${index + 1}`}\n aria-current={index === currentIndex ? \"true\" : undefined}\n />\n ),\n )}\n </div>\n )}\n\n {/ Progress indicator */}\n {autoPlay > 0 && !isPaused && (\n <motion.div\n className=\"ui:absolute ui:bottom-0 ui:left-0 ui:h-1 ui:bg-ds-accent/80 ui:rounded-full\"\n initial={{ width: \"0%\" }}\n animate={{ width: \"100%\" }}\n transition={{ duration: autoPlay / 1000, ease: \"linear\" }}\n key={currentIndex}\n />\n )}\n </div>\n );\n};\n\nCarousel.displayName = \"Carousel\";\n\nexport default Carousel;\n"],"mappings":"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"}
1	+ {"version":3,"file":"carousel-eeqWZZHE.mjs","names":[],"sources":["../../src/components/navigation/carousel/Carousel.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\nimport { ChevronLeftIcon, ChevronRightIcon } from \"../../icons\";\nimport { mergeClassNames } from \"../../../utils\";\nimport type { CarouselProps, CarouselAnimation } from \"./types\";\n\nconst variantStyles = {\n default: \"ui:bg-ds-surface-1 ui:shadow-xl\",\n glass:\n \"ui:bg-ds-surface-1/70 ui:backdrop-blur-2xl ui:border ui:border-ds-border-2\",\n minimal: \"ui:bg-transparent\",\n};\n\n// Animation variants for different carousel transitions\nconst getAnimationVariants = (animation: CarouselAnimation) => {\n const variants = {\n slide: {\n enter: (direction: number) => ({\n x: direction > 0 ? \"100%\" : \"-100%\",\n opacity: 0,\n }),\n center: { x: 0, opacity: 1 },\n exit: (direction: number) => ({\n x: direction < 0 ? \"100%\" : \"-100%\",\n opacity: 0,\n }),\n },\n fade: {\n enter: () => ({ opacity: 0 }),\n center: { opacity: 1 },\n exit: () => ({ opacity: 0 }),\n },\n scale: {\n enter: (direction: number) => ({\n scale: 0.8,\n opacity: 0,\n x: direction > 0 ? 50 : -50,\n }),\n center: { scale: 1, opacity: 1, x: 0 },\n exit: (direction: number) => ({\n scale: 0.8,\n opacity: 0,\n x: direction < 0 ? 50 : -50,\n }),\n },\n flip: {\n enter: (direction: number) => ({\n rotateY: direction > 0 ? 90 : -90,\n opacity: 0,\n }),\n center: { rotateY: 0, opacity: 1 },\n exit: (direction: number) => ({\n rotateY: direction < 0 ? 90 : -90,\n opacity: 0,\n }),\n },\n cube: {\n enter: (direction: number) => ({\n rotateY: direction > 0 ? 90 : -90,\n x: direction > 0 ? \"50%\" : \"-50%\",\n opacity: 0,\n scale: 0.8,\n }),\n center: { rotateY: 0, x: 0, opacity: 1, scale: 1 },\n exit: (direction: number) => ({\n rotateY: direction < 0 ? 90 : -90,\n x: direction < 0 ? \"50%\" : \"-50%\",\n opacity: 0,\n scale: 0.8,\n }),\n },\n cards: {\n enter: (direction: number) => ({\n scale: 0.9,\n opacity: 0,\n y: direction > 0 ? 100 : -100,\n rotateZ: direction > 0 ? 5 : -5,\n }),\n center: { scale: 1, opacity: 1, y: 0, rotateZ: 0 },\n exit: (direction: number) => ({\n scale: 0.9,\n opacity: 0,\n y: direction < 0 ? 100 : -100,\n rotateZ: direction < 0 ? 5 : -5,\n }),\n },\n };\n return variants[animation];\n};\n\n// Transition configs for each animation\nconst getTransitionConfig = (\n animation: CarouselAnimation,\n duration: number,\n) => {\n const durationSec = duration / 1000;\n const configs: Record<CarouselAnimation, object> = {\n slide: {\n x: { type: \"spring\", stiffness: 300, damping: 30 },\n opacity: { duration: durationSec },\n },\n fade: {\n opacity: { duration: durationSec, ease: \"easeInOut\" },\n },\n scale: {\n type: \"spring\",\n stiffness: 200,\n damping: 25,\n opacity: { duration: durationSec },\n },\n flip: {\n type: \"spring\",\n stiffness: 100,\n damping: 20,\n opacity: { duration: durationSec * 0.5 },\n },\n cube: {\n type: \"spring\",\n stiffness: 100,\n damping: 20,\n opacity: { duration: durationSec * 0.5 },\n },\n cards: {\n type: \"spring\",\n stiffness: 150,\n damping: 20,\n opacity: { duration: durationSec },\n },\n };\n return configs[animation];\n};\n\nexport const Carousel = ({\n items,\n className,\n autoPlay = 0,\n showArrows = true,\n showDots = true,\n infinite = true,\n pauseOnHover = true,\n animationDuration = 500,\n // gap and slidesPerView reserved for future multi-slide support\n gap: _gap = 0,\n slidesPerView: _slidesPerView = 1,\n renderArrow,\n renderDot,\n onSlideChange,\n variant = \"glass\",\n height = 400,\n style,\n initialSlide = 0,\n draggable = true,\n animation = \"slide\",\n}: CarouselProps) => {\n const animationVariants = getAnimationVariants(animation);\n const transitionConfig = getTransitionConfig(animation, animationDuration);\n const [[currentIndex, direction], setSlide] = useState([initialSlide, 0]);\n const [isPaused, setIsPaused] = useState(false);\n const intervalRef = useRef<ReturnType<typeof setTimeout> \| null>(null);\n\n const totalSlides = items.length;\n\n const goToSlide = useCallback(\n (index: number, dir?: number) => {\n let newIndex = index;\n if (infinite) {\n if (index < 0) newIndex = totalSlides - 1;\n else if (index >= totalSlides) newIndex = 0;\n } else {\n if (index < 0) newIndex = 0;\n else if (index >= totalSlides) newIndex = totalSlides - 1;\n }\n const newDirection = dir ?? (newIndex > currentIndex ? 1 : -1);\n setSlide([newIndex, newDirection]);\n onSlideChange?.(newIndex);\n },\n [currentIndex, infinite, totalSlides, onSlideChange],\n );\n\n const goNext = useCallback(\n () => goToSlide(currentIndex + 1, 1),\n [currentIndex, goToSlide],\n );\n const goPrev = useCallback(\n () => goToSlide(currentIndex - 1, -1),\n [currentIndex, goToSlide],\n );\n\n // Auto-play\n useEffect(() => {\n if (autoPlay > 0 && !isPaused) {\n intervalRef.current = setInterval(goNext, autoPlay);\n }\n return () => {\n if (intervalRef.current) clearInterval(intervalRef.current);\n };\n }, [autoPlay, isPaused, goNext]);\n\n // Keyboard navigation\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === \"ArrowLeft\") goPrev();\n if (e.key === \"ArrowRight\") goNext();\n };\n window.addEventListener(\"keydown\", handleKeyDown);\n return () => window.removeEventListener(\"keydown\", handleKeyDown);\n }, [goNext, goPrev]);\n\n // Drag handling\n const handleDragEnd = (\n _event: MouseEvent \| TouchEvent \| PointerEvent,\n info: {\n offset: { x: number; y: number };\n velocity: { x: number; y: number };\n },\n ) => {\n const threshold = 50;\n if (info.offset.x < -threshold) goNext();\n else if (info.offset.x > threshold) goPrev();\n };\n\n const currentItem = items[currentIndex];\n\n return (\n <div\n className={mergeClassNames(\n \"ui:relative ui:overflow-hidden ui:rounded-2xl ui:w-full\",\n variantStyles[variant],\n className,\n )}\n style={{\n height: typeof height === \"number\" ? `${height}px` : height,\n ...style,\n }}\n onMouseEnter={() => pauseOnHover && setIsPaused(true)}\n onMouseLeave={() => pauseOnHover && setIsPaused(false)}\n >\n {/* Slides /}\n <AnimatePresence initial={false} custom={direction} mode=\"wait\">\n <motion.div\n key={currentIndex}\n custom={direction}\n variants={animationVariants}\n initial=\"enter\"\n animate=\"center\"\n exit=\"exit\"\n transition={transitionConfig}\n drag={draggable ? \"x\" : false}\n dragConstraints={{ left: 0, right: 0 }}\n dragElastic={0.2}\n onDragEnd={handleDragEnd}\n className=\"ui:absolute ui:inset-0 ui:flex ui:items-center ui:justify-center ui:cursor-grab active:ui:cursor-grabbing\"\n style={{\n perspective:\n animation === \"flip\" \|\| animation === \"cube\" ? 1000 : undefined,\n }}\n >\n {currentItem.image ? (\n <div className=\"ui:relative ui:w-full ui:h-full\">\n <img\n src={currentItem.image}\n alt={currentItem.alt \|\| currentItem.title \|\| \"Carousel slide\"}\n className=\"ui:w-full ui:h-full ui:object-cover\"\n />\n {(currentItem.title \|\| currentItem.description) && (\n <div className=\"ui:absolute ui:bottom-0 ui:left-0 ui:right-0 ui:p-6 ui:bg-gradient-to-t ui:from-black/70 ui:to-transparent\">\n {currentItem.title && (\n <h3 className=\"ui:text-2xl ui:font-bold ui:text-ds-on-accent ui:mb-2\">\n {currentItem.title}\n </h3>\n )}\n {currentItem.description && (\n <p className=\"ui:text-ds-on-accent/80\">\n {currentItem.description}\n </p>\n )}\n </div>\n )}\n </div>\n ) : (\n <div className=\"ui:w-full ui:h-full ui:flex ui:items-center ui:justify-center ui:p-6\">\n {currentItem.content}\n </div>\n )}\n </motion.div>\n </AnimatePresence>\n\n {/ Navigation Arrows /}\n {showArrows && totalSlides > 1 && (\n <>\n {renderArrow ? (\n <>\n {renderArrow({ direction: \"prev\", onClick: goPrev })}\n {renderArrow({ direction: \"next\", onClick: goNext })}\n </>\n ) : (\n <>\n <motion.button\n type=\"button\"\n onClick={goPrev}\n className=\"ui:absolute ui:left-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.9 }}\n aria-label=\"Previous slide\"\n >\n <ChevronLeftIcon className=\"ui:w-6 ui:h-6\" aria-hidden=\"true\" />\n </motion.button>\n <motion.button\n type=\"button\"\n onClick={goNext}\n className=\"ui:absolute ui:right-4 ui:top-1/2 ui:-translate-y-1/2 ui:z-20 ui:p-2 ui:rounded-full ui:bg-ds-surface-1/85 ui:backdrop-blur-sm ui:text-ds-1 ui:shadow-lg ui:transition-all hover:ui:bg-ds-surface-2\"\n whileHover={{ scale: 1.1 }}\n whileTap={{ scale: 0.9 }}\n aria-label=\"Next slide\"\n >\n <ChevronRightIcon\n className=\"ui:w-6 ui:h-6\"\n aria-hidden=\"true\"\n />\n </motion.button>\n </>\n )}\n </>\n )}\n\n {/ Dot Indicators /}\n {showDots && totalSlides > 1 && (\n <div className=\"ui:absolute ui:bottom-4 ui:left-1/2 ui:-translate-x-1/2 ui:z-20 ui:flex ui:gap-2 ui:rounded-full ui:bg-ds-surface-1/30 ui:p-2 ui:backdrop-blur-sm\">\n {items.map((_, index) =>\n renderDot ? (\n renderDot({\n index,\n active: index === currentIndex,\n onClick: () => goToSlide(index),\n })\n ) : (\n <motion.button\n key={index}\n type=\"button\"\n onClick={() => goToSlide(index)}\n className={mergeClassNames(\n \"ui:rounded-full ui:transition-all ui:duration-300\",\n index === currentIndex\n ? \"ui:h-2.5 ui:w-8 ui:bg-ds-accent ui:shadow-lg\"\n : \"ui:h-2.5 ui:w-2.5 ui:bg-ds-surface-3 hover:ui:bg-ds-border-3\",\n )}\n whileHover={{ scale: 1.2 }}\n whileTap={{ scale: 0.9 }}\n aria-label={`Go to slide ${index + 1}`}\n aria-current={index === currentIndex ? \"true\" : undefined}\n />\n ),\n )}\n </div>\n )}\n\n {/ Progress indicator */}\n {autoPlay > 0 && !isPaused && (\n <motion.div\n className=\"ui:absolute ui:bottom-0 ui:left-0 ui:h-1 ui:bg-ds-accent/80 ui:rounded-full\"\n initial={{ width: \"0%\" }}\n animate={{ width: \"100%\" }}\n transition={{ duration: autoPlay / 1000, ease: \"linear\" }}\n key={currentIndex}\n />\n )}\n </div>\n );\n};\n\nCarousel.displayName = \"Carousel\";\n\nexport default Carousel;\n"],"mappings":"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"}

package/dist/chunks/{chartStyles-BADmRKZo.cjs → chartStyles-2mTluDoo.cjs} RENAMED Viewed

@@ -105,4 +105,4 @@ Object.defineProperty(exports, "getChartActiveDotStyle", {
 	}
 });
-//# sourceMappingURL=chartStyles-BADmRKZo.cjs.map
+//# sourceMappingURL=chartStyles-2mTluDoo.cjs.map

package/dist/chunks/{chartStyles-BADmRKZo.cjs.map → chartStyles-2mTluDoo.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chartStyles-~~BADmRKZo~~.cjs","names":[],"sources":["../../src/components/data-display/charts/chartStyles.ts"],"sourcesContent":["import React from \"react\";\n\nexport const chartTooltipContentStyle: React.CSSProperties = {\n background:\n \"linear-gradient(135deg, color-mix(in srgb, var(--ds-color-bg-surface) 88%, transparent), color-mix(in srgb, var(--ds-color-bg-elevated) 74%, transparent))\",\n border:\n \"1px solid color-mix(in srgb, var(--ds-color-border-strong) 72%, transparent)\",\n borderRadius: \"12px\",\n backdropFilter: \"blur(18px) saturate(180%)\",\n WebkitBackdropFilter: \"blur(18px) saturate(180%)\",\n boxShadow:\n \"0 18px 40px color-mix(in srgb, var(--ds-color-fg) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ds-color-bg-surface) 36%, transparent)\",\n color: \"var(--ds-color-fg)\",\n padding: \"0.75rem 0.875rem\",\n};\n\nexport const chartTooltipLabelStyle: React.CSSProperties = {\n color: \"var(--ds-color-fg)\",\n fontSize: \"0.8125rem\",\n fontWeight: 600,\n marginBottom: \"0.375rem\",\n};\n\nexport const chartTooltipItemStyle: React.CSSProperties = {\n color: \"var(--ds-color-fg)\",\n fontSize: \"0.8125rem\",\n fontWeight: 500,\n padding: 0,\n};\n\nexport const chartTooltipWrapperStyle: React.CSSProperties = {\n outline: \"none\",\n};\n\nexport const chartLegendTextStyle: React.CSSProperties = {\n fontSize: \"12px\",\n color: \"var(--ds-color-fg-muted)\",\n};\n\nexport const chartBandHoverCursorStyle = {\n fill: \"color-mix(in srgb, var(--ds-color-accent) 12%, transparent)\",\n stroke:\n \"color-mix(in srgb, var(--ds-color-accent) 34%, var(--ds-color-border-strong))\",\n strokeWidth: 1,\n};\n\nexport const chartLineHoverCursorStyle = {\n stroke:\n \"color-mix(in srgb, var(--ds-color-accent) 42%, var(--ds-color-border-strong))\",\n strokeWidth: 1.25,\n strokeDasharray: \"4 4\",\n};\n\nexport const getChartActiveDotStyle = (\n strokeColor: string,\n): {\n fill: string;\n r: number;\n stroke: string;\n strokeWidth: number;\n} => ({\n r: 6,\n fill: \"color-mix(in srgb, var(--ds-color-bg-surface) 90%, transparent)\",\n stroke: strokeColor,\n strokeWidth: 2.5,\n});\n\nexport const chartPillTooltipStyle: React.CSSProperties = {\n background:\n \"linear-gradient(135deg, color-mix(in srgb, var(--ds-color-bg-surface) 90%, transparent), color-mix(in srgb, var(--ds-color-bg-elevated) 76%, transparent))\",\n border:\n \"1px solid color-mix(in srgb, var(--ds-color-border-strong) 70%, transparent)\",\n boxShadow:\n \"0 14px 32px color-mix(in srgb, var(--ds-color-fg) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ds-color-bg-surface) 34%, transparent)\",\n backdropFilter: \"blur(16px) saturate(170%)\",\n WebkitBackdropFilter: \"blur(16px) saturate(170%)\",\n};\n"],"mappings":";AAEA,IAAa,2BAAgD;CAC3D,YACE;CACF,QACE;CACF,cAAc;CACd,gBAAgB;CAChB,sBAAsB;CACtB,WACE;CACF,OAAO;CACP,SAAS;~~CACV~~;~~AAED~~,IAAa,yBAA8C;CACzD,OAAO;CACP,UAAU;CACV,YAAY;CACZ,cAAc;~~CACf~~;~~AAED~~,IAAa,wBAA6C;CACxD,OAAO;CACP,UAAU;CACV,YAAY;CACZ,SAAS;~~CACV~~;~~AAED~~,IAAa,2BAAgD,EAC3D,SAAS,~~QACV~~;~~AAED~~,IAAa,uBAA4C;CACvD,UAAU;CACV,OAAO;~~CACR~~;~~AAED~~,IAAa,4BAA4B;CACvC,MAAM;CACN,QACE;CACF,aAAa;~~CACd~~;~~AAED~~,IAAa,4BAA4B;CACvC,QACE;CACF,aAAa;CACb,iBAAiB;~~CAClB~~;~~AAED~~,IAAa,0BACX,iBAMI;CACJ,GAAG;CACH,MAAM;CACN,QAAQ;CACR,aAAa;~~CACd~~;~~AAED~~,IAAa,wBAA6C;CACxD,YACE;CACF,QACE;CACF,WACE;CACF,gBAAgB;CAChB,sBAAsB;~~CACvB~~"}
1	+ {"version":3,"file":"chartStyles-2mTluDoo.cjs","names":[],"sources":["../../src/components/data-display/charts/chartStyles.ts"],"sourcesContent":["import React from \"react\";\n\nexport const chartTooltipContentStyle: React.CSSProperties = {\n background:\n \"linear-gradient(135deg, color-mix(in srgb, var(--ds-color-bg-surface) 88%, transparent), color-mix(in srgb, var(--ds-color-bg-elevated) 74%, transparent))\",\n border:\n \"1px solid color-mix(in srgb, var(--ds-color-border-strong) 72%, transparent)\",\n borderRadius: \"12px\",\n backdropFilter: \"blur(18px) saturate(180%)\",\n WebkitBackdropFilter: \"blur(18px) saturate(180%)\",\n boxShadow:\n \"0 18px 40px color-mix(in srgb, var(--ds-color-fg) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ds-color-bg-surface) 36%, transparent)\",\n color: \"var(--ds-color-fg)\",\n padding: \"0.75rem 0.875rem\",\n};\n\nexport const chartTooltipLabelStyle: React.CSSProperties = {\n color: \"var(--ds-color-fg)\",\n fontSize: \"0.8125rem\",\n fontWeight: 600,\n marginBottom: \"0.375rem\",\n};\n\nexport const chartTooltipItemStyle: React.CSSProperties = {\n color: \"var(--ds-color-fg)\",\n fontSize: \"0.8125rem\",\n fontWeight: 500,\n padding: 0,\n};\n\nexport const chartTooltipWrapperStyle: React.CSSProperties = {\n outline: \"none\",\n};\n\nexport const chartLegendTextStyle: React.CSSProperties = {\n fontSize: \"12px\",\n color: \"var(--ds-color-fg-muted)\",\n};\n\nexport const chartBandHoverCursorStyle = {\n fill: \"color-mix(in srgb, var(--ds-color-accent) 12%, transparent)\",\n stroke:\n \"color-mix(in srgb, var(--ds-color-accent) 34%, var(--ds-color-border-strong))\",\n strokeWidth: 1,\n};\n\nexport const chartLineHoverCursorStyle = {\n stroke:\n \"color-mix(in srgb, var(--ds-color-accent) 42%, var(--ds-color-border-strong))\",\n strokeWidth: 1.25,\n strokeDasharray: \"4 4\",\n};\n\nexport const getChartActiveDotStyle = (\n strokeColor: string,\n): {\n fill: string;\n r: number;\n stroke: string;\n strokeWidth: number;\n} => ({\n r: 6,\n fill: \"color-mix(in srgb, var(--ds-color-bg-surface) 90%, transparent)\",\n stroke: strokeColor,\n strokeWidth: 2.5,\n});\n\nexport const chartPillTooltipStyle: React.CSSProperties = {\n background:\n \"linear-gradient(135deg, color-mix(in srgb, var(--ds-color-bg-surface) 90%, transparent), color-mix(in srgb, var(--ds-color-bg-elevated) 76%, transparent))\",\n border:\n \"1px solid color-mix(in srgb, var(--ds-color-border-strong) 70%, transparent)\",\n boxShadow:\n \"0 14px 32px color-mix(in srgb, var(--ds-color-fg) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ds-color-bg-surface) 34%, transparent)\",\n backdropFilter: \"blur(16px) saturate(170%)\",\n WebkitBackdropFilter: \"blur(16px) saturate(170%)\",\n};\n"],"mappings":";AAEA,IAAa,2BAAgD;CAC3D,YACE;CACF,QACE;CACF,cAAc;CACd,gBAAgB;CAChB,sBAAsB;CACtB,WACE;CACF,OAAO;CACP,SAAS;AACX;AAEA,IAAa,yBAA8C;CACzD,OAAO;CACP,UAAU;CACV,YAAY;CACZ,cAAc;AAChB;AAEA,IAAa,wBAA6C;CACxD,OAAO;CACP,UAAU;CACV,YAAY;CACZ,SAAS;AACX;AAEA,IAAa,2BAAgD,EAC3D,SAAS,OACX;AAEA,IAAa,uBAA4C;CACvD,UAAU;CACV,OAAO;AACT;AAEA,IAAa,4BAA4B;CACvC,MAAM;CACN,QACE;CACF,aAAa;AACf;AAEA,IAAa,4BAA4B;CACvC,QACE;CACF,aAAa;CACb,iBAAiB;AACnB;AAEA,IAAa,0BACX,iBAMI;CACJ,GAAG;CACH,MAAM;CACN,QAAQ;CACR,aAAa;AACf;AAEA,IAAa,wBAA6C;CACxD,YACE;CACF,QACE;CACF,WACE;CACF,gBAAgB;CAChB,sBAAsB;AACxB"}

package/dist/chunks/{chartStyles-DPXgYmGn.mjs → chartStyles-DrHVYS5N.mjs} RENAMED Viewed

@@ -52,4 +52,4 @@ var chartPillTooltipStyle = {
 //#endregion
 export { chartTooltipContentStyle as a, chartTooltipWrapperStyle as c, chartPillTooltipStyle as i, getChartActiveDotStyle as l, chartLegendTextStyle as n, chartTooltipItemStyle as o, chartLineHoverCursorStyle as r, chartTooltipLabelStyle as s, chartBandHoverCursorStyle as t };
-//# sourceMappingURL=chartStyles-DPXgYmGn.mjs.map
+//# sourceMappingURL=chartStyles-DrHVYS5N.mjs.map

package/dist/chunks/{chartStyles-DPXgYmGn.mjs.map → chartStyles-DrHVYS5N.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chartStyles-~~DPXgYmGn~~.mjs","names":[],"sources":["../../src/components/data-display/charts/chartStyles.ts"],"sourcesContent":["import React from \"react\";\n\nexport const chartTooltipContentStyle: React.CSSProperties = {\n background:\n \"linear-gradient(135deg, color-mix(in srgb, var(--ds-color-bg-surface) 88%, transparent), color-mix(in srgb, var(--ds-color-bg-elevated) 74%, transparent))\",\n border:\n \"1px solid color-mix(in srgb, var(--ds-color-border-strong) 72%, transparent)\",\n borderRadius: \"12px\",\n backdropFilter: \"blur(18px) saturate(180%)\",\n WebkitBackdropFilter: \"blur(18px) saturate(180%)\",\n boxShadow:\n \"0 18px 40px color-mix(in srgb, var(--ds-color-fg) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ds-color-bg-surface) 36%, transparent)\",\n color: \"var(--ds-color-fg)\",\n padding: \"0.75rem 0.875rem\",\n};\n\nexport const chartTooltipLabelStyle: React.CSSProperties = {\n color: \"var(--ds-color-fg)\",\n fontSize: \"0.8125rem\",\n fontWeight: 600,\n marginBottom: \"0.375rem\",\n};\n\nexport const chartTooltipItemStyle: React.CSSProperties = {\n color: \"var(--ds-color-fg)\",\n fontSize: \"0.8125rem\",\n fontWeight: 500,\n padding: 0,\n};\n\nexport const chartTooltipWrapperStyle: React.CSSProperties = {\n outline: \"none\",\n};\n\nexport const chartLegendTextStyle: React.CSSProperties = {\n fontSize: \"12px\",\n color: \"var(--ds-color-fg-muted)\",\n};\n\nexport const chartBandHoverCursorStyle = {\n fill: \"color-mix(in srgb, var(--ds-color-accent) 12%, transparent)\",\n stroke:\n \"color-mix(in srgb, var(--ds-color-accent) 34%, var(--ds-color-border-strong))\",\n strokeWidth: 1,\n};\n\nexport const chartLineHoverCursorStyle = {\n stroke:\n \"color-mix(in srgb, var(--ds-color-accent) 42%, var(--ds-color-border-strong))\",\n strokeWidth: 1.25,\n strokeDasharray: \"4 4\",\n};\n\nexport const getChartActiveDotStyle = (\n strokeColor: string,\n): {\n fill: string;\n r: number;\n stroke: string;\n strokeWidth: number;\n} => ({\n r: 6,\n fill: \"color-mix(in srgb, var(--ds-color-bg-surface) 90%, transparent)\",\n stroke: strokeColor,\n strokeWidth: 2.5,\n});\n\nexport const chartPillTooltipStyle: React.CSSProperties = {\n background:\n \"linear-gradient(135deg, color-mix(in srgb, var(--ds-color-bg-surface) 90%, transparent), color-mix(in srgb, var(--ds-color-bg-elevated) 76%, transparent))\",\n border:\n \"1px solid color-mix(in srgb, var(--ds-color-border-strong) 70%, transparent)\",\n boxShadow:\n \"0 14px 32px color-mix(in srgb, var(--ds-color-fg) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ds-color-bg-surface) 34%, transparent)\",\n backdropFilter: \"blur(16px) saturate(170%)\",\n WebkitBackdropFilter: \"blur(16px) saturate(170%)\",\n};\n"],"mappings":";AAEA,IAAa,2BAAgD;CAC3D,YACE;CACF,QACE;CACF,cAAc;CACd,gBAAgB;CAChB,sBAAsB;CACtB,WACE;CACF,OAAO;CACP,SAAS;~~CACV~~;~~AAED~~,IAAa,yBAA8C;CACzD,OAAO;CACP,UAAU;CACV,YAAY;CACZ,cAAc;~~CACf~~;~~AAED~~,IAAa,wBAA6C;CACxD,OAAO;CACP,UAAU;CACV,YAAY;CACZ,SAAS;~~CACV~~;~~AAED~~,IAAa,2BAAgD,EAC3D,SAAS,~~QACV~~;~~AAED~~,IAAa,uBAA4C;CACvD,UAAU;CACV,OAAO;~~CACR~~;~~AAED~~,IAAa,4BAA4B;CACvC,MAAM;CACN,QACE;CACF,aAAa;~~CACd~~;~~AAED~~,IAAa,4BAA4B;CACvC,QACE;CACF,aAAa;CACb,iBAAiB;~~CAClB~~;~~AAED~~,IAAa,0BACX,iBAMI;CACJ,GAAG;CACH,MAAM;CACN,QAAQ;CACR,aAAa;~~CACd~~;~~AAED~~,IAAa,wBAA6C;CACxD,YACE;CACF,QACE;CACF,WACE;CACF,gBAAgB;CAChB,sBAAsB;~~CACvB~~"}
1	+ {"version":3,"file":"chartStyles-DrHVYS5N.mjs","names":[],"sources":["../../src/components/data-display/charts/chartStyles.ts"],"sourcesContent":["import React from \"react\";\n\nexport const chartTooltipContentStyle: React.CSSProperties = {\n background:\n \"linear-gradient(135deg, color-mix(in srgb, var(--ds-color-bg-surface) 88%, transparent), color-mix(in srgb, var(--ds-color-bg-elevated) 74%, transparent))\",\n border:\n \"1px solid color-mix(in srgb, var(--ds-color-border-strong) 72%, transparent)\",\n borderRadius: \"12px\",\n backdropFilter: \"blur(18px) saturate(180%)\",\n WebkitBackdropFilter: \"blur(18px) saturate(180%)\",\n boxShadow:\n \"0 18px 40px color-mix(in srgb, var(--ds-color-fg) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ds-color-bg-surface) 36%, transparent)\",\n color: \"var(--ds-color-fg)\",\n padding: \"0.75rem 0.875rem\",\n};\n\nexport const chartTooltipLabelStyle: React.CSSProperties = {\n color: \"var(--ds-color-fg)\",\n fontSize: \"0.8125rem\",\n fontWeight: 600,\n marginBottom: \"0.375rem\",\n};\n\nexport const chartTooltipItemStyle: React.CSSProperties = {\n color: \"var(--ds-color-fg)\",\n fontSize: \"0.8125rem\",\n fontWeight: 500,\n padding: 0,\n};\n\nexport const chartTooltipWrapperStyle: React.CSSProperties = {\n outline: \"none\",\n};\n\nexport const chartLegendTextStyle: React.CSSProperties = {\n fontSize: \"12px\",\n color: \"var(--ds-color-fg-muted)\",\n};\n\nexport const chartBandHoverCursorStyle = {\n fill: \"color-mix(in srgb, var(--ds-color-accent) 12%, transparent)\",\n stroke:\n \"color-mix(in srgb, var(--ds-color-accent) 34%, var(--ds-color-border-strong))\",\n strokeWidth: 1,\n};\n\nexport const chartLineHoverCursorStyle = {\n stroke:\n \"color-mix(in srgb, var(--ds-color-accent) 42%, var(--ds-color-border-strong))\",\n strokeWidth: 1.25,\n strokeDasharray: \"4 4\",\n};\n\nexport const getChartActiveDotStyle = (\n strokeColor: string,\n): {\n fill: string;\n r: number;\n stroke: string;\n strokeWidth: number;\n} => ({\n r: 6,\n fill: \"color-mix(in srgb, var(--ds-color-bg-surface) 90%, transparent)\",\n stroke: strokeColor,\n strokeWidth: 2.5,\n});\n\nexport const chartPillTooltipStyle: React.CSSProperties = {\n background:\n \"linear-gradient(135deg, color-mix(in srgb, var(--ds-color-bg-surface) 90%, transparent), color-mix(in srgb, var(--ds-color-bg-elevated) 76%, transparent))\",\n border:\n \"1px solid color-mix(in srgb, var(--ds-color-border-strong) 70%, transparent)\",\n boxShadow:\n \"0 14px 32px color-mix(in srgb, var(--ds-color-fg) 14%, transparent), inset 0 1px 0 color-mix(in srgb, var(--ds-color-bg-surface) 34%, transparent)\",\n backdropFilter: \"blur(16px) saturate(170%)\",\n WebkitBackdropFilter: \"blur(16px) saturate(170%)\",\n};\n"],"mappings":";AAEA,IAAa,2BAAgD;CAC3D,YACE;CACF,QACE;CACF,cAAc;CACd,gBAAgB;CAChB,sBAAsB;CACtB,WACE;CACF,OAAO;CACP,SAAS;AACX;AAEA,IAAa,yBAA8C;CACzD,OAAO;CACP,UAAU;CACV,YAAY;CACZ,cAAc;AAChB;AAEA,IAAa,wBAA6C;CACxD,OAAO;CACP,UAAU;CACV,YAAY;CACZ,SAAS;AACX;AAEA,IAAa,2BAAgD,EAC3D,SAAS,OACX;AAEA,IAAa,uBAA4C;CACvD,UAAU;CACV,OAAO;AACT;AAEA,IAAa,4BAA4B;CACvC,MAAM;CACN,QACE;CACF,aAAa;AACf;AAEA,IAAa,4BAA4B;CACvC,QACE;CACF,aAAa;CACb,iBAAiB;AACnB;AAEA,IAAa,0BACX,iBAMI;CACJ,GAAG;CACH,MAAM;CACN,QAAQ;CACR,aAAa;AACf;AAEA,IAAa,wBAA6C;CACxD,YACE;CACF,QACE;CACF,WACE;CACF,gBAAgB;CAChB,sBAAsB;AACxB"}

package/dist/chunks/{charts-COx3IbI2.cjs → charts-DMu4zp8j.cjs} RENAMED Viewed

@@ -1,6 +1,6 @@
-const require_chunk = require("./chunk-B_GkZjkl.cjs");
-const require_chartStyles = require("./chartStyles-BADmRKZo.cjs");
-const require_truncated_text = require("./truncated-text-CswjmrHZ.cjs");
+const require_chunk = require("./chunk-D6vf50IK.cjs");
+const require_chartStyles = require("./chartStyles-2mTluDoo.cjs");
+const require_truncated_text = require("./truncated-text-D0t4atw5.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -1029,4 +1029,4 @@ Object.defineProperty(exports, "getChartPalette", {
 	}
 });
-//# sourceMappingURL=charts-COx3IbI2.cjs.map
+//# sourceMappingURL=charts-DMu4zp8j.cjs.map

package/dist/chunks/{charts-COx3IbI2.cjs.map → charts-DMu4zp8j.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"charts-COx3IbI2.cjs","names":[],"sources":["../../src/components/data-display/charts/chartPalette.ts","../../src/components/data-display/charts/NeonLineChart.tsx","../../src/components/data-display/charts/MiniNeonSparkline.tsx","../../src/components/data-display/charts/StackedBarChart.tsx","../../src/components/data-display/charts/ThinBreakdownBar.tsx","../../src/components/data-display/charts/AreaChart.tsx","../../src/components/data-display/charts/BarChart.tsx","../../src/components/data-display/charts/PositiveNegativeBarChart.tsx","../../src/components/data-display/charts/PieChart.tsx"],"sourcesContent":["const chartColorSlots = [\n 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15,\n] as const;\n\nexport type ChartColorSlot = (typeof chartColorSlots)[number];\nexport type ChartColorToken = `chart-${ChartColorSlot}`;\n\nexport const chartColorTokens = chartColorSlots.map(\n (slot) => `chart-${slot}` as ChartColorToken,\n);\n\nconst chartPalette = chartColorSlots.map((slot) => `var(--ds-chart-${slot})`);\n\ntype RgbColor = {\n r: number;\n g: number;\n b: number;\n};\n\nconst resolvedColorCache = new Map<string, RgbColor \| null>();\n\nconst chartTokenPattern = /^chart-(\\d+)$/i;\nconst chartVariablePattern = /^--((?:ds\|color)-chart-(\\d+))$/i;\n\nconst getChartSlotValue = (slot: ChartColorSlot \| ChartColorToken): number =>\n typeof slot === \"number\" ? slot : Number(slot.replace(\"chart-\", \"\"));\n\nexport const getChartColorVar = (\n slot: ChartColorSlot \| ChartColorToken,\n namespace: \"ds\" \| \"color\" = \"ds\",\n): string => `var(--${namespace}-chart-${getChartSlotValue(slot)})`;\n\nexport const normalizeChartColorValue = (\n value?: string,\n): string \| undefined => {\n const normalizedValue = value?.trim();\n\n if (!normalizedValue) {\n return undefined;\n }\n\n const tokenMatch = normalizedValue.match(chartTokenPattern);\n if (tokenMatch) {\n return `var(--ds-chart-${tokenMatch[1]})`;\n }\n\n const variableMatch = normalizedValue.match(chartVariablePattern);\n if (variableMatch) {\n return `var(--${variableMatch[1]})`;\n }\n\n return normalizedValue;\n};\n\nconst getThemeSignature = (): string => {\n if (typeof document === \"undefined\") return \"\";\n\n const root = document.documentElement;\n return [\n root.getAttribute(\"data-brand\") ?? \"\",\n root.getAttribute(\"data-mode\") ?? \"\",\n root.getAttribute(\"data-theme\") ?? \"\",\n ].join(\"\|\");\n};\n\nconst resolveColor = (value: string): RgbColor \| null => {\n if (typeof document === \"undefined\") return null;\n\n const cacheKey = `${getThemeSignature()}::${value}`;\n const cached = resolvedColorCache.get(cacheKey);\n if (cached !== undefined) {\n return cached;\n }\n\n const probe = document.createElement(\"span\");\n probe.style.color = value;\n probe.style.position = \"fixed\";\n probe.style.opacity = \"0\";\n probe.style.pointerEvents = \"none\";\n document.body.appendChild(probe);\n\n const computedColor = getComputedStyle(probe).color;\n document.body.removeChild(probe);\n\n const match = computedColor.match(/rgba?\\((\\d+),\\s(\\d+),\\s(\\d+)/i);\n\n const resolved = match\n ? {\n r: Number(match[1]),\n g: Number(match[2]),\n b: Number(match[3]),\n }\n : null;\n\n resolvedColorCache.set(cacheKey, resolved);\n return resolved;\n};\n\nconst getColorDistance = (left: RgbColor, right: RgbColor): number => {\n const deltaR = left.r - right.r;\n const deltaG = left.g - right.g;\n const deltaB = left.b - right.b;\n\n return Math.sqrt(deltaR 2 + deltaG 2 + deltaB ** 2);\n};\n\nconst isTooSimilar = (\n candidate: string,\n usedColors: readonly string[],\n minDistance = 84,\n): boolean => {\n if (usedColors.includes(candidate)) {\n return true;\n }\n\n const candidateRgb = resolveColor(candidate);\n if (!candidateRgb) {\n return false;\n }\n\n return usedColors.some((usedColor) => {\n const usedRgb = resolveColor(usedColor);\n return usedRgb\n ? getColorDistance(candidateRgb, usedRgb) < minDistance\n : false;\n });\n};\n\nexport const getChartPalette = (count = chartPalette.length): string[] =>\n Array.from(\n { length: count },\n (_, index) => chartPalette[index % chartPalette.length],\n );\n\nexport const normalizeChartColors = (\n requestedColors: readonly (string \| undefined)[],\n): string[] => {\n const usedColors: string[] = [];\n let paletteIndex = 0;\n\n const getNextDistinctPaletteColor = (): string => {\n for (let attempt = 0; attempt < chartPalette.length; attempt++) {\n const candidate =\n chartPalette[(paletteIndex + attempt) % chartPalette.length];\n\n if (!isTooSimilar(candidate, usedColors)) {\n paletteIndex = (paletteIndex + attempt + 1) % chartPalette.length;\n return candidate;\n }\n }\n\n const fallback = chartPalette[paletteIndex % chartPalette.length];\n paletteIndex = (paletteIndex + 1) % chartPalette.length;\n return fallback;\n };\n\n return requestedColors.map((requestedColor) => {\n const normalizedRequestedColor = normalizeChartColorValue(requestedColor);\n const resolvedColor =\n normalizedRequestedColor &&\n !isTooSimilar(normalizedRequestedColor, usedColors)\n ? normalizedRequestedColor\n : getNextDistinctPaletteColor();\n\n usedColors.push(resolvedColor);\n return resolvedColor;\n });\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n LineChart,\n Line,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport {\n getChartColorVar,\n normalizeChartColorValue,\n normalizeChartColors,\n} from \"./chartPalette\";\nimport {\n chartLineHoverCursorStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n getChartActiveDotStyle,\n} from \"./chartStyles\";\n\ninterface DataPoint {\n name: string;\n value: number;\n}\n\ninterface NeonLineChartProps {\n data: DataPoint[];\n height?: number \| string;\n lineColorStop1?: string;\n lineColorStop2?: string;\n className?: string;\n glowColor?: string;\n}\n\nexport const NeonLineChart: React.FC<NeonLineChartProps> = ({\n data,\n height = 300,\n lineColorStop1 = getChartColorVar(2),\n lineColorStop2 = getChartColorVar(1),\n glowColor = getChartColorVar(1),\n className = \"\",\n}) => {\n const [normalizedStop1, normalizedStop2] = React.useMemo(\n () => normalizeChartColors([lineColorStop1, lineColorStop2]),\n [lineColorStop1, lineColorStop2],\n );\n const normalizedGlowColor = React.useMemo(\n () => normalizeChartColorValue(glowColor) ?? getChartColorVar(1),\n [glowColor],\n );\n\n return (\n <div className={`w-full relative ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <LineChart\n data={data}\n margin={{ top: 20, right: 30, left: 10, bottom: 20 }}\n >\n <defs>\n {/* Linear Gradient for the Line /}\n <linearGradient id=\"neonGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stopColor={normalizedStop1} />\n <stop offset=\"100%\" stopColor={normalizedStop2} />\n </linearGradient>\n\n {/ Glowing Drop Shadow Filter /}\n <filter id=\"neonGlow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n <feDropShadow\n dx=\"0\"\n dy=\"6\"\n stdDeviation=\"8\"\n floodColor={normalizedGlowColor}\n floodOpacity=\"0.8\"\n />\n <feDropShadow\n dx=\"0\"\n dy=\"0\"\n stdDeviation=\"15\"\n floodColor={normalizedStop1}\n floodOpacity=\"0.3\"\n />\n </filter>\n </defs>\n\n {/ Minimal Grid /}\n <CartesianGrid\n strokeDasharray=\"3 3\"\n vertical={false}\n stroke=\"var(--ds-color-border)\"\n opacity={0.5}\n />\n\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n />\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartLineHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n\n {/ The Neon Line /}\n <Line\n type=\"monotone\"\n dataKey=\"value\"\n stroke=\"url(#neonGradient)\"\n strokeWidth={3}\n dot={false}\n activeDot={getChartActiveDotStyle(normalizedStop2)}\n filter=\"url(#neonGlow)\"\n />\n </LineChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport { Area, AreaChart, Line, ResponsiveContainer, Tooltip } from \"recharts\";\n\nimport { getChartColorVar, normalizeChartColorValue } from \"./chartPalette\";\n\nexport interface MiniNeonSparklinePoint {\n label: string;\n value: number;\n}\n\nexport type MiniNeonSparklineTone =\n \| \"default\"\n \| \"success\"\n \| \"warning\"\n \| \"danger\"\n \| \"info\";\n\nexport interface MiniNeonSparklineProps {\n data: MiniNeonSparklinePoint[];\n height?: number;\n strokeWidth?: number;\n className?: string;\n showArea?: boolean;\n showTooltip?: boolean;\n tone?: MiniNeonSparklineTone;\n}\n\nconst toneColorMap: Record<MiniNeonSparklineTone, string> = {\n default: getChartColorVar(1),\n success: \"var(--ds-color-success)\",\n warning: \"var(--ds-color-warning)\",\n danger: \"var(--ds-color-danger)\",\n info: \"var(--ds-color-info)\",\n};\n\nconst tooltipContentStyle: React.CSSProperties = {\n borderRadius: \"12px\",\n border: \"1px solid var(--ds-border-2)\",\n background: \"var(--ds-surface-1)\",\n color: \"var(--ds-text-1)\",\n fontSize: \"12px\",\n};\n\nexport const MiniNeonSparkline: React.FC<MiniNeonSparklineProps> = ({\n data,\n height = 46,\n strokeWidth = 2,\n className = \"\",\n showArea = true,\n showTooltip = true,\n tone = \"default\",\n}) => {\n const resolvedTone = React.useMemo(\n () => normalizeChartColorValue(toneColorMap[tone]) ?? toneColorMap.default,\n [tone],\n );\n\n const chartGradientId = React.useId();\n const chartGlowId = React.useId();\n\n return (\n <div className={`ui:relative ui:w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <AreaChart\n data={data}\n margin={{ top: 4, right: 2, left: 2, bottom: 4 }}\n >\n <defs>\n <linearGradient id={chartGradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={resolvedTone} stopOpacity={0.35} />\n <stop offset=\"100%\" stopColor={resolvedTone} stopOpacity={0.02} />\n </linearGradient>\n <filter\n id={chartGlowId}\n x=\"-20%\"\n y=\"-20%\"\n width=\"140%\"\n height=\"140%\"\n >\n <feDropShadow\n dx=\"0\"\n dy=\"2\"\n stdDeviation=\"3\"\n floodColor={resolvedTone}\n floodOpacity=\"0.45\"\n />\n </filter>\n </defs>\n\n {showArea ? (\n <Area\n type=\"monotone\"\n dataKey=\"value\"\n stroke=\"none\"\n fill={`url(#${chartGradientId})`}\n />\n ) : null}\n\n <Line\n type=\"monotone\"\n dataKey=\"value\"\n stroke={resolvedTone}\n strokeWidth={strokeWidth}\n dot={false}\n isAnimationActive={false}\n filter={`url(#${chartGlowId})`}\n />\n\n {showTooltip ? (\n <Tooltip\n contentStyle={tooltipContentStyle}\n labelStyle={{ color: \"var(--ds-text-2)\", marginBottom: \"4px\" }}\n itemStyle={{ color: \"var(--ds-text-1)\", fontWeight: 600 }}\n formatter={(value) => [String(value ?? \"\"), \"Value\"]}\n />\n ) : null}\n </AreaChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n BarChart as RechartsBarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n Legend,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport { normalizeChartColors } from \"./chartPalette\";\nimport {\n chartBandHoverCursorStyle,\n chartLegendTextStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n} from \"./chartStyles\";\n\nexport interface StackedBarData {\n name: string;\n [key: string]: string \| number;\n}\n\ninterface StackedBarChartProps {\n data: StackedBarData[];\n categories: { key: string; color: string; label: string }[];\n height?: number \| string;\n yAxisDomain?: [number, number];\n className?: string;\n}\n\nexport const StackedBarChart: React.FC<StackedBarChartProps> = ({\n data,\n categories,\n height = 300,\n yAxisDomain,\n className = \"\",\n}) => {\n const normalizedCategories = React.useMemo(() => {\n const normalizedColors = normalizeChartColors(\n categories.map((category) => category.color),\n );\n\n return categories.map((category, index) => ({\n ...category,\n color: normalizedColors[index] ?? category.color,\n }));\n }, [categories]);\n\n return (\n <div className={`w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\n >\n <CartesianGrid\n strokeDasharray=\"3 3\"\n vertical={false}\n stroke=\"var(--ds-color-border)\"\n opacity={0.4}\n />\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n domain={yAxisDomain}\n />\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartBandHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n <Legend\n iconType=\"circle\"\n wrapperStyle={{\n ...chartLegendTextStyle,\n paddingTop: \"20px\",\n }}\n />\n\n {normalizedCategories.map((cat, index) => {\n // Apply rounded radius only to the top bar in the stack\n const isTop = index === normalizedCategories.length - 1;\n const radius: [number, number, number, number] = isTop\n ? [6, 6, 0, 0]\n : [0, 0, 0, 0];\n\n return (\n <Bar\n key={cat.key}\n dataKey={cat.key}\n name={cat.label}\n stackId=\"a\"\n fill={cat.color}\n radius={radius}\n barSize={32}\n />\n );\n })}\n </RechartsBarChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\n\nimport { TruncatedText } from \"../../typography/truncated-text\";\nimport { normalizeChartColors } from \"./chartPalette\";\nimport { chartPillTooltipStyle } from \"./chartStyles\";\n\nexport interface BreakdownSegment {\n id?: string;\n label: string;\n value: number; // The absolute value or percentage\n color: string;\n}\n\ninterface ThinBreakdownBarProps {\n data: BreakdownSegment[];\n className?: string;\n showLabels?: boolean;\n showSummary?: boolean;\n summaryLabel?: string;\n valueFormatter?: (value: number) => string;\n}\n\nconst defaultValueFormatter = (value: number): string =>\n new Intl.NumberFormat().format(value);\n\nexport const ThinBreakdownBar: React.FC<ThinBreakdownBarProps> = ({\n data: segments,\n className = \"\",\n showLabels = true,\n showSummary = false,\n summaryLabel = \"Total\",\n valueFormatter = defaultValueFormatter,\n}) => {\n const [activeSegmentKey, setActiveSegmentKey] = React.useState<string \| null>(\n null,\n );\n\n const normalizedSegments = React.useMemo(() => {\n const normalizedColors = normalizeChartColors(\n segments.map((segment) => segment.color),\n );\n\n const totalValue = segments.reduce((sum, item) => sum + item.value, 0);\n\n return segments.map((segment, index) => ({\n ...segment,\n key: segment.id \|\| `segment-${index}`,\n color: normalizedColors[index] ?? segment.color,\n widthPercent:\n totalValue > 0 ? Math.max((segment.value / totalValue) 100, 0) : 0,\n }));\n }, [segments]);\n\n const segmentsWithMetrics = React.useMemo(() => {\n let runningPercent = 0;\n\n return normalizedSegments.map((segment) => {\n const nextSegment = {\n ...segment,\n centerPercent: runningPercent + segment.widthPercent / 2,\n };\n\n runningPercent += segment.widthPercent;\n return nextSegment;\n });\n }, [normalizedSegments]);\n\n const activeSegment = React.useMemo(\n () =>\n segmentsWithMetrics.find((segment) => segment.key === activeSegmentKey) ??\n null,\n [activeSegmentKey, segmentsWithMetrics],\n );\n const totalValue = React.useMemo(\n () => segments.reduce((sum, item) => sum + item.value, 0),\n [segments],\n );\n const summaryTitle = activeSegment?.label ?? summaryLabel;\n const summaryValue = activeSegment?.value ?? totalValue;\n const summaryMeta = activeSegment\n ? `${Math.round(activeSegment.widthPercent)}% of total`\n : `${segments.length} segments`;\n\n return (\n <div className={`w-full flex flex-col gap-3 ${className}`}>\n {showSummary && (activeSegment \|\| totalValue > 0) ? (\n <div className=\"flex items-start justify-between gap-4 rounded-xl border border-ds-border-2/70 bg-ds-canvas/70 px-4 py-3 backdrop-blur-md\">\n <div className=\"min-w-0\">\n <TruncatedText\n as=\"p\"\n showTitleOnHover\n className=\"truncate text-[11px] font-medium tracking-[0.16em] text-ds-2 uppercase transition-colors duration-200\"\n style={activeSegment ? { color: activeSegment.color } : undefined}\n >\n {summaryTitle}\n </TruncatedText>\n <p className=\"mt-1 text-xs text-ds-2\">{summaryMeta}</p>\n </div>\n <p\n className=\"text-right text-lg font-semibold leading-none text-ds-1 transition-colors duration-200\"\n style={activeSegment ? { color: activeSegment.color } : undefined}\n >\n {valueFormatter(summaryValue)}\n </p>\n </div>\n ) : null}\n\n <div className=\"relative\">\n {activeSegment && !showSummary && (\n <div\n className=\"pointer-events-none absolute -top-10 z-10 -translate-x-1/2 rounded-full px-2.5 py-1 text-[11px] font-medium text-ds-1\"\n style={{\n ...chartPillTooltipStyle,\n left: `${activeSegment.centerPercent}%`,\n }}\n >\n <span>{activeSegment.label}</span>\n <span className=\"mx-1 text-ds-2\">•</span>\n <span style={{ color: activeSegment.color }}>\n {activeSegment.value}\n </span>\n </div>\n )}\n\n <div className=\"rounded-full bg-ds-surface-2/80 p-0.5\">\n <div\n className=\"flex w-full gap-1\"\n onMouseLeave={() => setActiveSegmentKey(null)}\n >\n {segmentsWithMetrics.map((segment) => {\n const isActive = activeSegmentKey === segment.key;\n\n return (\n <div\n key={segment.key}\n className=\"relative flex h-2.5 min-w-0 items-center\"\n style={{ width: `${segment.widthPercent}%` }}\n onMouseEnter={() => setActiveSegmentKey(segment.key)}\n >\n <div\n className=\"h-full w-full rounded-full transition-[transform,filter,box-shadow,opacity] duration-200 ease-out\"\n style={{\n backgroundColor: segment.color,\n opacity: activeSegmentKey && !isActive ? 0.72 : 1,\n transform: isActive ? \"scaleY(1.3)\" : \"scaleY(1)\",\n filter: isActive\n ? \"saturate(1.1) brightness(1.05)\"\n : \"none\",\n boxShadow: isActive\n ? `inset 0 1px 1px rgba(255,255,255,0.28), 0 0 0 1px color-mix(in srgb, ${segment.color} 35%, transparent), 0 0 14px color-mix(in srgb, ${segment.color} 45%, transparent)`\n : `inset 0 1px 1px rgba(255,255,255,0.2), 0 0 8px color-mix(in srgb, ${segment.color} 30%, transparent)`,\n }}\n title={`${segment.label}: ${segment.value}`}\n />\n </div>\n );\n })}\n </div>\n </div>\n </div>\n\n {showLabels && (\n <div className=\"flex w-full items-start gap-1 px-0.5\">\n {segmentsWithMetrics.map((segment) => {\n const isActive = activeSegmentKey === segment.key;\n\n return (\n <div\n key={`label-${segment.key}`}\n className=\"flex min-w-0 justify-center\"\n style={{ width: `${segment.widthPercent}%` }}\n >\n <span\n className=\"whitespace-nowrap px-1 text-center text-[11px] font-medium tracking-wide text-ds-2 transition-colors duration-200\"\n style={isActive ? { color: segment.color } : undefined}\n >\n {segment.label}\n </span>\n </div>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n AreaChart as RechartsAreaChart,\n Area,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport { normalizeChartColors } from \"./chartPalette\";\nimport {\n chartLineHoverCursorStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n getChartActiveDotStyle,\n} from \"./chartStyles\";\n\nexport interface AreaChartData {\n name: string;\n [key: string]: string \| number;\n}\n\ninterface AreaChartProps {\n data: AreaChartData[];\n categories: { key: string; color: string }[];\n height?: number \| string;\n className?: string;\n showGrid?: boolean;\n}\n\nexport const AreaChart: React.FC<AreaChartProps> = ({\n data,\n categories,\n height = 300,\n className = \"\",\n showGrid = true,\n}) => {\n const normalizedCategories = React.useMemo(() => {\n const normalizedColors = normalizeChartColors(\n categories.map((category) => category.color),\n );\n\n return categories.map((category, index) => ({\n ...category,\n color: normalizedColors[index] ?? category.color,\n }));\n }, [categories]);\n\n return (\n <div className={`w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsAreaChart\n data={data}\n margin={{ top: 10, right: 30, left: 0, bottom: 0 }}\n >\n <defs>\n {normalizedCategories.map((cat) => (\n <linearGradient\n key={`gradient-${cat.key}`}\n id={`color-${cat.key}`}\n x1=\"0\"\n y1=\"0\"\n x2=\"0\"\n y2=\"1\"\n >\n <stop offset=\"5%\" stopColor={cat.color} stopOpacity={0.3} />\n <stop offset=\"95%\" stopColor={cat.color} stopOpacity={0} />\n </linearGradient>\n ))}\n </defs>\n\n {showGrid && (\n <CartesianGrid\n strokeDasharray=\"3 3\"\n vertical={false}\n stroke=\"var(--ds-color-border)\"\n opacity={0.5}\n />\n )}\n\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n />\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartLineHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n\n {normalizedCategories.map((cat) => (\n <Area\n key={cat.key}\n activeDot={getChartActiveDotStyle(cat.color)}\n type=\"monotone\"\n dataKey={cat.key}\n stroke={cat.color}\n strokeWidth={2}\n fillOpacity={1}\n fill={`url(#color-${cat.key})`}\n />\n ))}\n </RechartsAreaChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n BarChart as RechartsBarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport { normalizeChartColors } from \"./chartPalette\";\nimport {\n chartBandHoverCursorStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n} from \"./chartStyles\";\n\nexport interface BarChartData {\n name: string;\n [key: string]: string \| number;\n}\n\ninterface BarChartProps {\n data: BarChartData[];\n categories: { key: string; color: string }[];\n height?: number \| string;\n className?: string;\n layout?: \"horizontal\" \| \"vertical\";\n maxBarSize?: number;\n /*\n Compact mode — strips axes, grid, tooltip, and margins.\n * Designed for small sparkline-style zones (e.g. StatCard md, ~130×68 px).\n /\n compact?: boolean;\n}\n\nexport const BarChart: React.FC<BarChartProps> = ({\n data,\n categories,\n height = 300,\n className = \"\",\n layout = \"horizontal\",\n maxBarSize,\n compact = false,\n}) => {\n const resolvedMaxBarSize = maxBarSize ?? (compact ? 8 : layout === \"horizontal\" ? 40 : 22);\n\n const normalizedCategories = React.useMemo(() => {\n const normalizedColors = normalizeChartColors(\n categories.map((category) => category.color),\n );\n\n return categories.map((category, index) => ({\n ...category,\n color: normalizedColors[index] ?? category.color,\n }));\n }, [categories]);\n\n if (compact) {\n return (\n <div className={`w-full h-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n layout={layout}\n barCategoryGap=\"20%\"\n margin={{ top: 2, right: 2, left: 2, bottom: 2 }}\n >\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartBandHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n {normalizedCategories.map((cat) => (\n <Bar\n key={cat.key}\n dataKey={cat.key}\n fill={cat.color}\n maxBarSize={resolvedMaxBarSize}\n radius={[3, 3, 0, 0]}\n />\n ))}\n </RechartsBarChart>\n </ResponsiveContainer>\n </div>\n );\n }\n\n return (\n <div className={`w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n layout={layout}\n barCategoryGap={data.length <= 4 ? \"28%\" : \"18%\"}\n margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\n >\n <CartesianGrid\n strokeDasharray=\"3 3\"\n horizontal={layout === \"horizontal\"}\n vertical={layout === \"vertical\"}\n stroke=\"var(--ds-color-border)\"\n opacity={0.4}\n />\n\n {layout === \"horizontal\" ? (\n <>\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n />\n </>\n ) : (\n <>\n <XAxis\n type=\"number\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n <YAxis\n dataKey=\"name\"\n type=\"category\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n />\n </>\n )}\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartBandHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n\n {normalizedCategories.map((cat) => (\n <Bar\n key={cat.key}\n dataKey={cat.key}\n fill={cat.color}\n maxBarSize={resolvedMaxBarSize}\n radius={layout === \"horizontal\" ? [4, 4, 0, 0] : [0, 4, 4, 0]}\n />\n ))}\n </RechartsBarChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n Bar,\n BarChart as RechartsBarChart,\n CartesianGrid,\n Cell,\n Rectangle,\n ReferenceLine,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from \"recharts\";\n\nimport { getChartColorVar, normalizeChartColorValue } from \"./chartPalette\";\nimport {\n chartBandHoverCursorStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n} from \"./chartStyles\";\n\nexport interface PositiveNegativeBarChartData {\n name: string;\n value: number;\n}\n\ninterface PositiveNegativeBarChartProps {\n data: PositiveNegativeBarChartData[];\n height?: number \| string;\n className?: string;\n layout?: \"horizontal\" \| \"vertical\";\n positiveColor?: string;\n negativeColor?: string;\n neutralColor?: string;\n showGrid?: boolean;\n seriesLabel?: string;\n valueFormatter?: (value: number) => string;\n tickFormatter?: (value: number) => string;\n}\n\nconst defaultValueFormatter = (value: number): string =>\n new Intl.NumberFormat().format(value);\n\nconst getBarRadius = (\n value: number,\n layout: \"horizontal\" \| \"vertical\",\n): [number, number, number, number] => {\n if (value === 0) {\n return [6, 6, 6, 6];\n }\n\n if (layout === \"horizontal\") {\n return [6, 6, 0, 0];\n }\n\n return value > 0 ? [0, 6, 6, 0] : [6, 0, 0, 6];\n};\n\nexport const PositiveNegativeBarChart: React.FC<\n PositiveNegativeBarChartProps\n> = ({\n data,\n height = 320,\n className = \"\",\n layout = \"horizontal\",\n positiveColor = getChartColorVar(3),\n negativeColor = getChartColorVar(5),\n neutralColor = getChartColorVar(15),\n showGrid = true,\n seriesLabel = \"Variance\",\n valueFormatter = defaultValueFormatter,\n tickFormatter,\n}) => {\n const resolvedPositiveColor = React.useMemo(\n () => normalizeChartColorValue(positiveColor) ?? getChartColorVar(3),\n [positiveColor],\n );\n const resolvedNegativeColor = React.useMemo(\n () => normalizeChartColorValue(negativeColor) ?? getChartColorVar(5),\n [negativeColor],\n );\n const resolvedNeutralColor = React.useMemo(\n () => normalizeChartColorValue(neutralColor) ?? getChartColorVar(15),\n [neutralColor],\n );\n\n const resolvedTickFormatter = React.useCallback(\n (value: number) => tickFormatter?.(value) ?? valueFormatter(value),\n [tickFormatter, valueFormatter],\n );\n\n const getBarFill = React.useCallback(\n (value: number) => {\n if (value > 0) {\n return resolvedPositiveColor;\n }\n\n if (value < 0) {\n return resolvedNegativeColor;\n }\n\n return resolvedNeutralColor;\n },\n [resolvedNegativeColor, resolvedNeutralColor, resolvedPositiveColor],\n );\n\n return (\n <div className={`w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n layout={layout}\n margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\n >\n {showGrid ? (\n <CartesianGrid\n strokeDasharray=\"3 3\"\n horizontal={layout === \"horizontal\"}\n vertical={layout === \"vertical\"}\n stroke=\"var(--ds-color-border)\"\n opacity={0.35}\n />\n ) : null}\n\n {layout === \"horizontal\" ? (\n <>\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n tickFormatter={resolvedTickFormatter}\n dx={-10}\n />\n <ReferenceLine\n y={0}\n stroke=\"var(--ds-color-border-strong)\"\n strokeOpacity={0.95}\n />\n </>\n ) : (\n <>\n <XAxis\n type=\"number\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n tickFormatter={resolvedTickFormatter}\n dy={10}\n />\n <YAxis\n dataKey=\"name\"\n type=\"category\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n width={96}\n dx={-6}\n />\n <ReferenceLine\n x={0}\n stroke=\"var(--ds-color-border-strong)\"\n strokeOpacity={0.95}\n />\n </>\n )}\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartBandHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n formatter={(value) => [\n valueFormatter(Number(value ?? 0)),\n seriesLabel,\n ]}\n />\n\n <Bar\n dataKey=\"value\"\n radius={6}\n barSize={layout === \"horizontal\" ? 30 : 22}\n shape={(props) => {\n const barValue = Array.isArray(props.value)\n ? props.value[1] - props.value[0]\n : props.value;\n\n return (\n <Rectangle {...props} radius={getBarRadius(barValue, layout)} />\n );\n }}\n >\n {data.map((entry) => (\n <Cell\n key={`${entry.name}-${entry.value}`}\n fill={getBarFill(entry.value)}\n />\n ))}\n </Bar>\n </RechartsBarChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n PieChart as RechartsPieChart,\n Pie,\n Cell,\n Tooltip,\n Legend,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport { normalizeChartColors } from \"./chartPalette\";\nimport {\n chartLegendTextStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n} from \"./chartStyles\";\n\nexport interface PieChartData {\n name: string;\n value: number;\n}\n\nexport interface PieChartCenterContentContext {\n activeColor?: string;\n activeIndex: number \| null;\n activeSlice: PieChartData \| null;\n data: PieChartData[];\n displayLabel: string;\n displayPercentageLabel: string;\n displayValue: number;\n normalizedColors: string[];\n totalValue: number;\n valueFormatter: (value: number) => string;\n variant: \"pie\" \| \"donut\";\n}\n\nexport interface PieChartProps {\n data: PieChartData[];\n colors: string[];\n height?: number \| string;\n className?: string;\n variant?: \"pie\" \| \"donut\";\n showCenterSummary?: boolean;\n centerLabel?: string;\n valueFormatter?: (value: number) => string;\n renderCenterContent?: (\n context: PieChartCenterContentContext,\n ) => React.ReactNode;\n}\n\nconst defaultValueFormatter = (value: number): string =>\n new Intl.NumberFormat().format(value);\n\nexport const PieChart: React.FC<PieChartProps> = ({\n data,\n colors,\n height = 300,\n className = \"\",\n variant = \"donut\",\n showCenterSummary = variant === \"donut\",\n centerLabel = \"Total\",\n valueFormatter = defaultValueFormatter,\n renderCenterContent,\n}) => {\n const [activeIndex, setActiveIndex] = React.useState<number \| null>(null);\n const innerRadius = variant === \"donut\" ? \"60%\" : 0;\n const normalizedColors = React.useMemo(\n () => normalizeChartColors(colors),\n [colors],\n );\n const totalValue = React.useMemo(\n () => data.reduce((sum, item) => sum + item.value, 0),\n [data],\n );\n const activeSlice =\n activeIndex !== null && activeIndex >= 0 && activeIndex < data.length\n ? data[activeIndex]\n : null;\n const activePercentage =\n activeSlice && totalValue > 0\n ? `${Math.round((activeSlice.value / totalValue) 100)}% of total`\n : `${data.length} categories`;\n const displayLabel = activeSlice?.name ?? centerLabel;\n const displayValue = activeSlice?.value ?? totalValue;\n const activeColor =\n activeIndex !== null\n ? normalizedColors[activeIndex % normalizedColors.length]\n : undefined;\n const centerContentContext: PieChartCenterContentContext = {\n activeColor,\n activeIndex,\n activeSlice,\n data,\n displayLabel,\n displayPercentageLabel: activePercentage,\n displayValue,\n normalizedColors,\n totalValue,\n valueFormatter,\n variant,\n };\n const shouldRenderCenterContent =\n variant === \"donut\" && (showCenterSummary \|\| Boolean(renderCenterContent));\n\n return (\n <div className={`relative w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsPieChart>\n <Pie\n data={data}\n cx=\"50%\"\n cy=\"50%\"\n innerRadius={innerRadius}\n outerRadius=\"80%\"\n paddingAngle={variant === \"donut\" ? 2 : 0}\n dataKey=\"value\"\n stroke=\"none\"\n onMouseEnter={(_data: unknown, index: number) =>\n setActiveIndex(index)\n }\n onMouseLeave={() => setActiveIndex(null)}\n >\n {data.map((entry, index) => (\n <Cell\n key={`cell-${index}`}\n fill={normalizedColors[index % normalizedColors.length]}\n />\n ))}\n </Pie>\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n\n <Legend iconType=\"circle\" wrapperStyle={chartLegendTextStyle} />\n </RechartsPieChart>\n </ResponsiveContainer>\n\n {shouldRenderCenterContent ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n {renderCenterContent ? (\n renderCenterContent(centerContentContext)\n ) : (\n <div className=\"flex max-w-[42%] flex-col items-center text-center\">\n <p className=\"text-[11px] font-medium tracking-[0.16em] text-ds-2 uppercase\">\n {displayLabel}\n </p>\n <p className=\"mt-1 text-2xl font-semibold leading-none text-ds-1 sm:text-3xl\">\n {valueFormatter(displayValue)}\n </p>\n <p className=\"mt-2 text-xs leading-tight text-ds-2\">\n {activePercentage}\n </p>\n </div>\n )}\n </div>\n ) : null}\n </div>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"charts-DMu4zp8j.cjs","names":[],"sources":["../../src/components/data-display/charts/chartPalette.ts","../../src/components/data-display/charts/NeonLineChart.tsx","../../src/components/data-display/charts/MiniNeonSparkline.tsx","../../src/components/data-display/charts/StackedBarChart.tsx","../../src/components/data-display/charts/ThinBreakdownBar.tsx","../../src/components/data-display/charts/AreaChart.tsx","../../src/components/data-display/charts/BarChart.tsx","../../src/components/data-display/charts/PositiveNegativeBarChart.tsx","../../src/components/data-display/charts/PieChart.tsx"],"sourcesContent":["const chartColorSlots = [\n 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15,\n] as const;\n\nexport type ChartColorSlot = (typeof chartColorSlots)[number];\nexport type ChartColorToken = `chart-${ChartColorSlot}`;\n\nexport const chartColorTokens = chartColorSlots.map(\n (slot) => `chart-${slot}` as ChartColorToken,\n);\n\nconst chartPalette = chartColorSlots.map((slot) => `var(--ds-chart-${slot})`);\n\ntype RgbColor = {\n r: number;\n g: number;\n b: number;\n};\n\nconst resolvedColorCache = new Map<string, RgbColor \| null>();\n\nconst chartTokenPattern = /^chart-(\\d+)$/i;\nconst chartVariablePattern = /^--((?:ds\|color)-chart-(\\d+))$/i;\n\nconst getChartSlotValue = (slot: ChartColorSlot \| ChartColorToken): number =>\n typeof slot === \"number\" ? slot : Number(slot.replace(\"chart-\", \"\"));\n\nexport const getChartColorVar = (\n slot: ChartColorSlot \| ChartColorToken,\n namespace: \"ds\" \| \"color\" = \"ds\",\n): string => `var(--${namespace}-chart-${getChartSlotValue(slot)})`;\n\nexport const normalizeChartColorValue = (\n value?: string,\n): string \| undefined => {\n const normalizedValue = value?.trim();\n\n if (!normalizedValue) {\n return undefined;\n }\n\n const tokenMatch = normalizedValue.match(chartTokenPattern);\n if (tokenMatch) {\n return `var(--ds-chart-${tokenMatch[1]})`;\n }\n\n const variableMatch = normalizedValue.match(chartVariablePattern);\n if (variableMatch) {\n return `var(--${variableMatch[1]})`;\n }\n\n return normalizedValue;\n};\n\nconst getThemeSignature = (): string => {\n if (typeof document === \"undefined\") return \"\";\n\n const root = document.documentElement;\n return [\n root.getAttribute(\"data-brand\") ?? \"\",\n root.getAttribute(\"data-mode\") ?? \"\",\n root.getAttribute(\"data-theme\") ?? \"\",\n ].join(\"\|\");\n};\n\nconst resolveColor = (value: string): RgbColor \| null => {\n if (typeof document === \"undefined\") return null;\n\n const cacheKey = `${getThemeSignature()}::${value}`;\n const cached = resolvedColorCache.get(cacheKey);\n if (cached !== undefined) {\n return cached;\n }\n\n const probe = document.createElement(\"span\");\n probe.style.color = value;\n probe.style.position = \"fixed\";\n probe.style.opacity = \"0\";\n probe.style.pointerEvents = \"none\";\n document.body.appendChild(probe);\n\n const computedColor = getComputedStyle(probe).color;\n document.body.removeChild(probe);\n\n const match = computedColor.match(/rgba?\\((\\d+),\\s(\\d+),\\s(\\d+)/i);\n\n const resolved = match\n ? {\n r: Number(match[1]),\n g: Number(match[2]),\n b: Number(match[3]),\n }\n : null;\n\n resolvedColorCache.set(cacheKey, resolved);\n return resolved;\n};\n\nconst getColorDistance = (left: RgbColor, right: RgbColor): number => {\n const deltaR = left.r - right.r;\n const deltaG = left.g - right.g;\n const deltaB = left.b - right.b;\n\n return Math.sqrt(deltaR 2 + deltaG 2 + deltaB ** 2);\n};\n\nconst isTooSimilar = (\n candidate: string,\n usedColors: readonly string[],\n minDistance = 84,\n): boolean => {\n if (usedColors.includes(candidate)) {\n return true;\n }\n\n const candidateRgb = resolveColor(candidate);\n if (!candidateRgb) {\n return false;\n }\n\n return usedColors.some((usedColor) => {\n const usedRgb = resolveColor(usedColor);\n return usedRgb\n ? getColorDistance(candidateRgb, usedRgb) < minDistance\n : false;\n });\n};\n\nexport const getChartPalette = (count = chartPalette.length): string[] =>\n Array.from(\n { length: count },\n (_, index) => chartPalette[index % chartPalette.length],\n );\n\nexport const normalizeChartColors = (\n requestedColors: readonly (string \| undefined)[],\n): string[] => {\n const usedColors: string[] = [];\n let paletteIndex = 0;\n\n const getNextDistinctPaletteColor = (): string => {\n for (let attempt = 0; attempt < chartPalette.length; attempt++) {\n const candidate =\n chartPalette[(paletteIndex + attempt) % chartPalette.length];\n\n if (!isTooSimilar(candidate, usedColors)) {\n paletteIndex = (paletteIndex + attempt + 1) % chartPalette.length;\n return candidate;\n }\n }\n\n const fallback = chartPalette[paletteIndex % chartPalette.length];\n paletteIndex = (paletteIndex + 1) % chartPalette.length;\n return fallback;\n };\n\n return requestedColors.map((requestedColor) => {\n const normalizedRequestedColor = normalizeChartColorValue(requestedColor);\n const resolvedColor =\n normalizedRequestedColor &&\n !isTooSimilar(normalizedRequestedColor, usedColors)\n ? normalizedRequestedColor\n : getNextDistinctPaletteColor();\n\n usedColors.push(resolvedColor);\n return resolvedColor;\n });\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n LineChart,\n Line,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport {\n getChartColorVar,\n normalizeChartColorValue,\n normalizeChartColors,\n} from \"./chartPalette\";\nimport {\n chartLineHoverCursorStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n getChartActiveDotStyle,\n} from \"./chartStyles\";\n\ninterface DataPoint {\n name: string;\n value: number;\n}\n\ninterface NeonLineChartProps {\n data: DataPoint[];\n height?: number \| string;\n lineColorStop1?: string;\n lineColorStop2?: string;\n className?: string;\n glowColor?: string;\n}\n\nexport const NeonLineChart: React.FC<NeonLineChartProps> = ({\n data,\n height = 300,\n lineColorStop1 = getChartColorVar(2),\n lineColorStop2 = getChartColorVar(1),\n glowColor = getChartColorVar(1),\n className = \"\",\n}) => {\n const [normalizedStop1, normalizedStop2] = React.useMemo(\n () => normalizeChartColors([lineColorStop1, lineColorStop2]),\n [lineColorStop1, lineColorStop2],\n );\n const normalizedGlowColor = React.useMemo(\n () => normalizeChartColorValue(glowColor) ?? getChartColorVar(1),\n [glowColor],\n );\n\n return (\n <div className={`w-full relative ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <LineChart\n data={data}\n margin={{ top: 20, right: 30, left: 10, bottom: 20 }}\n >\n <defs>\n {/* Linear Gradient for the Line /}\n <linearGradient id=\"neonGradient\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"0\">\n <stop offset=\"0%\" stopColor={normalizedStop1} />\n <stop offset=\"100%\" stopColor={normalizedStop2} />\n </linearGradient>\n\n {/ Glowing Drop Shadow Filter /}\n <filter id=\"neonGlow\" x=\"-20%\" y=\"-20%\" width=\"140%\" height=\"140%\">\n <feDropShadow\n dx=\"0\"\n dy=\"6\"\n stdDeviation=\"8\"\n floodColor={normalizedGlowColor}\n floodOpacity=\"0.8\"\n />\n <feDropShadow\n dx=\"0\"\n dy=\"0\"\n stdDeviation=\"15\"\n floodColor={normalizedStop1}\n floodOpacity=\"0.3\"\n />\n </filter>\n </defs>\n\n {/ Minimal Grid /}\n <CartesianGrid\n strokeDasharray=\"3 3\"\n vertical={false}\n stroke=\"var(--ds-color-border)\"\n opacity={0.5}\n />\n\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n />\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartLineHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n\n {/ The Neon Line /}\n <Line\n type=\"monotone\"\n dataKey=\"value\"\n stroke=\"url(#neonGradient)\"\n strokeWidth={3}\n dot={false}\n activeDot={getChartActiveDotStyle(normalizedStop2)}\n filter=\"url(#neonGlow)\"\n />\n </LineChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport { Area, AreaChart, Line, ResponsiveContainer, Tooltip } from \"recharts\";\n\nimport { getChartColorVar, normalizeChartColorValue } from \"./chartPalette\";\n\nexport interface MiniNeonSparklinePoint {\n label: string;\n value: number;\n}\n\nexport type MiniNeonSparklineTone =\n \| \"default\"\n \| \"success\"\n \| \"warning\"\n \| \"danger\"\n \| \"info\";\n\nexport interface MiniNeonSparklineProps {\n data: MiniNeonSparklinePoint[];\n height?: number;\n strokeWidth?: number;\n className?: string;\n showArea?: boolean;\n showTooltip?: boolean;\n tone?: MiniNeonSparklineTone;\n}\n\nconst toneColorMap: Record<MiniNeonSparklineTone, string> = {\n default: getChartColorVar(1),\n success: \"var(--ds-color-success)\",\n warning: \"var(--ds-color-warning)\",\n danger: \"var(--ds-color-danger)\",\n info: \"var(--ds-color-info)\",\n};\n\nconst tooltipContentStyle: React.CSSProperties = {\n borderRadius: \"12px\",\n border: \"1px solid var(--ds-border-2)\",\n background: \"var(--ds-surface-1)\",\n color: \"var(--ds-text-1)\",\n fontSize: \"12px\",\n};\n\nexport const MiniNeonSparkline: React.FC<MiniNeonSparklineProps> = ({\n data,\n height = 46,\n strokeWidth = 2,\n className = \"\",\n showArea = true,\n showTooltip = true,\n tone = \"default\",\n}) => {\n const resolvedTone = React.useMemo(\n () => normalizeChartColorValue(toneColorMap[tone]) ?? toneColorMap.default,\n [tone],\n );\n\n const chartGradientId = React.useId();\n const chartGlowId = React.useId();\n\n return (\n <div className={`ui:relative ui:w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <AreaChart\n data={data}\n margin={{ top: 4, right: 2, left: 2, bottom: 4 }}\n >\n <defs>\n <linearGradient id={chartGradientId} x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n <stop offset=\"0%\" stopColor={resolvedTone} stopOpacity={0.35} />\n <stop offset=\"100%\" stopColor={resolvedTone} stopOpacity={0.02} />\n </linearGradient>\n <filter\n id={chartGlowId}\n x=\"-20%\"\n y=\"-20%\"\n width=\"140%\"\n height=\"140%\"\n >\n <feDropShadow\n dx=\"0\"\n dy=\"2\"\n stdDeviation=\"3\"\n floodColor={resolvedTone}\n floodOpacity=\"0.45\"\n />\n </filter>\n </defs>\n\n {showArea ? (\n <Area\n type=\"monotone\"\n dataKey=\"value\"\n stroke=\"none\"\n fill={`url(#${chartGradientId})`}\n />\n ) : null}\n\n <Line\n type=\"monotone\"\n dataKey=\"value\"\n stroke={resolvedTone}\n strokeWidth={strokeWidth}\n dot={false}\n isAnimationActive={false}\n filter={`url(#${chartGlowId})`}\n />\n\n {showTooltip ? (\n <Tooltip\n contentStyle={tooltipContentStyle}\n labelStyle={{ color: \"var(--ds-text-2)\", marginBottom: \"4px\" }}\n itemStyle={{ color: \"var(--ds-text-1)\", fontWeight: 600 }}\n formatter={(value) => [String(value ?? \"\"), \"Value\"]}\n />\n ) : null}\n </AreaChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n BarChart as RechartsBarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n Legend,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport { normalizeChartColors } from \"./chartPalette\";\nimport {\n chartBandHoverCursorStyle,\n chartLegendTextStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n} from \"./chartStyles\";\n\nexport interface StackedBarData {\n name: string;\n [key: string]: string \| number;\n}\n\ninterface StackedBarChartProps {\n data: StackedBarData[];\n categories: { key: string; color: string; label: string }[];\n height?: number \| string;\n yAxisDomain?: [number, number];\n className?: string;\n}\n\nexport const StackedBarChart: React.FC<StackedBarChartProps> = ({\n data,\n categories,\n height = 300,\n yAxisDomain,\n className = \"\",\n}) => {\n const normalizedCategories = React.useMemo(() => {\n const normalizedColors = normalizeChartColors(\n categories.map((category) => category.color),\n );\n\n return categories.map((category, index) => ({\n ...category,\n color: normalizedColors[index] ?? category.color,\n }));\n }, [categories]);\n\n return (\n <div className={`w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\n >\n <CartesianGrid\n strokeDasharray=\"3 3\"\n vertical={false}\n stroke=\"var(--ds-color-border)\"\n opacity={0.4}\n />\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n domain={yAxisDomain}\n />\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartBandHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n <Legend\n iconType=\"circle\"\n wrapperStyle={{\n ...chartLegendTextStyle,\n paddingTop: \"20px\",\n }}\n />\n\n {normalizedCategories.map((cat, index) => {\n // Apply rounded radius only to the top bar in the stack\n const isTop = index === normalizedCategories.length - 1;\n const radius: [number, number, number, number] = isTop\n ? [6, 6, 0, 0]\n : [0, 0, 0, 0];\n\n return (\n <Bar\n key={cat.key}\n dataKey={cat.key}\n name={cat.label}\n stackId=\"a\"\n fill={cat.color}\n radius={radius}\n barSize={32}\n />\n );\n })}\n </RechartsBarChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\n\nimport { TruncatedText } from \"../../typography/truncated-text\";\nimport { normalizeChartColors } from \"./chartPalette\";\nimport { chartPillTooltipStyle } from \"./chartStyles\";\n\nexport interface BreakdownSegment {\n id?: string;\n label: string;\n value: number; // The absolute value or percentage\n color: string;\n}\n\ninterface ThinBreakdownBarProps {\n data: BreakdownSegment[];\n className?: string;\n showLabels?: boolean;\n showSummary?: boolean;\n summaryLabel?: string;\n valueFormatter?: (value: number) => string;\n}\n\nconst defaultValueFormatter = (value: number): string =>\n new Intl.NumberFormat().format(value);\n\nexport const ThinBreakdownBar: React.FC<ThinBreakdownBarProps> = ({\n data: segments,\n className = \"\",\n showLabels = true,\n showSummary = false,\n summaryLabel = \"Total\",\n valueFormatter = defaultValueFormatter,\n}) => {\n const [activeSegmentKey, setActiveSegmentKey] = React.useState<string \| null>(\n null,\n );\n\n const normalizedSegments = React.useMemo(() => {\n const normalizedColors = normalizeChartColors(\n segments.map((segment) => segment.color),\n );\n\n const totalValue = segments.reduce((sum, item) => sum + item.value, 0);\n\n return segments.map((segment, index) => ({\n ...segment,\n key: segment.id \|\| `segment-${index}`,\n color: normalizedColors[index] ?? segment.color,\n widthPercent:\n totalValue > 0 ? Math.max((segment.value / totalValue) 100, 0) : 0,\n }));\n }, [segments]);\n\n const segmentsWithMetrics = React.useMemo(() => {\n let runningPercent = 0;\n\n return normalizedSegments.map((segment) => {\n const nextSegment = {\n ...segment,\n centerPercent: runningPercent + segment.widthPercent / 2,\n };\n\n runningPercent += segment.widthPercent;\n return nextSegment;\n });\n }, [normalizedSegments]);\n\n const activeSegment = React.useMemo(\n () =>\n segmentsWithMetrics.find((segment) => segment.key === activeSegmentKey) ??\n null,\n [activeSegmentKey, segmentsWithMetrics],\n );\n const totalValue = React.useMemo(\n () => segments.reduce((sum, item) => sum + item.value, 0),\n [segments],\n );\n const summaryTitle = activeSegment?.label ?? summaryLabel;\n const summaryValue = activeSegment?.value ?? totalValue;\n const summaryMeta = activeSegment\n ? `${Math.round(activeSegment.widthPercent)}% of total`\n : `${segments.length} segments`;\n\n return (\n <div className={`w-full flex flex-col gap-3 ${className}`}>\n {showSummary && (activeSegment \|\| totalValue > 0) ? (\n <div className=\"flex items-start justify-between gap-4 rounded-xl border border-ds-border-2/70 bg-ds-canvas/70 px-4 py-3 backdrop-blur-md\">\n <div className=\"min-w-0\">\n <TruncatedText\n as=\"p\"\n showTitleOnHover\n className=\"truncate text-[11px] font-medium tracking-[0.16em] text-ds-2 uppercase transition-colors duration-200\"\n style={activeSegment ? { color: activeSegment.color } : undefined}\n >\n {summaryTitle}\n </TruncatedText>\n <p className=\"mt-1 text-xs text-ds-2\">{summaryMeta}</p>\n </div>\n <p\n className=\"text-right text-lg font-semibold leading-none text-ds-1 transition-colors duration-200\"\n style={activeSegment ? { color: activeSegment.color } : undefined}\n >\n {valueFormatter(summaryValue)}\n </p>\n </div>\n ) : null}\n\n <div className=\"relative\">\n {activeSegment && !showSummary && (\n <div\n className=\"pointer-events-none absolute -top-10 z-10 -translate-x-1/2 rounded-full px-2.5 py-1 text-[11px] font-medium text-ds-1\"\n style={{\n ...chartPillTooltipStyle,\n left: `${activeSegment.centerPercent}%`,\n }}\n >\n <span>{activeSegment.label}</span>\n <span className=\"mx-1 text-ds-2\">•</span>\n <span style={{ color: activeSegment.color }}>\n {activeSegment.value}\n </span>\n </div>\n )}\n\n <div className=\"rounded-full bg-ds-surface-2/80 p-0.5\">\n <div\n className=\"flex w-full gap-1\"\n onMouseLeave={() => setActiveSegmentKey(null)}\n >\n {segmentsWithMetrics.map((segment) => {\n const isActive = activeSegmentKey === segment.key;\n\n return (\n <div\n key={segment.key}\n className=\"relative flex h-2.5 min-w-0 items-center\"\n style={{ width: `${segment.widthPercent}%` }}\n onMouseEnter={() => setActiveSegmentKey(segment.key)}\n >\n <div\n className=\"h-full w-full rounded-full transition-[transform,filter,box-shadow,opacity] duration-200 ease-out\"\n style={{\n backgroundColor: segment.color,\n opacity: activeSegmentKey && !isActive ? 0.72 : 1,\n transform: isActive ? \"scaleY(1.3)\" : \"scaleY(1)\",\n filter: isActive\n ? \"saturate(1.1) brightness(1.05)\"\n : \"none\",\n boxShadow: isActive\n ? `inset 0 1px 1px rgba(255,255,255,0.28), 0 0 0 1px color-mix(in srgb, ${segment.color} 35%, transparent), 0 0 14px color-mix(in srgb, ${segment.color} 45%, transparent)`\n : `inset 0 1px 1px rgba(255,255,255,0.2), 0 0 8px color-mix(in srgb, ${segment.color} 30%, transparent)`,\n }}\n title={`${segment.label}: ${segment.value}`}\n />\n </div>\n );\n })}\n </div>\n </div>\n </div>\n\n {showLabels && (\n <div className=\"flex w-full items-start gap-1 px-0.5\">\n {segmentsWithMetrics.map((segment) => {\n const isActive = activeSegmentKey === segment.key;\n\n return (\n <div\n key={`label-${segment.key}`}\n className=\"flex min-w-0 justify-center\"\n style={{ width: `${segment.widthPercent}%` }}\n >\n <span\n className=\"whitespace-nowrap px-1 text-center text-[11px] font-medium tracking-wide text-ds-2 transition-colors duration-200\"\n style={isActive ? { color: segment.color } : undefined}\n >\n {segment.label}\n </span>\n </div>\n );\n })}\n </div>\n )}\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n AreaChart as RechartsAreaChart,\n Area,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport { normalizeChartColors } from \"./chartPalette\";\nimport {\n chartLineHoverCursorStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n getChartActiveDotStyle,\n} from \"./chartStyles\";\n\nexport interface AreaChartData {\n name: string;\n [key: string]: string \| number;\n}\n\ninterface AreaChartProps {\n data: AreaChartData[];\n categories: { key: string; color: string }[];\n height?: number \| string;\n className?: string;\n showGrid?: boolean;\n}\n\nexport const AreaChart: React.FC<AreaChartProps> = ({\n data,\n categories,\n height = 300,\n className = \"\",\n showGrid = true,\n}) => {\n const normalizedCategories = React.useMemo(() => {\n const normalizedColors = normalizeChartColors(\n categories.map((category) => category.color),\n );\n\n return categories.map((category, index) => ({\n ...category,\n color: normalizedColors[index] ?? category.color,\n }));\n }, [categories]);\n\n return (\n <div className={`w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsAreaChart\n data={data}\n margin={{ top: 10, right: 30, left: 0, bottom: 0 }}\n >\n <defs>\n {normalizedCategories.map((cat) => (\n <linearGradient\n key={`gradient-${cat.key}`}\n id={`color-${cat.key}`}\n x1=\"0\"\n y1=\"0\"\n x2=\"0\"\n y2=\"1\"\n >\n <stop offset=\"5%\" stopColor={cat.color} stopOpacity={0.3} />\n <stop offset=\"95%\" stopColor={cat.color} stopOpacity={0} />\n </linearGradient>\n ))}\n </defs>\n\n {showGrid && (\n <CartesianGrid\n strokeDasharray=\"3 3\"\n vertical={false}\n stroke=\"var(--ds-color-border)\"\n opacity={0.5}\n />\n )}\n\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n />\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartLineHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n\n {normalizedCategories.map((cat) => (\n <Area\n key={cat.key}\n activeDot={getChartActiveDotStyle(cat.color)}\n type=\"monotone\"\n dataKey={cat.key}\n stroke={cat.color}\n strokeWidth={2}\n fillOpacity={1}\n fill={`url(#color-${cat.key})`}\n />\n ))}\n </RechartsAreaChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n BarChart as RechartsBarChart,\n Bar,\n XAxis,\n YAxis,\n CartesianGrid,\n Tooltip,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport { normalizeChartColors } from \"./chartPalette\";\nimport {\n chartBandHoverCursorStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n} from \"./chartStyles\";\n\nexport interface BarChartData {\n name: string;\n [key: string]: string \| number;\n}\n\ninterface BarChartProps {\n data: BarChartData[];\n categories: { key: string; color: string }[];\n height?: number \| string;\n className?: string;\n layout?: \"horizontal\" \| \"vertical\";\n maxBarSize?: number;\n /*\n Compact mode — strips axes, grid, tooltip, and margins.\n * Designed for small sparkline-style zones (e.g. StatCard md, ~130×68 px).\n /\n compact?: boolean;\n}\n\nexport const BarChart: React.FC<BarChartProps> = ({\n data,\n categories,\n height = 300,\n className = \"\",\n layout = \"horizontal\",\n maxBarSize,\n compact = false,\n}) => {\n const resolvedMaxBarSize = maxBarSize ?? (compact ? 8 : layout === \"horizontal\" ? 40 : 22);\n\n const normalizedCategories = React.useMemo(() => {\n const normalizedColors = normalizeChartColors(\n categories.map((category) => category.color),\n );\n\n return categories.map((category, index) => ({\n ...category,\n color: normalizedColors[index] ?? category.color,\n }));\n }, [categories]);\n\n if (compact) {\n return (\n <div className={`w-full h-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n layout={layout}\n barCategoryGap=\"20%\"\n margin={{ top: 2, right: 2, left: 2, bottom: 2 }}\n >\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartBandHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n {normalizedCategories.map((cat) => (\n <Bar\n key={cat.key}\n dataKey={cat.key}\n fill={cat.color}\n maxBarSize={resolvedMaxBarSize}\n radius={[3, 3, 0, 0]}\n />\n ))}\n </RechartsBarChart>\n </ResponsiveContainer>\n </div>\n );\n }\n\n return (\n <div className={`w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n layout={layout}\n barCategoryGap={data.length <= 4 ? \"28%\" : \"18%\"}\n margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\n >\n <CartesianGrid\n strokeDasharray=\"3 3\"\n horizontal={layout === \"horizontal\"}\n vertical={layout === \"vertical\"}\n stroke=\"var(--ds-color-border)\"\n opacity={0.4}\n />\n\n {layout === \"horizontal\" ? (\n <>\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n />\n </>\n ) : (\n <>\n <XAxis\n type=\"number\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n <YAxis\n dataKey=\"name\"\n type=\"category\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dx={-10}\n />\n </>\n )}\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartBandHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n\n {normalizedCategories.map((cat) => (\n <Bar\n key={cat.key}\n dataKey={cat.key}\n fill={cat.color}\n maxBarSize={resolvedMaxBarSize}\n radius={layout === \"horizontal\" ? [4, 4, 0, 0] : [0, 4, 4, 0]}\n />\n ))}\n </RechartsBarChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n Bar,\n BarChart as RechartsBarChart,\n CartesianGrid,\n Cell,\n Rectangle,\n ReferenceLine,\n ResponsiveContainer,\n Tooltip,\n XAxis,\n YAxis,\n} from \"recharts\";\n\nimport { getChartColorVar, normalizeChartColorValue } from \"./chartPalette\";\nimport {\n chartBandHoverCursorStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n} from \"./chartStyles\";\n\nexport interface PositiveNegativeBarChartData {\n name: string;\n value: number;\n}\n\ninterface PositiveNegativeBarChartProps {\n data: PositiveNegativeBarChartData[];\n height?: number \| string;\n className?: string;\n layout?: \"horizontal\" \| \"vertical\";\n positiveColor?: string;\n negativeColor?: string;\n neutralColor?: string;\n showGrid?: boolean;\n seriesLabel?: string;\n valueFormatter?: (value: number) => string;\n tickFormatter?: (value: number) => string;\n}\n\nconst defaultValueFormatter = (value: number): string =>\n new Intl.NumberFormat().format(value);\n\nconst getBarRadius = (\n value: number,\n layout: \"horizontal\" \| \"vertical\",\n): [number, number, number, number] => {\n if (value === 0) {\n return [6, 6, 6, 6];\n }\n\n if (layout === \"horizontal\") {\n return [6, 6, 0, 0];\n }\n\n return value > 0 ? [0, 6, 6, 0] : [6, 0, 0, 6];\n};\n\nexport const PositiveNegativeBarChart: React.FC<\n PositiveNegativeBarChartProps\n> = ({\n data,\n height = 320,\n className = \"\",\n layout = \"horizontal\",\n positiveColor = getChartColorVar(3),\n negativeColor = getChartColorVar(5),\n neutralColor = getChartColorVar(15),\n showGrid = true,\n seriesLabel = \"Variance\",\n valueFormatter = defaultValueFormatter,\n tickFormatter,\n}) => {\n const resolvedPositiveColor = React.useMemo(\n () => normalizeChartColorValue(positiveColor) ?? getChartColorVar(3),\n [positiveColor],\n );\n const resolvedNegativeColor = React.useMemo(\n () => normalizeChartColorValue(negativeColor) ?? getChartColorVar(5),\n [negativeColor],\n );\n const resolvedNeutralColor = React.useMemo(\n () => normalizeChartColorValue(neutralColor) ?? getChartColorVar(15),\n [neutralColor],\n );\n\n const resolvedTickFormatter = React.useCallback(\n (value: number) => tickFormatter?.(value) ?? valueFormatter(value),\n [tickFormatter, valueFormatter],\n );\n\n const getBarFill = React.useCallback(\n (value: number) => {\n if (value > 0) {\n return resolvedPositiveColor;\n }\n\n if (value < 0) {\n return resolvedNegativeColor;\n }\n\n return resolvedNeutralColor;\n },\n [resolvedNegativeColor, resolvedNeutralColor, resolvedPositiveColor],\n );\n\n return (\n <div className={`w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsBarChart\n data={data}\n layout={layout}\n margin={{ top: 20, right: 30, left: 20, bottom: 5 }}\n >\n {showGrid ? (\n <CartesianGrid\n strokeDasharray=\"3 3\"\n horizontal={layout === \"horizontal\"}\n vertical={layout === \"vertical\"}\n stroke=\"var(--ds-color-border)\"\n opacity={0.35}\n />\n ) : null}\n\n {layout === \"horizontal\" ? (\n <>\n <XAxis\n dataKey=\"name\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n dy={10}\n />\n <YAxis\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n tickFormatter={resolvedTickFormatter}\n dx={-10}\n />\n <ReferenceLine\n y={0}\n stroke=\"var(--ds-color-border-strong)\"\n strokeOpacity={0.95}\n />\n </>\n ) : (\n <>\n <XAxis\n type=\"number\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n tickFormatter={resolvedTickFormatter}\n dy={10}\n />\n <YAxis\n dataKey=\"name\"\n type=\"category\"\n axisLine={false}\n tickLine={false}\n tick={{ fill: \"var(--ds-color-fg-muted)\", fontSize: 12 }}\n width={96}\n dx={-6}\n />\n <ReferenceLine\n x={0}\n stroke=\"var(--ds-color-border-strong)\"\n strokeOpacity={0.95}\n />\n </>\n )}\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n cursor={chartBandHoverCursorStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n formatter={(value) => [\n valueFormatter(Number(value ?? 0)),\n seriesLabel,\n ]}\n />\n\n <Bar\n dataKey=\"value\"\n radius={6}\n barSize={layout === \"horizontal\" ? 30 : 22}\n shape={(props) => {\n const barValue = Array.isArray(props.value)\n ? props.value[1] - props.value[0]\n : props.value;\n\n return (\n <Rectangle {...props} radius={getBarRadius(barValue, layout)} />\n );\n }}\n >\n {data.map((entry) => (\n <Cell\n key={`${entry.name}-${entry.value}`}\n fill={getBarFill(entry.value)}\n />\n ))}\n </Bar>\n </RechartsBarChart>\n </ResponsiveContainer>\n </div>\n );\n};\n","\"use client\";\n\nimport React from \"react\";\nimport {\n PieChart as RechartsPieChart,\n Pie,\n Cell,\n Tooltip,\n Legend,\n ResponsiveContainer,\n} from \"recharts\";\n\nimport { normalizeChartColors } from \"./chartPalette\";\nimport {\n chartLegendTextStyle,\n chartTooltipContentStyle,\n chartTooltipItemStyle,\n chartTooltipLabelStyle,\n chartTooltipWrapperStyle,\n} from \"./chartStyles\";\n\nexport interface PieChartData {\n name: string;\n value: number;\n}\n\nexport interface PieChartCenterContentContext {\n activeColor?: string;\n activeIndex: number \| null;\n activeSlice: PieChartData \| null;\n data: PieChartData[];\n displayLabel: string;\n displayPercentageLabel: string;\n displayValue: number;\n normalizedColors: string[];\n totalValue: number;\n valueFormatter: (value: number) => string;\n variant: \"pie\" \| \"donut\";\n}\n\nexport interface PieChartProps {\n data: PieChartData[];\n colors: string[];\n height?: number \| string;\n className?: string;\n variant?: \"pie\" \| \"donut\";\n showCenterSummary?: boolean;\n centerLabel?: string;\n valueFormatter?: (value: number) => string;\n renderCenterContent?: (\n context: PieChartCenterContentContext,\n ) => React.ReactNode;\n}\n\nconst defaultValueFormatter = (value: number): string =>\n new Intl.NumberFormat().format(value);\n\nexport const PieChart: React.FC<PieChartProps> = ({\n data,\n colors,\n height = 300,\n className = \"\",\n variant = \"donut\",\n showCenterSummary = variant === \"donut\",\n centerLabel = \"Total\",\n valueFormatter = defaultValueFormatter,\n renderCenterContent,\n}) => {\n const [activeIndex, setActiveIndex] = React.useState<number \| null>(null);\n const innerRadius = variant === \"donut\" ? \"60%\" : 0;\n const normalizedColors = React.useMemo(\n () => normalizeChartColors(colors),\n [colors],\n );\n const totalValue = React.useMemo(\n () => data.reduce((sum, item) => sum + item.value, 0),\n [data],\n );\n const activeSlice =\n activeIndex !== null && activeIndex >= 0 && activeIndex < data.length\n ? data[activeIndex]\n : null;\n const activePercentage =\n activeSlice && totalValue > 0\n ? `${Math.round((activeSlice.value / totalValue) 100)}% of total`\n : `${data.length} categories`;\n const displayLabel = activeSlice?.name ?? centerLabel;\n const displayValue = activeSlice?.value ?? totalValue;\n const activeColor =\n activeIndex !== null\n ? normalizedColors[activeIndex % normalizedColors.length]\n : undefined;\n const centerContentContext: PieChartCenterContentContext = {\n activeColor,\n activeIndex,\n activeSlice,\n data,\n displayLabel,\n displayPercentageLabel: activePercentage,\n displayValue,\n normalizedColors,\n totalValue,\n valueFormatter,\n variant,\n };\n const shouldRenderCenterContent =\n variant === \"donut\" && (showCenterSummary \|\| Boolean(renderCenterContent));\n\n return (\n <div className={`relative w-full ${className}`} style={{ height }}>\n <ResponsiveContainer width=\"100%\" height=\"100%\">\n <RechartsPieChart>\n <Pie\n data={data}\n cx=\"50%\"\n cy=\"50%\"\n innerRadius={innerRadius}\n outerRadius=\"80%\"\n paddingAngle={variant === \"donut\" ? 2 : 0}\n dataKey=\"value\"\n stroke=\"none\"\n onMouseEnter={(_data: unknown, index: number) =>\n setActiveIndex(index)\n }\n onMouseLeave={() => setActiveIndex(null)}\n >\n {data.map((entry, index) => (\n <Cell\n key={`cell-${index}`}\n fill={normalizedColors[index % normalizedColors.length]}\n />\n ))}\n </Pie>\n\n <Tooltip\n contentStyle={chartTooltipContentStyle}\n itemStyle={chartTooltipItemStyle}\n labelStyle={chartTooltipLabelStyle}\n wrapperStyle={chartTooltipWrapperStyle}\n />\n\n <Legend iconType=\"circle\" wrapperStyle={chartLegendTextStyle} />\n </RechartsPieChart>\n </ResponsiveContainer>\n\n {shouldRenderCenterContent ? (\n <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n {renderCenterContent ? (\n renderCenterContent(centerContentContext)\n ) : (\n <div className=\"flex max-w-[42%] flex-col items-center text-center\">\n <p className=\"text-[11px] font-medium tracking-[0.16em] text-ds-2 uppercase\">\n {displayLabel}\n </p>\n <p className=\"mt-1 text-2xl font-semibold leading-none text-ds-1 sm:text-3xl\">\n {valueFormatter(displayValue)}\n </p>\n <p className=\"mt-2 text-xs leading-tight text-ds-2\">\n {activePercentage}\n </p>\n </div>\n )}\n </div>\n ) : null}\n </div>\n );\n};\n"],"mappings":"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"}