{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { cn } from '../../utils/utils';\n\n/**\n * Divider component props interface\n */\ntype DividerProps = {\n  /** Orientation of the divider */\n  orientation?: 'horizontal' | 'vertical';\n  /** Additional CSS classes to apply */\n  className?: string;\n} & HTMLAttributes<HTMLHRElement>;\n\n/**\n * Divider component for Analytica Ensino platforms\n *\n * A simple divider component that creates a visual separation between content sections.\n * Can be used both horizontally and vertically.\n *\n * @param orientation - The orientation of the divider (horizontal or vertical)\n * @param className - Additional CSS classes\n * @param props - All other standard hr HTML attributes\n * @returns A styled divider element\n *\n * @example\n * ```tsx\n * <Divider orientation=\"horizontal\" />\n * <Divider orientation=\"vertical\" className=\"h-8\" />\n * ```\n */\nconst Divider = ({\n  orientation = 'horizontal',\n  className = '',\n  ...props\n}: DividerProps) => {\n  const baseClasses = 'bg-border-200 border-0';\n\n  const orientationClasses = {\n    horizontal: 'w-full h-px',\n    vertical: 'h-full w-px',\n  };\n\n  return (\n    <hr\n      className={cn(baseClasses, orientationClasses[orientation], className)}\n      aria-orientation={orientation}\n      {...props}\n    />\n  );\n};\n\nexport default Divider;\n"],"mappings":";;;;;AA2CI;AAbJ,IAAM,UAAU,CAAC;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,GAAG;AACL,MAAoB;AAClB,QAAM,cAAc;AAEpB,QAAM,qBAAqB;AAAA,IACzB,YAAY;AAAA,IACZ,UAAU;AAAA,EACZ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,aAAa,mBAAmB,WAAW,GAAG,SAAS;AAAA,MACrE,oBAAkB;AAAA,MACjB,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,kBAAQ;","names":[]}