erp-pro-ui 0.1.8 → 0.2.0

package/dist/chunks/{background-gradient-animation-II9hdrgB.cjs.map → background-gradient-animation-CiNdmA61.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"background-gradient-animation-II9hdrgB.cjs","names":[],"sources":["../../src/components/effects/background-gradient-animation/BackgroundGradientAnimation.tsx","../../src/components/effects/background-gradient-animation/BackgroundGradientAnimationDemo.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport interface BackgroundGradientAnimationProps {\n  gradientBackgroundStart?: string;\n  gradientBackgroundEnd?: string;\n  firstColor?: string;\n  secondColor?: string;\n  thirdColor?: string;\n  fourthColor?: string;\n  fifthColor?: string;\n  pointerColor?: string;\n  size?: string;\n  blendingValue?: string;\n  children?: React.ReactNode;\n  className?: string;\n  interactive?: boolean;\n  containerClassName?: string;\n}\n\nexport const BackgroundGradientAnimation = ({\n  gradientBackgroundStart = \"rgb(108, 0, 162)\",\n  gradientBackgroundEnd = \"rgb(0, 17, 82)\",\n  firstColor = \"18, 113, 255\",\n  secondColor = \"221, 74, 255\",\n  thirdColor = \"100, 220, 255\",\n  fourthColor = \"200, 50, 50\",\n  fifthColor = \"180, 180, 50\",\n  pointerColor = \"140, 100, 255\",\n  size = \"80%\",\n  blendingValue = \"hard-light\",\n  children,\n  className,\n  interactive = true,\n  containerClassName,\n}: BackgroundGradientAnimationProps) => {\n  const interactiveRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const currentPositionRef = useRef({ x: 0, y: 0 });\n  const targetPositionRef = useRef({ x: 0, y: 0 });\n\n  useEffect(() => {\n    if (!interactive) {\n      return;\n    }\n\n    let animationFrameId = 0;\n\n    const move = () => {\n      const interactiveElement = interactiveRef.current;\n\n      if (interactiveElement) {\n        const currentPosition = currentPositionRef.current;\n        const targetPosition = targetPositionRef.current;\n\n        currentPosition.x += (targetPosition.x - currentPosition.x) / 20;\n        currentPosition.y += (targetPosition.y - currentPosition.y) / 20;\n\n        interactiveElement.style.transform = `translate(${Math.round(\n          currentPosition.x,\n        )}px, ${Math.round(currentPosition.y)}px)`;\n      }\n\n      animationFrameId = window.requestAnimationFrame(move);\n    };\n\n    animationFrameId = window.requestAnimationFrame(move);\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [interactive]);\n\n  const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (interactiveRef.current) {\n      const rect = interactiveRef.current.getBoundingClientRect();\n      targetPositionRef.current = {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n      };\n    }\n  };\n\n  const [isSafari] = useState(() =>\n    typeof navigator !== \"undefined\"\n      ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent)\n      : false,\n  );\n\n  const blobStyle = (\n    color: string,\n    _animationClass: string,\n    transformOrigin: string,\n    opacity: number = 1,\n  ): React.CSSProperties => ({\n    position: \"absolute\",\n    width: size,\n    height: size,\n    top: `calc(50% - ${size} / 2)`,\n    left: `calc(50% - ${size} / 2)`,\n    background: `radial-gradient(circle at center, rgba(${color}, 0.8) 0, rgba(${color}, 0) 50%) no-repeat`,\n    mixBlendMode: blendingValue as React.CSSProperties[\"mixBlendMode\"],\n    transformOrigin,\n    opacity,\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      className={mergeClassNames(\n        \"h-screen w-screen relative overflow-hidden top-0 left-0\",\n        containerClassName,\n      )}\n      style={{\n        background: `linear-gradient(40deg, ${gradientBackgroundStart}, ${gradientBackgroundEnd})`,\n      }}\n    >\n      <svg className=\"hidden\">\n        <defs>\n          <filter id=\"blurMe\">\n            <feGaussianBlur\n              in=\"SourceGraphic\"\n              stdDeviation=\"10\"\n              result=\"blur\"\n            />\n            <feColorMatrix\n              in=\"blur\"\n              mode=\"matrix\"\n              values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8\"\n              result=\"goo\"\n            />\n            <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n          </filter>\n        </defs>\n      </svg>\n      <div className={mergeClassNames(\"\", className)}>{children}</div>\n      <div\n        className=\"h-full w-full\"\n        style={{\n          filter: isSafari ? \"blur(24px)\" : \"url(#blurMe) blur(40px)\",\n        }}\n      >\n        {/* First blob */}\n        <div\n          className=\"ui:animate-gradient-first\"\n          style={blobStyle(\n            firstColor,\n            \"animate-gradient-first\",\n            \"center center\",\n          )}\n        />\n        {/* Second blob */}\n        <div\n          className=\"ui:animate-gradient-second\"\n          style={blobStyle(\n            secondColor,\n            \"animate-gradient-second\",\n            \"calc(50% - 400px)\",\n          )}\n        />\n        {/* Third blob */}\n        <div\n          className=\"ui:animate-gradient-third\"\n          style={blobStyle(\n            thirdColor,\n            \"animate-gradient-third\",\n            \"calc(50% + 400px)\",\n          )}\n        />\n        {/* Fourth blob */}\n        <div\n          className=\"ui:animate-gradient-fourth\"\n          style={blobStyle(\n            fourthColor,\n            \"animate-gradient-fourth\",\n            \"calc(50% - 200px)\",\n            0.7,\n          )}\n        />\n        {/* Fifth blob */}\n        <div\n          className=\"ui:animate-gradient-fifth\"\n          style={blobStyle(\n            fifthColor,\n            \"animate-gradient-fifth\",\n            \"calc(50% - 800px) calc(50% + 800px)\",\n          )}\n        />\n\n        {interactive && (\n          <div\n            ref={interactiveRef}\n            onMouseMove={handleMouseMove}\n            className=\"absolute w-full h-full\"\n            style={{\n              top: \"-50%\",\n              left: \"-50%\",\n              willChange: \"transform\",\n              opacity: 0.7,\n              background: `radial-gradient(circle at center, rgba(${pointerColor}, 0.8) 0, rgba(${pointerColor}, 0) 50%) no-repeat`,\n              mixBlendMode:\n                blendingValue as React.CSSProperties[\"mixBlendMode\"],\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n","import { BackgroundGradientAnimation } from \"./BackgroundGradientAnimation\";\n\nexport default function BackgroundGradientAnimationDemo() {\n  return (\n    <BackgroundGradientAnimation>\n      <div className=\"ui:absolute ui:z-50 ui:inset-0 ui:flex ui:items-center ui:justify-center ui:text-ds-on-accent ui:font-bold ui:px-4 ui:pointer-events-none ui:text-3xl ui:text-center md:ui:text-4xl lg:ui:text-7xl\">\n        <p className=\"ui:bg-clip-text ui:text-transparent ui:drop-shadow-2xl ui:bg-gradient-to-b ui:from-ds-on-accent ui:to-ds-on-accent/35\">\n          Gradients X Animations\n        </p>\n      </div>\n    </BackgroundGradientAnimation>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"background-gradient-animation-CiNdmA61.cjs","names":[],"sources":["../../src/components/effects/background-gradient-animation/BackgroundGradientAnimation.tsx","../../src/components/effects/background-gradient-animation/BackgroundGradientAnimationDemo.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { mergeClassNames } from \"../../../utils\";\n\nexport interface BackgroundGradientAnimationProps {\n  gradientBackgroundStart?: string;\n  gradientBackgroundEnd?: string;\n  firstColor?: string;\n  secondColor?: string;\n  thirdColor?: string;\n  fourthColor?: string;\n  fifthColor?: string;\n  pointerColor?: string;\n  size?: string;\n  blendingValue?: string;\n  children?: React.ReactNode;\n  className?: string;\n  interactive?: boolean;\n  containerClassName?: string;\n}\n\nexport const BackgroundGradientAnimation = ({\n  gradientBackgroundStart = \"rgb(108, 0, 162)\",\n  gradientBackgroundEnd = \"rgb(0, 17, 82)\",\n  firstColor = \"18, 113, 255\",\n  secondColor = \"221, 74, 255\",\n  thirdColor = \"100, 220, 255\",\n  fourthColor = \"200, 50, 50\",\n  fifthColor = \"180, 180, 50\",\n  pointerColor = \"140, 100, 255\",\n  size = \"80%\",\n  blendingValue = \"hard-light\",\n  children,\n  className,\n  interactive = true,\n  containerClassName,\n}: BackgroundGradientAnimationProps) => {\n  const interactiveRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const currentPositionRef = useRef({ x: 0, y: 0 });\n  const targetPositionRef = useRef({ x: 0, y: 0 });\n\n  useEffect(() => {\n    if (!interactive) {\n      return;\n    }\n\n    let animationFrameId = 0;\n\n    const move = () => {\n      const interactiveElement = interactiveRef.current;\n\n      if (interactiveElement) {\n        const currentPosition = currentPositionRef.current;\n        const targetPosition = targetPositionRef.current;\n\n        currentPosition.x += (targetPosition.x - currentPosition.x) / 20;\n        currentPosition.y += (targetPosition.y - currentPosition.y) / 20;\n\n        interactiveElement.style.transform = `translate(${Math.round(\n          currentPosition.x,\n        )}px, ${Math.round(currentPosition.y)}px)`;\n      }\n\n      animationFrameId = window.requestAnimationFrame(move);\n    };\n\n    animationFrameId = window.requestAnimationFrame(move);\n\n    return () => {\n      window.cancelAnimationFrame(animationFrameId);\n    };\n  }, [interactive]);\n\n  const handleMouseMove = (event: React.MouseEvent<HTMLDivElement>) => {\n    if (interactiveRef.current) {\n      const rect = interactiveRef.current.getBoundingClientRect();\n      targetPositionRef.current = {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n      };\n    }\n  };\n\n  const [isSafari] = useState(() =>\n    typeof navigator !== \"undefined\"\n      ? /^((?!chrome|android).)*safari/i.test(navigator.userAgent)\n      : false,\n  );\n\n  const blobStyle = (\n    color: string,\n    _animationClass: string,\n    transformOrigin: string,\n    opacity: number = 1,\n  ): React.CSSProperties => ({\n    position: \"absolute\",\n    width: size,\n    height: size,\n    top: `calc(50% - ${size} / 2)`,\n    left: `calc(50% - ${size} / 2)`,\n    background: `radial-gradient(circle at center, rgba(${color}, 0.8) 0, rgba(${color}, 0) 50%) no-repeat`,\n    mixBlendMode: blendingValue as React.CSSProperties[\"mixBlendMode\"],\n    transformOrigin,\n    opacity,\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      className={mergeClassNames(\n        \"h-screen w-screen relative overflow-hidden top-0 left-0\",\n        containerClassName,\n      )}\n      style={{\n        background: `linear-gradient(40deg, ${gradientBackgroundStart}, ${gradientBackgroundEnd})`,\n      }}\n    >\n      <svg className=\"hidden\">\n        <defs>\n          <filter id=\"blurMe\">\n            <feGaussianBlur\n              in=\"SourceGraphic\"\n              stdDeviation=\"10\"\n              result=\"blur\"\n            />\n            <feColorMatrix\n              in=\"blur\"\n              mode=\"matrix\"\n              values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8\"\n              result=\"goo\"\n            />\n            <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n          </filter>\n        </defs>\n      </svg>\n      <div className={mergeClassNames(\"\", className)}>{children}</div>\n      <div\n        className=\"h-full w-full\"\n        style={{\n          filter: isSafari ? \"blur(24px)\" : \"url(#blurMe) blur(40px)\",\n        }}\n      >\n        {/* First blob */}\n        <div\n          className=\"ui:animate-gradient-first\"\n          style={blobStyle(\n            firstColor,\n            \"animate-gradient-first\",\n            \"center center\",\n          )}\n        />\n        {/* Second blob */}\n        <div\n          className=\"ui:animate-gradient-second\"\n          style={blobStyle(\n            secondColor,\n            \"animate-gradient-second\",\n            \"calc(50% - 400px)\",\n          )}\n        />\n        {/* Third blob */}\n        <div\n          className=\"ui:animate-gradient-third\"\n          style={blobStyle(\n            thirdColor,\n            \"animate-gradient-third\",\n            \"calc(50% + 400px)\",\n          )}\n        />\n        {/* Fourth blob */}\n        <div\n          className=\"ui:animate-gradient-fourth\"\n          style={blobStyle(\n            fourthColor,\n            \"animate-gradient-fourth\",\n            \"calc(50% - 200px)\",\n            0.7,\n          )}\n        />\n        {/* Fifth blob */}\n        <div\n          className=\"ui:animate-gradient-fifth\"\n          style={blobStyle(\n            fifthColor,\n            \"animate-gradient-fifth\",\n            \"calc(50% - 800px) calc(50% + 800px)\",\n          )}\n        />\n\n        {interactive && (\n          <div\n            ref={interactiveRef}\n            onMouseMove={handleMouseMove}\n            className=\"absolute w-full h-full\"\n            style={{\n              top: \"-50%\",\n              left: \"-50%\",\n              willChange: \"transform\",\n              opacity: 0.7,\n              background: `radial-gradient(circle at center, rgba(${pointerColor}, 0.8) 0, rgba(${pointerColor}, 0) 50%) no-repeat`,\n              mixBlendMode:\n                blendingValue as React.CSSProperties[\"mixBlendMode\"],\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n","import { BackgroundGradientAnimation } from \"./BackgroundGradientAnimation\";\n\nexport default function BackgroundGradientAnimationDemo() {\n  return (\n    <BackgroundGradientAnimation>\n      <div className=\"ui:absolute ui:z-50 ui:inset-0 ui:flex ui:items-center ui:justify-center ui:text-ds-on-accent ui:font-bold ui:px-4 ui:pointer-events-none ui:text-3xl ui:text-center md:ui:text-4xl lg:ui:text-7xl\">\n        <p className=\"ui:bg-clip-text ui:text-transparent ui:drop-shadow-2xl ui:bg-gradient-to-b ui:from-ds-on-accent ui:to-ds-on-accent/35\">\n          Gradients X Animations\n        </p>\n      </div>\n    </BackgroundGradientAnimation>\n  );\n}\n"],"mappings":"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"}

package/dist/chunks/{button-DddUhuR-.mjs → button-A6UTvrOu.mjs}

@@ -12,7 +12,7 @@ var baseClasses = `
   transition-all
   duration-200
   ease-in-out
-  active:scale-95
+  active:scale-99
   hover:opacity-90
   disabled:opacity-50
   disabled:cursor-not-allowed
@@ -40,4 +40,4 @@ var Button = ({ primary = false, variant, size = "medium", backgroundColor, labe
 //#endregion
 export { Button as t };
 
-//# sourceMappingURL=button-DddUhuR-.mjs.map
+//# sourceMappingURL=button-A6UTvrOu.mjs.map

package/dist/chunks/{button-DddUhuR-.mjs.map → button-A6UTvrOu.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-DddUhuR-.mjs","names":[],"sources":["../../src/components/forms/button/Button.tsx"],"sourcesContent":["import type { ButtonProps, ButtonVariant } from \"./types\";\n\nconst baseClasses = `\n  inline-flex\n  items-center\n  justify-center\n  gap-2\n  cursor-pointer\n  rounded-lg\n  font-semibold\n  leading-none\n  transition-all\n  duration-200\n  ease-in-out\n  active:scale-95\n  hover:opacity-90\n  disabled:opacity-50\n  disabled:cursor-not-allowed\n`;\nconst variantClassMap = {\n  primary: \"bg-ds-accent hover:bg-ds-accent-hover text-ds-on-accent shadow-2\",\n  secondary:\n    \"bg-ds-surface-1 border border-ds-border-2 text-ds-1 shadow-1 hover:border-ds-border-1 hover:bg-ds-canvas\",\n  tertiary:\n    \"bg-transparent text-ds-1 shadow-none hover:bg-ds-canvas/70 hover:text-ds-1 border border-transparent\",\n} satisfies Record<ButtonVariant, string>;\nconst sizeClassMap = {\n  small: \"py-2 px-3 text-xs\",\n  medium: \"py-2.5 px-4 text-sm\",\n  large: \"py-3 px-6 text-base\",\n};\n\nexport const Button = ({\n  primary = false,\n  variant,\n  size = \"medium\",\n  backgroundColor,\n  label,\n  children,\n  type = \"button\",\n  className = \"\",\n  ...props\n}: ButtonProps) => {\n  const resolvedVariant = variant ?? (primary ? \"primary\" : \"secondary\");\n  const variantClasses = variantClassMap[resolvedVariant];\n  const sizeClasses =\n    sizeClassMap[size as keyof typeof sizeClassMap] || sizeClassMap.medium;\n\n  return (\n    <button\n      type={type}\n      className={`${baseClasses} ${variantClasses} ${sizeClasses} ${className}`.trim()}\n      style={backgroundColor ? { backgroundColor } : undefined}\n      {...props}\n    >\n      {children}\n      {label && <span>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":";;AAEA,IAAM,cAAc;;;;;;;;;;;;;;;;;AAiBpB,IAAM,kBAAkB;CACtB,SAAS;CACT,WACE;CACF,UACE;CACH;AACD,IAAM,eAAe;CACnB,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,IAAa,UAAU,EACrB,UAAU,OACV,SACA,OAAO,UACP,iBACA,OACA,UACA,OAAO,UACP,YAAY,IACZ,GAAG,YACc;CAEjB,MAAM,iBAAiB,gBADC,YAAY,UAAU,YAAY;AAK1D,QACE,qBAAC,UAAD;EACQ;EACN,WAAW,GAAG,YAAY,GAAG,eAAe,GAL9C,aAAa,SAAsC,aAAa,OAKH,GAAG,YAAY,MAAM;EAChF,OAAO,kBAAkB,EAAE,iBAAiB,GAAG,KAAA;EAC/C,GAAI;YAJN,CAMG,UACA,SAAS,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CACvB"}
+{"version":3,"file":"button-A6UTvrOu.mjs","names":[],"sources":["../../src/components/forms/button/Button.tsx"],"sourcesContent":["import type { ButtonProps, ButtonVariant } from \"./types\";\n\nconst baseClasses = `\n  inline-flex\n  items-center\n  justify-center\n  gap-2\n  cursor-pointer\n  rounded-lg\n  font-semibold\n  leading-none\n  transition-all\n  duration-200\n  ease-in-out\n  active:scale-99\n  hover:opacity-90\n  disabled:opacity-50\n  disabled:cursor-not-allowed\n`;\nconst variantClassMap = {\n  primary: \"bg-ds-accent hover:bg-ds-accent-hover text-ds-on-accent shadow-2\",\n  secondary:\n    \"bg-ds-surface-1 border border-ds-border-2 text-ds-1 shadow-1 hover:border-ds-border-1 hover:bg-ds-canvas\",\n  tertiary:\n    \"bg-transparent text-ds-1 shadow-none hover:bg-ds-canvas/70 hover:text-ds-1 border border-transparent\",\n} satisfies Record<ButtonVariant, string>;\nconst sizeClassMap = {\n  small: \"py-2 px-3 text-xs\",\n  medium: \"py-2.5 px-4 text-sm\",\n  large: \"py-3 px-6 text-base\",\n};\n\nexport const Button = ({\n  primary = false,\n  variant,\n  size = \"medium\",\n  backgroundColor,\n  label,\n  children,\n  type = \"button\",\n  className = \"\",\n  ...props\n}: ButtonProps) => {\n  const resolvedVariant = variant ?? (primary ? \"primary\" : \"secondary\");\n  const variantClasses = variantClassMap[resolvedVariant];\n  const sizeClasses =\n    sizeClassMap[size as keyof typeof sizeClassMap] || sizeClassMap.medium;\n\n  return (\n    <button\n      type={type}\n      className={`${baseClasses} ${variantClasses} ${sizeClasses} ${className}`.trim()}\n      style={backgroundColor ? { backgroundColor } : undefined}\n      {...props}\n    >\n      {children}\n      {label && <span>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":";;AAEA,IAAM,cAAc;;;;;;;;;;;;;;;;;AAiBpB,IAAM,kBAAkB;CACtB,SAAS;CACT,WACE;CACF,UACE;CACH;AACD,IAAM,eAAe;CACnB,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,IAAa,UAAU,EACrB,UAAU,OACV,SACA,OAAO,UACP,iBACA,OACA,UACA,OAAO,UACP,YAAY,IACZ,GAAG,YACc;CAEjB,MAAM,iBAAiB,gBADC,YAAY,UAAU,YAAY;AAK1D,QACE,qBAAC,UAAD;EACQ;EACN,WAAW,GAAG,YAAY,GAAG,eAAe,GAL9C,aAAa,SAAsC,aAAa,OAKH,GAAG,YAAY,MAAM;EAChF,OAAO,kBAAkB,EAAE,iBAAiB,GAAG,KAAA;EAC/C,GAAI;YAJN,CAMG,UACA,SAAS,oBAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CACvB"}

package/dist/chunks/{button-xqernofO.cjs → button-C4MXPxsC.cjs}

@@ -13,7 +13,7 @@ var baseClasses = `
   transition-all
   duration-200
   ease-in-out
-  active:scale-95
+  active:scale-99
   hover:opacity-90
   disabled:opacity-50
   disabled:cursor-not-allowed
@@ -46,4 +46,4 @@ Object.defineProperty(exports, "Button", {
 	}
 });
 
-//# sourceMappingURL=button-xqernofO.cjs.map
+//# sourceMappingURL=button-C4MXPxsC.cjs.map

package/dist/chunks/{button-xqernofO.cjs.map → button-C4MXPxsC.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-xqernofO.cjs","names":[],"sources":["../../src/components/forms/button/Button.tsx"],"sourcesContent":["import type { ButtonProps, ButtonVariant } from \"./types\";\n\nconst baseClasses = `\n  inline-flex\n  items-center\n  justify-center\n  gap-2\n  cursor-pointer\n  rounded-lg\n  font-semibold\n  leading-none\n  transition-all\n  duration-200\n  ease-in-out\n  active:scale-95\n  hover:opacity-90\n  disabled:opacity-50\n  disabled:cursor-not-allowed\n`;\nconst variantClassMap = {\n  primary: \"bg-ds-accent hover:bg-ds-accent-hover text-ds-on-accent shadow-2\",\n  secondary:\n    \"bg-ds-surface-1 border border-ds-border-2 text-ds-1 shadow-1 hover:border-ds-border-1 hover:bg-ds-canvas\",\n  tertiary:\n    \"bg-transparent text-ds-1 shadow-none hover:bg-ds-canvas/70 hover:text-ds-1 border border-transparent\",\n} satisfies Record<ButtonVariant, string>;\nconst sizeClassMap = {\n  small: \"py-2 px-3 text-xs\",\n  medium: \"py-2.5 px-4 text-sm\",\n  large: \"py-3 px-6 text-base\",\n};\n\nexport const Button = ({\n  primary = false,\n  variant,\n  size = \"medium\",\n  backgroundColor,\n  label,\n  children,\n  type = \"button\",\n  className = \"\",\n  ...props\n}: ButtonProps) => {\n  const resolvedVariant = variant ?? (primary ? \"primary\" : \"secondary\");\n  const variantClasses = variantClassMap[resolvedVariant];\n  const sizeClasses =\n    sizeClassMap[size as keyof typeof sizeClassMap] || sizeClassMap.medium;\n\n  return (\n    <button\n      type={type}\n      className={`${baseClasses} ${variantClasses} ${sizeClasses} ${className}`.trim()}\n      style={backgroundColor ? { backgroundColor } : undefined}\n      {...props}\n    >\n      {children}\n      {label && <span>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":";;;AAEA,IAAM,cAAc;;;;;;;;;;;;;;;;;AAiBpB,IAAM,kBAAkB;CACtB,SAAS;CACT,WACE;CACF,UACE;CACH;AACD,IAAM,eAAe;CACnB,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,IAAa,UAAU,EACrB,UAAU,OACV,SACA,OAAO,UACP,iBACA,OACA,UACA,OAAO,UACP,YAAY,IACZ,GAAG,YACc;CAEjB,MAAM,iBAAiB,gBADC,YAAY,UAAU,YAAY;AAK1D,QACE,iBAAA,GAAA,kBAAA,MAAC,UAAD;EACQ;EACN,WAAW,GAAG,YAAY,GAAG,eAAe,GAL9C,aAAa,SAAsC,aAAa,OAKH,GAAG,YAAY,MAAM;EAChF,OAAO,kBAAkB,EAAE,iBAAiB,GAAG,KAAA;EAC/C,GAAI;YAJN,CAMG,UACA,SAAS,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CACvB"}
+{"version":3,"file":"button-C4MXPxsC.cjs","names":[],"sources":["../../src/components/forms/button/Button.tsx"],"sourcesContent":["import type { ButtonProps, ButtonVariant } from \"./types\";\n\nconst baseClasses = `\n  inline-flex\n  items-center\n  justify-center\n  gap-2\n  cursor-pointer\n  rounded-lg\n  font-semibold\n  leading-none\n  transition-all\n  duration-200\n  ease-in-out\n  active:scale-99\n  hover:opacity-90\n  disabled:opacity-50\n  disabled:cursor-not-allowed\n`;\nconst variantClassMap = {\n  primary: \"bg-ds-accent hover:bg-ds-accent-hover text-ds-on-accent shadow-2\",\n  secondary:\n    \"bg-ds-surface-1 border border-ds-border-2 text-ds-1 shadow-1 hover:border-ds-border-1 hover:bg-ds-canvas\",\n  tertiary:\n    \"bg-transparent text-ds-1 shadow-none hover:bg-ds-canvas/70 hover:text-ds-1 border border-transparent\",\n} satisfies Record<ButtonVariant, string>;\nconst sizeClassMap = {\n  small: \"py-2 px-3 text-xs\",\n  medium: \"py-2.5 px-4 text-sm\",\n  large: \"py-3 px-6 text-base\",\n};\n\nexport const Button = ({\n  primary = false,\n  variant,\n  size = \"medium\",\n  backgroundColor,\n  label,\n  children,\n  type = \"button\",\n  className = \"\",\n  ...props\n}: ButtonProps) => {\n  const resolvedVariant = variant ?? (primary ? \"primary\" : \"secondary\");\n  const variantClasses = variantClassMap[resolvedVariant];\n  const sizeClasses =\n    sizeClassMap[size as keyof typeof sizeClassMap] || sizeClassMap.medium;\n\n  return (\n    <button\n      type={type}\n      className={`${baseClasses} ${variantClasses} ${sizeClasses} ${className}`.trim()}\n      style={backgroundColor ? { backgroundColor } : undefined}\n      {...props}\n    >\n      {children}\n      {label && <span>{label}</span>}\n    </button>\n  );\n};\n"],"mappings":";;;AAEA,IAAM,cAAc;;;;;;;;;;;;;;;;;AAiBpB,IAAM,kBAAkB;CACtB,SAAS;CACT,WACE;CACF,UACE;CACH;AACD,IAAM,eAAe;CACnB,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,IAAa,UAAU,EACrB,UAAU,OACV,SACA,OAAO,UACP,iBACA,OACA,UACA,OAAO,UACP,YAAY,IACZ,GAAG,YACc;CAEjB,MAAM,iBAAiB,gBADC,YAAY,UAAU,YAAY;AAK1D,QACE,iBAAA,GAAA,kBAAA,MAAC,UAAD;EACQ;EACN,WAAW,GAAG,YAAY,GAAG,eAAe,GAL9C,aAAa,SAAsC,aAAa,OAKH,GAAG,YAAY,MAAM;EAChF,OAAO,kBAAkB,EAAE,iBAAiB,GAAG,KAAA;EAC/C,GAAI;YAJN,CAMG,UACA,SAAS,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAA,UAAO,OAAa,CAAA,CACvB"}

package/dist/chunks/{button-hover-border-gradient-DFppVRI4.mjs → button-hover-border-gradient-DnFvjNNw.mjs}

@@ -1,4 +1,4 @@
-import { t as HoverBorderGradient } from "./HoverBorderGradient-CduqqQgX.mjs";
+import { t as HoverBorderGradient } from "./HoverBorderGradient-NbdXeLgC.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx
 var ButtonHoverBorderGradient = ({ children, ...props }) => {
@@ -15,4 +15,4 @@ var ButtonHoverBorderGradient = ({ children, ...props }) => {
 //#endregion
 export { ButtonHoverBorderGradient as t };
 
-//# sourceMappingURL=button-hover-border-gradient-DFppVRI4.mjs.map
+//# sourceMappingURL=button-hover-border-gradient-DnFvjNNw.mjs.map

package/dist/chunks/{button-hover-border-gradient-DFppVRI4.mjs.map → button-hover-border-gradient-DnFvjNNw.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-hover-border-gradient-DFppVRI4.mjs","names":[],"sources":["../../src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"sourcesContent":["import { HoverBorderGradient } from \"../hover-border-gradient/HoverBorderGradient\";\n\ninterface ButtonHoverBorderGradientProps {\n  children?: React.ReactNode;\n}\n\nexport const ButtonHoverBorderGradient: React.FC<\n  ButtonHoverBorderGradientProps\n> = ({ children, ...props }) => {\n  return (\n    <div className=\"m-40 flex justify-center text-center\" {...props}>\n      <HoverBorderGradient\n        containerClassName=\"rounded\"\n        className=\"flex items-center space-x-2 bg-ds-surface-1 text-ds-1\"\n      >\n        {children}\n      </HoverBorderGradient>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,6BAER,EAAE,UAAU,GAAG,YAAY;AAC9B,QACE,oBAAC,OAAD;EAAK,WAAU;EAAuC,GAAI;YACxD,oBAAC,qBAAD;GACE,oBAAmB;GACnB,WAAU;GAET;GACmB,CAAA;EAClB,CAAA"}
+{"version":3,"file":"button-hover-border-gradient-DnFvjNNw.mjs","names":[],"sources":["../../src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"sourcesContent":["import { HoverBorderGradient } from \"../hover-border-gradient/HoverBorderGradient\";\n\ninterface ButtonHoverBorderGradientProps {\n  children?: React.ReactNode;\n}\n\nexport const ButtonHoverBorderGradient: React.FC<\n  ButtonHoverBorderGradientProps\n> = ({ children, ...props }) => {\n  return (\n    <div className=\"m-40 flex justify-center text-center\" {...props}>\n      <HoverBorderGradient\n        containerClassName=\"rounded\"\n        className=\"flex items-center space-x-2 bg-ds-surface-1 text-ds-1\"\n      >\n        {children}\n      </HoverBorderGradient>\n    </div>\n  );\n};\n"],"mappings":";;;AAMA,IAAa,6BAER,EAAE,UAAU,GAAG,YAAY;AAC9B,QACE,oBAAC,OAAD;EAAK,WAAU;EAAuC,GAAI;YACxD,oBAAC,qBAAD;GACE,oBAAmB;GACnB,WAAU;GAET;GACmB,CAAA;EAClB,CAAA"}

package/dist/chunks/{button-hover-border-gradient-DX2lBG5C.cjs → button-hover-border-gradient-ssmwU5-U.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-B_GkZjkl.cjs");
-const require_HoverBorderGradient = require("./HoverBorderGradient-C5D6lGg0.cjs");
+const require_HoverBorderGradient = require("./HoverBorderGradient-9pfvBoHR.cjs");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx
 var ButtonHoverBorderGradient = ({ children, ...props }) => {
@@ -21,4 +21,4 @@ Object.defineProperty(exports, "ButtonHoverBorderGradient", {
 	}
 });
 
-//# sourceMappingURL=button-hover-border-gradient-DX2lBG5C.cjs.map
+//# sourceMappingURL=button-hover-border-gradient-ssmwU5-U.cjs.map

package/dist/chunks/{button-hover-border-gradient-DX2lBG5C.cjs.map → button-hover-border-gradient-ssmwU5-U.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"button-hover-border-gradient-DX2lBG5C.cjs","names":[],"sources":["../../src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"sourcesContent":["import { HoverBorderGradient } from \"../hover-border-gradient/HoverBorderGradient\";\n\ninterface ButtonHoverBorderGradientProps {\n  children?: React.ReactNode;\n}\n\nexport const ButtonHoverBorderGradient: React.FC<\n  ButtonHoverBorderGradientProps\n> = ({ children, ...props }) => {\n  return (\n    <div className=\"m-40 flex justify-center text-center\" {...props}>\n      <HoverBorderGradient\n        containerClassName=\"rounded\"\n        className=\"flex items-center space-x-2 bg-ds-surface-1 text-ds-1\"\n      >\n        {children}\n      </HoverBorderGradient>\n    </div>\n  );\n};\n"],"mappings":";;;;AAMA,IAAa,6BAER,EAAE,UAAU,GAAG,YAAY;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;EAAuC,GAAI;YACxD,iBAAA,GAAA,kBAAA,KAAC,4BAAA,qBAAD;GACE,oBAAmB;GACnB,WAAU;GAET;GACmB,CAAA;EAClB,CAAA"}
+{"version":3,"file":"button-hover-border-gradient-ssmwU5-U.cjs","names":[],"sources":["../../src/components/effects/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"sourcesContent":["import { HoverBorderGradient } from \"../hover-border-gradient/HoverBorderGradient\";\n\ninterface ButtonHoverBorderGradientProps {\n  children?: React.ReactNode;\n}\n\nexport const ButtonHoverBorderGradient: React.FC<\n  ButtonHoverBorderGradientProps\n> = ({ children, ...props }) => {\n  return (\n    <div className=\"m-40 flex justify-center text-center\" {...props}>\n      <HoverBorderGradient\n        containerClassName=\"rounded\"\n        className=\"flex items-center space-x-2 bg-ds-surface-1 text-ds-1\"\n      >\n        {children}\n      </HoverBorderGradient>\n    </div>\n  );\n};\n"],"mappings":";;;;AAMA,IAAa,6BAER,EAAE,UAAU,GAAG,YAAY;AAC9B,QACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;EAAK,WAAU;EAAuC,GAAI;YACxD,iBAAA,GAAA,kBAAA,KAAC,4BAAA,qBAAD;GACE,oBAAmB;GACnB,WAAU;GAET;GACmB,CAAA;EAClB,CAAA"}

package/dist/chunks/{calendar-BOBm3dFA.mjs → calendar-5XzPqKbE.mjs}

@@ -1,4 +1,4 @@
-import { t as Select } from "./select-D0GOBB-b.mjs";
+import { t as Select } from "./select-CUaSNR09.mjs";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/forms/calendar/Calendar.tsx
@@ -113,7 +113,7 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 							options: monthOptions,
 							containerClassName: "min-w-0",
 							triggerClassName: "font-medium",
-							dropdownClassName: "left-0 right-auto min-w-full w-max",
+							dropdownClassName: "start-0 end-auto min-w-full w-max",
 							optionClassName: "justify-start",
 							placeholder: "Month",
 							size: "compact",
@@ -128,7 +128,7 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 							options: yearOptions,
 							containerClassName: "min-w-0",
 							triggerClassName: "font-medium",
-							dropdownClassName: "left-auto right-0 min-w-full w-max",
+							dropdownClassName: "start-auto end-0 min-w-full w-max",
 							optionClassName: "justify-start",
 							placeholder: "Year",
 							size: "compact",
@@ -175,4 +175,4 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 //#endregion
 export { Calendar as t };
 
-//# sourceMappingURL=calendar-BOBm3dFA.mjs.map
+//# sourceMappingURL=calendar-5XzPqKbE.mjs.map

package/dist/chunks/calendar-5XzPqKbE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-5XzPqKbE.mjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst dayNames = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\nconst monthNames = Array.from({ length: 12 }, (_, monthIndex) =>\n  new Date(2026, monthIndex, 1).toLocaleString(undefined, {\n    month: \"long\",\n  }),\n);\nconst monthOptions = monthNames.map((monthName, monthIndex) => ({\n  label: monthName,\n  value: String(monthIndex),\n}));\n\nconst getDaysInMonth = (month: number, year: number) => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const startWeekday = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n  const days: Array<Date | null> = [];\n\n  for (let index = 0; index < startWeekday; index += 1) {\n    days.push(null);\n  }\n\n  for (let day = 1; day <= daysInMonth; day += 1) {\n    days.push(new Date(year, month, day));\n  }\n\n  while (days.length % 7 !== 0) {\n    days.push(null);\n  }\n\n  return days;\n};\n\nconst normalizeRange = (range?: { start: Date | null; end: Date | null }) => ({\n  start: range?.start ?? null,\n  end: range?.end ?? null,\n});\n\nconst isSameDay = (left: Date | null, right: Date | null) => {\n  if (!left || !right) {\n    return false;\n  }\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  );\n};\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear, setInternalYear] = useState(year ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear = year ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n  const yearOptions = useMemo(() => {\n    const startYear = 1980;\n    const endYear = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n\n    return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({\n      label: String(endYear - index),\n      value: String(endYear - index),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (nextMonth: number, nextYear: number) => {\n    if (month === undefined) {\n      setInternalMonth(nextMonth);\n    }\n\n    if (year === undefined) {\n      setInternalYear(nextYear);\n    }\n\n    onMonthChange?.(nextMonth, nextYear);\n  };\n\n  const updateMonth = (offset: number) => {\n    const nextDate = new Date(currentYear, currentMonth + offset, 1);\n\n    setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  const isInRange = (date: Date | null) => {\n    if (!date || !currentRange.start || !currentRange.end) {\n      return false;\n    }\n\n    const time = date.getTime();\n    const start = currentRange.start.getTime();\n    const end = currentRange.end.getTime();\n\n    return time >= Math.min(start, end) && time <= Math.max(start, end);\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existingRange = currentRange;\n      let nextRange = existingRange;\n\n      if (!existingRange.start || existingRange.end) {\n        nextRange = { start: date, end: null };\n      } else if (date.getTime() < existingRange.start.getTime()) {\n        nextRange = { start: date, end: existingRange.start };\n      } else {\n        nextRange = { start: existingRange.start, end: date };\n      }\n\n      if (!range) {\n        setInternalRange(nextRange);\n      }\n\n      onRangeSelect?.(nextRange);\n      return;\n    }\n\n    onSelect?.(date);\n  };\n\n  return (\n    <div\n      className={`w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl ${className}`.trim()}\n    >\n      <div className=\"mb-4 flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(-1)}\n          aria-label=\"Previous month\"\n        >\n          ←\n        </button>\n\n        <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2\">\n          <Select\n            name=\"calendar-month-select\"\n            value={String(currentMonth)}\n            onChange={(event) => {\n              setDisplayedMonth(Number(event.target.value), currentYear);\n            }}\n            options={monthOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"start-0 end-auto min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Month\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select month\"\n          />\n\n          <Select\n            name=\"calendar-year-select\"\n            value={String(currentYear)}\n            onChange={(event) => {\n              setDisplayedMonth(currentMonth, Number(event.target.value));\n            }}\n            options={yearOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"start-auto end-0 min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Year\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select year\"\n          />\n        </div>\n\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(1)}\n          aria-label=\"Next month\"\n        >\n          →\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-7 gap-2 text-center\">\n        {dayNames.map((dayName) => (\n          <span key={dayName} className=\"text-xs font-medium text-ds-2\">\n            {dayName}\n          </span>\n        ))}\n\n        {days.map((date, index) => {\n          const isSelected =\n            selectionMode === \"single\" && isSameDay(date, value);\n          const isToday = isSameDay(date, today);\n          const inRange = selectionMode === \"range\" && isInRange(date);\n          const isRangeStart =\n            selectionMode === \"range\" && isSameDay(date, currentRange.start);\n          const isRangeEnd =\n            selectionMode === \"range\" && isSameDay(date, currentRange.end);\n\n          if (!date) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          return (\n            <button\n              type=\"button\"\n              key={date.toISOString()}\n              className={`rounded-md px-0 py-2 text-sm transition-colors ${\n                isSelected || isRangeStart || isRangeEnd\n                  ? \"bg-ds-accent text-ds-on-accent\"\n                  : inRange\n                    ? \"bg-ds-accent-subtle text-ds-1\"\n                    : isToday\n                      ? \"border border-ds-border-accent text-ds-1\"\n                      : \"text-ds-2\"\n              }`}\n              onClick={() => handleSelect(date)}\n            >\n              {date.getDate()}\n            </button>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/{calendar-DJkfDhQA.cjs → calendar-CQJgQ5H_.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-B_GkZjkl.cjs");
-const require_select = require("./select-CORFYTvs.cjs");
+const require_select = require("./select-bZ9WqLOc.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region src/components/forms/calendar/Calendar.tsx
@@ -114,7 +114,7 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 							options: monthOptions,
 							containerClassName: "min-w-0",
 							triggerClassName: "font-medium",
-							dropdownClassName: "left-0 right-auto min-w-full w-max",
+							dropdownClassName: "start-0 end-auto min-w-full w-max",
 							optionClassName: "justify-start",
 							placeholder: "Month",
 							size: "compact",
@@ -129,7 +129,7 @@ var Calendar = ({ value = null, range, selectionMode = "single", onSelect, onRan
 							options: yearOptions,
 							containerClassName: "min-w-0",
 							triggerClassName: "font-medium",
-							dropdownClassName: "left-auto right-0 min-w-full w-max",
+							dropdownClassName: "start-auto end-0 min-w-full w-max",
 							optionClassName: "justify-start",
 							placeholder: "Year",
 							size: "compact",
@@ -181,4 +181,4 @@ Object.defineProperty(exports, "Calendar", {
 	}
 });
 
-//# sourceMappingURL=calendar-DJkfDhQA.cjs.map
+//# sourceMappingURL=calendar-CQJgQ5H_.cjs.map

package/dist/chunks/calendar-CQJgQ5H_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar-CQJgQ5H_.cjs","names":[],"sources":["../../src/components/forms/calendar/Calendar.tsx"],"sourcesContent":["import { useMemo, useState } from \"react\";\n\nimport { Select } from \"../select\";\n\nimport type { CalendarProps } from \"./types\";\n\nconst dayNames = [\"SUN\", \"MON\", \"TUE\", \"WED\", \"THU\", \"FRI\", \"SAT\"];\nconst monthNames = Array.from({ length: 12 }, (_, monthIndex) =>\n  new Date(2026, monthIndex, 1).toLocaleString(undefined, {\n    month: \"long\",\n  }),\n);\nconst monthOptions = monthNames.map((monthName, monthIndex) => ({\n  label: monthName,\n  value: String(monthIndex),\n}));\n\nconst getDaysInMonth = (month: number, year: number) => {\n  const firstDay = new Date(year, month, 1);\n  const lastDay = new Date(year, month + 1, 0);\n  const startWeekday = firstDay.getDay();\n  const daysInMonth = lastDay.getDate();\n  const days: Array<Date | null> = [];\n\n  for (let index = 0; index < startWeekday; index += 1) {\n    days.push(null);\n  }\n\n  for (let day = 1; day <= daysInMonth; day += 1) {\n    days.push(new Date(year, month, day));\n  }\n\n  while (days.length % 7 !== 0) {\n    days.push(null);\n  }\n\n  return days;\n};\n\nconst normalizeRange = (range?: { start: Date | null; end: Date | null }) => ({\n  start: range?.start ?? null,\n  end: range?.end ?? null,\n});\n\nconst isSameDay = (left: Date | null, right: Date | null) => {\n  if (!left || !right) {\n    return false;\n  }\n\n  return (\n    left.getFullYear() === right.getFullYear() &&\n    left.getMonth() === right.getMonth() &&\n    left.getDate() === right.getDate()\n  );\n};\n\nexport const Calendar = ({\n  value = null,\n  range,\n  selectionMode = \"single\",\n  onSelect,\n  onRangeSelect,\n  month,\n  year,\n  onMonthChange,\n  footer,\n  className = \"\",\n}: CalendarProps) => {\n  const today = new Date();\n  const [internalMonth, setInternalMonth] = useState(month ?? today.getMonth());\n  const [internalYear, setInternalYear] = useState(year ?? today.getFullYear());\n  const [internalRange, setInternalRange] = useState(normalizeRange(range));\n\n  const currentMonth = month ?? internalMonth;\n  const currentYear = year ?? internalYear;\n  const currentRange = range ? normalizeRange(range) : internalRange;\n  const yearOptions = useMemo(() => {\n    const startYear = 1980;\n    const endYear = Math.max(new Date().getFullYear() + 10, currentYear + 5);\n\n    return Array.from({ length: endYear - startYear + 1 }, (_, index) => ({\n      label: String(endYear - index),\n      value: String(endYear - index),\n    }));\n  }, [currentYear]);\n\n  const setDisplayedMonth = (nextMonth: number, nextYear: number) => {\n    if (month === undefined) {\n      setInternalMonth(nextMonth);\n    }\n\n    if (year === undefined) {\n      setInternalYear(nextYear);\n    }\n\n    onMonthChange?.(nextMonth, nextYear);\n  };\n\n  const updateMonth = (offset: number) => {\n    const nextDate = new Date(currentYear, currentMonth + offset, 1);\n\n    setDisplayedMonth(nextDate.getMonth(), nextDate.getFullYear());\n  };\n\n  const days = useMemo(\n    () => getDaysInMonth(currentMonth, currentYear),\n    [currentMonth, currentYear],\n  );\n\n  const isInRange = (date: Date | null) => {\n    if (!date || !currentRange.start || !currentRange.end) {\n      return false;\n    }\n\n    const time = date.getTime();\n    const start = currentRange.start.getTime();\n    const end = currentRange.end.getTime();\n\n    return time >= Math.min(start, end) && time <= Math.max(start, end);\n  };\n\n  const handleSelect = (date: Date) => {\n    if (selectionMode === \"range\") {\n      const existingRange = currentRange;\n      let nextRange = existingRange;\n\n      if (!existingRange.start || existingRange.end) {\n        nextRange = { start: date, end: null };\n      } else if (date.getTime() < existingRange.start.getTime()) {\n        nextRange = { start: date, end: existingRange.start };\n      } else {\n        nextRange = { start: existingRange.start, end: date };\n      }\n\n      if (!range) {\n        setInternalRange(nextRange);\n      }\n\n      onRangeSelect?.(nextRange);\n      return;\n    }\n\n    onSelect?.(date);\n  };\n\n  return (\n    <div\n      className={`w-[360px] max-w-[calc(100vw-1.5rem)] rounded-lg border border-ds-border-2 bg-ds-surface-1/95 p-4 shadow-xl backdrop-blur-xl ${className}`.trim()}\n    >\n      <div className=\"mb-4 flex items-center gap-2\">\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(-1)}\n          aria-label=\"Previous month\"\n        >\n          ←\n        </button>\n\n        <div className=\"grid flex-1 grid-cols-[minmax(0,1fr)_7rem] gap-2\">\n          <Select\n            name=\"calendar-month-select\"\n            value={String(currentMonth)}\n            onChange={(event) => {\n              setDisplayedMonth(Number(event.target.value), currentYear);\n            }}\n            options={monthOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"start-0 end-auto min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Month\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select month\"\n          />\n\n          <Select\n            name=\"calendar-year-select\"\n            value={String(currentYear)}\n            onChange={(event) => {\n              setDisplayedMonth(currentMonth, Number(event.target.value));\n            }}\n            options={yearOptions}\n            containerClassName=\"min-w-0\"\n            triggerClassName=\"font-medium\"\n            dropdownClassName=\"start-auto end-0 min-w-full w-max\"\n            optionClassName=\"justify-start\"\n            placeholder=\"Year\"\n            size=\"compact\"\n            selectionIndicator=\"none\"\n            aria-label=\"Select year\"\n          />\n        </div>\n\n        <button\n          type=\"button\"\n          className=\"inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-md border border-ds-border-field bg-ds-surface-1 text-sm text-ds-2 transition-colors hover:border-ds-border-accent hover:text-ds-1\"\n          onClick={() => updateMonth(1)}\n          aria-label=\"Next month\"\n        >\n          →\n        </button>\n      </div>\n\n      <div className=\"grid grid-cols-7 gap-2 text-center\">\n        {dayNames.map((dayName) => (\n          <span key={dayName} className=\"text-xs font-medium text-ds-2\">\n            {dayName}\n          </span>\n        ))}\n\n        {days.map((date, index) => {\n          const isSelected =\n            selectionMode === \"single\" && isSameDay(date, value);\n          const isToday = isSameDay(date, today);\n          const inRange = selectionMode === \"range\" && isInRange(date);\n          const isRangeStart =\n            selectionMode === \"range\" && isSameDay(date, currentRange.start);\n          const isRangeEnd =\n            selectionMode === \"range\" && isSameDay(date, currentRange.end);\n\n          if (!date) {\n            return <span key={`empty-${index}`} />;\n          }\n\n          return (\n            <button\n              type=\"button\"\n              key={date.toISOString()}\n              className={`rounded-md px-0 py-2 text-sm transition-colors ${\n                isSelected || isRangeStart || isRangeEnd\n                  ? \"bg-ds-accent text-ds-on-accent\"\n                  : inRange\n                    ? \"bg-ds-accent-subtle text-ds-1\"\n                    : isToday\n                      ? \"border border-ds-border-accent text-ds-1\"\n                      : \"text-ds-2\"\n              }`}\n              onClick={() => handleSelect(date)}\n            >\n              {date.getDate()}\n            </button>\n          );\n        })}\n      </div>\n\n      {footer ? <div className=\"mt-4\">{footer}</div> : null}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/chunks/{carousel-F4drTOr6.cjs → carousel-Cv0m1Pp5.cjs}

@@ -1,5 +1,5 @@
 require("./chunk-B_GkZjkl.cjs");
-const require_utils = require("./utils-B4SmmY4J.cjs");
+const require_utils = require("./utils-LRbEQHYs.cjs");
 const require_icons = require("./icons-CRanVZB1.cjs");
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -310,4 +310,4 @@ Object.defineProperty(exports, "Carousel", {
 	}
 });
 
-//# sourceMappingURL=carousel-F4drTOr6.cjs.map
+//# sourceMappingURL=carousel-Cv0m1Pp5.cjs.map

package/dist/chunks/{carousel-DUqOaYvs.mjs.map → carousel-Cv0m1Pp5.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"carousel-DUqOaYvs.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":";;;;;;AAOA,IAAM,gBAAgB;CACpB,SAAS;CACT,OACE;CACF,SAAS;CACV;AAGD,IAAM,wBAAwB,cAAiC;AAyE7D,QAxEiB;EACf,OAAO;GACL,QAAQ,eAAuB;IAC7B,GAAG,YAAY,IAAI,SAAS;IAC5B,SAAS;IACV;GACD,QAAQ;IAAE,GAAG;IAAG,SAAS;IAAG;GAC5B,OAAO,eAAuB;IAC5B,GAAG,YAAY,IAAI,SAAS;IAC5B,SAAS;IACV;GACF;EACD,MAAM;GACJ,cAAc,EAAE,SAAS,GAAG;GAC5B,QAAQ,EAAE,SAAS,GAAG;GACtB,aAAa,EAAE,SAAS,GAAG;GAC5B;EACD,OAAO;GACL,QAAQ,eAAuB;IAC7B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,KAAK;IACzB;GACD,QAAQ;IAAE,OAAO;IAAG,SAAS;IAAG,GAAG;IAAG;GACtC,OAAO,eAAuB;IAC5B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,KAAK;IACzB;GACF;EACD,MAAM;GACJ,QAAQ,eAAuB;IAC7B,SAAS,YAAY,IAAI,KAAK;IAC9B,SAAS;IACV;GACD,QAAQ;IAAE,SAAS;IAAG,SAAS;IAAG;GAClC,OAAO,eAAuB;IAC5B,SAAS,YAAY,IAAI,KAAK;IAC9B,SAAS;IACV;GACF;EACD,MAAM;GACJ,QAAQ,eAAuB;IAC7B,SAAS,YAAY,IAAI,KAAK;IAC9B,GAAG,YAAY,IAAI,QAAQ;IAC3B,SAAS;IACT,OAAO;IACR;GACD,QAAQ;IAAE,SAAS;IAAG,GAAG;IAAG,SAAS;IAAG,OAAO;IAAG;GAClD,OAAO,eAAuB;IAC5B,SAAS,YAAY,IAAI,KAAK;IAC9B,GAAG,YAAY,IAAI,QAAQ;IAC3B,SAAS;IACT,OAAO;IACR;GACF;EACD,OAAO;GACL,QAAQ,eAAuB;IAC7B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,MAAM;IACzB,SAAS,YAAY,IAAI,IAAI;IAC9B;GACD,QAAQ;IAAE,OAAO;IAAG,SAAS;IAAG,GAAG;IAAG,SAAS;IAAG;GAClD,OAAO,eAAuB;IAC5B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,MAAM;IACzB,SAAS,YAAY,IAAI,IAAI;IAC9B;GACF;EACF,CACe;;AAIlB,IAAM,uBACJ,WACA,aACG;CACH,MAAM,cAAc,WAAW;AAkC/B,QAjCmD;EACjD,OAAO;GACL,GAAG;IAAE,MAAM;IAAU,WAAW;IAAK,SAAS;IAAI;GAClD,SAAS,EAAE,UAAU,aAAa;GACnC;EACD,MAAM,EACJ,SAAS;GAAE,UAAU;GAAa,MAAM;GAAa,EACtD;EACD,OAAO;GACL,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,aAAa;GACnC;EACD,MAAM;GACJ,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,cAAc,IAAK;GACzC;EACD,MAAM;GACJ,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,cAAc,IAAK;GACzC;EACD,OAAO;GACL,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,aAAa;GACnC;EACF,CACc;;AAGjB,IAAa,YAAY,EACvB,OACA,WACA,WAAW,GACX,aAAa,MACb,WAAW,MACX,WAAW,MACX,eAAe,MACf,oBAAoB,KAEpB,KAAK,OAAO,GACZ,eAAe,iBAAiB,GAChC,aACA,WACA,eACA,UAAU,SACV,SAAS,KACT,OACA,eAAe,GACf,YAAY,MACZ,YAAY,cACO;CACnB,MAAM,oBAAoB,qBAAqB,UAAU;CACzD,MAAM,mBAAmB,oBAAoB,WAAW,kBAAkB;CAC1E,MAAM,CAAC,CAAC,cAAc,YAAY,YAAY,SAAS,CAAC,cAAc,EAAE,CAAC;CACzE,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,cAAc,OAA6C,KAAK;CAEtE,MAAM,cAAc,MAAM;CAE1B,MAAM,YAAY,aACf,OAAe,QAAiB;EAC/B,IAAI,WAAW;AACf,MAAI;OACE,QAAQ,EAAG,YAAW,cAAc;YAC/B,SAAS,YAAa,YAAW;aAEtC,QAAQ,EAAG,YAAW;WACjB,SAAS,YAAa,YAAW,cAAc;AAG1D,WAAS,CAAC,UADW,QAAQ,WAAW,eAAe,IAAI,IAC1B,CAAC;AAClC,kBAAgB,SAAS;IAE3B;EAAC;EAAc;EAAU;EAAa;EAAc,CACrD;CAED,MAAM,SAAS,kBACP,UAAU,eAAe,GAAG,EAAE,EACpC,CAAC,cAAc,UAAU,CAC1B;CACD,MAAM,SAAS,kBACP,UAAU,eAAe,GAAG,GAAG,EACrC,CAAC,cAAc,UAAU,CAC1B;AAGD,iBAAgB;AACd,MAAI,WAAW,KAAK,CAAC,SACnB,aAAY,UAAU,YAAY,QAAQ,SAAS;AAErD,eAAa;AACX,OAAI,YAAY,QAAS,eAAc,YAAY,QAAQ;;IAE5D;EAAC;EAAU;EAAU;EAAO,CAAC;AAGhC,iBAAgB;EACd,MAAM,iBAAiB,MAAqB;AAC1C,OAAI,EAAE,QAAQ,YAAa,SAAQ;AACnC,OAAI,EAAE,QAAQ,aAAc,SAAQ;;AAEtC,SAAO,iBAAiB,WAAW,cAAc;AACjD,eAAa,OAAO,oBAAoB,WAAW,cAAc;IAChE,CAAC,QAAQ,OAAO,CAAC;CAGpB,MAAM,iBACJ,QACA,SAIG;EACH,MAAM,YAAY;AAClB,MAAI,KAAK,OAAO,IAAI,CAAC,UAAW,SAAQ;WAC/B,KAAK,OAAO,IAAI,UAAW,SAAQ;;CAG9C,MAAM,cAAc,MAAM;AAE1B,QACE,qBAAC,OAAD;EACE,WAAW,gBACT,2DACA,cAAc,UACd,UACD;EACD,OAAO;GACL,QAAQ,OAAO,WAAW,WAAW,GAAG,OAAO,MAAM;GACrD,GAAG;GACJ;EACD,oBAAoB,gBAAgB,YAAY,KAAK;EACrD,oBAAoB,gBAAgB,YAAY,MAAM;YAXxD;GAcE,oBAAC,iBAAD;IAAiB,SAAS;IAAO,QAAQ;IAAW,MAAK;cACvD,oBAAC,OAAO,KAAR;KAEE,QAAQ;KACR,UAAU;KACV,SAAQ;KACR,SAAQ;KACR,MAAK;KACL,YAAY;KACZ,MAAM,YAAY,MAAM;KACxB,iBAAiB;MAAE,MAAM;MAAG,OAAO;MAAG;KACtC,aAAa;KACb,WAAW;KACX,WAAU;KACV,OAAO,EACL,aACE,cAAc,UAAU,cAAc,SAAS,MAAO,KAAA,GACzD;eAEA,YAAY,QACX,qBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,oBAAC,OAAD;OACE,KAAK,YAAY;OACjB,KAAK,YAAY,OAAO,YAAY,SAAS;OAC7C,WAAU;OACV,CAAA,GACA,YAAY,SAAS,YAAY,gBACjC,qBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,YAAY,SACX,oBAAC,MAAD;QAAI,WAAU;kBACX,YAAY;QACV,CAAA,EAEN,YAAY,eACX,oBAAC,KAAD;QAAG,WAAU;kBACV,YAAY;QACX,CAAA,CAEF;SAEJ;UAEN,oBAAC,OAAD;MAAK,WAAU;gBACZ,YAAY;MACT,CAAA;KAEG,EA5CN,aA4CM;IACG,CAAA;GAGjB,cAAc,cAAc,KAC3B,oBAAA,YAAA,EAAA,UACG,cACC,qBAAA,YAAA,EAAA,UAAA,CACG,YAAY;IAAE,WAAW;IAAQ,SAAS;IAAQ,CAAC,EACnD,YAAY;IAAE,WAAW;IAAQ,SAAS;IAAQ,CAAC,CACnD,EAAA,CAAA,GAEH,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,OAAO,QAAR;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,YAAY,EAAE,OAAO,KAAK;IAC1B,UAAU,EAAE,OAAO,IAAK;IACxB,cAAW;cAEX,oBAAC,iBAAD;KAAiB,WAAU;KAAgB,eAAY;KAAS,CAAA;IAClD,CAAA,EAChB,oBAAC,OAAO,QAAR;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,YAAY,EAAE,OAAO,KAAK;IAC1B,UAAU,EAAE,OAAO,IAAK;IACxB,cAAW;cAEX,oBAAC,kBAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IACY,CAAA,CACf,EAAA,CAAA,EAEJ,CAAA;GAIJ,YAAY,cAAc,KACzB,oBAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,GAAG,UACb,YACE,UAAU;KACR;KACA,QAAQ,UAAU;KAClB,eAAe,UAAU,MAAM;KAChC,CAAC,GAEF,oBAAC,OAAO,QAAR;KAEE,MAAK;KACL,eAAe,UAAU,MAAM;KAC/B,WAAW,gBACT,qDACA,UAAU,eACN,iDACA,+DACL;KACD,YAAY,EAAE,OAAO,KAAK;KAC1B,UAAU,EAAE,OAAO,IAAK;KACxB,cAAY,eAAe,QAAQ;KACnC,gBAAc,UAAU,eAAe,SAAS,KAAA;KAChD,EAbK,MAaL,CAEL;IACG,CAAA;GAIP,WAAW,KAAK,CAAC,YAChB,oBAAC,OAAO,KAAR;IACE,WAAU;IACV,SAAS,EAAE,OAAO,MAAM;IACxB,SAAS,EAAE,OAAO,QAAQ;IAC1B,YAAY;KAAE,UAAU,WAAW;KAAM,MAAM;KAAU;IAEzD,EADK,aACL;GAEA;;;AAIV,SAAS,cAAc"}
+{"version":3,"file":"carousel-Cv0m1Pp5.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":";;;;;;;AAOA,IAAM,gBAAgB;CACpB,SAAS;CACT,OACE;CACF,SAAS;CACV;AAGD,IAAM,wBAAwB,cAAiC;AAyE7D,QAAO;EAvEL,OAAO;GACL,QAAQ,eAAuB;IAC7B,GAAG,YAAY,IAAI,SAAS;IAC5B,SAAS;IACV;GACD,QAAQ;IAAE,GAAG;IAAG,SAAS;IAAG;GAC5B,OAAO,eAAuB;IAC5B,GAAG,YAAY,IAAI,SAAS;IAC5B,SAAS;IACV;GACF;EACD,MAAM;GACJ,cAAc,EAAE,SAAS,GAAG;GAC5B,QAAQ,EAAE,SAAS,GAAG;GACtB,aAAa,EAAE,SAAS,GAAG;GAC5B;EACD,OAAO;GACL,QAAQ,eAAuB;IAC7B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,KAAK;IACzB;GACD,QAAQ;IAAE,OAAO;IAAG,SAAS;IAAG,GAAG;IAAG;GACtC,OAAO,eAAuB;IAC5B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,KAAK;IACzB;GACF;EACD,MAAM;GACJ,QAAQ,eAAuB;IAC7B,SAAS,YAAY,IAAI,KAAK;IAC9B,SAAS;IACV;GACD,QAAQ;IAAE,SAAS;IAAG,SAAS;IAAG;GAClC,OAAO,eAAuB;IAC5B,SAAS,YAAY,IAAI,KAAK;IAC9B,SAAS;IACV;GACF;EACD,MAAM;GACJ,QAAQ,eAAuB;IAC7B,SAAS,YAAY,IAAI,KAAK;IAC9B,GAAG,YAAY,IAAI,QAAQ;IAC3B,SAAS;IACT,OAAO;IACR;GACD,QAAQ;IAAE,SAAS;IAAG,GAAG;IAAG,SAAS;IAAG,OAAO;IAAG;GAClD,OAAO,eAAuB;IAC5B,SAAS,YAAY,IAAI,KAAK;IAC9B,GAAG,YAAY,IAAI,QAAQ;IAC3B,SAAS;IACT,OAAO;IACR;GACF;EACD,OAAO;GACL,QAAQ,eAAuB;IAC7B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,MAAM;IACzB,SAAS,YAAY,IAAI,IAAI;IAC9B;GACD,QAAQ;IAAE,OAAO;IAAG,SAAS;IAAG,GAAG;IAAG,SAAS;IAAG;GAClD,OAAO,eAAuB;IAC5B,OAAO;IACP,SAAS;IACT,GAAG,YAAY,IAAI,MAAM;IACzB,SAAS,YAAY,IAAI,IAAI;IAC9B;GACF;EAEI,CAAS;;AAIlB,IAAM,uBACJ,WACA,aACG;CACH,MAAM,cAAc,WAAW;AAkC/B,QAAO;EAhCL,OAAO;GACL,GAAG;IAAE,MAAM;IAAU,WAAW;IAAK,SAAS;IAAI;GAClD,SAAS,EAAE,UAAU,aAAa;GACnC;EACD,MAAM,EACJ,SAAS;GAAE,UAAU;GAAa,MAAM;GAAa,EACtD;EACD,OAAO;GACL,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,aAAa;GACnC;EACD,MAAM;GACJ,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,cAAc,IAAK;GACzC;EACD,MAAM;GACJ,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,cAAc,IAAK;GACzC;EACD,OAAO;GACL,MAAM;GACN,WAAW;GACX,SAAS;GACT,SAAS,EAAE,UAAU,aAAa;GACnC;EAEI,CAAQ;;AAGjB,IAAa,YAAY,EACvB,OACA,WACA,WAAW,GACX,aAAa,MACb,WAAW,MACX,WAAW,MACX,eAAe,MACf,oBAAoB,KAEpB,KAAK,OAAO,GACZ,eAAe,iBAAiB,GAChC,aACA,WACA,eACA,UAAU,SACV,SAAS,KACT,OACA,eAAe,GACf,YAAY,MACZ,YAAY,cACO;CACnB,MAAM,oBAAoB,qBAAqB,UAAU;CACzD,MAAM,mBAAmB,oBAAoB,WAAW,kBAAkB;CAC1E,MAAM,CAAC,CAAC,cAAc,YAAY,aAAA,GAAA,MAAA,UAAqB,CAAC,cAAc,EAAE,CAAC;CACzE,MAAM,CAAC,UAAU,gBAAA,GAAA,MAAA,UAAwB,MAAM;CAC/C,MAAM,eAAA,GAAA,MAAA,QAA2D,KAAK;CAEtE,MAAM,cAAc,MAAM;CAE1B,MAAM,aAAA,GAAA,MAAA,cACH,OAAe,QAAiB;EAC/B,IAAI,WAAW;AACf,MAAI;OACE,QAAQ,EAAG,YAAW,cAAc;YAC/B,SAAS,YAAa,YAAW;aAEtC,QAAQ,EAAG,YAAW;WACjB,SAAS,YAAa,YAAW,cAAc;AAG1D,WAAS,CAAC,UADW,QAAQ,WAAW,eAAe,IAAI,IAC1B,CAAC;AAClC,kBAAgB,SAAS;IAE3B;EAAC;EAAc;EAAU;EAAa;EAAc,CACrD;CAED,MAAM,UAAA,GAAA,MAAA,mBACE,UAAU,eAAe,GAAG,EAAE,EACpC,CAAC,cAAc,UAAU,CAC1B;CACD,MAAM,UAAA,GAAA,MAAA,mBACE,UAAU,eAAe,GAAG,GAAG,EACrC,CAAC,cAAc,UAAU,CAC1B;AAGD,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,WAAW,KAAK,CAAC,SACnB,aAAY,UAAU,YAAY,QAAQ,SAAS;AAErD,eAAa;AACX,OAAI,YAAY,QAAS,eAAc,YAAY,QAAQ;;IAE5D;EAAC;EAAU;EAAU;EAAO,CAAC;AAGhC,EAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,iBAAiB,MAAqB;AAC1C,OAAI,EAAE,QAAQ,YAAa,SAAQ;AACnC,OAAI,EAAE,QAAQ,aAAc,SAAQ;;AAEtC,SAAO,iBAAiB,WAAW,cAAc;AACjD,eAAa,OAAO,oBAAoB,WAAW,cAAc;IAChE,CAAC,QAAQ,OAAO,CAAC;CAGpB,MAAM,iBACJ,QACA,SAIG;EACH,MAAM,YAAY;AAClB,MAAI,KAAK,OAAO,IAAI,CAAC,UAAW,SAAQ;WAC/B,KAAK,OAAO,IAAI,UAAW,SAAQ;;CAG9C,MAAM,cAAc,MAAM;AAE1B,QACE,iBAAA,GAAA,kBAAA,MAAC,OAAD;EACE,WAAW,cAAA,gBACT,2DACA,cAAc,UACd,UACD;EACD,OAAO;GACL,QAAQ,OAAO,WAAW,WAAW,GAAG,OAAO,MAAM;GACrD,GAAG;GACJ;EACD,oBAAoB,gBAAgB,YAAY,KAAK;EACrD,oBAAoB,gBAAgB,YAAY,MAAM;YAXxD;GAcE,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;IAAiB,SAAS;IAAO,QAAQ;IAAW,MAAK;cACvD,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;KAEE,QAAQ;KACR,UAAU;KACV,SAAQ;KACR,SAAQ;KACR,MAAK;KACL,YAAY;KACZ,MAAM,YAAY,MAAM;KACxB,iBAAiB;MAAE,MAAM;MAAG,OAAO;MAAG;KACtC,aAAa;KACb,WAAW;KACX,WAAU;KACV,OAAO,EACL,aACE,cAAc,UAAU,cAAc,SAAS,MAAO,KAAA,GACzD;eAEA,YAAY,QACX,iBAAA,GAAA,kBAAA,MAAC,OAAD;MAAK,WAAU;gBAAf,CACE,iBAAA,GAAA,kBAAA,KAAC,OAAD;OACE,KAAK,YAAY;OACjB,KAAK,YAAY,OAAO,YAAY,SAAS;OAC7C,WAAU;OACV,CAAA,GACA,YAAY,SAAS,YAAY,gBACjC,iBAAA,GAAA,kBAAA,MAAC,OAAD;OAAK,WAAU;iBAAf,CACG,YAAY,SACX,iBAAA,GAAA,kBAAA,KAAC,MAAD;QAAI,WAAU;kBACX,YAAY;QACV,CAAA,EAEN,YAAY,eACX,iBAAA,GAAA,kBAAA,KAAC,KAAD;QAAG,WAAU;kBACV,YAAY;QACX,CAAA,CAEF;SAEJ;UAEN,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAAK,WAAU;gBACZ,YAAY;MACT,CAAA;KAEG,EA5CN,aA4CM;IACG,CAAA;GAGjB,cAAc,cAAc,KAC3B,iBAAA,GAAA,kBAAA,KAAA,kBAAA,UAAA,EAAA,UACG,cACC,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACG,YAAY;IAAE,WAAW;IAAQ,SAAS;IAAQ,CAAC,EACnD,YAAY;IAAE,WAAW;IAAQ,SAAS;IAAQ,CAAC,CACnD,EAAA,CAAA,GAEH,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,QAAR;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,YAAY,EAAE,OAAO,KAAK;IAC1B,UAAU,EAAE,OAAO,IAAK;IACxB,cAAW;cAEX,iBAAA,GAAA,kBAAA,KAAC,cAAA,iBAAD;KAAiB,WAAU;KAAgB,eAAY;KAAS,CAAA;IAClD,CAAA,EAChB,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,QAAR;IACE,MAAK;IACL,SAAS;IACT,WAAU;IACV,YAAY,EAAE,OAAO,KAAK;IAC1B,UAAU,EAAE,OAAO,IAAK;IACxB,cAAW;cAEX,iBAAA,GAAA,kBAAA,KAAC,cAAA,kBAAD;KACE,WAAU;KACV,eAAY;KACZ,CAAA;IACY,CAAA,CACf,EAAA,CAAA,EAEJ,CAAA;GAIJ,YAAY,cAAc,KACzB,iBAAA,GAAA,kBAAA,KAAC,OAAD;IAAK,WAAU;cACZ,MAAM,KAAK,GAAG,UACb,YACE,UAAU;KACR;KACA,QAAQ,UAAU;KAClB,eAAe,UAAU,MAAM;KAChC,CAAC,GAEF,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,QAAR;KAEE,MAAK;KACL,eAAe,UAAU,MAAM;KAC/B,WAAW,cAAA,gBACT,qDACA,UAAU,eACN,iDACA,+DACL;KACD,YAAY,EAAE,OAAO,KAAK;KAC1B,UAAU,EAAE,OAAO,IAAK;KACxB,cAAY,eAAe,QAAQ;KACnC,gBAAc,UAAU,eAAe,SAAS,KAAA;KAChD,EAbK,MAaL,CAEL;IACG,CAAA;GAIP,WAAW,KAAK,CAAC,YAChB,iBAAA,GAAA,kBAAA,KAAC,cAAA,OAAO,KAAR;IACE,WAAU;IACV,SAAS,EAAE,OAAO,MAAM;IACxB,SAAS,EAAE,OAAO,QAAQ;IAC1B,YAAY;KAAE,UAAU,WAAW;KAAM,MAAM;KAAU;IAEzD,EADK,aACL;GAEA;;;AAIV,SAAS,cAAc"}

package/dist/chunks/{carousel-DUqOaYvs.mjs → carousel-Dd4rp-jr.mjs}

@@ -1,4 +1,4 @@
-import { n as mergeClassNames } from "./utils-ati1KkDb.mjs";
+import { n as mergeClassNames } from "./utils-7S0u48mU.mjs";
 import { M as ChevronLeftIcon, j as ChevronRightIcon } from "./icons-bx3nrxNv.mjs";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -304,4 +304,4 @@ Carousel.displayName = "Carousel";
 //#endregion
 export { Carousel as t };
 
-//# sourceMappingURL=carousel-DUqOaYvs.mjs.map
+//# sourceMappingURL=carousel-Dd4rp-jr.mjs.map

package/dist/chunks/{carousel-F4drTOr6.cjs.map → carousel-Dd4rp-jr.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"carousel-F4drTOr6.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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"}
+{"version":3,"file":"carousel-Dd4rp-jr.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/{charts-CZEYcr6X.cjs → charts-BmIV-mJy.cjs}

@@ -1,5 +1,5 @@
 const require_chunk = require("./chunk-B_GkZjkl.cjs");
-const require_truncated_text = require("./truncated-text-istgJRUq.cjs");
+const require_truncated_text = require("./truncated-text-BIXqNfOL.cjs");
 let react = require("react");
 react = require_chunk.__toESM(react, 1);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -652,8 +652,8 @@ var AreaChart = ({ data, categories, height = 300, className = "", showGrid = tr
 };
 //#endregion
 //#region src/components/data-display/charts/BarChart.tsx
-var BarChart = ({ data, categories, height = 300, className = "", layout = "horizontal", maxBarSize }) => {
-	const resolvedMaxBarSize = maxBarSize ?? (layout === "horizontal" ? 40 : 22);
+var BarChart = ({ data, categories, height = 300, className = "", layout = "horizontal", maxBarSize, compact = false }) => {
+	const resolvedMaxBarSize = maxBarSize ?? (compact ? 8 : layout === "horizontal" ? 40 : 22);
 	const normalizedCategories = react.default.useMemo(() => {
 		const normalizedColors = normalizeChartColors(categories.map((category) => category.color));
 		return categories.map((category, index) => ({
@@ -661,6 +661,42 @@ var BarChart = ({ data, categories, height = 300, className = "", layout = "hori
 			color: normalizedColors[index] ?? category.color
 		}));
 	}, [categories]);
+	if (compact) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `w-full h-full ${className}`,
+		style: { height },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.ResponsiveContainer, {
+			width: "100%",
+			height: "100%",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(recharts.BarChart, {
+				data,
+				layout,
+				barCategoryGap: "20%",
+				margin: {
+					top: 2,
+					right: 2,
+					left: 2,
+					bottom: 2
+				},
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Tooltip, {
+					contentStyle: chartTooltipContentStyle,
+					cursor: chartBandHoverCursorStyle,
+					itemStyle: chartTooltipItemStyle,
+					labelStyle: chartTooltipLabelStyle,
+					wrapperStyle: chartTooltipWrapperStyle
+				}), normalizedCategories.map((cat) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.Bar, {
+					dataKey: cat.key,
+					fill: cat.color,
+					maxBarSize: resolvedMaxBarSize,
+					radius: [
+						3,
+						3,
+						0,
+						0
+					]
+				}, cat.key))]
+			})
+		})
+	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		className: `w-full ${className}`,
 		style: { height },
@@ -760,16 +796,11 @@ var getBarRadius = (value, layout) => {
 		6,
 		6
 	];
-	if (layout === "horizontal") return value > 0 ? [
+	if (layout === "horizontal") return [
 		6,
 		6,
 		0,
 		0
-	] : [
-		0,
-		0,
-		6,
-		6
 	];
 	return value > 0 ? [
 		0,
@@ -1049,4 +1080,4 @@ Object.defineProperty(exports, "getChartPalette", {
 	}
 });
 
-//# sourceMappingURL=charts-CZEYcr6X.cjs.map
+//# sourceMappingURL=charts-BmIV-mJy.cjs.map